/*小菜单*/
/* menuBox */
.menu-handler { width: 58px; height: 58px; cursor: pointer; position:fixed; top:40px; right:30px; display: none; margin-left: 15px; z-index: 1001;transition: all .3s ease;}
.menu-handler .burger { width: 24px; height: 2px; background: #000; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.header-fixed .menu-handler{margin-top: -15px;}
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }

.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1000; background-color: #f6f7f7; }
.menuBoxShow { right: 0px; }

/* .menuclose {} */

.navMobile { padding: 5% 0px 0; }
.navMobile dd { display: block;margin-left: 0; width: 100%; text-align: center; }

.navMobile dd ul{display: none;}
/*.navMobile dd ul.on{height: auto;}*/
.navMobile dd p{ width:200px; margin:0 auto; }
.navMobile dd p a { text-transform: uppercase; font-size: 18px; position: relative; }
.navMobile dd a { display: block; padding: 12px 0px; line-height: 1.4; font-size: 14px; color: #646464; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd span{ display:block; position:absolute; top:50%; background: #bc3e3e; width:0; height:1px; transition:300ms; -webkit-transition:300ms; }
.navMobile dd .line_1{ left:0; }
.navMobile dd .line_2{ right:0; }
 .navMobile dd p a.cur { color: #bc3e3e; }
 .navMobile dd p a.cur span{ width:40px; }
.mlogo{ width:200px; display:block; margin:0 auto; margin-top:20px; }
.navMobile dd>ul>li>a{font-size: 16px;}
.navMobile .unopen>a{color: #bc3e3e;}
.mlogo img{ width:100%; }
.menuBox .tool{ float:none; text-align:center; font-size:0; margin:0; }
.tool a { display:inline-block; vertical-align:middle; float:none; }
.navMobile dd.navmenu3_on p a{color: #bc3e3e;}
.navMobile dd.navmenu3_on p  span{width: 40px;}

@media screen and (min-width:1601px){

}
@media screen and (max-width:1600px){
  .banner .more{line-height: 47px;height: 47px;}
}
@media screen and (max-width:1440px){
  .banner .text{height: 200px;}
  .hd-nav>ul>li>a{pointer-events: }
  .banner .num{font-size: 200px;line-height: 200px;}
  .banner .text .ms{line-height: 20px;left: 43%;}
  .banner .text .ms h1{font-size: 45px;line-height: 45px;}
  .banner .more{left: 43%;}
  .banner .img1 .more, .banner .img7 .more{bottom: -70%;}
  .banner .img2 .text .ms h1, .banner .img4 .text .ms h1, .banner .img5 .text .ms h1{margin: 55px 0 45px;}
  .banner .img2 .more, .banner .img4 .more, .banner .img5 .more, .banner .img6 .more,.banner .img3 .more{bottom: -70%;left: 43%;}
  .banner .img6 .text .ms h1, .banner .img0 .text .ms h1{margin: 78px 0 73px;}

  /*banner 中文*/
  #chinese .banner .text .ms h1{line-height: 55px;margin: 42px 0 45px;}
  #chinese .banner .text .ms{line-height: 24px;}
  #chinese .banner .img1 .more, #chinese .banner .img7 .more{bottom: -70%;}
  #chinese .banner .img4 .text .ms h1{margin: 68px 0 72px;}


  /*.banner .text p{left: 39%;font-size: 30px;line-height: 40px;}*/

 /* .banner .more{left: 40%;}
  .banner .img1 .text{top: 32%;}
  .banner .img2 .text{top: 34%;}
  .banner .img4 .text{top: 30%;}
  .banner .img5 .text{top: 30%;}
  .banner .img1 .text p,
  .banner .img7 .text p{width: 75%;}
  .banner .img2 .text p{width: 50%;}
  .banner .img3 .text p{width: 80%;}
  .banner .img4 .text p{width: 85%;}
  .banner .img5 .text p{width: 90%;}
  .banner .img6 .text p{width: 60%;}

  .banner .img1 .more,
  .banner .img7 .more{bottom: -35%;}
  .banner .img2 .more{bottom: -25%;}
  .banner .img3 .more{bottom: -85%;left: 40%;}
  .banner .img4 .more{bottom:  -55%;}
  .banner .img5 .more{bottom:  -55%;}
  .banner .img6 .more,.banner .img0 .more{bottom:  -35%;}
  #chinese .banner .img3 .more{bottom: -54%;}
  #chinese  .banner .img4 .more, #chinese  .banner .img5 .more,
  #chinese .banner .img2 .more{bottom: -30%;}
   #chinese  .banner .img6 .more{bottom: -30%;}
   #chinese .banner .img1 .more,#chinese .banner .img7 .more{bottom: -30%;}
   #chinese .banner .img2 .text{top:32%;}
   #chinese .banner .img2 .text{top:30%;}
  #english .banner .text p{font-size: 35px;line-height: 38px;}
   #chinese .banner .img3 .text{top: 30%;}
  #chinese .banner .img4 .text {top: 35%;}
  #chinese .banner .text p{font-size: 30px;line-height: 40px;bottom: 13%;}
  #chinese .banner .img4 .text p{width: 100%;}
  #chinese .banner .img3 .text p{width: 100%;bottom: -9%;}
  #chinese .banner .img5 .text p{width: 120%;}
  #chinese .banner .img6 .text p{width: 120%;}
  #chinese .banner .img7 .text p,
  #chinese .banner .img1 .text p{width: 130%;}
  #english .banner .img1 .text p,
  #english .banner .img7 .text p{width: 100%;}
#english .banner .img4 .text p{width: 90%;}*/
  /*#chinese .banner .text p{width: 140%;}*/
  /*.banner .img3 .text p{left: 39%;top: 32%;}*/
  /*.banner .img3 .text p{width: 120%;}
  #english .banner .img4 .text p{width: 100%;}
  .banner .img5 .text p{width: 150%;}*/
  /*.banner .more{width: 200px;}*/
  footer .wrap{width: 1200px;padding: 5% 2% 7%;}

}
@media screen and (max-width:1366px){
  .banner .text p{font-size: ;}
  footer .wrap{width: 96%;padding: 5% 2% 7%;}
}
@media screen and (max-width:1281px){

}
@media screen and (max-width:1200px){
  header .wrap{width: 100%;}
  .logo{left: 20px;}
  .hd{left: 0;margin-left: 0;}
  .header-search{right: 50px;}
  .hd-nav>ul>li>a{padding: 0 20px;}
  .index-style{height: auto;overflow: hidden;}
  .style-box{position: inherit;}
  .style-l,.style-r {width: 50%;height: auto;overflow: hidden;}
  .style-l img{height: 401px;}
  .style-box .index-tit{position: inherit;}
  .style-li{}
  .ft-market img{width: 400px;}
  .jm .wrap{width: 96%;padding: 0 2%;}
  .news-box{width: 96%;padding: 0 2%;}
  /*.news-box li{width: 27.5%;margin-left: 2.5%;}*/
  .style-wrap{;display: none;}
  /*.design-li{width: 25%;margin-right: 3%;}*/
  .banner .more{left: 43%;}
  .banner .text .ms{left: 39%;}
  .banner .text .ms h1{font-size: 35px;line-height: 35px;margin-top: 35px;}
  .banner .img1 .more, .banner .img7 .more{bottom: -80%;}
  .banner .img2 .text .ms h1, .banner .img4 .text .ms h1, .banner .img5 .text .ms h1{margin: 55px 0 45px;}
  .banner .img2 .more, .banner .img4 .more, .banner .img5 .more, .banner .img6 .more,.banner .img3 .more{bottom: -70%;left: 43%;}
  .banner .img6 .text .ms h1, .banner .img0 .text .ms h1{margin: 78px 0 73px;}

  /*banner 中文*/
  #chinese .banner .text .ms{left: 43%;}
  #chinese .banner .text .ms h1{line-height: 45px;margin: 52px 0 45px;}
  #chinese .banner .text .ms{line-height: 24px;}
  #chinese .banner .img1 .more, #chinese .banner .img7 .more{bottom: -70%;}
  #chinese .banner .img4 .text .ms h1{margin: 78px 0 62px;}
}
@media screen and (max-width:1024px){
.hd-nav>ul>li>a{padding: 0 10px;}
.banner .text{height: 150px;}
.hd-nav>ul>li>a{pointer-events: }
.banner .num{font-size: 150px;line-height: 150px;}
/*.banner .text p{left: 39%;font-size: 30px;line-height: 30px;}*/
/*.banner .img3 .text p{left: 39%;}*/
.banner .more{width: 150px;height: 35px;line-height: 35px;}
.banner_btn{bottom: 20px;}
  .logo img{height: 60px;}
  .banner .more{left: 35%;}
  .index-tit{margin-top: 0;}
  .index-pro h2{font-size: 32px;line-height: 32px;}
.ft-l{padding-right: 30px;}
#news .wrap{width: 96%;margin: 0 2%;}
.close{display: none;}

  .banner .num{font-size: 180px;line-height: 200px;}
  .banner .text .ms{line-height: 20px;left: 40%;}
  .banner .text .ms h1{font-size: 35px;line-height: 35px;margin: 45px 0 25px;}
  .banner .more{left: 40%;}
  .banner .img1 .more, .banner .img7 .more{bottom: -90%;}
  .banner .img2 .text .ms h1, .banner .img4 .text .ms h1, .banner .img5 .text .ms h1{margin: 65px 0 45px;}
  .banner .img2 .more, .banner .img4 .more, .banner .img5 .more, .banner .img6 .more, .banner .img3 .more{bottom: -85%;left: 40%;}
  /*.banner .img2 .more, .banner .img4 .more, .banner .img5 .more, .banner .img6 .more,.banner .img3 .more{bottom: -70%;left: 43%;}*/
  .banner .img6 .text .ms h1, .banner .img0 .text .ms h1{margin: 78px 0 73px;}
  /*banner 中文*/
  /*#chinese .banner .text .ms{left: 40%;}*/
  #chinese .banner .text .ms h1{line-height: 45px;margin: 52px 0 35px;}
  #chinese .banner .text .ms{line-height: 24px;left: 40%;}
  #chinese .banner .img1 .more, #chinese .banner .more{bottom: -90%;left: 40%;}
  #chinese .banner .img4 .text .ms h1{margin: 78px 0 62px;}
  #chinese .banner .img2 .more,#chinese .banner .img4 .more,#chinese .banner .img5 .more,#chinese .banner .img6 .more,#chinese .banner .img3 .more{bottom: -90%;left: 43%;}
  /*#chinese .banner .more{left: 40%;}*/
}
@media screen and (min-width:861px){
  .contact-box p.address{background-position: 0 3px;}
  .contact-box p.tel{background-position: 0 -50px;}
  .contact-box p.fax{background-position: 0 -117px;}
  .contact-box p.email{background-position: 0 -183px;}
  .contact-box p.web{background-position: 0 -247px;}
  .map {display: none;height:700px; margin-top: 70px;}
  .address span.add{display: block;line-height: 30px;}
}
@media screen and (max-width:864px){
/*honor*/
.honors-m li{margin-bottom: 1rem;}
/*.honors-m li:nth-child(2){position: relative;margin: 0 0 1.5rem;padding-top: .5rem;}*/
/*.honors-m li:nth-child(2) img{display: none;}*/
/*.honors-m li:nth-child(2) p{width: 100%;height: 55%;padding: 20% 0;text-align: center;font-size: 2.5rem; line-height: 3rem;font-weight: bold;background: #fff;border:1px solid #000;}*/
  #mobile{display: block;}
  #pc{display: none;}
  /*menu*/
  .menu-handler{ right: 50px;}
  #pc-lang{display: none;}
  .lang span.text{width: 32px;}
  #mobile-lang{display: block;top: 20px;}
  .hd-nav,.header-search{display: none;}
  .menu-handler{ top: 22px; display: block;}
  #indexheader.header-fixed .menu-handler{margin-top: 0px;}
  .header-fixed .menu-handler{margin-top: 0px;}
  #indexheader.header-fixed{padding-top: 20px;}
  #pageheader{height: 95px;}
  #pageheader .logo{top: 20px;}
  #pageheader .lang{top: 35px;}
  .page-banner{margin-top: 95px;}
  .logo img{height: 52px;}
  .lang{top: 22px;right: 20px;}
  header{ height: 88px; }
  .index-tit{margin-top: 0;}
  .index-pro h2{float: left;margin-left: 20px;font-size: 32px;line-height: 32px;}
  .pro-tag{float: left;margin-top: 30px;}
  .ft-top{display: none;}
  /*banner*/
  /*#chinese .banner .img3 .text p,.banner .img2 .text p,.banner .img2 .text p{width: 200%;}
  #chinese .banner .text p{font-size: 25px;}
  #english .banner .text p{ width: 200%;font-size: 25px; line-height: 25px;}
  #english .banner .img1 .text p, #english .banner .img7 .text p{width: 200%;}*/
/*  #banner-mobile{position: relative;background-color: #eee;}
  #banner-mobile .img{opacity: 0;visibility: hidden;display: none;}
  #banner-mobile img{width: 100%;}
  #banner-mobile .bg{display: block;width: 100%;height: 100vh;}
  #banner-mobile .text{position: absolute;top: 25%;left: 1.5rem;z-index: 999;}
  #banner-mobile .text{width: 85%;}
  #banner-mobile .num{position: absolute;top: 10px;font-size: 10em;font-family: 'helveticaneueltcomblk'; color: #f7d350;}
.banner .text p{position: relative;}
#english .banner .text p{font-size: 22px;line-height: 25px;}
.banner .more{position: inherit;left: auto;bottom: 0;}
  #banner-mobile p{position: relative;left: 5px;top: -10%;width: 100%; margin-top: 5px; font-size: 2.5rem;line-height: 2.5rem;font-weight: bold;font-family: 'arial bold','arial';}
  #chinese #banner-mobile p{line-height: 35px;font-size: 28px;font-family: 'Microsoft Yahei';}
  #banner-mobile .more{position: relative; display: inline-block;width:170px;padding:0 5%;height: 30px;width: 140px;margin-top: 25px;margin-left: 6px;font-size: 16px;line-height: 32px;background: url(../images/more_icon.png) 90% center no-repeat;border:1px solid #272525;transition: all .3s ease;}
*/
/*banner*/
.banner .more{position: inherit;left: 39%;bottom: 0;}
.banner .img3 .more{bottom: -75%;}
#english .banner .text p{font-size: 22px;line-height: 22px;}
.banner_btn{margin-left: 0;left: 0;}
.banner .img6 .more, .banner .img0 .more{bottom: -25%;}
.banner .img5 .more{bottom: -32%;}
.banner .img2 .text{top: 30%;}
.banner .img1 .more, .banner .img7 .more{bottom: -25%;}
.banner .img3 .more{bottom: -45%;}
.banner .img4 .more{bottom: -35%;}
.banner .img2 .more{bottom: -20%;}
#chinese .banner .text p{bottom: inherit;top: 40%;}
#chinese .banner .text p{font-size: 20px;line-height: 26px;}
#chinese  .banner .img4 .more, #chinese  .banner .img5 .more, #chinese .banner .img2 .more{bottom: -15%;}
#chinese .banner .img1 .more, #chinese .banner .img7 .more{bottom: -15%;}
#chinese .banner .img3 .more{bottom: -30%;}
#chinese  .banner .img6 .more{bottom: -15%;}
    /*lang*/
  #mobile-lang a{ display: none;font-size: 18px; color: #646464;}
  #mobile-lang{ top:inherit; right: inherit;width: 100%;text-align: center;}
  #pageheader .lang{top:inherit;right: inherit;width: 100%;text-align: center;}
  .banner_btn{bottom: 10px;}
    #banner-mobile .more{position: relative; display: inline-block;width:114px;height: 6px;font-size: 16px;line-height: 32px;margin-left: 6px;background: url(../images/more_icon3.png) 90% center no-repeat;border:1px solid #272525;transition: all .3s ease;}
    .banner .more{font-size: 14px;  line-height: 34px;}
    .banner .img3 .text p{top: 15%;}
}

@media screen and (max-width:864px){

  /*lang end*/
  .main{background-color: #fff;}
  .banner .text,.banner .img3 .text{left: 1rem;}
  /*#mobile{display: block;}
  #pc{display: none;}
  #banner-pc{display: none;}*/
  #banner-mobile{display: none;}
  #content, #news-detial{padding: 3rem ;}
  header{height: 80px;}
  .page-banner{position: relative;height: 390px;}
  .page-banner h1{position: absolute;top: 60%;margin-top: -14px;font-size: 35px;}
  .page-banner div{height: 390px;}
  .page-banner .text{width: 100%;-webkit-background-size: cover;
  background-size: cover;}
  .newscon{width: auto;}
  .news-box .img{width: 100px;height: 100px;float: left;}
  .news-box .text{padding-left: 120px;}
/*banner */

/*banner end*/
  .pagemain{ padding: 3rem 1rem; }
  .wrap{width: 100%;}
  .menu-handler.active{top: 10px;right: 0;}
  .menu-handler{right: 20px;}
  .pro-tag{display: none;}
  /*关于我们菜单下拉*/
/*.pro-tag .tag-l, .tag-r{display: inline-block;float: none;margin-bottom: 30px;border-left: 0;height: auto;text-align: center;}*/
/*#products .pro-tag{display: block;padding: 0 1rem;margin-top: 0;}*/
#products .pro-tag .tag-l,#products .pro-tag .tag-r{height: auto;border-left: 0;}
#products .tag-r{width: 100%;}

.tag-r ul li,
.tag-l ul li{float: none;display: inline-block;width: 50%;margin: 0; }
.tag-r ul li{padding-right: 0;}
.index-tit{width: 100%;text-align: left;}
.index-tit h2{ float: none;margin-left: 0;}
.pro-li-r p{font-size: 20px;}
.pro-li-l p{font-size: 16px;}
.pro-li-l p, .pro-li-r p{left: 3rem;}
.index-more{margin: 3rem 3rem 0;}
.index-more a{width: 100%;text-align: center;height: 40px; padding-left: 0; line-height: 40px;background:  none;}
.index-more a:hover,.style-more a:hover, .news-more a:hover{background: #000; color: #fff;}
.tag-l, .tag-r{padding: 0;}
.tag-l{width: 100%;}
/*banner*/
.page-banner{height: 200px;}
.page-banner .img{height: 200px;}
.page-banner .text{height: auto;left: auto;margin-left: 0;background: none;}
.page-banner .text h1{top: 50%;transform: translateY(50%); font-size: 2.5em; text-align: center; line-height: 25px;text-transform: uppercase;}
.page-banner .text::before{display: none;}
/*.banner{background-color: #eee;}
.banner .text{height: 80px;}

.banner .num{position: initial;left: initial;margin-right: 1rem;font-size: 80px;line-height: 80px;}

.banner .text p,.banner .img3 .text p{font-size: 25px;left: initial;}
.banner .more{left: 50%;bottom: -45px; height: 28px; margin-left: -96px;font-size: 14px;line-height: 28px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0 ;}
.banner_btn span{width: 15px;}
.banner_btn{margin-left: -75px;}*/
.banner_btn{position: absolute;bottom: 10px;z-index: 999;width: 100%;text-align: center;}
.banner_btn span{display: inline-block;width: 15px;height: 6px;background-color: #fff;}
.banner_btn span.swiper-pagination-bullet-active{background-color: #000;}
.index-pro{margin:5rem 0;}
.pro-text{margin-bottom: 3rem;}
.tag-r{margin-bottom: 0;}
.pro-li ul,.pro-li-r{width: 100%;}
/*#chinese .banner .text p{font-size: 28px;}*/
/*.banner .img3 .text p{bottom: -15%;}
.banner .img3 .more{bottom: -70px;}*/
/*首页banner*/
#banner-mobile{position: relative;background-color: #eee;}
#banner-mobile .img{opacity: 0;visibility: hidden;display: none;}
#banner-mobile img{width: 100%;}
#banner-mobile .bg{display: block;width: 100%;height: 100vh;}
#banner-mobile .text{position: absolute;top: 25%;left: 1.5rem;z-index: 999;}
#banner-mobile .text{width: 85%;}
#banner-mobile .num{position: absolute;top: 10px;font-size: 10em;font-family: 'ArialBoldMT'; color: #f7d350;}
#banner-mobile .ms{position: relative;left: 28px;top: -10%;left: 5px;width: 100%; margin-top: -25px;line-height: 20px;}
#banner-mobile .ms h1{font-family: 'EuclidFlexBold';font-size: 3.2rem;line-height: 2.8rem;text-transform: uppercase;margin-top: 10px;}
#banner-mobile .img2 .ms h1,#banner-mobile .img4 .ms h1,#banner-mobile .img5 .ms h1{margin-top: 42px;}

#chinese #banner-mobile p{line-height: 28px;font-size: 22px;font-family: 'Microsoft Yahei';}
#banner-mobile .more{position: relative;left: 0; display: inline-block;height: 6px;width: 114px;margin-top: 25px;background: url(../images/more_icon3.png) 90% center no-repeat;transition: all .3s ease;border:none;}
#banner-mobile .img1 .text{top: 22%;}
#chinese #banner-mobile .ms h1{margin: 23px 0 30px;line-height: 45px;}
#chinese #banner-mobile .img4 .ms h1{margin: 23px 0 60px;line-height: 45px;}
/*#banner-mobile .img2 .ms h1,#banner-mobile .img4 .ms h1,#banner-mobile .img5 .ms h1{margin: 45px 0 30px;}*/
#chinese #banner-mobile .ms{line-height: 24px;}
 #banner-mobile .img3 .ms{text-align: right;}
#banner-mobile .img3 .num{right: 0;}
#banner-mobile .img3 .ms h1{text-align: right;}
#banner-mobile .img3 .more{right: 0;width: 100%;left: inherit;right: 0;}


#banner-mobile .img6 .ms h1,#banner-mobile .img0 .ms h1{margin: 35px 0 50px;}
/*首页banner end*/

  .jm td{display: block;margin-bottom: 10px;}
  .contact-con{position: initial;width: 96%;opacity: 1;padding:2rem 1rem;}
  .contact-con p{font-size: 16px;width: auto;}
  .jm textarea{margin-top: 0;width: 96%;padding: 2%;}
  .jm input{margin-top: 0;width: 96%;padding:0 2%;}
  .jm{padding: 3rem 1rem 3rem;}
  /*.index-tit{padding-left: 3rem;}*/
    .index-tit h2,.style-box .index-tit a ,.news-tit h2{margin-left: 3rem;}
  .index-tit a,.design-tit h2,.news-tit h2{font-size: 32px;line-height: 32px;color: #272525;}
.style-box .index-tit{top: 0;text-align: left;margin-bottom: 2rem;}
.index-style{padding: 5rem 0;background: #f1f1f1;}
.style-l:before{display: none;}
.style-prenext{display: block;}
.style-l{width: 100%;background-color: #fff;}
.style-l li{width: 100%;}
.style-l img{width: 100%;height: inherit;}
.style-r {width: 100%;height: 370px;background: transparent;}
.style-r p:first-child{padding: 3rem 3rem 1rem;text-align: justify;}
.address span.add{line-height: 30px;}
.contact-box p.address{padding:.8rem 0 .8rem 40px;background:  url(../images/address.png) 0 0 no-repeat;}
.contact-box p.address span{line-height: 30px;}
.contact-box p.address{background-position:  0 14px;}
#chinese .contact-box p.address{background-position:  0 13px;}
.contact-box p.webname{font-size: 16px;margin: 23px 0;}
.contact-box p.address{margin: 7px 0;}
/*about*/
#content .about{padding-top: 0;}
#about{padding: 3rem;}
#english #about{font-size: 16px; line-height: 32px;}
/*.style-wrap{padding: 2rem 3rem 3rem;overflow: hidden;}*/
#chinese .index-pro h2,#chinese .index-tit a,#chinese .design-tit h2,#chinese .news-tit h2{font-size: 2rem;line-height: 2rem;text-align: left;}
#chinese .pro-li-l p{font-size: 16px;}
#chinese  .pro-li-r p{font-size: 20px;}
.style-li{margin: 0;width: 30%; padding-right: 1rem;}
.style-li:last-child{padding-right: 0;padding-left: 1rem;width: 25%;}
.style-more{margin-top: 2rem;background-color: transparent;}
.style-more,.news-more{position: inherit;width: auto;margin:2rem 3rem 0; height: 42px;text-align: center; line-height: 40px; }
.style-more a,.news-more a{ display: inline-block; width: 100%; padding-left: 0; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #2e2c2c; border:1px solid #2e2c2c; background: none;}
.style-more a{margin-top: 1.5rem;}
.news-more a{background-color: #f5f5f5;}
/*设计*/
.index-designer{width: 100%;}
.design-tit{padding: 6rem 0 2rem;}
.design-tit h2{margin-left: 3rem;}
.designer{padding-top: 1rem;margin: 0 3rem;overflow: hidden;}
.design-li{width: 100%;padding-left: 0;height: 107px;margin-bottom: 3rem;}
.design-li .designer-tit{font-size: 20px;margin-left: 30px;line-height: 50px;height: 50px;overflow: hidden;}
.designer .design-job{font-size: 14px;left: 30px;}
.designer span{display: inline-block;}
.designer .num{font-size: 20px;float: left;left: inherit;top: inherit;}
.design-li img{white-space: ;}
.design-li:last-child{margin-left: 0;}


/*新闻*/
#news{padding: 3rem 0;}
#news .wrap{width: auto;margin: 0 3rem;}
.index-news{margin-top: 5rem;padding-bottom: 5rem;height: auto;background-size: cover;}
.news-tit{padding: 5rem  0 3rem 0;}
.news-tit, .news-box{width: 100%;}
.news-box{padding:0;}
.news-box li{width: 100%;}
.news-box li a{display: block;margin: 0 3rem 2rem;padding-bottom: 1.5rem;min-height: 100px;border-bottom: 1px solid #ddd;}
.news-box li:first-child a{padding-top: 2rem; border-top: 1px solid #ddd;}
.news-box li:first-child,.news-box li{margin: 0;}
.news-title{margin-bottom: .3rem;}
.news-box .ms{font-size: 14px;line-height: 22px;}
.news-box .date{margin-top: 0;font-size: 14px;}
.news-more{;margin-top: 2rem;}
.newslist{margin-bottom: 3rem;}
.newslist li{padding: 1rem;margin-bottom: 2rem;background-color: #f1f1f1;}
.newslist .txt{position: inherit;width: 100%;}
.newslist .tit, .newslist .description{width: 100%;}
.newslist .description{height: auto;}
.newslist img{padding-bottom: 1rem;width: 100%;height: auto;}
.newslist .tit{margin-top: 0;margin-bottom: .5rem;}
.newslist .date{ position: relative;right: initial;top: initial;margin-bottom: 0;padding-bottom: 0; font-size: 14px;}
.paging{padding-top: 0;}
  .newslist li:hover .txt:after{right:0;top:70px;opacity: 1;}
  .newslist li:hover .description,.newslist li:hover .tit{margin-left: 0;}
  .newslist li:hover .date,.newslist li:hover .tit{color: #333}
  .newslist li:hover .description{color: #666;}
.newscon{height: auto;}
.news-box li{background: transparent;box-shadow:none;}
.news-title{line-height: 20px;height: 20px;margin-bottom: 8px;}
.news-box .text{padding: 0 0 0 120px;}
.news-box .ms{height: 40px;overflow: hidden;margin-bottom: 5px;}
/*新闻详情*/
article .date{padding-bottom: 2rem;line-height: 12px;}
article .body img{max-width: 100%;}
article .body{margin-top: 2rem;}
.prenxt{padding-top: 2rem;border-top: 1px solid #eee;}
/*产品*/
.pro-sec .pro-li{width: 48.5%;margin-bottom: 1rem;}
.pro-sec .pro-li:nth-child(2n){margin-right: 0;}
.pro-sec .pro-li:nth-child(2n +1 ){margin-right: 3%;}
#products{width: 100%;padding: 2rem 0  3rem;}
#products .pro-sec ul, .position{margin:  0 1rem;}
#products .paging{margin-top: 2rem;}
#products .index-pro{margin:0 0 0;}
.position{display: none;}
.pro-sec .pro-li a::after{display: none;}
.pro-sec .pro-li a p{position: initial;margin-top: 0;height: 44px;overflow: hidden;color: #333;font-family: 'arial';}
.style-btn{display: none;}
#products .index-pro{}
.pro-sec{margin-top: 1rem;}
#products .index-tit{display: none;}
#products .tag-l{margin-bottom: 1rem;}
#products .tag-l h4, #products .tag-r h4{font-weight: bold;font-size: 2rem;}
/*产品详情*/
#prodetial-banner{display: none;}
.pro-detial{padding-top: 132px;}
.pro-detial-top{margin: 0 3rem 3rem;width: auto;}
.pro-detial{margin-top: 0;}
/*.pro-detial .img ul{display: none;}*/
.pro-detial-l, .img-big{width: 100%;height: auto;}
.pro-detial-l img{width: 100%;max-width: 100%;max-height: auto;}
.pro-detial-r{width: 100%;min-height: auto;margin: 2rem 0 0;padding-bottom: 0;height: auto;}
.pro-detial-r ul,
#chinese .pro-detial-r ul{display: none;}

.pro-detial-r h2{ margin-bottom:.5rem; font-size: 18px; line-height: 1.5rem;}
.pro-detial-r p{font-size: 14px;line-height: 30px;}
.pro-detial-r ul{display: none;}
.pro-detial-r .img{overflow: hidden;}
.img-big-m{overflow: hidden;}
.img-big-m img{width: 100%;}
.img-big-m ol li img{width: 100%;border: 1px solid #fff;box-sizing: border-box;}
.img-big-m .am-active{border:1px solid #000;box-sizing: border-box;}
.img-big-m .swiper-pagination{z-index: 999;background: #000;}
.img-big-m .am-control-nav{padding-left: 0;}
.img-big-m .am-control-nav li{width: 23.5%;margin-right: 2%;float: left;}
.img-big-m .am-control-nav li:last-child{margin-right: 0;}
.img-big-m li{overflow: hidden;float: left;}
.pro-content-tit,.pro-tit{height: 45px;}
.pro-content-tit  ul{position: relative;left: initial;margin-left: 0;}
.pro-content-tit li{margin: 0;width: 50%;font-size: 16px;}
.pro-content-tit  li{line-height: 45px;height: 45px;}
#chinese .pro-content-tit  ul{margin-left: 0;}
.map{margin-top: 3rem;}
.pro-prevnext{height: 60px;}
.pro-prevnext a{font-size: 16px;line-height: 60px;margin: 0;}
.pro-prevnext a.alibaba::before{background: url(../images/alibaba.png) no-repeat ;-webkit-background-size: auto 25px;background-size: auto 25px;height: 25px;width: 46px;margin:18px 10px 0 0;
}
.pro-prevnext .prev, .pro-prevnext .next{-webkit-background-size: auto 20px;
background-size: auto 20px;top: 19px;}
.nextinner{margin-right: 40px;}
.previnner{margin-left: 40px;}
.pro-content{width: auto;margin: 2rem 1rem 3rem;}
.pro-content h2{font-size: 20px;margin-bottom: 20px;}
.prodetial ul li .icon{margin-bottom: 10px;font-size: 16px;}
.prodetial ul li{width: 46%;}
.prodetial ul li:nth-child(1) .icon{ background:  url(../images/proicon1.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(2) .icon{ background:  url(../images/proicon2.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(3) .icon{ background:  url(../images/proicon3.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(4) .icon{ background:  url(../images/proicon4.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(5) .icon{ background:  url(../images/proicon5.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(6) .icon{ background:  url(../images/proicon6.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(7) .icon{ background:  url(../images/proicon7.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li:nth-child(8) .icon{ background:  url(../images/proicon8.png) center 0 no-repeat; background-size: auto 40px;}
.prodetial ul li .icon{padding-top: 50px;display: block;}
.prodetial ul div{line-height: 20px;font-size: 14px;margin-bottom: 20px;height: 60px;overflow: hidden;}
.prodetial ul li:nth-child(1),
.prodetial ul li:nth-child(4),
.prodetial ul li:nth-child(5),
.prodetial ul li:nth-child(8),
.prodetial ul li:nth-child(2n + 1)
{ color: #fff; background-color: #313131; }
.prodetial ul li:nth-child(2),
.prodetial ul li:nth-child(3),
.prodetial ul li:nth-child(6),
.prodetial ul li:nth-child(7)
{ color: #fff; background-color: #f7d350; color: #333;}
#contact{padding:1rem 1rem 0;border-bottom: 0;}
.jm .i-tit, #contact .i-tit{margin-bottom: 1rem;}
.jm table{width: 100%;}
  .contact-box p{line-height: 60px;}
.contact-box .wechat p{width: 30%;display: inline-block;text-align: center;padding-left: 0;}
.contact-box .wechat p span{
  line-height: 24px;
}
.contact-box .wechat p.webimg{padding-left: 5%;}
.contact-box .wechat p img{width: 100%;height: auto;}
.ft-bottom{width: auto;padding: 25px 1rem 20px;}
}
.prodetial ul li:nth-child(4) .icon{background:url(../images/proicon4_m.png) center 0 no-repeat;background-size: auto 40px;}
.prodetial ul li:nth-child(5) .icon{background:url(../images/proicon5_m.png) center 0 no-repeat;background-size: auto 40px;}
@media screen and (max-width:641px){

  #banner-pc{display: none;}
  #banner-mobile{display: block;}
#chinese .index-pro h2,#chinese .index-tit a,#chinese .design-tit h2,#chinese .news-tit h2{font-size: 3rem;line-height: 3rem;text-align: left;}
.style-r {width: 100%;height: 350px;background: transparent;}


}
@media screen and (max-width:481px){

}
@media screen and (max-width:361px){

}
@media screen and (max-width:321px){
}