@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,'Microsoft YaHei','黑体';font-size:625%;color: #333;}
html{-webkit-text-size-adjust:none;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;padding-bottom: 1rem;}
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:1.25rem; position:relative;background:#323232;background-image: url(../images/top_bg.jpg);line-height: 1.25rem}
.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:.71rem; height:.40rem; float:right; background-position:center; background-repeat:no-repeat; background-image:url(../images/menu.png); background-size:.71rem .40rem; position:absolute; right:.3rem; top:.49rem; cursor:pointer;}
.header h2{
    font-size: .18rem;
    color: rgb(255, 255, 255);
    padding: 0 .28rem;
    border-right: 1px solid #fff;
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    position: absolute;
    right: 1.36rem;
    top: .49rem;
}

/*.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:2.84rem;height: .45rem; display:inline-table; font-family: 'Arial';margin-left: .13rem;margin-right: .13rem;z-index: 555;transition: all 0.5s;}
.expand_box .nhd1{width:100%; height:.45rem; line-height:.45rem; font-size:.18rem; color:#333; background:#fff 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:.5rem; line-height:.5rem; font-size:.18rem; color:#333; background:#ccc; display:inline-block; text-align:left; text-indent:.25rem; cursor:pointer; position:relative; border-bottom:1px solid #f2f2f2;z-index: 999;}
.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;white-space: nowrap;}
.expand_box .nt3 li{text-indent:.8rem; background:#f2f2f2;}
.expand_box ul{display:none;}
.expand_box .nhd1{
    background-position-y: center;
    background-position-x: 95%;
}
.expand_box .nhd1.on{
    color: #b8a36c;
    background-color: #333333;
}


.footMar{height:.9rem;background:#274e9d;}
.Tab_bar{width:100%;max-width: 6.4rem;height:1rem;position:fixed;bottom:0;left:0;right:0;z-index:999;margin:auto;background:#282828;}
.Tab_bar i{width:1px;height:.7rem;background:#fff;display:inline-block;position:absolute;top:.1rem;right:0;}
.Tab_bar ul li{color:#c8c8c8;width:25%;line-height:1rem;display:inline-block;font-size:.16rem;font-family:'Arial';position:relative;}
.Tab_bar li a{display:block;margin-top: .3rem;text-align: center;}


.fix1 .img_box{
    width: .45rem;
    height: .38rem;
    display: inline-block;
    text-align: center;
    line-height: .38rem;
}
.Tab_bar li.fix1{
    background:url(../images/Tab_bar_home.png) no-repeat;
    background-size:.48rem auto;
    background-position-y:0.15rem ;
    background-position-x: center;
}
.Tab_bar li.fix2{
    background:url(../images/Tab_bar_phone.png) no-repeat;
    background-size:.48rem auto;
    background-position-y:0.15rem ;
    background-position-x: center;
}
.Tab_bar li.fix3{
    background:url(../images/Tab_bar_map.png) no-repeat;
    background-size:.48rem auto;
    background-position-y:0.15rem ;
    background-position-x: center;
}
.Tab_bar li.fix4{
    background:url(../images/Tab_bar_gotop.png) no-repeat;
    background-size:.48rem auto;
    background-position-y:0.15rem ;
    background-position-x: center;
}

.Recommend{
    margin-top: .45rem;
    text-align: center;
}
.Recommend>h1{
    font-size: .38rem;
    color: rgb(37, 38, 42);
    line-height: 1.428;
    text-align: center;   
}
.Recommend h1 i{
    color: #d5b569;
}
.Recommend>h2{
    font-size: .14rem;
    color: rgb(108, 108, 108);
    text-align: center;     
    margin: .23rem 0 .25rem 0;
}
.Recommend span{
    width: .48rem;
    height: .03rem;
    display: inline-block;   
}
.Recommend span img{
    content: '';
    background-color: rgb(221, 175, 114);
    width: 100%;
    display: inline-block;
    margin-left: .09rem;
}
.series .swiper-slide>.img_box{
    width: 6.4rem;
    height: 5.22rem;
    display: inline-block; 
    margin-bottom: .5rem;
}

.series{
    margin-top: .4rem;
    position: relative;
}
.series h1{
    font-size: .28rem;
    color: rgb(58, 57, 57);
    text-align: left;
    width: 5.8rem;
    margin: 0 auto .12rem auto;
}
.series h2{
    font-size: .2rem;
    font-family: "Arial";
    color: rgb(194, 192, 192);
    text-align: left;
    width: 5.8rem;
    margin: 0 auto;
}
.index_pro_btn{
    position: absolute;
    right: .4rem;
    top: 5.9rem;
    width: 1.25rem;
    text-align: left;
    z-index: 100;
}
.index_pro_btn .prev,.index_pro_btn .next{
    border-width: .02rem;
    border-color: rgb(207, 169, 114);
    border-style: solid;
    border-radius: .4rem;
    width: .44rem;
    height: .44rem;
    line-height: .44rem;
    font-family: '宋体';
    color: rgb(215, 161, 82);
    text-align: center;   
    font-size: .27rem;
    font-weight: bold;     
    display: inline-block;
    cursor: pointer;
    z-index: 100;
}
.index_pro_btn .next{
    background: url(../images/index_next.png) no-repeat center;
    background-size: .11rem auto;
}
.index_pro_btn .prev{
    background: url(../images/index_prev.png) no-repeat center;
    margin-right: .28rem;
    background-size: .11rem auto;
}

.series p{
    font-size: .18rem;
    color: #676666;
    margin: 0 auto;
    width: 5.8rem;
    height: .75rem;
    margin-top: .54rem;
    line-height: .32rem;
    text-align: left;
}
.series_bg{
    text-align: center;
    width: 100%;
    height: 1.76rem;
    margin-top: 1.30rem;
    background: #f5f5f5;
    box-shadow:.03rem .04rem .12rem .07rem #f2f2f2;          
    position: relative;
}
.series_bg .img_box{
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    bottom: .48rem;
    box-shadow:.04rem .04rem .05rem 0px #dad9d9;
}
.pro_box1{
    left: .82rem;
}
.pro_box2{
    right:.82rem;
}

.index_about{
    margin-top: .52rem;
}
.index_about .about_top_pic{
    width: 2.96rem;
    height: .71rem;
    line-height: .71rem;
    margin: 0 auto;
}
.index_about h1{
    font-size: .33rem;
    font-family: "Felix Titling";
    color: rgb(213, 181, 105);
    text-align: center;    
    margin-top: .2rem; 
}
.index_about h2{
    font-size: .25rem;
    text-align: center;    
    margin-top: .15rem; 
    color: #333333;
}
.index_about h2::before,.index_about h2::after{
    content: '·';
    margin:0 .22rem;
    font-weight: bold;
}
.index_about p{
    margin: .4rem auto;
    width: 5.5rem;
    font-size: .18rem;
    line-height: .32rem;
    color: #777777;
    text-align: center;
}
.about_more{
    width: 1.85rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    margin: 0 auto;
    color: #b3804f;
    border: 1px solid #b3804f;
    display: block;
    font-size: .17rem;
    border-radius: .08rem;
}
.block{
    margin: .4rem 0 .28rem 0;
}
.block .main div{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem auto;
    width: 1.80rem;
    height: 1.43rem;
    line-height: 1.43rem;
    margin: 0 .11rem;  
    display: inline-block;
    text-align: center;
}
.block .culture{
    background-image: url("../images/index_culture.jpg");
}
.block .honor{
    background-image: url("../images/index_honor.jpg");   
}
.block .contact{
    background-image: url("../images/index_contact.jpg");   
}
.block .main div a{
    display: inline-block;
    width: 1.80rem;
    height: 1.43rem;
    font-size: .2rem;
    color: #fff;
}

.index_news{
    height: 8.8rem;
    text-align: center;
    background: url(../images/news_bg.png) no-repeat center;
    background-position-y: top;
    background-size: 6.4rem 3.35rem;
    overflow: hidden;
    background-color: #f8f8f8;
}
.index_news>h1{
    font-size: .31rem;
    color: #d5b569;
    padding-top: .84rem;
}
.news_switch{margin-top: 1.50rem;margin-right: auto;margin-left: auto;}
.news_switch .swiper-slide{
    background-color:transparent; 
}
.news_switch .swiper-slide .img_box{
    height: 2.46rem;
    line-height: 2.46rem;
    display: block;
}
.news_switch .swiper-slide h1{
    font-size: .23rem;
    color: #222222;
    margin: .39rem 0 .3rem .2rem;
}
.news_switch .swiper-slide h2{
    font-size:.2rem;
    color:#818181;
    line-height: .33rem;
    height: .66rem;
}
.news_switch .swiper-slide a{
    border: 1px solid rgb(213, 181, 105);
    color: rgb(213, 181, 105);
    width: .52rem;
    height: .52rem;
    line-height: .52rem;
    font-size: .42rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: '宋体';
    position: absolute;
    bottom: -0.22rem;
    right: 2.50rem;
}
.news_switch .swiper-wrapper{

}

.news_switch .slide-content{
    width: 4.5rem;
    margin: 0 auto;
    padding: .48rem .48rem .6rem .48rem;
    box-shadow: 0px 0px .05rem 0px rgba(4, 0, 0, 0.3);
    position: relative;
    background: #fff;
}

.index_news .swiper-container{overflow: visible;}
.index_news .swiper-pagination{top: -0.96rem;display: inline-table;}
.index_news .swiper-pagination span{
    width: 1.33rem;
    height: .38rem;   
    font-size: .2rem; 
    line-height: .38rem; 
    color: rgb(255, 255, 255);
    border-radius: .2rem;
    background: transparent;
    transition: all 0.3s;
    opacity: 1;
}
.index_news .swiper-pagination .swiper-pagination-bullet-active{
    border-radius: .2rem;
    background-color: #d5b569;
    width: 1.33rem;
    height: .38rem;   
    font-size: .2rem; 
    line-height: .38rem; 
    color: #fff;
    transition: all 0.3s;
}
.index_case{
    text-align: center;
}
.index_case .swiper-slide .img_box{
    width: 6.4rem;
    height: 4.92rem;
    line-height: 4.92rem;
}
.index_case .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background: #fff;
    padding: .05rem;
    border-radius: .2rem;
    opacity: 1;
    background-clip: content-box;
    border: 1px solid transparent;
}
.index_case .swiper-pagination-bullet-active{
    border-color: #fff;
}

.index_message{
    text-align: center;
    height: 6.8rem;
}

.index_message h1{
    font-size: .38rem;
    background: url(../images/message_line.png) no-repeat left;
    width: 3.05rem;
    height: .4rem;
    margin-top: .48rem;
    margin-left: auto;
    margin-right: auto;
    line-height: .4rem;
}

.index_message h2{
    font-size: .18rem;
    color: rgb(108, 108, 108); 
    margin: .42rem 0 .55rem 0;   
}
.index_message h1 i{
    color:#d5b569;
}

.index_message  input{
    border-width: 1px;
    border-color: rgb(191, 191, 191);
    border-style: solid;
    width: 4.89rem;
    height: .59rem;
    font-size: .18rem; 
    text-indent: .13rem;
    margin-bottom: .27rem;
  }
  .index_message  #sub{
      width: 2.32rem;
      height: .6rem;
      background: #000000;
      color: #fff;
      font-size: .16rem;
      line-height: .6rem;
      border: none;
  }

.index_message .call_phone{
    background: url(../images/message_phone.png) no-repeat left;
    background-size:.45rem auto;
    font-size: .35rem;
    color: rgb(213, 181, 105);
    width: 3.35rem;
    height: .45rem;
    line-height: .45rem;
    text-align: left;    
    margin: .75rem auto 0 auto; 
    text-indent: .6rem;
}

.footer {
    width: 100%;
    text-align: center;
    background: #000;
    padding: .2rem 0;
}
.footer h1 {
    height: .4rem;
    font-size: .18rem;
    color: rgb(152, 152, 152);
    margin-bottom: .1rem;
    line-height: .4rem;
}

.innerpage_nav{
    background: #f4f4f4;
    width: 6.40rem;
    height: .96rem;  
    line-height: .96rem;
    text-align: center;   
}
.innerpage_nav a{
    display: inline-block;
    color: #333;
    width: 1.11rem;
    height: .32rem;   
    text-align: center;
    line-height: .32rem;
    font-size: .18rem;
    margin: 0 .18rem;
}
.innerpage_nav a.on{
    background: #333;
    color: #f0d487;
}
.go_lsm{
    height: 11.5rem;
    background: url(../images/go_lsm_bg.jpg) no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 6.4rem auto;
}
.go_lsm h1{
    font-size: .4rem;
    color: #313131;
    text-align: center;
    margin-top: .26rem; 
    margin-bottom: .05rem;   
}
.go_lsm h2{
    color: #313131;
    text-align: center;  
    font-size: .14rem;
    font-family: "Arial";    
    padding-bottom: .22rem;  
    text-transform: uppercase;  
}
.go_lsm p{
    font-size: .18rem;
    text-align: justify;
    width: 5.8rem;
    margin: .22rem auto;
    line-height: .32rem;
    text-indent: .4rem;
    letter-spacing:.01rem;     
}
  

.about_culture{
    background: #f2f2f2;
}
.about_culture>h1{
    font-size: .4rem;
    color: #313131;
    text-align: center;
    padding: .28rem 0 .2rem 0;
}
.about_culture>h2{
    font-size: .18rem;
    color: rgba(48, 48, 48, 0.878);   
    text-align: center; 
    margin-bottom: .34rem;
}
.about_culture>p{
    font-size: .16rem;
    color: rgb(122, 122, 122);
    line-height: .3rem;
    text-align: center;
    width: 5.46rem;
    margin: 0 auto;    
}
.about_culture>img{
    margin-top: 1rem;
    width: 6.4rem;
    height: auto;
}
.fashion h1{margin: .52rem 0 .2rem .25rem;}
.fashion h1 img{
    width: 2.6rem;
    height: auto;
}
.fashion  h2{
    font-size: .33rem;
    color: rgba(11, 11, 11, 0.878);
    text-align: left;  
    padding-bottom: .27rem;
    margin-left: .25rem;
}
.fashion p{
    font-size: .18rem;
    color: rgb(90, 90, 90);
    line-height: .32rem;
    width: 5.54rem;    
    margin: .22rem 0 .22rem .25rem; 
}
.fashion img{
    width: 6.4rem;
    height: auto;
}
.Italy{
    width: 6.4rem;
    height: 4.26rem;
    padding-top: .93rem;
    background: url(../images/Italy_bg.jpg) no-repeat center;
}
.Italy p{
    font-size: .18rem;
    color: rgb(255, 255, 255);
    line-height: .32rem;
    width: 5.43rem; 
    margin: .23rem auto;   
    text-align: justify;
}
.BI h1{
    font-size: .34rem;
    color: rgba(4, 2, 2, 0.878);
    margin-bottom: .34rem;
}
.BI .text_box{
    padding: .79rem .13rem .6rem .13rem;
}
.BI ol li{
    font-size: .18rem;
    color: rgba(90, 90, 90, 0.878);
    text-align: justify;  
    list-style: decimal;
    line-height: .32rem;
    margin: 0.2rem 0;
    list-style-position: inside;
}
.BI ol li p{
    margin: .13rem .2rem;
    line-height: .3rem;
}

.about_honor{text-align: center;height: 12rem;}
.about_honor>img{
    width: 640rem;
    height: auto;
}
.about_honor_swiper{
    background:#6D6D6D;
}
.about_honor_swiper h1{
    font-size: .4rem;
    color: #fff;
    margin: .38rem 0 .18rem 0;
    display:inline-block;
    width:100%;
}
.about_honor_swiper h2{
    font-size: .18rem;
    color: #fff;
    text-transform: uppercase;
}
.about_honor_swiper .black{
    height: 3.49rem;
    /*background: #252525;*/
    margin-top: 1.8rem;
    position: relative;
}
.black_layer {
    position: absolute;
    width: 100%;
    top: -1.35rem;
}
 .black .swiper-slide .img_box{
    display: inline-block;
    width: 2.48rem;
    height: 3.54rem;
    line-height: 3.54rem;
    border:1px solid #ccc;
}
.honor_btn {
    margin-top: .24rem;
}
.honor_btn .honor_prev,.honor_btn .honor_next{
    width: .58rem;
    height: .58rem;
    display: inline-block;
    margin: 0 .26rem;
}
.honor_btn .honor_prev{
    background: url(../images/honor_prev.png) no-repeat center;
    background-size: .58rem auto;
}
.honor_btn .honor_next{
    background: url(../images/honor_next.png) no-repeat center;
    background-size: .58rem auto;
}


.NA{
    background: #a9a9a9;
}
.NA_top{
    width: 6.4rem;
        
    background: #f4f4f4;
    text-align: center;
    margin-bottom: .34rem;
    padding-bottom: .1rem;
}
.NA_top h1{
    font-size: .4rem;
    font-family: "Footlight MT Light";
    color: rgb(221, 221, 221);  
    text-transform: uppercase;    
    padding-top: .35rem; 
}
.NA_top h2{
    font-size: .26rem;
    color: rgb(73, 73, 73);
    margin-bottom: .2rem;
}

.NA a{
    display: inline-block;
    width: 3rem;
    height: 3.42rem;  
    text-align: center;
    margin-bottom: .26rem;
    background: #fff;
    margin-right: .1rem;
}
.NA a:nth-child(2n){
    margin-right: 0;
}

.NA a:hover{
    box-shadow: 3px 3px 5px 0px rgba(6, 0, 1, 0.1);
    border-color: rgb(232, 232, 232);
}
.NA a .img_box{
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    margin: .12rem auto 0 auto;
    display: block;
}
.NA a .img_box img{
    outline: 1px solid #ddd;
}
.NA a p{
    width: 2.75rem;
    font-size: .18rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin: 0 auto;
    height: .56rem;
    line-height: .56rem;     
}
.allpro .pro_screen{
    background: #f4f4f4;
    width: 6.4rem;
    height: 2.24rem;  
    text-align: center; 
}
.pro_screen h1{
    font-size: .4rem;
    font-family: "Footlight MT Light";
    color: rgb(221, 221, 221);  
    text-transform: uppercase;    
    padding-top: .35rem; 
    margin-bottom: .18rem;
    text-align: center;  
}
.pro_screen h2{
    font-size: .26rem;
    color: rgb(73, 73, 73);
    text-align: center;
    margin-bottom: .2rem; 
}
.pro_list{
    padding-bottom: .3rem;
    background: #a9a9a9;
}
.pro_list .main a{
    display: inline-table;
    width: 2.76rem;
    height: 3.82rem;  
    text-align: center;
    margin-top: .3rem;
    padding: .12rem .12rem 0 .12rem;
    background: #fff;
    margin-right: .09rem;
}

.pro_list .main a:nth-child(2n){
    margin-right: 0;
}


.pro_list .main a .img_box{
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    margin: 0 auto;
    display: block;
}
.pro_list .main a .img_box img{
    outline: 1px solid #ddd;
}
.pro_list .main a p{
    height: .56rem;
    font-size: .18rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    height: .56rem;
    line-height: .56rem;    
    text-align: left; 
    overflow: hidden;
}
.pro_list .main a i{
    width: 100%;
    display: inline-block;
    font-size: .18rem;
    color: rgb(0, 0, 0); 
    text-align: left;
}



.pro_list{padding-bottom: .3rem;}
.pro_list2 .main a{
    display: inline-block;
    border: 1px solid transparent;
    width: 2.74rem;  
    text-align: center;
    margin-top: .3rem;
    padding: .12rem .12rem 0 .12rem;
}
.pro_list2 .main a:hover{
    box-shadow: 3px 3px 5px 0px rgba(6, 0, 1, 0.1);
    border-color: rgb(232, 232, 232);
}
.pro_list2 .main a .img_box{
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    margin: 0 auto;
    display: block;
}
.pro_list2 .main a p{
    height: .56rem;
    font-size: .18rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    height: .56rem;
    line-height: .56rem;    
    text-align: left; 
    overflow: hidden;
}
.pro_list2 .main a i{
    width: 100%;
    display: inline-block;
    font-size: .18rem;
    color: rgb(0, 0, 0); 
    text-align: left;
}




.pages {
    text-align: center;
    padding: .60rem 0;
}
.pages #prev, .pages #next {
    width: .8rem;
    height: .52rem;
    margin: 0 .1rem;
}
.pages a {
    font-size: .2rem;
    width: .52rem;
    height: .52rem;
    color: #868686;
    border: 1px solid #a1a1a1;
    text-align: center;
    line-height: .52rem;
    display: inline-block;
    margin:0 .10rem;
    background: #fff;
}
.pages a:hover, .pages .on {
    background: #222;
    color: #fff;
}


.pro_view_main>h1{
    width: 5.13rem;
    height: .88rem;
    font-size: .26rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    line-height: .88rem; 
    margin:0 auto;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}
.pro_bigpic{
    width: 5.04rem;
    margin: .2rem auto .47rem auto;
    /* padding: .2rem .28rem .47rem .28rem; */
    box-shadow: 3px 4px 20px #bbbbbb;
}
.pro_bigpic .img_box{
    width: 5.04rem;
    height: 5.04rem;
    line-height: 5.04rem;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all 0.5s;
}
.pro_bigpic .slick-current .img_box {
    border: 1px solid #c5b4b4;
    transition: all 0.5s;
}

.pro_bigpic .img_box img{
    display: inline-block;
}
.pro_smallpic{
    width: 4.94rem;
    margin: 0 auto;
    text-align: center;
    padding-bottom: .3rem;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.pro_smallpic .slider-prev,.pro_smallpic .slider-next{
    position: absolute;
    width: .23rem;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    border: 1px solid #cccccc;
    color: #333;
    font-size: .2rem;
    top: .16rem;
    font-weight: bold;
}
.pro_smallpic .slider-prev{
    left: -.32rem;
    background: url(../images/slider-prev.png) no-repeat center;
    background-size: .11rem auto;
}
.pro_smallpic .slider-next{
    right: -.32rem;
    background: url(../images/slider-next.png) no-repeat center;
    background-size: .11rem auto;
}
.pro_smallpic .item-box{
    widows: 1.1rem;
    /* height: 1.1rem; */
    /* line-height: 1.1rem; */
}
.pro_smallpic .item-box .img_box {
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    margin: 0 auto;
    display: block;
    border: 1px solid #e0e0e0;
    transition: all 0.3s;
}
.pro_smallpic .item-box p {
    width: 1.1rem;
    margin: 0 auto;
    font-size: .15rem;
    text-align: center;
    overflow: hidden;
    margin-top: .2rem;
    opacity: .5;
}
.pro_smallpic .slick-current .img_box {
    border: 1px solid #bda6a6;
    transition: all 0.3s;
}
.pro_smallpic .slick-current p {
    opacity: 1;
    transition: all 0.3s;
}
.pro_smallpic .item-box .img_box img{
    display: inline-block;
}
.pro_detail{
    padding: .26rem 0 .3rem .5rem;
    font-size: .18rem;
    color: #333;
}
.pro_detail ul li{
    margin: .1rem 0;
    display: inline-block;
    width: 100%;
}
.pro_detail ul li h4{
    font-size: .2rem;
    font-weight: bold;
    display: inline-block;
    margin-right: .26rem;
    float: left;
}
.pro_detail ul li p{
    font-size: .18rem;
    display: inline-block;
    color: #555555;
    width: 4.63rem;
}
.pro_detail ul li p img{
    width: 4.11rem;
    height: .9rem;
}
.pro_detail::after {
    content: '';
    width: 5.60rem;
    background: #eaeaea;
    display: inline-block;
    height: 1px;
}
.VR{width: 5.6rem;margin: 0 auto;}
.VR h2{
    font-size: .20rem;
    color: #333;
    font-weight: bold;    
    display: inline-block;
    margin-right: .35rem; 
}
.VR_exp{
    border: 1px solid rgb(154, 154, 154);;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 0px 0px rgba(230, 229, 229, 0.004);
    width: 1.1rem;
    height: .37rem;  
    line-height: .37rem;  
    display: inline-block;
    background: url(../images/vr_logo.png) no-repeat;
    background-position-x: .1rem;
    background-position-y: center;
    background-size: .27rem auto;
    font-size: .14rem;
    color: rgb(51, 51, 51);
    text-decoration: underline; 
    padding-right: .14rem;
    text-align: right;
}
.Qr_show{
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin-left: .4rem;
}


.next_btn {
    padding: .35rem 0;
    text-align: center;
}
.next_btn_box {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: .25rem;
    overflow: hidden;
}
.next_btn_box a {
    width: 1.8rem;
    height: .60rem;
    line-height: .65rem;
    display: inline-block;
    float: left;
    border-left: 1px solid #ccc;
    font-size: .18rem;
}
.next_btn_box a:nth-child(1) {
    background: url(../images/pro_prev.jpg) no-repeat .20rem center;
    text-indent: .40rem;
    border-radius: .25rem;
    background-size: .17rem auto;
}
.next_btn_box a:nth-child(2) {
    background: url(../images/pro_next.jpg) no-repeat 1.5rem center;
    text-indent: -0.20rem;
    background-size: .17rem auto;
}
.next_btn_box a:nth-child(3) {
    background: #f6f6f6 url(../images/pro_return.jpg) no-repeat .25rem center;
    text-indent: .4rem;
    background-size: .17rem auto;
}
.pro_Recommend{
    height: 5rem;
    background: #f2f2f2;
    padding: .3rem 0 0 0;
}
.pro_Recommend h1{
    font-size: .26rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;     
    display: inline-block;
}
.rec_list{margin-top: .6rem;}
.rec_list a {
    display: inline-block;
    width: 3rem;
    height: 3.42rem;
    text-align: center;
    background: #fff;
}
.rec_list a .img_box {
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    margin: .12rem auto 0 auto;
    display: block;
}
.rec_list a .img_box img{
    outline: 1px solid #ddd;
}
.rec_list a p {
    width: 2.75rem;
    font-size: .18rem;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin: 0 auto;
    height: .56rem;
    line-height: .56rem;
}
/* .rec_list a:hover {
    box-shadow: 0.03rem 0.03rem 0.05rem 0px rgba(6, 0, 1, 0.1);
    border-color: rgb(232, 232, 232);
    background: #fff;
} */
.rec_btn{float: right;}
.rec_prev,.rec_next{
    background-color: rgb(161, 161, 161);
    width: .56rem;
    height: .56rem;  
    line-height: .56rem; 
    font-size: .4rem;
    font-family: '宋体'; 
    text-align: center;
    color: #fff;
    display: inline-block;
    margin:0 .15rem;
}
.rec_prev{
    background: url(../images/rec_prev.png) no-repeat center;
    background-color: rgb(161, 161, 161);
    background-size: .17rem auto;
}
.rec_next{
    background: url(../images/rec_next.png) no-repeat center;
    background-color: rgb(161, 161, 161);
    background-size: .17rem auto;
}
.rec_prev:hover,.rec_next:hover{
    background-color: #000;
}


.dis_top{
    height: 1.18rem;
    background: #f4f4f4;
    text-align: center;
}
.dis_top h1{
    font-size: .28rem;
    padding: .3rem 0 .1rem 0;
}
.dis_top h2{
    font-size: .12rem;
    text-transform: uppercase;
}
.login{
    border: 1px solid rgb(210, 210, 210);
    border-radius: 0.03rem;
    background-color: rgb(253, 253, 253);
    width: 5.96rem;
    height: 6.26rem;   
    margin: .36rem auto .60rem auto; 
}
.login .text_box{
    width: 5.7rem;
    border-bottom: 1px dotted #cccacb;
    margin: 0 auto;
    text-align: center;
}
.login .text_box h1{
    font-size: .26rem;
    color: rgb(51, 51, 51);
    font-weight: bold;
    padding: .28rem 0;
}
.login .text_box h2{
    font-size: .18rem;
    color: rgb(58, 58, 58);
    text-transform: uppercase;  
    margin-bottom: .1rem;   
}
.login .text_box h2 i{
    color: #cb6a6a;
}
.login form{text-align: center;}
.login form>div{
    border: 1px solid rgb(201, 201, 201);
    border-radius: .02px;
    width: 5.18rem;
    height: .82rem;  
    line-height: .82rem;
    margin: .18rem auto; 
    display: inline-block;  
}
.login form .img_box{
    width: .76rem;
    height: .8rem;
    line-height: .8rem;
    display: inline-block;
    float: left;
}
.login form .img_box img{
    width: .45rem;
    height: auto;
}
.login form input{
    width: 4.40rem;
    height: .82rem;
    border: none;
    border-left: 1px solid #c9c9c9;
    font-size: .24rem;
    color: rgb(211, 210, 210);
    line-height: .82rem;
     text-indent: .4rem;
}

.login #sub{
    border-radius: .02px;
    background-color: #333333;
    width: 5.17rem;
    height: .62rem;    
    font-size: .18rem;
    color: rgb(255, 255, 255);
    line-height: .62rem;
    border: none;
    margin: .18rem auto; 
    display: block;
}
.video{text-align: center;}
.video .img_box{
    width: 6rem;
    height: 4.1rem;
    margin: .3rem auto;
    display: inline-block;
}
.video .img_box video{
	max-width:100%;
}


.Se{text-align: center;}
.Se h1{
    font-size: .28rem;
    color: rgb(9, 9, 11);
    line-height: 0.778;     
    padding: .29rem 0;
}
#distpicker {display: inline-block;}
#distpicker select{
    width: 2.28rem;
    height: .39rem; 
    text-indent: .1rem;  
    margin: 0 .07rem;  
    font-size: .16rem;
}
.screen input{
    width: .96rem;
    height: .32rem;  
    background: #333;
    color: #f0d487;
    font-size: .18rem;
    border: none; 
    margin-left: .27rem;      
}
.Se ul li{margin-top: .58rem;}
.Se ul li:last-child{margin-bottom: .5rem;}
.Se ul li .img_box{
    width: 4.12rem;
    height: 3.07rem;  
    line-height: 3.07rem;  
    margin: 0 auto;
    display: block; 
}
.Se ul li p{
    font-size: .18rem;
    color: rgb(41, 41, 41); 
    text-align: center; 
    margin-top: .25rem;
}
.news_list {
    text-align: center;
    margin-bottom: .74rem;
}
.news_list ul li{
    width: 6.16rem;
    height: 1.42rem;
    margin: .13rem auto;
    display: inline-block;
}
.news_list ul li .img_box{
    width: 2.15rem;
    height: 1.42rem;    
    display: inline-block;  
    float: left;
}
.news_list ul li .text_box{
    background-color: rgb(243, 243, 243);
    width: 3.66rem;
    height: 1.19rem;  
    display: inline-block; 
    padding: .22rem .1rem 0 .14rem; 
    margin-left: .09rem;
    text-align: left; 
}
.news_list ul li .text_box h1{
    font-size: .18rem;
    color: rgb(68, 68, 68); 
    position: relative;      
}
.news_list ul li .text_box h1 i{
    display: inline-block;
    width: .31rem;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;       
}
.news_list ul li .text_box h1::after {
    content: '';
    background: #bfbfbf;
    height: 1px;
    display: block;
    margin-top: .17rem;
}
.news_list ul li .text_box p{
    font-size: .18rem;
    color: rgb(102, 102, 102);
    width: 3.61rem;
    height: .52rem;     
    margin-top: .16rem;
    line-height: .26rem;
}

.newsv-con {
    padding: .40rem .20rem;
    border-top: .01rem solid #e5e5e5;
    border-bottom: .01rem solid #e5e5e5;
    margin-bottom: .10rem;
}
.newsv-con-tit {
    text-align: center;
    margin-bottom: .15rem;
}
.newsv-con-tit h3 {
    font-size: .24rem;
    color: #646464;
    margin-bottom: .08rem;
}
.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-con-text iframe{
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.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;
}
.Contact_info {
    padding: .58rem .45rem .6rem .45rem;
}
.Contact_info h1{
    font-size: .18rem;
    color: rgb(201, 153, 17);     
}
.Contact_info h1 i{
    font-size: .48rem;
    color: rgb(201, 153, 17);     
}
.Contact_info h2{
    font-size: .18rem;
    color: rgb(48, 48, 48);   
    margin: .22rem 0 .4rem 0; 
}
.Contact_info ul li{
    font-size: .18rem;
    color: rgb(48, 48, 48); 
    line-height: .4rem;    
}

.map .img_box {
    width: 6.4rem;
}

.service{
    width: 100%;
    background: #e9e9e9;
    margin-top: .24rem;
    text-align: center;
}
.service h1{
    padding-top: .44rem;
    font-size: .29rem;
    color: rgb(68, 68, 68);    
    font-weight: bold;
}
.service h2{
    font-size: .18rem;
    color: #4b4b4b;   
    margin: .22rem;
}
.service p{
    font-size: .18rem;
    color: rgb(68, 68, 68);
    line-height: .32rem;
    width: 4.98rem;    
    margin: 0 auto;
}
.service_block{
    width: 2.43rem;
    height: .68rem;
    line-height: .32rem;
    border: 1px solid #d3d3d3;
    background: #fff;
    display: inline-block;
    color: #4b4b4b;
    font-size: .18rem;
    padding: .1rem 0 .05rem 0;
    margin: .3rem .06rem .44rem .06rem;
}
.message{text-align: center;margin-bottom: .37rem;}
.message h1{
    font-size: .28rem;
    color: rgb(75, 75, 75);
    padding: .33rem 0 .4rem 0;
}

.message form>div{
    font-size: .16rem;
    color: rgb(75, 75, 75);
    margin: .15rem 0;
    display: inline-block;
    width: 5.6rem;
    line-height: .48rem;
    text-align: left;  
}
.message form input{
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    background-color: rgb(249, 249, 249);
    width: 4.72rem;
    height: .45rem;   
    float: right;
    text-indent: .15rem;
}
.message form textarea{
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    background-color: rgb(249, 249, 249);
    width: 4.54rem;
    height: 1.22rem;   
    resize: none;
    float: right;  
    padding: .1rem;
    font-size: .16rem;
    color: rgb(75, 75, 75);
}
.message #sub{
    border: none;
    width: 4.8rem;
    height: .50rem;  
    background: #333;
    color: #fff;
    text-align: center;
    line-height: .50rem;
    margin: .5rem auto 0 .9rem;
    font-size: .18rem;
}


.pro_sort ul li{
    width: 5.9rem;
    height: 2.72rem;
    border-bottom: 1px solid #f4f4f4;
    margin: 0 auto .4rem auto;
}
.pro_sort ul li .img_box{
    width: 5.9rem;
    height: 2rem;
    line-height: 2rem;
}
.pro_sort ul li span{
    display: block;
    height: .72rem;
    line-height: .72rem;
    font-size: .26rem;
    color: rgb(51, 51, 51);     
    text-align: left;
    text-indent: .1rem;
    background: url(../images/pro_sort_go.png) no-repeat;
    background-position-y: center;
    background-position-x: 5.7rem;
    background-size: .12rem auto;
}


.pro_search{
    display: inline-block;
}
.pro_search input{
    width: 2.56rem;
    height: .44rem;
    background-color: rgb(255, 255, 255);
    text-indent: .2rem;
    font-size: .16rem;
    font-family: "SimSun";
    color: rgb(171, 171, 171);
    border: none;
}
.pro_search button{
    width: .44rem;
    height: .44rem;
    background: url(../images/pro_search.png) no-repeat center;
    background-size: .26rem auto;
    border: none;
    background-color: rgb(255, 255, 255);
    float: right;
}