@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:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	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: #fff;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: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.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;}
.pad100{padding:100px 0;}
.pad90{padding:90px 0;}
.pad70{padding:70px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:76%;margin: auto;}
@media (max-width:1466px) {
.container {width: 84%;}
}
@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: 'DIN';
    src: url('../fonts/DIN-Medium.eot');
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Medium.woff2') format('woff2'),
        url('../fonts/DIN-Medium.woff') format('woff'),
        url('../fonts/DIN-Medium.ttf') format('truetype'),
        url('../fonts/DIN-Medium.svg#DIN-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
header{ position:fixed;top:0;left:0;width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.5); z-index:3;}
.logo img{width:145px;}
nav{text-align:right;margin-top: 13px;}
nav li{ position:relative; display:inline-block;margin-left:30px;}
nav li>a{font-size:16px;display:block;color:#fff;}
nav li>a.cur,nav li>a:hover{font-weight:bold;}
nav li div{padding-top: 18px;position:absolute;top:100%;left: 50%;width: 140px;transform: translateX(-50%);display:none;  text-align:center;z-index: 1;}
nav li div a{background-color:rgba(255,255,255,0.6);display:block;padding:16px 5px;border-bottom: 1px dashed rgba(255,255,255,0.6);font-size:15px;}
nav li div a:first-child{border-radius:10px 10px 0 0;}
nav li div a:last-child{border-radius:0 0 10px 10px;border-bottom:0;}
nav li div a:hover{ background-color:rgba(255,255,255,0.8);color:#222;}
nav li:hover div{ display:block;}
header.scollfox{ background-color:#222;border-bottom:0;}
.banners{ display:none;}
.banner .owl-buttons{position:absolute;bottom:40px;right:12%;}
.banner .owl-buttons .owl-prev{width:50px;height:50px;border:1px solid #fff; background:url(../images/icon1.png) no-repeat center center; background-size:100%;font-size:0; display:inline-block;border-radius:50%;-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-buttons .owl-next{width:50px;height:50px;border:1px solid #fff;background:url(../images/icon2.png) no-repeat center center; background-size:100%;font-size:0; display:inline-block;margin-left:15px; position:relative;border-radius:50%;-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-buttons .owl-prev:hover{background-position: -6px;}
.banner .owl-buttons .owl-next:hover{background-position: 6px;}
.banner .owl-pagination{position:absolute;bottom:60px;left:12%;width:34px; text-align:center;}
.banner .owl-pagination .owl-page{opacity:0.5;margin:20px 0;font-size:20px;color:#fff;}
.banner .owl-pagination .owl-page span:after{width:1px;height:0; background-color:#fff;content:'';margin:20px auto;display:block;-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 .owl-page.active{opacity:1;}
.banner .owl-pagination .owl-page.active span:after{height:60px;}
.banner .owl-pagination .owl-page:last-child.active span:after{height:0px;}
.h_product{ background:url(../images/bg1.jpg) no-repeat center center; background-size:cover;}
.h_title h2{color:rgba(255,255,255,0.4);font-size:28px;}
.h_title p{color:#fff;font-size:64px;font-family: 'DIN';}
.h_productnav{margin-top: 37px;}
.h_productnav .con{display:inline-block;}
.h_productnav a,.newtit .right a,.abouttit a{ display:inline-block;margin-left:30px; position:relative;color:rgba(255,255,255,0.5); cursor:pointer;}
.h_productnav a:before,.h_casenav a:before,.newtit .right a:before,.abouttit .right a:before{content:''; display:inline-block;width:0;height:1px; background-color:#fff; display:inline-block;margin-right:5px; vertical-align:middle;-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;}
.h_productnav a.on:before,.h_casenav a.on:before,.newtit .right a.cur:before,.abouttit .right a.cur:before{width:30px;}
.h_productnav a.on,.h_productnav a:hover,.h_casenav a.on,.h_casenav a:hover,.newtit .right a:hover,.newtit .right a.cur, .abouttit .right a.cur{color:#fff;}
.h_productlist,.h_caselist{ display:none;}
.h_productlist dl{float:left;width:32.6666%;}
.h_productlist dl a{ display:block; position:relative;}
.h_productlist dl dt img{height:600px;width:100%;object-fit: cover;}
.h_productlist dl dd{flex-direction: column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0; background-color:#fff; display:flex;padding:20px; opacity:0;}
.h_productlist dl dd h5{color:#202020;font-size:24px; text-align:center;}
.h_productlist dl dd img{width:64px;height:64px;border:1px solid #8f8f8f;border-radius:50%; display:block;margin:20px auto 0;}
.h_productlistcenter{margin:0 0.32%;float:left;width:32.6666%;}
.h_productlistcenter dl{width:100%;margin-bottom:10px;}
.h_productlistcenter dl dt img{height:295px;}
.h_productlist dl dd img:hover,.h_case .left .more img:hover,.h_about .more:hover img,.h_join .more:hover img,.h_new .left .more:hover img{border-color:#202020;transform:rotate(62deg);
-ms-transform:rotate(62deg); 	/* IE 9 */
-moz-transform:rotate(62deg); 	/* Firefox */
-webkit-transform:rotate(62deg); /* Safari 和 Chrome */
-o-transform:rotate(62deg);}
.h_productlist dl a:hover dd{ opacity:1;}
.h_case{ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;}
.h_case .left{width:254px; position:relative;}
.h_case .right{width:calc(100% - 274px);margin-left:20px;}
.h_casenav{max-height:360px;overflow-y:scroll;}
.h_casenav::-webkit-scrollbar { width:8px;  height: 8px; background-color:transparent;}  
.h_casenav::-webkit-scrollbar-track  { border-radius: 10px; background-color:transparent;}  
.h_casenav::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F;}
.h_casenav a{ display:block;margin-bottom:30px;position:relative;color:rgba(255,255,255,0.5); cursor:pointer;}
.h_case .left .more{ position:absolute;bottom:0;left:0;} 
.h_case .left .more img{width:64px;height:64px;border:1px solid rgba(255,255,255,0.5);border-radius:50%; display:block;}
.h_case .left .more img:hover,.h_about .more:hover,.h_join .more:hover,.h_new .left .more:hover{border-color:#fff;}
.h_case .container{ display:flex;}
.h_case .right .swiper-slide{ position:relative;}
.h_case .right .swiper-slide .info{ background-color:rgba(255,255,255,0.8);padding:30px; position:absolute;bottom:0;left:0;width:100%;}
.h_case .right .swiper-slide .info h5,.caseC1 .info h5{font-size:24px;font-weight:bold;color:#202020;}
.h_case .right .swiper-slide .info h5 span,.caseC1 .info h5 span{ font-weight:500; display:inline-block;margin-left:10px;font-size:16px;}
.h_case .right .swiper-slide .info p,.caseC1 .info p{margin-top:20px;color:#5a5a5a;line-height:22px;height:44px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.h_case .right .btns{ position:absolute;right:30px;bottom:100px;z-index: 1;}
.h_case .right .swiper-button-prev,.h_newsaozuo .swiper-button-prev{ position:initial;width:auto;height:auto;margin:0;display:inline-block;}
.h_case .right .swiper-button-next,.h_newsaozuo .swiper-button-next{position:initial;width:auto;height:auto;margin-left:10px; display:inline-block;}
.h_case .right .swiper-button-prev:after,.h_case .right .swiper-button-next:after{ display:none;}
.h_block4{ display:flex;min-height:calc(100vh - 70px);}
.h_block4 .container{width:100%;}
.h_about{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;width:60%;padding:70px 2% 70px 12%;}
.h_about .container{height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.h_join{ background:url(../images/bg4.jpg) no-repeat center center; background-size:cover;width:40%;padding:70px 12% 70px 2%;}
.h_about .info{max-height:125px;line-height:25px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient: vertical;color:rgba(255,255,255,0.5);}
.number{margin-top:50px;padding-top:50px;border-top:1px solid rgba(255,255,255,0.5);}
.number li{margin-right:40px; display:inline-block;color:rgba(255,255,255,0.5);}
.number li h5 span{font-size:48px;font-weight:bold;font-family:'DIN';vertical-align:text-top;line-height: 1;color:#fff;margin-right:6px;}
.number li p{margin-top:10px;}
.h_about .more,.h_join .more,.h_new .left .more{width: 64px;height: 64px;border: 1px solid rgba(255,255,255,0.5);border-radius: 50%;}
.h_join .h_title{margin-top:46px;}
.h_join .h_title a{font-size:40px;font-weight:bold;color:#fff;}
.h_join .info{max-height:125px;line-height:25px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient: vertical;color:rgba(255,255,255,0.5);margin-top:50px;}
.h_join .container{height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.h_new{ background:url(../images/bg5.jpg) no-repeat center center; background-size:cover;}
.h_new .container{ display:flex;min-height:calc(100vh - 210px);justify-content: space-between;}
.h_new .left{width:60%;display: flex;justify-content: space-between;flex-direction: column;}
.h_about .more,.h_new .left .more{margin-top:20px;}
.h_new .right{width:34%;display: flex;justify-content: space-between;flex-direction: column;}
.h_new .right li{height:48%;}
.h_new .right li:last-child{margin-bottom:0;}
.h_new .right li a{background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; display:block;padding:50px 35px;height: 100%;}
.h_new .right li h2{font-size:24px;font-weight:bold;color:#fff;}
.h_new .right li p{font-size:48px;color:rgba(255,255,255,0.3);font-family:'DIN';font-style: italic;letter-spacing: -3px;}
.h_new .right li span{margin-top:80px; display:block;color:#fff;}
.h_new .right li:nth-child(2) a{background:url(../images/bg7.jpg) no-repeat center center; background-size:cover; display:block;padding:50px 35px;}
footer{background-color: #fff;height:446px; position:fixed;width:100%;bottom:0; z-index:-1;}
.foot{padding:60px 0 40px; display:flex;justify-content: space-between;}
.foot .left{width:33%;}
.foot .right{width:63%;}
.map{height:100%;filter: grayscale(1) contrast(1) brightness(1);}
.footlogo {width:151px;}
.foot .left h2{font-size:24px;font-weight:bold;color:#202020;margin-top:80px;}
.footaddress{color:rgba(32,32,32,0.6);margin-top:20px;}
.foot .left .con{margin-top:30px;}
.foot .left .con p{margin:10px 0;}
.bq{ text-align:center;color:rgba(32,32,32,0.5);padding:20px 10px;font-size:12px;}
.bq span{display:inline-block; margin:0 6px;}
.bq span a{color:rgba(32,32,32,0.5);}
body{margin-bottom:446px;}
.site{ background-color:#2d2d2d;color:#999999;padding:18px 0;}
.site a{color:#999999;}
.site a:last-child{color:#fff;}
.public{ background-color:#202020;}
.abouttit .right{ text-align:right;line-height:26px; text-align:right;color:rgba(255,255,255,0.3);padding: 10px 0;}
.aboutC,.newmainC article,.productC .right,.join2{line-height:34px;font-size:17px;color:rgba(255,255,255,0.7);}
.aboutC img,.newmainC article img,.productC .right img,.join2 img{max-width:100%;}
.newC dl a{ display:block; overflow:hidden;padding:50px 0;border-bottom:1px solid rgba(255,255,255,0.2);}
.newC dl dt{width:127px;float:left;color:rgba(255,255,255,0.5);}
.newC dl dd{float:right;width:calc(100% - 127px);}
.newC dl dt p{font-size:28px;}
.newC dl dd h5{font-size:24px;color:#fff;}
.newC dl dd p{margin-top:24px;height:54px;line-height:26px;color:rgba(255,255,255,0.7);text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.newC dl a:hover{ background:#fff url(../images/bg8.png) no-repeat top left; background-size:auto 80%;padding:50px;}
.newC dl a:hover dt,.newC dl a:hover dd h5{color:#202020;}
.newC dl a:hover dd p{color:rgba(32,32,32,0.7);}
.pagelist{ text-align:center; margin-top:60px;}
.pagelist li{display:inline-block;margin:0 3px;}
.pagelist li a,.pagelist li span{display:block;padding:7px 13px;color:#fff;background-color:#2f2f2f;border-radius:50%;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{background-color:#fff;color:#202020;}
.newmaintitle h1{float:left;color:#fff;font-size:36px;width:calc(100% - 170px);}
.newmaintitle time{float:right;color:rgba(255,255,255,0.5);margin-top:10px;}
.newmainC article{margin-top:30px;}
.prenext{margin-top:50px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.2);}
.prenext p{width:50%;float:left;}
.prenext a{ display:block;color:rgba(255,255,255,0.5);}
.prenext p:last-child{ text-align:right;}
.prenext a:hover{color:#fff;}
.grid li{display:block;float:left;margin:0 1% 20px;width:31.333%;}
.grid li a{ display:block; position:relative; overflow:hidden;color:#202020;}
.grid li h5{padding:13px 25px;position:absolute;background-color:#fff;bottom:-47px;left:0;width:100%;text-align:center;}
.grid li a:hover{ box-shadow:0 0 10px #ccc;}
.grid li a:hover h5{bottom:0;}
.productC .left{width:390px; position:sticky;top:66px;left:0;}
.productC .right{width:calc(100% - 430px);}
/* .productC .right img{width:100%;}*/
.productC .left h1{font-size:30px;color:#fff;}
.productC .left h1:before{width:34px;height:1px; background-color:#fff;margin-right:14px; vertical-align:middle;content:''; display:inline-block;}
.productC .left .con{margin-top:26px;color:rgba(255,255,255,0.7);line-height:30px; text-align:justify;max-height:calc(100vh - 290px); overflow-y:scroll;padding-right: 10px;margin-right: -10px;}
.proprenext{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.2);}
.proprenext p{margin:10px 0;}
.proprenext p a{ display:block;color:rgba(255,255,255,0.5);overflow:hidden;}
.proprenext p a:hover{color:#fff;}
.productC .left .con::-webkit-scrollbar { width:8px;  height: 8px; background-color:transparent;}  
.productC .left .con::-webkit-scrollbar-track  { border-radius: 10px; background-color:transparent;}  
.productC .left .con::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color:rgba(255,255,255,0.7); }
.caseC1{margin-bottom:30px;}
.caseC1 a{ display:block; position:relative;overflow:hidden;}
.caseC1 .info{ position:absolute;background-color: rgba(255,255,255,0.8);padding: 30px;bottom:30px;left: 0;width:80%;}
.caseC1 a:hover img,.caseC dl a:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.caseC dl{float:left;width:48%;margin:0 1% 30px;}
.caseC dl dt{overflow:hidden;}
.caseC dl dd{font-size: 24px;font-weight: bold;color: #fff;padding:26px 20px;}
.caseC dl dd span{font-weight: 500;color: #fff;display: inline-block;margin-left: 10px;font-size: 16px;}
.join1{ background:url(../images/bg9.jpg) no-repeat center center; background-size:100% 100%;padding:70px 51% 70px 10%;}
.join1 h2{font-size:40px;color:#fff;font-weight:bold;}
.join1 .con{margin-top:40px;color:rgba(255,255,255,0.5);line-height:30px;}
.map2{height:100%;}
.contactC { display:flex;}
.contactC .left{width:400px;}
.contactC .right{width:calc(100% - 450px);margin-left:50px;}
.contactC .left h2{font-size:24px;color:#fff;}
.contactC .left .con{color:rgba(255,255,255,0.7);margin-top:20px;line-height:30px;}
.contactC .left .code{margin-top:80px; text-align:center;}
.contactC .left .code li{float:left;width:160px;margin:0 20px 0 0;color:rgba(255,255,255,0.4);}
.contactC .left .code li img{width:100%;margin:10px auto 0;}
.h_caselist .thumbsSlider .swiper-slide{position:relative;}
.h_caselist .thumbsSlider .swiper-slide:after{content:''; display:block;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.6); position:absolute;}
.h_caselist .thumbsSlider .swiper-slide-thumb-active:after{background-color:rgba(0,0,0,0);}
.h_newC{ background:#fff url(../images/bg10.png) no-repeat top left; background-size:auto 50%;padding:37px 32px 30px;}
.h_newtop h5{margin-top: 40px;font-size:24px;font-weight:bold;color:#202020;float:left;width:calc(100% - 120px);}
.h_newtop time{float:right; text-align:center;width:68px;color:#202020;font-family:'DIN';line-height:1;}
.h_newtop time b{font-size:64px;}
.h_newtop time p{font-size:12px;margin-top:4px;}
.h_newC .summary{margin-top:38px;color:#666666;height:50px;line-height:25px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical}
.h_newsaozuo{margin-top:88px;padding-top:20px;border-top:1px solid #eaeaea; overflow:hidden;}
.h_newsaozuo .swiper-pagination{float:left;font-size:24px;color:rgba(32,32,32,0.5);font-family:'DIN';width:auto;position: initial;}
.h_newsaozuo .btns{float:right;}
.h_newsaozuo .swiper-button-prev:after,.h_newsaozuo .swiper-button-next:after{ display:none;}
.h_newsaozuo .swiper-button-prev,.h_newsaozuo .swiper-button-next{ opacity:0.7;}
.h_newsaozuo .swiper-button-prev:hover,.h_newsaozuo .swiper-button-next:hover{opacity:1;}
.phoneshow{ display:none;}






.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:2px;width:50px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}
.phonelanguage a{width: 35%;}
.bottomtel a img{width:23px; display:inline-block; vertical-align:middle;margin-right:6px;}
.bottomtel{ display:none; background-color:#1373f7;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:55px;}
.bottomtel a:nth-child(2){ background-color:#3085f9;}
.bottomtel,.bottomtelh{ display:none;}






@media(max-width:1466px){
	.h_title p {font-size: 50px;}
	.h_productnav a, .newtit .right a {margin-left: 20px;}
	html, body {font-size: 15px !important;}
	.h_case .right .swiper-slide .info h5, .caseC1 .info h5,.h_newtop h5{font-size: 22px;}
	.h_new .right li p {font-size: 40px;}
	.h_productlist dl dt img {height: 500px;}
	.h_productlistcenter dl dt img {height: 245px;}
	.h_productlist dl dd h5 {font-size: 20px;}
	.h_casenav a {margin-bottom: 24px;}
	.aboutC, .newmainC article, .productC .right, .join2 {font-size: 16px;}
	.newmaintitle h1 {font-size: 30px;}
	.BMap_Marker>div>img,.BMap_noprint{width:70px !important;height:85px !important; background-size:100% !important;}
	
}
@media(max-width:1199px){
	.banner .owl-pagination {bottom: 24px;left: 2%;}
	.banner .owl-pagination .owl-page { margin: 10px 0;font-size: 16px;}
	.banner .owl-pagination .owl-page span:after { margin: 10px auto;}
	.banner .owl-pagination .owl-page.active span:after {height:40px;}
	.banner .owl-buttons {bottom: 30px;right: 2%;}
	.h_title p {font-size: 44px;}
	.number li h5 span {font-size: 40px;}
	.h_join .h_title a {font-size: 34px;}
	.h_about .more, .h_join .more, .h_new .left .more,.h_case .left .more img,.h_productlist dl dd img{width: 50px;height: 50px;}
	.h_about .more img, .h_join .more img, .h_new .left .more img{width:100%;}
	
}
@media(max-width:991px){
	.bannerb,nav{ display:none !important;}
	.mobile-inner,.banners{ display:block !important;}
	.h_case .right .swiper-slide .info p,.site,.newtit .right { display:none;}
	.h_title p {font-size: 35px;}
	.h_title h2 {font-size: 24px;}
	.h_productnav a, .newtit .right a {margin-left: 13px;}
	.h_productlist dl dt img {height:400px;}
	.h_productlistcenter dl dt img {height:195px;}
	.h_case .right .swiper-slide .info {padding: 15px;}
	.h_case .right .swiper-slide .info h5, .caseC1 .info h5, .h_newtop h5 {font-size: 19px;}
	.h_case .right .swiper-slide .info h5 span, .caseC1 .info h5 span {font-size: 14px;}
	.h_join .h_title a {font-size: 30px;}
	.h_block4 {display: block;min-height: auto;}
	.h_about,.h_join{width: 100%;padding: 60px 0 60px; display: block;}
	.h_block4 .container{width:750px;}
	.h_about .info {margin-top: 40px;}
	.h_join .h_title {margin-top: 0;}
	.h_join .more,.h_newC{margin-top: 40px;}
	.h_new .left,.newmaintitle h1,.contactC .left{width: 100%;}
	.h_new .container {display: block;min-height: auto;}
	.h_new .right {width: 100%;display: block;margin-top:20px;}
	.h_new .right li {height: auto;margin-bottom: 20px;}
	.h_newtop time b {font-size: 50px;}
	.h_newtop h5 {margin-top: 30px;}
	footer {height: auto;position: initial;}
	.footlogo {width: 110px;}
	.foot .left h2 {font-size: 20px;}
	body {margin-bottom: 0;}
	.caseC dl dd {font-size: 20px;}
	.newmaintitle time {margin:10px 0 0;width: 100%;}
	.contactC{display: block;}
	.contactC .right{width: 100%;margin:20px 0 0;}
	.map2{height:350px;}
	.join1 {padding: 50px 36% 50px 6%;}
	.grid li h5 {position: initial;bottom: 0;}
	.productC .left h1 {font-size: 22px;}
}
@media(max-width:767px){
    .h_productlistcenter{ margin: 0%;}
	.mobile-inner-header-icon {font-size: 14px;top: 2px;right:10px;margin-right: 0;}
	header {position: initial;padding: 10px 10px;}
	header{background-color: #222;border-bottom: 0;}
	.logo img {width: 80px;}
	.mobile-inner-header-icon { top: -2px;}
	.banner .owl-buttons{ display:none;}
	.banner .owl-pagination{width:100%; text-align:center;left:0;}
	.banner .owl-pagination .owl-page {margin: 0 2px;font-size: 0;width: 8px;height: 8px;background-color: rgba(255,255,255,0.7);border-radius: 50%;display: inline-block;}
	.banner .owl-pagination .owl-page span:after{ display:none;}
	.h_product,.h_case,.h_about,.h_join,.h_new,.foot,.public{padding:40px 15px;}
	.h_title h2 {font-size: 20px;}
	.h_title p {font-size: 24px;}
	.h_productnav {margin-top: 30px;text-align: center;width: 100%;}
	.h_productnav>a,.h_productnav a:before, .h_casenav a:before, .newtit .right a:before,.h_productlist dl dd img,.h_case .left .more,.h_about .more,.foot .right,.caseC1 .info p, .productC .right{ display:none;}
	.h_productnav a, .newtit .right a { margin: 0 7px;}
	.top40 {margin-top: 26px;}
	.h_productlist dl {width: 48%;}
	.h_productlist dl dt img {height: 200px;}
	.h_productlist dl dd {position: initial;padding: 10px;opacity: 1;}
	.h_productlist dl dd h5 {font-size: 15px;}
	.h_productlistcenter {display: inline;float:none;}
	.h_productlistcenter dl:first-child{margin-left:2%;}
	.h_productlistcenter dl:nth-child(2){margin-right:2%;}
	.h_case .left,.foot .left{width: 100%;}
	.h_case .right { width: 100%;margin: 20px 0 0;}
	.h_case .container {display: block;}
	.h_casenav { max-height: initial;margin-top: 25px;}
	.h_casenav a {display: inline-block;margin: 0 1% 8px;width: 47%;text-align: center;}
	.h_case .right .swiper-slide .info {padding:10px;position: initial;}
	.h_case .right .swiper-slide .info h5, .caseC1 .info h5, .h_newtop h5 {font-size: 16px;}
	.h_case .right .btns {position: initial;}
	.h_case .right .swiper-button-prev{position: absolute;left: 3px;top: 50%;margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));}
	.h_case .right .swiper-button-next{position: absolute;right: 3px;top: 50%;}
	.h_block4 .container,.prenext p{width: 100%;}
	.number li h5 span {font-size: 30px;}
	.number li {margin:0 1% 8px 0;width: 31.333%;}
	.h_newC {margin-top: 30px;padding: 15px 15px 22px;}
	.h_new .left .more {margin-top: 0px;}
	.h_newtop time b {font-size: 35px;}
	.h_newtop h5 {margin-top: 24px;width: calc(100% - 73px);}
	.h_newC .summary {margin-top: 26px;}
	.h_newsaozuo {margin-top: 36px;}
	.footlogo {margin: auto;}
	.foot .left h2 {font-size: 18px;margin-top: 38px;}
	.abouttit .right {text-align: left;margin-top: 20px;width: 100%;}
	.aboutC, .newmainC article, .productC .right, .join2 {font-size: 15px;line-height: 24px;}
	.caseC1 {margin-bottom: 20px;}
	.caseC1 .info {padding: 15px;width: 90%;bottom:0px;}
	.caseC dl dd {font-size: 15px;padding: 6px 0px;}
	.caseC dl dd span { margin-left:0px;font-size: 14px;}	
	.caseC dl { margin: 0 1% 15px;}
	.newmaintitle h1 {font-size: 21px;}
	.prenext p:last-child {text-align: left;margin-top: 10px;}
	.pagelist {margin-top: 35px;}
	.pagelist li a, .pagelist li span {padding: 3px 9px;}
	.contactC .left h2 {font-size: 20px;}
	.contactC .left .code li {width: 124px;}
	.contactC .left .code {margin-top: 55px;}
	.map2{height:250px;}
	.join1 h2 {font-size: 22px;}
	.join1 {padding: 40px 20px;}
	.join1 .con {margin-top: 20px;line-height: 24px;}
	.newC dl dt p {font-size: 20px;}
	.newC dl dt {width: 70px;}
	.newC dl dd {width: calc(100% - 80px);}
	.newC dl dd h5 {font-size: 16px;}
	.newC dl dd p {font-size: 14px;margin-top: 14px;height: 40px; line-height: 20px;}
	.newC dl a {padding: 20px 0;}
	.newC dl a:hover {padding: 15px;}
	.grid li {margin: 0 1% 15px;width: 48%;}
	.productC .left{width:100%;position: initial;}
	.productC .left .con {line-height: 26px;max-height: initial;}
	.phoneshow{ display:block;}
	
	
}