@charset "utf-8";
*{box-sizing: border-box; list-style:none;  padding:0; margin:0; font-size: 100%; font-weight: normal; }
body,html{padding:0; margin:0; font:14px/2 'Microsoft YaHei' ; color:#666;}
img{border:none;}
a{color:#666; text-decoration:none; }
a:hover{color:#3689b9;}
li{line-height: 2}
input{padding:0;  border:none; font-family:'Microsoft YaHei' ;}
.wrap{width:1200px; margin:auto;}
.left{float:left;}
.right{float:right;}
.clear{clear: both; display: block}
.last{margin:0;}

/* display inline-block ========================================================================*/  
.logo a , .bar li i , #slide .quickentr i , .wrap-content .Front_page .picture , .wrap-content .Front_page .text , .newsList ul , .view i , .half , .newsList li span , .login-wrap .login-entry a{display: inline-block; *display: inline; zoom:1; }
 

/* icons ========================================================================*/ 
.bar li i , .bar .search .btn_search , #slide .quickentr i , .view i , #slide .item i{background:url(icons.png) no-repeat center top;}

/* 鐧借壊閫忔槑 80% ========================================================================*/ 
#header , .bar .pullEntry ul , #slide .quickentr li:hover , #slide li .child ul {background:rgba(255,255,255,0.8); filter:alpha(opacity=80); background: #fff\9}

/* 涓嬫媺绠ご ========================================================================*/ 
.more b , .wrap-content .title i{display:inline-block; *display: inline; zoom:1;  width:12px; height:12px; -webkit-transition:transform 500ms; background:url(aspect.png) no-repeat center 2px;  vertical-align: middle;}
.more:hover b{background-position:center bottom; vertical-align: 2px }

/* form label  ========================================================================*/ 
form .frame{position: relative; }
form .frame label{position: absolute; z-index: 2; top:0; left:10px; color:#999;}

/* header ========================================================================*/                   
#header{width:100%;  position: absolute; top:0; left:0 ; z-index: 999 ; }	

/*logo*/
.logo{float: left; line-height: 0; padding:12px 0;}
.logo a{vertical-align: middle;}

/*bar right*/
.bar .nav , .bar .nav li, .bar .search ,.bar .pullEntry{float:left; }

/*bar nav*/
.bar .nav li{margin-left:30px;}
.bar .nav li i{width:14px; height:14px; margin-right:6px; vertical-align: middle ;  margin-top: -2px;}
.bar .nav li:hover i{background-position:center -44px; }
.bar .stock i , .bar li:hover .stock i{background-position: center -88px;}
.bar .nav li a{line-height: 70px; color:#333;}
.bar .nav li:hover a{color:#3689b9;}

/*bar search*/
.bar .search{ position: relative;  margin:20px 30px; margin-right:10px;}
.bar .search .keywords{width:188px; line-height: 30px; height:30px; height: 28px\9 ; border:1px solid #b3b3b3; color:#999; padding-left: 10px; background: transparent;}
.bar .search .btn_search{ width:30px; height:30px; position: absolute; top:0px; top:2px\9; right:0px; font-size: 0; color:transparent; ;background-position: center -131px; cursor: pointer;}
.bar .search .key:focus{color:#666; border-color: #7da1b3}


/*.bar .pullEntry*/
.bar .pullEntry{position: relative; z-index: 9; cursor: pointer; padding:0 10px; line-height: 0}
.bar .pullEntry h3{line-height: 2; margin-top:21px;}
.bar .pullEntry ul{ width:100%; display: none ; position:absolute; top:0px; left:0; z-index: -1;  padding:10px; padding-top:67px; }
.bar .pullEntry a{white-space: nowrap}

.bar .pullEntry:hover ul{display: block;}

/* end ========================================================================*/

.wrap .social.oh .text.list{margin-top: 0;}

/* slide ========================================================================*/

/*slide*/
#slide{ width:100%; height: 700px; overflow: hidden;  position: relative; margin-bottom: 20px;}
#slide .item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:130px;left:0;text-align:center;}
#slide .item span{display:inline-block; width:26px;height:45px; margin:0 5px;cursor: pointer;background:url(step.png) no-repeat center top;}
#slide .item .step1{background-position: center -450px}
#slide .item .step2{background-position: center -300px}
#slide .item .step4{background-position: center -2px}
#slide .item .step3{background-position: center -375px}
#slide .item .step1.active{background-position: center -525px;}
#slide .item .step2.active{background-position: center -150px}
#slide .item .step4.active{background-position: center -225px}
#slide .item .step3.active{background-position: center -76px}



.slideImg{width: 1200px;height:540px;margin:0 auto;}
.slideImg .slider{position: relative;width: 1920px;height: 540px;margin-left:-360px;overflow: hidden;}
.slideImg ul{overflow: hidden;position: absolute;top:0;}
.slideImg ul li{float:left;}
#slide.index{height:630px;}
#slide.index .slideImg .slider{height:540px;}
/*quickentr*/
#slide .quickentr{width:100%; height:70px;  position: absolute; z-index: 999; bottom:0; left:0; background:url(quickentrBG.png) repeat-y 0 0;}
#slide .quickentr li{float:left; line-height: 70px; height:70px; width:20%;  text-align: center ; position: relative; }
#slide .quickentr a{color:#fff; font-size: 20px;}
#slide .quickentr i{width:34px; height:34px; vertical-align: middle ; margin-right: 6px;}

#slide .about i{background-position: center -477px }
#slide .culture i{background-position: center -541px }
#slide .layout i{background-position: center -605px }
#slide .develop i{background-position: center -669px }
#slide .duty i{background-position: center -733px }

#slide .quickentr li:hover a{color:#144d86;}
#slide .quickentr li:hover .child a{color:#666;}

#slide .quickentr li:hover .about i{background-position: center -797px }
#slide .quickentr li:hover .culture i{background-position: center -861px }
#slide .quickentr li:hover .layout i{background-position: center -925px }
#slide .quickentr li:hover .develop i{background-position: center -989px }
#slide .quickentr li:hover .duty i{background-position: center -1053px }

#slide .child{display: none; width:50%; position: absolute; z-index: 999; left:50%; bottom: 50px; padding-bottom: 20px; transform: translateX(-50%); margin-left:-60px\9; }
#slide li:hover .child{display: block ; bottom:70px\9;}
#slide .child ul{border-radius: 6px; padding:10px;  }
#slide .child li{float:none; width:auto; line-height: 30px; height: 30px; }
#slide .child a{font-size: 14px; color:#666;}
#slide .child i{background: none; transform:translateX(-50%); margin-left:-14px\9; position: absolute; bottom:-4px; left:50%; ;z-index: -1 ;width:0; height:0; border-width:12px; border-style: solid; border-color:transparent; border-top-color: rgba(255,255,255,0.8) ; *border-top-color:#fff;}
#slide .child li:hover{background: none}
#slide .quickentr li:hover .child li:hover{background: transparent;}
#slide .quickentr li:hover .child li:hover a{color:#144d86;}




/* end ========================================================================*/



/* footer ========================================================================*/
.footer{height: 90px; margin-top:60px; border-top:1px solid #ddd ; color: #999 ; font-size: 12px;}
.footer .footer-wrap{padding-top:20px;}
.footer .footer-wrap a{color:#999;}
.footer .footer-wrap img{vertical-align: sub; margin-right: 6px; }	
.footer .footer-wrap .right a{margin-left:20px; /*border-right:1px solid #ddd;*/ padding-right: 20px;}
.footer .footer-wrap .right a:hover{color:#3689b9;}

/* end ========================================================================*/
.maxcontact .fl{line-height: 0;display: none;}
.maxcontact .fr{width: 1040px;margin-right: 110px;margin-top: 80px;}
.maxcontact .fr .content-txt{padding-top: 20px;margin-top: 20px;border-top:1px dashed #ccc;} 
.maxcontact .fr h3{font-size:18px;color:#144d86;padding-left: 42px;background:url(h3.png) no-repeat left center;}
.maxcontact .fr td label{display: block;color:#144d86;  text-align: left}
.maxcontact .fr td span{display: block;color:#666;padding-bottom: 15px;  text-align: left}