*{margin: 0;padding: 0;box-sizing: border-box}
ul,ol{list-style: none;}
a{text-decoration: none!important}
input{border: none}

.header{position: relative;z-index:9999;width:100%; padding: 0 10%;border-bottom: 1px solid #e2e2e2;}
.header .logo{ float: left;padding-top: 25px;}
.header  .dh_fr{float: right;}
.header nav ul li{position:relative;float:left;margin:0 22px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:100px}
.header nav ul li:hover a{ color:#ff7733;}
.header nav ul li>a i{display: block;background: url(../images/nav_biaozhu.png) center no-repeat;width: 11px;height: 6px;  position: absolute; top: 47px; right: -20px;}
.header nav ul li>a:hover i{background: url(../images/nav_tishi.png )center no-repeat;}
.header nav ul li a.layui-this-moren{ color:#ff7733;}
/* .header nav ul li>a.layui-this-moren::after{  background:#ff7733;transform:scale(1);-webkit-transform:scale(1);transition:all .3s;-webkit-transition:all .3s} */
.header nav ul li>a{position:relative;height:100px;line-height:100px;color:#333;font-size:16px;display: inline-block;}
/* .header nav ul li>a::after{position:absolute;content:'';left:0;bottom: 0px;width:100%;height:4px;background:#ff7733;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s} */
.header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;z-index:1;top:150px;left:50%;width:160px;color:#fff;background:rgba(255,255,255,.8);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#666;}
.header nav ul li .sub-nav a:hover{background:rgba(241, 159, 35, 0.8); color:#fff;}
.header .language{color:#fff;line-height:100px;padding-left: 140px;font-size: 16px;}
.header .language em{height:100px;line-height:100px;cursor:pointer;padding-right:15px}
.header .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header .language ul{z-index:1;width:100%;top:90px;left:50%;background:rgba(255,255,255,.2);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul li a{height:30px;line-height:30px;border-bottom:1px solid rgba(255,255,255,.2) ;background: rgba(0,0,0,.3);}
.header .language ul li a:hover{text-decoration:underline; color:#c80ff7733909;}
.header nav ul li .hdbt{width: 1200px;position: absolute;left: 0;}
.layui-container1{width: 1400px;}
.dn{display: none}


/* 移动导航 */
.motop {width:100%;height:70px;position:fixed;padding:0 4%;z-index:20;border-bottom:1px solid #ccc;display:none;background:#fff;top:0;box-sizing:border-box;-webkit-transition:all .53s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.motop.on {background:#fff;}
.mologo {margin:0 auto;float:left;}
.mologo a {line-height:60px;display:block;}
.mologo a span {font-size:12px;margin-left:6px;}
.mologo img {width:170px;vertical-align:middle;}
.monav {margin-top:23px;cursor:pointer;position:absolute;right:7%;width:30px;height:22px;}
.monav span {width:30px;height:2px;display:block;background:#ff7733;position:absolute;transition:all .5s;}
.monav .s1 {top:0px;}
.monav .s2 {top:8px;}
.monav .s3 {top:16px;}
.monav .s1.on {transform:rotate(45deg);top:10px;}
.monav .s2.on {opacity:0;}
.monav .s3.on {transform:rotate(-45deg);top:10px;}
.navdown {width:100%;background:rgba(255,255,255,1);position:fixed;top:70px;z-index:9999;display:none;border-top:1px solid #eee;padding-bottom:40px;}
.navdown>ul>li {line-height:46px;font-size:16px;color:#333;position:relative;cursor:pointer;width:92%;margin:0 auto;border-bottom:1px dashed #ccc;}
.navdown>ul>li a {font-size:16px;display:inline-block;width:100%;height:100%;color:#333;}
.navdown>ul>li a:hover {color:#ff7733;}
.navdown .ul2 {display:none;}
.navdown .ul2 li {line-height:46px;border-top:1px solid #e6e6e6;position:relative;background:#f5f5f5;}
.navdown .ul2 li a {font-size:14px;color:#333;width:100%;height:100%;display:block;margin-left:40px;}
.navdown .ul2 li a i {position:absolute;right:4%;}
.navdown>ul>li>a>i {position:absolute;right:4%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.navdown>ul>li>a>i.on {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.navdown .language {margin-left:4%;line-height:60px;}
.searchcon{margin: auto; }
.search{margin: auto; position:relative; padding-top:40px;}
.key{ width:180px; height:30px; border-bottom:1px solid #a7a7a7;font-size: 14px; background:rgba(255,255,255,0.9);   padding:0 30px 0 10px; color:#333;bo}
.btn{ width:20px; height:20px; background:url(../images/sou.png) no-repeat center; border:none; position: absolute;margin-left: -20px;margin-top: 7px; cursor:pointer;}

 .nybanner{padding-top: 90px;}



.sasct {
    background: url(../images/lan.png) no-repeat left center;
    padding-left: 20px;
}
.sasct span {
    display: block;
    padding-right: 10px;
    background: url(../images/z1.png) no-repeat right center;
    cursor: pointer;
    font-size:18px;
}
.sasct p{ position:absolute; left:0; top:23px; padding:5px 0; z-index:2; background:#fff; width:100%; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
.sasct p a{ display:block; line-height:35px;}
.sasct p a:hover{ color:#ff7733}
.rel {
    position: relative;
}
/* banner */
.banner{  width:100%; }
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{  display: none;padding: 0 5%;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ display: none;padding: 0 5%;} 
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:30px; height: 8px; opacity: 1; background: #fff; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:30px;background: #ff7733 }
.swiper-button-prev{background: url(../images/left.png) center no-repeat; height:50px; width:50px;}
.swiper-button-next{background: url(../images/right.png) center no-repeat; height:50px; width:50px;}

/* 关于我们 */
.gushi{  background: url(../images/about.jpg) center no-repeat;}
.gushifl{padding-left: 13.5%;padding-top: 100px;}
.ggtit h3{font-size: 58px;color: #00889c;font-weight: 100; }
.ggtit h3 span{font-weight: bold;padding-left: 15px;}
.ggtit i{display: block;font-size: 25px;color: #00889c; }
.gushifl p {padding-top: 35px;font-size: 14px;color: #333;line-height: 36px;}
.gushifl .hbtns{margin-top: 70px;}
.gushifl{padding-right:30px}
.gushifr .tp img{width: 100%}

.gushifr em{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/bofang.png);
	background-position: center center;
	background-repeat: no-repeat;
   -webkit-transform: translate(-50%, -50%);
	    -khml-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	cursor: pointer;
	width:96px;
	height:96px;

	
}

.gushifr em::before {
position: absolute;
		content: "";
		top: 0;
		left:0;
		height: 100%;
		width: 100%;
		border-radius: 50%;
		z-index: -1;
		-o-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-ms-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		-webkit-animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
		animation: myPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.gushi .gengduo{margin-top: 45px; width: 95px;border-radius: 10px; height: 35px;background: #ff7733;display: block;line-height: 35px;text-align: center;color: #fff;font-size: 14px;}
.gushi .gengduo:hover{background: #ff7733}

/* 产品中心 */
.pro{background: url(../images/chanpin_img.jpg) right bottom no-repeat;padding-bottom: 50px; margin: 90px 0;}
 
.probtn{overflow: hidden;padding-top: 85px;}
.probtn .btni{ background: #efefef;width: 190px;float: left;margin-right: 10px;}
.probtn .btni a{display: block;text-align: center;padding: 25px 0 30px 0;}
.probtn .btni p{color: #00889c;padding-top: 10px;font-size: 16px;}
.probtn .btni .propic2{display: none;}
.probtn .btni:hover .propic1{display: none;}
.probtn .btni:hover .propic2{display: block; margin: auto;}
.probtn .btni:hover{background: #ff7733;}
.probtn .btni:hover p{color: #fff;}



.proion{background: rgba(255,255,255,.8);overflow: hidden; box-shadow: 0 3px  3px 1px rgba(0,0,0,.3);margin-top: 100px;}
.proion li{text-align: center;}
.proion li a{display: block;padding: 25px 0;}
.proion li p{font-size: 16px;padding-top: 15px;}
.proion li .propic2{display: none;}
.proion li:hover .propic1{display: none;}
.proion li:hover .propic2{display: block; margin: auto;}
.proion li:hover{background: #ffeee6;}
.proion li:hover p{color: #ff7733;}
.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 新闻 */
.ggnstit h3{color: #fff;}
.ggnstit i{color: #fff;}

.news{background: url(../images/news_bg.jpg ) center no-repeat;padding: 165px 0 90px 0;}
.newscen{padding-top: 50px;}
.newscen .newsli .newspic{overflow: hidden;position: relative;}
.newscen .newsli a{display: block;}
.newscen .newsli img{transition: 1s;}
.newscen .newsli:hover img{transform: scale(1.2);}
.newscen .newsli h5{color: #fff;padding-top: 50px;font-size: 16px;}
.newscen .newsli h5 i{display: inline-block;padding-left: 15px;font-size:17px;color: #fff; }
.newscen .newsli h3{font-size: 16px;font-weight: bold;line-height: 26px; margin: 20px 0;color: #fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newscen .newsli span{font-size: 12px;color: #ff7733;padding: 15px 25px;  display: block;position: absolute;bottom: 0;background: #fff;transition: 0.6s;}
.newscen .newsli:hover span{background: #ff7733;color: #fff;}
.newscen .newsli p{font-size: 12px;color: #fff;line-height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newscen .newsli:hover h3{ color: #ff7733;}
.newscen .newsli:hover h5{ color: #ff7733;}
.nsneitit h3{font-size: 24px;color: #00889c;}

/* 底部 */
.footertit {padding:50px 0;}
.footertit h3 {text-align:center;font-size:30px;color:#f7f7f7;}
.footertit img {display:block;margin:0 auto;padding-top:10px;max-width:100%;}
.footer {background:#202020 url(../images/footerbg.jpg) center top no-repeat; position:relative;}
.footer>.container {position:relative;padding:10px 15px;height:350px;}
#footernav {width:100%;}
#footernav li {float:left;width:7%;padding-top:70px;}
#footernav li:nth-child(1){width: 20%;}
#footernav li:nth-child(9){width:31%;}

#footernav li p {font-size:14px;text-align:center;color:#333;padding-top:20px;}
#footernav dt {padding-bottom:10px;}
#footernav dt a {color:#fff;font-size:16px;font-weight:bold;}
#footernav dd a {color:#333;font-size:14px;}
#footernav li .wenzz {font-size:14px;}
#footernav dt a,#footernav dd a {line-height:2.2;transition:color ease .5s;color:#f7f7f7;}
#footernav dt a:hover {color:#ff7733;}
#footernav dd a:hover {color:#ff7733;}
#footernav dd{color:#f7f7f7;}
.footbtxt{overflow: hidden;}
.footerbot a:hover {color:#ff7733;}
.footbtxt img{float: left;padding-right: 20px;}
.footbtxt span{color: #ccc;padding-top: 30px;display: block;}
.footerbott h4{font-size: 46px; color: #fff;padding : 25px 0 5px 0;}
.footerbott h4 em{display: inline-block;color: #ebebeb;font-size: 14px;}
.footerbott h5{color: #ff7733;font-weight: bold;font-size: 30px;}
.qrcode {margin:0 auto;text-align:center;}
.footer .div02 {width:205px;}
.footer .div02 {padding-top:10px;}
 
.footerlogo {position:absolute;bottom:2em;left:0;color:#ccc;font-size:14px;line-height:2em;padding:0 15px;}
.footerlogo a {color:#ccc;}
.footerlogo a:hover {color:#fff;}
.footerbot {background:#202020;height:60px;}
.footerbot p {color:#fff;font-size:14px;float:left;line-height:60px;}
.ftfr { padding-top:13px;color: #fff;}
 

/* 关于我们 */
.n_nav{overflow: hidden;padding : 60px 0 30px 0;}
.n_nav li{float: left;}
.n_nav li a{display: block;font-size: 15px;color: #666;}
.n_nav li i{display: inline-block;color: #00889c;margin: 0 10px;}
.n_nav .navactive{color: #333;font-weight: bold;}
.n_nav li a:hover{color: #333;font-weight: bold;transition: 0.6s;}
.neibn{position: relative;}
.nybn{background: #00889c;padding: 70px 0;width: 220px; position: absolute;top: -65px;right: 15px;}
.nybn h3{font-size: 30px;text-align: center;color: #fff;}
.nybn h4{font-size: 24px;text-align: center;color: #fff;}
.nybn p{font-size:24px;text-align: center;color: #fff;}
.abnei_bot{padding-top: 50px;}
.abnei_bot .abneifl h3{font-size: 48px;font-weight: 100;color: #555;padding-top: 15px;display: inline-block;}
.abnei_bot .abneifl span{font-size: 15px;color: #666;}
.abnei_bot .abneifr h4{font-size:24px; color: #00889c;}
.abnei_bot .abneifr p{font-size:15px; color:#666;padding-top: 40px;line-height: 28px;}
.abnei_bot .abneifr h5{font-size:15px; color:#666;padding-top: 10px;line-height: 28px;}
.abnei_bot .xwx p{padding-top:0;}
.abnei_bot h2{font-size:30px; color: #00889c; text-align:center; margin-bottom:40px;}
.abnei_bot .abneifr p:last-child {
    padding-top: 15px;
}

.abwenh {margin: 70px 0;}
.abneifr{ margin-bottom:40px;}
.nytit h3{font-size: 30px;color: #00889c;}
.nytit p{font-size: 24px;color: #00889c;}
.abwhcon {overflow: hidden;background: url(../images/wh_bg.png) no-repeat right  -30px; padding-top: 60px;}
.abwhcon h4{font-size: 15px;color: #666;margin: 15px 0;}
.abwhcon p{font-size: 15px;color: #666;margin: 15px 0;;line-height: 30px;}


.abwhcon .abwhpic{overflow: hidden;}
.abwhcon .abwhpic img{transition: 0.8s;}
.abwhcon li:hover .abwhpic img{transform: scale(1.1);}
.abwhcon li:nth-child(3){margin-top: 80px;}
.abwhcon li:nth-child(4){margin-top:80px;}
.abzztit {text-align: right;}
 
.abzzfr ul{overflow: hidden;padding : 80px 0 30px 0;}
.abzzfr li{width: 25%;position: relative;float: left;}
.abzzfr li h3{font-size: 24px;}
.abzzfr li p{font-size: 16px;line-height: 34px;}
.abzzfr li:nth-child(1){width: 20%;text-align: center}
.abzzfr li:nth-child(1)::after{display: block;content: "";clear: both;width: 1px;height:160px;background: #ccc;position: absolute;right:25px;top: 0px;}

.abzzfr li:nth-child(3){width:30%;}
.ablictit{text-align: center;}
.ablic{margin: 70px 0;}

/* 历程 */
.event_box{width: 85%;margin:3% auto 0;position:relative;min-height:260px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background: #eee;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/padding:0 60px;display:inline-block;text-align:center;color: #666;}
.parBd h4:after{content:'';background: #ccc;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background: #ccc;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:15px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width: 50px;height: 50px;display:block;position:absolute;top: 14px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left: 30px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}


.abzzjg{background: url(../images/jiagou_bg.jpg)no-repeat center;padding: 100px 0 50px 0;}
.abjgimg{float: right;}

.pageJump {margin-top: 25px; padding-top: 30px; border-top: 1px dashed #DCDCDC;}
.pageJump p {font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.pageJump p a {color: #666;}
.pageJump p a:hover {color: #00889c;}

/* 产品中心 */
.proapi{margin: 50px 0; overflow: hidden;}
.proapicon{height: 556px;overflow: hidden;margin-bottom: 90px;}
.proapicon .proapifl .profltxt{padding:0 25px; }
.proapicon .proapifl{background: #f6f6f6;height: 556px;}
.proapicon .proapifl  img{width: 100%;}
.proapicon .proapifl h3{font-size: 30px;color: #333;padding: 35px 0;}
.proapicon .proapifl p{font-size: 16px;color: #666;line-height: 28px;}
.indexb {width:100%; }
.indexb .t { margin:auto;padding-left: 25px;}
.indexb .t a { display:block;float:left;background: #f0f0f0; margin-right:10px;margin-bottom: 10px; padding:0 10px;font-size:18px;text-align:center; line-height:35px;border-radius:20px;transition:background ease .5s;}
.indexb .t a.on {color:#fff;background:#00889c;}
.indexb .main {padding-top:8px;line-height:48px;}
.hidden {display:none !important;}
.indexb .div1 {height:30px;}
 
.papifrtit {padding-left: 25px;padding-top: 30px;}
.papifrtit h3{font-size: 30px;width:25%;}
.papifrtit span{width: 80%;height: 1px;background: #ccc;display: inline-block;float: right;margin-top: -20px;}
.proapfr{position: relative;padding-top: 20px;}
.mis{display: block;color: #666; float:right; padding:20px 0; font-size:16px;}
.mis:hover{color:#00889c;}
.lefl{padding-right:100px;}
.rifl{padding-left:100px;}
.aab{ margin-top:20px;}

.proapicon2{height: 556px;overflow: hidden;margin-bottom: 90px;}
.proapicon2 .proapifl .profltxt{padding:0 25px; }
.proapicon2 .proapifl{background: #f6f6f6;height: 556px;}
.proapicon2 .proapifl  img{width: 100%;}
.proapicon2 .proapifl h3{font-size: 30px;color: #333;padding: 35px 0;}
.proapicon2 .proapifl p{font-size: 16px;color: #666;line-height: 28px;}
.indexb2 {width:100%; }
.indexb2 .t2 { margin:auto;padding-left: 25px;}
.indexb2 .t2 a { display:block;float:left;background: #f0f0f0; margin-right:10px;margin-bottom: 10px; padding:0 10px;font-size:18px;text-align:center; line-height:35px;border-radius:20px;transition:background ease .5s;}
.indexb2 .t2 a.on2 {color:#fff;background:#00889c;}
.indexb2 .main2 {padding-top:8px;line-height:48px;}
.hidden2 {display:none !important;}
.indexb2 .div12 {height:30px;}
.indexb2 .ul2{padding-top: 43px;}
.papifrtit2 {padding-left: 25px;padding-top: 30px;}
.papifrtit2 h3{font-size: 30px;width: 25%;}
.papifrtit2 span{width: 80%;height: 1px;background: #ccc;display: inline-block;float: right;margin-top: -20px;}
.proapfr2{position: relative;padding-top: 20px;}
.proapfr2 a{display: block;width: 100px; height: 35px;color: #fff; line-height: 35px;text-align: center;border-radius:20px; background: rgba(0, 0, 0, 0.3);position: absolute;right: 5%;bottom: 10%;}
.proapfr2 a:hover{background: #00889c ;color: #fff;}


.pro_nei{padding-bottom: 150px;}
.indexbs {width:100%; }
.indexbs .ts { margin:auto;padding-left: 25px;overflow: hidden;float: right;margin: 60px 0;}
.indexbs .ts a { display:block;float:left;background: #f0f0f0; margin-right:10px;margin-bottom: 10px; padding:0 20px;font-size:16px;text-align:center; line-height:35px;border-radius:20px;transition:background ease .5s;}
.indexbs .ts a.ons {color:#fff;background:#00889c;}
.indexbs .mains{padding-top:8px;line-height:48px;}
.hiddens {display:none !important;}
.indexbs .div1s {height: 0px;}
.mains  .uls{padding-top: 120px;}
.pron_tit{overflow: hidden;}
.pron_tit .prontfl{float: left;margin: 60px 0;width: 30%;}
.pron_tit .prontfl p{font-size: 30px;color: #333;}
 

/* 技术服务 */
.yftdcon {margin:90px 0;}
.yftd{background: #f8f8f8; overflow: hidden;padding: 20px;}
.yftd .tytdimg{float: right;}
.jszj{padding: 65px 0;}
.jszj li:last-child{padding-left: 30px;}
.jszj li:first-child{padding-right: 30px;}
.jszj .jszjpic{overflow: hidden;}
.jszj .jszjpic img{transition: 0.8s;}
.jszj li:hover img{transform: scale(1.2);}
.jszjtxtfl{text-align: center;font-size: 30px;padding-top: 30px;color: #00889c;position: relative;}
.jszjtxtfl::after{display: block;content: "";clear: both; height: 110px;width: 1px;background: #ccc ; position: absolute;right: 20px;top: 0;}
.jszjtxtfr span{ display: block;font-size: 16px;color: #666;line-height: 28px;}
.jszjtxtbot{padding-left: 50px;padding-top: 130px;}
.jszjtxtbot p{color: #666;font-size: 14px;line-height: 28px;}

.research{overflow: hidden;}
.research li::after{content: "";clear: both;display: block;}
.research li{ margin:50px 0 }
.reschfltit{overflow: hidden;}
.reschfltit img{float: left;margin-right: 20px;}
.reschfltit h3{font-size: 30px;padding: 15px 0 10px 0; }
.reschfltit span{font-size: 16px; }
.restxt{width: 80%;padding : 10px 0;padding-left:80px;overflow: hidden;}
.restxts {
    padding: 10px 0;
    padding-left:13.4%;
    overflow: hidden;
}
.reschfltit .wwa {
    font-size: 12px;
	line-height:20px;
}
.waa{ margin-top:20px;}
.restxtfl{width: 50%; float: left; color: #666666;line-height: 28px;}
.restxtfls{width: 100%; float: left; color: #666666;line-height: 28px;}
.resbotimg{padding-top: 40px;display: block;}
.research .reschfl:nth-child(2){padding-left: 100px;}
.restxttop {width: 100%;overflow: hidden;     padding: 5px 0 5px 30px;}
.restxttop .rextopimg{width: 10%;color: #ccc;float: left;      padding-left: 48px;}
.restxttop .rextopimg2{width: auto;color: #ccc;float: left;}
.restxttop .restoptxt2{width: 97%;float: right;font-size: 16px; }
.restxts2 {
    padding: 10px 0;
    padding-left:7%;
    overflow: hidden;
}
.restxttop .restoptxt{width: 90%;float: right;font-size: 16px; }
.proapifl a{ display:block;}
.profltxt a:hover,.papifrtit a:hover,.papifrtit2 a:hover{ color:#00889c;}


/* 联系我们 */
.ditu{position: relative;margin-top: 200px;}
.ditutxt {border: 1px solid #ccc;width: 500px;padding:0 40px ; position: absolute;top: -150px; background: #fff;left: 50px;}
.ditutxt h3{font-size: 30px;color: #00889c;padding: 5px 0 45px 0;}
.ditutxt P{line-height: 30px;font-size: 16px;color: #333;padding-bottom: 40px;}
.ditutxtbot {padding-bottom: 60px;width: 65%;overflow: hidden; }
.ditutxtbot img{float: left;padding-right: 15px;}
.ditutxtbot span{margin-top: 55px;color: #666;font-size: 18px;display: block;}
.ditutxt .tpa{padding-top: 50px}

/* 新闻 */
.newsbox{margin: 65px 0;}
.courseList li { padding-bottom: 30px;}
.courseList li a{display: block;}
.courseList li .pic {float: left;width: 24%;overflow: hidden;}
.courseList li .cont {float: right; width: 76%;padding-left: 25px}
.courseList li .cont h3 { font-size: 18px; font-weight: 600; line-height: 34px;}
.courseList li .cont h3  {color: #333333;}
.courseList li:hover h3 {color: #00889c;}
.courseList li .cont p {color: #666; line-height: 30px;}
.courseList li img{transition: 1s;width: 100%;} 
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li {overflow: hidden; border: none;    -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic img {width: 100%}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;margin-top: 10px; line-height: 28px; font-size: 18px; font-weight: bold;}
.newsList li .cont h3 a {color: #333333;}
.newsList li .cont h4 {margin-top: 12px; line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; font-size:15px;}
.newsList li .cont p {color: #666; line-height: 24px; font-size:12px;padding-top: 10px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
  .newsList li .cont span{font-size: 14px ;color: #666;margin: 20px 0 5px 0;display: block;}
.newsList li:hover h3 a {color: #00889c;}
.newsList li .cont .more{background: url(../images/jt1.png) center no-repeat;width: 35px;height: 30px;}
.newsList li:hover .more{background: url(../images/jt2.png) center no-repeat;width: 35px;height: 30px;}
.courseList .clpic {  width: 100%;height: 0;padding-bottom: 62%; overflow: hidden;    }
 
 
 .courseList .mores{width: 100%; display:inline-block; transition:1s; border-bottom:1px solid rgb(223, 223, 223); position:relative; margin-top: 10px; font-size: 16px; padding-bottom: 7px;}
 .courseList .mores:hover{ color: #00889c; }
 .courseList .mores:before{ content:""; width:100%; height:1px; background:#00889c; position:absolute; left:0; bottom:-1px; transform-origin:100%; 
-webkit-transform-origin:100%; -webkit-transition:-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); transition:-webkit-transform 1.32s cubic-bezier(.4,0,.2,1); transition:transform 1.6s cubic-bezier(.4,0,.2,1); transition:transform 1.2s cubic-bezier(.4,0,.2,1),-webkit-transform 1.2s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); 

}
.courseList li:hover .mores:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
 
.in-page{color:#888;margin-top: 30px;}
.in-page span{padding:0 15px;border:1px solid #e8e8e8}
.in-page a{padding:8px 12px;border:1px solid #e8e8e8;border-radius:3px; }
.in-page a.cur,.in-page a:hover{border-color:#00889c;background:#00889c;color:#fff}

.newsbfr {padding-left: 70px;}
.newsbfr .newsbfrtop{background: #f3f3f3;text-align: center;padding: 40px 0;}
.newsbfr .newsbfrtop h3{font-size: 18px;padding-bottom: 5px;}
.newsbfr .newsbfrtop li{padding : 10px;}
.newsbfr .newsbfrtop ul{padding-top: 20px;}
.newsbfr .newsbfrtop li a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsbfr .newsbfrtop li:hover a{color: #00889c;}

.newsbfr .newsfrbots{background: #f3f3f3;text-align: center;padding: 10px 0;margin-top: 40px;}
.newsbfr .newsfrbots h3{font-size:36px;color: #00889c;}
.newsbfr .newsfrbots h3 span{font-size: 14px;color: #666;}
.newsbfr .newsfrbots p{font-size: 24px;color: #333;font-weight: bold;}
.nsneifr  p a:hover{color: #ff7733;}
.nsneifl{ font-size:14px; line-height:30px; color:#666;}

 
.newsbcons{padding: 50px 0 0 0;}
.nsneitime{width: 80%;border: 1px solid #ccc;}
.nsneitime h5{font-size: 36px;color: #00889c;text-align: center;padding: 5px 0; font-weight: bold;border-bottom: 1px solid #ccc;}
.nsneitime h4{font-size: 15px;color: #949494;text-align: center;padding: 5px 0; }
.nsneifr{padding-left: 50px;}
.nsneifr h3{font-size: 18px;color: #666}
.nsneifr i{display: block;height: 1px;background: #00889c;margin: 10px 0;}
.nsneifr h5{font-size: 18px;padding : 20px 0; color: #666}
.nsneifr p{font-size: 14px;color: #666;line-height: 28px;}



/* 质量 */
.qatyaefl  img{padding-top: 70px;}
.product {padding-top:60px;}
.product li img {display:block}
.product .pic {position:relative;}
.product .mxzyceng {position:relative;padding:0 30px;text-align: center; left:0;bottom:0;padding-top:15px;margin-top:-50px;width:100%;height:50px;background:rgba(0,0,0,0.4);color:#fff;font-size:16px;}
.product .mxceng {overflow:hidden;}
.product li img {transition:1s}
.product li:hover img {transform:scale(1.2);}
 
.thecl{padding-top: 50px;}
.theclfl h3{font-size: 24px;padding: 10px 0 20px 0;}
.theclfl p{font-size: 18px;padding: 10px  0 40px 0; color: #666;}
.theclfl p.spt{font-size: 18px;  color: #666;line-height: 30px;display: block; padding:0 0 0 40px;}
.theclfl img{margin-top: -10px; margin-right: 10px;}
.theclbot{margin: 20px 0;}
.theclbot h3{font-size: 24px;padding: 10px 0 20px 0;}
@media(max-width:1680px){

  .dytdtxt h3{ padding : 4% 0 1.5% 0;}
  .header nav ul li{margin: 0 20px;}
  .header .logo img{height: 40px;}
  .header{padding: 0 2%;}
}
@media(max-width:1440px){

  .gushifl p{line-height: 26px;padding-top: 15px;}
.gushifl .hbtns{margin-top: 30px;}
.gushifl{padding-left: 7%;}

.newsbfr {padding-left: 20px;}
 .header nav ul li {
    margin: 0 15px;
}
}

@media(max-width:1366px){
 
  .header nav ul li{margin: 0 15px;}
 .header nav ul li>a {
    font-size: 14px;
}
  .gushifl{padding-left: 3%;padding-top: 30px;}
  .header .logo img{height: 30px;}
  .header .logo{padding-top: 35px;}
  .abnei_bot .abneifr p{padding-top: 5px;}
  .abnei_bot .abneifl h3{font-size: 38px;}
  .proapicon2 .proapifl h3{padding: 15px 0;}
  .proapicon  .proapifl h3{padding: 15px 0;}
  .indexb .t a{font-size: 14px;}
  .indexb2 .t2 a{font-size: 14px;}
  .proapicon2 .proapifl{height: 488px;}
  .proapicon  .proapifl{height: 485px;}
  .jszjtxtbot p{line-height: 24px;}
  .jszjtxtbot{padding-left: 10px;padding-top: 100px;}
  .jszj li:last-child{padding-left: 10px;}
.jszj li:first-child{padding-right: 10px;}

.newsList li .cont span{margin:  0;}
.theclfl h3{font-size: 20px;padding: 10px  0;}
.theclfl p{font-size: 14px;padding: 10px  0 20px 0; color: #666;}
.theclfl p.spt{font-size: 14px; }
.theclbot h3{font-size: 20px; }



}




@media(max-width:1200px){

  .header nav ul li{margin: 0 15px;}
  .header .logo img{height:25px;}
  .footerbot{text-align: center;padding: 10px 0;height: 90px;}
  .footerbot p{float: none;line-height: 20px;}
  .footerbot .ftfr  {float: none;}
  .abnei_bot .abneifl h3{font-size: 28px;}
  .abzzfr li:nth-child(1)::after{display: none; }
  .proapicon .proapifl p{ line-height: 24px;font-size: 14px;}
  .proapicon2 .proapifl p{ line-height: 24px;font-size: 14px;}
  .proapicon2 .proapifl{height: 430px;}
  .proapicon  .proapifl{height: 430px;}
  .restxt{width: 100%;}
  .restxttop .rextopimg{padding-left: 30px;}
  .newsList li .cont p{padding-top: 5px;line-height: 22px;}
  .newsList li .cont h3{margin-top: 0;}
  .nsneifr{padding-left: 20px;}
  .theclfl p.spt{padding-left: 0;line-height: 24px;}
  .theclfl h3{padding: 5px 0;}
}
@media(max-width:1024px){
 .footer{display: none;}
.header nav ul li{margin: 0 12px;}

.header nav ul li>a i {

    right: -15px;
}

.header nav ul li>a {
  font-size: 12px;
}	
.gushifl .hbtns{margin-top: 5px;}
.gushifl p{line-height: 24px;padding-top: 15px;}

 
 .sasct span {

	font-size:14px;
}
 
} 

 
@media(max-width:993px){
  .header .language{display: none;}
  .header .logo{display: none;}
  .header .clearfix{margin-right: 80px;}
 .search  {display: none;}
 .abzzfl img{display: none;}
 .pron_tit .prontfl{float: none;margin: 10px 0;}
 .indexbs .ts{float: none;margin: 10px 0;padding-left: 0;}
 .mains .uls{padding-top: 30px;}
 .jszj .jszjpic img{width: 100%;}
 .ditutxt{position: relative; top: 0;width: 100%;left: 0;}
 .ditu{margin-top: 20px;}
}

@media(max-width:768px){
 
  .header{display:none}

  .main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer;margin: 70px 0 0 0}
  .main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#034582;}
  .main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
  .main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
  .main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
  .main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(3,69,130,.8);color:#fff}
  .main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
 .motop {display: block;}
 .banner{padding-top: 70px;}
 .ggtit h3{font-size: 28px;}
 .ggtit i{font-size: 18px;}
 .pro{margin: 30px 0;}
 .probtn{padding-top: 25px;}
 .proion{margin-top: 30px;}
 .news{padding: 30px 0;}
 .ggnstit h3{color: #00889c;}
 .ggnstit i{color: #00889c;}
 .n_nav{margin-top: 70px;}
 .papifrtit h3{font-size: 20px;}
 .papifrtit2 h3{font-size: 20px;}
 .proapicon{height: 450px;}
 .proapicon2 .proapifl h3{font-size: 18px;}
 .proapicon  .proapifl h3{font-size: 18px;}
 .jszj .jszjpic{width: 50%;    margin: auto;}
 .restxt{padding-left: 0;}
 .restxttop{padding-left: 0;}
 .nsneitime {width: 95%;margin-bottom: 20px;}
 .nsneitime h4{font-size: 12px;}
 .nsneitime h5{font-size: 20px;}
.abzzjg {
    background: url(../images/jiagou_bg.jpg)no-repeat center;
    padding: 50px 0 50px 0;
}
.ggtit{ padding-top:20px;}
.restxts {
    padding-left: 10%;
}
.lans {
    position: absolute;
    top: 22px;
    right: 100px;
}
.abneifl img {
    width: 100%;
}
.lefl {
    padding-right:0;
}
.research .reschfl:nth-child(2) {
    padding-left:0;
}
.restxts2 {
padding-left: 3%;
}

}
@media(max-width:767px){
	.lans {
    position: absolute;
    top: 22px;
    right: 65px;
}
.restxttop .restoptxt2 {
    width: 95%;
}
.restxts2 {
    padding-left: 5%;
}
.research .reschfl:nth-child(2) {
    padding-left:0;
}

.abnei_bot h2 {

    margin-bottom: 20px;
}
  .footerbot{height: 120px;}
  .probtn .btni{width: 45%;}
  .gushifl{padding :8% 3%;}
  .gushifl .hbtns {
    margin-top: 20px;
}
.ditutxt .tpa{padding-top: 30px}
.ggtit h3 {
    font-size: 24px;
}
.n_nav li a {
    line-height: 26px;
}
.abwhcon p,.abwhcon h4 {
    font-size: 14px;

}
.abzzfr li h3 {
padding-bottom:15px;
}
.abzzfr li p {
    font-size: 13px;
}
.nsneitit h3 {
    font-size: 18px;
}
.pageJump p {
    font-size: 14px;

}
  .ggnstit h3{color: #ffffff;}
  .ggnstit i{color: #fff;}
  .newscen .newsli span{padding: 3px 4px;}
  .newscen{padding-top: 30px;}
  .newscen .newsli h3{margin: 5px;font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden; } 
  .newscen .newsli p{line-height: 22px;}
  .newscen .newsli h5{padding-top: 10px;}
  .nybn{padding: 10px 0;top: -30px;}
  .nybn h3{font-size: 20px;}
    .nybn h4{font-size: 20px;}
  .nybn p{font-size: 16px;}
 .n_nav{padding: 30px 0 0 0;}
 .neibn{margin-top: 60px;}
 .parBd h4::before{display: none;}
 .parBd h4::after{display: none;}
 .parBd h4 {font-size: 20px;padding: 0;}
 .parBd p{width: 100%;}
 .event_box{min-height: 240px;}
 .abzzfr li:nth-child(1){width: 100%;}
 .abzzfr li {padding: 0 10px;width: 50%;}
 .abzzfr li:nth-child(3){width: 50%;}
 .abzzfr ul{padding: 20px 0;}
 .abnei_bot .abneifl h3{font-size: 18px; color:#000;}
 .abnei_bot{padding-top: 20px;}
 .abneifr{padding: 0;}
 .abwenh{margin: 20px 0;}
 .nytit h3{font-size: 20px;}
 .nytit p{font-size: 16px;padding-bottom: 20px;}
 .ablic {
    margin: 70px 0 20px 0;
}
.theclfr{ padding-top:20px;}
 .abnei_bot .abneifr h4{font-size: 20px ;padding: 10px 0}
 .abwhcon{padding-top: 30px;}
 .abwhcon li:nth-child(3){margin-top:1px;}
.abwhcon li:nth-child(4){margin-top:1px;}
.proapicon{margin-bottom: 0;height: 850px;}
.proapicon2{margin-bottom: 0;height: 850px;}
.papifrtit2 span{margin-top: -14px;width: 70%;}
.papifrtit  span{margin-top: -14px;width: 70%;}
.mains .uls{padding-top: 10px;}
.indexbs .ts a{font-size: 14px;padding:0 15px  ;}
.pron_tit .prontfl p{font-size: 20px;}
.abnei_bot .abneifr h5{padding-left: 0;}
.yftdcon{margin: 30px 0;}
.jszj{padding: 30px 0;}
.jszjfl{padding-bottom: 20px;}
.jszjtxtfl{font-size: 20px;}
.jszjtxtbot {padding-top: 130px;}
.reschfltit h3{font-size: 20px;}
.reschfltit span{font-size: 14px;}
.restxttop .rextopimg{padding-left: 10px;}
.restxtfl{padding: 10px;}
.restxt{padding: 10px 0;}
.research li{margin: 20px 0;}
#container1{height: 300px!important;}
.ditutxt h3{font-size: 20px;padding: 15px 0;}
.ditutxt p{font-size: 14px;padding-bottom: 15px;}
.ditutxt{padding: 0 10px;}
.ditutxtbot{width: 100%;padding-bottom: 20px;}
.courseList li .pic{width: 40%;}
.courseList li .cont{width: 60%;}
.newsList li .cont p{    -webkit-line-clamp: 1;}
.newsList li .cont span{font-size: 12px;}
.newsList li .cont h3{font-size: 16px;}
.courseList .mores{margin-top: 5px;}
.newsbfr {display: none!important;}
.newsbox{margin: 30px 0;}
.newsbcons{padding: 20px 0;}
.nsneitime {width: 45%;margin-bottom: 20px;}
.nsneifr {display: none!important;} 
.qatyaefl img{padding-top:20px;}
.product{padding-top: 20px;}
.thecl{padding-top: 20px;}
.product .mxzyceng{padding: 0 10px ;font-size: 14px; height: 30px;margin-top: -30px;}
}
@-webkit-keyframes myPulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.2);
        box-shadow:0 0 0 0 rgba(255,255,255,0.2)
    }
    70%{
        -webkit-box-shadow:0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow:0 0 0 60px rgba(255,255,255,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow:0 0 0 0 rgba(255, 255, 255, 0)
    }
}
@keyframes myPulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.2);
        box-shadow:0 0 0 0 rgba(255,255,255,0.2)
    }
    70%{
        -webkit-box-shadow:0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow:0 0 0 60px rgba(255,255,255,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow:0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.prod-zjt-list{border:0;border-top:6px solid #FFF;width:100%;margin:0 auto;}
.prod-zjt-list tr td{ padding:10px 0; text-align:left; border-bottom:3px solid #FFF; background-color:#EEE; width:5%; line-height:24px; font-size:14px; text-align:center; word-break:break-all;}
.prod-zjt-list thead td{ width:5%; padding:0; height:20px; line-height:20px; text-align:center; box-sizing:border-box; background:#2682c5; color:#FFF; text-align:center; font-size:16px; overflow:hidden;}
.prod-zjt-list thead td + td,.prod-zjt-list tr td + td{ border-left:3px solid #FFF;}
.prod-zjt-list tr td + td{ padding:10px; width:20%; text-align:center;}
.prod-zjt-list tr td:nth-child(even){  background-color:#fafafa; }
.prod-zjt-list thead td:nth-child(even){  background-color:#ff7733; }
.prod-zjt-list tr td:nth-child(5){ width:20%;}
@media(max-width:767px){
.prod-zjt-list tr td {
    font-size: 12px;
}
.prod-zjt-list thead td {
    font-size: 14px;

}

.ycw{ display:none;}
.prod-zjt-list tr td + td{ width:25%;}
}

.pagination-style {
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding: 8px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 3px;
  color:#888;
}
.pagination-style ul li a:hover {
  background: #00889c;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background: #00889c;
}


.alert-danger {
    background-color: #00889c;
    border-color: #00889c;
    color: #fff;
}
.alert {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
}
