@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');} 


.indexMain{ width: 100%; height: 100vh; position: relative;}

/* header */
.header{width: 100%;padding: 20px 0; position: relative; background-color: #fff; z-index: 99;transition: all 0.6s ease;}
.header .logo{display: block;float: left; padding:10px 0;}
.header .logo img{display: block;height: 40px; }
.navBox{float: right;margin-top: 8px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-left: 50px;}
.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;}
.header1{  position: fixed;top: 0;left: 0; background-color: rgba(255, 255, 255, 0);}
.header1 .navBox .nLi h3 a{ color: #fff;}

@media (max-width: 1680px){
    .navBox .nLi{margin-left:50px;}
    .navBox{max-width:900px;}
}
.is-fixed{padding: 10px 0;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); background-color: #fff;  position: fixed;top: 0;left: 0;}



/* indexBanner */
.indexBanner{ width: 100%; height: calc(100vh - 60px) ; position: relative; overflow: hidden; min-width: 1200px;}
.bannerItem { width: 100%; height: 100%; position: relative; z-index: 1;}
.bannerItem .swiper-wrapper{height: 100%;}
.bannerItem .swiper-slide{width: 100%;height: 100% ;position: relative; background-size: cover !important;}
.bannerItem .swiper-slide a{ width: 100%; height: 100%; display: inline-block;}
.bannerItem .swiper-pagination{bottom: 160px !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;}

.bannerItem .swiper-slide .videoBox{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.bannerItem .swiper-slide .videoBox video{width:auto;height: auto; min-width: 100%; min-height: 100%; object-fit: fill; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.bannerItem .swiper-slide .videoBox #playVideo{ position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.bannerItem .swiper-slide .videoBox #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;}
.bannerItem .swiper-slide .videoBox #playVideo p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}

.quickNav{ position: absolute; width: 100%; left: 0; right: 0; bottom: 4%; z-index: 2;}
.quickNav .box{ background-color: rgba(255,255,255,0.6); width: 100%;}
.quickNav .item{ width: 33.33%; display: inline-block; vertical-align: middle; padding: 2% 0; box-sizing: border-box; border-right: solid 1px rgba(0,0,0,0.1);}
.quickNav .item:last-child{ border-right: 0;}
.quickNav .item a{ display: inline-block;}
.quickNav .item .iconfont{ color: #ff6b00; margin-right: 10px; font-size: 36px; display: inline-block; vertical-align: middle;}
.quickNav .item .info{ display: inline-block; vertical-align: middle; text-align: left;}
.quickNav .item .info h2{ font-size: 18px; color: #333;}
.quickNav .item .info p{ font-size: 14px; color: #666; text-transform: uppercase; margin-top: 5px; font-family:'Poppins';}
.quickNav .item a:hover .info h2{ color: #ff6b00; }


/* 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;}
.footer .box .fNav dl{ display: inline-block; vertical-align: top; margin-left:70px;}
.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:50px;}
}

/* copy */
.copy{ width: 100%; padding: 20px 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;}


/* popupVideo */
.popupVideo{width: 100%; height: 100%;  position: fixed;top:50%;left:50%; transform: translate(-50%,-50%); z-index:999;display: none; text-align: center; background-color: rgba(0, 0, 0, 0.6); }
.popupVideo .iconfont{width: 60px;height: 60px;border: 2px solid #fff;color: #fff;font-size: 30px;text-align: center;line-height: 60px;position: absolute;top: 0;right:0;  box-sizing: border-box;transition: all 0.6s ease;cursor: pointer;}
.popupVideo video{display: inline-block; width: auto; height: auto; position: absolute; top:50%;left:50%; transform: translate(-50%,-50%); max-width: 70%; max-height: 70%; background-color: #000;}
.popupVideo .iconfont:hover{background-color: #ff6b00;border-color: #ff6b00;}


/* pageBanner */
.pageBanner{ width: 100%; position: relative; min-width: 1200px; overflow: hidden;}
.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;}
.caseBanner .info{  transform: translate(-50%,-100%);}
.caseNav{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;  background-color: rgba(0,0,0,0.1);}
.caseNav ul{ width: 100%;}
.caseNav ul li{ display: inline-block; vertical-align: top; width: 200px;}
.caseNav ul li a{ width: 100%; display: inline-block; padding: 20px 0;}
.caseNav ul li span{ font-size: 40px; color: #fff; height: 40px; font-weight: lighter;}
.caseNav ul li:nth-child(1) span:before{content: "\e61d";}
.caseNav ul li:nth-child(2) span:before{content: "\e603";}
.caseNav ul li:nth-child(3) span:before{content: "\e671";}
.caseNav ul li:nth-child(4) span:before{content: "\e663";}
.caseNav ul li:nth-child(5) span:before{content: "\e680";}
.caseNav ul li:nth-child(6) span:before{content: "\e732";}
.caseNav ul li p{ font-size: 16px; color: #fff; margin-top: 6px;}
.caseNav ul li.on a span,.caseNav ul li:hover span,.caseNav ul li.on a p,.caseNav ul li:hover p{ color: #ff6b00;}

/* pageCrumbs */
.pageCrumbs{ width: 100%; padding: 15px 0; background-color: #f5f5f5; margin: 0 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;}



/* indexTitle */
.indexTitle{ width: 100%; text-align: center; }
.indexTitle h3{font-family:'PoppinsExtraBold'; font-size: 40px; line-height: 40px; text-transform: uppercase; }
.indexTitle h2{ font-size: 24px; margin-top: 5px; font-weight: normal;}


/* pageAbout */
.pageAbout{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageAbout .box{ margin-top: 40px; background-color: #f5f5f5;}
.pageAbout .box .img{ display: inline-block; vertical-align: top; width: 600px; position: relative;}
.pageAbout .box .img a{ display: inline-block; position: relative;}
.pageAbout .box .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.pageAbout .box .img a::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.pageAbout .box .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;}
.pageAbout .box .img p::after{ content: ''; position: absolute; left: 5px; top: 5px; width: 64px; height: 64px; border-radius: 50%; background-color: #ff6b00; z-index: -1;}
.pageAbout .box .info{ display: inline-block; vertical-align: top; width: 600px; box-sizing: border-box; padding:35px 40px;}
.pageAbout .box .info p{ text-indent: 2em; font-size: 16px; color: #333; line-height: 36px;}


/* pageHistory */
.pageHistory{ width: 100%; padding: 80px 0; position: relative; background: url(../images/about/historyBg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.pageHistory .indexTitle{ color: #fff;}
.pageHistory .HistoryBox{ width: 100%; margin-top: 80px; position: relative;overflow: hidden;}
.HistoryBox .tempWrap{  margin: auto;}
.HistoryBox .bigImg li{width: 800px; padding: 0 200px; overflow: hidden; color: #fff;}
.HistoryBox .bigImg li .img{ display: inline-block; vertical-align: top; width: 180px; box-sizing: border-box; border: solid 1px rgba(255,255,255,0.1); margin-right: 50px;}
.HistoryBox .bigImg li .img img{ display: block; width: 100%;}
.HistoryBox .bigImg li .info{ display: inline-block; vertical-align: top;  padding-top: 40px; box-sizing: border-box; width: 560px; position: relative; padding:30px 0 0 50px;}
.HistoryBox .bigImg li .info .n{ font-size: 180px; line-height: 180px; color: rgba(255, 255, 255, 0.05); font-weight: bold; position: absolute; top: 0; left: 0;}
.HistoryBox .bigImg li .info .t{ font-size: 24px;}
.HistoryBox .bigImg li .info .p{ font-size: 16px; line-height: 30px; margin-top: 10px;width: 480px;}
.HistoryBox .smallScroll {width: 100%; margin-top: 80px;}
.HistoryBox .smallImg {width: 100%;overflow: hidden;margin: 5px 0; position: relative;}
.HistoryBox .smallImg::after{ content: ''; width: 100%; height: 1px; top: 8px; background-color: rgba(255,255,255,0.1); position: absolute; z-index: 0;}
.HistoryBox .smallImg ul{width: 100%;overflow: hidden;}
.HistoryBox .smallImg li{width: 20%; float: left;position: relative; font-size: 20px; padding-top: 30px; text-align: center; cursor: pointer;color: #fff; font-family:'Poppins';}
.HistoryBox .smallImg li i{ display: inline-block; width: 17px; height: 17px; box-sizing: border-box; border: dashed 1px rgba(255,255,255,0.4); position: relative; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.HistoryBox .smallImg li i::after{ content: ''; width: 7px; height: 7px; top: 4px; left: 4px; background-color: #fff; border-radius: 50%; position: absolute; }
.HistoryBox .smallImg li.on{ color: #ff6b00;}
.HistoryBox .smallImg li.on i{ border-color: #ff6b00;}
.HistoryBox .smallImg li.on i::after{ background-color: #ff6b00;}
.HistoryBox .icon{ width: 50px; height: 50px; position: absolute; top: 75px; border-radius: 50px; background-size: 24px !important; transition: all ease 0.6s;}
.HistoryBox .sPrev{ left: 50%; margin-left: -600px; background:#fff url(../images/arrow_p_b.png) center no-repeat; }
.HistoryBox .sNext{ right: 50%; margin-right: -600px; background:#fff url(../images/arrow_n_b.png) center no-repeat; }
.HistoryBox .sPrev:hover{ background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;}
.HistoryBox .sNext:hover{ background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;}


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

/* pageHonor */
.pageHonor{ width: 100%; padding: 80px 0; position: relative; background: url(../images/about/honor/honorBg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.pageHonor .indexTitle{ color: #fff;}
.HonorBox{  position:relative;  width: 100%; margin-top: 40px; }
.HonorBox .next,.HonorBox .prev{ width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50px; background-size: 24px !important; transition: all ease 0.6s; z-index: 2;}
.HonorBox .prev{ left: -90px; background:#fff url(../images/arrow_p_b.png) center no-repeat; }
.HonorBox .next{ right: -90px; background:#fff url(../images/arrow_n_b.png) center no-repeat; }
.HonorBox .prev:hover{ background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;}
.HonorBox .next:hover{ background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;}
.HonorBox .bd{ padding:0;  overflow: hidden; }
.HonorBox .bd ul{ overflow:hidden; zoom:1; }
.HonorBox .bd ul li{ margin-right:20px; box-sizing: border-box; background-color: #fff; padding:  0; float:left; width: 285px; text-align:center;  }
.HonorBox .bd ul li .img{ text-align:center; width: 245px; margin: 20px; box-sizing: border-box; padding: 15px; background-color: #f5f5f5; }
.HonorBox .bd ul li .img img{  max-width: 100%; max-height: 100%; display: block; }
.HonorBox .bd ul li .tit{ line-height:24px;  font-size: 16px; color: #333; padding: 20px; height: 72px; }

@media (max-width: 1440px){
    .HonorBox .prev{ left: 10px; background:#333 url(../images/arrow_p_w.png) center no-repeat;}
    .HonorBox .next{ right: 10px; background:#333 url(../images/arrow_n_w.png) center no-repeat;}
}


/* pageFactory */
.pageFactory{width: 100%;position: relative;overflow: hidden; padding: 80px 0; z-index: 1;}
.pageFactory .FactoryBox{width: 100%;margin-top: 40px;}
.pageFactory .FactoryBox .swiper-slide { font-size: 0;}
.pageFactory .FactoryBox .swiper-slide .info{width: 380px;  display: inline-block;  vertical-align: top;margin-right: 30px;margin-bottom: 30px; position: relative;}
.pageFactory .FactoryBox .swiper-slide .info:nth-child(3n){margin-right: 0;}
.pageFactory .FactoryBox .swiper-slide .info .img{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
.pageFactory .FactoryBox .swiper-slide .info .img img{display: block;width: 100%;  transition: all ease 0.6s;}
.pageFactory .FactoryBox .swiper-slide .info .tit{ width: 320px; margin:-25px auto 0; position: relative; z-index: 2; box-sizing: border-box; line-height: 24px; padding: 15px 20px; font-size: 16px; color: #333; text-align: center; background-color: #f5f5f5; transition: all ease 0.6s;}
.pageFactory .FactoryBox .swiper-slide .info:hover .tit{ background-color: #ff6b00; color: #fff;}
.pageFactory .FactoryBox .swiper-slide .info:hover img{ transform: scale(1.1);}
.pageFactory .FactoryBox .swiper-pagination{width: 100%;text-align: center;margin-top: 10px; position: relative;}
.pageFactory .FactoryBox .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;}
.pageFactory .FactoryBox .swiper-pagination-bullet-active{ opacity: 1;}


/* pageSupport */
.pageSupport{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.pageSupport .item{ width: 100%;}
.pageSupport .item:first-child{ margin-bottom: 40px;}
.pageSupport .item .img{ width: 810px;}
.pageSupport .item .img img{ width: 100%; display: block;}
.pageSupport .item .info{ width: 370px; height: 380px; background-color: #f5f5f5; box-sizing: border-box; padding: 50px 30px;}
.pageSupport .item .info .tit{ width: 100%; }
.pageSupport .item .info .tit span{ display: inline-block; vertical-align: middle; font-size: 30px; margin-right: 10px;}
.pageSupport .item .info .tit p{ display: inline-block; vertical-align: middle; font-size: 22px; color: #333; line-height: 30px;}
.pageSupport .item .info .txt{ font-size: 16px; line-height: 34px; color: #666; margin-top: 20px;}
.pageSupport .item .info .tel{ margin-top: 40px;}
.pageSupport .item .info .tel .iconfont{ display: inline-block; vertical-align: middle; font-size: 40px; color: #ff6b00; margin-right: 10px;}
.pageSupport .item .info .tel .t{display: inline-block; vertical-align: middle; color: #ff6b00; line-height: 24px;}
.pageSupport .item .info .tel .t span{ font-size: 14px;}
.pageSupport .item .info .tel .t p{ font-size: 24px; font-family:'Poppins';}


.pageNews{ width: 100%; overflow: hidden; position: relative;}
.firstNews{ width: 100%; padding: 80px 0; background-color: #f5f5f5;}
.firstNews .img{ width: 520px; position: relative; overflow: hidden;}
.firstNews .img a{ display: inline-block; position: relative;}
.firstNews .img img{ width: 100%; display: block;position: relative; z-index: 1; transition: all ease 0.6s;}
.firstNews .img .time{ position: absolute; top: 0; left: 0; z-index: 2; box-sizing: border-box; padding: 10px 0; width: 80px; height: 80px; text-align: center; color: #fff; background-color: rgba(0,0,0,0.9); transition: all ease 0.6s;}
.firstNews .img .time p{ font-size: 36px;}
.firstNews .img .time span{ display: inline-block;  font-size: 14px;}
.firstNews .img:hover img{ transform: scale(1.05);}
.firstNews .img:hover .time{ background-color: rgba(255,107,0,0.8);}
.firstNews .info{ width: 620px; margin-top: 60px;}
.firstNews .info .tit a{ display: inline-block; font-size: 18px; color: #333; transition: all ease 0.6s;}
.firstNews .info .tit a:hover{ color: #ff6b00;}
.firstNews .info .txt{ font-size: 16px; color: #999; line-height: 30px; margin-top: 20px;}
.firstNews .info .a{ margin-top: 50px;}
.firstNews .info .a a{ display: inline-block; font-size: 16px; line-height: 20px; padding-right: 25px; color: #333; background: url(../images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; transition: all ease 0.6s;}
.firstNews .info .a a:hover{ color: #ff6b00; background: url(../images/arrow_n_y.png) center right no-repeat;}
.pageNews ul{ padding: 60px 0 0 0;}
.pageNews ul li{ display: inline-block; vertical-align: top; margin: 0 30px 30px 0; box-sizing: border-box; width: 380px; padding: 30px; border: solid 1px #eee; transition: all ease 0.6s;}
.pageNews ul li a{ display: inline-block;}
.pageNews ul li:nth-child(3n){ margin-right: 0;}
.pageNews ul li .time{ font-size: 14px; color: #333;}
.pageNews ul li .tit span{display: inline-block; font-size: 18px; line-height: 30px; margin-top: 10px; color: #333; transition: all ease 0.6s;} 
.pageNews ul li .tit span:hover{ color: #ff6b00;}
.pageNews ul li .txt{ font-size: 16px; line-height: 30px; color: #999; margin-top: 15px;}
.pageNews ul li .a{ margin-top: 30px; width: 100%; border-top: solid 1px #eee; padding-top: 30px; transition: all ease 0.6s;}
.pageNews ul li .a span{ display: inline-block; font-size: 16px; line-height: 20px; padding-right: 25px; color: #333; background: url(../images/arrow_n_b.png) center right no-repeat; background-size: 18px !important; transition: all ease 0.6s;}
.pageNews ul li .a span:hover{ color: #ff6b00; background: url(../images/arrow_n_y.png) center right no-repeat;}
.pageNews ul li:hover{ border-color: #ff6b00; background-color: rgba(255,107,0,0.02);}
.pageNews ul li:hover .a {border-color: #ff6b00;}


/* pageNewsD */
.pageNewsD{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageNewsD .tit{ text-align: center; font-size: 30px; color: #333;font-weight: normal;}
.pageNewsD .info{ text-align: center; padding: 20px 0; }
.pageNewsD .info span{ display: inline-block; font-size: 16px; margin:  0 20px; color: #999;}
.pageNewsD .txt{ font-size: 16px; line-height: 34px; border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd; padding: 40px 0; }
.pageNewsD .txt img{ max-width: 100%; display: inline-block; height: auto !important;}

.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: #ff6b00;}


/* pageCase */
.pageCase{ width: 100%; padding: 80px 0 50px 0; overflow: hidden; position: relative;background-color: #f5f5f5;}
.pageCase ul{ width: 100%;}
.pageCase ul li{ display: inline-block; vertical-align: top; width: 380px; margin: 0 30px 30px 0;}
.pageCase ul li:nth-child(3n){ margin-right: 0;}
.pageCase ul li .img{ width: 100%; overflow: hidden;}
.pageCase ul li .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.pageCase ul li .tit{ padding: 15px 20px; text-align: center; font-size: 16px; color: #333; background-color: #fff; transition: all ease 0.6s;}
.pageCase ul li .tit p{ font-size: 16px;  margin-top: 5px;}
.pageCase ul li:hover img{ transform: scale(1.05);}
.pageCase ul li:hover .tit{ color: #fff; background-color: #ff6b00;}


/* pageCaseD */
.pageCaseD{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageCaseD .tit{ text-align: center; font-size: 30px; font-weight: normal; color: #333;}
.pageCaseD .tit p{ font-size: 20px; margin-top: 10px; font-size: 26px;}
.pageCaseD .info{ width: 100%; font-size: 18px; margin: 40px 0;}
.pageCaseD .info table{width: 100%;}
.pageCaseD .info table tr{border-bottom: 1px solid #ddd;}
.pageCaseD .info table tr:last-child{border-bottom: none;}
.pageCaseD .info table tr td{color: #333;font-size: 18px;line-height: 26px;padding: 20px  30px;background-color: rgba(0,0,0,0.05);border: 1px solid #ddd; position: relative;}
.pageCaseD .info table tr td.t1{ width: 13% !important; border-right: 0 !important;}
.pageCaseD .info table tr td.t1::after{ content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 25%; background-color: rgba(0,0,0,0.1);}
.pageCaseD .info table tr td.t2{width: 37% !important; padding: 20px 30px; border-left: 0 !important;}
.pageCaseD .info table tr td span{ display: inline-block; width: 100%;}
.pageCaseD .info table tr td p{font-size: 14px; width: 100%; margin-top: 0; line-height: 24px; display: inline-block; text-transform: capitalize;}
.pageCaseD .info table tr td:nth-child(n+3){background-color: rgba(255,107,0,0.1);}
.pageCaseD .info table tr td:last-child{border-right: none;}
.pageCaseD .slogan{ font-size: 26px; margin: 50px 0 20px;}
.pageCaseD .txt{ font-size: 16px; line-height: 34px;  }
.pageCaseD .txt img{ max-width: 100%; height: auto !important;}
.pageCaseD .caseImg{width: 100%; margin:40px auto 0; position: relative;}
.pageCaseD .caseImg .swiper-slide{width: 100%;position: relative; }
.pageCaseD .caseImg .swiper-slide img{ width: 100%;}
.pageCaseD .caseImg .swiper-pagination{bottom: 20px ;right: 0;}
.pageCaseD .caseImg .swiper-pagination-bullet{width: 14px;height: 14px;cursor: pointer; background-color: #fff; box-sizing: border-box;border-radius: 50%;transition: all 0.6s ease;opacity: 0.6 ;margin: 0 10px !important;}
.pageCaseD .caseImg .swiper-pagination-bullet-active{ opacity: 1;}
.pageCaseD .caseImg .swiper-button-prev,.pageCaseD .caseImg .swiper-button-next{ text-align: center; color: #333;position: absolute;top: 50%;z-index: 2; width: 50px; height: 50px; box-sizing: border-box; transform: translateY(-50%); border-radius: 50%; transition: all ease-in 0.6s; background-size: 18px !important; }
.pageCaseD .caseImg .swiper-button-prev{left: 4%;  background:#fff url(../images/arrow_p_b.png) center no-repeat; }
.pageCaseD .caseImg .swiper-button-next{right: 4%; background:#fff url(../images/arrow_n_b.png) center no-repeat;}
.pageCaseD .caseImg .swiper-button-prev:hover{ background:#ff6b00 url(../images/arrow_p_w.png) center no-repeat;}
.pageCaseD .caseImg .swiper-button-next:hover{ background:#ff6b00 url(../images/arrow_n_w.png) center no-repeat;}

/* 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;}

.pageSearch{width:100%; padding: 30px 0; overflow: hidden; background-color: #f5f5f5; border-bottom: solid 1px #e5e5e5;}
.pageSearch form{width: 800px; margin: auto; height: 50px;background-color: rgba(255,107,0,0.03);overflow: hidden;border: solid 1px #ddd;}
.pageSearch form #catid{float: left; width: 150px; border: 0; box-sizing: border-box; padding:0 10px; line-height: 50px; height: 50px; border-right: solid 1px #ddd; color: #333; font-size: 16px; background-color: rgba(0, 0, 0, 0);}
.pageSearch form .inputBox{width: 590px;height: 50px;float: left;font-size: 16px;border: none;color: #333333;padding-left: 20px;box-sizing: border-box; background-color: rgba(0, 0, 0, 0);}
.pageSearch 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;}
.pageSearch form .btn:hover{color: #ff6b00;}


/*pages*/
.pages{ padding: 60px 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;}