/* CSS Document */
*{text-overflow: ellipsis;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
html,body{ height:100%; width:100%; /*max-width:1920px;*/ margin:auto;}
body{
	margin: auto; background-color:#ffffff;
	font-size: 16px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000; 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: #204A9C;
}
pre,.pre{
	word-break: break-all;
        white-space: pre-line;
        overflow-wrap: break-word;  max-width:100%; 
}
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:block;*/  display: flex;
    justify-content:center;
    align-items:center;
/*	display:-ms-flexbox;
   -ms-justify-content:center;
   -ms-align-items:center;
   -ms-flex-align:center;*/
	}
	
@media screen\0{
.center{ display:block; }
}
@media screen and (min-width :0\0){
.center{ display:block; }
}
/*图片放大*/
.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:1600px; 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;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#204A9C; color:#FFFFFF}

.pagination li a{ color:#333333}














#header{
	clear:both;
	position:fixed;
	z-index:222;
	top:0px;
	left:0px;
	width:100%;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 		transition:500ms;


}
#header .logo img{ display:none;}
#header .logo img.w{ display:block;}



#header.fixed{ background-color:#ffffff; padding-top:0; padding-bottom:0;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;}
#header.fixed .logo img{ display:block;}
#header.fixed .logo img.w{ display:none;}
.nav{
	line-height:35px;
	z-index:2;
 width:calc(100% - 500px); position:relative; 
}
.nav:before{ content:''; position:absolute; left:0; bottom:0;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.6); z-index:1; width:100vw;}


.nav ul{
	margin: 0px;
	padding: 0px;
}
/*#header .nav >ul> li{margin-left:5px; margin-right:5px;}*/
.nav>ul>li>a{ line-height:90px; position:relative;}
.nav>ul>li>a:before{	content:'';
	position:absolute; width:0;
	left:50%;
	bottom:-1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00; z-index:2;
	-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	}
.nav>ul>li.hover>a:before,.nav>ul>li.hover>a:before,.nav>ul>li:hover>a:before{
	width:100%; left:0;

}

.nav ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none; position:relative;
}
.nav ul li a{
	color:#333333;
	font-size: 20px;
	padding-right:15px;
	padding-left: 15px;
	text-decoration: none; display:block;
}
.nav>ul{ display:table; width:100%;}
.nav>ul>li{ display:table-cell; float:none;}
.nav >ul> li> a{color:#ffffff;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;border-radius:5px;}


#header.fixed .nav >ul> li> a{ color:#333333;}



/*.nav>ul>li.active>a,.nav >ul >li:hover >a,.nav >ul> li> a.hover{
	background-image: url(navbg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom; color:#204A9C;
}*/

.nav >ul> li.nodes:hover> a{border-radius:5px 5px 0 0;}



#header .nav ul ul{ display:none; position:absolute; top:100%; left:0px; width:100%; z-index:1; background-color:#FFFFFF; line-height:1.5;/* background-color:rgba(255,255,255,0.9);*/}

#header .nav ul ul ul{ top:0px; left:100%; width:120%;}
#header .nav ul ul li{width:100%;}
#header .nav ul li:hover>ul{ display:block}
#header .nav ul ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: rgba(100,100,100,0.1); font-size:14px; text-align:center;
}

#header .nav ul ul li a:hover{ color:#FFFFFF; background-color:#204A9C;}


#header .box{ padding-left:10px; padding-right:10px;}
.flash{--swiper-theme-color:rgba(255,255,255,0.8); position:relative; overflow:hidden;}

.flash .picli img{ width:100%;}
.flash .swiper-pagination-bullet{ width:50px;border-radius:0; height:4px;opacity:1;
background: #ffffff;}
.flash .swiper-pagination-bullet-active{ background-color:#E99A3E;}

.search{ position:absolute; left:50%; width:500px; margin-left:-250px; bottom:80px; z-index:9; line-height:65px; background-color:rgba(93,165,249,0.6);border-radius:65px; padding:5px;}
.search input{ width:500px; height:65px; border:none; font-size:16px; padding-left:20px; padding-right:100px;border-radius:65px;}
.search button{ color:#FFFFFF; border:none; height:65px;border-radius:65px; position:absolute; top:0; right:0; background-color:#FFB969; font-size:22px; font-weight:bold; line-height:65px; padding-right:20px;}
.search form{ position:relative; float:left;}
.search form+div{ float:left;}
.search  a{ display:inline-block; font-size:18px; color:#ffffff; margin-left:5px; margin-right:5px;}
.search  a i{content:'';
	background-image: url(search.png);
	background-repeat: no-repeat;
	background-position: -140px center;display:inline-block; width:33px; height:65px; float:left; margin-left:10px;}
.search  a i.a1{background-position: -140px center;}
.search  a i.a2{background-position: -274px center;}
.search  a i.a3{background-position: -400px center;}

.search button:before{
	content:'';
	background-image: url(search.png);
	background-repeat: no-repeat;
	background-position: left center; display:inline-block; width:33px; height:65px; float:left; margin-left:10px;
}


#foot{
	padding-top:50px;
	background-color:#ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
}

#foot,#foot a{color: #C3C4C6;}
#foot .box *{ max-width:100%;}
#foot a:hover{ color:#fff;}


#foot .fnav{
	float:left;

}

#foot .lxin{ float:left;  width:350px; padding-right:50px;margin-right:0; font-size:16px; color:#333333; }
#foot .lxin .tel{
	color:#dd0f09;
	font-size:36px;
	font-family: Impact;
	font-style: italic; line-height:1; padding-bottom:30px;
}
#foot .lxin .title{ font-size:20px; font-weight:bold; color:#333333; padding-bottom:10px;}
#foot .lxin .hc .it{ clear:both; padding-top:5px; padding-bottom:5px;}
#foot .lxin .hc .it>i{color:#dd0f09; float:left; line-height:1.2;text-align:center; width:30px;}
#foot .lxin .hc .it>i.icon-dizhi1{ font-size:22px; }
#foot .lxin .hc .it>div{ margin-left:30px;line-height:1.2;}

#foot .fnav{ width:calc(100% - 550px); max-width:1000px; margin-left:50px;}
#foot .fnav>ul{ width:100%; float:left;}
#foot .fnav>ul>li{ float:left; width:25%;}
#foot .fnav>ul>li >ul{ padding-top:10px;} 
#foot .fnav>ul>li>a{color:#333333; position:relative; font-size:20px; display:block; font-weight:bold;}
#foot .fnav>ul>li ul li a{ color:#888888; font-size:18px;}
#foot .fnav>ul>li ul ul{ display:none;}

#foot .qrcode{ float:right; text-align:center;}
#foot .qrcode img{
	padding:5px;
	border: 1px solid #dddddd; background-color:#FFFFFF;
}
#foot .copy{
	margin-top:20px; float:left; width:100%;box-sizing:border-box;
	clear:both;
	font-size:12px;
	padding-top:30px;
	padding-bottom:10px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#eeeeee;

}
#foot .copy,#foot .copy a{color:#b7b7b7;}

#foot .copy .gotop{
	position:absolute;
	top:10px;
	right:0px;
	border: 1px solid #eeeeee; float:right; line-height:30px; height:30px; width:30px; text-align:center; cursor:pointer; background-color:#FFFFFF;
}

#foot .link{
	float:right;
	padding-left:20px;
	padding-right:20px;
	line-height:32px;
	border: 1px solid #dddddd; position:absolute; bottom:5px;right:0; cursor:default; font-size:16px;
}
#foot .link i{color:#dd0f09; margin-left:15px; content:'';}
#foot .link ul{
	position:absolute;
	bottom:100%;
	width:100%; width:calc(100% + 2px); left:-1px;
	border: 1px solid #dddddd; z-index:10; background-color:#FFFFFF; border-bottom:none; line-height:1.2; display:none; font-size:14px;
}
#foot .box .link ul{ max-width:200%;}
#foot .link:hover ul{ display:block;}
#foot .link ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

#foot .link ul li a{ display:block; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
#foot .link ul li a:hover{
	background-color: #F7FDFF;
}

.share{ clear:both; padding-top:10px;}
.share .iconfont{
	color:#dd0f09;
	font-size:18px;
	border: 1px solid #dddddd;border-radius:100%; padding:10px;
}


.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:2;
	left: 0px;
	bottom: 0px;
	float:left;
	width:100%;
	background-color:#204A9C;
	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:20%;
	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:#204A9C;}
.kefu .item.wx{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:#204A9C;
	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:#204A9C;
	position:absolute;
	right:-200%; font-size:14px; height:100%;
	top:0%;
	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}
}

.etitle{ font-size:48px; text-align:center;background-image: url(line.png);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:5px; margin-bottom:10px;}

.titledp{ font-size:18px; color:#999999; text-align:center; margin-bottom:20px;}
.block{ padding-top:80px; padding-bottom:80px;}

.yewu{
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%;
}
.yewu .econtent{ clear:both; position:relative; padding-left:60px; padding-right:60px;}


.yewu .econtent .picli{ color:#666666; font-size:14px; float:left; width:32%; margin-left:2%;position:relative; overflow:hidden;border-radius:5px; background-color:#FFFFFF;box-shadow:0 0 5px rgba(100,100,100,0.1); margin-top:20px; margin-bottom:20px;}
.yewu .econtent .picli .right{ padding:20px; padding-top:10px; padding-bottom:50px; min-height:280px; position:relative;}
.yewu .econtent .picli:after{ content:''; position:absolute; left:0; bottom:0; height:3px; background-color:#194dbd; width:100%;}
.yewu .econtent .picli:hover{ background-color:#194dbd; color:#FFFFFF;}
.yewu .econtent .picli .ntitle{ color:#333333; font-size:30px; text-align:center; font-weight:bold;}
.yewu .econtent .picli:hover .ntitle{ color:#FFFFFF;}
.yewu .econtent .picli .img img{ width:100%;}
.yewu .econtent .picli .img{ overflow:hidden;}
.yewu .econtent .picli:nth-child(3n+1){ margin-left:0; clear:both;}
.yewu .econtent .swiper-slide .picli{ width:100%;}
.yewu .econtent .swiper-container{ position:relative; overflow:hidden;}
.pro .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .econtent .picli:nth-child(3n+1){ clear:none; margin-left:1%;}
.pro .econtent .picli:nth-child(2n+1){ clear:both; }
.pro .econtent .picli .right .dp{ font-size:18px;}

.case{	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center center; min-height:903px; position:relative; z-index:1;}
	
.case .etitle,
.case .titledp{ color:#ffffff;}
.news{
	background-image: url(newsbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; clear:both;
}
.news .left{ float:left; width:400px;}
@media screen and (min-width :1025px){

.yewu .econtent .swiper-button-next,.yewu .econtent .swiper-button-prev{ display:none;}
.yewu .econtent{ padding-left:0; padding-right:0;}
}
@media screen and (min-width :769px){
.news .left .etitle,.news .left .titledp{ text-align:left; background-image:none;}

}
.news .left .etitle font{color:#194dbd;}
.news .econtent{ float:right; width:calc(100% - 450px); max-width:950px; padding-left:60px; padding-right:60px; position:relative;--swiper-theme-color:#999999;}
.news .econtent .swiper-container{ overflow:hidden; position:relative;}
.news .econtent .picli{  position:relative;}
.news .econtent .picli .img:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1);}
.news .econtent .picli .img img{ width:100%;}
.news .econtent .picli .right{ position:absolute; bottom:0; left:0; width:100%; z-index:2; color:#FFFFFF; padding:20px;}
.news .econtent .picli .right .ntitle{
	font-size:30px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:5px;
	white-space: nowrap; overflow:hidden;
}
.news .econtent .picli .right .dp{ font-size:14px; line-height:1.5; min-height:3em; max-height:3em;}
.news .econtent .picli:hover .img:after{ display:none;}





















/*内页*/



/*内页当前位置*/

#postion{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd;	 

}

#postion .fl{

	padding-left:30px;

	font-size:20px;

	font-weight:bold;

	background-image: url(p.jpg);

	background-repeat: no-repeat;

	background-position: left center; position:relative;

}
#postion .fl:before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#015fac;}
#postion .postion{  line-height:1.5; display: flex;

    justify-content:center;

    align-items:center; float:right; text-align:left; font-size:14px; min-height:40px;}

#postion .postion i{ color:#cccccc; margin-right:3px;}

#postion .postion,#postion .postion a{ color:#777777;}

/*新闻动态*/

#cms .newsli{ text-align:left; position:relative; float:left; width:100%; padding-top:35px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ddd; position:relative; padding-bottom:35px;}



#cms .newsli .date{

	width:100px;

	float:left;

	text-align:center;

	color:#015fac;

	line-height:1.5;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #ddd; font-size:12px; 

}

#cms .newsli .date b{ display:block; font-size:36px}

#cms .newsli .date span{ display:block}



#cms .newsli .right{ margin-left:0;	position:relative;}

#cms .newsli .date+.right{

	margin-left:120px;



}

#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:130px;}

#cms .newsli div.img{

	position:absolute;

	top:50%; margin-top:-57px;

	right:0px;

	width:120px;

	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:#015fac; 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%;}





/*产品*/

#cms .picli{



	width:31.3333%;

	margin-left:1%;

	margin-right:1%;

	float:left; margin-bottom:20px; text-align:center

}

#cms .picli div.img{border: 1px solid #ddd; padding:5px; }



#cms .picli div.img>div{ overflow:hidden; min-height:220px; max-height:220px;}

#cms .picli div.img>div img{  /*min-height:265px; */max-height:220px; max-width:100%;/* min-width:100%;*/}

#cms .picli div.ntitle{

	white-space: nowrap;

	overflow: hidden; margin-top:10px;

}

#cms .picli:nth-child(3n+1){ clear:both}







/*详细页*/

#cms1 *{ max-width:100%;}

#cms1 .content{ font-size:16px; color:#000000; }

#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;

}

/*联系*/







.proshow .left{ float:left;width:500px;}
.proshow .img{

	float:left;

	overflow:hidden;

	border: 1px solid #dddddd; padding:2px; background-color:#FFFFFF; width:500px;box-sizing:border-box;
 max-height:500px; min-height:500px;display: flex;
    justify-content:center;
    align-items:center;
}

.proshow .img>div{ overflow:hidden;}

.proshow .img img{ max-width:100%;}

.proshow .right{ float:right; width:calc(100% - 530px); line-height:1.2;}

.proshow .right .item{ padding-top:5px; padding-bottom:5px;}

.proshow .right .t1{

	font-size:22px;

	color:#015fac;

	font-weight: bold;

}

.proshow .right .t2{ /*font-size:14px;*/ }

.proshow .right .t2,.proshow .right .t2 a{ color:#015fac;}

.proshow .right .t3{

	margin-top:10px;

	color:#000000;

	line-height:2;
/*
	word-break: break-all;

	white-space: pre-line;

	overflow-wrap: break-word;*/

	max-width:100%;

}

.proshow .right .t4{ padding-top:25px; line-height:45px; font-size:18px;}

.proshow .right .t4 a{ background-color:#F69000; color:#FFFFFF; display:inline-block; padding-left:30px; padding-right:30px;border-radius:3px;}

.proshow .right .t4 a i{ margin-right:3px;}



.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:#015fac; color:#FFFFFF; font-size:14px;border-radius:3px;}

.back a:hover{ background-color:#F69000;}


.protitle{

	margin-top:30px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dddddd; line-height:45px; margin-bottom:10px;

}


.protitle b{
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	border-radius:3px 3px 0 0;
	border: 1px solid #dddddd; border-bottom:none; cursor:pointer;
}
.protitle b+b{ margin-left:5px;}
.protitle b.hover{border-color:#015fac;  background-color:#015fac; color:#FFFFFF; }



#cms1,#cms{ padding-top:20px;box-shadow:0 0 5px rgba(200,200,200,0.5); padding:15px;box-sizing:border-box;}

.procontent .content{ display:none;}
.procontent .content.hover{ display:block;}







/*内页联系我们*/

.contact{ padding-top:20px;}



 .lxli{ clear:both;}

 .lxli ul li .img{float:left; max-width:75px;display: flex;

    justify-content:center;

    align-items:center; background-color:#015fac;border-radius:100%; padding:0px; overflow:hidden;}

 .lxli ul li img{ float:left; max-width:75px; background-color:#015fac;border-radius:100%; padding:0px;}

 .lxli ul li img+div,.lxli ul li .img+div{ margin-left:95px; line-height:1.5;}

 .lxli ul li .t1{  font-size:20px; color:#333333;}

 .lxli ul li  .t2{ color:#666666;}

 .lxli ul li{ float:left; width:32%; margin-left:2%; margin-top:15px; margin-bottom:15px;}

 .lxli ul li:nth-child(3n+1){ margin-left:0; clear:both;}

.mapjson+iframe{ width:100%; margin-top:0px; min-height:350px; float:left;}


#left{

	float:left;

	 width:270px; overflow:hidden; 

}

#left .leftnav{background-color:#2A4E72;border-radius:10px; float:left; width:100%; overflow:hidden;}

.ny #left .leftnav{ min-height:0px;}

#right{ float:right; width:calc(100% - 290px);}

#left .title2{
	background-image: url(protitle.jpg);
	background-repeat: repeat-x;
	background-position: center top; font-size:28px; color:#FFFFFF; line-height:75px; text-align:center; padding-left:20px;
}

#left .sort{  margin:10px; padding:5px; background-color:#FFFFFF;}

#left .sort ul li a{  display:block; padding:5px; padding-right:10px; padding-left:25px; margin-bottom:5px;}

#left .sort>ul>li>a{
	background-color:#E8ECEF;
	color:#000000;
	font-size:18px;
	font-weight: bold; padding-top:7px; padding-bottom:7px; /*padding-top:10px; padding-bottom:10px;*/
}

#left .sort>ul>li>a:before {
 font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65e"; font-size:12px; font-weight:lighter; margin-right:30px;
}



#left .sort>ul>li>a:hover,#left .sort>ul>li.hover>a,#left .sort>ul>li.active>a{ background-color:#E99A3E;  color:#FFFFFF;}
#left .sort>ul>li>ul{ padding-bottom:5px; }
#left .sort>ul>li>ul>li>a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:block; font-size:14px; padding-left:45px;
}

#left .sort>ul>li>ul>li>a:before{ content:'-'; margin-right:5px;}

.pli{
	border: 1px solid #dddddd; clear:both; padding:10px; box-sizing:border-box; margin-top:5px; 
}
.pli:last-child{ margin-bottom:5px;}
.pli *{ max-width:100%;}
.pli+.pli{ margin-top:-1px;}
.pli .left{
	float:left;
	width:180px;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee; line-height:1.5; padding-top:10px; padding-right:20px;box-sizing:border-box;
}
.pli .left .title{ font-size:18px; font-weight:bold;}
.pli .left+.right{ margin-left:180px; position:relative;padding-left:20px;box-sizing:border-box; line-height:2;}
.pli .left+.right:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	left:-1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee; 
}

@media screen and (max-width :768px){ 
.pli .left{ width:140px;}
.pli .left+.right{ margin-left:140px; line-height:1.5; font-size:14px;}
}
#cms1 .content td{ padding-left:10px; padding-right:10px;}
.cyli{
	float:left;
	width:100%;
	clear:both;
	/*border: 1px solid #dddddd; */padding-top:3px; padding-bottom:3px;
}
.cyli:last-child{ margin-bottom:5px;}
.cyli+.cyli{ margin-top:-1px; padding-top:5px; padding-bottom:5px;}
.cyli:nth-child(2n){ background-color:#f5f5f5;}
.cyli .t{ float:left; width:50px; padding-left:5px; padding-right:5px;box-sizing:border-box;}
.cyli .t+.r{ width:calc(100% - 50px); float:right; color:#000000;}
.cyli .t+.r ul li{ display:inline-block; padding-left:15px; position:relative; margin-right:10px;}
.cyli .t+.r ul li:before{ content:''; background-color:#cccccc; position:absolute; top:50%; left:0; margin-top:-4px; height:8px; width:8px;}

#proflash .picli *{ max-width:100%;}
#proflash{--swiper-theme-color:#666666;--swiper-navigation-size:24px; clear:both; margin-top:10px; float:left; width:100%; position:relative; box-sizing:border-box; }
#proflash .swiper-slide{ padding-top:1px; padding-bottom:1px;}
#proflash .swiper-slide .imgli{
	border: 1px solid #dddddd;overflow:hidden; padding:2px;
}
#proflash .swiper-slide .imgli>div{ overflow:hidden; min-height:90px; max-height:90px;display: flex;
    justify-content:center;
    align-items:center; }
#proflash .swiper-slide-active .imgli{
	border-color:#015fac; 
}
#proflash .swiper-container{ margin-left:30px; margin-right:30px;}
#proflash .swiper-button-lock+.swiper-container{ margin-left:0; margin-right:0;}
@media screen and (max-width :768px){ 
#proflash .swiper-slide .imgli>div{min-height:20vw; max-height:20vw;}
.proshow .img{ max-height:80vw; min-height:80vw;}
}

#cms,#cms1{ min-height:300px;}
.lianxi{ padding-top:30px; padding-bottom:30px;}
.lianxi .contact{ float:left; width:450px;}
.lianxi .right{ float:right; width:calc(100% - 450px);}
.lianxi iframe{ width:100%; min-height:420px;}

.aboutimg{ clear:both; padding-top:20px;}
.aboutimg .title{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; line-height:45px;
}
.aboutimg .title b{ position:relative;
	display:inline-block;
	padding-right: 35px;
	padding-left: 35px;
	border: 1px solid #eeeeee;border-radius:5px 5px 0 0; background-color:#FFFFFF;
}
.aboutimg .title b:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #204A9C; width:100%;
}
.aboutimg ul li{ width:calc(100% / 6 - 2%); float:left; margin-left:1%; margin-right:1%; padding:0;  margin-top:10px; margin-bottom:10px; overflow:hidden;}
.aboutimg ul li img{
	box-sizintg:border-box;
	padding:2px;
	max-width:100%;
	border: 1px solid #eeeeee; background-color:#FFFFFF;
}



.aboutpic .left{ float:left; width:50%;}
.aboutpic .left .h1{ font-size:42px; line-height:1.5; color:#204A9C; font-weight:bold;}
.aboutpic .left .h2{ font-size:22px;line-height:1.5; font-weight:bold; color:#333333; max-width:420px;}
.aboutpic .left .hc{ font-size:16px; color:#393939; padding-top:30px;}

.aboutpic .right{ width:48%;
	max-width:645px;
	min-height:376px;
	float:right;
	border: 1px solid #dddddd; padding:5px; overflow:hidden; background-color:#FFFFFF;
}
.aboutpic .right img{ width:100%;}
.aboutpic .right *{ max-width:100%;}
.ali:nth-child(2n+1){ background-color:#f5f5f5;}
.at .aboutpic .left .hc{ font-size:18px; line-height:3;}



/*荣誉证书*/
.honorin{ padding-top:50px; padding-bottom:50px;} 
.honorin .picli{ float:left; width:20%; margin-bottom:20px;}
.honorin .picli *{ max-width:100%;}
.honorin .picli:nth-child(5n+1){ clear:both;}
.honorin .picli div.img{
	border: 1px solid #ddd;
	padding: 2px; width:260px; max-width:100%; margin:auto; 
}
.honorin .picli a{ overflow:hidden; display:block;display: flex;
    justify-content:center;
    align-items:center;min-height:195px; max-height:195px; overflow:hidden;}
.honorin *{ max-width:100%;}



   .honorMain {

}
/*.honorMain .econtent,.aboutpic .econtent,.contact .econtent{ padding-top:30px; margin:auto; box-sizing:border-box;}*/
  .honorMain .econtent{max-width:1200px; padding-left:80px; padding-right:80px; margin:auto;}
  
  .honorMain .honorList { overflow:hidden; padding-top:100px; padding-bottom:100px; max-width:1200px; margin:auto;  }

  .honorList .swiper-slide img{ max-width:100%;}

.honorMain  .econtent{ position:relative; }
.honorMain .swiper-button-next,.honorMain .swiper-button-prev{border-radius:100%;
	border: 2px solid #cccccc;--swiper-theme-color:#cccccc;--swiper-navigation-size:30px; width:44px; line-height:44px; height:44px; text-align:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.honorMain .swiper-button-next:hover,.honorMain .swiper-button-prev:hover{background-color:#1e4b9c; color:#ffffff;}

.case .sw{
	display:none;
	padding-left:50px;
	position:relative;
	padding-right:50px;
--swiper-theme-color:#ffffff;	background-image: url(ttt_r2_c2.png);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100%;
}
.case .swiper-container{ position:relative; overflow:hidden;}
.case .swiper-container .picli { color:#FFFFFF; text-align:center;}
.case .swiper-container .picli .img{ text-align:center;}
.case .swiper-container .picli .img img{ max-width:80%;}
.case .swiper-container .picli .right{ padding:20px; background-color:rgba(0,0,0,0.75); margin-left:2px; margin-right:2px;}
.case .swiper-container .picli .right .ntitle{ font-size:24px; text-align:center; font-weight:bold;}
.case .swiper-container .picli .right{ line-height:1.5;}
.case .swiper-container .picli .right h2{ font-size:18px;}


.orderxq{
	background-color: rgba(255,255,255,0.95);
	width:800px;
	height:500px;
	top:50%;
	left:50%; margin-top:-250px;
	margin-left:-400px;
	position:fixed;
	z-index:224;
	padding: 10px;
	border: 1px solid #eeeeee;border-radius:5px 0 5px 5px;box-shadow:0 0 5px rgba(0,0,0,0.3); display:none; /*overflow:hidden;*/
}
.orderxq .title{ background-color:#f5f5f5; padding-left:10px; padding-right:10px; font-weight:bold; background-color:rgba(100,100,100,0.2);}

.orderxq .close{ cursor:pointer; z-index:2; position:absolute; top:-33px; background-color:rgba(255,255,255,0.9); right:-1px; padding:10px; line-height:30px;border-radius:5px 5px 0 0; line-height:1; font-size:12px; color:#999;}
.orderxq.hover+.bg{ z-index:223; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.orderxq.hover{ display:block;}
.orderxq .msg{ padding-top:10px;}
.orderxq .details{ padding:20px; float:left; width:50%;box-sizieng:border-box;}
.orderxq .details>li:nth-child(2n){ background-color:rgba(200,200,200,0.3);}
.orderxq .details>li{ padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; line-height:1.2;}
.orderxq .detailsli{
	float:right;
	width:50%;
	padding:20px;
	max-height:400px;
	min-height:400px;
	overflow-y:auto;
	font-size:12px; box-sizieng:border-box;

}
.orderxq .detailsli>ul{position:relative; padding-left:20px;}
.orderxq .detailsli>ul>li:after{ content:''; left:-20px; top:10px; height:100%;	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee; position:absolute;border-color:#ddd;}
	.orderxq .detailsli>ul>li:last-child:after{ display:none;}
.orderxq .detailsli li{ position:relative; display:block;}
.orderxq .detailsli li:before{ position:absolute; content:''; background-color:#3399FF; width:10px; height:10px; float:left;border-radius:100%; top:10px; left:-25px; z-index:1; }
.orderxq .detailsli li div{ color:#999;}
.orderxq .details span{ float:left; width:90px;}
.orderxq .details span+div{ margin-left:90px;}

.alertmsg{ position:fixed; top:50%; left:0; width:100%; z-index:99; text-align:center; line-height:1.2;}
.alertmsg>div{ display:inline-block; padding:20px; background-color:rgba(0,0,0,0.3); color:#ffffff;border-radius:5px; margin-top:-50px;}

.logins{ min-height:calc(100vh - 350px); display:block; display: flex;
    justify-content:center;
    align-items:center;}
.login{border-radius:5px;
	width:400px;
	margin-top:50px;
	margin-bottom:50px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #eeeeee;
}
.login .title{ text-align:center; font-weight:bold; font-size:18px; padding-bottom:10px;}
.login input{
	height:38px;
	border: 1px solid #dddddd; width:100%;border-radius:5px; padding-left:10px; padding-right:10px;box-sizing:border-box;
}
.login .li{ clear:both; float:left; width:100%; padding-top:5px; padding-bottom:5px; line-height:40px;}
.login .li> span{ float:left;}
.login .li span+div i{ position:absolute; z-index:1; left:5px; top:0; color:#999999;}
.login .li span+div i+input{padding-left:30px;}
.login .li> span+div{ margin-left:80px; position:relative;}
.login .li img{ height:40px; float:left;border-radius: 0 5px 5px 0; margin-top:-1px;}
.login .li.code input{ float:left; width:calc(100% - 102px);border-radius:5px 0 0 5px;}
.login  button{ width:100%; height:40px; background-color:#1848B7;border:none; height:55px; color:#FFFFFF;border-radius:3px; font-size:18px;}

.orderli li{
	clear:both;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	float: left;
	width: 100%;
	box-sizing:border-box;
	font-size: 14px;
	font-family: "新宋体"; cursor:pointer; line-height:1.5;
}
.orderli li .it{ padding-top:5px; padding-bottom:5px;}
.orderli li .it span{
	float:left;
	font-weight: bold;
}
.orderli li .it span+div{ color:#666666;}
.orderli li .fl{ width:calc(100% - 200px);}
.orderli li .fr{ width:120px; }


.orderli li:nth-child(2n){ background-color:rgba(200,200,200,0.1);}
.orderli li:hover{ background-color:rgba(200,200,200,0.2);}
.inline{ display:inline-block;}
.hdli{ display:none; position:fixed; height:80%; width:800px;  left:50%; margin-left:-400px; top:10%; background-color:#FFFFFF; z-index:224; padding:20px;border-radius:5px;}
.hdli.hover+.bg{ background-color:rgba(0,0,0,0.5); z-index:223; position:fixed; left:0; top:0; width:100%; height:100%;}
.hdli.hover{ display:block;}
.hdli ul{ overflow-y:auto; max-height:100%;}
.hdli ul li{
	border: 1px solid #eeeeee; margin-top:5px; margin-bottom:5px; padding:20px;border-radius:5px;
}
.hdli ul li:hover{border-color:#3399FF;}


.searcht{
	clear:both;
	padding-top:15px;
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-bottom:10px;
}
.searcht input{
	height:40px;
	border: 1px solid #eeeeee;border-radius:3px; width:120px; color:#666666;
}
.searcht input.date{ text-align:center;}
.searcht .hdinput{ width:200px; text-align:left; padding-left:10px; padding-right:10px; color:#666666;}
.searcht button{border: 1px solid #eeeeee; height:40px; width:80px; background-color:#ffffff; color:#666666;border-radius:3px; font-size:16px;}

.ordermy{ padding-top:30px;}

.orderli>ul{ min-height:100px;}
.orderli>ul .null{ text-align:center; color:#999999; line-height:100px; font-size:14px;}
.yd{ display:inline-block; line-height:55px; font-size:12px; float:right; margin-right:60px;}
.yd a{ color:#666666;}
.yd i{ margin-right:3px;}

.ydt{ position:absolute; top:10px; font-size:14px; right:10px; z-index:2;}
.ydt a{ color:#ffffff; display:inline-block; margin-left:5px; margin-right:5px;}
#header.fixed .ydt a{ color:#666666;}

.logint{ position:fixed; top:50%; margin:auto; left:50%; margin-left:-200px; margin-top:-180px; z-index:224; background-color:#ffffff; display:none;}
.logint.hover{ display:block;}
.logint.hover+.bg{ position:fixed; z-index:223; background-color:rgba(0,0,0,0.3); top:0; left:0; height:100vh; width:100vw;}
.logint .close{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	text-align:center;
	line-height:30px;
	color:#999;
	font-family: Arial, Helvetica, sans-serif; cursor:pointer; font-size:16px;
}