@charset "gb2312";
/* CSS Document */

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
ul, ol, li {list-style-type:none;vertical-align:0}
body{ margin:0px; padding:0px; font-family:"Microsoft Yahei",sans-serif; font-size:14px; min-width:1150px;}
.clear{clear:both} 
.top{ height:72px; width:1150px; margin:0px auto; margin-top:5px;}
.logo{float:left; width:240px;  height:70px;  display:block;}
.time{ float:left; padding:10px; color:#0950a1}
.ewm{ float:right;}
.weibo{ float:left; width:80px; position:relative}
.wb_ewm{ position:absolute; display:none; top:80px; left:-20px; width:120px; height:120px;}
.wachat{ float:left; width:80px; position:relative}
.wx_ewm{  position:absolute; display:none; top:80px; left:-20px; width:120px; height:120px;}

.line{ border-bottom:1px dashed #111; height:2px; }

.navbar{ height:44px; width:100%;background:#127de8; margin-bottom:5px}
.navbar ul{ width:1150px;  height:44px;margin:0px auto;line-height:44px; }
.navbar ul li{ height:100%; font-size:16px; color:#0950a1; vertical-align:middlel;float:left;}
.navbar ul li a{padding:0 60px 0px 0; color:#fff}
.navbar ul li a:hover{color:#f08856}
.navbar ul li a.active{color:#f08856}
.navbar .navicon_out{ width:14px; height:14px; float:left; background-image:url(../images/navicon_out.jpg)}
.navbar a{ color:#666;}
.navbar .navicon_in{width:14px; height:14px; float:left; background-image:url(../images/navicon_in.jpg)}
.banner{width:100%;}
.banner img{width:100%;}
.center{ width:1150px; height:385px; margin:0px auto ;margin-top:10px; position:relative; }
.center .bleft{ float:left;}
.center .bcenter{ float:left; height:385px;}
.center .bright{ float:left;}
.center .hy{ width:372px; height:385px; background-image:url(../images/hy_img.png); background-repeat: no-repeat; }

.center .bcenter .gzzc{ width:181px; height:179px; background-color:#127de8;  margin-left:10px; float:left; margin-bottom:10px;text-align:center;}
.center .bcenter .cszz img{  display:block; margin:30px auto;}
.center .bcenter .gzzc img{  display:block; margin:30px auto;}
.center .bcenter .cszz{ width:181px; height:179px; background-color:#04215f; float:left; margin-left:10px;text-align:center;} 
.center .bcenter .zhgk{ width:372px; height:92px;background-color:#04215f; margin:10px 10px 0px 10px; clear:both;   }
.center .bcenter .zhgk a{ float:left; margin-top:25px; }
.center .bcenter .zhgk img{ margin:30px 20px;  float:left; }
.center .bcenter .dhsc{ width:372px; height:92px;background-color:#04215f; margin:10px 10px 10px 10px; }
.center .bcenter .dhsc img{ margin:20px 20px;  float:left;}
.center .bcenter .dhsc a{ float:left; margin-top:25px;}

.center .bright .zl{ width:372px; height:179px; background-image:url(../images/zl_img.png); background-repeat:no-repeat; }
.center .bright .cgxx{width:182px; height:196px; background-color:#127de8;  margin-top:10px;float:left;text-align:center;}
.center .bright .cgxx img{display:block; margin:23px auto;}
.center .bright .ljhg img{display:block; margin:20px auto;}
.center .bright .ljhg{width:182px; height:196px; background-color:#04215f; margin-top:10px; float:left; margin-left:10px;text-align:center;}
.center  a{  color:#FFF; font-size:30px; font-family:"Microsoft Yahei";  }
.navtab{ width:1150px; margin:40px auto; margin-bottom:0px}
.navtab .tit_font{text-align:center; font-size:30px;color:#434343}
.navtab .tit_font span{font-size:14px;}
.zzs_box{ width:100%;height:auto; overflow:hidden; margin:0px auto;}
.zzs_box ul{ width:1150px; height:auto; overflow:hidden; margin:0px auto; padding:20px 0px;}
.zzs_box ul li{width:18%; height:120px; float:left; margin-right:1.8%; margin-top:10px;  border:1px solid #c5c5c5; background-color:#FFF; overflow:hidden}
.zzs_box ul li img{ width:100%;}
.zzs_box ul li:hover img{
	cursor: pointer;
	 transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */
transform:scale(.9,.9);
}
.zzmt{ width:1150px; clear: both;  text-align:left; font-size:18px; line-height:40px; font-family:"Microsoft Yahei"; color:#434343; }
.lxfs{ width:1150px; height:150px;font-family:"Microsoft Yahei"; margin-top:20px}
.lxfs .lxfs_numb{ width:750px;}
.lxfs .lxfs_numb li{ float:left; margin-top:20px; color:#6e6e6e; margin-right:50px;}
.erweima{ float:right }
.footer{ width:1150px; height:100px; margin:0px auto; text-align:center;font-family:"Microsoft Yahei"; fosnt-size:14px; color:#6e6e6e; margin-top:20px;}


.gg{ width:100%; height:191px; background-image:url(../images/banner02.jpg); background-position:center center;}
.minbox{ width:1150px; height:auto; overflow:hidden; margin:0px auto;}
.minbox .weizhi{ margin-top:20px; font-family:"Microsoft Yahei"; font-size:16px; }
.minbox .nr{ margin-top:20px; line-height:26px; color:#666666; font-size:16px}
.minbox ul{ clear:both; margin-top:20px; height:auto; overflow:hidden;}

.minbox .youshi li{width:330px; height:140px; background-color:#e1f5fd; float:left; margin-left:46px; margin-top:36px; position:relative;}
.minbox .youshi li .out{ position:absolute; top:0px; display:block; z-index:300; background-color:#e1f5fd;width:330px; height:140px;}
.minbox .youshi li .in{ display:block; position:absolute; top:0px; background-color:#fff;  border:1px solid #5da8fc;  color:#032764; text-align:center; height:126px; width:316px; padding:6px; line-height:24px; cursor:default;}
.minbox .youshi .out img{ display:block; width:60px; height:60px; margin:30px; float:left;}
.minbox .youshi .out div{ font-size:24px; font-weight:bold; margin:30px 0px; float:left; color:#00326f; }
.minbox .wenti{ width:1050px; margin:0px auto; height:160px; clear:both; padding-top:20px; font-size:28px;color:#2583e9; text-align:center}

.yjjb li{ float:left; margin:20px 4px; width:252px; padding:10px; height:410px;}
.yjjb li img{ display:block;}
.yjjb li .name{ font-size:26px; color:#323131; font-weight:bold; width:100%; text-align:center; margin-top:20px;} 
.yjjb li .jc{ line-height:30px; font-size:16px; color:#666; text-align:center;}


.ydzw{ float:right; padding:10px; border:1px solid #ededed; margin:20px 10px; }
.yd_img{ margin-top:20px; height:570px;}
.ydzw .bt_yudingzhanwei{ width:240px; height:50px; color:#FFF; background-color:#051a59; font-size:20px; font-weight:bold; line-height:50px; padding-left:10px;}
.ydzw .lxfs_yd{ margin-top:20px; color:#2f2f2f; font-size:16px; line-height:26px;}

.lx{ background-color:#00a4ca; color:#FFF; width:942px; font-size:14px; line-height:26px; padding:10px; margin:10px auto;}

.chlc_gr{ text-align:center; font-size:16px; font-weight:bold; margin-top:10px;}

.chlc{ width:240px; height:102px; float:left; background-image:url(images/chlc.jpg); background-repeat:no-repeat; background-position:center center; padding-left:30px; padding-top:20px; line-height:20px;}
.chlc span{ font-weight:bold; color:#021f63; font-size:20px;}
.chlc img{ float:left;}

.zs_box{ width:317px; height:317px;  float:left; background-color:#f1f1f1; margin:20px; padding:12px;}
.zs_box p{ font-size:14px; line-height:24px;}
.bt_tj{ width:120px; height:30px; background-color:#127de8; color:#FFF; font-weight:bold; border:0px;}
.bt_rept{ width:60px; height:30px;}

.bm_bt{ float:right; margin-top:15px;}
.bm_bt .zc{ width:120px; height:44px; float:left; margin:0px 10px;}
.bm_bt .zc a{ width:100%; height:100%; line-height:44px; text-align:center; color:#FFF; display:block;}
a{cursor:pointer; text-decoration:none;}
.zcmt{ width:100%;}
.zcmt li{ width:100px; height:60px; float:left; margin-right:25px; padding-top:10px;}


.chlc_gr{ text-align:center; font-size:16px; font-weight:bold; margin-top:10px;}

.chlc{ width:240px; height:102px; float:left; background-image:url(../images/chlc.jpg); background-repeat:no-repeat; background-position:center center; padding-left:30px; padding-top:20px; line-height:20px;}
.chlc span{ font-weight:bold; color:#021f63; font-size:20px;}
.chlc img{ float:left;}
.timer{ width:1150px; height:auto; margin:0px auto; clear:both; overflow:hidden;}
.timer .fistday{ font-size:36px; color:#014e8a; margin:20px 0px;  margin-left:60px; }
.timer .timer_left{ width:220px; height:auto; float:left; font-size:18px; text-align:26px; overflow:hidden;}
.timer p{ text-align:right;}
.t_01{ text-align:right;}
.t_02{ margin-top:8px;}
.t_03{ margin-top:10px;}
.t_04{ margin-top:42px;}
.t_05{ margin-top:55px;}
.t_06{ margin-top:50px;}
.t_07{ margin-top:45px;}
.t_08{ margin-top:65px;}
.t_09{ margin-top:45px;}
.t_10{ margin-top:50px;}
.t_11{ margin-top:20px;}
.t_12{ margin-top:50px;}
.t_13{ margin-top:40px;}
.t_14{ margin-top:50px;}
.t_15{ margin-top:85px;}

.timer .nrbox{ width:740px; height:50px; float:left;   margin-right:20px; position:relative; }
.timer .nrbox .timer_box{ z-index:200;  border:1px solid #00aeef; background-color:#cceffc;width:730px; height:auto; overflow:hidden;  margin-left:8px;  position:absolute; top:0px;}
.timer  .sin{ width:8px; 
height:8px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); position:absolute; top:10px; left:4px;  z-index:0; background-color:#00aeef;}
.timer .nrbox .timer_box .tab1{ float:left; width:100px; font-size:16px; color:#014e8a; line-height:24px; padding:4px 0px;padding-left:20px; vertical-align:middle; }
.timer .nrbox .timer_box .tab2{ float:left; font-size:16px; color:#014e8a; line-height:26px;padding-top:2px;}
.timer .timer_img{ background-image:url(../images/timer_img.png); background-position:center center; background-repeat:no-repeat; width:100px; height:1581px; float:left;}
.timer .timer_img2{ background-image:url(../images/timer_img2.png); background-position:center center; background-repeat:no-repeat; width:100px; height:611px; float:left; }
.timer a{ color:#00F;}
.l_02{ margin-top:10px; height:50px;}
.l_03{ margin-top:8px;}
.l_04{ margin-top:40px;}
.l_05{ margin-top:50px;}
.l_06{ margin-top:50px;}
.l_07{ margin-top:40px;}
.l_08{ margin-top:65px;}
.l_09{ margin-top:40px;}
.l_10{ margin-top:50px;}
.l_11{ margin-top:45px;}
.l_12{ margin-top:20px;}
.l_13{ margin-top:45px;}
.l_14{ margin-top:40px;}
.l_15{ margin-top:90px;}

.history_L{ position:relative; left:-220px}
.history_R{ position:relative; right:-880px}
.gaik p{ text-indent:21px; line-height:32px; font-size:16px; margin-bottom:15px}
/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-title h2 {
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 0;
    text-transform: capitalize;
	font-size: 30px;
	text-align:center;
	margin-bottom:20px
}
.our_service{background:#f9f9f9;padding-top:40px;}
.single_service {
position: relative;
margin-bottom: 30px;
padding:30px;
}
.single_service:after {
background: #127de8  none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.96;
position: absolute;
top: 0;
transition: all 0.2s ease 0s;
width: 100%;
z-index: 1;
}
.single_service:hover:after{
background: #000 none repeat scroll 0 0;
opacity: 0.9;
}  

.single_service_inner{
border: 1px dashed #fff;
padding: 25px;
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.single_service:hover .single_service_inner{border:1px dashed #2a80b9}
.single_service i{
color: #fff;
font-size: 40px;
margin-bottom: 15px;
position: relative;
z-index: 999;
text-align:center;
display:block
}
.single_service h4{
color: #fff;
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
z-index: 999;
text-align:center
}
.single_service p{
color: #fff;
margin-bottom: 0;
position: relative;
z-index: 999;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*-- footer --*/
.w3l_footer{
	    background:#ececec;
         padding: 6em 0 5em 0;
}
.w3l_footer form{
	width: 45%;
    margin: 3em auto 0;
}
.w3ls_footer_grid {
    margin: 0 auto;
    text-align: center;
}
.w3ls_footer_grids p.agileits_w3layouts_est{
	color:#fff;
	line-height:2em;
	margin:2em auto 5em;
	width:65%;
	text-align:center;
}
.w3ls_footer_grid_leftl{
	float:left;
	width:55px;
	height:55px;
	border-radius:50px;
	text-align:center;
	background:#fa3d03;
}
.w3ls_footer_grid_leftl i{
	color: #fff;
    font-size: 1.2em;
    line-height: 3.4em;
}
.w3ls_footer_grid_leftr{
    float: right;
    width: 80%;
    text-align: left;
}
.w3ls_footer_grid_leftr h4{
	font-size: 1.1em;
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: .5em;
}
.w3ls_footer_grid_leftr p{
	color:#999;
	line-height:1.5em;
}
.w3ls_footer_grid_leftr a{
	color:#999;
	text-decoration:none;
	font-size:14px;
}
.w3ls_footer_grid_leftr a:hover{
	color:#fa3d03;
}
.w3l_footer_pos{
      margin-top: 4em;
}
.w3l_footer_pos p{
	text-align:center;
	color:#6e6e6e;
	line-height:1.8em;
}
.w3l_footer_pos p a{
	color:#fa3d03;
	text-decoration:underline;
}
.w3l_footer_pos p a:hover{
	color:#fff;
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftl{
	background:#fff;
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftl i{
	color:#212121;
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftr h4{
	color:#fa3d43;
}
.w3ls_footer_grid_left {
    background: #424242;
    float: left;
    width: 31%;
    margin: 0 10px;
    padding: 30px 20px;
}
/*-- //footer --*/
@media (max-width: 991px){
	.w3_navigation_pos h1 a {
		font-size: 0.7em;
	}

	.w3_navigation_pos {
		top: 28%;
		left: 38.5%;
	}

	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 36%;
	}

	.w3l_head {
			font-size: 2.3em;
	}


	.w3ls_footer_grid_left {
		float: left;
		width: 100%;
		margin: 0 0px;
		padding: 20px 30px;
		margin-bottom: 10px;
	}
	.w3ls_footer_grid_leftr {
		float: right;
		width: 75%;
		text-align: left;
	}
	.w3l_footer {
		padding: 4em 0 3em 0;
	}

	.w3l_footer_pos {
		margin-top: 2em;
	}
	
}
@media (max-width: 800px){
	
	.w3layouts_header_left p {
		float: left;
		margin: 5px 19px 0 0;
		font-size: 13px;
	}
	
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 40%;
	}
}

@media (max-width: 768px){
	.container {
    width: 100%;
}

	.w3l_head {
		font-size: 2em;
	}

	.w3ls_head_para {
      letter-spacing: 5px;
	}


}
@media (max-width: 767px){

	.w3_navigation_pos {
		left: 0;
	}
	.w3_navigation_pos {
		position: inherit;
		float: left;
		margin-top: .9em;
	}
}
@media (max-width: 736px){

	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 37%;
	}

}
@media (max-width: 667px){
	.w3layouts_header_right ul li:last-child {
		margin-left: 1em;
	}

	.w3layouts_header_left {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.w3layouts_header_left p{
		float: none;
		margin: 0 auto;
		text-align:center;
		
	}
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 56%;
	margin: 4px auto 0;
	}
	.w3layouts_header_right input[type="search"] {
      width: 83%;
	}

}
@media (max-width: 640px){

	.w3l_head {
		font-size: 1.8em;
	}
	.w3ls_head_para {
		letter-spacing: 5px;
		font-size: 12px!important;
	}

}
@media (max-width: 600px){

}
@media (max-width: 568px){

	.w3l_gallery_grid li {
		display: inline-block;
		float: left;
		width: 50%;
		padding: 1%;
	}

	.w3l_footer {
		padding: 2em 0 2em 0;
	}
	.w3l_footer_pos {
		margin-top: 1em;
	}
}
@media (max-width: 480px){
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 80%;
		margin: 4px auto 0;
	}

	.w3_agile_mail_grid textarea {
		outline: none;
		min-height: 119px;
		margin: 2em 0 0;
	}
	.w3_agile_mail_grid {
		padding: 0 0px;
	}
}
@media (max-width: 414px){

	.w3_navigation_pos {
		position: inherit;
		float: left;
		margin-top: .7em;
	}


	.w3l_head {
		font-size: 1.5em;
	}
	
}
@media (max-width: 384px){
	
}
@media (max-width: 375px){
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 95%;
		margin: 4px auto 0;
	}
}
@media (max-width: 320px){


	.w3l_gallery_grid li {
		display: inline-block;
		float: left;
		width: 100%;
		padding: 1%;
	}

	
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 100%;
		margin: 4px auto 0;
	}

}