@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;font-size:.28rem;overflow-x: hidden;background:#fff;font-family: "PingFang SC";}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.overflow1{
	 white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow2{
	white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow3{
  white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow5{
  white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.overflow6{
  white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

header{width: 100%; z-index: 999; }
header .header-in{ width: 100%; background:#fff; padding: 0.3rem 0.25rem; overflow: hidden; box-sizing:border-box; border-bottom: 1px solid #e5e5e5;}
header .header-in .logo a img{  width: 5.14rem;}

header .hd-right{ padding-top: 0.19rem; }
header .hd-right .menu{ position: relative; width: 0.38rem;  height: 0.34rem; cursor: pointer; transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;}

header .hd-right .menu em{ width: 0.4rem; height: 0.04rem; display: block; background-color: #d50128; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; text-align: right;  position: absolute; right: 0;}
header .hd-right .menu em:first-of-type{  width: 0.4rem; top:0; }
header .hd-right .menu em:nth-of-type(2){ width: 0.4rem;  top:0.12rem;}                 
header .hd-right .menu em:last-of-type{  top:0.24rem;   }
header .hd-right .menu.on em:first-of-type{  width: 0.38rem;    transform: translate(0, 0.12rem) rotate(-45deg);
                   -moz-transform: translate(0, 0.12rem) rotate(-45deg);
                   -webkit-transform: translate(0, 0.12rem) rotate(-45deg);
                   -ms-transform: translate(0, 0.12rem) rotate(45deg);}
header .hd-right .menu.on em:nth-of-type(2){     transform: scale(0, 1);
                  -moz-transform: scale(0, 1);
                  -webkit-transform: scale(0, 1);
                  -ms-transform: scale(0, 1);}                 
header .hd-right .menu.on em:last-of-type{  transform: translate(0, -0.12rem) rotate(45deg);
                   -moz-transform: translate(0, -0.12rem) rotate(45deg);
                   -webkit-transform: translate(0, -0.12rem) rotate(45deg);
                   -ms-transform: translate(0, -0.12rem) rotate(45deg);}

.menulist{ width: 5.5rem; text-align: left; padding-bottom: 0.3rem; background: #666666; position: fixed; z-index: 100; top:1.90rem; right: 0; display: none; }
.menulist>li,.menulist>li>a,.menuin>a{ padding-left: 0.4rem; font-size: 0.26rem; color: #fff; font-family: '微软雅黑'; line-height: 0.8rem; }
.menulist>li>a{ display: inline-block; width: 5.5rem; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menulist>li{ padding-left: 0; }
.menulist a{ position: relative;}

.menulist a:after{ content: ''; width: 0.16rem; height: 0.16rem; border-top: 0.02rem solid  #fff; border-right: 0.02rem solid #fff; position: absolute; right: 0.42rem; top:0.3rem; transform:rotate(45deg); -ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg); transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s; }
.menulist a.on:after{ transform:rotate(135deg); -ms-transform:rotate(135deg);-moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg);}


.menuin a:after{ width: 0.12rem; height: 0.12rem;  top: 0.23rem;}
.menuin{  display: none;}
.menuin>a{ display: block; font-size: 0.22rem; line-height: 0.6rem; padding-left: 0.6rem; }

.menu-list{width: 5rem; background: rgba(0,0,0,0.5); position: fixed; right: 0; top: 1.28rem; z-index: 999; padding-bottom: 0.3rem;   -webkit-transform: translate(100%, 0);
    transform: translate(100% ,0); }
.menu-list ul li,.menu-list ul li a{ padding-left: 0.14rem; display: block; height: 0.8rem; line-height: 0.8rem; font-family: ‘微软雅黑’; color: #fff; font-size: 0.32rem; }
.menu-list ul li{ border-bottom: 0.01rem solid #999; position: relative; }
.menu-list ul li:before{ content: ''; position: absolute; right: 0.36rem; top: 50%; margin-top: -0.1rem;  width: 0.2rem; height: 0.2rem; border-top: 0.02rem solid #fff; border-right: 0.02rem solid #fff; transform: rotate(45deg);
                   -moz-transform:  rotate(45deg);
                   -webkit-transform:  rotate(45deg);
                   -ms-transform:  rotate(45deg);}

.menu-list.on{ display: block;     -webkit-transform: translate(0, 0)!important;
    transform: translate(0, 0)!important;
    -webkit-transition: -webkit-transform 430ms cubic-bezier(.3, 0, 0, 1);
    transition: transform 430ms cubic-bezier(.3, 0, 0, 1);}
.gray{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 99; display: none;} 

.sear-box{ padding-top: 0.3rem; padding-bottom: 0.3rem; width: 7.5rem; position: fixed; top:1.15rem; background: rgba(0,0,0,0.6); z-index: 100; padding-left: 0.4rem; padding-right: 0.4rem; box-sizing:border-box; display: none;}
.sear-box span{ width: 0.36rem; height: 0.36rem; margin-top: 0.02rem; float: left; cursor: pointer; background: url(../images/icon1.png) no-repeat center; background-size: 0.33rem auto;}
.sear-box .tex{ color: #fff; font-size: 0.28rem; line-height: 0.4rem; height: 0.4rem; width: 5.3rem; background: none; text-decoration: none; border: none; display: inline-block; border-left: 0.02rem solid #fff; padding-left: 0.2rem; margin-left: 0.2rem;}
.sear-box .icon-sea{ border: none;  width: 0.36rem; height: 0.36rem; margin-top: 0.02rem;cursor: pointer; background: url(../images/icon1.png) no-repeat center; background-size: 0.33rem auto;float: right;}
.sear-box span.icon-clo{ position: relative; background-image: none;}
.sear-box span.icon-clo:before,.sear-box span.icon-clo:after{ content: ''; width: 0.4rem; height: 0.03rem; top:0.18rem; left: -0.01rem; background: #fff; position: absolute; border-radius: 0.03rem;}
.sear-box span.icon-clo:before{ transform:rotate(45deg); -ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);  }
.sear-box span.icon-clo:after{ transform:rotate(135deg); -ms-transform:rotate(135deg);-moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg); }

header .hd-right .search{ margin-top: -0.02rem; border: none; width: 0.35rem; height: 0.35rem; display: block; background: url(../images/icon1.png) no-repeat center; background-size: 0.35rem auto; margin-right: 0.3rem;}
header  .search{ margin-top: -0.02rem; border: none; width: 0.35rem; height: 0.35rem; display: block; background: url(../images/icon1.png) no-repeat center; background-size: 0.35rem auto; margin-right: 0.3rem;}

.swiper-slide a,.swiper-slide a img{ display: block; width: 100%;}
.banner .swiper-pagination-bullet-active{  background: #d50128; opacity: 1;}
.swiper-pagination-bullet{background: #fff;opacity: 1;}

/*底部*/
footer{background: #000;padding: .2rem;margin-bottom: 1rem;}
footer h3,footer h1,footer p{text-align: center;color: #999999;}
footer h3{font-size: .28rem;line-height: .4rem;}
footer h1{color: #e50012;font-size: .4rem;padding-bottom: .15rem; line-height: .52rem;}
footer p{font-size: .24rem;line-height: .34rem;}

.footer {z-index: 666;height: 1rem;margin-top: 1rem;width: 100%; background: #fff;position: fixed;bottom: 0;}
.footer .list{display: flex;justify-content:space-around;}
.footer .list a{color: #999; position: relative;display: block;padding-top: .6rem;}
.footer .list a:before{
	content: "";
	display: block;
	position: absolute;
	width: .5rem;
    height: .5rem;
    top: .1rem;
    left: .04rem;
}
.footer .list a.on{color: #e50012;}
.footer .list a:nth-child(1):before{background: url(../images/icon6.png)no-repeat center;background-size: .38rem .4rem;}
.footer .list a:nth-child(1).on:before{background: url(../images/icon6on.png)no-repeat center;background-size: .38rem .4rem;}
.footer .list a:nth-child(2):before{background: url(../images/icon7.png)no-repeat center;background-size: .46rem .38rem;left: .3rem;}
.footer .list a:nth-child(2).on:before{background: url(../images/icon7on.png)no-repeat center;background-size: .46rem .38rem;left: .3rem;}
.footer .list a:nth-child(3):before{background: url(../images/icon8.png)no-repeat center;background-size: .4rem .32rem;left: .3rem;}
.footer .list a:nth-child(3).on:before{background: url(../images/icon8on.png)no-repeat center;background-size: .4rem .32rem;left: .3rem;}
.footer .list a:nth-child(4):before{background: url(../images/icon9.png)no-repeat center;background-size: .42rem .4rem;left: .3rem;}
.footer .list a:nth-child(4).on:before{background: url(../images/icon9on.png)no-repeat center;background-size: .42rem .4rem;left: .3rem;}
.footer .list a:nth-child(5):before{background: url(../images/1.png)no-repeat center;background-size: .42rem .4rem;left: .3rem;}
.footer .list a:nth-child(5).on:before{background: url(../images/1.png)no-repeat center;background-size: .42rem .4rem;left: .3rem;}

/*分页*/
.pages{text-align: center;margin: .63rem 0;}
.pages a,.pages .current{ vertical-align: top; margin: 0 .1rem; color: #555; background: #fff; display: inline-block; min-width: 0.6rem; padding: 0 .1rem; box-sizing: border-box; height: 0.6rem; line-height: 0.6rem; border-radius: .06rem; }
.pages .prev{ background: url(../images/icon10.png) center no-repeat; background-size: .08rem; }
.pages .prev:hover{ background: #e50012 url(../images/icon10on.png) center no-repeat; background-size: .08rem; }
.pages .next{ background: url(../images/icon11.png) center no-repeat; background-size: .08rem; }
.pages .next:hover{ background: #e50012 url(../images/icon11on.png) center no-repeat; background-size: .08rem; }
.pages a{border:1px solid #f6f6f6;}
.pages a.on{ background: #e50012; color: #fff; }

/*banner1*/
.banner1{width: 100%;height: 3.8rem;position: relative;}
.banner1 img{width: 100%;height: 3.8rem;}
.banner1 p{padding: 0 .35rem; position: absolute;bottom: 1.5rem;left: .2rem; line-height: .86rem;background: #d2281e;color: #fff;opacity: .9;font-size: .35rem;}


/*首页*/
.title{  font-family: "PingFang SC";padding: .2rem 0;}
.title h2{color: rgb( 210, 40, 30 );font-size: .35rem;font-weight: bold; line-height: .6rem;text-align: center;}
.title p{color: rgb( 102, 102, 102 );line-height: .4rem;font-size: .26rem;text-align: center;}

.layout{padding: 0 .2rem;}
.pro_cen{}
.pro_cen .list{ display: flex;justify-content:space-between;flex-wrap:wrap;}
.pro_cen .list a{position: relative; margin-bottom: .2rem; display: block;width: 48.5%;position: relative;margin-right: .2rem;}
.pro_cen .list img{width:100%; }
.pro_cen .list a:nth-of-type(2n){margin-right: 0;}
.pro_cen .list p{width: 100%; position: absolute;bottom: 0;line-height: .68rem;color: #fff;text-align: center;font-size: .26rem;background: #000;opacity: .45;}

.pro_cen .list1{ }
.pro_cen .list1 a{position: relative; margin-bottom: .2rem; display: block;position: relative;}
.pro_cen .list1 img{width:100%; }
.pro_cen .list1 a:nth-of-type(2n){margin-right: 0;}
.pro_cen .list1 p{width: 100%; position: absolute;bottom: 0;line-height: .68rem;color: #fff;text-align: center;font-size: .26rem;background: #000;opacity: .45;}


.if_num{width: 100%;height: 3.8rem; background: url(../images/bg1.jpg) no-repeat center /cover;}

.if_num .ul_02{display: flex;justify-content:space-between;padding: .58rem 0.2rem;}
.if_num .ul_02 .li{width: 25%; color: #fff;text-align: center;}
.if_num .ul_02 .li .cirle{
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	width: 1.23rem;
    height: 1.23rem;
    font-size: 54px;
    margin: 0 auto;
    margin-bottom: .36rem;	
}
.if_num .ul_02 img{
      width: 48%;
    display: block;
    margin: 25% auto;
}
.if_num .ul_02 .li span{display: block;}
.if_num .ul_02 .sp1{font-size: .4rem;position: relative;}

.if_num .ul_02 .li .sp1:before{
	position: absolute;
	left: 100%;
	top: 0;
	font-size: .14rem;
	/*padding-left:5px;*/
}
.if_num .ul_02 .li .sp1.sp1_01:before{content: "年";left: 66%;}
.if_num .ul_02 .li .sp1.sp1_02:before{content: "+";left: 78%;}
.if_num .ul_02 .li .sp1.sp1_03:before{content: "项";left: 71%;}
.if_num .ul_02 .li .sp1.sp1_04:before{content: "位";left: 66%;}

.ca_show .list{ }
.ca_show .list a{display: block;}
.ca_show .list img{width: 100%;}
.ca_show .list .bot{background: #f6f6f6;padding: .2rem;}
.ca_show .list h2{color: #333;line-height: .5rem;font-size: .28rem;}
.ca_show .list p{color: #999;line-height: .4rem;font-size: .22rem;}

.partne{margin-top: .4rem; width: 100%;height: 4.96rem; background: url(../images/new6.jpg) no-repeat center /cover;}
.title1{  font-family: "PingFang SC";padding: .2rem 0;}
.title1 h2{color: #fff;font-size: .35rem;font-weight: bold; line-height: .6rem;text-align: center;}
.title1 p{color: #fff;line-height: .4rem;font-size: .26rem;text-align: center;}
.partne .list{margin-top: .25rem;  height: 2.8rem; }
.partne .list li{height: 1.3rem; background: #fff; width: 2.23rem;margin: 0 .2rem .2rem 0;}
.partne a{display: block;width: 100%;}
.partne a img{width: 82%;display: block;margin: 7% auto;}
.partne .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
 .partne .swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
 .partne .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: 200px;

      /* 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;
}
.if_news{padding-bottom: .6rem;background:url(../images/bg2.jpg) no-repeat center /cover;}
.if_news .list{}
.if_news .list a{margin-top: .2rem;display: block;background: #fff; width: 100%;height: 1.9rem;display: flex;justify-content:space-between; }
.if_news .list a img{width: 2.8rem;height: 1.9rem;}
.if_news .list .r_new{padding-top: .25rem; width: 4.3rem;border:1px solid #eee;box-sizing: border-box;}
.if_news .list h3{line-height: .65rem;font-size: .28rem;color: #333;}
.if_news .list p{line-height: .43rem;font-size: .22rem;color: #999;}



/*内页导航*/
.title3 {border-bottom: 1px solid #f6f6f6;box-sizing: border-box;}
.title3 a{color: #333;text-align: center;line-height: 1rem;font-size: .28rem;}
.title3 a.on{color: #e72633;border-bottom: 2px solid #e72633;box-sizing: border-box;}

/*案例展示*/
.ti_shw{border-bottom:1px solid #fff;}
.ti_shw .list{background: #f7f7f7;}
.ti_shw .left{color: #333;line-height: .8rem;font-size: .26rem;width: 18%;}
.ti_shw .list a{display: block;line-height: .8rem;color: #666;font-size: .26rem;}
.ti_shw .list a.on{color: #e72633;font-weight: bold;}
.ti_shw .list .swiper-container{margin-left: .3rem!important;margin-right: 0!important;}
.ti_shw .swiper-container .swiper-slide{width: auto!important;padding: 0 .28rem;}
.presentation .center{width: 100%;}
.presentation .center a{display: block;margin-top: .3rem; width: 46%;margin-right: .2rem; }
.presentation .center img{width: 100%;}
.presentation .center .list{display: flex;justify-content:flex-start;flex-wrap:wrap;}
.presentation .center p{border:1px solid #eee;text-align: center; box-sizing: border-box; line-height: .9rem;color: #333;background: #f9f9f9;}
 

/*案例展示-详情*/
.pr_detail .center{}
.pr_detail .center p{line-height: .34rem;font-size: .2rem;}
.pr_detail .center h2{text-align: center; line-height: .96rem;color: #333;font-size: .35rem;}
.pr_detail .pic_show{height: 5.2rem;margin: .3rem 0;}
.pr_detail .pic_show .swiper-button-next,.pr_detail .pic_show .swiper-button-prev{background-size: 0;}
.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pr_detail .de_form{border-top:1px solid #eee;}
.pr_detail .de_form ul{display: flex;justify-content:flex-start;}
.pr_detail .de_form li{line-height:.68rem;font-size: .22rem; }
.pr_detail .de_form li:nth-child(1){background: #f7f7f7; width: 25%; text-align: center;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.pr_detail .de_form li:nth-child(2){width: 80%;padding: 0 .2rem; border-bottom:1px solid #eee;border-right:1px solid #eee;}
.pic_show .gallery-top .swiper-slide{width:100%;height: 4.26rem;background-size: cover; }
.pic_show .gallery-thumbs .swiper-slide{height: .86rem;background-size: cover; }

.retrun{display: block;width: 2.8rem;height: .76rem;line-height: .76rem;background: #e50012;color: #fff;text-align: center;margin: .55rem auto;}

/*产品中心-产品详情*/
.banner2 .swiper-pagination span{position: relative; width: .12rem;height: .12rem;border-radius: 50%;}
.banner2 .swiper-pagination-bullet-active:before{
  content: "";
  display: block;
  position: absolute;
  top: -.085rem;
  left: -.073rem;
  width: .23rem;
  height: .23rem;
  border:1px solid #d90029;
  border-radius: 50%;
}
.title4{position: relative;font-size: .35rem; display: block;width: 3.2rem; margin: .45rem auto;text-align: center;line-height: .8rem;color: #fff;background: #d40129;}
.title4:before{
  content: "";
  display: block;
  position: absolute;
  top: .3rem;
  left: .5rem;
  width: .31rem;
  height: .15rem;
  background: url(../images/icon12.png)no-repeat;
  background-size: cover;
}
.title4:after{
  content: "";
  display: block;
  position: absolute;
  top: .3rem;
  right: .5rem;
  width: .31rem;
  height: .15rem;
  background: url(../images/icon13.png)no-repeat;
  background-size: cover;
}
.pro_datil{}
.pro_datil h2{line-height: .8rem;background: #f9f9f9;text-align: center;color: #333;font-size: .28rem;}
.pro_datil .center{ display:flex;justify-content:flex-start;flex-wrap:wrap;}
.pro_datil .center a{margin-bottom: .2rem; display: block;margin-right: .2rem;width: 3.45rem;}
.pro_datil .center p{background: #f9f9f9;line-height: .88rem;text-align: center;color: #333;font-size: .24rem;}
.pro_datil .center img{width: 3.45rem;height: 2.4rem;}
.pro_datil .center a:nth-of-type(2n){margin-right: 0;}


.pro_datil .center.cen1{background: #f9f9f9;}
.pro_datil .center.cen1 a{width: 2.299rem;margin-right: .1rem;margin-bottom: 0;}
.pro_datil .center.cen1 img{width: 2.3rem;height: 1.6rem;}
.pro_datil .center.cen1 p{background: #fff;line-height: .58rem;border:1px solid #f6f6f6;}
.pro_datil .center.cen1 a:nth-of-type(3n){margin-right: 0;}
.title5{width: 30%;height: .8rem;overflow: hidden; font-size: .26rem; display: block;padding: 0 .35rem; margin: .45rem auto;text-align: center;line-height: .8rem;color: #fff;background: #d40129;}
.pro_datil .pro_pic .swiper-slide{width: 5.8rem;margin: 0 .3rem;}
.pro_datil .pro_pic img{width: 5.8rem;height: 3.75rem;}

.install img{width: 100%;height: 3.1rem;}
.install p{line-height: .8rem;text-align: center;color: #333;font-size: .3rem;}



/*新闻中心*/
.News .swiper2 .swiper-slide a{margin-top: .28rem; display: block;width: 3.43rem;margin-right: .2rem;}
.News .swiper2 .swiper-slide a.on{color: #e72633;border-bottom: 1px solid #e72633;}
.News .swiper2 a:nth-of-type(2n){margin-right: 0;}
.News .swiper2 img{width:  3.45rem;height: 2.4rem;}
.News .swiper2 .swiper-slide .swiper-wrapper{display : flex;justify-content:flex-start;flex-wrap:wrap;}
.News .swiper2 .bot{padding: .1rem .15rem;background: #f9f9f9;}
.News .swiper2 h3{line-height: .5rem;color: #333;font-size: .22rem;} 
.News .swiper2 h4{line-height: .45rem;color: #999; font-size: .2rem;} 
.News .swiper2 p{line-height:.38rem;font-size: .2rem; padding-top: .15rem;color: #999; }
.News_dea h1{padding-top: .2rem; line-height: .9rem;font-size: .35rem;color: #333;text-align: center;}
.News_dea .deta{padding-bottom: .3rem; display : flex;justify-content:space-around;}
.News_dea .deta ul{color: #999;font-size: .22rem;   display : flex;justify-content:flex-start;}
.News_dea .deta  li{line-height: .35rem;}
.News_dea .pic{width: 6.7rem;height:4.37rem;display: block;margin: .3rem auto; }
.News_dea .meas{line-height: .4rem;color: #555;font-size: .2rem;}
.share {padding: .35rem 0; display: flex;justify-content:flex-start;}
.share a{margin-right: .2rem; display: block; color: #999;font-size: .24rem;line-height: .65rem;}
.share a:nth-child(2){width: .65rem;height: .65rem;background: url(../images/icon14.png)no-repeat center /cover;}
.share a:nth-child(3){width: .65rem;height: .68rem;background: url(../images/icon15.png)no-repeat center /cover;}
.share a:nth-child(4){width: .65rem;height: .65rem;background: url(../images/icon16.png)no-repeat center /cover;}
.share a:nth-child(5){width: .65rem;height: .65rem;background: url(../images/icon17.png)no-repeat center /cover;}
.switch_link .links{padding: .2rem 0; }
.switch_link .links ul{display: flex;justify-content:flex-start;}
.switch_link .links li{line-height: .62rem;color: #666;font-size: .24rem;}
.switch_link .links li a{ color: #666;}
.switch_link .links li:hover a{color: #e50012;}
.switch_link .retrun{display: block;width: 2.8rem;height: .76rem;line-height: .76rem;background: #e50012;color: #fff;text-align: center;margin:.4rem 0 1rem 0; }

/*招商加盟*/
.tr{text-align:right;}
.Attract .page1{height: auto; background: url(../images/bg3.png) no-repeat center /cover;}
.Attract h1{line-height: .85rem; font-size: .35rem;font-weight: bold; text-align: center;color: #000;}
.Attract h1 span{color: #d2281e;}
.Attract .page1 .photo{ display: flex;justify-content:space-around;background: #d2281e;border-radius: 20px;}
.Attract .page1 .photo li{line-height: .75rem;color: #fff;font-size: .2rem;}
.Attract .page1 .pic{display: block;margin: 0 auto;padding: .4rem 0; width: 4.9rem;height: 11.55rem;}
.Attract .page2{padding: .4rem 0;height: auto; background: url(../images/bg4.png) no-repeat center /cover;}
.Attract .page2 .swiper-slide{margin: 0 .2rem;width: 5.6rem;}
.Attract .page2 .intro{padding: .2rem;}
.Attract .page2 h3{text-align: center;line-height: .35rem;color: #d2281e;font-size: .28rem;}
.Attract .page2 h4{text-align: center;line-height: .35rem;color: #999999;font-size: .28rem;}
.Attract .page2 a{display: block;width: 5.6rem;}
.Attract .page2 img{width: 100%;height: 3.3rem;}
.Attract .page2 p{line-height: .35rem;color: #333;font-size: .22rem;padding-top: .2rem;}
.Attract .page3{padding-top: .5rem;height: auto; background: url(../images/bg5.png) no-repeat center /cover;}
.Attract .page3 .infor{ display: flex;justify-content:space-between;flex-wrap:wrap;}
.Attract .infor .box{margin-bottom: .3rem;  display: flex;justify-content:flex-start;} 
.Attract .page3 .box p{color: #666;width: 1rem;font-size: .22rem;line-height: .65rem;}
.Attract .page3 .box1 p{color: #666;font-size: .22rem;line-height: .65rem;}
.Attract .page3 .box2 p{color: #666;font-size: .22rem;line-height: .6rem;color: #666;}
.Attract .page3 .box input{width: 2.4rem;border: 0;line-height: .65rem;border: 1px solid #eee;background: #f8f8f8;}
.Attract .page3 .box1 input{width: 100%;border: 0;line-height: .65rem;border: 1px solid #eee;background: #f8f8f8;}
.Attract .page3 select{ width: 100%; height: 0.65rem;border: 0.02rem solid #eee;
  border-radius: 0.1rem; font-size: 0.28rem; font-family: '微软雅黑'; 
  padding-left: 0.22rem; box-sizing: border-box; 
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
   cursor: pointer;color: #666;font-size: .2rem;
background: #f8f8f8 url(../images/icon-arr.png) no-repeat scroll 6.6rem center ;background-size: .2rem;
 }
.Attract .page3 .box2{margin-top: .2rem;margin-bottom: .2rem;}
.Attract .page3 .box1 textarea{width: 100%;border: 0;height: 1.4rem; border: 1px solid #eee;background: #f8f8f8; }
.Attract .page3 .but{display: flex;justify-content:space-around; margin: .55rem auto;}
.Attract .page3 .but a{display: block;width: 2.8rem;height: .76rem;line-height: .76rem;background: #e50012;color: #fff;text-align: center;}
.Attract .page3 .but a:nth-child(2){background: #89898a;}

/*联系我们*/
.About{}
.About h2{color: #c82a1b;line-height: .85rem;font-size: .35rem;}
.About .center ul{display: flex;justify-content:flex-start;}
.About .center ul li{line-height: .5rem;color: #666;font-size: .24rem;}
.About .center .map{width: 7.10rem;height: 4.35rem;margin: .3rem auto;}
.About .center .map img{width: 100%;height: 100%;}
.About .message{height: auto;background: url(../images/bg6.jpg) no-repeat center /cover;}
.About .message h2{line-height: 1rem;color: #000;text-align: center;font-size: .35rem;}
.About .message .box{margin-bottom: .2rem; display: flex;justify-content:space-around;}
.About .message .box p{text-align: right; width: 1rem; line-height: .72rem;color: #666;font-size: .22rem;}
.About .message .box input{ width: 5.88rem; border: 0;line-height: .72rem;border: 1px solid #eee;background: #fff;}
.About .message .retrun{width: 2.85rem;}
.title3.ab .swiper-wrapper{display: flex;justify-content:space-around!important;}


/*招聘信息*/
.rec_list{ padding-bottom: .5rem; }
.rec_list > li{ margin-bottom: .3rem; cursor: pointer;}
.rec_list li .top{    padding: 0 .1rem; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.rec_list li .top span{font-size: .22rem; float: left; display: inline-block;line-height: .8rem; vertical-align: middle; color: #333;}
.rec_list li.on .top{ background-color: #f4f9ff;  }
.rec_list li.on .top span{  }
.rec_list .content h2{line-height: .4rem;color: #d33a31;padding-top: .2rem;font-size: .24rem;}
.rec_list .content p{line-height: .3rem;color: #666;font-size: .2rem;}
.recruit .info{background: #d33a31;}
.recruit .info li{text-align: center; float: left; color : #fff;font-size: .3rem;line-height: .8rem; }




/*发展历程*/
.title3.cd{/*margin-left: .7rem;*/}
.parBd .show .pic{width: 7.1rem;height: 3.93rem;}
.parBd .show .pic img{width: 100%;height: 100%;}
.parBd .show .meas{padding-top: .25rem;padding-bottom: .7rem; }
.parBd .show .meas li{position: relative; line-height: .45rem;color: #666;font-size: .24rem;}
.parBd .show .meas li:before{
  content: "";
  position: absolute;
  top: .2rem;
  left: -.15rem;
  width: .06rem;height: .06rem;
  background:#333;
  border-radius: 50%;
}

/*发展简介*/
.brief .center{padding-bottom: .35rem;}
.brief .center p{line-height: .4rem;padding-top: .3rem;font-size: .24rem;color: #666;}
.brief .center .p{line-height: .4rem;padding-top: 0rem;font-size: .24rem;color: #666;}
.brief .center p span{font-size: .26rem;font-weight: bold;color: #333;}
.brief .center .pic1{margin-top: .3rem; width: 7.1rem;height: 1.28rem;}
.brief .center .pic1 img{width: 100%;height: 100%;}
.brief .center .pic2{margin-top: .3rem;width: 7.1rem;height: 3.85rem;}
.brief .center .pic2 img{width: 100%;height: 100%;}



/*企业文化*/
.culture{}
.culture .center{}
.culture .center .ul1{margin-top: .35rem; height: 2.3rem;overflow: hidden; display: flex;justify-content:space-between;}
.culture .center .ul1 img{width:3.55rem;height: 2.3rem; }
.culture .center .li1{background: #f3f3f3;padding: .2rem;}
.culture .center .li1 h2{text-align: center; line-height: .65rem;color: #333;font-size: .3rem;}
.culture .center .li1 p{line-height: .4rem;color: #999;font-size: .24rem;}
.culture .center2{margin-bottom: .35rem; display: flex;justify-content:space-around;flex-wrap:wrap;}
.culture .center2 .ul2{width: 33%;margin-top: .35rem;}
.culture .center2 .ul2 li:nth-child(1){margin: 0 auto; width:1.3rem;height: 1.3rem;border-radius: 50%;border:2px solid #eee;
   
 }
 .culture .center2 .ul2 li:nth-child(1) a{display: block;}
.culture .center2 .ul2 li:nth-child(1) img{width: .9rem;height: .9rem;display: block;margin: .17rem auto;
     transition: all ease .6s 0s; -moz-transition: all ease .6s 0s; -webkit-transition: all ease .6s 0s;
    animation:tran-r 1.5s cubic-bezier(0, 0, 0, 0)  infinite;
     transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}
.culture .center2 .ul2 h3{text-align: center;color: #333;font-size: .28rem;}
.culture .center2 .ul2 p{text-align: center;color: #666;font-size: .22rem;}




/*荣誉资质*/

.cations .center{}
.cations .center .hon-in{display: flex;justify-content:flex-start;flex-wrap:wrap;}
.cations .center .hon-list{margin-right: .2rem;margin-top: .2rem; width: 2.2rem;height: 1.7rem;}
.cations .center a{display: block;border:1px solid #eee;}
.cations .center img{width: 1.96rem;height: 1.37rem;display: block;margin: .16rem auto;}
.cations .center .hon-in dl:nth-of-type(3n){margin-right: 0;}







/*研发团队*/
.team .center .pic{width: 5.43rem;height: 6.2rem;margin: .35rem auto;}
.team .center .pic img{width: 100%;height: 100%;}
.banner3 img{width: 100%;height: 4.5rem;}



/*产品专题*/
.title6{padding: .35rem 0;}
.title6 .bot{display: flex;justify-content:flex-start; margin-left: 32%;}
.title6 h2{color: #dddddd;font-size: .35rem;text-align: center;line-height:.45rem; }
.title6 p{  text-align: center; color: #000;font-size: .35rem;}
.title6 span{
  margin: .2rem .2rem 0 .2rem;
  display:inline-block;
  width: .32rem;height: .02rem;
  background: #f41d10;
} 
.special1 .page1 img{width: 7.1rem;height: 4.7rem;}
.special1 .page1 h1{position: relative; color: #000;font-weight: bold; text-align: center;font-size: .35rem;line-height: .7rem;}
.special1 .page1 h1:after{
  content: "";
  position: absolute;
  top: .7rem;
  left: 3.3rem;
  width: .62rem;height: .03rem;
  background: #f41d10;
}
.special1 .page1 p{line-height: .44rem;color: #333;font-weight: .2rem;padding-top: .2rem;}
}
 

.special1 .page2 img{display: block;width: .77rem;height: .77rem;margin: .38rem auto;}
.special1 .page2 .swiper-slide{margin-left: .2rem; width: 5.7rem!important;height: 4.2rem!important; border:2px solid #eee;}
.special1 .page2 h1{position: relative; color: #000;font-weight: bold; text-align: center;font-size: .26rem;line-height: .7rem;}
.special1 .page2 h1:after{
  content: "";
  position: absolute;
  top: .6rem;
  left: 2.7rem;
  width: .33rem;height: .02rem;
  background: #f41d10;
}
.special1 .page2 p{padding: .2rem .2rem 0 .2rem; line-height: .45rem;color: #666;font-size: .2rem;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.special1 .page2 .an{
  width: .77rem;height: .77rem;margin: .38rem auto;
    display: block;
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.special1 .page2 {height: 5rem;position: relative;}
.special1 .page2 .swiper-pagination-bullet{background: #e5e5e5;}
.special1 .page2 .swiper-pagination-bullet-active{background: #f41d10;}
.special1 .page2 .swiper-container{padding-bottom: .5rem;}
.special1 .page2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -.03rem!important;}
.special1 .page3 {}
.special1 .page3 .pic{width: 6.62rem;height: 6.82rem;margin: .3rem auto;}
.special1 .page3 .pic img{width: 100%;height: 100%;}
.special1 .page4{}
.special1 .page4 .technology .pd{padding-left: 1rem;}
.special1 .page4 .technology a{display: block;}
.special1 .page4 .list{}
.special1 .page4 .technology li{width: 2.1rem;float: left;margin-right: .38rem;}
.special1 .page4 .technology img{width: 2.1rem;height: 2.1rem;}
.special1 .page4 .technology p{line-height: .8rem; text-align: center;color: #333;font-size: .26rem;}
.special1 .page4 .technology li.mar{margin-right: 0;}

.special1 .page5 .center {padding-bottom: .7rem; display: flex;justify-content:space-around;flex-wrap:wrap;}
.special1 .page5 .center a{display: block;width: 3.45rem;margin-bottom: .3rem;}
.special1 .page5 .center img{width: 100%;height: 2.4rem;}
.special1 .page5 .center p{background: #f9f9f9; font-size: .26rem; line-height: .9rem;color: #333;text-align: center;height: .9rem;overflow: hidden;}

.rec_list .jo-button {
    width: 1.8rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-top: 0.3rem;
    text-align: center;
    background: #d33a31;
    font-size: 0.24rem;
    color: #fff;
    display: block;
}

.popup{ position: fixed; width: 6rem; background: #fff; left:50%; margin-left: -3rem; top:50%; margin-top: -1rem; z-index: 100; font-size: 0.28rem; line-height: 0.4rem; color: #333; box-shadow: 0.01rem 0.01rem 0.5rem rgba(0,0,0,.3); display: none; }
.popup .po-tp{ height: 0.8rem; line-height: 0.8rem; background: #F8F8F8; text-align: center; font-size: 0.32rem; }
.popup .po-tp .close{ width: 0.8rem; height: 0.8rem; display: inline-block; position: absolute; right: 0; cursor: pointer; }
.popup .po-tp .close:before{ content: ''; width: 0.5rem; height: 0.02rem; background: #333; display: block; position: absolute; transform:rotate(45deg); top:0.4rem; left:0.15rem; }
.popup .po-tp .close:after{ content: ''; width: 0.5rem; height: 0.02rem; background: #333; display: block; position: absolute; transform:rotate(-45deg); top:0.4rem; left:0.15rem; }
.popup .con-box{  padding: 0.2rem 0.3rem; }
.popup .con-box p{ padding-bottom: 0.1rem; word-wrap: break-word; }