@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}


.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6.1rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.pic_box img{max-width:100%;max-height:100%;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.sidebar-wrapper { height:100%; overflow: auto; font-size:.2rem;display:none;}
#dowebok {background-color:rgba(0,0,0,.8);}
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px solid #555;background:url(../images/angle.png) no-repeat 85% center;background-size:.1rem .16rem;}


.banner img{width:100%;}
.banner .swiper-pagination{
    text-align:center;
}
.banner  .swiper-pagination .swiper-pagination-bullet{
    width: .20rem;
    height: .05rem;
    background: #fff;
    border-radius: 0.25rem;
    border: none;
    opacity: 1;
    margin: 0 .05rem;
    transition: all 0.3s;
}
.banner  .swiper-pagination .swiper-pagination-bullet-active{
    width: .36rem;
    background: #000000;
    transition: all 0.3s;
}


.bannero{width:100%;max-width:6.4rem;}
.bannero img{width:100%;}


.header{width:6.4rem; height:1rem; position:relative;line-height: 1rem}
.header h1{width:3rem; height:1rem; position:absolute; left:.15rem; top:0;}
.header h1 a{display:table-cell; vertical-align:middle; text-align:center; width:3rem; height:1rem;}
.header h1 img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.header .menu{width:.44rem; height:.32rem; float:right; background-position:center; background-repeat:no-repeat; background-image:url(../images/menu.png); background-size:.44rem auto; position:absolute; right:.15rem; top:.34rem; cursor:pointer;}
.header h2{
    font-size: .24rem;
    color: #707070;
    padding: 0 .12rem;
    border-right: 1px solid #fff;
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    position: absolute;
    right: .6rem;
    top: .3rem;
}

/*.search{padding:.2rem 0; background:#fff;}
.search .main{position:relative;}
.search form input.text{width:100%; height:.5rem; background:#eee; border:none; font-size:.2rem; color:#858585; text-indent:.1rem; font-family: '微软雅黑';}
.search form input.submit{width:1rem; height:.5rem; display:inline-block; position:absolute; top:0;right:0; border:0; background:#939393; color:#fff; font-family: '微软雅黑'; font-size:.18rem; cursor:pointer;}
*/


.expand_box{width:100%;height: .65rem; display:inline-table; font-family: 'Arial'; margin-top:.04rem;}
.expand_box .nhd1{width:100%; height:.65rem; line-height:.65rem; font-size:.22rem; color:#fff; background:#8c2645 url(../images/exeand_bg.png) no-repeat 5.5rem; background-size:.26rem auto; display:inline-block; text-align:left; text-indent:.25rem; cursor:pointer;}
.expand_box li{width:100%; height:.65rem; line-height:.65rem; font-size:.20rem; color:#444; background:#dfdfdf; display:inline-block; text-align:left; text-indent:.25rem; cursor:pointer; position:relative; border-bottom:1px solid #f2f2f2;}
.expand_box li.angle{background-image:url(../images/angle.png); background-repeat:no-repeat; background-position:96% center; background-size:.05rem .07rem;}
.expand_box li a{display:block;}
.expand_box .nt2 li{text-indent:.5rem; background-color:#ddd;}
.expand_box .nt3 li{text-indent:.8rem; background:#f2f2f2;}
.expand_box ul{display:none;}
.expand_box .nhd1{
    background-position-y: center;
    background-position-x: 6rem;
}
.expand_box li a::before{
    content: '-';
    color:#444;
    margin: 0 .05rem;
}

.footMar{height:.9rem;background:#274e9d;}
.Tab_bar{max-width: 6.4rem;width:100%;height:1rem;position:fixed;bottom:0;left:0;right:0;z-index:666;margin:auto;background:#8c2645;}
.Tab_bar i{width:1px;height:.37rem;background:#fff;display:inline-block;position:absolute;top:.23rem;right:0;}
.Tab_bar ul li{color:#fff;width:25%;line-height:.82rem;display:inline-block;font-size:.2rem;font-family:'Arial';position:relative;}
.Tab_bar li a{display:block;line-height: .82rem;text-align: center;padding-top: .35rem;}


.fix1 .img_box{
    width: .45rem;
    height: .38rem;
    display: inline-block;
    text-align: center;
    line-height: .38rem;
}
.Tab_bar li.fix1{
    background:url(../images/fix1.png) no-repeat;
    background-size:.27rem auto;
    background-position-y: .17rem;
    background-position-x: center;
}
.Tab_bar li.fix2{
    background:url(../images/fix2.png) no-repeat;
    background-size:.31rem auto;
    background-position-y: .17rem;
    background-position-x: center;
}
.Tab_bar li.fix3{
    background:url(../images/fix3.png) no-repeat;
    background-size:.24rem auto;
    background-position-y: .17rem;
    background-position-x: center;
}
.Tab_bar li.fix4{
    background:url(../images/fix4.png) no-repeat;
    background-size:.37rem auto;
    background-position-y: .17rem;
    background-position-x: center;
}

body{
    padding-bottom: .82rem;
}
#index_body{
    background: url(../images/top_pic_bg.png) no-repeat center 3.5rem;
    background-size: 6.4rem auto;
}


.index_top_pic{
    
}
.index_top_pic .poster{
    
   
}
.poster p{
    text-align: center;
    font-size: .2rem;
    font-family: "NSimSun";
    color: rgb(68, 68, 68);
    margin: .05rem 0;
    font-weight: bold;
}
.poster .img_box:last-child{
    width: 1.1rem;
    height: .61rem;
    float: right;
    margin-right: .53rem;
}
.index_video{
    padding-top:.5rem;
}
.index_video .video{
    width: 5.5rem;
	margin:0 auto;
	border: 1px solid #b5b5b5;
}
.index_video .video video{
	width:100%;
}
.showpro{
    margin-top: .78rem;
    position: relative;
}
.showpro h1{
    font-size: .36rem;
    font-family: "NSimSun";
    color: rgb(36, 36, 36); 
    margin-bottom: .43rem;    
}
.text{
    border-left: .05rem solid #c0c0c0;
}
.text p{
    margin-left: .03rem;
    border-left: .02rem solid #c0c0c0;
    font-family: "NSimSun";
    color: #666;
    font-size: .2rem;
    padding-left:.19rem; 
    line-height: .36rem;
    text-align: justify;
}
.showdoor{
    margin-top: .83rem;
}
.cloud{
    width: 6.4rem;
    height: 3.4rem;
    background: url(../images/cloud.png) no-repeat center;
    background-size: 6.4rem auto;
    position: absolute;
    bottom: -1.4rem;
    right: 0;
}

.showdoor .left{
    width: 2.79rem;
    height: 4.53rem;
    margin-left: .66rem;
    display: inline-block;
    float: left;
}
.showdoor .right{
    width: 1.24rem;
    height: 3.52rem;
    margin-top: .47rem;
    margin-left: .72rem;
    display: inline-block;
}
.patent{
    margin-top: .17rem;
    font-size: .18rem;
    font-family: "NSimSun";
    color: rgb(102, 102, 102);
    text-align: center;    
}
.poster2{
    width: 6.4rem;
    margin-top: 1.15rem;
    display: block;
}

.Keyword{margin-top: .41rem;}
.Keyword .Key_list h1{
    color: #666666;
    font-size: .2rem;
    display: inline-block;
}
.Keyword .Key_list a{
    color: #666666;
    font-size: .2rem;
    margin-right: .16rem;
}
.Keyword form{
    background-color: rgb(238, 238, 238);
    width: 100%;
    height: .5rem; 
    border-radius: .5rem; 
    margin-top: .37rem;  
}
.Keyword .Key_list a:last-child{
    margin-right: 0;
}
#key_search{
    width: 5.1rem;
    height: .5rem; 
    border: none;
    color: #888888;
    font-size: .18rem;
    border-radius: .5rem; 
    text-indent: .25rem;
    background-color: rgb(238, 238, 238);
}
#sub{
    border: none;
    border-radius: .24rem;
    width: .95rem;
    height: .50rem;   
    background: url(../images/search.png)  no-repeat center;
    background-color: rgb(102, 102, 102);
    background-size: .28rem auto;
    float: right;
}

.index_about{
    margin-top: .51rem;
    background: url(../images/cut-off_rule.png) no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 6.2rem auto;
    padding-bottom: 1.24rem;
}
.point_title{
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    font-size: .3rem;
    font-family: "NSimSun";
    color: rgb(68, 68, 68); 
    background: url(../images/title_line.png) no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 3.66rem auto;
}
.point_title::before,
.point_title::after
{
    content: '';
    width: .13rem;
    height: .13rem;
    border: 1px solid #8d2645;
    background: #8d2645;
    padding: 1px;
    border-radius: .13rem;
    background-clip: content-box;
    display: inline-block;
    margin: 0 .36rem;
}
.index_about p{
    width: 100%;
    text-align: justify;
    font-size: .2rem;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
    line-height: .38rem;    
    margin: .65rem 0 .67rem 0;  
}
.index_about a{
    background-color: rgb(141, 38, 69);
    width: 2.94rem;
    height: .85rem;  
    background-image: url(../images/button_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.82rem auto;   
    display: inline-block;
    margin-right: .21rem;
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: .85rem;
    text-align: center;   
}
.index_about a:last-child{
    margin-right: 0;
}

.steel{
    margin-top: 1rem;
    margin-bottom: 1.11rem;
}
.steel .title{
    margin-bottom: .33rem;
}
.steel .title .img_box{
    width: .75rem;
    height: .67rem;
    display: inline-block;
    float: left;
}
.title h1{
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(68, 68, 68);  
    display: inline-block;  
    margin-top: .42rem;
    margin-left: .1rem;
}
.title h1::before{
    content: '[';
    display: inline-block;
    width: .1rem;
    height: .24rem;
    color: #8d2645;
    margin-right: .1rem;
    font-weight: bold;
}
.title h1::after{
    content: ']';
    display: inline-block;
    width: .1rem;
    height: .24rem;
    color: #8d2645;
    margin-left:.1rem;
    font-weight: bold;
}

.steel_img{
    height: 5.65rem;
    margin-top: .6rem;
}
.steel_img .door_detail{
    border: 1px solid #aaaaaa;
    width: 1.92rem;
    height: 3.84rem;
    position: relative;
    display: inline-block;
    margin: 1.53rem 0 0 .32rem;
}
.steel_img .door_detail .img_box{
    width: 1.92rem;
    height: 3.84rem;
    position: absolute;
    right: -.06rem;
    bottom: .05rem;
}
.steel_img .steel_door{
    width: 2.98rem;
    height: 5.55rem;
    float: right;
    margin-right: .4rem;
}
.steel a{
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(255, 255, 255);
    line-height: 1.859;    
    background: url(../images/a_bg.png) no-repeat center;
    background-size: 2.90rem auto; 
    background-color: #8d2645;
    text-align: center;
    width: 3.03rem;
    height: .72rem;   
    line-height: .72rem;   
    display: block;
    margin: .75rem auto 0 auto;
}

.wood .wood_door{
    width: 3.56rem;
    height: 4.50rem;
    display: inline-block;
    float: left;
}
.wood .title .img_box{
    width: .67rem;
    height: .79rem;
    float: right;
}
.wood .text p{
    font-size: 16px;
    font-family: "NSimSun";
    color: rgb(102, 102, 102);
    line-height: 1.375;   
}
.wood .text_img{
    width: 2.27rem;
    height: 2.69rem;
    margin-top: .32rem;
    float: right;
}
.wood .text_img .img_box{
    width: 2.27rem;
    height: 2.69rem;
}
.wood a{
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(255, 255, 255);
    line-height: 1.859;    
    background: url(../images/a_bg.png) no-repeat center;
    background-size: 2.90rem auto; 
    background-color: #8d2645;
    text-align: center;
    width: 3.03rem;
    height: .72rem;   
    line-height: .72rem;   
    display: block;
    margin: .75rem auto 0 auto;
}

.index_news{
    margin-top: .71rem;
    margin-bottom: 1.07rem;
}
.index_news .img_box{
    width: 6.1rem;
    height: 3.22rem;
    margin-top: .6rem;
    display: block;
}
.index_news ul li{
    width: 6.1rem;
    height: 2.67rem;
    border-bottom: .04rem solid #e5e5e5;
}
.index_news ul li h1 {
    width: 100%;
    font-size: .24rem;
    color: rgb(51, 51, 51);
    margin: .53rem 0 .27rem 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news ul li p{
    font-size: .2rem;
    color: rgb(102, 102, 102);
    line-height: .32rem;
    height: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news ul li i{
    font-size: .2rem;
    color: rgb(102, 102, 102);  
    margin-top: .36rem;
    display: inline-block;
}
.index_news>a{
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(255, 255, 255);
    line-height: 1.859;    
    background: url(../images/a_bg.png) no-repeat center;
    background-size: 2.90rem auto; 
    background-color: #8d2645;
    text-align: center;
    width: 3.03rem;
    height: .72rem;   
    line-height: .72rem;   
    display: block;
    margin: .72rem auto 0 auto;
}

.link{margin-bottom: .32rem;}
.link span{
    font-size: .2rem;
    color: rgb(102, 102, 102);   
}
.link a{
    color: #666666;
    font-size: .2rem;
    margin-right: .16rem;
}

.footer{
    background-color: rgb(234, 234, 234);
    width: 6.40rem;
    height: 5.1rem; 
    padding: .46rem 0;   
}
.footer p{
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    text-align: center;  
    margin-top: .1rem;   
}
.footer h2{
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    text-align: center;  
    margin-top: .33rem;   
}
.footer .img_box{
    width: 2.36rem;
    height: 2.32rem;
    margin: .39rem auto .23rem auto;
    display: block;
}
.footer h3{
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-align: center;
}

.innpage_title{
    width: 4rem;
    height: 1.15rem;
    text-align: center;
    background: url(../images/innpage_title_bg.png) no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    background-size: 3.55rem auto;
    margin: .6rem auto;
}
.innpage_title h1{
    font-size: .38rem;
    font-family: "NSimSun","宋体";
    color: rgb(22, 22, 22);
    text-transform: uppercase;
    margin: .23rem 0 0 0;
    display: inline-block;
}
.innpage_title h2{
    font-size: .2rem;
    font-family: "Baskerville Old Face";
    color: rgb(136, 136, 136);
    text-transform: uppercase;    
}
.about p{
    font-size: .2rem;
    color: rgb(68, 68, 68);
    line-height: .4rem;   
    margin-bottom: .5rem;
    text-align: justify;  
}

.about .img_box{
    width: 6.1rem;
    height: 3.05rem;
    margin-bottom: .76rem;
    display: inline-block;
}

.sort{
    margin-top: .83rem;
    margin-bottom: .64rem;
}
.sort h1{
    font-size: .3rem;
    font-family: "YouYuan";
    color: rgb(68, 68, 68); 
    text-align: center; 
    margin-bottom: .48rem;   
}
.sort h1::before,
.sort h1::after{
    content: '/';
    margin: 0 .3rem;
}
.sort p{
    font-size: .2rem;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
    line-height: .36rem;
    text-align: center;    
}
.pro_list ul li{
    width: 2.92rem;
    display: inline-block;
    margin-right: .25rem;
    margin-bottom: .63rem;
}
.pro_list ul li:nth-child(2n){
    margin-right: 0;
}
.pro_list ul li .img_box{
    width: 2.92rem;
    height: 3.68rem;
    line-height: 3.68rem;
}
.pro_list ul li p{
    /* width: 1.94rem;
    height: .66rem; */
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    line-height: .66rem;
    text-align: center;   
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    margin: .25rem auto 0 auto;
}

.pages {
    text-align: center;
    padding:.65rem 0 .95rem 0;
}
.pages a:hover, .pages .on {
    background: #8c2645;
    color: #fff;
}
.pages a {
    font-size: .2rem;
    width: .48rem;
    height: .48rem;
    color: #666666;
    border: 1px solid #cfcfcf;
    text-align: center;
    line-height: .52rem;
    display: inline-block;
    margin-right: .10rem;
}

.return{
    background: #8c2645;
    width: 6.4rem;
    height: .65rem;    
    line-height: .65rem;
    text-align: left; 
    background-image: url(../images/exeand_bg.png);
    background-position-x: 6rem;
    background-position-y: center;
    background-size: .26rem auto;
    background-repeat: no-repeat;
}
.return a{
    width: 6.4rem;
    height: .65rem;    
    font-size: .22rem;
    color:#fff;
    display: inline-block;
}

.pro_bigpic{
    margin: .65rem auto .72rem auto;
}
.pro_bigpic .img_box{
    width: 3.80rem;
    height: 5.6rem;
    line-height: 5.6rem;
    margin: 0 auto;
    display: block;
}
.pro_smallpic{
    position: relative;
}
.pro_smallpic .img_box{
    width: 1.16rem;
    height: 1.46rem;
    line-height: 1.46rem;
    margin: 0 auto;
    display: block;
    border: .02rem solid transparent;
}
.pro_smallpic .slick-current .img_box{
    border: .02rem solid #8c2645;
}
.pro_bigpic .item-box .img_box img{
    display: inline-block;
}
.pro_smallpic .item-box .img_box img{
    display: inline-block;
}


.pro_smallpic .slider {
    width: 5.2rem;
    margin: auto;
    text-align: center;
}

.pro_smallpic .slider-prev, .pro_smallpic .slider-next {
    position: absolute;
    width: .20rem;
    height: .37rem;
    line-height: .37rem;
    top: .16rem;
}
.pro_smallpic .slider-prev {
    left: .1rem;
    top: .6rem;
    background: url(../images/slider-prev.png) no-repeat center;
    background-size: .20rem auto;
}
.pro_smallpic .slider-next {
    right: .1rem;
    top: .6rem;
    background: url(../images/slider-next.png) no-repeat center;
    background-size: .20rem auto;
}
.pro_detail{
    margin-top: .9rem;
    margin-bottom: .7rem;
}
.pro_detail h1{
    font-size: .3rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    line-height: 2.039;   
    margin-bottom: .37rem; 
}
.pro_detail ul li{
    margin-bottom: .2rem;
    display: inline-block;
}
.pro_detail ul li h2{
    font-size: .2rem;
    color: rgb(102, 102, 102);
    text-transform: uppercase;   
    display: inline-block;  
    float: left; 
}
.pro_detail ul li p{
    font-size: .2rem;
    color: rgb(102, 102, 102);
    text-transform: uppercase;      
    width: 4.8rem;
    display: inline-block;
}
.otherpro h1{
    background-color: rgb(238, 238, 238);
    height: .66rem;  
    line-height: .66rem;
    border-left: .04rem solid #8c2645;
    font-size: .22rem;
    color: rgb(68, 68, 68);
    text-indent: .26rem;
    margin-bottom: .61rem;
}

.otherpro ul li{
    width: 2.92rem;
    display: inline-block;
    margin-right: .25rem;
    margin-bottom: .63rem;
}
.otherpro ul li:nth-child(2n){
    margin-right: 0;
}
.otherpro ul li .img_box{
    width: 2.92rem;
    height: 3.68rem;
    line-height: 3.68rem;
}
.otherpro ul li p{
    width: 1.94rem;
    height: .66rem;
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    line-height: .66rem;
    text-align: center;   
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    margin: .25rem auto 0 auto;
}

.case_list ul li{
    width: 2.86rem;
    height: 4.1rem;  
    line-height: 4.1rem;   
    margin-right: .37rem;
    margin-bottom: .55rem;
    display: inline-block;
}
.case_list ul li:nth-child(2n){
    margin-right: 0;  
}

.join form input{
    border: 1px solid #b5b5b5;
    background-color: rgb(238, 238, 238);
    width: 100%;
    height: .58rem; 
    margin-bottom: .15rem;
    font-size: .2rem;
    color: rgb(102, 102, 102);
    line-height: .58rem;
    text-indent: .2rem; 
}
.join form textarea{
    border: 1px solid #b5b5b5;
    background-color: rgb(238, 238, 238);
    width: 100%;
    height: 2.4rem;  
    resize: none;
    font-size: .2rem;
    color: rgb(102, 102, 102);
    line-height: .58rem;
    text-indent: .2rem;
    font-family: "Microsoft YaHei";   
}
.join form button{
    background-color: rgb(141, 38, 69);
    width: 3.03rem;
    height: .72rem;  
    line-height: .72rem;
    background-image: url(../images/a_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.9rem auto;
    border: none;
    font-size: .22rem;
    font-family: "NSimSun";  
    color: #fff;  
    margin: .6rem auto .89rem auto; 
    display: block;
}

.news_list ul li{
    width: 100%;
    height: 1.98rem;
    padding: .4rem 0;
    border-bottom: 1px solid #d2d2d2;
}
.news_list ul li .img_box{
    width: 2.69rem;
    height: 1.99rem;
    line-height: 1.99rem;
    margin-right: .22rem;
    display: inline-block
}
.news_list ul li .text_box{
    float: right;
    width: 3rem;
}
.news_list ul li h1{
    width: 3rem;
    line-height: .25rem;
    font-size: .22rem;
    color: rgb(68, 68, 68);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.news_list ul li p{
    width: 3rem;
    height: .56rem;
    line-height: .30rem;
    overflow: hidden;
    font-size: .2rem;
    color: rgb(102, 102, 102);
    display: inline-block;
    margin: .23rem 0 .48rem 0;
}
.news_list ul li i{
    font-size: .17rem;
    color: rgb(136, 136, 136);
    text-transform: uppercase;
}

.newsv-con {
    padding: .40rem .20rem;
    border-top: .01rem solid #e5e5e5;
    border-bottom: .01rem solid #e5e5e5;
    margin-bottom: .10rem;
}
.newsv-con-tit h3 {
    font-size: .24rem;
    color: #646464;
    margin-bottom: .08rem;
}
.newsv-con-tit {
    text-align: center;
    margin-bottom: .15rem;
}
.newsv-con-tit p {
    font-size: .16rem;
    color: #b2b2b2;
}
.newsv-con-text {
    font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    font-size: .18rem;
    line-height: .30rem;
    text-align: justify;
    color: #6f6f6f;
}
.newsv-nav {
    font-size: .16rem;
    line-height: .25rem;
    color: #939393;
    padding: .15rem .20rem;
}
.newsv-nav p {
    margin-bottom: .10rem;
}
.newsv-nav p em {
    color: #333;
}

.win-win{
    background: url(../images/win-win.png) no-repeat;
    background-position-x: .82rem;
    background-position-y: 4.4rem;
    background-size: 2.34rem auto;
}
.win-win span{
    font-size: .30rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    text-align: left;
    display: inline-block;
    margin-top: .84rem;
    margin-bottom: .24rem;
}
.win-win p{
    font-size: .18rem;
    color: rgb(102, 102, 102);    
    line-height: .34rem;
    text-align: justify;
}
.path{
    padding-top: 1.52rem;
    margin-top: .7rem;
    background: url(../images/path_bg.png) no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size:  6.4rem auto;
    text-align: center;
    overflow: hidden;
}
.path .main h1{
    font-size: .3rem;
    font-family: "YouYuan";
    color: rgb(68, 68, 68); 
    text-align: center;    
}
.path .main h1::before, .path .main h1::after {
    content: '/';
    margin: 0 .3rem;
}
.path .main h2{
    font-size: .15rem;
    font-family: "YouYuan";
    color: #b6b6b6; 
    text-align: center;    
    text-transform: uppercase;
    margin-top: .14rem;
}

.bd{
    margin-bottom: .6rem;
}
.bd ul li{
    width: 100%;
    height: 5.8rem;
    display: inline-block;
}
.bd ul li .img_box{
    width: 3.95rem;
    height: 2.17rem;
    margin: .59rem auto .5rem auto;
    display: block;
}
.bd ul li h1{
    font-size: .3rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;    
    margin-bottom: .3rem;
}
.bd ul li p{
    font-size: .2rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;  
    margin-bottom: .15rem;  
}

.year{
    width: 2.94rem;
    height: .85rem;
    font-size: .22rem;
    font-family: "NSimSun";
    color: rgb(255, 255, 255);
    line-height: .85rem;
    text-align: center;  
    background: url(../images/button_bg.png) center no-repeat;
    background-size: 2.82rem auto; 
    background-color: rgb(141, 38, 69);
    display: inline-block;
    margin-right: .21rem;
}
.nextyear{
    margin-right: 0;
}


.honor{
    margin-top: .98rem;
    height: 7.07rem;
    position: relative;
}
.honor h1{
    font-size: .3rem;
    font-family: "YouYuan";
    color: rgb(68, 68, 68); 
    text-align: center;    
}
.honor h1::before, .honor h1::after {
    content: '/';
    margin: 0 .3rem;
}
.honor h2{
    font-size: .15rem;
    font-family: "YouYuan";
    color: #b6b6b6; 
    text-align: center;    
    text-transform: uppercase;
    margin-top: .14rem;
    margin-bottom: .48rem;
}

.honor .img_box{
    width: 2.87rem;
    height: 2.02rem;
    line-height: 2.02rem;
}

.honor .swiper-pagination{
    bottom: .6rem;
    width: 100%;
}
.honor .swiper-pagination-bullet{
    border-radius: .18rem;
    background-color: rgb(192, 192, 192);
    width: .18rem;
    height: .18rem; 
    opacity: 1;
    margin: 0 .07rem;
}
.honor .swiper-pagination-bullet-active{
    background: #8f2b49;
}

.info{
    padding-bottom: .25rem;
    border-bottom: .05rem solid #eee;
    margin-bottom: .2rem;
}
.info h1{
    font-size: .24rem;
    color: rgb(68, 68, 68);
    text-transform: uppercase;
    margin-bottom: .4rem;
}
.info ul li{
    margin-bottom: .15rem;
}
.info ul li em{
    font-size: .2rem;
    color: rgb(140, 38, 69);  
}
.info ul li em::after{
    content: '|';
    color: #666;
    margin: 0 .23rem;
}
.info ul li span{
    font-size: .2rem;
    color: #666;  
}
.sales_phone li{
    border-bottom: 1px solid #e5e5e5;
    padding: .22rem 0;
}
.sales_phone li h1{
    font-size: .2rem;
    color: rgb(68, 68, 68); 
    margin-bottom: .1rem;
}
.sales_phone li em{
    font-size: .2rem;
    color: rgb(68, 68, 68); 
    margin-right: .62rem;
}
.sales_phone li span{
    width: 3.4rem;
    font-size: .2rem;
    color: rgb(68, 68, 68);
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}
.map{
    width: 6.4rem;
    margin-top: .55rem;
    display: block;
}
