/*fp-seed:d0pw01tz4f8n module-pyjsufuwh3*/
/*@font-face{ font-family: fontR; src: url('../fonts/91ab7403_SourceHanSansCN-Regular.otf')}*/
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #2c2c2c;overflow-x:hidden}
.wrap{max-width: 1400px;margin: 0 auto;width: 90%}
:root {
	--base_color: #0f4399;
	--base_bg: #0f4399}
ul{padding: 0;margin: 0}
ul li{list-style: none} 
.fl{float: left}
.fr{float: right}
a{ color: #000}
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;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}
.ovh6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;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; position: relative; z-index: 999}

.flexaro{display: flex;justify-content: space-around;align-items: center}
/*.flexbet{ position: absolute; bottom: 0px; z-index: 999; width: 100%; background: #000}*/

/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #333333;text-align: center;background: rgba(15,67,153,.90)}
header .wrap{max-width: 100%;padding: 0 9.3vw 0 4.1vw;height: 100px;width: auto}
header .logo a{height: 100px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center}
header .logo img{max-height: 80%}
header .logo img.hImg{display: none}
header .rightDiv{float: right}
header .rightDiv .menu{text-align: right;position: relative;font-size: 0}
header .rightDiv .menu>ul{display: inline-block!important;margin-right: 1.5vw}
header .rightDiv .menu>ul>li{float: left}
header .rightDiv .menu>ul>li>a{height: 100px;line-height: 100px;text-align: left;color: #ededed;position: relative;font-size: 16px;padding: 0 0.7vw}
header .rightDiv .menu>ul>li:hover>a{background: #0f4399!important;color: #fff!important; transition: 0.5s}
header .rightDiv .menu .on a{background: #0f4399!important;color: #fff!important; color: #fff}
/*header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background: none;color: #4581d8!important}
header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #4581d8;height: 2px;bottom: 20px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s}
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1)} */
header .otherDiv{height: 100px;position: relative;padding-left: 2vw}
header .otherDiv a.tel{color: #ededed;font-family: arial;font-weight: bold;font-size: 20px;position: relative;padding-left: 30px;background: url(../images/44219775_h-tel.png) no-repeat left center}
header .otherDiv:before{content: "";width: 1px;height: 36px;background-color: #e8e8e8;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}


header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../images/b6f1c6ce_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(../images/232ff8b9_menu-hide.png) no-repeat center center;background-size: 22px auto}

.on-fixed header{background: #fff; border-bottom: 1px solid #efefef}
.on-fixed header .logo img.dImg{display: none}
.on-fixed header .logo img.hImg{display: block}
.on-fixed header .rightDiv .menu>ul>li>a{color: #2c2c2c}
.on-fixed header .otherDiv a.tel{color: #2c2c2c;background: url(../images/edcd3ad3_h-tel_.png) no-repeat left center}
.on-fixed header .otherDiv:before{background: #2c2c2c}
.on-fixed header .mbtn{background: url(../images/1bf002dd_menu1.png) no-repeat center center}
body.on-menu.on-fixed header .mbtn{background: url(../images/7bf1f1fb_menu-hide1.png) no-repeat center center}


.on-menu header{background: #fff}
.on-menu header .logo img.dImg{display: none}
.on-menu header .logo img.hImg{display: block}
.on-menu header .rightDiv .menu>ul>li>a{color: #2c2c2c}
.on-menu header .otherDiv a.tel{color: #2c2c2c;background: url(../images/edcd3ad3_h-tel_.png) no-repeat left center}
.on-menu header .otherDiv:before{background: #2c2c2c}
.on-menu header .mbtn{background: url(../images/1bf002dd_menu1.png) no-repeat center center}
body.on-menu header .mbtn{background: url(../images/7bf1f1fb_menu-hide1.png) no-repeat center center}


/****底部***/
.footerDiv{background: #11387b;padding: 0 4vw}
.footerDiv .hdDiv{overflow: hidden;padding: 35px 0 20px;border-bottom: 1px solid #1f488f;color: #fff}
.footerDiv .hdDiv .row{margin: 0 -55px}
.footerDiv .hdDiv .row>div{padding: 0}
.footerDiv .hdDiv .row>div .conDiv{position: relative;padding: 0 55px}
.footerDiv .hdDiv .row>div .conDiv::after{content: "";width: 1px;height: 100%;background: #244e96;position: absolute;right: 0;top: 0}
.footerDiv .hdDiv .row>div:last-child .conDiv::after{display: none}
.footerDiv .hdDiv .row>div .conDiv img{margin-right: 26px}
.footerDiv .hdDiv .row>div .conDiv p{margin-top: 5px}
.footerDiv .bdDiv{color: #5d7aab;padding: 25px 0}
.footerDiv .bdDiv .leftDiv i{margin: 0 25px}
.footerDiv .bdDiv .leftDiv .banquan{margin-top: 15px}
.footerDiv .bdDiv .leftDiv .banquan a{margin-left: 30px}
.footerDiv .bdDiv .rightDiv{text-align: center}
.footerDiv .bdDiv .rightDiv p{margin-right: 20px}
.footerDiv .bdDiv .rightDiv img{width: 110px}
.footerDiv .bdDiv a{color: #5d7aab}
.footerDiv .bdDiv a:hover{color: #fff}
.footerDiv .bdDiv .beian{text-align: center;font-size: 14px}



/* .floatRightDiv{position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 99}
.floatRightDiv ul li{position: relative;margin: 10px 0}
.floatRightDiv ul li a{text-align: center;background: #4581d8;display: block;height: 60px;width: 60px;box-shadow: 0px 0px 16px rgba(0,0,0,.1);border-radius: 50%;display: flex;justify-content: center;align-items: center}
.floatRightDiv ul li .backTop{background: #fff;opacity: 0} */

/********************************* 首页 **********************************/
.main{}

/*banner轮播*/
.index-banner{width: 100%;position:relative}
.ui-homebanner .swiper-slide{overflow: hidden}
.ui-homebanner .img{width: 100%;display: block;height: 50vw;background: none no-repeat center;background-size: cover}
.ui-homebanner .swiper-pagination{bottom: 2vw}
.ui-homebanner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 5px;opacity:.5;transition: all .8s}
.ui-homebanner .swiper-pagination-bullet-active{width: 40px;opacity: 1;position: relative}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px}


.f36{font-size: 36px}
.f28{font-size: 28px}
.f26{font-size: 26px}
.f24{font-size: 24px}
.f18{font-size: 18px}
.f17{font-size: 17px}

.left{ float: left; display: inline}
.right{ float: right; display: inline}

.indexTitle{position: relative}
.indexTitle span{position: relative;display: block;color: #2c2c2c}
.indexTitle p{color: #666666;margin-top: 10px}
.indexTitle.tc{text-align: center}
.indexTitle.cfff span{color: #fff}
.indexTitle.cfff p{color: #fff;opacity: .47}

.indexDiv1{padding: 55px 0 60px}
.indexDiv1 .hdDiv{margin: 55px 0 23px;align-items: initial}
.indexDiv1 .hdDiv .leftDiv{width: 266px}
.indexDiv1 .hdDiv .leftDiv .hd{background: #0f4399;height: 112px;flex-direction: column;color: #fff}
.indexDiv1 .hdDiv .leftDiv .hd small{font-size: 14px}
.indexDiv1 .hdDiv .leftDiv .bd ul li{margin-top: 3px}
.indexDiv1 .hdDiv .leftDiv .bd ul li>a{display: block;padding: 19px 35px}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub{ background: #e4e4e4}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub:hover{ background: #0f4399; color: #fff}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub>a{ color: #666}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub>a:hover{ color: #fff}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub.on>a{background: url(../images/d70a1a39_xsj_.png) #0f4399 no-repeat right 25px center}
.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub .aDiv{background: #f2f2f2;display: none}
.indexDiv1 .hdDiv .leftDiv .bd ul li.on .aDiv{display: block}
.indexDiv1 .hdDiv .leftDiv .bd ul li .aDiv a{color: #666;display: block;padding: 10px 35px;border-top: 1px solid #fff;transition: all .6s}
.indexDiv1 .hdDiv .leftDiv .bd ul li .aDiv a:hover{padding-left: 50px;color: #fff;background: #0f4399}
.indexDiv1 .hdDiv .leftDiv .bd ul li.on>a{color: #fff;background: #0f4399}
.indexDiv1 .hdDiv .rightDiv{width: calc(100% - 298px)}
.indexDiv1 .hdDiv .rightDiv .swiper{height: 657px;padding: 0 1px}
.indexDiv1 .hdDiv .rightDiv .swiper-slide{height: calc((100% - 30px) / 2)}
.indexDiv1 .hdDiv .rightDiv .swiper-slide a{display: block;border: 1px solid #dfdfdf;height: 100%}
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px)}
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden}
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv .mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.indexDiv1 .hdDiv .rightDiv .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.indexDiv1 .hdDiv .rightDiv .swiper-slide a:hover{border: 1px solid #2c2c2c}
.indexDiv1 .hdDiv .rightDiv .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.indexDiv1 .bdDiv {position: relative;margin-top: 40px}
.indexDiv1 .bdDiv .swiper{position: relative}
.indexDiv1 .bdDiv .conDiv{align-items: initial}
.indexDiv1 .bdDiv .conDiv .imgDiv{width: 50%}
.indexDiv1 .bdDiv .conDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover}
.indexDiv1 .bdDiv .conDiv .textDiv{background: url(../images/021b84b3_p-bg.jpg) no-repeat center center/cover;width: 50%;padding: 4% 6% 5% 4%;position: relative}
.indexDiv1 .bdDiv .conDiv .textDiv .tag{position: absolute;top: 0; right: 22px;width: 45px;height: 56px;background: url(../images/2790f38a_tag.png) no-repeat center top;padding-top: 12px;text-align: center;color: #fff;font-weight: bold;font-size: 15px}
.indexDiv1 .bdDiv .conDiv .textDiv .titleDiv{border-bottom: 1px solid #c5c5c5;padding-bottom: 15px;position: relative}
.indexDiv1 .bdDiv .conDiv .textDiv .titleDiv:before{content: "";width: 20%;height: 1px;background: #1a51ae;position: absolute;left: 0;bottom: -1px}
.indexDiv1 .bdDiv .conDiv .textDiv .p{color: #666666;line-height: 2;margin: 40px 0}
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a{width: 156px;height: 47px;font-size: 14px}
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a img{transition: all .6s ease-out;width: 0;zoom: 1}
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:nth-child(1){background: #0f4399;color: #fff}
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:nth-child(2){background: #e0e0e4;color: #0f4399;margin-left: 23px}
.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a:hover img{width: 20px;margin-left: 25px}
.indexDiv1 .swiper-pagination{text-align: right;bottom: 8%;padding-right: 2.5%}
.indexDiv1 .swiper-pagination-bullet {width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 14px;color: #666666;opacity: 1;background: #fff}
.indexDiv1 .swiper-pagination-bullet-active {color: #fff;background: #0f4399}
.indexDiv1 .swiper-button-next, .indexDiv1 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 33px;height: 33px;margin-top: -16.5px}
.indexDiv1 .swiper-button-prev{background: url(../images/1400a84a_left.png) no-repeat center center;left: -60px;background-size: 100% 100%}
.indexDiv1 .swiper-button-next{background: url(../images/c8175a93_right.png) no-repeat center center;right: -60px;background-size: 100% 100%}
.swiper-button-next:after, .swiper-button-prev:after{display: none}

.indexDiv2{padding: 70px 0 75px;background: url(../images/3c524947_i-bg1.jpg) no-repeat center center;background-size: cover;background-attachment: fixed}
.indexDiv2 .bdDiv{margin-top: 50px}
.indexDiv2 .bdDiv .row{margin: 0}
.indexDiv2 .bdDiv .row>div{padding: 0;position: relative}
.indexDiv2 .bdDiv .row>div a{display: block;padding: 70px 12% 90px;position: relative;/* border-right: 1px solid #c7c7c7; */height: 100%;position: relative}
.indexDiv2 .bdDiv .row>div a::after{content: "";width: 1px;height: 70%;background: #c7c7c7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1}
.indexDiv2 .bdDiv .row>div a:before{content: "";width: 100%;height: 100%;top: 0;left: 0;background: #e4e4e4;z-index: 0;position: absolute;transition: all .5s}
.indexDiv2 .bdDiv .row>div a:hover:before{height: calc(100% + 36px);top: -18px;background: #e77d15;z-index: 2}
.indexDiv2 .bdDiv .row>div .textDiv{position: relative;z-index: 2}
.indexDiv2 .bdDiv .row>div .hImg{display: none}
.indexDiv2 .bdDiv .row>div a:hover .hImg{display: block}
.indexDiv2 .bdDiv .row>div a:hover .dImg{display: none}
.indexDiv2 .bdDiv .row>div:last-child a{border-right: 0} 
.indexDiv2 .bdDiv .row>div span{color: #2c2c2c;display: block;margin-top: 30px}
.indexDiv2 .bdDiv .row>div .line{width: 20%;height: 1px;background: #6f6f6f;margin: 25px 0}
.indexDiv2 .bdDiv .row>div p{color: #666666}
.indexDiv2 .bdDiv .row>div .moreBtn{display: block;width: 120px;line-height: 36px;border: 1px solid #ffffff;color: #ffffff;opacity: .59;text-align: center;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);opacity: 0;z-index: 2}
.indexDiv2 .bdDiv .row>div a:hover span,.indexDiv2 .bdDiv .row>div a:hover p,.indexDiv2 .bdDiv .row>div a:hover .moreBtn{color: #fff}
.indexDiv2 .bdDiv .row>div a:hover .moreBtn{opacity: .59}
.indexDiv2 .bdDiv .row>div a:hover .line{background: #fff}


.indexDiv3{padding: 60px 0 50px}
.indexDiv3 .swiper{margin-top: 55px;padding-bottom: 40px}
.indexDiv3 .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px}
.indexDiv3 .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px}
.indexDiv3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
.indexDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.indexDiv3 .swiper{height: 657px}
.indexDiv3 .swiper-slide{height: calc((100% - 30px) / 2)}
.indexDiv3 .swiper-slide a{display: block;height: 100%}
.indexDiv3 .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf}
.indexDiv3 .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden}
.indexDiv3 .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.indexDiv3 .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.indexDiv3 .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.indexDiv3 .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c}
.indexDiv3 .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.indexDiv3 .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c}

.indexDiv4{background: url(../images/ea4c6e44_i-bg2.jpg) no-repeat center center/cover;color: #fff;padding: 50px 0}
.indexDiv4 .leftDiv{width: calc(100% - 300px);max-width: 1081px}
.indexDiv4 .leftDiv img:nth-child(1){width: 20.4%}
.indexDiv4 .leftDiv img:nth-child(2){width: 77.1%;margin-left: 2%}
.indexDiv4 .rightDiv{text-align: right}
.indexDiv4 .rightDiv .tel{font-size: 15px}
.indexDiv4 .rightDiv .tel span{font-size: 25px;font-weight: bold}
.indexDiv4 .rightDiv a{width: 155px;line-height: 43px;background: #e77d15;color: #fff;font-size: 18px;display: inline-block;text-align: center;margin: 15px 30px 0 0}

.indexDiv5{padding: 50px 0 60px}
.indexDiv5 .bdDiv{margin-top: 40px;align-items: initial}
.indexDiv5 .bdDiv .leftDiv{width: 50.7%;position: relative;display: flex;justify-content: space-between;align-items: center;overflow: hidden}
.indexDiv5 .leftDiv .smallDiv{width: 194px;position: relative}
.indexDiv5 .swiper {width: 100%;height: 100%;margin-left: 0;margin-right: auto}
.indexDiv5 .gallery-top {height: 100%;width: calc(100% - 197px)}
.indexDiv5 .gallery-top .swiper-slide{display: flex;justify-content: center;align-items: center;height: 100%}
.indexDiv5 .gallery-top .swiper-slide .imgDiv{display: flex;justify-content: center;align-items: center;height: 375px}
.indexDiv5 .gallery-top .swiper-slide img{height: 100%;width: 100%;object-fit: cover}
.indexDiv5 .gallery-thumbs {height: 375px;box-sizing: border-box}
.indexDiv5 .gallery-thumbs .swiper-slide .imgDiv{height: 123px;display: flex;justify-content: center;align-items: center}
.indexDiv5 .gallery-thumbs .swiper-slide img{height: 100%;width: 100%;object-fit: cover}
.indexDiv5 .gallery-thumbs .swiper-slide-thumb-active {border-color: #0052d9}

.indexDiv5 .bdDiv .rightDiv{width: 47.93%;background: #313131;padding: 70px 3.6%;color: #fff}
.indexDiv5 .bdDiv .rightDiv .p{line-height: 2.625;color: #e8e8e8;margin-bottom: 35px}
.indexDiv5 .bdDiv .rightDiv .moreBtn{color: #b9b9b9}
.indexDiv5 .bdDiv .rightDiv .moreBtn a{color: #b9b9b9}
.indexDiv5 .bdDiv .rightDiv .moreBtn i{margin: 0 30px}
.indexDiv5 .bdDiv .rightDiv .moreBtn a img{margin-right: 17px}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child img{margin-left: 13px;transition: all .5s}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child:hover img{transform: translateX(5px)}
.indexDiv5 .bdDiv .rightDiv .moreBtn a:hover{color: #fff}

.indexDiv6{padding-bottom: 40px}
.indexDiv6 .bdDiv{margin: 45px 0}
.indexDiv6 .bdDiv .row>div.col-sm-3{flex: 0 0 27.5%;max-width: 27.5%}
.indexDiv6 .bdDiv .row>div.col-sm-6{flex: 0 0 45%;max-width: 45%}
.indexDiv6 .bdDiv .row>div .imgDiv{position: relative;padding-top: 63.91%}
.indexDiv6 .bdDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden}
.indexDiv6 .bdDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover}
.indexDiv6 .bdDiv .row>div .conDiv{display: block;height: 100%}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv{padding: 20px}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .title{color: #2c2c2c}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .date{color: #9e9e9e;font-size: 14px;margin: 15px 0}
.indexDiv6 .bdDiv .row>div a.conDiv{background: transparent;padding: 0}
.indexDiv6 .bdDiv .row>div a.conDiv:hover{background: #0f4399}
.indexDiv6 .bdDiv .row>div .conDiv .textDiv .p{color: #888;line-height: 1.5}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .title{color: #fff}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .date{color: #92aedd}
.indexDiv6 .bdDiv .row>div a.conDiv:hover .textDiv .p{color: #92aedd}
.indexDiv6 .bdDiv .row>div .conDiv{background: #f6f6f6;padding: 0 9%}
.indexDiv6 .bdDiv .row>div .conDiv a{display: block;padding: 40px 0;border-bottom: 1px solid #e2e2e2;position: relative}
.indexDiv6 .bdDiv .row>div .conDiv a:before{content: "";width: 0;height: 1px;background: #2c2c2c;position: absolute;left: 0;top: 0}
.indexDiv6 .bdDiv .row>div .conDiv a:after{content: "";width: 0;height: 1px;background: #2c2c2c;position: absolute;left: 0;bottom: 0}
.indexDiv6 .bdDiv .row>div .conDiv a:last-child{border-bottom: 0}
.indexDiv6 .bdDiv .row>div .conDiv a .textDiv{padding: 0}
.indexDiv6 .bdDiv .row>div .conDiv a:hover:before{width: 100%;transition: all .6s}
.indexDiv6 .bdDiv .row>div .conDiv a:hover:after{width: 100%;transition: all .6s}
.indexDiv6 .bdDiv .row>div .conDiv a:hover .textDiv .title{color: #0f4399}
.indexDiv6 .moreBtn{width: 178px;height: 47px;border: 1px solid #aaa;color: #b9b9b9;margin: 0 auto}
.indexDiv6 .moreBtn img{margin-left: 10px}
.indexDiv6 .moreBtn:hover{background: #0f4399;color: #fff}


/*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,.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}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.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>li.has-sub>a{padding-right:0}
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;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}
.indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff}
.on-fixed  .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333}
.menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important}
.menu>ul>li.has-sub.on>a::after{border-color:#f80e02}*/
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: 100%}
.menu li:hover>ul{left:0}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:10px}
.menu ul ul li:hover>ul{left: auto;margin-left: 0}/*common-j2i3d7qy3*/
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px}
.menu ul ul{background: #fff}
.menu ul ul li a .iconDiv{margin-bottom: 30px}
.menu ul ul li>a{font-size: 16px;color:#fff;text-decoration:none;-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 ul li .alist a{display: block;font-size: 16px;color: #666666;margin-top: 15px;text-decoration:none;-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 ul li>a:hover,.menu ul ul li a:hover{opacity: .8}
header .rightDiv .menu>ul>li{position: relative}
header .rightDiv .menu>ul>li ul{min-width: 160px}
header .rightDiv .menu>ul>li:hover ul{margin-left: 50%;transform: translateX(-50%)}
header .rightDiv .menu>ul>li li{display: block;float: initial;width: 100%}
header .rightDiv .menu>ul>li li a{font-size: 14px;color: #666666;margin: 0;line-height: 44px;font-weight: normal;text-align: left;text-transform: capitalize;border-bottom: 1px solid #e6e6e6;text-align: center}
header .rightDiv .menu>ul>li li a:hover{color: #4581d8}
.menu ul .default ul{padding: 0}


/*.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:1420px) {
	header .wrap{padding: 0 20px}
	.f36{font-size: 30px}
	.f28{font-size: 24px}
	.f26{font-size: 22px}
	.f24{font-size: 20px}
	.f18{font-size: 17px}
	.f17{font-size: 16px}
	.indexDiv1 .swiper-pagination{bottom: 10px}
	.indexDiv6 .bdDiv .row>div .conDiv a{padding: 30px 0}
}
@media (max-width:1220px) {
	.wrap{padding: 0 15px}
	header .logo a{width: 170px}
	header .rightDiv .menu>ul>li{margin-right: 2vw;font-size: 15px}
	header .otherDiv a.tel{font-size: 18px}
	.f36{font-size: 28px}
	.f28{font-size: 22px}
	.f26{font-size: 20px}
	.f24{font-size: 18px}
	.f18{font-size: 16px}
	.f17{font-size: 15px}
	.indexDiv4 .rightDiv .tel span{font-size: 20px}
	.indexDiv5 .bdDiv .rightDiv .moreBtn i{margin: 0 10px}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a img{margin-right: 8px}
	.indexDiv6 .bdDiv .row>div .conDiv a{padding: 20px 0}
	.indexDiv4 .rightDiv a{width: 120px;line-height: 36px;font-size: 14px}
	.footerDiv .bdDiv{font-size: 14px}
	.footerDiv .bdDiv .leftDiv i{margin: 0 10px}
	.footerDiv .hdDiv .row{margin: 0 -25px}
	.footerDiv .hdDiv .row>div .conDiv{padding: 0 25px}
	.footerDiv .hdDiv .row>div .conDiv img{margin-right: 15px}
	
}
@media (max-width:1100px) {
	
}
@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 30px;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:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;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,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;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}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;color: #fff;border-bottom: 0}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff}*/
/*	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important}
	header .logo a{height: 50px;width: initial}
	header .logo a img{max-height: 50%}
	/*body.on-menu header {right: 45%}*/
	header .mbtn {display: block}
	body.on-menu header .mbtn{z-index: 1}
	body.on-menu header{background: #fff}
	body.on-menu.on-fixed header {
	    background: #fff}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background: #fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto}
	.on-fixed header .rightDiv .menu{
		background: #fff}
	body.on-menu.on-fixed .rightDiv .menu {
	    background: #fff}
	header .rightDiv .menu ul{float: 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>li>a small{display: none}
	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,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none}
	.menu ul ul{box-shadow: none}
	.menu ul ul li a .iconDiv{display: none}
	.menu ul ul li>a{margin-bottom: 0}
	.menu ul ul li .alist a{margin: 0}
	.main {position: relative;right: 0;transition: right 300ms !important}
	header .wrap{height: 50px}
	header .otherDiv{margin-right: 40px;height: 50px}
	header .otherDiv:before{display: none}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a{font-size: 14px}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a:last-child img{margin-left: 5px;margin-right: 0}
	.indexDiv2 .bdDiv .row>div a{padding: 30px 12% 50px}
	.indexDiv2 .bdDiv .row>div p{font-size: 14px}
	.indexDiv2 .bdDiv .row>div .moreBtn{bottom: 0px;width: 100px;line-height: 30px;font-size: 14px}
	
	.f36{font-size: 24px}
	.f28{font-size: 20px}
	.f26{font-size: 18px}
	.f24{font-size: 16px}
	.f18{font-size: 15px}
	.f17{font-size: 14px}
	.indexDiv1 .bdDiv .conDiv .textDiv .btnDiv a{width: 120px;height: 34px}
	.indexDiv1 .bdDiv .conDiv .textDiv .p{margin: 20px 0}
	.indexDiv4 .rightDiv .tel span{font-size: 20px}
	.indexDiv5 .gallery-top{width: 100%}
	.indexDiv5 .leftDiv .smallDiv{display: none}
	.indexDiv5 .bdDiv .rightDiv{padding: 40px 3%}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a:not(:last-child) img{display: none}
	.indexDiv5 .gallery-top .swiper-slide .imgDiv{height: 320px}
	
}

.hidden-xs{display: block}
.visible-xs{display: none}

/*手机*/
@media (max-width:767px) {
	
	.quickMenuDiv{position: fixed;bottom: 0;left: 0;width: 100%;background: #0f4399;text-align: center; z-index: 999}
	.quickMenuDiv ul li{width: 25%}
	.quickMenuDiv ul li a{height: 60px;color: #fff;flex-direction: column}
	.quickMenuDiv ul li a img{height: 18px;margin-bottom: 3px}
	
	
	header{background: #fff}
	header .logo img.dImg{display: none}
	header .logo img.hImg{display: block}
	header .rightDiv .menu>ul>li>a{color: #2c2c2c}
	header .otherDiv a.tel{color: #2c2c2c;background: url(../images/edcd3ad3_h-tel_.png) no-repeat left center}
	header .otherDiv:before{background: #2c2c2c}
	header .mbtn{background: url(../images/1bf002dd_menu1.png) no-repeat center center}
	body.on-menu.on-fixed header .mbtn{background: url(../images/7bf1f1fb_menu-hide1.png) no-repeat center center}
	
	body{font-size: 14px}
	.wrap{padding: 0 15px;width: 100%}
	header .wrap{padding: 0 15px;width: 100%}
	.hidden-xs{display: none}
	.visible-xs{display: block}
	
	.floatRightDiv{right: 0}
	.floatRightDiv ul li a{width: 40px;height: 40px}
	.floatRightDiv ul li a img{max-width: 50%}
	
	/* header{background: #} */
	header .otherDiv{margin-right: 30px}
	header .otherDiv a.tel{padding-left: 25px}
	header .logo a img{ margin-top: 5px}
	.ui-homebanner .img{height: 60vw}
	.ui-homebanner .textDiv span{font-size: 20px}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px}
	.ui-homebanner .swiper-pagination-bullet{width:8px;height: 8px}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
	.main{margin-top: 25px}
	.navDiv ul{flex-wrap: wrap;background: #0f4399; margin-top: 55px}
	.navDiv ul li{width: 33.3%;text-align: center}
	.navDiv ul li a{line-height: 40px;color: #fff}
	
	.indexTitle p{margin-top: 5px}
	.indexDiv1{padding: 0px 0}
	.indexDiv1 .hdDiv{margin-top: 30px;display: block}
	.indexDiv1 .hdDiv .leftDiv{width: 100%}
	.indexDiv1 .hdDiv .leftDiv .hd{height: 60px}
	.indexDiv1 .hdDiv .leftDiv .hd small{font-size: 12px}
	.indexDiv1 .hdDiv .leftDiv .bd ul li>a{padding: 10px 20px}
	.indexDiv1 .hdDiv .rightDiv{width: 100%;margin-top: 30px}
	.indexDiv1 .hdDiv .rightDiv .swiper{height: 230px}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide .textDiv{height: 45px;padding: 0 15px}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide .imgDiv{height: calc(100% - 45px)}
	.indexDiv1 .hdDiv .rightDiv .swiper-slide{height: 100%}
	.indexDiv1 .bdDiv .conDiv{display: block}
	.indexDiv1 .bdDiv .conDiv .imgDiv{width: 100%}
	.indexDiv1 .bdDiv .conDiv .textDiv{width: 100%}
	.indexDiv1 .swiper-button-next, .indexDiv1 .swiper-button-prev{display: none}
	.indexDiv1 .bdDiv .swiper{padding-bottom: 50px}
	.indexDiv1 .swiper-pagination{bottom: 0;text-align: center}
	
	.indexDiv2{padding: 50px 0}
	.indexDiv2 .bdDiv{margin-top: 30px}
	.indexDiv2 .bdDiv .row>div a{padding: 20px 10px 40px 15px}
	.indexDiv2 .bdDiv .row>div img{width: 32px}
	.indexDiv2 .bdDiv .row>div span{margin-top: 15px;font-size: 16px}
	.indexDiv2 .bdDiv .row>div .line{margin: 10px 0}
	.indexDiv2 .bdDiv .row>div .moreBtn{width: 80px; line-height: 24px; font-size: 12px}
	
	.indexDiv3{padding: 50px 0}
	.indexDiv3 .swiper{margin-top: 30px;height: 600px;padding-bottom: 30px}
	.indexDiv3 .swiper-slide { height: calc((100% - 10px) / 2)}
	
	.indexDiv4{padding: 30px 0}
	.indexDiv4 .bdDiv{display: block}
	.indexDiv4 .leftDiv{width: 100%;display: block;text-align: center}
	.indexDiv4 .leftDiv img:nth-child(1){width: 30%}
	.indexDiv4 .leftDiv img:nth-child(2){width: 100%;margin-top: 10px}
	.indexDiv4 .rightDiv{text-align: center;margin-top: 10px}
	.indexDiv5 .bdDiv{display: block;margin-top: 20px}
	.indexDiv5 .bdDiv .leftDiv{width: 100%}
	.indexDiv5 .gallery-top{width: 100%}
	.indexDiv5 .bdDiv .leftDiv{display: block}
	.indexDiv5 .gallery-top .swiper-slide .imgDiv{height: 70vw}
	.indexDiv5 .bdDiv .rightDiv{width: 100%;padding: 40px 20px}
	.indexDiv5 .bdDiv .rightDiv .p{line-height: 2;margin-bottom: 20px}
	.indexDiv5 .bdDiv .rightDiv .moreBtn a img{max-height: 20px;max-width: 20px}
	.indexDiv6 .bdDiv .row>div.col-sm-3,.indexDiv6 .bdDiv .row>div.col-sm-6{flex: 0 0 100%;max-width: 100%;margin-bottom: 20px}
	.indexDiv6 .bdDiv .row>div .conDiv .textDiv .title{font-size: 16px}
	.indexDiv6 .bdDiv .row>div .conDiv .textDiv .date{margin: 10px 0}
	.indexDiv6 .bdDiv{margin: 25px 0 0}
	.indexDiv6 .moreBtn{width: 120px;height: 35px}
	
	.footerDiv {padding-bottom: 60px}
	.footerDiv .hdDiv{padding: 20px 0}
	.footerDiv .hdDiv .wrap{display: block}
	.footerDiv .hdDiv .row>div .conDiv img{height: 20px}
	.footerDiv .hdDiv .row>div{margin: 10px 0}
	.footerDiv .bdDiv .flexbet{display: block}
	.footerDiv .bdDiv .rightDiv{justify-content: center;margin: 20px 0}
	
	
	
	@media (max-width:320px) {
		
		
		
	}
}

.page_bg{background: #f4f4f4}
.page_bread{ width: 1400px; margin: auto; height: 60px; line-height: 60px; background: url(../images/5c00fa65_weizhi.png) no-repeat #f4f4f4; padding-left: 30px; color: #666666; font-size: 14px}
.page_bread a{ color: #666666; font-size: 14px}
.page_bread a:hover{ color: var(--base_color); text-decoration: underline}

.left_tel{ width: 100%; min-height: 200px; background:  url(../images/db083439_left_tel.png) #e77d15 no-repeat; margin-top: 30px; color: #fff}
.left_tel_wenzi{ text-align: center; font-size: 18px; font-weight: bold; padding-top: 25px}
.left_tel_tel{ padding-left: 80px; margin-top: 10px; font-size: 22px; font-weight: bold; line-height: 30px}
.left_tel_address{ padding-left: 20px; padding-right: 20px; font-size: 14px; color: #f4caa2; margin-top: 10px}

.rightPic .hdDiv .rightDiv{ }
.rightPic .hdDiv .rightDiv .swiper{height: 657px;padding: 0 1px}
.rightPic .hdDiv .rightDiv .swiper-slide{height: calc((100% - 30px) / 2)}
.rightPic .hdDiv .rightDiv a{display: block;border: 1px solid #dfdfdf;height: 100%}
.rightPic .hdDiv .rightDiv .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px)}
.rightPic .hdDiv .rightDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden}
.rightPic .hdDiv .rightDiv .imgDiv .pic img{max-width: 100%;max-height: 100%}
.rightPic .hdDiv .rightDiv .imgDiv .mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.rightPic .hdDiv .rightDiv .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.rightPic .hdDiv .rightDiv .swiper-slide a:hover{border: 1px solid #2c2c2c}
.rightPic .hdDiv .rightDiv a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.rightPic .bdDiv {position: relative;margin-top: 40px}
.rightPic .bdDiv .swiper{position: relative}
.rightPic .bdDiv .conDiv{align-items: initial}
.rightPic .bdDiv .conDiv .imgDiv{width: 50%}
.rightPic .bdDiv .conDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover}
.rightPic .bdDiv .conDiv .textDiv{background: url(../images/021b84b3_p-bg.jpg) no-repeat center center/cover;width: 50%;padding: 4% 6% 5% 4%;position: relative}
.rightPic .bdDiv .conDiv .textDiv .tag{position: absolute;top: 0; right: 22px;width: 45px;height: 56px;background: url(../images/2790f38a_tag.png) no-repeat center top;padding-top: 12px;text-align: center;color: #fff;font-weight: bold;font-size: 15px}
.rightPic .bdDiv .conDiv .textDiv .titleDiv{border-bottom: 1px solid #c5c5c5;padding-bottom: 15px;position: relative}
.rightPic .bdDiv .conDiv .textDiv .titleDiv:before{content: "";width: 20%;height: 1px;background: #1a51ae;position: absolute;left: 0;bottom: -1px}
.rightPic .bdDiv .conDiv .textDiv .p{color: #666666;line-height: 2;margin: 40px 0}
.rightPic .bdDiv .conDiv .textDiv .btnDiv a{width: 156px;height: 47px;font-size: 14px}
.rightPic .bdDiv .conDiv .textDiv .btnDiv a img{transition: all .6s ease-out;width: 0;zoom: 1}
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:nth-child(1){background: #0f4399;color: #fff}
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:nth-child(2){background: #e0e0e4;color: #0f4399;margin-left: 23px}
.rightPic .bdDiv .conDiv .textDiv .btnDiv a:hover img{width: 20px;margin-left: 25px}
.rightPic .swiper-pagination{text-align: right;bottom: 8%;padding-right: 2.5%}
.rightPic .swiper-pagination-bullet {width: 26px;height: 26px;text-align: center;line-height: 26px;font-size: 14px;color: #666666;opacity: 1;background: #fff}
.rightPic .swiper-pagination-bullet-active {color: #fff;background: #0f4399}
.rightPic .swiper-button-next, .rightPic .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 33px;height: 33px;margin-top: -16.5px}
.rightPic .swiper-button-prev{background: url(../images/1400a84a_left.png) no-repeat center center;left: -60px;background-size: 100% 100%}
.rightPic .swiper-button-next{background: url(../images/c8175a93_right.png) no-repeat center center;right: -60px;background-size: 100% 100%}
.swiper-button-next:after, .swiper-button-prev:after{display: none}

.mark_pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.mark_pic: hover;{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}

.about_menu{ width: 900px; margin: auto}
.about_menu li{ width: 20%; height: 56px; line-height: 56px; text-align: center; background: #e4e4e4; color: #666666; float: left; margin-right: 2%; margin-left: 3%}
.about_menu li:hover{background: #0f4399; color: #fff; transition: 0.5s}
.ziye_title{ width: 100%; border-bottom: 1px solid #dcdcdc; height: 62px; line-height: 62px; position: relative}
.ziye_title_rt{ width: 6px; height: 20px; background: var(--base_color); position: absolute; top: 22px}
.ziye_title_nav{ text-align: left; padding-left: 20px; font-size: 24px; border-bottom: 1px solid var(--base_color); width: 130px; position: absolute; top: -1px}
.main_info{ padding-top: 20px; line-height: 3; font-size: 16px}
.ziye_title_weizhi{ position: absolute; top: 10px; left: 790px; font-size: 16px; color: #b9b9b9; width: 100px}
.ziye_title_weizhi a{ color: #b9b9b9}
.ziye_title_weizhi a:hover{ color: var(--base_color); text-decoration: underline}
.ziye_title_fubiaoti{ font-size: 14px; color: #bbbbbb; position: absolute; top: 1px; left: 140px}

/*about*/
.ziyeCase{padding: 60px 0 50px}/*vendor:4z7gbqymqunw*/
.ziyeCase .swiper{padding-bottom: 40px}
.ziyeCase .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px}
.ziyeCase .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px}
.ziyeCase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
.ziyeCase .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.ziyeCase .swiper{height: 377px}
.ziyeCase .swiper-slide{height: calc((100% - 0px) / 1)}
.ziyeCase .swiper-slide a{display: block;height: 100%}
.ziyeCase .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; box-sizing: border-box }
.ziyeCase .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden}
.ziyeCase .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.ziyeCase .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.ziyeCase .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.ziyeCase .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c; box-sizing: border-box}
.ziyeCase .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.ziyeCase .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c}

.changqvPic{padding: 50px 0 50px}
.changqvPic .wrap{ width: 99%}
.changqvPic .swiper{padding-bottom: 40px}
.changqvPic .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px}
.changqvPic .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px}
.changqvPic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
.changqvPic .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.changqvPic .swiper{height: 377px}
.changqvPic .swiper-slide{height: calc((100% - 0px) / 1)}
.changqvPic .swiper-slide a{display: block;height: 100%}
.changqvPic .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf; box-sizing: border-box }
.changqvPic .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden}
.changqvPic .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.changqvPic .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.changqvPic .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.changqvPic .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c; box-sizing: border-box}
.changqvPic .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.changqvPic .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c}

#page_right{ width: 900px}
.picList{padding: 60px 0 50px}
.picList .swiper{padding-bottom: 40px}
.picList .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px}
.picList .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px}
.picList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
.picList .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.picList .swiper{height: 377px}
.picList .swiper-slide{height: calc((100% - 0px) / 1)}
.picList .swiper-slide a{display: block;height: 100%}
.picList .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf}
.picList .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden}
.picList .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.picList .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.picList .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.picList .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c}
.picList .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.picList .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c}

.proCase{padding: 60px 0 50px}
.proCase .swiper{padding-bottom: 40px}
.proCase .swiper-pagination-bullet{width: 11px;height: 11px;background: #d4d4d4;opacity: .5;border-radius: 12px}
.proCase .swiper-pagination-bullet-active{opacity: 1;background: #1a51ae;width: 34px}
.proCase .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
.proCase .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.proCase .swiper{height: 377px}
.proCase .swiper-slide{height: calc((100% - 0px) / 1)}
.proCase .swiper-slide a{display: block;height: 100%}
.proCase .swiper-slide .imgDiv{position: relative;/* padding-top: 66.67%; */height: calc(100% - 62px);border: 1px solid #dfdfdf}
.proCase .swiper-slide .imgDiv .pic{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;overflow: hidden}
.proCase .swiper-slide .imgDiv .pic img{max-width: 100%;max-height: 100%}
.proCase .swiper-slide .imgDiv .mark{position: absolute;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.41);-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform:rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;opacity: 0}
.proCase .swiper-slide .textDiv{border-top: 1px solid #dfdfdf;height: 62px;padding: 0 30px;color: #2c2c2c}
.proCase .swiper-slide a:hover .imgDiv{border: 1px solid #2c2c2c}
.proCase .swiper-slide a:hover .imgDiv .mark{opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3)}
.proCase .swiper-slide .title{text-align: center;padding: 15px;color: #2c2c2c}

.ziye_link{ line-height: 34px; margin-top: 20px; font-size: 17px}
.ziye_link a{ color: #888888; font-size: 16px}
.ziye_link a:hover{ color: var(--base_color); text-decoration: underline}

#tpl_news li{ border-bottom: 1px solid #e4e4e4; padding: 30px; line-height: 32px; position: relative}
#tpl_news li:hover{ background: var(--base_color); color: #fff; transition: 0.5s}
.news_title{ font-size: 18px}
.news_content{ font-size: 16px; opacity: 0.7; margin-top: 10px; margin-bottom: 15px}
.news_button{ width: 170px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; border: 1px solid #e4e4e4}
.news_time{ position: absolute; top: 30px; right: 37px; opacity: 0.7}

/*联系我们	*/
.contact_nav li img{ margin-bottom: 20px}
.contact_nav li{ float: left; display: inline; text-align: center; width: 23%; margin-left: 1%; margin-right: 1%; border: 1px solid #ebebeb; line-height: 32px; padding-top:40px; padding-bottom: 40px; margin-bottom: 20px}

.pro_case_title{ color: #2c2c2c; font-size: 36px; text-align: center; margin-top: 60px; margin-bottom: -30px; line-height: 40px}
.pro_case_title span{ color: #666666; font-size: 16px}

.clear{ clear: both}
.t_c{text-align: center}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    width: 32px;
    margin: 2px;
    padding: 0 2px;
    height: 32px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden}

.goods02 {padding:0 0 10px;background: #fff}
.goods02 h3 {margin-top:15px;margin-bottom: 10px;font-size:24px;line-height: 32px}
.goods02-main-img {border:1px solid #eee;overflow:hidden; height: 400px; line-height: 400px}
.goods02-imgmore {margin-top:10px;padding: 0 50px}
.goods02-imgmore-slide {border:1px solid #f5f5f5;overflow:hidden;cursor:pointer}
.goods02-imgmore-slide img,.goods02-main-img img {max-height:100%;max-width:100%;width:unset}
.goods02-imgmore-slide.active {border:1px solid #007ac4}
.goods02-right .goods02-options {padding:15px 0; height: 120px; margin-top: 20px}
.goods02-right .goods02-options dl {display:flex;flex-flow: row wrap}
.goods02-right .goods02-options dl dt {flex:1;flex-basis:27%;color:#909090;margin-bottom:10px;padding-left:6%;font-weight:normal}
.goods02-right .goods02-options dl dd {flex:1;flex-basis:72%;padding-left:10px;color:#4e4e4e;line-height: 1.5;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis}
.goods02-right .last-dt,.goods02-right .last-dd {border-top:1px solid #eee;line-height: 20px;padding-top:10px}
.goods02-right .goods02-submit {margin-top:10px;padding:10px 0}
.goods02-right .goods02-submit div a:hover { background: #e77d15; color: #fff}
.goods02-right .goods02-submit div {flex:1}
.goods02-right .goods02-submit div a {background:var(--base_color);color:#fff;width:180px;margin:0 5px;line-height: 34px;text-align:center;display:block;line-height: 50px;font-size:16px; width: 200px; height: 50px}
.goods02-right .goods02-submit div:nth-child(1) {padding-right:0px}
.goods02-right .goods02-submit div:nth-child(2) {line-height: 17px;color:#797979;margin-top:15px}
.goods02-right .goods02-submit div b {font-size:16px;display:block;color:#f00}
.goods02-slide-title {color:#999;position:relative;padding-left:10px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.goods02-slide-title:after {content:'';background:#007ac4;position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;width:3px}
.goods02-prev.swiper-button-prev {font-size:0;background:url(../images/94e3f44f_r.png) no-repeat center}
.goods02-next.swiper-button-next {font-size:0;background:url(../images/5d6b2ce8_l.png) no-repeat center}
.goods02-prev.swiper-button-prev:after,.goods02-next.swiper-button-next:after {font-size:0}
.goods02-next.swiper-button-next.swiper-button-disabled, .goods02-prev.swiper-button-prev.swiper-button-disabled {display:block}
.shuiyin {font-size: 18px;line-height: 40px;color: #fff;left: 0;top: 0;right:0;bottom:0;opacity: 0.5;position: absolute;z-index: 999;display:flex;align-items:center;justify-content: center;text-align: center}
.right_1{ width: 64px; height: 30px; background: #007ac4; color: #fff; text-align: center; float: left}
.right_2{ float: left; margin-left: 20px}
.goods02-right .goods02-options li { font-size: 14px; margin-bottom: 10px}
.goods02-contact{ border: 1px solid #c7c7c7; margin-top: 30px}
.goods02-contact li{ float: left; height: 100px; padding-left: 90px; padding-top: 20px; color: #000}
.pro_link{border-right: 1px solid #c7c7c7; width: 50%}
.pro_mobile{}
.goods02-contact li b{ color: #888888}
.goods02-right{ background: #f2f2f2; padding: 40px}
.goods02_type{ width: 180px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #dddddd; background: #fff; margin-top: 20px}
.goods02_content{font-size: 16px; line-height: 32px; color: #888888; margin-top: 20px}
.goods02_tel{ color: #2c2c2c; font-size: 16px; font-weight: bold; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding-top: 15px; padding-bottom: 15px; margin-top: 20px}
.goods02_tel span{ color: #0f4399; font-size: 22px; font-size: 22px}
.goods02_fuwu{ color: #2c2c2c; font-size: 16px; font-weight: bold; margin-top: 20px; color: #2c2c2c; height: 30px; line-height: 30px}
.goods02_fuwu li{ width: 18%; margin-right: 2%; font-weight: normal; background: #e77d15; float: left; text-align: center; color: #fff}
.pro_content{ padding-left: 20px}
.pro_youshi li{ height: 150px; width: 48%; margin-left: 1%; margin-right: 1%; border: 1px solid #dddddd; position: relative; margin-top: 20px}
.pro_youshi_tt{ background: var(--base_color); height: 150px; width: 41%; color: #fff; font-size: 26px; padding-left: 80px; padding-top: 30px}
.pro_youshi_tt span img{ position: absolute; top: 50px; left: 20px}
.pro_youshi_nav{ width: 59%; font-size: 16px; line-height: 32px; padding: 30px 20px 30px 20px}

.contact-list{ margin-top: 60px}
.contact-list_fbt{ font-size: 16px; color: #2c2c2c; margin-top: 30px; margin-bottom: 30px}

.indexDiv6 {
	background-size: cover}

.indexDiv6 .content {
	display: flex;
	justify-content: space-between}

.indexDiv6 .content .frDiv {
	width: 55%}

.indexDiv6 .content .frDiv .textDiv {
	display: flex;
	justify-content: space-between;
	align-items: center}

.indexDiv6 .content .frDiv .Inp {
	width: 49%;
	height: 100%;
	background: #fff}

.indexDiv6 .content .frDiv input {
	width: 100%;
	height: 100%;
	padding: 0 16px;
	border: 0;
	height: 57px;
	background: #f0f0f0}

.indexDiv6 .content .frDiv ul li span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	color: #888}

.indexDiv6 .content .frDiv ul li textarea {
	height: 167px;
	background-color: #f0f0f0;
	resize: none;
	padding: 15px 20px;
	width: 100%;
	border: 0}

.indexDiv6 .content .frDiv ul li {
	margin-bottom: 7px}

.indexDiv6 .content .frDiv button {
	width: 232px;
	height: 57px;
	background: var(--base_color);
	background-size: 0 100%;
	color: #fff;
	margin-top: 3px;
	border: 0;
	outline: none;
	cursor: hand}
.indexDiv6 .content .frDiv button:hover{
	background-color: #e77d15;
	transition: 0.5s;
	cursor: pointer;
	color: #fff}
#verifyImg{ height: 58px; position: absolute; left: 234px}
#captcha{ width: 234px}
#product{ padding-top: 3rem}
.video_box{ height: 700px}
/*手机屏幕下的专用样式*/
@media screen and (max-width:992px) {
	.dv-1-hd{display: none}
	#page_banner{ margin-top: 3px; display: none}
	.de-page-mian .page-inner a.page-btn {
	    display: none}
	.de-page-mian .page-inner span {
	    display: none; color: #f00}
	.de-page-mian .page-inner input {
	    display: none}
	.indexDiv3::before{ background: #fff}
	/*.layui-layer{ width: 96%}*/
	#order_pro_nav{ width: 300px}
	#layui-layer1{ width: 95%}
	.in_pro_img{ height: 200px}
	.indexDiv3 .wenzi ul li{ margin-right: 40px}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 23%; left: 50px; font-size: 28px; font-weight: bold}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 53%; left: 50px; font-size: 16px}
	.page_bread{ margin-left: 20px}
	.about_menu{ width: 100%; margin: auto; margin-top: -30px}
	.contact_nav li{ width: 46%; margin-left: 2%; margin-right: 2%; height: 240px; margin-bottom: 30px}
	#verifyImg{ height: 60px; position: absolute;  left: 160px}
	#captcha{ width: 300px}
	.about_menu li{ width: 28%}
	.indexDiv2 .textDiv{ text-align: center}
	.goods02-main-img{ height: 260px; line-height: 260px}
	.goods02-imgmore{ margin-bottom: 20px}
	#verifyImg{ left: 110px}
	.goods02-right .goods02-submit { margin-left: auto;  margin-right: auto}
	.main_info{ line-height: 2; font-size: 16px}
	.contact-list{ margin-top: 0px}
	.contact_nav li{ word-break: break-all}
	#tpl_news li{ padding-left: 10px; padding-right: 10px}
	.ziye_title_weizhi{ display: none}
	.ziyeCase{ height: 180px}
	.ziyeCase .swiper-slide .imgDiv{ height: 120px}
	.ziyeCase{ height: 170px}
	.changqvPic .swiper-slide .imgDiv{ height: 120px}
	#product{ padding-top: 1rem}
	.changqvPic .swiper{ height: 180px}
	.changqvPic{ padding: 30px 0 20px}
	.slider_type{ margin-top: 30px}

}
/*平板屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:992px) {
	.dv-2-hd{display: none}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 100px; left: 50px; font-size: 60px; font-weight: bold}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 50px; font-size: 25px}
	.ziyeCase{ height: 300px}
	.ziyeCase .swiper-slide .imgDiv{ height: 220px}
}
/*平板横屏下的专用样式*/
@media screen and (min-width:993px)and (max-width:1200px) {
	.dv-3-hd{display: none}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 130px; left: 100px; font-size: 40px; font-weight: bold}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 100px; font-size: 20px}
	header .rightDiv .menu>ul>li{ margin-right: 0px}
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px}
	.ziyeCase{ height: 280px}
	.ziyeCase .swiper-slide .imgDiv{ height: 200px}
	.ziye_title_weizhi{ display: none}
	.ziyeCase{ height: 430px}
	.changqvPic .swiper-slide .imgDiv{ height: 330px}
	#dv-4-hd{ display: none}
}
/*小PC屏幕下的专用样式*/
@media screen and (min-width:1201px)and (max-width:1440px) {
	.dv-4-hd{display: none}
	#dv-4-hd{ display: none}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 150px; left: 150px; font-size: 60px; font-weight: bold}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 250px; left: 150px; font-size: 25px}
	.page_bread{ margin-left: 20px}
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px}
	.pro_youshi_tt img{ display: none}
	.pro_youshi_tt{ padding-left: 30px}
	.ziye_title_weizhi{left: 790px}
	.ziyeCase{ height: 300px}
	.ziyeCase .swiper-slide .imgDiv{ height: 220px}
	.ziyeCase{ height: 430px}
	.changqvPic .swiper-slide .imgDiv{ height: 330px}

}
/*大PC屏幕下的专用样式*/
@media screen and (min-width:1441px)and (max-width:2920px) {
	.dv-5-hd{display: none}
	.inbanner_nav{ width: 1400px; margin: auto; position: relative}
	.inbanner_1{ position: absolute; z-index: 9; color: #fff; top: 200px; left: 0px; font-size: 70px; font-weight: bold}
	.inbanner_2{ position: absolute; z-index: 9; color: #fff; top: 320px; left: 0px; font-size: 30px}
	.de-page-mian .page-inner span {
	    display: block;
	    font-size: 14px;
	    color: #343434;
	    float: left;
	    line-height: 32px;
	    margin: 0 2px}

	.de-page-mian .page-inner input {
	    display: block;
	    float: left;
	    border: 0;
	    height: 32px;
	    width: 32px;
	    border-radius: 0;
	    text-align: center;
	    line-height: 32px;
	    font-size: 14px;
	    background-color: #ededed;
	    color: #333;
	    margin: 0 2px}
	.contact_nav{ margin-top: 20px}
	.about_menu{ width: 1000px; margin: auto}
	.about_menu li{ width: 23%; margin-right: 1%; margin-left: 1%}
	.pro_content{ margin-top: 40px}
	#news{ margin-top: 3rem}
	.ziye_title_weizhi{left: 950px}
	.ziyeCase{ height: 340px}
	.ziyeCase .swiper-slide .imgDiv{ height: 260px}
	.changqvPic .swiper{ height: 420px}
	.changqvPic .swiper-slide .imgDiv{ height: 330px}
	#changqv_more{ left: 1300px}
	.ziye_title{ width: 1000px}
	.slider_type{ width: 266px}
	#page_right{ max-width: 1130px}

}
/*PAGE

----------------------------------------*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0}

.de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden}

.de-page-mian .page-inner a {
    display: block;
    float: left;
    width: 32px;
    margin: 2px;
    padding: 0 2px;
    height: 32px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    overflow: hidden}

.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: var(--base_color);
    background: var(--base_color)}

.de-page-mian .page-inner a.prev {
    margin-left: 0;
    background: #fff url(../images/bdf8b440_prev.jpg) no-repeat center}

.de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/a054dd99_prev-hover.jpg) no-repeat center}

.de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd}

.de-page-mian .page-inner a.next {
    background: #fff url(../images/68c6403c_next.jpg) no-repeat center}

.de-page-mian .page-inner a.next.on {
    background: #fff url(../images/0a32a945_next-hover.jpg) no-repeat center}img

.de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd}

.de-page-mian .page-inner a.page-btn {
    font-size: 14px;
    margin-right: 20px;
    width: 50px;
    height: 32px;
    line-height: 32px}

.ImgScale img {
    transition: all 0.3s}

.ImgScale:hover img {
    /*transform: scale(1.05);*/
    opacity: 0.8}
.imgbox {
    position: relative;
    overflow: hidden}

.imgbox:after {
    content: '';
    display: block}
.imgbox:hover{ 
	background: #eeeeee}
.imgbox img, .imgbox video, .imgbox div.contbox{
	transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*transform: scale(1.05);*/
    object-fit: cover}
.imgbox_4_3:after {
    margin-top: 75%}