﻿@charset "utf-8";#main{display:none}
@font-face{font-family:futura;src:url(../fonts/futura-condensedmedium.eot);src:url(../fonts/futura-condensedmedium.eot) format('embedded-opentype'),url(../fonts/futura-condensedmedium.woff2) format('woff2'),url(../fonts/futura-condensedmedium.woff) format('woff'),url(../fonts/futura-condensedmedium.ttf) format('truetype'),url(../fonts/futura-condensedmedium.svg#fontname) format('svg')}
*{padding:0;margin:0;font-family:"微软雅黑";font-size:14px}
img{border:none}
#hides{display:none}
a{text-decoration:none}
li{list-style-type:none}
input:-moz-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}
input::-webkit-input-placeholder{color:#fff}
#bg{width:100%;overflow-x:hidden}
.right a{color:#fff;cursor:pointer}
.chinese_print{display:none}
.side.container{width:260px;height:100%;position:relative;z-index:3;float:left}
.leftsidebar_box{width:295px;height:90%;background-color:#3973b2;overflow-y:scroll;padding-right:0;position:relative}
.leftsidebar_box dt,.leftsidebar_box dt a{background-color:#3973b2;color:#fff;font-size:16px;position:relative;line-height:44px;height:44px;cursor:pointer;text-align:center;font-weight:lighter;display:block}
.leftsidebar_box dl.active dt,.leftsidebar_box dl.active dt a{color:#fff;background-color:#034a8d;font-weight:400}
.leftsidebar_box dd{display:none;position:relative;background-color:#245f9c;padding-left:15px;height:42px;overflow:hidden;text-align:center;opacity:.8}
.leftsidebar_box dd.active,.leftsidebar_box dd.active a{color:#fff;font-weight:400}
.system_log .system_log_active{background-color:#245f9c}
.leftsidebar_box dl:hover dd:hover,.leftsidebar_box dl:hover dd:hover a{color:#fff;font-weight:400}
.leftsidebar_box dl:hover dt:hover,.leftsidebar_box dl:hover dt:hover a,.leftsidebar_box dt.active,.leftsidebar_box dt.active a{color:#fff;background-color:#034a8d;font-weight:400}
.leftsidebar_box dl:hover dt,.leftsidebar_box dl:hover dt a{color:#fff;background-color:#034a8d;font-weight:400}
.system_log.active{font-weight:400}
.dd_active{position:absolute;top:0;left:260px}
.leftsidebar_box dd a{color:#9fb0cd;line-height:42px;width:100%;height:42px;display:inline-block;cursor:pointer;font-size:14px;font-weight:lighter}
.leftsidebar_box .line{background-color:#3973b2;color:#333;font-size:14px;position:relative;line-height:44px;cursor:pointer;padding:25px;text-align:center;vertical-align:middle;width:100px;margin:0 auto}
.leftsidebar_box .line img{width:60%}
.leftsidebar_box .menu_chioce1,.leftsidebar_box .menu_chioce1 a{color:#fff;font-weight:400;background-color:#034a8d}
.leftsidebar_box .menu_chioce2,.leftsidebar_box .menu_chioce2 a{color:#106ea9}
.bg_color{position:absolute;width:100%;height:100%;background-color:#000;opacity:.25}
#pageAll{zoom:1}
#pageAll .page{height:100%;overflow-y:auto;overflow-x:hidden;position:relative}
.hide_scroll{height:100%;width:100%;position:relative}
.desc_compnay{font-size:12px;height:10%;width:100%;color:#fff;position:absolute;bottom:0;text-align:center;background-color:#3973b2;display:table}
.desc_compnay p{font-size:12px;display:table-cell;text-align:center;vertical-align:middle}
.hide_left_scroll{width:260px;overflow:hidden;height:100%;position:relative;background-color:#3973b2}
input{border:0;outline:0}
.clear{zoom:1;clear:both;height:0;line-height:0}
.html_content{width:960px;padding-left:75px}
/*!*margin: 0 auto;*!*//*!*margin: 0 auto;*!*//*!*min-height: 642px;*!*/@media (max-width:1600px){body,html{zoom:1;height:100%;width:100%;overflow:hidden}
#main{position:relative;width:1600px;height:100%;overflow:hidden}
.hide_left_scroll,.side.container{width:290px}
#pageAll{height:100%}
.leftsidebar_box{width:320px}
#pageAll{background-size:100% 100%;-ms-behavior:url(../images/backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);height:100%}
#pageAll .page{height:100%;position:relative}
.hide_scroll{width:100%}
}
@media (min-width:1600px){body,html{zoom:1;height:100%;width:100%;overflow:hidden}
#main{position:relative;width:100%;height:100%;overflow:hidden}
.hide_left_scroll,.side.container{width:300px}
#pageAll{height:100%}
.leftsidebar_box{width:320px}
#pageAll{background-size:100% 100%;-ms-behavior:url(../images/backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);height:100%}
#pageAll .page{height:100%;position:relative}
.hide_scroll{width:100%}
}
.village_desc{width:100%;color:#fff;font-size:13px;height:auto;background:rgba(214,227,255,.15);margin-bottom:25px}
.village_desc .text{color:#fff;padding:0 25px;padding-bottom:25px;font-size:15px}
.village_desc .text p{padding-top:25px;line-height:28px}
.article{color:#fff;margin-top:40px;font-size:29px;width:85%;margin-left:75px;margin-bottom:20px}
.article .chinese{font-size:30px;font-family:微软雅黑}
.article .english{font-size:32px;font-family:futura}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes textInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(3000px,0,0)}
to{opacity:1;transform:none}
}
.textInLeft{animation-name:textInLeft;animation-duration:2s;animation-fill-mode:both}
.page_ul{margin:100px 0 50px;text-align:center;height:30px;margin-left:23%}
.page1 li{margin:0 2px;height:34px;line-height:34px;display:block}
.page1 li a{display:inline-block;width:100%;height:100%}
.width_62{text-align:center;width:62px;padding:1px 0}
.page-next,.page-prev,.width_60{text-align:center;width:60px}
.width_40{text-align:center;min-width:30px}
a{text-decoration:none;color:grey}
a:hover{color:#fff}
.a{color:#fff}
.border2{border:1px solid #fff;float:left}
.border1{border:1px solid #8b929d;float:left}
.background{background:rgba(255,255,255,.3);border:none;color:#fff!important;display:inline-block}
#load{width:100%;height:100%;background-color:#3973b2;color:#fff;text-align:center}
.load_bg{width:15%;height:5px;background:#fff;margin:0 auto;position:absolute;top:50%;left:42.5%}
.load_active{width:0;height:100%;background:#244c8f}
.tool{position:absolute;right:0;top:50%;margin-top:-175px;z-index:5;width:34px}
.tool .right{float:right;text-align:center;width:34px;clear:both}
.tool .right img{width:70%;border:none;margin-top:5px}
.tool .right div{background-color:#464646;margin-top:1px;color:#fff;font-size:14px;width:34px;height:34px;line-height:34px}
.tool .left{float:right;width:550px;margin-top:2px;padding-bottom:20px}
.tool .left .stock{margin-top:10px}
.triangle_border_right{height:0;border-width:30px 0 30px 30px;margin:40px auto;position:relative}
.triangle_border_right span{display:block;width:0;height:0;border-width:15px 0 15px 15px;border-style:solid;border-color:transparent transparent transparent #464646;position:absolute;top:-303px;left:520px}
.tool .left .in-web,.tool .left .left5,.tool .left .link,.tool .left .load,.tool .left .map,.tool .left .stock,.tool .left .talent,.tool .left .wechat{display:none}
.tool .left .talent{margin-top:100px;width:120px;height:44px;float:left;line-height:44px;margin-left:407px;background-color:#464646;font-size:16px;text-align:center;color:#fff}
.tool .left .talent .triangle_border_right span{top:-77px;left:117px}
.tool .left .in-web{width:120px;height:44px;float:left;line-height:44px;margin-left:407px;background-color:#464646;font-size:16px;text-align:center;color:#fff}
.tool .left .in-web .triangle_border_right span{top:-77px;left:117px}
.tool .left .stock{margin-top:30px;width:120px;height:44px;float:left;line-height:44px;margin-left:407px;background-color:#464646;font-size:16px;text-align:center;color:#fff}
.tool .left .stock .triangle_border_right span{top:-77px;left:117px}
.tool .left .load{margin-top:205px;width:120px;height:44px;float:left;line-height:44px;margin-left:407px;background-color:#464646;font-size:16px;text-align:center;color:#fff}
.tool .left .load .triangle_border_right span{top:-77px;left:117px}
.popup .qcode{text-align:center;float:left;padding:20px 205px 40px;color:#fff}
.tool .left .link table{border-collapse:separate;border-spacing:0 20px}
.tool .left .link table td{background-color:#464646}
.tool .left .link div{width:45%;margin-top:5px;margin-left:5px}
.tool .left .link table{color:#fff;width:80%;height:90%;margin-top:60px;margin-left:87px;text-align:left}
.tool .left .link tr td .comment{font-size:16px}
.map{position:absolute;height:310px}
.tool .left .link table tr{height:90px;margin:0}
.tool .left .link table tr td{font-size:15px;line-height:25px;margin:0;width:50%;vertical-align:top;padding:15px 20px}
.tool .left .link table tr td .title{font-size:18px;margin:20px 0 10px}
p{margin:0;padding:0}
.map{position:absolute;height:310px}
.map .popup{height:155px;overflow:hidden;margin-left:84px;margin-top:115px;width:440px;padding-right:26px}
.map .triangle_border_right{margin:40px auto;position:relative}
.map .triangle_border_right span{border-color:transparent transparent transparent #f9f9f9;top:-130px;left:520px}
.foot{position:absolute;bottom:20px;font-size:12px;color:#fff;width:100%}
.foot_1{float:left;margin-left:44.5%}
.foot_2{float:right;margin-right:5%}
.margin_top_3{margin-top:3px}
.display_none{display:none}
.wechat{margin-top:-40px}
.wechat .qcode{position:relative;width:440px;padding:10px 0;margin-left:87px;background-color:#464646;margin-top:10px}
.wechat .qcode .img{width:35%;float:left}
.tit{padding:50px 0;font-size:20px;width:65%;text-align:center;float:right}
.tit img{width:135px;height:135px}
.filter .img{width:100%;border:0}
.tool .wechat .triangle_border_right span{top:70px;left:525px}
div.zxf_pagediv{text-align:center;color:#999;padding:100px 0;clear:both}
div.zxf_pagediv a{text-decoration:none}
div.zxf_pagediv a,div.zxf_pagediv span{box-sizing:border-box}
span.disabled{height:37px;width:65px;line-height:35px;margin:0 5px;background:rgba(255,255,255,.15);border:none;color:#fff!important;display:inline-block}
.zxfPagenum,div.zxf_pagediv .page-num{color:#999;width:35px;height:35px;line-height:35px;border:1px solid #8a929e;margin:0 5px;display:inline-block}
.nextbtn:hover,.prebtn:hover,.zxfPagenum:hover,.zxfinput:hover{border:1px solid #fff}
.zxfPagenum.current:hover{border:none}
div.zxf_pagediv .page-num{border-color:#77adaf;color:#77adaf}
.nextbtn,.prebtn{color:#999;width:65px;height:35px;line-height:35px;border:1px solid #77adaf;display:inline-block}
.zxfinput{width:35px;height:35px;text-align:center;box-sizing:border-box;border:1px solid #8a929e;margin:0 12px}
.zxfokbtn{width:45px;height:35px;line-height:35px;border:1px solid #dfdfdf;cursor:pointer}
.nextpage{color:#d71f1b;margin:0 5px;border:1px solid #d71f1b}
.current,.page-num-current{color:#fff;border:none;background:rgba(255,255,255,.15)}
div.zxf_pagediv .page-num.page-num-current{color:#fff}
.page_title{font-size:28px;position:absolute;top:55px;right:10%;color:#fff;z-index:3}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{-webkit-transform:translate3d(3000px,0,0)}
to{-webkit-transform:none}
}
@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{transform:translate3d(3000px,0,0)}
to{transform:none}
}
.bounceInRight{animation-name:bounceInRight;animation-duration:1s;animation-fill-mode:both;-webkit-animation-name:bounceInRight;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}
.text_left{position:absolute;left:-30px;top:-5px;width:25px;height:25px}
.text_right{position:absolute;right:-30px;bottom:-5px;width:25px;height:25px}
.ff_scale{transform-origin:left top 0}
.right a{cursor:pointer}
