/*@font-face{ font-family: fontR; src: url('../fonts/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;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(0,0,0,.18);}

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; margin-left: 40px;}

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 3.1vw;}

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(../img/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(../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-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(../img/h-tel_.png) no-repeat left center; }

.on-fixed header .otherDiv:before{background: #2c2c2c; }

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

body.on-menu.on-fixed header .mbtn{background: url(../img/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(../img/h-tel_.png) no-repeat left center; }

.on-menu header .otherDiv:before{background: #2c2c2c; }

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

body.on-menu header .mbtn{background: url(../img/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;background: #e4e4e4; }

.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{background: url(../img/xsj.png)  no-repeat right 25px center; color: #666;}

.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub>a:hover{ color: #fff; }

.indexDiv1 .hdDiv .leftDiv .bd ul li.hasSub.on>a{background: url(../img/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(../img/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(../img/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(../img/left.png) no-repeat center center;left: -60px;background-size: 100% 100%;}

.indexDiv1 .swiper-button-next{background: url(../img/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(../img/i-bg1.png) 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(../img/i-bg2.png) 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;}

/*.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(../img/h-tel_.png) no-repeat left center; }

	header .otherDiv:before{background: #2c2c2c; }

	header .mbtn{background: url(../img/menu1.png) no-repeat center center;}

	body.on-menu.on-fixed header .mbtn{background: url(../img/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(../img/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(../img/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(../img/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(../img/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(../img/left.png) no-repeat center center;left: -60px;background-size: 100% 100%;}

.rightPic .swiper-button-next{background: url(../img/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; font-size: 16px; color: #b9b9b9; right: 0px;}

.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; }

.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: auto;}

.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; }



.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; text-align: center;}

.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;background:url(../img/pro_info.png) #edeef0; 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(../img/r.png) no-repeat center;}

.goods02-next.swiper-button-next {font-size:0;background:url(../img/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{ background: url(../img/pro_link.png) no-repeat center left; border-right: 1px solid #c7c7c7; width: 50%; }

.pro_mobile{ background: url(../img/pro_tel.png) no-repeat center left; }

.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; text-align: center; }

	.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; }

	.ziyeCase{ height: 180px; }

	.ziyeCase .swiper-slide .imgDiv{ height: 120px; }

	.ziyeCase{ height: 170px; }

	.changqvPic .swiper-slide .imgDiv{ height: 120px; }

	.changqvPic .swiper{ height: 180px; }

	.changqvPic{ padding: 30px 0 20px; }

	.slider_type{ margin-top: 30px; }

	.ziyeCase .swiper{ height: 160px;}

	.ziye_title{ margin-top: 20px; }

	.ziye_title_weizhi{ left: auto; top: 3px; right: 0px; }

	#product{ margin-top: -3rem; }

	#proinfo{ margin-top: -1rem; }

}

/*平板屏幕下的专用样式*/

@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; }

	.ziyeCase{ height: 430px; }

	.changqvPic .swiper-slide .imgDiv{ height: 330px; }

	.indexDiv1 .hdDiv .rightDiv{width: calc(100% - 298px); }

}

/*小PC屏幕下的专用样式*/

@media screen and (min-width:1201px)and (max-width:1440px) {

	.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; }

	.ziyeCase{ height: 300px; }

	.ziyeCase .swiper-slide .imgDiv{ height: 220px; }

	.ziyeCase{ height: 430px; }

	.changqvPic .swiper-slide .imgDiv{ height: 330px; }

	#dv-4-hd{display: none;}



}

/*大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; }

	.ziyeCase{ height: 340px; }

	.ziyeCase .swiper-slide .imgDiv{ height: 260px; }

	.changqvPic .swiper{ height: 420px; }

	.changqvPic .swiper-slide .imgDiv{ height: 330px; }

	#changqv_more{ left: 1300px; }

	.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(../img/prev.jpg) no-repeat center;

}



.de-page-mian .page-inner a.prev.on {

    background: #fff url(../img/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(../img/next.jpg) no-repeat center;

}



.de-page-mian .page-inner a.next.on {

    background: #fff url(../img/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%;

}