/*piblic*/
#service_list_a1 { display: none !important; }
[class*="BannerShow_b"] img { width: 100%; }
.BannerShow_b1 .swiper-pagination { font-size: 0; bottom: auto; width: auto; right: 3vw; left: auto; top: 50%; transform: translateY(-50%); }
.BannerShow_b1 .swiper-pagination-bullet { display: block; width: auto; height: auto; border-radius: 0; color: #fff; font-size: 20px; background: none; margin: 0 !important; opacity: 1; outline: none; }
.BannerShow_b1 .swiper-pagination-bullet:not(:first-child) { margin-top: 1vw !important; }
.BannerShow_b1 .swiper-pagination-bullet:after { content: ''; height: 0; width: 1px; display: block; margin: 0 auto; background: #ccc; transition: 0.5s ease 0s; }
.BannerShow_b1 .swiper-pagination-bullet-active:after { height: 2vw; margin-top: 1vw; }
.BannerShow_b1 .swiper-slide-active img { animation: img 8s linear 0s infinite; }
.BannerShow_b2 .swiper-pagination { font-size: 0; bottom: 5.5vw; padding: 1px 0; }
.BannerShow_b2 .swiper-pagination-bullet { margin: 0 !important; width: 3vw; transition: 0.5s ease 0s; height: 3vw; opacity: 1; background: none; border: 2px solid #fff; }
.BannerShow_b2 .swiper-pagination-bullet:not(:first-child) { margin-left: 3vw !important; }
.BannerShow_b2 .swiper-pagination-bullet-active { background: #fff; }
/*i1*/
.i1 {  padding: 2.5vw 0 2vw;width:100%;float:left; }
.ind-abt{margin-top:0px;background-position:center bottom;background-repeat: no-repeat;padding-bottom:435px;}
.ind-abt .intro{padding:0px 5%;line-height:30px;text-align: center; font-size:16px; color:#666;}
.ind-abt dl{background:#fff;position:relative;padding:70px 15%;overflow:hidden;}
.ind-abt dl dd{float:left;text-align: center;width:33.3333%;}
.ind-abt dl dd p{ font-size:16px; color:#666;}
.ind-abt dl dd span{font-size: 40px;font-weight: normal;color:#333;display:block;margin-bottom:5px;}
.ind-tit1{font-size:36px;color:#333;font-weight:normal;text-align: center;position: relative;margin-bottom:25px;padding-bottom:15px;}
.ind-tit1:after{content:"";position:absolute;left:50%;bottom:0px;width:45px;height:5px;background:#888;margin-left:-22px;} 
.wtaboimg {
    width: 100%;
    overflow: hidden;
    display: none;
}.contain {
    width: 1300px;
    margin: 0 auto;
}

.i1 .R { width: 38%; }
.i1 .LB span { line-height: 2; margin-top: 1.5vw; }
.i1 .LB, .i2 .LB { margin-top: 0vw; }
.i1 .i-btn, .i2 .i-btn { margin-top: 3vw; }
.i1 .R ul { margin-top: 1.5vw; }
.i1 .R li:not(:first-child) { margin-left: 3vw; }
/*i2*/
#i2-swiper2 { width: 100%; height: 100%; }
#i2-swiper2:after { content: ''; position: absolute; z-index: -1; }
.i2 .L { background: -webkit-linear-gradient(90deg, #006cb7, #006cb7); height: 100%; padding-left: 7.5vw; padding-right: 19vw; }
.i2 .R { height: 100%; padding: 4.5vw 7.5vw 7vw 18vw; background-color:#f5f6f8; }
.i2 .LB p { -webkit-line-clamp: 5; line-height: 2; max-height: 160px; margin-top: 2vw; }
.i2 .LB h3 { font-weight: normal; }
.i2 .i2-text p { margin-top: 5px; }
.i2 .R li { height: auto; margin-top: 2.5vw; width: auto; }
.i2 .R i { width: 3.5vw; height: 3.5vw; margin-left: 1vw; }
.i2 .R a { padding-right: 2vw; }
.i2 .R a:after { display: block; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; background: #fff; border-radius: 50%; border: 2px solid #888; box-sizing: border-box; transition: 0.5s ease 0s; width: 1vw; height: 1vw; }
.i2 .R .swiper-slide-thumb-active p, .i2 .R .swiper-slide-thumb-active h3 { color: #006cb7; }
.i2 .R .swiper-slide-thumb-active a:after { border-color: #006cb7; }
.i2 .M-border { height: 100%; width: 100%; animation: a2 40s linear 0s infinite; }
.i2 .M-border:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; z-index: -1; border: 1px solid #dcdcdc; box-sizing: border-box; }
.i2 .M-border:after { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #28395b; margin-top: 1px; animation: a3 40s linear 0s infinite; }
.i2 .M-box { position: absolute; width: 100%; height: 100%; padding: 1.5vw; left: 0; top: 0; z-index: 0; }
.i2 .M-bg { border-radius: 50%; width: 100%; height: 100%; box-shadow: 8px 0 1.5vw 0 rgba(40,57,91,0.1); }
.i2 .M ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.i2 .M li { position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: -1; transform: scale(0.5); opacity: 0; transition: 0.5s ease 0s; }
.i2 .M li img { max-height: 100%; max-width: 100%; transition: 0.5s linear 0s; }
.i2 .M li.on { transform: scale(1); opacity: 1; transition-delay: 0.4s; z-index: 0; }
.i2 .a1:hover span { color: #fff; }
.i2 .R a>div { width: calc(100% - 4.5vw); }
/*i3*/
.i3 { padding-top: 3.5vw;width:100%;float:left;padding-bottom:8vw; }
.i3 .L figure { width: 79%; margin-top: 1vw; }
.i3 .LB { margin-top: 1.5vw; }
.i3 .LB p { line-height: 2; }
.i3 .a1 span { margin-left: 0; margin-top: 0.8vw; }
.i3 .i-btn { position: absolute; right: 0; bottom: 0; z-index: 0; }
.i3 [class*="PhotoList"] li { margin-left: 0; margin-bottom: 0; margin-top: 1%; position: relative; z-index: 0; background: none; overflow: hidden; }
.i3 [class*="PhotoList"] li:not(:nth-child(4n+4)) {
width: 64.5%;
}
.i3 [class*="PhotoList"] li:nth-child(1), .i3 [class*="PhotoList"] li:nth-child(4n+4), .i3 [class*="PhotoList"] li:nth-child(4n+4)+li { width: 34.5%; }
.i3 [class*="PhotoList"] li:nth-child(even) { margin-left: 1%; }
.i3 [class*="PhotoList"] li a { height: 19vw; background: none; transition: 0.5s ease 0s; }
.i3 [class*="PhotoList"] li span { position: absolute; z-index: 1; top: 0; left: 0; color: #fff; margin: 1vw 0.5vw 0; border: none; text-align: left; max-width: calc(100% - 1vw); width: auto; padding: 0; white-space: normal; background: none; }
/*i4*/
.i4 { margin-top:0vw;width:100%;float:left; }
.i4>div { background: url(../images/img0-3.jpg) no-repeat center; background-size: cover; padding: 4vw 6vw 3vw; }
.i4 figure { margin-top: 1.5vw; }
.i4 p+img, .qq-btn { margin-top: 1vw; }
.i4 figure img, .qq-btn img { height: 20px; margin-right: 5px; }
.i4:after { content: ''; position: absolute; width: 100%; bottom: 0; left: 0; z-index: -1; background: #333; height: 6vw; }
.qq-btn { padding: 6px 15px; border: 1px solid #fff; border-radius: 999px; }
.i4 figure span { line-height: 1.4; max-width: calc(100% - 0px); }
.page, #load_more_button, [class*="PhotoList"] img {  }

.news li{float: left;width: 31.6%;}
.h-new li{margin-right: 2.6%;}
.news li:last-child{margin-right: 0;}
.news .relative{overflow: hidden;position: relative;}
.new-bot{padding: 30px 25px;}
.new-bot h4{font-size: 16px; color: #333;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:normal;}
.new-bot p{color: #999;line-height: 1.6em;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: left;}
.news .i{position: absolute;left: 0;bottom:-52px;background: #006cb7;height: 52px;width: 100%;opacity: 0;}
.news .i:after{content: '';width: 24px;height: 24px; position: absolute;left: 50%;top:50%; margin: -12px 0 0 -12px; background: url("../images/shi.png");}
.news li:hover .i{bottom:0;opacity: 1;}
.news li:hover .new-bot{box-shadow: 0 0 20px 1px #ddd;}
.news li:hover h4{ color: #006cb7;}

.img100 img {
    width: 100%;
    vertical-align: bottom;
}.shadow, .imgscale .img100 img, .news .i, .new-bot, .more, .more::after, .nav-yi::after, .dpnr, .sl-list::after, .new-bot h4, .footer-nav a, .fudong li, .menu-handler .burger, .history h4, .history h5, .hisdot::before, .hisdot, .whlist li, .wh-text h4, .wh-text p, .hide-nav img, .hide-nav a, .pro-shadow, .pro-line, .pro-lx, .prodcuts-bot .i::after, .prodcuts-bot .i::before, .prodcuts-bot p, .cpxq-btn div, .ssk-page::after, .popBtn div, .pop-close, .ckgd img, .gdan-con, .rdhd-list a::before, .rdhd-list a, .naver a::after, .position a, .xw h2, .xw p, .xw span, .sp-sm li, .sp-sm, .mdss-right::after, .lc li, .lc p, .lc li::after, .zp-list .i::after {
    transition: all .4s;
}
.contain p{color: #999; font-size:15px; text-align:center;margin-bottom:15px;}
.n-pro p{color: #999; font-size:15px; text-align:center;margin-bottom:25px;}
.i3 p{color: #999; font-size:15px; text-align:center;margin-bottom:15px;}
.news{margin-top:15px;}
#nio{position:absolute;bottom:-20%;left:0;z-index:99999;}
@keyframes img { 100% {
transform:scale(1.07);
}
}
@media screen and (min-width: 801px ) {

.i4 .M { max-width: 50%; }
.i1 .L { width: 32%; }
.i2 .M li:hover img, .i3 [class*="PhotoList"] li:hover a { transform: scale(1.1); }
.i2 .R a:hover h3 { color: #006cb7; }
#i2-swiper2:after { right: 0.8vw; top: 0; height: 100%; border-left: 1px dashed #727272; margin-right: -1px; }
.i2 .L:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: url(../images/img0-bg1.jpg) no-repeat bottom center; background-size: cover; }
.i2 .M { width: 32vw; height: 32vw; z-index: 1; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); }
.i2 { height: 43vw; width:100%;float:left;}
.i3 .L { width: 41%; }
.i3 .R { width: 59%; padding-left: 7.5%; }
}
@media screen and (min-width: 1101px ) {
#i2-swiper2:after { right: 0.5vw; }
.i2 .M{top: 61%;}

}

.i2-mobile{display:none;}
.i2-mobile_1{padding-left:15px;padding-right:15px;}
.i2-mobile_1 ul li{width:49%;float:left;margin-bottom:20px;}
.i2-mobile_1 ul li:nth-child(2n){float:right;}
.i2-mobile_1 ul li span{width:100%;float:left;border:solid 1px #ccc;}
.i2-mobile_1 ul li span img{max-width:100%;}
.i2-mobile_1 ul li p{width:100%;float:left; text-align:center; background-color:#006cb7; color:#fff;height:40px;line-height:40px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.mobile-more{display:none;width:100%;float:left;}
.mobile-more a{width:200px;display:block; text-align:center;margin:auto;margin-bottom:5%; background-color:#006cb7; color:#fff;height:40px;line-height:40px;}
.MenuList_f1 > ul > li:last-child{display:none;}
@media screen and (max-width: 1500px ) {
.BannerShow_b1 .swiper-pagination-bullet { font-size: 18px; }
.i4 p+img { width: 90px; }
}

@media screen and (max-width: 1300px ) {
.contain{width:100%;}}





@media screen and (max-width: 1100px ) {
	.i2{height:600px;}

.BannerShow_b1 .swiper-pagination-bullet { font-size: 16px; }
.i1 .LB span { line-height: 1.5; }
.i2 .L { padding-left: 4vw; }
.i2 .R { padding-right: 4vw; }
.i2 .M-border:after { width: 8px; height: 8px; }
.i2 .R a { padding-right: 3vw; }
.i2 .R a:after { width: 1.6vw; height: 1.6vw; }
.i2 .R i { width: 4.5vw; height: 4.5vw; }
.i2 .R a>div { width: calc(100% - 5.5vw); }
}
@media screen and (max-width: 800px ) {
	.MenuList_f1 > ul > li:last-child{display:block;}
	.i3 {padding-bottom:0;}
.head-1_a{width:50%;float:left; text-align:center;}
.head-1_b{width:50%;float:left; text-align:center;border-left:solid 1px #067dcf;}
.head-1_img{float:none;margin:auto;}
.head-1_tel{float:none;text-align:center;}
.head-1_emi{float:none;margin:auto;}
.head-1_emia{float:none;text-align:center;}
.head-main{ position:fixed;bottom:0;z-index:999; background-color:#006cb7;height:auto;}
.head-1{width:100%; display:block;}
.ind-tit1{ font-size:26px;}
#nio{display:none;}
.mobile-more{display:block;width:100%;float:left;}
.lear-more{display:none;}
#h-about{ background:none;}
.ind-abt{padding-bottom:0;}
.i2-mobile{display:block;width:100%;float:left;}
.i1 { background: url(../images/img0-1.png) no-repeat right bottom; background-size: 150% auto;}
.i1 .LB, .i1 .i-btn { margin-top: 5.5vw; }
.i1 .LB span { margin-top: 2vw; }
.i2 { padding-top: 6vw;display:none; }
.i2 .L { padding-right: 0; float: none; background: none; }
.i2 .R { float: none; }
.i2 .M { width: 78vw; height: 78vw; position: relative; transform: none; margin: 0 auto; left: 0; top: 0; margin-top: 5vw; z-index: 0; }
.i2 .M-box { padding: 4vw; }
.i2 .M-bg { box-shadow: 8px 0 5vw 0 rgba(40,57,91,0.1); }
.i2 .R { float: none; width: 100%; padding: 0; height: auto; margin-top: 15vw; }
.i2 .R a { padding-right: 0; }
.i2 .R a:after { position: static; width: 3vw; height: 3vw; margin: 4vw auto 0; transform: none; }
.i2 .i2-text p { margin-top: 1vw; }
.i2 .R a>div { width: auto; }
.i2 .R i { width: auto; height: 10vw; margin-left: 3vw; }
.i2 .R i img { max-height: none; max-width: none; height: 100%; }
#i2-swiper2:after { border-top: 1px dashed #727272; width: 100%; left: 0; bottom: 1.5vw; margin-bottom: -1px; }
#i2-swiper2 { /*padding: 0 4vw; */ }
.i2 .R li { margin-top: 0; }
.i2 .R li { margin: 0 5vw; }
.i2:before { content: ''; position: absolute; width: 50%; height: 116vw; left: 0; top: 0; z-index: -1; background: url(../images/img0-bg1.jpg) no-repeat bottom center; background-size: cover; }
.i2 .LB { position: absolute; z-index: -1; opacity: 0; bottom: 0; left: 0; }
.i2 .a1 i { margin: 0 auto; }
.i2 .a1 span { margin-left: 0; margin-top: 1vw; }
.i2 .i-btn { margin-top: 5vw; }
.i3 .LB { margin-top: 3vw; }
.i3 .L figure { margin: 3vw auto 0; }
.i3 .i-btn { position: static; text-align: left; margin-top: 4vw; margin-left: 7vw; }
.i3 [class*="PhotoList"] li a { height: 40vw; }
.i3 [class*="PhotoList"] li:nth-child(even) { margin-left: 2%; }
.i3 [class*="PhotoList"] li:not(:nth-child(4n+4)) {
 width: 64%;
}
.i3 {/* padding-top: 6.5vw; margin-top: 11.5vw; border-top: 1.4vw solid #f2f2f2; */}
.i3 [class*="PhotoList"] li:nth-child(1), .i3 [class*="PhotoList"] li:nth-child(4n+4), .i3 [class*="PhotoList"] li:nth-child(4n+4)+li { width: 34%; }
.i3 [class*="PhotoList"] li { margin-top: 2%; }
.i3 .R { margin-top: 7vw; }
.i3 [class*="PhotoList"] li span { padding: 1vw; }
.i4>div { background: url(../images/img0-3.jpg) no-repeat center; background-size: cover; padding: 8vw 5vw; }
.i4 figure { margin-top: 2.5vw; }
.i4 figure img, .qq-btn img { height: auto; margin-right: 2vw; width: 3vw; vertical-align: top; margin-top: 1vw; }
.i4 { margin-top: 0vw; }
.i4 .L { float: none; text-align:center; }
.i4 figure span {}
.qq-btn { display: none; }
}
@media screen and (max-width: 640px ) {
	.ind-abt dl dd span{ font-size:24px;}
	.n-pro p{padding-left:15px;padding-right:15px;}
	.contain p{padding-left:15px;padding-right:15px;}
	}
	
@media screen and (max-width: 500px ) {
	.ind-abt dl dd p{ font-size:14px;}
	.news li{width:100%;margin-right:0;margin-bottom:5%;}
	.news li{width:100%;}
	}