/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,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:17px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 950px){
	.wapper{
		width: 950px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#177d8b;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {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;}








/* 导航 */
.headerbox{width: 100%;margin:  0 auto;background: url(../images/top.jpg) repeat-x;}
.headerbox .header{width: 100%;margin: 0 auto;height: 143px;}
.top{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 105px;}
.logo{font-size: 0;}
.logo img{max-width: 100%;width: auto;height: 92px;}
.tel{font-size: 20px;color: #177d8b;    display: flex;}
.menu{height: 20px;display: flex;}
.menu ul li{
	position: relative;
	display: inline-block;
}
.menu>ul>li>a{
	font-size: 16px;
    line-height: 38px;
	font-weight: bold;
    width: 105px;
    color: #fff;
	display: inline-block;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.menu ul li .sub_menu{
	min-width: 100%;
    position: absolute;
    top: 140%;
    left: 0%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.menu ul li:hover > dl {
    opacity: 1;
    visibility: visible;
    top: 100%;
	
}

.menu ul li dd {
    position: relative;
    display: block;
	text-align: center;
	transition: all 400ms ease;
}
.menu dl dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.menu dl dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;
	
}
.menu ul li dl dd a {
    font-size: 16px;
    line-height: 38px;
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    outline: none;
	text-align: center;
    text-transform: none;
    transition: all 400ms ease;
    border-bottom: 1px solid #f4f4f4;
}
.menu ul li dl dd:hover{
    background-color: var(--primary-color);
}
.menu ul li dl dd:hover>a{color: #fff;}











/* bannerbox */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}
.swiper-pagination1{background-color: rgb(0, 0, 0,0.6);bottom: 0 !important;text-align: right !important;}
.swiper-pagination1 .swiper-pagination-bullet {
	width: 25px;height: 10px;background-color: #fff;opacity: 0.6;border-radius: 0;
}
.swiper-pagination1 .swiper-pagination-bullet-active{
	opacity: 1;
}

.pd50{padding: 50px 0;}


/* footer */
.footerbox{width: 100%;margin: 0 auto;padding-top: 12px;}
.footer{width: 100%;margin: 0 auto;text-align: center;font-size: 12px;color: #666;line-height: 24px;}



/* 通用内页 */
.inbannerbox{position: relative;width: 100%;margin: 0 auto;}
.inbanner{width: 100%;margin: 0 auto;font-size: 0;}
.inbanner img{width: 100%;}

.insidebox{width: 100%;margin: 0 auto;padding: 20px 0;}
.insidebox .inside{width: 100%;box-sizing: border-box;}


.i2_title{height: 32px;background: url(../images/title2.png) no-repeat;}
.i2_title h3{width: 110px;color: #fff;text-align: center;padding-top: 7px;font-size: 14px;font-weight: bold;}
.i2_title h3 a{color: #fff;}


.con_title{height: 32px;line-height: 32px;background: url(../images/title_bg.jpg) repeat-x;}
.con_title h2{font-size: 14px;text-align: center;font-weight: bold;}
.con_title h2 a{color: #177d8b;}

a:hover{color: #f60;text-decoration: underline;}
/* ================首页样式===================== */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.index1_left{width: 212px;}
.index1_right{width: 700px;background: url(../images/line.jpg) repeat-y;}

.index1_left .item1{width: 100%;height: 287px;border: 1px solid #dfdfdf;overflow: hidden;}
.index1_left .item1 ul li{width: 100%;height: 30px;line-height: 30px;margin: 0 6px;border-bottom: 1px dashed #a0a0a0;}
.index1_left .item1 ul li img{}
.index1_left .item1 ul li a{font-size: 12px;color: #666;}

.index1_left .item2{width: 100%;height: 950px;margin-top: 5px;border: 1px solid #dfdfdf;}
.index1_left .item2 ul li{width: 100%;}
.index1_left .item2 ul li img{width: 180px;display: block;margin: 5px 10px;}

.index1_left .item3{margin-top: 10px;height: 200px;}
.index1_left .item3 ul li{width: 200px;height: 30px;line-height: 30px;border: 1px solid #f0f0f0;margin: 1px 6px;text-align: center;}
.index1_left .item3 ul li a{font-size: 12px;color: #666;}

.index1_left .item4{width: 100%;border: 1px solid #dfdfdf;margin-top: 5px;height: 160px;}
.index1_left .item4 a{display: block;width: 100%;font-size: 0;overflow: hidden;}
.index1_left .item4 a img{height: 160px;}

.bb{height: 282px;display: flex;justify-content: space-between;}
.con_right1{width: 410px;height: 282px;}

.con_top{background: url(../images/title2.png) no-repeat;border-bottom: 1px solid #177d8b;}
.con_top h3{color: #fff;font-size: 14px;font-weight: bold;height: 32px;line-height: 32px;padding-left: 30px;}
.con_top h3 a{color: #fff;}

.con_right1 .desc{height: 250px;margin: 10px;font-size: 12px;color: #666;}

.con_right01{width: 280px;height: 262px;}
.con_top01{background: url(../images/title3.jpg);width: 100%;height: 32px;}
.con_top01 h3{width: 150px;color: #fff;text-align: center;padding-top: 7px;font-size: 14px;font-weight: bold;}
.con_top01 h3 a{color: #fff;}
.bb1{width: 100%;}
.bb1 ul li{width: 100%;height: 30px;line-height: 30px;border-bottom: 1px dashed #a0a0a0;}
.bb1 ul li a{font-size: 12px;color: #666;}

.tb{width: 100%;}
.scroll_03{margin: 0 10px;overflow: hidden;}
.scroll_03 ul li{background-color: #fff;margin: 0 10px;width: 210px;}
.scroll_03 ul li:hover a .imgbox{background-color: #e4e4e4;}
.scroll_03 ul li a{width: 100%;display: block;}
.scroll_03 ul li a .imgbox{width: 100%;height: 136px;font-size: 0;border: 1px solid #e4e4e4;padding: 5px;}
.scroll_03 ul li a .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.scroll_03 ul li a p{text-align: center;font-size: 12px;color: #666;line-height: 28px;}

.con2{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.con2 .item5{width: 49%;margin-bottom: 10px;}
.item5 .con_top{border: 1px solid #dfdfdf;}
.item5 ul li{line-height: 30px;border-left: 1px solid  #dfdfdf;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}








.index2box{width: 100%;margin: 0 auto;}
.index2{width: 100%;margin: 0 auto;}
.i2_scroll{margin: 0 10px;overflow: hidden;}
.i2_scroll ul li{width: 164px;background-color: #fff;margin: 0 5px;}
.i2_scroll ul li:hover a .imgbox{background-color: #e4e4e4;}
.i2_scroll ul li a{width: 100%;display: block;}
.i2_scroll ul li a .imgbox{width: 100%;height: 124px;font-size: 0;border: 1px solid #e4e4e4;padding: 5px;}
.i2_scroll ul li a .imgbox img{width: 100%;height: 112px;object-fit: cover;}
.i2_scroll ul li a p{text-align: center;font-size: 12px;color: #666;line-height: 28px;}