.nav{position: relative; height: 55px; line-height: 55px; box-shadow: 3px 3px 10px 3px #999;z-index: 3;}
.nav ul{font-size: 0px;}
.nav ul li{display: inline-block; padding: 0px 50px;border-left: 1px solid #C9C9C9;border-right: 1px solid #C9C9C9;}
.nav ul li a{ display: block; font-size: 18px; color: var(--textColor);}
.nav ul li.active{background-color: var(--text-a-color);}
.nav ul li.active a{color: #FFFFFF;}
.nav ul li:hover{background-color: var(--text-a-color);}
.nav ul li:hover a{color: #FFFFFF;}


.products{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 80px;}
.products-title{font-size: 36px; color: var(--text-a-color); font-weight: bold;text-transform:uppercase }
.products-title span{display: block;font-size: 18px; color: #9e9e9e; font-weight: normal;}
.products-title1{font-size: 24px; color: var(--text-a-color); font-weight: bold;text-transform:uppercase; padding-top: 20px; padding-bottom: 10px;}
.products-title1 span{display: block;font-size: 14px; color: #9e9e9e; font-weight: normal;}
.prodcts-list{margin: 50px auto;}
.prodcts-list ul{display: flex; flex-wrap: wrap; text-align: center;}
.prodcts-list ul li{padding-bottom: 20px;}
.prodcts-list ul li>div{  border: 1px solid #E2E2E2;}
.prodcts-list-title{ font-size: 18px; margin: 25px auto;}
.prodcts-list-img{margin: 20px auto; overflow:hidden;}
.prodcts-list-text{ padding: 20px 100px; height: 80px; overflow: hidden; background-color: var(--text-a-color);}
.prodcts-list-text a{color: #FFFFFF; font-weight: bold; font-size: 18px;}
.prodcts-list ul li:hover .prodcts-list-title{color: var(--text-a-color);}
.prodcts-list ul li:hover .prodcts-list-text{ background-color: #FFFFFF;}
.prodcts-list ul li:hover .prodcts-list-text a{color: var(--text-a-color);}
.prodcts-list ul li:hover img{ transform:scale(1.2);}
.technology{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 80px;}
.technology-one{ margin-top: 30px; margin-bottom: 50px;}
.technology-one .col-sm-4{flex: 0 0 25%;}
.technology-one .col-sm-4 div{background:url(../image/technology-g.jpg); border-radius: 10px; padding: 35px; height: 600px; overflow: hidden;}
.technology-one h2{  padding-bottom: 15px; text-align: center; margin: 20px auto; color: #FFFFFF; font-size: 36px; font-weight: bold; border-bottom: 1px solid #FFFFFF;}
.technology-one p{font-size: 16px; height: 450px; overflow: hidden; color: #FFFFFF; line-height: 35px;}
.technology-one .col-sm-4 div:hover{/*background: url(../images/technology-hove.jpg) center center no-repeat ;*/background: url(../image/technology-hove1.jpg) ;}

.jiaoliu{margin-top: 30px;}
.jiaoliu >ul li{margin-bottom: 40px;}
.jiaoliu >ul li h2{color: var(--textColor); font-size: 24px;font-weight: bold; margin: 20px auto;}
.jiaoliu >ul li p{line-height: 25px; font-size: 14px; height: 90px; overflow: hidden;}
.jiaoliu >ul li .moer{ display: inline-block;}
.jiaoliu >ul li .moer a{display: block; border: 1px solid var(--text-a-color); padding: 10px 25px; color: var(--text-a-color);}

.jiaoliu >ul li:hover h2{color: var(--text-a-color);}
.jiaoliu >ul li:hover a{background-color: var(--text-a-color); color: #FFFFFF;}
.jiaoliu >ul li:hover img{ transform:scale(1.2);}
.news{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 80px;}
.news-one{margin-top: 40px;}
 
.news-one-img img{width: 100%; height: 200px;}
.news-one-text{background-color: #e9e9e9; padding:10px 20px; font-size: 24px; height: 145px;overflow: hidden;}
.news-one-text a{color: var(--textColor);}
.news-one .col-sm-4:hover .news-one-text{background-color: var(--text-a-color);}
.news-one .col-sm-4:hover .news-one-text a{color:#FFFFFF;}
.newslist{margin-top: 50px;}
.newslist .col-sm-2 div{ text-align: center; color: #666666; font-size: 35px; border-left: 8px solid #666666;}
.newslist .col-sm-2 div span{display: block;font-weight: bold;}
.newslist h2{font-size: 18px; font-weight: bold; color: var(--textColor); margin-bottom: 15px;}
.newslist >ul li{margin-bottom: 40px;}
.newslist >ul li p{line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; margin: 25px auto;}
.newslist >ul li .moer{ display: inline-block;}
.newslist >ul li .moer a{display: block;background-color: #666;font-size: 14px; padding: 8px 20px; color: #FFF;}
.newslist >ul li:hover h2{color: var(--text-a-color);}
.newslist >ul li:hover a{background-color: var(--text-a-color); color: #FFFFFF;}
.newslist >ul li:hover .col-sm-2 div{ text-align: center; color:var(--text-a-color); font-size: 35px; border-left: 8px solid #FFFFFF;}
.newslist >ul li .col-sm-3{ overflow:hidden;}
.newslist >ul li:hover img{ transform:scale(1.2);}
.newsone{ background: url(../image/newscenter.jpg) center center no-repeat; background-size: cover; padding: 36px 0px;}
.newsone .content> h2{color: #FFFFFF; font-size: 36px;position: relative; font-weight: bold;margin-bottom: 35px;}
.newsone span a{display: inline-block; position: absolute; right: 0px;font-weight: bold; font-size: 28px; color: #FFFFFF; top: 20px;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.newsbanner .swiper-slide img{width: 100%; height: 250px;}
.newsbanner .swiper-slide:hover img{transform:scale(1.2);}
.newsbanner .swiper-slide:hover h2{ color:var(--text-a-color); font-size:21px;}
.newsbanner .slide-img{width: 100%; overflow:hidden;margin-top: 15px;}
.newsbanner .slide-text{ text-align: left; padding: 20px;}
.newsbanner h2{font-size: 20px; font-weight: bold; line-height: 35px; height: 75px; overflow: hidden;}
.newsbanner span{display: block; }
.newsbanner a{ color: var(--textColor);}
.newsbanner .swiper-button-next:after,.newsbanner .swiper-button-prev:after{color: #FFFFFF;}
.newsbanner .swiper-button-prev,.newsbanner .swiper-container-rtl .swiper-button-next{left: -50px;}
.newsbanner .swiper-button-next,.newsbanner .swiper-container-rtl .swiper-button-prev{right: -50px;}
.newstwo{margin-top: 50px;}
.newstwo >h2{font-size: 36px;position: relative; font-weight: bold;margin-bottom: 35px;}
.newstwo span a{display: inline-block; position: absolute; right: 0px;font-weight: normal; font-size: 16px; color: #0e6eb8; top: 20px;}
.newstwo .row{align-items: center; border: 1px solid #F2F2F2; padding: 20px; margin-bottom: 20px;}
.newstwo  .col-sm-1{justify-content: center; align-items: center; text-align: center;}
.newstwo  .col-sm-1 span{display: block;font-weight: bold; font-size: 30px;}
.newstwo  .col-sm-1 a{font-size: 40px; font-weight: normal; color: #666666;}
.newstwo .col-sm-10{border-left: 1px solid #F2F2F2; padding-left: 25px;}
.newstwo .col-sm-10 h2 a{font-size: 18px; color: var(--textColor);font-weight: bold;}
.newstwo .row:hover{ background:var(--text-a-color);}
.newstwo .row:hover a { color: #FFF;}
.newstwo .row:hover .col-sm-1{ color:#FFF;}
.newstwo .row:hover p{ color:#FFF;}
.newshow{margin-top: 40px; margin-bottom: 40px; }
.news-time{line-height: 65px; border-bottom: 1px solid #E6E6E6; margin-bottom: 40px; color: #666666;}
.news-time span{display: inline-block; margin-right: 15px;}
.news-time span i{margin-right: 5px;}
.newshow-content{margin-bottom: 30px;}

.pev{line-height: 80px; border-top: 1px solid #E6E6E6;}
.pev a{color: var(--textColor);}
.pev span{display: inline-block; margin-right: 20px; color: var(--text-a-color);}
.next{border-bottom:1px solid #E6E6E6;}

.productshow{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 80px;}
.productshow .swiper-container {
      width: 100%;
      height:100%;
      margin-left: auto;
      margin-right: auto;
    }
.products-banner{height:600px;}
 .productshow .gallery-top {
     height:80%;
      width: 100%;
    }
  .productshow  .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
       	
    }
  .productshow  .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
			border: 1px solid #999;
			overflow: hidden;
    }
.productshow  .gallery-thumbs img{ height: 100%;}
.productshow .gallery-thumbs .swiper-slide-thumb-active {
			border: 1px solid var(--text-a-color);
    }
.swiper-button-white{background: #666666; width: 50px; height: 50px;}
 
.show_02{margin: 30px auto; margin-top: 60px;}
.productshow-desc h2{font-weight: bold; margin-bottom: 10px;}
.productshow-text{border-top: 1px solid #E2E3E5;border-bottom: 1px solid #E2E3E5; padding: 10px 0px; padding-bottom: 50px;}
.productshow-text span{color: var(--text-a-color); font-weight: bold;}
.productshow-tel{ font-weight: bold; font-size: 30px; color: var(--textColor);margin: 20px auto;}
.productshow-tel span{font-weight: normal; font-size: 16px;}
.productshow-pdf{background-color: var(--text-a-color); padding: 10px 20px;font-size: 16px;position: relative;}
.productshow-pdf a{color: #FFFFFF; font-size: 16px;}
.productshow-pdf i{ margin-right: 15px;}
.productshow-pdf span{display: inline-block; position: absolute;right: 20px;}

.productshow-content{padding-bottom: 50px;}


.horor{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 80px;}
.horor-title{font-size: 36px; color: var(--text-a-color); font-weight: bold;text-transform:uppercase }
.horor-title span{display: block;font-size: 19px; color: #9e9e9e;}
.horor-list{margin: 10px auto;}
.horor-list ul{display: flex; flex-wrap: wrap; text-align: center;}
.horor-list ul li{width: 30%; margin: 10px; border: 1px solid #E2E2E2;}
.horor-list-title{ font-size: 18px; margin: 25px auto;}
.horor-list-img{margin: 20px auto;}
.horor-list-text{ padding: 20px}
.horor-list-text a{color: #333; font-weight: bold;}

.aboutlist{background: url(../image/content-bg.jpg) center top no-repeat;padding-top: 75px; margin-top: 50px; position: relative; margin-bottom: 40px;}
.aboutlist .products-title{text-align: center;}
.aboutlist-about{margin-top: 40px; margin-bottom: 40px; text-align: center;line-height: 36px;}
.aboutlist-moer{text-align: center; margin: 40px auto;}
.aboutlist-moer a{display: inline-block;background-color: var(--text-a-color); padding: 15px 60px; color: #FFFFFF;font-size: 16px;}
.aboutlist-moer a:hover{background-color: #004085;}
.aboutlist-row{ margin: 30px auto;text-align: center;font-size: 16px;color: #898989;}
.aboutlist-row span{font-size: 36px;color: var(--text-a-color);font-weight: bold;}

.aboutpro{margin: 40px auto;}
.aboutpro .swiper-button-next, .aboutpro .swiper-button-prev{
	  background: rgba(0,0,0,.5);
		 width: 50px;
		 height: 60px;
}
.aboutpro .swiper-button-prev:after, .aboutpro .swiper-button-next:after{
	 font-size: 15px;
	 color: #FFFFFF;
}
.aboutcore{padding-top: 40px; margin-top: 50px; position: relative; margin-bottom: 40px;text-align: center;}
.aboutcore .row{margin-top: 50px;}
.aboutcore .row .col{display: flex;justify-content: center;
    align-items: center;height: 300px; background:-moz-linear-gradient(to bottom right, #cce0f0, #FFFFFF); background: linear-gradient(to bottom right, #cce0f0, #FFFFFF);} 
 
.core-text{font-size: 24px; font-weight: bold; margin-top: 20px;}
.core-img:hover img{ transform:scale(1.2);}


.abouthoror{background: url(../image/hp.jpg) center center no-repeat; padding: 40px 0px;}
.about-horor{margin-top: 50px;}
.about-horor .swiper-slide{width: 480px;  background: #fff;
	box-shadow: 0 8px 30px #ddd;}
.swiper-button-black{color: gray;}

.jin,.jishu,.contact,.about,.jobs{background: url(../image/content-bg.jpg) left top no-repeat;padding-top: 75px;}
.jin-list {margin-top: 40px;}
.jin-list  div.jzl{/*margin: 30px auto;*/ margin: 10px auto 30px auto;}
.jin-list .col-sm-6 div:last-child{/*margin-top: 80px;*/}
.jin-list  div.jzl h1{font-size: 30px;font-weight:bold; margin-bottom: 30px;}
.jin-list  div.jzl h1 span{display: inline-block; width: 40px; height: 40px; margin-right: 25px; position: relative; z-index: 2; text-align: center; color: #FFFFFF;font-family: "impact"; display: inline-flex;justify-content: center;align-items: center;}
.jin-list  div.jzl h1 span::before{content: '';position: absolute;left: 0;top: 0; z-index:-12; font-size: 0px; width: 40px; height: 40px;  background-color: var(--text-a-color);color: #FFFFFF;transform: rotate(45deg);}
.jin-list  div.jzl p{line-height: 20px;}
.jin-list .row{margin-top: 80px;}
.jin-list .row .img-fluid{padding-top: 120px;}
.about-about{line-height: 36px;padding-top: 40px;}



.support{background: url(../image/jishubg2.jpg) center center no-repeat; background-size: cover; margin: 50px auto; }
.support .support-col{float: right; color: #FFFFFF;padding: 40px 50px; background: rgba(1,82,176,.8); width: 60%; }
.support .support-col p{line-height: 30px; font-size: 16px; margin-bottom: 40px;}
.support .support-col p:last-child{margin-bottom: 0px;}
.support .support-col p span{font-weight: bold;display: block;}

.qa{margin-top: 20px;border: 1px solid #F0F0F0; padding-bottom: 15px; margin-bottom: 20px;}
.question{background-color: #1c6ead; color: #FFFFFF; padding: 10px 15px;}
.qa-span{font-weight: bold;padding: 10px 15px;}
.qa-ask{padding: 10px 0px;}

 
.contact-one{background-color: #f3f4f8; padding:28px 40px; margin-bottom: 45px;}
.contact-one h2{font-size: 36px;color: var(--text-a-color);font-weight: bold; line-height: 75px; border-bottom: 1px solid #999;}
.contact-one h3{font-size: 30px;color: #666666;font-weight: bold;line-height: 75px;border-bottom: 1px solid #999;}
.contact-one p{display: inline-flex; align-items: center;width: 100%; font-size: 16px; color: #666666; line-height: 30px; /*border-bottom: 1px solid #999;*/}
.contact-one p i{color: var(--text-a-color);font-size: 30px; margin-right: 15px;}
.contact-one p img{width: auto;margin: 0 auto;}

.contact-form{background-color: #f9f9f9; padding: 50px 0px;}
.contact-form h2{text-align: center; font-size: 36px;font-weight: bold; color: var(--text-a-color);}
.form-text{text-align: center; font-size: 14px; color: #a3a3a3; position: relative;}
.form-text span{display: block;width: 5%;height: 2px;background-color: #A3A3A3; text-align: center; margin: 10px auto;margin-bottom: 50px;}
.contact-form .form-inline{border: 1px solid #d5d5d5;padding:10px; }
.contact-form .form-inline label{color: #666666;}
.contact-form .form-inline input{border: 0;background-color: #f9f9f9;   color: #666666;}
.contact-form .form-inline span{color: #666666;}
.contact-form .row{margin-bottom: 30px;}
.contact-form textarea{border: 0px; background-color:#f9f9f9;}

.contact-form .btn{width: 100%; margin-left: 20px;}

.jobslist{margin-top: 40px;}
.card{margin-bottom: 30px;border: 0; background-color: #f0f0f0;}
.card-header{color: #000;transition:all 0.5s; background-color: #F5F5F5;cursor: pointer;}
.card-header div:first-child{font-weight: bold; font-size: 24px;}
.card-header div:nth-of-type(2){font-size: 18px;display: flex; align-items: center;}
.card-header div:last-child{font-size: 16px;display: flex; align-items: center;}
.card-header div i{margin-left: 10px;}
.card-header.active{color: #FFFFFF;background-color: var(--text-a-color); }


.card-body{padding: 0; height: 0; overflow: hidden; transition:height 0.5s;}
.card-text{padding: 20px; padding-bottom: 50px;}
.card .add{background-color: var(--text-a-color);font-size: 18px; padding: 15px; width: 20%; margin-top: 40px;  text-align: center; color: #FFF; }
.card .add a{color: #FFFFFF;}
.page{margin: 20px auto; text-align: center;}
.pagination{ display: flex; justify-content: space-between;}
.pagination li{ padding: 10px;}
.page-midd{display: flex;}
.page-midd li{flex: 1;}
.page-midd li a{color: #666;}
.page-midd li.active{color: var(--text-a-color); border-bottom: 1px solid var(--text-a-color);}
@media (max-width:750px){
	.nav{line-height: 30px; height: 30px;}
	.nav ul li{padding: 0px 1vw;}
	.nav ul li a{font-size: 2vw;}
	.aboutlist-row span{font-size: 7vw;}
	.aboutlist-row .col{width: 50%;flex-basis:inherit;}
	.aboutcore,.aboutlist{padding-top: 0px;}
	.aboutcore .products-title{ margin-bottom: 40px;}
	.core-text{font-size: 4vw;}
	.prodcts-list ul li{width: 100% !important;}
	.prodcts-list-text{padding: 2%; height: inherit;}
	.newsbanner .swiper-button-next, .newsbanner .swiper-container-rtl .swiper-button-prev{display: none;}
	.newstwo .col-sm-10{padding: 0; border: 0;}
	.contact-form .col-sm-4{ margin-bottom: 10px;}
	.contact-form .col-sm-5{width: 100%;flex-wrap: inherit; padding: 15px !important;}
	.contact-form .col-sm-6{width: 100%;flex-wrap: inherit;}
	.contact-form .flex-row-reverse .col-sm-4{display: flex;justify-content: left; padding-left: 0px;}
	.newshow-content img{width: 100%;}
	.horor-list ul li{width: 100%;}
	.technology-one .col-sm-4{flex: 0 0 100%; padding-bottom: 10px;}
	.support .support-col{width: 100%;}
	.jin-list .row .img-fluid{padding-top: 10px;}
}