*{padding:0;margin:0; border:0;}
html,body{ font-size:10px;width:100%;}
body{font-size:1.2rem; line-height:2rem; min-width:1280px; margin:0 auto; color:#323232; border-image-width:0; padding-top:5rem; }
ul,li{ list-style:none; }

body a, body a:linked,body  a:hover,body a:visited,body a:active{ text-decoration:none;}

.btn-danger{ background:#f05900; border-radius: 20px; padding-left:2rem; padding-right:2rem;}
.container{ width:128rem;  margin:0 auto; }
 
header{ background:#323232; height:5rem; line-height:5rem; margin:0; padding:0; border:0; overflow: hidden; position: fixed; width:100%; z-index:1000; top:0; left:0;}
header a,header i{color:#fff;}
header a:hover,header a:active{color:#ccc;}
header .logo img{height:4rem;}
header .logo,header .nav{ float:left; padding-right:4rem;}
.nav a{ padding-left:4rem; padding-right:4rem; font-family: '微软雅黑','黑体','宋体', Courier, monospace}

 
.banner,.banner2 { position: relative; overflow: auto; width:100%;border-image-width:0;   }
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner img{width:100%; display: block; border-image-width:0;}
.banner2 img{width:100%; display: block; border-image-width:0;}
 

.indexcontact { background:#fafafa;}
.indexcontact .line{ height:5px; background:#fff; border-bottom:5px solid #fff; clear: both; }
.indexcontact .container{padding:2rem; } 
.indexcontact .logobig{ width:26rem; padding-top:5rem;}
.indexcontact h5{ line-height:2rem; padding-top:2rem; padding-bottom:2rem;}
.indexcontact .row{ margin-top:5rem; margin-bottom:5rem;}
.indexcontact .row .col-xs-2{width:20%; text-align: center;}

.row .col-xs-1{width:12%;}
 
.flexbox { 
    display: flex;
    flex-direction: row;
}
.flexbox .flexitem{  flex:1;}

.flexbox .img100{width:100%; }

.bussinesstext{ width:80%; padding:5rem 3rem; }
.title { background:url(../img/titlebg.jpg) no-repeat center bottom; padding-bottom:1.5rem; margin-bottom:5rem;}
.title2 { background:url(../img/titlebg.jpg) no-repeat center top; padding-top:1.5rem; margin-top:1.5rem; padding-bottom:1rem; color:#323232; font-size:1.4rem;}

.bussinesstext .flexbox{ margin-top:4rem;}
.bussinesstext .circle{border:1px solid #f05900; border-radius: 50%; width:12rem;height:12rem; margin:0 auto; padding:2rem; }
.bussinesstext h4{ color:#f05900; font-size:1.6rem; margin-top:2rem;}

.contactustext{ width:80%; padding:5rem 3rem; float:right; }
 

.btn-contactus{ text-align:left; font-size:1.4rem; border:1px solid #f05900; display: block; width:80%; margin:0 auto; margin-bottom:2rem; padding:0.5rem 1rem; height:5rem; line-height:4rem; border-radius: 2.5rem }
.btn-contactus i{ color:#f05900; padding-right:1rem;}

footer{ background:#f2f2f2; padding:3rem;}
footer li{ padding:2rem  ; float:left;}
footer li a{ color:#f05900; font-size:1.4rem;}
footer .copyright{ clear: both; line-height: 2rem; padding-left:2rem;}
footer .copyright a{ color:#323232}


.pagecontent .container{padding:6rem 7rem; } 
.pagecontent h5{ line-height:2rem; padding-top:0; padding-bottom:2rem; font-weight:bold; font-size:1.4rem; line-height:3rem;}
.aboutbussiness {width:50%; margin:2rem auto; }
.aboutbussiness .circle{ border-radius: 50%; background:#fbfbfb; width:12rem;height:12rem; margin:0 auto; padding:2rem; 
    box-shadow:4px 4px 10px #ccc;  
}
.aboutbussiness h4{ padding-top:1rem; font-size:1.6rem;}
.pagecontentgray{ background:#f2f2f2}

.abouttask a{ background:#f7f7f7; display:table; margin:0 auto;  
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.abouttask a:hover{
   

    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    text-decoration: none;
}

.contactaddress {width:60rem;margin:0 auto; margin-bottom:3rem;}
.contactaddress .pull-left{ width:45rem; padding:1rem; background:#fff; border-radius: 5px; font-size:1.6rem;}
.contactaddress i{ color:#f05900;}
.contactaddress .pull-right a{width:14rem;padding:1rem; color:#fff; background:#f05900; display: block; border-radius: 5px; font-size:1.6rem;}

.pagecontentmobile{ background:url(../img/mobilebg.jpg) no-repeat ; background-size:100% 100%; padding-bottom:3rem;}

.pagecontentmobile .title{ color:#fff; background-image: url(../img/titlebgwhite.jpg); margin-bottom: 3rem;}

.pagecontentmobile .media{ width:60rem; margin:0 auto; padding:3rem 10rem; background-color:rgba(255,255,255,0.8);}

.pagecontentmobile .media .media-heading{ padding:1.5rem; color:#f05900; font-size:2rem; line-height:3.5rem; text-align: left;}


.pagecontentemail{ background:url(../img/emailbg.jpg) no-repeat ; background-size:100% 100%; padding-bottom:3rem;}

.emaildiv{ width:60rem; padding:3rem; background:#f7f7f7; margin:0 auto; }
.emaildiv h5{ width:35rem; height:5rem; font-size:1.6rem; background:#fff; line-height:5rem; display: block; text-align:center; margin:2rem auto; border-radius: 5px;}
.emaildiv h5.icoemail{ background:url(../img/ico_email.png) #fff no-repeat 3rem center; }
.emaildiv h5.icourl{ background:url(../img/ico_url.png) #fff no-repeat 3rem center; }
.emaildiv a{width:20rem;padding:1rem; color:#fff; background:#f05900; display: block; border-radius: 5px; font-weight: bold; font-size:1.6rem;  line-height: 3rem; margin:1rem auto; }


 
.bShadow {
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    will-change: transform, box-shadow; }
.bShadow-light {
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08); }
.bShadow-inset {
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, 0.25), 0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05); }
    
.bShadow-11, .bShadow-11h:hover {
box-shadow: rgba(62, 57, 107, 0.3) 0 6px 16px 0; }     

.banner2{ overflow: visible;}
.menubrand { position: absolute; bottom:-7rem; left:50%; background-color: #fff; border-radius: 0.5rem; width:100rem; height:14rem; margin-left:-50rem; z-index:100 ;}
.menubrand a{ border-right:1px solid #e0e0e0; display: block; height:10rem; top:2rem; width:25rem; position: absolute; background-repeat: no-repeat; background-position: center; background-size:15rem auto; }

.menubrand .menubrand_1{ background-image: url(../img/brand_1.png); left:0;}
.menubrand .menubrand_2{ background-image: url(../img/brand_2.png); left:25rem;}
.menubrand .menubrand_3{ background-image: url(../img/brand_3.png); left:50rem;}
.menubrand .menubrand_4{ background-image: url(../img/brand_4.png); left:75rem; border-right:0;}

.menubrand .hover{  background-color: #f05900; z-index:200;
    transform: scale(1.2);
    -ms-transform:scale(1.2);     /* IE 9 */
    -moz-transform:scale(1.2);     /* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2);
    border-radius: 0.5rem;   
    border-right:0;
    height:14rem; top:0;
 }

 .menubrand .menubrand_1.hover{background-image: url(../img/brand_1_hover.png);  }
 .menubrand .menubrand_2.hover{background-image: url(../img/brand_2_hover.png); }
 .menubrand .menubrand_3.hover{background-image: url(../img/brand_3_hover.png); }
 .menubrand .menubrand_4.hover{background-image: url(../img/brand_4_hover.png); }

 .brandinfo {width:100rem; margin:3rem auto; font-size:1.6rem; text-align: left; line-height:3rem;}
 .brandinfo .title{ background-position: left bottom; text-align: left; font-size:1.6rem; font-weight: bold; padding-bottom:3rem; margin-top:2rem; margin-bottom:3rem;}

 .pagecontentproduct{ background:url(../img/productbg.jpg) no-repeat left top ; background-size:100% auto;}


 .pagecontentproduct .container{ overflow: hidden; width:100rem; padding-bottom:8rem;  }
 .swiper-container {
    width:93%;
    height:100%;
    overflow: visible;
    margin-top:8rem;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:0.3rem; 
  }

  .swiper-container .swiper-slide-active{
    transform: scale(1.2);
    -ms-transform:scale(1.2);     /* IE 9 */
    -moz-transform:scale(1.2);     /* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2);

  }

  .swiper-slide img{ padding:1rem;}
  .swiper-slide h4{ margin:0; clear: both; display: block; width:100%; font-size:1.6rem;   min-height:4rem; line-height: 2rem; background:#f7f7f7 ; border-top: 2px solid #f05900; padding:1rem ; }
 .swiper-button-prev{ margin-left:-10rem; background-image:url(../img/ico_left.png); width:60px; height:60px; background-size:60px 60px;}
 .swiper-button-next{ margin-right:-10rem;background-image:url(../img/ico_right.png);width:60px; height:60px; background-size:60px 60px;}


 .indexbussiness,.indexbussiness tbody,.indexbussiness tr{width:100%;}
 .indexbussiness td{width:50%;}


 .indexcontactus,.indexcontactus tbody,.indexcontactus tr{width:100%;}
 .indexcontactus td{width:50%;}