@charset "utf-8";
#fwzc{border-bottom:2px solid #F4F4F4;}
.fwzcL{background: #0E67C3;color:#fff;line-height:128px;text-align:center;font-size:20px;}
.fwzcL span{transform:rotate(-90deg);font-size:32px;vertical-align:middle}
.fwzc{padding:20px 0 0}
.fwzc li{text-align:center}
.fwzc img{display:block;margin:0 auto}
.fwzc p{color:#666;line-height:3}
#product1{position:relative;margin-bottom:50px}
.title{text-align:center;background: url(../images/title_bg11.png) no-repeat center;font-size:30px;color: #0E67C3;line-height:66px;margin:50px auto;position:relative;}
.product li>a{display:block;position:relative;padding:0 0 76% 0}
.product li>a:before{background-color:#0E67C3;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.product li:hover>a:before{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.5}
.product p{background: url(../images/p_bg.jpg);background-size:cover;padding:0 10px;}
.product p a{color:#fff;line-height:3}
#product1 .swiper-button-prev,#product1 .swiper-button-next{background: #0E67C3;position:absolute;top:50%;padding:5px;width:27px;height:44px;margin-top:-27px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
#product1 .swiper-button-prev{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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");left:30px}
#product1 .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'%23fff'%2F%3E%3C%2Fsvg%3E");right:30px}
#about{background:url(../images/about_bg.jpg) no-repeat center;padding:80px 0}
.about{background:#fff;padding:50px;box-sizing:border-box}
.about h1{color: #0E67C3;font-size:35px;}
.about h1 span{color:#000;font-size:30px}
.about h2{font-size:20px;color:#444;font-weight:normal}
.about div{color:#666;margin-bottom:30px}
.about a{display:inline-block;background:url(../images/more.png);padding: 25px 75px;float:right;}
.m_flall{display:flex;justify-content: space-around; margin-bottom:10px;}
.prolist{margin-bottom:30px}
.prolist li{margin-bottom:30px}
.prolist li>a{display:block;position:relative;padding:0 0 75% 0}
.prolist li>a:before{background-color: #0E67C3;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10;}
.prolist li:hover>a:before{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.5}
.prolist p{padding:0 10px 5px;background:url(../images/border_bg.jpg) no-repeat center bottom}
.prolist p a{display:block}
.prolist p span{float:right;color: #0E67C3;margin-top:10px;}
#case{overflow:hidden;background:url(../images/case_bg.jpg) no-repeat;padding-bottom:50px}
#case .title{background: url(../images/title_bg22.png) no-repeat center;color:#fff;}
#case .title:before{background:#fff;z-index:0;margin-top:0}
.case div{background:#fff;padding: 20px 20px 0 20px;}
.case a{display:block;position:relative;padding:0 0 65% 0}
.case a:before{background-color: #0E67C3;position:absolute;content:"";left:0;top:0;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10;}
.case a:hover:before{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.5}

.case p{text-align:center;line-height:3}
.title3{text-align:center;margin:50px 0}
.title3 h3{font-size:30px;color: #0E67C3;}
.title3 h4{font-weight:normal;color:#666}
.ys div{border:1px solid #E6E6E6;border-radius:5px;padding:10px 10px 60px;position:relative}
.ys div:before{display:block;content:'';position:absolute;background:url(../images/box_bg.png) no-repeat center bottom;bottom:-8px;left:0;width:100%;height:8px}
.ys img{display:block;max-width:100%;margin:0 auto}
.ys dt{color: #0E67C3;font-weight:bold;margin:10px 0 0 0;font-size:20px;}
.ys dd{font-size:16px;line-height:1.5;color:#666}
.ys a{display:inline-block;background:url(../images/more2.png) center no-repeat;padding:3px 31px;color:#fff;position:absolute;bottom:-16px;left:50%;margin-left:-63px}
#news{margin-top:70px;overflow:hidden;background:#F8F8F8;padding-bottom:30px}
.newsL{background:url(../images/newsimg1.jpg) no-repeat;padding: 50px 0 287px 50px;}
.newsL dl{color:#fff}
.newsL dt{display:inline-block;border-bottom:2px solid #fff;padding-bottom:10px}
.newsL strong{font-size:35px;line-height:1.5}
.newsL p{font-size:14px}
.newsL a{display:inline-block;border:1px solid #fff;border-radius:19px;margin-top:20px;font-size:14px;color:#fff;padding:0 30px}
.newsR li{height:141px;margin-bottom:30px;background: #fff;transition:all 0.5s ease;cursor: pointer;}
.newsR li>a{display:block;position:relative;padding:0 0 19% 0;float:left;transition:all 0.5s ease}
.newsR dl{padding: 15px 0px 15px 20px;transition:all 0.5s ease}
.newsR dt{line-height:1.5}
.newsR dt a{font-weight:bold;color:#000;font-size:20px;transition:all 0.5s ease}
.newsR span{color:#666;transition:all 0.5s ease}
.newsR dd{line-height:1.5;font-size: 14px;color: #333;transition:all 0.5s ease}
.newsR li:hover{background: #0E67C3;color:#fff;}
.newsR li:hover dl span,.newsR li:hover dl a,.newsR li:hover dl dd{color:#fff}
@media (max-width:768px){
	.fwzcL{line-height:60px}
	.title:before{display:none}
	.title{background: url(../images/title_bg.png) no-repeat center;background-size:contain;margin:20px auto;}
	#product1{margin-bottom:20px}
	#product1>div{padding:0}
	#about{padding:20px 0}
	.about{padding:0 10px}
	.about h2{font-size:18px;line-height:1.5;margin-bottom:10px}
	.about div{margin-bottom:20px}
	.prolist li{margin-bottom:10px}
	.prolist{margin-bottom:10px}
	#case{padding-bottom: 20px;}
	#case .title{background: url(../images/title_bg.png) no-repeat center;background-size: contain;}
	.case{padding:0}
	.case div{padding: 10px 10px 0;}
	.case li{margin-bottom: 10px;}
	.title3{margin:20px}
	.title3 h3{font-size:20px}
	.title3 h4{font-size:14px}
	.ys a{position:relative;bottom:-10px}
	.ys div{padding-bottom:20px;margin-bottom:20px}
	#news{margin-top:0px;padding-bottom:0}
	.newsR{margin-top:10px;padding:0}
}
span.bus-tit {
    font-size: 20px;
    font-weight: bold;
    /* padding-top: 20px; */
}