@charset "utf-8";
#product{margin:50px 0}
.title{background:url(../images/title.png) no-repeat center bottom;margin:30px 0 50px}
.title h3{float:left;width:48%;text-align:right;font-size:30px;color:#1876D0;margin-bottom:20px}
.title p{width:50%;float:right;margin-top:40px;color:#666}
.title a{float:right;color:#CF000A}
.prolist{background:#1260CD;padding-bottom: 10px;}
.prolist dt{color:#fff;font-size: 20px;padding: 10px 0;line-height:1.5;position:relative;}
.prolist dt a{position:absolute;right:0;top: 45px;}
.prolist dt img{display:block}
.prolist>img{display:block;margin:0 auto;padding: 20px 0;}
.prolist-ul{background:#fff;padding:10px 0}
.prolist-ul li{padding:0 15px 0}
.prolist-ul li a{display:block;line-height: 38px;margin:0 auto;border-bottom:1px solid #ABABAB;padding:0 5px;font-size:14px;}
.prolist-ul li a span{color:#014B8C}
.prolist-ul li a i{float:right;background:#DEDEDE;color:#7F7F7F;width:20px;line-height:20px;text-align:center;border-radius:50%;margin-top:10px;font-family:monospace}
.prolist-ul li a:hover{background:#014FA2;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{margin-bottom:5px}
.product>li>a{display:block;position:relative;height:0;padding:0 0 82% 0;border: 1px solid #ccc;}
.product>li>a:after,.product>li>a:before{background-color: #fff;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>li>p{text-align:center;line-height:2.5}
.product>li>p>a{display:block;font-size:14px;line-height: 2;height: 2em;overflow: hidden;}
#about{background:url(../images/about_bg.jpg) no-repeat center;padding:150px 0 100px}
.aboutR{width:100%;float:right;max-width:600px;background:#fff;padding:0 30px 30px;position:relative}
.aboutR h3{margin:-35px 0 20px 0;background:#CE000A;color:#fff;text-align:center;width:400px;float:right;font-size:30px}
.aboutR div{clear:both;font-size:14px;line-height: 1.8;}
.aboutR a{position:absolute;top:50%;margin-top:-30px;left:-30px}
#case1{position:relative;margin-bottom: 20px;}
.case{padding-bottom:50px}
.case a{position:relative;display:block;padding: 0 0 100% 0;}
.case p{position:absolute;width:100%;background:rgba(16,117,208,0.6);bottom:0;text-align:center;color:#fff;line-height:2}
#case1 .swiper-button-prev,#case1 .swiper-button-next{position:absolute;transition:0.5s all;top:50%;width:40px;height:60px;margin-top:-50px;z-index:10;cursor:pointer;-moz-background-size:40px 40px;-webkit-background-size:40px 40px;background-size:40px 40px;background-position:center;background-repeat:no-repeat;background-color: rgba(206,0,12);}
#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'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");left:2%}
#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'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");right:2%}
#case1 .swiper-pagination-bullet{width:50px;border-radius:0}

#contact{background: #1C7DCA url(../images/contact_bg.jpg) no-repeat center;color:#fff;padding: 40px 0;}
.contactL{float:left;height:100px;width:40%}
.contactC{float:left;width:28%;margin:0 6%}
.cn1{margin-bottom:10px}
.cn2{font-size:24px;border-top:2px solid;border-bottom:2px solid}
.en{font-size:15px;line-height:1.2;margin-top:10px}
.contactR{float:left;width:20%}
.contactR dt{font-size:18px}
.contactR dd{font-size:28px;line-height:1.2}
.contactR a{color:#fff;background:#CE000A;border-radius:20px;display:inline-block;padding:0 10px;font-size:12px}

#news{margin-bottom:50px}
.news-title{line-height:60px}
.news-title h4{float:left}
.news-title h4:before,.news-title h4:after{display:inline-block;content:'';vertical-align:sub}
.news-title h4:before{width:22px;height:22px;background:url(../images/news.png);margin-right:10px}
.news-title h4:after{width:32px;height:26px;background:url(../images/heng.png);margin-left:6px}
.news-title a{float:right;font-size:12px}
.newsL img{display:block;width:100%}
.newsL li{border-bottom:1px solid #BABABA;line-height:3;font-size:14px}
.newsL li a:before{display:inline-block;content:'';width:16px;height:13px;background:url(../images/message.png);vertical-align:sub;margin-right:5px}
.newsL li span{float:right}
.newsR li{border-bottom:1px solid #F2F2F2;padding:8px 0}
.newsR li a{color:#000}
.newsR a:hover{color:#FF1313}
.newsR li a:before,.newsR li p:before{color:#fff;padding:1px;font-size:14px;margin-right:4px}
.newsR li a:before{content:"问";background:#0C78E4}
.newsR li p{font-size:14px;line-height: 1.7;color:#999;padding-left:20px;}
.newsR li p:before{content:'答';background:#3F3F3F;margin-left:-20px}
@media (max-width:768px){
	#product{margin:10px 0}
	.title{background:none;margin:0}
	.title h3{float:none;width:100%;font-size:20px;text-align:center;margin-bottom:0}
	.title p{float:none;width:100%;text-align:center;margin-top:0}
	.prolist dt{padding:20px 0}
	.prolist>img{padding:10px 0}
	.product{padding:10px 0}
	.product li{padding:0 5px}
	#about{padding:50px 0 10px;background-position:center right}
	.aboutR{box-sizing:border-box;padding:0 20px 20px}
	.aboutR h3{float:none;width:100%}
	.aboutR a{display:none}
	
	#contact{background-image:none;padding:10px 0}
	.contactL{width:100%;float:none;display:none}
	.contactC{width:100%;float:none;margin:0}
	.cn1{font-size:14px}
	.cn2{font-size:20px}
	.contactR{width:100%;float:none;margin-top:10px}
	.contactR dd{font-size:18px}
	#news{margin-bottom:20px}
	.newsR{margin-top: 10px;}
	.news-title{line-height: 30px;}

}