li{ list-style: none;}
a {
    color: #999999;
    text-decoration: none;
}
/******************************************************/
.header{ width: 100%; height: 100px; overflow: hidden; position: relative;}
.header-img{ min-width: 100%; height: 100%;}
.header-box{ position: absolute; top:60px; left: 50%;  width: 1200px; margin-left: -600px;}

.header-nav{ margin: 20px auto; width: 1200px;}
.header-nav img{ width: 130px; float: left;}
.header-nav .header-box01 ul{ float: right;}
.header-nav .header-box01 ul li{ float: left; margin: 0px 10px; font-size: 16px; width:120px; height: 32px; line-height: 32px; text-align: center; position: relative; }
.header-nav .header-box01 ul li a{color: #666666; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; width: 100%; text-align: center; justify-content: center; -webkit-justify-content: center;}
.header-nav .header-box01 ul li a span{ display: inline-block; margin-left: 10px; width:5px; height: 10px; background: url(../imagas/sdf.png) no-repeat ; background-size: 100%; position: absolute; right:10px; }
.header-nav .header-box01 ul li.active{ background:rgba(219,192,167,0.2); }
.header-nav .header-box01 ul li.active a{color: #FF6600;}
.header-nav .header-box01 ul li.active a span{ display: inline-block; margin-left: 10px; width:10px;  height: 5px;  background: url(../imagas/fg@2x.png) no-repeat ; background-size: 100%;  }

.header-nav .header-box01 ul li:hover{background:rgba(219,192,167,0.2); }
.header-nav .header-box01 ul li:hover a{ text-decoration: none; color: #FF6600;}

.header-text{margin-top: 230px;}
.header-text h3{ font-size: 50px; color: #FFFFFF; line-height:80px;  text-shadow:0px 3px 6px rgba(14,0,0,0.8); font-weight: normal; }
.header-text p{font-size: 20px; color: #FFFFFF; line-height: 40px; text-shadow:0px 3px 6px rgba(14,0,0,0.8)}
.header-textimg{ margin-top: 50px;}
.header-textimg ul li{ float: left; width: 150px;  margin-right: 30px;}
.header-textimg ul li img{ width: 130px;}
.header-textimg ul li span{ width: 14px; font-size: 12px; display: inline-block; color:#333333;}
.header img.mianfimg{ width:140px; }

/*内容区*/
.centent{ width: 1200px; margin: auto; text-align: center;}
.centent-box1{ width: 100%; margin-top:80px;}
.centent-title{ text-align: center; position: relative;}
.centent-title img{ width: 400px;}
.centent-title a{position: absolute; right: 0px; }

.jianjie{ width: 100%; margin-top: 50px;}
.jianjie-left{ float: left; text-align: left; width: 45%; margin-top: 50px; text-align: center;}
.jianjie-left h3{ margin: 0px;}
.jianjie-left h3 img{ width: 150px; margin-bottom: 20px;}
.jianjie-left p{ color: #6C6E70; font-size: 18px; line-height: 30px; margin: 0px; text-align: left;}
.jianjie-img{ float: right; width: 45%;}

.chanp{ width: 100%; margin-top: 60px;}
.chanp ul li{ width: 33%; float: left; height: 300px; box-sizing: border-box;}
.chanp-img{ width: 100%; height: 100%; box-sizing: border-box;}
.chanp-img img{height: 100%; width: 100%;}

.chanp ul li:hover .chanp-box{display: block;}
.chanp ul li:hover .chanp-box2{display: none;}
.chanp-box{ display: none; width: 100%; height: 100%; background: #EF9B43; color: #FFFFFF; text-align: center;  padding: 40px; box-sizing: border-box;}
.chanp-box h3{ font-size: 24px; line-height: 40px; margin: 0px;}
.chanp-box p{ font-size: 18px; margin-top: 10px; line-height: 30px;}

.chanp-box2{ width: 100%; height: 100%; background: #EF9B43; color: #FFFFFF; text-align: center;  padding: 40px; box-sizing: border-box;}
.chanp-box2 img{ width: 80%;}

.xinwen{ width: 100%; margin-top: 60px;}
.xinwen ul li{ width:25%; float: left; padding: 10px; box-sizing: border-box;}
.xinwen ul li img{ width: 100%; height:200px;}
.xinwen-box{ margin-top: 10px;}
.xinwen-box h3{ text-align: left; font-size: 18px; line-height: 40px;}
.xinwen-box h3 span{ float: right; font-size: 12px; color: #666666;}
.xinwen-box div{ font-size: 12px; color: #666666; line-height: 20px; text-align: left; height: 80px; overflow: hidden;}
.xinwen-box div p{ margin: 0px;}
.xinwen ul li:hover h3{ color:#EF9B43;}
.xinwen ul li:hover a{ border: none; text-decoration: none;}
.xinwen ul li a{ border:none;}
.wenhua{ width: 100%;}
.wenhua ul li{ width:25%; float: left; padding:60px; box-sizing: border-box; text-align: center;}
.wenhua ul li div{ width: 100%; height: 210px; line-height: 210px; color: #FFFFFF; background:url(../images/yuin@2x.png) top no-repeat; background-size: 100%; margin-bottom: 20px;}

.footer{ width: 100%; height:300px; background: url(../images/background1.png) no-repeat; background-size: 100%; padding-top: 20px;  position: relative;}
.footer-box{ width: 1200px; height:300px; margin: auto; color: #FFFFFF;}
.footer-box ul{ float: left; margin-top: 60px;}
.footer-box ul li{width: 100px; margin: 20px 120px; float: left; text-align: center;}
.footer-box ul li img{ width: 100%; }
.footer-box ul li span{ font-size: 12px; margin-top: 10px; display: block;}
.footer-right{ float: right; margin-top: 60px;}
.footer-right h3{ font-size: 14px; line-height: 30px;}
.footer-right p{ font-size: 12px; line-height: 30px; padding: 0px; margin: 0px;}
.footer-bot{ width: 100%; height: 40px; line-height: 40px; color: #aaa; font-size: 12px; border-top: 1px solid #90929F; position: absolute; bottom: 0px; text-align: center;}




.header01{ width: 100%; height: 600px; overflow: hidden; position: relative;}
.header01-img{min-width: 100%; height: 100%;}
.product-text{ color: #FFFFFF; font-size: 14px; text-align: center;margin-top: 150px;}
.product-text p{margin-top: 50px;line-height:25px;  }
.header01 img.mianfimg01{ width:400px; }

.centent01{ width: 1200px; margin:auto;text-align: center;}
.centent01 img{ width: 80%; margin-bottom: 60px;}


.header02{ width: 100%; height: 600px; overflow: hidden; position: relative;}
.header02-img{ min-width: 100%; height: 100%;}
.product-text{ color: #FFFFFF; font-size: 14px; text-align: center;margin-top: 130px;}
.header02 img.mianfimg02{ width:500px; }

.centent02{  width: 1200px; margin:auto; text-align: center; margin-top: 50px;}

.sui-nav.nav-tabs.tab-wraped{ width: 240px; height: 40px; line-height: 40px;margin: auto;}
.sui-nav.nav-tabs.tab-wraped>li{ width: 50%;}
.sui-nav.nav-tabs.tab-wraped>li h3{ font-size: 14px; font-weight: normal; padding: 0px; margin: 0px; line-height: 40px;}
.sui-nav.nav-tabs.tab-wraped>li a{ padding: 0;  height: 40px; line-height: 40px;}
.sui-nav.nav-tabs.tab-wraped>li.active>a {
    background: #fff;
    font-weight: normal;
    border:1px solid #DA751E;
    padding-top:0px;
    background: #DA751E;
    color: #FFFFFF;
    }
.sui-nav.nav-tabs.tab-wraped>li.active>a h3{
    
    color: #FFFFFF;
    }
 .tab-wraped > li ul {
    width: 140px;
  }
  .tab-wraped > li ul label {
    width: 50px!important;
  }
.tab-content.tab-wraped{ border: none;}
.tab-pane{ width: 100%;}
.tab-pane ul{ width: 100%;}
.tab-pane ul li{ width: 100%; height: 200px; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}
.tab-pane ul li:hover{ background: #F0F0F0;}
.tab-pane ul li:hover div a{background: #DA751E; color: #FFFFFF;}
.tab-pane ul li img{ float: left; width: 250px; height: 100%; margin-right: 20px;}
.tab-pane ul li div{ text-align: left; height: 100%; position: relative;}
.tab-pane ul li div h3{ font-size: 16px; color: #666666; line-height: 30px; margin: 0px;}
.tab-pane ul li div span{ font-size: 12px; color: #969696; line-height: 25px;}
.tab-pane ul li div p{ font-size: 14px; color: #666666; line-height:25px; height: 50px; overflow: hidden; margin: 0px;}
.tab-pane ul li div a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #E5E5E5; color: #333; position: absolute; bottom: 0px;}

.zoshu{ float: left;}
.sui-pagination{ margin:50px auto 150px;}
.sui-pagination ul{ width: 930px; float: right;}
.sui-pagination ul>.active>a, .sui-pagination ul>.active>span {
    background-color:#DA751E;
    color: #fff;
    border-color:#DA751E;
    cursor: default;
}
.sui-pagination ul>li{ border: none;}
.sui-pagination ul>li>a, .sui-pagination ul>li>span {
    position: relative;
    float: left;
    padding: 2px 12px;
    line-height: 18px;
    text-decoration: none;
    color: #969696;
    background-color: #fff;
    border: 1px solid #e0e9ee;
    margin-left: -1px;
    margin: 5px;
    height: 24px; line-height: 24px;
}
.sui-pagination ul>li>a:hover,.sui-pagination ul>li>a:focus{color:#fff;background-color:#DA751E;border-color:#DA751E}
.sui-pagination ul>.dotted>span, .sui-pagination ul>.dotted>a{ border-top:1px solid #e0e9ee; border-bottom:1px solid #e0e9ee;}


.header03{ width: 100%; height: 600px; overflow: hidden; position: relative;}
.header03-img{min-width: 100%; height: 100%;}
.product-text{ color: #FFFFFF; font-size: 14px; text-align: center;margin-top: 100px;}
.header03 img.mianfimg03{ width:750px; }

.centent03{  width: 1200px; margin:auto; text-align: center; margin-top: 50px; margin-bottom: 50px;}
.participate{ width: 100%; margin-bottom: 100px;}
.participate-title{ text-align: center; margin-bottom: 50px;}
.participate-title h3{ color: #333333; font-size: 20px; margin: 0px;}
.participate-title span{ display: inline-block; width: 26px; height: 4px; background: #DA751E;}

.participate-txt{ text-align: left;}
.participate-txt h4{ font-size: 16px;  margin-top: 40px; color: #DA751E;}
.participate-txt p{ font-size: 14px; margin: 0px; line-height: 25px;}


.header04{ width: 100%; height: 600px; overflow: hidden; position: relative;}
.header04-img{min-width: 100%; height: 100%;}
.product-text{ color: #FFFFFF; font-size: 14px; text-align: center;margin-top: 120px;}
.header04 img.mianfimg04{ width:900px; }

.centent04{  width: 1200px; margin:auto; text-align: center; margin-top: 50px; margin-bottom: 50px;}

.about-txt{ width: 100%;}
.about-txt img{ width:500px; float: left; margin-right: 20px;}
.about-txt div{ width: 600px; text-align: left; float: right;}
.about-txt div p{color: #333333; font-size: 16px; margin-top: 50px; line-height: 30px;}

.about-txt01{ width: 100%;}
.about-txt01 ul li{ width: 33.3%; float: left; padding: 30px; box-sizing: border-box;}
.about-txt01 ul li img{ margin-bottom: 10px; width: 120px;}
.about-txt01 ul li h3{ font-size: 20px;}
.about-txt01 ul li p{ font-size: 14px; color: #999999; line-height: 25px;}

.about-txt02{ width: 1200px; height:300px; margin: auto; color: #333333;}
.about-txt02 ul{ float: left; margin-top: 60px; margin-left:80px;}
.about-txt02 ul li{width: 120px; margin: 20px 60px; float: left; text-align: center;}
.about-txt02 ul li img{ width: 100%; }
.about-txt02 ul li span{ font-size: 12px; margin-top: 10px; display: block;}
.about-left{ float: left; margin-top: 60px; text-align: left;}
.about-left p{ font-size: 20px; line-height: 50px; padding: 0px; margin: 0px;}

.ab-text{ width: 70%; margin: auto;}
.ab-text h3{ font-size: 40px;}
.ab-text p{ font-size: 16px; line-height: 32px;}

.gend{ float: right; display: none;}
.gend i{ color: #666666; font-size: 18px;}

.swiper-container {
      width: 100%;
      height: 600px;
    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.swiper-button-next, .swiper-button-prev{ width: 20px; height: 60px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url(../images/icon_jiantou_left@2x.png) no-repeat;
	background-size:100% 100%;
	left:10%;
	right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(../images/icon_jiantou_right@2x.png)no-repeat;
    background-size:100% 100%;
    right: 10%;
    left: auto;
}
.swiper-container .swiper-slide:nth-child(1){ background: url(../images/homebanner.jpg) no-repeat; background-size: 100% 100%;}    
.swiper-container .swiper-slide:nth-child(2){ background: url(../images/homebanner.jpg) no-repeat; background-size: 100% 100%;}   
.swiper-container .swiper-slide:nth-child(3){ background: url(../images/homebanner.jpg) no-repeat; background-size: 100% 100%;}   
.header-box02{ display: none;}
.swiper-pagination-bullet{ background-color: #FFFFFF;}

.swiper-container2 {
	  float: right;
      width: 50%;
      height: 300px;
      margin-top: 20px;
      overflow: hidden;
    }
.swiper-container2 .swiper-slide img{ width: 100%; }
.swiper-container2 .swiper-slide {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 99;
}
.swiper-container2 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    z-index: 999;
}

.participate-form{ width: 100%; background: #FDDCC0; padding: 30px; box-sizing: border-box; color: #333333;}
.participate-form ul li{ width: 50%; margin: 10px 0px; float: left; text-align: left;}
.participate-form ul li span i{ font-size: 10px; color: #FF0000; margin-right: 2px;}
.participate-form ul li span{display: block; float: left; width:100px; height: 30px; line-height: 30px; text-align: center;}
.participate-form ul li input[type="text"]{ width: 70%; border: none; background: #FFFFFF; height: 30px; line-height: 30px; padding: 5px; box-sizing: border-box;}
.participate-form ul li:nth-child(5){ width: 100%;}
.participate-form ul li:nth-child(5) textarea{width: 85%; height: 200px;  border: none; background: #FFFFFF;padding: 5px; box-sizing: border-box;}
.participate-but{ width:150px; margin: 20px auto; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FF6600; color: #FFFFff; border: none; border-radius: 4px;}

@media screen and (max-width: 1200px) { /*平板*/
/*首页*/
.gend{ display: block;}
.header{ height: 400px;}
.swiper-container {height: 300px;}
.header-box{ width: 100%;margin-left: -50%;}
.header-nav{width: 100%; padding:15px; margin: 0px; box-sizing: border-box;}
.header-nav img{ width: 90px;}
.centent { width: 100%;}
.footer{ background-size: 100% 100%; padding: 0px;}
.footer-box{ width: 100%;}
.header-box01{ display: none;}

.centent-box1{ margin-top: 20px; padding: 0px 15px; box-sizing: border-box;}
.centent-title a{ display: none;}
.jianjie-left{ width: 100%; margin-top: 0px;}
.jianjie-left h3 img{ width: 80px;}
.jianjie-left p{ font-size: 14px; line-height: 25px;}
.swiper-container2{ width: 100%; margin-top: 0px;}
.jianjie{ margin-top: 20px;}

.chanp{margin-top: 20px;}
.chanp ul li{ height: 14rem;}
.chanp-box{ padding: 10px;}
.chanp-box h3 {font-size: 22px; line-height: 30px;}
.chanp-box p{ font-size: 14px; line-height: 25px;}

.xinwen{ margin-top: 20px;}
.xinwen ul li{ width: 50%;  margin-bottom: 10px;}

.wenhua{ margin-top: 20px;}
.wenhua ul li{ width: 50%; padding: 2px; text-align: center;}
.wenhua ul li p{ width: 100%; height: 20px; overflow: hidden;}
.wenhua ul li { font-size: 12px;}
.wenhua ul li div {
       width: 60%;
    height: 16rem;
    line-height: 16rem; margin: auto; font-size: 1.2rem;}
  
.footer-box ul{width: 50%; margin-top: 0px;}
.footer-box ul li{ width:50%; margin: 0px; padding: 30px; box-sizing: border-box;}  
.footer{ height: 280px;}
.footer-rigth{ width: 50%; padding:0px 20px; box-sizing: border-box; margin-top: 10px;}

.header-box02{ width: 100%;  position: absolute; top: 52px; left: 0px; z-index: 999; background: #FFFFFF; border-top:1px  #CCCCCC solid;}
.header-box02 ul li{ width: 100%; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px  #CCCCCC solid;}

.swiper-container2 { height: 400px;}

/*产品介绍*/
.header01{ height: 400px;}
.header01 img.mianfimg01{ width: 200px;}
.product-text{ margin-top: 25px;}
.product-text p{ font-size:14px; padding: 20px; margin: 0px;}

.centent01{ width: 100%;}
.centent01 img{ width: 95%;}

/*新闻中心*/
.header02{ height: 300px;}
.header02 img.mianfimg02{ margin-top: 20px; width: 40%;}
.centent02{width: 100%; margin-top: 20px; min-height: 600px;}
.tab-content.tab-wraped{ padding: 0px;}
.tab-pane ul{ margin-bottom: 20px; margin-top: 20px;}
.tab-pane ul li{ padding: 20px;}

/*招商加盟*/
.header03{ height: 300px;}
.header03 img.mianfimg03{ margin-top: 20px; width: 40%;}
.centent03{width: 100%; margin-top: 20px; min-height: 600px; padding:20px; box-sizing: border-box;}

/*个人中心*/
.header04{ height: 400px;}
.centent04{width: 100%; margin-top: 20px; min-height: 600px; padding:20px; box-sizing: border-box; margin-bottom: 0px;}
.about-txt img { width: 40%;}
.about-txt div{ width: 55%;}
.about-txt div p{ margin-top: 0px; margin-bottom: 20px;}

.participate{ margin-bottom: 0px;}
.participate-title{ margin-bottom: 10px; margin-top: 20px;}
.about-txt02{ width: 100%;}
}

@media screen and (max-width: 700px) { /*移动端*/
/*首页*/
.gend{ display: block;}
.header{ height: 260px;}
.swiper-container {height: 200px;}
.header-box{ width: 100%;margin-left: -50%;}
.header-nav{width: 100%; padding:15px; margin: 0px; box-sizing: border-box;}
.header-nav img{ width: 90px;}
.centent { width: 100%;}
.footer{ background-size: 100% 100%;}
.footer-box{ width: 100%;}
.header-box01{ display: none;}

.swiper-container2 {
    height: 200px;}
.centent-box1{ margin-top: 20px; padding: 0px 10px; box-sizing: border-box;}
.centent-title a{ display: none;}
.jianjie-left{ width: 100%; margin-top: 0px;}
.jianjie-left h3 img{ width: 80px;}
.jianjie-left p{ font-size: 14px; line-height: 25px;}
.swiper-container2{ width: 100%; margin-top: 0px;}
.jianjie{ margin-top: 20px;}

.chanp{margin-top: 20px;}
.chanp ul li{ height: 16rem; width: 100%;}
.chanp-box{ padding: 10px;}
.chanp-box h3 {font-size: 22px;}
.chanp-box p{ font-size: 16px;}

.xinwen{ margin-top: 20px;}
.xinwen ul li{ width: 100%; padding: 0px; margin-bottom: 10px;}

.wenhua{ margin-top: 20px;}
.wenhua ul li{ width: 50%; padding: 2px; text-align: center;}
.wenhua ul li p{ width: 100%; height: 20px; overflow: hidden;}
.wenhua ul li { font-size: 12px;}
.wenhua ul li div {
    width: 80%;
    height: 11rem;
    line-height: 11rem; margin: auto; font-size: 1rem;}
  
.footer-box ul{width: 100%; margin-top: 0px;}
.footer-box ul li{ width:50%; margin: 0px; padding: 30px; box-sizing: border-box;}  
.footer{ height: 420px;}
.footer-rigth{ width: 100%; padding:0px 20px; box-sizing: border-box; margin: 0px;}

.header-box02{ width: 100%;  position: absolute; top: 52px; left: 0px; z-index: 999; background: #FFFFFF; border-top:1px  #CCCCCC solid;}
.header-box02 ul li{ width: 100%; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px  #CCCCCC solid;}
.header-box02 ul li a{ display: block; width: 100%; height: 100%;}
.header-box02 ul li a:hover{ color: #FF6600; text-decoration: none;}
/*新闻中心*/
.header02{ height: 300px;}
.header02 img.mianfimg02{ margin-top: 20px; width: 80%;}
.centent02{width: 100%; margin-top: 20px; min-height: 600px;}
.centent02 h3{ font-size: 1rem;}
.tab-content.tab-wraped{ padding: 0px;}
.tab-pane ul{ margin-bottom: 20px; margin-top: 20px;}
.tab-pane ul li{ height: 150px; padding: 10px;}
.tab-pane ul li div h3{ height: 30px; overflow: hidden;}
.tab-pane ul li img{ width: 140px;margin-right: 10px;}
.tab-pane ul li div p{ line-height: 23px;}
.tab-pane ul li div span{ line-height: 16px;}

/*招商加盟*/
.header03{ height: 300px;}
.header03 img.mianfimg03{ margin-top: 20px; width: 80%;}
.centent03{width: 100%; margin-top: 20px; min-height: 600px; padding: 10px; box-sizing: border-box;}
.participate-title{ margin-bottom: 10px;}
.participate{ margin-bottom: 30px;}

/*个人中心*/
.ab-text{ width: 90%;}
.ab-text h3{font-size: 24px;}
.ab-text p{ line-height: 25px; }
.header04{ height: 400px;}
.centent04{width: 100%; margin-top: 20px; min-height: 600px; padding:20px; box-sizing: border-box; margin-bottom: 0px;}
.about-txt img { width: 100%;}
.about-txt div{ width: 100%; margin-top: 10px;}
.about-txt div p{ margin-top: 0px; margin-bottom: 20px;}
.about-txt01 ul li{ width: 100%;}
.about-txt02 ul{ width: 100%; margin: 0px;}
.about-txt02 ul li{ width: 50%; margin: 0px; padding: 10px; box-sizing: border-box;}
.about-left{ margin: 0px;}
.about-left p{ font-size: 14px;}

.participate-form{ width: 100%; background: #FDDCC0; padding: 10px; box-sizing: border-box; color: #333333;}
.participate-form ul li{ width:100%; margin: 10px 0px; float: left; text-align: left;}
.participate-form ul li input[type="text"]{ width:100%; border: none; background: #FFFFFF; height: 30px; line-height: 30px; padding: 5px; box-sizing: border-box;}
.participate-form ul li:nth-child(5) textarea{width:100%; height: 200px;  border: none; background: #FFFFFF;padding: 5px; box-sizing: border-box;}

}
@media screen and (max-width: 400px) { 
	.wenhua ul li div {
    width: 80%;
    height: 11rem;
    line-height: 9.8rem; margin: auto; font-size: 1rem;}
	}