/* eyoucms.com 易优CMS -- 好用,免费,安全 */
body{ min-width:320px;font:16px "Arial";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "Arial";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
.clearfix {zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding:0 10px;overflow: hidden;}

.header_box{background: #fff;}
.head_bot{height:90px;}
.logo{height:90px;position: relative;}
.logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 80%;max-width: 100%;}

.nav{padding-right:170px;}
.nav li{float: left;text-align: center;padding:10px;position: relative;width:14.28%;}
.nav li a{padding:0;display: block;font-size: 16px;color:#3b3b1d;height:70px;line-height:70px;overflow: hidden;}
.nav li .nav_child{position: absolute;top:90px;left:50%;width:150px;margin-left:-75px;z-index:10;background: #fff;display: none;}
.nav li .nav_child li{width:100%;float: none;padding:5px 0;}
.nav li .nav_child li a{line-height: 35px;height:35px;border:none;}
.nav li a:hover{background:  #c17c2e;color:#fff;}
.nav li.current a{background:  #c17c2e;color:#fff;}
.nav li.current .nav_child li a{background:none;color:#333;}
.nav li .nav_child li a:hover{background:none;color:#c17c2e;}

.hot_line{position: absolute;right:0;top:33px;color:#c17c2e;font-size: 18px;}
.hot_line img{vertical-align: middle;margin:0 10px 0 0;}
.hot_line span{ white-space:nowrap; }


#model_banner .slick-dots{ }
#model_banner .slick-dots li {vertical-align:middle;border-radius: 50%;margin:0 10px;}
#model_banner .slick-dots li button{padding:0;width:12px;height:12px;border-radius: 50%;background: #fff;}
#model_banner .slick-dots li.slick-active button{width:6px;height:6px;
    border-radius: 50%;background: #c17c2e;}
#model_banner .slick-dots li.slick-active{padding:3px;border:2px solid #c17c2e;width:16px;height:16px;}


.s_title{padding:70px 0 50px;}
.s_title .ti_center{margin:0 40px;display: inline-block;}
.s_title b{display: inline-block;width:200px;border-bottom:2px solid #333;vertical-align: top;margin-top:17px;}
.s_title .ti_center h3{font-size: 30px;line-height: 35px;}
.s_title .ti_center span{font-size: 14px;line-height:30px;color:#999;display: block;}

.section_one {padding-bottom:80px;}
.section_one .container{padding:0 100px;}
.brand_lt{width:50%;padding:60px 95px 60px 0;position: relative;}
.brand_lt:after{content:"";display: block;position: absolute;right:25px;top:0;width:70%;height:100%;border:2px solid #f1f1f1}
.brand_lt img{position: relative;z-index:10;}
.brand_lt:before{content:"";background: url(../img/index_07.png) no-repeat center center;position: absolute;bottom:0;left:0;display: block;width:47px;height:33px;}

.brand_rt{width:50%;padding:60px 0 0 25px;position: relative;}
.brand_rt .brand_txt{font-size: 14px;color:#666;line-height: 36px;height:324px;margin:15px 0 20px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:9;}
.brand_rt h3{font-size: 24px;color:#666;}
.brand_rt a{font-size: 14px;color:#cfcfcf;display: block;}
.brand_rt:before{content:"";display: block;width:86px;height:60px;position: absolute;top:0;right:0;background: url(../img/index_03.png) no-repeat center center;}


.wpp{position: relative;width:1366px;max-width:1366px;margin:0 auto;}
.publicTit{text-align: center;padding: 3% 0 2% 0;position: relative;}
.publicTit h2{color: #c17c2e;font-size: 36px;line-height: 1.6;}
.publicTit .wenzi{color: #999;font-size: 18px;line-height: 1.6;text-transform: uppercase;}
.publicTit .wenzi a{color: #999;}
.publicTit .wenzi i{display: inline-block;vertical-align: sub;margin: 0 6px;width: 18px;height: 13px;background: url(../img/tit.png) no-repeat center;}
.publicTit .wenzi span .y{display: none;}
@media only screen and (max-width:1400px ){
.publicTit h2{font-size: 30px;}
}
@media only screen and (max-width:1200px ){
.publicTit h2{font-size: 28px;}
}
@media only screen and (max-width:960px ){
.publicTit h2{font-size: 26px;}
}
@media only screen and (max-width:640px ){
.publicTit h2{font-size: 22px;}
.publicTit .wenzi{font-size: 17px;}
.publicTit .wenzi i{width: 10px;height: 15px;margin: 0 3px;}
.publicTit .wenzi span{display: block;}
.publicTit .wenzi span .y{display: inline-block;}
}
@media only screen and (max-width:480px ){
.publicTit h2{font-size: 20px;}
.publicTit .wenzi{font-size: 14px;}
.publicTit .wenzi i{height: 18px;}
}


.in_about{padding: 4% 2.5%;height:auto;overflow:hidden;}
.in_about_l{position: absolute;float: left;width: 60%;height: 100%;}
.in_about_l .publicTit{text-align: justify;padding-top: 0;}
.in_about_l img{width: 25%;}
.in_about_l .txt{position: relative;color: #333;font-size: 16px;line-height: 28px;text-align: justify;height: 58%;padding-right: 1%;overflow: auto;}
.in_about_l span{position: absolute;left: 0;bottom: 0;display:block;}
.in_about_l span a{width:140px;color: #fff;font-size:14px;text-align:center;line-height:40px;border-radius: 5px;display:block;background: #c17c2e;}
.in_about_r{position: relative;float: right;width: 34%;}
.in_about_r a img{width:100%; height:auto; overflow:hidden}
@media only screen and (max-width:1400px ) {
.in_about{padding: 3% 2.5%;}
.in_about .wpp{ width: 96%;}
.in_about_l,.in_about_r{width: 48%;}
.in_about_l .txt{font-size: 15px;line-height: 25px;height: 50%;}
}
@media only screen and (max-width:1200px ) {
.in_about_l .txt{font-size: 12px;line-height: 19px;height: 48%;}
.in_about_l span{margin-top: 1.8%;}
.in_about_l span a{width: 120px;line-height: 35px;}
}
@media only screen and (max-width:960px ) {
.in_about{padding: 5% 2.5%;}
.in_about_l,.in_about_r{position: relative;width: 100%;float: none;}
.in_about_l .publicTit{text-align: center;}
.in_about_l img{display: block;width: 50%;margin: auto;}
.in_about_l .txt{font-size: 14px;line-height: 24px;margin-top: 5%;padding: 0;height: auto;}
.in_about_l span{position: relative;margin: 5% 0;}
.in_about_l span a{width: 100%;font-size: 16px;line-height: 50px;}
}



.img-cover {
    overflow: hidden;
    position: relative;
}

.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.section {
    padding: 100px 0;
    overflow: hidden;
}

.section-b2 {
    background-color: #f0f0f0;
}

.section .publicTit {
    text-align: left;
    padding-top: 0;
}

.in-prd-menu {
    margin-top: -77px;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.in-prd-menu .hform {
    float: right;
    position: relative;
    margin-left: 10px;
}

.in-prd-menu .hform input {
    display: block;
    padding: 11px 58px 11px 15px;
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    width: 150px;
}

.in-prd-menu .hform button {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    width: 44px;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: url(../images/901_top9.png) center no-repeat #c17c2e;
}

.in-prd-menu ul {
    float: right;
    margin: -10px 0 0 -10px;
}

.in-prd-menu li {
    float: left;
}

.in-prd-menu li a {
    display: block;
    line-height: 44px;
    font-size: 16px;
    padding: 0 16px;
    background-color: #363e45;
    color: #fff;
    margin: 10px 0 0 10px;
}

.in-prd-menu li.active a {
    background-color: #c17c2e;
}

.list-1 {
    margin: -50px 0 0 -20px;
    font-size: 0;
    padding-bottom: 28px;
}

.list-1 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 33.333333%;
}

.list-1 li a {
    display: block;
    padding: 20px 20px 50px;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin: 50px 0 0 20px;
    position: relative;
}

.list-1 li .img-cover {
    padding-top: 66%;
}

.list-1 li .text {
    line-height: 40px;
    font-size: 18px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.list-1 li .desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #888;
}

.list-1 li .more {
    border: 4px solid #f0f0f0;
    background: #ffffff;
    line-height: 42px;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #b3b3b3;
    font-size: 12px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    left: 50%;
    bottom: -28px;
    margin-left: -28px;
}

.list-1 li a:hover {
    //background-color: #c17c2e;
    background-color: rgba(193,124,46,.8);
    color: #fff;
}

.list-1 li a:hover .img-cover span {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.list-1 li a:hover .more {
    background-color: #c17c2e;
    color: #fff;
    border-color: #c17c2e;
}

.list-1-1 .img-cover {
    margin: -20px -20px 0 -20px;
}



.news_cont{padding-bottom:30px;}
.news_list{float: left;width:48%;margin:0  4% 40px 0;padding:10px;}
.news_cont .news_list:nth-child(2n){margin-right:0;}
.news_list dl{background: #f9f9f9;padding:30px 30px;border-bottom:3px solid transparent;}
.news_list dl dt{width:65px;float:left;text-align: right;font-weight: normal;}
.news_list dl dt b{display: block;font-size: 22px;line-height: 20px;height:20px;}
.news_list dl dt span{display: block;font-size: 14px;color:#666;margin:10px 0 12px;}
.news_list dl dt i{display: block;width:55px;border-bottom:1px solid #ddd;float: right;}
.news_list dl dd{margin-left:100px;}
.news_list dl dd h3 a{display: block;font-size: 18px;line-height: 20px;height:20px;color:#333;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.news_list dl dd .news_txt{font-size: 14px;color:#666;line-height: 30px;height:90px;margin:10px 0 15px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3}
.news_list dl dd a{font-size: 12px;color:#999;}

.section_four{margin-bottom:15px;background:#f9f9f9;}
.text_cont{padding-bottom:30px;}
.text_cont img{max-width:100%;height:auto!important;}


.fourBg{position: absolute;top:0;left:50%;width:1920px;margin-left:-960px;height:365px;}
.contact_list li{float:left;width:33.33%;text-align: center;}
.contact_list li span{display: block;width:80px;height:80px;border-radius: 50%;text-align: center;margin:0 auto;background: #666;}
.contact_list li p{font-size: 14px;color:#666;margin-top:15px;}
.contact_list{padding-bottom:70px;}
.contact_list li span img{max-width: 100%;max-height: 100%;}

.footer{background: #f9f9f9;padding:45px 0;}
.footNav{display: inline-block;vertical-align: top;width:80%;}
.footNav li{display: inline-block;width:23%;text-align: left;vertical-align: top;}
.footNav li a{display: block;font-size: 14px;color:#666;line-height: 30px;}
.footNav li h3 a{font-size: 16px;color:#333;margin-bottom:5px;}
.footNav li a:hover{color:#c17c2e;}
.footNa dt{width:140px;height:140px;text-align: center;}
.footNa dd{font-size: 14px;color:#666;line-height: 22px;margin-top:5px;}
.footNa dt img{max-width: 100%;max-height: 100%;}

.link{border:1px solid #ebebeb;/*margin-top:25px;*/padding:10px 15px;}
.link li  {color:#999;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}
.link li a{color:#999;font-size: 14px;}
.link li a:hover{color:#c17c2e;}

.copy{background: #c17c2e;padding:10px 0;font-size: 14px;color:#fff;}
.copy a{ font-size: 14px;color:#fff;}

.model-dectil-bottom{height:auto;overflow: hidden;}

/*pc端内页*/
.content_111color .quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox img{max-width: none;max-height: none;}
.content_111color .updown_fenlei .cont_nav .one .o_li a.ez_a {color: #fff;background: #c17c2e;font-weight: bold;text-align: left;}
.content_111color .updown_fenlei .cont_nav .one .o_li a.ez_a  i{background: url(../img/icon4_h.png) center no-repeat;background-size: 100% auto;}
.content_111color  .updown_fenlei .cont_nav .one .o_li:hover .one_a,.content_106color  .updown_fenlei .cont_nav .one .o_li a.ez{background: #c17c2e;}
.content_111color  .updown_posnav .nav_item a:hover,.content_106color  .updown_posnav .nav_item a.on{color: #c17c2e;}
.content_111color  .model-textlist-four ul li a:hover{background: #c17c2e;}
.content_111color  .model-textlist-four ul li .textlist-r dd{color: #333;}
.content_111color .model_page a.current,.content_106color .model_page a:hover {color: #c17c2e;border-bottom: 1px solid #c17c2e;}
.content_111color #model_contant_main .model_dec_adress a:hover {color: #c17c2e;}
.content_111color .model-dectil-bottom .model-dectil-chose a:hover {color: #c17c2e;}
.content_111color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border-bottom:1px solid #c17c2e;background-color: #c17c2e;}
.content_111color .model-textlist-one ul li:hover{border-bottom:1px solid #c17c2e;}
.content_111color .model-textlist-one ul li:hover dt{color: #c17c2e;}
.content_111color .model-textlist-two ul li a:hover .textlist-l dt{color: #c17c2e;}
.content_111color .model-textlist-two ul li a:hover .textlist-l p{color: #c17c2e;}
.content_111color .model-textlist-two ul li a:hover .newtime{background: #c17c2e;}
.content_111color .model-textlist-three ul li a:hover, .content_106color .model-textlist-three ul li a:hover dt{color: #c17c2e;}
.content_111color .model-textlist-three ul li a:before{background: #c17c2e;}
.content_111color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #c17c2e;}
.content_111color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #c17c2e;}
.content_111color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #c17c2e;}
.content_111color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #c17c2e;}
.content_111color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #c17c2e;}
.content_111color .model-imgtextlist-four ul li .imgtextlist-text dd{color: #fff;}
.content_111color .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #fff;}
.content_111color .model-imglist-two ul li .pimg em span{background-color: #c17c2e;}
.content_111color .model-imglist-two ul li a:hover p{background: #c17c2e;}
.content_111color .model-imglist-three ul li a:hover{border:1px solid  #c17c2e;}
.content_111color .model-imglist-three ul li a:hover p{color:  #c17c2e;}
.content_111color .model_seach .model-seachdiv form .seabtn{background:  #c17c2e;}
.content_111color .model-textlist-three ul li a:before{background:  #c17c2e;}
.content_111color .model-dectil-img .slick-dots li button{border:1px solid   #c17c2e;}
.content_111color .model-dectil-img .slick-dots li.slick-active button{background:   #c17c2e;}
.content_111color  .model-textlist-four ul li a:hover{background:   #c17c2e!important;}
.content_111color  .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;}
.content_111color  .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on {color:#c17c2e;}


/*手机端内页*/
.content_111color .model-classify .model-classify-posnav {background: #c17c2e;}
.content_111color .model-classify-nav .one .o_li a.ez{color:#c17c2e}
.content_111color .model-classify-nav .second a.sen_x{color:#c17c2e}
.content_111color .model-classify-nav .second a.sen_x:before{background:#c17c2e}
.content_111color .model-phone-page span i{color:#c17c2e;}
.content_111color .model-fixed{background:#c17c2e;}
.content_111color .model-leftnav-top{background:#c17c2e;}
.model-leftnav-main .nnav .yiji dl img{display: block;}
.model-leftnav-main .nnav .yiji.xz a.ce{color:#c17c2e}



@media screen and (max-width: 767px) {
    .section {
        padding: 30px 0;
    }

    .section .publicTit {
        text-align: center;
    }

    .in-prd-menu {
        margin: 20px 0;
    }

    .in-prd-menu .hform {
        float: none;
        margin: 0 0 10px;
    }

    .in-prd-menu .hform input {
        padding: 7px 50px 7px 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .in-prd-menu .hform button {
        height: 36px;
    }

    .in-prd-menu ul {
        float: none;
    }

    .in-prd-menu li {
        width: 50%;
    }

    .in-prd-menu li a {
        text-align: center;
        font-size: 14px;
        line-height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .list-1 {
        margin: -30px 0 0 -10px;
    }

    .list-1 li {
        width: 50%;
    }

    .list-1 li a {
        margin: 30px 0 0 10px;
        padding: 10px 10px 30px 10px;
    }

    .list-1 li .text {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 10px;
    }

    .list-1 li .desc {
        font-size: 12px;
        margin-top: 5px;
    }

    .list-1 li .more {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-left: -24px;
        bottom: -24px;
    }

    .list-1-1 .img-cover {
        margin: -10px -10px 0;
    }

    .section_three .publicTit,
    .section_four .publicTit {
        padding: 10% 0 6%;
    }

    .nav-sub {
        margin: -5px 0 20px -5px;
    }

    .nav-sub li {
        width: 25%;
    }

    .nav-sub li a {
        margin: 5px 0 0 5px;
        font-size: 12px;
        padding: 0 10px;
        line-height: 32px;
    }

    .list-2-1 {
        margin: -10px 0 0 -10px;
    }

    .list-2-1 li {
        width: 50%;
    }

    .list-2-1 li a {
        margin: 10px 0 0 10px;
    }

    .list-2-1 li .text {
        font-size: 14px;
        line-height: 36px;
        padding: 0 10px;
    }
}