/* CSS Document */
*{text-overflow: ellipsis;/*box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;*/ }
html,body{ height:100%; width:100%; /*max-width:1920px;*/ margin:auto;}
body{
	margin: auto; background-color:#ffffff;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #333; min-width:1200px; overflow-x:hidden; padding:0px; 
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #0061C2;
}
pre,.pre{
	word-break: break-all;
        white-space: pre-line;
        overflow-wrap: break-word;  max-width:100%; white-space: pre-wrap;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img.img,.fd img.im{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img.img,.fd:hover img.im{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10ms;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10ms;
    -webkit-animation: rotate 30ms linear infinite;
    -moz-animation: rotate 30ms linear infinite;
    -o-animation: rotate 30ms linear infinite;
    animation: rotate 30ms linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1640px; margin:auto; max-width:100%;}




.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
/*	padding-left:12px;
	padding-right:10px;*/
	margin: 0px; overflow:hidden;border-radius:100%; width:30px; text-align:center; line-height:30px; margin-left:3px; margin-right:3px;
}


.pagination li.active{ background-color:#D6000C; color:#FFFFFF;border-color:#D6000C;}

.pagination li a{ color:#333333}









#top {
 float:left; width:100%; background-color:#FFFFFF; z-index:22; position:fixed; top:0; left:0;
}
#top .box{ position:relative;}
#top.fixed{background-color:#FFFFFF;}
#top .logo{
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	height: 182px;
	width: 177px;
	position: absolute; top:-51px; left:0; z-index:99;
}

#top .logo a{ width:100%; height:100%;}


.box{ width:1640px; position:relative; }
#nav{ background-color:#014DA1; width:100%; float:left;}
.nav{ float:right; width:60%; max-width:calc(100% - 200px); position:relative; line-height:71px; z-index:2;  }

.nav ul,nav ul li{ padding:0; margin:auto;}
.nav>ul{ display:table; width:100%; text-align:center; font-size:20px;}
.nav>ul>li{ display:table-cell; position:relative}
.nav>ul>li>a{ display:block; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; position:relative;}
.nav>ul>li ul{ position:absolute; top:100%; left:0; width:100%; line-height:40px; background-color:#FFFFFF; background-color:rgba(255,255,255,0.9); display:none;}


.nav > ul > li>ul[parentid="2"]{ width:200%;}
.nav > ul > li>ul[parentid="2"]>li{ width:50%; float:left;}

.nav>ul>li:hover>ul{ display:block;}
.nav>ul>li ul li a{ color:#014DA1; display:block; /*text-align:left; padding-left:45px;*/
border-top: 1px solid rgba(100,100,100,0.1); 
border-bottom: 1px solid rgba(255,255,255,0.9); font-size:16px; 
}
.nav>ul>li> ul> li:nth-child(1)> a{border-top:none; }
.nav>ul>li ul li a:hover{ background-color:#014DA1; color:#FFFFFF;}
/*.nav>ul>li+li:after,.nav>ul>li+li:before{ content:''; position:absolute; left:0; top:50%; height:15px; margin-top:-7.5px; width:1px; background-color:rgba(255,255,255,0.3);}
.nav>ul>li+li:before{  left:-1px; background-color:rgba(0,0,0,0.5);}*/
.nav>ul>li ul li{ width:100%;}


.nav>ul>li>a{ color:#fff;}
#flash{ margin-top:118px;}
#top .top{ padding-top:9px; padding-bottom:9px;}
#top .top .tel{
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center; float:right; padding-left:30px;
}
.flash{--swiper-theme-color:rgba(255,255,255,0.8); position:relative; overflow:hidden; margin-top:115px;}

.flash .picli img{ width:100%;}
.flash .swiper-pagination-bullet{
	width:15px;
	height:15px;
	opacity:1;	
	border: 3px solid rgba(255,255,255,0.8);border-radius:100%;
	background-color:rgba(255,255,255,0);
}
.flash .swiper-pagination-bullet-active{ /*background-color:#E99A3E;*/border-color:#004DA1;}

.flash .picli{ position:relative;}
.flash .txt{ position:absolute; margin-top:-100px; top:50%; left:30%; color:#FFFFFF; text-align:center; font-weight:bold; width:100vw;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.flash .txt .h1{ font-size:82px;}
.flash .txt .h2{ font-size:36px;}
.flash .txt >div{ max-width:80%; margin:auto;}
.flash .swiper-slide-active .txt{ left:0;}



#foot{
	padding-top:75px;
	background-color:#F6F6F6;
	background-image: url(footbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #eee;
}


#foot .box *{ max-width:100%;}




#foot .qrcode{ float:right; text-align:center; display:table; text-align:center; min-width:150px; }
#foot .qrcode>div{ display:table-cell; padding-left:5px; padding-right:5px;}

#foot .qrcode img{
	padding:5px;
	border: 1px solid #eee; max-width:100%; background-color:#FFFFFF;border-radius:5px;
}
#foot .copy{
	margin-top:0px;
	float:left;
	width:100%;
	box-sizing:border-box;
	clear:both;
	font-size:12px;
	padding-top:25px;
	padding-bottom:25px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#eee;
	background-image: url(1_r4_c3.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:100px; text-align:left; margin-top:50px;
}
#foot .copy>div{ text-align:left; width:100%;}
#foot .copy,#foot .copy a{color:#888;}

#foot .copy .gotop{
	position:absolute;
	top:50%; margin-top:-15px;
	right:0px;
	border: 1px solid rgba(200,200,200,0.6); float:right; line-height:30px; height:30px; width:30px; text-align:center; cursor:pointer; background-color:#fff; 
}


#foot .foot{ float:left; clear:both; width:100%; font-size:14px; color:#4a4a4a;}
#foot .foot a{color:#4a4a4a;}
#foot .foot .row{ width:25%; float:left; box-sizing:border-box; position:relative;}

#foot .foot .fnav .hc ul li{
	width:50%;
	float:left;
	white-space: nowrap;
}

#foot .foot .fnav .hc ul ul{ display:none;}
#foot .foot .row .tit{ font-size:18px; color:#444; font-weight:bold; position:relative;}
#foot .foot .row .tit em{
	color:#afafaf;
	font-style: normal;
	font-size:12px;
	font-weight: normal; padding-left:10px;
}
#foot .foot .row .tit:before{ content:''; position:absolute; left:0; bottom:0; background-color:#444; height:2px; width:1em;}
#foot .foot .row .hc{ margin-top:42px; position:relative; min-height:135px;}
#foot .foot .row .tit+.hc{ padding-top:10px; margin-top:0;}
#foot .foot .row .hc b,#foot .foot .row .hc strong{ color:#000;}
#foot .foot .row:before{
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee; position:absolute;  top:10%; height:80%;
}

#foot .foot .row:nth-child(1):before{ display:none;}


#foot .foot .row{ padding-left:50px; padding-right:50px;}
#foot .foot .row.qr{ padding-right:0; width:160px;}
#foot .foot .row:before{ left:0px;}
#foot .foot .row:nth-child(1){ width:200px; padding-left:0;}
/*#foot .foot .row:nth-child(2){ width:280px;}*/
#foot .foot .row:last-child{ padding-right:0;}
#foot .foot .row.lxin{ width:650px; width:calc((100% - 200px - 25% - 160px) / 2);}

#foot .foot .row.lxin ul li{white-space:normal;
}
.boxin{ clear:both;}

@media screen and (max-width :1620px){
/*#foot .foot .row.lxin{ width:430px;}*/
#foot .foot .row{ padding-left:50px; padding-right:50px; box-sizing:border-box;}
#foot .foot .row:nth-child(1){  padding-left:0;}
#foot .foot .row.qr{/* width:calc(75% - 280px - 430px);*/ padding-right:0;}
}
/*@media screen and (max-width :1500px){

#foot .qrcode > div{ display:block; float:left; width:calc(50% - 2.5px);box-sizing:border-box; overflow:hidden;}
#foot .qrcode > div img{ max-width:100%;box-sizing:border-box;}
#foot .qrcode > div+div{ margin-left:5px;}
#foot .qrcode{ min-width:0;}
}*/
@media screen and (max-width :1450px){
#foot .foot .row{ padding-left:40px; padding-right:40px;}
/*#foot .foot .row.lxin{ width:370px;}*/
#foot .foot .row.qr{ /*width:calc(80% - 280px - 390px);*/padding-right:0;}
#foot .foot .row:nth-child(1){  padding-left:0;}
#foot .foot .row:last-child{ padding-right:0;}
#foot .qrcode {
  min-width: 0px;
}
#foot .foot .row.lxin{ width:650px; width:calc((100% - 200px - 20% - 160px) / 2);}
  #foot .foot .fnav{ width:20%;}

}

@media screen and (max-width :1280px){
#foot .foot .row{ padding-left:30px; padding-right:30px;}

#foot .foot .row.lxin{ width:650px; width:calc((100% - 200px - 20% - 160px) / 2);}
  #foot .foot .fnav{ width:20%;}

}
/*@media screen and (max-width :1250px){
#foot .foot .row:nth-child(1){width:220px;}
#foot .foot .row.qr{ width:calc(80% - 220px - 390px); padding-right:0;}

#foot .foot .row.lxin{width:calc(75% - 440px); padding-right:0;}
}
@media screen and (max-width :1150px){
#foot .foot .row.lxin{width:calc(66.666% - 280px);}
}*/

.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}
.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:98; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}
.wxqrcode{transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:99; text-align:center;border-radius:10px;display:flex;
    justify-content:center;
    align-items:center;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
	
	
	@media screen and (min-width :400px){
	
	.wxqrcode{ width:300px; left:50%; margin-left:-150px;}
	}
	
.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}	

.wxqrcode img{ width:200px; max-width:80%;}
#footnav{
	position: fixed;
	z-index:99;
	left: 0px;
	bottom: 0px;
	float:left;
	width:100%;
	background-color:#004DA1;
	display:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.6);
	text-transform: uppercase;
}
#footnav a{
	float:left;
	width:25%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:14px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px; margin-bottom:3px;}
#footnav a i.icon-weixin{ font-size:20px; }
#footnav a i.icon-chanpinguanli{ font-size:20px;}
#footnav a:nth-child(1):after{ display:none}


.app_header{ display:none;}


/*客服*/
.kefu{ position:fixed; top:30%;border-radius:10px; right:0; color:#FFFFFF; text-align:center; width:50px; z-index:19; font-size:12px; }

.kefu .iconfont{ color:#FFFFFF; font-size:24px; line-height:1;}
.kefu a{ color:#ffffff; overflow:hidden;}
.kefu .item:hover{ background-color:#004DA1;}
.kefu .item:nth-child(1){border-radius:25px 25px 0 0;}

.kefu .item.gotop{border-radius:0 0 25px 25px;}
.kefu .wx .wxqrcode2{
	Opacity:0;
	position:absolute;
	top:0;
	right:-200%;
	z-index:-1;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	border: 1px solid #dddddd; padding:5px; background-color:#FFFFFF;
}
.kefu .wx:hover .wxqrcode2{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#004DA1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#004DA1;
	position:absolute;
	right:-200%; font-size:14px; height:50%;
	top:25%;
	color:#fff;
	white-space: nowrap; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;box-sizing:border-box;border-radius:35px 0 0 35px;display: flex;
    justify-content:center;
    align-items:center;
}
.kefu .item .msg>div{ text-align:left; width:100%;}
.kefu .item .msg.ftel{ right:-450%;}
.kefu .item:hover .msg{right:100%;}
/*.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #EB9912; position:absolute; right:-10px; top:50%; margin-top:-5px;
}*/
.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block;padding:5px;padding-top:10px; padding-bottom:10px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}




@media screen and (max-width :816px){
#footnav{ display:block}
.kefu{ display:none}
#foot{ padding-bottom:70px;}
}




.block{ padding-top:50px; padding-bottom:55px; clear:both;}








.etitle{ text-align:center; }
.etitle>span{ display:inline-block; color:#333333; line-height:1.3; position:relative;padding-top:10px; padding-bottom:10px; text-align:center;}
.etitle>span b{ font-size:43px;/*font-weight: normal;*/
  letter-spacing: 4px;}
.etitle>span>span{ display:block; color:#515151; font-size:16px;padding-top: 2px;
  letter-spacing: 3px;}
.etitle>span:after{font-size:45px;
	content:'';
	width:1.5em;
	left:50%;
	bottom:0;
	margin-left:-0.75em;
	border-top: 4px solid #117CCA; position:absolute;
}














/*关于我们*/
.about .aboutbg{
	background-image: url(aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:50px; padding-top:100px; background-size:100% 100%;
}
.about .etitle{ text-align:left; }

.about .etitle>span:after{ display:none;}

.about .econtent h2{
	font-size:28px;
	line-height:1.5;
	color:#202020;
	padding-top:15px;
	 padding-bottom:0px; 
}
.about .econtent h3{ color:#4b4b4b; font-size:20px; margin:auto;}
.about .econtent{
	color:#010101;
	font-size:19px;
	 float:left; width:100%; position:relative;
}
.about .econtent .left{ float:left; width:calc(100% - 800px); line-height:2.5;}
.about .econtent .right{ float:right; width:800px;}
.about .econtent .right a{ width:100%; height:100%; display:block;}

.about .more{ padding-top:65px; clear:both;}
.about .more a{
/*	background-color:#fff;*/
	color:#545454;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	border-radius:40px;
	border: 1px solid #ccc; padding-top:5px; padding-bottom:5px;color:#545454;
}
.shebei .more{ padding-top:15px; clear:both; text-align:center;}
.shebei .more a{
/*	background-color:#fff;*/
	color:#545454;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	border-radius:40px;
	border: 1px solid #ccc; padding-top:5px; padding-bottom:5px;color:#545454;
}
.about .more a:hover,.shebei .more a:hover{ background-color:#004DA1;border-color:#004DA1; color:#fff;}

.aboutin .aboutbg{background-image: url(mapbg.jpg);}
.aboutin .aboutbg{ padding:0;}
.aboutin .etitle{ text-align:center;}
.aboutin .etitle>span:after{ display:block;}
.aboutin .econtent .left{ width:100%;}
.aboutin .econtent .right { display:none}

.pro{

	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.pro .econtent{ clear:both; float:left; width:100%; margin-top:20px; display:none;}
.pro .econtent.hover{ display:block;}
.pro .econtent .picli{ width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; margin-top:10px; margin-bottom:10px; overflow:hidden;}
.pro .econtent .picli:nth-child(4n+1){ clear:both;}



.pro .econtent .picli .img,#cms .picli .img{
	overflow:hidden;
	background-color:#FFFFFF;
	border-radius:5px;
	border: 1px solid #dddddd;   display: flex;
  justify-content: center;
  align-items: center; height:250px; 
}
/* #cms.lingyu .picli .img{ height:calc (100% /3 - 2%);}*/
#cms.lingyu .picli .img{ height:calc(( 1640px / 3 - 1640px * 0.02 ) * 800 / 1200 );}
/*  #cms.lingyu .picli .img{ height:calc(( 95vw / 3 - 95vw * 0.02 ) * 800 / 1200 );}*/
.pro .econtent .picli .img img{ max-width:100%;}
.pro .econtent .picli .title{ line-height:1.5; margin-top:15px;}




.pro .more{ padding-top:65px; clear:both; text-align:center;}
.pro .more a{
/*	background-color:#fff;*/
	color:#545454;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	border-radius:40px;
	border: 1px solid #ccc; padding-top:5px; padding-bottom:5px; color:#545454;
}
.pro .more a:hover{ background-color:#004DA1;border-color:#004DA1; color:#fff;}





.tabs{  width:100%; text-align:center; max-width:1200px; margin:auto;}
.tabs ul{ width:100%; margin-top:20px;}
.tabs li{

	color:#5f5f5f; cursor:pointer; display:inline-block; margin-bottom:5px;

}
.tabs li div{	margin-left:10px; margin-right:10px; background-color:#ECECEC; font-size:22px;border-radius: 30px 0 30px 0; padding-left:30px; padding-right:30px; }


.tabs li.hover div,.tabs li.active div,.tabs li a:hover div{ color:#FFFFFF; background-color:#117CCA;}

.tabs li.hover div a,.tabs li.active div a{color:#FFFFFF;}

.caseindex{
	background-image: url(appbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-top:50px; padding-bottom:50px;--swiper-theme-color:rgba(255,255,255,0.8); 
}
.caseindex .titledp{ font-size:18px; color:#5f5f5f; margin-top:15px;}
.caseindex .swiper-container{ overflow:hidden; position:relative; margin-top:30px;}
.caseindex .swiper-container .swiper-slide .picli .img{ overflow:hidden;}
.caseindex .swiper-container .swiper-slide .picli .img img{ max-width:100%;}
.caseindex .swiper-container .swiper-slide .picli{  background-image: linear-gradient(to top, rgba(255,255,255,0.3), #fff); padding:10px;}

.caseindex .swiper-container .swiper-slide .picli .title{ font-size:22px; padding-top:10px; padding-bottom:10px; color:#000000;}

.caseindex .swiper-container .swiper-slide .picli .dp{ color:#666666; font-size:16px; line-height:1.5; min-height:12em; text-align:left;}








.phone{ display:none;}


.about .more.phone{ text-align:center; margin-bottom:10px;}




.news{
	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%; clear:both; padding-bottom:65px; padding-top:50px;
}
.news .box{ position:relative;}

.news .etitle  a{ color:#7f7f7f;
	font-size:14px;
	font-family: "微软雅黑"; position:absolute; top:60px; right:0;}
.news .econtent{ float:left; width:48%; margin-top:70px;}
.news .econtent:nth-child(1){ width:45%;}
.news .econtent .picli{
	float:left;
	width:48%;
	border-radius:5px;
	overflow:hidden;
	background-image: url(yy.png);
	background-repeat: no-repeat;
	background-position: left bottom; padding-bottom:10px; background-size:220% 10px;
}
.news .econtent .picli .img{ float:left; width:100%;}
.news .econtent .picli .img img{ width:100%;}
.news .econtent .picli .right{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; background-color:#fff; padding:30px;box-sizing:border-box;line-height:1.5; float:left; width:100%; min-height:300px; font-size:14px; }
.news .econtent .picli:nth-child(2n){ float:right;}
.news .econtent .picli:hover .right{ margin-left:-5px; }
.news .econtent .picli .right .t{ font-size:24px; color:#000; line-height:1.2; max-height:2.4em;  overflow:hidden; font-weight:bold; min-height:2.4em; }
.news .econtent .picli .right .date{ color:#878787; padding-top:10px;padding-bottom:10px;}
.news .econtent .picli .right .dp{ color:#4a4a4a; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 设置为想要的行数 */
  overflow: hidden;
  text-overflow: ellipsis; margin-top:0px;
}
.news .econtent .picli .right .more{ color:#878787; padding-top:30px; margin-top:30px; padding-bottom:30px; position:relative;}
.news .econtent .picli .right .more i{ position:absolute; right:0; top:50%; line-height:22px; margin-top:-11px;}
.news .econtent:nth-child(2){ float:right;}

.news .econtent .li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-bottom:30px; margin-bottom:30px; float:left; width:100%; clear:both; position:relative;
}
.news .econtent .li a{ display:block;}
.news .econtent .li a:hover{ margin-left:-5px;}
.news .econtent .li .t1{
	color:#1e1e1e;
	font-size:24px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden; width:calc(100% - 100px); float:left;
}
.news .econtent .li .t1 i{ margin-right:5px;}
.news .econtent .li .date{ color:#878787; float:right; position:absolute;  top:50%; margin-top:-30px; line-height:30px; right:0; }

.news .econtent .li .iconfont{ font-weight:normal; color:#999;}





.shebei .econtent{ clear:both; float:left; width:100%; margin-top:30px;}
.shebei .econtent .picli{ width:calc((100% - 60px) / 3); margin-left:30px; overflow:hidden;border-radius:10px;  float:left; margin-top:15px; margin-bottom:15px; }
.shebei .econtent .picli .title{ font-size:20px; text-align:center; margin-top:10px;}
.shebei .econtent .picli .img{background-color:#fff; overflow:hidden;border-radius:10px; }
.shebei .econtent .picli:nth-child(3n+1){ clear:both; margin-left:0;}
.shebei .econtent .img img{ width:100%;}
.shebei .econtent *{ max-width:100%;}
/*.at .ali{ padding-top:50px; padding-bottom:50px;}*/
.at .ali:nth-child(2n){ background-color:#f5f5f5;}






.honor{
	background-image: url(honorbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%;
}  
.honor .swiper-container{ position:relative; overflow:hidden;}
.honor .swiper-container .swiper-slide{ text-align:center;}
.honor .picli{ background-color:#ffffff; padding:10px 50px; border-radius:5px; text-align:center; max-width:335px; margin:auto;}  
.honor .picli .img{
	min-height:370px;
	max-height:370px;
	overflow:hidden;padding-top:15px;

}
@media screen and (max-width :640px){
.honor .picli .img{
padding-top:0px;

}
}
.honor .picli .img img{ max-width:100%; max-height:370px;	border: 5px solid #B39E4B;box-sizing:border-box;}
.honor .picli .ntitle { color:#333; font-size:20px; font-weight:bold; line-height:1.2; min-height:2.4em; max-height:2.4em; overflow:hidden; margin-top:20px;}
.honor .econtent{ padding-top:70px; clear:both; position:relative; padding-bottom:100px;}
.honor .swiper-button-next,.honor .swiper-button-prev{ top:auto; bottom:0px; background-color:#FFFFFF; padding:25px;border-radius:100%; float:left; font-size:12px;--swiper-navigation-size:12px; width:12px;float:left; font-weight:bold;--swiper-theme-color:#999;left:50%; right:auto;  }

.honor .swiper-button-next:hover,.honor .swiper-button-prev:hover{ --swiper-theme-color:#fff; background-color:#D6000C;}
.honor .swiper-button-next{ margin-left:10px;}
.honor .swiper-button-prev{ margin-left:-70px;}






#fancybox-wrap .fancybox-title-over{max-width:100% ;}

.at{ clear:both;}


 /*联系*/
.contact{ background-color:#fff;}
.contact *{ max-width:100%;}
.contact .econtent{ padding-top:50px; clear:both;}
.contact .left{ float:left;  width:560px;}

.contact .left .hc{ font-size:18px; min-height:450px;}
.contact .left .hc>div{ width:100%; text-align:left;}
.contact .left .hc ul li{ float:left; clear:both; width:100%; padding-top:10px; padding-bottom:10px; line-height:27px; position:relative; padding-left:35px;box-sizing:border-box;}
.contact .left .hc ul li img{ float:left; margin-right:5px; position:absolute; left:0; top:10px;}

.contact .right{ float:right; width:calc(100% - 570px);}

.contact .map{
	clear:both;
	border: 1px solid #eee; padding:10px;box-shadow:0 0 5px rgba(100,100,100,0.1);
}
.contact .map iframe{ width:100%; min-height:560px;} 

.in .contact .etitle{ text-align:left;}
.in .contact .etitle>span>b{ float:left;}
.in .contact .etitle>span>span{
	display:table-cell;
	padding-left:10px;
	float:left;
	color:#8f8f8f;
	font-size:16px;
	 line-height:1; padding-top:10px; font-weight:normal;

}
.in .contact .etitle>span:after{ display:none;}

/*企业文化*/
.culture{
	background-image: url(whbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; min-height:675px; color:#FFFFFF;
}
.culture .econtent{ display:block; text-align:left; width:100%; margin-top:70px;}
.culture .econtent .li{ float:left; width:calc(100% / 3); margin-top:10px; margin-bottom:20px; }
.culture .econtent .li:nth-child(3n+1){ clear:both;}
.culture .econtent .li>div{ margin:auto; max-width:430px;}
.culture .econtent .li .t1{ font-size:40px; background: linear-gradient(to right, rgba(255,255,255,0.2),rgba(255,255,255,0)); padding-left:20px;}

.culture .econtent .li .t2{ font-size:19px; padding-left:20px; line-height:1.5; margin-top:10px;}
.culture .etitle b{ color:#fff;}
.culture .etitle>span:after{ display:none;}
















/*内页*/

.app_header{ display:none;}
.bannerin .title{ position:absolute; top:50%; margin-top:-50px; left:0; z-index:1; width:100%; }
.bannerin{
	margin:auto;
	text-align:center;
	/*min-height:400px;*/
	background-repeat: no-repeat;
	background-position: center center; color:#ffffff;display: flex;
    justify-content:center;
    align-items:center;text-shadow:0 0 5px rgba(0,0,0,0.2);background-size:100%; position:relative; margin-top:115px; 
}





.bannerin .h1{ font-size:48px; position:relative; font-weight:bold;}
.bannerin .h1:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; margin-left:-1em;
}
.bannerin .h2{
	font-size:24px;
	text-transform: uppercase; color:rgba(255,255,255,0.8);
}

/*内页当前位置*/
.ny{ background-color:#fff;}
#postion{ background-color:#F3F3F3;}
#postion .leftdh{ line-height:80px;}
#postion .leftdh ul ul{ display:none;}
#postion .leftdh ul>li{ display:inline-block;}
#postion .leftdh ul>li a{ display:inline-block; padding-left:20px; padding-right:20px; font-size:18px; position:relative; color:#292b2b;}
#postion .leftdh ul>li+li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
}

#postion .leftdh ul>li.hover>a,#postion .leftdh ul>li:hover>a{ background-color:#0061C2; color:#FFFFFF;}
#postion .leftdh ul>li>a:after{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;	content:'';
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color: rgba(255,255,255,0);
	border-bottom-color:rgba(255,255,255,0);
	border-left-color: rgba(255,255,255,0);}
#postion .leftdh ul>li.hover>a:after,#postion .leftdh ul>li:hover>a:after{
	border-top-color: #0061C2;
}

#postion .postion{ max-height:80px; min-height:80px; line-height:1.5; display: flex;justify-content:center;align-items:center; float:right; text-align:left; font-size:14px;}
#postion .postion i{ color:#cccccc; margin-right:3px;}
#postion .postion,#postion .postion a{ color:#777777;}

.boxin{ padding-top:30px; padding-bottom:30px;}

/*详细页*/
#cms1 *{ max-width:100%;}
#cms1 .content{ font-size:16px; color:#333333; }
#cms1 h1.h1{ text-align:center;padding-right:20px; padding-left:20px; line-height:1.5;}
#cms1 h1.h1+.content{padding-top:20px;}
#cms1 .info{ color:#999; text-align:center; font-size:12px; padding-right:20px; padding-left:20px;}
#cms1 .info i{ margin-right:5px;}
.nextpage{ padding-top:20px; clear:both; line-height:1.5;}
.nextpage>div{
	padding-top:5px;
	white-space: nowrap;
	overflow: hidden; padding-bottom:5px;
}


/*产品*/
#cms .picli{

	width:23%;
	margin-left:1%;
	margin-right:1%;
	float:left; margin-bottom:20px; margin-top:20px; background-color:#fff;overflow:hidden;
}

#cms .picli:nth-child(4n+1){ clear:both}

#cms.proin .picli:nth-child(4n+1),#cms.lingyu  .picli:nth-child(4n+1){ clear:none;}
#cms.proin .picli{ width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; margin-top:10px; margin-bottom:10px; overflow:hidden;}


#cms.lingyu  .picli:nth-child(3n+1){ clear:both;}
#cms.lingyu .picli{ width:calc(100% /3 - 2%); margin-left:1%; margin-right:1%; float:left; text-align:center; margin-top:10px; margin-bottom:10px; overflow:hidden;}
#cms.lingyu .picli .title{ font-weight:bold;}
#cms.lingyu .picli .dp{ line-height:1.5; color:#333; padding-bottom:20px; text-align:left;}

#cms .picli .img{
	overflow:hidden;
	border: 1px solid #ddd;border-radius:5px;
}
#cms .picli .img img{ width:100%;}
/*#cms .picli .img{ overflow:hidden;}
#cms .picli .img img{ max-width:100%;}
#cms .picli:nth-child(2n+1){ clear:both;}*/
#cms .picli  .title{ line-height:1.5; padding-top:15px; padding-bottom:15px; text-align:center; font-size:16px;}
#cms .picli .right{ padding:10px; }
#cms .picli .right .morei{ text-align:right;}
#cms .picli .right .morei>div{
	display:inline-block;
	border: 1px solid #ddd; padding-left:15px; padding-right:15px;border-radius:25px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .picli:hover .right .morei>div{ background-color:#357ECB; color:#FFFFFF;border: 1px solid #357ECB;  }
/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:49%; padding-top:65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; position:relative; padding-bottom:65px;}
#cms .newsli:nth-child(2n+1){ clear:both;}	
#cms .newsli:nth-child(2n){ float:right;}	
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#1e4b9c;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; display:none; 
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block}
#cms .newsli .right{
	/*margin-left:120px;*/
	position:relative;
	
}
#cms .newsli .right .time{ color:#999; font-size:12px; margin-top:-5px; margin-bottom:5px;}
/*#cms .newsli .right .time{ display:none}*/
#cms .newsli .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli .right .ntitle{
	font-size:22px;
	line-height:1.2;
	padding-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:3em; max-height:3em; overflow:hidden;}
#cms .newsli .right .hc{ margin-right:170px;}
#cms .newsli div.img{
	position:absolute;
	top:50%; margin-top:-57px;
	right:0px;
	width:150px;
	padding:2px;
	background-color:#ffffff;
	overflow:hidden;
	border: 1px solid #dddddd;
}
#cms .newsli div.img a{ overflow:hidden; display:block;}
#cms .newsli div.img img{ width:100%;min-height:100px; max-height:100px;}

#cms .newsli:after{ content:'';	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#004DA1; position:absolute; bottom:0; left:0; width:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

#cms .newsli:hover:after{ width:100%;}



.back{ text-align:right; clear:both; padding-top:20px; line-height:38px;}
.back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#6C6C6C; color:#FFFFFF; font-size:14px;border-radius:3px;}
.back a:hover{ background-color:#004DA1;}




.table2{ margin:auto; 
	display: table;
	clear:both;
	width:100%;
	margin-top: 10px; border-top:none; border-left:none; margin-bottom:10px; 
}
.table2 .tr{
	display: table-row;
}
.table2 .td.tit{ text-align:left;}

.table2 .td{
	display: table-cell;
	padding:5px;
	width:50%;
	vertical-align: top;
}



.table2 .td.tit .t1{}
.table2 .td.tit .t2{ color:#666; font-size:12px; font-weight:normal;}

.table .td{ width:auto;}
.table{border: 1px solid #ddd;}
.table .td{border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;  color:#666666; text-align:center;}
.table .td:nth-child(1),.table .tr:nth-child(1) .td{ background-color:#f5f5f5; font-weight:bold; cursor:default; color:#000000;}.table .td:nth-child(1){ width:150px;}
.proshow .img{
	width:800px;
	height:533px;
	display: flex;
	justify-content:center;
	align-items:center;
	border: 1px solid #ddd; float:left; max-width:100%; overflow:hidden; 
}
.proshow .img img{ min-height:100%; max-width:200%;}
#cms1 	.proshow .img img{  max-width:200%;}
.proshow .img+.right{ float:right; width:calc(100% - 820px);}
.proshow .img+.right .tit{ font-size:32px; font-weight:bold; color:#000000}
.proshow .img+.right .tit2{ color:#004DA1; font-size:18px;}
.proshow .img+.right .dp{ padding-top:10px; color:#666666;}

.pdf+.content{ display:none;}
@media screen and (max-width :816px){
.proshow .img{ float:none; margin:auto;}
.proshow .img+.right{ width:100%; clear:both;}
.pdf{ display:none}
.pdf+.content{ display:block;}
}


#cms1 .content{ color:#000;}
.protitle{
	clear:both;
	margin-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee; float:left; width:100%; margin-bottom:15px;
}
.protitle span{
	display:inline-block;
	border: 1px solid #ddd; padding-left:20px; padding-right:20px; font-weight:bold; margin-bottom:-1px;border-radius:5px 5px 0 0;
}
.probox{ max-width:1200px; margin:auto;}
.probox embed{ max-height:80vh;}

.pdf embed{ min-height:calc(100vh - 180px);}
.proshow .imgs{ border:none; height:auto; position:relative; overflow:hidden;--swiper-theme-color:#999;--swiper-navigation-size:28px; display:block; overflow:visible;}
.proshow  .imgs .swiper-slide img,#cms1 .proshow .img .swiper-slide img{ max-width:100%; min-height:0;}

.proshow .imgs .bigimg{		width:800px;
	height:533px;
	display: flex;
	justify-content:center;
	align-items:center;
	border: 1px solid #ddd; float:left; max-width:100%; overflow:hidden; box-sizing:border-box; }
.proshow .imgs .navto{ clear:both; margin-top:15px; float:left; width:100%;--swiper-navigation-size:20px;}
.proshow .swiper-container{ position:relative; overflow:hidden;}	
.proshow .imgs .navto  .swiper-slide .imgli{	border: 1px solid #f5f5f5;box-sizing:border-box;}	
@media screen and (max-width :816px){
	.proshow .imgs .bigimg{ height:80vw;}
	}

.proshow .right .tit{border-bottom: 1px dashed #ccc; margin-bottom:10px;}
.zixun{border-top: 1px dashed #ccc; float:left; width:100%; clear:both; padding-top:10px; margin-top:10px;}	
.zixun .tk1{ float:left;border-radius:30px; color:#ffffff;background-color: #0061C2; padding-left:50px; padding-right:50px; line-height:55px; font-size:18px;}
.zixun .tk2{ width:calc(100% - 220px); float:right; line-height:1;}
.zixun .tk2 .tt1{ color:#666666}
.zixun .tk2 .tt2{
	color: #0061C2;
	font-size:32px;
	margin-top:10px;
	font-weight:bold;
	font-family: Impact;
}



.proshow .img,.proshow .imgs .bigimg{
	width:650px;
	

}
.proshow .imgs .bigimg{

	height:calc( 650px * 533 / 800 ); border-color:#f5f5f5;

}
.proshow .imgs .bigimg .swiper-button-next,
.proshow .imgs .bigimg .swiper-button-prev{ background-color:rgba(0,94,192,0.6); color:#FFFFFF; height:100px; padding:10px; margin-top:-50px;}
/*.proshow .imgs .navto .swiper-button-next,
.proshow .imgs .navto .swiper-button-prev{ background-color:rgba(0,0,0,0.2); color:#FFFFFF; height:50px; padding:5px;}*/
.proshow .img+.right{ float:right; width:calc(100% - 730px);}



@media screen and (max-width :1300px){
.proshow .img,.proshow .imgs .bigimg{
	width:calc(90vw - 480px);
	

}
.proshow .imgs .bigimg{

	height:calc( (90vw - 480px) * 533 / 800 ); 

}
.proshow .img+.right{ float:right; width:450px;}

	}

@media screen and (max-width :1150px){
.proshow .img,.proshow .imgs .bigimg{
	width:480px;
	

}
.proshow .imgs .bigimg{

	height:calc( 480px * 533 / 800 ); 

}
.proshow .img+.right{ float:right; width:450px;}

	}
	
@media screen and (max-width :816px){
.proshow .img,.proshow .imgs .bigimg{
	width:90vw;
	

}
.proshow .imgs .bigimg{

	height:calc( 90vw * 533 / 800 ); 

}


	}	
	
@media screen and (max-width :500px){.zixun .tk1{ float:left;width:100%;box-sizing:border-box; text-align:center;}
.zixun .tk2{ width:100%; clear:both; margin-top:20px; text-align:center;}}