/*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: #0f539e; }
.module-container { padding-top: 20px; padding-bottom: 20px; min-width: 1200px;}
.module-container-default {min-width: 1200px;}
.module-title-container {padding-top: 80px; padding-bottom: 40px; min-width: 1200px;}
.module-cont-container {padding-top: 0;padding-bottom: 80px; min-width: 1200px;}
.module-cont-padding-container {padding-top: 80px;padding-bottom: 80px; min-width: 1200px;}
.module-cont-padding-top-container {padding-top: 80px; min-width: 1200px;}
.clearfix::after ,.clearfix::before { content: ""; display: table;}
.clearfix::after { clear: both;}
.clearfix { *zoom: 1;}

/*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: #0f539e; 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 #0f539e; 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: #0f539e; }
.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: #0f539e; }
.header2 .phone img { height:40px }
.header2 .logo { flex: 1; float: none; display: flex !important; }
.header2 .logo div { display: block; }
.header2 .logo img { 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: #0f539e; }
.header2 .logo .logo-des .logo-des-cont { color: #666666; font-size: 14px; margin-top:10px }
.nav2 { width: 100%; min-width: 1200px; 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; flex: 1; }
.nav2 ul li a { display: block; color: #ffffff; line-height: 50px; }
.nav2 ul li.active, .nav2 ul li:hover { background: #0f539e; }
.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: #0f539e; }
.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; }
/*top02end*//*banner1start*/
.banner1 {position: relative;}
.banner1 .swiper-button-prev, .banner1 .swiper-button-next {background-image: none;opacity: 0;transition: all 0.6s ease;width: 60px; height: 60px;background-color: #fff;text-align: center;top: calc(50% - 30px);}
.banner1 .swiper-button-prev {left: 0; transform: translateX(-60px);}
.banner1 .swiper-button-next {right: 0; transform: translateX(60px);}
.banner1 .swiper-button-prev svg, .banner1 .swiper-button-next svg {margin-top: 20px;}
.banner1 .swiper-container:hover .swiper-button-prev, .banner1 .swiper-container:hover .swiper-button-next {opacity: 1;transform: translateX(0);}
.banner1 .swiper-button-prev svg, .banner1 .swiper-button-next svg {width: 20px;height: 20px;}
.banner1 .pagination-wrap {display: inline-block; padding: 8px 16px; background-color: rgba(0, 0, 0, 0.15);border-radius: 100px;}
.banner1 .swiper-pagination-bullet {width: 6px; height: 6px; background-color: rgba(255, 255, 255, 0.5);transition: all 0.2s linear;cursor: pointer;}
.banner1 .swiper-pagination-bullet:hover {background-color: #fff; opacity: 1;}
.banner1 .swiper-pagination-bullet-active {width: 20px;background-color: #fff;border-radius: 100px;}
.banner1 .copy-slide {position: absolute; top: 0;width: 100%; height: 100%; display: none;}
.banner1 .copy-slide > div {position: absolute; top: 0; width: 100%; height: 100%;}
.banner1 .copy-swiper {width: 110px;height: 60px;position: absolute;top: calc(50% - 52px);opacity: 0;transition: all 0.6s ease;z-index: -1;}
.banner1 .copy-swiper.show {opacity: 1;z-index: 2;}
.banner1 .copy-swiper .swiper-slide,  .banner1 .copy-swiper .swiper-slide img{height: 100%;}
.banner1 .swiper-container .swiper-pagination {bottom: 40px;}
/*banner1end*//*title07start*/
.title07 {text-align: center;}
.title07 h2, .title07 h3 {font-weight: normal;}
.title07 .en {font-size: 40px; color: #757575; text-transform: uppercase; line-height: 40px; font-family: "SourceHanSansCN-ExtraLight";font-weight: lighter;}
.title07 .cn {font-size: 27px; line-height: 27px; margin-top: 10px;color: #333;}
.title07 .discription {font-size: 14px;}
.title07 .divider {width: 46px; height: 2px; background-color: #0f539e;margin: 10px auto;}
/*title07end*//*product08start*/
.product08 {width: 100%; min-width: 1200px; position: relative;padding-bottom: 40px;background: rgba(0,0,0,0) linear-gradient(#fff 25%, #ededed 25%);}
.product08 .wrap {position: relative;z-index: 3;}
.product08 .product_l ul {display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center;}
.product08 .product_l ul li {margin-right: 29px;}
.product08 .product_l ul li a {display: inline-block; }
.product08 .product_l ul li:hover a {color: #156db3;}
.product08 .product_l .list {position: relative;}
.product08 .product_l .list a .icon {display:inline-block;width: 17px; height: 17px; background: #959595;color: #fff;position: relative; top: 3px;margin-right: 15px;}
.product08 .product_l .list a .icon::before {content: "";display: block;width: 11px;height: 1px;background-color: #fff;position: absolute;top: 8px;left: 3px;}
.product08 .product_l .list a .icon::after {content: "";display: block;width: 11px;height: 1px;background-color: #fff;position: absolute;top:8px;left:3px;transform: rotate(90deg);}
.product08 .product_l .list:hover a .icon {background-color: #156db3;}
.product08 .product_l .list + .list::before {content: "";display: block;width: 1px;height: 9px;border: 1px dashed #aeaeae;box-sizing: border-box;position: absolute;top: 7px;}
.product08 .product_r ul li:hover {box-shadow: 0px 0px 20px 0px #cfcfcf;}
.product08 .product_r ul {margin-top: 15px; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.product08 .product_r li {width: 340px;  margin-bottom: 30px; border: 20px solid rgba(255,255,255,0.5); position: relative;}
.product08 .product_r li + li {margin-left: 30px;}
.product08 .product_r li:nth-of-type(3n+1){margin-left: 0px;}
.product08 .product_r li img {width: 340px; }
.product08 .product_r li .tit {width: 340px; height: 30px; text-align: center; line-height: 30px; position: absolute; bottom: 0; background: rgba(0,0,0,0.5);}
.product08 .product_r li .tit a {font-size: 14px; color: #fff;}
.product08 .background {width: 100%;height: 468px;background-color: #ededed;position: absolute;bottom: -40px;z-index: 0;}
/*product08end*//*divider06start*/
.divider06 {width: 100%; min-width: 1200px; background: url(../images/mb/divider06/background.jpg) no-repeat center ; padding-bottom: 54px;}
.divider06 .consult_cont {display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
.divider06 .consult_l {margin-top: 45px;}
.divider06 .consult_l .tit1 {font-size: 30px; color: #f5f5f5;display: flex; display: -ms-flexbox; line-height: 79px;}
.divider06 .consult_l .tit1 span {font-size: 30px; color: #e21e1c;}
.divider06 .consult_l .tit1 img {display: block; margin-right: 18px;}
.divider06 .consult_l .tit2 {font-size: 14px; color: #fff; }
.divider06 .consult_l .tit2 i {width: 35px; height: 1px; border-bottom: 1px solid #737373; display: inline-block; margin-bottom: 5px; margin-right: 10px;}
.divider06 .consult_r .phone2 {padding-top: 80px;}
.divider06 .consult_r .phone2 p {display: inline-block; font-size: 14px; color: #fff;}
.divider06 .consult_r .phone2 p span { font-size: 23px; color: #fff;display: block;}
.divider06 .consult_r .phone2 p span i {font-style: normal; font-size: 14px; color: #fff;}
/*divider06end*//*customize03start*/
.yous{background: url(../images/bg3.jpg) top no-repeat #f7f7f7;padding-bottom: 80px;}
.yous .youstop{text-align: center;}
.yous .youstop .youp1{font-size: 30px;color: #333333;line-height: 30px;margin-bottom: 18px;}
.yous .youstop img{text-align: center;}
.yous .youstop .youp2{color: #666666;margin-top: 18px;}
.yous .youcon{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;}
.yous .youcon .youlist{width: 230px;text-align: center;}
.yous .youcon .youlist .youp3{color: #333333;text-align: center;padding-top: 116px;font-size: 18px;line-height: 18px;margin-bottom: 14px;}
.yous .youcon .youlist .youp4{width: 200px;margin: 0 auto;}
.yous .youcon .youlist1{background: url(../images/ylogo1.png) center 0px no-repeat;}
.yous .youcon .youlist2{background: url(../images/ylogo2.png) center 0px  no-repeat;}
.yous .youcon .youlist3{background: url(../images/ylogo3.png) center 0px no-repeat;}
.yous .youcon .youlist4{background: url(../images/ylogo4.png) center 0px no-repeat;}
.yous .youcon .youlist5{background: url(../images/ylogo5.png) center 0px no-repeat;}

/*customize03end*//*about18start*/
.iabout18{background: url(../images/mb/about18/iabout_wrap.jpg)no-repeat center -46px; height:576px;width: 100%;min-width: 1200px;}
.iabout18 .iabout18_cont{width: 623px;padding-top:80px}
.iabout18 .iabout18_cont .title{font-size: 35px;color: #333;}
.iabout18 .iabout18_cont .icompany{font-size: 23px;color: #333;padding: 16px 0 18px 0;font-weight: normal;}
.iabout18 .iabout18_cont i{display: block;width: 27px;height: 2px;background: #0f539e;}
.iabout18 .iabout18_cont .desc{font-size: 14px;color: #666;padding: 21px 0 65px 0;line-height: 34px;}
.iabout18 .iabout18_cont .desc a.more{color: #0f539e;}
.iabout18 .iabout18_cont .desc a.more:hover {color: #0f61cd;}
.iabout18 .iabout18_cont .intro{width: 516px;}
.iabout18 .iabout18_cont .intro{text-align: center;}
.iabout18 .iabout18_cont .intro p{padding-top: 20px;}
.intro_icon1{width:250px}
.intro_incon2{width:250px}
/*about18end*/
/*title07start*/
.title07 {text-align: center;}
.title07 h2, .title07 h3 {font-weight: normal;}
.title07 .en {font-size: 40px; color: #757575; text-transform: uppercase; line-height: 40px; font-family: "SourceHanSansCN-ExtraLight";font-weight: lighter;}
.title07 .cn {font-size: 27px; line-height: 27px; margin-top: 10px;color: #333;}
.title07 .discription {font-size: 14px;}
.title07 .divider {width: 46px; height: 2px; background-color: #0f539e;margin: 10px auto;}
/*title07end*//*news3start*/
.inew3_bottom .inew3_bottoml { background: #fff; width: 397px; height: 486px; position: relative; }
.inew3_bottom .inew3_bottoml img { width: 337px; height: 225px; position: absolute; display: block; margin-left: 30px; margin-top: 35px; }
.inew3_bottom .inew3_bottoml #topcolor { background: #0f539e; height: 40%; width: 100%; display: block; }
.inew3_bottoml h3 { padding-top: 103px; font-size: 16px; font-weight: 500; text-align: center; padding-bottom: 26px; }
.inew3_bottoml h3 a:hover {color: #0f539e;}
.inew3_bottoml p { font-size: 14px; color: #999999; width: 337px; padding-left: 30px; padding-bottom: 33px; box-sizing: content-box; }
.inew3_bottoml .line_date { display: flex; justify-content: space-between; display: -ms-flexbox; -webkit-box-pack: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; }
.inew3_bottoml .line_date span:first-child { display: inline-block; width: 60px; height: 1px; background: #999999; margin-left: 30px; margin-top: 10px; }
.inew3_bottoml .line_date p { display: inline-block; text-align: right; padding-right: 30px; }
.inew3_bottom { display: flex; justify-content: space-between; }
.inew3_bottomr { width: 783px; background: #FFFFFF; height: 486px; }
.inew3_bottomr .inew3_bottomrt { display: flex; display: -ms-flexbox; padding-top: 30px; padding-left: 30px; }
.inew3_bottomr .inew3_bottomrt img { width: 263px; height: 162px; margin-right: 23px; }
.inew3_bottomr .inew3_bottomrt .inew3_bottomrtdesc { width: 440px; }
.inew3_bottomr .inew3_bottomrt .inew3_bottomrtdesc h3 { font-size: 16px; padding-bottom: 18px; }
.inew3_bottomr .inew3_bottomrt .inew3_bottomrtdesc h3 a:hover { color: #0f539e; }
.inew3_bottomr .inew3_bottomrt .inew3_bottomrtdesc p { font-size: 14px; color: #999999; width: 440px; line-height: 30px; }
.inew3_bottomr .inew3_bottomrt .inew3_bottomrtdesc span { display: block; font-size: 14px; color: #999999; margin-top: 29px; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.inew3_bottomr ul { display: flex; display: -ms-flexbox; padding-left: 30px; flex-wrap: wrap; margin-top: 40px; }
.inew3_bottomr ul .inew3_list { width: 45%; margin-right: 15px; font-size: 14px; color: #808080; position: relative; padding-left: 10px; margin-bottom: 30px; box-sizing: content-box; }
.inew3_bottomr ul .inew3_list::before { display: block; width: 5px; height: 5px; background: #e6e6e6; content: ''; position: absolute; top: 10px; left: 0px; transition: .7s all; }
.inew3_bottomr ul .inew3_list:hover p a { color: #0f539e; }
.inew3_bottomr ul .inew3_list:hover:before { background: #0f539e; }
/*news3end*//*other03start*/
.other03 {width: 100%; min-width: 1200px; 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*//*other01start*/
.other01 {height: 64px; background: #052a4f; line-height: 64px; border-bottom: 1px solid #163b5f; }
.other01 .wrap { color: #fff;  line-height: 64px;}
.other01 .wrap a { color: #a9a9a9; margin: 0 5px; }
.other01 img{width: 90px;height: 33px;}
/*other01end*//*foot01start*/
.footer01 { padding: 30px 0;background: #052a4f;min-width: 1200px;}
.footer01 p { color: #dcdee0; text-align: center; line-height: 34px; }
.footer01 p span { margin: 0 10px; }
.footer01 a { color: #dcdee0; }
.footer01 .foot_p4 .footp_span img{position: relative;top: 4px;}
.footer01 .sit span {display: inline-block; padding-left: 30px;}
/*foot01end*/