@charset "UTF-8";
@font-face {
    font-family: 'YourFont';
    src: url('fonts/yourfont.eot');
    src: local('Your Font'),
    url('fonts/AlibabaPuHuiTi-2-45-Light.ttf?adbhsx') format('truetype'),
    url('fonts/AlibabaPuHuiTi-2-45-Light.woff?adbhsx') format('woff'),
    url('fonts/AlibabaPuHuiTi-2-45-Light.otf?adbhsx') format('opentype'),
    url('fonts/icomoon.svg?adbhsx#icomoon') format('svg'),
    url('fonts/AlibabaPuHuiTi-2-45-Light.eot?adbhsx#iefix') format('embedded-opentype');
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;}
body {color:#333;font-size:14px;font-family:"AlibabaPuHuiTi-3-45-Light",sans -serif,-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB";}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a:hover {text-decoration:none;color:#ff7c24}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "AlibabaPuHuiTi-3-45-Light",sans -serif,-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB";outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.container {width:85%;max-width:1440px;margin:0 auto;position:relative;}
/*头部*/

.Header-wrapper .Header-cl {position:relative;}
.header-container {width:100%;padding-top:30px;}
.H-logo{width:200px;height:70px;line-height:70px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;margin-left:4%;}
.H-action {float:right;margin-right:4%;width:130px;text-align:center;position:relative;z-index:9;display:;}
.title_color{color: #fff;font-size: 18px;line-height: 70px;}
.H-nav {float:left;margin-left:2%;}
.H-nav>li {padding:0 33px;float:left;}
.H-nav .Hnav-menu {display:block;height:80px;line-height:80px;font-size:18px;color:#7328e8;position:relative;padding-top:5px;}
.H-nav .Hnav-menu:hover {color:#ff7c24;}
.H-nav .nav-active {color:#ff7c24;}
.Hnav-menu i {display:block;width:100%;height:50px;background:url('img/under.png') no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;background-position-x:97%;}
.Hnav-menu.cur i {transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);}

#bann .H-nav .Hnav-menu{color:#ff7c24;}
#bann .H-nav .Hnav-menu:hover {color:#FFF;}
#bann .H-nav .nav-active {color:#FFF;}
#bann .H-action{display:block;}
#bann .header-container {position:absolute;top:10px;left:0px;z-index:90;}
.phonechang,.homenavhide{display:none;}

.action_lang{padding:10px;display:block;background:#7328e8;border-radius:6px;line-height:20px;margin-top:15px;font-size:14px;}
.action_lang img{width:20px;}
.action_lang a{margin-left:10px;}
.top-right-switch{position:absolute;left:0;background: #7328e8;border-radius: 6px;width:100%;overflow: hidden;display:none;top:85%;}
.top-right-switch li{font-size:14px;color:#FFF;cursor: pointer;margin: 10px 0;-webkit-transition:color 0.6s;-moz-transition:color 0.6s;-o-transition:color 0.6s;transition:color 0.6s;line-height: 20px;padding:0 22px 0 40px; text-align:left;}
.top-right-switch a:first-child li{padding-top: 22px;}
.top-right-switch a:last-child li{padding-bottom: 22px;}
.top-right-switch li:hover{color: #ff7c24;}

.home-swiper {position:absolute;top:0;left:0; width:100%; height:100%;overflow:hidden;}
.home-swiper .swiper-pagination{bottom:50px;}
.home-swiper .swiper-pagination-bullet{opacity:.7;background:#999;width:10px;height:10px;}
.home-swiper .swiper-pagination-bullet-active{background:#ff7c24;opacity:1;}

.do-banner p{font-size:36px;color:#FFF;}
.do-banner .do-row{max-width:1440px;}
.bgcolor-org{background-color:#ff7c24;}
.aboutmr{padding:50px 0;}

.products-swiper{width:100%;height:0;padding-top:41.7%;position:relative;overflow:hidden;}
.products-swiper .swiper-wrapper{position:absolute;left:0;top:0;}
.products-swiper img,.product-infobox img{width:100%;}
.products-swiper .swiper-slide,.home-swiper .swiper-slide{background-size:cover;}
.contact-box{width:25%;}
.contactformwd{width:49%;float:left;}
.contactformml{margin-left:2%;}
.form-control{padding:20px 10px;}
.btn-success{padding:10px; width:140px !important;background-color:#7328e8 !important;}
.form-control:focus{border-color:#7328e8;}

.product-list li.pdtitem{width:46%;margin:2%;float:left;padding:30px;}
.product-list li.pdtitem:hover{border:1px solid #999;}
.product-list li.pdtitem .pdimgbox{text-align:center;display:table-cell;vertical-align:middle;max-height:260px;width:100%;overflow:hidden;}
.product-list li.pdtitem img{max-height:100%;max-width:100%;}
.product-list li.pdtitem .pdtitle{font-size:26px;text-align:center;padding:10px 0;}
.product-list li.pdtitem .pdtitle span{display:block;font-size:18px;}
.product-list li.pdtitem .pdcolorbox{text-align:center;padding:10px 0;}
.product-list li.pdtitem .pdcolorbox span{display:inline-block;width:20px;height:20px;border-radius:20px;border:1px solid #999;margin:0 5px;cursor:pointer;}
.product-list li.pdtitem .pdinfocon{font-size:16px;margin-top:10px;}
.swiper-pagination-bullet-active{background:#7328e8;}

.productshow{overflow:hidden;}
.productshow .productpic{width:35%;height:0;padding-top:30%;position:relative;float:left;overflow:hidden;}
.productshow .pdtimgshow{position:absolute;top:0;left:0;width:100%;height:100%;}
.productshow .productinfo{width:62%;float:right;}
.productshow .productinfo h3{font-size:18px;font-weight:bold;}
.productshow .productinfo .productggcs,.productshow .productinfo .productcontext{margin-top:10px;}
.productshow .pdtimgshow .swiper-slide{background-size:cover;}

@media all and (min-width:980px) {.H-nav>li:hover .Hnav-sub {display:block;animation:fadeInDownV .6s ease-in-out;-webkit-animation:fadeInDownV .6s ease-in-out;}
}
.Hnav-sub {padding:15px 0;width:100%;background:rgba(255,255,255,0.6);position:absolute;top:110px;left:0px;display:none;z-index:3;}
#bann .Hnav-sub {top:100px;}
.HnavSub-list{margin-left:420px;}
.HnavSub-list dl{padding:2px 2px;width:auto;float:left;margin-left:15px;}
.HnavSub-list dl dt{padding-bottom:3px;font-weight:bold;}
.HnavSub-list dl a {display:block;height:40px;line-height:40px;color:#333;font-size:16px;position:relative;border-bottom:1px solid #666;transition:all .6s linear;}
.HnavSub-list dl a:hover {color:#ff7c24;border-bottom:1px solid #ff7c24;}
.HnavSub-list dl a i {display:inline-block;position:absolute;left:0;bottom:0;width:0%;height:1px;background-color:#666;transition:all .5s ease-in;}
.HnavSub-list dl a:hover i {width:100%;background-color:#ff7c24;}
#bann .HnavSub-list dl a:hover {color:#7328e8;border-bottom:1px solid #7328e8;}
#bann .HnavSub-list dl a:hover i {width:100%;background-color:#7328e8;}
.HnavSub-box {padding:1.2% 0 0 8%;position:relative;float:left;border-left:1px solid #e5e5e5;}
.productt .HnavSub-list{margin-left: 0;width: 100%;}
.productt .HnavSub-list li{width: 25%; text-align: center;}
.workst .HnavSub-list li{width: 25%;float: left;text-align: center;border-bottom: 0;}
.workst .HnavSub-list {margin-left: 20%;margin-right: 10%;}
.HnavSub-box-pic {width:360px;height:170px;overflow:hidden;margin:-16px 0 0 0;}
.HnavSub-box-pic img {width:100%;height:100%;object-fit:cover;transition:all .8s ease-in 0s;}
.HnavSub-box-pic img:hover {transform:scale(1.1);}
.Hmenu-btn {width:22px;height:70px;padding:34px 0 0;cursor:pointer;display:none;float:right;}
.Hmenu-btn a {display:block;width:100%;height:2px;background-color:#7328e8;position:relative;z-index:99;}
.Hmenu-btn a:before,.Hmenu-btn a:after {content:"";display:block;width:100%;height:2px;background-color:#7328e8;position:absolute;left:0px;z-index:99;}
.Hmenu-btn a:before {top:-7px;}
.Hmenu-btn a:after {bottom:-7px;}
.Hmenu-btn.cur a:before {top:-10px;}
.Hmenu-btn.cur a:after {bottom:-10px;}
.Hmenu-btn.cur a {-moz-animation:buttonAnimation 0.3s ease forwards;-webkit-animation:buttonAnimation 0.3s ease forwards;animation:buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before {-moz-animation:buttonAnimationBefore 0.3s ease forwards;-webkit-animation:buttonAnimationBefore 0.3s ease forwards;animation:buttonAnimationBefore 0.3s ease forwards;}
.Hmenu-btn.cur a:after {-moz-animation:buttonAnimationAfter 0.3s ease forwards;-webkit-animation:buttonAnimationAfter 0.3s ease forwards;animation:buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {0% {-moz-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-moz-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-moz-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {0% {-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {0% {-moz-transform:translateY(0px) rotate(0);-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0);}
    50% {-moz-transform:translateY(10px) rotate(0);-ms-transform:translateY(10px) rotate(0);-webkit-transform:translateY(10px) rotate(0);transform:translateY(10px) rotate(0);}
    100% {-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {0% {-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-moz-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-moz-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {0% {-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {0% {-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
    50% {-moz-transform:translateY(-10px) rotate(0);-ms-transform:translateY(-10px) rotate(0);-webkit-transform:translateY(-10px) rotate(0);transform:translateY(-10px) rotate(0);}
    100% {-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
@-webkit-keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
@keyframes buttonAnimation {0% {background:#aaaaaa;}
    50% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,0);}
}
.Hmenu-btn.Hmenu-web {display:none;padding:26px 0 0;height:50px;}

/*返回顶部*/
#cl .right {position:fixed;right:-50px;bottom:20px;z-index:100;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#cl .right.act {right:0;}
#cl .right .ul1 {background:#fff;width:50px;}
#cl .right .ul1 * {-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
#cl .right .ul1 li {cursor:pointer;margin-bottom:1px;position:relative;}
#cl .right .ul1 li .img {display:block;width:50px;height:50px;background:#ff7c24;position:relative;right:0;}
#cl .right .ul1 li .img img {display:block;width:100%;}
#cl .right .ul1 li .cla {position:absolute;top:0;right:-160px;width:160px;height:50px;line-height:50px;background:#f5f5f5;color:#C5A25E;font-size:20px;overflow:hidden;text-align:center;z-index:2;}
#cl .right .ul1 li.dh:hover .img {right:160px;}
#cl .right .ul1 li.dh:hover .cla {right:0;}
#cl .right .ul1 li.ly:hover .img {right:160px;}
#cl .right .ul1 li.ly:hover .cla {right:0;}

.do-element-button-content .do-btn.sm h5{color:#7328e8;font-size:16px;}
.do-element-button-content .do-btn.sm h5 i{background-color:#7328e8;color:#FFF;font-size:20px;border-radius:100%;font-style:normal;display:inline-block;width:28px;height:28px;text-align:center;line-height:26px;}
.do-element-button-content .do-btn.sm:hover h5{color:#ff7c24;}
.do-element-button-content .do-btn.sm:hover h5 i{background-color:#ff7c24;}

/*底部*/
.footer {box-shadow:0px -5px 10px 0px rgba(19,19,19,0.05);position:relative;margin-top:30px;width:100%;background:#7328e8;color:#FFF;padding:50px 0 30px;overflow:hidden;}
.footer_b,.footer-c{width:90%;max-width:1440px;margin:0 auto;}
.footer_b .footer-left{width:35%;float:left;}
.footer_b .footer-logo{width:30%;overflow:hidden;}
.footer_b .footer-logo img{width:100%;}
.footer_b h3 {font-size:14px;margin-top:20px;}
.footer_b .footer-addr,.footer-c,.footer_b .footer-right dl dd{font-size:12px;}
.footer_b .footer-addr{display:flex;}
.footer_b .footer-addr span{display:inline-block;}
.footer_b .footer-right{float:right;width:63%;}
.footer_b .footer-right dl{float:right; width:auto; margin-left:8%;}
.footer_b .footer-right dl dt{color:#ff7c24;padding-bottom:10px;}
.footer a{color:#FFF;}
.footer a:hover{color:#ff7c24;}
.footer-c{margin-top:80px;}
.footer-c div{width:50%;}
.footer-c .share-box{float:left;}
.footer-c .share-box a{display:inline-block; width:25px;margin-right:10px;}
.footer-c .share-box img{width:100%;}
.footer-c .copyright-box{float:right;text-align:right;}

/*第二导航*/

#navigation,#navigation li ul{list-style-type:none}
#navigation li{float:left;text-align:center;position:relative}
#navigation li h4,#navigation li a:link,#navigation li a:visited{display:block;height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative}
#navigation li h4.arrow::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto}
#navigation li h4.arrow{border-bottom:3px solid #0f6ab4;color:#0f6ab4;border-right:1px solid #eaebeb}
#navigation li h4.arrow::after{border-top-color:#0f6ab4}
#navigation li a.menu1{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
#navigation li a.menu2,#navigation li a.menu3{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
#navigation li a:hover{color:#fff;background:#0f6ab4}
#navigation li ul li a:hover{color:#fff;background:#0f6ab4}
#navigation li ul{display:none;position:absolute;left:0;width:120px;z-index:99;}
#navigation li ul li ul{display:none;position:absolute;top:0px;left:180px;margin-top:0;margin-left:0px;width:120px}


/*栏目Banner*/
#bann,#bann_phone{height:0;background-size:cover;background-position: center;background-repeat: no-repeat;padding-top:51%;position: relative;}
#bann_phone{padding-top:141.3%;display:none !important;margin-top:50px}


/*公司概况*/
.hw-box {padding:0 40px 30px;margin-top:20px;overflow:hidden;}
.hw-box.hw_top1{margin-top:60px}
.hw-title{font-size:40px;line-height:48px;font-weight:bold;padding:20px 0;text-align:center}
.hw-title small{font-size:26px;color:#999;display:block;font-weight:normal;text-transform:uppercase}
.hw-box .desc-box {display:flex;justify-content:space-between;margin-top:10px;}
.hw-box .desc-box .info-box{font-size:18px;line-height:38px;color:#666;}
.hw-box .desc-box .info-box dd{padding:0 4em;}

.award-set{width:100%;}
.award-set .award-hd,.award-set .award-tr{display:flex;justify-content:space-between;flex-wrap:wrap}
.award-set .award-hd{height:50px;color:#333;border:1px solid #333;background-color:#E1CFAC}
.award-set .award-tr{border:1px solid #333;border-top:0;font-size:16px}
.award-set .award-hd .award-wd2{background-color:#C5A25E}
.award-set .award-wd1{width:8%; position:relative}
.award-set .award-wd2{border-left:1px solid #333;border-right:1px solid #333;width:42%; position:relative}
.award-set .award-wd3{width:50%; position:relative}
.award-set .text-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
.award-set .award-tr .award-info{padding:0.2em 1em}
.process-box{width:70%;margin-left:auto;margin-right:auto}
.process-phone{display:none}
.process-box img{width:100%}

/*荣誉资质*/
.title_top{margin-top:50px;}
.honor-box {margin-top:40px;margin-bottom: 20px;display:flex;flex-wrap:wrap;}
.honor-box .item {width:31.9%;margin-right:2.13%;margin-bottom:2.13%;transition:all 0.6s;padding:30px 30px 20px;background-color:#fff;/*cursor:pointer;*/box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
.honor-box .item .title {font-size:20px;color:#333;}
.honor-box .item{font-size:16px;line-height:28px;color:#575757;margin-top:10px;}
.honor-box .item:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
.honor-box .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.honor-box .item:hover .info,#honor .honor-box .item:hover .title {color:#ff7c24;}
.honor-box .item:nth-of-type(3n) {margin-right:0;}
.honor-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;}
.honor-cover .pic-box {width:500px;padding:30px 40px 20px;background-color:#fff;position:absolute;top:80px;left:calc(50% - 250px);}
.honor-cover .pic-box .pic {width:100%;}
.honor-cover .pic-box .pic img {width:100%;}
.honor-cover .pic-box .title {font-size:20px;color:#333;padding-top:20px;text-align:center;}
.honor-cover .pic-box .info{font-size:16px;line-height:28px;color:#575757;margin-top:10px;}
.honor-cover .pic-box .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;}
.honor-cover .pic-box .close-box i {width:22px;height:22px;margin:auto;display:inline-block;}
.contactarea{font-size:22px;padding:5px 0;border-bottom:2px solid #7328e8;margin-top:20px;}
.mrup{margin-top:10px;}