html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {
    padding: 0;
    margin: 0;       
}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
 input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

html {font-size:calc(100vw/360 * 100);} 
body {font-size: 0.14rem;overflow-x:hidden;}

textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{margin:0 auto;width: 94%}

.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.overflow{overflow: hidden;}


html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}

#sidebar {
    width: 0%;
    height: 100%;
    background: #050001;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 0.49rem;
    border-bottom: 1px solid #111;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 0.25rem;
    height: 0.49rem;
    line-height: 0.49rem;
    
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

#close{position: absolute;right:0.1rem;top:0.1rem;}
#close img{height:0.15rem;}

li.navitem{
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
body.open #sidebar{width:70%} 
body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}

.h80{height:1.05rem;}
.foot{width: 100%;background:#050001;height: 0.65rem;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
.foot a{display: block;text-align: center;color: #fff;width: 20%;padding-top:0.38rem;font-size:0.14rem;}
.foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 0.1rem;background-size: auto 0.25rem;float: left;}
.foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 0.1rem;background-size: auto 0.23rem;float: left;}
.foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 0.1rem;background-size: auto 0.23rem;float: right;}
.foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 0.1rem;background-size: auto 0.23rem;float: right;}
.totop{position: absolute;top:-50%;left:50%;transform: translateX(-50%);}
.totop img{height: 0.75rem}

.ss{width:0;height:35px;position:absolute;left:0;top:50px;overflow:hidden;z-index:7;}
.ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#b30000;border:none;color:#fff;border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:15px;}


header{padding:0.15rem 0;background:#fff;position: relative;}
header .search img{height: 0.25rem}
header .logo img{height: 0.42rem}
header .nav img{height: 0.22rem}
header .logo{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 60%;text-align: center;}

.bg{background:#fafafa;}
.sec1_list {
    background: #fff url(../images/sec1.png) no-repeat center left;background-size: 1rem;
    height:0.4rem;
    line-height:0.4rem;
    padding-left:1.1rem;
}
.sec1_news{height:0.4rem;line-height:0.4rem;}
.sec1_news a{color: #222222;padding-right: 0.2rem}
.sec2_list ul{display:none}

.title{background: url('../images/bor.jpg') no-repeat center left 0.05rem;padding-left:0.17rem;margin-bottom: 0.1rem;background-size:auto  0.2rem}
.sec_type a{color: #666666;font-size: 0.16rem;margin-right: 0.3rem}

.section{margin-bottom:0.15rem;background:#fff;padding:0.1rem 0.1rem;}
.ads{margin-bottom:0.15rem;}
.section2{margin-top: 0.1rem}
.sec_type a.active{color: #222222;font-weight: bold;}
.sec2_list{padding-top:0.05rem;border-top:1px solid #e5e5e5;}
.sec2_list li{font-size: 0.14rem;color: #222222;line-height:0.4rem;border-bottom: 1px solid #eeeeee}
.sec2_list li a{color: #222222;display: block;width: calc(100% - 0.5rem);float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec2_list li span{display: block;width:0.5rem;text-align: right;float: right;color: #666666;}

.title {position: relative;}
.title i{font-size:0.2rem;color: #222222;font-style: normal;position: relative;z-index: 1;}
.title span{color: #d3d3d3;font-size:0.3rem;position: absolute;bottom:2px;left:0.17rem;line-height: 1;font-family: 宋体;letter-spacing:-1px;font-weight: bold;display: none}
.title a.more{display: block;float: right;font-size:0.14rem;color: #a60d04;background:url('../images/more.png') no-repeat center right;padding-right:0.15rem;line-height: 0.3rem;background-size: 0.1rem}

.sec4_bt{color: #222222;font-size: 0.14rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 0.35rem;}


.sec4_pic{position:relative;width:100%;height:0;padding-top:121%;}
.sec4_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.sec5_list{padding-top:0.05rem;border-top:1px solid #e5e5e5;}
.sec5_list li{font-size: 0.14rem;color: #222222;line-height:0.4rem;border-bottom: 1px solid #eeeeee}
.sec5_list li a{color: #222222;display: block;width: calc(100% - 0.5rem);float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec5_list li span{display: block;width:0.5rem;text-align: right;float: right;color: #666666;}


.section6 a{font-size: 0.15rem;color: #a60d04;display: block;width: 25%;text-align: center;float: left;padding-top:0.35rem;}

.section6 .sec5_li1{background:url('../images/icon1.png') no-repeat center top;background-size: auto 0.3rem}
.section6 .sec5_li2{background:url('../images/icon2.png') no-repeat center top;background-size: auto 0.3rem}
.section6 .sec5_li3{background:url('../images/icon3.png') no-repeat center top 0.02rem;background-size: auto 0.28rem}
.section6 .sec5_li4{background:url('../images/icon4.png') no-repeat center top 0.02rem;background-size: auto 0.28rem}

.sec7_list li{position: relative;margin-bottom:0.15rem;}
.sec7_pic{width: 35%}
.sec7_pic a{position:relative;width:100%;height:0;padding-top:83%;display: block;}
.sec7_right{width: 62%;position:absolute;top:50%;transform: translateY(-50%);right: 0; }
.sec7_tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222222;font-size: 0.15rem;}
.sec7_jian{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #777777;line-height:1.7;font-size: 0.12rem;margin-top:0.03rem;}
.sec7_bot a{display: block;float:right;width: 0.5rem}
.sec7_bot span{display: block;float: left;color: #777777;font-size: 0.13rem;}
.sec7_bot{margin-top:0.03rem;line-height: 0.2rem;}

.sec7_list{border-top:1px solid #e5e5e5;padding-top:0.15rem;}

.sec8_list ul{display: none}

.sec8_list{border-top:1px solid #e5e5e5;padding-top:0.15rem;}
.sec8_list li{width: 48%}
.sec8_list li:nth-child(2n+1){float: left;}
.sec8_list li:nth-child(2n){float: right;}

.sec8_bt{text-align: center;color: #3a3a3a;font-size: 0.14rem;line-height: 1.5;margin-top: 0.03rem}

.sec9_list{border-top:1px solid #e5e5e5;padding-top:0.15rem;}
.sec9_list li{width: 48%}
.sec9_list li:nth-child(2n+1){float: left;}
.sec9_list li:nth-child(2n){float: right;}


.sec9_pic{position:relative;width:100%;height:0;padding-top:69%;}
.sec9_bt{text-align: center;color: #222222;line-height: 2;font-size: 0.14rem;padding:0.05rem 0 0.1rem;}

.lanmu{font-size: 0.18rem;color: #222222}
.lanmu span{color: #a60d04;text-transform:uppercase;font-size: 0.12rem;}
.type{padding:0.2rem 0 0.1rem;}
.type a{display: inline-block;height: 0.32rem;line-height: 0.3rem;border:1px solid #959595;border-radius: 20px;text-align: center;color: #222222;font-size: 0.13rem;padding:0 0.1rem;margin:0 1% 0.1rem}
.type a.active{background:#a60d04;color: #fff;border:1px solid #a60d04;}

.about1{color: #222222;line-height:1.8;font-size: 0.14rem;padding-bottom: 0.25rem}
.about1_des{text-align: center;margin-top: 0.2rem}
.about1_des p{background: #a60d04;font-size: 0.14rem;color: #fff;line-height: 0.4rem;padding:0 0.1rem;border-radius: 20px;display: inline-block;text-align: center;}

.about2,.about3{color: #222222;line-height:1.8;font-size: 0.14rem;}
.about3{padding-bottom: 0.3rem}

.about2_pic2{width: 90%;margin:0 auto;padding-bottom: 0.2rem}

.user_list li{width: 48%;margin-bottom: 0.2rem}
.user_list li:nth-child(2n+1){float: left;}
.user_list li:nth-child(2n){float: right;}
.user_tit{text-align: center;color: #222222;font-size: 0.16rem;margin-top: 0.08rem}
.user_tit span{color: #222222;font-size: 0.14rem;}
.user_jian{color: #777777;font-size: 0.12rem;line-height: 1.7;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 0.05rem;height: 0.6rem}


.user_pic{position:relative;width:100%;height:0;padding-top:121%;}
.user_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

#gengduo_button{font-size: 0.13rem;color: #222222;width: 1rem;height: 0.32rem;line-height: 0.31rem;border:1px solid #222222;display: block;margin:0.1rem auto;text-align: center;text-transform: uppercase;}

.product,.news{padding-bottom: 0.35rem}


.prod_list li{width: 48%;margin-bottom: 0.1rem}
.prod_list li:nth-child(2n+1){float: left;}
.prod_list li:nth-child(2n){float: right;}
.prod_bt{text-align: center;color: #222222;font-size:0.15rem;line-height: 2.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.prod_pic{position:relative;width:100%;height:0;padding-top:70%;}
.tanchu{width:120px;height:40px;margin:0 auto;background:rgba(0,0,0,0.7);text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:40px;border-radius:4px}

.news_list{padding-bottom: 0.05rem}
.news_list2{padding-bottom: 0.2rem}
.news_list2 li{padding:0.15rem 0;border-bottom: 1px dashed #e5e5e5;}
.news_list2 li .date{width:0.75rem;height:0.7rem;background:#eeeeee;float: left;padding-top: 0.1rem}
.news2_right{width: calc(100% - 0.9rem);float: right;}
.news2_tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222222;font-size: 0.16rem;}
.news2_jian{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.12rem;color: #777777;line-height: 1.7;margin-top:0.03rem;}
.date{text-align: center;}
.date .d{font-size: 0.25rem;color: #666666;font-weight: bold;line-height: 1;}
.date .ym{color: #666666;font-size: 0.14rem;margin-top: 0.05rem;display: block;}

.details_pic{width: 90%;margin:0 auto;text-align: center;}
.details_tit{text-align: center;color: #222222;padding:0.1rem 0 0.15rem;font-size: 0.18rem;}
.details_nr{background: url(../images/xq.png) no-repeat center top;color: #222222;padding: 0.2rem 3%;line-height: 2;font-size:0.14rem;}
.fenye{padding: 0.2rem 0 0.3rem}
.fenye li{color: #434343;font-size: 0.14rem;height: 0.35rem;line-height: 0.35rem;}
.fenye li a{color: #434343;font-size: 0.14rem;display: block;height: 0.35rem;line-height: 0.35rem;}
.fenye li.left a{background:url('../images/left.jpg') no-repeat center left;padding-left: 0.8rem;background-size: 0.65rem 0.35rem}
.fenye li.right a{background:url('../images/right.jpg') no-repeat center right;padding-right: 0.8rem;background-size: 0.65rem 0.35rem}

.mes_tit{color: #222222;font-size: 0.16rem;text-align: center;padding: 0.1rem 0 0.2rem}

.mes_nr li{width: 48.5%;padding-left:0.15rem;margin-bottom:0.15rem;}
.mes_nr li.input1{background:url('../images/dot.png') no-repeat center left;}
.mes_nr li input{display: block;width:100%;height:0.35rem;line-height:0.35rem;background:#eeeeee;padding:0 0.1rem;color: #333;font-size:0.14rem;border:0px;}

.mes_nr textarea{width: 100%;height: 147px;background:#eeeeee;border:0px;resize: none;padding:10px;}
.btn{width: 2.5rem;margin:0.2rem auto 0;}
.btn input{display: block;width:1rem;height:0.35rem;line-height:0.35rem;text-align: center;color: #fff;font-size:0.14rem;border:0px;}
.sub_btn{float: left;background:#a60d04;}
.reset{float: right;background:#434343;}


.mes{padding-bottom: 0.5rem}



.search_list{padding-bottom: 0.5rem}
.search_list li{
    border-radius:8px;
    width:100%;
    background: #b30000;
    padding: 4% 0.1rem;
    margin-top:3%;
    font-size: 0.13rem;
}
.search_list li a{
    color:#fff;
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 1rem);float: left;
}
.search_list  li span{
    color:#fff;
    float: right;
}


.details_nr iframe{width: 100%!important}

.bq{text-align: center;font-size: 14px;color: #333}
.bq a{color: #333}

.ads iframe{margin:0 auto;display: block;}