@charset "utf-8";
/* CSS Document */
*,:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#f4f5fa; position: relative;}
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: #e60012;}
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;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.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:#e60012;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}

.wrap{width: 83.33%; margin: auto; min-width: 1200px;}
.c1440{width: 75%; margin: auto; min-width: 1200px;}
.c1200{width: 1200px; margin: auto; }
@font-face {font-family:'Poppins'; src: url('../fonts/Poppins.ttf');}
@font-face {font-family:'PoppinsExtraBold'; src: url('../fonts/Poppins-ExtraBold.ttf');}
@font-face {font-family:'syhtcnHeavy'; src: url('../fonts/SourceHanSerifCN-Heavy-4.otf');}
@font-face {font-family:'OPPOSansH'; src: url('../fonts/OPPOSans-H-2.ttf');}


/* header */
.header{width: 100%;  background-color: rgba(255,255,255,0); position: fixed;top: 0;left: 0; z-index: 99;transition: all 0.6s ease; }
.header::after{ content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,0.1); position: absolute; bottom: 0; left: 0;}
.headerC{ padding: 25px 0 ; transition: all 0.6s ease;  position: relative;}
.header .logo{display: block;float: left; }
.header .logo .h{display: inline-block; vertical-align: top; width: 146px; height: 50px; background: url(../i/logo1.png) center no-repeat; background-size: 146px 50px !important; transition: all 0.6s ease; }
.header .logo .s{ display: inline-block; vertical-align: top; font-weight: bold;  margin-left: 15px; padding-left: 15px; font-size: 30px; line-height: 50px; color: #fff; border-left:solid 1px rgba(255,255,255,0.1); transition: all 0.6s ease;}
.header .box{float: right; box-sizing: border-box;}
.header .navBox{  margin-top: 0; margin-right: 60px;}
.header .navBox .nLi{position: relative;margin-right: 30px;}
.header .navBox .nLi:last-child{ margin-right: 20px;}
.header .navBox .nLi h3 a{display:block;line-height:26px;font-size:16px;color:#fff;font-weight: normal;padding: 12px 0;transition: all 0.6s ease;}
.header .navBox .nLi:hover h3 a,.header .navBox .nLi#on h3 a{color: #e60012; }
.header .navBox .nLi .suba{display:none;width: 160px;position:absolute;top:48px;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);}
.header .navBox .nLi .suba>li{border-bottom: 1px solid #eee;}
.header .navBox .nLi .suba>li:last-child{border-bottom: none;}
.header .navBox .nLi .suba>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;}
.header .navBox .nLi .suba>li>a:hover,.navBox .nLi .suba>li>a.on{background-color: #e60012;color: #fff;}
.header .retrieve{ display: inline-block; color: #fff; vertical-align: top; font-size: 24px; line-height: 40px; margin-top: 4px;cursor: pointer;}
.header .retrieve:hover{ color: #e60012;}


.headerSearch{width: 100%;background-color: #fff;padding: 0 0 ;border-top: 1px solid #eee;margin-top: 0;display: none;}
.headerSearch .c1440{ padding: 15px 0;}
.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: #e60012;}
.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: 438px;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: #e60012;}


/*HomeNav*/
.menu{width:100px;height: 100px; padding:35px 30px; position: absolute; top: 0; right: 0; background-color: rgb(0,0,0,0); overflow: hidden; transition: all 0.6s ease; cursor: pointer;}
.menu .t{ position: relative; width: 40px; height: 30px; overflow: hidden;}
.menu .solid{width: 100%;height: 4px;background-color: #e60012;transition: all 0.6s ease; border-radius: 2px;}
.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: #e60012;}
.menuOn .solid{ background-color: #fff;}

.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: 30px; transition: all ease 0.6s; overflow: hidden;}
.HomeNav .box ul li a::after{ content: ''; width: 20px; height: 20px; background: url(../images/icon/icon_logo.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: #e60012;}
.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: #e60012; margin-right: 10px;}
.HomeNav .tel .t{display: inline-block; vertical-align: middle; text-align: left; color: #e60012; }
.HomeNav .tel .t span{ font-size: 14px;}
.HomeNav .tel .t p{ font-size: 30px; font-family:'PoppinsExtraBold';}
.onNav{right: 0 !important;}


.is-fixed { 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); }
.is-fixed .headerC{padding: 15px 0;}
.is-fixed .logo .h{  background: url(../i/logo.png) center no-repeat; }
.is-fixed .logo .s{ color: #333; border-left:solid 1px rgba(0,0,0,0.1);}
.is-fixed .menu{ padding:25px 20px;background-color: #000; height: 80px; width: 80px; }
.is-fixed .navBox .nLi h3 a{ color: #333;}
.is-fixed .navBox .nLi:hover h3 a,.is-fixed .navBox .nLi#on h3 a{color: #e60012; }
.is-fixed .retrieve{color: #333;}
.is-fixed .menuOn{ background-color: #e60012;}


@media (max-width: 1680px){
    .header .navBox .nLi{margin-right:20px;}
    .HomeNav .box ul li{ margin: 10px 0;}
    .HomeNav .box ul li a{ font-size: 20px;}
}
@media (max-width: 1600px){
    .header .navBox{ margin-right: 40px;}
}
@media (max-width: 1440px){
    .headerC{ padding: 15px 0 ; }
    .menu{ padding:25px 20px; width: 80px; height: 80px;}
    .header .box{ padding-right: 60px;}
    .header .navBox .nLi{margin-right:15px;}
    .header .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;}
}
@media (max-width: 1240px){
    .header .box{ padding-right: 120px;}
}
@media (max-width: 1200px){
    .header .box{ padding-right: 150px;}
}


/* indexBanner */
.indexBanner { width: 100%; height: 100vh; position: relative; z-index: 1;}
.indexBanner .swiper-wrapper{height: 100%;}
.indexBanner .swiper-slide{width: 100%; height: 100%; position: relative; }
.indexBanner .swiper-slide a{ width: 100%; height: 100%;  background-size: cover !important;  display: inline-block;}
.indexBanner .swiper-pagination{bottom: 30px !important;right: 0;}
.indexBanner .swiper-pagination-bullet{width: 30px;height: 4px;cursor: pointer; background-color: #fff;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;}
on-bullet::after{ content: ''; width: 10px; height: 10px; top: 4px; left: 4px; position: absolute; background-color: #fff;}
.indexBanner .swiper-pagination-bullet-active{ opacity: 1;}

/* 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: 30px; color: #333; margin-top: 5px; font-weight: normal;}
.indexTitle .more{ display: inline-block;  color: #333; position: absolute; right: 0; top: 50%; margin-top: -12px; line-height: 24px; font-size: 16px; transition: all ease 0.6s;}
.indexTitle .more span{ display: inline-block; vertical-align: top; width: 22px; height: 22px; background-color: #e60012; text-align: center; line-height: 22px; font-size: 14px; color: #fff; transform: rotate(180deg); transition: all 0.6s ease; border-radius: 50%;margin-left: 10px;}
.indexTitle .more:hover{ color: #e60012;  }

/* indexAbout */
.indexAbout{ width: 100%; padding: 100px 0; position: relative;}
.indexAbout .box{ width: 50%; position: relative; padding:130px 80px 0 0;}
.indexAbout .fen{ position: absolute; top: 0; right: 0; font-size: 100px;  line-height: 100px; text-align: right; user-select: none;  text-transform: uppercase; z-index: -1; font-family:'PoppinsExtraBold';   text-stroke: 1px #e5e5e5; -webkit-text-stroke: 1px #e5e5e5; color: rgba(255,255,255,0);}
.indexAbout .indexTitle{ text-align: left; position: relative; z-index: 2;}
.indexAbout .text{ width: 100%; font-size: 16px; margin:30px 0 40px; line-height: 40px; color: #333;}
.indexAbout .more{ display: inline-block; padding-right: 25px; color: #333; margin-top: 80px; line-height: 24px; font-size: 16px; transition: all ease 0.6s;}
.indexAbout .more span{ display: inline-block; vertical-align: top; width: 22px; height: 22px; background-color: #e60012; text-align: center; line-height: 22px; font-size: 14px; color: #fff; transform: rotate(180deg); transition: all 0.6s ease; border-radius: 50%;margin-left: 10px;}
.indexAbout .more:hover{ color: #e60012;  }
.indexAbout .info{ width: 100%;}
.indexAbout .info li{ padding: 0 ; margin-right: 60px;  position: relative; text-align: center;}
.indexAbout .info li:last-child{ margin-right: 0;}
.indexAbout .info li .d{width: auto; margin: auto; text-align: center;}
.indexAbout .info li .d .icon{width: 30px; height: 30px; background-size: 30px 30px !important;}
.indexAbout .info li .d .icon.icon1{ background: url(../images/icon/icon_about1.png) center no-repeat;}
.indexAbout .info li .d .icon.icon2{ background: url(../images/icon/icon_about2.png) center no-repeat;}
.indexAbout .info li .d .icon.icon3{ background: url(../images/icon/icon_about3.png) center no-repeat;}
.indexAbout .info li .d .n{ font-size: 14px; color: #333; line-height: 30px;margin-left: 10px;}
.indexAbout .info li .d .n span{ display: inline-block; margin-right: 5px; font-size: 38px; font-family:'PoppinsExtraBold';}
.indexAbout .info li .t{ font-size: 14px; color: #333; margin-top: 5px;}
.indexAbout .info li:nth-child(1) .d .n span{ width: 85px;}
.indexAbout .info li:nth-child(2) .d .n span{ width: 50px;}
.indexAbout .info li:nth-child(3) .d .n span{ width: 50px;}

.indexAbout .img{ width: 520px;}
.indexAbout .img img{ width: 100%; display: block;}




/* indexSolution */
.indexSolution{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background: #000; background-size:  cover;}
.indexSolution .indexTitle p,.indexSolution .indexTitle h3{  color: #fff;}
.indexSolution .solutionBox{ margin-top: 70px; position: relative; width: 100%;}
.solutionBox .bigImg{ width: 1000px; margin: auto; position: relative; z-index: 1;}
.solutionBox .bigImg img{ width: 100%; display: block;}
.solutionBox::after{ content: ''; width: 140px; height: 332px; position: absolute; right: 110px; top: 0; background-color: rgba(255,255,255,0.3); z-index: 2;}
.solutionBox h2{  display: inline-block;  z-index: 3;}
.solutionBox h2 p{ width: 160px; text-align: center; line-height: 44px; 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; transition: all 0.6 ease;}
.solutionBox h2.s1 p{ top:10px ;}
.solutionBox h2.s2 p{ top:54px ;}
.solutionBox h2.s3 p{ top:98px ;}
.solutionBox h2.s4 p{ top:142px ;}
.solutionBox h2.s5 p{ top:186px ;}
.solutionBox h2.s6 p{ top:230px ;}
.solutionBox h2.s7 p{ top:274px ;}
.solutionBox h2.s8 p{ top:318px ;}
.solutionBox h2 span{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; cursor: pointer; background-color: #e60012; 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(230,0,18,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(230,0,18,0.15); transform: scale(0); transition: all ease 0.6s; z-index: -1;}
.solutionBox h2.s1 span{ left: 50%; top: 40px; margin-left: 110px;}
.solutionBox h2.s2 span{ left: 50%; top: 240px; margin-left: 290px;}
.solutionBox h2.s3 span{ left: 50%; top: 60px; margin-left: 300px;}
.solutionBox h2.s4 span{ right: 50%; top: 190px; margin-right: 140px;}
.solutionBox h2.s5 span{ left: 50%; top: 340px; margin-left: 140px;}
.solutionBox h2.s6 span{ right: 40%;top: 420px;margin-right: 300px;}
.solutionBox h2.s7 span{ right: 25%;top: 360px; }
.solutionBox h2.s8 span{ right: 50%; top: 280px; margin-right: 90px;}


.solutionBox h2:hover span{ opacity: 1;}
.solutionBox h2.on p{ color: #fff; background-color: #e60012;}
.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: 14px; color: #999; position: relative; line-height: 26px; margin: 5px 0; padding-left: 15px;}
.solutionBox .solutionItem .info ul li::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #aaa; position: absolute; left: 0; top: 11px; }
.solutionBox .solutionItem .info .more{ display: inline-block;  color: #333; margin-top: 15px; line-height: 24px; font-size: 16px; transition: all ease 0.6s;}
.solutionBox .solutionItem .info .more span{ display: inline-block; vertical-align: top; width: 22px; height: 22px; background-color: #e60012; text-align: center; line-height: 22px; font-size: 14px; color: #fff; transform: rotate(180deg); transition: all 0.6s ease; border-radius: 50%;margin-left: 10px;}
.solutionBox .solutionItem .info .more:hover{ color: #e60012;  }

.solutionBox .solutionItem .icon-guanbi1{ 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: 14px; color: #fff; border-radius: 50px; cursor: pointer; transition: all ease 0.6s;}
.solutionBox .solutionItem .icon-guanbi1:hover{ background-color: #e60012; color: #fff; border-color: #e60012;}
.solutionBox .solutionItem.item1{right: 50%; margin-right: 80px;}
.solutionBox .solutionItem.item2{right: 50%; margin-right: -73px;}
.solutionBox .solutionItem.item3{right: 50%; margin-right: -100px;}
.solutionBox .solutionItem.item4{left: 50%; margin-left: 72px;}
.solutionBox .solutionItem.item5{right: 50%; margin-right: 67px;}
.solutionBox .solutionItem.item6{left: 60%; margin-left: -98px;
  margin-top: 40px;
}
.solutionBox .solutionItem.item7{left: 47%; margin-left: -35px;}
.solutionBox .solutionItem.item8{left: 50%; margin-left: 80px;}
.solutionBox .solutionItem.item1 .icon-guanbi1,.solutionBox .solutionItem.item2 .icon-guanbi1,.solutionBox .solutionItem.item3 .icon-guanbi1,.solutionBox .solutionItem.item5 .icon-guanbi1{ left: -30px;}
.solutionBox .solutionItem.item4 .icon-guanbi1,.solutionBox .solutionItem.item6 .icon-guanbi1,.solutionBox .solutionItem.item7 .icon-guanbi1,.solutionBox .solutionItem.item8 .icon-guanbi1{ right: -30px;}
.solutionBox .solutionItem .lead{ position: absolute; }
.solutionBox .solutionItem .lead::after{ content: ''; position: absolute; top: 3px; height: 1px; width: 110px; background-color: #e60012;}
.solutionBox .solutionItem .lead::before{ content: ''; position: absolute; top: 33px; height: 1px; width: 85px; background-color: #e60012; }
.solutionBox .solutionItem .lead p{ display: inline-block; width: 7px; height: 7px;  cursor: pointer; background-color: #e60012; 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(230,0,18,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(230,0,18,0.15);  z-index: -1;}
.solutionBox .solutionItem.item1 .lead{top: 150px; }
.solutionBox .solutionItem.item2 .lead{top: 180px; }
.solutionBox .solutionItem.item3 .lead{top: 165px; }
.solutionBox .solutionItem.item4 .lead{top: 120px; }
.solutionBox .solutionItem.item5 .lead{top: 264px; }
.solutionBox .solutionItem.item6 .lead{top: 300px; }
.solutionBox .solutionItem.item7 .lead{top: 282px; }
.solutionBox .solutionItem.item8 .lead{top: 192px; }
.solutionBox .solutionItem.item1 .lead,.solutionBox .solutionItem.item2 .lead,.solutionBox .solutionItem.item7 .lead,.solutionBox .solutionItem.item3 .lead,.solutionBox .solutionItem.item5 .lead{ right: -30px;}
.solutionBox .solutionItem.item4 .lead,.solutionBox .solutionItem.item6 .lead,.solutionBox .solutionItem.item8 .lead{ left: -30px;}
.solutionBox .solutionItem.item1 .lead::after,.solutionBox .solutionItem.item2 .lead::after,.solutionBox .solutionItem.item7 .lead::after,.solutionBox .solutionItem.item3 .lead::after,.solutionBox .solutionItem.item5 .lead::after{ left: 0;}
.solutionBox .solutionItem.item1 .lead::before,.solutionBox .solutionItem.item2 .lead::before,.solutionBox .solutionItem.item7 .lead::before,.solutionBox .solutionItem.item3 .lead::before,.solutionBox .solutionItem.item5 .lead::before{ left: 98px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.solutionBox .solutionItem.item4 .lead::after,.solutionBox .solutionItem.item6 .lead::after,.solutionBox .solutionItem.item8 .lead::after{ right: 0;}
.solutionBox .solutionItem.item4 .lead::before,.solutionBox .solutionItem.item6 .lead::before,.solutionBox .solutionItem.item8 .lead::before{ right: 98px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}

.solutionBox .solutionItem.item1 .lead::before,.solutionBox .solutionItem.item3 .lead::before{ top: -27px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}

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


/* indexProduct */
.indexProduct{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.indexProduct .indexTitle{ text-align: left; position: relative; z-index: 2;}
.indexProduct ul{ width: 100%; margin-top: 50px;}
.indexProduct ul li{ width: 32%; margin: 0 2% 2% 0; text-align: center; position: relative; background-color: #fff;overflow: hidden;}
.indexProduct ul li:nth-child(3n){ margin-right: 0;}
.indexProduct ul li a{ display: inline-block; width: 100%; height: 100%; padding:40px 30px;}
.indexProduct ul li .tit{ font-size: 18px; color: #333; text-transform: uppercase; transition: all 0.6s ease; position: relative; z-index: 2;}
.indexProduct ul li .en{ font-size: 16px; text-transform: uppercase; color: #999; margin-bottom: 10px; transition: all 0.6s ease; position: relative; z-index: 2;}
.indexProduct ul li .img{ width: 80%; margin:0 10%; overflow: hidden; position: relative; z-index: 1;}
.indexProduct ul li .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.indexProduct ul li .more{ width:70% ; font-size: 14px; color: #333; margin: auto; border: solid 1px #eee; line-height: 44px; transition: all 0.6s ease; position: relative; z-index: 2;}
.indexProduct ul li:hover .more{ background-color: #e60012; color: #fff; border-color: #e60012;}
.indexProduct ul li:hover .tit{ color: #e60012;}
.indexProduct ul li:hover img{ transform: scale(1.1);}


/* indexApplication */
.indexApplication{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background-color: #fff;}
.indexApplication ul{ width: 100%; margin-top: 50px; column-count: 3;column-gap: 15px;}
.indexApplication ul li{ position: relative; margin-bottom: 15px;}
.indexApplication ul li .img{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
.indexApplication ul li .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.indexApplication ul li .info{ position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 0 20px 20px 20px;}
.indexApplication ul li .info .tit{ font-size: 18px; color: #fff;}
.indexApplication ul li .info .en{ font-size: 14px; text-transform: uppercase; color: #fff; margin-top: 5px;}
.indexApplication ul li:hover img{ transform: scale(1.1);}


/* indexTechnology */
.indexTechnology{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.indexTechnology .box{ width: 100%; margin-top: 50px;}
.indexTechnology .technologyBox{ width: 100%;}
.indexTechnology .technologyBox .swiper-slide{ position: relative;}
.indexTechnology .technologyBox .swiper-slide .img{ width: 100%; position: relative; z-index: 1;  overflow: hidden; background-color: #000;}
.indexTechnology .technologyBox .swiper-slide .img img{ width: 100%; display: block; opacity: 0.5; transition: all 0.6s ease;}
.indexTechnology .technologyBox .swiper-slide .info{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding:20px 30px; z-index: 2;}
.indexTechnology .technologyBox .swiper-slide .info .tit{ font-size: 18px; color: #fff;}
.indexTechnology .technologyBox .swiper-slide .info .en{ font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 10px;}
.indexTechnology .technologyBox .swiper-slide .iconfont{ position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%);font-size: 60px; color: #fff;}
.indexTechnology .technologyBox .swiper-slide:hover img{ transform: scale(1.1);}
.indexTechnology .technologyBox .swiper-slide:hover .iconfont{ color: #e60012;}
.indexTechnology .swiper-scrollbar{ position: relative !important; left: 0; width: 80px !important; height: 8px !important; margin: 50px auto  0; background: rgba(0,0,0,0.3);}
.indexTechnology .swiper-scrollbar .swiper-scrollbar-drag{ cursor: pointer; background: #000;}



/* indexFooter */
.indexFooter{ width: 100%; background-color: #000; position: relative; overflow: hidden;}
.indexFooter .box{ width: 100%; padding:80px  0; position: relative;}
.indexFooter .box .flogo{ display: inline-block; width: 146px; height: 50px; background: url(../i/logo1.png) center no-repeat; background-size: 146px 50px;}

.indexFooter .box .fnav{ line-height: 30px; margin: 10px 0;}
.indexFooter .box .fnav li{ position: relative; padding: 0 40px; line-height: 30px;}
.indexFooter .box .fnav li::after{ content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background-color: rgba(255,255,255,0.2); }
.indexFooter .box .fnav li:first-child{ padding-left: 0;}
.indexFooter .box .fnav li:first-child::after{ display: none;}
.indexFooter .box .fnav li:last-child{ padding-right: 0;}
.indexFooter .box .fnav li a{ font-size: 14px; color: #999;}
.indexFooter .box .fnav li a:hover{ color: #e60012;}
.indexFooter .link{ padding: 20px 0; width: 100%; position: relative; text-transform: uppercase;}
.indexFooter .link span{font-size: 14px; display: inline-block; line-height: 24px; color: #666;}
.indexFooter .link a{ display: inline-block; font-size: 14px; color: #666; margin: 5px 15px 5px 0;}
.indexFooter .link a:hover{ color: #e60012;}
.indexFooter .copy{ padding: 15px 0; line-height: 20px; width: 100%;  border-top: solid 1px rgba(255,255,255,0.1);}
.indexFooter .copy .l{ max-width: 45%; color: #666;}
.indexFooter .copy .l span{ font-size: 14px; font-weight: bold; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding-top: 3px; color: #fff;}
.indexFooter .copy .l a{ display: inline-block; vertical-align: top; height: 16px;margin: 2px 0;}
.indexFooter .copy .l img{display: inline-block;  height: 16px;}
.indexFooter .copy .r{ font-size: 14px; color: #666; max-width: 45%;}
.indexFooter .copy .r a{ color: #666;}
.indexFooter .copy .r a:hover{ color: #e60012;}


/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; transform: translateY(-50%); z-index:97;}
.customer dl{width: 100%;height: 70px;position: relative; margin-top: 1px; 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 i svg{ color:#fff;width: 26px;height:auto;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #e60012;}
.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:#e60012; 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; z-index: 1; min-width: 1200px;}
.pageBanner .bg{ width: 100%; position: relative; z-index: 1;}
.pageBanner .bg img{ width: 100%; position: relative; z-index: 1;}
.pageBanner .bg::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60%; z-index: 2; background: linear-gradient(180deg,rgba(0,0,0,0.5) 0,rgba(0,0,0,0));}
.pageBanner .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-30%);z-index: 3; color: #fff; text-align: center;}
.pageBanner .info h2{ font-size: 46px; }
.pageBanner .info p{ font-size: 24px; margin-top: 5px; text-transform: capitalize; font-family: 'PoppinsExtraBold';}

/* pageCrumbs */
.pageCrumbs{ width: 100%; padding: 15px 0;  margin: 0 auto ; position: relative; overflow: hidden; background-color:  #fafafa;}
.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: #e60012;}
.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: #e60012;}



/* pageTechnology */
.pageTechnology{ width: 100%; padding: 100px 0 ; position: relative; overflow: hidden;}
.pageTechnology ul{ width: 100%;}
.pageTechnology ul li{position: relative;}
.pageTechnology ul li .img{ width: 100%; position: relative; z-index: 1;  overflow: hidden; background-color: #000;}
.pageTechnology ul li .img img{ width: 100%; display: block; opacity: 0.5; transition: all 0.6s ease;}
.pageTechnology ul li .info{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; padding:20px 30px; z-index: 2;}
.pageTechnology ul li .info .tit{ font-size: 18px; color: #fff;}
.pageTechnology ul li .info .en{ font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 10px;}
.pageTechnology ul li .iconfont{ position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%);font-size: 60px; color: #fff;}
.pageTechnology ul li:hover img{ transform: scale(1.1);}
.pageTechnology ul li:hover .iconfont{ color: #e60012;}
.pageTechnology ul.u2 li{ width: 49%; margin: 0 2% 2% 0;}
.pageTechnology ul.u2 li:nth-child(2n){ margin-right: 0;}
.pageTechnology ul.u3 li{ width: 32%; margin: 0 2% 2% 0;}
.pageTechnology ul.u3 li:nth-child(3n){ margin-right:0 ;}
.pageTechnology ul.u3 .info{ padding-bottom: 15px;}
.pageTechnology ul.u3 .info .tit{ font-size: 16px;}
.pageTechnology ul.u3 li .iconfont{ top: 35%;}

/* pageTechnologyD */
.pageTechnologyD{ width: 100%; padding: 80px 0; position: relative; background-color: #fff; overflow: hidden;}
.pageTechnologyD .tit{ text-align: center; font-size: 30px; color: #333;font-weight: normal;}
.pageTechnologyD .info{ text-align: center; padding: 20px 0; border-bottom: dashed 1px #ddd;}
.pageTechnologyD .info span{ display: inline-block; font-size: 16px; margin:  0 20px; color: #999;}
.pageTechnologyD .text{ font-size: 16px; line-height: 34px;  padding: 40px 0; }
.pageTechnologyD .text img{ max-width: 100%; display: inline-block; height: auto !important;}
.pageTechnologyD .video{ width: 100%; padding: 0 0; margin: 40px 0; border: solid 5px #000; position: relative;}
.pageTechnologyD .video video{ width: 100%; height: auto;}
.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 #e60012;
   font-size: 0px; 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: #e60012; z-index: -1;}
.pageTechnologyD .video #playVideo p::before{ font-size: 30px; }
.Plink{width: 100%;margin-top: 40px;position: relative;padding: 10px 0;}
.Plink .prev{max-width: 48%;display: inline-block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink .next{max-width: 48%;display: inline-block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink .prev:hover,.Plink .next:hover{text-decoration: underline;color: #e60012;}

/* proNav */
.proNav{ width: 100%; position: relative; z-index: 2;}
.proNav .box{background-color: #fff; width: 100%; 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);margin-top: -87px; position: relative; z-index: 1;}
.proNav ul.f{ width: 100%; width: 100%; text-align: center; }
.proNav ul.f li{ width: 33.33%;}
.proNav ul.f li a{ width: 100%; height: 100%; display: inline-block; padding: 20px 15px;}
.proNav ul.f li p{ font-size: 18px; color: #333; font-weight: bold;}
.proNav ul.f li span{ font-size: 14px; color: #999;line-height: 18px; display: inline-block; margin-top: 5px; text-transform: uppercase; font-family:'Poppins';}
.proNav ul.f li.on p,.proNav ul.f li.on span,.proNav ul.f li:hover p,.proNav ul.f li:hover span{ color: #e60012; }
.proNav ul.s{ width: 100%;  padding: 20px; position: relative; text-align: center; z-index: 1; border-top: solid 2px #fafafa; }
.proNav ul.s li{  text-align: center; width: 25%; }
.proNav ul.s li a{ width: 100%; height: 100%; display: inline-block; padding: 10px 15px;}
.proNav ul.s li:nth-child(4n){border-right:  0;}
.proNav ul.s li p{ font-size: 16px; color: #333;}
.proNav ul.s li span{ font-size: 12px; color: #999;line-height: 18px; display: inline-block; margin-top: 5px; text-transform: uppercase; font-family:'Poppins';}
.proNav ul.s li.on p,.proNav ul.s li.on span,.proNav ul.s li:hover p,.proNav ul.s li:hover span{ color: #e60012; }


/* pageProduct */
.pageProduct{ width: 100%; padding: 60px 0 100px; position: relative; overflow: hidden;}
.pageProduct ul{ width: 100%;}
.pageProduct ul li{ width: 32%; margin: 0 2% 2% 0; text-align: center; position: relative; background-color: #fff;overflow: hidden;}
.pageProduct ul li:nth-child(3n){ margin-right: 0;}
.pageProduct ul li a{ display: inline-block; width: 100%; height: 100%; padding:40px 30px;}
.pageProduct ul li .tit{ font-size: 18px; color: #333; text-transform: uppercase; transition: all 0.6s ease; position: relative; z-index: 2;}
.pageProduct ul li .en{ font-size: 16px; text-transform: uppercase; color: #999; margin-bottom: 10px; transition: all 0.6s ease; position: relative; z-index: 2;}
.pageProduct ul li .img{ width: 80%; margin:0 10%; overflow: hidden; position: relative; z-index: 1;}
.pageProduct ul li .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.pageProduct ul li .more{ width:70% ; font-size: 14px; color: #333; margin: auto; border: solid 1px #eee; line-height: 44px; transition: all 0.6s ease; position: relative; z-index: 2;}
.pageProduct ul li:hover .more{ background-color: #e60012; color: #fff; border-color: #e60012;}
.pageProduct ul li:hover .tit{ color: #e60012;}
.pageProduct ul li:hover img{ transform: scale(1.1);}

/* pageProductD */
.pageProductD{ position: relative; overflow: hidden; padding: 100px 0; width: 100%; background: url(../i/proDBg.jpg) top center no-repeat fixed;}
.pageProductD .crumbs{ padding: 15px 0; position: relative; font-size: 14px; line-height: 26px; color: #fff;}
.pageProductD .crumbs .iconfont{ display: inline-block; font-size: 16px; color: #fff; margin-right: 5px;}
.pageProductD .crumbs span{ display: inline-block; margin: 0 10px;}
.pageProductD .crumbs a{ color: #fff;}
.pageProductD .crumbs a:last-child,.pageProductD .crumbs a:hover{ color: #e60012;}
.pageProductD .infoBox{ width: 100%; padding:  0; margin-top: 40px;}
.pageProductD .infoBox .info{ width: 680px;}
.pageProductD .infoBox .info .tit{ font-size: 28px; color: #fff; 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: #fff; font-size: 14px; line-height: 26px;}
.pageProductD .infoBox .info .num p{ display: inline-block; width: 100%; margin-bottom: 5px;}
.pageProductD .infoBox .info .num p em{display: inline-block; font-size: 14px; color: #fff;line-height: 26px; background-color: rgba(230,255,255,0.3); padding: 0 10px;}
.pageProductD .infoBox .info .sum{ font-size: 14px; margin-top: 20px; color: #fff; line-height: 30px;border-bottom: solid 2px rgba(255,255,255,0.2); padding-bottom: 20px;}
.pageProductD .infoBox .info .ex{ margin-top: 1px; border-top: solid 1px rgba(255,255,255,0.2); padding-top: 20px;}
.pageProductD .infoBox .info .ex p{ font-size: 14px; color: #fff; position: relative; line-height: 24px; margin: 5px 0;}
.pageProductD .infoBox .info .ex p span{ display: inline-block; font-size: 16px; color: #e60012; 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: #e60012; transition: all ease 0.6s;}
.pageProductD .infoBox .info .more a span{ font-size: 24px;  margin:-2px 10px 0 0; display: inline-block;vertical-align: middle;}
.pageProductD .infoBox .info .more a:first-child{ background-color: #fff; margin-right: 30px; color: #e60012;}
.pageProductD .infoBox .info .more a:hover{ background-color: #e60012; color: #fff;}
.pageProductD .infoBox .img{ width: 440px; box-sizing: border-box; }
.pageProductD .infoBox .img img{ width: 100%; display: block;}
table{ width: 100% !important}
table, tr, td {
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  height: auto !important;
  padding: 10px;
}
table tr td{ color:#727272 !important; border: 1px solid #999 !important; padding:15px;    font-size: 14px;}
table tr td span{color:#727272 !important; font-family: "微软雅黑" !important;}


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



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

/* pageMarket */
.pageMarket{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.pageMarket .box{ width: 100%; margin: 50px auto;}
.pageMarket .text{ width: 53%; padding:10px 50px 10px 0; font-size: 16px; color: #333; line-height: 40px;}
.pageMarket .text img{ max-width: 100%; height: auto !important;}
.pageMarket .img { width: 47%;}
.pageMarket .img img{ width: 100%; height: 100%;}
.pageMarket ul{  width: 100%;}
.pageMarket ul li{  width: 25%;  position: relative; text-align: center;}
.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;}
.pageMarket ul li:nth-child(1) .num span{ width: 140px;}
.pageMarket ul li:nth-child(2) .num span{ width: 30px;}
.pageMarket ul li:nth-child(3) .num span{ width: 55px;}
.pageMarket ul li:nth-child(4) .num span{ width: 30px;}


/* pageQuality */
.pageQuality{ width: 100%; padding: 100px 0; position: relative; background: url(../i/qualityBg.jpg) center no-repeat ; background-size: cover;}
.pageQuality .joinTitle{ text-align: left;}
.pageQuality .joinTitle h2,.pageQuality .joinTitle p{ color: #fff;}
.pageQuality .entxt{ font-size: 14px; color: rgba(255,255,255,0.2); line-height: 22px; text-transform: uppercase; margin-top: 40px;}
.pageQuality .box{ width: 100%; margin-top: 140px; position: relative;}
.pageQuality .info{ width: 100%;  position: relative; z-index: 3;}
.pageQuality .info .tit{ width: 100%;  padding: 0 ;}
.pageQuality .info .tit h2{ font-weight: normal; font-size: 36px; color: #fff; line-height: 46px;}
.pageQuality .info h3{ font-size: 18px; color: #fff; font-weight: normal; line-height: 30px; margin-top: 20px;   }
.pageQuality .tel{  position: absolute; right: 0; bottom: 0;  z-index: 4;}
.pageQuality .tel .iconfont{  font-size: 60px; color: #fff; margin-right: 10px;}
.pageQuality .tel .t{ text-align: left; color: #fff; }
.pageQuality .tel .t span{ font-size: 16px;}
.pageQuality .tel .t p{ font-size: 36px; font-family:'PoppinsExtraBold';}

/* pageGreen */
.pageGreen{ width: 100%; padding: 100px 0; position: relative; background: #fff; overflow: hidden;}
.pageGreen .text{ width: 100%; margin: 50px auto; padding: 60px 320px 60px 60px;background:#fff url(../i/greenImg.png) right bottom no-repeat;background-size: 300px auto !important; font-size: 16px; line-height: 40px; color: #333;}

.honorBox{  position:relative;  width: 100%; margin-top: 50px; }
.honorBox .next,.honorBox .prev{ width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%);
  border-radius: 50px;  transition: all ease 0.6s; z-index: 2; text-align: center; line-height: 40px; font-size: 0px; color: #fff; background-color: #000;}
.honorBox .next::before,.honorBox .prev::before{ font-size: 24px;}
.honorBox .prev{ left: -80px; }
.honorBox .next{ right: -80px;    transform:translateY(-50%) rotate(180deg); }
.honorBox .prev:hover,.honorBox .next:hover{ background-color: #e60012; color: #fff;}
.honorBox .bd{ padding:0;  overflow: hidden; }
.honorBox .bd ul{ overflow:hidden; zoom:1; }
.honorBox .bd ul li{ width: 200px; padding: 0 ;  box-sizing: border-box; text-align: center;}
.honorBox .bd ul li .img{ width: 100%; padding: 0 20px;}
.honorBox .bd ul li .img img{ width: 100%; display: block;}
.honorBox .bd ul li .tit{ font-size: 14px; padding: 0 20px; line-height: 22px;margin-top: 15px; color: #333;}



/* pageCertification */
.pageCertification{  width: 100%; padding: 100px 0; position: relative; background: url(../i/certificationBg.jpg) center no-repeat ; background-size: cover;}
.pageCertification .joinTitle h2,.pageCertification .joinTitle p{ color: #fff;}
.pageCertification .box{ width: 100%; position: relative; margin-top: 50px;}
.pageCertification .certificationBox{ width: 100%; }
.pageCertification .certificationBox .swiper-slide{ position: relative; text-align: center;}
.pageCertification .certificationBox .swiper-slide .img{ width: 100%;height: auto;}
.pageCertification .certificationBox .swiper-slide .img img{ width: 100%; height: auto;display: block;}
.pageCertification .certificationBox .swiper-slide .tit{ font-size: 16px; color: #fff; margin-top: 10px;}
.pageCertification .swiper-button-next,.pageCertification .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px;

  background-color: #fff; border-radius: 50%; font-size: 0px;color: #e60012; }
.pageCertification .swiper-button-next::before,.pageCertification .swiper-button-prev::before{ font-size: 24px; }

.pageCertification .swiper-button-next::after,.pageCertification .swiper-button-prev::after{ display: none;}
.pageCertification .swiper-button-next{ transform: rotate(180deg);right: -80px;}
.pageCertification .swiper-button-prev{ left: -80px;}
.pageCertification .swiper-button-next:hover,.pageCertification .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}

/* pagePolicy */
.pagePolicy{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.pagePolicy .policyBox{ width: 100%; position: relative; margin-top: 50px; padding-left: 240px;}
.pagePolicy .policyBox .hd{ position: absolute; left: 0; top: 0; width: 200px;}
.pagePolicy .policyBox .hd ul{ width: 100%;}
.pagePolicy .policyBox .hd ul li{ margin-top: 50px; position: relative; cursor: pointer;}
.pagePolicy .policyBox .hd ul li:first-child{ margin-top: 0;}
.pagePolicy .policyBox .hd ul li em{ display: inline-block; width: 40px; font-style: normal;  text-align: center; height: 40px; line-height: 40px; border-radius: 50%; background-color: #000; font-family:'PoppinsExtraBold'; color: #fff; font-size: 20px;}
.pagePolicy .policyBox .hd ul li p{ font-size: 18px; line-height: 40px; color: #333; margin-left: 20px;}
.pagePolicy .policyBox .hd ul li.on em{ background-color: #e60012; color: #fff;}
.pagePolicy .policyBox .hd ul li.on p{ color: #e60012;}
.policyBox .next,.policyBox .prev{ display: none;}
.pagePolicy .policyBox .bd{ width: 100%;}
.pagePolicy .policyBox .bd .con{ width: 100%;}
.pagePolicy .policyBox .bd .con .img{ width: 50%;}
.pagePolicy .policyBox .bd .con .img img{ width: 100%; height: 100%;}
.pagePolicy .policyBox .bd .con .info{ width: 50%; padding:60px 50px ; background-color: #fff;}
.pagePolicy .policyBox .bd .con .info .tit{ font-size: 24px; color: #333;}
.pagePolicy .policyBox .bd .con .info .txt{ font-size: 16px; line-height: 40px; max-height:240px ; overflow-y: auto; color: #333; margin-top: 20px;}

/* pageCondition */
.pageCondition{ width: 100%; padding: 100px 0; background-color: #fff; position: relative; overflow: hidden;}
.pageCondition ul{ width: 100%; margin-top: 50px;}
.pageCondition ul li{ position: relative; width: 20%; text-align: center; cursor: pointer;}
.pageCondition ul li .iconfont{ width: 90px; height: 90px; margin: auto; text-align: center; line-height: 90px; font-size: 0; color: #fff; background-color: #000; border-radius: 50%;}
.pageCondition ul li .iconfont::before{ font-size: 40px; }
.pageCondition ul li .tit{ font-size: 18px; color: #333; margin-top: 25px;}
.pageCondition ul li .txt{ font-size: 14px; color: #999; line-height: 22px; margin-top: 20px;}
.pageCondition ul li .si{ position: absolute; right: -0; top: 35px; background-color: #ddd; text-align: center; width: 2px; height: 16px; color: #ddd;}
.pageCondition ul li .si::after{ content: ''; position: absolute; top: 7px; left: -7px; width: 16px; height: 2px; background-color: #ddd;}
.pageCondition ul li:last-child .si{ display: none;}
.pageCondition ul li:hover .iconfont{ background-color: #e60012;}
.pageCondition ul li:hover .tit{ color: #e60012;}

.swiper-container-multirow-column > .swiper-wrapper{flex-direction: inherit !important;}
.pageShop .shopBox .swiper-slide{ margin-top: 20px !important; }
/* pageProcess */
.pageProcess{  width: 100%; padding: 100px 0; position: relative; background: url(../i/processBg.jpg) center no-repeat fixed; background-size: cover;}
.pageProcess .joinTitle h2,.pageProcess .joinTitle p{ color: #fff;}
.pageProcess ul{ width: 100%; margin-top: 50px;}
.pageProcess ul li{ position: relative; width: 25%; padding:0 40px; text-align: center; cursor: pointer;}
.pageProcess ul li .num{ display: inline-block; width:56px;  text-align: center; height: 56px; line-height: 56px; border-radius: 50%; background-color: #e60012; font-family:'PoppinsExtraBold'; color: #fff; font-size: 30px; margin: auto;}
.pageProcess ul li .tit{ font-size: 18px; color: #fff; margin-top: 30px;}
.pageProcess ul li .txt{ font-size: 14px; color: rgba(255,255,255,0.8); line-height: 22px; margin-top: 15px;}
.pageProcess ul li .iconfont{ position: absolute; right: -5px; top: 20px; text-align: center; font-size: 18px; color: rgba(255,255,255,0.2);}
.pageProcess ul li:last-child .iconfont{ display: none;}

/* pageShop */
.pageShop{ width: 100%; padding: 100px 0; overflow: hidden; position: relative;}
.pageShop .shopBox{width: 100%;margin-top: 50px;}
.pageShop .shopBox .swiper-slide { position: relative;}
.pageShop .shopBox .swiper-slide .img{width: 100%; position: relative; overflow: hidden;}
.pageShop .shopBox .swiper-slide .img img{display: block;width: 100%;  transition: all ease 0.6s;}
.pageShop .shopBox .swiper-slide:hover img{ transform: scale(1.1);}
.pageShop .shopBox .swiper-pagination{width: 100%;text-align: center;margin-top: 30px;bottom: 0; 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: #e60012; opacity: 0.4;}
.pageShop .shopBox .swiper-pagination-bullet-active{ opacity: 1;}


/* joinForm */
.joinForm{ width: 100%; padding: 80px 0; overflow: hidden; position: relative; background: url(../i/formBg.jpg) center no-repeat; background-size: cover;}
.joinForm .box{  overflow: hidden;}
.joinForm .joinNews{ width: 450px; box-sizing: border-box; padding: 0;}
.joinForm .joinNews .tit{ font-size: 22px; color: #fff;}
.joinForm .joinNews .bd{ width: 100%; margin-top: 28px;}
.joinForm .joinNews .bd li{  width: 100%; border-bottom: dashed 1px rgba(255,255,255,0.4);}
.joinForm .joinNews .bd li a{ display: inline-block; width: 100%;  padding: 17px 0;}
.joinForm .joinNews .bd li p{ font-size: 16px; color: #fff;}
.joinForm .joinNews .bd li span{ display: inline-block; font-size: 14px; color: #fff; margin-top: 10px;}
.joinForm .joinNews .bd li:hover p{ color: #e60012;}
.joinForm .form{ width: 670px; box-sizing: border-box; padding: 40px; background-color: #fff;}
.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: #e60012;}
.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 .item p:first-child{ margin-right: 10px;}
.joinForm .form form label{display: block;position: relative; }
.joinForm .form form label span{font-size: 16px;color: #999;position: absolute; line-height: 48px; top: 0; left: 20px;}
.joinForm .form form .item1 .txt{border: solid 1px #eee;font-size: 16px;color: #333;width: 100%;line-height: 18px;padding:14px 20px;box-sizing: border-box; background-color: #fafafa;}
.joinForm .form form select{ float: left; margin-right: 10px; width: 190px; height: 50px; padding: 0 16px; font-size: 16px; color: #999; line-height: 50px; border: solid 1px #eee; background-color: #fafafa; 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: #999;line-height: 18px;border: none;background-color: #fafafa; box-sizing: border-box; border: solid 1px #eee;}
.joinForm .form form .btn{width: 100%;height: 50px;cursor: pointer;background-color: #000;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: 20px; transform: rotate(180deg);}
.joinForm .form form .btn:hover{background-color: #e60012; }

/* solutionNav */
.solutionNav{width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.solutionNav .box .item{ width: 100%;}
.solutionNav .box .item .img{ width: 600px; position: relative; overflow: hidden;}
.solutionNav .box .item:nth-child(2n-1) .img{ float: left;}
.solutionNav .box .item:nth-child(2n) .img{ float: right;}
.solutionNav .box .item .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.solutionNav .box .item .img:hover img{ transform: scale(1.05); }
.solutionNav .box .item .info{ width: 600px; box-sizing: border-box; }
.solutionNav .box .item .info .tit{ font-size: 18px; color: #333;}
.solutionNav .box .item .info .tit p{ font-size: 16px; color: #999; font-family:'Poppins'; text-transform: uppercase; margin-top: 5px; }
.solutionNav .box .item .info .txt{ font-size: 16px; line-height: 30px; padding-top: 15px; margin-top: 15px; position: relative; width: 100%; color: #666; border-top: solid 2px #eee;}
.solutionNav .box .item .info .txt::after{ content: ''; position: absolute; top: 1px; left: 0; width: 100%; height: 1px; background-color: #eee;}
.solutionNav .box .item:nth-child(2n-1) .info{ float: right; padding: 50px 0 0 50px;}
.solutionNav .box .item:nth-child(2n) .info{ float: left; padding: 50px 50px 0 0 ;}
.solutionNav .more{ display: inline-block; padding-right: 25px; color: #333; margin-top: 40px; line-height: 24px; font-size: 16px; transition: all ease 0.6s;}
.solutionNav .more span{ display: inline-block; vertical-align: top; width: 22px; height: 22px; background-color: #e60012; text-align: center; line-height: 22px; font-size: 14px; color: #fff; transform: rotate(180deg); transition: all 0.6s ease; border-radius: 50%;margin-left: 10px;}
.solutionNav .more:hover{ color: #e60012;  }

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

/* solutionBanner */
.solutionBanner .bg::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.4); }

/* solutionTitle */
.solutionTitle{ width: 100%; position: relative; text-align: center;}
.solutionTitle p{ font-size: 40px; color: #333; font-family:'PoppinsExtraBold'; text-transform: uppercase; line-height: 46px;}
.solutionTitle h3{ font-size: 30px; color: #333; font-weight: normal; margin-top: 5px;}


/* solutionItem01 */
.solutionItem01{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.solutionItem01 .text{ font-size: 18px; color: #333; text-align: center; line-height: 32px; padding: 20px 0;}
.solutionItem01 .box{ width: 100%; position: relative;margin-top: 40px; }
.solutionItem01 .box .img{ position: relative; width: 100%; z-index: 1;}
.solutionItem01 .box .img img{ width: 100%; display: block; position: relative;  z-index: 1;}
.solutionItem01 .box .img::after{ content: '';  height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.solutionItem01 .box .info{ position: absolute; left: 5%; top: 50%;z-index: 2; transform: translateY(-50%); width: 50%;}
.solutionItem01 .box .info .item{ margin-top: 60px;}
.solutionItem01 .box .info .item:first-child{ margin-top: 0;}
.solutionItem01 .box .info .item .tit{ font-size: 20px; color: #fff;}
.solutionItem01 .box .info .item ul{ margin-top: 10px;}
.solutionItem01 .box .info .item ul li{ margin:20px 40px 0 0 ; text-align: center;}
.solutionItem01 .box .info .item ul li .iconfont{ width: 70px; text-align: center; height: 70px; line-height: 68px; border: solid 1px rgba(255,255,255,0.3); font-size: 36px; margin: auto; border-radius: 50%;color: #fff;}
.solutionItem01 .box .info .item ul li .t{ font-size: 16px; margin-top:15px ; color: #fff;}
.solutionItem01 .scheme{ width: 100%; padding:70px 5%; margin-top: 40px; position: relative; background: url(../images/solution/solutionBg.jpg) center no-repeat; background-size: cover;}
.solutionItem01 .scheme .tit{ font-size: 24px; color: #fff;}
.solutionItem01 .scheme ul{ width: 100%; margin-top: 40px;}
.solutionItem01 .scheme ul li{ width: 32%; margin-right: 2%; border: solid 1px rgba(255,255,255,0.2); padding:20px 20px;}
.solutionItem01 .scheme ul li:last-child{ margin-right: 0;}
.solutionItem01 .scheme ul li .t{ font-size: 20px; color: #fff;line-height: 30px; text-align: center; padding: 15px 0 40px 0; position: relative;}
.solutionItem01 .scheme ul li .t.t2{ padding: 0 0 25px 0;}
.solutionItem01 .scheme ul li .t::after{ content: ''; position: absolute; width: 60%; height: 1px; left: 20%; bottom: 0; background-color: rgba(230,255,255,0.2);}
.solutionItem01 .scheme ul li .d{ width: 100%; margin-top: 20px; font-size: 16px; line-height: 28px;  overflow-y: auto; color: #fff;}
.solutionItem01 .scheme ul.u4 li{ width: 23.5%;}
.solutionItem01 .scheme ul.u2 li{ width: 48.5%;}

.solutionItem01 .box.dxs .img::after{ width: 60%;  background: linear-gradient(90deg,rgba(0,0,0,1) 60%,rgba(0,0,0,0));}
.solutionItem01 .box.kt .img::after{ width: 45%;  background: linear-gradient(90deg,rgba(0,0,0,1) 60%,rgba(0,0,0,0));}
.solutionItem01 .box.ws .img::after{ width: 60%;  background: linear-gradient(90deg,rgba(91,90,96,1) 60%,rgba(91,90,96,0));}
.solutionItem01 .box.sf .img::after{ width: 60%;  background: linear-gradient(90deg,rgba(161,152,143,1) 60%,rgba(161,152,143,0));}
.solutionItem01 .box.cw .img::after{ width: 60%;  background: linear-gradient(90deg,rgba(103,98,94,1) 60%,rgba(103,98,94,0));}


@media (max-width: 1560px){
    .solutionItem01 .box .info .item{ margin-top: 40px;}
    .solutionItem01 .box .info .item ul li .iconfont{ width: 60px; height: 60px; line-height: 58px; font-size: 30px;}
    .solutionItem01 .box .info .item ul li{ margin:20px 30px 0 0 ;}
    .solutionItem01 .scheme ul li .t{ font-size: 18px;}
    .solutionItem01 .scheme ul li .d{ font-size: 14px;}
}

/* solutionItem02 */
.solutionItem02{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.solutionItem02 .img3d{ width: 100%; margin-top: 60px; text-align: center;}
.solutionItem02 .img3d img{ max-width: 100%; display: inline-block;}
.solutionItem02 .box{ width: 100%; margin: 60px auto 0;}
.solutionItem02 .box .img{ width: 600px; position: relative;}
.solutionItem02 .box .img img{ width: 100%; display: block; height: 100%;}
.solutionItem02 .box .info{ width: 600px; padding: 60px 60px ; position: relative; background-color: #fff; overflow: hidden;}
.solutionItem02 .box .info.pic{ padding: 0;width: 580px; margin-left: 20px;}
.solutionItem02 .box .info.pic img{width: 100%;height: auto;}
.solutionItem02 .box .info .text{ font-size: 16px; line-height: 38px; color: #333;position: relative; z-index: 2;}
.solutionItem02 .box .info .t{ font-size: 120px; font-family:'PoppinsExtraBold'; line-height: 100px; color: rgba(0, 0, 0, 0.05); position: absolute; bottom: 40px;left: 60px; text-transform: uppercase; width: 200%;user-select:none;}


/* solutionItem03 */
/* .solutionItem03{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background-size: cover !important;}
.solutionItem03::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1;} */
.solutionItem03 .c1200{ position: relative; z-index: 2;}
.solutionItem03 .solutionTitle p,.solutionItem03 .solutionTitle h3{ color: #fff;}
.solutionItem03 .box{ width: 100%; margin-top: 50px;}
.solutionItem03 .box ul{ width: 100%; text-align: center; display: inline-block; }
.solutionItem03 .box ul li{ text-align: center; width: 18.4%; margin-right: 2%; cursor: pointer; display: inline-block;  vertical-align: top;}
.solutionItem03 .box ul li:last-child{ margin-right: 0;}
.solutionItem03 .box ul li .iconfont{ width: 120px; height: 120px; font-size: 0;line-height: 118px; margin: auto; border-radius: 50%; text-align: center; border: dashed 1px #fff; position: relative; color: #fff; }
.solutionItem03 .box ul li .iconfont::before{ font-size: 48px;}
.solutionItem03 .box ul li .iconfont::after{ content: ''; width: 80%; height: 80%; left: 10%; top: 10%;position: absolute; background-color: rgba(230,255,255,0.3); border-radius: 50%; z-index: -1;font-size: 48px;}
.solutionItem03 .box ul li .tit{ font-size: 16px; color: #fff; margin-top: 30px; line-height: 32px;}
.solutionItem03 .box ul li:hover .iconfont::after{ background-color: #e60012;}
.solutionItem03 .box ul.u6 li{ width: 15%;}
.solutionItem03 .box ul.u4 li{ width: 23.5%;}
.solutionItem03 .box ul.u3 li{ width: 32%;}
.solutionItem03.a50::after{  background-color: rgba(0,0,0,0.5);}

/* solutionItem04 */
/* .solutionItem04{ width: 100%; padding: 100px 0; background-color: #fff; position: relative; overflow: hidden;}*/
.solutionItem04 .box{ width: 100%; position: relative; margin-top: 50px;}
.solutionItem04 .Item04Box .swiper-slide a{ width: 100%; display: inline-block; text-align: center; font-size: 16px; font-weight: bold; padding: 70px 0; border-radius: 20px; border: solid 2px #fff ; color: #333;}
.solutionItem04 .swiper-button-next,.solutionItem04 .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; border-radius: 50%; font-size: 24px; color: #e60012;}
.solutionItem04 .swiper-button-next::after,.solutionItem04 .swiper-button-prev::after{ display: none;}
.solutionItem04 .swiper-button-next{ transform: rotate(180deg);right: -80px;}
.solutionItem04 .swiper-button-prev{ left: -80px;}
.solutionItem04 .swiper-button-next:hover,.solutionItem04 .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}

/* solutionItem05 */
.solutionItem05{  width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.solutionItem05 .c1200{ position: relative; z-index: 2; }
.solutionItem05 .img{ width: 100%; margin-top: 50px; text-align: center;}
.solutionItem05 .img img{ max-width: 100%; display: inline-block;}
.solutionItem05 .box{ width: 100%; margin-top: 50px; padding:50px 120px ; background-color: #fff;}
.solutionItem05 .old{ width: 50%; text-align: right;}
.solutionItem05 .old .tit{ line-height: 34px; width: 300px; margin-left: 140px; position: relative; padding: 15px 40px 15px 60px; text-align: center; font-size: 20px; color: #fff; background-color: #000; border-bottom-left-radius: 32px; border-top-left-radius: 32px;}
.solutionItem05 .old .tit::after{ content: ''; position: absolute; right: -20px; top: 0;  width: 0;height: 0;border-bottom: 64px solid #000; border-right: 20px solid transparent;}
.solutionItem05 .old ul{ width: 100%; margin-top: 20px;}
.solutionItem05 .old ul li{ padding:20px 70px 20px 0; font-size: 18px; text-transform: uppercase; color: #000; line-height: 26px; border-bottom: solid 1px #eee;}
.solutionItem05 .old ul li em{ display: inline-block; vertical-align: top; margin-left: 20px; font-size: 0;}
.solutionItem05 .old ul li em::before{ font-size: 30px; }
.solutionItem05 .old ul li:last-child{ border-bottom: 0;}

.solutionItem05 .new{ width: 50%; text-align: left;}
.solutionItem05 .new .tit{ line-height: 34px; width: 300px;  margin-left: 40px; position: relative; padding: 15px 60px 15px 40px; text-align: center; font-size: 20px; color: #fff; background-color: #e60012; border-bottom-right-radius: 32px; border-top-right-radius: 32px; font-weight: bold;}
.solutionItem05 .new .tit::after{ content: ''; position: absolute; left: -20px; top: 0;  width: 0;height: 0;border-top: 64px solid #e60012; border-left: 20px solid transparent;}
.solutionItem05 .new ul{ width: 100%; margin-top: 20px;}
.solutionItem05 .new ul li{ padding:20px 0 20px 70px; font-size: 18px; text-transform: uppercase; font-weight: bold; color: #e60012; line-height: 26px; border-bottom: solid 1px #eee;}
.solutionItem05 .new ul li em{ display: inline-block; vertical-align: top; margin-right: 20px; font-size: 0; font-weight: normal;}
.solutionItem05 .new ul li em::before{ font-size: 30px; }
.solutionItem05 .new ul li:last-child{ border-bottom: 0;}

.solutionItem05.w{ background-size: cover !important;}
.solutionItem05.w::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 1;}
.solutionItem05.w .solutionTitle p,.solutionItem05.w .solutionTitle h3{ color: #fff;}
.solutionItem05.w .box{ background-color: rgba(255, 255, 255, 0); padding: 0 120px;}
.solutionItem05.w .box .old .tit{ background-color: #fff; color: #000;}
.solutionItem05.w .box .old .tit::after{border-bottom: 64px solid #fff;}
.solutionItem05.w .old ul li{ border-color: rgba(230,255,255,0.2); color: #fff;}
.solutionItem05.w .new ul li{ border-color: rgba(230,255,255,0.2); }


/* solutionItem06 */
.solutionItem06{ width: 100%; padding: 100px 0 0 0; position: relative; overflow: hidden;  background-size: cover !important;}
.solutionItem06::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 1;}
.solutionItem06 .c1200{ position: relative; z-index: 2;}
.solutionItem06 .solutionTitle p,.solutionItem06 .solutionTitle h3{ color: #fff;}
.solutionItem06 .box{ width: 100%; padding: 50px 0; position: relative;}
.solutionItem06 .Item06Box{ }
.solutionItem06 .Item06Box .swiper-slide{ position: relative; text-align: center;}
.solutionItem06 .Item06Box .swiper-slide .img{ width: 100%; position: relative; overflow: hidden;}
.solutionItem06 .Item06Box .swiper-slide .img img{ width: 100%; height: auto; display: block;}
.solutionItem06 .Item06Box .swiper-slide .tit{ color: #fff; font-size: 16px; line-height: 26px; margin-top: 10px;}
.solutionItem06 .swiper-button-next,.solutionItem06 .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; border-radius: 50%; font-size: 24px; color: #e60012; margin-top: -50px;}
.solutionItem06 .swiper-button-next::after,.solutionItem06 .swiper-button-prev::after{ display: none;}
.solutionItem06 .swiper-button-next{ transform: rotate(180deg);right: -80px;}
.solutionItem06 .swiper-button-prev{ left: -80px;}
.solutionItem06 .swiper-button-next:hover,.solutionItem06 .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}
.solutionItem06 .info{ padding: 50px 0; background-color: rgba(0, 0, 0, 0.6); border-top: solid 1px rgba(255, 255, 255, 0.1);}
.solutionItem06 .info .tit{ position: relative; font-size: 18px; color: #fff; font-weight: bold; padding-left: 18px;}
.solutionItem06 .info .tit::after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 5px; height: 20px; background-color: #e60012;}
.solutionItem06 .info .txt{ font-size: 16px; color: #fff; margin-top: 20px; line-height: 36px;}
.solutionItem06 .info .txt p{ position: relative; width: 100%; padding-left: 20px;}
.solutionItem06 .info .txt p span{ position: absolute; top: 0; left: 0; display: inline-block;}
.solutionItem06 .td{ display: inline-block; width: 100%; vertical-align: top; margin-bottom: 15px; }
.solutionItem06 .c1200{ font-size: 0; }
.solutionItem06 .td .txt p{display: inline-block; margin-right: 20px; width: auto; margin-bottom: 20px; }
/* solutionItem07 */
.solutionItem07{ width: 100%; padding: 100px 0 ; background-color: #fff; position: relative; overflow: hidden; }
.solutionItem07 .img{ width: 100%; margin-top: 50px; text-align: center;}
.solutionItem07 .img img{ max-width: 100%; height: auto;}
.solutionItem07 .box p{ font-size: 16px; line-height: 1.8; margin-top: 15px; }


/* solutionItem08 */
/* .solutionItem08{ width: 100%; padding: 100px 0 ; position: relative; overflow: hidden;  background-size: cover !important;} */
/* .solutionItem08::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1;}
.solutionItem08 .c1200{ position: relative; z-index: 2;} */
.solutionItem08 .solutionTitle p,.solutionItem08 .solutionTitle h3{ color: #fff;}
.solutionItem08 .box{ width: 100%;margin-top: 50px; position: relative;}
.solutionItem08 .Item08Box{ }
.solutionItem08 .Item08Box .swiper-slide{ position: relative; padding: 30px; background-color: #fff;}
.solutionItem08 .Item08Box .swiper-slide .num{ margin-left: 6px; width: 60px; position: relative; line-height: 30px; text-align: center; background-color: #e60012; font-size: 14px; color: #fff;  font-family:'PoppinsExtraBold'; text-transform: uppercase;}
.solutionItem08 .Item08Box .swiper-slide .num::after{ content: ''; position: absolute; right: -6px; top: 0;  width: 0;height: 0;border-top: 30px solid #e60012; border-right: 6px solid transparent;}
.solutionItem08 .Item08Box .swiper-slide .num::before{ content: ''; position: absolute; left: -6px; top: 0;  width: 0;height: 0;border-bottom: 30px solid #e60012; border-left: 6px solid transparent;}
.solutionItem08 .Item08Box .swiper-slide .tit{ font-size: 16px; color: #333; font-weight: bold; margin-top: 10px;}
.solutionItem08 .Item08Box .swiper-slide .txt{ font-size: 14px; color: #333; margin-top: 15px; line-height: 28px; height: 140px; overflow-y: auto;}
.solutionItem08 .swiper-button-next,.solutionItem08 .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; border-radius: 50%; font-size: 24px; color: #e60012;}
.solutionItem08 .swiper-button-next::after,.solutionItem08 .swiper-button-prev::after{ display: none;}
.solutionItem08 .swiper-button-next{ transform: rotate(180deg);right: -80px;}
.solutionItem08 .swiper-button-prev{ left: -80px;}
.solutionItem08 .swiper-button-next:hover,.solutionItem08 .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}

/* solutionItem09 */
.solutionItem09{ width: 100%; padding: 100px 0 ; position: relative; overflow: hidden;  background-size: cover !important;}
.solutionItem09::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1;}
.solutionItem09 .c1200{ position: relative; z-index: 2;}
.solutionItem09 .solutionTitle p,.solutionItem09 .solutionTitle h3{ color: #fff;}
.solutionItem09 ul{ width: 100%;}
.solutionItem09 ul li{ width:23.5% ; margin-right: 2%; text-align: center;}
.solutionItem09 ul li .img{ width: 100%; position: relative; overflow: hidden;}
.solutionItem09 ul li .img img{ width: 100%; display: block;}
.solutionItem09 ul li .tit{ text-align: center; font-size: 18px; color: #fff; margin-top: 20px;}
.solutionItem09 ul li:last-child{ margin-right: 0;}

/* solutionItem10 */
.solutionItem10{ width: 100%; padding:0 0 0 0;  position: relative; overflow: hidden;}
.solutionItem10 .box{ width: 100%; }
.solutionItem10 ul{ }
.solutionItem10 ul li{ width: 23.5%; margin-right: 2%; padding: 50px 25px 120px 25px; background:#fff url(../images/solution/fs_dixiashi/Item10Bg.png) center no-repeat; background-size: cover !important; position: relative;}
.solutionItem10 ul li .tit{ font-size: 20px; text-align: center; color: #333; font-weight: bold;}
.solutionItem10 ul li .txt{ font-size: 16px; color: #333; margin-top: 15px; line-height: 32px;}
.solutionItem10 ul li .iconfont{ position: absolute;bottom: 25px; right: 25px; font-size: 80px; color: rgba(0, 0, 0, 0.15);}
.solutionItem10 ul li:last-child{ margin-right: 0;}

/* solutionItem11 */
.solutionItem11{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background-color: #fff;}
.solutionItem11 ul{ width: 100%; margin-top: 50px;}
.solutionItem11 ul li{ width: 208px; margin-right: 40px; text-align: center;}
.solutionItem11 ul li .img{ width: 100%; position: relative; overflow: hidden;}
.solutionItem11 ul li .img img{ width: 100%; display: block;}
.solutionItem11 ul li .tit{ font-size: 16px; color: #333; margin-top: 15px;}
.solutionItem11 ul li:last-child{ margin-right: 0;}


/* solutionItem12 */
.solutionItem12{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background-size: cover !important;}
.solutionItem12::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1;}
.solutionItem12 .c1200{ position: relative; z-index: 2;}
.solutionItem12 .solutionTitle p,.solutionItem12 .solutionTitle h3{ color: #fff;}
.solutionItem12 .box{ width: 100%; margin-top: 50px;}
.solutionItem12 .box ul{ width: 100%;}
.solutionItem12 .box ul li{  width: 14.16%; border-radius: 20px; overflow: hidden; border: solid 2px #fff ; margin-right: 3%;}
.solutionItem12 .box ul li img{ width: 100%; display: block;}
.solutionItem12 .box ul li:last-child{ margin-right: 0;}

/* solutionItem13 */
.solutionItem13{ width: 100%; padding: 100px 0; background-color: #fff; position: relative; overflow: hidden;}
.solutionItem13 .box{ width: 100%; position: relative; margin-top: 50px;}
.solutionItem13 .Item13Box .swiper-slide a{ width: 100%; display: inline-block; text-align: center; font-size: 16px; font-weight: bold; padding: 0 0; border-radius: 20px; border: solid 2px #eee ; color: #333; overflow: hidden;}
.solutionItem13 .Item13Box .swiper-slide img{ width: 100%; display: block;}
.solutionItem13 .swiper-button-next,.solutionItem13 .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #333; border-radius: 50%; font-size: 24px; color: #fff;}
.solutionItem13 .swiper-button-next::after,.solutionItem13 .swiper-button-prev::after{ display: none;}
.solutionItem13 .swiper-button-next{ transform: rotate(180deg);right: -80px;}
.solutionItem13 .swiper-button-prev{ left: -80px;}
.solutionItem13 .swiper-button-next:hover,.solutionItem13 .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}


/* solutionItem14 */
.solutionItem14{ width: 100%; position: relative; overflow: hidden;}
.solutionItem14 .box{ width: 100%; position: relative; margin-top: 0px; background: none;}
.solutionItem14 .Item14Box .swiper-slide a{ width: 100%; display: inline-block; text-align: center; font-size: 16px; color: #333; position: relative; overflow: hidden;}
.solutionItem14 .Item14Box .swiper-slide .img{ width: 100%; box-sizing: border-box; position: relative; z-index: 1;  border-radius: 20px;  overflow: hidden;}
.solutionItem14 .Item14Box .swiper-slide .img img{ width: 100%; display: block;}
.solutionItem14 .Item14Box .swiper-slide .tit{ width: 100%; font-size: 16px; text-align: center; line-height: 30px; margin-top: 10px; color: #333; z-index: 2; }
.solutionItem14 .swiper-button-next,.solutionItem14 .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #333; border-radius: 50%; font-size: 24px; color: #fff;
margin-top: -10px; }
.solutionItem14 .swiper-button-next::after,.solutionItem14 .swiper-button-prev::after{ display: none;}
.solutionItem14 .swiper-button-next{ transform: rotate(180deg);right: 0;}
.solutionItem14 .swiper-button-prev{ left: 0;}
.solutionItem14 .swiper-button-next:hover,.solutionItem14 .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}


/* solutionCase */
.solutionCase{ width: 100%; padding: 100px 0; background-color: #fff; position: relative; overflow: hidden;}
.solutionCase .box{width: 100%; position: relative; margin-top: 50px;}
.solutionCase .ItemCase .swiper-slide  {  text-align: center; position: relative; background-color: #fff;overflow: hidden;}
.solutionCase .ItemCase .swiper-slide a{ display: inline-block;width: 100%; padding:0;}
.solutionCase .ItemCase .swiper-slide .img{ width: 100%; margin:0 ; overflow: hidden; position: relative; z-index: 1;}
.solutionCase .ItemCase .swiper-slide .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.solutionCase .ItemCase .swiper-slide .tit{ font-size: 18px; color: #333; margin-top: 10px; text-transform: uppercase; transition: all 0.6s ease; position: relative; z-index: 2;}
.solutionCase .ItemCase .swiper-slide .en{ font-size: 14px; text-transform: uppercase;  color: #999; margin-top: 8px;}
.solutionCase .ItemCase .swiper-slide:hover .tit{ color: #e60012;}
.solutionCase .ItemCase .swiper-slide:hover img{ transform: scale(1.1);}

.solutionCase .swiper-button-next,.solutionCase .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #000; color: #fff; border-radius: 50%; font-size: 24px;}
.solutionCase .swiper-button-next::after,.solutionCase .swiper-button-prev::after{ display: none;}
.solutionCase .swiper-button-next{ transform: rotate(180deg);right: -60px;}
.solutionCase .swiper-button-prev{ left: -60px;}
.solutionCase .swiper-button-next:hover,.solutionCase .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}


/* solutionProduct */
.solutionProduct{ width: 100%; padding: 100px 0; position: relative; overflow: hidden;}
.solutionProduct .box{width: 100%; position: relative; margin-top: 50px;}
.solutionProduct .ItemProduct .swiper-slide  {  text-align: center; position: relative; background-color: #fff;overflow: hidden;}
.solutionProduct .ItemProduct .swiper-slide a{ display: inline-block;width: 100%; padding:40px 30px;}
.solutionProduct .ItemProduct .swiper-slide .tit{ font-size: 18px; color: #333; text-transform: uppercase; transition: all 0.6s ease; position: relative; z-index: 2;}
.solutionProduct .ItemProduct .swiper-slide .en{ font-size: 16px; text-transform: uppercase; color: #999; margin-top: 10px; transition: all 0.6s ease; position: relative; z-index: 2;}
.solutionProduct .ItemProduct .swiper-slide .img{ width: 80%; margin:0 10%; overflow: hidden; position: relative; z-index: 1;}
.solutionProduct .ItemProduct .swiper-slide .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.solutionProduct .ItemProduct .swiper-slide .more{ width:70% ; font-size: 14px; color: #333; margin: auto; border: solid 1px #eee; line-height: 44px; transition: all 0.6s ease; position: relative; z-index: 2;}
.solutionProduct .ItemProduct .swiper-slide .more:hover{ background-color: #e60012; color: #fff; border-color: #e60012;}
.solutionProduct .ItemProduct .swiper-slide:hover .tit{ color: #e60012;}
.solutionProduct .ItemProduct .swiper-slide:hover img{ transform: scale(1.1);}

.solutionProduct .swiper-button-next,.solutionProduct .swiper-button-prev{ width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; border-radius: 50%; font-size: 24px; color: #e60012;}
.solutionProduct .swiper-button-next::after,.solutionProduct .swiper-button-prev::after{ display: none;}
.solutionProduct .swiper-button-next{ transform: rotate(180deg);right: -60px;}
.solutionProduct .swiper-button-prev{ left: -60px;}
.solutionProduct .swiper-button-next:hover,.solutionProduct .swiper-button-prev:hover{ background-color: #e60012; color: #fff;}


/*pages*/
.pages{ padding: 60px 0 0 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; }
.pages a:hover { background:#e60012;  text-decoration:none }
.pages span { display:inline-block;  height:32px; line-height:32px; background:#e60012; color:#fff; text-align:center; padding:0 12px; margin:0 5px;}
@media screen and (max-width: 640px) and (min-width: 0px) {
    .pageProductD .infoBox .info{ width: 100%;}
    .between{ display: block; }
    .pageProductD .infoBox .info .tit{ font-size: 24px; }
    .pageProductD .infoBox .info .more{ margin: 20px 0;}
    .pageProductD .infoBox .img{ width: 100%;}
    .pageProductD{ padding: 30px 0;}
    .productParameter{ padding: 30px 0;}
    .productParameter .txt{ padding: 15px; }
    .productParameter img{margin-bottom: 10px; }
  .pageBanner{ min-width: 320px; }
  .pageBanner .bg img{ width: 150% !important; position: relative; left: 50% ; transform: translateX(-50%);}
  .pageBanner .info h2{ font-size: 24px; }
  .pageBanner .info p{ font-size: 18px; }
  .pageBanner .info p{ display: none;}

  .pageTechnology{ padding: 30px 0;}
  .pageTechnology ul.u2 li{ width: 98%; margin: 1%;}
  .pageTechnology ul.u2 li:nth-child(2n){margin: 1%;}
  .pageTechnologyD{ padding: 30px 0;}
  .pageMarket{ padding: 30px 0;}
  .joinTitle h2{ font-size: 20px; }
  .pageMarket .box{ margin:auto; display: block;}
  .pageMarket .text{ width: 100%; padding: 0; line-height: 1.8; margin-bottom: 15px; font-size: 14px; }
  .pageMarket .img{ width: 100%; }

  .pageGreen{ padding: 30px 0;}
.pageGreen .text{padding: 20px; width: 100%;line-height: 1.8; background: none; margin: 0px 0;}
.pageCertification{ padding: 30px 0;}
.pagePolicy .policyBox{padding-left: 0; }
.pagePolicy .policyBox .hd{ width: 100%; position: relative;}
.pagePolicy .policyBox .hd ul li{ margin-top: 0; width: 18%; display: inline-block;vertical-align: middle;}
.pagePolicy .policyBox .hd ul li:last-child{ width: 27%;}
.pagePolicy .policyBox .hd ul{ font-size: 0; }
.pagePolicy .policyBox .hd ul li em{ display: block; margin: auto; }
.pagePolicy .policyBox .hd ul li p{ margin-left: 0; font-size: 12px; text-align: center; }
.pagePolicy .policyBox .bd .con .img{ width: 100%; }
.pagePolicy .policyBox .bd .con .img img{ height: auto;}
.pagePolicy .policyBox .bd .con .info{ width: 100%; padding: 15px; }
.pagePolicy{ padding: 30px 0; padding-bottom: 0;}
.pagePolicy .policyBox .bd .con .info .txt{ font-size: 14px; line-height: 1.6; }



.pageCondition{ padding: 30px 0;}
.pageCondition ul li{ width:50%; margin-bottom: 20px; }
.pageCondition ul li:nth-child(5){width: 100%;}
.pageCondition ul li .si{ display: none; }
.pageProcess ul li{ width: 50%; padding: 0; }
.pageProcess ul li .iconfont{ display: none; }
.pageShop,.pageProcess{ padding: 30px 0;}
.joinForm .form{ width: 100%; padding: 10px; margin-top: 15px; }
.joinForm .form form .item p{ width: 100%; margin-bottom: 10px; }
.joinForm .form form .item p:first-child{ margin-right: 0; }
.joinForm .form form select{ width: 100%; margin-right: 0; margin-bottom: 10px; }
.indexFooter .box{ padding: 30px 0;}
.pageProduct ul li{ display: inline-block; }
.pageCondition ul li .iconfont{ width: 70px; height: 70px; line-height: 70px; }
.joinTitle p{ font-size: 14px; }
.pageCondition ul li .txt{ font-size: 12px; }
.firstNews .info .txt{ display: none !important ;}
}