@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #ff6b00;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.tLeft{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.scrollbar::-webkit-scrollbar{ width:2px; background:#f4f4f4; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#ff6b00;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}


.c1440 {width: 75%;margin:  auto;zoom: 1; box-sizing: border-box; position: relative; min-width: 1200px;}
.c1200 {width:1200px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative;}

@font-face {font-family:'Poppins'; src: url('../fonts/Poppins.ttf');} 
@font-face {font-family:'PoppinsExtraBold'; src: url('../fonts/Poppins-ExtraBold.ttf');} 


/* header */
.header{width: 100%;background-color: #fff; position: fixed;top: 0;left: 0; z-index: 99;transition: all 0.6s ease; }
.headerC{ padding: 20px 0 ; transition: all 0.6s ease;  position: relative;}
.header .logo{display: block;float: left; font-size: 0; padding:10px 0;}
.header .logo img{display: inline-block; vertical-align: top; height: 50px; }
.header .logo h1{ display: inline-block;  vertical-align: top; margin-left: 15px; padding-left: 15px; font-size: 30px; line-height: 40px; color: #333; border-left: solid 1px #ddd;}
.header .box{float: right; box-sizing: border-box;}
.navBox{ display: inline-block; vertical-align: top; margin-top: 8px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-right: 0px;}
.navBox .nLi:last-child{ margin-right: 20px;}
.navBox .nLi h3 a{display:block;line-height:24px;font-size:16px;color:#333;font-weight: normal;padding: 10px 0;transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #ff6b00; }
.navBox .nLi .sub{display:none;width: 140px;position:absolute;top:44px;transform: translateX(-50%);left: 50%;z-index: 3;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.navBox .nLi .sub>li{border-bottom: 1px solid #eee;}
.navBox .nLi .sub>li:last-child{border-bottom: none;}
.navBox .nLi .sub>li>a{display:block;text-align: center;font-size: 12px;line-height: 20px;color: #333;padding:10px 8px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub>li>a:hover,.navBox .nLi .sub>li>a.on{background-color: #ff6b00;color: #fff;}
.header .retrieve{ display: inline-block; vertical-align: top; font-size: 26px; line-height: 40px; margin-top: 10px;cursor: pointer;}
.header .retrieve:hover{ color: #ff6b00;}

.headerSearch{width: 100%;background-color: #fff;padding: 15px 0 ;border-top: 1px solid #eee;margin-top: 0;display: none;}
.headerSearch .icon-guanbi{float: right;color: #333;font-size: 26px;line-height: 44px;transition: all 0.6s ease; cursor: pointer;}
.headerSearch .icon-guanbi:hover{color: #ff6b00;}
.headerSearch .searchBox{width:600px;float: right;margin-right: 40px;}
.headerSearch .searchBox form{width: 100%;height: 50px;background-color: #fff;overflow: hidden;border: solid 1px #ddd;}
.headerSearch .searchBox form #catid{float: left; width: 100px; border: 0; box-sizing: border-box; padding:0 6px; line-height: 50px; height: 50px; border-right: solid 1px #ddd; color: #333; font-size: 16px;}
.headerSearch .searchBox form .inputBox{width: 440px;height: 50px;float: left;font-size: 16px;border: none;color: #333333;padding-left: 20px;box-sizing: border-box;}
.headerSearch .searchBox form .btn{border:none;background-color: rgb(0,0,0,0);font-size: 26px;color: #333;width: 60px; height: 50px;line-height: 50px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;}
.headerSearch .searchBox form .btn:hover{color: #ff6b00;}

/*HomeNav*/
.menu{width:40px;height: 30px; padding:35px 30px; position: absolute; top: 0; right: 0; background-color: #000; overflow: hidden; transition: all 0.6s ease; cursor: pointer;}
.menu .t{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.menu .solid{width: 40px;height: 4px;background-color: #fff;transition: all 0.6s ease; border-radius: 4px;}
.menu .solid1{position: absolute;top: 0;left: 0;}
.menu .solid2{position: absolute;top: 50%;left: 0; margin-top: -2px; width: 25px;}
.menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(18px);left: 12px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-18px);left: 12px !important;}
.menuOn{ background-color: #ff6b00;}

.HomeNav{width: 460px;height:100vh; box-sizing: border-box; padding: 100px 5% 40px 5%; position: fixed;right: -100%;top: 0;z-index: 98;background-color: rgba(0, 0, 0, 0.8);transition: all 0.6s ease;}
.HomeNav .box{ position: absolute; top: 50%; width: 100%; margin-top: 0; box-sizing: border-box; padding: 0 5%; transform: translateY(-50%);}
.HomeNav .box ul{ width: 100%;}
.HomeNav .box ul li{ width: 100%; display: inline-block; margin: 15px 0;}
.HomeNav .box ul li a{ display: inline-block; color: #fff; font-size: 24px; position: relative; line-height: 36px; transition: all ease 0.6s; overflow: hidden;}
.HomeNav .box ul li a::after{ content: ''; width: 20px; height: 20px; background: url(../images/arrow_n_y.png) center left no-repeat; background-size: 20px; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); transition: all ease 0.6s;}
.HomeNav .box ul li.on a,.HomeNav .box ul li a:hover{ padding-left: 30px; color: #ff6b00;}
.HomeNav .box ul li.on a::after,.HomeNav .box ul li a:hover::after{ left: 0;}
.HomeNav .tel{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 40px; box-sizing: border-box; z-index: 2; border-top: solid 2px rgba(255,255,255,0.2); text-align: center;}
.HomeNav .tel .iconfont{ display: inline-block; vertical-align: middle; font-size: 52px; color: #ff6b00; margin-right: 10px;}
.HomeNav .tel .t{display: inline-block; vertical-align: middle; text-align: left; color: #ff6b00; }
.HomeNav .tel .t span{ font-size: 14px;}
.HomeNav .tel .t p{ font-size: 30px; font-family:'PoppinsExtraBold';}
.onNav{right: 0 !important;}


@media (max-width: 1680px){
    .navBox .nLi{margin-right:10px;}
    .navBox{max-width:900px;}
    .HomeNav .box ul li{ margin: 15px 0;}
    .HomeNav .box ul li a{ font-size: 20px;}
}
@media (max-width: 1600px){
    .navBox .nLi{margin-right:15px;}
    .navBox{max-width:900px;}
}
@media (max-width: 1440px){
    .headerC{ padding: 15px 0 ; }
    .menu{ padding:30px 25px;}
    .header .box{ padding-right: 60px;}
    .navBox{max-width:775px;}
    .navBox .nLi{margin-right:10px;}
    .navBox .nLi h3 a{ font-size: 16px;}
    .HomeNav .box{ margin-top: 0;}
    .HomeNav .box ul li{ margin: 8px 0;}
    .HomeNav .box ul li a{ font-size: 18px;}
}
@media (max-width: 1380px){
    .header .box{ padding-right: 80px;}
    .HomeNav .box ul li{ margin: 5px 0;}
    .HomeNav .box ul li a{ font-size: 18px;}
}
@media (max-width: 1280px){
    .header .box{ padding-right: 100px;}
    .HomeNav .box ul li{ margin:  0;}
}
@media (max-width: 1240px){
    .header .box{ padding-right: 120px;}
}
@media (max-width: 1200px){
    .header .box{ padding-right: 150px;}
}
.is-fixed { box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.is-fixed .headerC{padding: 10px 0;}
.is-fixed .menu{ padding:25px 20px; }



/* indexBanner */
.indexBanner{ width: 100%;  position: relative; overflow: hidden; margin-top: 100px; min-width: 1200px;}
.bannerItem { width: 100%; position: relative; z-index: 1;}
.bannerItem .swiper-wrapper{height: 100%;}
.bannerItem .swiper-slide{width: 100%;position: relative; }
.bannerItem .swiper-slide a{ width: 100%;  display: inline-block;}
.bannerItem .swiper-slide img{ width: 100%; display: block;}
.bannerItem .swiper-pagination{bottom: 20px !important;right: 0;}
.bannerItem .swiper-pagination-bullet{width: 20px;height: 20px;cursor: pointer; background-color: rgba(255,255,255,0);border: solid 1px #eee; border-radius: 0; box-sizing: border-box;transition: all 0.6s ease;opacity: 0.4 ;margin: 0 10px !important; position: relative;}
.bannerItem .swiper-pagination-bullet::after{ content: ''; width: 10px; height: 10px; top: 4px; left: 4px; position: absolute; background-color: #fff;}
.bannerItem .swiper-pagination-bullet-active{ opacity: 1;}

@media (max-width: 1440px){
    .indexBanner{ width: 100%;  position: relative; overflow: hidden; margin-top: 90px;}
}

/* indexTitle */
.indexTitle{ width: 100%; position: relative; text-align: center;}
.indexTitle p{ font-size: 40px; color: #333; font-family:'PoppinsExtraBold'; text-transform: uppercase; line-height: 46px;}
.indexTitle h3{ font-size: 24px; color: #333; font-weight: normal;}
.indexTitle .more{ display: inline-block; padding-right: 25px; color: #333; position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 24px; background: url(../images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.indexTitle .more:hover{ color: #ff6b00;  background: url(../images/arrow_n_y.png) center right no-repeat;}

/* indexAbout */
.indexAbout{ width: 100%; margin: 50px 0; position: relative; min-width: 1200px; overflow: hidden;}
.indexAbout .box{ width: 600px; position: relative; z-index: 1;}
.indexAbout .indexTitle{ text-align: left;}
.indexAbout .txt{ font-size: 16px; line-height: 42px; color: #333;margin: 50px 0;}
.indexAbout ul{ width: 100%;}
.indexAbout ul li{ display: inline-block; width: 33.33%; box-sizing: border-box; vertical-align: middle; position: relative;}
.indexAbout ul li::after{ content: ''; width: 1px; height: 60px; position: absolute; right: 0; top: 50%; margin-top: -30px; background-color: #ddd;}
.indexAbout ul li:last-child::after{display: none;}
.indexAbout ul li .num{ font-size: 14px; color: #999; position: relative;}
.indexAbout ul li .num span{ display: inline-block; margin-right: 10px; line-height: 40px; position: relative; font-size: 44px; color: #333; font-family:'PoppinsExtraBold';}
.indexAbout ul li .num span::after{ content: '';  position: absolute;  z-index: -1;}
.indexAbout ul li:nth-child(1) .num span::after{ width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 26px;;border-color: transparent transparent transparent rgba(255,107,0,0.2); left: -5px; bottom: -5px;}
.indexAbout ul li:nth-child(2) .num span::after{ width: 28px; height: 28px; border-radius: 50%;  left: -5px; bottom: -5px; background-color: rgba(255,107,0,0.2);}
.indexAbout ul li:nth-child(3) .num span::after{ width: 24px; height: 24px;   left: -5px; bottom: -5px; background-color: rgba(255,107,0,0.2);}
.indexAbout ul li .tit{ font-size: 14px; color: #333; margin-top: 10px;}
.indexAbout .img{ position: absolute; width: 42%; height: 100%; right: 0; top: 0; background: url(/images/jiazhuang.jpg) center no-repeat; background-size:cover ;}
.indexAbout .img .logoIcon{ position: absolute; width: 120px; height: 120px; top: 50%; left: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); margin: -60px 0 0 -60px;}
.indexAbout .img .logoIcon img{ width: 100%; display: block;}


/* indexSolution */
.indexSolution{ width: 100%; padding: 50px 0; position: relative; overflow: hidden; background: url(/images/solutionBg.jpg) center no-repeat; background-size:  cover;}
.indexSolution .indexTitle p,.indexSolution .indexTitle h3{  color: #fff;}
.indexSolution .solutionBox{ margin-top: 40px; position: relative; width: 100%;}
.solutionBox .bigImg{ width: 1070px; margin: auto; position: relative; z-index: 1;}
.solutionBox .bigImg img{ width: 100%; display: block;}
.solutionBox h2{  display: inline-block;  z-index: 3;}
.solutionBox h2 p{ width: 150px; display: inline-block; position: absolute; font-size: 14px; display: inline-block; color: rgba(255,255,255,0.8);  font-weight: normal; cursor: pointer; right: 100px; z-index: 3; }
.solutionBox h2.s1 p{ top:10px ;}
.solutionBox h2.s2 p{ top:60px ;}
.solutionBox h2.s3 p{ top:110px ;}
.solutionBox h2.s4 p{ top:160px ;}
.solutionBox h2.s5 p{ top:210px ;}
.solutionBox h2.s6 p{ top:260px ;}
.solutionBox h2.s7 p{ top:310px ;}
.solutionBox h2.s8 p{ top:360px ;}
.solutionBox h2 span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; cursor: pointer; background-color: #ff6b00; color: #fff; opacity: 0.5; position: absolute; border-radius: 50%; font-family:'PoppinsExtraBold'; z-index: 3; transition: all ease 0.6s;}
.solutionBox h2 span::after{ content: ''; width: 60px; height: 60px; position: absolute; top: -15px; left: -15px; border-radius: 50%; background-color: rgba(255,107,0,0.3); transform: scale(0); transition: all ease 0.6s; z-index: -1;}
.solutionBox h2 span::before{ content: ''; width: 80px; height: 80px; position: absolute; top: -25px; left: -25px; border-radius: 50%; background-color: rgba(255,107,0,0.15); transform: scale(0); transition: all ease 0.6s; z-index: -1;}
.solutionBox h2.s1 span{ left: 50%; top: 200px; margin-left: 110px;}
.solutionBox h2.s2 span{ left: 50%; top: 450px; margin-left: 230px;}
.solutionBox h2.s3 span{ left: 50%; top: 250px; margin-left: 300px;}
.solutionBox h2.s4 span{ right: 50%; top: 280px; margin-right: 120px;}
.solutionBox h2.s5 span{ right: 50%; top: 190px; margin-right: 140px;}
.solutionBox h2.s6 span{ left: 50%; top: 340px; margin-left: 140px;}
.solutionBox h2.s7 span{ right: 50%; top: 360px; margin-right: 240px;}
.solutionBox h2.s8 span{ right: 50%; top: 430px; margin-right: 130px;}
.solutionBox h2:hover span{ opacity: 1;}
.solutionBox h2.on p{ color: #ff6b00;}
.solutionBox h2.on span{ opacity: 1;}
.solutionBox h2.on span::after,.solutionBox h2.on span::before{ transform: scale(1);}
.solutionBox .solutionItem{padding:0; color:#999; display:none;  position: absolute; top: 0;z-index: 4; width: 340px;}
.solutionBox .solutionItem .img{ width: 100%; position: relative; }
.solutionBox .solutionItem .img img{ width: 100%; display: block;}
.solutionBox .solutionItem .info{ width: 100%; box-sizing: border-box; padding: 30px 20px; background-color: #fff; position: relative;}
.solutionBox .solutionItem .info .num{ position: absolute; right: 30px; bottom: 0px; font-size: 120px; font-family:'PoppinsExtraBold'; color: rgba(0, 0, 0, 0.06);}
.solutionBox .solutionItem .info .tit{ font-size: 18px; color: #333;}
.solutionBox .solutionItem .info ul{ width: 100%; margin: 10px 0;}
.solutionBox .solutionItem .info ul li{ font-size: 16px; color: #999; position: relative; line-height: 28px; padding-left: 15px;}
.solutionBox .solutionItem .info ul li::after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #aaa; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.solutionBox .solutionItem .info .more{ display: inline-block; padding-right: 25px; color: #ff6b00; line-height: 24px; background: url(../images/arrow_n_y.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.solutionBox .solutionItem .iconfont{ display: inline-block; position: absolute; top: -30px; width: 30px; height: 30px; box-sizing: border-box; border: solid 2px #fff; text-align: center; line-height: 26px; font-size: 20px; color: #fff; border-radius: 50px; cursor: pointer; transition: all ease 0.6s;}
.solutionBox .solutionItem .iconfont:hover{ background-color: #ff6b00; color: #fff; border-color: #ff6b00;}
.solutionBox .solutionItem.item1{right: 50%; margin-right: 80px;}
.solutionBox .solutionItem.item2{right: 50%; margin-right: -40px;}
.solutionBox .solutionItem.item3{right: 50%; margin-right: -100px;}
.solutionBox .solutionItem.item4{left: 50%; margin-left: 80px;}
.solutionBox .solutionItem.item5{left: 50%; margin-left: 67px;}
.solutionBox .solutionItem.item6{right: 50%; margin-right: 50px;}
.solutionBox .solutionItem.item7{left: 50%; margin-left: -35px;}
.solutionBox .solutionItem.item8{left: 50%; margin-left: 80px;}
.solutionBox .solutionItem.item1 .iconfont,.solutionBox .solutionItem.item2 .iconfont,.solutionBox .solutionItem.item3 .iconfont,.solutionBox .solutionItem.item6 .iconfont{ left: -30px;}
.solutionBox .solutionItem.item4 .iconfont,.solutionBox .solutionItem.item5 .iconfont,.solutionBox .solutionItem.item7 .iconfont,.solutionBox .solutionItem.item8 .iconfont{ right: -30px;}
.solutionBox .solutionItem .lead{ position: absolute; }
.solutionBox .solutionItem .lead::after{ content: ''; position: absolute; top: 3px; height: 1px; width: 110px; background-color: #ff6b00;}
.solutionBox .solutionItem .lead::before{ content: ''; position: absolute; top: 33px; height: 1px; width: 85px; background-color: #ff6b00; }
.solutionBox .solutionItem .lead p{ display: inline-block; width: 7px; height: 7px;  cursor: pointer; background-color: #ff6b00; color: #fff; border-radius: 50%; font-family:'PoppinsExtraBold'; z-index: 3; position: relative;}
.solutionBox .solutionItem .lead p::after{ content: ''; width: 13px; height: 13px; position: absolute; top: -3px; left: -3px; border-radius: 50%; background-color: rgba(255,107,0,0.3);  z-index: -1;}
.solutionBox .solutionItem .lead p::before{ content: ''; width: 19px; height: 19px; position: absolute; top: -6px; left: -6px; border-radius: 50%; background-color: rgba(255,107,0,0.15);  z-index: -1;}
.solutionBox .solutionItem.item1 .lead{top: 100px; }
.solutionBox .solutionItem.item2 .lead{top: 350px; }
.solutionBox .solutionItem.item3 .lead{top: 155px; }
.solutionBox .solutionItem.item4 .lead{top: 184px; }
.solutionBox .solutionItem.item5 .lead{top: 100px; }
.solutionBox .solutionItem.item6 .lead{top: 240px; }
.solutionBox .solutionItem.item7 .lead{top: 268px; }
.solutionBox .solutionItem.item8 .lead{top: 343px; }
.solutionBox .solutionItem.item1 .lead,.solutionBox .solutionItem.item2 .lead,.solutionBox .solutionItem.item3 .lead,.solutionBox .solutionItem.item6 .lead{ right: -30px;}
.solutionBox .solutionItem.item4 .lead,.solutionBox .solutionItem.item5 .lead,.solutionBox .solutionItem.item7 .lead,.solutionBox .solutionItem.item8 .lead{ left: -30px;}
.solutionBox .solutionItem.item1 .lead::after,.solutionBox .solutionItem.item2 .lead::after,.solutionBox .solutionItem.item3 .lead::after,.solutionBox .solutionItem.item6 .lead::after{ left: 0;}
.solutionBox .solutionItem.item1 .lead::before,.solutionBox .solutionItem.item2 .lead::before,.solutionBox .solutionItem.item3 .lead::before,.solutionBox .solutionItem.item6 .lead::before{ left: 98px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.solutionBox .solutionItem.item4 .lead::after,.solutionBox .solutionItem.item5 .lead::after,.solutionBox .solutionItem.item7 .lead::after,.solutionBox .solutionItem.item8 .lead::after{ right: 0;}
.solutionBox .solutionItem.item4 .lead::before,.solutionBox .solutionItem.item5 .lead::before,.solutionBox .solutionItem.item7 .lead::before,.solutionBox .solutionItem.item8 .lead::before{ right: 98px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}

@media (max-width: 1440px){
    .solutionBox .bigImg{ width: 1070px; margin: 0;}
}




/* indexProduct */
.indexProduct{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background-color: #f5f5f5;}
.indexProduct .indexTitle{ text-align: left;}
.indexProduct ul{ width: 100%; margin-top: 40px;}
.indexProduct ul li{ width: 380px; display: inline-block; vertical-align: top; margin: 0 30px 30px 0; position: relative;}
.indexProduct ul li a{ display: inline-block;}
.indexProduct ul li .img{ width: 100%; height:300px; position: relative; z-index: 1; overflow: hidden;}
.indexProduct ul li .img img{ width: auto; height:260px; display: block; transition: all ease 0.6s; position: relative; z-index: 1;}
.indexProduct ul li .img::after{ content: ''; width: 100%; height:0; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.6); transition: all ease 0.6s;}
.indexProduct ul li .tit{ position: absolute; bottom: 0px; width: 100%;font-size: 16px; left: 0; text-align: center; z-index: 2; color: #333; transition: all ease 0.6s;}
.indexProduct ul li .tit .iconfont{ width: 60px; height: 60px; margin:0 auto 20px; border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s; transform: scale(0);}
.indexProduct ul li:nth-child(2){ width: 380px; margin-right: 0;}
.indexProduct ul li:nth-child(2) .tit{ }
.indexProduct ul li:nth-child(5){ margin-right: 0;}
.indexProduct ul li:hover img{ transform: scale(1.05);}
.indexProduct ul li:hover .iconfont{ transform: scale(1);}
.indexProduct ul li:hover .tit{ bottom: 50%; transform: translateY(50%); color: #fff;   }
.indexProduct ul li:hover .img::after{ height: 100%;}


/* indexApplication */
.indexApplication{ width: 100%; padding: 80px 0; overflow: hidden;}
.indexApplication .applicationBox{ width: 100%; margin-top: 40px; position: relative;}
.applicationBox .prev,.applicationBox .next{ display:block;  width:60px; height:60px;position: absolute; top: 50%; transform: translateY(-50%);  overflow:hidden; cursor:pointer; background-size: 20px !important; border-radius: 50%; z-index: 2;}
.applicationBox .next{ right: -30px; background:#333 url(/images/arrow_n_w.png) center no-repeat;  }
.applicationBox .prev{ left: -30px; background:#333 url(/images/arrow_p_w.png) center no-repeat;  }
.applicationBox .next:hover{  background:#ff6b00 url(/images/arrow_n_w.png) center no-repeat;  }
.applicationBox .prev:hover{  background:#ff6b00 url(/images/arrow_p_w.png) center no-repeat;  }
.applicationBox .bd{ padding:0; overflow: hidden; width: 100%;  position: relative; z-index: 1;}
.applicationBox .bd ul{ overflow:hidden; }
.applicationBox .bd ul li{ margin-right:20px ; float:left; text-align:center; position: relative; width: 285px;  }
.applicationBox .bd ul li .img{ text-align:center; position: relative; background-color: #000;}
.applicationBox .bd ul li .img img{  width: 100%; display: block; position: relative; z-index: 1; opacity: 0.8;}
.applicationBox .bd ul li .img p{ position: absolute; left: 20px; top: 30px; color: rgba(255,255,255,0.8); z-index: 2; line-height: 24px ; font-size: 14px; text-transform: uppercase;}
.applicationBox .bd ul li .img span{ display: inline-block; margin-right: 10px; font-size: 20px;}
.applicationBox .bd ul li:nth-child(1) .img span:before{content: "\e61d";}
.applicationBox .bd ul li:nth-child(2) .img span:before{content: "\e603";}
.applicationBox .bd ul li:nth-child(3) .img span:before{content: "\e671";}
.applicationBox .bd ul li:nth-child(4) .img span:before{content: "\e663";}
.applicationBox .bd ul li:nth-child(5) .img span:before{content: "\e680";}
.applicationBox .bd ul li:nth-child(6) .img span:before{content: "\e732";} 

.applicationBox .bd ul li .tit{  font-size: 16px; color: #333;  margin-top: 10px;  }


/* indexTechnology */
.indexTechnology{ width: 100%; padding: 80px 0; background-color: #f5f5f5;}
.indexTechnology .TechnologyBox{position: relative;width: 100%;margin: 40px auto 0;}
.indexTechnology .TechnologyBox .swiper-container{ width: 1040px; margin: auto;}
.indexTechnology .TechnologyBox .swiper-slide{width: 720px;height: 400px; text-align: center;}
.indexTechnology .TechnologyBox .swiper-slide a{ display: inline-block;}
.indexTechnology .TechnologyBox .swiper-slide .img{ width: 720px; height: 400px; position: relative; overflow: hidden;}
.indexTechnology .TechnologyBox .swiper-slide .img img{display:block; width: 100%; position: relative; z-index: 1; transition: all ease 0.6s;}
.indexTechnology .TechnologyBox .swiper-slide .img p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; z-index: 3; border-radius: 50%; border: solid 1px #ff6b00; font-size: 30px; color: #fff; text-align: center; line-height: 76px; box-sizing: border-box; cursor: pointer; opacity: 0;}
.indexTechnology .TechnologyBox .swiper-slide .img p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}
.indexTechnology .TechnologyBox .swiper-slide .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 2;}
.indexTechnology .TechnologyBox .swiper-slide .tit{ position: absolute; left: 0; width: 100%; bottom: 10px; font-size: 16px; color: #fff; line-height: 30px;  opacity: 0; z-index: 2;}
.indexTechnology .TechnologyBox .swiper-slide:hover .tit{ color: #ff6b00;}
.indexTechnology .TechnologyBox .swiper-slide:hover img{ transform: scale(1.05);}
.indexTechnology .TechnologyBox .swiper-slide-active .tit,.indexTechnology .TechnologyBox .swiper-slide-active .img p{ opacity: 1;}
.indexTechnology .TechnologyBox .swiper-button-prev,.indexTechnology .TechnologyBox .swiper-button-next{ width: 60px; height: 60px; border-radius: 50px; position: absolute; top: 50%; background-size: 20px !important; opacity: 0.4;}
.indexTechnology .TechnologyBox .swiper-button-next{ right: 40px;background:#888 url(/images/arrow_n_w.png) center no-repeat; }
.indexTechnology .TechnologyBox .swiper-button-prev{ left: 40px; background:#888 url(/images/arrow_p_w.png) center no-repeat;  }
.indexTechnology .TechnologyBox .swiper-button-next:hover{  background:#ff6b00 url(/images/arrow_n_w.png) center no-repeat; opacity: 1; }
.indexTechnology .TechnologyBox .swiper-button-prev:hover{  background:#ff6b00 url(/images/arrow_p_w.png) center no-repeat; opacity: 1; }
.indexTechnology .more{ text-align: center; width: 100%; margin: 40px auto 0;}
.indexTechnology .more a{ display: inline-block; padding-right: 25px; color: #333;   line-height: 24px; background: url(/images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 16px; transition: all ease 0.6s;}
.indexTechnology .more a:hover{ color: #ff6b00;  background: url(/images/arrow_n_y.png) center right no-repeat;}



/* footer */
.footer{ background-color: #000; overflow: hidden; position: relative; min-width: 1200px;}
.footer .box{ padding: 50px 0;}
.footer .box .fLogo img{ height: 40px; display: block;}
.footer .box .fNav{ max-width: 900px; padding: 0;}
.footer .box .fNav dl{ display: inline-block; vertical-align: top; margin-left:90px;}
.footer .box .fNav dl:first-child{ margin-left: 0;}
.footer .box .fNav dl dt{ margin-bottom: 15px;}
.footer .box .fNav dl dt a{ font-size: 16px; display: inline-block; color: #fff;}
.footer .box .fNav dl dd{ margin: 8px 0;}
.footer .box .fNav dl dd a{ font-size: 14px; color: #fff; }
.footer .box .fNav dl a:hover{ color: #ff6b00;}
.footer .link{ padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1); }
.footer .link span{font-size: 14px; display: inline-block; line-height: 24px; color: #666;}
.footer .link a{ display: inline-block; font-size: 14px; color: #666; margin: 5px 15px 5px 0;}
.footer .link a:hover{ color: #ff6b00;}
@media (max-width: 1680px){
.footer .box .fNav dl{  margin-left:60px;}
}


/* copy */
.copy{ width: 100%; padding: 19px 0; line-height: 20px; overflow: hidden;}
.copy .left{ max-width: 260px; text-transform: uppercase;}
.copy .left span{ font-size: 16px; font-weight: bold; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding-top: 3px;}
.copy .left a{ display: inline-block; vertical-align: top; height: 18px;}
.copy .left img{display: inline-block;  height: 18px;}
.copy .right{ font-size: 14px; color: #333; max-width: 600px; text-transform: uppercase;}
.copy .right a{ color: #333;}
.copy .right a:hover{ color: #ff6b00;}



/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; transform: translateY(-50%); z-index:97;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; border-bottom: solid 1px rgba(0,0,0,0);}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #000;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt a{ display: inline-block; width: 100%; height: 100%; color: #fff;}
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #ff6b00;}
.customer dl.icon1 dd{width: 150px; text-align: center; background-color: #fff; border: solid 1px #eee; position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon1 dd img{ width: 100%; display: block;  box-sizing: border-box;}
.customer dl.icon1 dd p{ font-size: 14px; margin-bottom: 8px;}
.customer dl.icon2 dd{width: 230px; height: 70px; padding: 10px 15px; border-right: solid 1px rgba(255,255,255,0.4); box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:#ff6b00; position: absolute; top: 0;right: -300px; z-index: 1; text-align: center; transition: all 0.5s ease;}
.customer dl.icon2 dd p{ line-height: 50px; font-size: 24px; font-weight: bold; display: inline-block;}
.customer dl:hover dd{right: 70px;}


/* pageBanner */
.pageBanner{ width: 100%; position: relative; min-width: 1200px; margin: 100px auto 0; overflow: hidden; z-index: 1;}
.pageBanner .img{ width: 100%; position: relative; z-index: 1;}
.pageBanner .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.pageBanner .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 2;}
.pageBanner .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff;  text-align: center;}
.pageBanner .info h2{font-family:'PoppinsExtraBold'; font-size: 40px; line-height: 40px; text-transform: capitalize;}
.pageBanner .info p{ font-size: 20px; margin-top: 5px;}
.productBanner .info{  transform: translate(-50%,-100%);}
.joinBanner .img::after{ opacity: 0;}
@media (max-width: 1440px){
    .pageBanner{ margin: 90px auto 0;}
}


.proNav{ width: 100%; position: relative; z-index: 2;}
.proNav::after{ content: ''; width: 100%; height: calc(100% - 60px); position: absolute; top: 60px; left: 0; background-color: #f5f5f5; z-index: -1;}
.proNav ul{ width: 100%; box-sizing: border-box; padding: 30px; background-color: #fff; margin-top: -60px; position: relative; z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.proNav ul li{ display: inline-block; vertical-align: top; text-align: center; margin: 15px 0; box-sizing: border-box; width: 20%; padding: 0 15px; }
.proNav ul li p{ font-size: 20px; color: #333;}
.proNav ul li span{ font-size: 14px; color: #999; text-transform: uppercase; font-family:'Poppins';}
.proNav ul li.on p,.proNav ul li.on span,.proNav ul li:hover p,.proNav ul li:hover span{ color: #ff6b00; }

/* pageCrumbs */
.pageCrumbs{ width: 100%; padding: 15px 0; background-color: #f5f5f5; margin: 100px auto 0; position: relative; overflow: hidden;}
.pageCrumbs .crumbs{ max-width: 80%; padding: 7px 0; line-height: 22px; font-size: 14px; color: #999;}
.pageCrumbs .crumbs a{ display: inline-block; color: #999;}
.pageCrumbs .crumbs a:hover,.pageCrumbs .crumbs a:last-child{ color: #ff6b00;}
.pageCrumbs .crumbs span{ display: inline-block; margin: 0 5px;}
.pageCrumbs .back a{ display: inline-block; font-size: 14px; color: #fff; background-color: #333; line-height: 36px; padding: 0 20px; transition: all ease 0.6s; }
.pageCrumbs .back a:hover{ background-color: #ff6b00;}
@media (max-width: 1440px){
    .pageCrumbs{ margin: 90px auto 0;}
}


/* pageContent */
.pageContent{ padding: 80px 0; position: relative; overflow: hidden;}
.pageContent .box{ font-size: 16px; line-height: 34px; color: #333;}
.pageContent .box img{ max-width: 100%; display: inline-block;}

/* pageProduct */
.pageProduct{ width: 100%; padding: 40px 0; background-color: #f5f5f5;}
.pageProduct ul{ width: 100%;}
.pageProduct ul li{ display: inline-block; vertical-align: top; width: 285px; margin:0 20px 20px 0; position: relative; text-align: center;}
.pageProduct ul li:nth-child(4n){ margin-right: 0;}
.pageProduct ul li .img{ width: 100%; height:265px;   position: relative; overflow: hidden;}
.pageProduct ul li .img img{ width: 100%;     display: block;  transition: all ease 0.6s;}
.pageProduct ul li .img::after{ content: ''; width: 100%; height:0; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transition: all ease 0.6s;}
.pageProduct ul li .img p{ width: 60px; height: 60px; position: absolute; bottom: -60px; left: 50%; margin: 0 0  -30px -30px; border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s; z-index: 2; }
.pageProduct ul li .tit{  font-size: 16px; color: #333; margin-top: 8px;  transition: all ease 0.6s;}
.pageProduct ul li:hover .img::after{ height: 100%;}
.pageProduct ul li:hover .img img{ transform: scale(1.1);}
.pageProduct ul li:hover .img p{ bottom: 50%;}
.pageProduct ul li:hover .tit{ color: #ff6b00;}

.pageProductD{ width: 100%; position: relative; overflow: hidden;}
.pageProductD .infoBox{ width: 100%; padding: 60px 0;}
.pageProductD .infoBox .img{ width: 440px; box-sizing: border-box; border: solid 1px #eee;}
.pageProductD .infoBox .img img{ width: 100%; display: block;}
.pageProductD .infoBox .info{ width: 680px;}
.pageProductD .infoBox .info .tit{ font-size: 28px; color: #333; margin-top: 10px;}
.pageProductD .infoBox .info .num{ width: 100%; margin: 20px 0 0; min-height: 26px; position: relative; box-sizing: border-box; padding-left: 80px;}
.pageProductD .infoBox .info .num .t{ position: absolute; top: 0; left: 0; color: #333; font-size: 14px; line-height: 26px;}
.pageProductD .infoBox .info .num p{ display: inline-block; width: 100%; margin-bottom: 5px;}
.pageProductD .infoBox .info .num p span{display: inline-block; font-size: 14px; color: #ff6b00;line-height: 26px; background-color: rgba(255,107,0,0.1); padding: 0 10px;}
.pageProductD .infoBox .info .sum{ font-size: 16px; margin-top: 20px; color: #666; line-height: 30px;border-bottom: solid 2px #eee; padding-bottom: 20px;}
.pageProductD .infoBox .info .ex{ margin-top: 1px; border-top: solid 1px #eee; padding-top: 20px;}
.pageProductD .infoBox .info .ex p{ font-size: 14px; color: #333; position: relative; line-height: 24px; margin: 5px 0;}
.pageProductD .infoBox .info .ex p span{ display: inline-block; font-size: 16px; color: #ff6b00; margin-right: 5px;}
.pageProductD .infoBox .info .more{ width: 100%; margin-top: 50px;}
.pageProductD .infoBox .info .more a{ display: inline-block; color: #fff; line-height: 50px; padding: 0 40px; font-size: 16px; background-color: #ff6b00; transition: all ease 0.6s;}
.pageProductD .infoBox .info .more a span{ font-size: 18px; margin-right: 10px; display: inline-block;}
.pageProductD .infoBox .info .more a:first-child{ background-color: #333; margin-right: 30px;}
.pageProductD .infoBox .info .more a:hover{ background-color: #ff6b00;}

.pageProductD .parameter{ width: 100%; padding: 60px 0; background-color: #f5f5f5;}
.pageProductD .parameter .tit{ text-align: center; font-size: 22px; color: #333;}
.pageProductD .parameter .txt{ width: 100%; box-sizing: border-box; padding: 60px; margin-top: 40px; background-color: #fff; font-size: 14px; line-height: 28px;}
.pageProductD .parameter .txt img{ max-width: 100%; display: inline-block; height: auto !important;}
.pageProductD .parameter .txt table{ border: 0;}
.pageProductD .parameter .txt table tr{ border: 0; border-bottom: solid 1px #eee;}
.pageProductD .parameter .txt table tr th{ border: 0;}
.pageProductD .parameter .txt table tr td{ border: 0; color: #666; padding: 20px;}
.pageProductD .parameter .txt table tr td:first-child{ width: 0 ;color: #333; font-weight:bold;}

/* pageTechnology */
.pageTechnology{ width: 100%; padding: 60px 0; overflow: hidden; position: relative; background-color: #f5f5f5;}
.pageTechnology .TechnologyBox{ width: 100%; position: relative;}
.pageTechnology .TechnologyBox .hd{ background:#fff;  width: 540px; right: 0; top: 0; height: 100%;  position: absolute; }
.pageTechnology .TechnologyBox .hd ul{  width: 100%; height: 100%;}
.pageTechnology .TechnologyBox .hd ul li{ float:left; width: 100%; height: 20%; border-bottom: solid 1px #eee; box-sizing: border-box; text-align: center; padding:0 ; cursor:pointer;  overflow: hidden;}
.pageTechnology .TechnologyBox .hd ul li:last-child{ border-bottom: 0;}
.pageTechnology .TechnologyBox .hd ul li a{ width: 100%; display: inline-block; height: 100%; padding: 16px 0;  box-sizing: border-box; line-height: 40px;}
.pageTechnology .TechnologyBox .hd ul li a p{ display: none; vertical-align: middle; font-size: 20px; color: #ff6b00; }
.pageTechnology .TechnologyBox .hd ul li a span{ display: inline-block; vertical-align: middle; margin: 0 20px; font-size: 16px; color: #333;}
.pageTechnology .TechnologyBox .hd ul li.on{ border-color: rgba(255,107,0,0.1);}
.pageTechnology .TechnologyBox .hd ul li.on a{  background-color: rgba(255,107,0,0.1); }
.pageTechnology .TechnologyBox .hd ul li.on a span{ color: #ff6b00;}
.pageTechnology .TechnologyBox .hd ul li.on a p{ display: inline-block;}
.pageTechnology .TechnologyBox .bd{ width: 660px; position: relative;}
.pageTechnology .TechnologyBox .bd .info{ padding:0;  zoom:1;  position: relative; overflow: hidden;}
.pageTechnology .TechnologyBox .bd .info a{ display: inline-block; width: 100%;position: relative;}
.pageTechnology .TechnologyBox .bd .info a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.4);}
.pageTechnology .TechnologyBox .bd .info img{ width: 100%; display: block; position: relative; z-index: 1; transition: all ease 0.6s;}
.pageTechnology .TechnologyBox .bd .info p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; z-index: 3; border-radius: 50%; border: solid 1px #ff6b00; font-size: 30px; color: #fff; text-align: center; line-height: 76px; box-sizing: border-box; cursor: pointer;}
.pageTechnology .TechnologyBox .bd .info p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}
.pageTechnology .TechnologyBox .bd .info:hover img{  transform: scale(1.05);}

.pageTechnology .technologyList{ width: 100%; margin-top: 40px;}
.pageTechnology .technologyList li{ display: inline-block; vertical-align: top; text-align: center; width: 380px; margin: 0 30px 30px 0; position: relative;}
.pageTechnology .technologyList li:nth-child(3n){ margin-right: 0;}
.pageTechnology .technologyList li .img{ width: 100%; position: relative; overflow: hidden;}
.pageTechnology .technologyList li .img img{ width: 100%; display: block; position: relative; z-index: 1; transition: all ease 0.6s;}
.pageTechnology .technologyList li .img::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.4);}
.pageTechnology .technologyList li .img p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; z-index: 3; border-radius: 50%; border: solid 1px #ff6b00; font-size: 30px; color: #fff; text-align: center; line-height: 76px; box-sizing: border-box; cursor: pointer;}
.pageTechnology .technologyList li .img p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}
.pageTechnology .technologyList li .tit{ font-size: 16px; color: #333;  box-sizing: border-box; background-color: #fff; line-height: 30px; padding: 15px 20px;  transition: all ease 0.6s;}
.pageTechnology .technologyList li:hover img{ transform: scale(1.1);}
.pageTechnology .technologyList li:hover .tit{ background-color: #ff6b00; color: #fff;}

.pageTechnologyD{ width: 100%; padding: 60px 0; position: relative; overflow: hidden;}
.pageTechnologyD .tit{ font-size: 30px; font-weight: normal; color: #333;}
.pageTechnologyD .txt{ padding: 30px 0; font-size: 14px; line-height: 30px; color: #333;}
.pageTechnologyD .txt img{ max-width: 100%; display: inline-block; height: auto !important;}
.pageTechnologyD .video{ width: 100%; position: relative;}
.pageTechnologyD .video video{ width: 100%; display: block; position: relative; z-index: 1;}
.pageTechnologyD .video #playVideo{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);}
.pageTechnologyD .video #playVideo p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; z-index: 3; border-radius: 50%; border: solid 1px #ff6b00; font-size: 30px; color: #fff; text-align: center; line-height: 76px; box-sizing: border-box; cursor: pointer;}
.pageTechnologyD .video #playVideo p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}

.Plink{width: 100%;margin-top: 40px;position: relative;padding: 10px 0;}
.Plink .prev{max-width: 40%;display: block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink .next{max-width: 40%;display: block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink .prev:hover,.Plink .next:hover{text-decoration: underline;color: #ff6b00;}
.Plink .back{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #333;font-size: 14px;line-height: 20px;border: solid 2px #333;padding: 10px 3%;transition: all 0.6s ease;}
.Plink .back:hover{background-color: #ff6b00;border-color: #ff6b00;color: #fff;}

/* joinTitle */
.joinTitle{ width: 100%; text-align: center;}
.joinTitle h2{ font-size: 40px; color: #333; font-weight: normal;}
.joinTitle h2 b{ color: #ff6b00;}
.joinTitle p{ font-size: 18px; color: #999; line-height: 30px; margin-top: 15px;}

/* pageMarket */
.pageMarket{ width: 100%; padding: 80px 0; overflow: hidden;}
.pageMarket .info{ font-size: 16px; box-sizing: border-box; width: 100%; color: #666; text-align: center; line-height: 40px; padding: 60px 70px; position: relative;}
.pageMarket .info .iconfont{ display: inline-block; position: absolute; font-size: 20px; font-size: 30px; color: #ddd;}
.pageMarket .info .iconfont.topl{ top: 40px; left: 10px;}
.pageMarket .info .iconfont.botr{ bottom: 40px; right: 10px; transform: rotateY(-180deg);}
.pageMarket ul{ box-sizing: border-box; width: 100%; padding: 30px 60px ; box-shadow: 0 0 30px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.pageMarket ul li{ display: inline-block; width: 25%; box-sizing: border-box; vertical-align: middle; position: relative;}
.pageMarket ul li::after{ content: ''; width: 1px; height: 60px; position: absolute; right: 0; top: 50%; margin-top: -30px; background-color: #ddd;}
.pageMarket ul li:last-child::after{display: none;}
.pageMarket ul li .num{ font-size: 14px; color: #999; position: relative;}
.pageMarket ul li .num span{ display: inline-block; margin-right: 10px; line-height: 40px; position: relative; font-size: 44px; color: #333; font-family:'PoppinsExtraBold';}
.pageMarket ul li .num span::after{ content: '';  position: absolute;  z-index: -1;}
.pageMarket ul li .tit{ font-size: 14px; color: #333; margin-top: 10px;}

/* pageQuality */
.pageQuality{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/jiazhuang/join/qualityBg.jpg) center no-repeat; background-size: cover;}
.pageQuality .box{ width: 880px; box-sizing: border-box; padding: 50px 40px; background-color: #fff; position: relative;}
.pageQuality .box::after{ content: ''; width: 360px; height: 360px; background-size: 100%; background: url(../images/logoIcon1.png) center no-repeat; opacity: 0.03; right: 40px; bottom: 40px; z-index: 0; position: absolute;}
.pageQuality .joinTitle{ text-align: left; position: relative; z-index: 2; box-sizing: border-box; padding: 0 10px;}
.pageQuality .joinTitle p{ color: #666;}
.pageQuality .info{ width: 100%; margin-top: 50px;  position: relative; border-top: solid 2px #eee; box-sizing: border-box; padding-top: 50px; z-index: 3;}
.pageQuality .info::after{ content: ''; position: absolute; width: 100%; height: 1px; top: 1px; background-color: #eee;}
.pageQuality .info .tit{ width: 100%; box-sizing: border-box; padding: 0 10px;}
.pageQuality .info .tit span{ display: inline-block; vertical-align: middle; width: 46px; margin-right: 20px;}
.pageQuality .info .tit img{ display: block; width: 100%; }
.pageQuality .info .tit h2{ display: inline-block; vertical-align: middle; font-size: 36px; color: #333; line-height: 46px;}
.pageQuality .info h3{ font-size: 18px; color: #666; line-height: 30px; margin-top: 20px;  box-sizing: border-box; padding: 0 10px;}
.pageQuality .tel{  position: absolute; right: 90px; bottom: 40px;  box-sizing: border-box; z-index: 4; text-align: center;}
.pageQuality .tel .iconfont{ display: inline-block; vertical-align: middle; font-size: 52px; color: #ff6b00; margin-right: 10px;}
.pageQuality .tel .t{display: inline-block; vertical-align: middle; text-align: left; color: #ff6b00; }
.pageQuality .tel .t span{ font-size: 14px;}
.pageQuality .tel .t p{ font-size: 30px; font-family:'PoppinsExtraBold';}


/* pageRD */
.pageRD{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageRD ul{ width: 100%; margin-top: 40px;}
.pageRD ul li{ display: inline-block; vertical-align: top; width: 291px; margin-right: 12px; position: relative;}
.pageRD ul li:last-child{ margin-right: 0;}
.pageRD ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageRD ul li .img img{ width: 100%; display: block;}
.pageRD ul li .info{ position: absolute; top: 0; left: 0; width: 100%; z-index: 2; box-sizing: border-box; padding: 30px;}
.pageRD ul li .info .tit{ font-size: 22px; color: #fff;}
.pageRD ul li .info .txt{ font-size: 14px; color: rgba(255,255,255,0.6); margin-top: 5px; text-transform: uppercase;}
.pageRD ul li .info .more{ display: inline-block; padding-right: 25px; color: #fff; margin-top: 20px; line-height: 24px; background: url(../images/arrow_n_w.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.pageRD ul li .info .more:hover{ color: #ff6b00;  background: url(../images/arrow_n_y.png) center right no-repeat;}

/* pageGreen */
.pageGreen{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background-color: #f5f5f5;}
.pageGreen .box{ width: 100%; position: relative; margin-top: 40px;}
.pageGreen .box .img{ width: 600px; position: relative; z-index: 2;}
.pageGreen .box .img img{ width: 100%; display: block;}
.pageGreen .box .info{ width: 640px; position: absolute; right: 0; top: 20px; box-sizing: border-box; padding: 60px 40px 60px 80px; z-index: 1; background-color: #fff; font-size: 16px; color: #333; line-height: 40px;}
.pageGreen ul{ width: 100%; margin-top: 60px; display: inline-block;}
.pageGreen ul li{ width: 16.66%; display: inline-block; vertical-align: top;}
.pageGreen ul li .img{ width: 100%;}
.pageGreen ul li .img img{ width: 90%; display: inline-block;}
.pageGreen ul li .tit{ font-size: 14px; color: #666; margin-top: 10px;}


/* pageCertification */
.pageCertification{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/join/certificationBg.jpg) center no-repeat; background-size: cover;}
.pageCertification .joinTitle h2{ color: #fff;}
.certificationBox{  width: 100%;  margin-top: 40px;  }
.certificationBox .hd{ margin: 40px auto 0;}
.certificationBox .hd ul{  overflow:hidden; zoom:1;   text-align: center;}
.certificationBox .hd ul li{ display: inline-block;  vertical-align: top; width: 12px; height: 12px; background-color: #fff; margin: 0 10px; opacity: 0.8; text-indent:-999px;  overflow: hidden; cursor: pointer;}
.certificationBox .hd ul li.on{ opacity: 1; background-color: #ff6b00; }
.certificationBox .bd{ padding:0;  width: 100%; overflow: hidden; }
.certificationBox .bd ul{ overflow:hidden; zoom:1; }
.certificationBox .bd ul li{ float:left; width: 285px; margin-right: 20px; overflow:hidden; text-align:center;  }
.certificationBox .bd ul li img{ width: 100%; }

/* pagePolicy */
.pagePolicy{ width: 100%; padding: 80px 0; overflow: hidden; background-color: #f5f5f5;}
.policyBox{ width: 100%; margin: 40px auto 0; position: relative;}
.policyBox .hd{ position: relative; }
.policyBox .hd ul{ margin: auto; text-align: center;  position: relative;}
.policyBox .hd ul li{display: inline-block; vertical-align: top; padding: 0 50px; position: relative; z-index: 1; cursor: pointer;}
.policyBox .hd ul li::after{content: ''; position: absolute; top: 15px; left: 0; width: 100%; height: 1px; z-index: -1; background-color: #ddd;}
.policyBox .hd ul li span{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 26px; box-sizing: border-box; padding-top: 4px; color: #fff; font-size: 22px; font-family:'Poppins'; background-color: #333;}
.policyBox .hd ul li p{ font-size: 14px; color: #333; margin-top: 10px;}
.policyBox .hd ul li.on span{ background-color: #ff6b00; }
.policyBox .hd ul li.on p{ color: #ff6b00;}
.policyBox .bd { margin-top: 40px; position: relative;}
.policyBox .bd .con{ width: 100%;  zoom:1;  }
.policyBox .bd .con .img{ width: 600px; position: relative;}
.policyBox .bd .con .img img{ width: 100%; display: block;}
.policyBox .bd .con .info{ float: right; width: 600px; height: 440px; box-sizing: border-box; padding: 50px; background-color: #fff; overflow: hidden;}
.policyBox .bd .con .info .tit{ font-size: 22px; color: #ff6b00;}
.policyBox .bd .con .info .txt{ font-size: 16px; line-height: 38px; color: #333; margin-top: 10px;}

.policyBox .prev,.policyBox .next{ display:block;  width:60px; height:60px;position: absolute; bottom: 190px;  overflow:hidden; cursor:pointer; background-size: 20px !important; border-radius: 50%; z-index: 2;}
.policyBox .next{ right: -80px; background:#333 url(../images/arrow_n_w.png) center no-repeat;  }
.policyBox .prev{ left: -80px; background:#333 url(../images/arrow_p_w.png) center no-repeat;  }
.policyBox .next:hover{  background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;  }
.policyBox .prev:hover{  background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;  }
@media (max-width: 1380px){
    .policyBox .next{ right: -00px;  }
    .policyBox .prev{ left: -00px;  }
}

/* pageCondition */
.pageCondition{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.pageCondition ul{ margin-top: 60px; width: 100%;}
.pageCondition ul li{ display: inline-block; text-align: center; box-sizing: border-box; width: 20%; position: relative;}
.pageCondition ul li .icon{ width: 90px; height: 90px;  text-align: center; line-height: 90px; font-size: 40px; background-color: #333; margin: auto; color: #fff; transition: all ease 0.6s;}
.pageCondition ul li .tit{ font-size: 20px; color: #333; margin: 20px 0 10px; transition: all ease 0.6s;}
.pageCondition ul li .txt{ font-size: 14px; line-height: 26px; color: #999;}
.pageCondition ul li .si{ position: absolute; right: -0; top: 35px; background-color: #ddd; text-align: center; width: 1px; height: 19px; color: #ddd;}
.pageCondition ul li .si::after{ content: ''; position: absolute; top: 9px; left: -9px; width: 19px; height: 1px; background-color: #ddd;}
.pageCondition ul li:last-child .si{ display: none;}
.pageCondition ul li:hover .icon{ background-color: #ff6b00;}
.pageCondition ul li:hover .tit{ color: #ff6b00;}


/* pageProcess */
.pageProcess{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/join/processBg.jpg) center no-repeat; background-size: cover;}
.pageProcess .joinTitle h2{ color: #fff;}
.pageProcess ul{ width: 100%; margin-top: 90px; position: relative;}
.pageProcess ul li{ display: inline-block; vertical-align: top; width: 270px; position: relative; margin-right: 40px; background-color: #fff; box-sizing: border-box; padding: 60px 20px 50px;}
.pageProcess ul li:last-child{ margin-right: 0;}
.pageProcess ul li .num{ width: 70px; height: 70px; position: absolute; top: -35px; left: 50%; margin-left: -35px;  border-radius: 50%; background-color: #aaa; color: #fff; font-size: 30px; text-align: center; line-height: 70px; font-family:'PoppinsExtraBold'; transition: all ease 0.6s;}
.pageProcess ul li .tit{ font-size: 20px; color: #333;}
.pageProcess ul li .txt{ font-size: 14px; line-height: 22px; color: #999; margin-top: 10px; height: 66px; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.pageProcess ul li .txt::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(238,238,238,0.6) 0,rgba(238,238,238,1) 50%,rgba(238,238,238,0.6));}
.pageProcess ul li .iconfont{ text-align: center; font-size: 120px; color: #e5e5e5;}
.pageProcess ul li:hover .num{ background-color: #ff6b00;}


/* pageShop */
.pageShop{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}

.pageShop .shopBox{width: 100%;margin-top: 40px;}
.pageShop .shopBox .swiper-slide { font-size: 0;}
.pageShop .shopBox .swiper-slide .img{width: 380px;  display: inline-block;  vertical-align: top;margin-right: 30px;margin-bottom: 30px; position: relative; overflow: hidden;}
.pageShop .shopBox .swiper-slide .img:nth-child(3n){margin-right: 0;}
.pageShop .shopBox .swiper-slide .img img{display: block;width: 100%;  transition: all ease 0.6s;}
.pageShop .shopBox .swiper-slide .img:hover img{ transform: scale(1.1);}
.pageShop .shopBox .swiper-pagination{width: 100%;text-align: center;margin-top: 10px; position: relative;}
.pageShop .shopBox .swiper-pagination-bullet{display: inline-block;width: 14px;height: 14px;background:#ddd;border-radius: 50%;margin: 5px 10px !important;cursor: pointer;transition: all 0.6s ease; background-color: #ff6b00; opacity: 0.4;}
.pageShop .shopBox .swiper-pagination-bullet-active{ opacity: 1;}


/* joinForm */
.joinForm{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/join/formBg.jpg) center no-repeat; background-size: cover;}
.joinForm .box{ background-color: #fff; overflow: hidden;}
.joinForm .joinNews{ width: 530px; box-sizing: border-box; padding: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.joinForm .joinNews .tit{ font-size: 22px; color: #333;}
.joinForm .joinNews .bd{ width: 100%; margin-top: 15px;}
.joinForm .joinNews .bd li{ float: left; width: 100%; padding: 20px 0; border-bottom: dashed 1px #ddd;}
.joinForm .joinNews .bd li p{ font-size: 16px; color: #333;}
.joinForm .joinNews .bd li span{ display: inline-block; font-size: 14px; color: #999; margin-top: 10px;}
.joinForm .joinNews .bd li:hover p{ color: #ff6b00;}
.joinForm .form{ width: 670px; box-sizing: border-box; padding: 40px;}
.joinForm .form .tit{ width: 100%; line-height: 30px;}
.joinForm .form .tit h2{ font-size: 24px; color: #333;}
.joinForm .form .tit span{ font-size: 16px; color: #ff6b00;}
.joinForm .form form{ width: 100%; margin-top: 20px;}
.joinForm .form form .item{ margin-top: 10px; width: 100%;}
.joinForm .form form .item3{ margin-top: 20px;}
.joinForm .form form .item p{ width: 290px;}
.joinForm .form form label{display: block;position: relative; }
.joinForm .form form label span{font-size: 16px;color: #666;position: absolute; line-height: 48px; top: 0; left: 20px;}
.joinForm .form form .item1 .txt{border: solid 1px #ddd;font-size: 16px;color: #333;width: 100%;line-height: 18px;padding:14px 20px;box-sizing: border-box; background-color: #f5f5f5;}
.joinForm .form form select{ float: left; margin-right: 10px; width: 190px; height: 50px; padding: 0 16px; font-size: 16px; color: #666; line-height: 50px; border: solid 1px #ddd; background-color: #f5f5f5; box-sizing: border-box;}
.joinForm .form form select:last-child{ margin-right: 0;}
.joinForm .form form textarea{ height: 150px;resize: none; padding:14px 20px; width: 100%;font-size: 16px;color: #666;line-height: 18px;border: none;background-color: #f5f5f5; box-sizing: border-box; border: solid 1px #ddd;}
.joinForm .form form .btn{width: 100%;height: 50px;cursor: pointer;background-color: #ff6b00;transition: all 0.6s ease;border: 0;color: #fff;font-size: 16px;display: table;margin: 0 auto 0; text-align: left; box-sizing: border-box; padding:0 20px;}
.joinForm .form form .btn span{ float: right; font-size: 26px; transform: rotate(90deg);}
.joinForm .form form .btn:hover{background-color: #333; }


/* solutionNav */
.solutionNav{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.solutionNav li{ display: inline-block; vertical-align: top; width: 580px; overflow: hidden; margin: 0 40px 40px 0; text-align: center;} 
.solutionNav li:nth-child(2n){ margin-right: 0;}
.solutionNav li .img{ width: 100%; overflow: hidden;}
.solutionNav li .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.solutionNav li .tit{ font-size: 20px; color: #333; margin: 10px 0 0 0;}
.solutionNav li .tit p{ font-size: 18px;  margin-top: 5px;color: #666;}
.solutionNav li:hover img{ transform: scale(1.05);}
.solutionNav li:hover .tit,.solutionNav li:hover .tit p{ color: #ff6b00;}


/* solutionTitle */
.solutionTitle{ width: 100%; position: relative; text-align: center;}
.solutionTitle p{ font-size: 36px; color: #333; font-family:'PoppinsExtraBold'; text-transform: uppercase; line-height: 46px;}
.solutionTitle h3{ font-size: 24px; color: #333; font-weight: normal;}
.solutionTitle .more{ display: inline-block; padding-right: 25px; color: #333; position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 24px; background: url(../images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; font-size: 14px; transition: all ease 0.6s;}
.solutionTitle .more:hover{ color: #ff6b00;  background: url(../images/arrow_n_y.png) center right no-repeat;}


/* solutionM01 */
.solutionM01{ width: 100%; padding: 80px 0;  position: relative; z-index: 2;}
.solutionM01 .img{ width: 100%;text-align: center; margin-top: 70px; overflow: hidden;}
.solutionM01 .img img{ max-width: 100%; display: inline-block;}

.solutionM01 .item{ position: absolute; left: 0; bottom: -110px; width: 100%; z-index: 3;}
.solutionM01 .item ul{ padding: 25px 0; background-color: #fff; width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.solutionM01 .item ul li{ display: inline-block; vertical-align: top; margin: 0 40px; cursor: pointer;}
.solutionM01 .item ul li img{ width: 90px; border: solid 1px #ff6b00; border-radius: 50%;}
.solutionM01 .item ul li p{ font-size: 16px; color: #333; margin-top: 10px;}
.solutionM01 .item ul li:hover p{ color: #ff6b00;}


/* solutionM02 */
.solutionM02{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/zssjxt/img2_bg.jpg) center no-repeat; background-size: cover;}
.solutionM02 .solutionTitle p,.solutionM02 .solutionTitle h3{ color: #fff;}
.solutionM02 ul{ width: 100%; margin: 70px auto 0;}
.solutionM02 ul li{ display: inline-block; vertical-align: top; width: 380px; margin: 0 30px 30px 0; border-radius: 5px; overflow: hidden;}
.solutionM02 ul li:nth-child(3n){ margin-right: 0;}
.solutionM02 ul li img{ width: 100%; display: inline-block;}

/* solutionM03 */
.solutionM03{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM03 .box{ width: 100%; text-align: center; margin-top: 40px;}
.solutionM03 .box img{ max-width: 100%; display: inline-block;}


/* solutionM04 */
.solutionM04{ width: 100%; padding: 80px 0; overflow: hidden; background-color: #f5f5f5; position: relative;}
.solutionM04 .complexBox{ width: 100%; margin-top: 40px; position: relative;}
.solutionM04 .complexBox .img{ width: 100%; position: relative; height: 630px; box-sizing: border-box; padding: 20px; background: url(../images/jiazhuang/shared/img4_bg.jpg) center no-repeat ; background-size: cover;}
.solutionM04 .complexBox .img img{ width: 720px; display: inline-block; margin: 140px 0 0 60px; position: relative; z-index: 1;}
.solutionM04 .complexBox .bd{ position: absolute !important; right: 20px; top: 20px; width: 340px !important; height: 590px !important; box-sizing: border-box; z-index: 2; background-color: rgba(255,255,255,0.5); }
.solutionM04 .complexBox .bd .con{ padding: 10px;  box-sizing: border-box; width: 340px !important; }
.solutionM04 .complexBox .bd .con table{ width: 100%; border: 0;}
.solutionM04 .complexBox .bd .con table tr{ width: 100%; border: 0; text-align: center;}
.solutionM04 .complexBox .bd .con table tr td{ border: 0; border-bottom: solid 1px rgba(255,255,255,0.6); width: 160px; font-size: 12px; line-height: 26px; background-color: #eee;}
.solutionM04 .complexBox .bd .con table tr td.l{ background-color: rgba(255,107,0,0.5); font-size: 14px;}
.solutionM04 .complexBox .bd .con table tr td a{ display: inline-block; margin:0 2px;}
.solutionM04 .complexBox .hd{ width: 100%; margin-top: 40px;}
.solutionM04 .complexBox .hd ul{ width: 100%;}
.solutionM04 .complexBox .hd ul li{ display: inline-block; vertical-align: top; width: 12.5%; cursor: pointer;}
.solutionM04 .complexBox .hd ul li .z{ font-size: 16px;}
.solutionM04 .complexBox .hd ul li .z .i{ width: 103px; margin: auto; background: url(../images/jiazhuang/shared/img4_iconbg.png) center no-repeat; background-size: cover;}
.solutionM04 .complexBox .hd ul li .z .i img{ width: 100%; display: block;}
.solutionM04 .complexBox .hd ul li .z .t{ font-size: 16px; line-height: 26px; margin-top: 15px;}
.solutionM04 .complexBox .hd ul li .num{ font-size: 14px; position: absolute;  z-index: 4; width: 20px; height: 20px; border-radius: 50%; text-align: center;  line-height: 20px; color: #fff; background-color: #ff6b00;  font-family:'PoppinsExtraBold';}
.solutionM04 .complexBox .hd ul li .num::after{ content: ''; width: 28px; height: 28px; position: absolute; top: -4px; left: -4px; border-radius: 50%; background-color: rgba(255,107,0,0.3); z-index: -1; display: none;}
.solutionM04 .complexBox .hd ul li .num::before{ content: ''; width: 36px; height: 36px; position: absolute; top: -8px; left: -8px; border-radius: 50%; background-color: rgba(255,107,0,0.3); z-index: -1; display: none;}
.solutionM04 .complexBox .hd ul li.s1 .num{ top: 285px; left: 515px;}
.solutionM04 .complexBox .hd ul li.s2 .num{ top: 450px; left: 580px;}
.solutionM04 .complexBox .hd ul li.s3 .num{ top: 320px; left: 640px;}
.solutionM04 .complexBox .hd ul li.s4 .num{ top: 340px; left: 340px;}
.solutionM04 .complexBox .hd ul li.s5 .num{ top: 285px; left: 315px;}
.solutionM04 .complexBox .hd ul li.s6 .num{ top: 380px; left: 530px;}
.solutionM04 .complexBox .hd ul li.s7 .num{ top: 410px; left: 250px;}
.solutionM04 .complexBox .hd ul li.s8 .num{ top: 440px; left: 325px;}
.solutionM04 .complexBox .hd ul li.on .i{background: url(../images/jiazhuang/shared/img4_iconbg1.png) center no-repeat;}
.solutionM04 .complexBox .hd ul li.on .t{ color: #ff6b00;}
.solutionM04 .complexBox .hd ul li.on .num{ transform: scale(1.2);}
.solutionM04 .complexBox .hd ul li.on .num::after,.solutionM04 .complexBox .hd ul li.on .num::before{ display: inline-block;}


/* solutionM05 */
.solutionM05{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM05 .productBox{ width: 100%; margin-top: 40px; position: relative;}
.solutionM05 .productBox .prev,.solutionM05 .productBox .next{ display:block;  width:60px; height:60px;position: absolute; top: 50%; transform: translateY(-50%);  overflow:hidden; cursor:pointer; background-size: 20px !important; border-radius: 50%; z-index: 2;}
.solutionM05 .productBox .next{ right: -80px; background:#333 url(../images/arrow_n_w.png) center no-repeat;  }
.solutionM05 .productBox .prev{ left: -80px; background:#333 url(../images/arrow_p_w.png) center no-repeat;  }
.solutionM05 .productBox .next:hover{  background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;  }
.solutionM05 .productBox .prev:hover{  background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;  }
.solutionM05 .productBox .bd{ padding:0; overflow: hidden; width: 100%;  position: relative; z-index: 1;}
.solutionM05 .productBox .bd ul{ overflow:hidden; }
.solutionM05 .productBox .bd ul li{ float: left; width: 285px ; margin:0 20px 0 0;  background-color: #f5f5f5; position: relative; text-align: center;}
.solutionM05 .productBox .bd ul li .img{ width: 100%; position: relative; overflow: hidden; box-sizing: border-box; padding: 10px;}
.solutionM05 .productBox .bd ul li .img img{ width: 100%; display: block;  transition: all ease 0.6s;}
.solutionM05 .productBox .bd ul li .img::after{ content: ''; width: 100%; height:0; position: absolute; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.6); transition: all ease 0.6s;}
.solutionM05 .productBox .bd ul li .img p{ width: 60px; height: 60px; position: absolute; bottom: -60px; left: 50%; margin: 0 0  -30px -30px; border-radius: 50px; background-color: #ff6b00; text-align: center; line-height: 60px; font-size: 30px; color: #fff; transition: all ease 0.6s; z-index: 2; }
.solutionM05 .productBox .bd ul li .tit{  font-size: 16px; color: #333;  padding: 20px 10px; box-sizing: border-box; width: 100%;  transition: all ease 0.6s;}
.solutionM05 .productBox .bd ul li:hover .img::after{ height: 100%;}
.solutionM05 .productBox .bd ul li:hover .img img{ transform: scale(1.1);}
.solutionM05 .productBox .bd ul li:hover .img p{ bottom: 50%;}
.solutionM05 .productBox .bd ul li:hover .tit{ color: #ff6b00;}

@media (max-width: 1380px){
    .solutionM05 .productBox .next{ right: -00px;  }
    .solutionM05 .productBox .prev{ left: -00px;  }
}


/* solutionM06 */
.solutionM06{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/zssjxt/img2_bg.jpg) center no-repeat; background-size: cover;}
.solutionM06 .solutionTitle p,.solutionM06 .solutionTitle h3{ color: #fff;}
.solutionM06 ul{ width: 100%; margin-top: 80px;}
.solutionM06 ul li{ display: inline-block; vertical-align: top; margin: 0 30px; position: relative; cursor: pointer;}
.solutionM06 ul li img{ width: 100px; box-sizing: border-box; display: inline-block; border: solid 1px rgba(255,255,255,0.4); transition: all ease 0.6s;}
.solutionM06 ul li p{ font-size: 16px; margin-top: 15px; color: #fff; transition: all ease 0.6s;}
.solutionM06 ul li:hover img{ background-color: #ff6b00; border-color: #ff6b00;}
.solutionM06 ul li:hover p{ color: #ff6b00;}
.solutionM06 ul.u5 li{ margin: 0 60px;}


/* solutionM07 */
.solutionM07{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; }
.solutionM07 ul{ width: 100%; margin-top: 40px;}
.solutionM07 ul li{ display: inline-block; vertical-align: top; margin-right: 12px; width: 291px;}
.solutionM07 ul li:last-child{ margin-right: 0;}
.solutionM07 ul li .img{ width: 100%; position: relative; overflow: hidden;}
.solutionM07 ul li .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.solutionM07 ul li .img p{ position: absolute; top: 10px; left: 0; line-height: 30px; padding: 0 10px; z-index: 2; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: 14px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.solutionM07 ul li .num{ width: 36px; height: 39px;margin: 15px auto; text-align: center; background: url(../images/jiazhuang/cwfsjztxt/img07_icon.png) center no-repeat; background-size: cover; color: #fff; font-size: 18px; font-family:'PoppinsExtraBold'; line-height: 36px;}
.solutionM07 ul li .txt{ font-size: 16px; color: #999; line-height: 30px; padding: 0 15px;}


/* solutionM08 */
.solutionM08{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.solutionM08 .box{ margin-top: 50px; }
.solutionM08 .box .img{ display: inline-block; vertical-align: middle; width: 805px;}
.solutionM08 .box .img img{ width: 100%; display: block;}
.solutionM08 .box .info{display: inline-block; vertical-align: middle; width: 340px; margin-left: 55px; box-sizing: border-box; padding: 10px; }
.solutionM08 .box .info ul{width: 100%; text-align: left; box-sizing: border-box; border: solid 1px #aaa; padding: 15px 30px;}
.solutionM08 .box .info ul li{ display: inline-block; margin: 5px 0; width: 100%; font-size: 16px; color: #333; line-height: 30px;}



/* solutionM09 */
.solutionM09{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../images/jiazhuang/jqmfxxt/img9_bg.jpg) center no-repeat; background-size: cover;}
.solutionM09 .solutionTitle p,.solutionM09 .solutionTitle h3{ color: #fff;}
.solutionM09 ul{ width: 100%; margin-top: 50px;}
.solutionM09 ul li{ display: inline-block; vertical-align: top; width: 285px; margin-right: 20px;}
.solutionM09 ul li:last-child{ margin-right: 0;}
.solutionM09 ul li .tit{ text-align: center; font-size: 22px; color: #333; font-weight: bold; background-color: #ddd; line-height: 40px; padding: 20px 0;}
.solutionM09 ul li .txt{ width: 100%; padding: 20px; box-sizing: border-box;  background: #fff; height: 250px;}
.solutionM09 ul li .txt p{ display: inline-block; position: relative; padding-left: 12px; font-size: 16px; line-height: 30px; color: #999; margin: 5px 0;}
.solutionM09 ul li .txt p::after{ content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 4px; top: 13px; border-radius: 50%; background-color: #ff6b00; }



/* solutionM10 */
.solutionM10{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; }
.solutionM10 ul{ width: 100%; margin-top: 40px;}
.solutionM10 ul li{ display: inline-block; vertical-align: top; margin-right: 15px; width: 228px; box-sizing: border-box; padding: 15px; background-color: #f5f5f5;}
.solutionM10 ul li:last-child{ margin-right: 0;}
.solutionM10 ul li .tit{  position: relative; text-align: center;}
.solutionM10 ul li .tit p{text-align: center; font-size: 20px; color: #333; font-weight: bold; line-height: 30px; padding: 30px 0; z-index: 2; position: relative;}
.solutionM10 ul li .tit span{ font-size: 70px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: center; width: 100%;  font-family:'PoppinsExtraBold'; color: rgba(0, 0, 0, 0.03);}
.solutionM10 ul li .txt { font-size: 16px; line-height: 30px; color: #999; padding-top: 25px; border-top: solid 1px #e5e5e5; height: 150px;}




/*pages*/
.pages{ padding: 40px 0; width: 100%;  font-size:14px; text-align: center; }
.pages a { display:inline-block; height:32px; line-height:32px; background:#333; color: #fff; text-align:center;  padding:0 12px; margin:0 5px; box-sizing: border-box;}
.pages a:hover { background:#ff6b00;  text-decoration:none }
.pages span { display:inline-block;  height:32px; line-height:32px; background:#ff6b00; color:#fff; text-align:center; padding:0 12px; margin:0 5px;}