@charset "utf-8";
/* CSS Document */
html,body{color:#333;font-family:"思源黑体";font-style:normal;font-size:14px;line-height:26px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#333; overflow: hidden;}
a:hover{outline:0;color:#0378cf}
img{border:0;max-width:100%}
.fl{float:left}
.fr{float:right}
/**/
body{padding-top:100px;}
.top{background:#0378cf;opacity:1;height:100px;z-index:3000;width:100%; position: fixed; top:0; left:0; right:0;}
.main{width:1200px;margin:0 auto;position:relative;}
.wrap{width:80%; margin:0 auto; position:relative;}
/**/
.head-logo{float:left;padding:0px 0; position:relative; height:100px;}
.head-logo a{display:table-cell;vertical-align:middle; line-height:100px;}
.head-logo img{display:block;height:90px; vertical-align: middle;padding:0 80px;margin-top:5px;}
/**/
.head-left{float:left; position:relative;width:calc(100% - 220px); -webkit-width:calc(100% - 200px);  -moz-width:calc(100% - 200px);-o-width:calc(100% - 200px);}
.nav{float:right;}
.nav ul{z-index:10;position:relative; float:left;}
.nav ul li{position:relative;float:left;display:block;vertical-align:top;margin-right:0px;text-align:center;}
.nav ul li:after{content:"";background:url("../img/icon_1.png") no-repeat right center; width:24px; height:63px; position:absolute; right:-15px; top:20px;}
.nav ul li:last-child:after{background:none;}
.nav ul li > a{position:relative;line-height:100px;font-size:17px;color:#fff;margin:0 25px;  }
.nav ul li a:hover,.nav ul li a.cur{color:#fff}
.nav ul li a:before{content: '';position: absolute;left: 0;bottom: -40px;width:0;height: 3px;border-radius: 100px; background-color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav ul li a.cur:before{width: 0;}
.nav ul li a:hover::before{width: 0;}
.nav ul li:hover .sec-nav{top:100%;opacity:1;visibility:visible;background:#f2f2f2;}
.nav ul li .sec-nav{z-index:999;position:absolute;top:100%;left:50%;margin-left:-40px;width:400px;background-color:rgba(255,255,255,0.9);text-align:center;opacity:0;visibility:hidden;border-top:0px #ddd solid; border-radius: 0 0 5px 5px;}
.T-nav li .sec-nav a{display:inline-block;width:49%;float:left;text-align:left;vertical-align:top;border-bottom:1px #ddd solid;padding:10px;font-size:15px}
.nav ul li .sec-nav a:hover{border-top:0;color:#30c58e;}
.nav ul li .sec-nav:before{content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent;; border-bottom:10px #f2f2f2 solid; position:absolute; left:30px; top:-10px;}
.head-btn{display:none;}
/**/
.t-right{float:right; text-align: center; background:#0378cf; color:#fff;height:100px; position:relative;width:200px;overflow: hidden;padding:35px 0;}
.t-right a{display:inline-block; color:#fff; font-size:16px;}
.t-lang{display:inline-block;padding:0 20px; position: relative; }
/**/
.t-sear{  display:inline-block;padding-top:0px;vertical-align: middle;}
.my-sear{position:fixed;z-index:99;display:none;width:100%;height:100%;right:0;top:0px; background:rgba(0,0,0,0.5);  border-top:0px #ddd solid;}
.Myclose{float:right;position:absolute; right:12%; top:25%;}
.Myclose img{width:35px;}
.Myclose:hover img{transform:rotate(360deg);transition:4s;cursor:pointer}
.my-search{width:45%;margin:20% auto;}
.my-search form{border:0px #ccc solid;padding:10px 15px;background:none;}
.my-search input[type="text"]{color:#ccc;border-bottom:2px #eee solid;width:85%;font-size:16px;line-height:30px}
.my-search input[type="button"]{color:#bbb;font-size:16px;line-height:30px;background:url("../img/icon_2.png") no-repeat right;float:right;width:30px;height:30px;cursor:pointer;}
/**/
.index-product{width:100%; background:url("../img/index-bg1.png") no-repeat center bottom;padding-bottom:100px;}
.index-product-nav{padding:0px 0;}
.index-nav-tit{float:left;width:300px;padding-top:15px;}
.index-nav-tit h1{color:#30c58e; font-weight:normal; font-size:30px;display:inline-block; line-height: 30px; text-transform: uppercase;}
.index-nav-tit h2{display:inline-block; font-weight:normal;font-family: PingFang; text-transform: uppercase; opacity: 0.8;font-size:16px;}
.index-nav-tit h3{font-size:18px; font-weight: normal; opacity: 0.7;}
.index-product-nav ul{float:right;width:calc(100% - 300px); text-align: right;}
.index-product-nav li{text-align: center; position:relative;display:inline-block; overflow: hidden; vertical-align: top;}
.index-product-nav li:after{content:""; backhround:#ddd; height:40px; width:0px; border:1px dotted #ddd; position:absolute; right:0; top:40px;}
.index-product-nav li:last-child:after{height:0;display:none;}
.index-product-nav li a{display:block;padding:15px 30px;}
.index-product-nav li h4{display:block; font-weight:normal; font-size:16px;}
.index-product-nav li img{opacity:0.6;}
.index-product-nav li:first-child a,.index-product-nav li a:hover,.index-product-nav li a.active{background:#f4f4f4;}
.index-product-nav li a:hover img,.index-product-nav li a.active img{opacity:1.0;}
.index-product-nav li:first-child a,.index-product-nav li:first-child a:hover,.index-product-nav li:first-child a.active{color:#ff8a00;}
.index-product-nav li:nth-child(2) a:hover{color:#30c58e;}
.index-product-nav li:nth-child(3) a:hover{color:#0d4dc2;}
.index-product-nav li:last-child a:hover{color:#c63d8b ;}
/**/
.index-product-list{width:100%; position:relative; background:url("../img/icon_8.png"); overflow: hidden;padding:30px 0;}
.index-pro-img{width:40%; float:left; text-align: center;}
.index-pro-img:before{content:""; background:url("../img/icon_9.png") no-repeat center left; width:388px; height:288px; position:absolute; left:-388px;top:50px;}
.index-pro-tit{width:55%; float:right; overflow: hidden;padding-left:50px;}
.index-pro-tit h4{font-size:20px; font-weight:normal; display:block; padding-bottom:30px;}
.index-pro-tit h5{display:inline-block; font-weight:normal; font-size:14px; margin:5px;border:1px #ddd solid; border-radius: 3px; padding:0 10px; position:relative;color:#666;}
.index-pro-tit h5:before{content:""; width:3px; height:3px; background:#ccc; position:absolute; left:3px;top:10px;}
.pro-more{margin-top:20px; text-align:right;}
.pro-more a{color:#30c58e; position:relative;padding-right:60px;}
.pro-more a:before{content:""; width:40px; height:1px; background:#30c58e; position:absolute; right:0; top:10px;}
.pro-more a:after{content:""; width:10px; height:1px; background:#30c58e; position:absolute; right:0;top:6px; transform: rotate(45deg);}
/**/
.index-ind{width:100%; overflow: hidden;}
.index-ind h1{font-weight:normal; font-size:30px; display:inline-block;}
.index-ind h2{display:inline-block; font-weight:normal; font-family: PingFang; text-transform: uppercase; opacity: 0.8;font-size:16px; color:#30c58e;}
.index-ind ul{width:100%; padding-top:30px;}
.index-ind li{display:block;}
.index-ind li a{color:#fff;}
.index-ind li img{width:100%;}
.index-ind-li{margin:10px; overflow: hidden; position:relative;}
.index-ind li .index-ind-li-tit{position:absolute; bottom:8px; background:rgba(8,96,201,0.8); width:100%;padding:8px;}
.index-ind li h3{font-weight:normal;}
.index-ind li h4{font-weight:normal; text-transform: uppercase; opacity: 0.8;}
.index-ind .owl-item:first-child .index-ind-li-tit{background:rgba(227,71,90,0.8);}
.index-ind .owl-item:nth-child(2) .index-ind-li-tit{background:rgba(14,212,158,0.8);}
.index-ind .owl-item:nth-child(3) .index-ind-li-tit{background:rgba(3,131,229,0.8);}
.index-ind .owl-item:nth-child(4) .index-ind-li-tit{background:rgba(233,97,29,0.8);}
.index-ind .owl-item:nth-child(5) .index-ind-li-tit{background:rgba(220,106,131,0.8);}
.index-ind .owl-item:nth-child(6) .index-ind-li-tit{background:rgba(10,191,198,0.8);}
.index-ind .owl-item:nth-child(7) .index-ind-li-tit{background:rgba(255,138,0,0.8);}
.index-ind .owl-item:nth-child(8) .index-ind-li-tit{background:rgba(198,61,139,0.8);}
/**/
.index-news{width:100%; overflow: hidden;padding:30px 0;}
.index-news h1{font-weight:normal; font-size:30px; display:inline-block;color:#30c58e;}
.index-news h2{display:inline-block; font-weight:normal; font-family: PingFang; text-transform: uppercase; opacity: 0.8;font-size:16px;}
.index-news h6 a{float:right; background:url("../img/icon_10.png") no-repeat right center; height:27px; width:75px; background-size:100%;}
.index-news ul{width:100%; padding:30px 0; overflow: hidden;}
.index-news li{ width:50%; float:left;margin:15px 0; overflow: hidden;}
.index-news-li{margin:15px; overflow: hidden; position:relative;}
.index-news-tit{width:75%; float:left; overflow: hidden;}
.index-news-date{width:25%; float:left; text-align: center; font-family: Montserrat; font-size:14px;}
.index-news li h3{font-weight:normal; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.index-news li h3:before{content:"\2022"; color:#ffbc00;padding-right:5px;}
.index-news-info{opacity:0.7; padding-top:15px;color:#666; overflow: hidden;width:100%;height:65px;}
.index-news li h4{color:#5693cb; font-size:33px;opacity:0.3; font-weight:normal;}
.index-news li h5{border-top:1px #ddd dashed; font-weight:normal;display:inline-block;margin-top:10px;color:#999;}
/**/
.foot{width:100%; overflow: hidden; padding-top:60px; line-height:30px; background:#f2f2f2;}
.foot-nav,.foot-contact{width:50%; float:left;}
.foot-nav{border-right:1px #ccc dashed;}
.foot-nav li{width:calc(100%/3); float:left;}
.foot-nav li h1{font-weight:normal; font-size:16px;padding-bottom:15px;}
.foot-nav li a{display:block; opacity: 0.7; }
.foot-nav li  a:before{content:"\2022";  opacity: 0.5; padding-right:5px;}
.foot-lx{width:65%; float:left; overflow: hidden;padding-left:60px;}
.foot-lx h5{font-weight:normal; font-size:16px; color:#666;}
.foot-lx h6{font-size:16px; color:#3556bd;}
.foot-lx li{padding-left:30px;}
.foot-lx li:first-child{ background:url("../img/icon_11.png") no-repeat left 30px; }
.foot-lx li:nth-child(2){ background:url("../img/icon_12.png") no-repeat left 30px; }
.foot-lx li:nth-child(3){ background:url("../img/icon_13.png") no-repeat left 30px; }
.foot-ew{width:35%; float:left; text-align: center;}
.footer-cy{width:100%; overflow: hidden; line-height:40px;padding-top:0px;}
.footer-left{float:left; width:50%;}
.footer-right{width:50%; float:left; text-align: right;}
.footer-right a{display:inline-block;margin:3px;}
.footer-right a:after{content:"\007C";padding-left:6px;font-size:12px; color:#999;}
.footer-right a:last-child:after{content:"";}
/**/
.in-banner{width:100%; overflow: hidden; position:relative; background-size:100% auto; background-position: center; height:450px;}
.inbanner-tit{ position:absolute; top:160px; left:10px;}
.inbanner-tit h2{font-weight:normal; color:#fff; font-size:36px; text-shadow: 2px 2px 2px #033f6b; line-height: 45px;}
.in-banner img{display:none;}
/**/
.in-class{width:100%;  position:relative; line-height:35px;padding:0px 0;}
.in-site{float:right;background:#e6ebee;width:35%;padding:26px 10px; overflow: hidden;}
.in-site a{ padding:0 15px; position:relative;}
.in-site a:first-child{background:url(../img/icon_14.png) no-repeat center bottom; height:20px; width:20px;}
.in-site a:after{content:""; width:0; height:0;border-top: 3px solid transparent;border-left: 3px solid #666;border-bottom: 3px solid transparent;position:absolute; right:-4px;top:45%;}
.in-site a:last-child:after{opacity: 0;}
.in-nav{float:left; width:65%;background:#f2f2f2;padding:20px 10px;}
.in-nav ul{padding-left:20%; }
.in-nav li{display:inline-block;margin: 0 10px; position:relative;text-align: center;}
.in-nav li a{font-size:16px; display:block; }
.in-nav li a.active,.in-nav li a:hover{color:#0378cf;}
.in-nav li a:after{content:""; width:0; height:0; border-right: 5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #30c58e; position:absolute; bottom:-32px; left:38%; transition:all .4s ease; opacity:0;}
.in-nav li a.active:after,.in-nav li a:hover:after{opacity:1.0}
/**/
.pro-nav{float:left; width:100%;background:#f2f2f2;padding:20px 10px;}
.pro-nav  ul{padding-left:0;}
.pro-nav li{display:inline-block;position:relative; text-align: right;padding:0 0px;}
.pro-nav li a{ font-size:16px;color:#333;position:relative; padding:0 20px;}
.pro-nav li a:hover,.pro-nav li a.active{color:#0378cf;}
.pro-nav li .pro-a::after{content:"";display:inline-block;width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent;  border-left:5px solid #666;margin-left:20px;}
.pro-liNav{display:inline-block;position:relative;}
.pro-sub{position:absolute; top:55px; left:0; border-right:0px #ccc solid; padding:10px;border:1px #ddd solid;background:#fff;z-index: 9;display:none;width:100%;border-radius: 5px;}
.pro-nav li .pro-sub a{font-size:16px; display:block; padding:5px 10px;color:#333; border-bottom:1px dashed #ddd; line-height:35px; text-align: center;}
.pro-nav li .pro-sub a:last-child{border-bottom:0;}
.pro-nav li .pro-sub a:hover{color:#0378cf;}
.pro-nav li i{position:relative; cursor: pointer;}
.pro-nav li i:after{content:"";display:inline-block;width:0; height:0;border-top:5px solid #0378cf; border-left:5px solid transparent;  border-right:5px solid transparent;margin-left:20px; trnasition:all .4s;}
/**/
.container{width:100%; overflow: hidden; padding:30px 0 0;}
.in-tit{width:100%; overflow: hidden; text-align: center; line-height:35px;}
.in-tit h1{font-weight:normal;}
.in-tit h2{font-weight:normal; text-transform: uppercase; opacity: 0.5;}
.in-color{width:60px; margin:0 auto; background:none; height:3px;margin-bottom:10px;}
.in-color .c1{width:calc(100%/5); float:left;height:3px;animation-name: fadeInRight;animation-duration: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.in-color .c1:first-child{background:#db4511;}
.in-color .c1:nth-child(2){background:#eca717;}
.in-color .c1:nth-child(3){background:#f3db33;}
.in-color .c1:nth-child(4){background:#c0d630;}
.in-color .c1:nth-child(5){background:#7fbe25;}
/**/
.about-info{padding:30px;}
.about-info h1{font-weight:normal; font-size:20px; text-align: center;}
@keyframes fadeInRight{
	0%{
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
	100%{
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
/**/
.about-bg{width:100%; background:url("../img/icon_bg1.png") no-repeat left bottom;}
.about-cu1{width:100%; color:#fff; padding:50px; font-size:16px;margin-top:30px;}
.about-cu1 h3{font-size:20px;font-weight:normal; padding-bottom:20px;}
.about-cul2{width:100%; padding-top:30px; overflow: hidden;}
.about-cul2-li{width:calc(100%/3); float:left; text-align: center; overflow: hidden; display:block;color:#fff;}
.about-cul2-info{margin:40px; border-radius: 5px; overflow: hidden; position: relative;}
.about-cul2-img{width:100%;}
.about-cul2-img img{border-radius: 5px; width:100%;}
.about-cul2-tit{position:absolute; top:0; bottom:8px;padding:30px;border-radius: 5px;right:0;left:0; }
.about-cul2-li:first-child .about-cul2-tit{background:rgba(255,66,0,0.7);}
.about-cul2-li:nth-child(2) .about-cul2-tit{background:rgba(48,197,142,0.7);}
.about-cul2-li:nth-child(3) .about-cul2-tit{background:rgba(3,145,235,0.7);}
.about-cul2-li h4{padding-top:40px; font-size:20px; font-weight:normal; padding-bottom:30px;}
.about-cul3{width:100%; overflow: hidden;}
.about-cul3-li{width:calc(100%/2); float:left; text-align: center; overflow: hidden;}
.about-cul3-info{margin:30px; padding:50px 30px; border:1px #ddd solid; overflow: hidden; position:relative;border-bottom:0;}
.about-cul3-tit h4{ font-weight:normal; font-size:20px;padding-bottom:30px;}
.color1{height:5px; width:100%; background:none; position:absolute; bottom:-1px; left:0;right:0;}
.color1 .c2{width:calc(100%/6);height:5px;float:left;animation-name: fadeInRight;animation-duration: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.color1 .c2:first-child{background:#026eb2;}
.color1 .c2:nth-child(2){background:#67b040;}
.color1 .c2:nth-child(3){background:#f7e624;}
.color1 .c2:nth-child(4){background:#f5ab1b;}
.color1 .c2:nth-child(5){background:#e6031b;}
.color1 .c2:nth-child(6){background:#01adc1;}
/**/
.about-deve{width:100%; overflow: hidden; padding:30px 0;}
.about-deve li{width:100%; display:block; overflow: hidden; padding:20px 0; margin:20px 0; border-bottom:1px #ccc solid; line-height:30px;}
.about-deve li:last-child{border-bottom:0;}
.about-deve li .about-deve-liImg{float:left; width:45%;border-radius: 80px 0 0 0; overflow: hidden;}
.about-deve li .about-deve-li-tit{float:left; width:55%; overflow: hidden;padding:30px;}
.about-deve li:nth-child(2n) .about-deve-liImg{float:right;}
.about-deve-liInfo{padding-top:20px; font-size:16px;}
.about-deve li h3{font-size:24px; font-weight:normal;display:block; padding-bottom:20px;}
.about-deve li h4{font-size:24px; color:#0378cf; text-transform: uppercase; opacity:0.2;}
/**/
.hor-nav{width:100%; padding:30px 0; text-align: center;}
.hor-nav li{ display:inline-block;margin:10px; }
.hor-nav li a{display:block;border:1px #ccc solid; line-height:30px; padding:5px 15px; border-radius: 5px; transition:all .4s ease;}
.hor-nav li a:hover,.hor-nav li a.active{background:#30c58e; color:#fff; border:1px #30c58e solid;}
/**/
.about-hor{width:100%; padding:30px 0; overflow: hidden;}
.about-hor li{width:calc(100%/3); float:left; text-align: center;display:inline-block; overflow: hidden;}
.about-hor li a{display:block; margin:15px; border:1px #ddd solid;padding:20px;}
.about-hor li h5{font-weight:normal; font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;padding-top:10px;}
/**/
.about-video{width:100%;}
.about-video li{width:calc(100%/3); float:left; text-align: center;}
.about-video li .video-li{display:block; margin:15px; padding:0px; overflow: hidden; position:relative;}
.about-video li .video-li:after{content:""; width:0; background-color:rgba(0,0,0,0.3);background-image:url(../img/icon_15.png); background-position: center; background-repeat: no-repeat; position:absolute; top:0; bottom:38px; left:0; transition:all 0.4s ease;}
.about-video li h5{font-weight:normal; font-size:16px; line-height:30px;}
.about-video li .video-li:hover:after{width:100%;}
/**/
.about-his{width:100%; margin-bottom:60px;padding-top:30px; position:relative;padding-bottom:0px;background:url("../img/icon-his.png") repeat-x  center bottom;}
.about-his:after{content:"";  position: absolute; bottom:60px; left:0; right:0; height:23px;}
.about-his ul{padding:60px 0; margin:0;}
.about-his .owl-item{margin-top:100px;border-top:0px #f2f2f2 solid; position:relative;}
.about-his .owl-item:nth-child(2n) {margin-top:55px;}
.about-his .owl-item:nth-child(3n) {margin-top:10px;}
.about-his .owl-item:before{content:""; background:#f2f2f2; width:5px; height:45px; position:absolute; left:0;}
.about-his .owl-item:after{content:""; background:#f2f2f2; width:45px; height:5px; position:absolute; left:0;top:0;}
.about-his li{ font-size:16px; color:#666; overflow: hidden;padding:0;margin-top:0px; vertical-align: bottom;}
.about-his-li{margin:30px;height:auto;position:relative;}
.about-his-li:after{content:""; background:#ccc; height:100%; width:0px;position:absolute; left:25px; bottom:-600px;top:50px;transition: bottom 300ms;}
.about-his-date{font-size:30px; color:#0378cf;  font-family: Montserrat; line-height:60px; padding-bottom:0px;display:block;background:url("../img/icon_16.png") no-repeat left center;padding-left:60px;}
.about-his-date:before{content:"";  width:60px; height:60px;}
.about-his-info{padding-left:60px;}
/**/
.pro-cate{width:100%; overflow: hidden; padding:30px 0;}
.pro-cate ul{width:100%; overflow: hidden;}
.pro-cate li{width:calc(100%/3); float:left; text-align: center; line-height:30px;}
.pro-cate-li{margin:15px; border:1px #ddd solid;position:relative; overflow: hidden;}
.pro-cate-liImg{padding:10px;}
.pro-cate-liTit{padding:10px;}
.pro-cate li h3{font-weight:normal; text-align:left; position:relative;}
.pro-cate li h3:after{content:""; border-bottom:3px dotted #0378cf; position:absolute; right:0; width:30px;height:3px;bottom:10px;animation-name: fadeInRight;animation-duration: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/**/
.pro-info{width:100%; overflow: hidden;background:#f4f4f4;padding:30px; position:relative;}
.pro-info-img{width:45%; float:left; text-align: center; border-right:1px #ccc dashed;}
.pro-info-tit{width:55%; float:right; overflow: hidden; padding-left:50px;}
.pro-t{color:#0378cf; font-size:16px; padding:15px 0;}
.pro-info-tit h2{font-weight:normal; font-size:18px;}
.back{width:120px; border:1px #ccc solid; display:block; text-align: center; margin-top:20px; position:absolute; bottom:30px; line-height:40px;background:#f2f2f2;}
.back:before{content:"\27A4"; transform: rotate(180deg);display:inline-block; padding-left:5px;}
.proInfo{width:100%; overflow: hidden; margin:30px 0;padding-top:30px;}
.procon-left h3{font-weight:normal; font-size:20px;color:#842d88; position:relative; background:url("../img/icon_18.png") no-repeat left center;padding-left:40px;}
.procon-left{width:70%; float:left; padding:20px; overflow: hidden;border:1px #ddd solid;border-top:2px #ddd solid;}
.proCon-detail{width:100%; overflow: hidden; padding:30px; }
.procon-left h4{color:#0378cf; font-weight:normal; font-size:18px; padding:20px 0; }
.procon-left h4:nth-last-of-type(4){color:#ff4e84;}
.procon-left h4:nth-last-of-type(3){color:#71ad1d;}
.procon-left h4:nth-last-of-type(2){color:#39d8d1;}
.procon-left h4:nth-last-of-type(1){color:#f6c502;}
.procon-right{width:30%; float:left;}
.pro-mess{text-align:center;}
.pro-mess a{background:#0378cf; color:#fff; line-height:30px; display:block; width:200px; margin:20px auto;height:60px; padding:15px 0; font-size:16px; position:relative;}
.pro-mess a:before{content:""; background:url("../img/icon_19.png") no-repeat; width:19px; height:60px; position:absolute; left:-15px; top:0;}
.pro-mess a:after{content:""; background:url("../img/icon_20.png") no-repeat; width:19px; height:60px; position:absolute; right:-15px; top:0;}
.pro-mess a:hover{color:#30c58e;}
/**/
.pro-rec{width:100%; overflow: hidden;padding:15px;}
.pro-rec li{border:0px #ddd solid;margin-bottom:15px; text-align:center;padding:25px;}
.pro-rec li h3{font-weight:normal; background:#f2f2f2;padding:15px 0;}
/**/
.in-news-list{width:100%; padding:30px 0; overflow: hidden;}
.in-news-list ul{width:100%;overflow: hidden;}
.in-news-list li{width:100%; overflow: hidden;padding:15px 0; margin:15px 0; border-bottom:1px #ddd solid; position:relative;}
.in-news-list li:nth-child(1),.in-news-list li:nth-child(2),.in-news-list li:nth-child(3){width:33%; float:left;border-bottom:0;}
.in-news-list li:nth-child(1) .in-news-liImg,.in-news-list li:nth-child(2) .in-news-liImg,.in-news-list li:nth-child(3) .in-news-liImg{width:100%;}
.in-news-list li:nth-child(1) .in-news-liTit,.in-news-list li:nth-child(2) .in-news-liTit,.in-news-list li:nth-child(3) .in-news-liTit{width:100%;height:90px;}
.in-news-list li:nth-child(1) h4,.in-news-list li:nth-child(2) h4,.in-news-list li:nth-child(3) h4{display:none;}
.in-news-list li:nth-child(1) h5,.in-news-list li:nth-child(2) h5,.in-news-list li:nth-child(3) h5{display:none;}
.in-news-li{margin:15px;}
.in-news-liImg{width:30%; float:right;height:244px; overflow: hidden;margin-bottom:15px;}
.in-news-liImg img{max-height:100%; max-width:100%; overflow: hidden;}
.in-news-liTit{width:70%; float:left; overflow: hidden;padding-right:30px;}
.in-news-li-info{padding-top:10px; color:#666; opacity: 0.8;}
.in-news-list li h3{font-size:18px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in-news-list li h4{font-size:16px; color:#0378cf; font-family: Montserrat; font-weight:normal; padding-top:20px;}
.in-news-list li h5{width:35px; height:35px; border:1px #ddd solid;margin-top:15px; position:relative;}
.in-news-list li h5:before{content:""; background:#ccc; width:15px; height:1px; position:absolute; top:10px;left:10px; transform: rotate(40deg);}
.in-news-list li h5:after{content:""; background:#ccc; width:15px; height:1px; position:absolute; top:19px;left:10px; transform: rotate(-40deg);}
.newsInfo{width:100%; padding: 30px;  overflow: hidden;}
.newsInfo h1{font-weight:normal; text-align: center; line-height:35px; padding-bottom:20px;}
.news-date1{width:100%; padding:20px 0; overflow: hidden;}
.news-date1 span{display:inline-block; margin-right:15px;color:#999;}
.news-date1 span em{font-style:normal;display:inline-block; font-size:16px;font-family: Montserrat; opacity: 0.6;padding-left:5px;}
.back-a{width:120px; border:1px #ccc solid; display:block; text-align: center; float:right; margin-top:20px;  line-height:40px;background:#fff;}
.back-a:before{content:"\27A4"; transform: rotate(180deg);display:inline-block; padding-left:5px;}
.news-detail{padding:80px; background:#f4f4f4;}
/**/
.in-partner{width:100%; padding:30px 0; overflow: hidden;}
.in-partner li{width:calc(100%/7); float:left; overflow: hidden; display:block;border:0px #eee solid;}
.in-par-li{ text-align: center;padding:3%;box-sizing: border-box;box-shadow: 0px 8px 18px #f2f2f2;margin:15px; transition:all .7s;}
.in-partner li img{ vertical-align: middle;transition:all .7s;}
.in-partner li:hover .in-par-li{box-shadow: 0px 8px 10px #f2f2f2;}
.in-partner li:hover img{transform:scale(0.9);}
/**/
.job-list{width:100%; padding:30px 0;overflow: hidden;}
.job-list ul{border:1px #ddd solid;}
.job-list li{width:100%;display:block; overflow: hidden;  padding:20px 0;}
.job-top{background:#f2f2f2;padding:30px 0; font-size:16px;}
.info{border-bottom:1px #ddd dashed;}
.info:last-child{border-bottom:0;}
.job-list .job-li{width:calc(100%/4); float:left; overflow: hidden;text-align: center;}
.info1{width:100%; overflow: hidden; cursor: pointer;}
.info2{width:100%; overflow: hidden; background:#fff;padding:30px;display:none;border-top:1px #ddd solid;margin-top:20px;}
.info2 h3{font-weight:normal; padding:15px 0;}
.job-list li:hover .more{color:#0378cf;}
/**/
.in-contact{width:100%; padding:30px 0; overflow: hidden;}
.in-contact-list{width:45%; margin:2%; background:#f4fff1; display:inline-block; vertical-align: top; padding:30px; overflow: hidden; line-height:35px; min-height: 350px;}
/**/
.in-mess{width:100%; padding:30px 0; overflow: hidden;}
.in-mess h4{font-weight:normal; font-size:16px; padding-bottom:30px;}
.in-mess form{width:100%;}
.in-mess form label{width:100%;display:block;padding:10px 0;}
.in-mess form label em{display:inline-block;color:#CF0505; font-style: normal;padding-left:5px;}
.in-mess form input{display:block;margin:15px 0;}
.in-text{display:block;border:1px #ddd solid; background:#f4f4f4; line-height:30px; padding:5px;width:60%; border-radius: 5px;}
.in-input{width:60%; border:1px #ddd solid; background:#f4f4f4; line-height:30px; padding:5px;border-radius: 5px;}
.in-btn{background:#30c58e; color:#fff; padding:10px 30px;border-radius: 5px;font-size:16px;display:block;}
.in-btn:hover{background:#3556bd;cursor: pointer;}
/**/
.in-app{width:100%; padding:30px 0; overflow: hidden;position:relative;}
.in-app li{width:100%;background:#f4f4f4; overflow: hidden;margin:25px 0;height:450px;flex-direction: row;display: flex;position:relative;}
.in-app-li{width:100%;}
.in-app-li-img{width:65%; float:left;color:#fff;display: flex;}
.in-app-li-tit{float:left; width:35%; overflow: hidden; padding:30px;}
.in-app-img{width:calc(100%/8);float:left; position:relative;flex: 1;-webkit-box-flex: 1;transition: all 1s ease; overflow: hidden;vertical-align: top; display:inline-block;display: flex;justify-content: center;align-items: center;height:100%;}
.in-app-ban{ background-size: cover;width:100%;height:450px; position:relative;background-position: center;background-repeat: no-repeat;}
.in-app-ban:before{content:""; position:absolute; top:0;left:0;bottom:0; right:0;width:100%;background:rgba(0,0,0,0.3);}
.in-app li a{color:#fff;vertical-align: top;}
.in-app-text{position:absolute; top:0;left:30%; vertical-align: top; width:30px;height:100%;transition:all .4s ease;}
.in-app li h4{font-size:20px;padding-top:100px;}
.in-app li h6{ height:20px; width:20px; }
.in-app li h6:before{content:"";background:#fff; width:10px; height:2px; position:absolute; bottom:30px;}
.in-app li h6:after{content:"";background:#fff; width:2px; height:10px; position:absolute; bottom:26px;left:4px;}
.in-app li h5{font-weight:normal; font-size:18px;padding-top:20px;}
.in-app-info{position:absolute;top:0;left:10%; display:none;height:100%; transition:all .6s ease;}
.in-app li .in-app-li-img .in-app-img[data-on="on"]{flex:8;}
.in-app li .in-app-li-img .in-app-img[data-on="on"] .in-app-text{display:none;}
.in-app li .in-app-li-img .in-app-img[data-on="on"] .in-app-info{display:block;}
.in-app-li-tit h3{font-weight:normal; font-size:20px; padding-bottom:20px;}
.in-app li:nth-child(2n) .in-app-li-img{ float:right;}
.app-info{width:100%; overflow: hidden;padding:30px 0;}
.app-info-tit{width:30%; float:left;overflow: hidden; padding-bottom:20px;}
.app-info-tit h1{font-weight:normal; position:relative;line-heihgt:40px; font-size:24px;}
.app-info-tit h1:after{content:""; width:30px; height:5px; background:#0378cf; position:absolute; left:0; bottom:-20px;}
.app-info-detail{width:70%; float:left; overflow: hidden; padding:10px;}
.app-detail{width:100%; overflow: hidden;padding:30px 0;}
/**/
.sitemap{width:100%; padding:80px 0 20px; overflow: hidden;}
.sitemap li{width:100%; overflow: hidden; display:block;margin:15px 0;}
.sitemap li h1{display:block; font-weight:normal; font-size:16px; background:#f4f4f4; line-height:30px;padding:15px;border-bottom:2px #ddd solid; }
.sitemap-nav{padding:20px; overflow: hidden;}
.sitemap-nav a,.sitemap li a{display:inline-block; margin:10px;}
/**/
.city-main{width:100%; overflow: hidden; border-bottom:1px #ddd solid;padding-bottom:10px;color:#666;padding-top:30px;}
.city-main h6{font-size:14px; font-weight:normal;width:70px; float:left; overflow: hidden;}
.city-a{width: calc(100% - 80px); float:left;}
.city-a a{margin:0 5px; display:inline-block; position:relative;color:#666;}
.city-a a:after{content:"\2013";padding-left:5px;}
.city-a a:last-child:after{display:none;}
@media screen and (max-width:1440px){
	.main{width:1200px;}
	.nav ul li > a{margin:0 15px; font-size:16px;}
	.head-left{float:left; position:relative;width:calc(100% - 150px); -webkit-width:calc(100% - 150px);  -moz-width:calc(100% - 150px);-o-width:calc(100% - 150px);}
	.t-right{width:150px;}
}
@media screen and (max-width:1024px){
	.main{width:100%;padding:0 5px;}
	.head-logo img{padding:0 10px;}
	.nav ul li > a{font-size:14px;}
	.my-search{width:90%;}
	.in-banner{background:none!important; height:auto;}
	.in-banner img{display:block;}
	.inbanner-tit{top:50px;}
	.inbanner-tit h2{font-size:18px;}
	.in-nav,.in-site,.pro-nav{width:100%;}
	.pro-nav .pro-a{padding-left:10px;}
	.pro-sub{top:75px;}

}
@media screen and (max-width:992px){
	body{padding-top:0px;}
	.top{height:135px;position:relative; overflow: hidden;background:#fff;}
	.head-logo{background:#0378cf;}
	.nav,.T-nav{background:#f2f2f2;width:100%;padding:5px 0; overflow: hidden;z-index: 3000;}
	.nav ul li{width:calc(100%/4);}
	.nav ul li > a{line-height:35px;margin:0;color:#333;}
	.nav ul li > a:hover{color:#000}
	.nav ul li:after{display:none;}
	.nav ul li:hover .sec-nav{display:none;}
	.head-left{width:100%;}
	.head-logo{overflow:hidden;height:45px;width:100%;margin-bottom:0px;padding:0px 0;}
	.head-logo a{}
	.head-logo img{margin-top:1px;margin-left:0px;height:40px; width:auto;float:left;padding:0 10px;}
	.t-right{height:45px;min-width:60px;width:80px; position:absolute;right:0;top:0px;border-radius: 15px 0 0 15px;padding:0;}
	.t-sear{display:none}
	.t-right a{line-height:45px; font-size:14px;}
	.t-lang{padding:0 5px;}
	/*	*/
	.index-nav-tit,.index-product-nav ul{width:100%; text-align:left;}
	.index-pro-img,.index-pro-tit,.foot-nav,.foot-contact{width:100%; transition:all .4s;padding:0; }
	.foot-lx{padding:0;}
	.foot-nav li{text-align: center;}
	.foot-nav li a{display:none;}
	/*	*/
	.about-cul2-info{margin:10px;}
	.pro-cate li{width:50%;}
	.pro-info-img,.pro-info-tit{width:100%;padding:10px;}
	.procon-left{width:100%;}
	.procon-right{display:none;}
	.back{position:relative;top:0;}
	.in-app-li-img,.in-app-li-tit{width:100%;}
	.in-app li{ height:auto;}
	.in-partner li{width:calc(100%/4)}
	.in-contact-list{width:100%;}
	.in-input,.in-text{width:90%;}
	.in-site{display:none;}
	.in-nav{width:100%;}
	.city-main{display:none;}
	.in-news-liImg{height:auto;}
	.in-news-li-info{height:55px; overflow: hidden;}

}
@media screen and (max-width:567px){
	.index-nav-tit{width:100%;display:none;}
	.index-product-nav ul,.index-news li{width:100%;}
	.index-product-nav li{width:50%; float:left;}
	.index-product-nav li:nth-child(2):after{display:none;}
	.foot-nav{border-right:0;}
	.foot-nav li{display:inline-block;}
	.foot-nav li a{display:none;}
	.foot-nav li h1{border-bottom:1px #ddd solid;}
	.foot-lx{padding:0; width:100%;display:none;}
	.foot-ew{width:100%; text-align: center;display:none;}
	.footer-left,.footer-right{width:100%; text-align: center;}
	.about-info{padding:5px;}
	.in-nav ul{padding-left:0; }
	.in-nav li{width:calc(100%/3); float:left;margin:0;}
	.in-nav li a:after{bottom:0;left:45%;}
	.inbanner-tit{display:none;}
	.about-cul2-li{width:100%;}
	.about-cul2-li h4{padding:10px;}
	.about-cul3-li{width:100%;}
	.about-deve li .about-deve-liImg{width:100%;border-radius: 10px 0 0 0;}
	.about-deve li .about-deve-li-tit{ width:100%; }
	.about-hor li{width:50%;}
	.about-hor li a{margin:5px; padding:3px;}
	.pro-cate li,.app-info-tit,.app-info-detail{width:100%;}
	.in-news-list li:nth-child(1),.in-news-list li:nth-child(2),.in-news-list li:nth-child(3){width:100%; float:left;border-bottom:0;}
	.in-news-list li .in-news-liImg,.in-news-liTit{width:100%; overflow: hidden;padding:0;}
	.newsInfo,.news-detail{padding:15px;}
	.in-partner li{width:calc(100%/3)}
	.in-par-li{margin:5px;}
	.pro-nav{padding:0;}
	.pro-nav  ul{padding-left:0;}
	.pro-nav li{text-align: center;display:inline-block;}
	.index-news h6{display:none;}
	.index-product-nav li h4{font-size:14px;}
	.index-product-nav li a{padding:10px 0;}
	.proCon-detail{padding:0px;}
	.sitemap{padding:10px 0;}
}