@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: 1.8}
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(../png/icons.png) no-repeat center top;}

/* 白色透明 80% ========================================================================*/ 
#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: block; *display: inline;zoom:1;width:12px;height:12px;-webkit-transition:transform 500ms;background:url(../png/aspect.png) no-repeat center 2px;position: absolute;top: 5px;right: 3px;}
.more:hover b{background-position:center bottom;}

/* form label  ========================================================================*/ 
form .frame{position: relative; }
form .frame label{position: absolute; z-index: 2; top:50%; left:10px; transform: translateY(-50%); margin-top:-12px\9; color:#999;}

/* header ========================================================================*/                   
#header{width:100%;position: absolute;top:0;left:0;z-index: 999;background: url(../png/h_bg.png);}	

/*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;padding: 20px 30px;padding-right: 10px;}
.bar .search .keywords{width:188px; line-height: 30px; height:30px; border:1px solid #b3b3b3; color:#999; padding-left: 10px; background: transparent;}
.index-h .bar .search .btn_search{width:20px;height:20px;position: absolute;top:5px;right:10px;font-size: 0;color:transparent;background-position: center -131px;cursor: pointer;border: 0;padding: 0;outline: none;}
.bar .search .key:focus{color:#666; border-color: #7da1b3}
.SearchBar{position: relative;}

/*.bar .pullEntry*/
.bar .pullEntry{position: relative;z-index: 9;cursor: pointer;width: 85px; }
.bar .pullEntry h3{width: 65px;height: 28px;position: absolute;top: 22px;left: 10px;z-index: 9;}
.bar .pullEntry ul{width: 100%;display: none;position:absolute;top:0px;left:0;padding: 10px 0;padding-top:67px;z-index: 8;background: url(../png/h_bg1.png);text-indent: 10px;}
.bar .pullEntry a{white-space: nowrap}

.bar .pullEntry:hover ul{display: block;}
.bar.right{z-index:99; padding-top:4px;}
.index-h .header-wrap{height:70px;}
.index-h .bar.right{padding-top:0;}

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

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

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

/*slide*/
#slide{ width:100%; height: 540px; overflow: hidden;  position: relative; margin-bottom: 20px; z-index: 9;}
#slide .item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:60px;left:0;text-align:center;}
#slide .item span{display:inline-block; width:26px;height:45px; margin:0 5px;cursor: pointer;background:url(../png/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:590px;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: 590px;}
#slide.index .slideImg{height: 590px;}
#slide.index .slideImg .slider{height: 590px;}
#slide.index .item{bottom: 120px;}
/*quickentr*/
#slide .quickentr{width:100%;height: 60px;position: absolute;z-index: 999;bottom:0;left:0;background:url(../png/quickentrbg.png) repeat-y 0 0;}
#slide .quickentr li{float:left;line-height: 60px;height: 60px;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; background:url(../png/repeat.png); width:50%; position: absolute;z-index: 999;left:50%; bottom: 20px;padding-bottom: 30px;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:6px; 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 ========================================================================*/
.bar.right .more b{top: 10px;right: -6px;}
.bar.right .more:hover b{top: 7px;right: -6px;}
#zh_click_s{display: none;}


.maxcontact .fl{line-height: 0;}
.maxcontact .fr{width: 525px;margin-right: 30px;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(../png/h3.png) no-repeat left center;}
.maxcontact .fr td label{display: block;color:#144d86;}
.maxcontact .fr td span{display: block;color:#666;padding-bottom: 15px;}

/*首页登录 已登录*/
.account .acc-uname{width:100%; ; line-height: 40px; height:40px; border:1px solid #ddd; padding-left: 10px; display: block}
.account i{font-style: normal}
.account p{margin-bottom: 20px}
.account .acc-opt a{width:110px;  line-height: 40px; height:40px; border:1px solid #ddd;  float: left; text-align: center }
.account .acc-opt a:hover{border-color: #3689b9}
.account .acc-opt .acc-modify{margin-left:20px; }
.account .login-out{background:#144d86; color:#fff; display: block; text-align: center; font-size: 18px; height: 30px ; line-height: 30px}