@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; background:#FFF; 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:86%; height:0.5rem; margin:0 auto; padding:0.2rem 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.1rem 2% 0.3rem; background:#FFF; position:relative;}
.rnav a{ float:left; display:block; width:25%; line-height:1.5em; margin-top:0.2rem; font-size:0.18rem; text-align:center; color:#151515;}
.rnav .in{ display:inline-block; width:0.94rem; height:0.94rem; margin-bottom:0.05rem; font-size:0.5rem; line-height:0.8rem; color:#FFF; position:relative;}

/*
.rnav a:nth-child(1) .in{background-color:#f84653;}
.rnav a:nth-child(2) .in{background-color:#ea6b17;}
.rnav a:nth-child(3) .in{background-color:#76a533;}
.rnav a:nth-child(4) .in{background-color:#f84653;}
.rnav a:nth-child(5) .in{background-color:#76edec;}
.rnav a:nth-child(6) .in{background-color:#3889c7;}
.rnav a:nth-child(7) .in{background-color:#e8a715;}
.rnav a:nth-child(8) .in{background-color:#3789c7;}
*/
.rnav a:nth-child(1) .in{background-image:url(../img/nav01.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(2) .in{background-image:url(../img/nav02.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(3) .in{background-image:url(../img/nav03.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(4) .in{background-image:url(../img/nav04.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(5) .in{background-image:url(../img/nav05.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(6) .in{background-image:url(../img/nav06.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(7) .in{background-image:url(../img/nav07.png);background-size:0.94rem 0.94rem;}
.rnav a:nth-child(8) .in{background-image:url(../img/nav08.png);background-size:0.94rem 0.94rem;}


h2.itl{ width:100%; height:0.54rem; margin:0.4rem 0;}
h2.itl:nth-of-type(1) {background:url(../img/tit01.png) center center no-repeat; background-size:2.88rem 0.54rem;}
h2.itl:nth-of-type(2) {background:url(../img/tit02.png) center center no-repeat; background-size:2.88rem 0.54rem;}
h2.itl:nth-of-type(3) {background:url(../img/tit03.png) center center no-repeat; background-size:2.88rem 0.54rem;}
h2.itl:nth-of-type(4) {background:url(../img/tit04.png) center center no-repeat; background-size:2.88rem 0.54rem;}

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;}


.iwrap{ width:96%; margin:0 auto;}
.iwrap .aboutImg{ float:left; width:35%; height:auto;}
.iwrap .aboutImg .img-box{ width:2.08rem; height:2.08rem; border:0.01rem solid #DADADA;}
.iwrap .aboutImg .img-box img{ display:block; width:100%; height:100%;}
.iwrap .aboutTxt{ float:right; width:60%; height:auto; margin-left:5%;}
.iwrap .aboutTxt .txt-box{ float:right; width:90%; height:2.08rem; line-height:1.6; 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 .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; overflow:hidden;}


.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%;height:1.6rem;}
.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;}
}