@charset "utf-8";
#fwzc{border-bottom:2px solid #F4F4F4;margin-top: 10px;}
.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;max-width: 1500px;margin: 0 auto 50px;}
.title{text-align:center;background: url(../images/title_bg11.png) no-repeat center;font-size:30px;color:#0E67C1;line-height:66px;margin:50px auto;position:relative;}
.product li>a{display:block;position:relative;padding: 0 0 75% 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:#0D66C2;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 76px;float:right}
.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:#0C67C2;margin-top:10px}
#case{overflow:hidden;background:url(../images/case_bg.jpg) no-repeat;padding-bottom:50px}
#case1{position:relative;max-width: 1500px;margin: 0 auto;}
#case1 .swiper-button-prev,#case1 .swiper-button-next{background: #fff;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;}
#case1 .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'%230E67C3'%2F%3E%3C%2Fsvg%3E");left:30px}
#case1 .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'%230E67C3'%2F%3E%3C%2Fsvg%3E");right:30px}

#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: 10px 10px 0 10px;}
.case a{display:block;position:relative;padding: 0 0 75% 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:#0C67C2}
.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:#0A68C0;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 288px 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}
.newsR li>a{display:block;position:relative;padding:0 0 19% 0;float:left}
.newsR dl{padding:15px 10px;background:#fff}
.newsR dt{line-height:1.5}
.newsR dt a{font-weight:bold;color:#000;font-size:20px}
.newsR span{color:#666}
.newsR dd{line-height:1.5;height: 48px;overflow: hidden;}
.newsR dl:hover{background:#0E67C3;color:#fff}
.newsR dl:hover span,.newsR dl:hover a{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}
}