body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i{margin:0;padding:0;color:inherit;line-height: inherit;font-family: "microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{width: 1170px;margin:0 auto;}
:hover{transition: all .2s;}
.bold{font-weight: bold;}
.center{text-align: center!important;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{border:none;}
.img_hover_wrap{overflow: hidden;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}

.head{position:absolute;width: 100%;left: 0;top: 0;z-index:100;background: rgba(255,255,255,.2);}
.hd_logo{}
.hd_logo .img{height: 80px;width: auto;}

.idx_ban{height: 525px;}
/*.idx_ban .img{width: 100%;display: block;}*/

.idx_tit{text-align: center;font-size: 25px;color: #444444;font-weight: bold;line-height: 30px;margin-bottom: 50px;}


.idx_s1{padding:50px 0;background: #fafafa;}
.idx_s1 .list{margin-left: -5%;}
.idx_s1 .list .item{padding:40px 0 0;float: left;width: 28.3%;margin-left:5%;background: #fff;position:relative;}
.idx_s1 .list .topbox{}
.idx_s1 .list .icon{height: 50px;width: auto;display: block;margin:0 auto;}
.idx_s1 .list .tit{font-size: 20px;color: #626262;text-align: center;margin-top: 10px;}
.idx_s1 .list .line{width: 60px;height: 2px;background: #626262;display: block;margin:10px auto 0;}
.idx_s1 .list .imgbox{margin-top: 35px;}
.idx_s1 .list .img{width: 100%;display: block;}

.idx_s1 .list .botbox{padding:25px 25px 30px;}
.idx_s1 .list .txt{font-size: 17px;color: #444444;line-height: 32px;}
.idx_s1 .list .button{font-size: 20px;color: #fff;width: 100%;line-height: 60px;cursor: pointer;border:none;background: #1167d8;border-radius:10px;margin-top: 30px;}
.idx_s1 .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);transition: all .3s;display: none;}
.idx_s1 .list .pic{width: 214px;height: 260px;position:absolute;left: 50%;top: 50%;margin-left: -107px;margin-top: -107px;}

.idx_s1 .list .item .button.a{color: #444444;background: #fff;border:1px solid #444444;}
.idx_s1 .list .button:hover{background: #444444;}

.idx_s2{padding:50px 0 20px;}
.idx_s2 .list{margin-left: -3%;}
.idx_s2 .list li{float: left;border:1px solid #e5e5e5;width: 22%;margin-left: 3%;margin-bottom: 4%;position:relative;}
.idx_s2 .list li:after{content:'';position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(152,152,152,.4);opacity: 0;transition: all .3s;}
.idx_s2 .list .img{width: 100%;display: block;}
.idx_s2 .list li:hover{border-color:rgba(152,152,152,.4);}
.idx_s2 .list li:hover:after{opacity: 1;}


.idx_s3{padding:50px 0;background: #fafafa;}
.idx_s3 .detail{}
.idx_s3 .info{padding-top: 120px;width: 45%;}
.idx_s3 .info .row{font-size: 17px;color: #747474;line-height: 44px;margin-bottom: 20px;letter-spacing: 2px;}
.idx_s3 .info .lk{display: inline-block;vertical-align: middle;font-size: 20px;color: #fff;width: 200px;line-height: 44px;border-radius:6px;text-align: center;background: #1167d8;margin-left: 30px;}
.idx_s3 .info .lk:hover{background: #444444;}

.idx_s3 .txt{font-size: 17px;color: #747474;line-height: 25px;}
.idx_s3 .txt p{margin-bottom: 20px;}


.idx_s3 .slide{width: 50%;}

.idx_s3 .swiper-container{padding:0 0;}

.idx_s3 .swiper-slide{width: 250px;height: 480px;}
.idx_s3 .swiper-pagination{position:static;margin-top: 20px;}
.idx_s3 .swiper-pagination-bullet{width: 10px;height: 10px;background: #989898;opacity: 1;}			
.idx_s3 .swiper-pagination-bullet-active{background: #9a2329;}

	
.foot{background: #444444;}
.ft_t{padding:55px 0;}
.ft_t .col{/*width: 20%;*/margin-right: 3%;min-width:15%;}
.ft_t .col_5{margin-right: 0;}
.ft_t .tit{font-size: 17px;color: rgba(255,255,255,.8);}
.ft_t .box{margin-top: 10px;}
.ft_t .tp{height: 70px;width: auto;display: block;margin-bottom: 5px;}
.ft_t .fz{font-size: 13px;color: rgba(255,255,255,.8);line-height: 30px;}
.ft_t .picbox{display: inline-block;vertical-align: middle;margin-left: 10px;}
.ft_t .picbox .pic{max-width:90px;display: block;margin:0 auto;}
.ft_t .picbox .wz{font-size: 12px;color: rgba(255,255,255,.8);text-align: center;margin-top: 6px;}

.ft_b{text-align: center;font-size: 13px;color: rgba(255,255,255,.8);line-height: 22px;padding:20px 0;border-top:1px solid #fff;}

.kf_box{position:fixed;right: 0;width: 116px;top: 35%;}

.kf_sj{display: none;}
.kf_sj_pop{display: none;}

@media screen and (min-width:320px) and (max-width:1199px){
    .auto{width: 100%;padding:0 2%!important;}

}
@media screen and (min-width:992px) and (max-width:1199px){
	.kf_box{display: none;}
	
	.idx_ban{height: 430px;}
	
	.idx_s1 .list{margin-left: -2%;}
	.idx_s1 .list .item{width: 31.3%;margin-left: 2%;}
	
	.ft_t .tit{font-size: 22px;}
	.ft_t .picbox .pic{max-width:65px;}
	
	
	
	
	
	
	
}


@media screen and (min-width:768px) and (max-width:991px){	
    .kf_box{display: none;}
	
	.hd_logo .img{height: 60px;}
	.idx_tit{font-size: 22px;margin-bottom: 25px;}
	
	.idx_ban{height: 360px;}
	
	.idx_s1 .list{margin-left: -2%;}
	.idx_s1 .list .item{width: 31.3%;margin-left: 2%;}
	.idx_s1 .list .tit{font-size: 20px;}
	.idx_s1 .list .line{width: 40px;}
	.idx_s1 .list .botbox{padding:20px 15px;}
	.idx_s1 .list .txt{font-size: 15px;line-height: 26px;}
	.idx_s1 .list .button{font-size: 17px;line-height: 44px;margin-top: 15px;}
	
	.idx_s3 .info{padding-top: 90px;}
	.idx_s3 .info .lk{margin-left: 0;display: block;font-size: 18px;width: 160px;line-height: 38px;}
	.idx_s3 .txt{font-size: 16px;}
	/*.idx_s3 .swiper-slide{width: 100%;height: auto;}*/
	
	.ft_t .tit{font-size: 18px;}
	.ft_t .fz{font-size: 13px;}
	.ft_t .picbox{margin:0 15px;}
	.ft_t .picbox .pic{max-width:120px;}
	.ft_t .picbox .wz{font-size: 13px;}
	
	.ft_t{font-size: 0;padding:30px 0;}
	.ft_t .col{width: 25%;margin-right: 0;float:none;display: inline-block;vertical-align: text-top;}
	.ft_t .col_5{width: 100%;float:none;margin-top: 40px;text-align: center;}
	
	.ft_b{font-size: 14px;padding:10px 0;}
}

@media screen and (min-width:320px) and (max-width:767px){
	.kf_box{display: none;}
	.auto{padding:0 3%!important;}
	.hd_logo{float:none;display: block;}
	.hd_logo .img{height: 50px;margin:0 auto;}
	.idx_tit{font-size: 18px;margin-bottom: 15px;}
	.idx_tit em{display: block;}
	
	.idx_ban{height: 270px;}
	
	.idx_s1{padding:30px 0;}
	.idx_s1 .list{margin-left: 0%;}
	.idx_s1 .list .item{width: 100%;margin-left: 0;margin-bottom: 15px;padding-top: 20px;}
	.idx_s1 .list .tit{font-size: 18px;}
	.idx_s1 .list .icon{height: 40px;}
	.idx_s1 .list .line{width: 30px;}
	.idx_s1 .list .imgbox{margin-top: 20px;}
	.idx_s1 .list .botbox{padding:20px 15px;}
	.idx_s1 .list .txt{font-size: 15px;line-height: 26px;}
	.idx_s1 .list .button{font-size: 16px;line-height: 36px;width: 160px;margin:15px auto 0;display: block;border-radius:8px;}
	
	.idx_s2{padding:30px 0 10px;}
	.idx_s2 .list li{width: 47%;margin-bottom: 3%;}
	
	.idx_s3{padding:30px 0;}
	.idx_s3 .info{padding-top: 0;float:none;width: 100%;}
	.idx_s3 .info .row{font-size: 15px;letter-spacing: 1px;text-align: center;line-height: 30px;margin-bottom: 10px;}
	.idx_s3 .info .lk{margin-left: 10px;font-size: 15px;width: 100px;line-height: 30px;}
	.idx_s3 .txt{font-size: 15px;}
	.idx_s3 .txt p{margin-bottom: 10px;}
	.idx_s3 .swiper-slide{/*width: 180px;height: 352px;*/width: 180px;height: auto;}
	
	.idx_s3 .slide{width: 100%;float:none;margin-top: 20px;}
	
	.foot{padding-bottom: 60px;}
	.ft_t .tit{font-size: 15px;}
	.ft_t .fz{font-size: 13px;min-width: 33.3%;}
	.ft_t .picbox{margin:0 10px;}
	.ft_t .picbox .pic{max-width:100px;}
	.ft_t .picbox .wz{font-size: 12px;}
	
	.ft_t{font-size: 0;padding:30px 0 10px;}
	.ft_t .col{width: 100%;margin-right: 0;float:none;margin-bottom: 15px;}
	.ft_t .col_5{width: 100%;float:none;text-align: center;}
	.ft_t .tp{display: inline-block;vertical-align: middle;margin-right: 10px;height: 30px;}
	.ft_t .box{display: flex;margin-top: 5px;}
	.ft_b{font-size: 12px;padding:10px 0;border-color:#999}

	.kf_sj{width: 70%;position:fixed;left: 15%;bottom: 5px;z-index:100;display: block;}
	.kf_sj .icon{width: 100%;display: block;}
	.kf_sj_pop{position:fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:120;background: rgba(0,0,0,.6);}
	.kf_sj_pop .pic{width: 180px;height: 180px;position:fixed;left: 50%;top: 50%;margin-left: -90px;margin-top: -90px;}
	
	
}