/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;font-family:'Microsoft YaHei'; color:#111;overflow-x: hidden; line-height:25px;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}


.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{ width:1200px; margin:0 auto;}
.wappper1{width:1000px; margin:0 auto;}


/* 轮播图通用 */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.topbox{width: 100%;margin: 0 auto;}
.top{width: 100%;background: #eee;border-top: red 2px solid;border-bottom: 1px solid #ddd;padding: 0 50px;box-sizing: border-box;}
.top{display: flex;justify-content: space-between;line-height: 30px;}
.top_right a{padding: 0 5px;box-sizing: border-box;}

.center{display: flex;padding: 0 50px;box-sizing: border-box;background: #eee;padding: 15px 0;box-sizing: border-box;}
.logo{width: 30%;display: flex;justify-content: center;align-items: center;}
.service{width: 30%;display: flex;justify-content: center;align-items: center;}
.service span{font-size: 28px;color: red;text-shadow: 2px 2px 3px #666;}
.right{width: 30%;display: flex;justify-content: center;align-items: center;}
.right .text{font-size: 15px;color: #888;text-align: center;line-height: 30px;}



.menu{padding: 10px 50px;box-sizing: border-box;background: url(../images/bg.png) left repeat-x;}
.menu ul{/* display: flex;justify-content: space-between; */}
.menu ul li{box-sizing: border-box;position: relative;width: calc(100% / 8);text-align: center;float: left;}
/* .menu ul li a:before{position: absolute;left: 0;top: 0;width: 1px;background:linear-gradient(to bottom,#fff,transparent);content: "";height: 25px;} */
.menu ul li a:after{position:absolute;right: 0; width: 1px;background:linear-gradient(to bottom,#fff,transparent);content: "";height: 25px;}
.menu ul li:last-child a:after{display: none;}
.menu ul li a{font-size: 16px;color: white;}

/* 轮播图 */
.bannerbox{
	width: 100%;
	margin: 0 auto;
	position: relative;
	
}
.banner{
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 50px;
	box-sizing: border-box;
	background:linear-gradient(to bottom,#ddd,transparent);
}
.banner a{width: 100%;font-size: 0;}
.swiper-pagination1{text-align: right;margin-right: 40px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px;
	right: 10px;
	left: auto;
}
.swiper-pagination-bullet-active{
	background: red;
}
.main{padding: 0 50px;margin: 30px 0;display:flex;}
.main_item1{width: 33.33%;padding: 0 5px;box-sizing: border-box;}
.main_item1 img{
	width: 100%;
}
.item1_top{background: url(../images/bg.png) repeat-x left;border-top-left-radius:10px;border-top-right-radius: 10px;}
.item1_top h1{font-size: 15px;color: white;line-height: 40px;float: left;padding-left: 10px;}
.item1_top span{float: right;line-height: 40px;font-size: 13px;color: white;padding-right: 10px;}
.item1_content{background: #ddd;display: block;height: 250px;overflow: hidden;}
.item1_content .img{padding: 10px 10px 0 10px;box-sizing: border-box;}
.item1_content .img img{width: 100%;}
.item1_content .text{padding: 10px;box-sizing: border-box;font-size: 13px;color: #666;}
.item1_content .text .list{
	display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: url(../images/list-img.jpg) left center no-repeat;
    float: left;
}
.item1_content .text .list a{float: left;padding-left: 10px;color: #666;}
.item1_content .text .list span{float: right;color: #666;}

.mian2{padding: 0 50px;margin: 30px 0;display:flex;}
.main2_list{float: left;width: 20%;padding: 0 10px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 5px;}
.main2_content{float: right;width: 78%;box-sizing: border-box;border: 1px solid #ddd;margin-left: 2%;}
.list_top{background: url(../images/bg.png) left repeat-x;border-radius: 15px;text-align: center;}
.list_top span{color: white;font-size: 15px;line-height: 50px;}
.list_content{padding: 20px;}
.list_content ul li{border-bottom: 1px dashed #ddd;background: url(../images/right.png) left no-repeat;text-indent: 20px;line-height: 30px;}

.content_top{background: url(../images/bg2.png) left repeat-x;}
.content_top span{line-height: 50px;font-size: 15px;padding-left: 20px;}
.content_img ul li{width: 25%;padding: 0 15px;box-sizing: border-box;float: left;text-align: center;}
.content_img ul li .imgbox{border: 1px solid #ddd;}
.content_img ul li .textbox span{ height:60px;display: block;}
.content_img ul li img{width: 100%;padding: 5px;box-sizing: border-box;}

.link{padding: 0 50px;margin: 30px 0;}
.link a:hover{color: red;text-decoration: underline;}
.footer{border-top: 2px solid red;text-align: center;line-height: 50px;background: linear-gradient(to top,#ddd,transparent);}