@charset "utf-8";
* {	margin: 0;	padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	font-family: 'Alibaba PuHuiTi 2.0 55';outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {list-style: none;}
a {text-decoration: none;color: #474747;}
a:hover {color: #005389;text-decoration: none;}
img {border: 0px; vertical-align:middle;}
em{font-style:normal;}
table {border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {display: none;}
.clear {clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.w100{width:100%;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.container2{margin:0 5%;}
.container{margin:0 10%;}
.text-center{ text-align:center;}
.row:after{content:''; display:block; clear:both;}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
@media (max-width:1366px) {
/*.container{width:1200px}*/
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}




/*@font-face {*/
/*    font-family: 'Helvetica Neue LT Std';*/
/*    src: url('../fonts/HelveticaNeueLTStd-XBlkCn.woff2') format('woff2'),*/
/*        url('../fonts/HelveticaNeueLTStd-XBlkCn.woff') format('woff');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*@font-face {*/
/*    font-family: 'GJJXiQian-M15S';*/
/*    src: url('../fonts/GJJXQJW--GB1-0.woff2') format('woff2'),*/
/*        url('../fonts/GJJXQJW--GB1-0.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
@font-face {
    font-family: 'Alibaba PuHuiTi 2.0 55';
    src: url('../fonts/AlibabaPuHuiTi_2_55_Regular.woff2') format('woff2'),
        url('../fonts/AlibabaPuHuiTi_2_55_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



header{padding:0 0 4px 5%; background:#fff; position:relative; z-index:6;}
header:after{ display:block; content:'';position:absolute;width:100%;height:4px; background:url(../images/line1.jpg) repeat-y; background-size:100%; bottom:0;left:0;}
.logo{ float:left;margin-top: 7px;}
.logo img{height:71px;float:left;}
.logo p{padding-left:20px;margin-left:20px; border-left:1px solid #ededed;float:left;margin-top:25px;display: none;}
.headR{float:right; background-color:#18b1ae;padding:20px 30px;}
.headR li{ display:inline-block; position:relative;margin:0 15px;}
.headR p{ position:absolute;top:100%; background-color:#fff;right:-30px;padding:10px 10px; border-radius:5px;z-index:2; display:none;min-width:130px; text-align:center;}
.headR p img{width:110px;}
.headR li:hover p{ display:block;}
nav{ float:right;margin-top:29px;width:52%;}
nav li{ width:20%;text-align:center;font-size:16px; float:left;}
nav li>a{ display:block;font-size:19px; position:relative;padding-bottom: 30px;}
nav li.cur>a,nav li a:hover{color: #007ec8;}
nav li .xl{position:absolute;width:100%;top: calc(100% - 4px);z-index: 2;left:0;display:none; background-color:rgba(255,255,255,0.9);padding:30px; text-align:center;}
nav li .xl:before{ display:block; content:'';position:absolute;width:100%;height:4px; background:url(../images/line1.jpg) repeat-y; background-size:100%; top:0;left:0;}
nav li .xl a{ display:inline-block;padding:0 30px;font-size: 17px;}
nav li .xl a:hover{ color:#276eb3;}
nav li:hover .xl{ display:block;}
.music {width:36px;height:0;z-index: -1;position: absolute;left: 50%;bottom:0; overflow:hidden;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
nav li:hover .music,nav li.cur .music {height:30px;}
.music i {width: 2px;height: 5px;position: absolute;bottom: 0;background-color: #007ec8;}
.music i:nth-of-type(1) {left: 0;}
.music i:nth-of-type(2) {left: 4px;}
.music i:nth-of-type(3) {left: 8px;}
.music i:nth-of-type(4) {left: 12px;}
.music i:nth-of-type(5) {left: 16px;}
.music i:nth-of-type(6) {left: 20px;}
.music i:nth-of-type(7) {left: 24px;}
.music i:nth-of-type(8) {left: 28px;}
.music i:nth-of-type(9) {left: 32px;}
.music i:nth-of-type(1) {-webkit-animation: wave 0.66s linear infinite;animation: wave 0.66s linear infinite;}
.music i:nth-of-type(2) {-webkit-animation: wave 0.8s linear infinite;animation: wave 0.8s linear infinite;}
.music i:nth-of-type(3) {-webkit-animation: wave 0.7s linear infinite;animation: wave 0.7s linear infinite;}
.music i:nth-of-type(4) {-webkit-animation: wave 0.5s linear infinite;animation: wave 0.5s linear infinite;}
.music i:nth-of-type(5) {-webkit-animation: wave 0.9s linear infinite;animation: wave 0.9s linear infinite;}
.music i:nth-of-type(6) {-webkit-animation: wave 1.2s linear infinite;animation: wave 1.2s linear infinite;}
.music i:nth-of-type(7) {-webkit-animation: wave 0.8s linear infinite;animation: wave 0.8s linear infinite;}
.music i:nth-of-type(8) {-webkit-animation: wave 1.5s linear infinite;animation: wave 1.5s linear infinite;}
.music i:nth-of-type(9) {-webkit-animation: wave 1.2s linear infinite;animation: wave 1.2s linear infinite;}
@-webkit-keyframes wave {
	0% {height: 4px}
	50% {height: 24px}
	100% {height: 8px}
}
@keyframes wave {
	0% {height: 4px}
	50% {height: 24px}
	100% {height: 8px}
}




.banners{ display:none;}
#owl-demo .owl-prev{width:63px;height:63px; background:url(../images/caseprev.png) no-repeat;left:-63px;top:50%;margin-top:-31px;}
#owl-demo .owl-next{width:63px;height:63px; background:url(../images/casenext.png) no-repeat;right:-63px;top:50%;margin-top:-31px;}
#owl-demo:hover .owl-prev{left:20px; }
#owl-demo:hover .owl-next{right:20px;}
#owl-demo:hover .owl-prev:hover,#owl-demo:hover .owl-next:hover{ opacity:1;}
.owl-theme .owl-controls .owl-buttons div{ position:absolute; font-size:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.banner .owl-pagination{ position:absolute;width:100%;bottom:20px;left:0; text-align:center}
.banner .owl-pagination div{width:12px;height:12px; border-radius:50%; background-color:#fff; opacity:0.6; display:inline-block;margin:0 6px;}
.banner .owl-pagination div.active{ opacity:1;}
.h_about .left{width:50%;padding:98px 5%; background-color:#f9f9f9;z-index: 2;position: relative;}
.h_about .right{width:50%; height:644px;}
.h_about .right img{ display:none;}
.h_about .left .h_abouttit h2,.gsjj1 .left h2{font-size:30px;}
.h_about .left .h_abouttit p,.gsjj1 .left p{font-size:30px;color:#029f9e; text-transform:uppercase;margin-top:10px;}
.more{width:140px;height:50px; background-color:#eaeaea; text-align:center;line-height:50px;border-left:4px solid #18b1ae; display:inline-block; position:relative; overflow:hidden;}
.more i{width:16px;height:16px; display:inline-block; vertical-align:middle;margin-left:5px; background:url(../images/icon3.png) no-repeat;}
.more::before,.more::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 1;-webkit-transform: translate(-13%, -190%) rotate(-30deg);transform: translate(-13%, -190%) rotate(-30deg);border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255, 255, 255, 1);background-color: rgba(255, 255, 255, 0.25);}
.more::after {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.more:hover::before,.more:hover::after {opacity: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.more:hover{ background-color:#18b1ae;color:#fff;}
.more:hover i{ background-position:-16px 0;}
.h_about .more{ position:absolute;right:0;top:0;}
.h_about .article,.gsjj1 .left .article{font-size:14px; color:#666666;margin-top:30px;line-height:30px;height:120px; overflow:hidden; text-align:justify;}
.h_number{width: 150%; background:url(../images/bg1.jpg) repeat-y; background-size:100%;overflow:hidden;padding:30px 0;position:relative; z-index:1;color:#fff;margin-top:30px;}
.h_number li{ float:left;width:25%; text-align:center; position:relative;}
.h_number li p span{ font-size:48px; display:inline-block;margin-right:5px;font-family: 'Alibaba PuHuiTi 2.0 55';
    font-weight: bold;}
.h_number li:after{content:''; display:inline-block;width:1px;height:80%; position:absolute;right:0;top:10%; background-color:#3591b4;}
.h_number li:last-child:after{ display:none;}
.h_title p{ font-size:18px;margin-left:14px; display:inline-block;color:#666;}
.h_title h2{ font-size:30px;}
.h_title h2:before{width:6px;height:29px;background-color:#18b1ae;border-radius:4px;content:''; display:inline-block; vertical-align:middle;margin-right:13px;}
.h_title.white h2:before{background-color:#fff;}
.h_title.white p,.h_product .h_title .more:hover,.h_beijing .h_title .more:hover,.new2 .h_title .more:hover{color:#fff;}
.h_newC dl dd h5{ font-size:18px;margin-top:20px;}
.h_newC dl dd p{ margin:20px 0;line-height:27px;height:81px; overflow:hidden;text-align:justify;}
.h_newC dl dd div time,.new2C .new2right time{color: #888888;font-size: 15px;}
.h_newC dl dd div time em,.new2C .new2right time em{color: #666666;font-size: 20px;display: inline-block;margin-right: 3px;}
.h_newC dl dd div span,.new2C .new2right span{ width:110px;height:34px; text-align:center;line-height:34px; background-color:#f1f1f1;color:#18b1ae;font-size: 22px; display:inline-block;} 
.h_newC dl a:hover dd div span,.new2C .new2right span:hover,.new2C .right dl a:hover dd div span, .new3C dl a:hover dd article span{background-color:#18b1ae;color:#fff;}
.h_newC dl a:hover dt img{transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    -moz-transform: scale(0.95,0.95);
    -ms-transform: scale(0.95,0.95);}
.h_product,.new2{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;padding:60px 00 180px;}
.h_product .h_title .more,.h_beijing .h_title .more,.new2 .h_title .more{color:#333;}
.h_productC li{ position:relative;}
.h_productC li .div1{ background-color:rgba(255,255,255,0.1);padding-bottom:30px;margin-top:20px;}
.h_productC li .div1 h2{padding-left:20px;border-bottom:1px solid #fff; font-size:20px;font-weight:bold;line-height:70px;}
.h_productC li .div1 h2 p{width:calc(100% - 100px);float:left;}
.h_productC li .div1 h2 span{width:70px; border-left:1px solid #fff;float:right;height:70px;}
.h_productC li .div1 h2 span img{width:auto; display:block;margin:29px auto 0;}
.h_productC li .div1 h5{ margin:30px 20px;font-size:20px;}
.h_productC li a:hover .div1{opacity:0;}
.h_productC li .div2{opacity:0; position:absolute;width:100%;height:100px; left:0;top:0;padding:0 15px;}
.h_productC li .div2 h5{ font-size:20px; position:relative;}
.h_productC li .div2 h5 span{font-family: 'Alibaba PuHuiTi 2.0 55';
    font-size:40px; font-weight:bold; display:inline-block; vertical-align:middle;}
.h_productC li .div2 h5 img{width:auto; display:block;margin:10px auto 0; position:absolute;right:0;top:0;}
.h_productC li .div2 p{margin: 20px 0;line-height: 27px;height:54px;overflow: hidden;}
.h_productC li a:hover .div2{opacity:1;}
.h_product .bg1,.h_beijing .bg1,.new2 .bg1{ position:absolute;right:0;top:0;animation: Move 50s linear infinite alternate;}
.h_product .bg2,.h_beijing .bg2,.new2 .bg2{ position:absolute;left:0;bottom:30px;animation: Move1 50s linear infinite alternate;}
@-webkit-keyframes Move { 0% { right:5%;} 50% {right:-15%;}100% {right:5%;}}
@keyframes Move{0% { right:5%;} 50% {right:-15%;}100% {right:5%;}}	
@-webkit-keyframes Move1 { 0% { left:5%;} 50% {left:-15%;}100% {left:5%;}}
@keyframes Move1{0% { left:5%;} 50% {left:-15%;}100% {left:5%;}}
.h_video{padding-bottom:60px;}
.h_video:before{ content:''; display:block;height:220px; background-color:#f6f7f9; position:absolute;top:0;left:0;width:100%;}
.h_videoC{width:60%;margin: 0 auto; cursor:pointer;}
.h_video h5{font-size:24px;padding: 30px 0;background: #f0f0f0;width: 60%;margin: auto;}
.h_videoC .pic{margin-top:-90px;}
.h_videoC .icon,.promainCenter .con li .icon{ width:95px !important; position:absolute;width:100%; text-align:center;left:50%;margin-left:-47px;top: 50%;margin-top: -98px;}
.h_videopop{ z-index:2; position:fixed;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.75); display:none;}
.h_videopopC{width:50%;margin:10% auto 0;}
.h_videopopC iframe{width:100%;height:500px;}
.h_videopop .close{ position:fixed;right:25%;top:5%;color:#fff;font-size:52px;}
.h_beijing{background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;}
.h_beijingC dl a{ display:block; position:relative;padding:160px 30px 88px;}
.h_beijingC dl dt{width:50%; border-radius:50%; border:2px solid #fff; overflow:hidden;margin:auto;}
.h_beijingC dl dd{color:#fff;margin-top:30px;line-height:25px;height:50px; overflow:hidden;}
.h_beijingC dl a:after{ width:calc(100% - 18px);left:9px;bottom:3px;height:1px; background-color:#fff; content:''; position:absolute; display:block;}
.h_beijingC dl div{position:absolute;right:0;width:1px;border-left:1px dashed #fff;height:100%;right:0;bottom:0;}
.h_beijingC dl div p{ background:url(../images/bg5.png) no-repeat;width:53px;height:63px;line-height:52px;color:#20afb4;font-size:19px;margin-left: -26px;}
.h_beijingC dl div:after{width:8px;height:8px; border-radius:50%; background-color:#fff;content:''; position:absolute;bottom:0;left:-4px; display:block;}
.h_beijingC .owl-page{width:14px;height:14px;margin:0 4px;border:1px solid #fff; border-radius:50%; display:inline-block;}
.h_beijingC .owl-pagination{ margin-top:40px;}
.h_beijingC .owl-page.active{width:45px; background-color:#fff;border-radius:30px;}
/*#owl-demo3{width:calc(100% + 108px);margin-left:-54px;}*/
.h_beijingC {margin:40px 100px 0;}
.h_beijingC .prev{width:32px; position:absolute;left:-32px;top:40%;}
.h_beijingC .next{width:32px; position:absolute;right:-32px;top:40%;}
.h_beijingC .bg3{ position:absolute;left:-24px;bottom:51px;}
.h_beijingC .bg4{ position:absolute;right:-24px;bottom:51px;}
.h_beijing .bg2{bottom:-40px;}
.h_beijingC .owl-item:nth-child(6n+1) dl div{height: calc(100% - 22px);margin-top: 22px;}
.h_beijingC .owl-item:nth-child(6n+2) dl div,.h_beijingC .owl-item:nth-child(6n+4) dl div{height: calc(100% - 70px);margin-top: 70px;}
.h_beijingC .owl-item:nth-child(6n+5) dl div{height: calc(100% - 80px);margin-top: 80px;}
.h_link{ padding:40px 0; }
.h_link h2{ font-size:24px; display:inline-block; color:#029a9e;margin: 0 0 0 50px; background-color:#fff;padding:0 10px;}
.h_link h2 span{ font-size:16px; text-transform:uppercase; display:inline-block;margin-left:10px;}
.h_link p{border:1px solid #ededed;padding:40px 50px;margin-top: -12px;}
.h_link p a{ display:inline-block;margin:0 25px 0 0;}
.h_bottom{ background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; padding:30px 0;}
.h_bottom img{height:71px;}
.h_bottom p{ color:#fff;font-size:16px;margin-top:13px;}
.h_bottom p span{font-size: 24px;display: inline-block;margin: 0 7px;}
footer{ background-color:#444444;padding:50px 0;font-size: 14px;}
.footL{width:66%;color:#fff;}
.footL p{margin-left:-20px;}
.footL p a{ display:inline-block;padding:0 20px;font-size:16px;color:#fff;}
.footL article{margin-top:30px;line-height:30px;}
.footR dl{width:122px; display:inline-block;margin-left:29px;color:#fff; text-align:center;}
.footR dl img{width:116px; display:block;margin-bottom:10px;}
.bq{padding:25px 0; background-color:#3c3c3c;}
.bq span{ display:inline-block;margin:0 10px; color:#ccc;}
.bq span a{color:#ccc;}
.fixside{ position:fixed;right:10px;bottom:100px; z-index:3;}
.fixside li{ position:relative;margin-bottom:10px;}
.fixside li p{ width:50px;height:50px; border-radius:50%; background-color:#22bbb8; cursor:pointer; z-index:1; position:relative;}
.fixside:after{ position:absolute;width:1px; border-left:1px dashed #22bbb8;top:0;height:100%;left:50%;content:''; display:block;}
.fixside li div{ background-color:#22bbb8; position:absolute;right:100%;top:0;color:#fff;text-overflow: ellipsis;white-space: nowrap;}
.fixside li:last-child{ margin:0;}
.fixside li p:hover{ background-color:#0270a3;}
.fixside .li1 div{line-height:50px;border-radius:40px;padding: 0 30px; display:none;}
.fixside li:hover div{ display:block;}
.fixside .li3 div{border-radius:17px;padding:20px; display:none;width:243px; text-align:center;}
.fixside .li3 div dl{ display:inline-block;margin:0 4px;font-size:14px;}
.fixside .li3 div dl img{width:90px; margin-bottom:5px;}
.site{border-bottom:1px solid #ededed;}
.site .left{width:70%; background:url(../images/bg7.png) no-repeat; background-size:100% 100%;padding-left:10%;margin-top: -20px;position: relative;}
.site .left a{ padding:0 30px;color:#fff;line-height:80px; font-size:16px; display:inline-block;}
.site .left a.cur{ background-color:#18b1ae;}
.site img{ display:inline-block; vertical-align:middle;margin-right:10px;}
.site a:hover{color: #00c3ac;}
.site .right{padding-right:10%;margin-top:18px;margin-left: -20%;}
.product,.honor{ background-color:#f9f9f9;}
.productC dl{margin-bottom:40px;}
.productC dl a{ display:block;background-color:#fff;}
.productC dl dt{padding:25px 15px;}
.productC dl dd{padding:0 15px 35px 15px;}
.productC dl dd h5{ font-size:18px;}
.productC dl dd span{ display:inline-block;margin-top:15px; border:1px solid #18b1ae;color:#18b1ae; border-radius:5px;padding:8px 35px;}
.productC dl a:hover dd span{border-color:#fff;color:#fff; background:url(../images/bg1.jpg) repeat-y; background-size:100%;}
.productC dl a:hover{ box-shadow:0 0 10px #ccc;}
.pagelist {margin:40px 0 0;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{ display:block;padding:8px 14px; border:1px solid #ededed;background-color:#f9f9f9; overflow:hidden; border-radius:50%;}
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span{border-color:#18b1ae;  background-color:#18b1ae;color:#fff;}
.proL{ width:50%; background-color:#fafafa;padding:60px 5% 60px 7%;}
.proR{ width:50%; background:url(../images/bg8.jpg) no-repeat center center; background-size:100% 100%;padding:60px 7% 60px 5%;}
.proL #sync1 .item { background-color:#f1f1f1;padding:30px 22%;}
.proL #sync2 {margin-top:20px;padding: 0 38px;}
.proL #sync2 .item{margin:0 7px;border:2px solid #ededed;padding:0 14%; background-color:#fff;}
.proL #sync2 .synced .item{border-color:#02a49d;}
.proL .owl-prev{ background:#f5f5f5 url(../images/icon12.png) no-repeat;width:32px;height:90px;margin-top:29px; z-index:1;border-radius:5px; background-size:100% 100%;}
.proL .owl-next{ background:#f5f5f5 url(../images/icon13.png) no-repeat;width:32px;height:90px;margin-top:29px;right:0; z-index:1;border-radius:5px;background-size:100% 100%;}
.proL .owl-prev:hover,.proL .owl-next:hover{ box-shadow:0 0 5px #ccc;}
.proR h5{font-size:26px;padding-bottom:30px; border-bottom:1px solid #dcdcdc;}
.proR h5 span{font-size:34px;color:#02a49d; display:inline-block;margin-right:10px;}
.proR ul{ margin:40px 0;}
.proR ul li{margin:15px 0; background-color:#fff;border-radius:6px; display:flex;}
.proR ul li span{ display:inline-block;background:url(../images/bg9.jpg) repeat-y; background-size:100%;color:#fff;width:113px;border-radius:6px 0 0 6px;padding:10px 10px;display: flex;align-items: center;}
.proR ul li p{padding:10px 20px;flex: 1;text-align:justify;}
.proRB{border-top:1px solid #dcdcdc;padding-top:40px;}
.proRB dl{ display:inline-block; margin:20px 20px 0 0; position:relative;}
.proRB dl dd{ display:none; position:absolute;top:100%;left:0; background-color:#018d9e;padding:20px 20px; text-align:center;color:#fff;width:100%;}
.proRB dl dt{ background-color:#02a49d;color:#fff;padding:10px 20px; border-radius:5px; cursor:pointer;}
.productmain{ display:flex;}
.proRB dl:hover dd{ display:block;}
.proRB dl dt:hover{background-color:#018d9e;}
.proRB .dl1 dd{min-width:100%;}
.promainCenter .tab{ border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:20px 0;margin-bottom:30px;}
.promainCenter .tab a{ display:inline-block;padding:0 5%; font-size:20px;}
.promainCenter .tab a.on{color:#02a49d;}
/*.promainCenter .tab a:first-child{border-right:1px solid #dcdcdc;}*/
/*.promainCenter .con li{ display:none;}*/
.promainCenter .con img,.proBLcon img{max-width:100%;}
.promainCenter .con li .icon{ cursor:pointer;}
.prodetailtit{ background:url(../images/bg1.jpg) repeat-y; background-size:100%;padding:20px;color:#fff;font-size:18px; text-transform:uppercase;}
.prodetailtit b{ font-size:36px; display:inline-block;margin-right:10px;}
.prodetailB{ background-color:#f9f9f9;}
.proBL{width:75%;background-color:#fff;border:1px solid #dcdcdc;}
.proBR{width:23%;background-color:#fff;padding:30px;}
.proBLtab{ background-color:#f7f7f7; border-bottom:1px solid #dcdcdc;}
.proBLtab a{float:left; border-right:1px solid #dcdcdc; display:inline-block;padding:11px 30px;border-top:3px solid #f7f7f7;position:relative;}
.proBLtab a.on{border-top:3px solid #02a49d;color:#02a49d;background-color:#fff;}
.proBLcon .spjs,.smscon,.smsT{padding:50px 40px;}
.smsT{padding: 0 0 50px 0px;}
.proBLcon article{ line-height:30px; display:none;text-align: justify;}
.proBLtab a.on:after{content:''; display:block;width:100%;height:2px; background-color:#fff; position:absolute;bottom:-1px;left:0;}
.proBR h2{font-size:24px;color:#02a49d;padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.proBR h2:before{content:'';width:4px;height:30px; display:inline-block; vertical-align:middle;margin-right:10px; background-color:#02a49d;}
.proBRC dl a{ padding:20px 0; border-bottom:1px solid #dcdcdc;}
.proBRC dl dt{ padding:0 0 20px;}
.proBRC dl{margin-bottom:0;}
.map{height:400px;border:1px solid #dcdcdc;}
.contact .left{width:50%;padding:60px 3% 60px 10%;}
.contact .right{width:50%; background-color:#f9f9f9;padding:60px 10% 60px 3%;}
.contact h2{font-size:27px;color:#18b1ae;padding-bottom:20px; border-bottom:1px solid #ededed; position:relative;}
.contact h2:after{ content:''; display:inline-block; position:absolute;bottom:0;width:40px;height:2px; background-color:#18b1ae;left:0;}
.contact .article{ margin:30px 0;min-height:140px;}
.contact .article .leftleft b{ font-size:26px;margin:10px 0; font-weight:bold; display:block;}
.contact .article .leftleft p{ color:#999;}
.contact .article ul{width:calc(100% - 280px);}
.contact .article ul li{margin:10px 0;}
.contact .article ul li img{ display:inline-block; vertical-align:middle;margin-right:5px;}
.honorC dl,.newlist dl{margin-bottom:40px;}
.honorC dl a{ display:block; background-color:#fff;}
.honorC dl dt{ padding:30px 40px;}
.honorC dl dt div{padding:13px;background:url(../images/bg10.jpg) no-repeat center center; background-size:100% 100%;}
.honorC dl dd{padding:20px 15px; border-top:1px solid #ededed;}
.honorC dl a:hover dd{background-color: #22bbb8;color: #fff;}

.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;display: none;}
.lightbox {position: absolute;left: 0;width: 100%; min-width:100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;}
.lightbox a img {border: none;width:290px height:193px; margin:0px 8px 30px 8px;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 270px;height: 180px;margin: 0 auto;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background:url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}
.lb-prev {left: 0;float: left;background:url(../images/caseprev.png) left 48% no-repeat;background-size: 0.5rem;}
.lb-next { right: 0;float: right;background: url(../images/casenext.png) right 48% no-repeat;background-size: 0.5rem;}
.lb-dataContainer { margin: 0 auto;padding-top: 5px; *zoom: 1;width: 100%;}
.lb-dataContainer:after {content: ""; display: table; clear: both;}
.lb-data { padding: 0 4px; color: #fff;}
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 14px; color:#fff; font-weight: bold; line-height: 1em;}
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px;  color: #fff;}
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.new2C .left{width:68%;}
.new2C .right{width:30%; background-color:#fff;padding:0 20px;}
.new2C .right dl a{ display:block; border-bottom:1px solid #ededed;padding:25px 0 26px; overflow:hidden;}
.new2C .right dl dt,.new3C dl dd time{font-size:14px;float:left; text-align:center;width:75px;padding-right:15px;border-right:1px solid #ededed;margin-top: 18px;}
.new2C .right dl dt b,.new3C dl dd time b{ display:block;font-size:24px;}
.new2C .right dl dd,.new3C dl dd div{ width:calc(100% - 100px);float:right;}
.new2C .right dl dd h5,.new3C dl dd div h5{float:left;width:75%;}
.new2C .right dl dd div span,.new3C dl dd article span{float:right;width:25px;height:25px; background-color:#f5f5f5;line-height:25px; text-align:center;color:#18b1ae;}
.new2C .right dl dd p,.new3C dl dd div p{margin-top:10px;line-height:25px;height:50px; overflow:hidden;color:#999;font-size:14px;text-align:justify;}
.new2C .new2left{width:48%;height:410px;}
.new2C .new2left img{ opacity:0;}
.new2C .new2right{width:52%; background-color:#fff;padding:40px 30px;}
.new2C .new2right h5{ font-size:18px;}
.new2C .new2right h5:after{ width:40px;height:2px;content:''; display:block;margin:20px 0; background-color:#18b1ae;}
.new2C .new2right p,.tjC li p{ font-size:14px;line-height:25px;height:175px;color:#666;margin-top:20px; overflow:hidden;text-align:justify;}
.new2C .left .owl-controls{height:55px; background-color:rgba(0,0,0,0.5); position:absolute;bottom:0;left:0;width:48%; text-align:center;}
.new2C .left .owl-page{width:10px;height:10px; display:inline-block; margin:0 5px; border:1px solid #fff; border-radius:50%;}
.new2C .left .owl-page.active{ background-color:#18b1ae; border-color:#18b1ae;}
.new2C .left .owl-pagination{margin-top:16px;}
.new2C #owl-demo .owl-prev{width: 13px;height: 20px; background-size:100% 100%!important;top: 18px;margin-top: 0;left: 34%;}
.new2C #owl-demo .owl-next{width: 13px;height: 20px; background-size:100% 100%!important;top: 18px;margin-top: 0;right: 34%;}
.new3C dl a{ display:block; border:1px solid #ededed;}
.new3C dl dd{ padding:20px 11px; overflow:hidden;}
.new3C dl dd div h5{ float:none;width:100%}
.new3C dl dd article{ float:left;width:100%;border-top:1px solid #ededed;padding-top:15px;margin-top:15px;font-size:14px;}
.new3C dl a:hover dt img{transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    -moz-transform: scale(0.95,0.95);
    -ms-transform: scale(0.95,0.95);}
.newmain{ display:flex;}
.newmain .left{width:74%;padding-right:30px; border-right:1px solid #ededed;}
.newmain .right{width:24%;padding-left:30px;}
.newmain h1{font-size:28px;text-align:center;margin-bottom: 12px;}
.newmain time{ color:#afafaf; display:block; text-align:center;margin: 32px auto;font-size: 14px;}
.newmain time span{ display:inline-block; margin:0 10px;}
.newmain article,.about1{ line-height:35px;font-size:14px;margin-top:30px;text-align:justify;}
.newmain img,.about1 img,.about4 .container img,.about5 .right img{max-width:100%;}
.prenext{margin:50px 0 0; background-color:#fafafa;padding:15px;}
.prenext p:last-child{ text-align:right;}
.prenext a:hover{ color:#00c3ac;}
.newmain .right h2{ font-size:20px;}
.newmain .right h2:before{width:3px;height:19px; background-color:#22bbb8; content:''; display:inline-block; vertical-align:middle;margin-right:10px;}
.tjC li{margin:20px 0;}
.tjC li a{ display:block;padding:20px 20px; background-color:#f9f9f9;}
.tjC li p{height:75px;margin-top: 14px;}
.tjC li a:hover{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;color:#fff;}
.tjC li a:hover p{color:#fff;}
.develop{background:url(../images/bg11.jpg) no-repeat bottom center; background-size:100%;}
.developC dl{ overflow:hidden;margin-top:-90px;}
.developC dl dt,.developC dl dd{position:relative;}
.developC dl dt,.developC dl dd{width:50%;float:left;min-height:1px;}
.developC dl dd{padding:0 0 0 40px;min-height: 216px;}
.developC dl:nth-child(odd) dd{ text-align:right;padding:0 40px 0 0;}
.developC dl dt:before{width:35px;height:35px; display:inline-block;content:''; background:url(../images/icon20.png) no-repeat; position:absolute;right:0;top:0;margin:0 -17px 0 0;}
.developC dl:nth-child(odd) dt{float:right;}
.developC dl:nth-child(odd) dd{float:left;}
.developC dl:nth-child(odd) dt:before{left:0;right:auto;margin:0 0 0 -17px;}
.developC dl:first-child{margin-top:0;}
.developC dl dd:after{content:''; display:inline-block;width:1px;height:calc(100% - 134px); background-color:#18b1ae; position:absolute;right:0;top:35px;}
.developC dl:nth-child(even) dd:after{right:auto;left:0;}
.developC dl dd h5{ font-size:18px;}
.developC dl dd h5 span{ font-size:40px;}
.developC dl dd p{line-height:25px;margin-top:20px;}
.developC dl dd img{max-width:300px;max-height:170px;border-radius:5px; display:inline-block;margin-top:20px;}
.struct1 .left{ width:45%; background:url(../images/pic13.jpg) no-repeat right top;margin-top:30px;}
.struct1 .right{ width:53%;}
.struct1 .left h2{font-size:30px;}
.struct1 .left h5{font-size:30px;color:#18b1ae; text-transform:uppercase;margin-top:10px;}
.struct1 .left h5:after{content:''; display:block;width:40px;height:2px; background-color:#18b1ae;margin-top:20px;}
.struct1 .left .con{ margin-top:20px;line-height:28px;text-align:justify;}
.struct2{ background:url(../images/bg12.jpg) no-repeat center center; background-size:cover;}
.struct2 .container{ background-color:#f9f9f9;padding:40px;}
.about1{ margin-top:0;text-align:justify;}
.about2{ display:flex;text-align:justify;}
.about2 .left{line-height: 35px;width:40%;background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;padding:60px 5% 260px 10%;color:#fff;}
.about2 .right{width:60%;}
.about2number{ background:#fff;color:#18b1ae;margin-top:-200px;margin-bottom:60px;width:80%;}
.about2number li:after{background-color: #d1efef;}
.about3 .left{width:48%;line-height: 35px;text-align:justify;}
.about3 .right{width:50%;}
.about3 .left li{float:left;width:25%; position:relative;}
.about3 .left li img{ display:block;margin:0 auto 10px;}
.about3 .left li:after{width:1px;height:60%;top:20%;right:0;position:absolute;content:'';display:inline-block; background-color:#ededed;}
.about3 .left li:last-child:after{ display:none;}
.about4{ background:url(../images/bg12.jpg) no-repeat center center; background-size:cover; padding:120px 0 0;}
.about4 .container{ text-align:justify; background-color:#f9f9f9; padding:60px 50px; line-height:35px;}
.about4 .container:before{ content:'';width:74px;height:74px; background:url(../images/icon25.png) no-repeat center center; position:absolute;left:50%;margin:-97px 0 0 -37px; display:inline-block;}
.about5{ display:flex;}
.about5 .left{width:66%;}
.about5 .left img{ display:none;}
.about5 .right{width:34%;text-align:justify; padding:60px 40px; color:#fff; background:url(../images/bg3.jpg) no-repeat right center; background-size:cover;line-height:35px;}
.about5 .right h5{ font-size:22px;margin:20px 0;}
.gsjj1 { background:url(../images/bg13.jpg) no-repeat center center; background-size:cover;}
.gsjj1 .left{width:47%;margin-top:30px;}
.gsjj1 .right{width:46%;}
.gsjj1 .more{ margin-top:30px;} 
.gsjj1 .h_number{width:100%;}
.gsjj2 dl{float: left;width:17%;}
.gsjj2 dl a{ display:block; position:relative;height:640px; overflow:hidden;}
.gsjj2 dl dt{font-size:24px;color:#fff;width:10px; position:absolute;left:50%;margin:105% 0 0 -5px;}
.gsjj2 dl dd{ position:absolute;width:100%;left:0;bottom:-196px;background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;color:#fff;padding:35px 30px;}
.gsjj2 dl dd h5{font-size:24px; overflow:hidden;height:31px;}
.gsjj2 dl a:after{width:100%;height:100%; top:0;left:0; background-color:rgba(0,0,0,0.7); content:''; display:block;}
.gsjj2 dl dd h5 img{ float:right;}
.gsjj2 dl dd p{ line-height:25px;height:75px; overflow:hidden;margin-top:20px;}
.gsjj2 dl.on{width:48%;}
.gsjj2 dl.on a:after,.gsjj2 dl.on dt{ display:none;}
.gsjj2 dl.on dd{ bottom:0;}
.gsjj3{ background:url(../images/bg14.jpg) no-repeat center center; background-size:cover;}
.gsjj3 .left{width:47%;color:#fff;}
.gsjj3 .left .h_title h2{color:#fff;}
.gsjj3 .left b{ font-size:20px;margin:20px 0; display:block;}
.gsjj3 .left .con{line-height:35px;height:420px; overflow-y:scroll;padding-right:30px;text-align:justify;}
.gsjj3 .left .con::-webkit-scrollbar { width:2px;  height:2px; background-color: #b4aca4;}  
.gsjj3 .left .con::-webkit-scrollbar-track  { border-radius: 10px; background-color: #b4aca4;}  
.gsjj3 .left .con::-webkit-scrollbar-thumb  {  border-radius: 10px;width:10px;height:50px; background-color: #18b1ae; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.smstit{background-color:#f5f5f5;padding:10px 0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;font-size:24px;}
.smstit:before{ content:'';width:4px;height:25px; display:inline-block; vertical-align:middle;margin-right:15px; background-color:#00a59e;}
.smsT h2{ font-size:20px;padding-bottom:20px; border-bottom:1px solid #ededed;}
.smsT h2 img{ display:inline-block; vertical-align:middle;margin-right:15px;}
.smsT ul{ margin-top:40px;}
.smsT li{float:left;width:50%; display:flex; background-color:#f5f5f5;margin-bottom:2px;line-height:20px;}
.smsT li span{ background-color:#03a49e;color:#fff;padding:10px 0;width:106px; text-align:center;}
.smsT li p{flex:1;padding:10px 10px;}
.jtjs .h_title{ position:absolute;top:13%;left:10%;}
.jtjslist{ background-color:#f5f5f5;}
.jtjslistC dl{margin-bottom:40px;}
.jtjslistC dl a{ overflow:hidden; display:block; position:relative;}
.jtjslistC dl dt{width:48%;float:right;}
.jtjslistC dl dd{ background-color:#fff;padding:38px 40px;width:55%;float:left;margin:40px -10% 0 0; position:absolute;bottom:0;}
.jtjslistC dl dd h5{ font-size:23px;}
.jtjslistC dl dd h5:after{content:'';width:50px;height:2px; background-color:#ededed; display:block;margin:19px 0;}
.jtjslistC dl dd article{ line-height:30px;height:90px; overflow:hidden;color:#999;font-size:15px;text-align:justify;}
.jtjslistC dl dd .more{ margin-top:20px;}
.jtjslistC dl:nth-child(even) dt{float:left;}
.jtjslistC dl:nth-child(even) dd{float:right;margin:40px 0 0 -10%;right:0;}
.jtjslistC dl a:hover dd{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;color:#fff;}
.jtjslistC dl a:hover dd article,.jtjslistC dl a:hover dd .more:hover{color:#fff;}
.jtjslistC dl a:hover dd .more{ color:#333;}






.bottomtel,.bottomtelh{ display:none;}
.bottomtel{ display:none; background-color:#008bcb;color:#fff; overflow:hidden; position:fixed;bottom:0;left:0;width:100%;z-index: 4;}
.bottomtel a{width:50%;float:left; text-align:center;color:#fff;padding:15px 0;}
.bottomtelh{display:none;height:51px;}
.bottomtel a:nth-child(2){ background-color:#29c3af;}
.menu_overlay{top: 0; position:fixed; right:-80%; width: 80%; max-width: 280px; height: 0; overflow: hidden; filter:alpha(opacity=0); opacity: 0; background:rgb(0, 139, 203); z-index:100;}
.overlay_active{ height: 100%; right:0; filter:alpha(opacity=100); opacity: 1; z-index:100;}
.overlay_box{ position: absolute; top:10%; left: 0; width: 100%; max-height:90%; overflow: auto; padding:15px 15px 60px;}
.nav_list2 li{ padding-top:10px; border-bottom: 1px dashed #FFFFFF;}
.nav_list2 li a.nav_item0{ display: block; font-size: 16px; padding: 0 5px 10px; color: #FFFFFF;}
.menu-activator{z-index: 999;position: absolute; top:40px; right: 4%; display: none;}
.menu-activator span.descriptor,.menu-activator div.visual {display: block; float: left; cursor: pointer;}
.menu-activator span.descriptor {font-family: 'Alibaba PuHuiTi 2.0 55';font-size: 1.4rem; text-transform: uppercase; color: #003477;line-height: 3rem;}
.menu-activator div.visual { position: relative;width: 1.6rem;height: 2.2rem;top: -20px;}
.menu-activator div.visual i.line { width: 100%;height:4px;background-color: #008bcb; -webkit-border-radius: 2px; border-radius: 2px; display: block;position: absolute;-moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.menu-activator div.visual i.line.line01 {top: 6px;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 210ms; -o-transition-delay: 210ms; -webkit-transition-delay: 210ms; transition-delay: 210ms;}
.menu-activator div.visual i.line.line02 {top: 14px; -moz-transition-delay: 140ms; -o-transition-delay: 140ms;-webkit-transition-delay: 140ms; transition-delay: 140ms;}
.menu-activator div.visual i.line.line03 { top: 22px; -moz-transition-delay: 70ms; -o-transition-delay: 70ms; -webkit-transition-delay: 70ms; transition-delay: 70ms;}
.menu-activator div.visual i.line.line04 { top: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;-moz-transition-delay: 0ms;-o-transition-delay: 0ms; -webkit-transition-delay: 0ms;transition-delay: 0ms;}
.menu-activator.active{ position:fixed;}
.menu-activator.active div.visual i.line:nth-child(1), a.menu-activator.active div.visual i.line:nth-child(3) {top:16px}
.menu-activator.active div.visual i.line:nth-child(1) {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-activator.active div.visual i.line:nth-child(3) {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu-activator.active div.visual i.line:nth-child(2), .menu-activator.active div.visual i.line:nth-child(4) {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.menu-activator.active span.descriptor{color: #e02d39;}
.menu-activator.active div.visual i.line.line01, .menu-activator.active div.visual i.line.line02, .menu-activator.active div.visual i.line.line03, .menu-activator.active div.visual i.line.line04 { background-color: #fff; -moz-transition-delay:0ms; -o-transition-delay:0ms;-webkit-transition-delay:0ms; transition-delay:0ms}
.menu-activator.active div.visual:hover i.line.line01, .menu-activator.active div.visual:hover i.line.line03 {filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.menu-activator.active div.visual:hover i.line.line01, .menu-activator.active div.visual:hover i.line.line02, .menu-activator.active div.visual:hover i.line.line03, .menu-activator.active div.visual:hover i.line.line04 {-moz-transition-delay:0ms; -o-transition-delay:0ms; -webkit-transition-delay:0ms;transition-delay:0ms}
.overlay_active,.overlay_active *{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.subclass{ overflow:hidden; height: 0; filter:alpha(opacity=0); opacity: 0;}
.subclass a{ display: block; float: left; width: 100%; padding: 5px; color: #FFFFFF;}
.subclass a:hover{ color: #ddf5f1;}
.subclass_active{ height: auto; filter:alpha(opacity=100); opacity: 1; padding-bottom: 5px;}
.subclass_active{background: rgba(255,255,255,0.2);padding: 10px 0;}


#example_video_1{width:100% !important;height:500px !important;}
@media(max-width:1600px){
	.proR h5 span {font-size:30px;}
	.proR h5 {font-size: 23px;}
}
@media(max-width:1466px){
	nav { width: 46%;}
	.headR {padding: 20px 13px;}
	.headR li {margin: 0 6px;}
	.headR li p{right: -10px;}
	.proR h5 {font-size: 19px;}
	.proR ul li p {font-size: 15px;}
	.h_video h5 {font-size: 20px;}
	.h_number li p span {font-size: 38px;}
	

}
@media(max-width:1366px){
	.h_about .left .h_abouttit p, .gsjj1 .left p {font-size: 35px;}
	.h_about .left .h_abouttit h2, .gsjj1 .left h2 {font-size: 35px;}
	.gsjj1 .left {margin-top: 0;}
	.contact .article ul{width:100%;margin-top:20px;}
	.about3 .left li img {width: 50px;}
	.about3 .left li {font-size: 15px;}
	.h_newC dl dd h5,.h_productC li .div1 h5,.h_productC li .div2 h5{font-size:18px;}
	.h_productC li .div2 h5 span {font-size: 36px;}
	.h_beijingC dl dt {width: 80%;}
	.struct1 .left h5 {font-size: 30px;}
	.struct1 .left {margin-top: 0;}
	.proRB dl { margin: 20px 6px 0 0;}
	.jtjslistC dl dd article { height: 90px;}
	.jtjslistC dl dd h5 { font-size: 25px;}
	.h_productC li .div1 h2 span {width: 50px;}
	.h_productC li .div1 h2 p {width: calc(100% - 55px);}
	.h_productC li .div1 h2,.h_newC dl dd h5, .h_productC li .div1 h5, .h_productC li .div2 h5{font-size: 18px;}
}
@media(max-width:1199px){
	.logo img {height:51px;margin-top: 10px;}
	nav li>a {font-size: 17px;}
	.logo p {padding-left: 15px;font-size: 14px;margin-left: 15px;}
	.container {margin: 0 auto;}
	.h_about .left .h_abouttit p, .gsjj1 .left p { font-size: 30px;}
	.gsjj2 dl a {height: 507px;}
	.h_title h2 {font-size: 30px;}
	.gsjj3 .left b {font-size: 21px;}
	.h_bottom img{height: 51px;}
	.h_bottom p {font-size: 17px;margin-top: 17px;}
	.h_bottom p span {font-size: 25px;}
	.h_bottom { padding: 20px 0;}
	.about2number{margin-top: -200px;margin-bottom: 60px;}
	.site .left a {padding: 0 20px;}
	.proRB dl dt {padding: 10px 14px;}
	.proR h5 span {font-size: 27px;}
	.jtjslistC dl dd article {height: 60px;}
	.jtjslistC dl dd h5:after { margin: 10px 0;}
	.developC dl dd{min-height: 233px;}
	#example_video_1{height:400px !important;}
	nav li>a {padding-bottom: 33px;}
}

@media(max-width:991px){
	nav,footer,.tj,.headR,.gsjj1 .right,.gsjj2 dl dt,.gsjj2 dl a:after,.newmain .right,.proBR{ display:none;}
	.menu-activator,.productmain{ display:block;}
	.logo {margin-top: 0;}
	.logo img {margin: 10px 0;}
	.gsjj1 .left,.h_about .left,.h_number,.h_about .right,.struct1 .left,.struct1 .right,.proBL,.proR{width:100%;}
	.gsjj2 dl{width:50% !important;}
	.gsjj2 dl a{height:400px;}
	.gsjj2 dl dd{bottom:0 !important;}
	.gsjj3 .left {width: 82%;}
	.gsjj3 { background: url(../images/bg14.jpg) no-repeat right 10% center;background-size: cover;}
	.contact .left,.contact .right{width:100%;padding: 60px 10%;}
	.map{ height:350px;}
	.site .left a {padding: 0 12px;}
	.about2 .left {width: 90%;}
	.about3 .left,.about3 .right,.about5 .right,.new2C .left,.new2C .right{width:100%;}
	.about3 .left,.struct1 .right{margin-top:20px;}
	.h_video h5 {font-size: 20px;}
	.h_video:before {height: 199px;}
	.h_newC dl dd div span, .new2C .new2right span {width: 80px;}
	.new2C .right{margin-top:10px;}
	.newmain .left {width: 100%;padding-right: 0;border-right: 0;}
	.prenext p:last-child {text-align: left;margin-top: 14px;}
	.newmain h1 {font-size: 24px;}
	.productC dl dd h5 { font-size: 15px;}
	.proL{width:100%;padding:40px 7%;}
	.jtjslistC dl dd {padding: 24px 40px;}
	.jtjslistC dl dd h5 {font-size: 20px;}
	.developC dl dd{min-height:inherit;}
	#example_video_1{height:300px !important;}
	
}


@media(max-width:767px){
	.banners,.bottomtel,.bottomtelh,.about2,.about5,.about5 .left img,.h_about .right img{ display:block;}
	.bannerb,.site .right,.fixside,.logo p,.h_bottom,.h_about .more,.h_new .more,.h_product .more,.h_beijing .more,.h_beijingC dl div,.new2 .h_title .more,.proRB,.jtjslist dl dd .more,.h_productC li .div1 h2 span{ display:none;}
	.nav-moblie {margin-top: -5px;}
	.banner .owl-pagination div {width: 7px;height: 7px;}
	.otherbanner1{ overflow:hidden;}
	.otherbanner1 img{ width:135%;margin-left:-5%;}
	.h_about .left .h_abouttit h2, .gsjj1 .left h2 {font-size: 27px;}
	.gsjj1,.gsjj3,.contact .left,.contact .right,.develop,.about1,.about2 .left,.about5,.about5 .right,.honor,.h_about .left,.new1,.new2,.newmain,.newlistlist,.product,.struct1,.struct2,.proL,.proR,.jtjslist {padding:40px 20px;}
	.h_about .left .h_abouttit p, .gsjj1 .left p {font-size: 19px;}
	.h_number li p span {font-size: 30px;}
	.h_number li {width: 50%;margin-bottom:20px; font-size:14px;}
	.h_number {padding: 9px 0;}
	.gsjj2 dl dd {padding: 19px 10px;}
	.gsjj2 dl dd h5,.jtjslistC dl dd h5{font-size: 18px;}
	.gsjj2 dl dd p {font-size: 14px;line-height: 22px;height: 66px; margin-top: 0px;}
	.gsjj2{padding:40px 0;}
	.gsjj3 .left,.site .left,.about2 .left{width:100%;}
	.gsjj3 .left b {font-size: 17px;}
	.gsjj3 .left .con {line-height: 24px;font-size: 14px;height: 226px;padding-right: 11px;}
	.gsjj3 {background: url(../images/bg14.jpg) no-repeat right -200px center;background-size: auto 100%;}
	.gsjj3:after{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.4); content:''; display:block;}
	.gsjj3 .container{ z-index:1;}
	.map{ height:250px;}
	.contact h2 {font-size: 24px;}
	.h_title h2 {font-size: 24px;}
	.h_title p,.smsT li{font-size: 14px;}
	.h_title h2:before {width: 5px;height: 21px;margin-right: 8px;}
	.developC dl:nth-child(odd) dd,.developC dl dd{width:100%; text-align:left;padding: 0 0 0 30px;}
	.developC dl dd:after,.developC dl:nth-child(even) dd:after{right:auto;left:10px;height:100%;}
	.developC dl dd h5 span {font-size: 30px;}
	.developC dl{margin-top:20px;}
	.developC dl dd img {max-width: 100%;}
	.developC dl:nth-child(odd) dt:before {margin: 0 0 0 0;}
	.developC dl:nth-child(odd) dt,.developC dl dt,.smsT li{width:100%;}
	.developC dl dt:before {left:0;width: 20px;height: 20px; background-size:100% !important;top:12px;}
	.site .left a {line-height: 44px;}
	.about1,.about2 .left,.about3 .left,.about4 .container,.about5 .right,.newmain article{font-size:15px;line-height:30px;}
	.about2number {margin-top: 0;margin-bottom: 0;width:100%;}
	.about3,.jtjslistC dl{padding:0;}
	.about3 .left{margin:20px;width:calc(100% - 40px);}
	.about3 .left li img {width: 34px;}
	.about3 .left li {font-size: 14px;line-height: 20px;padding:0 5px;}
	.about4{padding:80px 20px 40px;}
	.about4 .container:before {width: 50px;height: 50px; background-size:100% !important;margin:-69px 0 0 -25px;}	
	.about4 .container {padding: 40px 16px;}	
	.about5 .left{width:100%;}
	.about5 .right h5,.h_newC dl dd div time em, .new2C .new2right time em{font-size: 18px;}
	.honor dl,.product dl,.jtjslistC dl{ padding:0 5px;margin-bottom:20px;}
	.honorC dl dt {padding: 20px 10px;}
	.honorC dl dt div {padding: 6px;}
	.honorC dl dd {font-size: 14px;}
	.pagelist {margin: 20px 0 0;}
	.h_about .right{ height:auto;}
	.h_new dl,.h_productC li{ padding:0;margin-bottom:20px;}
	.h_new dl h5,.h_video h5{font-size: 16px;}
	.h_productC li .div1{ margin-top:0;}
	.h_productC li a:hover .div2{opacity:0;}
	.h_productC li a:hover .div1{opacity:1;}
	.h_productC li .div1 h2 {padding-left: 16px;line-height: 52px;}
	.h_productC li .div1 h2 span {width: 52px;height: 52px;}
	.h_productC li .div1 h2 span img {margin: 19px auto 0;}
	.h_newC dl dd h5, .h_productC li .div1 h5, .h_productC li .div2 h5 {font-size: 16px;}
	.h_productC li .div1 h5 {margin: 14px 10px;}
	.h_product .bg1 img, .h_beijing .bg1 img, .new2 .bg1 img,.h_product .bg2 img, .h_beijing .bg2 img, .new2 .bg2 img{height:70px;}
	.h_product{padding: 60px 0 90px;}
	.h_videoC {width: 88%;}
	.h_videoC .icon, .promainCenter .con li .icon {width: 60px !important;margin-left:-30px;margin-top: -84px;}
	.h_videopopC {width: 80%;margin: 35% auto 0;}
	.h_videopopC iframe {height: 200px;}
	.h_video:before {height: 48px;}
	.h_beijingC { margin: 40px 20px 0;}
	.h_beijingC dl a {padding: 0 20px 27px;}
	.h_beijingC .prev,.h_beijingC .next{width: 20px;top: 26%;}
	.h_link p {padding: 40px 13px;}
	.h_link h2 { margin: 0 0 0 19px;}
	.new2C .new2left {width: 100%;height: auto;}
	.new2C .new2left img {opacity:1;}
	.new2C .new2right {width: 100%;padding: 23px 16px;}
	.new2C .new2right p, .tjC li p { height: 50px;}
	.new2C .left .owl-controls {height: 40px; bottom: 241px;width: 100%;}
	.new2C .right {padding: 0 14px;}
	.new2C .right dl dd, .new3C dl dd div {width: calc(100% - 89px);}
	.newmain h1,.prodetailtit b{font-size: 20px;}
	.h_newC dl dd p {margin: 11px 0 20px 0;font-size: 14px;text-align:justify;}
	.productC dl dd span {padding: 4px 17px;font-size: 14px;}
	.struct2 .container {padding: 40px 6px;}
	.proL .owl-prev,.proL .owl-next{width: 18px;height: 51px;margin-top: 12px;}
	.proL #sync2 .item {margin: 0 2px;}
	.proR h5 span {font-size: 20px; display:block; margin-bottom:10px;}
	.proR h5,.smsT h2{font-size: 15px;}
	.proR ul li { display: block;}
	.proR ul li span {display: block;width: 100%;border-radius: 6px;}
	.proR ul {margin: 20px 0;}
	.promainCenter .tab a{font-size:16px;}
	.promainCenter{padding:40px 0;}
	.promainCenter .con li .icon {    margin-top: -41px;}
	.prodetailtit {font-size:14px;}
	.prodetailB{padding:20px 0 40px;}
	.proBLcon .spjs,.smsT,.smscon{padding: 22px 15px;}
	.smstit{font-size: 20px;}
	.smsT h2 img {width: 26px;}
	.smsT li span {width: 90px;}
	.jtjslistC dl dd,.jtjslistC dl:nth-child(even) dd{ position:inherit;width:100%;margin:0;padding:20px 15px;}
	.jtjslistC dl dt,.h_productC li .div1 h2 p{width:100%;}
	.site .left {background-size: 150% 100% !important;margin-top:0;padding: 0 20px;white-space: nowrap;    overflow-x: scroll;}
	.h_video h5{width:88%;}
	.h_productC li .div1 h2 {padding-left: 9px;font-size: 15px;}
	
}
@media (max-width:500px){
	.pagelist li a, .pagelist li a span {padding: 2px 9px;}
	.bq{font-size:12px;}

	
}
@media (max-width:400px){
	.logo img {height: 38px;}
	.menu-activator div.visual {top: -29px;}
	
}