@charset "utf-8";
.title{
    text-align: center;
    font-size: 33px;
    font-weight: bold;
    line-height: 34px;
    padding: 55px 0;
}
.title h2{
    line-height: 34px;
    color: #333;
    font-size: 30px;
}
.title h4{font-size: 20px;color: #bbb;border-bottom: 2px solid #BCBCBC;line-height: 32px;max-width: 1200px;margin: 0 auto;position: relative;}
.title h4:after{
	display: block;
    content: '';
    width: 140px;
    height: 6px;
    background: #005DAD;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -4px;
}

/*product*/
#product{
    padding-bottom: 50px;
}
.product-title{
    border-bottom: 1px solid #8C8C8C;
    line-height: 40px;
    margin: 30px auto;
}
.product-title h6{
    float: left;
    font-size: 20px;
}
.product-title a{
    float: right;
    font-size: 14px;
    color: #005DAD;
}
#prolist1{
}
#prolist1>ul{}
.prolist1{max-width: 1200px;margin: 0 auto 40px;position: relative;padding: 0 37px;box-sizing: border-box;}
.prolist1 li{padding:0 5px;line-height: 44px;text-align: center;}    
.prolist1 li a{display:block;background: #333;color: #fff;}
.prolist1 li a:hover{background: #005DAD;}
.prolist1 .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'%23ffffff'%2F><%2Fsvg>");background-color: #005DAD;}
.prolist1 .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");background-color: #005DAD;}
.product{}
.product li{
    margin-bottom: 20px;
}
.product>li>a{
    display: block;
    border: 1px solid #ccc;
    position: relative;
    height: 0;
    padding: 0 0 73% 0;
}
.product>li>a>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%);
}
.product p{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: rgba(0,0,0,0.8);
	color: #fff;
	transition: 0.5s all;
}
.product a:hover p{
    height: 100%;
    line-height: 200px;
} 
/*about*/
#about{
    overflow: hidden;
    padding-bottom: 50px;
    background: url(../images/gywm.jpg) center;
}
.aboutL{}
.aboutL>ul{}
.aboutL>ul>li>a{
    border: 1px solid #7D7D7D;
    text-align: center;
    color: #7D7D7D;
    display: block;
}
.aboutL>ul>li>a:hover{background:#005DAD;color:#fff;}
.aboutL h1{
    margin: 20px 0;
    font-size: 19px;
}
.aboutL>p{
    font-size: 14px;
    margin-top: 10px;
}
.aboutL>a{
    display: inline-block;
    padding: 2px 15px;
    border: 1px solid #005DAD;
    color: #005DAD;
    font-size: 14px;
    margin: 15px 0;
    transform:translateZ(0);
}
.aboutL>a:hover{color:#fff;}
.aboutL>a:after{position:absolute;top:0;left:0;display:block;content:' ';width:0;height:100%;background: #005DAD;z-index:-1;transition:.5s all;}
.aboutL>a:hover:after{width:100%;}
.aboutR{position: relative;height: 0;padding: 0 0 29% 0;}
.aboutR img{max-width:100%;border-radius: 5px;border: 5px solid #fff;display: block;margin: 0 auto;box-sizing: border-box;}

/*youshi*/
#youshi{overflow:  hidden;background: url(../images/ys.jpg) no-repeat center 0;color: #fff;padding-bottom: 30px;}
#youshi h2{color:#fff;}
#youshi h6{
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
#youshi ul{
    padding-top: 40px;
    margin: 0 auto;
}
#youshi li{
    color: #fff;
    font-size: 14px;
    text-align: center;
}
#youshi li dt{
    font-size: 16px;
}
#youshi li dd{}
.ys2{margin-top: 35px;}
#contact {
    height: 250px;
    background: url(../images/4_09.jpg) center;
}

/*news*/
#news{
    padding-bottom: 50px;
    overflow: hidden;
}
#news1{padding-bottom: 50px;}
.newsL{
    width: 20%;
    padding-top: 15px;
    line-height: 1;
    float: left;
    height: 100%;
}
.newsL strong{
    font-size: 50px;
}
.newsL p{
    line-height: 30px;
    color: #666;
}
.newsR{
    width: 80%;
    float: left;
}
.newsR dt{
    line-height: 38px;
    position: relative;
}
.newsR dt:after{display:block;content:'';clear:both;width: 50px;height: 2px;background: #4C4C4C;}

.newsR dd{
    font-size: 15px;
    line-height: 24px;
    margin-top: 14px;
    height: 96px;
    overflow: hidden;
}
.news-more{
    display: block;
    width: 97px;
    line-height: 23px;
    text-align: center;
    border: 1px solid #999;
    color: #666;
    margin-top: 15px;
}
.swiper-pagination-bullet-active{width:30px;background:#005DAD;border-radius:5px;}
@media (max-width: 768px) {
	.title{padding: 20px 0;}
	.aboutL li h6{font-size:14px;}
	.aboutL li p{font-size:12px;}
	#product{
    padding: 0;
}
	#youshi{background:#515558}
	#contact{display:none;}
	#news{padding-bottom:20px;}
	#zhichi {background: #0F619B;}
	.product-title{margin: 30px 5px;}
	.aboutR{position: relative;height: 0;padding: 0 0 57.4% 0;}
	.product p{font-size:12px;}
	.prolist1 li a,.newsR dd{font-size:12px;}
}