@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}


.header{
    line-height: 114px;
    border-bottom:3px solid #fff;
    position: relative;
    z-index: 10000;
}
.h-l{float: left;
    width: 30%;}
.h-r{float: right;box-sizing: border-box;
    padding-left: 40px;text-align: right;
    width: 70%;}
.logo{
    position: relative;
    background: #2f2e2d;
    text-align: center;}
.logo img{max-width: 90%;
    vertical-align: middle;}
.logo:after{
    position: absolute;
    width: 85px;
    right: -85px;content: '';
    top: 0;
    height: 114px;background-image: url("../images/logobg.png");background-position: bottom left;
}


.nav{
    position: relative;
    background: #e1550f;}
.nav:after{
    position: absolute;
    width: 38px;
    left: -38px;content: '';
    top: 0;
    height: 52px;background-image: url("../images/navbg.png");background-position: bottom right;
}

.nav li{text-align: center;
    float: left;
    position: relative;
    width: 14.27%;
    line-height: 52px;}
.nav li a{
    font-size: 16px;
    color: #ffffff!important;}
.pr{padding-right: 9%;box-sizing: border-box;}


.actbtn{font-size: 14px;
    line-height: 60px;}
.actbtn .a{
    color: #666666;
}

.actbtn .s{
    border: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/xl.png") no-repeat  right center transparent;
    padding-right: 8px;
    color: #666;}
.actbtn .l{font-size: 10px;vertical-align: middle;
    color: #ccc;
    margin:0 2%;}
.nav-o,.nav-c{display: none;}


select::-ms-expand { display: none; }

.footer{
    font-size: 14px;
    color: #999999;}
.f-l{
    float: left;
    width: 40%;}

.f-r{
    width: 60%;
    float: right;}
.logo2 img{max-width: 90%}


.layout{max-width: 1660px;
    padding:0 3%;
    margin:0 auto;}
.contactmsg{
    padding-top:6%;}
.contactmsg-ewm{
    float: left;
    width: 20%;
    line-height: 20px;
    text-align: center;}
.contactmsg-ewm img{max-width: 100%;
    margin-bottom: 3%;}
.contactmsg-cnt{
    float: left;
    width: 75%;
    margin-top: -9px;
    line-height: 38px;
    margin-left: 5%;}
.contactmsg-qq{
    display: inline-block;
    vertical-align: middle;
    width: 98px;
    height: 32px;
    text-align: center;
    color: #ffffff;
    line-height: 32px;
    background: #eb560c;border-radius: 5px;}
.contactmsg-qq em{
    display: inline-block;
    padding-left: 22px;
    background:url("../images/qq.png") left center no-repeat;}

.nav2 li{
    width: 20%;
    float: left;}
.nav2 li>a{
    display: block;
    line-height: 61px;
    margin-bottom: 16px;
    font-size: 20px;

    color: #fff;}
.nav2 dd>a{
    display: block;
    line-height: 35px;
    font-size: 14px;
    color: #999999;}



.nav dl{
    position: absolute;
    top: 100%;
    border-top:3px solid #fff;
    background: rgba(225,85,15,.7);
    width: 100%;
    padding:5px 0;
    line-height: 35px;
    display: none;}
.nav dl a{
    font-size: 14px;}
.nav dd{
    margin:0 10px;
    border-bottom:1px dotted #e67952;}
.nav dl a:hover{text-decoration: underline}
.nav li:hover dl{
    display: block;}
.nav li:hover a{
    color: #000000;}
.nav li a{
    display: block;}




.fmn span{
    color: #999999;
    margin:0 2%;}
.fmn a{
    color: #999999;}




.f-b .layout{
    padding: 0;max-width: inherit;}
.f-b{

    background: #20201f;
    border-top:1px solid #fff;
    line-height: 28px;}

.f-t{
    padding:4% 0;
    background: #2c2b2a;}
.fmn{
    box-sizing: border-box;
    padding:.5% 0;padding-left: 6.6%;
    width: 35%;
    float: left;}

.fnm{
    background: #e1550f;
    color: #ffffff;
    position: relative;
    width: 65%;text-align: right;padding:.5% 0;
    padding-right: 6.6%;box-sizing: border-box;
    float: right;}

.fnm .bgimg{
    height: 100%;
    right: 100%;
    position: absolute;
    top: 0;

}


@media screen and (max-width: 1200px) {
    .fmn{
        padding-left: 0;}
    .fnm{
        overflow: hidden;
        padding-right: 0;
        background: none;}
    .nav dl{
        border-top:2px solid #fff;}
    .header{border-bottom: 2px solid #fff;
        line-height: 80px;
    }
    .logo:after{
        height: 80px;}
    .actbtn{
        font-size: 13px;
        line-height: 42px;}
    .nav li{
        line-height: 36px;}
    .nav:after{
        height: 36px;}
    .nav li a{
        font-size: 15px;}
    .pr{padding-right: 5%;}
    .nav dl a{
        font-size: 13px;}


    .footer{
        font-size: 13px;}
    .f-l{
        width: 100%;}

    .f-r{
        width: 100%;
        padding-top: 3%;}



    .contactmsg{
        padding-top:4%;}






    .nav2 li>a{
        line-height:41px;
        font-size: 18px;}
    .nav2 dd>a{
        line-height: 30px;
        font-size: 13px;}

    .f-b{padding:2% 0;
        line-height: 24px;}

    .fmn{width: 100%;text-align: center;
        padding-bottom: 2%;}
    .fnm{width: 100%;text-align: center}

}


@media screen and (max-width: 800px) {
    .nav dl{
        border-top:none;}
    .header{
        position: relative;
        border-bottom: 1px solid #fff;
        line-height: 50px;background: #2f2e2d;
    }

    .logo:after{
        display: none;}
    .nav:after{
        display: none;}
    .nav li a{
        font-size: 14px;}
    .pr{padding-right: 0;}
    .logo{ background: none;text-align: left;
        padding-left: 20px;}
    .logo img{
        width: 55%;}
    .h-l{width: 100%}
    .h-r{
        text-align: center;
        position: fixed;
        background: rgba(0,0,0,.7);overflow: auto;
        top: 0;
        display: none;
        bottom: 0;
        width: 100%;
        padding: 0;
        left: 0;
        z-index: 1000;}
    .h-r.show{
        display: block;}
    .nav{background: none;}
    .nav li{
        line-height: 56px;
        width: 100%;}
    .actbtn{
        font-size: 12px;
        background: #ffffff;}
    .nav-o,.nav-c{
        z-index: 1;
        display: block;}
    .nav-o{
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;background-image: url("../images/navo.png") ;background-position: center;
        background-repeat: no-repeat;background-size: 20px auto}


    .nav-c{display: block;text-align: right; margin-top: 10px;
        line-height: 0;}
    .nav-c em{ width: 50px;
        display: inline-block;

        height: 50px;background-image: url("../images/navc.png") ;background-position: center;
        background-repeat: no-repeat;background-size: 30px auto}
    .nav dl{
        position: inherit;
    }
    .nav dl a{
        font-size: 12px;}


    .footer{
        font-size: 12px;}
    .contactmsg{
        padding-top:4%;}
    .f-r{
        display: none;}

    .contactmsg-ewm{
        padding:5% 0;
        width: 100%;}

    .contactmsg-cnt{
        margin-left: 0;
        line-height: 34px;
        width: 100%;}
    .logo2 img {
        max-width: 70%;
    }

    .f-b{
        line-height: 20px;}

}


.layout2{max-width: 1440px;
    margin:0 auto;
    padding:0 3%;}
.menu{
    font-size: 14px;
    border-bottom:1px solid #e5e5e5;}
.menu a{
    line-height: 74px;color: #666666;
    height: 74px;box-sizing: border-box;
    margin-right: 90px;
    float: left;}

.menu a.on{
    border-bottom:2px solid #e1550f;
    color: #e1550f;}
.actbtn .a:hover,
.menu a:hover{
    color: #e1550f;}




#scroller {
    position: relative;
    z-index: 1;
    height: 74px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    background: #fff;
}

.webtit{
    padding-top: 4%;
    padding-bottom: 2%;
    line-height: 48px;}
.webtit em{
    font-size: 48px;
    color: #333333;}
.webtit span{
    font-size: 48px;
    margin:0 1%;
    color: #999999;}
.webtit b{
    font-size: 24px;
    color: #999999;}
.menu2{
    padding-bottom: 1.5%;}
.menu2 i{
    display: inline-block;
    padding-left: 35%;background: url("../images/ch.png") left center no-repeat;background-size: auto 100%}
.menu2 a {
    background:url("../images/xl2.png") no-repeat 90% center;
    border: 1px solid #d4d4d4;
    color: #666666;
    display: inline-block;
    font-size: 14px;
    margin: 0 0.7% 0 0;
    margin-bottom:1%;
    padding: 1% 38px 1% 1.5%;
}

.menu2 a.spe{ padding:1% 3% 1% 3%;}
.menu2 a.on{
    color: #ffffff;
    border:1px solid #e1550f;
    background: url("../images/xl3.png") 90% center no-repeat #e1550f;}
.search-txt{
    height: 46px;
    line-height: 46px;
    float: left;text-indent: 1em;
    font-size: 14px;
    width: 85%;
    border: none;
    background: none;}
.search-btn{height: 46px;float: left;
    width: 15%; border: none;
    cursor: pointer;
    background:url("../images/search.png") center no-repeat;background-size: auto 40%;}
.search{
    margin-bottom: 3.5%;
    width: 465px;max-width: 100%;
    background: #f6f6f6;}
.pro{
    margin:0 -3%;}
.pro li{
    float: left;
    width: 25%;
    padding:0 3%;
    margin-bottom: 3.5%;
    text-align: center;box-sizing: border-box}
.pro li a{
    color: #333333;

    display: block;
}
.pro li a p{line-height: 30px;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis; font-size: 18px;
    height: 30px;}

.page{
    padding:3% 0 4% 0;
    text-align: center;}
.page a{
    font-size: 24px;
    color: #333333;
    display: inline-block;
    vertical-align: top;
    margin:0 1.5%;}
.page a:hover{
    color: #e1550f;}
.page a.on{
    color: #e1550f;}

.main{
    padding-bottom: 2%;}
.jy{
    margin:0 -1%;}
.jy li{ margin-bottom: 3.5%;
    float: left;box-sizing: border-box;
    width: 25%;
    padding:0 1%;}

.jy p{
    line-height: 55px;
    height: 55px;
    font-size: 16px;
    color: #333333;
    border-bottom:1px dotted #cccccc;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.ry{
    margin:0 -1%;}
.ry li{ margin-bottom: 2%;
    float: left;box-sizing: border-box;text-align: center;
    width: 25%;
    padding:0 1%;}
.ry li a{
    display: block;
    background: #f8f8f8;
    padding-bottom: 3%;}
.ry i{
    display: block;
    line-height: 321px;
    height: 321px;}
.ry i img{max-width: 100%;max-height: 100%;
    vertical-align: middle;}
.ry b{
    display: inline-block;
    height: 0;
    width: 0;
    vertical-align: middle;}
.ry p{
    line-height: 55px;
    height: 55px;
    font-size: 14px;
    color: #333333;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news{
    margin:0 -1%;}
.news li{
    float: left;box-sizing: border-box;
    width: 33.33%;
    margin-bottom: 3%;
    padding:0 1%;}
.news li h5{
    line-height: 46px;
    font-size: 24px;
    overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #000000;
    padding-top: 2%;}
.news li b{
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #666666;}
.news li p{
    line-height: 26px;
    font-size: 16px;
    color: #666666;}
.pp{padding-left: 1px}
.pp li{
    float: left;
    width: 20%;box-sizing: border-box;
    height: 172px;
    line-height: 172px;
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;
    border:1px solid #eeeeee;}
.pp li img{max-height: 100%;max-width: 100%;
    vertical-align: middle;}
.pp li b{
    display: inline-block;
    height: 0;
    width: 0;
    vertical-align: middle;}


.job-t{
    cursor: pointer;
    padding:2%;
    background: url("../images/j1.png") 98% center no-repeat #f5f5f5;background-size: auto 25%}
.job-t h5{
    line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-size: 16px;
    color: #000610;}
.job-t p{
    line-height: 22px;
    font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    color: #a3a3a3;}

.job-w{
    border:1px solid #eeeeee;
    display: none;
    padding:3% 2%;}
.job-c{
    padding-bottom: 3%;}
.job-b{
    text-align: center;
    color: #888888;
    width: 179px;
    height: 44px;
    display: block;
    font-size: 14px;
    line-height: 44px;
    border:1px solid #dcdcdc;}
.job-b em{
    display: inline-block;
    padding-left: 31px;
    background: url("../images/yx.png") left center no-repeat;}
.job li{
    margin-bottom: 5px;}
.job li.on .job-w{
    display: block;}
.job li.on .job-t{
    background: url("../images/j2.png") 98% center no-repeat #e1550f;background-size: auto 25%}
.job li.on .job-t h5{
    color: #fff;}
.job li.on .job-t p{
    color: #fff;}

.job-i{
    float: left;
    width: 144px;
    margin-right:2%;}


.job.spe .job-t{background:#eeeeee ;}
.job.spe .job-t h5{
    font-size: 18px;
    font-weight: bold;}
.job-bg img{
    width: 29px;
}
.job-bg{
    margin-top: 18px;}
.procnt{
    padding:5.5% 0;}
.procnt-img{
    float: left;
    width: 46%;
    border:1px solid #ededed;}
.procnt-img img{
    width: 100%;}
.procnt-c{
    float: right;
    width: 49%;}
.procnt-c .h{
    line-height: 46px;
    font-size: 36px;
    color: #000000;}
.procnt-c .p{
    padding:4% 0;
    line-height: 30px;
    color: #666666;
    font-size: 14px;}

.promsg{
    border:1px solid #eeeeee;}
.promsg .hd{
    background: #f8f8f8;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;}
.promsg .hd li{
    cursor: pointer;
    font-size: 16px;
    color: #666666;
    line-height: 60px;
    padding:0 5%;
    float: left;}
.promsg .hd li.on{
    background: #ffffff;}
.promsg .bd li{
    display: none;}
.promsg-c{
    padding:3%;}

.form{
    padding:5%;background-image: url("../images/bg.jpg");background-size: cover}

.form-w{
    margin:0 auto;
    width: 460px;max-width: 100%}

.form-txt{
    line-height: 52px;
    font-size: 14px;
    color: #000000;
    height: 52px;
    margin-bottom: 4%;border-radius: 5px!important;
    padding:0 4%;box-sizing: border-box;
    border:1px solid #dbdbdb;
    width:95%;}
.form .r{
    margin-left: 4px;
    font-size: 13px;
    color:red}
.form-txt.spe{
    height: 120px;
    line-height: 23px;
    padding:2% 4%;}
.form-txt.spe2{
    width: 30%;}
.form .yzm{
    vertical-align: top;
    height: 52px;
}

.form-btns{
    margin-top: 5%;}
.form-btns .b{
    width: 212px;
    font-size: 14px;
    cursor: pointer;
    height: 52px;border-radius: 5px}
.form-btns .b1{
    background: #e1550f;
    color: #ffffff;margin-right:2%;
    border:1px solid #e1550f;}
.form-btns .b2{
    background: #fff;
    color: #666666;
    border:1px solid #dbdbdb;}
.contact{
    background: #e1550f;}
.contact-map{
    width: 65%;
    float: left;}
.contact-cnt{
    background: #e1550f;
    width: 35%;box-sizing: border-box;
    padding: 5%;

    line-height: 37px;
    color: #ffffff;
    font-size: 16px;
    float: right;}
.logo3{max-width: 100%}
.contactmsg-qq.spe{
    background: #ffffff;}
.contactmsg-qq.spe em{
    background: url("../images/qq2.png") left center no-repeat;
    color: #e1550f;}

.js{
    padding-bottom: 5%;}

.china{
    border:1px solid #e5e5e5;
    padding:3%;
    text-align: center;}

.china .i{
    display: inline-block;
    position: relative;}
.china .iimg{
    max-width: 100%;}
.china .dd{
    position: absolute;
    width: 21px;
    height: 30px;background-image: url("../images/dd.png");background-size: cover}

.dd-w{
    margin:0 auto;
    left: 5px;
    display: none;
    bottom: 10px;
    position: relative;}
.dd-w:after{
    position: absolute;content: '';
    width: 0;
    height: 0;
    left:-5px;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right:10px solid transparent;
    border-top: 20px solid #e1550f;}
.dd-c{
    position: absolute;
    background: #e1550f;
    color: #ffffff;
    font-size: 16px;
    margin-left: -225px;
    left: 50%;
    line-height: 30px;
    bottom: 10px;
    width: 450px;box-sizing: border-box;
    padding:100%;text-align: left}




.fklick .slick-slide{
    height: 424px;background: url("../images/dian.png") center repeat-x;
    position: relative;}
.fklick .slick-slide:after{content:'';
    position: absolute;
    height: 95px;top: 50%;
    left: 7px;
    width: 1px;
    background: #cccccc;}
.fklick .slick-slide.spe:after{
    bottom: 50%;top:inherit}

.fklick .slick-slide:before{
    width: 14px;
    height: 14px;
    background: #e1550f;
    content:'';
    position: absolute;top: 50%;
    left: 0;
    margin-top: 95px;
}

.fklick .slick-slide.spe:before{
    margin-top: 0;
    margin-bottom: 95px;
    bottom: 50%;top:inherit}
.fklick .slick-slide.spe2:before{
    display: none;}
.fklick .slick-slide.spe2:after{
    display: none;}

.fklick .box{
    position: absolute;
    bottom: 0;
    height: 211px;
    width: 165%;
    line-height: 211px;
    left: 30px;}
.fklick .spe .box{
    top:0 ;
    bottom:inherit;}
.fklick .box h5{
    line-height: 51px;
    font-size: 30px;
    color: #e1550f;}
.fklick .box p{
    line-height: 26px;
    font-size: 14px;
    color: #666666;}
.fklick i{
    display: inline-block;
    vertical-align: middle;}
.fklick{
    padding:5% 60px;}
.fklick .slick-disabled{
    display: none!important;}
.fklick .slick-prev {left:0;}
.fklick .slick-next {
    right: 0;}
.fklick .slick-arrow {
    position: absolute;
    font-size: 30px;
    z-index: 10;
    padding:0;
    background: none;
    border: none;
    color: #cccccc;
    font-weight: bold;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    margin-top: -15px;
    top: 50%;}
.fklick .slick-arrow:hover{
    color: #e1550f;}

@media screen and (max-width: 1200px) {
    .fklick{
        padding:1% 20px;}
    .fklick .box h5{
        line-height: 41px;
        font-size: 25px;}
    .fklick .box p{
        line-height: 24px;
        font-size: 13px;}

    .menu{
        font-size: 13px;}
    .menu a{
        line-height: 60px;
        height: 60px;
        margin-right: 60px;}
    #scroller {

        height: 60px;

    }
    .webtit{
        line-height: 38px;}
    .webtit em{
        font-size: 38px;}
    .webtit span{
        font-size: 38px;}
    .webtit b{
        font-size: 19px;}



    .menu2 a{
        font-size: 13px;}


    .search-txt{
        height: 36px;
        line-height: 36px;

        font-size: 13px;
    }
    .search-btn{height: 36px;}
    .pro li{
        width: 25%;
    }

    .pro li a p{line-height:25px;font-size: 16px;
        height: 25px;}


    .page a{
        font-size: 20px;}




    .jy p{
        line-height: 45px;
        height: 45px;
        font-size: 14px;
    }


    .ry i{
        line-height: 251px;
        height: 251px;}

    .ry p{
        line-height: 45px;
        height: 45px;
        font-size: 13px;
    }



    .news li{

        width: 50%;}
    .news li h5{
        line-height: 36px;
        font-size: 20px;
    }
    .news li b{

        line-height: 20px;
        font-size: 13px;}
    .news li p{
        line-height: 22px;
        font-size: 14px;}

    .pp li{
        width: 25%;
        height: 152px;
        line-height: 152px;
    }



    .job-t h5{
        line-height: 24px;
        font-size: 15px;}
    .job-t p{
        line-height: 20px;
        font-size: 13px;}


    .job-b{
        width: 159px;
        font-size: 13px;}




    .job.spe .job-t h5{
        font-size: 16px;}
    .job-bg img{
        width: 26px;
    }
    .job-bg{
        margin-top: 10px;}


    .job-i{
        width: 124px;}





    .procnt-c .h{
        line-height: 36px;
        font-size: 30px;}
    .procnt-c .p{
        line-height: 25px;
        font-size: 13px;}



    .promsg .hd li{
        font-size: 15px;
        line-height: 45px;}



    .form-txt{
        line-height:42px;
        height: 42px;
        font-size: 13px;
    }

    .form-txt.spe{
        height:100px;
        line-height: 23px;}
    .form-txt.spe2{
        width: 30%;}
    .form .yzm{
        height: 42px;
    }


    .form-btns .b{
        font-size: 13px;
        height: 42px;}
    .form-btns .b1{
        margin-bottom: 4%;
        margin-right:0;
    }



    .contact-cnt{
        line-height: 32px;
        font-size: 15px;}
    .dd-c{
        line-height: 28px;
        font-size: 15px;}

}
@media screen and (max-width: 800px) {

    .fklick .box h5{
        line-height: 35px;
        font-size: 20px;}
    .fklick .box p{
        line-height: 22px;
        font-size: 12px;}

    .china .i{
        display: block;}
    .china .dd{left: 0!important;
        top:0!important;
        position: inherit;}
    .iimg{
        display: none;}
    .dd-w{left: 0;bottom: 0;
        display: block!important;position: inherit}
    .dd-c{padding: 0;left: 0;width: inherit;
        margin-left: 0;
        background: none;bottom: 0;
        color: #000000;
        position: inherit;}
    .dd-w:after{
        display: none;}

    .china .dd{
        margin-bottom: 5%;
        background-image: none;width: inherit;height: inherit;}

    .form-btns{
        text-align: center;}
    .menu{
        font-size: 12px;}
    .menu a{
        line-height: 45px;
        height: 45px;
        margin-right: 30px;}
    #scroller {
        height: 45px;
    }

    .webtit{
        padding-top:6%;
        padding-bottom: 4%;
        line-height:20px;}
    .webtit em{
        font-size: 20px;}
    .webtit span{
        display: none;}
    .webtit b{
        display: block;
        line-height: 15px;
        font-size: 10px;}

    .menu2 a{
        padding:2% 38px 2% 2%;
        margin-right: 1.5%;
        margin-bottom: 3%;
        font-size: 12px;}
    .search-txt{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .search-btn{height: 30px;}

    .pro li{
        width: 50%;
    }

    .pro li a p{line-height:20px;font-size: 14px;
        height: 20px;}
    .page{
        padding:8% 0;}
    .page a{
        font-size: 16px;}

    .main{
        padding-bottom: 4%;}
    .jy li{
        width: 50%;}
    .jy p{
        line-height: 35px;
        height: 35px;
        font-size: 13px;
    }
    .ry li{
        width: 50%;}
    .ry i{
        line-height: 201px;
        height: 201px;}

    .ry p{
        line-height: 35px;
        height: 35px;
        font-size: 12px;
    }

    .news li{

        width: 100%;}
    .news li h5{
        line-height: 26px;
        font-size: 16px;
    }
    .news li b{
        font-size: 12px;}
    .news li p{
        font-size: 13px;}

    .pp li{
        width: 50%;
        height: 122px;
        line-height: 122px;
    }



    .job-t{
        padding:3%;
        background: url("../images/j1.png") 97% center no-repeat #f5f5f5 ;background-size: auto 25%}
    .job-t h5{
        line-height: 20px;
        font-size: 15px;}
    .job-t p{
        line-height: 18px;
        font-size: 12px;}

    .job-w{
        padding:3%;}

    .job-b{
        width: 139px;
        height: 34px;
        font-size: 12px;
        line-height: 34px;}



    .job.spe .job-t h5{
        font-size: 14px;}
    .job-bg img{
        width: 20px;
    }
    .job-bg{
        margin-top: 5px;}


    .job-i{
        width: 98px;}


    .procnt-img{
        margin-bottom: 3%;
        width: 100%;}
    .procnt-img img{
        width: 100%;}
    .procnt-c{
        width: 100%;}
    .procnt-c .h{
        line-height: 26px;
        font-size: 20px;}
    .procnt-c .p{
        line-height: 24px;
        font-size: 13px;}


    .promsg .hd li{
        font-size: 14px;
        line-height: 35px;}

    .contact-map{
        width: 100%;}
    .contact-cnt{
        width: 100%;
        line-height: 27px;
        font-size: 14px;
    }

    .dd-c{
        line-height: 24px;
        font-size: 14px;}
}





.slick img{width: 100%}
.c_banner {position: relative;}
.c_banner .slick-dots{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.c_banner .slick-dots li button{display: none;}
.c_banner .slick-dots li{width: 19px;background: url(../images/ed02.png) no-repeat;height: 19px;background-size: cover; display: inline-block;margin: 0 8px;cursor: pointer;}
.c_banner .slick-dots li.slick-active{background: url(../images/ed01.png) no-repeat;}

.cl-accord{margin-top: 1px;position: relative;overflow: hidden;}
.cl-accord .flash{ cursor: pointer; position: relative; float: left; width: 20%;border-right: 1px solid #fff;height: 959px;background-size: cover;background-position: center center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-accord .flash.active{width:40%;border-right: 1px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-accord .flash:last-child{border-right: none}
.cl-accord .flash .text{-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all; position: absolute;width:100%;height: 100%;background: rgba(0,0,0,.5);bottom: 0 ;display: table;text-align: center;}
.cl-accord .flash .text .txt{display: table-cell;vertical-align: middle;}

.cl-accord .flash .text .txt .cl-acr{font-size: 30px;color: #ffffff;}
.cl-accord .flash .text .txt .cl-acr:before{content: '';display: inline-block;width: 4px ;background: #e1550f;height: 29px;vertical-align: top;margin-top: 7px;margin-right: 20px}
.cl-accord .flash .text .txt .allen{text-align: center;font-size: 12px;color: #999999;margin-top: 10px}
.cl-accord .flash .text .txt i{display: none}
.cl-accord .flash .text .txt .fugrei{display: none}

.cl-accord .flash.active .text{-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all;padding-bottom: 40px; text-align: left; background: rgba(225,85,15,.9);width: 595px;height: auto;display: block;padding-left: 129px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-accord .flash.active .text .cl-acr{font-weight: bold;margin-top: 60px;color: #fff}
.cl-accord .flash.active .text .cl-acr:before{background: #fff}
.cl-accord .flash.active .text .txt .allen{color: #fff;text-align: left;}
.cl-accord .flash.active .text .txt .fugrei{font-size: 16px;line-height: 30px;color: #ffffff;margin-top: 20px;display: block;}
.cl-accord .flash.active .text .txt{display: block;}

.cl-accord .flash.active .text .txt i{color: #fff;margin-top: 10%;display: block;}

.cl-accord .flash:last-child{position: absolute;right: 0;}

.cl-veiw{overflow: hidden;position: relative;}
.clPic img{width: 100%}
.sPic{position: absolute;bottom: 0;padding: 40px 0;width: 100%;background: rgba(0,0,0,.9);}
.mPic{width: 1080px;margin: 0 auto;position: relative;}
.mPic li{margin:0 12px;float: left;outline: none;cursor: pointer;position: relative;text-align: center;}
.mPic li img{width: 100%}
.mPic .slick-prev{z-index: 999; cursor: pointer; position: absolute;left: -5%;background: none;border: none;color: #808080;font-size:30px;top: 28%;}
.mPic .slick-next{z-index: 999; cursor: pointer; position: absolute;right: -5%;background: none;border: none;color: #808080;font-size:30px;top: 28%;}

.mPic .slick-prev:hover{color: #e1550f}
.mPic .slick-next:hover{color: #e1550f}

.mPic li span{display: none; background: rgba(225,85,15,.8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 16px;color: #ffffff;font-weight: bold;}
.mPic li:hover span{display: block;}



.cl-about{padding: 128px 0;background: #fff;overflow: hidden;}
.cl-about .text{float: left;width: 50%}
.cl-about .text .abTei{overflow: hidden;}
.cl-about .text .abTei span{display: block;float: left;font-size: 48px;font-weight: lighter;color: #333333}
.cl-about .text .abTei em{font-size: 48px;color: #999999;float: left;display: block;font-weight: lighter;margin: 0 10px}
.cl-about .text .abTei i{display: block;float: left;font-size: 24px;color: #999999;margin-top: 20px}
.cl-about .text .line{content: '';display: block;width: 74px;height: 4px;background: #e1550f;overflow: hidden;margin-top: 27px}
.cl-about .text .abactil{margin-top: 54px}
.cl-about .text .abactil span{display: block;font-weight: bold;font-size: 60px;color: #e1550f}
.cl-about .text .abactil span em{font-weight: bold;font-size: 30px}
.cl-about .text .abactil .tag{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 22px}
.cl-about .text .abactil .txt{font-size: 14px;color: #666666;line-height: 30px;}
.cl-about .text .abactil .allView{background: url(../images/allView.jpg) no-repeat;width: 137px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;display: block;margin-top: 55px}
.cl-about .pic{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;float: right;/*background: url(../images/aboutbg.jpg) no-repeat right top;*/padding: 30px}
.cl-about .pic .photo{margin-top: 10px}

.cl-news{ background: url(../images/nespg.jpg); background-position:  center center;background-size: cover;height: 960px;overflow: hidden;}
.cl-news .figure{font-size: 48px;color: #ffffff;text-align: center;font-weight: lighter;margin-top: 150px}
.cl-news .figcaption{font-size: 12px;color: #fff;text-align: center;margin-top: 13px}
.cl-news .clist{margin-top: 53px;overflow: hidden;}
.cl-news .clist li{width: 31.3%;margin-right: 3%;float: left;}
.cl-news .clist li:nth-child(3){margin-right: 0}
.cl-news .clist li .pic img{width: 100%}
.cl-news .clist li .text .title{font-size: 24px;color: #ffffff;font-weight: bold;margin: 25px 0}
.cl-news .clist li .text .date{font-size: 14px;color: #fff;margin-bottom: 15px}
.cl-news .clist li .text .txt{font-size: 16px;color: #fff;line-height: 25px}
.cl-news .clist li .text a{display: block;height: 50px;line-height: 50px;color: #fff;font-size: 16px;margin-top: 10px}


.cl-logo{padding: 7% 0; background: url(../images/logolist.jpg); background-position:  center center;background-size: cover;overflow: hidden;}
.clobox{width: 1660px ;overflow: hidden; margin: 0 auto;}
.cl-logo .text{padding: 59px ;background: url(../images/otextBg.jpg) no-repeat; background-size: cover; float: left;width: 505px;border: 6px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-logo .text .title{font-weight: lighter;font-size: 48px;color: #fff;margin-bottom: 15px}
.cl-logo .text .acule{font-size: 12px;color: #ffffff}
.cl-logo .text .txt{line-height: 25px;color: #fff;font-size: 14px;margin-top: 24px;padding-bottom: 50px;border-bottom: 1px solid #e99a72}
.cl-logo .text .txt:before{content: '';display: block;width: 75px;height: 6px;;background: #fff;margin-bottom: 51px;}
.cl-logo .text .hotWord{margin-top: 28px;background: url(../images/sbm.png) no-repeat right top;}
.cl-logo .text .hotWord .warh{font-size: 14px;color: #ffffff;width: 80%;line-height: 25px}
.cl-logo .text .hotWord .hw{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 12px}
.cl-logo .text .hotWord .hotag{margin-top: 15px;}

.cl-logo .lists{background: rgba(255,255,255,.7);width: 1155px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-logo .lists ul{border-top: 1px dashed #fff;border-left: 1px dashed #fff;}
.cl-logo .lists ul li{line-height: 162px;text-align: center;overflow: hidden;width: 25%;float: left;border: 1px dashed #fff;border-left: none;border-top: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cl-logo .lists ul li img{display: inline-block;max-width: 90%;max-height: 140px;margin: 0 auto;vertical-align: middle;}



@media screen and (max-width: 1660px){

    .cl-logo{padding: 50px 0; height: auto}
    .cl-logo .text{padding: 30px}
    .clobox{padding: 0 3%;width: auto}
    .cl-logo .text{float: none;width: 100%;}
    .cl-logo .lists{float: none;width: 100%}
    .cl-logo .text .title{font-size: 32px}


}




@media screen and (max-width: 1440px){

    .cl-accord .flash{height: 700px}
    .cl-accord .flash.active .text{padding-left: 30px;width: 410px;}

    .cl-about .text .picLog img{width: 100%}
    .cl-about .text .abactil span{font-size: 30px;}
    .cl-about .text .abactil{margin-top: 25px}
    .cl-about .text .abactil .allView{margin-top: 25px}
    .cl-about .pic{width: 50%;background-size: contain;}
    .cl-about .pic .picture img,.cl-about .pic .photo img{width: 100%}

    .cl-about .text .abTei span,.cl-about .text .abTei em{font-size: 30px;}
    .cl-about .text .abTei i{font-size: 18px;margin-top: 10px}
    .cl-about .text .line{margin-top: 5px;height: 3px;}
}



@media screen and (max-width: 1200px){

    .cl-accord .flash{height: 500px}
    .cl-accord .flash .text .txt .cl-acr:before{height: 22px}
    .cl-accord .flash .text .txt .cl-acr{font-size: 24px}
    .cl-accord .flash.active .text{width:100%;padding: 0 5% 5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

    .mPic{width: 100%;}
    .sPic{position: static;}

    .mPic .slick-prev{left: 0;top: 40%;font-size: 20px}
    .mPic .slick-next{right: 0;top: 40%;font-size: 20px}


    .cl-news{height: auto;padding:50px 0}
    .cl-news .figure{font-size: 30px;margin-top: 0px;}
    .cl-news .clist li .text .title{font-size: 18px;margin: 20px 0}


    .cl-logo .text .title{font-size: 20px;}
    .cl-logo .text .txt:before{height: 3px;margin-bottom: 10px}
    .cl-logo .text .hotWord .hw{font-size: 16px;font-weight: normal;}
    .cl-logo .lists ul li{width: 25%;line-height: 162px;}

    .cl-about{padding: 30px 0}

}

@media screen and (max-width:1024px){

    .cl-about .pic{width: 100%;float: none;margin-bottom: 20px;padding: 3%}

    .cl-about .text{width: 100%;float: none}

}

@media screen and (max-width:768px){


    .cl-accord .flash{height: 300px}
    .cl-accord .flash .text .txt .cl-acr{font-size: 18px}
    .cl-accord .flash .text .txt .cl-acr:before{margin-right: 5px;height: 15px;margin-top: 0px;width: 1px;}

    .cl-accord .flash.active .text .cl-acr{margin-top: 10px}
    .cl-accord .flash.active .text .txt .fugrei{font-size: 12px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
    .cl-accord .flash.active .text .txt i{margin-top: 3%}

    .cl-accord .flash.active .text .txt i{font-size: 13px}
    .sPic{padding: 20px 0}

    .mPic li span{font-size: 14px}


    .cl-news .figure{font-size: 20px;}
    .cl-news .clist{margin-top: 20px}
    .cl-news .clist li{width: 48%;margin-right: 4%;margin-bottom: 20px}
    .cl-news .clist li:nth-child(2n){margin-right: 0%}
    .cl-news .clist li:nth-child(3){margin-right: 0%;}


    .cl-news .clist li .text .title{font-size: 16px;font-weight: normal;   margin: 10px 0;white-space: nowrap;overflow: hidden;    text-overflow: ellipsis; }
    .cl-news .clist li .text .txt{ overflow: hidden; text-overflow: ellipsis;font-size: 14px;white-space: nowrap;overflow: hidden;    text-overflow: ellipsis;}
    .cl-news .clist li .text a{font-size: 14px;margin-top: 0}
    .cl-news .clist li .text .date{margin-bottom: 0px}

    .cl-logo .text .hotWord{background-size: 32px}
    .cl-logo .text{padding: 20px}

    .cl-about .text .abTei span, .cl-about .text .abTei em{font-size: 20px;}
    .cl-about .text .abTei i{font-size: 16px;margin-top: 5px}
    .cl-about .text .line{height: 2px;}
    .cl-about .text .abactil span{font-size: 24px;}
    .cl-about .text .abactil span em{font-size: 16px}
    .cl-about .text .abactil .tag{font-size: 16px}
    .cl-about .text .abactil .allView{width: 120px;height: 30px;background-size: 120px 30px;line-height: 30px}

    .cl-logo .lists ul li{line-height: 120px;width: 50%;}
    .cl-logo .lists ul li img{max-height: 79px;}
}

@media screen and (max-width:500px){

    .cl-accord .flash{height:200px;width: 20%;}
    .cl-accord .flash .text .txt .cl-acr{font-size: 13px}
    .cl-accord .flash.active{width: 40%}
    .cl-accord .flash. .text .txt .cl-acr:before{margin-right: 2px;width: 2px;margin-top: 2px;height: 12px;}
    .cl-logo .text .hotWord .hotag img{width: 100%}

    .cl-logo .lists ul li img{display: inline-block;max-width: 90%;max-height: 85px;margin: 0 auto;vertical-align: middle;}
}

@media screen and (max-width: 414px){

    .c_banner .slick-dots{bottom: 0px}

}

@media screen and (max-width:390px){

    .cl-accord .flash{height:150px;}

}

.menu2 a.on:hover{
    color: #ffffff;}

.jy p:hover,
.news li:hover h5,
.menu2 a:hover,
.fmn a:hover,
.nav2 dd > a:hover,
.pro li a:hover p{
    color: #e1550f;}



@media screen and (min-width:1200px){
    .ii,
    .pp li,
    .ry i,
    .cl-logo .lists ul li,
    .cl-news .clist .pic{
        overflow: hidden;}
    .ii img,
    .pp li img,
    .ry i img,
    .cl-logo .lists ul li img,
    .cl-news .clist .pic img{-webkit-transition: all .25s;transition: all .3s;}
    .cl-logo .lists ul li:hover img,
    .pro li:hover .ii img,
    .news li:hover .ii img,
    .pp li:hover img,
    .ry li:hover i img,
    .jy li:hover .ii img,
    .cl-news .clist li:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1)}


}

/*8.25*/
.join{
    width: 100%;}
.join .xx{color: red}
.join th{
    border:1px solid #e9e9e9;
    background: #f7f7f7;
    font-size: 24px;
    color: #e1550f;
    height: 59px;}
.join td{ border:1px solid #e9e9e9;
    padding:20px 2%;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #000000;}

.join .tl{text-align: left;
}
.join-radio{
    display: inline-block;
    vertical-align: top;
    width: 30%;}
.join-txt{
    line-height: 24px;
    background: none;
    border: none;
    font-size: 14px;
    width:98%;}
.join-txt.spe{
    height: 72px;}

.joinbtns{
    text-align: center;
    padding-top: 4%;
    padding-bottom: 5%;}

.join-btns{
    width: 202px;
    cursor: pointer;
    margin:0 1%;
    height: 52px;border-radius: 5px!important;
    font-size: 14px;}

.join-btns.b1{
    color: #ffffff;
    background: #e1550f;
    border:1px solid #e1550f;}
.join-btns.b2{
    color: #666666;
    background: #fff;
    border:1px solid #dbdbdb;}


@media screen and (max-width:1200px){

    .join th{
        font-size: 20px;
        height: 49px;}
    .join td{
        padding:15px 2%;
        line-height: 22px;
        font-size: 13px;}


    .join-txt{
        line-height: 22px;
        font-size: 13px;}
    .join-txt.spe{
        height: 66px;}


    .join-btns{
        width: 150px;
        height: 42px;
        font-size: 13px;}


}
@media screen and (max-width:800px){

    .join th{
        font-size: 16px;
        height:39px;}
    .join td{
        padding:10px 2%;
        line-height: 20px;
        font-size: 11px;}


    .join-txt{
        line-height: 20px;
        font-size: 11px;}
    .join-txt.spe{
        height: 60px;}



    .join-btns{
        width: 100px;
        height: 32px;
        font-size: 12px;}


}

.js img{ max-width: 100%;
}