@charset "utf-8";

/* .header span,.topcall{
    color:#fff !important;
}

.MenuList_f1 .menu .lang a span{
    background: url(../images/lang.png) 0.3em center no-repeat;
    background-size: auto 55%;
} */



.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;}
.p_ban a{display: block;max-height: 45vw;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%;}
.p_ban .arrow{position: absolute;right: 0;bottom: 0;font-size:0;z-index: 2;}
.p_ban .arrow div{height: auto; position: static;display: inline-block;float: none;width: 14.5vw;height: 10.5vw;margin:0;
    background: url(../images/r.png) #e5f5f1 center no-repeat;background-size: 40% auto;opacity: 1;
}
.page,#load_more_button{display: none;}
#swiper-container1 .swiper-slide a {overflow: hidden;}
#swiper-container1 .swiper-slide img{display: block;width: 100%;opacity: 1;transform: scale(1.02);-ms-transform: scale(1.02);-webkit-transform: scale(1.05);
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
#swiper-container1 .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}

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

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

.ResTitle_a2{line-height: 1.4;font-weight: bold;position: relative;font-size: 2vw;min-width: 9em;}
.ResTitle_a2 span{color: #343434;display: block;top: 0.8em;left: 0;z-index: 1;}
.ResTitle_a2 span:before{content: "";display: inline-block;width: 100%;height: 2px;background: #AE0E08;border-radius: 1px;position: absolute;bottom: -1.03125vw;left: 0;}
.ResTitle_a2 h1{display: block;font-size: 1.2rem;text-transform: uppercase;color: #AE0E08;font-family: Arial;opacity: 1;}
.ResTitle_a2 br{display: none;}


.more{display: inline-block;line-height: 3;position: relative;}
.more .arrow{display: inline-block;vertical-align: middle;width: 1.3em;height: 1.3em;background: url(../images/arrow.png) center right no-repeat;background-size: contain;margin-left: 1.77vw;}
.more:after{content: "";background: url(../images/link.jpg) no-repeat;background-size: 100%;height: 1px;width: 100%;left: 0;bottom: -2px;position: absolute; display: block;}
.box-case .more:after{content: "";background: #fff;}
.box-case .more{color: #fff;}
.box-case .more .arrow{color: #fff;background-image: url(../images/warrow.png);}

.box-com {position: relative;padding-bottom: 2.6vw;}
.box-com .ResTitle_a2:before{display: none;}
/* .box-com:before{content: "";height: 16.40625vw;width: 100%; left: 0;bottom: 0;position: absolute; display: block;z-index: 1;
	background: #4D4D4D;border-radius: 0px 0px 0px 7.8125vw;
} */
.box-comwbox{height: 16.5vw;width: 80vw;left: 11vw;bottom: 1.5vw;position: absolute; display: block;z-index: 3;
	background: #fff;border-radius: 1vw 0px 1vw 1vw;
}
.box-com .R{width: 40.4%;overflow: hidden;padding-right: 9.1vw;}
.box-com .R .xt{color: #4C4C4C;position: relative;}
.box-com .R .xt:before{content: "";width: 30px;height: 1px;background: #AE0E08; left: 0;bottom: -1vw;position: absolute; display: block;z-index: 1;}
.box-com .R img,.box-com .L img{display: block;width: 100%;position: relative;z-index: 5;}
.box-com .L{ width: 38%;margin-left: 9.1%;}
.box-com .L .BannerShow_c1 {float: right;position: relative;margin-top: 3vw;}
.box-com .L .BannerShow_c1 img{width: 100%;border-radius: 1vw;overflow: hidden;}
.box-com .L .BannerShow_c1:after{z-index: 2;content: ""; border-radius: 1vw;background: #AE0E08;opacity: 0.18;height: 14.33vw;width: 100%;left: -5.645vw;top: 1vw;position: absolute; display: block;}
.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(3){padding-right: 0;}
.box-com .morebox {display: inline-block;text-align: right;width: 100%;margin-top: 2vw;}
.box-com .fci{padding-right: 9.1vw;margin-left: 9.1%;}
.box-com .fci img{width: 100%;}

.pboxtit{position: relative;}
.posr{position: absolute;bottom: 0;right: 0;}
.box-product {padding-bottom: 7.3vw;}
.box-product .ResTitle_a2{text-align: center;}
.box-product .ResTitle_a2 span{bottom: 0;}
.box-product .ResTitle_a2 span:before{display: none;}
.box-product .ResTitle_a2 span:after{content: "";display: block;width: 100%;height: 2px;background: #AE0E08;margin: 0.3em 0 0 0;}
.box-product .plist {display: flex;flex-wrap: wrap;}
.box-product .plist a{width:19%;margin:0 1% 2% 0;}
.box-product .plist a:nth-child(5n){margin:0 0 2% 0;}
.box-product .plist a img{width: 100%;}
.box-product .plist a p{}
.box-product .plist a:hover{color:#AE0E08;}
.box-product .ProductList_b2 span{display: none;}
.box-product .ProductList_b2 li {float: left;width: 22.75%;background: #F5F5F5;border-radius: 1vw;overflow: hidden;margin-right: 3%;box-sizing: border-box;}
.box-product .ProductList_b2 li:last-child {margin-right: 0;}
.box-product .ProductList_b2 li a{background-size: 100% 100%;display: block;box-sizing: border-box;padding: 2vw;position: relative;background-repeat: no-repeat;}
.box-product .ProductList_b2 li h3{font-size: 26px;color: #4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
    font-weight: bold;margin-top: 2vw;
}
.box-product .ProductList_b2 li h3:after{content: "";display: block;max-width: 52px;width: 2.7vw;height: 1px;background: #AE0E08;margin-top: 1.6vw;}

.box-product .ProductList_b2 li .picimg{display: block;height: 15vw;overflow: hidden;position: relative;box-sizing: border-box;}
.box-product .ProductList_b2 li .picimg img{max-width: 95%;max-height: 95%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
}

.ProductList {margin-top: 2.6vw;margin-bottom: 6.82vw;}
.box-case:after{content: "";display: block;width: 26.61vw;height: 100%;background: #AE0E08;opacity: 0.44;position: absolute;left: 0;top: 0;z-index: 1;
}
.box-case::before{content: "";display: block;width: 26vw;
    height: 100%;
    background: url(../images/bg31.png) no-repeat;background-size: cover;position: absolute;left: 0;top: -1vw;z-index: 2;border-radius: 0 1.5625vw 0 0;
}
#PhotoList_i1 {position: relative;}
.test-w {width: 100%;padding-left: 29.21875%;box-sizing: border-box;z-index: 3;}
.testbtnbox {text-align:right;font-size: 22px;position: absolute;bottom: 0;right: 0;}
.testbtnbox div{border-radius: 6px;background: none;width: 2em;line-height: 1.8;height: 1.8em;border: 1px solid #fff;display: inline-block;margin-top: 0;margin-left: 5px;
    font-family: SimSun;font-weight: bold;color: #fff;text-align: center;position: static;}

.box-case {background: url(../images/bg3.jpg) left bottom no-repeat;background-size: cover;position: relative;}
.box-case .L{width: 19%;padding-top: 3.3vw;}
.box-case .R{width: 76.7%;padding-bottom: 4vw;position: relative;}
.box-case {padding-top: 11.5vw;padding-bottom: 5.2vw;}
.box-case li img {display: block;width: 100%;height: 100%;object-fit: cover;}
.box-case li a {height: 16.66vw;display: block;overflow: hidden;border-radius: 5px;}
.box-case li span {font-size: 16px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;
	padding: 0.8em 1em;box-sizing: border-box;display: none;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.5);text-align: center;
	border-radius: 0 0 0.52vw 0.52vw;
}

.box-case li h4 {display: none;}
.box-case .ResTitle_a2 {display: inline-block;z-index: 3;}
.box-case .ResTitle_a2 span {color: #fff;}
.box-case .ResTitle_a2 em {color: #950D08;opacity: 0.11;}
.box-case .ResTitle_a2 span:before {content: none;}
.casemorebox{position: absolute;left: 9vw;bottom: 0;z-index: 5;}

.box-news .ResTitle_a2,.box-product .ResTitle_a2{display: inline-block;}
.box-news .ResTitle_a2:before{background: #eeeeee;}

.timebox{margin-bottom: 1.51vw;}
.day{display: inline-block;font-size: 1.875vw;color: #333;}
.year{margin-left: 0.67vw;display: inline-block;font-size: 1.04vw;color: #333;}
.NewsList_g2 li{position: relative;color: #333;box-sizing: border-box;float: left;width: 31.3%;
    border-radius: 1vw;padding-bottom: 3vw;}
.NewsList_g2 li+li{margin-left: 3.05%;}
.NewsList_g2 .nwimg{display: block;height: 13.23vw;margin-bottom: 1.51vw; overflow: hidden;}
.NewsList_g2 .nwimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.NewsList_g2 h3{ display: block;margin-bottom: 1em;font-weight: bold;margin-bottom: 0.5vw;}
.NewsList_g2 h3,.NewsList_g2 p{margin-left: auto;margin-right: auto;}
.NewsList_g2 h3 a{font-size: 22px;color: #4D4D4D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 p{ font-size: 14px;font-style: normal;line-height: 1.8;height: 5.4em;color: #808080;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 p:last-child{background: #BFBFBF;border-radius: 6px;width: 100%;text-align: center;line-height: 1.5;height: auto;margin-top: 1.5em;color: #fff;}
/* .NewsList_g2 p:last-child:after{content: "";display: block;width: 11em;position: absolute;left: -3em;top: 0;height: 100%;opacity: 0;background: #227af2;} */
.NewsList_g2 .ntime{display: none;}
.wmore{display: block;color: #333;font-size: 14px;position: relative;z-index: 1;padding: 0.6em 0;}

@media screen and (min-width: 1250px) {
    .NewsList_g2 li:hover .wmore{color: #fff;} 
    .NewsList_g2 li:hover p:last-child{background-color: #AE0E08;}
    .box-com .more:hover{color: #227af2;}
	.box-case li:hover span {display: block;}
	.box-product .ProductList_b2 li:nth-child(1) a:hover{background-image: url(../images/hover1.png);}
	.box-product .ProductList_b2 li:nth-child(2) a:hover{background-image: url(../images/hover2.jpg);}
	.box-product .ProductList_b2 li:nth-child(3) a:hover{background-image: url(../images/hover3.jpg);}
	.box-product .ProductList_b2 li:nth-child(4) a:hover{background-image: url(../images/hover4.jpg);}
	.box-product .ProductList_b2 li:hover {box-shadow: 0px 0px 18px 2px rgba(46, 6, 5, 0.3);}
	.box-product .ProductList_b2 li a:hover h3{color: #fff;}
	.box-product .ProductList_b2 li a:hover h3:after{background-color: #fff;}

    .testbtnbox div:hover {color: #fff;background: #AE0E08;}
}
@media screen and (max-width: 1440px) {
	.box-com .L {margin-left: 5%;}
    .box-com .fci{padding-right: 9.1vw;margin-left: 5%;}

	.box-comwbox {width: 84.25vw;left: 6.375vw;}
    .box-product .ProductList_b2 li h3{font-size: 18px;}
    .box-case li span{font-size: 16px;}
    .NewsList_g2 h3 a,.testbtnbox{font-size: 20px;}
}
@media screen and (max-width: 1250px) {
	.box-com:before {content: none;}
    .ResTitle_a2 em{font-size: 26px;}
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 .ntime,.testbtnbox{font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .box-com .L,.box-com .R{width: 90% !important;display: block;margin-left: auto;margin-right: auto; float: none;padding-top: 0;padding-right: 0;}
    
	.p_ban {padding-top: 80px;}f
    .ResTitle_a2 em{font-size: 38px;}
    .ResTitle_a2{font-size: 20px;}
    .ResTitle_a2 span:before{display: none;}
    /* .box-com .L{width: 47%;margin-left: 3%;} */
    .box-com ul{display: none;}
    .box-product .ProductList_b2 li .picimg{height: 16vw;}
	.box-product .ProductList_b2 li a{padding: 4vw 2vw;}
    .NewsList_g2 h3 a{font-size: 18px;}
    .NewsList_g2 p{-webkit-line-clamp: 2;height: 3.6em;}
    .box-case li a{height: 21vw;}

    .NewsList_g2 p:last-child{display: none;}
    .NewsList_g2 .nwimg{height: 16vw;}
}
@media screen and (max-width: 768px){
    .box-news .L{display: none;}
    .box-news .R{float: none;width: 94%;margin-left: 3%;}
    .NewsList_g2 .nwimg{height: 18vw;}
    .box-news .mymore{margin-top: 3vw;}
}
@media screen and (max-width: 640px){
    .box-product .plist a{width:48%;margin:0 4% 4% 0;}
    .box-product .plist a:nth-child(2n){width:48%;margin:0 0 4% 0;}

	.p_ban {padding-top: 14vw;}
    .box{width: 94%;}
	.box-com .L .BannerShow_c1 img {width: 100%;}
	.box-com .L .BannerShow_c1:after, .box-com .L p{display: none;}
    .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;opacity: 0;}
    .ResTitle_a2{font-size: 5vw;}
    .ResTitle_a2:before{top: 2em;height: 2px;}
    
    .box-com .morebox{text-align:center;}
    .box-com.p_tb_80,.box-news.p_tb_80{padding-bottom: 6vw;}
    .box-com .L,.box-com .R{width: 90%;display: block;margin-left: auto;margin-right: auto; float: none;padding-top: 0;padding-right: 0;}

	.box-product .ResTitle_a2 span:after{height: 2px;}
	.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 a{padding:3vw 2vw;}
	.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 .picimg{height: 38vw;}
	
	.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:nth-child(5),.box-product .ProductList_b2 li:nth-child(6),{display: none;}

	.box-case li a {height: 40vw;display: block;}
    .box-case:before{width: 38vw;}
    .box-case:after{width: 40vw;}
	.casemorebox {left: 3vw;}
    .box-case .more .arrow{display: none;}
    .testbtnbox div{font-size: 3.8vw;}

    .box-news .main-w{background: none;}
    .box-news .R{float: none;width: 94%;margin-left: auto;margin-right: auto;display: block;}
    .NewsList_g2 li{box-shadow: 5px 5px 5px rgba(0,0,0,0.03);float: none;width: 100%;padding: 4vw;box-sizing: border-box;}
    .NewsList_g2 li+li{margin-left: 0;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 p{font-size: 3.8vw;height: auto;width:100%;}
    .NewsList_g2 .ntime{font-size: 12px;margin-top: 1vw;}
    .box-news .t .mymore{float: right;position: relative;z-index: 2;margin-top: 0;position: absolute;right: 0;bottom: 1vw;width: auto;
        background: none;color: #227af2;padding: 3px 5px;}
	.timebox{display: none;}
}