@charset "utf-8";
.BannerShow_c1 img{display: block;max-width: 100%;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
.p_ban{width: 100%;position: relative;border-radius: 0px 0px 0px 10.416vw;overflow: hidden;}
.p_ban a{display: block;max-height: 47.5vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}
.page,#load_more_button{display: none;}

.b-f5{background-color: #f5f5f5;}

.box .page, .box #load_more_button{display: none;}
.mymore{color: #fff;width: 8em;padding: 0.6em 0;box-sizing: border-box;background: #00509B;border: 1px solid #00509B;text-align: center;
    border-radius: 10px;position: relative;display: block;text-align: center;text-transform: uppercase;
}
.mob.more{display: none !important;}

.ResTitle_a2{line-height: 1.4;font-weight: bold;position: relative;z-index: 1;}
.ResTitle_a2 span{font-size: 2vw;display: block;z-index: 1;font-weight: bold;color: #00509B;padding-bottom: 1em;}
.ResTitle_a2 span::before{content: "";display: inline-block;width: 70px;height: 1px;background: #00509B;position: absolute;bottom: 0;left: 0;}
.ResTitle_a2 em{display: block;font-size: 4vw;text-transform: uppercase;opacity: 0.2;color: #00509B;font-family: Arial;display: none;}
.ResTitle_a2 br{display: none;}

.probtnbox{position: relative;height: 36px;text-align: right;}
.probtnbox div,.casebtnbox div{font-family: '宋体', Simsun;top: 0;position: static;width: 56px;height: 36px;display: inline-block;
    line-height: 36px;margin: 0;text-align: center;background: none;border-radius: 18px;border: 1px solid #fff;color: #fff;font-size: 1.5em;
}
.probtnbox .swiper-button-next,.casebtnbox .swiper-button-next{margin-left: 1em;}
.casebtnbox{position: relative;height: 36px;display: inline-block;margin-bottom: 1.77vw;}
.casebtnbox div{border-color: #00509b;color: #00509b;}
.probtnbox div:hover,.casebtnbox div:hover{background: #00509b;border-color: #00509b;color: #fff;}

.box-product {background:url(../images/bg2.png) right center no-repeat;background-size:cover;padding-top: 4.9vw;border-radius: 5.2vw 0 0 5.2vw;overflow: hidden;padding-bottom: 6.5625vw;}
.box-product .t{border-bottom: 1px solid #fff;padding-bottom: 0.8em;}
.box-product .ResTitle_a2 span:before{display: none;}
.box-product .ResTitle_a2 span{font-weight: bold;color: #FEFEFE;line-height: 1;}
.box-product .ProductList_b2 span{display: none;}
.box-product .ProductList_b2 li {float: left;width: 24.375vw;background: #FFFFFF;border: 4px solid transparent;box-shadow: 0px 0px 23px 3px rgba(35, 90, 66, 0.3);border-radius: 10px;box-sizing: border-box;}
.box-product .ProductList_b2 li a{background-size: 100% 100%;display: block;box-sizing: border-box;padding: 2vw;position: relative;}
.box-product .ProductList_b2 li h3{font-size: 26px;color: #4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
        font-weight: bold;padding-top: 1.4vw;margin-top: 2.6vw;border-top: 1px solid #A0A0A0;
    }
.box-product .ProductList_b2 li h3:after{content: "View more";font-size: 16px;color: #4c4c4c;font-family: Arial;display: block;margin-top: 0.6vw;font-weight: normal;
    padding:  0.5em 25% 0.5em 0;box-sizing:border-box;background: url(../images/prologo2.png) bottom right no-repeat;background-size: contain;
}
.box-product .ProductList_b2 li .picimg{display: block;height: 12vw;overflow: hidden;position: relative;box-sizing: border-box;}


.box-com {position: relative;padding: 5.2vw 0;overflow: hidden;}
.box-com:before{left: auto;right: 0;bottom: 4.8vw;}
.box-com .L{position: relative;z-index: 2; width: 66%;text-align: right;background:url(../images/aboutlogo.png) no-repeat;background-size: 27vw auto;
}
.box-com .L p,.box-com .L ul,.box-com .ResTitle_a2{z-index: 1;position: relative;text-align: left;}
.box-com .L p{width: 680px;max-width: 100%;}
.box-com .L .BannerShow_c1:after{content: "";height: 100%;top: 12.3vw;left: 15.73vw;position: absolute; display: block;width: 100%;background: #00509B;opacity: 0.15;border-radius: 5.2vw;}
.box-com .L .BannerShow_c1{width: 28.7vw;position: relative;display: inline-block;}
.box-com .L img{display: block;width: 100%;position: relative;z-index: 1;}
.box-com .R{position: relative;z-index: 2; width: 28%;margin-left: 2vw;border-radius: 0 5.2vw 5.2vw 0;overflow: hidden;}
.box-com ul li{display: inline-block;vertical-align: middle; padding-right: 3.2vw;box-sizing: border-box;max-width: 33.3%;}
.box-com ul li:nth-child(4){padding-right: 0;padding-top: 0;}

.box-case{position: relative;padding: 5.2vw 0;}
.box-case .casebtn{width:23%;height: 30.73vw;bottom: 0;left: 0;position: absolute;background:url(../images/case.png) no-repeat;background-size: 100% 100%;border-radius: 0px 5.2vw 0px 0px;}
.box-case .ResTitle_a2 span,.box-case .ResTitle_a2 em { color: #FFFFFF;}
.box-case .ResTitle_a2 span::before {width: 13.3vw;background: #FFFFFF;}
.box-case .L{width: 19%;padding-top: 3.3vw;}
.box-case .L .mymore{margin-top: 10vw;}
.box-case .R{width: 76.7%;position: relative;text-align: right;}
.box-case .R .PhotoList_i1{position: relative;z-index: 1;}
.box-case li{ position: relative;float: left;width: 22.3%;margin-right: 3.6%;text-align: center;}
.box-case li:nth-child(4n){margin-right: 0;}
.box-case li a{height: 21.875vw;display: block;background: url(../images/more.png) #00509B center no-repeat;}
.box-case li span{font-size: 20px;color: #4c4c4c;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;display: none;}
.box-case li h4{position: absolute;bottom: 7vw;font-size: 20px;font-weight: 400;color: #FFFFFF;width: 100%;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;display: none;}

.NewsList_g2 .nwimg img,.box-product .ProductList_b2 li .picimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-case li img{width: auto;height: auto;max-width: 90%;max-height: 90%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

.box-news{position: relative;padding: 5.2vw 0 8.854vw;z-index: 2;}
.box-news::before{position: absolute;right: 7.3vw;left: 23%; height: 35.417vw;border-radius: 0px 5.2vw 5.2vw 0px;overflow: hidden;background: #F5F5F5;content: "";top: 0;}
.box-news::after{position: absolute;right: 0;width: 20.416vw;height: 12.55vw;background:url(../images/newbglogo.png) no-repeat;background-size: 100% 100%;content: "";top: 18.7vw;z-index: -1;}
.box-news .newmorebtn {background: url(../images/newsmorebtn.png) no-repeat;background-size: 100% 100%;width: 50px;height: 50px;display: block;}
.box-news .ResTitle_a2{margin-bottom: 3.6vw;display: inline-block;}
.box-news .more{width: 3.5vw;margin-top: 10vw;min-width: 30px;}
.box-news .more img{display: block;width: 100%;}
.box-news .R{width: 52%;}
.box-news .L{width: 36%;margin-right: 7.3vw;position: relative;z-index: 1;}
.NewsList_g2 li{position: relative;padding: 1vw;color: #A0A0A0;box-sizing: border-box;border: 2px solid #A0A0A0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);padding: 1.5vw 8vw 1.5vw 120px;font-family: Microsoft YaHei;font-weight: 400;}
.NewsList_g2 li .timebox{width: 100px;background-color: #A0A0A0;color: #F5F5F5;position: absolute;left: 0;top: 0;height: 100%;text-align: center;display: block;}
.NewsList_g2 li .timebox .day{font-size: 42px;line-height: 2.2;}
.NewsList_g2 li .timebox .year{font-size: 14px;}
.NewsList_g2 li+li{margin-top: 1.3vw;}
.NewsList_g2 li+li .nwimg{left: auto;right: 0;}
.NewsList_g2 .nwimg{width: 43.9%; display: block;height: 100%;position: absolute;left: 0;top: 0; overflow: hidden;display: none;}
.NewsList_g2 h3{ display: block;margin-bottom: 0.677vw;}
.NewsList_g2 h3 a{font-size: 1.145vw;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 li .newstxt{ font-size: 14px;font-style: normal;line-height: 1.8;height: 3.6em;color: #333;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.wmore{display: block;color: #444;font-size: 14px;border: 1px solid #d2d2d2;line-height: 1.5;
    padding: 0.8em 0;width: 9em;text-align: center;border-radius: 1.5em;}
.NewsList_g2 li .newsbtn{position: absolute;right: 2vw;top: 50%;width: 46px;height: 46px;background: url(../images/newbtn.png) no-repeat;background-size: contain;margin-top: -23px;}
.NewsList_g2 li .ntime{width: 100%;font-size: 20px;display: block;height: auto;margin-bottom: 1.3vw;display: none;}

@media screen and (min-width: 1250px) {
    .NewsList_g2 li:hover .newsbtn{background-image: url(../images/newhbtn.png);}
	.NewsList_g2 li:hover{border-color: #00509B;}
	.NewsList_g2 li:hover .timebox{background-color: #00509B;}
	.NewsList_g2 li:hover h3 a{color: #00509B;}
	
    .box-product .ProductList_b2 li:hover{border-color: #00509B;}
    .box-product .ProductList_b2 li:hover h3{border-color: #00509B;}
	
    .box-case li:hover span{color:#00509B;}
    .box-case li a:hover img{opacity: 0.2;}
    .box-case li:hover h4{display: block;}

    .box-product .ProductList_b2 li a:hover h3:after{background-image: url(../images/prologo1.png);}
    .box-product .ProductList_b2 li a:hover h3,.box-product .ProductList_b2 li a:hover h3:after{color: #00509B;}

    .mymore:hover{background-color: #fff;color: #00509B;}
}
@media screen and (max-width: 1440px) {
	.box-com .L {width: 56.646vw;}
    .box-product .ProductList_b2 li h3{font-size: 18px;}
    .box-case li span{font-size: 16px;}
    .NewsList_g2 h3 a{font-size: 20px;}

}
@media screen and (max-width: 1250px) {
    .ResTitle_a2 em{font-size: 26px;}
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 li .ntime{font-size: 16px;}
    .NewsList_g2 h3 a{font-size: 18px;}

}
@media screen and (max-width: 1024px) {
    .box-com ul li{padding-top: 0;}
    .mymore{padding: 0.7em 0;background: #00509B;color: #fff;}
    .ResTitle_a2 em{font-size: 48px;}
    .ResTitle_a2 span{font-size: 26px;}
    .ResTitle_a2 span:before{display: none;}
    .box-product .ProductList_b2 li .picimg{height: 16vw;}
	
	.NewsList_g2 li .timebox .day {line-height: 1.8;}
	.NewsList_g2 li .timebox {width: 80px;}
	.NewsList_g2 li {padding: 1.5vw 1.5vw 1.5vw 90px;}
    .box-case li a{height: 21vw;}
    .NewsList_g2 li .newsbtn{display: none;}
    .wmore{display: none;}

    .box-com .R{margin-right: 0;}
    .box-product .ProductList_b2 li h3:after{background:none;}
}

@media screen and (max-width: 640px){
    .box{width: 94%;}

    .mymore{font-size: 3.8vw;margin: 6vw auto 0 auto;background-size: auto 60%;width: 9em;padding: 0.5em 1.5em 0.5em 1.2em;}
    .mob.mymore {display: block !important;}
    
    .ResTitle_a2 em{font-size: 9vw;}
    .box-product .ResTitle_a2 span:after{height: 2px;}
    .ResTitle_a2 span{font-size: 5vw;}
	
	
    .box-com .L .BannerShow_c1 {width: 100%;margin-bottom: 6vw;}
	.box-com .L .mymore {font-size: 3.8vw;width: 9em;height: auto;line-height: 1.2;padding: 0.5em 1.5em 0.5em 1.2em;}
    .box-com.p_tb_80,.box-news.p_tb_80{padding-bottom: 6vw;}
    .box-com .L{width: 90%;display: block;margin-left: auto;margin-right: auto; float: none;padding-top: 0;}
    .box-com .L{width: 100%;margin-left: 0;}
	.box-com .L p {width: 100%;}
	
    .box-product{padding:8vw 0 10vw 0;}
    .box-product .ProductList_b2 li{border-radius: 2vw;}
    .box-product .ProductList_b2 li,.box-product .ProductList_b2 li:nth-child(4){width: 47.5%;margin-right: 5%;margin-bottom: 5vw;}
    .box-product .ProductList_b2 li:nth-child(2n){margin-right: 0;}
    .box-product .ProductList_b2 li a:after{display: none;}
    .box-product .ProductList_b2 li h3:after{display: none;}
    .box-product .ProductList_b2 li h3{border: none;}
    .box-product .ProductList_b2 li .picimg{height: 30vw;}
	.box-case .casebtn {display: none;}
	.box-case .ResTitle_a2 span {color: #333;}
	.box-case .L {display: none;}
    .box-case .L,.box-case .R{float: none;width: 100%;}
    .box-case:after{height: 54%;}
    .box-case .L .mymore{float: right;position: relative;z-index: 2;margin-top: 0;position: absolute;right: 0;bottom: 1vw;}
    .box-case .L .mymore{width: auto;background: none;color: #00509B;padding: 0;}
    .box-case .L{padding-top: 0;}
    .box-case li a{height: 40vw;display: block;}
    .box-case .R:after,.box-com:after{display: none;}
    .box-case li span,.box-product .ProductList_b2 li h3{font-size: 3.8vw;}

    .box-news .main-w{background: none;}
    .box-news .L,.box-news .R{float: none;width: 100%;padding: 0;}
    .box-news .ResTitle_a2 em{opacity: 0.2;color: #00509B;}
    .box-news .ResTitle_a2 span{color: #333;}
    .NewsList_g2 li{box-shadow: 5px 5px 5px rgba(0,0,0,0.03);float: none;width: 100%;padding: 4vw;box-sizing: border-box;padding-left: 90px;}
    .NewsList_g2 li+li{padding-right: 4vw;margin-top: 4vw;}
    .NewsList_g2 .nwimg{height: 40vw;margin-bottom: 3vw;display: none;}
    .NewsList_g2 h3 {margin-bottom: 2vw;width:100%;margin-top: 0;}
    .NewsList_g2 h3 a{font-size: 4.2vw;height: auto;}
    .NewsList_g2 li p{font-size: 3.8vw;height: auto;width:100%;}
    .NewsList_g2 li .ntime{font-size: 12px;margin-top: 1vw;}
	.NewsList_g2 li .newsbtn,.box-news::before,.box-news::after,.box-news .newmorebtn {display: none;}
}