body{color:#999;font-family:microsoft yahei,Arial,'微软雅黑'; }
a{text-decoration:none; color:#999}
a:hover{text-decoration: underline; color:#999}
.iwidth{ width:1080px; margin:0 auto}
.clear{ clear:both} .ohidd{ overflow:hidden;*zoom:1;}
.blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
.keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}

.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}

.ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}

.page_desc{
    margin: 50px auto;
    text-align: center;    
    font-size: 14px;
}
.page_desc li{display:inline-block;}
.page_desc li>span,.page_desc li a{
    padding: 8px 15px;
    display: inline-block;
    border: 1px solid #d8d8d8;
    color: #333;
}
.page_desc li span.current,.page_desc li a:hover{
    background:#172b70;
    color: #fff;
    border: 1px solid #172b70
}


/* 头部 */
.header,.topbak{  position:relative; height:80px;}
.header{ width:100%; z-index:1000; background:rgba(255,255,255,.8);position: fixed;top: 0;border-bottom: 1px solid #dadada;}
.header .logo{float:left; }
.header .logo a{float:left; height:80px; width:190px;display:block; text-indent:-999em;background: url(../images/logo.png);}
 

/* 导航 */ 
 
 .nav-site {overflow:hidden;*zoom:1; float:right;}
 .nav-site li{float:left;color:#fff;text-align:center; position:relative ; z-index:9;margin-top:16px;border-radius: 10px;}
 .nav-site li:hover{background-color:#162c71; transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}
 .nav-site li a{color:#000;  font-size:16px; font-family:'微软雅黑'; text-decoration:none;display: block; ;padding: 15px 20px;}
 .nav-site li a span{ font-size:16px; }
 .nav-site li a:hover{color:#fff;}
.nav-site li .ahov{color:#162c71;}

 
.nav-site li ol{ width:400px;position:absolute;top:88px; left:0; z-index:99; display:none}
.header .nav-site li ol dd{ float:left; margin:0 3px; line-height:35px;}
.header .nav-site li ol dd a{ line-height:35px; background:url(../images/ico.png) no-repeat 0px 3px; padding-left:10px; color:#555; font-size:12px}



/* main style */
.bannerbox{width: 100%;margin-top:81px;}
.banner{width: 100%;    min-width: 1080px;}
.banner img{width: 100%;}
.spanleft{float: left;margin-left: 100px;cursor: pointer;position: absolute;left: 0;top: 285px;}
.spanright{float: right;margin-right: 100px;cursor: pointer;position: absolute;right: 0;top: 285px;}
.spanleft img{width: 20px;}
.spanright img{width: 20px;}
.flex-control-nav {width: 100%; position: absolute; bottom: 22px; height:11px; text-align: center; z-index:9999}
.flex-control-nav  li {margin: 0px 5px ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging  li a {display: block;width: 11px;height: 11px;cursor: pointer;text-indent: -999em; background:url(../images/dot.png) repeat-x right 0;}
.flex-control-paging  li a.flex-active { background-position:0px 0;}

.tbody{ overflow:hidden;*zoom:1; padding:0 0 20px}
.iservice{ height:375px; overflow:hidden;}

.itdbg{ margin-top:30px;}

.itit{ margin:35px 0 0px;  overflow:hidden;*zoom:1; text-align:center}
.itit h2 {  display:block; color:#162c71;font-size:18px; font-weight:normal;line-height:30px; height:30px; background:url(../images/titbg.jpg) no-repeat center 0;}
.itit span{ color:#162c71; font-family:"Verdana"; margin-right:3px; line-height:25px; }
.servicelist{ margin:33px 0 0; overflow:hidden}
.servicelist li{ width:31.3%; margin:0 10px; float:left; text-align:center; border-bottom:4px solid #fff; padding-bottom:25px;}
.servicelist li .serico{ height:120px; background:url(../images/web1.png) no-repeat center 0;}
.servicelist li h3{ color:#747474; font-family:"微软雅黑"; font-size:18px; margin:8px 0 12px;}
.servicelist li p{ height:45px; line-height:22px; color:#999999; font-size:14px;}
.servicelist li:hover{ border-bottom:4px solid #162c71;}
.servicelist li .s1{ background-image:url(../images/web1.png);transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;}
.servicelist li:hover .s1{ background-image:url(../images/web2.png);}
.servicelist li .s2{ background-image:url(../images/graphic1.png);transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;}
.servicelist li:hover .s2{ background-image:url(../images/graphic2.png);}
.servicelist li .s3{ background-image:url(../images/e-bussiness1.png);transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;}
.servicelist li:hover .s3{ background-image:url(../images/e-bussiness2.png);}
.servicelist li .s4{ background-image:url(../images/mail1.png)}
.servicelist li:hover .s4{ background-image:url(../images/mail2.png);transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}
.servicelist li .s5{ background-image:url(../images/load1.png)}
.servicelist li:hover .s5{ background-image:url(../images/load2.png);transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}
.servicelist li .s6{ background-image:url(../images/zf1.png)}
.servicelist li:hover .s6{ background-image:url(../images/zf2.png);transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}
.servicelist li .s7{ background-image:url(../images/ev1.png)}
.servicelist li:hover .s7{ background-image:url(../images/ev2.png);transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;}

.icase{  background:#f8f8f8;  min-width: 1080px; padding: 10px 0;}/*height:440px;overflow:hidden;   */
.icase  .icasetit h2{ color:#162c71; font-size:18px; background:none;}
.icase  .icasetit span{ font-size:12px; font-family:Verdana;} 

.icaselist{ margin-top:37px; overflow:hidden;}
.icaselist li{ width:339px; float:left; margin:10px 10px;}
.icaselist li .casethumb{ height:210px; position:relative; overflow:hidden;*zoom:1;}
.icaselist li .casethumb img{height:100%;width:100%;}
.icaselist li .casethumb a:hover{ text-decoration:none}
.icasemore{ width:165px; line-height:35px; color:#162c71; font-family:Verdana; font-size:14px; height:35px;  border: 1px solid #162c71; border-radius: 15px;display: block;text-align: center; margin: 40px auto;}
/*margin-left:-83px; position:absolute; left:50%;margin-top:40px;margin-left: 456px;margin-bottom: 40px;*/
/*首页新加about板块按钮*/
.icasemore1{ width:165px; margin-left:163px; line-height:35px; color:#162c71; font-family:Verdana; font-size:14px; height:35px; position:absolute; left:50%; margin-top:40px;border: 1px solid #162c71; border-radius: 15px; }
.icasemore1:hover{ color:#fff; text-decoration:underline;background-color:#162c71; }

.icaselist li .vlock{ display:none; width:339px; height:210px; position:absolute; top:0; left:0; z-index:100; background:url(../images/caselock.png) no-repeat center;background-size: cover;}
.icaselist li .vlock p{ color:#fff; font-size:14px; text-align:center; margin-top:120px; height:30px;}
.icasemore:hover{ color:#fff; text-decoration:underline;background-color:#162c71; }

.icaselist li:hover  .vlock{ display:block;}

.inews{  overflow:hidden;}
.inews dl{ margin:50px 0 60px; overflow:hidden}
.inews dt{ float:left; width:234px; margin-right:2px;height: 196px;}
.inews dl dt>img{width:100%;height:100%}
.inews dd{ float:left; height:196px; width:844px;}

/*首页新加about板块*/
.inews1{  overflow:hidden;}
.inews1 dl{ margin:50px 0 60px; overflow:hidden}
.inews1 dt{ float:left; width:470px; margin-right:2px;height: 330px;}
.inews1 dl dt>img{width:100%;height:100%}
.inews1 dd{ float:left;  width:520px;padding-left: 60px;padding-top: 0px;}/*height:196px;*/

.ilistnews{ overflow:hidden;*zoom:1;}
.ilistnews li{ width:50%; height:74px; margin-bottom:40px; float:left}
.ilistnews li span,.showdate span{ display:block; width:74px; height:74px; text-align:center; border-right:1px solid #e3e3e3; float: left; margin-right:16px;}
.ilistnews li span em,.showdate span em{ font-size:18px; color:#999; display:block; font-style:normal}
.ilistnews li span i,.showdate span i{ font-size:36px; color:#162c71; font-weight:bold; display:block; font-style:normal; width:100%; height:50px; line-height:50px;}
.btit{ width:330px; float:left; height:76px; overflow:hidden;}
.btit h3 a{ font-size:14px; color:#666; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.btit h3 a:hover{ text-decoration:underline}
.btit p{ font-size:12px; color:#a9a9a9; margin-top:10px; line-height:22px;}

.middleimg{
	background:url(../images/middleimg.jpg) no-repeat center bottom;
	height: 300px;margin-top:81px;    min-width: 1080px;
}
.detail{
	width: 1080px;
	margin: 50px auto;
}
.detail .left{
	float: left;
	width: 250px;
	box-shadow: 0 0 10px #9a9a9a;
}
.detail .left .subnav{
	width: 220px;
	margin: 0 auto;    padding: 10px 0;
}
.detail .left .subnav .top i{
	margin-bottom: 8px;
	margin-top: 8px;
	display: block;
	background: url(../images/a.jpg);
	width: 5px;
	height: 26px;
	float: left;
}
.detail .left .subnav .top h3{
	float: left;
	color: #000;
	margin-left: 10px;
	margin-top: 8px;
}

.detail .left .subnav .down ul li{
	text-align: center;
	padding: 10px 0px;
	font-size: 14px;
}
.detail .left .subnav .down ul li a{
	color: #000;
	display: block;
	padding: 10px;	
}
.detail .left .subnav .down .active{
	background-color: #162c71;
	color: #fff;
}
.detail .left .subnav .down .active a{ color: #fff }
.detail .right{
	float: right;
	width: 800px;
	box-shadow: 0 0 10px #9a9a9a;
	min-height: 500px;
}
.detail .right .right_top{
	border-bottom: 1px solid #9a9a9a;
}
.detail .right .right_top h3{
	color: #000;
	padding:10px 0px;
	margin-left: 20px;
	float: left;
	border-bottom: 2px solid #162c71;
}
.detail .right .main{
	width: 750px;
	margin:20px auto;
}
.detail .right .main h4{
	color: #000;
	margin: 15px 0;
}
.detail .right .main p{
	line-height: 30px;
}
.detail .right .main ul li{
	font-size: 14px;
	color: #000;
	padding: 10px 0; 
	border-bottom: 1px dotted #9a9a9a;
}
.detail .right .main ul li a{
	color: #000;
	display: inline-block;
	width: 500px;
	overflow: hidden;
}
.detail .right .main ul li span{
	display: inline-block;
	margin-left:138px; 
}
.detail .right .main .tulist img{
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}
.detail .right .main .tulist p{
	float: left;
	text-indent: 0;
	margin-left: 20px;
}
.detail .right .main .tulist a{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 100px;
}
.detail .right .mainimg{
	width: 800px;
	margin:20px auto;
}
.detail .right .mainimg ul li{
	float: left;
	padding: 10px 25px;
}
.detail .right .mainimg img{
	display: block;
	width: 150px;
	height: 150px;
}
.detail .right .mainimg span{
	display: block;
	text-align: center;
	color: #000;
	margin-top:10px; 
}
.detail .right .page{
	width: 800px;
	margin:20px auto;
}
.detail .right .page ul li{
	float: left;
	padding: 0 10px;
}
.detail .right .page ul li a{
	color: #000;
}
.detail .right .main p{
	font-size: 14px;
	color: #333;
}
.detail .right .main img{
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.detail .right .map{
	width: 750px;
	margin:20px auto;
}
.detail .right .map p{
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}

/* footer style */
.footer{ color:#000;  height:54px; font-size:12px; border-top:1px solid #d3d3d3;    min-width: 1080px;}
.footer  a{color:#999; font-family:Arial;}
.totop{ display:none; height:52px; width:52px; background:url(../images/top1.png) no-repeat 0 0; z-index:1000}
.totop:hover{ background-image:url(../images/top2.png)}

/*link*/
.colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;}
.links{ background:#f8f8f8; color:#888; height:80px; line-height:30px; padding-top:30px;}
.links a{color:#888; margin:0 3px;}

.itemli{ margin:0px 10px;}
.itemli li{padding:10px 0px;}
.itemli li a{background:url(../images/bg_member_1.gif) no-repeat -5px -126px;font-weight:bold; padding-left:14px;color:#004499; font-size:13px;}
.pd_b0{padding-bottom:0px;}
/*内容摘要*/
.summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em;}

/*copyright*/
.footer1{background:#e2e2e2; color:#000; border-top:0;}
.footer1 a{ color:#000;}
.footer1 .links a{ margin:5px 2px;}
.footer1 .left{float: left;margin-left:100px;margin-top: 20px;}
.footer1 .left p{padding-top:10px;}
.footer1 .right{float: right;margin-right:100px;margin-top:20px; }
.footer1 .right span{margin-left:10px; }
.footer1 .down{clear: both;text-align: center;margin: 5px 0;}