@charset "utf-8";
#fwzc{background:#0295E5;color:#fff}
#fwzc li{float:left;box-sizing:border-box;width:20%;border-left:1px solid #fff;text-align:center;padding:20px 0}
#fwzc li:last-child{border-right:1px solid #fff}
#fwzc img{vertical-align:middle;margin-right:10px}
#fwzc dl{display:inline-block;vertical-align:middle;text-align:left;line-height:1.5}
#fwzc dt{font-weight:bold;font-size:20px}
.title{text-align:center;margin:40px auto}
.title h3{font-size:40px;background:url(../images/title.png) no-repeat center bottom}
.title h4{font-weight:normal;line-height:3}
.prolist{background:#0295E5;overflow:hidden}
.prolist dt{color:#fff;font-size:25px;padding: 10px 0;line-height:1.5;position:relative;}
.prolist dt a{position:absolute;right:0;top: 60px;}
.prolist dt img{display:block}
.prolist>img{display:block;margin: 10px auto;}
.prolist-ul{background:#fff;padding: 10px 0;}
.prolist-ul li{padding:0 10px 0}
.prolist-ul li a{display:block;line-height:2.5;margin: 0 auto 5px;background:#0295E5;padding:0 5px;border-radius:20px;color:#fff;}
.prolist-ul li a span{font-size:12px}
.prolist-ul li a i{float:right;background:url(../images/you.png);width:20px;line-height:20px;margin-top:11px;margin-right:5px}
.prolist-ul li a:hover{background:#FF7200;color:#fff}
.prolist-ul li a:hover span{color:#fff}
.prolist-ul li a:hover i{color:#fff}
.prolist-ul li img{display:block;margin:0 auto;padding-top:15px;max-width:100%}
.product li>a{display:block;position:relative;padding:0 0 74% 0}
.product li p{text-align:center;line-height: 2.5;margin-bottom: 20px;}
.pro{margin-bottom:20px;padding:0 10px}
.proL{padding:0 0 37.5% 0 !important}
.proR{background:#F5F5F5;padding:20px 30px}
.proR>a{font-size:20px;font-weight:bold}
.proR>a:after{display:block;content:'';width:50px;height:2px;background:#0194E4}
.proR p{margin-top:10px;text-align:left !important;font-size:14px;color:#333}
.pro-more{margin:26px 0}
.pro-more a{display:inline-block;border-radius:20px;color:#fff;width:160px;text-align:center;line-height:40px;margin-right:20px}
.pro-more a:first-child{background:#0295E5}
.pro-more a:last-child{background:#FF7200}
#about{background:url(../images/about_bg.jpg) no-repeat center 0;margin-top:50px;overflow:hidden;margin-bottom:45px;padding-bottom:10px}
#about .title{color:#fff}
.about{background:#fff;box-shadow:0 0 5px #666;padding:50px 20px;box-sizing:border-box}
.aboutL h1{border-bottom:1px solid #C9C9C9;font-weight:normal}
.aboutL h1:before{content:'ABOUT US';display:block;color:#0295E5;font-size:60px;line-height:1;font-weight:bold}
.about-info{margin-top:30px;line-height: 2;}
.aboutR img{display:block;margin:0 auto;max-width:100%}
.caseL{background:url(../images/case_bg.jpg) no-repeat left 0;color:#fff;max-width:400px;text-align:center;line-height:1.5;padding:50px 0 337px 0;width:31%;margin-right:2.3%}
.caseL h3{font-weight:normal;font-size:30px}
.caseL h4{font-weight:normal;font-size:25px}
.caseL a{color:#fff;display:inline-block;width:150px;line-height:40px;margin-top:20px}
.caseR{overflow:hidden}
.case{width:105%}
.case ul{-webkit-transition-timing-function:linear !important;-moz-transition-timing-function:linear !important;-ms-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important;transition-timing-function:linear !important}
.case li{margin-bottom: 34px;}
.case li>a{display:block;position:relative;padding:0 0 75% 0}
.case p{background:#0295E5;color:#fff;padding:0 10px;line-height:40px}
#ys{background: url(../images/ys_bg.jpg) no-repeat center;margin-top: 20px;padding: 20px 0 0;}
.ysL{color:#fff;padding-right:50px}
.ysL h3{color:#FE7200;font-size:25px}
.ysL h4{font-size:40px;line-height:1.5}
.ysL h5{color:#FE7200;font-size:18px}
.ysL h6{font-size:12px;font-weight:normal;max-width:400px;margin-bottom:30px}
.ysL ul{background: #FF7200;padding: 30px 0 10px 0;position: relative;margin-bottom: 30px;}
.ysL ul:before{display:block;content:'';background: #FF7200;width: 42%;height: 100%;position: absolute;top: 0;right: 100%;}
.ysL li{float: left;width: 25%;text-align: center;}
.ysL img{display: block;max-width: 100%;margin: 0 auto;}
.ysL p{max-width: 500px;}
.ysL .en{font-size: 12px;}
.ysR li{margin-bottom:10px}
.ysR img{display:block;max-width:100%;margin:0 auto}
.ysR dl{padding:10px}
.ysR dt{font-size:20px;font-weight:bold}
.ysR dd{font-size:14px;line-height:1.5;color:#333}
#news{margin-bottom:50px}
.news{padding: 10px 10px 30px 10px;}
#news li{padding: 20px 0;margin-bottom: 10px;}
#news li:hover{box-shadow:0 0 3px #333}
#news .time{text-align:center;color: #0394E3;font-size:20px;line-height:1.2;margin-top: 33px;}
#news .time span{display:block;font-size:40px;font-weight:bold}
#news .newsD{border-left:1px solid #666;padding-left:30px}
#news .newsD a{font-size:18px;color:#000;font-weight:bold}
#news .newsD p{line-height: 1.5;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom: 10px;}
#news .newsI a{display:block;position:relative;height:0;padding:0 0 51% 0;border-radius:5px}
#news .newsI img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.news .swiper-button-prev,.news .swiper-button-next{position:absolute;background-repeat:no-repeat;background-position:center;background-size:30px;width:30px;height:30px}
.news .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23#BFBFBF'%2F><%2Fsvg>");right:50%;margin-right:20px;bottom:10px}
.news .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23#BFBFBF'%2F%3E%3C%2Fsvg%3E");left:50%;margin-left:20px;bottom:10px}
.news .swiper-pagination{width:100%;bottom:10px}
.news .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#B6B6B6;opacity:1}
.news .swiper-pagination-bullet-active{background:#0091E3}
#link{background: #0091E3;color:#fff}
#link a{color:#fff}
@media (max-width:768px){
    #fwzc li{width:50%;padding:0px 0;margin:10px 0;border:0}
	#fwzc li:last-child{width:100%;border:0}
	.title{margin:20px auto}
	.title h3{font-size:30px}
	.title h4{font-size: 13px;}
	.prolist-ul li a span{display:none}
	.prolist-ul li a i{display:none}
	.prolist{margin-bottom:20px}
	.proL{padding: 0 0 74% 0 !important;}
	.product{padding:0}
	.product li{margin-bottom:5px}
	.product li>a{min-height:0}
	.pro p{display:none}
	.proR{padding:0;background:#fff}
	.proR>a{font-size:16px;font-weight:normal;display:block;text-align:center}
	.proR>a:after{display:none;}
	.pro-more{margin:10px 0 0;display: none;}
	#about{margin-top:10px;margin-bottom:0}
	.about{padding:10px 0;box-shadow:unset}
	.aboutL h1:before{font-size:30px}
	.aboutR{margin-top:10px}
	.about-info{margin-top:10px;line-height:2}
	.caseR{padding:0}
	
	#ys{background: unset;margin-top: 20px;}
	#ys .container{padding:0}
	.ysL{padding: 0 10px;background: #0A99E8;}
	.ysL h4{font-size: 30px;line-height: 1;}
	.ysL h6{margin-bottom: 10px;}
	.ysL ul{margin: 0 -10px;padding: 20px 10px 5px;}
	.ysR{padding: 0;margin-top: 10px;}
	.ysR dl{padding:5px 0}
	#news{margin-bottom: 0;}
	#news>.container{padding:0}
	.news{padding: 0 0 30px 0;}
	#news li{padding: 0;}
	#news .newsD{border:0;padding-left:10px}
	#news .newsI{float:none !important}
	.time{display:none}
	#news .newsI a{padding:0 0 74% 0}
}