﻿@charset "utf-8";
.title{text-align:center;margin:40px auto;}
.title h2{font-size:34px}
.title span{font-weight:normal;font-size:20px;vertical-align:middle}
#product{padding-bottom:50px}
#product .title h2{color:#1E181A}
#product .title p{color:#737373}
.product li>a{display:block;position:relative;padding: 0 0 98% 0;border: 1px solid #ccc;}
.product p{text-align:center;margin:10px 0 20px}
.product p:before,.product p:after{content:'';width: 20px;height: 2px;display: inline-block;vertical-align: middle;margin: 0 10px;background: #111111;}
.prolist{
    margin-bottom: 30px;
}
.prolist li{
    float: left;
    width: 12.5%;
}
.prolist a{
    display: block;
    text-align: center;
    background: #008CD7;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #fff;
    line-height: 2.5;
}
.prolist a:hover{
    background: #333;
}
@media (max-width: 768px) {
	#product{padding-bottom:10px}
	.product p{margin:0;height:2em;overflow:hidden}
	.product p a{font-size:14px}
	.product p:before,.product p:after{margin:0 2px;width:15px;display:none}
	.title h2{font-size:20px}
	.title{margin:10px auto;line-height:1.5}
	.prolist{padding:0 5px}
	.prolist li{width:25%}
	.prolist a{
    font-size: 12px;
}
}

#about{background: #F5F5F5;padding:50px 0;}
.aboutL .title{text-align:left;line-height: 1.5;margin: 0 0 20px;}
.aboutL .title h2{color:#1C1819}
.aboutL .title p{color:#75BF4C;font-size:20px}
.about-text{color:#474747;margin-bottom: 20px;}
.about-ul li{float:left;width:50%}
.about-ul a{color:#212121;border-bottom:1px solid #999999;display:block;max-width: 80%;line-height:3;font-size:20px;font-weight: bold;}
.about-ul span{float:right}
.aboutR img{display:block;max-width:100%;float: right;}

@media (max-width: 768px) {
	#about{padding:1px 0 20px;background-position: top center;}
	.aboutL{padding:0}
	.aboutL .title p{font-size:16px}
	.about-text{font-size:14px;margin-bottom:10px}
	.about-ul a{line-height:3;font-size:16px;margin:0 auto;max-width: 90%;}
	.aboutR{clear:both;float:none;margin-top:20px;padding:0}
	.aboutR img{float:none}
}

#youshi .title p{color:#727272;}
.youshi{margin-top: 80px;}
.youshi li{border:1px solid #DCDCDC;margin-left:-1px;text-align:center;padding: 50px 30px;}
.youshi li:before{display:inline-block;content:'';width:49px;height:43px;background-size:contain;background-repeat:no-repeat;background-position:center}
.youshi h4{font-size:20px;}
.youshi p{color: #444;height: 6em;}
.youshi a{display:inline-block;width:50px;height:2px;overflow:hidden;background: #008CD7;}
.youshi .on{background: #008CD7;color:#fff;padding: 50px 30px;margin-top:-30px;box-shadow:0 0 5px 3px #ddd;}
.youshi .on h4{margin-top:20px}
.youshi .on p{margin-bottom:30px;color: #fff;}
.youshi .on a{height:auto;line-height:30px;width:100px;color:#fff;background:transparent;border:1px solid #fff;border-radius:20px}
.ys1:before{background-image: url(../images/yanfa.png);}
.ys2:before{background-image: url(../images/shengchan.png);}
.ys3:before{background-image: url(../images/xiaoshou.png);}
.ys4:before{background-image: url(../images/kefu.png);}
.ys1.on:before{background-image: url(../images/yanfa1.png);}
.ys2.on:before{background-image: url(../images/shengchan1.png);}
.ys3.on:before{background-image: url(../images/xiaoshou1.png);}
.ys4.on:before{background-image: url(../images/kefu1.png);}
@media (max-width: 768px){
	.youshi{margin-top: 20px;}
	.youshi li{padding:20px 0}
	.youshi h4{font-size:18px}
	.youshi p{font-size: 14px;height: 8em;}
	.youshi .on{margin:0;padding: 20px 10px;}
	.youshi .on h4{font-size:18px;margin:0}
	.youshi .on p{margin:0;font-size: 14px;}
	.youshi .on a{height:2px;overflow:hidden;border:0;background:#fff;width:50px}
}

#news{padding:1px 0 50px;margin-top: 10px;}
.news1{background: #F5F5F5;}
.news li{padding: 0 20px;margin:10px 0;}
.news li:after{display:block;content:'';clear:both}
.news-time{background:#008CD7;color:#fff;line-height:1.5;padding:15px 0;width:18%;text-align:center;float:left}
.news-time span{font-size:24px}
.news-text{float:right;width:80%}
.news-text a{font-size: 18px;font-weight:bold;}
.news-text p{font-size:14px;color:#666;height: 4em;overflow: hidden;}
@media (max-width: 768px){
	#news{padding:1px 0 10px}
	.news li{padding:10px 10px;margin:0}
	.news-time{width:25%;padding:18px 0}
	.news-text{width:73%;}
	.news-text a{font-size:18px;display: block;height: 2em;overflow: hidden;margin-top: -3px;}
	.news-text p{line-height:1.5;height:4.5em;overflow:hidden}
}
.hzhb img{display:block;margin: 0 auto 30px;max-width:100%;}

#link{line-height: 1.5;background: #eee;padding: 5px 5px;}
#link span{font-weight:bold;}
#link a{font-size:14px;}
@media (max-width: 768px){
	#jigou{padding-bottom: 10px;}
	.jigou li{width:50%;padding: 0 0 34% 0;}
	#link{display:none;}
}
.product1>.swiper-wrapper {-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}