@import url("common.css");


/*==================================================*/

.black-fixed{ width:0; height:100%; background:rgba(0,0,0,0.9); line-height:2; font-size:0.4rem; color:#fff; text-align:right; overflow:hidden; position:fixed; right:0; top:0; z-index:99;}
.black-clicked{ width:100%; padding-right:2%; right:220px;}

.header{ width:100%; height:0.8rem !important; background:#1d1d1d; position:relative; z-index:98;}
.header .head{ width:100%; height:0.8rem; line-height:0.8rem; text-align:left; box-shadow:0 4px 4px rgba(9,2,4,0.3); position:fixed; top:0; right:0; z-index:98;}
.header .head{ transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;}
.header .logo{ display:block; width:3rem; height:0.8rem; margin:0 auto; padding:0 8% 0 0;}
.header .nav-btn{ width:7%; height:0.36rem; line-height:0.36rem; background:#ca7000; border-radius:0.05rem; font-size:0.22rem; color:#FFF; text-align:center; overflow:hidden; position:absolute; top:0.2rem; right:0.1rem;}
.header .hsrh-btn{ width:8%; height:0.4rem; line-height:0.4rem; font-size:0.4rem; color:#FFF; text-align:center; overflow:hidden; position:absolute; top:0.2rem; left:0;}
.header .home-btn{width:14%;left:1%;top:0;position:absolute;height:100%;font-size:0.3rem;line-height:0.8rem;font-weight:bold;color:#ca7000;text-align:center;overflow:hidden;display:block;}
.header .top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.8rem;font-weight:bold;text-align:center;color:#000;overflow:hidden;}

.header .top-home{position:absolute;left:1%;top:0;width:14%;font-size:0.4rem;line-height:0.8rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}


/* banner */
.banner{}
.banner_slogan{}
.swiper-container{}
.banner_flag{}

.banner{ width:100%; position:relative;}
.banner_flag{ width:100%; height:0.226rem; position:absolute; left:0; bottom:0; z-index:98;}
.swiper-pagination{text-align:center!important;bottom:0.03rem!important;}
.swiper-pagination-bullet{width:0.12rem !important;height:0.12rem !important;opacity:0.6 !important;background:#FFF !important;}
.swiper-pagination-bullet-active{background-color:red !important;opacity:0.6 !important;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 0.05rem !important;}

.column{ width:100%; min-height:1.88rem;}

/*rnav*/
.rnav{ margin:0 auto; padding:0; background:#FFF; position:relative;}
.rnav a{ float:left; display:block; width:20%; height:0.68rem; line-height:0.68rem; font-size:0.18rem; text-align:center; color:#151515; border-bottom:1px solid #dadada;}
.rnav .m{ display:block; border-right:1px solid #dadada; position:relative;}
.rnav .m:hover{ display:block; border-right:1px solid #dadada; position:relative;}
.rnav .on{ height:0.66rem; border-bottom:3px solid #c80606;}
.rnav a:nth-child(5n) .m{ border-right:none;}


.rnav2{ margin:0 auto; padding:0.3rem 0; background:#FFF; position:relative;}
.rnav2 a{ float:left; display:block; width:18%; margin:0 1%; line-height:1.5em; font-size:0.14rem; text-align:center; color:#151515;}
.rnav2 a span{ display:block; width:100%; height:100%; margin-bottom:0.1rem; position:relative;}
.rnav2 a span img{ display:block; width:100%; height:100%;}
.rnav2 a i{ display:block; width:100%; height:100%;}
.rnav2 a:nth-child(1) .in{ background:url(../img/hot1.jpg) center center no-repeat;background-size:100% 100%;}
.rnav2 a:nth-child(2) .in{ background:url(../img/hot2.jpg) center center no-repeat;background-size:1.03rem 1.03rem;}
.rnav2 a:nth-child(3) .in{ background:url(../img/hot3.jpg) center center no-repeat;background-size:1.03rem 1.03rem;}
.rnav2 a:nth-child(4) .in{ background:url(../img/hot4.jpg) center center no-repeat;background-size:1.03rem 1.03rem;}
.rnav2 a:nth-child(5) .in{ background:url(../img/hot5.jpg) center center no-repeat;background-size:1.03rem 1.03rem;}


h2.itl{ width:100%; height:0.8rem; margin:0.2rem 0;}
h2.itl:nth-of-type(1) {background:url(../img/tit1.jpg) center center no-repeat; background-size:2.7rem 0.8rem;}
h2.itl:nth-of-type(2) {background:url(../img/tit2.jpg) center center no-repeat; background-size:2.7rem 0.8rem;}
h2.itl:nth-of-type(3) {background:url(../img/tit3.jpg) center center no-repeat; background-size:2.7rem 0.8rem;}
h2.itl:nth-of-type(4) {background:url(../img/tit4.jpg) center center no-repeat; background-size:2.7rem 0.8rem;}

h3.itl2{ width:94%; height:0.5rem; line-height:0.5rem; background:#FF6000; font-family:"宋体"; font-size:0.22rem; font-weight:600; color:white; padding:0 3%;}
h3.itl3{ width:100%; height:0.5rem; line-height:0.5rem; font-family:"宋体"; font-size:0.26rem; font-weight:600; color:#FF6000;}


.adv{ width:100%; margin:0 auto;}

.iwrap{ width:100%; margin:0 auto;}
.iwrap .item1{ width:100%; height:auto;}
.iwrap .item1 li{ width:100%; height:auto; margin:0.2rem 0 0;}
.iwrap .item1 li img{ display:block; width:100%; height:100%;}

.iwrap{ width:100%; margin:0 auto;}
.iwrap .aboutImg{ float:left; width:40%; height:auto;}
.iwrap .aboutImg .img-box{ height:2rem; margin-left:0.1rem;}
.iwrap .aboutImg .img-box img{ display:block; width:100%; height:100%;}
.iwrap .aboutTxt{ float:right; width:55%; height:2rem; overflow:hidden;}
.iwrap .aboutTxt .txt-box{ line-height:1.7; overflow:hidden;}

.iwrap .item{ float:left; width:46%; height:auto; margin:0.1rem 2%;}
.iwrap .item dt{ height:0.4rem; line-height:0.4rem; font-size:0.18rem; color:#6a523d; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iwrap .item dt a{ color:#6a523d;}
.iwrap .item dd{ width:100%; height:2.08rem;}
.iwrap .item dd img{ display:block; width:100%; height:100%;}

.iwrap .item1{}
.iwrap .item1 li{ float:left; width:100%; overflow:hidden;}
/*.iwrap .item1 li:nth-of-type(2n){ margin:25px 1%;}*/
.iwrap .item1 li a.pImg{ float:right; display:table-cell; width:78%; border:0.01rem solid #b8404a; margin:0.25rem 2% 0 0; padding:0.05rem 1%; vertical-align:middle; text-align:center; overflow:hidden;}
.iwrap .item1 li a.pImg img{ width:100%; height:100%; vertical-align:middle; text-align:center; background:url(../img/loading.gif) center center no-repeat;}
.iwrap .item1 .pTit{ float:left; display:block; width:14%; height:2.04rem; margin:0.25rem 0 0 2%;}
.iwrap .item1 .pTit a{ display:table-cell; width:100%; height:2.04rem; vertical-align:middle; text-align:center; overflow:hidden;}
.iwrap .item1 .pTit img{ width:100%; height:100%; vertical-align:middle; text-align:center;}
/*.iwrap .item1 .pTit:nth-of-type(2n){ display:none;}*/

.iwrap .item2{}
.iwrap .item2 li{ height:.34rem; line-height:.34rem; padding-left:.2rem; text-indent:-0.1rem; border-bottom:0.01rem dashed #D8D8D8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iwrap .item2 li::before{ content:"•"; color:#7b5f46; padding-right:0.05rem;}
.iwrap .item2 li em{ float:right; margin:0 0.1rem;}
.iwrap .item2 li a{ color:#7b5f46;}

.iwrap2{ width:90%; margin:0 auto;}
.iwrap2 .yiguan{ width:100%; height:3rem; border:0.01rem solid #ca7000;}


.move{ width:100%; height:0.45rem; line-height:0.45rem; margin-top:0.3rem; background:#EDEDED; border:1px solid #DEDEDE; text-align:center; clear:both; zoom:1;}
.move a{ font-size:0.2rem; color:#4B4B4B;}


/* footer */
.footer{ width:100%; height:0.8rem; position:fixed; z-index:97; bottom:0; left:0;}
.footer{ transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;}

.foot{ width:100%; height:0.8rem; background:#1b1b1b; z-index:97;}
.foot-relative{ width:100%; height:0.8rem; position:relative;}
.foot-relative{ transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;}
.foot a{ display:block; float:left; width:25%; color:#FFF;}
.foot a{ box-sizing:border-box;-webkit-box-sizing:border-box;}
.foot a span{ display:block; width:100%; height:0.5rem; text-align:center; font-size:0.4rem; line-height:0.5rem;}
.foot a span.icon07{ background:url(../images/icon07.png) no-repeat center center; background-size:0.5rem 0.4rem;}
.foot a h3{ width:100%; text-align:center; font:0.18rem/0.2rem "microsoft yahei";}


.page{display:block;width:100%;height:0.38rem;font:0.2rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
a.back{display:block;width:36%;height:0.4rem;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#ca7000;text-align:center;color:#fff;font:0.18rem/2 "microsoft yahei";clear:both}

.list{ width:94%; margin:0.3rem auto;}
.list li{ width:100%; margin:0.1rem auto; line-height:1.8; font-family:"宋体"; font-size:0.18rem; color:#838383;}
.list li span{ color:red; font-weight:bold;}
.list2{ width:100%; margin:0.3rem auto;}
.list2 .text{ width:94%; margin:0.1rem auto; line-height:1.8; font-family:"宋体"; font-size:0.18rem; color:#838383;}
.list3{ width:94%;margin:2% auto;font:0.2rem/2.4 "microsoft yahei";color:#1d1d1d;}
.list3 h1{ width:100%; text-align:center; font:0.3rem/0.5rem "microsoft yahei"; color:#393939;}
.list3 img{text-align:center; margin:0 auto;}

.product-top{width:91.25%;margin:2% auto;padding-top:0.2rem;border-bottom:1px solid #c9c9c9;height:0.4rem;font:0.16rem/0.4rem "microsoft yahei";color:#7b7b7b;clear:both;}
.product-top p{float:right;}
.product-top p span{color:#3e74ce}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show{color:#3e74ce}

.common_news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.common_news2{width:96%;height:auto;overflow:hidden;margin:2% auto;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;float:left;width:33%;height:auto;overflow:hidden}
.news1>a>img{display:block;width:100%}
.news3>h1{display:block;float:left;width:64%;margin-left:3%;overflow:hidden}
.news3>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:64%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.8rem;color:#999;margin-top:2%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:0.2rem/0.3rem "microsoft yahei";color:black;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:70%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:70%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.8rem;color:#999;margin-top:2%}
.news6{width:33%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news6 a{display:block;width:90%;margin:0 auto;}
.news6 a img{display:block;width:100%;height:1.15rem;}
.news6 a span{display:block;width:100%;text-align:center;font:0.2rem/0.3rem "microsoft yahei";color:red;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}

/*==================================================*/
@media all and (min-width:640px){
    .content{ width:640px; margin:0 auto; position:relative;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}