.view-more {
    background:url(/images/content/main/view_btn.png) no-repeat center right;
    padding:0 62px 0 0; color:#535353; font-size:22px; transition:0.3s;
}

.txt-red {
    font-size:17px;
    font-weight:bold;
    color:#E41D25;
}
.red{color:#E41D25;}

@media(max-width:550px){
 .fs-60{font-size:27px; word-break:keep-all;}
 .view-more{font-size:15px;}
}

/**/
header {}
header .head {}
header .head .rect {
    background:transparent; transition:all 200ms;
}
header .head .logo a {
    background-image:url(/images/content/layout/logo_wh.png);
}
header .head .menu li.m1 a.m1{color:#fff;}
header .head .menu .btn-toggle .lang a {color:#ddd;}
header .head .menu .btn-toggle .lang a.active {color:#fff;}
header .head .hamburger > span {background:#fff;}
header .head.active {}
header .head.active .rect {background:#fff;}
header .head.active .menu li.m1 a.m1, header.in-active .head .menu li.m1 a.m1 {color:#000;}
header .head.active .hamburger > span, header.in-active .head .hamburger > span{background:#000;}
header .head.active .logo a {
    background-image:url(/images/content/layout/logo.png);
}
header .head.active .menu .btn-toggle .lang a {color:#B5B5B5;}
header .head.active .menu .btn-toggle .lang a.active {color:#000000;}



/**/
#main-visual {height:980px;}
#main-visual .item {
	height:980px; color:#fff;
	display:flex; flex-direction: column; align-items: center; justify-content: center;
	background-position:center center; background-repeat: no-repeat;
}
#main-visual .owl-dots {
    position:absolute; width:100%; bottom:3%;
    display:flex; align-items: center; justify-content: center;
}
#main-visual .owl-dots .owl-dot {}
#main-visual .owl-dots .owl-dot span {transition:all 200ms; width:200px; height:3px; background:#999;}
#main-visual .owl-dots .owl-dot:focus {outline:0;}
#main-visual .owl-dots .owl-dot.active span {background:#fff;}
@media(max-width:1024px){
	#main-visual {height:100vh; }
	#main-visual .item{height:100vh;background-size:cover;}
}
@media(max-width:550px){
	#main-visual {}
	
	#main-visual .item .fs-130{font-size:55px; width:80%; word-break:keep-all; text-align:center;}
	#main-visual .item .fs-30{font-size:18px; width:80%;word-break:keep-all; text-align:center;}
	#main-visual .owl-dots .owl-dot span{width:50px;}
}

/**/
#main-about {
    margin:150px 0 0 0; position:relative;
    background:url(/images/content/main/main_about_bg.png) no-repeat top right;
}
#main-about .com_img{margin-top:100px;}
#main-about img {display:block;}
#main-about .view-more {position:absolute; top:140px; right:0;}
#main-about .view-more:hover{ padding:0 82px 0 0; transition:0.3s;}
@media(max-width:1440px){
#main-about img {width:95%;}
}
@media(max-width:860px){
	#main-about .view-more{top:180px; left:0; width:170px;}
}

@media(max-width:550px){
	#main-about {margin-top:100px;}
	#main-about .view-more {top:150px;width:140px;}
	#main-about .com_img{margin-top:80px;}
}
@media(max-width:430px){
	#main-about .view-more {top:120px;}
}
@media(max-width:414px){
	#main-about .view-more {top:150px;}
	#main-about .com_img{margin-top:90px;}
}

/**/
#product {
    padding:160px 0 0 0;
    background:url(/images/content/main/main_product_bg.png) no-repeat left top, #fff;
}
#product .pro_title{width:50%;}
#product .flex{position:relative; justify-content:flex-end;}
#product .flex > div:nth-child(1) {position:relative;}
#product .flex > ul{position:absolute; left:50%; width:50%; }
#product .flex ul li .rect-right a.active{color: #E41D25; font-size: 38px; font-weight: 700;}
#product .flex ul li .rect-right a.first.active{color: #E41D25; font-size: 38px; font-weight: 700;}
#product .flex > ul > li{}
#product .flex ul li:first-child .rect-right{}
#product .flex ul li .rect-right{display:flex; width:48%; }
#product .flex ul li .rect-right .btn:focus, .btn.focus{box-shadow:unset;}
#product .flex ul li .rect-right a{font-size:28px; color:#333;}
#product .flex ul li .rect-right a:hover{color: #E41D25; font-weight: 700; transition:0.2s ease-in-out;}
#product .pro_list{justify-content:center;}
#product .tabcontent .rect-left{float:left; position:relative;}
#product .circle-red {
    width:580px; height:580px; border-radius:100%;
    display:flex; justify-content: center; align-items: center;
    flex-direction: column; text-align:left; position:relative;
    background:rgba(205, 13, 18, 0.85); background-blend-mode: hard-light; z-index:10; color:#fff;
}
#product .circle-red p,
#product .circle-red ul {width:70%;}
#product .circle-red p {}
#product .circle-red ul {}
#product .img {
    position:absolute; top:0; left:220px; height:580px; display:flex;
    justify-content: flex-end; align-items: center; z-index:1;
}
#product .rect-right ul {
    color:#535353;
}
#product .view-more {
    position:absolute; margin:auto; top:270px; left:544px;
    z-index:11; color:#fff; width:172px;
}
#product .view-more:hover{width:192px; left:524px;}
@media(max-width:1440px){
	#product .pro_title{width:100%;}
	#product .flex {justify-content:center; text-align:center;}
	#product .tab{margin-top:50px;}
	#product .flex > ul{left:0; width:50%; }
	#product .tabcontent .rect-left{margin-left:28%}
	#product .flex ul li .rect-right a.active,
	#product .flex ul li .rect-right a.first.active{font-size: 24px;}
	#product .flex ul li .rect-right a{font-size:20px;}
	#product .circle-red {width:480px; height:480px;}
	#product .img {left:180px; height:480px;}
	#product .view-more {top:240px; left:500px;}
}
@media(max-width:853px){
	#product {padding:100px 0 0 0;}
	#product .flex ul li .rect-right{width:50%;}
	#product .flex ul li .rect-right a.active, 
	#product .flex ul li .rect-right a.first.active{font-size:20px; padding:0;}
	#product .flex ul li .rect-right a{font-size:18px;padding:0;}
	#product .tabcontent .rect-left{margin-left:26%;}
	#product .circle-red {width:380px; height:380px;}
	#product .circle-red p, #product .circle-red ul{width:60%;}
	#product .circle-red .fs-45{font-size:22px;}
	#product .circle-red .fs-23{font-size:18px;}
	#product .img {left:160px; height:380px;}
	#product .img img{width:340px;}
	#product .view-more {top:180px; left:370px;}
}
@media(max-width:550px){
	
	#product .pro_title{width:80%;}
	#product .flex{flex-wrap:nowrap;}
	#product .tab{margin-top:0;}
	#product .flex > ul{width:100%; margin-bottom:200px; display:flex; justify-content:center; flex-direction:column; align-items:center;padding-bottom:100px;}
	#product .flex ul li .rect-right{width:100%;}
	#product .tabcontent {margin-top:220px;}
	#product .tabcontent .rect-left{margin-left:0;}
	#product .circle-red {width:280px; height:280px;}
	
	#product .circle-red .fs-23{font-size:15px;}
	#product .img {left:100px; height:280px;}
	#product .img img{width:230px;}
	#product .view-more {top:120px; left:205px;}
}
@media(max-width:390px){
	#product .circle-red {width:280px; height:280px;}
	#product .circle-red p, #product .circle-red ul{width:55%;}
	#product .circle-red .fs-45{font-size:20px;}
	#product .circle-red .fs-23{font-size:13px;}
	#product .img {left:80px; height:280px;}
	#product .img img{width:250px;}
	#product .view-more {width: 100px; top:120px; left:250px;}
}
/**/
#customer {
    /*border:2px solid red;*/
    margin:195px 0 95px 0;
}

#customer .text-center{
    margin-bottom:100px;
	
}
#customer .banner-list .swiper-wrapper{ display:flex;  transition-timing-function: linear; }


#customer .banner-list .swiper-slide {
    /*border:1px solid blue;*/
	width:250px;
	
}

#customer .banner-list .item img {}

@media(max-width:1440px){
	#customer {margin:100px 0 0 0;}
	#customer .text-center{margin:50px auto; width:80%;}
	.swiper-horizontal{width:1520px;}
}
/**/
#news {
    height:860px; display:flex;
    background:url(/images/content/main/main_news_bg.jpg) no-repeat center top;
}
#news .view-more {position:absolute; right:0;}
#news .post-list {
    display:flex; margin-top:100px; justify-content: space-between;
}
#news .post-list .post-box {
    width:23%; max-width:400px; height:270px;
    background:rgba(255,255,255,0.8); border-radius:30px; padding:30px 35px;
}
#news .post-list .post-box a {
    width:100%; height:100%;
    display:flex; justify-content: space-between; flex-direction: column;
}
#news .post-list .post-box .subject {
    word-break: keep-all;
    font-size:25px;
	font-weight: 700;
}
#news .post-list .post-box .content {
    font-size:18px;
}
#news .post-list .post-box .date {
    font-size:15px; text-align:right; color:#b5b5b5;
}
#news .post-list .post-box:hover {
	
	background: rgba(228, 29, 37, 0.90);
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
	transition:0.7s ease-in-out;
}
#news .post-list .post-box:hover a {
    color:#fff;
	transition:0.5s ease-in-out;
}
#news .post-list .post-box:hover a .date{color:#fff;transition:0.5s ease-in-out;}

.multi-line-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(max-width:1440px){
	#news{height:750px;}
	#news .wrap{margin-top:100px;}
	#news .post-list .post-box {width:32%;}
	#news .post-list .post-box:nth-child(4) {display:none;}
}
@media(max-width:853px){
	#news .post-list .post-box {width:48%;}
	#news .post-list .post-box:nth-child(3) {display:none;}
}
@media(max-width:550px){
	#news{height:700px;}
	#news .fs-60{width:70%;}
	#news .post-list{justify-content:center;}
	#news .post-list .post-box {width:100%;}
	#news .post-list .post-box:nth-child(2) {display:none;}
}
/**/
#contact-us {
    height:700px; display:flex;
    background:url(/images/content/main/main_contact_bg.jpg) no-repeat center center;
    background-size:cover;
}
#contact-us .wrap {
    background:rgba(0,0,0,0.6);
    padding:70px 100px; border-radius:20px; color:#fff;
    display:flex; justify-content: space-between; align-items: center;
}
#contact-us .wrap .fs-110:after{content:''; width:50px; height:5px; display:block; background-color:#fff; margin-bottom:35px;}

#contact-us .dot-red {
    position:relative; padding-right:15px; font-weight: 600;
}
#contact-us .dot-red:before {
    content:''; width:15px; height:15px;
    border-radius: 100%; background:#E41D25;
    position:absolute; right:0; top:0;
}
#contact-us .inquiry_btn{margin-right:30px;}
#contact-us .inquiry_btn:hover{margin-right:0; transition:0.3s ease-in-out;}
#contact-us .inquiry_btn a{width:100px; height:100px; display:inline-block;}
@media(max-width:1440px){
	#contact-us {height:500px;}	
	#contact-us .wrap {padding:50px 50px; }
	#contact-us .fs-110{font-size:75px;}
	#contact-us .inquiry_btn{margin-right:0;}
	#contact-us .wrap .fs-25{word-break:keep-all;}
}
@media(max-width:768px){
	
	#contact-us .inquiry_btn a{width:70px; height:70px;}
	#contact-us .wrap a img{width:70px;}
}
@media(max-width:550px){
	#contact-us {height:400px; }
	#contact-us .wrap {padding:25px 25px; }
	#contact-us .fs-110{font-size:35px;}
	#contact-us .wrap .fs-110:after{margin-bottom:25px; margin-top:25px;}
	#contact-us .dot-red:before {width:8px; height:8px;}
	#contact-us .wrap .fs-25{font-size:15px; }
	#contact-us .inquiry_btn a{width:50px; height:50px;}
	#contact-us .wrap a img{width:50px;}
}