@charset "utf-8";
#main {display:none;}
@font-face {
    font-family: 'futura';
    src: url('../font/futura-condensedmedium.eot');
    /* IE9+ Compat Modes */
    src: url('../font/futura-condensedmedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/futura-condensedmedium.woff2') format('woff2'), /* Super modern browsers */
    url('../font/futura-condensedmedium.woff') format('woff'), /* Modern browsers */
    url('../font/futura-condensedmedium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/futura-condensedmedium.svg#FontName') format('svg');
    /* Legacy iOS */
}

* {
    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 {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}


input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

input::-webkit-input-placeholder {
    color: #fff;
}











/*head.css*/


/*页面整形CSS   请勿删除和覆盖   hy*/

#bg {
    width: 100%;
    overflow-x: hidden;
}

.right a {
    color: #fff;
    ;
    cursor: pointer;
}

/* 2018.5.8 添加print样式 */
.chinese_print {
    display: none;
}










/*******left页面css*******/

.side.container {
    width: 260px;
    height: 100%;
    /* margin: auto; */
    /* position: absolute; */
    position: relative;
    z-index: 3;
    float: left;
}

.leftsidebar_box {
    width: 295px;
    height: 90%;
    background-color: #3973b2;
    overflow-y: scroll;
    padding-right: 0px;
    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: 0.8;
    /*color: #9fb0cd;*/
}

.leftsidebar_box dd.active,.leftsidebar_box dd.active a {
    color: #fff;
    /*background-color: #034a8d;*/
    font-weight: 400;
}

.system_log .system_log_active {
    background-color: #245f9c;
}



.leftsidebar_box dl:hover dd:hover a,
.leftsidebar_box dl:hover dd:hover {
    color: #fff;
    font-weight: 400;
    /*background-color: #034a8d;*/
    /*opacity: 1;*/
}

.leftsidebar_box  dt.active a,.leftsidebar_box  dt.active,
.leftsidebar_box dl:hover dt:hover a,
.leftsidebar_box dl:hover dt:hover {
    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;
}












/*left.css end*/

.bg_color {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

#pageAll {

    zoom: 1;
}

#pageAll .page {
    /*margin: 0px auto;*/
    height: 100%;
    ;
    overflow-y: auto;
    overflow-x: hidden;
    /*width: 1160px;*/
    /*padding: 0 20px;*/
    position: relative;
}

.hide_scroll {
    /*overflow: hidden;*/
    height: 100%;
    width: 100%;
    position: relative;
    /*display: none;*/
}

.desc_compnay {
    font-size: 12px;
    /* padding: 20px 0; */
    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: none
}

.clear {
    zoom: 1;
    clear: both;
    height: 0;
    line-height: 0;
}

.html_content {
    width: 960px;
    /*height: 100%;*/
    padding-left: 75px;
}












/*@media (max-width: 1600px) {*/


/*html, body {*/


/*!*margin: 0 auto;*!*/


/*zoom: 1;*/


/*height:100%;*/


/*width: 100%;*/


/*}*/


/*#main{*/


/*position: relative;*/


/*!*margin: 0 auto;*!*/


/*width: 100%;*/


/*height:100%;*/


/*!*min-height: 642px;*!*/


/*overflow: hidden;*/


/*}*/


/*.side.container, .hide_left_scroll {*/


/*width: 255px;*/


/*}*/


/*#pageAll {*/


/*width: 973px;*/


/*left: 225px;*/


/*}*/


/*.leftsidebar_box {*/


/*width: 273px;*/


/*}*/


/*#pageAll {*/


/*background-size: 100% 100%;*/


/*-ms-behavior: url(backgroundsize.min.htc);*/


/*behavior: url(backgroundsize.min.htc);*/


/*height: 100%;*/


/*}*/


/*#pageAll .page {*/


/*height:100%;*/


/*width: 100%;*/


/*position: relative;*/


/*}*/


/*}*/

@media (max-width: 1600px) {
    html,
    body {
        /*margin: 0 auto;*/
        zoom: 1;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    #main {
        position: relative;
        /*margin: 0 auto;*/
        width: 1600px;
        height: 100%;
        /*min-height: 642px;*/
        overflow: hidden;
    }

    .side.container,
    .hide_left_scroll {
        width: 290px;
    }

    #pageAll {
        height: 100%;
        /*width: 100%;*/
    }

    .leftsidebar_box {
        width: 320px;
    }

    #pageAll {
        background-size: 100% 100%;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
        height: 100%;
    }

    #pageAll .page {
        height: 100%;
        /*width: 100%;*/
        position: relative;
    }

    .hide_scroll {
        /*width: calc(100% - 300px);*/
        width: 100%;
    }
}

@media (min-width: 1600px) {
    html,
    body {
        /*margin: 0 auto;*/
        zoom: 1;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    #main {
        position: relative;
        /*margin: 0 auto;*/
        width: 100%;
        height: 100%;
        /*min-height: 642px;*/
        overflow: hidden;
    }

    .side.container,
    .hide_left_scroll {
        width: 300px;
    }

    #pageAll {
        height: 100%;
        /*width: 100%;*/
    }

    .leftsidebar_box {
        width: 320px;
    }

    #pageAll {
        background-size: 100% 100%;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
        height: 100%;
    }

    #pageAll .page {
        height: 100%;
        /*width: 100%;*/
        position: relative;
    }

    .hide_scroll {
        /*width: calc(100% - 300px);*/
        width: 100%;
    }
}

.village_desc {
    width: 100%;
    /*margin-left: 75px;*/
    color: #fff;
    /* padding: 10px 20px 10px 20px; */
    font-size: 13px;
    /*position: relative;*/
    height: auto;
    background: rgba(214, 227, 255, 0.15);
    margin-bottom: 25px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33d6e3ff, endColorstr=#33d6e3ff)
}

.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(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes textInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    /*60% {*/
    /*opacity: 1;*/
    /*transform: translate3d(25px, 0, 0);*/
    /*}*/
    /*75% {*/
    /*transform: translate3d(-10px, 0, 0);*/
    /*}*/
    /*90% {*/
    /*transform: translate3d(5px, 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;
    /*padding: 4px 0;*/
    display: block;
}

.page1 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.width_62 {
    text-align: center;
    width: 62px;
    padding: 1px 0;
}

.width_60,
.page-next,
.page-prev {
    text-align: center;
    width: 60px;
}

.width_40 {
    text-align: center;
    min-width: 30px;
}

a {
    text-decoration: none;
    color: grey;
}

a:hover {

    color: white;
}

.a {
    color: white;
}

.border2 {
    border: 1px solid white;
    float: left
}

.border1 {
    border: 1px solid #8b929d;
    float: left;
}

.background {
    background: rgba(255, 255, 255, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
    border: none;
    color: white !important;

    display: inline-block;
    /*width:10px;*/
}

#load {
    width: 100%;
    height: 100%;
    background-color: #3973b2;
    color: white;
    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;
    /*padding: 10px 15px 10px 15px;*/
    margin-top: 1px;
    color: white;
    font-size: 14px;
    /*background-color: #464646;*/
    /*padding: 10px;*/
    /*margin-top: 1px;*/
    /*color: white;*/
    /*font-size: 18px;*/
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.tool .left {
    /*border: 1px solid white;*/
    float: right;
    width: 550px;
    /*background-color: #464646;*/
    /*height: 308px;*/
    margin-top: 2px;
    padding-bottom: 20px;
    /*position: relative;*/
}

.tool .left .stock {
    margin-top: 10px;
    /*border: 1px solid white;*/
}
.triangle_border_right{
    /*width:0;*/
    height:0;
    border-width:30px 0 30px 30px;
    /*border-style:solid;*/
    /*border-color:transparent transparent transparent #333;!*透明 透明 透明 灰*!*/
    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 .talent,
.tool .left .load,
.tool .left .stock,
.tool .left .wechat,
.tool .left .link,
.tool .left .map,
.tool .left .left5 {
    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: white;
}
.tool .left .talent .triangle_border_right span{
    top: -77px;
    left: 117px;
}
.tool .left .in-web{
    /*margin-top: 50px;*/
    width: 120px;
    height: 44px;
    float: left;
    line-height: 44px;
    margin-left: 407px;
    background-color: #464646;
    font-size: 16px;
    text-align: center;
    color: white;
}
.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: white;
}
.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: white;
}
.tool .left .load .triangle_border_right span{
    top: -77px;
    left: 117px;
}
.popup .qcode {
    /*border:1px solid white;*/
    text-align: center;
    float: left;
    padding: 20px 205px 40px;
    color: white;
}
.tool .left .link table{
    border-collapse: separate;
    border-spacing: 0px 20px;
}
.tool .left .link table td{
    background-color: #464646;
}
.tool .left .link div {
    /*border: 1px solid white;*/
    width: 45%;
    /*float: left;*/
    /*height: 40%;*/
    margin-top: 5px;
    margin-left: 5px;
}

.tool .left .link table {
    color: white;
    width: 80%;
    height: 90%;
    margin-top: 60px;
    margin-left: 87px;
    text-align: left;
    /*border-bottom: 1px solid #9b9b9b;*/
    /*border-right: 1px solid #9b9b9b;*/
}

.tool .left .link tr td .comment {
    font-size: 16px;
}

.map {
    position: absolute;
    /*width: 100%;*/
    height: 310px;
}

.tool .left .link table tr {
    height: 90px;
    margin: 0;
    /*border-top: 1px solid #9b9b9b;*/
}

.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;
    /*width: 100%;*/
    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: white;
    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;
    /* border: 1px solid; */
    padding: 10px 0;
    /* height: 141px; */
    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: #999999;
    padding: 100px 0;
    clear: both;
}

div.zxf_pagediv a {
    text-decoration: none;
}

div.zxf_pagediv span,
div.zxf_pagediv a {
    /*display: inline-block;*/
    box-sizing: border-box;
}

span.disabled {
    height: 37px;
    width: 65px;
    line-height: 35px;
    /*background: #f2f2f2;*/
    margin: 0 5px;

    background: rgba(255, 255, 255, .15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
    border: none;
    color: white !important;

    display: inline-block;
}

.zxfPagenum {
    color: #999999;
    /*background: #FFFFFF;*/
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #8A929E;
    margin: 0 5px;
    display: inline-block;
}

.zxfPagenum:hover,
.nextbtn:hover,
.prebtn:hover,
.zxfinput:hover {
    border: 1px solid #fff;
}

.zxfPagenum.current:hover {
    border: none;
}

.nextbtn,
.prebtn {
    color: #999999;
    /*background: #FFFFFF;*/
    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 {
    color: #ffffff;
    /*background: #d71f1b;*/
    border: none;
    /*border: 1px solid white;*/
    /*height: 37px;*/
    /*width: 37px;*/
    background: rgba(255, 255, 255, .15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
}

.page_title {
    font-size: 28px;
    position: absolute;
    top: 55px;
    right: 10%;
    color: #ffffff;
    z-index: 3;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        -webkit-transform: translate3d(3000px, 0, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    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 0px;
}

.right a {
    cursor: pointer;
}