/* CSS Document */

*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 18px;
	line-height: 1.5;
	color: #333333;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;
	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;
	    /* ios系统字体被手动调大优化 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;background-color:#FFFFFF;

}
/*body.isba{ background-color:#F6F6F6}*/
body>div{ max-width:100%; overflow:hidden;}
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;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #003E8B;
}
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;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}


.fl{ float:left}
.fr{ float:right}
.box{
	width:1625px;
	margin:auto;
	min-width:1250px;

}





.app_header{ display:none;}


.headert.fixed+.app_top{width:100%;height:280px; float:left;}
.headert.fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	float:left;
	z-index:5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}
#menu{ z-index:22;}


#footnav{
	position: fixed; z-index:2; font-size:16px;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(18,99,206,0.6);/* background-color:#003E8B;*/ display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.2);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.2);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}
#footnav a:nth-child(1):after{ display:none}

#footnav a span{ display:inline-block; position:relative; padding-left:25px;}
#footnav a span i{ font-size:20px; line-height:1; float:left; position:absolute; top:50%; margin-top:-10px; left:0;}
#menu{ background-color:#003E8B;}


/*内页底部*/
.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; background-color:#FFFFFF;
}

.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: #197DDD; color:#FFFFFF}

.pagination li a{ color:#333333}



#header{
	float:left;
	width:100%;
	z-index:2;
background-image: url(1_r1_c1.jpg);
	background-repeat: repeat;
	background-position: center top; padding-top:12px;
	
}
#top{
		background-image: url(1_r2_c1.jpg);
	background-repeat: repeat;
	background-position: center top;line-height:46px; min-height:74px; padding-top:55px; padding-bottom:55px;
}


#header .tel{
	background-image: url(i4.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:70px; line-height:1.2; min-height:59px; margin-top:9px; color:#000000;
}
#header .tel> font,#header .tel> span{ display:block;}
#header .tel font{

	font-size:26px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#header .logo img{ float:left;}
#header .logo >a>div{
	line-height:1.5;
	/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;*/ padding-left:30px;
	background-image: url(logoline.png);
	background-repeat: no-repeat;
	background-position: left center;
	max-height:77px; min-height:77px;
	overflow:hidden;
	color: #999999;
	font-size: 20px;display: flex;
    justify-content:center;
    align-items:center; float:left; margin-left:25px;
}
#header .logo >a>div span,#header .logo >a>div font{ display:block}



#nav{ background-color:#003E8B; color:#FFFFFF;}
#nav .box>ul{
	width:100%;
	display: table; padding:0; margin:0; font-size:20px;
}
#nav .box>ul >li{
	display: table-cell; text-align:center; position:relative; padding:0; margin:0;
}
#nav .box>ul >li>a{ line-height:60px; padding-top:10px; height:60px; padding-bottom:10px; display:block; color:#FFFFFF}
/*#nav .box>ul >li>a>span{ line-height:30px;}
#nav .box>ul >li>a>font{	text-transform: uppercase; line-height:20px;}*/
/*#nav .box>ul >li>a>span,#nav .box>ul >li>a>font{
	display:block;

}
#nav .box>ul >li>a>font{ font-size:13px; color:rgba(255,255,255,0.8); display:none}*/
#nav .box>ul >li .node{ position:absolute; top:80px; width:390px; box-sizing:border-box; padding:20px; right:0; z-index:2;background-color:#E5EAF0; background-color:rgba(255,255,255,0.8); display:none; }
#nav .box>ul >li:nth-child(1) .node,#nav .box>ul >li:nth-child(2) .node,#nav .box>ul >li:nth-child(3) .node,#nav .box>ul >li:nth-child(4) .node{ left:0;}

#nav .box>ul >li .node .img{ float:left; max-width:380px; overflow:hidden;}
#nav .box>ul >li .node .img *{ max-width:100%;}
#nav .box>ul >li .node ul{ display:block; float:right; width:calc(100% - 5px);}
#nav .box>ul >li .node ul li{ float:left; width:46%; margin-left:2%; margin-right:2%; margin-bottom:5px;}
#nav .box>ul >li .node ul li:nth-child(2n+1){ clear:both;}
#nav .box>ul >li .node ul li a{ background-color:#FFFFFF; line-height:24px; padding-top:8px; padding-bottom:8px; display:block; position:relative;color:#666666;font-size:16px;}

#nav .box>ul >li .node ul li a span{ display:block; text-align:left; margin-right:50px; margin-left:25px;}
#nav .box>ul >li .node ul li a span:after {
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\eb94"; position:absolute; right:20px;
}
#nav .box>ul >li .node ul li a:hover{ background-color:#005BAC; color:#FFFFFF;}

#nav .box>ul >li.active>a,#nav .box>ul >li:hover>a{ background-color:#FFA533}
.flash{ position:relative; overflow:hidden;}
.flash .swiper-container{ overflow:hidden;}


.flash .swiper-slide{ position:relative}
.flash .swiper-slide .txt{ Opacity:0;position:absolute; left:15%; top:80%; margin-top:-100px; color:#FFFFFF;-webkit-transition:2000ms; -moz-transition:2000ms; -ms-transition:2000ms; transition:2000ms;}






/*.flash .swiper-slide .txt{top:50%;}*/
.flash .swiper-slide .txt .h1{
	font-size:103px;
	font-weight: bold;-webkit-transition:4s; -moz-transition:4s; -ms-transition:4s; transition:4s;
}

.flash .swiper-slide .txt .h2{ margin-top:100px;
	font-size:40px;
	letter-spacing: 0.8em;-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;
}



.flash .swiper-slide-active .txt .h2,.flash .swiper-slide.hover .txt .h2{ margin-top:0px;}
.flash .swiper-slide-active .txt,.flash .swiper-slide.hove .txt{top:50%;Opacity:1;}

.flash .swiper-slide-active.hover .txt .h2{margin-top:100px;}
.flash .swiper-slide-active.hover .txt{top:80%;}



.flash .swiper-slide{ overflow:hidden;}

.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:70px; left:70px;border-radius: 0%; text-align:center;}


.flash .phone,.banner .phone{ display:none}
.flash{ overflow:hidden; position:relative;}
.flash .swiper-pagination{ bottom:30px; left:0px; text-align:center; width:100%; z-index:22;}
.flash .swiper-pagination img{ display:none}

.flash .swiper-pagination .swiper-pagination-bullet:after{ content:''; background-color:#ffffff; height:8px; width:8px; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-4px;border-radius:100%;}
.flash .swiper-pagination .swiper-pagination-bullet{
    width:20px;
	height:20px;
	/*margin-right:155px;*/
	opacity: 1;
	border: 3px solid rgba(255,255,255,0); background-color:rgba(255,255,255,0); position:relative; margin-bottom:6px; position:relative;

}


.flash .swiper-pagination .swiper-pagination-bullet-active
{

	border: 3px solid #ffffff;
}

.flash .swiper-slide *{ max-width:100%;}


.flash .tv{ position:absolute; right:20%; width:33vw; z-index:3; top:50%; margin-top:-12.5vw; background-color:#999999; background-color:rgba(200,200,200,0.9);}
.flash .tv video{  height:25vw;width:33vw}

.foot{ margin-top:100px; background-color:#212121; color:#FFFFFF;}
.foot,.foot a{ color:#ffffff;}
.link{
	background-color:#0052B0;
 text-align:left; line-height:38px; padding:12px; margin-bottom:40px; 
}
.link .title{ float:left; padding-left:40px;	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
.link .hc{ margin-left:120px;}


.footnav{ padding-top:45px; text-align:center;}





.foot,.foot a{ color:#ffffff;}
.footnav .ul>ul{
	float:left;
	width:100%;

	display: table; 
}
.footnav .ul>.qrcode{ float:right; width:200px;}
.footnav .ul>ul> li{
	display: table-cell;
position:relative;padding-bottom:15px; text-align:left;
}
.footnav .ul>ul> li>ul{ padding-top:15px;}
.footnav .ul>ul> li>a{ font-weight:bold;  padding-left:30px; padding-right:30px }
.footnav .ul>ul> li ul li a{ color:rgba(255,255,255,0.6); font-size:14px; line-height:1.5; display:block; padding-top:3px; padding-bottom:3px; padding-left:30px; padding-right:30px;}
.footnav .ul>ul> li ul li a:hover{color:rgb(0, 82, 176);}
.footnav .ul>ul ul ul{ display:none}
.footnav ul li font{ display:none}
.flogo{ float:left; width:360px; text-align:center;}
.footnav .ul{
	width:calc(100% - 900px);
	float:left;
	position:relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:rgba(255,255,255,0.2);
	border-left-color:rgba(255,255,255,0.2); margin-left:50px;
}
.footnav .ul:before,.footnav .ul:after{content:'';
	position:absolute;
	top:0;
	left:-1px;
	height:50px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0052B0;}
.footnav .ul:after{right:-1px; left:auto;}

.foot .qrcode{ float:left; width:180px; text-align:center;}
.foot .qrcode img{ display:block; margin:auto;margin-top:20px; }
.foot .tel{ float:left; text-align:left; width:300px;}
.foot .tel .t1{}
.foot .tel .t2{ font-size:32px;}
.foot .tel .t3{ font-size:12px; color:rgba(255,255,255,0.5);}
.foot .tel .t4{ padding-top:30px;}
.foot .tel .t4 a{
	display:inline-block;
	background-color:#0052B0;
	border-radius:5px;
	line-height:32px;
	padding-left:35px;
	padding-right:20px;
	background-image: url(kf.png);
	background-repeat: no-repeat;
	background-position: 10px center; background-size:20px;
}
.foot .tel .t4 a:hover{ background-color:#FFA533;}
.copy{ clear:both; font-size:16px; position:relative; text-align:center; background-color:#181818; }
.copy .box{
	 margin-top:50px; padding-top:20px; padding-bottom:20px; position:relative;
}
.copy,.copy a{ color:#999999;}



/*首页*/
.etitle{ text-align:center; font-size:48px; line-height:1; position:relative; padding-bottom:10px; padding-top:10px;}

.etitle b{ color:#324882; font-weight:bold; margin-right:5px; display:inline-block; margin-right:10px; margin-left:10px;}
.etitle font{ position:relative;display:inline-block; width:10px; margin-right:20px; }
.etitle font:after{ content:''; width:10px; height:10px; background-color:#324882; display:inline-block; line-height:10px; position:absolute; top:50%; margin-top:-20px;border-radius:100%;}

.title2  .dp{ font-size:20px; color:#666666; color:rgba(50,50,50,0.45); position:relative; max-width:80%; margin:auto; padding-bottom:20px; margin-bottom:50px;}
.title2  .dp:after,.title2  .dp:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F8DE56; width:2em; margin-left:-2em;
}
.title2 .dp:before{ margin-left:0px;border-color: #324882;}


.pro{ z-index:2; padding-top:50px;}
.case{ z-index:2; padding-top:140px;}
.pro .ptitle{ }
.pro .ptitle .title{background-color:#003E8B; color:#FFFFFF; float:left; position:relative; line-height:1.2; padding:30px;padding-left:120px; width:360px; box-sizing:border-box; }
.pro .ptitle .title font,.pro .ptitle .title span{ display:block; font-size:30px; font-weight:bold; line-height:40px;}
.pro .ptitle .title font{ font-size:15px; color:rgba(255,255,255,0.3); line-height:20px;}
.pro .ptitle .title:before {  font-family: "iconfont" !important;
  font-size: 50px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e631"; position:absolute; left:45px; font-weight:bold;
}


.pro .tab{
	display: table;
	width:calc(100% - 362px);
	text-align:center;
	margin-left:100px;
	border: 1px solid #dddddd; font-size:18px; min-height:120px;
}
.pro .tab>span{
	display:table-cell;
	color:#666666;
	min-height:120px;
	vertical-align: middle;
}
.pro .tab>span>font{
	display:inline-block;
	padding-left:35px;padding-right:35px;
	background-repeat: no-repeat;
	background-position: left center;line-height:120px;	position:relative; cursor:default;
}


.pro .tab>span.hover font{
	background-image: url(1_r3_c8.jpg);
	background-repeat: no-repeat;
	background-position: left center;

	color:#003E8B; 

}
.pro .tab>span.hover font:before{
	content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	bottom: 0px;
	border-bottom-color: #003E8B; position:absolute; left:0; width:100%;
}	
	.pro .tab>span.hover font:after{ content:'';background-image: url(1_r3_c8.jpg);
	background-repeat: no-repeat;
	background-position: right center; display:inline-block; width:30px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px;}
	
.pro .econtent{ display:none; padding-top:50px;}
.pro .econtent.hover{ display:block;}
.pro .econtent>.left{box-sizing:border-box; float:left; width:30%; background-color:#1F3B84; min-height:812px; max-height:812px; overflow:hidden;padding:20px;}


.pro .econtent>.left .title{
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden; text-align:center;
}
.pro .econtent>.left .hc{color:#FFFFFF; font-size:16px; line-height:1.5; max-height:4.5em; margin-top:15px;
	overflow: hidden; }
	.pro .econtent>.left .img{display: flex;
    justify-content:center;
    align-items:center; min-height:500px; max-height:500px; overflow:hidden; text-align:center;}
.pro .econtent>.left img{ max-width:100%; max-height:100%;}

.pro .econtent>.left .txt{ clear:both; padding-top:20px; width:80%; margin:auto;}
.pro .econtent>.left .more{ clear:both; padding-top:50px; text-align:center;}
.pro .econtent>.left .more span{
	color:#FFFFFF;
	border: 1px solid #ffffff;border-radius:100%; font-size:24px; padding:15px; line-height:1;
}

.pro .econtent>.right{ float:right; width:67%;}

.pro .econtent>.right .tjlist{ background-color:#FFFFFF;box-shadow:0 0 5px rgba(100,100,100,0.3); float:left; width:100%; padding:20px;box-sizing:border-box; }


.pro .econtent>.right .tjlist .img{ width:430px; float:left; min-height:340px; max-height:340px;}

.pro .econtent>.right .tjlist .img *{ max-width:100%; max-height:100%; min-height:340px;}
.pro .econtent>.right .tjlist .txt{ margin-left:480px;}
.pro .econtent>.right .tjlist .pic {
	
}
.pro .econtent>.right .tjlist .pic span{ text-align:center; margin-right:10px; display:inline-block;}
.pro .econtent>.right .tjlist .pic img{
	float:left;
	width:125px;
	height:125px;

	border-radius:100%;
	border: 5px solid #eeeeee;

}

.pro .econtent>.right .tjlist .more{ line-height:35px; padding-top:20px;}
.pro .econtent>.right .tjlist .more a{ background-color:#1D569B; color:#FFFFFF;border-radius:45px; border:none; margin-right:20px; display:inline-block; padding-left:30px; padding-right:30px;}
.pro .econtent>.right .tjlist .more a.zxbtn{
	background-image: url(kf.png);
	background-repeat: no-repeat;
	background-position: 30px center; padding-left:55px;background-color:#E5C58C;
}
.pro .econtent>.right .tjlist .more a:hover{ background-color:#FFA533;}
.pro .econtent>.right .tjlist .txt .title{ font-size:24px;color:##1D569B; line-height:1.2; max-height:2.4em; overflow:hidden;}
.pro .econtent>.right .tjlist .txt .hc{ color:#999999; font-size:14px; line-height:1.5; margin-top:10px; max-height:3em; overflow:hidden; margin-bottom:10px;}
.pro .econtent>.right .picli{
	float:left;
	width:48%;
	margin-left:4%;
	margin-bottom:15px;
	border: 1px solid #dddddd;box-sizing:border-box; margin-top:20px; 
}
.pro .econtent>.right .picli:nth-child(2n+1){ clear:both; margin-left:0;}
.pro .econtent>.right .picli .img{ overflow:hidden; position:relative; float:left; width:100%; text-align:center; min-height:320px; max-height:320px;display: flex;
    justify-content:center;
    align-items:center; background-color:#FFFFFF; overflow:hidden;}
.pro .econtent>.right .picli .img *{ max-width:100%; max-height:100%;}
.pro .econtent>.right .picli .txt{ background-color:#E8E8E8; padding:20px; line-height:1.5; clear:both;}
.pro .econtent>.right .picli .txt .title{ color:#333333; font-size:20px;	white-space: nowrap;
	overflow: hidden;}
.pro .econtent>.right .picli .txt .hc{
	font-size:14px;
	color:#999999;
	white-space: nowrap;
	overflow: hidden;
}
.pro .econtent>.right .picli:hover .txt{ background-color:#FFA533;}
.pro .econtent>.right .picli:hover .txt .title,.pro .econtent>.right .picli:hover .txt .hc{ color:#ffffff;}
.pro .econtent>.right .picli:hover{ border-color:#26428B;}

.pinzhi{ background-color:#F3F3F3;clear:both; margin-top:70px;}
.pinzhi .box{
	background-image: url(1_r8_c2.png);
	background-repeat: no-repeat;
	background-position: left top; min-height:680px;
}
.pinzhi .r{ margin-left:52%; padding-top:100px; background-color:#F3F3F3; padding-left:50px;}
.pinzhi .title{ font-size:44px; font-weight:bold; color:#003e8b; line-height:60px; }

.pinzhi .title span{
	font-weight:lighter;
	padding-left:15px;
	color:#000000;
	padding-right:35px;
	font-family: "微软雅黑";
	position:relative;
}
.pinzhi .title span:after{ content:'';background-image: url(1_r10_c11.jpg);
	background-repeat: no-repeat;
	background-position: right center; display:inline-block; width:35px; height:90px; position:absolute;     top: -15px;
    right: -15px; }
.pinzhi .entitle {
	text-transform: uppercase;
	color: #999999; 
}
.pinzhi .econtent{ padding-top:20px;}
.pinzhi .item{ float:left; width:48%; margin-left:2%; background-color:#FFFFFF; margin-bottom:15px; padding:15px;box-sizing:border-box; cursor:default;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.pinzhi .item:nth-child(2n+1){ margin-left:0; clear:both;}
.pinzhi .item .img{ float:left; width:80px; text-align:center; display: flex;
    justify-content:center;
    align-items:center;}
.pinzhi .item .img+.txt{ margin-left:100px; line-height:1.5;}
.pinzhi .item .img+.txt .ntitle{ font-size:28px;}
.pinzhi .item .img+.txt .dp{  color:#999999}
.pinzhi .hc{ font-size:18px; clear:both; padding-top:20px;}
.pinzhi .hc b,.pinzhi .hc strong{ color:#003e8b;font-size:24px;}
.pinzhi .item:hover{ background-color:#E5C58C;}
.pinzhi .item:hover  .img+.txt .dp,.pinzhi .item:hover{ color:#FFFFFF}


.case .econtent,.team .econtent{ background-color:#F6F6F6; padding-bottom:140px;}

.case .picli{ width:100%; float:left; overflow:hidden; position:relative;}
.case .picli .right{ position:absolute; top:50px; left:45px; z-index:1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms;}
.case .picli:hover .right{ left:30px;}
.case .picli.item0{ width:100%;}
.case .picli.item3{ width:40%; text-align:right; background-color:#F8F9FE;}
.case .picli.item3 .right{ text-align:left;}
.case .econtent .lf{ width:30%; float:left;}
.case .econtent .lf .picli{ width:100%; }
.case .picli .right .title .icon-jiahao_o{ display:none; position:absolute; right:0; top:0; background-color:#003E8B; font-size:22px; line-height:32px; width:32px; text-align:center;border-radius:100%; font-weight:bold; padding:5px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.case .picli:hover .right .title .icon-jiahao_o{ background-color:#FEA432;}




.case .picli .right .ntitle{ font-size:32px;}
.case .picli .right .entitle{ font-size:16px;}
.case .picli .right .hc{ margin-top:10px;}
.case .picli .img{ text-align:right;}

.case .picli img{    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; text-align:right; max-width:100%;}

.case .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}



.case .picli.item0 .right{ left:0; bottom:0; top:auto; background-color:rgba(0,0,0,0.6); color:#FFFFFF; padding:20px; line-height:1.5; bottom:-50px;}
.case .picli.item0:hover .right{ bottom:0;}
.case .picli.item0 .right .title{ position:relative; padding-right:50px;}
.case .picli.item0 .right .title .icon-jiahao_o{ display:block;}

.case .picli.item2 .right,.case .picli.item4 .right,.case .picli.item5 .right{ color:#FFFFFF}
.case .picli .right .entitle{ color:rgba(200,200,200,0.8); display:block;


	background-image: url(11.png);
	background-repeat: no-repeat;
	background-position: left bottom; padding-bottom:28px;
	
}
.case .picli.item1 .right .entitle,.case .picli.item3 .right .entitle{ 
	background-image: url(22.png);	
}

.case .picli.item0 .right .entitle{ padding:0; background-image:none;}
.case .picli.item2 .right .entitle,.case .picli.item4 .right .entitle,.case .picli.item5 .right .entitle{ color:rgba(255,255,255,0.6);}
.case .picli.item3{ min-height:570px; position:relative;}
.case .picli.item3 img{ position:absolute; bottom:0; right:0;}
.case .picli.item3 .right .title{ color:#003E8B;}


.team{ padding-top:140px; clear:both;}
.team .econtent{ background-color:#F6F6F6; padding-bottom:0; }

.team .econtent .picli{ position:relative; max-height:0;  overflow:hidden;}
.team .econtent .picli.hover{ display:block; max-height:100000px;}

.team .econtent .picli .img img{ max-width:100%;}
.team .econtent .picli .right{ width:25%; left:0; top:100%; height:100%; background-color:#003E8B; color:#FFFFFF; background-color:rgba(9,97,207,0.6); position:absolute;  padding:20px;box-sizing:border-box;display: flex;
    justify-content:center;
    align-items:center;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.team .econtent .picli.hover .right{ top:0;}	
.team .econtent .picli.item1 .right{ left:25%;}
.team .econtent .picli.item2 .right{ left:50%;}
.team .econtent .picli.item3 .right{ left:75%;}
.team .econtent .picli .right>div{}	
.team .econtent .picli .right .title{
	background-image: url(33.png);
	background-repeat: no-repeat;
	background-position: left top; padding-top:90px; font-size:27px; /*margin-top:50px;*/-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
}

.team .econtent .picli:hover .right .title{ margin-top:0;}
.team .econtent .picli .right .title .ntitle{ font-weight:bold;}
.team .econtent .picli .right .entitle{
	text-transform: uppercase; font-size:20px;
}

.team .econtent .picli .right .hc{ line-height:1.5; margin-top:20px;}
.team .econtent .picli .right .hc li{ position:relative; padding-left:30px; padding-top:5px; padding-bottom:5px;}
.team .econtent .picli .right .hc li:after{
	content:'';
	border-radius:100%;
	border:3px solid #ffffff; width:10px; height:10px; float:left; position:absolute; left:0px; top:10px;
}

.team .econtent .ul{ float:left; width:100%; clear:both;}
.team .econtent .ul .item{
	float:left;
	width:25%;
	box-sizing:border-box;
	padding:40px;
	line-height:1.5; position:relative; cursor:default;	
}
.team .econtent .ul .item .t2{text-transform: uppercase;}
.team .econtent .ul .item>div{background-repeat: no-repeat;
	background-position: right center; padding-right:80px;}
.team .econtent .ul .item0>div{
	background-image: url(tt1.png);
}
.team .econtent .ul .item1>div{
	background-image: url(tt2.png);
}
.team .econtent .ul .item2>div{
	background-image: url(tt3.png);
}
.team .econtent .ul .item3>div{
	background-image: url(tt4.png);
}
.team .econtent .ul .item0,.team .econtent .ul .item2{ background-color:#ffffff;}
.team .econtent .ul .item .t1{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; 
	font-size:28px;
	/*font-weight:bold;
	font-family: "宋体";*/
}
.team .econtent .ul .item .t2{

	color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
}

.team .econtent .ul .item.hover .t1,.team .econtent .ul .item:hover .t1{ color:#023D8D;}

.team .econtent .ul .item:after,.team .econtent .ul .item:before{width:0;content:'';
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #023D8D;
	position: absolute;
	left: 0px;
	bottom: 0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; }
.team .econtent .ul .item:before{ z-index:1; border-color:#F9DD56; width:0px;}

.team .econtent .ul .item.hover:after,.team .econtent .ul .item.hover:before,.team .econtent .ul .item:hover:after,.team .econtent .ul .item:hover:before{
	 width:100%;
}
.team .econtent .ul .item.hover:before,.team .econtent .ul .item:hover:before{  width:40px;}




.about{ clear:both;  padding-top:140px; /*padding-bottom:50px;*/ background-color:#FFFFFF;}
.about .etitle{ display:none}

.about .econtent .img{ float:right; width:50%; overflow:hidden;border-radius:20px;}
.about .econtent .img img{ width:100%;}
.about .econtent .right{ width:500px; max-width:48%; float:left;}

.about .econtent .right .title { line-height:1.2; color:#003E8B;}
.about .econtent .right .title span{
	display:block;
	font-size:33px;

	font-family: Impact;
	text-transform: uppercase; font-weight:lighter;
}
.about .econtent .right .title b{ font-size:40px;  display:block; padding-top:10px;}
.about .econtent .right  .hcontent{ color:#333333; margin-top:30px; position:relative; margin-bottom:30px;}

.about .econtent .right  .hcontent:after{
	content:'';
	position:absolute;
bottom:-20px; 	left:0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #003E8B; width:4em;
}

.about .econtent .right *{ max-width:100%;}
.about .econtent .sortul{ line-height:70px; width:300px; font-size:20px; max-width:100%; padding-top:30px;}
.about .econtent .sortul li{ margin-top:20px;}
.about .econtent .sortul li a{
	display:block;
	border-radius:35px;
	border: 1px solid #dddddd; padding-left:70px; padding-right:70px; position:relative; background-color:#FFFFFF;
}

.about .econtent .sortul li a:before{border-radius:100%;
	content:'';
	border: 2px solid #003E8B; width:20px; height:20px; position:absolute; left:20px; margin-top:-12px; top:50%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.about .econtent .sortul li a:after{ content:'\eb94';  font-family: "iconfont" !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position:absolute; top:50%; line-height:1; right:20px; margin-top:-15px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
 .about .econtent .sortul li a:hover{ background-color:#003E8B; color:#FFFFFF;} 
 .about .econtent .sortul li a:hover:before{ border-color:#ffffff;}
 



.news{ clear:both; padding-top:140px; }
.news .title{ float:left; width:100%;}
.news .title .b{
	float:left;
	background-image: url(newstitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:132px;
	width:28%;
	box-sizing:border-box;
	padding-left:280px;
	padding-top:60px;
	font-size:22px; line-height:50px;

}

.news .title ul{ float:right; width:70%; background-color:#003E8B; border-radius:50px; overflow:hidden; color:#ffffff; font-size:20px; line-height:88px;}

.news .title ul li{ float:left; width:33.333333%; cursor:pointer; text-align:center;}
.news .title ul li.hover{ background-color:#FFA533;border-radius:50px;}

.news .title ul li span{
	background-image: url(newstitle.png);
	background-repeat: no-repeat;
	background-position: left center; display:inline-block; padding-left:40px;
}


.news .econtent{ padding-top:30px; clear:both; display:none;}
.news .econtent.hover{ display:block;}
.news .econtent .left{ width:28%; float:left;}
.news .econtent .left .picli{}
.news .econtent .left .picli .img{ overflow:hidden; position:relative;}

.news .econtent .left .picli .img img{ width:100%; min-height:300px; max-height:300px; }

.news .econtent .left .picli .r{ position:relative; padding-top:60px; line-height:1.5;}
.news .econtent .left .picli .r .date{background-color:#003E8B; border-radius:100%; width:60px; height:60px; line-height:60px; text-align:center; position:absolute; left:25%; top:-30px; z-index:2; color:#FFFFFF; font-size:24px;}

.news .econtent .left .picli .r .ntitle{ font-size:21px; color:#000000}
.news .econtent .left .picli .r  .dp{ font-size:14px; margin-top:20px; color:#555555;}
.news .econtent .left .picli .r .mmore{ margin-top:20px; line-height:45px;}
.news .econtent .left .picli .r  .mmore span{ background-color:#FFA533; display:inline-block; padding-left:50px; padding-right:50px; color:#FFFFFF;}
.news .econtent .left .picli:hover .r  .mmore span{ background-color:#003E8B;}
.news .econtent .left .picli:hover .r .date{ background-color:#FFA533;}
/*.news .econtent .left .picli:hover{ background-color:#eeeeee;}*/

.news .econtent .hc{ float:right; width:70%;line-height:1.5;}


.news .econtent .hc .li{ float:left; width:50%; padding:30px; padding-top:30px; padding-bottom:30px;box-sizing:border-box;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.news .econtent .hc .li .date{ float:left; width:80px; text-align:center; }
.news .econtent .hc .li .date b{ display:block; font-size:36px;}
.news .econtent .hc .li .date span{ display:block; font-size:12px; color:#999999}
.news .econtent .hc .li .r{ margin-left:90px;}
.news .econtent .hc .li .r .ntitle{
	white-space: nowrap; overflow:hidden;
}
.news .econtent .hc .li .r .dp{ font-size:12px; color:#666666; margin-top:10px; min-height:2em; max-height:3em; overflow:hidden;}
.news .econtent .hc .li .more{
	clear:both;
	color:#999999;
	line-height:21px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; border-color:rgba(200,200,200,0.6); margin-top:15px; padding-top:15px;
}
.news .econtent .hc .li .more .fl{ width:80px; text-align:center;}
.news .econtent .hc .li .more .fr{
	background-image: url(newsli.png);
	background-repeat: no-repeat;
	background-position: center center; height:21px; width:21px;
}


.news .econtent .hc .li:hover{ background-color:#003E8B;}
.news .econtent .hc .li:hover,.news .econtent .hc .li:hover .r .dp ,.news .econtent .hc .li:hover .ntitle,.news .econtent .hc .li:hover .date span,.news .econtent .hc .li:hover .date,.news .econtent .hc .li:hover .more{ color:#ffffff;}

.news .econtent .hc .li:hover .more .fr{background-image: url(newslihover.png);}



.jiagong{ padding-top:140px; clear:both;}
.jiagong .ntop{}
.jiagong .ntop .img{ float:left;	border: 5px solid #eeeeee; overflow:hidden; width:660px;box-sizing:border-box; }
.jiagong .ntop .img img{ width:100%; display:block;}
.jiagong .ntop .right{ margin-left:700px; line-height:1.5;}
.jiagong .ntop .right .ntitle{
	font-size:23px;
	background-image: url(1_r3_c13.jpg);
	background-repeat: no-repeat;
	background-position: right 5px; padding-right:30px; color:#000000;
}
.jiagong .ntop .right .contentdp{ margin-top:20px; color:#555555; min-height:280px; max-height:280px; overflow:hidden;}
.jiagong .ntop .right .mmore{ padding-top:30px; text-align:left;}
.jiagong .ntop .right .mmore span{ background-color:#003E8B; color:#FFFFFF; display:inline-block; position:relative;  width:60px; height:60px; line-height:60px; text-align:center; font-size:30px; border-radius:100%; margin-left:100px;}
.jiagong .ntop .right .mmore span:after{
	content:'';
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #003E8B;
	position: absolute;
	left: -100px;
	top: 50%; width:100px; margin-top:-1px;
}

.jiagong .ntop:hover .right .mmore span{ background-color:#FFA533; }
.jiagong .ntop:hover .right .mmore span:after{border-top-color:#FFA533;}


.jiagong .econtent{ clear:both;}

.jiagong .econtent .picli{
	float:left;
	width:32%;
	margin-left:2%;
	margin-top:50px;

}
.jiagong .econtent .picli .img{
	overflow:hidden;
	padding:10px;
	border: 1px solid #dddddd; overflow:hidden;
}
.jiagong .econtent .picli .img >div{ overflow:hidden;}
.jiagong .econtent .picli .img *{ max-width:100%;}
.jiagong .econtent .picli:nth-child(3n+1){ clear:both; margin-left:0;}

.jiagong .econtent .picli .right{
	clear:both;
	float:left;
	width:100%;
	padding-top:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:relative; overflow:hidden;
}

.jiagong .econtent .picli .right .ntitle{ float:left; max-width:calc(100% - 40px); overflow:hidden; line-height:1.5; padding-bottom:10px; padding-top:10px; font-size:16px;}
.jiagong .econtent .picli .right .ntitle span{ padding-right:20px; display:inline-block;}
.jiagong .econtent .picli .right .more{ float:right;}
.jiagong .econtent .picli .right .more span{font-size:24px; color:#333333;}
.jiagong .econtent .picli .right:after{ content:''; position:absolute; bottom:0; left:0; width:0; border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003E8B;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
	
	.jiagong .econtent .picli:hover .right:after{width:100%;}
	.jiagong .econtent .picli:hover .more span{ color:#003E8B;}

.jiagong .left{ width:75%; float:left; z-index:1;}
.jiagong .sort{ float:right; width:23%; z-index:2; }
.jiagong .sort >ul{ width:200px; float:left;background-color:#0B52AC; }
.jiagong .sort ul li{ position:relative;}
.jiagong .sort ul li a{
	display:block;
	line-height:115px;
	text-align:center;
	font-size:22px;
	color:#ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.2); position:relative;
}
.jiagong .sort >ul> li:hover>a{ background-color:#FFA533;}
.jiagong .sort >ul >li> a:before{
	content:'';
	background-color:#FFA533;
	width:115px;
	top:0;
	left:0;
	height:115px;
	position:absolute;
	background-image: url(1_r6_c22.jpg); background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;border-radius: 100% 0 0 100%; z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.jiagong .sort >ul >li:hover> a:before{left:-115px;}

.jiagong .sort >ul >li>ul{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; position:absolute; top:0; left:0;/* width:calc(50vw - 812.5px);*/ max-width:100%; z-index:-2; background-color:#FFA533; }

/*.jiagong .sort >ul{margin-right:50px; }*/
.jiagong .sort >ul >li>ul{width:calc(400px - 100%);}


.jiagong .sort >ul >li:hover> ul{ left:100%;}

.jiagong .sort >ul >li>ul>li>a:hover{ background-color:#FF8E01}
/*客服*/
.kefu{ position:fixed; top:30%; right:0; background-color:#003E8B; color:#FFFFFF; text-align:center; width:70px; z-index:9; font-size:12px; }
.kefu .iconfont{ color:#FFFFFF; font-size:38px; line-height:1;}
.kefu a{ color:#ffffff;}
.kefu a:hover{ background-color:#FF760C;}
.kefu .wx .iconfont{ font-size:28px}
.kefu .wx .wxqrcode{ Opacity:0;position:absolute; top:0; right:-200%;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.kefu .wx:hover .wxqrcode{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#003E8B;
	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:#003E8B;
	position:absolute;
	right:-100%; margin-right:5px; font-size:14px;
	top:50%;
	color:#fff;
	white-space: nowrap;border-radius:5px; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-top:-10px;
}
.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: #003E8B; 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;}

/*内页*/
.banner .box{ position:relative;}
.banner{width:100%; overflow:hidden;}
.banner .box> img{ margin-left:-147.5px;}

.leftnav,.postion{ background-color:#E9EAE9; line-height:65px;}
.postion{  font-size:14px; color:#666666 }

.postion .box{ position:relative; padding-left:30px;}
.postion a{ color:#666666}
.postion .iconfont{ margin-right:5px; color:#197DDD; font-size:28px; position:absolute; left:0; top:50%; line-height:1; margin-top:-14px;}

.postion2{
	padding-top:20px;
	padding-bottom:20px;
	position:relative;

	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC; margin-bottom:20px;font-size: 16px;
}
.postion2,.postion2 a{ color:#666666;}
.postion2:before{
	content:'';
	background-color: #FFA533; width:10px; float:left; height:24px; margin-right:10px;
}

.leftnav>.box>ul{ text-align:center;}
.leftnav>.box>ul>li{ display:inline-block;}
.leftnav>.box>ul>li>a{ display:block; padding-left:30px; padding-right:30px; position:relative;}
.leftnav>.box>ul>li>a>span{
	
}
.leftnav>.box>ul>li font{ display:none}
.leftnav>.box>ul>li.hover>a{ background-color:#003E8B; color:#FFFFFF}
.leftnav>.box>ul>li>a:before{
	content:'';
	top:50%;
	margin-top:-8px;
	height:16px;
	left:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc; position:absolute;
}
.leftnav>.box>ul>li:nth-child(1)>a:before,.leftnav>.box>ul>li.hover>a:before{ display:none;}

.leftnav>.box>ul ul{ display:none}



#cms{ padding-top:20px;}
#cms  *{ max-width:100%;}
#cms .newsli{ background-color:#EEEEEE; padding:20px; margin-top:20px;}
#cms .newsli .li{ background-color:#ffffff; margin-bottom:10px; padding:20px; padding-top:20px; padding-bottom:20px; line-height:1.5;}
#cms .newsli .li .date{ float:left; width:100px; text-align:center; padding-top:20px; padding-bottom:20px;}
#cms .newsli .li .datei{ font-size:12px; color:#999999; display:none}
#cms .newsli .li .date b,#cms .newsli .li .date span{ display:block;}
#cms .newsli .li .date b{ color:#333333;}
#cms .newsli .li .date span{ color:#666666}
#cms .newsli .li .date +.right{ margin-left:120px;-webkit-transition:200ms; -moz-transition:200ms; -ms-transition:200ms; transition:200ms;}
/*#cms .newsli .li .date +.right .ntitle{ font-size:18px;}*/
#cms .newsli .li .date +.right .dp{ color:#666666; margin-top:5px; font-size:14px;}
#cms .newsli .li .date +.right .dp .more{color: #002D80; padding-left:5px;}
#cms .newsli .li:hover .date{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border: 1px solid #dddddd;
}
#cms .newsli .li:hover .date +.right{ margin-left:115px;}

.prony{ padding:15px; background-color:#F2F2F2;}


#cms .proli{ float:left; width:23%;  margin-left:1%; margin-right:1%;width:calc(25% - 11.25px); margin-left:calc( 15px ); margin-right:calc( 0px ); margin-bottom:15px;}
#cms .proli:nth-child(4n+1){ clear:both;margin-left:calc( 0px );}

#right #cms .proli{ width:31.33333%; width:calc(33.33333% - 11.25px);}
#right #cms .proli:nth-child(4n+1){ clear:none; margin-left:1%;}
#right #cms .proli:nth-child(3n+1){ clear:both;margin-left:calc( 0px );}

#cms .proli .img{ overflow:hidden; position:relative; float:left; width:100%;}
#cms .proli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
	#cms .proli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
		#cms .proli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .proli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.1); 

}
#cms .proli:hover .img .iconfont{ display:block}

	
#cms .proli .img{ max-width:100%; min-height:260px; max-height:260px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
#cms .proli .img img{ min-height:260px; max-height:260px; width:100%;}	

#cms .proli .img,#cms .proli .img img{min-height:calc(33.33333% - 11.25px * 0.8); /* max-height: calc(23.33333% - 11.25px * 0.8); */}



#cms .proli .title{ line-height:50px; padding-top:10px; padding-bottom:10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden; padding-left:10px; padding-right:10px; font-size:22px;
}
#cms .proli .title.hbg{ background-color:#3487f0;color: #FFFFFF;}
#cms .proli:hover .title{ background-color:#FF6600; color:#FFFFFF}


	
#cms .proli:hover .img:after,#cms .proli:hover .img .ico{ display:block;}


#cms .caseli{
	background-color: #FFFFFF;
	padding: 20px; float:left; width:100%; margin-bottom:20px;box-sizing:border-box;
}

#cms .caseli .img{ overflow:hidden; position:relative; float:left; width:40%;}
#cms .caseli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
#cms .caseli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
#cms .caseli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .caseli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.1); 

}
#cms .caseli:hover .img .iconfont{ display:block}

#cms .caseli .img+.right{ float:right; width:50%; line-height:1.5;}
#cms .caseli:nth-child(2n) .img+.right{ float:left;}
#cms .caseli:nth-child(2n) .img{ float:right}
#cms .caseli .img+.right .title{ font-size:28px; font-weight:bold;}
#cms .caseli .img+.right .contentdp{ color:#555555; margin-top:20px; min-height:7.5em; max-height:7.5em; overflow:hidden;}
#cms .caseli .img+.right .more{
	margin-top:20px;
	text-align:right;
	font-style: italic;color: #003E8B;
}
#cms .caseli:hover .img+.right .contentdp{color: #003E8B;}









#cms1{ margin-top:30px; padding:50px;  }
#cms1 .boxs{ width:1250px; max-width:100%; margin:auto;}
#cms1 .content *{ max-width:100%; overflow-x:auto;}
#cms1 h1.h1{
	font-size:22px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px;
}
#cms1 .info{ font-size:14px; color:#999999}
#cms1 .content{ margin-top:20px;}
#cms1 .nextpage,#cms1 .nextpagei{ line-height:45px; padding-top:50px; padding-bottom:20px; clear:both; position:relative;}
#cms1  .nextpage>div{width:46%;	white-space: nowrap;	overflow: hidden; }

#cms1  .nextpage a{position:relative;color: #003E8B;}

#cms1  .nextpage>div.fr{ text-align:right}


.proshow{ clear:both; padding-top:50px;}
.proshow .img{ float:left; width:480px;}
.proshow .img .swiper-slide img{ width:100%;height: 320px;}
.proshow .right{ margin-left:530px;}
.proshow .right .contentdp{ min-height:10.5em; line-height:1.5;}
.proshow .right .tel{
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666; margin-top:20px;
}
.proshow .right .zx{ float:right;}
.proshow .right .tel .fl{
	line-height:22px;
	background-image: url(protel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:60px;

}
.proshow .right .zx a{ display:block; padding-left:30px; padding-right:30px; color:#ffffff; background-color:#003E8B; line-height:44px;}
.proshow .right .zx a:hover{ background-color:#FFA533;}
.protitle{
	clear:both;
	padding-top:70px;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-bottom:20px; padding-bottom:10px; font-size:22px;
}
.protitle span{ margin-left:10px;  display:inline-block; color:#dddddd;}
.protitle span font{padding-left:10px; display:inline-block;}



.protitle2{
	clear:both;
	padding-top:70px;
	color:#000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:22px;
	
}
.protitle2 b{background-image: url(p_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px; display:inline-block; position:relative;}

.protitle2 b:after{ content:'';
	position:absolute;
	left:0;
	bottom:-12px;
	width:100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900; padding-right:5px;
}
.protitle2 span{ margin-left:10px;  display:inline-block; color:#dddddd;}
.protitle2 span font{padding-left:10px; display:inline-block;}


























#cms1 .nextpagei{ line-height:32px;}
.nextpagei>div>span{ display:inline-block; background-color:#A1A1A1; color:#ffffff; padding-right:10px; padding-left:10px; margin-right:10px;}
.nextpagei>div:nth-child(2){
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}
#cms1.jgmcs{ background-color:#ffffff; padding:20px;}
.jgmcs.postion{ background-color:#f4f4f4; }




.wbg{ background-color:#ffffff;}
#cms .hli{box-sizing:border-box; width:23%; float:left; margin-left:1%; margin-right:1%; margin-bottom:15px; /*min-height:320px; */}
#cms .hli:nth-child(4n+1){ clear:both;}
#cms .hli .img{box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:100%;  padding:10px;border: 1px solid #dddddd;
}
#cms .hli .img>div{ overflow:hidden; min-height:230px; max-height:230px;display: flex;
    justify-content:center;
    align-items:center; text-align:center; background-color:#f4f4f4; min-height:calc(23% * 0.8); max-height:calc(23% * 0.8);}
	
	
#cms .hli .img>div *{ max-width:100%; }
#cms .hli .ntitle{
	text-align:center;
	white-space: nowrap;
	overflow: hidden; clear:both; width:100%; float:left; background-color:#F2F2F2; padding-top:10px; padding-bottom:10px;
}

#cms .hli:hover .ntitle{ background-color:#FF6600; color:#FFFFFF}

.honorcms{ background-color:#ffffff; margin-top:0px;  padding-top:15px; padding-bottom:15px; }









#left{ width:280px; float:left; }
#left+#right{ float:right; width:calc(100% - 300px);}
#left,#right{ margin-top:50px;}
#left .etitle{ line-height:1.5; background-color:#003E8B; color:#FFFFFF; text-align:center; padding-top:10px; padding-bottom:10px;}
#left .etitle.h1{ padding-top:30px; padding-bottom:30px;}
#left .etitle b{ display:block; font-size:28px; color:#FFFFFF; font-weight:lighter;}

.leftdh {
	line-height:1.5;
	padding-bottom:20px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #003E8B; margin-top:2px; background-color:#ECECEC;
}
.leftdh ul li a{
	display:block;
	padding-right:20px;
	padding-left:30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; padding-top:10px; padding-bottom:10px; position:relative; 
}

.leftdh >ul ul{ display:none;}
.leftdh >ul> li> a>span{ position:relative; padding-left:10px; display:inline-block;}
.leftdh ul li ul li a span{ font-size:14px; color:#666666}
.leftdh >ul> li> a:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e61c"; color:#333333;border-radius:100%; position:absolute; right:10px; top:50%; line-height:1; margin-top:-12px; padding:5px; 
}
.leftdh >ul> li> ul> li>a{ padding-left:50px;}
.leftdh >ul> li> ul> li>a>span{ position:relative; padding-left:20px; display:inline-block;}
.leftdh >ul> li> ul> li>a>span:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e602"; color:#333333;border-radius:100%; position:absolute; left:0px; top:50%; line-height:1; margin-top:-12px; padding:5px;
}
.leftdh >ul> li> ul> li.hover>a,.leftdh >ul> li> ul> li.hover>a>span:before,.leftdh >ul> li> ul> li:hover>a,.leftdh >ul> li> ul> li:hover>a>span:before{ color:#003E8B;}
/*.leftdh >ul> li.hover> a>span:before,.leftdh >ul> li:hover> a>span:before,.leftdh >ul> li.active> a>span:before {background-color:#003E8B;}*/
.leftdh >ul> li.hover> a>span,.leftdh >ul> li:hover> a>span,.leftdh >ul> li.active> a>span{color: #003E8B;}

.leftdh  ul li:hover> a{background-color:#dddddd;}

.leftdh ul  li.active> a{background-color:#003E8B; color:#FFFFFF;}
.leftdh ul  li.hover> a{background-color:#FFA533; color:#FFFFFF;}

.leftdh ul li.active> a>span,.leftdh ul  li.hover> a>span,.leftdh ul li.hover> a:before,.leftdh ul li.active> a:before,.leftdh >ul> li> ul> li.hover>a>span:before {color:#FFFFFF;}





.leftdh >ul> li.active>ul,.leftdh >ul> li.hover>ul{ display:block;}
.leftdh >ul> li.hover> a>span,.leftdh >ul> li.active> a>span{ font-weight:bold;}
#left+#right #cms1{ margin-top:0;}

#left .lxin,#left .tags{ float:left; width:100%; padding-bottom:20px; clear:both; margin-top:20px;}

#left  .econtent{ padding:15px;}

#left .lxin .econtent,#left .tags .econtent{
	background-color:#ECECEC;
	padding-top:50px;
	position:relative;
	background-image: url(in_r4_c2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 70px;
}

#left .lxin .econtent:before,#left .tags .econtent:before{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffffff; position:absolute; top:30px; left:0; float:left; width:100%; content:'';	
}
#left .wbg{ background-color:#ffffff;}

#left .tags .econtent .hc a{ display:inline-block; padding-left:10px; padding-right:10px; margin:5px;background-color:#ffffff; color:#333333; }
#left .tags .econtent .hc a:hover{background-color:#003E8B; color:#FFFFFF;}

.protj .econtent .proli2{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	margin-top:20px;
	box-sizing:border-box;
	border: 1px solid #dddddd;
}
.protj .econtent .proli2 .img{ overflow:hidden;}
.protj .econtent .proli2 .img *{ max-width:100%;}
.protj .econtent .proli2 .right{ padding:10px;}
.protj .econtent .proli2 .right .ntitle{
	white-space: nowrap;
	overflow: hidden; font-size:16px;
}
.protj .econtent .proli2 .right .contentdp{	white-space: nowrap;
	overflow: hidden; color:#666666; font-size:14px;}

.protj .econtent .proli2:hover .right{ background-color:#F2F2F2}
.protj .protitle2{ padding-top:0;}
#right .proshow .right .tel .fl{
	background-image: url(in_r2_c6.jpg); line-height:25px;
}
/*联系*/
.contact,.message{ background-color:#F2F2F2; float:left; width:100%; margin-top:50px;}
.contact .left{ float:left; width:100%; box-sizing:border-box; padding:30px; padding-left:60px; padding-right:60px;}
.contact .left *{ max-width:100%;}
.contact .t1,.message .t1{
	text-align:center;
	color:#003E8D;
	font-size:40px;
	font-weight: bold; line-height:1.5;
}
.contact .t2,.message .t2{
	text-align:center;
	font-size:32px;
	font-family: "隶书", "方正毡笔黑繁体", "方正兰亭超细黑简体"; line-height:1.5;
}

.contact .left+.map{ float:left; width:100%;}
.contact .left .hc{ clear:both; width:800px; margin:auto; max-width:90%;}
.contact .left .item{ float:left; width:48%; margin-left:1%; margin-right:1%; position:relative; padding-top:30px; padding-bottom:10px; cursor:default;
}
.contact .left .item .iconfont{
	float:left;
	width:65px;
	height:65px;
	line-height:65px;
	text-align:center;
	border: 1px solid #003E8D;border-radius:100%; font-size:28px;
}
.contact .left .item .iconfont+div{ margin-left:80px; line-height:32.5px;}
.contact .left .item .iconfont+div b{
	display:block;
	font-weight: lighter; color:#666666;
}
.contact .left .item .iconfont+div span{
	display:block;
	font-weight: bold;
	font-size: 22px;
}
.contact .left .item:nth-child(2n+1){ clear:both;}
.contact .map{ width:100%; clear:both;}
.contact .map .t2{ padding-top:20px; padding-bottom:20px;}
/*.contact .left .item.cp{ padding:0;color:#FE7407; font-size:24px; font-weight:bold;}
.contact .left .item .iconfont:before{ background-color:#FE7407; color:#FFFFFF;border-radius:100%; position:absolute ; left:0; top:50%; font-size:18px; margin-top:-19px; padding:10px; line-height:1;}*/


.contact .left .item:hover .iconfont{ background-color:#003E8D; color:#FFFFFF;}










.message{
	float:left;
	width:100%; padding:50px; padding-bottom:100px;


}
.message .t1{font-size:32px; padding-top:30px; padding-bottom:30px;}
.message .t2{ width:800px; max-width:80%; margin:auto; 
	font-size:24px;line-height:1.2;}


.message .econtent{ margin:auto; padding:20px; background-color:#FFFFFF; box-shadow:0 0 5px #000000; margin-top:30px; width:1000px;max-wdith:100%; color:#002371}
.message .econtent .title{ font-size:32px;}
.message .item b{ font-weight:lighter;}
.message .item{ padding-top:5px; padding-bottom:5px;}
.message .econtent input,.message .econtent textarea{
	height: 50px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif;

	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #dddddd; font-size:14px;
}
.message .econtent textarea{ height:160px; padding:10px;}
.message .econtent button{ background-color:#ffffff;color:#002371; border:1px solid #002371;height: 60px; width:200px; font-size:18px;line-height:60px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.message .econtent button span{ float:right; margin-right:20px; font-size:32px; line-height:60px;}
.message .econtent button:hover{ background-color:#FFA533; color:#FFFFFF;border-color:#FFA533;}

.message .econtent .it{ float:left; width:32%; margin-left:2%;}
.message .econtent .it:nth-child(1){ clear:both; margin-left:0;}

.book{ background-color:#0052B0; color:#FFFFFF;  padding-top:30px; padding-bottom:30px; clear:both; margin-top:140px; clear:both;}

.book .title{ float:left; width:400px; line-height:1.5;}
.book .form{ float:right; width:65%;}

.book .title .t1{ font-size:32px;}
.book .title .t1 span{ padding-right:10px;}
.book .title .t2{ font-size:50px; font-weight:bold;}
.book .title .t2 font{ color:#F8DE94}
.book .title .t3{ font-size:15px;}
.book .title .t4{ font-size:25px;font-weight:bold; clear:both; padding-top:30px; line-height:50px;}
.book .title .t4 i{
	width:50px;
	height:50px;
	border: 1px solid #ffffff;border-radius:100%; float:left; text-align:center; font-size:24px; line-height:50px; margin-right:10px;
}


.book .form .ul{
	 overflow:hidden; padding-bottom:15px; padding-left:15px;
}
.book .form .ul ul{ width:100%; display:table;background-image: url(fli.jpg);
	background-repeat: repeat-x;
	background-position: left bottom; padding-bottom:2px;}
.book .form .ul li{
	display:table-cell;
	text-align:center;
	line-height:1.5;
	 position:relative; min-height:124px; cursor:default;
}
.book .form .ul li:before{ content:''; height:124px; position:absolute; bottom:-13px; left:-14px;background-image: url(bli.png);
	background-repeat: no-repeat;
	background-position: center bottom; width:28px; height:124px;}
.book .form .ul li:hover:before{background-image: url(blihover.png);}
.book .form .ul li .ico i{ font-size:32px;}
.book .form .ul li .ico{ padding-top:20px;}
.book .form .ul li .txt{ padding-bottom:20px;}
.book .form .ul li:hover{ color:#F6DD9A; font-weight:bold;}

.book .form form{ background-color:#FFFFFF; margin-top:15px; color:#333333;}

.book .form form .it{ float:left;  margin-right:10px;}
.book .form form .it b{ font-weight:lighter; margin-right:5px; padding-left:10px;}
.book .form form .it i{ font-size:24px; color:#999999; float:right; margin-left:5px; }
.book .form form .it input{ padding-left:5px; padding-right:5px; border:none; font-size:18px; color:#666666;}
.book .form form .it1 input{ width:130px;}
.book .form form .it2 input{ width:130px;}
.book .form form .it3 input{ width:280px;}
.book .form form button{ background-color:#FFA533; color:#FFFFFF; border:none; width:150px; font-size:18px; float:left; float:right;}
.book .form form button span{ float:right; margin-right:10px;}


.book .form form .it input,.book .form form button,.book .form form,.book .form form .it i{ line-height:52px; min-height:52px;}


#cms1 .nextpage{ clear:both; float:left; width:100%; font-size:16px; line-height:1.5;}



.jiagong .left{ width:calc(50% + 50vw - 400px - 115px ); float:left; }
.jiagong .sort{ float:right;  width:calc(400px - 50vw + 50%); position:relative;}
.jiagong .sort>ul{ position:absolute; left:0; top:0; z-index:2; float:left; }
.jiagong .sort>ul>li>a{ background-color:#0B52AC;}
.jiagong .sort>ul li>ul{ z-index:-1;}




dl.pj_list_dl2{max-height:167px;min-height:167px; overflow:hidden; vertical-align:top; margin-bottom:20px; padding:22px 25px;background:#f4f4f4;}
dl.pj_list_dl2 dt{float:left; width:249px; max-height:167px; min-height:167px;}
dl.pj_list_dl2 dt a{display:block; width:245px; min-height:163px;  max-height:163px;  border: 2px solid #ccc;overflow:hidden;}
dl.pj_list_dl2 dt a:hover{ border-color:#005fc3;}
dl.pj_list_dl2 dt img{ display:block;width:245px;min-height:163px; max-height:163px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
dl.pj_list_dl2 dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
dl.pj_list_dl2 dd{float:left; padding-left:22px; max-width:585px; width:calc(100% - 271px); overflow:hidden;}
dl.pj_list_dl2 dd h4{display:block; font-size:16px; font-weight:normal; height:28px; overflow:hidden; margin-bottom:12px; line-height:28px; padding:4px 0 0;}
dl.pj_list_dl2 dd h4 a{ color:#333; height:22px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
dl.pj_list_dl2 dd h4 a:hover{color:#005fc3;}
dl.pj_list_dl2 dd>div{ font-size:14px; color:#666666; max-height:4.5em; overflow:hidden; line-height:1.5;}
dl.pj_list_dl2 dd p{ display:block;font-size:13px;  line-height:28px;  overflow:hidden;}
dl.pj_list_dl2 dd p .mor{color:#005fc3; display:block;}

#cms1 .content p{ margin-top:10px; margin-bottom:10px;}