#visual{
	overflow:hidden;
	margin-top: 4px;
	position:relative;
}
#visual #banner{
	float:left;
	width:calc(50% - 5px);
}
#visual #ad-list{
	float:right;
	width:calc(50% - 5px);
}
#visual #ad-list .youtube iframe{
	width:calc(50% - 5px);
	height:calc(100% - 30px);
	position:absolute;
	right:0;
	top:0;
}

#visual #ad-list li{
	float: left;
    width: 49%;
	margin: 0 1% 1% 0;
    padding-bottom: 2%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100%;
	position:relative;
}
#visual #ad-list li:nth-child(2n){
	float: right;
}
#visual #ad-list li:nth-child(3n),
#visual #ad-list li:nth-child(4n){
    margin: 0 1% 0 0;
}
#visual #ad-list li:hover:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(25,25,25,0.4);
}
#visual #ad-list li a{
	display:block;
	position:relative;
	z-index:99;
}
#product{
	margin: 70px 0;
}
#product section,
#news section{
	overflow:visible;
}
#product .slick-prev, 
#product .slick-next,
#news .slick-prev, 
#news .slick-next{
    background: url(/images/33/index-pro-srrow.png) no-repeat 100% center;
    width: 46px;
    height: 46px;
    z-index: 99;
	top: 40%;
}
#product .slick-next,
#news .slick-next{
    background: url(/images/33/index-pro-srrow2.png) no-repeat 100% center;
}
.slick-prev:before,
.slick-next:before{
	display:none;
}
#product .productlist{
	margin: 40px 0 0;
}
#product .productlist-box{
	margin: 0 10px;
}
#product .productlist-box .photo,
#news .newslist-box .photo a{
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-size: contain;
	transition:all ease-in-out 0.3s;
	display: block;
}
#product .productlist-box .pro-detail h3{
	text-align:center;
	font-weight:normal;
	margin:15px 0;
}
#product .productlist-box .pro-detail h3 a{
	color:#920814;
	font-size:18px;
}
#product .productlist-box .pro-detail h3 a:hover{
    color: #b91919;
}
#product .productlist-box .pro-detail article{
	color:#263238;
	font-size:14px;
	text-align:center;
	height:46px;
	overflow:hidden;
}
#about-wrap{
    overflow: hidden;
    background-repeat: no-repeat;   
	background-position: 0 50%;
	transition:ease-in-out all 0.3s;
}
#about-wrap:hover{    
	-webkit-filter: brightness(110%);
}
#about-wrap .rightbox{
    width: 27%;
    float: right;
    background: #fff4f5;
    padding: 70px 20% 70px 3%;
}
#about-wrap .rightbox article{
	color:#343434;
	font-size:18px;
	margin: 40px 0;
    line-height: 180%;
}
#about-wrap .rightbox p{
	text-align:right;
}
#about-wrap .rightbox p a{
	color:#510002;
	font-size:14px;
}
#free-block{
	background-image:url(/images/33/servicebg.jpg);
	background-position: 50% 100%;
    background-size: 100%;
    overflow: hidden;
    padding: 70px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome, #free-block {
		background-attachment: initial;
    }
}

#free-block .row{
    width: 27%;
    float: left;
    background: rgba(255, 255, 255, 0.9);
    margin: 70px 20% 70px 3%;
    padding: 40px 0 30px;
}
#free-block .row h3{
	text-align:center;
}
#free-block .row span{
	display:block;
	width:80px;
	height:1px;
	background:#0d2369;
	margin:20px auto;
}
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
#free-block .row article{
    color: #94040c;
    font-size: 30px;
    text-align: center;
    line-height: 180%;
	font-family: 'cwTeXHei';
}
#news{
	padding:70px 0;
}
#news .newslist-box{
	margin: 0 15px;
}
.newslist{
	margin-top: 50px;
}
.newslist-slide .newslist-box .news-info p,
.newslist-slide .newslist-box .news-info p a{
	color:#510002;
	font-size:14px;
}
.newslist-slide .newslist-box .news-info h3{
	margin:10px 0;
}
.newslist-slide .newslist-box .news-info h3 a{
	color:#263238;
	font-size:18px;
}
.newslist-slide .newslist-box .news-info article{
	height:48px;
	overflow:hidden;
}
.newslist-slide .newslist-box .news-info article a{
	color:#263238;
	font-size:16px;
}

.newslist-slide .newslist-box .news-info p.more{
	margin-top:10px;
}
@media screen and (max-width: 1900px) {
	#visual #ad-list li{
	    padding-bottom: 2.3%;	
	}
}
@media screen and (max-width: 1440px) {
	#about-wrap .rightbox{
		width: 60%;
		padding: 70px 3%;
	}
	#free-block .row{
		width: 40%;
	}
	#free-block .row article{
		font-size:24px;
	}
}
@media screen and (max-width: 1280px) {
	#product .slick-prev, 
	#product .slick-next, 
	#news .slick-prev, 
	#news .slick-next{
	    left: 5px;	
		width: 35px;
		height: 35px;
		background-size:100%;
	}
	#product .slick-next, 
	#news .slick-next{
		right:5px;
		left:initial;
	}
	#about-wrap{
	    background-size: auto 100%;	
	}
	#about-wrap:hover{
		background-size: auto 100%;	  
		-webkit-filter: brightness(110%);
	}
}
@media screen and (max-width: 980px) {
	#visual #banner,
	#visual #ad-list{
		width:100%;
		margin-bottom: 5px;
	}
	#visual #ad-list .youtube{
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;height:0;overflow:hidden;
	}
	#visual #ad-list .youtube iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#visual #ad-list li:nth-child(2n){
		float:left;
	}
	#visual #ad-list li{
	    padding-bottom: 0;
		width: 24.24%;	
	}
	#visual #ad-list li:last-child{
	    margin: 0;	
	}
	#product .productlist-box,
	#news .newslist-box{
		margin: 0 30px;	
	}
	#about-wrap .rightbox article{
		font-size: 16px;	
	}
	#free-block .row{
		width: 60%;
		margin: 70px 10% 70px 10%;	
	}
}
@media screen and (max-width: 640px) {
	#about-wrap .rightbox{
		width: 70%;
		padding: 70px 5%;	
	}
	#free-block .row{
	    width: 80%;
		margin: 0 auto;
		float: none;	
	}
	#free-block .row h3 img{
		 max-width: 50%;
	}
	#free-block .row article{
		font-size:16px;
	}
}
@media screen and (max-width: 480px) {
	#visual #ad-list li{
		width: 49.5%;
	}
	#visual #ad-list li:nth-child(2n){
		margin-right:0;
	}
}