@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
    html,body {
        font-size:33.75px;
    }
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
    html,body {
        font-size:30px;
    }
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
    html,body {
        font-size:25px;
    }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
    html,body {
        font-size:22.5px;
    }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    html,body {
        font-size:20px;
    }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
    html,body {
        font-size:18.75px;
    }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
    html,body {
        font-size:16.875px;
    }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
    html,body {
        font-size:15px;
    }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
    html,body {
        font-size:12.9375px;
    }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
    html,body {
        font-size:12.5px;
    }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
    html,body {
        font-size:11.71875px;
    }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
    html,body {
        font-size:11.25px;
    }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
    html,body {
        font-size:10px;
    }
}
@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
    html,body {
        font-size:7.5px;
    }
}
@media only screen and (max-width: 54rem), only screen and (max-device-width:54rem) {
    html,body {
        font-size:1.6875rem;
    }
}
@media only screen and (max-width: 48rem), only screen and (max-device-width:48rem) {
    html,body {
        font-size:1.5rem;
    }
}
@media only screen and (max-width: 40rem), only screen and (max-device-width:40rem) {
    html,body {
        font-size:1.25rem;
    }
}
@media only screen and (max-width: 36rem), only screen and (max-device-width:36rem) {
    html,body {
        font-size:1.125rem;
    }
}
@media only screen and (max-width: 32rem), only screen and (max-device-width:32rem) {
    html,body {
        font-size:1rem;
    }
}
@media only screen and (max-width: 30rem), only screen and (max-device-width:30rem) {
    html,body {
        font-size:0.9375rem;
    }
}
@media only screen and (max-width: 27rem), only screen and (max-device-width:27rem) {
    html,body {
        font-size:0.84375rem;
    }
}
@media only screen and (max-width: 24rem), only screen and (max-device-width:24rem) {
    html,body {
        font-size:0.75rem;
    }
}
@media only screen and (max-width: 20.7rem), only screen and (max-device-width:20.7rem) {
    html,body {
        font-size:0.646875rem;
    }
}
@media only screen and (max-width: 20rem), only screen and (max-device-width:20rem) {
    html,body {
        font-size:0.625rem;
    }
}
@media only screen and (max-width: 18.75rem), only screen and (max-device-width:18.75rem) {
    html,body {
        font-size:0.5859375rem;
    }
}
@media only screen and (max-width: 18rem), only screen and (max-device-width:18rem) {
    html,body {
        font-size:0.5625rem;
    }
}
@media only screen and (max-width: 16rem), only screen and (max-device-width:16rem) {
    html,body {
        font-size:0.5rem;
    }
}
@media only screen and (max-width: 12rem), only screen and (max-device-width:12rem) {
    html,body {
        font-size:0.375rem;
    }
}
@media only screen and (max-width: 54rem), only screen and (max-device-width:54rem) {
    html,body {
        font-size:0.54rem;
    }
}
@media only screen and (max-width: 48rem), only screen and (max-device-width:48rem) {
    html,body {
        font-size:0.4800000000000001rem;
    }
}
@media only screen and (max-width: 40rem), only screen and (max-device-width:40rem) {
    html,body {
        font-size:0.4rem;
    }
}
@media only screen and (max-width: 36rem), only screen and (max-device-width:36rem) {
    html,body {
        font-size:0.36rem;
    }
}
@media only screen and (max-width: 32rem), only screen and (max-device-width:32rem) {
    html,body {
        font-size:0.32rem;
    }
}
@media only screen and (max-width: 30rem), only screen and (max-device-width:30rem) {
    html,body {
        font-size:0.3rem;
    }
}
@media only screen and (max-width: 27rem), only screen and (max-device-width:27rem) {
    html,body {
        font-size:0.27rem;
    }
}
@media only screen and (max-width: 24rem), only screen and (max-device-width:24rem) {
    html,body {
        font-size:0.24000000000000005rem;
    }
}
@media only screen and (max-width: 20.7rem), only screen and (max-device-width:20.7rem) {
    html,body {
        font-size:0.207rem;
    }
}
@media only screen and (max-width: 20rem), only screen and (max-device-width:20rem) {
    html,body {
        font-size:0.2rem;
    }
}
@media only screen and (max-width: 18.75rem), only screen and (max-device-width:18.75rem) {
    html,body {
        font-size:0.1875rem;
    }
}
@media only screen and (max-width: 18rem), only screen and (max-device-width:18rem) {
    html,body {
        font-size:0.18rem;
    }
}
@media only screen and (max-width: 16rem), only screen and (max-device-width:16rem) {
    html,body {
        font-size:0.16rem;
    }
}
@media only screen and (max-width: 12rem), only screen and (max-device-width:12rem) {
    html,body {
        font-size:0.12000000000000002rem;
    }
}
@media only screen and (max-width: 90rem), only screen and (max-device-width:90rem) {
    html,body {
        font-size:0.9rem;
    }
}
@media only screen and (max-width: 80rem), only screen and (max-device-width:80rem) {
    html,body {
        font-size:0.8000000000000002rem;
    }
}
@media only screen and (max-width: 66.66666666666667rem), only screen and (max-device-width:66.66666666666667rem) {
    html,body {
        font-size:0.6666666666666666rem;
    }
}
@media only screen and (max-width: 60rem), only screen and (max-device-width:60rem) {
    html,body {
        font-size:0.6rem;
    }
}
@media only screen and (max-width: 53.333333333333336rem), only screen and (max-device-width:53.333333333333336rem) {
    html,body {
        font-size:0.5333333333333333rem;
    }
}
@media only screen and (max-width: 50rem), only screen and (max-device-width:50rem) {
    html,body {
        font-size:0.5rem;
    }
}
@media only screen and (max-width: 45rem), only screen and (max-device-width:45rem) {
    html,body {
        font-size:0.45rem;
    }
}
@media only screen and (max-width: 40rem), only screen and (max-device-width:40rem) {
    html,body {
        font-size:0.4000000000000001rem;
    }
}
@media only screen and (max-width: 34.5rem), only screen and (max-device-width:34.5rem) {
    html,body {
        font-size:0.345rem;
    }
}
@media only screen and (max-width: 33.333333333333336rem), only screen and (max-device-width:33.333333333333336rem) {
    html,body {
        font-size:0.3333333333333333rem;
    }
}
@media only screen and (max-width: 31.25rem), only screen and (max-device-width:31.25rem) {
    html,body {
        font-size:0.3125rem;
    }
}
@media only screen and (max-width: 30rem), only screen and (max-device-width:30rem) {
    html,body {
        font-size:0.3rem;
    }
}
@media only screen and (max-width: 26.666666666666668rem), only screen and (max-device-width:26.666666666666668rem) {
    html,body {
        font-size:0.26666666666666666rem;
    }
}
@media only screen and (max-width: 20rem), only screen and (max-device-width:20rem) {
    html,body {
        font-size:0.20000000000000004rem;
    }
}
@media only screen and (max-width: 90rem), only screen and (max-device-width:90rem) {
    html,body {
        font-size:0.9rem;
    }
}
@media only screen and (max-width: 80rem), only screen and (max-device-width:80rem) {
    html,body {
        font-size:0.8000000000000002rem;
    }
}
@media only screen and (max-width: 66.66666666666667rem), only screen and (max-device-width:66.66666666666667rem) {
    html,body {
        font-size:0.6666666666666666rem;
    }
}
@media only screen and (max-width: 60rem), only screen and (max-device-width:60rem) {
    html,body {
        font-size:0.6rem;
    }
}
@media only screen and (max-width: 53.333333333333336rem), only screen and (max-device-width:53.333333333333336rem) {
    html,body {
        font-size:0.5333333333333333rem;
    }
}
@media only screen and (max-width: 50rem), only screen and (max-device-width:50rem) {
    html,body {
        font-size:0.5rem;
    }
}
@media only screen and (max-width: 45rem), only screen and (max-device-width:45rem) {
    html,body {
        font-size:0.45rem;
    }
}
@media only screen and (max-width: 40rem), only screen and (max-device-width:40rem) {
    html,body {
        font-size:0.4000000000000001rem;
    }
}
@media only screen and (max-width: 34.5rem), only screen and (max-device-width:34.5rem) {
    html,body {
        font-size:0.345rem;
    }
}
@media only screen and (max-width: 33.333333333333336rem), only screen and (max-device-width:33.333333333333336rem) {
    html,body {
        font-size:0.3333333333333333rem;
    }
}
@media only screen and (max-width: 31.25rem), only screen and (max-device-width:31.25rem) {
    html,body {
        font-size:0.3125rem;
    }
}
@media only screen and (max-width: 30rem), only screen and (max-device-width:30rem) {
    html,body {
        font-size:0.3rem;
    }
}
@media only screen and (max-width: 26.666666666666668rem), only screen and (max-device-width:26.666666666666668rem) {
    html,body {
        font-size:0.26666666666666666rem;
    }
}
@media only screen and (max-width: 20rem), only screen and (max-device-width:20rem) {
    html,body {
        font-size:0.20000000000000004rem;
    }
}
header,ul,p{padding: 0;margin: 0;}
h1,h2,h3,h4,h5.h6{font-family: 宋体, 黑体;font-weight: bold;padding: 0;margin: 0;}
ul,li,header{list-style: none;padding: 0;margin: 0;}
a{text-decoration: none;font-size: 1rem;color: #000000;}
a:hover{text-decoration: none}
body{font-family: 微软雅黑;padding-top:4rem}
.f-l{float: left}
.f-r{float: right}

.dis{display:none;}
.nlist{margin:0;padding:0;list-style:none}
.nlist li{line-height:2.5rem;height:2.5rem;border-bottom:1px dashed #ccc;font-family:arial;}
.nlist li span{float:right;}
.nlist li dl{margin:0;*margin:-1.1666666666666667rem 0 0 0;padding:0;}
.nlist li dl dt{line-height:2.5rem;height:2.5rem;border-bottom:1px dashed #ccc;}
.nlist b{font-family:"宋体";font-weight:normal;}

.nlists ul{margin:0;padding:0;list-style:none}
.nlists ul li{line-height:2.5rem;height:2.5rem;border-bottom:1px dashed #ccc;font-family:arial;}
.nlists ul li span{float:right;}

.smallpic{border:1px solid #ccc;padding:0.16666666666666666rem;background:#fff;}
#marqueeboxa{height:25rem;overflow:hidden;margin:0.8333333333333334rem 0 0 0;clear:both;width:61.666666666666664rem;}

.List{margin:0;padding:0;list-style:none;}
.List li{line-height:2.5rem;height:2.5rem;border-bottom:1px dashed #ccc;}
.List li span{float:right;color:#999;}
.List li b{font-family:"宋体";font-weight:normal;}

.List_page{text-align:center;margin:0.6666666666666666rem;font-family:"宋体";clear:both;}
.List_page a{background:#fff;margin:0.08333333333333333rem;padding:0.3333333333333333rem 0.5rem;border:1px solid #7CBBED;color:#333;font-family:"宋体";}
.List_page span{background:#7CBBED;color:#fff;margin:0.08333333333333333rem;padding:0.3333333333333333rem 0.5rem;border:1px solid #7CBBED;font-family:"宋体";}
.clear{clear:both;}
.news_title{margin:0.4166666666666667rem 0;padding:0;text-align:center;font-size:1.3333333333333333rem;}
.news_info{text-align:center;color:#999;border:1px solid #e1e1e1;border-left:0;border-right:0;margin:0.8333333333333334rem 0;padding:0.4166666666666667rem 0;}
#art_content{word-break:break-all;font-size:1.0833333333333333rem;padding:0 0 0.8333333333333334rem 0;}
#art_content img{max-width:62.5rem;}
.news_pre{margin:0.8333333333333334rem 0 0.4166666666666667rem 0;clear:both;}
.c9{color:#999;}



.bgcolor{background: #f4f4f4;}
.bg-color h2{margin-top: 1.6666666666666667rem}
.bg-color h1{margin-top: 1.6666666666666667rem}
.custom-box{margin: 4.166666666666667rem auto;font-family: 'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun';}
.custom-box a{color: #000000;font-weight: normal}
.custom-box .bg-color{background: #ffffff;padding: 0 1.6666666666666667rem}
.custom-box h2 a{font-size: 1.5rem;font-weight: bold;}
.text-lists>dd>h2{padding-bottom: 0.8333333333333334rem}
.text-lists>dd>.summary{padding-bottom: 0.8333333333333334rem;color: #8e959a;font-size: 1.1666666666666667rem;}
.text-lists>dd{padding-bottom: 0.8333333333333334rem;}
.text-lists>dd>ul>li{float: left;padding-right: 0.8333333333333334rem;}
.news-box .company-info dt a{color: #000000;font-size: 1.1666666666666667rem;}
.news-box .row{margin-bottom: 1.6666666666666667rem;}
.news-box .news-list a{font-weight: bold}
.news-box h2{margin-top: 1.6666666666666667rem;}
.news-box h3{font-size: 1.3333333333333333rem;font-weight: bold;margin-top: 1.6666666666666667rem;}
.news-hot h3{border-left: 3px solid red;padding-left: 1.6666666666666667rem;}
.news-hot li{padding: 0.6666666666666666rem 0;}
.news-hot li:last-child{padding-bottom: 1.6666666666666667rem;}
.thumbnail img{width: 80%;}
.cons-infos li{float: left;padding-right: 1.6666666666666667rem;}



.scroll-box{position:relative;width: 100%;height: 100%;overflow: hidden}
.scroll-box ul{position:absolute;text-align: center;top:0;left: 0;}
.scroll-box a{display: block;height: 90%}
.img-box{height: 12rem}
.product-img{height:20rem;}
.scroll-box .thumbnail:hover span{animation: am-img 0.5s ease both}
@keyframes am-img {
    0%{background-size: 100% 100%;}
    100%{background-size: 120% 120%;}
}



.main-title1{display: inline-block;border: 4px solid #bc9e5c;color: #bf9f5c;width: 18.333333333333332rem;height: 5rem;text-align: center;}
.main-title1 h2{font-size:2rem;display: inline-block;background: rgba(255,255,255,1);position: relative;top:-1rem;padding: 0 0.8333333333333334rem}
.main-title1 p{font-size: 1.3333333333333333rem;}



.nav{height:4rem;line-height: 4rem;background: #321004;position: fixed;top:0;width: 100%;z-index: 10001;}
.web-name{background: url("../images/logo.png")no-repeat left center/auto 100%;height:4rem}
.nav ul li{float: left;width: 16.6%;}
.nav ul li a{display: block;color: #ffffff;font-size: 0.8rem;text-align: center}
.nav .active a{background: #bda05a;}
.web-nav li:hover a{background: #bda05a;}



.main-one{padding-top:6rem;}
.main-one .thumbnail{border: none;margin:1.6666666666666667rem 0;}
.phone-i{display: inline-block;width: 6.666666666666667rem;height: 4.333333333333333rem;background: url("../images/ry_11.png")no-repeat top center/100% 100%;vertical-align: middle}
.title-hd{font-size: 2.1666666666666665rem;color: #2f0f02;font-weight: bold;vertical-align: middle;margin: 0 10px}



.main-two{margin-top: 4.166666666666667rem}
.pro-lists{margin:2.5rem 0;}
.pro-lists li{display: inline-block;width: 9.166666666666666rem;height: 2.5rem;line-height: 2.5rem;margin: 0 0.8333333333333334rem;}
.pro-lists li a{display: block;background: #bda05c;color: #ffffff;font-size: 12px}



.main-three{background: #efefef;padding-top: 0.8333333333333334rem}
.procons li{height: 240px;}



.main-four{padding-top: 4.166666666666667rem;background: #210c07;}
.main-four .main-title1 h2{background: #210c07;}
.about-list{padding: 2.0833333333333335rem 0;}
.about-list li a{display: inline-block;background: #bda05c;color: #ffffff;width: 10rem;height:2.5rem;line-height: 2.5rem;font-size: 1.3333333333333333rem;}
.main-four .thumbnail{background: none;border: none;}
.main-four .thumbnail img{box-shadow: 0.8333333333333334rem 0.8333333333333334rem 0.16666666666666666rem #fff}
.about-info{color: #000000;padding:1.6666666666666667rem;background: #bda05c;position: relative;left: -6.666666666666667rem;top:1.6666666666666667rem}
.about-info h3{font-size: 1.3333333333333333rem;}
.about-cons{}
.about-info .about-hr{width: 4.166666666666667rem;height: 0.3333333333333333rem;background: #000000;display: inline-block;margin: 0.4166666666666667rem 0;}
.about-a{display: inline-block;width: 6.666666666666667rem;height: 2.5rem;background: #836b3f;color: #ffffff;text-align: center;line-height: 2.5rem;font-size: 1.3333333333333333rem;margin-top: 1rem}
.triangle{width:0;height:0;border-left:40px solid transparent;
    border-right:40px solid transparent;
    border-bottom:40px solid #bda05c;
    transform:rotate(-90deg);position: absolute;left: -6rem;top:3.75rem;
}



.main-five{padding: 4.166666666666667rem 0;}
.main-five .scroll-box{margin: 2.0833333333333335rem 0;height: 20rem}
.main-five .thumbnail{padding: 0;border: none;background: #bda05c;}
.about-d{display: inline-block;font-size: 1.5rem;color: #bb9e5c;border: 1px solid #bb9e5c;width: 13.333333333333334rem;height: 3.3333333333333335rem;line-height: 40px}
.case-cons li a{height: 20rem}



.main-six{background: #321004;padding: 4.166666666666667rem 0;}
.main-six .main-title1 h2{background: #321004;}
.main-six{color: #bda05c;}
.main-six h4{color: #bda05c;margin: 0.8333333333333334rem 0;}
.main-six a{color: #bda05c;}
.main-six .thumbnail{padding: 0;margin: 0;border: none;background: none}
.news-lists{padding-top: 4.166666666666667rem}
.news-lists li{padding: 0.4166666666666667rem 0;}
.news-lists li span{float: right;padding-right: 50px}



.main-seven{padding:3.75rem;}
.main-seven p{font-size: 1.6666666666666667rem;padding: 1rem 0;}



.footer{background: #321004;padding: 2.0833333333333335rem 0;color: #ffffff}
.footer h3{color: #bda05a;margin-bottom: 1.6666666666666667rem;}
.footer a{color: #ffffff}
.footer ul{width: 12.5rem;}
.footer ul li{display: inline-block;padding:0 1.6666666666666667rem 0.8333333333333334rem 0;}