/*bodystart*/
html, body { position: relative; height: 100%; }
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #666;}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */justify-content: center; align-items: center; }
.swiper-slide img { width: 100%; }
/*font color*/
.zi-qianhui { color: #999999; }
.zi-danhui { color: #d8d8d8; }
.zi-hui { color: #666666 }
.zi-bai { color: #fff; }
.zi-lan { color: #0f61cd; }
.zi-qianlan { color: rgba(4,61,186,.3); }
.zi-hong { color: #de2938; }
.module-container { padding-top: 20px; padding-bottom: 20px; }
.module-container-default {}
.module-title-container {padding-top: 80px; padding-bottom: 40px; }
.module-cont-container {padding-top: 0;padding-bottom: 80px; }
.module-cont-padding-container {padding-top: 80px;padding-bottom: 80px; }
.module-cont-padding-top-container {padding-top: 80px; }
.clearfix::after ,.clearfix::before { content: ""; display: table;}
.clearfix::after { clear: both;}
.clearfix { *zoom: 1;}
.companywab{background: url(../images/ba.png) no-repeat left;}
.companywab a{padding-left: 26px;}
/* .wrap{max-width: 1200px;margin: 0 auto;} */
/*fix-right-v2start*/
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background:#aa0505; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #aa0505; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/*fix-right-v2end*/
/*wrapstart*/
.wrap-module1{background: url(../images/mb/wrap/wrap1.jpg) center no-repeat;}
.wrap-module2{background: url(../images/mb/wrap/wrap2.jpg) center no-repeat;}
.wrap-module3{background: url(../images/mb/wrap/wrap3.jpg) center no-repeat;}
.wrap-module4{background: url(../images/mb/wrap/wrap4.jpg) center repeat-y fixed;}
.wrap-module5{background: url(../images/mb/wrap/wrap5.jpg) center repeat-y fixed;}
.wrap-module6{background: url(../images/mb/wrap/wrap6.jpg) center no-repeat;}
.wrap-module7{background: url(../images/mb/wrap/wrap7.jpg) center repeat-y fixed;}
.wrap-module8{background: url(../images/mb/wrap/wrap8.jpg) center repeat-y fixed;}
.wrap-module9{background: url(../images/mb/wrap/wrap9.jpg) center no-repeat;}
.wrap-module10{background: url(../images/mb/wrap/wrap10.jpg) center repeat-y fixed;}
.wrap-module11{background: url(../images/mb/wrap/wrap11.jpg) center no-repeat;}
.wrap-module12{background: url(../images/mb/wrap/wrap12.jpg) center no-repeat;}
.wrap-module13{background: url(../images/mb/wrap/wrap13.jpg) center no-repeat;}
.wrap-module14{background: url(../images/mb/wrap/wrap14.jpg) center no-repeat;}
.wrap-module15{background: url(../images/mb/wrap/wrap15.jpg) center no-repeat;}
.wrap-module16{background: url(../images/mb/wrap/wrap16.jpg) center repeat-y fixed;}
.wrap-module17{background: url(../images/mb/wrap/wrap17.jpg) center no-repeat;}
.wrap-module18{background: url(../images/mb/wrap/wrap18.jpg) center no-repeat;}
.wrap-module19{background: url(../images/mb/wrap/wrap19.jpg) center no-repeat;}
.wrap-module20{background: url(../images/mb/wrap/wrap20.jpg) center no-repeat;}
/*wrapend*/
/*bodyend*//*top02start*/
.headtop2 { width: 100%; height: 35px; line-height: 35px; background-color: #f2f2f2; font-size: 14px; }
.headtop2 .fl { color: #797979; }
.headtop2 .fr { color: #797979; padding: 0px 15px; font-size: 14px; text-align: center; border-left: 1px solid #e0e0e0; transition: all .2s linear 0s; }
.headtop2 .fr div { display: inline-block; position: relative; top: 2px; margin-right: 5px; width: 16px; height: 16px; }
.headtop2 .frl { background: url(../images/city.png) center/16px 16px no-repeat; }
.headtop2 .fr2 { background: url(../images/qyfz.png) center/16px 16px no-repeat; }
.headtop2 .fr3 { background: url(../images/xml.png) center/16px 16px no-repeat; }
.headtop2 .fr4 { background: url(../images/rtxx.png) center/16px 16px no-repeat; }
.headtop2 .fr a { color: #797979; }
.headtop2 .fr:hover { background-color: #aa0505; }
.headtop2 .fr:hover a { color: #fff; }
.headtop2 .fr:hover .frl { background-image: url(../images/city1.png); }
.headtop2 .fr:hover .fr2 { background-image: url(../images/qyfz1.png); }
.headtop2 .fr:hover .fr3 { background-image: url(../images/xml1.png); }
.headtop2 .fr:hover .fr4 { background-image: url(../images/rtxx1.png); }
/*header*/
.header2 { width: 100%; }
.header2 .wrap { position: relative; display: flex; padding:34px 0px; }
.header2 .wrap div { display: inline-block; }
.header2 .wrap .phone { display: flex; padding-top: 5px; }
.header2 .wrap .phone .ph1 { font-size: 14px; color: #666666; line-height: 18px; margin-left: 10px; }
.header2 .phone .ph1 span { font-size: 24px; line-height: 24px; display: block; font-weight: bold; color:#aa0505;margin-top: 20px;}
.header2 .phone img { height:40px }
.header2 .logo { flex: 1; float: none; display: flex !important; }
.header2 .logo div { display: block; }
.header2 .logo img { height: 55px; margin-top: 0; }
.header2 .logo .logo-des { padding-left: 10px; padding-top: 5px; }
.header2 .logo .logo-des .logo-des-tit { font-size: 20px; line-height: 20px; font-weight: bold; color: #aa0505; }
.header2 .logo .logo-des .logo-des-cont { color: #666666; font-size: 14px; }
.nav2 { width: 100%; height: 50px; background: #333; }
.nav2 ul { text-transform: uppercase; font-size: 0; display: flex; }
.nav2 ul li { display: inline-block; position: relative; font-size: 14px; text-align: center; transition: background-color .2s linear 0s;width: 17%;}
.nav2 ul li a { display: block; color: #ffffff; line-height: 50px; }
.nav2 ul li.active, .nav2 ul li:hover { background: #aa0505; }
.nav2 ul li.gbksub { cursor: pointer; margin-right: 0; }
.sub-menu { position: absolute; top:75px; width: 100%; visibility: hidden; opacity: 0; z-index: -1; display: flex; flex-direction: column; }
.nav2 ul li:hover .sub-menu { top:49px; visibility: visible; opacity: 1; z-index: 999; }
.sub-menu > li > a { background: #333; border-top: 1px solid #CCC;height:40px; font-size:12px; line-height:40px;border-color: rgba(255, 255, 255, 0.2);}
.sub-menu li:hover a,.sub-menu li.on a { background: #aa0505; }
.transition {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
/* 自适应 */
/*大于1200px*/
@media screen and (min-device-width: 1200px) {
.headweb{display: none;}
.footweb{display: none;}
}
/*1200px到750px之间*/
@media screen and (min-width: 750px) and (max-width:1200px) {
.wrap { width: 96%; margin: auto; }
.footweb{display: none;}
.citys{display: none;}
/*banner*/
.swiper-container { width: 100%;height: 100%;}
/*内页*/
.c_wrap_l{display: none;}
.c_wrap_r{width: 100%;float: none;padding: 20px 0;}
.c_wrap_r .about{width: 100%;}
.c_wrap_r .prolist{width: 46%;margin: 0 1%;margin-bottom: 20px;float: left;}
.c_wrap_r .prolist img{width: 100%;}
.pro_c{margin-bottom: 40px;padding: 0 6%;}
.pro_c .text{margin-bottom: 20px;}
.pro_c .img img{width: 100%;}
.pagenav{margin-top: 30px;margin-bottom: 40px;}
.pagenav p{font-size: 14px;}
.interested{padding-bottom: 20px;}
.content img{width: 100%;}
.tag{margin-top: 30px;margin-bottom: 30px;}
.newslist{display: none;}
.newswep{display: block;}
.newswep .newli{border-bottom: 1px solid #ccc;padding: 8px 0px;margin-bottom: 20px;}
.newswep .newli .newlitit{display: block;font-size: 18px;color: #000;line-height: 18px;}
.newswep .newli .newlidate{font-size: 14px;color: #969696;margin: 5px 0px;}
.newswep .newli .newlicon{font-size: 14px;color: #969696;margin-bottom: 5px;}
.newswep .newli .newlia{color: #5f5f5f;font-size: 16px;text-align: right;}
.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
.ny_lxwm li{float:left; width:-webkit-fill-available; background:url(../images/lx_ico.png) left 18px no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:60px;}
.ny_lxwm li.li1{ background-position:0px 20px;}
.ny_lxwm li.li2{ background-position:00px -50px;}
.ny_lxwm li.li3{ background-position:0px -120px;}
.ny_lxwm li.li4{ background-position:0px -190px;}
.ny_lxwm li.li5{ background-position:0px -260px;}
.ny_lxwm li.li6{ background-position:0px -330px;}
.lxtjyc{ display:none;}
/*头部*/
.header .wrap {}
.header .wrap .phone {display: none;}
.nav{width: 100%;}
.nav ul{width: 100%;display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;float: none;}
.nav ul li{width: inherit; margin-right: 0;}
.nav ul li.active > a {color: #fff; }
.nava:hover {color: #fff; border-bottom: 1px solid #aa0505; !important; background: #aa0505;; display:block;}
.sub-menu {display: none !important;}
.sub-menu li:hover a, .sub-menu li.on a{color: #aa0505;;}
.iabout .iabout_l .tit2 {font-size: 22px;}
}
/*小于820px 大于660px*/
@media screen and (min-width: 660px) and (max-width:820px) {
.headtop .fr{padding-left: 10px;}
}
@media screen and (max-width: 600px){
.partner ul li {width: 49%;}
.partner .row>* {padding-right: 0 !important;}
}
/*小于750px*/
@media screen and (max-width: 750px) {
.headtop2{display: none;}
.header2 {display: none !important;}
.iabout .iabout_l {width: 100%;}
.iabout ul {width: 100%; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify;}
.iabout ul li {width: 49%; margin-bottom: 30px;}
#top .tit {font-size: 50px; color: #fcfbfb;}
.c_tit {display: block; padding: 10px;border-bottom: 1px solid #e4e4e4;}
.submenu { padding: 0 5px; cursor: pointer; display: block;}
.submenu_box { display: none; }
.submenu_box a { color: #666; display: block; }
.submenu_box a .fa { margin-right: 5px; }
.submenu_box dt { border-bottom: 1px solid #e0e0e0; line-height: 36px; padding: 0 4%; }
.submenu_box dd { border-bottom: 1px solid #e0e0e0; line-height: 36px; padding: 0 8%; }
.contacts_cont {display: block !important; margin-top: 30px !important;}
.contacts_top {padding-top: 30px !important;}
.contacts_l {padding-top: 30px !important;}
.pro_title {margin-top: 20px;}
.product {padding-top: 50px;}
.product ul li {width: 49%;}
.product .row>* {padding-right: 0 !important;}
.service-side-container {display: none;}
.service-dialog {display: none;}
.wrap { width: 96%; margin: auto; }
.headtop{display: none;}
.header{display: none;}
.nav{display: none;}
.headweb{display: block;}
.link{display: none;}
.footer{display: none;}
.footweb{display: block;}
.citys{display: none;}
/*banner*/
.swiper-container { width: 100%;height: 100%;}
.swiper-button-next-banner:after,.swiper-button-prev-banner:after{font-size:5vw;}
/*headtop*/
.headtop{display: none;}
.header {display: none;}
.headweb{display: block;}
.link{display: none;}
.footer{display: none;}
.footlogo{display: none;}
.fixnav {}
/*nav*/
#openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px; padding: 5px 0; }
.lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; }
.lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; }
.lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
.lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
#leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #f3f3f3; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; }
#leftcontrol ul#nav { padding-top: 13px; }
#leftcontrol ul li { display: block; min-height: 44px; border-top: 1px solid #dcdcdc; font-size: 10px; width: 100%; }
#leftcontrol ul li a { display: block; color: #777777; padding: 0 25px; height: 44px; line-height: 44px;font-size: 14px; }
#leftcontrol ul li a span { display: inline-block; }
#leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; }
#leftcontrol ul li .subnav { display: none; }
#leftcontrol ul.subnav li a i { margin-right: 20px; font-size: 15px; color: #aa0505;; }
#leftcontrol ul.subnav li a { /*background: #bb2222;*/ color: #777777; }
#leftcontrol ul.subnav li a:hover{color: #aa0505;;}
#leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; }
#leftcontrol ul li a span.more span { background: #aa0505;; position: absolute; }
#leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }
#leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }
#leftcontrol ul li.active a span.more span{background: #fff;}
#leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
#leftcontrol ul li.active a span.circle { border-color: #fff; background-color: #fff; }
#leftcontrol ul li.active a.hassub { background: #aa0505;; color: #FFF; }
#leftcontrol ul li.onnav>a { background: #aa0505;; color: #ccc; }
#leftcontrol ul li.onnav a span.circle { border-color: #fff; background-color: #fff; }
#leftcontrol ul li.noNav { display: none; }
.pageOn #openlc {}
.pageOn #leftcontrol { right: 0; top: 0; }
.pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
.pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
.pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); }
.pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
#body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; }
.pageOn #body { display: block; }
/*header*/
.headerw { width: 100%; height: 80px; position: relative; }
.header_fixed { position: fixed; z-index: 666; top: 0; left: 0; right: 0; padding: 17px 0; background: #FFF; box-shadow: 2px 2px 15px 5px rgba(0,0,0,.15) }
.logo_area { height: 46px; }
.logo_area img { height: 46px }
/*foot*/
.foot { width: 100%; height: 65px; background: #333; position: fixed; bottom: 0; z-index: 99999; }
.foot ul { padding-top: 5px; }
.foot li { width: 20%; float: left; text-align: center; color: #FFF; }
.foot li p { color: #FFF; font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu }
.foot_box { width: 100%; height: 65px; }
.foot_back {width: 100%;height:100%; background: url(../images/back.png) 44px 36px no-repeat rgba(0,0,0,0.8); background-size: 84%; position: fixed; top: 0; z-index: 999999; display: none;}
.foot_back a {right: 20vw;width: 66vw;height: 12vw;display: block;position: absolute;top: 109vw;border-radius: 50px;text-align: center;line-height: 12vw;font-size: 4vw;}
/*内页*/
.c_wrap_l{display: none;}
.c_wrap_r{width: 100%;float: none;padding: 20px 0;}
.c_wrap_r .about{width: 100%;}
.c_wrap_r .prolist{width: 45%;margin: 0 2%;margin-bottom: 20px;float: left;border: 1px solid #f7f7f7;}
.c_wrap_r .prolist img{width: 100%;}
.pro_c{margin-bottom: 40px;padding: 0 6%;}
.pro_c .text{margin-bottom: 20px;}
.pro_c .img img{width: 100%;}
.pagenav{margin-top: 30px;margin-bottom: 40px;}
.pagenav p{font-size: 14px;}
.interested{padding-bottom: 20px;}
.content img{width: 100%;}
.tag{margin-top: 30px;margin-bottom: 30px;}
.newslist{display: none;}
.newswep{display: block;}
.newswep .newli{border-bottom: 1px solid #ccc;padding: 8px 0px;margin-bottom: 20px;}
.newswep .newli .newlitit{display: block;font-size: 18px;color: #000;line-height: 18px;}
.newswep .newli .newlidate{font-size: 14px;color: #969696;margin: 5px 0px;}
.newswep .newli .newlicon{font-size: 14px;color: #969696;margin-bottom: 5px;height: 48px;overflow: hidden;}
.newswep .newli .newlia{color: #5f5f5f;font-size: 16px;text-align: right;}
.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
.ny_lxwm li{float:left; width:-webkit-fill-available; background:url(../images/lx_ico.png) left 18px no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:50px;}
.ny_lxwm li.li1{ background-position:0px 20px;}
.ny_lxwm li.li2{ background-position:00px -50px;}
.ny_lxwm li.li3{ background-position:0px -120px;}
.ny_lxwm li.li4{ background-position:0px -190px;}
.ny_lxwm li.li5{ background-position:0px -260px;}
.ny_lxwm li.li6{ background-position:0px -330px;}
.lxtjyc{ display:none;}
.c_wrap_r iframe {min-height: 520px !important;}
.ipro_top .ipro_right {float: none;}
.ipro_top #preview {float: none;}
.ipro_top #preview img {width: 100% !important;}
}
/* 自适应 */
/*top02end*//*banner5start*/
.banner5 { font-family: Tw Cen MT, "微软雅黑"; }
.banner5 .order {position: absolute;height: 90px;top: calc(50% - 45px); right: 50px; z-index: 10;text-align: center;line-height: normal;}
.banner5 .order-current {font-size: 20px;color: #fff;}
.banner5 .order-current::after {content: ""; width: 19px; height: 2px; background: #fff; display: block; margin-top: 24px;}
.banner5 .order-total {color: rgba(255, 255, 255, 0.5);padding-top: 28px;}
.banner5 .swiper-container .swiper-pagination {bottom: 46px;}
.banner5 .swiper-pagination-bullet { width: 55px; height: 1px; background: rgba(255, 255, 255, 0.25); border: none; padding: 10px 0; background-clip: content-box; background-origin: content-box;opacity: 1;transition: all 0.2s ease-in; }
.banner5 .swiper-container .swiper-pagination .swiper-pagination-bullet {margin: 0;}
.banner5 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
.banner5 .swiper-pagination-bullet:hover, .banner5 .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 72px;}
.banner5 .nav-btn {display: block; color: rgba(255, 255, 255, 0.7); font-size: 12px; letter-spacing: 3px; padding: 0 20px;transition: all 0.36s ease;cursor: pointer;position: absolute; bottom: 46px;z-index: 10;}
.banner5 .nav-btn:hover {color: #fff;}
/*banner5end*//*title06start*/
.title06 {text-align: center;}
.title06 .title-container {position: relative;}
.title06 .title-container .en {color: #f4f6fb; font-size: 66px;line-height: 66px;text-transform: uppercase;font-family: "微软雅黑";}
.title06 .title-container .cn {font-size: 28px;line-height: 28px;position: absolute;bottom: 5px;width: 100%;color: #333;}
/*title06end*//*product02start*/
.product02 .pro_bd ul {display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.product02 .pro_bd li { position: relative; margin-right: 2%; margin-bottom: 55px; background-color: #fff; transition: all .8s;background-color: #f5f5f5;width: 31%;}
.product02 .pro_bd li:hover { background-color: #aa0505;}
/* .product02 .pro_bd li:nth-child(3n) {margin-right: 0;} */
.product02 .pro_bd li a { display: block; padding: 10px;}
.product02 .pro_bd li img { display: block; width: 100%;}
.product02 .pro_bd li p { height: 70px; font-size: 16px; line-height: 70px; text-align: center;}
.product02 .pro_bd li a::after {display: inline-block; position: absolute; content: "+"; bottom: 0; right: 0; width: 0; height: 0; color: #fff; border: 20px; border-style: solid; border-color: transparent #aa0505 #aa0505 transparent; line-height: 10px; font-size: 20px; text-align: center; transition: all .8s;}
.product02 .pro_bd li:hover a::after { border-color: transparent #ffd202 #ffd202 transparent; color: #aa0505; }
.product02 .pro_bd li:hover p {color: #fff;}
.product02 .product-nav {margin-bottom: 20px;}
.product02 .product-nav ul {display: flex;justify-content: center;}
.product02 .product-nav ul li{width: 11%;}
.product02 .product-nav ul li + li {margin-left: 20px;}
.product02 .product-nav ul li a {display: block;text-align: center;background-color: #797979;width: 100%;line-height: 38px;color: #fff;}
.product02 .product-nav ul li:hover a {background-color: #0349a8;}
/*product02end*//*customize02start*/
.customize02 { width: 100%; }
.customize02 img{width: 100%;}
/*customize02end*//*case3start*/
.case3 .wrap { display: flex; justify-content: center; }
.case3 .item { position: relative; height: 568px; overflow: hidden; }
.case3 .item + .item { margin-left: 5px; }
.case3 .item .drawer { transition: all .5s; position: absolute; top: 470px; width: 100%; }
.case3 .item:hover .drawer { transform: translate(0px, -568px); }
.case3 .item .img img { width: 236px; height: 568px; }
.case3 .item .content { font-size: 18px; line-height: 18px; text-align: center; font-weight: bold; color: #333333; background-color: #f2f2f2; padding: 40px 0; }
.case3 .item .order-position { width: 55px; margin-left: auto; margin-right: auto; position: relative; }
.case3 .item .order-num { position: absolute; top: -27px; left: 0; width: 55px; height: 55px; border-radius: 50%; text-align: center; background-color: #ff9c25; color: #fff; font-size: 35px; line-height: 55px; box-shadow: 0 2px 12px 0 #ff9c25; }
.case3 .item .hover-wrap { width: 65%; margin-left: auto; margin-right: auto; }
.case3 .item .hover-content { color: #fff; background-color: rgb(0, 0, 0, 0.8); height: 568px; text-align: center; padding-top: 110px; }
.case3 .item .hover-order { font-size: 40px; line-height: 40px; }
.case3 .item .hover-divider { width: 1px; height: 40px; background-color: #fff; margin-left: auto; margin-right: auto; opacity: 0.4; margin-top: 10px; margin-bottom: 30px; }
.case3 .item .hover-title { font-size: 18px; line-height: 18px; margin-bottom: 70px; }
.case3 .item .hover-category { display: flex;margin-left: 10px;}
.case3 .item .hover-category a { color: #fff; font-size: 16px; min-width: 0px; cursor: pointer; }
.case3 .item .hover-category a{ margin-right: 20px; }
.case3 .item .hover-category a:hover { color: #ff9c25; text-decoration: underline;}
.case3 .item .more { margin-top: 48px; background-color: #ff9c25; padding: 5px 0; transition: all 0.2s linear;}
.case3 .item .more a { color: #fff; cursor: pointer; }
.case3 .item .more .more-arrow { display: inline-block; margin-left: 5px; }
.case3 .item .more:hover {background-color: #0f61cd;}
@media screen and (max-width: 850px){
.case3 .item .hover-category { display: flex;margin-left: -7px;}
}
/*case3end*//*about13start*/
.iabout13{width: 100%;margin-bottom: 80px;}
.iabout13 .top_list {width: 100%;;background: url(../images/mb/about13/background.jpg) top center no-repeat;padding-top: 63px;padding-bottom: 57px;}
.iabout13 .top_list .top_ri{float: right;width:29%;height: auto;position: relative;}
.iabout13 .top_list .top_ri .morej{position: absolute;top: 10px;right: 0px;font-size: 24px;color: #9e0000;}
.iabout13 .top_list .top_ri p{font-size: 14px;line-height: 34px;color: #888888;position: relative;top: 47px;}
.iabout13 .top_list .top_ri p span{font-size:18px;font-weight: bold;color: #333333;}
.iabout13 .top_list .top_ri .en {font-size: 24px;font-weight: bold;color: #9e0000;font-family: "微软雅黑";position: absolute;top: 10px;}
.iabout13 .top_list .top_ri .divider {width: 100%;height: 1px;background-color: #e9e9e9;position: absolute;top: 46px;}
.iabout13 .top_list .top-title {float: left;width: 60%;}
.iabout13 .top_list .top-title .ien {font-size: 2.6vw;line-height: 50px;color: #9e0000;text-transform: uppercase;font-family: "微软雅黑";}
.iabout13 .top_list .top-title .cn-container {margin-top: 10px;}
.iabout13 .top_list .top-title .cn-container .cn {font-size: 1.4vw;color: #fff;font-weight: normal;display: inline-block;}
.iabout13 .top_list .top-title .cn-container .description {font-size: 14px;color: #fff;line-height: 14px;font-weight: normal;display: inline-block;width: 57%;}
.iabout13 .top_list .top-title .cn-container .divider {width: 34px;height: 1px;display: inline-block;background-color: #fff;position: relative;top: -4px;}
.iabout13 .abab{box-shadow: 0px 2px 13px 0px rgba(34, 24, 21, 0.19);display: flex;}
.iabout13 .abab .divider {width: calc(100% - 111px); height: 1px; background-color: #dedede;position: absolute;top: 100px;}
.iabout13 .left, .iabout13 .right {flex: 1;}
.iabout13 .left {padding-right: 111px;overflow: hidden;position: relative;}
.iabout13 .right img {width: 100%;}
.iabout13 .about_r {width: 61%;padding-top: 47px;padding-bottom: 107px;float: right;}
.iabout13 .about_r .tit {margin-bottom: 55px;font-size: 24px;color: #222222;font-weight: normal;position: relative;}
.iabout13 .about_r .tit::after {
content: "";
display: inline-block;
width: 62px;
height: 3px;
background-color:#aa0505;
position: absolute;
bottom: -29px;
left: 0;
}
.iabout13 .about_r .desc {line-height: 26px;color: #666666;margin-bottom: 40px;}
.iabout13 .about_r .more {display: block;width: 147px;height: 37px;background-color:#aa0505;border-radius: 15px;line-height: 37px;color: #fff;text-align: center;}
.iabout13 .about_r .more:hover {background-color: #fff43f;color: #333;}
/*about13end*//*title06start*/
.title06 {text-align: center;}
.title06 .title-container {position: relative;}
.title06 .title-container .en {color: #aa0505; font-size: 66px;line-height: 66px;text-transform: uppercase;font-family: "微软雅黑"; opacity: 0.1;}
.title06 .title-container .cn {font-size: 28px;line-height: 28px;position: absolute;bottom: 5px;width: 100%;color: #333;}
/*title06end*//*news23start*/
.news23 {width: 100%; color: #333;}
.news23 p {padding: 0;margin: 0; line-height: 24px;}
.news23 .title-container {text-align: center;}
.news23 .en {font-size: 40.81px;line-height: 30.4px; font-weight: normal;}
.news23 .cn {font-size: 28px;line-height: 28px; margin-top: 15px; margin-bottom: 20px;}
.news23 .title-divider {width: 50px; height: 3px; background:#aa0505; margin: 0 auto;}
.news23 .nav-tab {padding-bottom: 13px; border-bottom: 1px solid #ededed;}
.news23 .tab {display: flex;}
.news23 .tab li {cursor: pointer; text-align: center; width: 154px; line-height: 40px; color: #000;transition: all 0.2s linear;}
.news23 .tab1 {background-color:#aa0505;}
.news23 .tab li:hover {background-color:#aa0505; color: #fff;}
.news23 .more {width: 95px; height: 28px; border: 1px solid #c8c8c8; border-radius: 16px; text-align: center; box-sizing: border-box; transition: all 0.2s linear;}
.news23 .more a {color: #666; line-height: 28px;}
.news23 .nav-tab .more {position: relative; top: 10px;}
.news23 .more:hover {background-color:#aa0505;border-color:#aa0505;}
.news23 .more:hover a{color: #fff;}
.news23 .news-container {margin-top: 16px;}
.news23 .news-container .first-news .content-wrap {width:26%;padding-top: 2%;}
.news23 .news-container .first-news img {width: 70%;height: 392px;}
.news23 .news-container .first-news .date-title {overflow: hidden; padding-bottom: 15%; border-bottom: 1px solid #ededed; margin-bottom: 14%;}
.news23 .news-container .first-news .date-container {float: left;}
.news23 .news-container .first-news .day {font-size: 56px;line-height: 56px;}
.news23 .news-container .first-news .date {font-size: 14px; font-weight: normal;color: #666;line-height: 14px;margin-top: 10px;}
.news23 .news-container .first-news .title {font-size: 18px;}
.news23 .news-container .first-news .title:hover a{color:#aa0505;}
.news23 .news-container .first-news .content {color: #666; margin: 12px 0 0 0;height: 72px;}
.news23 .news-container .first-news .more {margin-top: 48px;}
.news23 .news-container .news-list {display: flex;justify-content: space-between; margin-top: 25px;flex-wrap: wrap;}
.news23 .news-container .news-list li {width: 286px; height: 92px; box-sizing: border-box; border: 2px solid #f9f9f9; background-color: #f9f9f9; padding: 20px 15px 0 15px; display: flex;position: relative; cursor: pointer;}
.news23 .news-container .news-list li {margin-top: 15px;}
.news23 .news-container .news-list li:hover {border-color:#aa0505;}
.news23 .news-container .news-list li::after {content:""; width: 9px; height: 9px; background-color:#aa0505;position: absolute; bottom: 0; right: 0;}
.news23 .news-container .news-list li .time {width: 72px;}
.news23 .news-container .news-list .day {font-size: 29px;}
.news23 .news-container .news-list .date {font-size: 12px; color: #666; font-weight: normal;margin-top: 7px;}
.news23 .news-container .news-list .content { padding: 0; position: relative; top: -4px;}
.news23 .news-container .news-list .content h5 {font-size: 14px;margin-left: 30px;line-height: 24px; font-weight: normal; color: #666;}
@media screen and (max-width: 700px){
.news23 .news-container .news-list li {margin-right: 10px;}
}
/*news23end*//*other03start*/
.other03 {width: 100%; padding: 50px 0;}
.other03 .dq ul {padding:15px; background: #fafafa; border: 1px solid #e6e6e6; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
.other03 .dq ul li {font-size: 16px; color: #666;}
.other03 .dq ul li:hover {cursor: pointer;}
.other03 .dq ul li i {width: 1px; height: 11px; margin: 8px 0 0 38px; float: right; background: #C7C7C7;}
.other03 .cs ul {padding: 15px; display: flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; border: 1px solid #e6e6e6; border-top: none;}
.other03 .cs ul li {padding: 5px 12px;}
.dqli {font-weight: bold;}
/*other03end*//*foot13start*/
.foot13{border-top: 8px solid#aa0505;background: #242529;}
.foot13 p{margin-bottom: 0;}
.foot13 .ilink{padding-top: 46px;padding-bottom: 25px;border-bottom: 1px solid #333;}
.foot13 .ilink a{padding-left:10px;}
.foot13 .ilink span{font-family: "Broadway";font-size: 24px;color: #aa0505; }
.foot13 .foot_nav ul {display: flex;justify-content: center;border-bottom: 1px solid #333;}
.foot13 .foot_nav ul li{margin-right: 38px;font-size: 16px;line-height: 47px;}
.foot13 .foot_nav ul li a{color: #fff;}
.foot13 .foot_b{padding-top: 35px;display: flex;justify-content: space-between;padding-bottom: 27px;}
.foot13 .foot_bl{width: 760px;}
.foot13 .companywab{background: url(../images/ba.png) no-repeat left 0px;margin-top: -2px;}
.foot13 .foot_bl .phone{display: flex;padding-bottom: 35px;}
.foot13 .foot_bl .phone img{margin-right: 10px;}
.foot13 .foot_bl .phone .phone1{font-size: 36px;color:#aa0505;}
.foot13 .foot_bl ul{display: flex;}
.foot13 .foot_bl ul li{margin-right: 20px;line-height: 38px;}
.foot13 .foot_bl p{line-height:37px;}
.foot13 .foot_bl .copyright{padding-top: 5px; }
.foot13 .foot_bl .copyright .copy{margin-top: -3px;margin-right: 20px;}
.foot13 .foot_bl .footp_span{display: flex; margin-top: 20px;}
.foot13 .foot_bl .footp_span p{margin-top: -10px; }
.foot13 .foot_br img{margin-top: 30px;}
.foot13 .foot_br p{text-align: center;margin-top: 10px;}
.foot13 .big2{display: none;padding-bottom: 20px;text-align: center;}
.foot13 .big2 .footp_span img {transform: translateY(5px);}
@media screen and (max-width:1200px){
.foot13 .big2{display: block;}
.foot13 .big1{display: none !important;}
}
/*foot13end*/