﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#868686; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#014375;}
.clear{ clear:both; height:0px; overflow:hidden;}
ul li{ list-style-type:none;}
em{ font-style:normal;}
.Texthide{ display:none;}

.Contain{}
.Content{ min-height:500px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.SinglePage .info_title {color:#333;text-align: center;padding:15px;}
.SinglePage .ntime{border-bottom:1px solid #ebebeb;padding-bottom:20px;margin-bottom:20px;text-align: center;color:#444;}

.SinglePage .ft { padding:50px 0 0;  text-align: left}
.SinglePage .ft li{font-size:14px;height:30px;text-align: center;line-height:30px;border:0;}




.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.Main{ max-width:1200px; margin:0 auto;}

.main_info{ max-width:1000px; margin:0 auto;position: relative; z-index: 88;}
@media screen and (max-width:1220px){
.Main{ padding:0 10px; min-width:300px; max-width:auto;}
}

/*top.html*/
.Top{ background:#fff; position:relative;width: 100%;z-index: 1000;}
.Top .Main{ min-height:90px;}
.divlogo{ float:left; /*position:absolute; left:0px; top:0px; height:100%;*/}
.divlogo .logo{ display:table; height:100%; margin-top:16px;}
.divlogo .a_logo{ display:table-cell; vertical-align:middle;}

.divSearch{ float:right; margin-left:20px; position:relative; margin-top:31px;}
.divSearch img{ vertical-align:middle;}
.divSearch .divSearchBox{display:none; position:relative; top:-9px; right:0; z-index:5; /*background:#206eb9;*/  padding:20px;}
.SreachBox{  width:166px; height:24px; line-height:24px; border:#5581a2 1px solid; border-radius:10px; overflow:hidden; background:#fff;}
.SreachBox .sreach_btn{ width:24px; height:24px; display:block; float:right; background:url(../images/top_icon_search.png) no-repeat 3px center;}
.SreachBox .sreach_ipu{ width:130px; height:25px; line-height:25px; margin-left:10px; border:0px; background:none; color:#3c3c3c; font-family:"微软雅黑";}

/*.divSearch:hover{  margin-top:24px;}*/
/*.divSearch:hover img{display: none;}*/
/*.divSearch:hover .divSearchBox{ display:block;}*/

.MainNav{ float:right;}
.MainNav ul li{ float:left;}
.MainNav ul li .navA{ display:block; padding:0 20px; color:#3c3c3c; line-height:90px; font-size:1.333em; text-align:center;position: relative;z-index: 2;}

.MainNav ul li .navA .navA_bj{
	position: absolute;
	display: block;
	width: 100%;
	height: 0;
	top:100%;
	left:0;
	background:#206eb9;
	transition: 0.8s;
	z-index: -1;
}

.MainNav ul li .divDown{ display:none; position:absolute; left:0px; top:90px; width:100%; background:rgba(32,110,185,0.72); /*opacity:0.72; */  z-index:4; text-align:center;}
.MainNav ul li .divDown .Main{ min-height:auto;}
.MainNav ul li .divDown dl{ font-size:1.167em; padding:1.67% 0;}
.MainNav ul li .divDown dd{ display:inline-block;}
.MainNav ul li .divDown dd .navDD{ font-size:1.167em; color:rgba(255,255,255,0.80);}


.MainNav ul li .divDown dd b{ color:#6ca7e0; margin:0 18px;}
.MainNav ul li .divDown dd:last-of-type{ display:none;}

.MainNav ul li#nav4 .divDown,.MainNav ul li#nav5 .divDown,.MainNav ul li#nav6 .divDown{ text-align:right;}

.MainNav ul li.onnav .navA{ background:#206eb9; color:#fff;}
.MainNav ul li:hover .navA{color:#fff;}
/*.MainNav ul li:hover .navA .navA_bj{height:100%;top:0;}*/


/*.MainNav ul li:hover .divDown{ display:block;}*/


.MainNav ul li .divDown dd:hover .navDD{ color:#fff;}

/*手机站菜单按钮*/
.navbar-toggle{ position:absolute; top:50%; right:0; margin-top:0px; padding: 9px 10px; margin-right: 15px;margin-bottom: 8px;background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #ddd; cursor:pointer; display:none;}
.navbar-toggle .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; margin-top: 4px;}
.navbar-toggle:hover{ background:#ddd;}

@media screen and (max-width:1024px){
.MainNav ul li .divDown dl{ min-height:inherit;}
.MainNav ul li .divDown dd:hover .divTopNewsImg{ display:none;}
}
/*top.html*/

/*banner*/
.HomeBan{ width:100%; position:relative;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList ul{overflow: hidden;}
.HomeBan .BanList li{ float:left; width:100%; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; display:block; position:relative;}
.HomeBan .BanList li a .divWeb{ display:block;}
.HomeBan .BanList li a .divWap{ display:none;}
.HomeBan .BanList li a .divHomeBan{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .BanList li a .divHomeBan .divBanCont{ display:table;  width:100%; height:100%; position: relative;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan{ display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span{ display:block;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.tit{ font-size:4.667em; line-height:1.2;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.conf{ font-size:2.5em; line-height:1.2; letter-spacing:15px; margin-top:10px;}


@media screen and (max-width:768px){
	.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.tit{ font-size:2.667em; line-height:1.2;}
	.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.conf{ font-size:1.5em; line-height:1.2;}
	.HomeBan .TabList{display: none;}
}

.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.more{ display:inline-block; width:154px; height:48px; border:#fff 1px solid; border-radius:24px; line-height:48px; font-size:1.167em; margin-top:3.5%;transition: all 0.8s;background: transparent;}


.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.more:hover{
	background: #00b3fe;
	opacity: 0.5;
	border-color:#5f6972;
}


.HomeBan .TabList{ width:100%;
	/*height:12px;*/
	left:0px; bottom:26px; position:absolute;}
.HomeBan .TabList .List{ text-align:center;}
.HomeBan .TabList .List ul{
	width: 165px;
	margin: 0 auto;
	background: rgba(0,0,0,0.3);
	border-radius: 14px;
}



.HomeBan .TabList li{ display:inline-block; height:10px; padding:0 3px;}
.HomeBan .TabList li span{ width:10px; height:10px; display:block; cursor:pointer; background:#fff; border-radius:5px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.HomeBan .TabList li.on span{ background:#00b3fe;  width:40px;}

@media screen and (max-width:1220px){
.HomeBan .TabList{bottom:5%; }
}
@media screen and (max-width:1024px){
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan{ font-size:0.8em;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.more{ width:123px; height:38px; border-radius:19px; line-height:38px;}
}
@media screen and (max-width:768px){
	.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.tit{ font-size:2.667em; line-height:1.2;}
	.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.conf{ font-size:1.5em; line-height:1.2;}
	.HomeBan .TabList{display: none;}
}

@media screen and (max-width:500px){
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan{ font-size:0.6em;}
.HomeBan .BanList li a .divHomeBan .divBanCont .divBan span.more{ width:72px; height:20px; border-radius:14px; line-height:20px;}
}


.Banner img{ visibility:hidden;}
/*banner*/

/*bottom.html*/
.toTop{ display:none; position:fixed; right:5%; bottom:10%; background:#fff url(../images/toUp.png) no-repeat top center; width:46px; padding-top:48px; color:#b5b5b5; font-size:1.167em;  border: #ebebeb 1px solid; text-align:center; line-height:20px; padding-bottom:6px; cursor:pointer; z-index:20;}

.Bottom{ background:#f1f4f9 url(../images/bt_bg.png) repeat left top;  padding:50px 0px 10px 0px;}
/*.Bottom .BottomLinks{ float:left; width:78%; min-height:244px;}*/
.Bottom .BottomLinks dl{ float:right; width:130px;  min-height:194px; border-left:#dce5ef 1px solid; padding:0 19px;}
.Bottom .BottomLinks dl dt{ font-size:1.333em; color:#617182; margin-bottom:10px;}
.Bottom .BottomLinks dl dd a{ display:block; font-size:1.167em; color:#3c3f44; line-height:27px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.Bottom .BottomLinks dl:first-of-type{ padding-right:0; min-width:90px;}
.Bottom .BottomLinks dl dd a:hover{ color:#206eb9;}

.Bottom .btRight{ float:left; width:240px; }
.Bottom .btRight .lineBt{ margin-top:20px; margin-bottom:21px; width:100%; border-bottom:#dce5ef 1px solid;}  
.Bottom .btRight .lineBt span{ display:block;}
.Bottom .btRight .lineBt span.tit{ font-size:16px; color:#8d9caa; line-height:36px;}
.Bottom .btRight .lineBt span.phone{ font-size:2.667em; color:#20a5de; font-family:Arial; line-height:28px; margin-bottom:21px;}
.Bottom .btRight .divWeinxin,.Bottom .btRight .divSina{ float:left; position:relative;  cursor:pointer; margin-right:10px; height:29px;}


.Bottom .btRight .divWeinxin .span_weixin{ display:inline-block; width:29px; height:29px; background:url(../images/icon_weixin_bt.png) no-repeat center center; }

.Bottom .btRight .divWeinxin .divImg,.Bottom .btRight .divSina .divImg{
	display:none;
	position:absolute;
	left:50%; margin-left: -69px;
	margin-top: 50%;
	margin-top: -69px;
	width:138px;
	z-index:2;
	line-height: 9px;
	z-index: 999;
	overflow:hidden;
}

.Bottom .btRight .divWeinxin .divImg .triangle_border_up,.Bottom .btRight .divSina .divImg .triangle_border_up{ display:inline-block; width:0; height:0; border-width:9px 10px 0; border-style:solid; border-color:#fff transparent transparent;/*灰 透明 透明*/ margin-left:6px;}
.Bottom .btRight .divWeinxin .divImg .img,.Bottom .btRight .divSina .divImg .img{ box-shadow:0px 4px 4px #eee;}

/*.Bottom .btRight .divWeinxin:hover .span_weixin{ background:url(../images/icon_weixin_bt_on.png) no-repeat center center;position: absolute;left:50%;margin-left:-15px;margin-top: 35px;z-index: 20; }*/
.Bottom .btRight .divWeinxin:hover .divImg{ display:inline-block;}

.Bottom .btRight .divSina .span_Sina{display:inline-block; width:29px; height:29px; background:url(../images/icon_sina_bt.png) no-repeat center center;}
/*.Bottom .btRight .divSina:hover .span_Sina{ background:url(../images/icon_sina_bt_on.png) no-repeat center center;position: absolute;left:50%;margin-left:-15px;margin-top: 35px;z-index: 20; }*/
.Bottom .btRight .divSina:hover .divImg{ display:inline-block; }

.Bottom .lineBottomLinks{ display:none;}
.Bottom .lineBottomLinks2{ display:none;}

.BottomBt{ background:#fff url(../images/bt_bg.png) repeat left top; font-size:1.167em;  color:#3c3f44; padding:16px 0; line-height:28px;}
.BottomBt .CopyRight{ float:right; color:#3c3f44;}
.BottomBt .CopyRight a{ font-weight:bold; color:#3c3f44; }
.BottomBt .links{ float:left;}
.BottomBt .links a{ display:inline-block; color:#3c3f44;}
.BottomBt .links a:hover{ color:#206eb9;}
.BottomBt .links em{ display:inline-block; margin:0 17px; color:#b8c5d2; line-height:12px; vertical-align:middle; overflow:hidden;}


@media screen and (max-width:1220px){
.Bottom{ padding:4.5% 0;}
}
@media screen and (max-width:1050px){
.Bottom .BottomLinks dl{ width:11%; padding:0 1.4%; min-height:auto;}
.Bottom .BottomLinks dl:first-of-type{ padding-right:0; min-width:90px;}
.Bottom .btRight .divWeinxin, .Bottom .btRight .divSina{ display:none;}
.Bottom .btRight .lineBt{ margin-bottom:0; border-bottom:0;}
.Bottom .btRight .lineBt span.phone{ margin-bottom:0;}

.toTop{ display:none !important;}
}
@media screen and (max-width:1000px){
.Bottom{ padding-bottom:2%;}
.Bottom .lineBottomLinks{ display:block;}
.Bottom .btRight{float:left; width:33.33%; margin-bottom:3%;}
.Bottom .BottomLinks dl{ float:left; width:30.33%; border-left:0; margin-bottom:3%;}
.Bottom .BottomLinks dl:first-of-type{ padding-right:1.5%;}
.Bottom .btRight .lineBt span.phone{ font-size: 2em;}
}
@media screen and (max-width:910px){
.BottomBt{ text-align:center;}
.BottomBt .links,.BottomBt .CopyRight{ float: none;}
	}
@media screen and (max-width:500px){
.Bottom .lineBottomLinks{ display:none;}
.Bottom .lineBottomLinks2{ display:block;}
.Bottom .btRight{ width:50%;}
.Bottom .BottomLinks dl{ width:47%;}
}

/*bottom.html*/

/*silde*/
.CurrentCont{ background:#2e4052 url(../images/current_bg.jpg) no-repeat center bottom;}
.CurrentCont .Main{}
.Current{ float:right; color:#758ba0;font-size:1.167em; background:url(../images/home_icon.png) no-repeat left center; padding-left:25px; margin-top:22px; margin-bottom:21px;}
.Current div{ display: inline-table;}
.Current a{ color:#758ba0; }
.Current a:hover{ color:#ffffff;}
.Current span{ color:#fff;}

.CurrentContInfo{ background:#f6f6f6;}
.CurrentContInfo .Main{ background:url(../images/column-bg.png) no-repeat right top;}
.CurrentContInfo .Main dl{ text-align: right;}

.Silderbar{ float:left; margin-top:20px;}

.Menu .spanTitle{ display:block; float:left; font-size:2.25em; color:#404e57; margin-bottom:10px;}
.Menu .spanTitle .red{ color:#e62129;}
.Menu .MenuList{ float:right;}
.Menu .MenuList ul li{ float:left; padding-right:7px; margin-right:30px; margin-bottom:20px;}

@media screen and (min-width:768px){
	.Menu .MenuList ul li{ animation: rotate 2s linear infinite;}
}



@keyframes rotate {
				0%, 100% {transform: scaleX(1);transform:rotateX(0deg);}
				50% {transform: scaleX(1.1);
					transform:rotateX(25deg);}
			}



@media screen and (max-width:1100px){
	.Current{
		float: left;
	}
}
@media screen and (max-width:410px){
	.Menu .MenuList ul li{
		margin-right:10px;
	}
}

.Menu .MenuList ul li a{ display:block; border:#acb3ba 1px solid; height:30px; line-height:30px; text-align:center; border-radius:15px; padding:0 20px; color:#747474; font-size:1.167em; position: relative;z-index: 88;}
.Menu .MenuList ul li a span{}

/*.Menu .MenuList ul li a:after {*/
	/*width:15px;*/
	/*height: 15px;*/
	/*position: absolute;*/
	/*top: -7px;*/
	/*bottom: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*content: '';*/
	/*z-index: -1;*/
	/*box-shadow: inset 0 0 0 2px;*/
	/*animation: clipMe 8s linear infinite;*/
	/*background:url(../images/slide_on.png) no-repeat;*/
/*}*/




.Menu .MenuList ul li:hover,
.Menu .MenuList ul li.onmenu{
	background:url(../images/slide_on.png) no-repeat right center;
	animation: shadow .5s linear infinite;
}
@keyframes shadow {
	0%, 100% {transform: scaleX(1);}
	50% {transform: scaleX(1.2);}
}

.Menu .MenuList ul li:hover a,.Menu .MenuList ul li.onmenu a{ border:#fff 1px solid;}


.Menu .MenuList ul li:hover a span,.Menu .MenuList ul li.onmenu a span{ color:#fff;}



@media screen and (max-width:1024px){
.Menu .MenuList{ position:static;}
}
/*slide*/

/*pages*/
.Pages{ padding:5% 0 ; zoom:1; overflow:hidden; color:#333; text-align:center; display:block;}

.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; padding:0 12px; height:33px; line-height:33px; text-align:center; float:left; border:solid 1px #ededed; margin: 0 5px;}
.Pages .p_page{ text-align: center; }
.Pages .p_page .a_prev{ width: 38px; padding:0; margin-right: 10px; background: url(../images/PagePrev.png) no-repeat center;text-indent: -999em;}
.Pages .p_page .a_next{ width: 38px; padding:0; margin-left: 10px; background: url(../images/PageNext.png) no-repeat center;text-indent: -999em;}
.Pages .p_page .a_prev:hover{ width: 38px; padding:0; background: url(../images/PagePrevHover.png) no-repeat center #206eb9;}
.Pages .p_page .a_next:hover{ width: 38px; padding:0; background: url(../images/PageNextHover.png) no-repeat center #206eb9;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ height:33px; line-height:33px; text-align:center; border:solid 1px #ededed; font-size:14px; margin: 0; }
.Pages .p_page a:hover{color:#fff;background:#206eb9;}
.Pages .p_page em a.a_cur{ color:#fff;background:#206eb9;}
.Pages .p_page .em_num{ display:none;}
/*pages end*/


/*index*/
.HomeTile{ text-align:center; margin-bottom:2.2%; position:relative;}
.HomeTile .cn{ display:block;  font-size:3em; line-height:1.25; color:#333;}
.HomeTile .cn .blue{ color:#00b3fe;}
.HomeTile .conf{ color:#666;}
.HomeTile .home_more{ position:absolute; right:0; bottom:0; display:block; width:110px; height:36px; line-height:36px; border:#206eb9 1px solid; text-align:center; border-radius:18px; color:#206eb9; font-size:1.167em;transition: all 0.8s;}
.HomeTile .home_more .more_wz{
	position: relative;
	z-index: 5;
	background: transparent;
	border-radius:18px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.home_more span{
	background: #00b3fe;
	display: none;
	width:110px;
	height: 0;
	border-radius:18px;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
	z-index: 3;
	content: '';
}
.home_more:hover .more_wz{
	/*border:#00b3fe 1px solid;*/
	color: #fff;
	background: #00b3fe;
}
/*.home_more:hover span{
	height: 100%;
	top: 0;
}*/



@media screen and (max-width:420px){
	.HomeTile .cn{
		font-size: 2em;
	}
	.HomeTile .conf{
		font-size: 10px;
	}
}



.HomeService{ padding-top:3%; padding-bottom:5%;}
.HomeService .divCont ul{ overflow:hidden;}
.HomeService .divCont ul li{ float:left; border-bottom:#fff 1px solid;}
.HomeService .divCont ul li a{ display:block; position:relative;}
.HomeService .divCont ul li.li_service1{ width:75%;}
.HomeService .divCont ul li.li_service2{ width:25%;}
.HomeService .divCont ul li.li_service2 a{ display:block; border-left:#fff 1px solid;}
.HomeService .divCont ul li.li_service3{ width:25%;}
.HomeService .divCont ul li.li_service3 a{ display:block; border-right:#fff 1px solid;}
.HomeService .divCont ul li.li_service4{ width:25%;}
.HomeService .divCont ul li.li_service4 a{ display:block; border-right:#fff 1px solid;}
.HomeService .divCont ul li.li_service5{ width:50%;}
.HomeService .divCont ul li a .divIcon{ position:absolute; left:30px; top:0; height:100%;}
.HomeService .divCont ul li a .divIcon .divIconTable{ display:table; height:100%;}
.HomeService .divCont ul li a .divIcon .divIconCell{ display:table-cell; vertical-align:middle;}


.HomeService .divCont ul li>a>img{

}

.HomeService .divCont ul li a .divIcon .divIconCell img{ position: relative;transition: all 1s;}


.HomeService .divCont ul li>a{display:block; overflow: hidden;width: 100%;height: 100%;}
.HomeService .divCont ul li>a:hover>img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.HomeService .divCont ul li>a>img{
	width:100%;
	height: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.HomeService .divCont ul li a:hover .divIcon .divIconCell img{
	transform: rotateY(360deg);
}





.HomeService .divCont ul li a .divIcon .divIconCell span{ display:block; font-size:1.5em; color:#fff; margin-top:10px;}

.divHomeCase{ padding-top:3%; padding-bottom:5%; background:#c3e2ff;}
.divHomeCase .divCont ul li{ float:left; width:19%; margin-right:1%; background:#fff; margin-top:30px;}
.divHomeCase .divCont ul li:last-of-type{ margin-right:0;}
.divHomeCase .divCont ul li a{ display:block; text-align:center;}
.divHomeCase .divCont ul li a img{ width:100%;}
.divHomeCase .divCont ul li a .divConf{ padding:9%;}
.divHomeCase .divCont ul li a .divInfo{ line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-align:left; height:48px;}
.divHomeCase .divCont ul li a .divConf .tit{ font-size:1.333em; color:#5f6972; display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.divHomeCase .divCont ul li a .spanMore{ display:inline-block; width:0; height:0;background:url(../images/case_icon_more.png) no-repeat center center;background-size: 100% 100%;}
.divHomeCase .divCont ul li:hover{ position:relative; top:0px; z-index: 3;}
.divHomeCase .divCont ul li:hover a .divDown{  background:#206eb9; color:#fff; width: 100%;}
.divHomeCase .divCont ul li:hover a,.divHomeCase .divCont ul li:hover a .divConf .tit{ color:#fff;}
.divHomeCase .divCont ul li:hover a .tit{
	transition: all 1s;
}

.divHomeSuccess{ padding-top:3%; padding-bottom:7.33%;}
.divHomeSuccess .Main{ position:relative;}
.divHomeSuccess .divCont{ overflow:hidden; width:100%}
.divHomeSuccess .divCont ul li{ float:left; width:25%; background:#fff; position:relative;}
.divHomeSuccess .divCont ul li .img{ width:100%;}
.divHomeSuccess .divCont ul li .triangle_border_up{ position:absolute; left:50%; bottom:50%; border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #f1f4f9; margin-left:-5px;}
.divHomeSuccess .divCont ul li.li-odd .triangle_border_up{border-width:10px 10px 0; border-style:solid;border-color:#f1f4f9 transparent transparent;position:absolute; left:50%; top:50%; margin-left:-5px;}
.divHomeSuccess .divCont ul li .divConf{ position:absolute; left:0; bottom:0; width:100%; height:50%; background:#f1f4f9; }
.divHomeSuccess .divCont ul li .divSpan{ width:100%; height:100%; display:table;}

.divHomeSuccess .divCont ul li .divSpan .divSpanCont{  width:100%; display:table-cell; vertical-align:middle; text-align:center;}

.divHomeSuccess .divCont ul li .divConf .divSpan .divSpanCont span{ width:90%; margin: 6% 5% 0 5%; display:block; color:#5f6972; font-size:1.333em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

.divHomeSuccess .divCont ul li.li-odd .divConf{ bottom:auto; top:0;}

.divHomeSuccess .divCont ul li .divInfo{ display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background-color:#206eb9; color:#fff;}

.divHomeSuccess .divCont ul li .divInfo .divSpan{display: none;padding-top:6%; width:86%; margin:0 auto;}

.divHomeSuccess .divCont ul li .divInfo .divSpan .divSpanCont{
	padding-top:10% ;
}

.divHomeSuccess .divCont ul li .divInfo .tit{ font-size:1.5em; display:block; text-align:center; width: 86%; margin: 0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.divHomeSuccess .divCont ul li .divInfo .info{ font-size:1.167em; line-height:24px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; text-align:left;  width: 86%; height:96px; margin:10% auto;}
.divHomeSuccess .divCont ul li .divInfo .more{ width:94px; height:26px; border:#fff 1px solid; line-height:26px; text-align:center; display:block; margin:0 auto; border-radius:14px; font-size:1.167em;}
.divHomeSuccess .divCont ul li:hover .divInfo{
	height:100%;
	transition: all 0.5s;
}
.divHomeSuccess .divCont ul li:hover .divInfo .divSpan{
	display: block;
}

.divHomeSuccess .prev,.divHomeSuccess .next{ position:absolute; top:50%; display:block; width:27px; height:61px; margin-top:15px; z-index:4;}
.divHomeSuccess .prev{ left:0; background:url(../images/service_left.png) no-repeat center center;}
.divHomeSuccess .next{ right:0; background:url(../images/service_right.png) no-repeat center center;}
@media screen and (max-width:1220px){
	.divHomeSuccess .prev{ left:10px;}
	.divHomeSuccess .next{ right:10px;}
	}
/*index*/

/*about*/
.AboutBrief{ padding: 3.33em 0; min-width: 320px; }
.AboutTitle{ font-size: 2.5em; color: #333; text-align: center; line-height: 2; }
.AboutTitle span{ color: #00b3fe; }
.AboutCont{}
.AboutList{ min-width: 320px; }
.AboutList ul li{width: 33.33%; float: left; position: relative; text-align: center;}
.AboutList ul li img{width: 100%;}
.AboutList ul li .AboutListCont{ display: table; position: absolute;width: 100%; height: 100%; top: 0;bottom:0;left: 0;right: 0; }
.AboutList ul li .AboutListCont1{ display: table-cell;vertical-align: middle; padding: 0 .5em; }
.AboutList ul li .AboutListCont1 span{ font-size: 2em; color: #fff; }
.AboutList ul li .AboutListCont1 em{ width: 2.5em; height: 1px; background-color: rgba(255,255,255,.5);display: block;margin: 1em auto; }
.AboutList ul li .AboutListCont1 p{margin: 0;font-size: 1.667em; color: #fff;}

.Memorabilia{background: url(../images/BG1.jpg) no-repeat center bottom #fff; background-size: auto 100%; padding: 4em .5em 0;}


.MemorabiliaBox{ max-width: 1650px; margin: 0 auto; position: relative; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 0 75px; }

@media screen and (max-width:450px){
	.MemorabiliaBox{
		padding: 0 30px;
	}
}

@media screen and (max-width:321px){
	.MemorabiliaBox{
		padding: 0 10px;
	}
}


.MemorabiliaLeft{width: 30px; height: 30px; position: absolute;left: 0;top: 50%;margin-top: -15px;background: url(../images/AboutLeft.png) no-repeat center; background-size: 100% 100%;z-index: 100; }
.MemorabiliaRight{width: 30px; height: 30px; position: absolute;right: 0;top: 50%;margin-top: -15px;background: url(../images/AboutRight.png) no-repeat center; background-size: 100% 100%;z-index: 100;}


@media screen and (min-width:768px){

.MemorabiliaRight{width: 60px;height: 60px;margin-top: -30px;}
.MemorabiliaLeft{width: 60px;height: 60px;margin-top: -30px;}
}


.MemorabiliaBox .MemorabiliaCont{ position: relative; height: 625px;overflow: hidden;}
.MemorabiliaBox .MemorabiliaCont ul{position: absolute; width: 100%;}
.MemorabiliaBox .MemorabiliaCont ul:after{content: '';width:100%;border-bottom: 1px solid #8eb7df;position: absolute;top: 50%;left: 0;}
.MemorabiliaBox .MemorabiliaCont ul li{ float: left; width: 300px;height: 625px; position: relative;text-align: center;}
.MemorabiliaBox .MemorabiliaCont ul li:after{content: '';position: absolute;width: 29px;height: 29px; left: 50%;top: 50%;margin:-15px 0 0 -15px;background:url(../images/BG.png) no-repeat center; background-size: 100% 100%;z-index: 3; }
.MemorabiliaBox .MemorabiliaCont ul li.on:after{content: '';background:url(../images/BG_on.png) no-repeat center}
.MemorabiliaBox .MemorabiliaCont ul li .MemorabiliaTitle{ width: 100%; position: absolute;bottom: 50%;margin-bottom: 29px;}
.MemorabiliaBox .MemorabiliaCont ul li:nth-child(2n) .MemorabiliaTitle{top: 50%;margin-top: 29px;bottom: auto;margin-bottom: auto;}
.MemorabiliaBox .MemorabiliaCont ul li .MemorabiliaTitle span{ font-size: 1.5em;color: #3c3c3c; }
.MemorabiliaBox .MemorabiliaCont ul li .MemorabiliaTitle p{ font-size: 1.167em;color: #fff;margin: 0; line-height: 1.2;text-align: center; }
.MemorabiliaBox .MemorabiliaCont ul li .MemorabiliaTitle p span{
	display: inline-block;
	text-align: left;
	font-size: 1.167em;
}
.MemorabiliaBox .MemorabiliaCont ul li .MemorabiliaImg{ width: 100%; position: absolute;top: 50%;margin-top: 40px;}
.MemorabiliaBox .MemorabiliaCont ul li:nth-child(2n) .MemorabiliaImg{bottom: 50%;margin-bottom: 29px;top: auto;margin-top: auto;}

.AboutVideo{background: url(../images/AboutVideoBG.jpg) no-repeat center bottom #edeff1; background-size: 100% 100%; padding: 3em .5em;}
.AboutVideo .AboutVideoCont{ max-width: 860px; margin: 0 auto; padding-bottom: 1.5em; }


/*about*/

/*honor*/
.divHonor{ padding-top:3.5%;}
.divHonor ul li{ float:left; width:23.833%; margin-right:1.5%; margin-bottom:5%;}
.divHonor ul li figure img{ border:#edf2f5 1px solid; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.divHonor ul li figure figcaption{ background:#edf2f5; color:#617787; text-align:center; padding:7% 0; margin-top: 3.8%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:1.167em;transition: background 2s;}

.divHonor ul li:hover figure img{ border:#206eb9 1px solid;}
.divHonor ul li:hover figure figcaption{ background:#206eb9; color:#fff; }
/*honor*/

/*Partner*/
.Partner{padding: 3em 0;}
.TitleBig{font-size: 2.5em;color: #333; text-align: center;line-height: 2;}
.TitleSmall{font-size: 1.333em;color: #999; text-align: center;line-height: 3;}
.Partner ul li{width: 16.66%;float: left;}
.Partner ul li .PartnerBox{position: relative; padding: 14%; background: url(../images/BG2.jpg) no-repeat center; background-size: 100% 100%; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.Partner ul li .PartnerImg{border-radius: 50%; overflow: hidden;position: relative;cursor: pointer;backface-visibility: hidden;transition: all .5s;z-index: 2;}

.Partner ul li .PartnerTitle{ position: absolute;left: 0;right: 0;top: 0;bottom: 0; text-align: center;border-radius: 50%; overflow: hidden; background-color: rgba(32,110,185,.9); margin:14%; cursor: pointer;backface-visibility: hidden;transform: rotateY(180deg);transition: all .5s;}

.Partner ul li:hover .PartnerImg{transform: rotateY(180deg);}

.Partner ul li:hover .PartnerTitle{transform: rotateY(0deg);}



.Partner ul li .PartnerTitle span{color: #fff; font-size: 1.167em;line-height: 1.5;display: inline-block;vertical-align: middle;}
.Partner ul li .PartnerTitle:after{content:'';width:0;height:100%;display:inline-block;vertical-align:middle;}


/*Partner*/

/*contact*/
.Contact{padding-top: 2em;}
.MapList{padding: 2em 0 5em;}
.MapList ul li{float: left;width: 50%; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right: 2.083%;margin-bottom: .833%;}
.MapList ul li:nth-child(2n){padding-right: 0;padding-left: 2.083%;}
.MapList ul li .MapCont{ background:url(../images/BG4.png) no-repeat 1em 1.5em #eee; padding: 1.25em 3.333em;}
.MapList ul li.current .MapCont,.MapList ul li:hover .MapCont{ background-image:url(../images/BG5.png); background-color: #206eb9;}
.MapList ul li .MapCont h3{margin: 0;font-size: 1.33em;color: #206eb9;font-weight: normal;}
.MapList ul li .MapCont p{margin: 0;font-size: 1.167em;color: #555;}
.MapList ul li.current .MapCont h3,.MapList ul li:hover .MapCont h3{color: #fff;}
.MapList ul li.current .MapCont p,.MapList ul li:hover .MapCont p{color: #fff;}

/*contact*/

/*news*/
.News{ padding-top:3%;}
.News ul li{ overflow:hidden; position:relative; background: url(../images/BG3.jpg) repeat-x left bottom; padding:3.33% 0; color:#7e94a5;}
.News ul li .img{ width: 38.75%;float: left; }
.News ul li .img img{ width:100%;}


.News li a{display:block; overflow: hidden;width: 100%;height: 100%;}
.News li a:hover img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.News li a img{
	width:100%;
	height: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}



.News ul li .info{ padding-left:43.33%;}
.News ul li .info .a_tit{ display:block; font-size:1.33em; color:#333;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:1.1;}

.News ul li .info .a_tit:hover{
	font-size: 1.43em;
	color:#206eb9;
}

.News ul li .info .time{ display:block; font-size: 1.167em; color: #666; line-height: 4;}
.News ul li .info .p{ font-size: 1.167em; color: #666;}
.News ul li .info .a_more{color: #fff; display: inline-block;width: 10.666em; height:2.833em;line-height: 2.833; background-color: #206eb9;text-align: center; margin-top: 2.083em; }

/*newsinfo*/
.News_info{ width:100%; padding-bottom:8%;}
.News_info .info_title{ text-align:center; font-size:2.167em; color:#151515; display:block; padding-top:3.5%; padding-bottom:1.5%;line-height: 1.4em;}
.News_info .info_time{ font-size:1.167em; text-align:center; color:#949494; padding-bottom:1.5%; display:block;}

/*newsinfo*/


/*Jobs*/
.divJobs{ padding-top:4.16%;}
.divJobs .divJobsTit{ overflow:hidden; height:48px; line-height:48px; background-color:#3b70a4; color:#fff; font-size:1.33em;}
.divJobs .divJobsTit span{ display:block; float:left;}
.divJobs .span1{ width:22%; padding-left:2%; text-align:left;}
.divJobs .span2{ width:18%; text-align:center;}
.divJobs .span3{ width:18%; text-align:center;}
.divJobs .span4{ width:20%; text-align:center;}
.divJobs .span5{ width:20%; text-align:center;}


.divJobs .uli .uli-li{ border-bottom:#e8e8e8 1px solid; font-size:1.167em;}
.divJobs .uli .divSpan{ overflow:hidden; background:#f9f9f9; padding:1% 0; cursor:pointer; color:#617787;}
.divJobs .uli .divSpan span{ display:block; float:left; font-size:1.167em;}
.divJobs .uli .divSpan .span5 .div{ display:inline-block; color:#666; width:24px; height:24px; text-align:center; line-height:23px;}

.divJobs .on .divSpan{ background:#c3e2ff; color:#666;}
.divJobs .on .divSpan  .span5 .div{ color:#666;}
.divJobs .uli .divJobsInfo{ display:none; background-color:#f1f8ff;}
.divJobs .uli .divJobsInfo .divInfo{ padding:1.66% 3.33%;}
.divJobs .uli .divJobsInfo .divBtn{ padding:1.66% 3.33%;}
.divJobs .uli .divJobsInfo .divBtn .a-btn{ display:block; width:164px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:1.167em; background:#014375; border-radius:2px;}

.divContactInfo{ padding:2% 0;}
/*Jobs*/

/*service*/
.divService{ padding-top:4.8%; padding-bottom:5%;}
.divService ul{ border:#e6f3fa 1px solid; margin-top:50px;}
.divService ul li{ float:left; width:20%;}
.divService ul li a{ display:block; width:100%; height:100%;}
.divService ul li:nth-child(2n+1){ background:#f7f9fd;}
.divService ul li .divCont{ padding:0 10% 23% 10%;}
.divService ul li .divCont .divImg{ width:100px; margin:0 auto; position:relative; top:-50px;backface-visibility: hidden;}
.divService ul li .divCont .divImg img{ width:100%;}
.divService ul li .divCont .tit{ display:block; text-align:center; font-size:1.5em; color:#333; margin-bottom:15px;}
.divService ul li .divCont .divInfo{ font-size:1.167em; color:#747474;}
.divService ul .line{ display:none;}


.divService ul li a{width: 100%;}

.divService ul li:hover .divCont .divImg{
	transition: all .5s;
	transform: rotateY(360deg);
}

.divService ul li:hover a{ border:#003294 2px solid;padding: 0 10px 10px 10px; position:relative; left:-12px; margin-top:-14px;background:#fff; -webkit-box-shadow:0 0 17px #ccc;  -moz-box-shadow:0 0 17px #ccc;     box-shadow:0 0 17px #ccc; z-index:3;transition: all 0.8s;}

.divService ul li:hover .divCont .tit{ color:#003294;}

@media screen and (max-width:800px){
.divService ul li{ width:50%; border-bottom:#e6f3fa 1px solid;}
.divService ul li .divCont{ padding-bottom:60px;}
.divService ul .line{ display:block;}
}

.divSearviceList{ background:#e3ecf4;}
.divSearviceList .Main{ padding-top:4.5%; padding-bottom:4%;}
.divSearviceList .divTitle{ font-size:2.33em; text-align:center; margin-bottom:3%;}
.divSearviceList .divTitle .span{ color:#20a5de;}

.divSearviceList ul li{ float:left; width:24.25%; position:relative; margin-right:1%; margin-bottom:1%;}

.divSearviceList ul li:nth-child(4n){ margin-right:0;}
.divSearviceList ul li a{
	display: block;
	position: relative;
	backface-visibility: hidden;
	transition: all .5s;
	overflow: hidden;
}
.divSearviceList ul li a.fm{
	position: absolute;
	left:0;
	top: 0;
	transform: rotateY(180deg);
}



.divSearviceList ul li .img{ width:100%;}

.divSearviceList ul li .divInfo{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#3b70a3;
	opacity:0.5;
}
.divSearviceList ul li .divInfo .divBox{ display:table; width:100%; height:100%;}

.divSearviceList ul li .divInfo .divBox .divInfoBox{ display:table-cell; vertical-align:middle; text-align:center;}

.divSearviceList ul li .divInfo .divBox .divInfoBox img{ display:inline-block; margin-bottom:10px; width:34px; height:34px;}

.divSearviceList ul li .divInfo .divBox .divInfoBox span{ display:block; font-size:1.5em; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.divSearviceList ul li .divInfo .divBox .divInfoBox h2{font-size: 16px;margin: 0;padding: 10px;color:#fff;}
.divSearviceList ul li .divInfo .divBox .divInfoBox p{margin: 0;font-size: 14px;line-height: 20px;  color: #fff;}

/*.divSearviceList ul li:hover .divInfo{ height:100%;}*/

.divSearviceList ul li:hover a.zm{
	transform: rotateY(180deg);
}
.divSearviceList ul li:hover a.fm{
	transform: rotateY(0deg);
}


.divSearviceList ul li:hover .divInfo .divBox .divInfoBox img{ display:inline-block;}
@media screen and (max-width:700px){
.divSearviceList ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.divSearviceList ul li:nth-child(2n){ margin-right:0;}
}

.divSuccessCase{}
.divSuccessCase .Main{ padding-top:4.5%; padding-bottom:4%;}
.divSuccessCase .divTitle{ font-size:2.33em; text-align:center; margin-bottom:3%;}
.divSuccessCase .divTitle .span{ color:#20a5de;}
.divSuccessCase ul li{ float:left; width:32.66%; margin-right:1%;}
.divSuccessCase ul li:nth-child(3n){ margin-right:0;}
.divSuccessCase ul li a{ display:block; border:#eceff4 1px solid; text-align:center;}


.divSuccessCase ul li a .img{ padding:7% 0; position: relative; }
.divSuccessCase ul li a .img .dx_c{
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	background-color:#000;
	opacity:0;
}
.divSuccessCase ul li a .img img{max-width:100%; min-height:5em;}


.divSuccessCase ul li a .divInfo{ background:#eceff4; color:#6c6f74; padding:5%;}
.divSuccessCase ul li a .divInfo .tit{ display:block; color:#3c3f44; font-size:1.333em; margin-bottom:10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.divSuccessCase ul li a .divInfo .info{ font-size:1.167em;  line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; height:48px;text-align: left;}

.divSuccessCase ul li a:hover{ border:#206eb9 1px solid;}

.divSuccessCase ul li a:hover .img .dx_c{
	opacity: 0.3;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.divSuccessCase ul li a .img .dx_c{
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}



.divSuccessCase ul li a:hover .divInfo{ background:#206eb9; color:#fff;}
.divSuccessCase ul li a:hover .divInfo .tit{ color:#fff; font-weight:bold;}

@media screen and (max-width:700px){
.divSuccessCase ul li{ width:100%; margin-bottom:2%;}
}
/*service*/

/*solution*/
.divSolutionList{ padding-top:4.17%; padding-bottom:2.5%}
.divSolutionList ul li{ float:left; width:32.166%; margin-right:1.75%; margin-bottom:1.75%;}
.divSolutionList ul li:nth-child(3n){ margin-right:0;}
.divSolutionList ul li figure{ border:#fff 1px solid;}
.divSolutionList ul li figure figcaption{ background:#3b70a3; color:#fff; text-align:center; padding:7% 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:1.5em;}

.divSolutionList ul li:hover figure{ border:#3b70a3 1px solid;}

.divSolutionList ul li a figure{display:block; overflow: hidden;width: 100%;height: 100%;}
.divSolutionList ul li a:hover figure img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.divSolutionList ul li a figure img{
	width:100%;
	height: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}



@media screen and (max-width:700px){
.divSolutionList ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.divSolutionList ul li:nth-child(3n){ margin-right:2%;}
.divSolutionList ul li:nth-child(2n){ margin-right:0;}
}
/*solution*/

/*case*/
.divCaseList{ padding-top:5%;}
.divCaseList ul li{ float:left; width:30.9%; padding-bottom:15px; border-bottom:#dddddd 1px solid; margin-right:3.65%; margin-bottom:3.65%;}
.divCaseList ul li:nth-child(3n){ margin-right:0;}


.divCaseList ul li a figure{display:block; overflow: hidden;width: 100%;height: auto;}
.divCaseList ul li a figure:hover img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.divCaseList ul li a figure img{
	width:100%;
	height: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


.divCaseList ul li .tit{ display:block; font-size:1.333em; color:#5f6972; padding:15px 0 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.divCaseList ul li .info{ font-size:1.167em; color:#a4aeb8; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden; height:48px;}
.divCaseList ul li .tit:hover{ color:#206eb9;}

.divCaseInfo .divTitle{ font-size:3em; color:#000; padding-top:4.667%; line-height:1.2;}
.divCaseInfo .divTitle .span_line{ display:inline-block; width:5px; height:36px; background:#20a5de; margin-right:16px; vertical-align:middle;}

@media screen and (max-width:700px){
.divCaseList ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.divCaseList ul li:nth-child(3n){ margin-right:2%;}
.divCaseList ul li:nth-child(2n){ margin-right:0;}
}
/*case*/

/*search*/
.Search{ padding-top:3.75%;}
.Search ul{ /*margin-bottom:30px;*/}
.Search ul li{ line-height:45px; border-bottom:#666 1px dashed;}
.Search ul li .time{ float:right; padding-left: 1.5em;}
.Search ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*search*/

@media screen and (max-width:910px){
	/*top*/
	.Top{ background-image:none; background-color:#fff;}
	.divlogo {top: 10px; height:auto; }
	.MainNav{ float:none; width:100%; display:inline-block; margin-top: 20px; position:relative;}
	.MainNav ul li{ width:17%;}
	.MainNav ul li:first-of-type{ width:15%;}
	.MainNav ul li .navA{ padding:0; line-height:36px;}

	.MainNav ul li .divDown{ top:45px; padding:10px; left:-10px;}
	
	.divSearch{}
	.divSearch img{ vertical-align:middle; display:none;}
	.divSearch .divSearchBox{ display:block !important;width: 166px; position:static; background:none; padding:0;}
	
	/*top*/
	
	/*about*/
	.AboutList ul li{width: 100%; margin-bottom: .5em;}
	/*about*/

	/*Partner*/
	.Partner ul li{width: 33.33%;}
	/*Partner*/
}

@media screen and (max-width:700px){
	/*top*/
	.divlogo{ position:absolute; top:0px; height:100%; width:40%;}
	.divlogo .logo{ margin-top:0;}
	.TopRight{ width:auto;}
	.MainNav{ display:none; opacity: 1; background-color:#014375; border-top:#fff 1px solid; border-bottom:#fff 1px solid; margin-top:0; position:absolute; top:90px; left:-10px; width:100%; padding:0 10px; z-index:1000;}
	.MainNav ul li,.MainNav ul li:first-of-type{ float:none; width:100%;}
	.MainNav ul li .divDown{ position:static; padding:0px;text-align: center;}
	.MainNav ul li .divDown dd{ display:block;}
	.MainNav ul li .divDown dd b{ display:none;}
	.MainNav ul li .navA{ color:#fff;}
	.MainNav ul li#nav4 .divDown, .MainNav ul li#nav5 .divDown, .MainNav ul li#nav6 .divDown{text-align: center;}
	/*菜单导航*/
	.navbar-toggle{ display:block;}
	
	.divSearch{ margin-top:10px;}
	/*top*/
	
	/*banner*/
	.HomeBan .BanList li a .divWeb{ display:none;}
	.HomeBan .BanList li a .divWap{ display:block;}
	/*banner*/
	
	/*pages*/
	.Pages .p_page .num{ display:none;}
	.Pages .p_page .em_num{ display: inline-block; float: left; padding: 0 10px;line-height: 34px;font-size: 1.167em;}
	/*pages*/
	
	/*index*/
	.HomeTile .home_more { position:static; margin:10px auto 0 auto;}
	
	.HomeService .divCont ul li.li_service1,.HomeService .divCont ul li.li_service5{ width:100%;}
	.HomeService .divCont ul li.li_service2,.HomeService .divCont ul li.li_service3,.HomeService .divCont ul li.li_service4{ width:33.33%;}
	.HomeService .divCont ul li.li_service2 a{ border-right:#fff 1px solid;}
	.HomeService .divCont ul li.li_service4 a{ border-right:0;}
	.HomeService .divCont ul li .img{ width:100%;}
	.HomeService .divCont ul .clear{ display:none;}
	.HomeService .divCont ul li a .divIcon{ left:0; width:100%; text-align:center;}
	.HomeService .divCont ul li a .divIcon .divIconTable{ width:100%;}
	
	.divHomeCase{ margin-bottom:2%;}
	.divHomeCase .divCont ul li{ width:49%; margin-right:2%; margin-bottom:2%}
	.divHomeCase .divCont ul li:nth-child(2n){ margin-right:0;}
	/*index*/
	
	
	/*honor*/
	.divHonor ul li{ width:48.67%;}
	.divHonor ul li:nth-child(2n){ margin-right:0;}
	/*honor*/
	
	/*news*/
	.divNews ul li { padding:10px;}
	.divNews ul li .a_img{ position:static; width:100%;}
	.divNews ul li .info{ padding:0; width:100%;}
	.divNews ul li .info .p{ height:auto; -webkit-line-clamp: inherit;}
	.divNews ul li .a_more{ display:none;}
	/*news*/
	
	/*newsInfo*/
	.News_info .PrevNextBox dl{ width:100%;}
	.divShare{ float:none; margin-right:0;}
	/*newsInfo*/
	
	/*download*/
	.divDownload ul li .divProblem .divProblemCont{ padding-right:100px;}
	.divDownload ul li .divProblem .divProblemCont .a_download{ padding:0; width:80px;}
	/*download*/
	
	/*productInfo*/
	.CasesImgList,.divProductInfoTit{ float:none; width:100%;}
	/*productInfo*/
	
	/*Ability*/
	.AbilityImg,.AbilityCont{width: 100% !important;}
	.AbilityImg img{width: 100% !important;}
	/*Ability*/

	/*news*/
	.News ul li{padding: 6.66% 0}
	.News ul li .img{ width: 100%;float: none; }
	.News ul li .info{ padding-left:0%; padding-top: 3.33%;}
	/*news*/

	/*contact*/
	.MapList ul li{width: 100%; padding-right: 0;margin-bottom: .833%;}
	.MapList ul li:nth-child(2n){padding: 0}

	/*contact*/
	
	}

@media screen and (max-width:440px){
	/*index*/
	.HomeService .divCont ul li a .divIcon .divIconCell span{ margin-top:0;}
	/*index*/
	
	/*Partner*/
	.Partner ul li{width: 50%;}
	/*Partner*/
	}


#zj_more{display: block;}


@media screen and (min-width:1024px){
#zj_more{display: none;}
}


.Floor001732{ background:#f8f8f8;text-align:center; padding:3% 0;}
.Floor001732 h1{ font-size:36px; font-weight:normal; color:#362a03; margin:0; padding-bottom:1%; }
.Floor001732 h1 span{ color:#0a51a1;}
.Floor001732 b{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#c3c2c1; text-transform:uppercase; margin-top:10px; }
.Floor001732 figure{color:#666563; line-height:24px; padding-bottom:3%;}
.Floor001732 dd{ float:left; width:32%; margin-right:2%;}
.Floor001732 dd:last-child{ margin-right:0;}
.Floor001732 dd img{ display:block; width:100%;}
.Floor001732  ul{  margin:0 auto;margin-top:30px; max-width:528px;}
.Floor001732 li{ float:left; width:25%;}
.Floor001732 li a{ display:block; font-size:16px; padding:65px 0 20px 0; border-radius:5px; background:url(../images/Floor001732-icon1.png) no-repeat center 15px;}
.Floor001732 li.li_2 a{ background-image:url(../images/Floor001732-icon2.png);}
.Floor001732 li.li_3 a{ background-image:url(../images/Floor001732-icon3.png);}
.Floor001732 li.li_4 a{ background-image:url(../images/Floor001732-icon4.png);}
.Floor001732 li a:hover{background-color:#0a51a1; background-image:url(../images/Floor001732-icon1_hover.png); color:#fff;}
.Floor001732 li.li_2 a:hover{ background-image:url(../images/Floor001732-icon2_hover.png);}
.Floor001732 li.li_3 a:hover{ background-image:url(../images/Floor001732-icon3_hover.png);}
.Floor001732 li.li_4 a:hover{ background-image:url(../images/Floor001732-icon4_hover.png);}
@media(max-width:768px){
.Floor001732 dd{ display:none;}
.Floor001732 dd:first-child{ display:block;}
}
@media(max-width:640px){
.Floor001732 h1{ font-size:24px;}
.Floor001732 b{font-size:14px;}
}
@media(max-width:375px){
.Floor001732 dd{ float:none; width:auto; margin-right:0; margin-bottom:2%;}
.Floor001732 li a{font-size:14px; background-size:auto 30px; padding-top:50px;}
}


.Floor001734{ background:#f8f8f7;padding:3% 0;}

.Floor001734 h1{ font-size:36px; font-weight:normal; color:#362a03; margin:0; text-align:center; padding-bottom:4%;}
.Floor001734 h1 span{ color:#0a51a1;}
.Floor001734 h1 b{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#8a8986; text-transform:uppercase; margin-top:10px;  }

.Floor001734 .more{ text-align:center; padding-top:3%;}
.Floor001734 .more a{ display:inline-block; padding-left:30px; text-align:left; width:120px; height:37px; line-height:37px; color:#fff; border-radius:37px; background: url(../images/Floor001734-more.png) no-repeat 90% center #0a51a1;}

.Floor001734 li{float:left; width:47%; margin-right:2%; margin-bottom:2%;border:1px solid #ededea; padding:10px;background:#fff; position:relative;}
.Floor001734 li:nth-child(2n){ margin-right:0;}
.Floor001734 li a{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;}
.Floor001734 li a:hover{ border:2px solid #50a3e6;}
.Floor001734 li figure{ position:absolute; left:0; top:0; width:137px; height:100%;}
.Floor001734 li figure img{ display:block; width:100%; height:100%;}

.Floor001734 li div{ padding-left:150px; position:relative; font-size:12px;}
.Floor001734 li h2{ margin:0;color:#362a03; font-weight:normal;font-size:14px; padding-right:10px; line-height:29px;}
.Floor001734 li h2 time{ float:right; font-size:22px; color:#666; font-style:italic;}
.Floor001734 li h2 time i{ color:#50a3e6; margin:0 2px;}
.Floor001734 li h2 time span{ font-size:14px;}
.Floor001734 li p{ line-height:18px; height:36px; overflow:hidden; margin-top:10px;}
.Floor001734 li div span{ color:#50a3e6;}
@media(max-width:768px){
.Floor001734 li{ float:none; width:auto; margin-right:0;}
.Floor001734 li:nth-child(2n) div{ padding-left:0; padding-right:150px;}
.Floor001734 li:nth-child(2n) figure{ left:auto; right:0;}
}
@media(max-width:640px){
.Floor001734 h1{ font-size:24px;}
.Floor001734 h1 b{font-size:14px;}
}
@media(max-width:375px){
.Floor001734 li h2 time{ display:none;}
}

.neimian{width:1200px; margin:auto;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #e9280c;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}

.met_section{position:relative;padding:40px 0 50px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section article .met_article{margin-left:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd; border-top:0px;}
.met_section aside section h2{height:100px;border-bottom:1px solid #ddd;font-size:20px;line-height:100px; background-color:#206EB9; color:#fff; overflow:hidden}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 10px;color:#333; font-size:14px}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #206EB9;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#000;font-weight:normal;font-size:20px; text-align:center;}
.met_article_head h2{color:#000;font-weight:normal;font-size:20px; text-align:center;}
.met_article_head  h2 .time{width: 100%;text-align: center;line-height: 30px;color: #666666;font-size: 16px;margin-bottom: 10px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}



.met_module3_list ul.list_1{list-style:none;visibility:hidden:950px; float:left}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-bottom:30px;overflow:hidden; margin-left:7px; margin-right:7px; width:300px; height:275px; overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:center;font-size:16px; line-height:40px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}



.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_module2_list li a{ font-size:16px;}

/*pages*/
.dede_pages{margin: 20px 0; width:940px; float:left; height:36px;}
.dede_pages ul{height: 34px;text-align: center;}
.dede_pages ul li {display: inline-block;height: 34px;margin-right: 5px;}
.dede_pages ul li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.dede_pages ul li a:hover{background:#f5f5f5;color:#0099ff;}
.dede_pages ul li.thisclass {background: #09f;color: #fff;}
.dede_pages ul li.thisclass a,.dede_pages ul li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}
.dede_pages ul li span{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;;}

.innerPageBody {
    width: 950px;
    height: auto;
    margin: 0px auto;
}
.jionUS1 {
    margin: 0px auto;
    padding-bottom: 70px;
}

    .jionUS1 ul li {
        width: 100%;
        height: 40px;
        overflow: hidden;
        border: 1px solid #eeeeee;
        border-top: 0px;
    }

.jionUS1Head {
    background: #2964aa;
    border-color: #2964aa;
    line-height: 40px;
}

    .jionUS1Head p {
        color: #fff !important;
        font-weight: bold;
    }

.jionUS1 ul li p {
    width: 20%;
    height: 40px;
    line-height: 40px;
    color: #747474;
    text-align: center;
    overflow: hidden;
    max-height: 40px;
    font-size: 15px;
    float: left;
}


* {
    margin: 0px;
    padding: 0;
    border: 0;
}


.name {
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-weight: bold;
}

.enName {
    color: #272626;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
}

.info ul li {
    width: 100%;
    height: 62px;
    margin-bottom: 10px;
    margin-top: 20px;
}

    .info ul li p {
        float: right;
        width: 82%;
        max-height: 62px;
        line-height: 62px;
        color: #000;
        font-size: 14px;
        overflow: hidden;
    }
