@charset "utf-8";




.head{position:fixed;top:45px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;border-bottom:1px solid #ddd;height:100px;transition:all .3s}

.logo{padding-top:27px;padding-left:2.18%;width:302px;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.logo .p1{background:#ff6d07;position:absolute;top:0%;left:0px;width:100%;height:80%;}
.nav{width:60%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:14.28%;height:100px;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s}
.nav ul li .a1{line-height:100px;display:block;text-align:center;font-size:16px;color:#333;transition:all .3s}
.nav ul li:hover .a1{color:#f08519;transition:all .3s}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:101px;z-index:100}
.nav ul li .div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#1a1a1a}
.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}


.company-pics {position: relative;}
.company-pics a.control {position:absolute;display: block;top: 50%;margin-top: -58px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.company-pics a.prev {left: -65px;background-position: 0 0}
.company-pics a.next {right: -65px;background-position: -76px 0}
.company-pics a.prev:hover {background-position: 0 -112px}
.company-pics a.next:hover {background-position: -76px -112px}
.company-pics .num {display: none;}
.company-pics .slider{width:100% !important;height:242px !important;font-size:inherit!important;}

.foot002{margin-left: 30px;margin-top: 100px;}
.foot002 li{ list-style-type:none; color: #777777; margin-bottom:6px; }







.moblie_head{ display: none;    }
@media screen and (max-width: 1600px) and (min-width:1200px) {
    .nav ul li .a1{font-size:14px}
    .nav ul li .div1 .p1 a{font-size:12px}
    .foot_top ul{margin-left:60px}
    .nav ul li .div1 .p1{width:58.1%}
}

@media screen and (max-width: 1024px) and (min-width: 0px){
    #nav{ display: none; }
    .moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0;width:100%;z-index:9999;border-bottom:1px solid #ddd}
    .moblie_head .lf{padding-top:10px;padding-left:5%}
    .moblie_head .lf img{height:24px}
    .moblie_head .rg{padding-right:5%;padding-top:14px;position: fixed;right:  0;top: 0px;}
    .moblie_head .rg a img{height:16px;vertical-align:top}
    .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
    .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
    .a_txt .div3 ul{padding-left:5%;padding-right:5%}
    .a_txt .div3 ul li{border-bottom:1px solid #232530}
    .a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
    .a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .a_txt .div3 ul li .a_txt2{display:none}
    .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}


    #banner .container .text{ width:auto; right: auto;   }
    #content .pool-list .item{ width: 50%; }

    #about .fl{width: auto; padding:20px; }
    #about .fr{ width: 100%; }
    .foot001{ text-align: center; }
    .logo2{width: 200px;float:  initial;}
    .foot002{width: 100%;margin-left: 0;margin-top: 10px;}
    #footerNav .qr-code{ width: 100%; text-align: center; }
    #footerNav .qr-code img{ width:150px; }
    #footerNav .qr-code span{ width:150px; margin: 0 auto; }
}