/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/

html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333333;/*min-width: 1200px;*/}

.wrap{margin: 0 auto;max-width: 1200px;}

ul{padding: 0;margin: 0;}

ul li{list-style: none;}

.fl{float: left;}

.fr{float: right;}

a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}

img{max-width: 100%;}

input:focus,button:focus,textarea:focus{outline: none;}

.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

p{margin: 0;}

i,em{font-style: initial;}

.imgH{overflow: hidden;}

.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }

.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}



.flexcen{display: flex;justify-content: center;align-items: center;}

.flexsta{display: flex;justify-content: flex-start;align-items: center;}

.flexend{display: flex;justify-content: flex-end;align-items: center;}

.flexbet{display: flex;justify-content: space-between;align-items: center;}

.flexaro{display: flex;justify-content: space-around;align-items: center;}



/**导航菜单**/

header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #666;height: 80px;border-bottom: 1px solid rgba(255,255,255,.3);transition: all .5s;}

header .logo a{height: 80px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}

header .logo img{max-height: 80%;}

/* header .logo .dImg{display: block;}

header .logo .hImg{display: none;} */

header .rightDiv{text-align: right;}

header .rightDiv .menu{}

header .rightDiv .menu>ul{display: inline-block!important;}

header .rightDiv .menu>ul>li{float: left;margin:0 40px 0 0;}

header .rightDiv .menu>ul>li>a{height: 80px;text-align: left;color: #fff;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;}

header .rightDiv .menu>ul>li:hover>a,

header .rightDiv .menu>ul>li:focus>a,

header .rightDiv .menu>ul>li.on>a,

header .rightDiv .menu>ul>li.active>a{background:transparent;color: #271567; }

header .rightDiv .menu>ul>li>a::after{content: "";width: 65px;position: absolute;left: 50%;margin-left: -32.5px; background: #2c1361;height: 3px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;}

header .rightDiv .menu>ul>li:hover>a::after,

header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);}

header .rightDiv .otherDiv{height: 80px;margin-left: 20px;}

header .rightDiv .ssBtn .dImg{display: block;}

header .rightDiv .ssDiv .hImg{display: none;}

header .rightDiv .searchDiv{position:absolute;text-align: left;background: #fff; padding:25px 0;width: 100vw; top: 100%;right:0;transform: translate(0,-10px);display: flex; opacity: 0;visibility: hidden;transition: transform .4s;}

header .rightDiv .searchDiv form{width: 100%;max-width: 600px; position: relative;margin: 0 auto; }

header .rightDiv .searchDiv form img{position: absolute;left: 23px;top: 50%;transform: translateY(-50%);}

header .rightDiv .searchDiv form input{width: 100%;border-radius: 20px;padding: 0 80px 0 20px;line-height: 40px;border: 1px solid #E2E2E2;font-size: 14px;}

header .rightDiv .searchDiv form button{width: 72px;height: 100%;border-radius: 0px 68px 68px 0px;background: #113d96;color: #fff;position: absolute;right: 0;top: 0;border: 0;cursor: pointer; }

header .rightDiv .ssDiv:hover .ssBtn .dImg{display: none;}

header .rightDiv .ssDiv:hover .ssBtn .hImg{display: block;}

header .rightDiv .ssDiv.hover>.searchDiv{opacity: 1;visibility: visible;transform: translate(0,0);}



header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}

header .mbtn:active{opacity: .8;}

body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}



.on-fixed header{background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.08);}

/* .on-fixed header .logo .dImg{display: none;}

.on-fixed header .logo .hImg{display: block;} */

.on-fixed header .rightDiv .menu>ul>li>a{color: #333;}

.on-fixed header .rightDiv .menu>ul>li>a::after{background: #271567;}

.on-fixed header .rightDiv .menu>ul>li:hover>a, .on-fixed header .rightDiv .menu>ul>li.on>a{color: #271567; }

.on-fixed header .rightDiv .ssBtn .dImg{display: none;}

.on-fixed header .rightDiv .ssBtn .hImg{display: block;}

.on-fixed header .rightDiv .detaultDiv .dImg{display: none;}

.on-fixed header .rightDiv .detaultDiv .hImg{display: block;}

.on-fixed header .rightDiv .languageDiv .detaultDiv span{color: #333;}

.on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 



.onFixed header{background: #fff;border-bottom: 1px solid #E2E2E2;}

/* .onFixed header .logo .dImg{display: none;}

.onFixed header .logo .hImg{display: block;} */

.onFixed header .rightDiv .menu>ul>li>a{color: #333;}

.onFixed header .rightDiv .menu>ul>li>a::after{background: #271567;}

.onFixed header .rightDiv .menu>ul>li:hover>a, .onFixed header .rightDiv .menu>ul>li.on>a{color: #271567; }

.onFixed header .rightDiv .ssBtn .dImg{display: none;}

.onFixed header .rightDiv .ssBtn .hImg{display: block;}

.onFixed header .rightDiv .detaultDiv .dImg{display: none;}

.onFixed header .rightDiv .detaultDiv .hImg{display: block;}

.onFixed header .rightDiv .languageDiv .detaultDiv span{color: #333;}

.onFixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 



.nyBody header{background: #fff;border-bottom: 1px solid #E2E2E2;}

/* .onFixed header .logo .dImg{display: none;}

.onFixed header .logo .hImg{display: block;} */

.nyBody header .rightDiv .menu>ul>li>a{color: #333;}

.nyBody header .rightDiv .menu>ul>li>a::after{background: #271567;}

.nyBody header .rightDiv .menu>ul>li:hover>a, .nyBody header .rightDiv .menu>ul>li.on>a{color: #271567; }

.nyBody header .rightDiv .ssBtn .dImg{display: none;}

.nyBody header .rightDiv .ssBtn .hImg{display: block;}

.nyBody header .rightDiv .detaultDiv .dImg{display: none;}

.nyBody header .rightDiv .detaultDiv .hImg{display: block;}

.nyBody header .rightDiv .languageDiv .detaultDiv span{color: #333;}

.nyBody header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 

.nyBody .main{margin-top: 80px; }



.on-menu header .logo .dImg{display: none;}

.on-menu header .logo .hImg{display: block;}

.on-menu header .rightDiv .ssBtn .dImg{display: none;}

.on-menu header .rightDiv .ssBtn .hImg{display: block;}

.on-menu header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}



.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

.menu #menu-button{display:none}

.menu{width:auto;}

#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}

.menu>ul>li{float:left;position: relative;}

.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}

.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}

/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/

.menu ul ul{position:absolute;background: #fff;text-align: left; width: max-content;top: 100%;left:0;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);}

.menu ul ul .ul{align-items: flex-start;padding:20px 30px;}

.menu ul ul .ul li:nth-child(2){margin-left: 100px;}

/*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/

/*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; }

.menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/

.menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; }

.menu ul ul .ul span{display: block;margin-bottom: 15px;color: #333333;}

.menu ul ul .ul a{font-size: 14px;color: #999999;margin-top: 7px;}

.menu ul ul .ul a:hover{color: #113d96;}

/*.menu>ul>li:hover>ul>.wrap>.ulDiv{opacity: 1;z-index: 11;display: flex;position: initial;visibility: visible;}*/

/*.menu li:hover>ul:before,.menu li:hover>ul:after{display: block;}*/

.menu ul ul ul{position:absolute;text-align: center;width: 100vw;top:100%;left:0;transition: opacity .6s;height: 0;}



/*.menu>ul>li>ul li:hover>ul>.ulDiv{opacity: 1;z-index: 11;display: flex;position: initial;visibility: visible;}*/



/****底部***/

.footerDiv .hdDiv{padding:68px 0 100px;background: #121521;}

.footerDiv .hdDiv .flexbet{align-items: flex-start;color: #fff;}

.footerDiv .hdDiv .listDiv{margin-right: 40px;max-width: 40%;width: 16%;}

.footerDiv .hdDiv .listDiv:last-child{margin-right: 0;width: 40%; }

.footerDiv .hdDiv .listDiv>span{display: block;padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.16);margin-bottom: 20px;font-weight: bold; }

.footerDiv .hdDiv .aDiv a{color: #cbcdd2;display: block;margin-top: 15px;font-size: 14px;}

.footerDiv .hdDiv .aDiv a:hover{color: rgba(255,255,255,1);}

.footerDiv .hdDiv .listDiv .lxDiv{color: #cbcdd2;font-size: 14px;align-items: flex-start;}

.footerDiv .hdDiv .listDiv .lxDiv .p{width: calc(100% - 140px);;}

.footerDiv .hdDiv .listDiv .p p{margin: 0 0 10px;font-size: 14px;align-items: flex-start;}

.footerDiv .hdDiv .listDiv .p p img{margin-right: 10px;}

.footerDiv .hdDiv .listDiv .shareDiv{margin-top: 20px;}

.footerDiv .hdDiv .listDiv .shareDiv a{margin-right: 20px; }

.footerDiv .hdDiv .listDiv .ewmDiv {width: 110px;text-align: center;}

.footerDiv .hdDiv .listDiv .ewmDiv img{width: 100%;}

.footerDiv .hdDiv .listDiv .ewmDiv span{text-align: center;font-size: 14px;display: block;margin-top: 10px;color: rgba(255,255,255,.7);}

.footerDiv .bdDiv{padding: 15px 0;font-size: 14px;text-align: center;background: #0b0d16;}

.footerDiv .bdDiv p{color: #818690;} 

.footerDiv .bdDiv a{color: #818690;}

.footerDiv .bdDiv a:hover{color: rgba(255,255,255,1);}

.footerDiv .bdDiv .linkDiv{position: relative;}

.footerDiv .bdDiv .linkDiv .defaultDiv{padding: 0 20px;border: 1px solid #818690;line-height: 30px;color: #818690;font-size: 12px;border-radius: 2px;}

.footerDiv .bdDiv .linkDiv .defaultDiv span{color: #818690;margin-right: 5px;}

.footerDiv .bdDiv .linkDiv .downloadDiv{position: absolute;width: 100%;border: 1px solid #818690;bottom: 100%;left: 0;background: #191e28;display: none;}

.footerDiv .bdDiv .linkDiv .downloadDiv a{display: block;line-height: 30px;}

.footerDiv .bdDiv .linkDiv .downloadDiv a:hover{color: #fff;}

.footerDiv .bdDiv .linkDiv:hover .downloadDiv{display: block;}



.footerDiv .hdDiv form input{width: 100%;line-height: 36px;background: rgba(255,255,255,.1);border: 0;border-radius: 4px;color: #fff;padding: 0 10px;display: block;margin-bottom: 10px;}

.footerDiv .hdDiv form textarea{width: 100%;line-height: 36px;background: rgba(255,255,255,.1);border: 0;border-radius: 4px;color: #fff;padding: 5px 10px;display: block;resize: none;margin-bottom: 10px;}

.footerDiv .hdDiv form input::-webkit-input-placeholder{color: #fff;}

.footerDiv .hdDiv form input::-moz-placeholder{color: #fff;}

.footerDiv .hdDiv form input::-ms-input-placeholder{color: #fff;}

.footerDiv .hdDiv form textarea::-webkit-input-placeholder{color: #fff;}

.footerDiv .hdDiv form textarea::-moz-placeholder{color: #fff;}

.footerDiv .hdDiv form textarea::-ms-input-placeholder{color: #fff;}

.footerDiv .hdDiv form button{width: 114px;line-height: 36px;background:#f86707;border: 0;border-radius: 4px;color: #fff;padding: 0 10px;cursor: pointer;min-width: 86px;}





.bottomDiv{padding: 58px 0 36px;}

.bottomDiv .leftDiv{color: #fff;font-size: 32px;margin-bottom: 25px;}

.bottomDiv .rightDiv form input{width: 27.78%;line-height: 46px;background: rgba(255,255,255,.3);border: 0;border-radius: 4px;color: #fff;padding: 0 10px;margin-right: 20px;}

.bottomDiv .rightDiv form input::-webkit-input-placeholder{color: #fff;}

.bottomDiv .rightDiv form input::-moz-placeholder{color: #fff;}

.bottomDiv .rightDiv form input::-ms-input-placeholder{color: #fff;}

.bottomDiv .rightDiv form button{width: 11%;line-height: 46px;background:#ef2555;border: 0;border-radius: 4px;color: #fff;padding: 0 10px;cursor: pointer;min-width: 120px;}



/* .testDiv ul li{margin-top: -5px;}

.testDiv ul li a{border: 1px solid #eee;padding: 10px;background: #fff;}

.testDiv ul li a .imgDiv{width: 200px;height: 70px;display: flex;justify-content: flex-end;transition: all .6s;}

.testDiv ul li a .imgDiv img{width: 100%;height: 100%;object-fit: cover;}

.testDiv ul li:nth-child(2){margin-left: 10px;}

.testDiv ul li:hover{position: relative;z-index: 1;}

.testDiv ul li:hover .imgDiv{transform: scale(1.5);} */



/*::-webkit-scrollbar  

{  

    width: 2px;  

    height: 2px;  

}  

::-webkit-scrollbar-track  

{  

    border-radius: 4px;  

    background-color: #f5f5f5;

}  

::-webkit-scrollbar-thumb  

{  

    border-radius: 4px; 

    background-color: #0E50D1;

}*/



/********************************* 首页 **********************************/

.main{margin-top: 0; }





/*banner轮播*/

.index-banner{width: 100%;position:relative;}

.index-banner .swiper-slide{overflow: hidden;}

.index-banner .img{width: 100%;display: block;height: 50.46875vw;background: none no-repeat center;background-size: cover;}

.index-banner .img .wrap{position: relative;}

/*.index-banner .gridVideo{width: 100%;display: block;height: 50.46875vw;position: relative;position: absolute;left: 0;top: 0;}

.index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}*/

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 34px;}

.index-banner .swiper-pagination-bullet{width: 24px;height: 7px;background: #fff;border-radius:3.5px;opacity:.5; }

.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;}

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}

/* .index-banner .wrap{height: 100%;display:flex;justify-content:center;align-items:center;color: #fff;}

.index-banner .textDiv .p1{font-size: 3.33vw;font-weight: bold;margin-bottom: 1vw;}

.index-banner .textDiv .p2{font-size: 1.25vw;text-transform: uppercase;color: rgba(255,255,255,1);line-height: 1.6;}

 */

.index-banner .swiper-button-prev,.index-banner .swiper-button-next{width: 40px;height: 52px;}

.index-banner .swiper-button-prev{background: url(../img/l1.png) rgba(0,0,0,.2) no-repeat center center;left: 2vw;}

.index-banner .swiper-button-next{background: url(../img/r1.png) rgba(0,0,0,.2) no-repeat center center;right: 2vw;}





.indexTitle{position: relative;}

.indexTitle.tc{text-align: center;}

.indexTitle span{display: block;font-weight: bold;color: #1d0f61;margin-bottom: 10px;}

.indexTitle p{font-size: 14px;color: #999999;}

.indexTitle.cfff span{color: #fff;}

.indexTitle.cfff p{color: #cccccc;}



.c113d96{color: #113d96;}



.f36{font-size: 36px;}

.f30{font-size: 30px;}

.f24{font-size: 24px;}

.f22{font-size: 22px;}

.f20{font-size: 20px;}

.f18{font-size: 18px;}

.bold{font-weight: bold; }



.imgOver{position: relative; }

.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }



.indexDiv1{padding: 78px 0;}

.indexDiv1 .leftDiv{width: 49.2%; }

.indexDiv1 .leftDiv .textDiv{margin-bottom: 30px; }

.indexDiv1 .leftDiv .textDiv .text{display: none; }

.indexDiv1 .leftDiv .textDiv .text.on{display: block; }

.indexDiv1 .leftDiv .titleDiv {margin-bottom: 30px; }

.indexDiv1 .leftDiv .titleDiv p{font-size: 18px;color: #d82617;margin-bottom: 15px; }

.indexDiv1 .leftDiv .titleDiv span{color: #1d0f61; }

.indexDiv1 .leftDiv .textDiv .p{font-size: 14px;color: #596273;line-height: 1.71; } 

.indexDiv1 .leftDiv ul li{width: calc(33% - 5px);border: 1px solid #ecedf0;background: #f9f9fa;height: 69px;font-size: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;cursor: pointer; }

.indexDiv1 .leftDiv ul li span{color: #d82617;margin-top: 5px; }

.indexDiv1 .leftDiv ul li.on{background: url(../img/i-a-bg.png) no-repeat center bottom/100% 100%;color: #fff; }

.indexDiv1 .leftDiv ul li.on span{color: #fff; }

.indexDiv1 .leftDiv ul li.on::before{content: "";width: 12px;height: 6px;background: url(../img/sj.png) no-repeat center center;position: absolute;left: 50%;top: -6px; }

.indexDiv1 .rightDiv{width: 47.5%; }

.indexDiv1 .rightDiv .imgDiv{display: none; }

.indexDiv1 .rightDiv .imgDiv.on{display: block; }





.indexDiv2{padding: 80px 0 50px;}

.indexDiv2 .bdDiv .row{margin: 0 -10px; }

.indexDiv2 .bdDiv .row>div{padding: 0 10px;margin-top: 40px; }

.indexDiv2 .bdDiv .row>div a{display: block;box-shadow: 0px 0px 16px rgba(0,0,0,.06);background: #fff; }

.indexDiv2 .bdDiv .imgDiv{position: relative;padding-top: 74.87%; }

.indexDiv2 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;padding: 30px 10px; border-bottom: 1px solid #ecedf0;}

.indexDiv2 .bdDiv .imgDiv .pic img{max-width: 100%;max-height: 100%;object-fit: initial; }

.indexDiv2 .bdDiv .textDiv{padding: 20px 10px;text-align: center; }

.indexDiv2 .bdDiv .textDiv p{font-size: 18px;color: #1d0f61;margin-bottom: 10px; }

.indexDiv2 .bdDiv .textDiv span{font-size: 14px;color: #d82617; }



.indexDiv3{padding: 70px 0 0;background: url(../img/i-bg2.jpg) no-repeat center top/100% 85%; }

.indexDiv3 .bdDiv{position: relative;margin-top: 50px; }

.indexDiv3 .bdDiv .row{margin: -10px; }

.indexDiv3 .bdDiv .row>div{padding: 10px; }

.indexDiv3 .bdDiv .row>div a{background: #fff;padding: 20px;box-shadow: 0px 0px 16px rgba(0,0,0,.06); }

.indexDiv3 .bdDiv .row>div .alDiv{width: 54.54%; }

.indexDiv3 .bdDiv .row>div .alDiv .imgDiv{padding-top: 74%;overflow: hidden; }

.indexDiv3 .bdDiv .row>div .textDiv{width: 45.45%;padding-left: 20px; }

.indexDiv3 .bdDiv .row>div .textDiv .title{font-size: 20px;color: #1d0f61; }

.indexDiv3 .bdDiv .row>div .textDiv p{font-size: 14px;color: #999999;margin: 20px 0 50px; }

.indexDiv3 .bdDiv .row>div .textDiv span{color: #de241d;font-size: 14px; }

.indexDiv3 .bdDiv .row>div .textDiv span img{margin-left: 5px; }



.indexDiv4{padding: 70px 0;}

.indexDiv4 .bdDiv{margin-top: 30px;position: relative;}

.indexDiv4 .bdDiv .lunboDiv{width: calc(50% - 10px); }

.indexDiv4 .bdDiv .lunboDiv .lhDiv{height: 64px;color: #fff;font-size: 18px; }

.indexDiv4 .bdDiv .lunboDiv .lbDiv{border: 1px solid #eeeeee; }

.indexDiv4 .bdDiv .lunboDiv .lbDiv .conDiv{background: #fafafa; }

.indexDiv4 .bdDiv .lunboDiv .lbDiv .imgDiv{padding-top: 55.93%; }

.indexDiv4 .bdDiv .lunboDiv .lbDiv .imgDiv .pic img{max-width: 100%;max-height: 100%;object-fit: initial;width: initial;height: initial; }

.indexDiv4 .bdDiv .lunboDiv .lbDiv .titleDiv{height: 64px;border-top: 1px solid #eeeeee;display: flex;justify-content: center;align-items: center; }

.indexDiv4 .swiper-button-prev,.indexDiv4 .swiper-button-next{width: 24px;height: 47px;top: 40%; }

.indexDiv4 .swiper-button-prev{background: url(../img/l2.png) rgba(0,0,0,.3) no-repeat center center;left: 20px; }

.indexDiv4 .swiper-button-next{background: url(../img/r2.png) rgba(0,0,0,.3) no-repeat center center;right: 20px; }



.indexDiv5{padding: 76px 0 70px; }

.indexDiv5 .bdDiv{margin-top: 30px; }

.indexDiv5 .row{margin: 0 -10px; }

.indexDiv5 .row>div{padding: 0 10px; }

.indexDiv5 .row>div .conDiv{height: 100%; }

.indexDiv5 .blDiv{padding: 40px 25px 40px 35px;color: #fff; }

.indexDiv5 .blDiv .blhDiv small{opacity: .54;display: block;text-transform: uppercase; }

.indexDiv5 .blDiv .blhDiv span{font-size: 26px;font-weight: bold; }

.indexDiv5 .blDiv ul li a{margin: 30px 0 0;color: #fff;display: block;padding-right: 35px;background: url(../img/more1.png) no-repeat right center; }

.indexDiv5 .blDiv ul li .date{font-size: 14px;opacity: .6;margin-top: 5px; }

.indexDiv5 .bcDiv a{display: block;height: 100%;border: 1px solid #f1f1f1;border-radius: 4px;padding: 10px;background: #fff; }

.indexDiv5 .conDiv .imgDiv{padding-top: 65.57%; }

.indexDiv5 .conDiv .textDiv{padding: 15px 10px; }

.indexDiv5 .conDiv .textDiv .date{color: #999999;font-size: 14px; }

.indexDiv5 .conDiv .textDiv .tit{color: #1d0f61;font-size: 20px;margin: 10px 0; }

.indexDiv5 .conDiv .textDiv p{font-size: 14px;color: #666666;margin-bottom: 25px;line-height: 1.7; }

.indexDiv5 .conDiv .textDiv span{color: #de241d;font-size: 14px; }

.indexDiv5 .brDiv .textDiv{border: 1px solid #f1f1f1;border-radius: 4px;margin-bottom: 12px;background: #fff;padding: 20px; } 

.indexDiv5 .brDiv .imgDiv{border-radius: 4px;overflow: hidden; }



.nyBanner .wrap{position:relative;height: 20.833vw;color: #fff;justify-content: flex-start;align-items: flex-end; }

.nyBanner .textDiv{padding-bottom: 3vw;}

.nyBanner .textDiv span{font-size: 1.875vw;font-weight: bold;}



.breadcrumbDiv{font-size: 0.83vw;margin-top: 1vw;}

.breadcrumbDiv a{color: #fff;} 



.casesDiv{padding: 40px 0 80px;}

.casesDiv .bdDiv .row{margin: 0 -10px 20px; }

.casesDiv .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px; }

.casesDiv .bdDiv .row>div a{display: block;height: 100%;background: #fafbfc;border: 1px solid #eeeeee;}

.casesDiv .bdDiv .row>div .imgDiv{position: relative;padding-top: 65.8%;overflow: hidden; }

.casesDiv .bdDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }

.casesDiv .bdDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }

.casesDiv .bdDiv .row>div .textDiv{padding: 20px 20px 30px;}

.casesDiv .bdDiv .row>div .textDiv .tag{font-size: 14px;color: #999999; }

.casesDiv .bdDiv .row>div .textDiv .title{font-size: 18px;color: #333;margin: 10px 0 0;font-weight: bold; }

.casesDiv .bdDiv .row>div a:hover .textDiv .title{color: #271567;}



.pageDiv{text-align: center;}

.pageDiv a,.pageDiv span{display: inline-block;line-height: 40px;margin: 0 5px;color: #333333;width: 40px; border-radius: 2px;font-size: 14px;border: 1px solid #eeeeee; }

.pageDiv span{color: #fff;background: #271567;border-color: #271567; }



.twoMenuDiv1 .bdDiv{overflow: hidden;}

.twoMenuDiv1 a{display: block;color: #666666;float: left;line-height: 64px;position: relative;margin: 0 40px 0 0; }

/* .twoMenuDiv1 a:before{content: "";width: 1px;height: 13px;background: #e6e6e6;position: absolute;left: 0;top: 50%;transform: translateY(-50%); } */

.twoMenuDiv1 a.active:after{content: "";width: 36px;height: 2px;background: #271567;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); }

.twoMenuDiv1 a.active,.twoMenuDiv1 a:hover{color: #271567;}



.nyTitle{text-align: center;}

.nyTitle span{color: #271567;display: block; }

.nyTitle .line{width: 24px;height: 3px;background: #271567;margin: 20px auto 0; }



.productDiv{padding: 80px 0;background: #f4f8fb; }

.productDiv .bdDiv {margin-top: 80px; }

.productDiv .bdDiv .row{margin: 0 -10px; }

.productDiv .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px; }

.productDiv .bdDiv .row>div a{display: block;text-align: center;height: 100%;background-color: #fff; }

.productDiv .bdDiv .row>div .imgDiv{position: relative;padding-top: 100%;overflow: hidden; }

.productDiv .bdDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }

.productDiv .bdDiv .row>div .imgDiv .pic img{max-width: 100%;max-height: 100%; }

.productDiv .bdDiv .row>div .titleDiv{padding: 20px 10px;color: #464646;border: 1px solid #eef1f4;border-top: 0; }

.productDiv .bdDiv .row>div a:hover .titleDiv{color: #271567; }



.rencaiDiv{padding: 40px 0 60px;background: #f4f8fb; }

.rencaiDiv .bdDiv ul{margin-bottom: 40px; }

.rencaiDiv .bdDiv ul li{margin-bottom: 16px; }

.rencaiDiv .bdDiv ul li a{display: block;background: #fff;padding: 30px 40px; }

.rencaiDiv .bdDiv ul li .title{color: #333333;font-size: 20px;margin-bottom: 15px; }

.rencaiDiv .bdDiv ul li .p{color: #999999;line-height: 1.7; }

.rencaiDiv .bdDiv ul li a:hover .title{color: #271567;font-weight: bold; }



.newsDiv{padding: 40px 0 60px;}

.newsDiv ul{margin-bottom: 40px;}

.newsDiv ul li a{display: block;padding: 24px 0;border-bottom: 1px solid #eaeaea; }

.newsDiv ul li .imgDiv{width: 250px;height: 140px;float: left;overflow: hidden;}

.newsDiv ul li .imgDiv img{width: 100%;height: 100%;object-fit: cover;}

.newsDiv ul li .textDiv{width: calc(100% - 280px);float: right;}

.newsDiv ul li .textDiv .text{width: calc(100% - 136px);padding-right: 30px; }

.newsDiv ul li .textDiv span{font-size: 20px;color: #333;margin-top: 10px;}

.newsDiv ul li .textDiv p{font-size: 14px;color: #999999;margin-top: 15px;line-height: 2; }

.newsDiv ul li .textDiv .date{width: 136px;color: #999999;font-size: 14px;border-left: 1px solid #e6e6e6;text-align: right;display: flex;flex-direction: column;padding-right: 30px; }

.newsDiv ul li .textDiv .date span{font-size: 24px;font-weight: bold;color: #271567; }

.newsDiv ul li a:hover .textDiv span{color: #271567;font-weight: bold; }





.contactDiv1{padding: 60px 0 80px;}

.contactDiv1 .hdDiv{padding:30px 0;box-shadow: 0px 0px 18px rgba(0,0,0,.08);align-items: stretch;margin-bottom: 42px; }

.contactDiv1 .hdDiv .leftDiv{width: 45.75%;border-right: 1px solid #eeeeee;padding: 0 40px; }

.contactDiv1 .hdDiv .leftDiv .title{padding-top: 30px; }

.contactDiv1 .hdDiv .leftDiv .text{margin: 35px 0;}

.contactDiv1 .hdDiv .leftDiv .text .p{margin: 20px 0; }

.contactDiv1 .hdDiv .leftDiv .p img{margin-right: 11px;}

.contactDiv1 .hdDiv .leftDiv .ewmDiv img{width: 114px; }

.contactDiv1 .hdDiv .leftDiv .ewmDiv span{display: block;color: #999999;margin-left: 15px;line-height: 1.8; }

.contactDiv1 .hdDiv .rightDiv{width: 54.167%;padding: 0 40px; }

.contactDiv1 .hdDiv .rightDiv .title{font-size: 18px;padding-left: 6px;border-left: 4px solid #271567;line-height: 1;margin:30px 0 36px; }

.contactDiv1 .hdDiv .rightDiv .row{margin: 0 -10px; }

.contactDiv1 .hdDiv .rightDiv .row>div{padding: 0 10px;margin-bottom: 20px; }

.contactDiv1 .hdDiv .rightDiv form{width: 100%;}

.contactDiv1 .hdDiv .rightDiv form input{width: 100%;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 14px;font-size: 14px;color: #999999;border-radius: 4px; }

.contactDiv1 .hdDiv .rightDiv form textarea{width: 100%;border: 1px solid #e6e6e6;padding: 10px 14px;font-size: 14px;color: #999999;resize: none;height: 168px;border-radius: 4px;display: block; }

.contactDiv1 .hdDiv .rightDiv form button{width: 160px;line-height: 40px;border: 0;color: #fff;background: #271567;cursor: pointer;border-radius: 4px; }

.contactDiv1 .bdDiv{margin-bottom: 30px;line-height: 2; }



.aboutDiv1{padding: 40px 0 80px; }

.aboutDiv1 .tabsDiv{margin-bottom: 60px;flex-wrap: wrap; }

.aboutDiv1 .tabsDiv a{padding: 10px 20px;border: 1px solid #cccccc;border-radius: 24px;color: #1d0f61;margin: 5px 10px;text-align: center; }

.aboutDiv1 .tabsDiv a.on{background: #271567;color: #fff;border-color: #271567; }

.aboutDiv1 .bdDiv .th{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #e6e6e6;margin-bottom: 30px;color: #271567; }

.aboutDiv1 .bdDiv .textDiv{color: #596273;line-height: 1.875;display: none; }

.aboutDiv1 .bdDiv .textDiv.on{display: block; }



.aboutDiv2{padding: 80px 0;background: #fbfafc;overflow: hidden; }

.aboutDiv2 .bdDiv{margin-top: 38px;position: relative; }

.aboutDiv2 .imgDiv{padding-top: 72.54%;background: #fff; }

.aboutDiv2 .imgDiv .pic{padding: 8px 15px; }

.aboutDiv2 .title{margin-top: 15px;text-align: center; }

.aboutDiv2 .swiper-button-prev,.aboutDiv2 .swiper-button-next{width: 28px;height: 48px;}

.aboutDiv2 .swiper-button-prev{background: url(../img/l2.png) rgba(0,0,0,.3) no-repeat center center;left: -58px; }

.aboutDiv2 .swiper-button-next{background: url(../img/r2.png) rgba(0,0,0,.3) no-repeat center center;right: -58px; }



.aboutDiv3{padding: 80px 0; }

.aboutDiv3 .bdDiv{margin-top: 10px;position: relative;}

.aboutDiv3 .bdDiv .row{margin: 0 -10px;}

.aboutDiv3 .bdDiv .row>div{padding: 0 10px;margin-top: 20px; }

.aboutDiv3 .bdDiv .conDiv{background: #1d0f61;height: 100%;}

.aboutDiv3 .bdDiv .imgDiv {position: relative;padding-top: 62.7%;}

.aboutDiv3 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.aboutDiv3 .bdDiv .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover;}

.aboutDiv3 .bdDiv .titleDiv{padding: 15px;color: #fff;text-align: center; }







.detailDiv {padding:80px 0;}

.detailDiv .articleDiv .hd .title{font-size: 30px;color: #333333;font-weight: bold;}

.detailDiv .articleDiv .hd .smTit{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #666666;border-top: 1px solid #e6e6e6;padding-top: 18px;margin-top: 40px;}

.detailDiv .articleDiv .hd .smTit span{display: inline-block;padding-left: 18px;}

.detailDiv .articleDiv .hd .smTit span.user{background: url(../img/user.png) no-repeat left center;text-transform: uppercase;margin-right: 30px;}

.detailDiv .articleDiv .hd .smTit span.date{background: url(../img/time1.png) no-repeat left center;}

.detailDiv .articleDiv .hd .smTit span.news{background: url(../img/news.png) no-repeat left center;margin-right: 20px;}

.detailDiv .articleDiv .bd {text-align: center;}

.detailDiv .articleDiv .bd p{font-size: 16px;color: #333333;line-height: 1.8;margin: 10px 0;text-align: left;}

.detailDiv .otherPage{border-top: 1px solid #e6e6e6;padding-top: 20px;}

.detailDiv .otherPage>div{margin-top: 10px;font-size: 14px;color: #999999;}

.detailDiv .otherPage>div a{color: #333;}

.detailDiv .otherPage>div a:hover{color: #4281df;}





/*body:after {

    content: '';

    position: fixed;

    z-index: 9998;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .8);

    display: none;

}

body.on-menu:after {

    display: block;

}*/









/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}

.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}

.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/



@media (max-width:1360px) {

	.aboutDiv2 .bdDiv{padding: 0 50px; }

	.aboutDiv2 .swiper-button-prev{left: 0; }

	.aboutDiv2 .swiper-button-next{right: 0; }

}

@media (max-width:1220px) {

	.wrap{padding: 0 50px;width: 100%;}

	.f40{font-size: 36px;}

	header .rightDiv .menu>ul>li{margin: 0 1.5vw;}

	header .rightDiv .otherDiv{margin-left: 1vw;}

	header .rightDiv .menu>ul>li>a::after{width: 42px;margin-left: -21px;}	

}

@media (max-width:1100px) {

	header .rightDiv .menu>ul>li{margin: 0 1vw;}

}

@media (min-width:992px) and (max-width:1024px) {

}

@media (min-width:768px) and (max-width:991px) {

	

}

@media (max-width:991px){

	.menu{width:100%}

	.menu ul{width:100%;display: block;}

	.menu>ul>li>a{padding: 0 20px;}

	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}

	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}

	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/

	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/

	.menu ul li a,.menu ul ul li a{width:100%}

	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}

	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}

	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}

	

	.indexHeader .menu ul ul li a{color:#fff;}

	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}

	

	.on-fixed .indexHeader .menu ul ul li a{color:#333;}

	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}

	

	.menu ul ul ul li a{padding-left:40px}

	.menu ul ul,

	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}

	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}

	#menu-line{display:none}

	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}

	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}

	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #fff}

	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}

	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}

	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;;z-index:99}

	

	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}

	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}

	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/

	

	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}

	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}

	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/

	

	

	.menu .submenu-button.submenu-opened:after{display:none}

	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}

	.menu ul ul ul{top: 0;}

	.menu li:hover>ul{left: auto;margin-left: auto;}

	.menu ul ul .wrap{padding:0 15px;}

	.menu ul ul .hd{display: none;}

	.menu ul ul .bd{padding: 0;}

	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}

	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/

	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}

	header:before{display: none;}

	header {

		position: fixed !important;

		z-index: 9999;

		top: 0;

		left: auto;

		right: 0;

		width: 100%;

		height: 50px;

		transition: right 300ms !important;

	}

	header .header-container{height: 50px;}

	header .logo a{height: 50px;width: initial;}

	header .logo a img{max-height: 60%;}

	header .mbtn {display: block;}

	body.on-menu header{background: rgba(255,255,255,.97);}

	body.on-menu.on-fixed  header{background:  rgba(255,255,255,.97);}

	body.on-menu header .mbtn{z-index: 1;}

	header .rightDiv .menu {

		float: right;

		position: fixed;

		top: 50px;

		right: 0;

		width: 100%;

		height: calc(100% - 50px);

		padding-top: 0;

		background-color: rgba(255,255,255,.97);

		/*border-bottom: 1px solid #f8f8f847;*/

		transition: right 300ms;

		right: -100%;

		padding: 0;

		overflow-y: auto;

	}

	.on-fixed header .rightDiv .menu{

		background-color: rgba(255,255,255,.97);

	}

	header .rightDiv .menu ul{float: initial;height: initial;}

	/*header .rightDiv .menu ul.open{background: #000;}*/

	header .rightDiv .menu ul li {

		padding: 0;

		margin: 0;

		/*border-bottom: 1px solid #f8f8f847;*/

		float: initial;

		position: relative;

	}

	header .rightDiv .menu ul li a {

		display: block;

		line-height: 50px;

		height: 50px;

		text-align: left;

		font-size: 16px;

	}

	header .rightDiv .menu>ul {display: block;padding-top: 0;}

	body.on-menu header .rightDiv .menu {right: 0;}

	body.on-menu .main {right: 0;}

	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}

	header .rightDiv .menu>ul>li>a::after{display: none;}

	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}

	header .rightDiv .menu>ul>li>a span{line-height: 50px;}

	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}

	header .rightDiv .menu>ul>li>a{color: #333;}

	.main {position: relative;right: 0;transition: right 300ms !important;}

	header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; }

	header .rightDiv .searchDiv{margin: 0 auto;}

	header .rightDiv .ssDiv .dImg{display: none;}

	header .rightDiv .ssDiv .hImg{display: block;}

	.menu ul ul .ul span{margin-top: 0;}

	/* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */

	header .rightDiv .menu>ul>li li{border: 0;}

	header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;color: #666;}

	/*.twoMenuDiv.onFixed{top: 50px;}

	.twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/

	

	.menu ul ul:before{display: none!important;}

	.menu ul ul:after{display: none!important;;}

	.menu ul ul a{padding: 0 15px;margin: 0;}

	.menu li:hover>ul{transform: translate(0);}

	header .rightDiv .otherDiv{position: relative;margin-left: 0;display: block;text-align: left;}

	header .rightDiv .otherDiv .telDiv{display: inline-block;line-height: 30px;margin-left: 15px;margin-right: 0;}

	header .rightDiv .ssDiv{justify-content: flex-start;}

	header .rightDiv .ssBtn{display: none;}

	header .rightDiv .searchDiv{opacity: 1;visibility: visible;transform: translate(0px);top: 0;position: relative;right: 0;}

	header .rightDiv .menu ul li .ulDiv{display: block;}

	.menu ul ul{height: initial;}

	.menu ul ul .ul{display: block;padding: 10px 30px 0;}

	.menu ul ul .ul li:nth-child(2){margin-left: 0;}

	/* .menu ul ul .ul span{color: #fff;} */

	.menu ul ul .ul a{/* color: #fff; */margin-top: 0;}

	

	header .logo{left: 15px;}

	header .rightDiv .otherDiv{right: 0;}

	header .rightDiv .searchDiv{padding: 0;}

	header .rightDiv .searchDiv form{margin: 0;width: 100%;}

	header .rightDiv .ssDiv.hover>.searchDiv{transform: translate(0);}

	.nyBody .main{margin-top: 50px; }

	.newsDiv ul li .textDiv .text{width: calc(100% - 90px);padding-right: 20px; }

	.newsDiv ul li .textDiv .date{width: 90px;padding-right: 5px; }

}



.hidden-xs{display: block;}

.visible-xs{display: none;}

/* 产品详情 */

.productDetailDiv{padding: 40px 0 60px;}

.productDetailDiv .hdDiv{align-items: flex-start;}

.productDetailDiv .hdDiv .leftDiv{width: calc(50% - 20px);}

.productDetailDiv .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}

.productDetailDiv .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;padding: 1px;}

.productDetailDiv .swiper-slide .pic{padding-top: 56.3%;position: relative;width: 100%;border: 1px solid #e6e6e6;}

.productDetailDiv .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}

.productDetailDiv .swiper-slide .pic .imgDiv img{max-width: 100%;max-height: 80%;}

.productDetailDiv .gallery-top {/*height: 80%;*/width: 100%;}

/*.znwlListDiv .gallery-top .swiper-slide {height: 380px;}*/

.productDetailDiv .gallery-thumbs {/*height: 20%;*/box-sizing: border-box;text-align: center;margin-top: 24px;}

.productDetailDiv .gallery-thumbs .swiper-slide {width: 25%;opacity: 1;}

.productDetailDiv .gallery-thumbs .swiper-slide-thumb-active .pic{opacity: 1;border: 1px solid #1d0f61;}

.productDetailDiv .swiper-button-next, .productDetailDiv .swiper-button-prev{width: 24px;height: 40px;margin-top: -20px;top: 50%;}

.productDetailDiv .swiper-button-next{background: url(../img/r1.png) rgba(0,0,0,.5) no-repeat center center;right: 0;}

.productDetailDiv .swiper-button-prev{background: url(../img/l1.png) rgba(0,0,0,.5) no-repeat center center;left: 0;}

.productDetailDiv .hdDiv .rightDiv{width: 50%;}

.productDetailDiv .hdDiv .rightDiv .p{margin: 20px 0 40px;line-height: 2;color: #666666;}

.productDetailDiv .hdDiv .rightDiv a{display: block;width: 38.5%;line-height: 40px;background: #1d0f61;color: #fff;text-align: center;}

.productDetailDiv .hdDiv .rightDiv a:hover{opacity: .8;}

.productDetailDiv .bdDiv .proDetailDiv{margin-top: 4vw;}

.productDetailDiv .bdDiv .pdh{padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;}

.productDetailDiv .bdDiv .pdh span{display: inline-block;position: relative;padding-left: 23px;}

.productDetailDiv .bdDiv .pdh span:before{content: '';width: 4px;height: 20px;background: #1d0f61;position: absolute;left: 0;top: 50%;margin-top: -10px;}

.productDetailDiv .bdDiv .pdb{padding: 2vw 0 0;}

.productDetailDiv .bdDiv .proDetailDiv .pdb {line-height: 2;}



/*手机*/

@media (max-width:767px) {

	/* html, body{min-width: initial;overflow-x: hidden;} */

	

	.hidden-xs{display: none;}

	.visible-xs{display: block;}

	.floatRightDiv{display: none;}

	.wrap{padding: 0 15px;width: 100%;}

	

	.f36{font-size: 24px;}

	.f30{font-size: 20px;}

	.f22{font-size: 18px;}

	.f20{font-size: 17px;}

	.f18{font-size: 16px;}

	

	.index-banner .img{height:60vw;}

	.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; }

	.index-banner .swiper-button-prev, .index-banner .swiper-button-next{width: 30px; }

	

	.indexTitle{text-align: center;}

	.indexTitle small{font-size: 14px;}

	.indexDiv1{padding: 35px 0; }

	.indexDiv1 .bdDiv{display: block; }

	.indexDiv1 .leftDiv{width: 100%; }

	.indexDiv1 .leftDiv .titleDiv{margin-bottom: 20px; }

	.indexDiv1 .leftDiv .titleDiv p{font-size: 16px; }

	.indexDiv1 .leftDiv ul li{text-align: center; }

	.indexDiv1 .leftDiv ul li span{margin-top: 0; }

	.indexDiv1 .leftDiv .titleDiv p{margin-bottom: 5px; }

	.indexDiv1 .rightDiv{width: 100%;margin-top: 20px; }

	.indexDiv2{padding: 40px 0 25px; }

	.indexDiv2 .bdDiv .row>div{margin-top: 30px; }

	.indexDiv3{padding: 35px 0 0; }

	.indexDiv3 .bdDiv{margin-top: 30px; }

	.indexDiv3 .bdDiv .row>div a{padding: 10px; }

	.indexDiv3 .bdDiv .row>div .textDiv{padding-left: 10px; }

	.indexDiv3 .bdDiv .row>div .textDiv .title{font-size: 18px; }

	.indexDiv3 .bdDiv .row>div .textDiv p{margin: 5px 0 20px;font-size: 13px; }

	.indexDiv4{padding: 35px 0; }

	.indexDiv4 .bdDiv{margin-top: 0;display: block; }

	.indexDiv4 .bdDiv .lunboDiv{width: 100%;margin-top: 20px; }

	.indexDiv4 .swiper-button-next, .indexDiv4 .swiper-button-prev{top: 40%; }

	.indexDiv4 .swiper-button-next{right: 5px; } 

	.indexDiv4 .swiper-button-prev{left: 5px; }

	.indexDiv4 .bdDiv .lunboDiv .lbDiv .titleDiv{height: 50px; }

	.indexDiv5{padding: 35px 0; }

	.indexDiv5 .bdDiv{margin-top: 10px; }

	.indexDiv5 .row{margin: 0;width: 100%; }

	.indexDiv5 .row>div{padding: 0;margin-top: 20px; }

	.indexDiv5 .blDiv .blhDiv span{font-size: 20px; }

	.indexDiv5 .blDiv{padding: 30px; }

	

	.footerDiv .hdDiv{padding: 20px 0 10px;}

	.footerDiv .hdDiv .flexbet{width: 100%;display: block;}

	.footerDiv .hdDiv .listDiv{width: 100%;margin-bottom: 20px;max-width: 100%;}

	.footerDiv .hdDiv .listDiv>span{margin-bottom: 10px;padding-bottom: 10px; }

	.footerDiv .hdDiv .aDiv{display: flex;flex-wrap: wrap; }

	.footerDiv .hdDiv .aDiv a{margin-right: 10px;margin-top: 5px; }

	.footerDiv .hdDiv .listDiv:nth-child(1){width: 100%;}

	.footerDiv .hdDiv .listDiv:last-child{width: 100%; }

	.footerDiv .hdDiv .listDiv .lxDiv{display: block;}

	.footerDiv .hdDiv .listDiv .lxDiv .p{width: 100%;}

	.footerDiv .hdDiv .listDiv .ewmDiv{margin: 20px auto 0;}

	.footerDiv .bdDiv .flexbet{display: block;}

	.footerDiv .bdDiv .linkDiv{display: inline-block;margin-top: 10px;}

	.footerDiv .bdDiv .linkDiv .defaultDiv{line-height: 30px;}

	

	.nyBanner .wrap{height: 36vw;}

	.nyBanner .textDiv{padding-bottom: 20px;}	

	.nyBanner .textDiv .line{width: 20px;margin: 10px 0;}

	.nyBanner .textDiv span{font-size: 18px;}

	.breadcrumbDiv{font-size: 14px;}

	

	.casesDiv{padding: 40px 0; }

	.casesDiv .bdDiv .row{margin: 0 -6px 20px;}

	.casesDiv .bdDiv .row>div{padding: 0 6px;margin-bottom: 15px; }

	.casesDiv .bdDiv .row>div .textDiv{padding: 10px; }

	.casesDiv .bdDiv .row>div .textDiv .title{font-size: 16px;margin: 5px 0 0; }

	.pageDiv a, .pageDiv span{line-height: 30px;width: 32px;margin: 0; }

	

	.contactDiv1{padding: 40px 0;}

	.contactDiv1 .hdDiv{display: block;}

	.contactDiv1 .hdDiv .leftDiv{width: 100%;border: 0;padding: 0 20px; }

	.contactDiv1 .hdDiv .leftDiv .title{padding-top: 0; }

	.contactDiv1 .hdDiv .leftDiv .p{margin-bottom: 20px;}

	.contactDiv1 .hdDiv .leftDiv .ewmDiv{text-align: center;}

	.contactDiv1 .hdDiv .rightDiv{width: 100%;margin-top: 20px;padding: 0 20px; }

	/* .contactDiv1 .hdDiv .rightDiv form input{margin-bottom: 10px;line-height: 40px;}

	.contactDiv1 .hdDiv .rightDiv form textarea{margin-bottom: 10px;height: 150px;} */

	.contactDiv1 .bdDiv{margin: 0 0 20px;font-size: 14px;}

	

	.rencaiDiv .bdDiv ul li a{padding: 15px 20px; }

	.rencaiDiv .bdDiv ul li .title{font-size: 18px;margin-bottom: 10px; }

	.rencaiDiv .bdDiv ul li .p{font-size: 14px; }

	

	.liuyanDiv{padding: 50px 0;}

	.liuyanDiv .bdDiv .hdDiv{padding: 20px;}

	.liuyanDiv .bdDiv .hdDiv span{font-size: 24px;}

	.liuyanDiv .bdDiv .formDiv{padding: 30px 20px;}

	.liuyanDiv .bdDiv .formDiv .row>div{margin-bottom: 15px;}

	.liuyanDiv .bdDiv .formDiv .row>div input{line-height: 38px;}

	.liuyanDiv .bdDiv .formDiv .row>div textarea{height: 130px;}

	

	

	.newsDiv{padding: 20px 0 60px;}

	.newsDiv ul li .imgDiv{width: 100%;height: 206px;}

	.newsDiv ul li .textDiv{width: 100%;margin-top: 10px;}

	.newsDiv ul li .textDiv span{font-size: 16px; }

	.newsDiv ul li .textDiv p{width: 100%;margin-top: 10px; }

	

	.detailDiv{padding: 40px 0;}

	.detailDiv .articleDiv .hd .title{font-size: 20px;}

	.detailDiv .articleDiv .hd .smTit{margin-top: 20px;padding-top: 10px;}

	

	.twoMenuDiv1 .bdDiv{overflow-x: auto;white-space:nowrap; }

	.twoMenuDiv1 .bdDiv a{display: inline-block;float: initial;line-height: 50px;margin-right: 30px; }

	.twoMenuDiv1 a:last-child{margin-right: 0; }

	

	.productDiv{padding: 40px 0;}

	.productDiv .bdDiv{margin-top: 40px; }

	.productDiv .bdDiv .row{margin: 0 -6px; }

	.productDiv .bdDiv .row>div{padding: 0 6px;margin-bottom: 12px; } 

	.productDiv .bdDiv .row>div .titleDiv{padding: 10px 5px; }

	

	

	.aboutDiv1{padding: 40px 0;}

	.aboutDiv1 .tabsDiv{margin-bottom: 30px; }

	.aboutDiv1 .bdDiv .th{padding-bottom: 20px;margin-bottom: 20px; }

	.aboutDiv1 .bdDiv .row>div{margin-bottom: 20px;}

	.aboutDiv2{padding: 40px 0;}

	.aboutDiv2 .bdDiv{margin-top: 20px;}

	.aboutDiv3{padding: 40px 0;}

	.aboutDiv3 .bdDiv{margin-top: 20px;}

	.aboutDiv3 .bdDiv .titleDiv{padding: 10px;font-size: 15px; }

	.aboutDiv3 .bdDiv .row{margin: 0 -6px; }

	.aboutDiv3 .bdDiv .row>div{padding: 0 6px;margin-top: 12px; }

	

	.productDetailDiv{padding: 70px 0 0;}

	.productDetailDiv .hdDiv{display: block;}

	.productDetailDiv .hdDiv .leftDiv{width: 100%;}

	.productDetailDiv .hdDiv .rightDiv{width: 100%;margin-top: 20px;}

	.productDetailDiv .hdDiv .rightDiv .p{margin: 10px 0 20px;}

	.productDetailDiv .bdDiv .proDetailDiv{margin-top: 40px;}

	.productDetailDiv .bdDiv .pdb{margin-top: 15px;}

	@media (max-width:320px) {

	}

	

}