@charset "utf-8";
.container{}

/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom: 20px; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#ff671e; color:#fff; }

@media screen and (max-width: 1024px){
	.page{padding-top: 10px}
	.page a{padding: 2px 8px;margin: 0 3px;font-size: 13px}
}

.proa{background: #fa4516;padding: 62px 0;}
.proa .proac{text-align: center;}
.proa .proac .proaci{display: inline-block;margin:0 5px;position: relative;text-align: left;}
.proa .proac .proaci .proacia{width: 330px;height: 48px;background: #fff url(pro1_03.png) no-repeat 95% center;border-radius: 5px;line-height: 48px;box-sizing: border-box;padding: 0 15px;font-size: 18px;color: #ff671e;text-transform: uppercase;}
.proa .proac .proaci .proacib{position: absolute;left: 0;width: 100%;background: #fff;border-radius: 5px;display: none;}
.proa .proac .proaci .proacib ul{padding: 10px 0;}
.proa .proac .proaci .proacib ul li a{display: block;line-height: 1.2;padding: 7px 15px;font-size: 16px;color: #333;}
.proa .proac .proaci .proacib ul li:hover a,.proa .proac .proaci .proacib ul li.on a{color: #ff671e;}
@media only screen and (max-width:1600px){
	.proa{padding: 45px 0;}
	.proa .proac .proaci .proacia{width: 300px;height: 44px;line-height: 44px;padding: 0 12px;font-size: 16px;}
	.proa .proac .proaci .proacib ul{padding: 7px 0;}
	.proa .proac .proaci .proacib ul li a{font-size: 14px;padding: 5px 12px;}
}
@media only screen and (max-width:1200px){
	.proa{padding: 30px 0;}
	.proa .proac .proaci .proacia{width: 260px;height: 38px;line-height: 38px;}
}
@media only screen and (max-width:750px){
	.proa{padding: 30px 0;}
	.proa .proac .proaci{width: 46%;margin:0 3px;}
	.proa .proac .proaci .proacia{width: 100%;height: 32px;line-height: 32px;font-size: 14px;padding: 0 8px;}
	.proa .proac .proaci .proacib ul li a{font-size: 13px;padding: 3px 8px;}
}

.prob{padding: 110px 0;}
.prob .probc{margin-bottom: 0;}
.prob .probc .probci{float: left;width: 29.7%;margin:0 5.45% 5.45% 0;}
.prob .probc .probci:nth-child(3n){margin-right: 0;}
.prob .probc .probci .s3_cci .s3_ccia{overflow: hidden;}
.prob .probc .probci .s3_cci .s3_ccia img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;width: 100%
}
.prob .probc .probci:hover .s3_cci .s3_ccia img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.prob .probc .probci .s3_cci .s3_ccib{margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
.prob .probc .probci .s3_cci .s3_ccib span{max-width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 22px;color: #040b29;}
.prob .probc .probci .s3_cci .s3_ccib s{width: 14px;height: 14px;background: url(s3_2_15.png) no-repeat center;background-size: cover;}
.prob .probc .probci:hover .s3_cci .s3_ccib span{color: #ff671e;}
.prob .probc .probci:hover .s3_cci .s3_ccib s{background: url(s3_3_18.png) no-repeat center;background-size: cover;}
@media only screen and (max-width:1600px){
	.prob{padding: 80px 0;}
	.prob .probc .probci{width: 31.4%;margin:0 2.9% 2.9% 0;}
	.prob .probc .probci .s3_cci .s3_ccib{margin-top: 24px;}
	.prob .probc .probci .s3_cci .s3_ccib span{width: calc(100% - 18px);font-size: 20px;}
	.prob .probc .probci .s3_cci .s3_ccib s{width: 12px;height: 12px;}
}
@media only screen and (max-width:1200px){
	.prob{padding: 55px 0;}
	.prob .probc .probci{width: 32%;margin:0 2% 2% 0;}
	.prob .probc .probci .s3_cci .s3_ccib{margin-top: 18px;}
	.prob .probc .probci .s3_cci .s3_ccib span{width: calc(100% - 16px);font-size: 18px;}
	.prob .probc .probci .s3_cci .s3_ccib s{width: 10px;height: 10px;}
}
@media only screen and (max-width:750px){
	.prob{padding: 30px 0;}
	.prob .probc .probci{width: 100%;margin:0 0% 6% 0;}
	.prob .probc .probci:nth-child(2n){margin-right: 0;}
	.prob .probc .probci .s3_cci .s3_ccib{margin-top: 10px;}
	.prob .probc .probci .s3_cci .s3_ccib span{width: calc(100% - 14px);font-size: 16px;}
}

.nbanner{position: relative;}
.nbanner .img02{display: none;}
.nbanner .ban{position: absolute;top:50%;left:0;width: 100%;text-align: center;transform: translateY(-50%);z-index: 9}
.nbanner .ban .bana{font-size: 72px;color: #ffffff;font-weight: bold;}
.nbanner .ban .bana span{-webkit-background-clip: text;
    background-clip: text;
    background-color: #ffffff4c;
    background-image: linear-gradient(to right,#fff,#fff);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 0 100%;
    color: transparent;display: block;width: 100%;text-align: center;}
.nbanner .ban .bana span{animation: 1.2s cubic-bezier(0.25,0.1,0.5,1) 1.4s forwards running M10ContentBanner_headingLineAppear__xJ5_7;}
.loc{position: absolute;left: 0;top:0;width: 100%;background: rgba(0,0,0,0.5);height: 50px;line-height: 50px;font-size: 14px;color: rgba(255,255,255,0.5);}
.loc a{color: #fff;}
.loc a.u-home{padding-left: 33px;background: url(pro3_03.png) no-repeat left center;}
.shub{position: absolute;left: 0;width: 100%;text-align: center;bottom: 5%;}
@media only screen and (max-width:1600px){
	.nbanner .ban .bana{font-size: 60px;}
	.shub img{width: 16px}
}
@media only screen and (max-width:1200px){
	.nbanner .ban .bana{font-size: 50px;}
	.loc{line-height: 40px;height: 40px;}
	.shub img{width: 14px}
}
@media only screen and (max-width:750px){
	.nbanner .img01{display: none;}
	.nbanner .img02{display: block;}
	.nbanner .ban .bana{font-size: 24px;}
	.loc{line-height: 32px;height: 32px;font-size: 13px;}
	.loc a.u-home{padding-left: 22px;background-size: 13px 13px;}
	.shub{display: none;}
}

.proda{padding: 75px 0;background: #ff671e;text-align: center;}
.proda .prodac{font-size: 22px;color: #ffffff;line-height: 1.37;width: 50%;margin:0 auto;}
.prodb{padding: 100px 0;background: url(pro6_05.jpg) no-repeat bottom center;background-size: contain;}
.prodb .prodbc .prodbcc{margin-top: 65px;background: url(pro5_03.jpg) no-repeat top center;background-size: contain;}
.prodb .prodbc .prodbcc .prodbcci{margin-bottom: 55px;display: flex;justify-content: space-between;align-items: center;}
.prodb .prodbc .prodbcc .prodbcci:nth-child(2n){flex-direction: row-reverse;}
.prodb .prodbc .prodbcc .prodbcci .prodbccil{width: 50%;overflow: hidden;}
.prodb .prodbc .prodbcc .prodbcci .prodbccil img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;width: 100%
}
.prodb .prodbc .prodbcc .prodbcci:hover .prodbccil img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.prodb .prodbc .prodbcc .prodbcci .prodbccir{width: 46%;box-sizing: border-box;padding-right: 8%;}
.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccira{font-size: 30px;color: #ff671e;font-weight: bold;text-transform: uppercase;}
.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccirb{font-size: 22px;color: #040b29;line-height: 1.37;margin-top: 15px;}
@media only screen and (max-width:1600px){
	.proda{padding: 50px 0;}
	.proda .prodac{font-size: 20px;width: 65%;}
	.prodb{padding: 75px 0;}
	.prodb .prodbc .prodbcc{margin-top: 50px;}
	.prodb .prodbc .prodbcc .prodbcci{margin-bottom: 40px;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccira{font-size: 26px;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccirb{font-size: 20px;}
}
@media only screen and (max-width:1200px){
	.proda{padding: 35px 0;}
	.proda .prodac{font-size: 18px;width: 80%;}
	.prodb{padding: 50px 0;}
	.prodb .prodbc .prodbcc{margin-top: 35px;}
	.prodb .prodbc .prodbcc .prodbcci{margin-bottom: 25px;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccira{font-size: 22px;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccirb{font-size: 18px;}
}
@media only screen and (max-width:750px){
	.proda{padding: 30px 0;}
	.proda .prodac{font-size: 16px;width: 100%;}
	.prodb{padding: 60px 0;}
	.prodb .prodbc .prodbcc{margin-top: 30px;}
	.prodb .prodbc .prodbcc .prodbcci{margin-bottom: 25px;display: block;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccil{width: 100%;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir{width: 100%;padding: 5% 0;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccira{font-size: 18px;}
	.prodb .prodbc .prodbcc .prodbcci .prodbccir .prodbccirb{font-size: 16px;}
}

.prodc{padding: 110px 0 140px;background: #f7f7f7;}
.prodc .prodcc{margin-top: 50px;}
.prodc .prodcc .prodcca{line-height: 79px;border-top:1px solid #040b29;font-size: 22px;color: #000000;position: relative;}
.prodc .prodcc .prodcca em{position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 12px;height: 7px;background: url(pro8_16.png) no-repeat center;}
.prodc .prodcc .prodcca.on{border-color: #ff671e;font-weight: bold;color: #ff671e;}
.prodc .prodcc .prodcca.on em{background: url(pro9_08.png) no-repeat center;}
.prodc .prodcc .prodccb{padding: 6px 0;}
.prodc .prodcc .prodccb .prodccbi{float: left;width: 23.75%;margin:0 1.666% 1.666% 0;}
.prodc .prodcc .prodccb .prodccbi:nth-child(4n){margin-right: 0;}
.prodc .prodcc .prodccb.prodccb2 .prodccbi{width: 48%;margin:0 4% 4% 0;}
.prodc .prodcc .prodccb.prodccb2 .prodccbi:nth-child(2n){margin-right: 0;}

.prodc .prodcc .prodccb.prodccb3 .prodccbi{width: 32%;margin:0 2% 2% 0;}
.prodc .prodcc .prodccb.prodccb3 .prodccbi:nth-child(2n){margin-right: 2%;}
.prodc .prodcc .prodccb.prodccb3 .prodccbi:nth-child(3n){margin-right: 0;}

.prodc .prodcc .prodccb .prodccbi .prodccbia{overflow: hidden;}
.prodc .prodcc .prodccb .prodccbi .prodccbia img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;width: 100%
}
.prodc .prodcc .prodccb .prodccbi:hover .prodccbia img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.prodc .prodcc .prodccb .prodccbi .prodccbib{margin-top: 15px;font-size: 22px;color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
@media only screen and (max-width:1600px){
	.prodc{padding: 80px 0 105px;}
	.prodc .prodcc{margin-top: 40px;}
	.prodc .prodcc .prodcca{line-height: 70px;font-size: 20px;}
	.prodc .prodcc .prodccb{padding: 5px 0;}
	.prodc .prodcc .prodccb .prodccbi .prodccbib{margin-top: 10px;font-size: 20px;}
}
@media only screen and (max-width:1200px){
	.prodc{padding: 55px 0 70px;}
	.prodc .prodcc{margin-top: 30px;}
	.prodc .prodcc .prodcca{line-height: 60px;font-size: 18px;}
	.prodc .prodcc .prodccb{padding: 4px 0;}
	.prodc .prodcc .prodccb .prodccbi{width: 32%;margin:0 1.333% 1.333% 0;}
	.prodc .prodcc .prodccb .prodccbi:nth-child(4n){margin-right: 1.333%;}
	.prodc .prodcc .prodccb .prodccbi:nth-child(3n){margin-right: 0;}
	.prodc .prodcc .prodccb .prodccbi .prodccbib{margin-top: 7px;font-size: 18px;}
}
@media only screen and (max-width:750px){
	.prodc{padding: 60px 0 60px;}
	.prodc .prodcc{margin-top: 30px;}
	.prodc .prodcc .prodcca{line-height: 60px;font-size: 16px;}
	.prodc .prodcc .prodccb{padding: 3px 0;}
	.prodc .prodcc .prodccb .prodccbi{width: 48%;margin:0 4% 4% 0;}
	.prodc .prodcc .prodccb .prodccbi:nth-child(4n){margin-right: 4%;}
	.prodc .prodcc .prodccb .prodccbi:nth-child(3n){margin-right: 4%;}
	.prodc .prodcc .prodccb .prodccbi:nth-child(2n){margin-right: 0;}
	.prodc .prodcc .prodccb .prodccbi .prodccbib{margin-top: 5px;font-size: 16px;}
	.prodc .prodcc .prodccb.prodccb2 .prodccbi{width: 100%;margin:0 0% 6% 0;}
	.prodc .prodcc .prodccb.prodccb2 .prodccbi:nth-child(2n){margin-right: 0;}

	.prodc .prodcc .prodccb.prodccb3 .prodccbi{width: 100%;margin:0 0% 4% 0;}
	.prodc .prodcc .prodccb.prodccb3 .prodccbi:nth-child(2n){margin-right: 0%;}
	.prodc .prodcc .prodccb.prodccb3 .prodccbi:nth-child(3n){margin-right: 0;}
}