/*===================== 重置样式 START =====================*/
@charset "utf-8";

@font-face {font-family: "en300";src: url('../font/LDI1apSCOBt_aeQQ7ftydoa8XsLL.woff2') format('woff2');font-variation-settings: normal;font-style: normal;font-display:swap;}
@font-face {font-family: "en500";src: url('../font/LDIqapSCOBt_aeQQ7ftydoa0gebelJo0.woff2') format('woff2');font-variation-settings: normal;font-style: normal;font-display:swap;}
@font-face {font-family: "en700";src: url('../font/LDIqapSCOBt_aeQQ7ftydoa05efelJo0.woff2') format('woff2');font-variation-settings: normal;font-style: normal;font-display:swap;}
@font-face {font-family: "en900";src: url('../font/LDIqapSCOBt_aeQQ7ftydoa0reHelJo0.woff2') format('woff2');font-variation-settings: normal;font-style: normal;font-display:swap;}
@font-face {font-family: "xie";src: url('../font/LDIrapSCOBt_aeQQ7ftydoa8W_LJs78.woff2') format('woff2');font-variation-settings: normal;font-style: normal;font-display:swap;}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#333;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .logo img,.hide-box:after,.article_r .a:hover span:after, .top_banner .pos a:after,.contact_one .icon:before,.article_box .page_no:after, .header.on .logo img, .t5, .header .ele:after, .header .ele p, .img_hover img, .product_box .fenlei a:after, .product_list .list .title:after, .product_list .list .title:before, .news_list .info em:after,.header ul li a:after{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.t50{position:absolute;left:0;top:50%;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.wbdq{word-break:break-all;word-wrap:break-word;text-align:justify;}
.middle_box{display: table;width:100%;height:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;}
.tac{text-align: center;font-size:0;}
.dib{display: inline-block;vertical-align:top;}
.img_hover{overflow: hidden;position:relative;}
.img_hover:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{display:block;border:0;vertical-align:top;max-width:100%;}
input,textarea{-webkit-user-modify: read-write-plaintext-only;outline-style:none;border:none;}
textarea{resize:none;overflow:auto;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #7f7f7f;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #7f7f7f;} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#7f7f7f;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#272f88;}
.clear{zoom:1;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before, .clear::after{content:"";display:table;} 
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{position: relative;font-family: "en500";font-size:16px;color:#333;overflow-x:hidden;}
.inner{position: relative;z-index:10;margin:0 auto;width:1600px;}
.oh{overflow: hidden;}
@media( min-width:1600px ){.ic_banner .swiper-slide img, .about_box_two .swiper-slide img, .case_list .list img{width:100%;}}
.index_wrap{position: relative;z-index:3;overflow: hidden;}
.wap_show{display: none;}
.wap_none{display: block;}
.fuck_you{text-align: center;color:red;font-size:30px;line-height:50px;padding-top:20%;}
.moon_page_none{color:red;text-align: center;}
/*===================== 重置样式 END =====================*/


/*===================== 公用样式 START =====================*/


.stars {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -2;}
.star {position: absolute;background-color:#272f88;border-radius: 50%;opacity: 0.6;animation: twinkle 4s infinite ease-in-out;}
@keyframes twinkle {
	0%, 100% { opacity: 0.2;}
	50% { opacity: 0.8;}
}
.cosmic-particles {position:absolute;top: 0;left:0;width: 100%;height: 100%;z-index:-1;opacity: 0.5;}
.particle {position:absolute;width:2px;height:2px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;animation: float 15s infinite linear;}
.particle.large {width: 4px;height:4px;background-color: rgba(255, 215, 0, 1);}
@keyframes float {
	0% {transform: translateY(0) translateX(0);opacity: 0;}
	10% {opacity: 1;}
	90% {opacity: 1;}
	100% {transform: translateY(-100px) translateX(50px);opacity: 0;}
}


/* 头部 */
.header{position: fixed;top:0;left:0;width:100%;height:100px;border-bottom:1px solid #0A0A0A;z-index:9999;background-color:#fff;}
.header_height{height:100px;}
.header .logo img{height:80px;margin-top:10px;}
.header .logo .l2{display: none;}
.header .ele{color:#666;display: none;position: absolute;width:175px;text-align: center;padding:16px 0;background-color: #fff;top:100px;right:0;}
.header .ele a{font-size:14px;line-height:30px;}
.header .ele a:hover, .header .ele a.active{color:#f1ab3e;font-weight:bold;}
.header .call, .header .nav_button{width:100px;height:100px;position: relative;cursor:pointer;}
.header .call:hover, .header .nav_button:hover, .nav_button.on{background-color: #f1ab3e;}
.header .call{background:url(../images/phone.png) center/50% no-repeat;}
.header .but, .header .nav_button{border-left:1px solid rgba(255,255,255,0.3);}
.nav_button .line{ width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -9px;}
.nav_button i{ position: absolute; width: 7px; height: 3px; background-color: #fff; display: block; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.nav_button .i1{left:0;top:1px;}
.nav_button .i2{right:0;top:1px;}
.nav_button .i3{left:0;top:7px;}
.nav_button .i4{right:0;top:7px;}
.nav_button .i5{left:0;top:13px;}
.nav_button .i6{right:0;top:13px;}
.nav_button i.i3,.nav_button i.i4 { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.nav_button.on .i3{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.nav_button.on .i4{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: -100%; }
.nav_button.on .i1,.nav_button.on .i6 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.nav_button.on .i2,.nav_button.on .i5 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.header ul li{float:left;}
.header ul li a{position: relative;padding:0 10px;color:#000000;height:100px;line-height:100px;font-family:"en500";}
.header ul li a:after{content:"";position: absolute;bottom:0;left:0;width:0;height:4px;}
.header ul li a:hover:after, .header ul li a.active:after{width:100%;background-color: #f1ab3e;}
.header ul li a:hover, .header ul li a.active, .header.on ul li a:hover, .header.on ul li a.active{color:#f1ab3e;}
.header.on{height:60px;background-color: #fff;border:none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.header_height.on{height:60px;}
.header.on .logo img{filter: none;height:50px;margin-top:5px;}
.header.on .call, .header.on .nav_button{width:60px;height:60px;background-color: #272f88;}
.header.on .call{background:#272f88 url(../images/phone.png) center/60% no-repeat;}
.header.on ul li a{color:#000;height:60px;line-height:60px;font-size:14px;}
.header.on .ele{top:60px;}
.header.on .but, .header.on .nav_button{border-left:none;}

/* 底部 */
.footer{color:#fff;padding:50px 0;position: relative;}
.footer .inner{position: relative;z-index:1;}
.footer_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;background:linear-gradient(135deg, #0a0d14 0%, #121a2c 100%);}
.footer .one{width:35%;}
.footer .two{width:30%;padding-left:5%;}
.footer .three{width:30%;}
.footer .one strong, .footer .two strong{position: relative;z-index:10;display: block;color:#272f88;font-family: "en900";font-weight:900;font-size:50px;margin-bottom:30px;}
.footer .one strong:after, .footer .two strong:after{content:"";position:absolute;bottom:12px;left:2px;z-index:-1;width:110px;height:10px;background-color:#f1ab3e;}
.footer .one p{line-height:32px;margin-bottom:10px;font-family:"en300";}
.footer .two a{color:#fff;font-size:18px;line-height:30px;font-family:"en300";}
.footer .two a:hover{color:#f1ab3e;}
.footer .three h6{font-size:34px;font-weight:700;font-family:"en700";line-height:1.4;}
.footer .three h6 span{color:#f1ab3e;}
.copyright{background-color:#fff;text-align:center;height:40px;line-height:40px;position: relative;z-index:8;}
.copyright a, .copyright span{display: inline-block;font-size:14px;vertical-align:top;color:#7f7f7f;margin:0 14px;}

/* 内页大图 */
.top_banner{position: relative;z-index:3;padding:100px 0;border-bottom: 1px solid #ebebeb;margin-bottom:100px;}
.top_banner h1{font-family: "en300";font-weight:300;font-size:42px;color:#000;line-height:80px;width:60%;}
.top_banner h1 span{font-family: "en900";font-weight:900;color:#f1ab3e;}
.top_banner .pos a, .top_banner .pos .line{position: relative;display: inline-block;vertical-align: middle;color:#000;font-size:16px;font-family: "en300";}
.top_banner .pos a:hover{color:#f1ab3e;}
.top_banner .pos a:after{content:"";position: absolute;left:0;bottom:0;width:0;height:3px;background-color:#f1ab3e;}
.top_banner .pos .line{margin:0 14px}
.top_banner .pos a:hover:after{width:100%;}
.top_banner h3{font-family: "en900";font-weight:900;color:#272f88;font-size:160px;width:90%;}
.top_banner h6{font-family: "en300";font-weight:300;color:#272f88;display: block;margin-top:1rem;font-size:60px;width:60%;}
.top_banner h6 span{font-family: "en900";font-weight:900;color:#f1ab3e;}
.top_banner .bian{position: absolute;right:0;top:60px;width:90px;}


/* 翻页 */
.page_box{margin:100px 0;text-align: center;font-size:0;}
.moon_page a{font-family:"xie";display: inline-block;overflow: hidden;width:65px;height:65px;line-height:65px;border-radius:50%;position: relative;z-index:10;vertical-align: top;font-size:14px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);margin:0 5px;color:#fff;background:rgba(39, 47, 146, 0.9);}
.moon_page a span{display: inline-block;width:65px;height:65px;}
.moon_page a.page-num-current{background-color: #f1ab3e;color:#fff;border-color:#f1ab3e;}
.moon_page a:before {content: "";width: 100%;height:100%;background: #f1ab3e;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.moon_page a:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.moon_page a:hover{color:#fff;}


/* 详情页 */
.article_box .inner{padding:70px 0;}
.article_l{width:1152px;color:#000;}
.article_l img{margin:0 auto 14px;}
.article_l p{margin-bottom:14px;line-height:30px;color:#000;}
.article_r{width:344px;border-top:2px solid #272f88;padding:40px 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, .11);}
.article_r .xgtj strong{position: relative;font-size:40px;text-transform:uppercase;color:#000;font-family:"en900";font-weight:900;}
.article_r .xgtj strong:after{content:"";position: absolute;bottom:5px;right:0;z-index:-1;width:100%;height:40px;background-color:#f1ab3e;}
.article_r .list{margin:40px 0;}
.article_r .a{margin-bottom:12px;}
.article_r .a span{position: relative;display: block;text-align: center;line-height:60px;height:60px;color:#000;}
.article_r .a span:after{content:"";position: absolute;bottom:0;left:0;z-index:-1;width:100%;height:1px;background-color:#f1ab3e;}
.article_r .a:hover span:after{height:100%;}
.article_r .a:hover span{color:#fff;}
.article_box .page .fl, .article_box .page .fr{width:50%;position: relative;}
.article_box .page a{padding:30px;position: relative;z-index:1;color:#000;}
.article_box .page span{display: block;font-size:16px;font-family:"en300";}
.article_box .page strong{display: block;font-size:18px;margin:10px 0;line-height:24px;font-family:"en500";}
.article_box .page img{height:60px;}
.article_box .page_no:after{content:"";position: absolute;left:0;bottom:0;width:0;height:10px;background-color:#f1ab3e;}
.article_box .page_no.pre:after{right:0;left:auto;}
.article_box .page_no:hover:after{width:100%;}

.whatsapp-fixed-box {position: fixed;right:2%;top: 50%;transform: translateY(-50%);z-index: 99999;display:flex;align-items:center;gap: 10px;}
.whatsapp-text {background:#ffffff;padding: 8px 14px;border-radius: 20px;font-size: 12px;font-weight: 600;color: #111;white-space: nowrap;box-shadow: 0 12px 22px rgba(0,0,0,0.1);}
.whatsapp-btn {width: 56px;height: 56px;background: #25D366;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);transition: all 0.3s ease;animation: breathe 2s infinite ease-in-out;}
.whatsapp-btn:hover {transform: scale(1.1);box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);}
.whatsapp-btn svg {width: 28px;height: 28px;fill: #fff;}
@keyframes breathe {0%{transform: scale(1); }50%{transform: scale(1.08);}100%{transform: scale(1);}}


/*  回到顶部  */
.fixed-right{position: fixed;right:2%;bottom:20%;z-index:999;transform-origin: center center;transform:translateX(120px) rotate(360deg);transition: all 0.9s cubic-bezier(0.25, 0.1, 0.2, 1);}
.fixed-right .wa{width:60px;height:60px;}
.fixed-right .scroll-top{width:50px;height:50px;margin:20px auto 0;}
.fixed-right .scroll-top{cursor:pointer;}
.scroll-top {border-radius: 50%;color: #000000;cursor: pointer;;position: relative}
.scroll-top::before,.scroll-top::after {content: '';width: 100%;height: 100%;display: block;position: absolute;z-index:-1;left: 0;top: 0;border-radius: 50%;background-color: rgba(241,171,62,0.5);animation: bounce1 1.5s infinite}
.scroll-top::after{animation: bounce1 1.5s -0.4s infinite}
.scroll-top .ico{position: relative;width: 100%;height: 100%;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;display: -moz-flex;align-items: center;justify-content: center;overflow: hidden;font-weight: bold;background:rgba(39,47,136,0.75) url(../images/top.png) center/50% no-repeat;z-index: 1;transition: .3s;-webkit-transition: .3s}
@keyframes bounce1 {
    0% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: 1
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0
    }
}
.fixed-right.in{transform:translateX(0px) rotate(0deg);}




/*===================== 公用样式 END =====================*/


/*===================== 首页 START =====================*/


.banner_box{position: relative;overflow: hidden;z-index:1;}
.banner_box .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));pointer-events: none;}
.banner_box img{width:100%;}
.banner_text{position: absolute;left:5%;top:50%;z-index:2;transform:translateY(-50%);}
.banner_text h3{font-family:"en900";font-weight:900;color:#fff;font-size:60px;}
.banner_text span{color:#f1ab3e;}
.banner_text .tit{position: relative;font-size:38px;font-family:"en700";font-weight:700;color:#fff;margin:30px 0;}
.banner_text .tit:after{content:"";position: absolute;bottom:5px;left:0;width:50%;height:6px;background-color:#f1ab3e;z-index:-1;}
.banner_text .p{color:#fff;font-size:20px;line-height:40px;}


.index_hengfu{position: relative;background-color:#272f88;padding:40px 0;}
.index_hengfu .word_wrap{position: relative;width:100%;overflow: hidden;white-space:nowrap;display:flex;line-height:1.4;}
.index_hengfu .word_wrap .item {font-family: 'en900';font-weight:900;color:#fff;font-size:200px;margin-right: 1rem;animation: txt-left 50s linear infinite}
@keyframes txt-left {from{transform: translateX(0)}to{transform: translateX(-100%)}}
.index_prolist{position: relative;z-index:1;padding:60px 0;}
.index_prolist .bg{height:900px;position: absolute;left:0;top:0;width:100%;z-index:-5;}
.index_prolist .tit, .wcu_box .tit{text-align: center;}
.index_prolist .tit h3, .wcu_box .tit h3{font-size:90px;font-family:"en900";color:#272f88;}
.index_prolist .line, .wcu_box .line{width:80px;height:4px;background-color:#f1ab3e;margin:40px auto 50px;}
.index_prolist .tit p, .wcu_box .tit p{font-size:20px;color:#333;text-transform:uppercase;}
.index_prolist .tit .xian, .wcu_box .tit .xian{display: inline-block;vertical-align: middle;margin:0 40px;width:10px;height:2px;background-color:#f1ab3e;}
.index_prolist .pro{margin-top:60px}
.index_prolist .pro li {background-color:rgba(39, 47, 136, 0.75);border-radius: 16px;padding:30px 30px 14px;transition: all 0.3s ease;position: relative;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.05);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);width:32.33%;margin:0 0.5% 20px;box-sizing:border-box;}
.index_prolist .pro li img{border-radius: 16px;}
.index_prolist li .name{color:#fff;font-size:18px;text-align:center;line-height:40px;margin-top:10px;}


.about_index{position: relative;overflow: hidden;padding:80px 0;height:600px;background-color:#0a0d14;}
.ball_box{position: absolute;left:5%;top:80px;z-index:99;}
.about_index .info{width:60%;padding-top:2rem;}
.about_index .info h3{font-size:60px;font-family:"en500";font-weight:500;color:#fff;text-transform:uppercase;}
.about_index .info br{display: block;}
.about_index .info p{color:#fff;font-size:20px;margin-top:100px;}
.about_index .info span{color:#f1ab3e;font-family:"en900";font-weight:900;}
.about_index .num{width:30%;}
.about_index .num_roll .item{height:149px;text-align:right;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.05);}
.about_index .num_roll .item strong{display: inline-block;font-size:60px;line-height:100px;color: #272f88;font-family:"xie";font-weight:900;}
.about_index .num_roll .item em{font-size:16px;color: #272f88;}
.about_index .num_roll .item p{font-size:16px;line-height:50px;text-transform:uppercase;color:#f1ab3e;opacity:0.4;font-family:"xie";}


.wcu_box{background:url(../images/pexels-pixabay-209154.jpg) center top no-repeat;background-attachment: fixed;background-size: cover;padding:60px 0 90px;position: relative;z-index:2;}
.so-repeatbg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index:-1;}
.wcu_box .tit h3{color:#f1ab3e;}
.wcu_box .tit .line, .wcu_box .tit .xian{background-color:#272f88;}
.wcu_box .tit p{color:#fff;}
.wcu_item{position: relative;z-index:3;margin-top:60px}
.wcu_item .div{float:left;width:20%;color:#fff;text-align: center;padding:60px 0;}
.wcu_item .pad{padding:0 30px;}
.wcu_item .div .img{height:100px;margin:0 auto;}
.wcu_item .div .img-one{width:95px;}
.wcu_item .div .img-two{width:85px;}
.wcu_item .div .img-three{width:86px;}
.wcu_item .div .img-four{width:79px;}
.wcu_item .div .img-five{width:80px;}


.wcu_item .div strong{display: block;font-size:22px;margin:24px 0;font-family: 'en700';font-weight:700;}
.wcu_item .div p{font-size:16px;line-height:26px;height:78px;overflow: hidden;}
.wcu_item .div:hover .img{background-position-y:-100px !important;}
.wcu_item .div:hover{background-color: #272f88;border-radius:8px;}


/*===================== 首页 END =====================*/


/*===================== 关于我们 START =====================*/


.about_top{padding:100px 0;}
.about_top .info{width:70%;}
.about_top h3{color:#272f88;font-family: 'en300';font-weight:300;font-size:80px;}
.about_top h3 span{color:#f1ab3e;font-family: 'en900';font-weight:900;}
.about_top p{color:#000;line-height:28px;font-size:18px;margin-top:2rem;}
.about_top .bian{position: absolute;top:40px;right:0;width:90px;}
.about_box_one .fac_box{position: relative;z-index:10;padding-top:80px;}
.about_box_one .item{float: left;width:25%;}
.about_glory{padding:80px 0;}
.about_glory .div{position: relative;z-index:10;}
.about_glory .div img{width:100%;}
.about_top .hide-box-img{position: absolute;right:0;bottom:10px;width:90px;overflow: hidden;}
.about_top .hide-box-img img{-webkit-transition: all 0.25s 0.5s ease;transition: all 0.25s 0.5s ease;visibility:hidden;}

/*===================== 关于我们 END =====================*/

/*===================== 产品中心 START =====================*/

/* 产品分类*/
.product_box .fenlei{text-align:left;font-size:0;padding-bottom:30px;margin-bottom:30px;}
.product_box .fenlei a{color:#000;display: inline-block;vertical-align: middle;font-size:20px;margin-right:30px;position: relative;font-family:"en300";font-weight:300;}
.product_box .fenlei a:after{content:"";position: absolute;bottom:-31px;left:0;width:0;height:2px;background-color: #272f88;}
.product_box .fenlei a:hover, .product_box .fenlei a.active{color:#272f88;}
.product_box .fenlei a:hover:after, .product_box .fenlei a.active:after{width:100%;}
.product_box .fenlei a.active{font-family:"en900";font-weight:900;}


.product_list .list{float: left;width:32.33%;margin:0 0.5% 30px;position: relative;}
.product_list .list img{margin:0 auto;}
.product_list .list .title{height:30px;line-height:30px;padding:10px;background-color: #fff;position: relative;z-index:10;color:#666;}
.product_list .list .title:after, .product_list .list .title:before{content:"";position: absolute;background-color: #272f88;z-index:10;}
.product_list .list .title:after{right:10px;top:24px;width:0;height:1px;}
.product_list .list .title:before{right:17px;top:17px;width:1px;height:0;}
.product_list .list:hover .title:after{width:16px;background-color: #fff;}
.product_list .list:hover .title:before{height:16px;background-color: #fff;}
.product_list .list .bg{position: absolute;left:0;top:0;width:0;height:100%;background-color: #272f88;z-index:-1;}
.product_list .list:hover .bg{width:100%;}
.product_list .list:hover .title{color:#fff;}


/* 产品列表 - 详情页 */
.pinfo .tit{position: relative;font-size:60px;font-family:"en900";font-weight:900;color:#272f88;margin:100px 0 20px;}
.pinfo .tit:after{content:"";position: absolute;bottom:15px;right:0;z-index:-1;width:100%;height:10px;background-color:#f1ab3e;}
.pinfo .guige{text-align:left;border:1px solid #ccc;}
.pinfo .guige .l{float: left;padding:0 1%;width:18%;border-right:1px solid #ccc;}
.pinfo .guige .r{float: right;width:78%;}
.pinfo .table{height:60px;line-height:60px;border-bottom:1px solid #ccc;}
.pinfo .p{padding:0 20px;color:#000;}
.pinfo .qa strong{color:#000;font-size:20px;margin:35px 0 15px;display: block;font-family:"en700";}
.pinfo .qa p{color:#000;padding-left:20px;margin-bottom:0;font-family:"en300";}


/*===================== 产品中心 END =====================*/

/*===================== 新闻中心 START =====================*/

.news_list .list{position: relative;}
.news_list .list a{padding:50px 0;}
.news_list .list .info{width:60%;margin-top:3%;}
.news_list .list .bg{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-color:rgba(39,47,136,0.5);visibility: hidden;-webkit-transform: scale(1,0)-ms-transform: scale(1,0);transform: scale(1,0);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.news_list .list:hover .bg{visibility: visible;-webkit-transform: none;-ms-transform: none;transform: none;}
.news_list .info h3{font-size:24px;color:#000;font-family:"en900";font-weight:900;}
.news_list .info p{color:#000;font-size:16px;line-height:26px;font-family:"en700";margin:30px 0;}
.news_list .info .time{display: block;margin:20px 0;color:#000;font-size:14px;font-family:"en500";font-weight:500;}
.news_list .info em{font-style:normal;font-size:14px;color:#000;position: relative;padding-bottom:6px;font-family:"en300";}
.news_list .info em:after{content:"";position: absolute;left:0;bottom:0;width:0;height:2px;background-color: #fff;}
.news_list .list:hover h3, .news_list .list:hover .time, .news_list .list:hover em, .news_list .list:hover p{color:#fff;}
.news_list .list:hover em:after{width:100%;}

/*===================== 新闻中心 END =====================*/

/*===================== 工程案例 START =====================*/


.case_list .list{float:left;width:32.33%;margin:0 0.5% 60px;position: relative;}
.case_list .ele a{padding:0 4px;}
.case_list .list h3{font-size:18px;color:#000;margin:20px 0;}
.case_list .list .line{width:30px;height:1px;background-color: #000;}
.case_list .list:hover .line{width:100%;background-color: #272f88;}
.case_list .list:hover h3{color:#272f88;font-weight:bold;}
.case_list .list:hover{transform:translateY(-10px);}
.case_list .list:hover .time{color:#272f88;}

/*===================== 工程案例 END =====================*/

/*===================== 联系我们 START =====================*/

.contact_one .tac{padding:120px 0 220px;}
.contact_one .dib{width:25%;vertical-align: top;}
.contact_one .icon{position: relative;text-align: center;width:120px;height:120px;margin:0 auto;border-radius:50%;background-color:#272f88;}
.contact_one .icon img{height:60px;margin-top:30px;display: inline-block;}
.contact_one .icon:before{position: absolute;content:"";width:100%;height:100%;border-radius:50%;border:1px solid #f1ab3e;box-sizing:border-box;left:0;top:0;transform: scale(0.6);-webkit-transform: scale(0.6);opacity:0;visibility:hidden;}
.contact_one .dib:hover .icon:before{transform: scale(1.3);-webkit-transform: scale(1.3);opacity:1;visibility:visible;}
.contact_one h6{color:#f1ab3e;display: block;text-align: center;font-size:26px;margin:50px 0 30px;font-family:"en700";font-weight:700;}
.contact_one p{font-size:22px;color:#000000;line-height:30px;font-family:"xie";}
.contact_one .dib:hover img{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
}
@-webkit-keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
}

/*===================== 联系我们 END =====================*/


/*===================== 响应式代码 START =====================*/

@media( max-width:1700px ){
	.inner{width:1400px;}
	.article_r{width:320px;}
	.article_l{width:1010px;}
	.banner_text h3{font-size:44px;}
	.banner_text .tit{font-size:30px;}
	.banner_text .p{font-size:18px;}
	.index_prolist .tit h3, .wcu_box .tit h3{font-size:70px;}
	.wcu_item .div p{line-height:24px;height:96px;}
	.product_list .list{width:32%;}
}
@media( max-width:1500px ){
	.inner{width:1200px;}
	.news_list .list .img_hover{width:35%;}
	.news_list .list .info{width:60%;}
	.article_r{width:270px;}
	.article_l{width:830px;}
	.case_list .list{width:49%;}
	.case_list .time{width:15%;}
	.case_list .info{width:84.5%;}
	.top_banner h3{font-size:120px;}
	.top_banner h6, .about_top h3{font-size:50px;}
	.top_banner h1{font-size:30px;width:70%;}
	.index_prolist .tit h3, .wcu_box .tit h3{font-size:40px;}
	.index_prolist .tit p, .wcu_box .tit p{font-size:16px;}
}
@media( max-width:1300px ){
	.inner{width:1000px;}
	.article_r{display: none;}
	.article_l{width:100%;float:none;}
	.product_box .fenlei a{margin-bottom:20px;}
	.product_box .fenlei a:after{bottom:-4px;height:3px;}
	.product_list .list{width:49%;}
	.case_list .list{margin:0 0.5% 30px;}
	.contact_one .dib{width:50%;margin-bottom:50px;}
	.contact_box{padding-bottom:0;}
	.index_prolist li .name{line-height:30px;height:60px;font-size:16px;}
	.about_index .info h3{font-size:44px;}
	.about_index .num_roll .item p{font-size:12px;}
	.about_index .num_roll .item strong{font-size:46px;}
	.index_hengfu .word_wrap .item{font-size:140px;}
	.wcu_item .pad{padding:0 10px;}
	.wcu_item .div strong{font-size:16px;}
	.wcu_item .div p{font-size:14px;}
	.footer .two, .about_top .bian, .top_banner .pos, .top_banner .bian, .news_list .info .time, .news_list .info em{display: none;}
	.footer .one{width:50%;}
	.footer .three{width:45%;}
	.about_top .info, .top_banner h6{width:100%;}
	.top_banner{margin-bottom:0;}
	.product_box{margin-top:40px;}
}
@media( max-width:1050px ){
	.article_l, .inner, .article_inner{width:auto;padding:0 10px;}
	.wap_show{display: block !important;}
	.wap_none{display: none !important;}
	#fixed-right,.banner_text h3, .banner_text .tit, .video_box .conten, .product_list .list .title:after, .product_list .list .title:before, .case_list .title p, .news_list .info .time, .news_list .info p, .product_box .fenlei a:after, .top_banner .pos, .footer .two, .mnfdc_banner .swiper-pagination, .header ul{display: none;}
	.wcu_box{padding:1rem 0;}
	.wcu_item{margin-top:1rem;}
	.wcu_item .div{padding:1rem 0;width:50%;}
	.wcu_item .div strong{font-size:18px;margin:10px 0;line-height:20px;height:40px;}
	.wcu_item .pad{padding:0 10px;}
	.wcu_item .div p{line-height:22px;height:110px;}
	.footer{padding:1rem 0;}
	.footer .one .text p{line-height:24px;}
	.footer .three input.yzm{width:50%;}
	.footer .one, .footer .three{width:100%;float:none;}
	.footer .one .text .fl, .footer .one .text .fr{float:none;}
	.footer .three{margin-top:1rem;}
	.copyright a, .copyright span{font-size:12px;}
	.product_box, .news_box, .case_box, .contact_box{padding:1rem 0;}
	.product_box .fenlei{padding-bottom:10px;margin-bottom:10px;}
	.product_box .fenlei a{display: block;float: left;width:50%;margin:0;line-height:34px;font-size:14px;}
	.product_list .list{width:49%;}
	.product_list .list .title{padding:5px;height:30px;line-height:30px;font-size:14px;}
	.article_r .page_no{width:36px;height:36px;}
	.article_l{margin-top:0;}
	.article_box .page .fl, .article_box .page .fr{width:100%;float:none;}
	.article_box .inner{padding:1rem 0;}
	.pinfo .tit{font-size:1.5rem;margin:30px 0 10px;}
	.article_l p{font-size:14px;line-height:22px;}
	.news_list .list .img_hover{width:100%;float:none;}
	.news_list .list .info{width:100%;float:none;margin-top:10px;}
	.news_list .info h3{font-size:16px;margin:0 0 14px 0;}
	.news_list .list a{padding:1rem 0;}
	.case_list .list{width:100%;float:none;margin:0 0 0.6rem 0;}
	.case_list .title, .case_list .title h3{height:40px;line-height:40px;}
	.case_list .time{display: none;}
	.case_list .info{width:100%;float:none;}
	.case_list .img_hover{margin-bottom:1rem;}
	.header_height{height:54px;}
	.header, .header.on{height:54px;background-color:#272f88;}
	.header .logo img, .header.on .logo img{height:44px;margin-top:5px;margin-left:10px;filter: brightness(0) invert(1);}
	.header .nav_button, .header.on .nav_button, .header .call, .header.on .call{width:54px;height:54px;}
	.header .ele, .header.on .ele{top:54px;}
	.header .inner{padding:0;}
	.header ul{position: absolute;top:54px;left:0;z-index:999;width:100%;background-color: #fff;}
	.header ul li{float:none;width:100%;}
	.header ul li a, .header.on ul li a{height:42px;line-height:42px;color:#333;text-align: center;font-size:14px;}
	.header .call {background: url(../images/phone.png) center/46% no-repeat;}
	.header.on .call {background: url(../images/phone.png) center/56% no-repeat;}
	.header.on .but, .header.on .nav_button{border-left:1px solid rgba(255,255,255,0.3);}
	.fixed-right .back_top{width:38px;height:38px;}
	.about_box_one .fac_box{padding-top:1rem;}
	.article_box .page a{padding:12px 20px;}
	.article_box .page strong{font-size:14px;}
	.banner_text h3{font-size:1rem;margin-bottom:0.5rem;}
	.banner_text .p{font-size:14px;}
	.index_prolist .line, .wcu_box .line{margin:20px auto 30px;}
	.about_index .num, .about_index .info{float:none;width:100%;padding-top:0;}
	.about_index .num_roll, .about_index .info p, .about_top p{margin-top:1rem;}
	.about_index .num_roll .item{float: left;width:25%;text-align: center;border:none;}
	.about_index .num_roll .item strong{line-height:60px;}
	.about_box_one .item{width:50%;}
	.about_top{padding:2rem 0 1rem;}
	.top_banner h6{font-size:0.7rem;}
	.about_top h3{font-size:1rem;}
	.top_banner{padding:1.5rem 0;}
	.top_banner h3{font-size:1.5rem;width:100%;}
	.top_banner h1{width:100%;line-height:50px;}
	.index_prolist .pro li{width:49%;}
	.about_index .info h3, .index_prolist .tit h3, .wcu_box .tit h3{font-size:1rem;}
	.about_index .info p{font-size:14px;}
	.index_hengfu .word_wrap .item{font-size:60px}
	.banner_text .p{font-size:12px;line-height:18px;}
	.index_prolist .tit .xian, .wcu_box .tit .xian{margin:0 6px;}
	.index_prolist .tit p, .wcu_box .tit p{font-size:12px;}
	.index_prolist .line, .wcu_box .line{margin:10px auto 18px;}
	.index_prolist .pro{margin-top:1rem;}
	.index_prolist .pro li{padding:10px;}
	.index_prolist li .name{font-size:12px;line-height:20px;height:40px;}
	.about_index .num_roll .item{width:50%;}
	.about_index .num_roll .item strong{line-height:40px;}
	.about_index .num_roll .item p{height:60px;line-height:20px;opacity:1;}
	.about_index .num_roll .item{height:auto;}
	.about_index .num_roll .item strong{font-size:1.1rem;color:#fff;}
	.about_index{height:auto;padding:1rem 0;}
	.about_top p{font-size:14px;line-height:22px;}
	.page_box{margin:1.5rem 0;}
	.moon_page a,.moon_page a span{width:40px;height:40px;line-height:40px;}
	.top_banner h1{font-size:0.8rem;line-height:1rem;}
	.contact_one .tac{padding:1.5rem 0;}
	.contact_one h6{font-size:16px;}
	.contact_one p{font-size:14px;line-height:22px;}
	.index_prolist{padding:1rem 0;}
	.about_index .num_roll .item em{color:#fff;}
	.ball_box{left:-25%;top:0;}
	.footer .three h6{font-size:20px;}
	.footer .one strong{font-size:34px;}
	.footer .one strong:after{bottom:8px;}
	.ball_box{display: none;}
}
	

/*===================== 响应式代码 END =====================*/