@charset "UTF-8";
/*header-start*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:60px;
  z-index: 500;
  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
          box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.header.on{background: rgba(0,0,0,0.9);}
.header.open-menu {
  height: 100%;
  background: #fff;
  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.navbar{
  position: relative;
  background:white;
  height:60px;
  text-align: center;
  padding: 10px 0;
  border-bottom: solid 1px #e5e5e5;
}
.navbar .logo{
	float: left;
  height:40px;
  padding:0px 10px 0 15px;
  border-right: solid 1px #e5e5e5;
}
.navbar .logo img{height: 100%;display: block;}
.slogan {
    float: left;
    height: 40px;
    padding:5px 10px;
}
.slogan img{
    display: block;
    height: 100%;
}
.slogan p {
    font-size: 14px;
    line-height: 14px;
}
.navbar-togger {
	width: 49px;
  background:transparent;
  border: none;
  padding: 12px 10px;
  padding-right: 15px;
  float: right;
  visibility: visible;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.navbar-togger .icon_bar {
  width: 24px;
  height: 2px;
  background-color: #e73208;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
  margin:5px auto;
  width: 24px;
}
.open-menu .navbar-togger .icon_bar:nth-of-type(1) {

	width: 24px;
  -webkit-transform: translate3d(0px,7px,0) rotate(45deg);
  transform: translate3d(0px,7px,0) rotate(45deg);
}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.open-menu .navbar-togger .icon_bar:nth-of-type(3) {

	width: 24px;
  -webkit-transform: translate3d(0,-7px,0) rotate(-45deg);
  transform: translate3d(0,-7px,0) rotate(-45deg);
}
.menu{float: left;line-height: 60px;color: white;}
.open-menu .menu{color: white;}
.open-menu .language-text,.open-menu .language-text i,.open-menu .search{color: #333333;}
.head-tel{float: right;height: 40px;line-height: 40px;font-size: 26px !important;width: 40px;text-align: center;}

.nav-menu{
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 620;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 1s;
  -o-transition: visibility 0s linear 1s;
  transition: visibility 0s linear 1s;
}
.header.open-menu .nav-menu{
  visibility: visible;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
     transition-delay: 0s;
}
.nav-list{padding:0 15px}
.nav-item {
  border-bottom: 1px solid #e5e5e5;
}
.nav-item:first-child .nav-tit{border-top: none;}
.nav-item:last-child{border-width: 2px;}
.nav-tit{position: relative; border-top: 1px solid #e5e5e5;}
.nav-tit a {
  font-size: 16px;
  color: #333;
  font-family: arial;
  line-height: 50px;
  margin-right: 60px;
  display: block;
}
.nav-tig{
  font-size: 14px;
  color: #888;
  text-align: center;
  line-height: 50px;
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: bold;
  transition: all .5s;
}
/*.nav-tig::before,.nav-tig::after {
  content: '';
  background: #666666;
  position: absolute;
  top: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.nav-tig::before {
  width: 10px;
  height: 2px;
  right: 3px;
  margin-top: 2px;
  transform: rotate(-45deg);
}
.nav-tig::after {
  width: 2px;
  height: 10px;
  margin-top: -8px;
  right: 7px;
  transform: rotate(-45deg);
}*/
.nav-tit.open .nav-tig {
  transform: rotate(90deg);color: #e73208;
}

.nav-tit.open .nav-a{color: #e73208;}
.nav-tit.open + .nav-cont{display: block;}
.nav-tit.open .active{color: #e73208;}
.nav-cont a.hover{color: #e73208;}
.nav-cont{display: none; border-top: 2px solid #e5e5e5;}
.nav-pad {

}
.nav-cont a{
	font-family: arial;
  line-height: 45px;
  color: #666666;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  display:block;
  padding: 0 15px;
}
.nav-cont a:last-child{border-bottom: none;}
.nav-cont a.active{
	color: #b21f23;
}
.nav-item2 .nav-tig{
  height: 30px;
  line-height: 30px;
}
.nav-item2 .nav-tit{
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.nav-item2:last-child .nav-tit{border-bottom: none;}
.nav-item2 .nav-tit a{border-bottom: none;}
.nav-item2 .nav-cont a{position: relative;padding-left: 10px;border-bottom: none;}
.nav-item2 .nav-cont a::before{
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #666;
  position: absolute;
  left: 0;
  top:50%;
  margin-top: -2px;
}
.nav-item2 .nav-pad{padding-left: 0}

/*shouji */
.wrap2{ 
	   width: 57px;
    height: 57px;
    position: fixed;
    right: 10px;
    bottom:20px;
    z-index: 1111;}
.icon_menu{width:57px;height:57px;position:absolute;bottom:0px;right:4px;z-index:10;cursor:pointer;}
.icon_menu span{diplay:none;}
.btnss{border-radius: 50%; width:54px;height:54px;border: solid 1px #dcdcdc; z-index:1;position:absolute;bottom:0;right:0;margin:0 5px 2px 0;cursor:pointer;}
.btnss span{display:block;width:22px;height:24px;font-size:0;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-11px;overflow:hidden;}
.btn4{background:white url(images/email.png) no-repeat center;background-size: 20px 15px;}
.btn2{background:white url(images/add.png) no-repeat center;background-size: 20px 25px;}
.btn3{background:white url(images/phone.png) no-repeat center;background-size: 20px 22px;}
.btn1{text-align: center;color: #e73208;font-size: 22px !important;line-height: 52px;background: white; /*background:white url(images/k-qq.png) no-repeat center;background-size: 20px 25px;*/}
.btnss{-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;}
.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1{bottom:0;right:0;}
.btn1.open1{bottom: 125px;right:0;}
.btn2.open1{bottom: 100px;right: 55px;}
.btn3.open1{bottom: 58px;right: 98px;}
.btn4.open1{bottom: 0px;right: 117px;}

.icon_menu2 {
    /* css3 animation */
    -webkit-animation: anim4 5s linear infinite;
    -moz-animation: anim4 5s linear infinite;
    -ms-animation: anim4 5s linear infinite;
    -o-animation: anim4 5s linear infinite;
    animation: anim4 5s linear infinite;
}


/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); }
    to { -webkit-transform: rotateZ(360deg); }
}
@-moz-keyframes anim4 {
    from { -moz-transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); }
    to { -moz-transform: rotateZ(360deg); }
}
@-ms-keyframes anim4 {
    from { -ms-transform: rotateZ(0deg); }
    50% { -ms-transform: rotateZ(180deg); }
    to { -ms-transform: rotateZ(360deg); }
}
@-o-keyframes anim4 {
    from { -o-transform: rotateZ(0deg); }
    50% { -o-transform: rotateZ(180deg); }
    to { -o-transform: rotateZ(360deg); }
}
@keyframes anim4 {
    from { transform: rotateZ(0deg); }
    50% { transform: rotateZ(180deg); }
    to { transform: rotateZ(360deg); }
}



/*底部*/
.foot{padding: 20px 15px 70px 15px;background: #222222;}
.footer-tit{position: relative;border-bottom:2px solid  rgba(255,255,255,0.2);}
.footer-tit a{text-transform: uppercase; font-size:16px;color:#f0eded;line-height:48px;margin-right: 48px;display: block;}
.footer-tig {transition: all .5s; font-size: 14px; color: #888; text-align: right; line-height: 48px; width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;font-weight: bold;text-align: center;}
.footer-item.open .footer-tig{color: #fff;transform: rotate(90deg);}
.footer-cont{border-bottom:2px solid  rgba(255,255,255,0.2);display: none;border-top: 0;}
.footer-cont a{text-transform: uppercase; line-height: 40px;color: #9f9f9f;display: block; font-size: 14px;border-bottom: solid 1px  rgba(255,255,255,0.2);padding: 0 15px;}
.footer-cont a:last-child{border:none;}
.footer-item.open .footer-cont a.active{color: #fff;}
.foot-mid{border-bottom: solid 1px #333333; padding: 23px 0 18px;margin-bottom: 18px;}
.foot-mid h3{margin-bottom: 3px; color: #e73208;font-size: 20px;line-height: 18px;font-family: arial;font-weight: bold;}
.foot-mid i{float: left;color: #e73208;font-size: 26px;font-weight: normal;margin-right: 3px;}
.foot-mid p{font-size: 14px;color: #818085;}
.foot-link,.foot-link a{font-size: 14px;color: #818085;}

/*首页*/
.banner .swiper-pagination{bottom: 20px !important;}
.banner .swiper-pagination-bullet{opacity: 1;background: #b0b0b0;}
.banner .swiper-pagination-bullet-active{width: 10px;height: 10px;background: none;border: solid 2px #e73208;}
.banner img{display: block;width: 100%;}

/**/
.index-one{padding: 40px 15px 25px;}
.index-one .m-box {display: block; background: #fff;-webkit-box-shadow: 1px 0 17px 0 rgba(0,0,0,.1);box-shadow: 1px 0 17px 0 rgba(0,0,0,.1);padding: 15px;position: relative;margin-bottom: 15px;}
.index-one .m-cont { width: 40%;float: left;padding-top: 10px;}
.index-one .m-tit {font-size: 18px;-o-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.index-one .m-des {font-size: 13px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;margin: 4px 0 15px;}
.index-one .m-fig { float: right; width: 58.93%; overflow: hidden;}
.index-one .m-fig img { width: 100%; display: block; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.m-box:hover .m-tit{color: #e73208;}
.m-box:hover .btn-more {background-image: url(images/more_03.png);}
.m-box:hover .btn-more span{color: #e73208;}
.index-two{padding: 0 15px ;}
.index-two .swiper-container{padding-bottom: 40px;}
.int-link{display: block;width: 100%;}
.int-box{width: 100%;padding: 3px 3px 55px;background: #e73208;}
.int-pic{width: 100%;overflow: hidden;height: 3.5rem;}
.int-pic img{display: block;width: 100%;height: 100%;}
.int-box h3{font-size: .34rem;color: white;text-align: center;margin-top: 10px;}
.int-font{text-align: center; padding: 20px; width: 90%;background: white;box-shadow: 0 5px 20px rgba(0,0,0,0.2);margin: -40px auto 0;position: relative;z-index: 2;}
.int-font p{text-align: center;font-size: 14px;color: #666666;padding: 8px 0;border-top: solid 1px #cfcfcf;}
.int-font p:first-child{border-top:none;}
.int-font .btn-more{margin-top:10px;}
.index-two .swiper-button-next,.index-two .swiper-button-prev{background: none;color: white;font-size: 24px;text-align: center;line-height: 44px;margin-top: 0px;top: 3.6rem;}
.index-tit{font-size: .42rem;color: #333;text-align: center;}
.index-dec{font-size: 15px;color: #666666;text-align: center;padding: 0 20px;}
.index-three{background: url(images/ine-bg.jpg) no-repeat center;background-size: cover;padding: 40px 15px;}
.index-three .index-tit{color: white;}
.index-three .ine-dec{font-size: 14px;color: white;text-align: center;margin-top: 8px;}
.home-about-num{padding-top: 10px; text-align: center;margin-top:5px;overflow: hidden;}
.home-about-num li{float: left;width: 25%;vertical-align: middle;color:#fff;}
.home-about-num .single-num{display: inline-block;vertical-align: middle;font-family: "HelveticaNeue";font-size: .4rem;line-height: 1;}
.home-about-num .num {height: .55rem;}
.home-about-num .num span{font-family: "Arial";font-size: 14px;line-height: 30px;display: inline-block;vertical-align: middle;}
.home-about-num .num sup{font-size: 12px;}
.home-about-num li:last-child .num span{font-size: 12px;}
.home-about-num p{font-size: 14px;}
.index-four{padding: 30px 15px 0;}
.index-four ul{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.index-four li{width: 33.3333%;float: left;padding: 0 5px;}
.inf-icon{width: 1.2rem;height: 1.2rem;border: solid 1px #a9a9a9;text-align: center;line-height: 1.1rem;margin: 0 auto;border-radius: 50%;}
.inf-icon img{vertical-align: middle;width: .6rem;height: .6rem;}
.inf-line{width: 24px;height: 2px;background: #e73208;margin: 13px auto;}
.index-four li h3{font-size: 16px;text-align: center;line-height: 16px;color: #333;margin-bottom: 5px;}
.index-four li p{font-size: 13px;text-align: center;line-height: 20px;color: #666;}
.inf-pic{width: 100%;overflow: hidden;}
.inf-pic img{display: block;width: 100%;}
.index-four li:hover h3{color: #e73208;}
.index-five{padding: 30px 15px 0;text-align: center;}
.inv-swiper{margin-top: 25px;}
.inv-swiper .swiper-container{padding-bottom: 20px;}
.index-five .swiper-pagination{bottom: auto !important;top: 4.3rem;}
.index-five .swiper-pagination-bullet{opacity: 1;background: #b0b0b0;}
.index-five .swiper-pagination-bullet-active{width: 10px;height: 10px;background: none;border: solid 2px #e73208;}
.inv-link{display: block;width: 100%;}
.inv-pic {display: block;width: 100%;overflow: hidden;height: 4.9rem;}
.inv-pic img{display: block;width: 100%;height: 100%;}
.inv-link h3{margin-top: 3px; font-size: 16px;text-align: center;color: #333333;line-height: 2;}
.inv-link p{font-size: 14px;color: #666;text-align: center;}
.index-six{padding: 30px 15px 0;}
.inx-swiper{margin-top: 25px;}
.inx-swiper .swiper-container{padding-bottom: 25px;}
.index-six .swiper-pagination{bottom: 0 !important;}
.index-six .swiper-pagination-bullet{opacity: 1;background: #b0b0b0;}
.index-six .swiper-pagination-bullet-active{width: 10px;height: 10px;background: none;border: solid 2px #e73208;}
.inx-link{display: block;width: 100%;background: #f5f5f5;height: 2.13rem;margin-bottom: 10px;}
.inx-pic {float: left; width: 50%;overflow: hidden;height: 100%;}
.inx-pic img{display: block;width: 100%;height: 100%;}
.inx-right{width: 50%;float: left;padding:13px 10px;}
.inx-right h3{margin-bottom: 8px; font-size: 15px;color: #333 ;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 20px;height: 20px;}
.inx-right p{color: #888888;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 18px;height: 36px;}
.inx-right span{display: block;margin-top:10px; color: #666;font-size: 12px;font-family: arial;}
.index-seven{padding: 30px 15px 35px;}
.index-seven .swiper-container{padding-bottom: 25px;}
.index-seven .swiper-pagination{bottom: 0 !important;}
.index-seven .swiper-pagination-bullet{opacity: 1;background: #b0b0b0;}
.index-seven .swiper-pagination-bullet-active{width: 10px;height: 10px;background: none;border: solid 2px #e73208;}
.index-seven ul{position: relative; overflow: hidden;margin: 0 -3px;}
.index-seven li{margin-bottom: 12px; float: left;width:33.3333%;padding: 0 3px;}
.index-seven li .ins-li{width: 100%;height: 100%;background: url(images/ins-after.png) no-repeat center;background-size: cover;}
.index-seven li img{display: block;width: 100%;height: 100%;}
.index-seven li.li1{position: absolute;transform: translate(50%,50%);top: 5px;margin-left: 1px;}
.index-seven li.li2{position: absolute;transform: translate(150%,50%);top: 5px;margin-left: 1px;}




.ny-banner{position: relative; height: 3rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ny-crumb{line-height: 20px; position: absolute;width: 100%;padding: 0 15px;text-align: right;font-size: 12px;color: white;bottom: 15px;}
.ny-crumb a{font-size: 12px;color: white;position: relative;}
.ny-crumb a::after {content: "\e602";font-family: "iconfont";speak: none; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;font-size: 12px;margin: 0 3px;vertical-align: middle;}
.ny-crumb a:last-child::after{display: none;}


/*锚点*/
.crumb{padding: 15px;text-align: right;font-size: 12px;color: #333333;}
.crumb a{font-size: 12px;color: #333333;position: relative;}
.crumb a::after {content: "\e602";font-family: "iconfont";speak: none; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #b3b3b3;font-size: 12px;margin: 0 3px;vertical-align: middle;}
.crumb a:last-child::after{display: none;}
.second-menu{background: #f0f0f0;}
.second-item{position: relative;}
.second-tit{position: relative;padding: 0 10px 0 15px;height: 45px;}
.second-tit a{width: 80%;float: left; text-transform: uppercase; font-size:15px;color:#333;line-height:45px;display: block;}
.second-tig {float: right; transition: all .5s; font-size: 14px; color: #3b3b3b; text-align: right; line-height: 45px; width: 20px;height: 45px;font-weight: bold;text-align: center;}
.second-item.open .second-tig{transform: rotate(90deg);}
.second-cont{position: absolute;top: 45px;width: 100%;left: 0;background: #f0f0f0;z-index: 3;display: none;border-top: solid 1px  rgba(0,0,0,0.1);}
.second-cont a{text-transform: uppercase; line-height: 40px;color: #333;display: block; font-size: 14px;border-bottom: solid 1px  rgba(0,0,0,0.1);padding: 0 15px;}
.second-cont a:last-child{border:none;}
.second-cont a.active{color: #e73208;}
.third-nav{padding:15px 10px;overflow: hidden;}
.third-list{padding: 5px;width: 50%;float: left;}
.third-list a{display: block;width: 100%;height: 37px;line-height: 35px;text-align: center;font-size: 12px;color: #666;border: solid 1px #e5e5e5;}
.third-list a.on{color: white;background: #e73208;border-color: #e73208;}
/*茶农详情*/
.proinfo{padding:5px 15px 0;}
.pro-swiper .swiper-container{padding-bottom: 30px;}
.pro-swiper img{display: block;width: 100%;}
.pro-swiper .swiper-pagination{bottom: 0 !important;}
.pro-swiper .swiper-pagination-bullet{opacity: 1;background: #b0b0b0;}
.pro-swiper .swiper-pagination-bullet-active{width: 10px;height: 10px;background: none;border: solid 2px #e73208;}
.case-info{width: 100%;border:1px solid #f0f0f0;margin-top: 20px;}
.case-title{font-size: 18px;color: #e73208;padding:10px   15px;border-bottom: 1px solid #f0f0f0;}
.case-describe{padding:12px 15px;color: #666;line-height: 2;min-height: 247px;}
.case-describe img{max-width: 100%; height:auto}
.case-describe .tit{font-size: 14px;font-weight: 600;color: #333;margin-top: 7px;}
.case-describe .tit:first-child{margin-top: 0;}
.case-describe p{line-height: 24px;}
.case-caz{padding: 0 15px;}
.btn-mfjszx {display: inline-block;font-size: 12px;line-height: 35px;padding: 0 20px;text-align: center;color: #fff; background: #e73208; border-radius: 20px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.btn-mfjszx i {font-size: 18px; margin-right: 6px;vertical-align: middle;}
.case-caz .share{display: inline-block;vertical-align: middle;margin-left: 20px;}
.pro-info-bot {padding-top: 10px;padding-bottom: 10px; padding-left: 15px; border-top: 1px solid #f0f0f0;margin-top: 20px;}
.share .text {display: inline-block;vertical-align: middle;color: #333;line-height: 30px;}
.share .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.share .bdsharebuttonbox a { display: inline-block; padding: 0; background: transparent; font-size:18px;line-height:30px;text-align: center; height:30px; color: #828383; margin: 0 5px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.share .bdsharebuttonbox a::before {font-family:"iconfont" !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.share .bdsharebuttonbox a.bds_weixin::before { content: "\e671";}
.share .bdsharebuttonbox a.bds_tsina::before {content: "\e670";}
.share .bdsharebuttonbox a.bds_sqq::before {content: "\e669";}
.share .bdsharebuttonbox a:hover{color: #e73208}
.bd_weixin_popup{-webkit-box-sizing:content-box;box-sizing:content-box;}
.rel{position: relative;}
.abs{position: absolute;height: 1px;top: -100px;}
.product-tit {font-size: .42rem;color: #333;text-align: center;padding-top: 20px;}
.adv-left{width: 100%;margin-top: 10px;}
.adv-left li{font-size: 12px;line-height: 20px;padding:10px 0;border-bottom: 1px solid #dadada;}
.adv-left li i{color: #c6c6c6;font-size: 16px;line-height: 20px;margin-right: 10px;float: left;}
.pro-video{width: 100%;height: 4rem;cursor: pointer;text-align: center;overflow: hidden;position: relative;background: #000;}
.pro-video img{width: 100%;height: 100%;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.pro-video video{max-height: 100%;max-width: 100%;}
.contrast-box {margin:20px -5px 0;position: relative;padding: 20px 0 0px;}
.contrast-box .m-vs {width: .9rem;height: .9rem;border-radius: 50%;background: #e73208;position: absolute; top: 0;left: 50%; margin-left: -.45rem;z-index: 10;padding: 3px;-webkit-box-shadow: 0 4px 21px 0 rgba(231,50,8,.48);box-shadow: 0 4px 21px 0 rgba(231,50,8,.48);}
.contrast-box .m-vs i {display: block;width: 100%;height: 100%;font-family: "HelveticaNeue";font-style: normal;font-size: .36rem;color: #fff;text-align: center;line-height: .78rem; border: 1px dashed rgba(255,255,255,.5);border-radius: 50%;}
.contrast-item {float: left;width: 50%;overflow: hidden;padding: 0 5px;}
.contrast-item.first {border-bottom-left-radius: 50px;}
.contrast-item.last {border-bottom-right-radius: 50px;}
.contrast-item .tit { font-size: 12px; line-height: 30px;text-align: center;background: #666; color: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.contrast-item .pic {overflow: hidden;}
.contrast-item .pic img {width: 100%;height: 100%;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.theory-pic {width: 100%;position: relative;margin: 55px 0 45px;}
.theory-pic::after {content: '';width: 5rem; height: 5rem; position: absolute;top: 50%;left: 50%; margin-left: -2.5rem;margin-top: -2.5rem;background: url(images/pro_05.png) no-repeat center;background-size: cover; z-index: 2;}
.theory-pic .pic {width: 3.7rem;height: 3.7rem;overflow: hidden;margin: 0 auto;}
.theory-pic .pic img {width: 100%;height: 100%;}
.theory-info {width: 100%;color: #666;line-height:24px;}
.describe-item {margin-top: 30px;border-bottom: solid 2px #e73208;}
.describe-pic {float: left;width: 100%;height: 3.57rem;overflow: hidden;border-radius: 5px;position: relative;}
.describe-pic img {width: 100%;height: 100%;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.describe-info {float: right;width: 100%;height: auto;padding:15px 15px 10px;}
.describe-info .tit {border-bottom: 1px solid #e73208;position: relative;padding-left: 55px;}
.describe-info .tit i {position: absolute;left: 0;top: 0;width: 45px;height: 45px;background: #e73208;font-size: 50px;font-weight: 600;font-style: normal; font-family: Arial;color: #fff;line-height: 30px;text-align: center;}
.describe-info .tit span {font-size: 14px;font-weight: 600;line-height: 45px;-webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.describe-info .des {color: #666;padding: 15px 0;}
.describe-info .tit i span{font-size: 24px;color: white !important;}
.parameter-table {width: 100%;overflow-x: auto;}
.pro-parameter .product-tit{margin-bottom: 15px;}
.parameter-table tr:nth-of-type(odd) { background: #fff9f8;}
.parameter-table td {font-size: 12px;color: #666;line-height: 1.5;padding: 8px 5px;text-align: center;border: 1px solid #d5d5d5;}
.parameter-table td:first-child{max-width: 50%;}
.parameter-table h2{font-size: 14px;}
.pro-swiper1{margin-top: 15px;margin-bottom: 25px;}
.pro-swiper1 .swiper-container{padding-bottom: 45px;}
.pro_appli{display: block;width: 100%;position: relative;}
.pro_appic{width: 100%;overflow: hidden;height: 2.4rem;}
.pro_appic img{display: block;width: 100%;height: 100%;}
.pro_appli .cont {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    background: rgba(17,17,17,.7);
    padding: 10px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.pro_appli .tit {
    font-size:16px;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.pro_appli i {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    font-size: 14px;
    color: #b3b3b3;
}
.pro-swiper1 .swiper-pagination{bottom: 0 !important;    width: auto;
    padding: 5px 10px;
    border: solid 1px #c3c3c3;
    border-radius: 30px;
    left: 50%;
    transform: translateX(-50%);}
.pro-swiper1 .swiper-pagination-bullet{display: block;float: left; opacity: 1;background: #c7c7c7;}
.pro-swiper1 .swiper-pagination-bullet-active{background:#e73208;}
.news-de-fo{position: relative; font-size: 14px;color: #666; height: 35px;border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;}
.pull-left{position: absolute;left: 0;top: 0; width: 20%;text-align: center;line-height: 33px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;}
.pull-right{position: absolute;right: 0;top: 0; width: 20%;text-align: center;line-height: 33px;border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;}
.pull-center{position: absolute;left: 20%;top: 0; width: 60%;text-align: center;line-height: 33px;}
.news-de-fo a{display: block; font-size: 14px;color: #666; }
.news-de-fo a:hover{color: white;background: #e73208;}
.recommend {padding-top: 20px;padding-bottom: 45px;}
.recommend-title {text-align: center;font-size: .42rem;margin-bottom: 15px;}
.pro_proli{display: block;width: 100%;}
.pro_proic{width: 100%;height: 4rem;overflow: hidden;}
.pro_proic img{display: block;width: 100%;height: 100%;}
.pro-swiper2 .swiper-container{padding-bottom:20px;}
.pro-swiper2 .swiper-pagination{bottom: 0 !important;    width: auto;padding: 5px 10px;border: solid 1px #c3c3c3; border-radius: 30px;left: 50%;transform: translateX(-50%);}
.pro-swiper2 .swiper-pagination-bullet{display: block;float: left;opacity: 1;background: #c7c7c7;}
.pro-swiper2 .swiper-pagination-bullet-active{background:#e73208;}
.pro-swiper2 .swiper-slide-active .product-item .tit{color: #e73208;}

/*产品*/
.product{padding-bottom: 45px;}
.pro-tit {font-size: .42rem;color: #333;text-align: center;}
.pro-dec {font-size: 14px;color: #666666;text-align: center;line-height: 22px;margin-top: 5px;}
.pro-box{margin-top: 15px;padding-bottom: 5px;}
.product-item {width: 100%;margin-bottom:35px;}
.product-item .cont {display: block;border-bottom: 1px solid #d5d5d5;}
.product-item .pic {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}
.product-item .pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.product-item .tit {
    font-size: 16px;
    height: 25px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 12px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #333333;
}
.product-item:hover .tit{color: #e73208;}
.product-item .des {
    line-height: 24px;
    color: #666;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 5px 0 12px;
}
.product-item .m-bott {
    margin-top: 17px;
}
.product-item .btn-more {
    vertical-align: middle;
}
.btn-more {
    display: inline-block;
    width: 100px;
    height: 30px;
    background: url(images/more_01.png) no-repeat right center;
    background-size: 80px 30px;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: left;
}
.btn-more span {
    display: inline-block;
    color: #333;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.btn-more:hover {background-image: url(images/more_03.png);}
.btn-more:hover span{color: #e73208;}
.btn-default {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    padding: 0 15px;
    background: #e73208;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product-item .btn-default {
    margin-left: 5px;
    vertical-align: middle;
}
.pagination{text-align: center;}
.pagination a{position: relative; color: #666; display: inline-block;width: 32px;height: 32px;border: solid 1px #e5e5e5;text-align: center;line-height: 30px; margin:0 3px;}
.pagination a.page-icon::before{display: none;}
.pagination a.page-icon{width: 60px;font-size: 12px;border: none;}
.pagination a.on{color: white;background: #e73208;border-color: #e73208;}
.pagination a.current{color: white;background: #e73208;border-color: #e73208;}
.pagination a.icon-left::after{position: absolute;content: '上一页';font-size: 12px;width: 100%;height: 100%;top: 11px;left: 0;border: solid 1px #e5e5e5;}
.pagination a.icon-right::after{position: absolute;content: '下一页';font-size: 12px;width: 100%;height: 100%;top: 11px;left: 0;border: solid 1px #e5e5e5;}


/**/
.parten{padding: 30px 15px 35px;}
.about-dec{margin-top: 10px; font-size: 14px;color: #666666;line-height: 20px;text-align: center;}
.parten .index-seven{padding:25px 0 0px;}
.parten .index-seven .swiper-container{padding-bottom: 30px;}
.parten .index-seven .swiper-pagination{bottom: 0 !important;    width: auto;padding: 5px 10px;border: solid 1px #c3c3c3; border-radius: 30px;left: 50%;transform: translateX(-50%);}
.parten .index-seven .swiper-pagination-bullet{opacity: 1;background: #c7c7c7;display: block;float: left;}
.parten .index-seven .swiper-pagination-bullet-active{background:#e73208;width: 8px;height: 8px;}

/**/
.problem{padding: 35px 15px 45px;}
.problem li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #c9c9c9;}
.faq-head { background: #9a9ea7; padding: 8px 20px 8px 50px;font-size: 16px; color: #fff; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.faq-head i { position: absolute; left: 15px; top: 0;line-height: 40px;font-size: 20px;}
.faq-cont { margin-left: 15px;margin-top: 20px; font-weight: 300; line-height: 20px; color: #666; padding: 10px 15px 10px 50px; border: 1px solid #dadada;background: #fff; position: relative; -webkit-box-shadow: 0 4px 7px 0 rgba(225,225,225,.35); box-shadow: 0 4px 7px 0 rgba(225,225,225,.35); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.faq-cont::before {content: ''; width: 10px; height: 7px;background: url(images/sjx.png) no-repeat; position: absolute; left: 15px; top: -7px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.faq-cont i {position: absolute; left: 15px;top: 10px; font-size: 18px; color: #9a9ea7;-webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.problem li:hover .faq-head{background: #e73208;}
.problem li:hover .faq-cont{border-color: #e73208;}
.problem li:hover .faq-cont::before{background-image: url(images/sjxH.png);}
.problem li:hover .faq-cont i{color: #e73208;}
.faq-cont p{line-height: 22px;}

/**/
.download{padding: 35px 15px 45px;}
.down-box{padding-bottom: 10px;}
.download-item { width: 100%;display: block; background: #fff;padding: 20px 20px; -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.09); box-shadow: 0 3px 20px rgba(0,0,0,.09); margin-bottom: 20px;}
.download-item .icon {float: right; width: 70px;height:70px; border: 1px solid #e7e7e7;border-radius: 50%; text-align: center;line-height: 68px; font-size: 30px; color: #888; -webkit-box-shadow: inset 0 5px 35px 0px rgba(0,0,0,.08); box-shadow: inset 0 5px 35px 0px rgba(0,0,0,.08); -webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.download-item .icon i{font-size:24px;}
.download-item .cont { margin-right: 90px;}
.download-item .tit { font-size: 16px; line-height: 20px; height: 40px; border-bottom: 1px solid #eaeaea; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.download-item .time { font-size: 13px; color: #888; margin-top: 10px;font-family: arial;}
.download-item:hover .icon{border-color: #e73208;color: #e73208;}
.download-item:hover .tit{color: #e73208;}

/**/
.service{padding: 35px 15px 45px;}
.service-top {margin-bottom: 20px;overflow: hidden;}
.btn-service {margin-right: 10px;float: left; display:block;font-size: 14px; line-height: 30px;color: #fff; padding: 0 13px; background: #e73208; border: 1px solid #e73208; border-radius: 5px; transition: all .4s;}
.btn-service:hover{color: #e73208;background: none;}
.service-item {margin-bottom: 20px;}
.service-title {font-size: 16px;line-height: 25px; margin-bottom: 15px; position: relative;}
.service-title .m-index { float: left; width:27.5px; height: 25px; background: url(images/service_index.png) no-repeat;background-size: cover; font-weight: 600; font-size: 12px; color: #fff; line-height: 22px;text-align: center;margin-right: 7px;}
.service-table { width: 100%;text-align: left;margin-bottom: 20px;}
.service-table th.th-index {width: 50px;padding: 0 ;min-width: auto;text-align: center;}
.service-table th {border: 1px solid #d7d7d7;font-size: 14px; font-weight: 400;color: #333;line-height: 35px;padding: 0 10px;min-width: 77px;}
.service-table td:first-child{text-align: center;}
.service-table td { border: 1px solid #d7d7d7;font-size: 12px;line-height: 18px;color: #666;padding: 10px;vertical-align: top;}
.service-pic{width: 100%;}
.service-pic img{display: block;width: 100%;}

/**/
.honor{padding: 30px 15px 35px;}
.honor ul{overflow: hidden;margin: 20px -5px 0;}
.honor li{width: 50%;padding: 0 5px;    float: left;margin-bottom: 20px;}
.honor-item { width: 100%; height: 3.2rem;background: url(images/honor_tz.png) no-repeat center bottom; background-size: 100%;text-align: center;}
.honor-item a { display: block; width:1.8rem; height: 2.5rem; margin: 0 auto;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25);}
.honor-item a img { width: 100%; height: 100%;}
.honor-item p { color: #000;padding: 0 10px; font-size: 12px; margin-top: .25rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

/**/
.ab-one{padding: 30px 15px 0;}
.ab-dec{font-size: 14px;color: #666;line-height: 20px;text-align: center;margin-bottom: 13px;margin-top: 7px;}
.ab-dec img{ max-width:100%; height:auto}
.abo-pic{width: 100%;overflow: hidden;margin-top: 20px;}
.abo-pic img{display: block;width: 100%;}
.ab-one .home-about-num{background: #e73208;margin-top: 0;padding-bottom: 10px;}
.abo-box{padding:0 15px;background: #f4f4f4;}
.abo-list{padding: 15px 0;overflow: hidden;border-bottom: solid 1px #c4c4c4;}
.abo-icon{float: left;width: 40px;}
.abo-icon img{display: block;width: 100%;}
.abo-right{margin-left: 55px;}
.abo-right h3{font-size: 16px;color: #333;}
.abo-right p{font-size: 14px;color: #666;}
.abo-list:last-child{border-bottom: none;}
.ab-two{padding: 30px 15px;}
.abt-swiper{margin-top: 20px;position: relative;}
.abt-swiper::after{position: absolute;content: '';width: 100%;height: 1px;background: #cfcfcf;left: 0;top: 9px;}
.abt-dot{width: 19px;height: 19px;margin: 0 auto;border-radius: 50%;background: #f8c1b4;padding: 4px;}
.abt-dot i{display: block;width: 100%;height: 100%;background: #e73208;border-radius: 50%;}
.abt-year{margin: 5px 0 3px; color: #e73208;font-weight: bold;font-size: 20px;text-align: center;}
.abt-slide p{font-size: 14px;color: #666;text-align: center;}
.abt-slide{padding: 0 30px;}
.abt-swiper .swiper-button-next{background: none;font-size: 26px;color: #e4e4e4;font-weight: bold;text-align: center;line-height: 44px;right: -5px;margin-top: -10px;}
.abt-swiper .swiper-button-prev{background: none;font-size: 26px;color: #e4e4e4;font-weight: bold;text-align: center;line-height: 44px;left: -5px;margin-top: -10px;}
.abt-swiper .swiper-button-next:hover,.abt-swiper .swiper-button-prev:hover{color: #e73208;}
.ab-three{padding: 30px 15px 40px;background: #f4f4f4;}
.abe-top{margin: 0 -2px 4px;}
.abe-list{width: 50%;padding: 0 2px;float: left;}
.abe-pic{width: 100%;overflow: hidden;}
.abe-pic img{display: block;width: 100%;height: 100%;}
.abe-swiper .swiper-container{padding-bottom: 40px;}
.abe-swiper .swiper-pagination{bottom: 0 !important;    width: auto;padding: 5px 10px;border: solid 1px #c3c3c3; border-radius: 30px;left: 50%;transform: translateX(-50%);}
.abe-swiper .swiper-pagination-bullet{opacity: 1;background: #c7c7c7;display: block;float: left;}
.abe-swiper .swiper-pagination-bullet-active{background:#e73208;width: 8px;height: 8px;}

/**/
.con-one{padding: 30px 15px 0 15px;}
.coo-box{margin-top: 20px;}
.coo-ewm{float: left;width: 75px;}
.coo-ewm img{display: block;width: 100%;}
.coo-ewm p{font-size: 12px;color: #333;}
.coo-right{margin-left: 90px;}
.coo-right img{width: 25px;margin-right: 5px;}
.coo-right h3{font-size: 15px;color: #333;margin-bottom: 10px;}
.coo-right p{font-size: 13px;color: #666666;line-height: 30px;}
.coo-line{width: 100%;height: 1px;background: #cfcfcf;margin-top: 10px;}
.coo-map{width: 100%;overflow: hidden;margin-top: 10px;}
.coo-map img{display: block;width: 100%;}
.con-two{padding: 30px 15px 30px;}
.con-two h5 {margin-top: 5px; text-align: center;padding: 0 15px; font-size: 14px; color: #666;}
.con-two h5 b {color: #e73208;font-weight: 600;}
.message-form { width: 100%;}
.message-sel{text-align: center;padding:10px 0;}
.radio-box{display: inline-block;margin:0 5px;}
.radio[type=radio] {outline: 0; width: 12px;height: 12px;-webkit-appearance: none; cursor: pointer;vertical-align: middle;border:1px solid #d1d1d1;border-radius: 50%;padding: 2px;-webkit-box-shadow:inset 0 0 9px rgba(0,0,0,.22); box-shadow:inset 0 0 9px rgba(0,0,0,.22);}
.radio[type=radio]:before { content: ''; width: 6px; height: 6px; background: #e73208;border-radius: 50%;display: block;opacity: 0;}
.radio[type=radio]:checked{border-color:#e73208;-webkit-box-shadow:inset 0 0 9px rgba(231,50,8,.22); box-shadow:inset 0 0 9px rgba(231,50,8,.22);}
.radio[type=radio]:checked:before { opacity: 1;}
.radio-box label { font-size: 13px;color: #666;line-height:21px;}
.message-form input[type=text]{width: 100%;font-size: 14px;line-height: 22px;color: #666;padding: 10px;border-bottom: 1px solid #cecece;margin-bottom: 5px;}
.btn-submit{display: inline-block;font-size: 14px;color: #666;text-align: center;line-height: 28px;padding:0 25px;border: 1px solid #cecece;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.btn-submit:hover{color: #e73208;border-color:#e73208;}
.message-form .btn-submit{margin-top:15px;}
.con-three{padding: 30px 15px;background: #f5f5f5;}
.join-s{margin-top: 20px;}
.job-item{margin-bottom: 10px;}
.job-item.open .job-le{background:#e73208;}
.job-item.open .job-le:before{background: white;}
.job-item.open .job-le:after{opacity: 0;}
.job-hea{width: 100%;height:40px;line-height: 40px;cursor: pointer;}
.job-le{float: left;width:40px;height:40px;position: relative;background: #666;}
.job-le:before{content: '';width:15px;height:2px;position: absolute;top:50%;left: 50%;margin-left:-7.5px;margin-top:-1px;background: rgba(255,255,255,0.3);}
.job-le:after{content: '';height: 15px;width:2px;position: absolute;top:50%;left: 50%;margin-left:-1px;margin-top:-7.5px;background:rgba(255,255,255,0.3);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.job-ri {padding-left: 40px; background: #fff; font-size: 14px;line-height: 40px;-webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.job-z { float: left; padding: 0 10px;}
.job-d { float: right; padding: 0 10px; color: #666;-webkit-transition: all .3s;-o-transition: all .3s; transition: all .3s;}
.job-cont{display: none;background: #fff;}
.job-pad{padding:20px 15px 30px;}
.job-b {position: relative;}
.job-c-z{margin-bottom: 20px;}
.job-c-z.z-1{margin-bottom: 10px;}
.job-c-z p{font-size: 14px;line-height: 24px;margin-bottom: 5px;}
.job-c-z li{list-style: none; color: #666666;font-size: 13px;line-height: 22px;}
.btn-send{font-size: 14px; color: #fff;line-height: 30px;padding:0 20px;background: #e73208;border:1px solid #e73208;display:inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.btn-send:hover{background: transparent;color: #e73208;}
.job-item.open .job-ri{background: #666;color:#fff;}
.job-item.open .job-d{color: #fff;}
.load-more{display: block;text-align: center;color: #666666;font-size: 12px;margin-top: 13px;}

/**/
.solution{padding: 35px 15px;}
.solution ul{overflow: hidden;margin: 0 -5px;padding-bottom: 10px;}
.solution li{float: left; width: 50%;padding:0 5px;margin-bottom: 15px;}
.solu-list{display: block;width: 100%;}
.solu-pic{height: 2.2rem; width: 100%;overflow: hidden;}
.solu-pic img{display: block;width: 100%;height: 100%;}
.solu-font{border: solid 1px #e5e5e5;padding:10px 12px 15px;}
.solu-font h3{margin-bottom: 5px; font-size: 15px;color: #333333;height: 44px;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solu-font p{font-size: 13px;color: #666666;    height: 56px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.solution li:hover .solu-font h3{color: #e73208;}

/**/
.news{padding: 35px 15px 40px;}
.news ul{overflow: hidden;margin: 0 -5px;padding-bottom: 10px;}
.news li{float: left; width: 50%;padding:0 5px;margin-bottom: 15px;}
.news-list{display: block;width: 100%;}
.news-pic{height: 2.2rem; width: 100%;overflow: hidden;}
.news-pic img{display: block;width: 100%;height: 100%;}
.news-font{border: solid 1px #e5e5e5;padding:10px 12px 15px;}
.news-font h3{margin-bottom: 5px; font-size: 15px;color: #333333;height: 44px;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-font p{font-size: 13px;color: #666666;    height: 56px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-font span{display: block;margin-top: 8px; font-size: 12px;color: #666666;font-family: arial;}
.news li:hover .news-font h3{color: #e73208;}

/**/
.newsinfo h1{font-size: 16px;color: #333;}
.news-de-inl {float: left; color: #666; margin-right: 10px;line-height: 21px; margin-top: 5px;}
.news-de-inl img {float: left;margin-right: 3px;margin-top: 4.5px;}
.news-content p{font-size: 14px;color: #666;line-height: 22px;}
.news-content img{display: block;width: 100%;margin-top: 15px; height:auto}
.news-content{padding-top: 5px;padding-bottom: 20px;}


/**/
.appli{padding: 30px 15px 40px;}
.appli-box{padding: 25px 0 10px;}
.appli-list{display: block;width: 100%;margin-bottom: 30px;}
.appli-pic{width: 100%;display: block;overflow: hidden;height: 4rem;}
.appli-pic img{display: block;width: 100%;height: 100%;}
.appli-font{padding: 5px 15px 20px;border: solid 1px #dedede;}
.appli-font h3{margin-bottom: 7px; font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: solid 1px #dedede;padding:8px 0;}
.appli-font p{margin-bottom: 14px; font-size: 14px;color: #666;line-height: 22px;    height: 44px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.appli-list:hover h3{color: #e73208;}
.appli-list:hover .btn-more {background-image: url(images/more_03.png);}
.appli-list:hover .btn-more span{color: #e73208;}

/**/
.abil{padding: 20px 15px 10px;}
.abi-one{padding-top: 20px;}
.ability-index { font-family: "HelveticaNeue_ltex";float: left;}
.index-num { float: left;font-size: 56px;color: #e73208;line-height: 46px;font-family: "HelveticaNeue_ltex";}
.index-en {float: left; width: 14px; height: 46px;background: url(images/ability_index.png) no-repeat; background-size: cover; font-size: 12px; color: #fff;line-height: 14px;}
.index-en span { display: block; transform: rotate(90deg); transform-origin: left top; margin-left: 14px;width: 46px; height: 14px; padding-right: 5px;text-align: center;letter-spacing: 2px;}
.abio-dec{margin-left:88px;font-size: 12px;color: #666666;}
.ability-title {font-size: 16px; padding: 10px 15px;background: #f2f2f2;border-bottom: 4px solid #e73208;margin: 15px 0 20px;}
.abi-one ul{margin: 0 -5px;}
.abi-one li{float: left; width: 50%;padding: 0 5px;margin-bottom: 5px;}
.abi-pic{width: 100%;overflow: hidden;height: 1.58rem;}
.abi-pic img{display: block;width: 100%;height: 100%;}
.abi-one li p{font-size: 14px;text-align: center;color: #666666;padding: 7px 0;}
.abi-tip{font-size: 14px;color: #666666;border-top: solid 1px #cfcfcf;padding-top: 10px;}
.abi-two{padding-top: 20px;}
.abi-two li{padding: 0 0;position: relative;margin-bottom: 10px;}
.abi-left {line-height: 18px; color: #666; padding-bottom: 10px; padding-right: 10px; border-bottom: 1px solid #e73208; margin-right: 37px;font-size: 12px;}
.abi-left b{color: #e73208;font-weight: normal;}
.abi-index { position: absolute; right: 0;bottom: -15px; z-index: -1;}
.abi-index span {font-size: 56px;font-weight: 600;color: #dadada; line-height: 56px;display: block;transition: all .4s; font-family: arial;}
.abi-dot {position: absolute; right: 20px; bottom: 0; width:30px; height: 30px;border-radius: 50%; background: #fff; padding: 12.5px; box-shadow: 0 5px 40px 0 rgba(0,0,0,.08);}
.abi-dot i {display: block; width: 100%; height: 100%; border-radius: 50%; background: #e73208;}
.abi-three{padding-top: 10px;}
.abi-three .index-en span{letter-spacing: 0;}
.abi-three li{overflow: hidden;position: relative;margin-bottom: 20px;}
.abie-img{ width: 4.5rem;height: 4.5rem;border: solid 1px #f0f0f0;float: right;margin-right: .35rem;border-radius: 50%;}
.abie-pic{position: absolute;width: 4rem;height: 4rem;border-radius: 50%;overflow: hidden;left: .35rem;top: .25rem;border: solid 2px transparent;}
.abie-pic img{display: block;width: 100%;height: 100%;}
.abie-font{margin-top: 12px;padding-left: 65px;position: relative;}
.abie-font::after{position: absolute;content: '';width: 5px;height: 5px;border-radius: 50%;background: #e73208;left: 0;top: 8px;}
.abie-font::before{position: absolute;content: '';width: 50px;height: 1px;background: #e73208;left:5px;top:10px;}
.abie-font p{font-size: 14px;color: #666666;}
.abie-font p b{color: #e73208;font-weight: normal;}
.abi-three li.abie-li .abie-img{float: left;margin: 0 0 0 .35rem;}
.abi-three li.abie-li .abie-pic{right: .35rem;left: auto;}
.abi-three li.abie-li .abie-pic1{position: absolute;left: .35rem;top: .23rem; width: 1.16rem;height: 1.16rem;overflow: hidden;}
.abi-three li.abie-li .abie-pic1 img{display: block;width: 100%;height: 100%}
.abi-three li:hover .abie-pic{border: solid 2px #e73208;}

/**/
.caseDetail{padding:40px 0;}
.caseDetail .case-pic{width: 100%;overflow: hidden;}
.caseDetail .case-pic img{width: 100%;height: 100%;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;margin-bottom: 0;}
.caseDetail .case-pic:hover img{-webkit-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);}
.caseDetail .case-info{width: 100%;padding: 15px 15px 20px;border:1px solid #dedede;margin-top: 0;}
.caseDetail .case-title{font-size: 16px;color: #e73208;padding:0px 00px 13px;border-bottom: 1px solid #dedede;}
.caseDetail .case-describe{padding:12px 0px 0;color: #666;line-height: 2;min-height: auto;}
.caseDetail .case-describe h2{font-size: 16px;font-weight: 600;color: #333;}
.caseDetail .case-describe .tit:first-child{margin-top: 0;}
.caseDetail .case-describe p{line-height: 22px; font-size: 14px;color: #666;font-weight: normal;}
.caseDetail .case-caz{padding: 0 0px;}
.caseDetail .case-caz .share{display: inline-block;vertical-align: middle;margin-left: 20px;}
.caseDetail .case-caz .share .text{color: #333;}
.caseDetail .case-sec{color: #666;line-height: 2;padding: 25px 0;border-bottom: 1px solid #e7e7e7;}
.caseDetail .case-sec .tit{font-size: 16px;font-weight: 600;color: #333; }
.caseDetail .case-sec .col-2{float:left;width:610px;}
.caseDetail .case-sec .col-3{float: right;width: 538px;}
.caseDetail .case-sec img{max-width: 100%;}
.caseDetail .caseDetail .news-de-fo{margin-top: 30px;}
.caseDetail img{display: block;width: 100%;margin-bottom: 10px;}
.appli-item{display: block;width: 100%;overflow: hidden;}
.app-pic{width: 100%;overflow: hidden;}
.app-pic img{display: block;width: 100%;}
.pro-swiper2 .swiper-container{padding-bottom:20px;}
.pro-swiper2 .swiper-pagination{bottom: 0 !important;    width: auto;padding: 5px 10px;border: solid 1px #c3c3c3; border-radius: 30px;left: 50%;transform: translateX(-50%);}
.pro-swiper2 .swiper-pagination-bullet{display: block;float: left;opacity: 1;background: #c7c7c7;}
.pro-swiper2 .swiper-pagination-bullet-active{background:#e73208;}
.pro-swiper2 .swiper-slide-active .product-item .tit{color: #e73208;}
.caseDetail .recommend{padding-top: 23px;padding-bottom: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.appli-tit{border-bottom: solid 1px #dbdbdb; height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #666;padding: 0 10px;}
.appli-item:hover .appli-tit{color: white;background: #e73208;border-color: #e73208;}
.caseDetail .appli-item img{margin-bottom: 0;}
.caseDetail .pro-swiper2 .swiper-container{padding-bottom: 40px;}

/**/
.sodetail{padding:40px 0;}
.sodetail .case-pic{width: 100%;overflow: hidden;}
.sodetail .case-pic img{width: 100%;height: 100%;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;margin-bottom: 0;}
.sodetail .case-pic:hover img{-webkit-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);}
.sodetail .case-info{width: 100%;padding: 15px 15px 20px;border:1px solid #dedede;margin-top: 0;}
.sodetail .case-title{font-size: 16px;color: #e73208;padding:0px 00px 13px;border-bottom: 1px solid #dedede;}
.sodetail .case-describe{padding:12px 0px 0;color: #666;line-height: 2;min-height: auto;}
.sodetail .case-describe h2{font-size: 16px;font-weight: 600;color: #333;}
.sodetail .case-describe .tit:first-child{margin-top: 0;}
.sodetail .case-describe p{line-height: 22px; font-size: 14px;color: #666;font-weight: normal;}
.sodetail .case-caz{padding: 0 0px;margin-top: 10px;}
.sodetail .case-caz .share{display: inline-block;vertical-align: middle;margin-left: 20px;}
.sodetail .case-caz .share .text{color: #333;}
.sodetail .case-sec{color: #666;line-height: 2;padding: 25px 0;border-bottom: 1px solid #e7e7e7;}
.sodetail .case-sec .tit{font-size: 16px;font-weight: 600;color: #333;}
.sodetail .case-sec .col-2{float:left;width:610px;}
.sodetail .case-sec .col-3{float: right;width: 538px;}
.sodetail .case-sec img{max-width: 100%;}
.sodetail .news-de-fo{margin-top: 5px;}
.pro-swiper2 .swiper-container{padding-bottom:20px;}
.pro-swiper2 .swiper-pagination{bottom: 0 !important;    width: auto;padding: 5px 10px;border: solid 1px #c3c3c3; border-radius: 30px;left: 50%;transform: translateX(-50%);}
.pro-swiper2 .swiper-pagination-bullet{display: block;float: left;opacity: 1;background: #c7c7c7;}
.pro-swiper2 .swiper-pagination-bullet-active{background:#e73208;}
.pro-swiper2 .swiper-slide-active .product-item .tit{color: #e73208;}
.caseDetail .recommend{padding-top: 23px;padding-bottom: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.appli-tit{border-bottom: solid 1px #dbdbdb; height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #666;padding: 0 10px;}
.appli-item:hover .appli-tit{color: white;background: #e73208;border-color: #e73208;}
.sodetail .appli-item img{margin-bottom: 0;}
.sodetail .pro-swiper2 .swiper-container{padding-bottom: 40px;}
.sodetail p img{display: none;}
.sodetail h1{font-size: 18px;font-weight: bold;margin: 20px 0 8px;}
.sodetail h2{font-size: 16px;font-weight: normal;color: #e73208;}
.sodetail .recommend{padding-bottom: 0;}
a.zzzz{display:none}
.gotop{float: left;width: 25%;line-height: 24px;text-align: center;color: black;margin: 5px 0;}
.kefu{height: 60px;position: fixed;right: 0;bottom: 0;z-index: 33;background: #FFF;width: 100%;margin: 0 auto;border-top: 1px solid #eaeaea;}
.kefu a{display: none;float: left;width: 25%;/* background: rgba(0,0,0,0.5); */line-height: 20px;text-align: center;color: black;font-size: 24px;margin: 5px 0px;}
.kefu a i,.gotop i{display: inline-block;font-size: 26px;width: 40px;height: 0px;padding-top: 0px;margin: 0 25%;line-height: 32px;cursor: pointer;}
.kf-act{float: left; position: relative; width: 50px;height: 50px;background: rgba(0,0,0,0.5);margin: 0px 1px;}
.kf-act::after{position: absolute;content: '';width: 15px;height: 2px;background: white;left: 17.5px;top: 24px;}
.kf-act::before{position: absolute;content: '';width: 2px;height: 15px;background: white;top: 17.5px;left: 24px;}
.kf-act.on::before{display: none;}