@charset "utf-8";

@media all {
	/*css rest*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
	body { background:#fff; color:#666; font-family:Microsoft YaHei, "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
	address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;}
	a {text-decoration:none; cursor: pointer; color:#666;}
	a:hover,a:active  { text-decoration:none; }
	img { border:0;display:block;}
	ol,ul,li { list-style:none; }
	input, textarea, select, button { font-family: Verdana,Helvetica,Arial,sans-serif; }
	table { border-collapse:collapse; }
	html {overflow-y: scroll;} 
	*{box-sizing:border-box;}
	.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}	/* 清除浮动 */
	.clearfix { *zoom:1; }
	.hide{display: none;}
	.show{display:block;}
	.fl{float: left;}
	.fr{float: right;}

	/* 禁止选择复制
	*{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;	}
	input,textarea{-webkit-user-select:auto;} 
	*/

	/* 单行以及多行文本溢出 */
	.line1{overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
	.line2{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
	.line3{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
	.line4{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
	.line5{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}

	/* 全局颜色 */
	:root{--c0:#000; --c3:#333;--c6:#666; --c9:#999; --cc:#ccc; --ce:#eee; --cf:#fff; --clr1:#262626; --clr2:#353636;--clr3:#ffaa00; --clr4:#f2f2f2; --clr5:#fff5e8; --clrm1:#c40000;--clrbg1:#fafafa;}
}



/* 字体大小 */
/* 2021年PC屏幕分辨率占比：1920（25.6%）- 2560&3440（49.8%）-3840(23.5%) */
/* 1200px尺寸及以下采用浏览器默认字体大小font-size：16px（body=100% ）：h1-32px;h2-24px;h3-18.72px;h4-16px;h5-13.28px;h6-12px;*/
/* 定义移动端（1200px以内）超大字号msz系列：msz10-30大小分别是每行10-30个字, 35个字以上可以用h1-h3实现(1200÷32≈37)*/
/* 定义PC端超大字号h1x,h2x,h3x；分别表示h1/h2/h3字号加倍，移动端分别对应msz10,msz15,msz20 */
@media all{
	body{line-height: 1.8;}
    .h1,h1{font-size:1.6667vw;}
    .h2,h2{font-size:1.25vw;}
    .h3,h3{font-size:1.0417vw;}
    .h4,h4{font-size:0.8333vw;}
    body,.h5,h5{font-size:0.7292vw;}
    .h6,h6{font-size:0.625vw;}
	h1,h2,h3,h4,h5,h6{font-weight: bold;}
	h3,h4,h5,h6{line-height: 2.4;}
	sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}
	sub{bottom:-.5em}
	sup{top:-.5em}
    .h1x{font-size: 3.3334vw;}
    .h2x{font-size: 2.5vw;}
    .h3x{font-size: 2.0834vw;}
}
@media all and (max-width:3440px){ 
    .h1,h1{font-size:1.8605vw;}
    .h2,h2{font-size:1.3953vw;}
    .h3,h3{font-size:1.1628vw;}
    .h4,h4{font-size:0.9302vw;}
    body,.h5,h5{font-size:0.814vw;}
    .h6,h6{font-size:0.6977vw;}
    .h1x{font-size: 3.721vw;}
    .h2x{font-size: 2.7906vw;}
    .h3x{font-size: 2.3256vw;}
}
@media all and (max-width:2560px){ 
    .h1,h1{font-size:1.875vw;}
    .h2,h2{font-size:1.4063vw;}
    .h3,h3{font-size:1.1719vw;}
    body,.h4,h4{font-size:0.9375vw;}
    .h5,h5{font-size:0.8203vw;}
    .h6,h6{font-size:0.7031vw;}
    .h1x{font-size: 3.75vw;}
    .h2x{font-size: 2.8126vw;}
    .h3x{font-size: 2.3438vw;}
}
@media all and (max-width:1920px){ 
    .h1,h1{font-size:2.125vw;}
    .h2,h2{font-size:1.59vw;}
    .h3,h3{font-size:1.328vw;}
    body,.h4,h4{font-size:1.0625vw;}
    .h5,h5{font-size:1.0938vw;}
    .h6,h6{font-size:0.9375vw;}
    .h1x{font-size: 5vw;}
    .h2x{font-size: 3.75vw;}
    .h3x{font-size: 3.125vw;}
}
@media all and (max-width:1600px){ 
    .h1,h1{font-size:2.34vw;}
    .h2,h2{font-size:1.755vw;}
    .h3,h3{font-size:1.4625vw;}
    body,.h4,h4{font-size:1.17vw;}
    .h5,h5{font-size:1.1375vw;}
    .h6,h6{font-size:0.975vw;}
    .h1x{font-size: 5.2vw;}
    .h2x{font-size: 3.9vw;}
    .h3x{font-size: 3.25vw;}
}
@media all and (max-width:1440px){ 
    .h1,h1{font-size:2.6667vw;}
    .h2,h2{font-size:2vw;}
    .h3,h3{font-size:1.6667vw;}
    body,.h4,h4{font-size:1.3333vw;}
    .h5,h5{font-size:1.1667vw;}
    .h6,h6{font-size:1vw;}
    .h1x{font-size: 5.3334vw;}
    .h2x{font-size: 4vw;}
    .h3x{font-size: 3.3334vw;}
}
@media all and (max-width:1366px){ 
    .h1,h1{font-size:2.5769vw;}
    .h2,h2{font-size:1.9327vw;}
    .h3,h3{font-size:1.6105vw;}
    body,.h4,h4{font-size:1.2884vw;}
    .h5,h5{font-size:1.1274vw;}
    .h6,h6{font-size:0.9663vw;}
    .h1x{font-size: 5.1538vw;}
    .h2x{font-size: 3.8654vw;}
    .h3x{font-size: 3.203vw;}
}
@media all and (max-width:1200px){
    .h1,h1{font-size:32px;}
    .h2,h2{font-size:24px;}
    .h3,h3{font-size:20px;}
    body,.h4,h4{font-size:16px;}
    .h5,h5{font-size:14px;}
    .h6,h6{font-size:12px;}
	.msz10,.h1x{font-size:10vw;font-weight:400;line-height:1.5;}
	.msz15,.h2x{font-size:6.66vw;font-weight:400;line-height:1.5;}
	.msz20,.h3x{font-size:5vw;font-weight:400;line-height:1.5;}
	.msz25{font-size:4vw;font-weight:400;line-height:1.5;}
	.msz30{font-size:3.33vw;font-weight:400;line-height:1.5;}
}

/* 三段响应式:-1200px-960px- */
/* PC */
@media all{}
/* Pad */
@media all and (max-width:1200px){}
/* Mobile */
@media all and (max-width:960px){}

/* Headnav */
@media all {
	.Head-wp {position: absolute;z-index: 99; width: 100%; top: 0px;   position: fixed;  } 
	.Head-wp.navbar-fixed-top {background:rgba(0, 0, 0, 0.664); } 
	.Head-wp .H-ctain {width: 90%; margin:0 auto; position: relative; }  
	.Head-wp .H-ctain .H-box .headlogo {float: left; height: 4.5vw; line-height: 4.5vw;font-size: 0px;position: relative;	overflow: hidden;z-index: 5;}  
	.Head-wp .H-ctain .H-box .headlogo img{width: 13vw; padding-top:1.35vw;}
	.Head-wp .H-ctain .H-box .m-headbtn{display: none;}
	.Head-wp .H-ctain .H-box .lang{float:right; height: 4.5vw; line-height: 4.5vw; color:#aaa;padding-left:2vw;} 
	.Head-wp .H-ctain .H-box .lang .Htel{color: var(--clr3);font-size: 1.4rem;}
	.Head-wp .H-ctain .H-box .lang .Htel .telnum{padding-left: 10px;}
	.Head-wp .H-ctain .H-box .navmask{float:right;}

	.ul1 .li1 {position:relative;  float: left; text-align: center; }  
	.ul1 .li1 .item1 {position: relative; display: block;  height: 4.5vw; line-height: 4.5vw; padding:0 1.5rem; font-family: '微软雅黑';} 
	.ul1 .li1 .item1 a{color: #FFF; }
	.ul1 .li1 .item1 a::after{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;content: "";width: 0px;height: 2px;background:var(--clr2);}
	.ul1 .li1 .item1 i{display: none;} /* Mobile icon */
	.ul1 .li1 .item1 .trigle1{display: none;}
	.ul1 .li1 .item1 .trigle1:after{display: inline-block;	content: "";	width: 1px;	height: 6px; margin-left: 4px;	border-top: 5px solid #fff; border-right: 4px solid transparent;	border-left: 4px solid transparent;	vertical-align: middle;}
	.ul1 .li1:hover, .ul1 .li1.current{background:var(--clr3); -webkit-transition: all 1s ease; -moz-transition:all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} 
	.ul1 .li1:hover .item1 a,.ul1 .li1.current .item1 a{color: var(--clr1); transition: all 0.5s ease-in-out;}
	.ul1 .li1:hover .item1 a::after{width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;}
	.ul1 .li1:hover .item1 .trigle1:after,.ul1 .li1.current .item1 .trigle1:after{border-top: 5px solid var(--clr1);transition: all 0.5s ease-in-out;}

	.ul1 .li1:hover .ul2 { display: block; animation: navfadeInUp .6s ease-in-out; 	-webkit-animation: navfadeInUp .6s ease-in-out; 	} 
	.ul2{ display: none; position: absolute;width:160%; top: 4.5vw; left:-30%;background: #f5f5f5;}  
	.ul2 .li2 {position: relative; padding:.5rem 0;}
	.ul2 .li2:hover, .ul2 .li2.current{background:var(--clr3)}
	.ul2 .li2:nth-last-child(n+2){border-bottom: 1px solid #ababab;}
	.ul2 .li2 .trigle2{display: none;}
	.ul2 .li2 .trigle2:after{display: inline-block;	content: "";	width: 0;	height: 0; margin-left: 6px;		border-left: 6px solid #000;	border-top: 4px solid transparent;	border-bottom: 4px solid transparent;	vertical-align: middle; transition: all 0.5s ease-in-out;}
	
	.ul2 .li2:hover .ul3{display: block;animation: navfadeInUp .6s ease-in-out; -webkit-animation: navfadeInUp .6s ease-in-out; 	}
	.ul3{display: none;position: absolute; top:0; left: 100%; width: 10vw; background: #fff0d3;} 
	.ul3 .li3 {padding:.5rem 0;}
	.ul3 .li3:hover>a,.ul3 .li3.current>a {font-weight: bold; color:#ff7600;}
	.ul3 .li3:nth-last-child(n+2){border-bottom: 1px dashed #dcdcdc;}
	@keyframes navfadeInDown { 	
		0% {transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } 	
		100% {transform: translateY(0); -webkit-transform: translateY(0); 	opacity: 1; } 
	}  
	@keyframes navfadeInUp { 	
		0% {transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; 	} 	
		100% {transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; 	} 
	}  
	@keyframes downup {
		0% {opacity: 0.25;transform: translateY(-30px); }
		100% {opacity: 1;  transform: translateY(0px);  }
	}
}
@media all and (max-width:1200px){
	.Head-wp .H-ctain {width: 100%; padding:0 1%;}

	.Head-wp .H-ctain .H-box .lang .telnum{display: none;}
	.Head-wp .H-ctain .H-box .lang .Htel i{font-size: 20px; }
	.ul1 .li1 .item1 {padding:0 1.6rem;} 	
}
@media all and (max-width:960px){
	.Head-wp{min-width: auto;}
	.Head-wp .H-ctain .H-box .headlogo{height: 50px; line-height: 50px;margin-left:10px;}
	.Head-wp .H-ctain .H-box .headlogo img{width: 150px; padding-top:13px;}
	.Head-wp .H-ctain .H-box .m-headbtn{display: block;  position: fixed;top: 15px;	right: 18px; z-index: 999;}
	.Head-wp .H-ctain .H-box .m-headbtn .navbtn{height: 20px; width: 24px;}
	.Head-wp .H-ctain .H-box .m-headbtn.cur .navbtn{display: none;}
	.Head-wp .H-ctain .H-box .m-headbtn .navbtn_off{display: none;}
	.Head-wp .H-ctain .H-box .m-headbtn.cur .navbtn_off{display: block;}
	.Head-wp .H-ctain .H-box .lang {height: 50px; line-height: 50px; margin-right: 55px;}
	.Head-wp .H-ctain .H-box .lang .Htel i{font-size: 26px; padding-top: 12px;}
	.Head-wp .H-ctain .H-box .navmask{display: none; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 900;}

	.ul1{float:none; width:60%;min-width: 300px; height:100%; background:#fff;position:absolute;top:0;right:0px;margin:0px; border-top:50px solid #fff;}
	.ul1 .li1:nth-child(1){border-top: 1px solid #ccc;}
	.ul1 .li1{padding:0px; border-bottom:1px solid #ccc; float:none; text-align: left; width: 100%;}
	.ul1 .li1 .cur{color: #426dd7; background:none;}
	.ul1 .li1 .item1{padding:0 4% 0 10px;height:50px;line-height:50px;}
	.ul1 .li1 .item1 a{color:#333;}
	.ul1 .li1 .item1 i{display: inline-block; padding-right: 25px;} 
	.ul1 .li1 .item1 .trigle1:after{border-top:5px solid #000; margin-left: 8px;}
	.ul1 .li1:hover .item1 .trigle1:after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); height: 0; }

	.ul2{position:relative; margin-left: 0;  width: 100%; padding:0 0; top:0px; left:0%; border-bottom: none}
	.ul2 .li2 {width:100%; padding:0;}
	.ul2 .li2>a {display:block;padding:.5rem 0 .5rem 40px;}
	.ul2 .li2:hover>a .trigle2:after{transform: rotate(90deg); -webkit-transform: rotate(90deg) ; height: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

	.ul3{display: none;position:relative; margin-left: 0;  width: 100%; padding:0 0; top:0px; left:0%; border-bottom: none;} 
	.ul3>li>a {padding-left: 50px;}
}

/* indx-banner-wp */
@media all {
    .indx-banner-wp{ width:100%;}
    .indx-banner-wp .swiper{margin:0 auto; height: 100vh;}
	.indx-banner-wp .swiper .swiper-slide .slideImg{width: 100%; height: 100vh;object-fit: cover;}
	.indx-banner-wp .swiper .swiper-slide .ctentbox{position: absolute; width: 80vw; left:10vw;bottom:28%;}
	.indx-banner-wp .swiper .swiper-slide .ctentbox h2{color:#fff;margin-bottom: 1rem; }
	.indx-banner-wp .swiper .swiper-slide .ctentbox .text{color:#fff; margin-bottom:1rem; }
	.indx-banner-wp .swiper .swiper-slide .ctentbox .link{display: inline-block; border:1px solid #fff;padding:.5em 2.5em; color:#fff;border-radius:.5rem;margin-top:2rem;}
	.indx-banner-wp .swiper .swiper-slide .ctentbox .link:hover{background:  var(--clrm1);}
	.indx-banner-wp .swiper .swiper-pagination {padding-bottom: 3vh;}
	.indx-banner-wp .swiper .swiper-pagination .swiper-pagination-bullet{background: #fff; width: 5vw;height: 4px;border-radius: 1.1vw;opacity: 1;-webkit-transition: all 1.5s;transition: all 1.5s;outline: none;margin: .5vw}
	.indx-banner-wp .swiper .swiper-pagination .swiper-pagination-bullet-active{ width: 10vw;background-color: var(--clrm1);}
    /* slide关键帧动画 */
    .animate-slide-in {animation: slideInFromBottom 2.5s ease forwards;	}
    @keyframes slideInFromBottom {
        0% {transform: translateY(100%);opacity: 0;}
        100% {transform: translateY(0);	opacity: 1;}
    }
}
@media all and (max-width:1200px){
	.indx-banner-wp .swiper .swiper-slide .ctentbox{bottom:30%;}
	.indx-banner-wp .swiper .swiper-slide .ctentbox .text{padding:10px 0; }
	.indx-banner-wp .swiper .swiper-pagination {padding-bottom: 0;}
}
@media all and (max-width:960px){
	.indx-banner-wp .swiper .swiper-slide .ctentbox{left: 5vw;}
	.indx-banner-wp .swiper .swiper-slide .ctentbox h2{margin-bottom: 1rem; }
	.indx-banner-wp .swiper .swiper-slide .ctentbox .text{margin-bottom:1rem; }
}

/* mod-title1 */
@media all {
    .mod-title::before{display: block;content: ""; width: 5vw; height: .5vw; background: var(--clrm1); margin-bottom: 2rem;}
    .mod-title h2{line-height: 1.3; color: var(--c0); font-weight: bold;}
    .mod-title p{padding:1.5rem 0;text-align: justify;}
    .mod-title button{ padding:10px 20px; border:1px solid var(--clrm1); background: var(--cf); }
	.mod-title button a{color:var(--clrm1)}
	.mod-title button:hover{background: var(--clrm1);}
	.mod-title button:hover a{ color:var(--cf)}
}
@media all and (max-width:1200px){
}
@media all and (max-width:960px){
	.titlBox .mod-title::before{ width:25%;height: 1.5vw; }
	.mod-title h2{font-size: 8vw;}
	.titlBox .mod-title p{padding:1rem 0;}
}


/* indx-prodcase-wp */
@media all{
    .indx-prodcase-wp{width: 100%; padding:10vw 0;}
    .indx-prodcase-wp .ctain{width:90%; margin:0 auto;}
    .indx-prodcase-wp .ctain .titlBox{position:relative;float:left; width:15%; padding-right: 2%;}
    .indx-prodcase-wp .ctain .ctentBox{width: 85%; float:left}
    .indx-prodcase-wp .ctain .ctentBox ul li{float: left;}
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv{display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden;}
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv .imgbox img{height:25vw; }/* height:25vw高度的核心设置 */
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox{ position: relative;z-index: 10; background: #fafafa; padding:1.5vw;}
	.indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox h4{color: var(--c0);}
	.indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox p{padding-top: 1vw;}
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox::after{content: '';display: block; position:absolute; z-index: -1; left:0;top:0;width:0;height: 100%; background-color: var(--clrm1); }
    .indx-prodcase-wp .ctain .ctentBox ul li:hover .subdiv .txtbox::after{width: 100%; transition: all 0.5s ease-in-out;}
    .indx-prodcase-wp .ctain .ctentBox ul li:hover .subdiv .txtbox{color:var(--cf);}
	.indx-prodcase-wp .ctain .ctentBox ul li:hover .subdiv .txtbox h4{color:var(--cf);}
    .indx-prodcase-wp .ctain .ctentBox ul li:hover .subdiv .imgbox img{transform: scale(1.15); transition: all 0.5s ease-in-out;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(n+3) .subdiv{flex-direction: row-reverse;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd){width: 60%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even){width: 40%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd) .subdiv .imgbox{width: 75%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd) .subdiv .txtbox{width: 25%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even) .subdiv .imgbox{width: 50%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even) .subdiv .txtbox{width: 50%;}
}
@media all and (max-width:1200px){
    .indx-prodcase-wp .ctain{width: 96%; }
	.indx-prodcase-wp .ctain .titlBox{width: 100%; float: none; padding-bottom: 1.5rem;}
    .indx-prodcase-wp .ctain .ctentBox{width: 100%; float:none;}
    .indx-prodcase-wp .ctain .ctentBox ul li{padding-top:7.5vw;}
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox{padding:5vw;}
	.indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox h4{font-weight: bold; padding-bottom: 2vw;}
	.indx-prodcase-wp .ctain .ctentBox ul li .subdiv .txtbox p{font-weight: bold; line-height: 1.8;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd){width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even){width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd) .subdiv .imgbox{width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(odd) .subdiv .txtbox{width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even) .subdiv .imgbox{width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li:nth-child(even) .subdiv .txtbox{width: 100%;}
    .indx-prodcase-wp .ctain .ctentBox ul li .subdiv .imgbox img{width: 100%; height: auto; }/* height: auto */
}
@media all and (max-width:960px){

}

/* mod-ltnews */
@media all{
    .mod-ltnews{width: 100%;position: relative;}
    .mod-ltnews::after{position: absolute; content: ''; display: block; width: 20vw; height: 10rem; background: #c4161c; top: 0; left: 0; z-index: -5;}
    .mod-ltnews .ctain{width:90%; margin:0 auto;}
    .mod-ltnews .ctain .titlBox{position:relative;float:right; width:33.33%;}
    .mod-ltnews .ctain .hotnews{float: left;width: 66.66%; padding-right: 3.5%;padding-top: 5rem;}
    .mod-ltnews .ctain .hotnews .newsctain{overflow: hidden; position: relative;}
	.mod-ltnews .ctain .hotnews .newsctain .imgbox{width: 100%;height: calc( 55vw * 0.75); overflow: hidden; display: flex; justify-content: center; align-items: center;}
    .mod-ltnews .ctain .hotnews .newsctain .imgbox img{width: 100%;height: 100%;object-fit: cover;}
    .mod-ltnews .ctain .hotnews .newsctain .title{position: absolute; bottom:0;display: flex; justify-content: flex-start; align-items: center; width: 100%; padding:1rem 2rem; background-color: #c4161c; color: #fff;opacity: .75;}  
    .mod-ltnews .ctain .hotnews:hover .newsctain img{transform: scale(1.10);transition: all 0.5s ease-in-out;}
    .mod-ltnews .ctain .newslist{float: right; width: 33.33%;}
    .mod-ltnews .ctain .newslist li{border-top:1px solid #ccc; margin-top: 1rem; padding-top: 1rem;}
    .mod-ltnews .ctain .newslist li .msg{padding-bottom: 0.5rem;}
    .mod-ltnews .ctain .newslist li .span1{color:#c4161c;}
}
@media all and (max-width:1200px){
    .mod-ltnews .ctain{width: 96%; }
    .mod-ltnews::after{display: none;}
    .mod-ltnews .ctain .titlBox{width: 100%; float: none;}
    .mod-ltnews .ctain .hotnews{float: left;width: 100%; padding-right: 0;padding-top: 1.5rem;}
	.mod-ltnews .ctain .hotnews .newsctain .imgbox img{width: 100%; min-height: auto;}
    .mod-ltnews .ctain .hotnews .newsctain .title{position: relative;}
    .mod-ltnews .ctain .newslist{float: right; width: 100%; margin-top:1.5rem}
    .mod-ltnews .ctain .newslist li{border-bottom:1px solid #ccc;border-top: none;margin-top: 0; padding-top: 0; margin-bottom: 1rem; padding-bottom: 1rem;}
}

/* indx-intro-wp */
@media all{
    .indx-intro-wp{width: 100%; margin:10vw 0;}
    .indx-intro-wp .ctain{width: 90%;position: relative; margin:0 auto; }
    .indx-intro-wp .ctain::before{position: absolute; content: ''; display: block; width: 100%; height: 10rem; background: #e6e6e6; bottom: 0; left: 0; z-index: -5;}
    .indx-intro-wp .ctain .titlBox{float:left; width: 35.33%; padding-right: 2%;}
    .indx-intro-wp .ctain .imgbox{float: right; width:64.66%;}
    .indx-intro-wp .ctain .imgbox img{width: 100%;}
}
@media all and (max-width:1200px){
    .indx-intro-wp .ctain{width: 96%;}
	.indx-intro-wp .ctain .titlBox{float:none; width: 100%; padding-right:0; padding-bottom: 7.5vw;}
    .indx-intro-wp .ctain .imgbox{float: none ; width:100%;}
}


/* footer */
@media all{
	/*--- Footer 底部---*/  
	.foot-wrap { color: #fff; }  
	.foot-wrap .foot-ctain { padding:5vw 0; 	background: rgb(59,59,59); }  
	.foot-wrap .foot-ctain .ft-nav-box{ width: 90%; 	margin:0 auto; } 
	.foot-wrap .foot-ctain .ft-nav-box .F-nav { width: 20%; float: left; text-align: center; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav.F-nav2 { width: 18.0833%; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dt, .top {  position: relative; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dt i { display: block; width: 50px; height: 50px; 	background: url('../img/icon/icon-down02.png') no-repeat center center / 14px auto; 	position: absolute; 	right: 0px; 	top: 0px; 	display: none; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dt.cur i { transform: rotate(-180deg); 	-webkit-transform: rotate(-180deg); }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dd { margin: 15px 0 0; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dd a { display: block; color:#FFF;	opacity: .6; line-height: 2.4; }  
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dd a:hover { 	opacity: 1; }  
	.foot-wrap .foot-ctain .ft-line{display: none; width: 100%; 	height: 1px; 	background-color: #576fa6; 	opacity: .8; margin-top: 30px; } 

	.ft2-wrap{width: 100%; background-color: rgb(38,38,38); overflow: hidden;}
	.ft2-wrap .ft2-ctain{width: 90%; margin:0 auto;}
	.ft2-wrap .ft2-ctain .ft2-box{display: flex; padding:5vw 0;font-weight: normal;}

	.ft2-wrap .ft2-ctain .ft2-box ul {margin:auto;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo {width: 25%;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo li{width: 85%;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo li img{width: 100%;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo p{color: #fff; padding-top:1.5vw;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact {width:35%; color:#fff;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact {color:#fff;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact li a{color:#fff;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-beian {width: 20%;}
	.m-ft-wrap{display: none;}
}
@media all and (max-width:1200px){
		 /* Footer */ 
		 .foot-wrap .foot-ctain{padding: 10px 0 0 0;}
		 .foot-wrap .foot-ctain .ft-nav-box{ width: 100%; margin-left: 0%; 	} 		
		 .foot-wrap .foot-ctain .ft-nav-box .F-nav{text-align: left;  width:100% !important;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}
		 .foot-wrap .foot-ctain .ft-nav-box .F-nav dt{padding:0 2%;height:50px;line-height:50px;}
		 .foot-wrap .foot-ctain .ft-nav-box .F-nav dt i{display:block;}
		 .foot-wrap .foot-ctain .ft-nav-box .F-nav dd{padding:0 0 10px;margin:0px;display:none;}
		 .foot-wrap .foot-ctain .ft-nav-box .F-nav dd a{padding:0 6%;height:40px;line-height:40px;}
		 .foot-wrap .foot-ctain .ft-line{margin-top:0; display: none;}
		 .ft2-wrap .ft2-ctain{width: 100%;}
		 .ft2-wrap .ft2-ctain .ft2-box{padding: 20px 0 50px;}
	 
		 .m-ft-wrap{display: none; z-index: 99; width: 100%; position: fixed;bottom: 0px;  background: #c8000b; }
		 .m-ft-wrap .m-ft-ctain{width: 100%;}
		 .m-ft-wrap .m-ft-ctain .m-ft-navbox{border-bottom: 1px solid rgb(245, 191, 191);}
		 .m-ft-wrap .m-ft-ctain .m-ft-navbox li{float:left;width:24.9%; border-right: 1px solid rgb(245, 191, 191); text-align: center; padding:4px 0;}
		 .m-ft-wrap .m-ft-ctain .m-ft-navbox li:nth-child(4){border-right: 1px solid #c8000b;}
		 .m-ft-wrap .m-ft-ctain .m-ft-navbox li a{color:#fff;}
	 
		 /* 百度爱番番咨询框样式,底部居右 */
		 #newBridge .nb-icon-right-bottom{ bottom:35px !important;}

}
@media all and (max-width:960px){
		 /* Footer */ 
		 .ft2-wrap .ft2-ctain .ft2-box{display: block; padding:20px 2%  20px;}
		 .ft2-wrap .ft2-ctain .ft2-box .ft-logo {width: 100%;}
		 .ft2-wrap .ft2-ctain .ft2-box .ft-logo li{text-align: center;}
		 .ft2-wrap .ft2-ctain .ft2-box .ft-logo li img{width: 33.33%;}
		 .ft2-wrap .ft2-ctain .ft2-box .ft-ctact{margin:10px 0;width:100%}
		 .ft2-wrap .ft2-ctain .ft2-box .ft-beian {width: 100%;}
}


/* ltnews-wp */
@media all{
	.ltnews1-wp{padding-top:10vw;}
	.ltnews2-wp{padding:10vw 0;}
	.ltnews3-wp{padding-bottom:10vw;}
	.ltnews2-wp .mod-ltnews .ctain .titlBox{float:left;}
	.ltnews2-wp .mod-ltnews::after{left:unset;right: 0;}
	.ltnews2-wp .mod-ltnews .ctain .hotnews{float:right;padding-right: 0; padding-left:0 ;}
	.ltnews2-wp .mod-ltnews .ctain .newslist{float:left;}

	
}

/* mod-firstbg-wp */
@media all{
	.mod-firstbg-wp{width: 100%; position: relative;}
	.mod-firstbg-wp img{width: 100%; height: auto;}
	.mod-firstbg-wp .bantxtbox{position: absolute; width:100%; bottom:20%;text-align: center;}
	.mod-firstbg-wp .bantxtbox h2{color:#fff;margin-bottom: 1rem;font-size: 3rem; }
	.mod-firstbg-wp .bantxtbox .text{color:#fff; margin-bottom:1rem; }
	.mod-firstbg-wp .bantxtbox .link{display: none; border:1px solid #fff;padding:.5em 2.5em; color:#fff;border-radius:.5rem;margin-top:2rem;}
	.mod-firstbg-wp .bantxtbox .link:hover{background:  var(--clrm1);}
 }
@media all and (max-width:1200px){
	.mod-firstbg-wp .bantxtbox h2{margin-bottom: 1rem; }
	.mod-firstbg-wp .bantxtbox .text{padding:10px 0; }
}
@media all and (max-width:960px){
	.mod-firstbg-wp .bantxtbox{bottom:1rem}
	.mod-firstbg-wp .bantxtbox h2{margin-bottom: 1rem;}
	.mod-firstbg-wp .bantxtbox .text{margin-bottom:1rem; }
	.rtNewsBg{display: none !important;}
}

/* mod-subnav-wp */
@media all{
    .mod-subnav-wp{width: 100%; border-bottom: solid 1px #dedede;}
    .mod-subnav-wp .ctain{width: 100%; margin:0 auto;}
    .mod-subnav-wp .ctain .menu{ padding:5vw 0; margin: 0;}
    .mod-subnav-wp .ctain .menu .column{ display: none}
    .mod-subnav-wp .ctain .menu ul{ text-align: center}
    .mod-subnav-wp .ctain .menu ul li{ display: inline-block;  border:1px solid #ccc;border-radius: 2vw; margin:0 .5vw; padding:0 4vw; line-height: 4vw;}
    .mod-subnav-wp .ctain .menu ul li a{ color: #666666;position: relative; display:inline-block; }
    .mod-subnav-wp .ctain .menu ul li.active, .mod-subnav-wp .ctain .menu ul li:hover{border:1px solid var(--clrm1); background: var(--clrm1);; transition: all 0.5s ease-in-out;}
    .mod-subnav-wp .ctain .menu ul li.active a,.mod-subnav-wp .ctain .menu ul li:hover a{ color: #fff;transition: all 0.5s ease-in-out;}
}
@media all and (max-width:1200px){
    .mod-subnav-wp{min-width: auto;}
    .mod-subnav-wp .ctain{width: 100%;}
    .mod-subnav-wp .ctain .menu ul li{font-size: 16px;border-radius: 2em; margin:.2em; padding:0.3em 1em; line-height: normal;}
}
@media all and (max-width:960px){
    .menu{ padding: 0}

    .mod-subnav-wp .ctain .menu{padding: 2em 0;  width: 100%; overflow-x: auto;overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}
}

/* lt-news-wp */
@media all{
    .lt-news-wp{width: 100%; padding:7.5vw 0;}
    .lt-news-wp .ctain{width: 90%;  margin:0 auto;}
    .lt-news-wp .ctain .emul .emli{float:left; width:30%; margin-right: 5%; margin-bottom: 5vw;}
	.lt-news-wp .ctain .emul .emli:nth-child(3n){margin-right: 0;}
    .lt-news-wp .ctain .emul .emli a{display: block;}
    .lt-news-wp .ctain .emul .emli a:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);}
    .lt-news-wp .ctain .emul .emli .emli-subbox{overflow: hidden;}
    .lt-news-wp .ctain .emul .emli .imgbox{height: 18vw; overflow: hidden;}
    .lt-news-wp .ctain .emul .emli .imgbox img{width:100%;  height:100%; transition: all 0.5s ease-in-out;}
    .lt-news-wp .ctain .emul .emli .notebox{padding:1.5vw 1.5vw 2vw;   background:var(--clrbg1)}
    .lt-news-wp .ctain .emul .emli .notebox p span i  {padding-right: 1vw;}
    .lt-news-wp .ctain .emul .emli .notebox p  .reader{float:right;}
    .lt-news-wp .ctain .emul .emli .notebox h3{ margin:2vw 0; color:#000; font-weight: normal;}
    .lt-news-wp .ctain .emul .emli .notebox .news-btn{text-align:center;  margin-top:15px;}
    .lt-news-wp .ctain .emul .emli .notebox .news-btn span{height:60px; line-height: 60px; padding:10px  20px; color:#FFF; background:var(--clrm1);}
    .lt-news-wp .ctain .emul .emli:hover .emli-subbox img{transform:scale(1.15,1.15);}
    .lt-news-wp .ctain .emul .emli:hover .notebox{background:var(--clrm1); color:#eee;transition: all 0.5s ease-in-out;}
    .lt-news-wp .ctain .emul .emli:hover .notebox h3{color:#fff;transition: all 0.7s ease-in-out;}
    .lt-news-wp .ctain .emul .emli:hover .notebox .news-btn span{color:var(--clrm1); background-color: #fff; transition: all 1s ease-in-out;opacity: 1;}

}
@media all and (max-width:1200px){
    .lt-news-wp .ctain{width: 100%; }
	.lt-news-wp .ctain .emul .emli .imgbox{height: 20vw;}
	.lt-news-wp .ctain .emul .emli .notebox h3{ font-weight: bold;}
}
@media all and (max-width:960px){
    .lt-news-wp{min-width: 100%;}
	.lt-news-wp .ctain{width:100%;}
    .lt-news-wp .ctain .emul .emli{width:100%; padding:0 2%; padding-bottom:15px;}
    .lt-news-wp .ctain .emul .emli .imgbox{height: auto;}
    .lt-news-wp .ctain .emul .emli .imgbox img{ height:auto;}
    .lt-news-wp .ctain .emul .emli .notebox{padding:5vw;}
    .lt-news-wp .ctain .emul .emli .notebox h3{height: auto; margin:5vw 0;}
    .lt-news-wp .ctain .emul .emli .notebox .news-btn{margin-top:0;}
    .lt-news-wp .ctain .emul .emli .notebox .news-btn span{ padding:5px  20px;}
}


/* mod-pages02 */
.mod-pages02{margin: 40px auto;}
.mod-pages02 .pagebox{margin:0 auto;}
.mod-pages02 .pagebox ul{text-align: center;}
.mod-pages02 .pagebox ul li{display: inline-block;padding:5px 20px;margin:2px;border:1px solid #ccc; overflow: hidden; border-radius: 3px; font-family:Tahoma;}
.mod-pages02 .pagebox ul li select{height: 28px;}
.mod-pages02 .pagebox ul li a{display:block}
.mod-pages02 .pagebox ul li:hover{background:none; color: #333; border-color: var(--clrm1);}
.mod-pages02 .pagebox ul li:hover a{color:#333;}
.mod-pages02 .pagebox ul li.pageon,.mod-pages02 .pagebox ul li.pageon a,.pagebox ul li.pageon a:hover{background:var(--clrm1); color:#fff;border-color: var(--clr1)}
.mod-pages02 .pagebox .pagemsg strong{font-weight:bold; padding:0 2px;}

/* sg-abt：Mod-subTitl */
@media all{
	.Mod-subTitl{text-align:center; margin:5vw 0;}
	.Mod-subTitl  .en{display:inline-block; font-family: fantasy; opacity: 0.6; padding: 1rem 0 10px ; border-bottom:4px solid var(--clrm1);}
}
@media all and (max-width:960px){
	.Mod-subTitl{margin:35px 0;}
}

/* sg-abt：Mod-ctentBox */
@media all{
	.Mod-ctentBox {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
	.Mod-ctentBox .lf{width: 48%;} 
	.Mod-ctentBox .lf img{width: 100%; }
	.Mod-ctentBox .rt{width: 48%; text-align:justify;}
	.Mod-ctentBox .rt p{padding-bottom: 10px;}
	.Mod-ctentBox .rt li{list-style: disc;}
}
@media all and (max-width:960px){
	.Mod-ctentBox .lf{float:left; width:100%;} 
	.Mod-ctentBox .lf img{width: 100%;}
	.Mod-ctentBox .rt{float:left; width: 100%; padding:20px 0 0 0; margin:0;}
}

/* sg-abt */
@media all{
	/* sgabt-intro */
	.sgabt-intro-wp{width:100%;}
	.sgabt-intro-wp .ctain{width:90%; margin:0 auto 7.5vw; }

	/* sg-abt-data */
	.sgabt-data-wp{width: 100%; height:30vw; background-image:url(../img/abt/bg-banner.jpg); background-repeat: no-repeat; background-size: cover}
	.sgabt-data-wp .ctain{width:90%; height: 100%; margin:0 auto;}
	.sgabt-data-wp .ctain ul{width:90%; height: 100%; margin:0 auto; display: flex; justify-content: center; align-items: center;}
	.sgabt-data-wp .ctain li{float:left; width: 33.3333%; text-align:center; color:#fff;}
	.sgabt-data-wp .ctain li h4{height: 60px; line-height:60px; font-size:25px;  padding-bottom:20px; margin-bottom:20px; color:#fff;}
	.sgabt-data-wp .num1, .num2, .num3{font-size:60px;}

	/* sgabt-busin */
	.sgabt-busin-wp{width:100%; }
	.sgabt-busin-wp .ctain{width:90%; margin:0 auto 7.5vw; }
	.sgabt-busin-wp .ctain .Mod-ctentBox .rt{padding-left: 1%;}

	/* sg-abt-purpose */
	.sgabt-purpose-wp{width: 100%; background-color:#ddd;}
	.sgabt-purpose-wp .ctain{width:90%; margin:0 auto 5vw;}
	.sgabt-purpose-wp .Mod-subTitl {padding-top: 5vw;}
	.sgabt-purpose-wp .Mod-ctentBox{padding-bottom: 5vw;}
	.sgabt-purpose-wp .Mod-ctentBox .rt{text-align: center;}

	/* sg-abt-fact */
	.sgabt-fact-wp{width:100%;display:none;}
	.sgabt-fact-wp .ctain{width:90%; margin:0 auto;}
}
@media all and (max-width:960px){
	/* sgabt-intro */
	.sgabt-intro-wp{min-width: auto;}
	.sgabt-intro-wp .ctain{width:100%; margin:0 auto 20px;padding:0 2.5%; }

	/* sg-abt-data */
	.sgabt-data-wp{width: 100%; height:400px; }
	.sgabt-data-wp .ctain{width:100%; height: 100%; margin:0 auto;}
	.sgabt-data-wp .ctain ul{width:100%; height: 90%; margin:0 auto; flex-direction: column; justify-content: space-evenly;}
	.sgabt-data-wp .ctain li{width: 100%;}
	.sgabt-data-wp .ctain li img{ height: 25px;}
	.sgabt-data-wp .ctain li h4{padding-bottom:0; margin-bottom:0; margin-top:10px;}
	.sgabt-data-wp .num1, .num2, .num3{font-size:40px;}

	/* sg-abt-busin */
	.sgabt-busin-wp{min-width: auto;}
	.sgabt-busin-wp .ctain{width:100%; padding:0 2.5%;}
	.sgabt-busin-wp .ctain ul{padding:0 5%;}

	/* sg-abt-purpose */
	.sgabt-purpose-wp{min-width: auto;}    
	.sgabt-purpose-wp .ctain{width:100%; padding:0 2.5%;}
	.sgabt-purpose-wp .Mod-subTitl {padding-top: 45px;}
	.sgabt-purpose-wp .Mod-ctentBox .lf img {width: 100%; padding-bottom: 0;}
	.sgabt-purpose-wp .Mod-ctentBox .rt{padding:20px 0 35px 0;} 

	/* sg-abt-fact */
	.sgabt-fact-wp{min-width: auto;}
	.sgabt-fact-wp .ctain{width: 100%; padding:0 2.5%;}
}

/* sg-abt:mod-Fancybox1 */
@media all{
	.mod-Fancybox1 li{float:left; width:30% ; margin:0 5% 0 0; margin-bottom: 50px; /*box-shadow: 0 2px 4px 0 #ccc;*/}
	.mod-Fancybox1 li:nth-child(3n){margin-right: 0;}
	.mod-Fancybox1 .prodli{transition: .3s all; -webkit-transition: 0.3s all;}
	.mod-Fancybox1 .prodli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);  transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
	.mod-Fancybox1 .prodli .prodpic{overflow: hidden; height: auto; border:1px solid #ccc; } 
	.mod-Fancybox1 .prodli .prodpic img{width:100%; height: auto;transition: all 0.5s ease-in-out;}
	.mod-Fancybox1 .prodli .prodtitl{display: flex;  display: -webkit-flex; display:none;  align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px; border:1px solid #ccc; border-top:none; transition:  1s;}
	.mod-Fancybox1 .prodli:hover .prodtitl{background: var(--clr3);}
	.mod-Fancybox1 li:hover img{width:100%; transform: scale(1.05);}
	/* .mod-Fancybox1 li:hover  h4{color: #fff;} */
}
@media all and (max-width:960px){
	.mod-Fancybox1 li{width: 48%; margin: 0 4% 0 0; margin-bottom:20px;}
	.mod-Fancybox1 li:nth-child(odd){margin-right: 4%;}
	.mod-Fancybox1 li:nth-child(even){margin-right:0;}
	.mod-Fancybox1 .prodli .prodpic{height: auto;}
	.mod-Fancybox1 .prodli .prodpic img{height: auto; margin-bottom: -7px;}
	.mod-Fancybox1 .prodli .prodtitl{padding:0 5px;}
}

/* sgabt-honor-wp */
@media all{
    .sgabt-honor-wp *{box-sizing: border-box;}
    .sgabt-honor-wp{width:100%;}
    .sgabt-honor-wp .ctain{margin:0 auto;}
	.sgabt-honor-wp .ctain ul{padding-bottom: 5rem;}
    .sgabt-honor-wp .ctain ul li{float:left; width:25%;display: flex;align-items: center; justify-content: center;margin-bottom: 3rem;}
    .sgabt-honor-wp .ctain ul li .imgdiv{ width: 90%;height: 460px; border:1px solid #eee;text-align: center; padding:15px 30px; transition: all 0.5s ease-in-out;display: flex; flex-direction: column;align-items: center;justify-content: center;}
    .sgabt-honor-wp .ctain ul li .imgdiv img{transition: all 0.5s ease-in-out;width:100%;max-height: 210px;}
    .sgabt-honor-wp .ctain ul li .imgdiv .titl{ margin-top: 2rem; height: 4.5rem; line-height: 1.8rem; display: flex; justify-content: center; align-items: center;}
    .sgabt-honor-wp .ctain ul li:hover .imgdiv{background: var(--clrm1); box-shadow: 0 0 20px 3px #bbb;}
    .sgabt-honor-wp .ctain ul li:hover .imgdiv img{transform: scale(1.05);}
    .sgabt-honor-wp .ctain ul li:hover .imgdiv .titl{color: #fff;}
}
@media all and (max-width:960px){
	.sgabt-honor-wp .ctain ul{padding-bottom: 2rem;}
    .sgabt-honor-wp .ctain ul li{width: 50%;margin-bottom: 20px;}
    .sgabt-honor-wp .ctain ul li .imgdiv{padding:15px 10px; height:320px;}
    .sgabt-honor-wp .ctain ul li .imgdiv img{width: 100%;max-height: 180px;}
}

/* sg-CDMO */
/* service */
@media all{
    .sgCDMO-service-wp{width: 100%;}
    .sgCDMO-service-wp .ctain{width:100%; margin:0 auto; padding:0 5%; }
    .sgCDMO-service-wp .ctain .txtbox{text-align: center;}
    .sgCDMO-service-wp .ctain .txtbox h1{font-size: 30px; color:var(--color1);}
    .sgCDMO-service-wp .ctain .txtbox p{padding:15px 0 40px;}
    .sgCDMO-service-wp .ctain .ulbox .libox{float:left; width: 47%; margin-left: 6%; padding-bottom: 50px;}
    .sgCDMO-service-wp .ctain .ulbox .libox:nth-child(odd){margin-left: 0;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox{display: flex; align-items: flex-start;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox img{float: left;width:20%;transition: 0.3s all;-webkit-transition: 0.3s all; }
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .lfbox{float: left;width:20%;height: 0; padding-bottom: 20%; position: relative;  }
	.sgCDMO-service-wp .ctain .ulbox .libox:nth-child(1) .ctentbox .lfbox{background:#b2cff1 url(../img/CDMO/server1.png) no-repeat center;background-size:  60% 60%;}	
	.sgCDMO-service-wp .ctain .ulbox .libox:nth-child(2) .ctentbox .lfbox{background:#b2cff1 url(../img/CDMO/server2.png) no-repeat center;background-size:  60% 60%;}	
	.sgCDMO-service-wp .ctain .ulbox .libox:nth-child(3) .ctentbox .lfbox{background:#b2cff1 url(../img/CDMO/server3.png) no-repeat center;background-size:  60% 60%;}	
	.sgCDMO-service-wp .ctain .ulbox .libox:nth-child(4) .ctentbox .lfbox{background:#b2cff1 url(../img/CDMO/server4.png) no-repeat center;background-size:  60% 60%;}	
    .sgCDMO-service-wp .ctain .ulbox .libox:hover .ctentbox .lfbox{background-color: #3873be;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox{float: left; width: 80%; padding:0 5%;} 
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox strong{display: block;font-size: 20px; margin:0 0 15px 0;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox p{margin:0 0 30px 0;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox .other .micarr i{font-size: 25px;}
}
@media all and (max-width:1200px){
    .sgCDMO-service-wp .ctain{padding:0 2%; }
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox strong{font-size: 18px; margin:0 0 10px 0;}
}
@media all and (max-width:960px){
    .sgCDMO-service-wp .ctain{padding:20px 2%;}
    .sgCDMO-service-wp .ctain .txtbox h1{font-size: 20px; }
    .sgCDMO-service-wp .ctain .txtbox p{padding:15px 0 20px;}
    .sgCDMO-service-wp .ctain .ulbox .libox{float:left; width: 100%; margin-left:0; padding-bottom:1.5rem;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox strong{font-size: 15px; margin:0 0 5px 0;}
    .sgCDMO-service-wp .ctain .ulbox .libox .ctentbox .rtbox .other .micarr i{font-size: 22px;}
}

@media all{
    .olimgs-m25-wp {width: 100%;}
    .olimgs-m25-wp .ctain{width: 100%; padding:0 5%; margin:0 auto;}
    .olimgs-m25{display: flex;justify-content: space-between; flex-wrap:wrap ; align-items: center;background-color: #f9f9f9;} 
    .olimgs-m25 .txtclmn{width: 18%; text-align: center;padding: 3rem 1rem;}
	.olimgs-m25 .txtclmn li{padding-bottom: .5rem;font-weight: bold;}
    .olimgs-m25 .txtclmn .hd{font-weight: bold; margin-bottom:1.5rem;}
    .olimgs-m25 .imgclmn{width: 40%;}
    .olimgs-m25 .imgclmn img{width: 100%;}
}
@media all and (max-width:1200px){
    .olimgs-m25-wp .ctain{padding:0 2%;}
    .olimgs-m25 .txtclmn{padding: 0 1rem;}
	.olimgs-m25 .txtclmn li{padding-bottom:0;}
}
@media all and (max-width:960px){
	.olimgs-m25 {padding-top: 2rem;}
    .olimgs-m25 .txtclmn{width: 30%; text-align: center;padding-bottom:2rem;}
    .olimgs-m25 .txtclmn .hd{ margin-bottom:.5rem;}
    .olimgs-m25 .imgclmn{width:100%;}
}
@media all and (max-width:640px){
    .olimgs-m25 .txtclmn{width:100%; text-align: center;}
    .olimgs-m25 .txtclmn .hd{display: inline-block; padding:0.2rem 1.5rem; border-radius:5rem; background-color: #7bb2f3;    margin-bottom:.2rem; color:#fff;}
    .olimgs-m25 .imgclmn{width:100%;}
}

@media all{
	.sgCDMO-swpcase-wp{width: 100%; padding-top: 5vw;}
    .sgCDMO-swpcase-wp .ctain{width:100%; margin:0 auto; }
    .sgCDMO-swpcase-wp .ctent{display:block; position:relative;border: 1px solid #eee;}
    .sgCDMO-swpcase-wp .ctent .imgbox{display: flex; justify-content: center;align-items: center;overflow: hidden;}
    .sgCDMO-swpcase-wp .ctent .imgbox img {display: block;width: 100%;height: 100%;object-fit: cover; transition: all ease-in-out .5s;}
    .sgCDMO-swpcase-wp .ctent:hover .imgbox img{transform: scale(1.15);}
    .sgCDMO-swpcase-wp .ctent .mask{position: absolute;width: 100%; height: 100%; top:0; left: 0;display: flex; justify-content: center;align-items: flex-start;}
    .sgCDMO-swpcase-wp .ctent .mask p{width: 70%; text-align: center;margin-top: 1rem;background: rgba(123, 178, 0243, 0.75); color:#fff; border-radius: 2rem;transition: all ease-in-out .5s;}
	.sgCDMO-swpcase-wp .ctent:hover .mask p{background: var(--clrm1);}
    .sgCDMO-swpcase-wp .swiper-button-next, .sgCDMO-swpcase-wp .swiper-button-prev{background-color:rgba(196, 0, 0, 0.6);height: 3rem; width: 3rem; border-radius: 50%;  color:#333; }
    .sgCDMO-swpcase-wp .swiper-button-next::after, .sgCDMO-swpcase-wp .swiper-button-prev::after{font-size: 1rem;color:#fff}
    .sgCDMO-swpcase-wp .swiper-button-next:hover, .sgCDMO-swpcase-wp .swiper-button-prev:hover{box-shadow: 0 0 6px 4px #fff;background-color:rgba(196, 0, 0, 0.9);}
}
@media all and (max-width:640px){
    .sgCDMO-swpcase-wp .swiper-button-next, .sgCDMO-swpcase-wp .swiper-button-prev{top:unset; bottom:1rem; height: 2rem; width: 2rem;}
}


/* model */
@media all{
	.sgCDMO-model-wp{width: 100%;}
	.sgCDMO-model-wp .ctain{width: 100%; padding:0 5%; margin: 0 auto;}
    .olimgs-m22B-wp .ctain{width:1200px; margin:0 auto; background: #eee;}
	.mod-culture {padding-bottom: 2rem;} 
    .mod-culture dt{ display: inline-block; width: 50%; padding:0 5%;}
	.mod-culture dt img{ border:none;max-width: 100%;vertical-align: middle;display: inline-block;}
    .mod-culture dd{ font-size: 16px; line-height: 32px; position: relative;}
    .mod-culture dd h2{ font-size: 26px;  padding-bottom: 10px;}
	.mod-culture .dd1 h2{color: #3873be;}
	.mod-culture .dd2 h2{color: #f57924;}
	.mod-culture .dd3 h2{color: #57b744;}
	.mod-culture .dd4 h2{color: #eead00;}
	.mod-culture dd ul li{list-style: disc; height: 2rem; line-height: 2rem;}
	.mod-culture .dd1{float: left;	width: 25%;padding-top: 3%;text-align: right;}
	.mod-culture .dd2{float: right; width: 25%;padding-top: 3%;text-align: left;}
	.mod-culture .dd3{float: left;	width: 25%;margin-top: -17%;text-align: right;}
	.mod-culture .dd4{float: right;	width: 25%;margin-top: -17%;text-align: left;}
	.mod-culture .dd1 ul{float: right; text-align: left;padding-right: 12px;}
	.mod-culture .dd2 ul{padding-left: 30px;}
	.mod-culture .dd3 ul{float: right; text-align: left;padding-right: 12px;}
	.mod-culture .dd4 ul{padding-left:30px;}
}
@media all and  (max-width: 1200px){
	.sgCDMO-model-wp .ctain{padding:0 2%;}
}
@media all and  (max-width: 960px){
	.mod-culture dl{display: flex;flex-wrap: wrap;}
	.mod-culture dt{ display: block; text-align: center; margin-bottom: 5%; width: 100%;}
	.mod-culture dd{ margin-bottom: 4%; font-size: 14px; line-height: 26px;}
	.mod-culture .dd1,.mod-culture .dd2,.mod-culture .dd3,.mod-culture .dd4{width: 50%;padding-top: 0;margin-top: 0;text-align: center;}
	.mod-culture .dd1 ul{float: unset; text-align: center;padding-right: 0;}
	.mod-culture .dd2 ul{padding-left: 0;}
	.mod-culture .dd3 ul{float: unset; text-align: center;padding-right: 0;}
	.mod-culture .dd4 ul{padding-left: 0;}
	.mod-culture dd ul li{list-style: none;}
	.mod-culture dd h2{ font-size: 18px;padding-bottom: 5px;}
}



/* sg-ctact */
@media all {
	/* indx-ctact-main */
	.sgctact-main-wp{width:100%; }
	.sgctact-main-wp .ctain{width:90%; margin:0 auto 10vw; }
	.sgctact-main-wp img{display: inline-block;}
	/* Mod-subTitl 与  Mod-ctentBox  页面内共用 */
	/* .sgctact-main-wp .titlbox{text-align:center; margin:50px 0  80px;}
	.sgctact-main-wp .titlbox  h2{font-size:36px;}
	.sgctact-main-wp .titlbox  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--clr3);} */
	.sgctact-main-wp .lfdiv{float:left;  width:50%; }
	.sgctact-main-wp .lfdiv .logo{margin: 100px auto 29px 0; width: 75%;}
	/* .sgctact-main-wp .lfdiv h1{font-size: 32px;} */
	.sgctact-main-wp .midiv{float:left;  width:50%;  padding:0 5rem; border-left: 1px solid rgba(152,152,152,.4); }
	.sgctact-main-wp .midiv .toppic {text-align: center;}
	.sgctact-main-wp .midiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0;}
	.sgctact-main-wp .midiv .ctact p{ color: #333; }
	.sgctact-main-wp .midiv .ctact p span {font-weight: bold; }
	.sgctact-main-wp .rtdiv{display:none;float:left;  width:33%;  padding:0 40px; text-align: center;}
	.sgctact-main-wp .rtdiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0 40px 0;}
	.sgctact-main-wp .rtdiv .weixin{width:200px;}


	/* indx-ctact-map */
	.sgctact-map-wp{ width: 100%; margin-bottom: 10vw;}
	.sgctact-map-wp .ctain{width: 90%; margin:0 auto;}
	.sgctact-map-wp .ctain #map{width: 90%; height: 50vh;}
}
@media all and (max-width:1200px){
	.sgctact-main-wp .ctain{width:100%;padding:0 1%;}
	.sgctact-map-wp .ctain{width: 100%;padding:0 1%;}
}
@media all and (max-width:960px){
	.sgctact-main-wp .lfdiv{display: none;}
	.sgctact-main-wp .midiv{width:100%;border: none;padding:0 20px; }
	.sgctact-main-wp .midiv .toppic img{margin:0 auto;}
	.sgctact-main-wp .rtdiv{width:100%;padding:0 20px;}
	.sgctact-map-wp .ctain #map{width: 100%; }
}


/* title-wp */
@media all{
	.title-wp{width: 100%; text-align: center;padding-top: 10vw;}
	.title-wp h1{margin-bottom: 1rem;font-size: 3rem; }
 }
@media all and (max-width:1200px){
	.title-wp h1{margin-bottom: 1rem; }
}
@media all and (max-width:960px){
	.title-wp h1{margin-bottom: 1.5rem; margin-top:1rem; font-size:2rem;}
}


@media all{
	.ckTemp{width: 90%;  margin:0 auto;}
	.temptwbox .imgbox{width:100%; overflow: hidden;}
	.temptwbox .imgbox img{width:100%;display: block;}
	.temptwbox .txtbox{width:100%;display: flex; flex-direction: column; justify-content: center;align-items: center; flex-wrap: nowrap; padding:1.5rem;}
	.temptwbox .txtbox strong{line-height: 2;display: inline-block; padding-bottom: 2rem;}
	.temptwbox .txtbox ul li{list-style-type: disc; padding-bottom: .5rem;text-align:justify;}
	.temptwbox:hover .imgbox img{transform:scale(1.15,1.15);transition: all 0.5s ease-in-out;}
	.temptwbox:hover .txtbox{background:#f0f0f0;transition: all 0.5s ease-in-out; }

	/* 横排 */
	.tempRow2{width: 100%;}
	.tempRow2 .temptwbox{width:100%; display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: center;align-items: stretch; padding-bottom: 10vw;}
	.tempRow2 .temptwbox:first-child{padding-top: 10vw;}
	.tempRow2 .temptwbox:nth-child(even){flex-direction: row-reverse;}

	.tempRow2 .temptwbox .imgbox{width: 60%;}
	.tempRow2 .temptwbox .txtbox{width: 40%; align-items: flex-start; padding:1.5rem 3rem 1.5rem 5rem; }
	/* .tempRow2 .temptwbox:nth-child(even) .txtbox{align-items: flex-end;} */
}
@media all and (max-width:1200px){
	.ckTemp{width: 100%; }
}
@media all and (max-width:960px){
	.temptwbox{width:100% !important;}
	.temptwbox .imgbox{width: 100% !important;}
	.temptwbox .txtbox{width: 100% !important; align-items: center !important; padding:1.5rem !important}
	.tempRow2 .temptwbox{flex-direction: column !important;;}
}

/* a-sg-CDMO */
@media all{
	.ckTemp3 {width: 90%;  margin:0 auto; padding:10vw 0 6.5vw 0;}
	.ckTemp3 .tempCol3{width:100%;display: flex;flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start;}
	.ckTemp3 .temptwbox {display: flex; flex-direction: column;width:31%; margin-bottom: 3.5vw; cursor: pointer;}
	/* .temptwbox:nth-child(even){flex-direction: column-reverse;} */
	.ckTemp3 .temptwbox .imgbox{width:100%; overflow: hidden; position: relative;}
	.ckTemp3 .temptwbox .imgbox img{width:100%;display: block;}
	.ckTemp3 .temptwbox .imgbox .imgtitle{display: flex; position: absolute; top:0; width: 100%; height: 100%; flex-direction: column;align-items: center; justify-content: center;color:#fff;}
	.ckTemp3 .temptwbox .txtbox{width:100%;display: flex; flex-direction: column; justify-content: center;align-items: center; flex-wrap: nowrap; padding:1.5rem; background:#eee; font-style:italic; height: 22vw;}
	.ckTemp3 .temptwbox:hover{margin-top: -1vw; box-shadow: 0 0 25px 5px #999; transition: all .5s ease-in-out;}
	.ckTemp3 .temptwbox:hover .imgbox img{transform:scale(1.15,1.15);transition: all 0.5s ease-in-out;}
	.ckTemp3 .temptwbox:hover .txtbox{background:#c8000b; color:#eee;transition: all 0.5s ease-in-out; }
}
@media all and (max-width:1200px){
	.ckTemp3{width: 100%; }
}
@media all and (max-width:960px){
	.ckTemp3 .tempCol3{flex-direction: column !important;justify-content:flex-start; align-items: center;}
	.ckTemp3 .temptwbox{width:100% !important;}
	.ckTemp3 .temptwbox .imgbox{width: 100% !important;}
	.ckTemp3 .temptwbox .txtbox{width: 100% !important; align-items: center !important; padding:1.5rem !important; height: auto;}
	.ckTemp3 .tempCol3 .temptwbox:nth-last-child(n+2){margin-bottom:7.5vw;}
}

/* sgserv-supp-wp */
@media all{
	.sgserv-supp-wp{width: 100%;}
	.sgserv-supp-wp .ckTemp3 {padding:0 0 6.5vw 0;}
}
@media all and (max-width:1200px){

}
@media all and (max-width:960px){

}


/* articNews */
@media all {
    .articNews-wp{width:100%;}
    .articNews-wp .ctain{width:75%; margin:0 auto; padding-bottom: 40px;}
}
@media all and (max-width:1200px){
    .articNews-wp{min-width: 100%;}
    .articNews-wp .ctain{width:100%; padding:0 1%; padding-bottom: 30px;}
}
@media all and (max-width:960px){
    .articNews-wp .ctain{padding:0 2.5%; padding-bottom: 20px;}
}
/* articNews:mod-bdartitl */
@media all{
    .mod-bdartitl{text-align: center; margin-bottom:25px; padding:50px 0 10px 0;border-bottom: 2px solid var(--clr3) ;}
    .mod-bdartitl h1{color:#000; }
    .mod-bdartitl .titl_info{ font-size: 16px; }
    .mod-bdartitl .titl_info .read{display:none; }
    .mod-bdartitl .titl_info span i{padding:0 8px 0 16px;}
    .mod-bdartitl .titl_info span:first-child i{padding:0 8px 0 0;}
}
@media all and(max-width:1200px){
}
@media all and (max-width:960px){
    .mod-bdartitl{padding:20px 0 10px 0;}
}

/* artic:mod-bdctent */
@media all{
    .mod-bdctent{margin-top:25px; }
    .mod-bdctent .ctentitl>div{float:left; width: 50%; text-align: center; background-color:#f3f3f3; height: 50px; line-height: 50px;  transition: 0.5s; cursor: pointer;letter-spacing: 5px;border:1px solid #999;}
    .mod-bdctent .ctentitl>div:last-child{border-left: none;}
    .mod-bdctent .ctentitl>div:hover,.mod-bdctent .ctentitl>div.active{background-color: var(--clr3); transition: all 0.5s ease-in-out; color:#333; }
    .mod-bdctent .ctentbox{text-align:justify;}
    .mod-bdctent .ctentbox>div{display:none;box-sizing:border-box;position:relative;width:100%;padding:20px 20px;border:1px solid #dedede}
    .mod-bdctent .ctentbox>div.active{display: block;}
    .mod-bdctent .ctentbox>div .digest{margin:20px 0 30px;border:5px solid var(--clr3);border-top-left-radius:30px;border-bottom-right-radius:30px;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:10px 10px;}
    .mod-bdctent .ctentbox>div .quote { margin:20px 0 20px 20px; border-left: 4px solid var(--clr3); padding:10px 10px 10px 18px;  font-style: italic; background: #f0f0f0;}
    .mod-bdctent .ctentbox>div .info { margin:20px 0 ; background-color:rgba(255,236,216,.5); padding:15px; border:1px dashed #ccc; border-radius: 10px;} 
    .mod-bdctent .ctentbox>div .bg { margin:20px 0 ; background: #fff5eb; padding:15px;}  
    .mod-bdctent .ctentbox>div h2{margin: 45px 0 25px 0;color:#333; border-bottom: 1px solid #fde1bd; padding-bottom: 12px;}
    .mod-bdctent .ctentbox>div h3{margin:20px 0;color:#555; font-style: italic; padding-left: 10px;}
    .mod-bdctent .ctentbox>div strong{padding:0 3px;}
    .mod-bdctent .ctentbox>div a{text-decoration:underline;font-style: italic; font-weight:bold; padding:0 3px;color:#6190e5;}
    .mod-bdctent .ctentbox>div p{padding:0;color:#666;}
    .mod-bdctent .ctentbox>div div{padding:0;;color:#666;}
    .mod-bdctent .ctentbox>div img{max-width:100%!important;height:auto!important; display: inline-block;}
	.mod-bdctent .ctentbox .signature{color:#999; padding-top: 5px; font-style: italic;}	
}
@media all and (max-width:960px){
    .mod-bdctent{margin-top:20px;}
    .mod-bdctent .ctentbox>div{padding:0 0;border:none;}
    .mod-bdctent .ctentbox>div h2{margin: 25px 0 30px 0;}
}

/* artic:mod-bdartpage */
@media all{
    .mod-bdartpage{padding:3rem 0;}
    .mod-bdartpage>div {width:45%; border-radius: 30px; border:1px solid #999; padding:8px 20px; text-align:center; cursor: pointer;transition: all 0.5s ease-in-out; }
    .mod-bdartpage  a{ transition: all 0.5s ease-in-out; }
    .mod-bdartpage .prepage{float: left; }
    .mod-bdartpage .nextpage{float: right;}
    .mod-bdartpage>div:hover {background-color: var(--clr3); color:#333; transition: all 0.5s ease-in-out; }
    .mod-bdartpage>div:hover a{color:#333; transition: all 0.5s ease-in-out;  }
}
@media all and (max-width:960px){
    .mod-bdartpage{border-top: 1px solid #ccc; margin-top: 20px; padding:20px 0; }
    .mod-bdartpage>div {width: 100%;  padding:5px 10px; margin:5px 0; text-align: left;}
}

/* articNews:mod-bdartlist01 */
@media all{
    .mod-bdartlt01 .titlbox{width: 100%; background: #e1e1e1;}
    .mod-bdartlt01 .titlbox .titllab{display: inline-block; padding:.8em 70px;background: #333; font-weight: bold; color: var(--clr3);}
    .mod-bdartlt01 .titlbox .titllab span{padding-left: 20px; letter-spacing: 5px;}
    .mod-bdartlt01 .emul .emli{border-bottom: 1px dashed #ccc; height:3.5em; line-height: 3.5em;}
    .mod-bdartlt01 .emul .emli a{width: 75%; display: inline-block;}
    .mod-bdartlt01 .emul .emli a i{padding-right: 10px;}
    .mod-bdartlt01 .emul .emli span{float:right;}
    .mod-bdartlt01 .emul .emli:hover a{color:var(--clr3);font-weight: b ;}
}
@media all and (max-width:960px){
    .mod-bdartlt01 .titlbox .titllab{display: block; padding:8px 20px; font-size: 16px; }
    .mod-bdartlt01 .titlbox .titllab span{ letter-spacing: 0;}
}

/* mod-table */
@media all{
	.mod-table{width:96% !important; }
	.mod-table caption{padding:20px 0 10px;font-weight: bold; }/*表格标题*/
	.mod-table thead tr{background-color: var(--clr3);color:#333;}/*标题行*/
	.mod-table tbody tr{background-color: var(--clr5);}/*普通行*/
	.mod-table th{}/*标题单元格*/
	.mod-table td{}/*普通单元格*/
}