/*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:14px;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: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--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;}


.pd50{padding: 50px 0;}



/* 通用内页 */
.inbannerbox{position: relative;width: 100%;margin: 0 auto;font-size: 0;}
.inbannerbox img{width: 100%;}
.insidebox{width: 100%;margin: 0 auto;min-height: 500px;}
.insidebox .inside{width: 100%;box-sizing: border-box;}


/* ================首页样式========================= */
.p_list{width: 100%;border: 2px solid #f5f5f5;}
.p_list>ul>li{position: relative;border-bottom: 1px solid #f5f5f5;}
.p_list>ul>li:hover>a{background-color: #f5f5f5;}
.p_list>ul>li:hover>a{color: #d61518;}
.p_list>ul>li:last-child{border-bottom: 0;}
.p_list>ul>li>a{font-size: 14px;color: #333;display: block;padding: 11px 15px;}
.p_list ul li i{position: absolute;top:15px;right: 20px;cursor: pointer !important;}
.p_list ul li i.on{transform: rotate(90deg);}
.p_list ul li ul{display: none;padding: 10px 0;text-align: center;}
.p_list>ul>li>ul>li{border-bottom: 1px solid #f5f5f5;position: relative;}
.p_list>ul>li>ul>li>a{display: block;padding: 11px 15px;}
.p_list>ul>li>ul>li>i{top: 5px;}
.p_list>ul>li>ul>li:last-child{border-bottom: none;}
.p_list ul li ul li a{font-size: 12px;color: #565656;display: block;padding: 5px 0;}
.p_list ul li ul li:hover>a{color: #d61518;}
@media screen and (max-width: 1100px){
	.p_list{display: none;}
}




.pro_content{}
.pro_content ul{display: flex;flex-wrap: wrap;}
.pro_content ul li{width: 25%;padding: 0 20px;border-left: 2px solid #f8f8f8;}
.pro_content ul li .tit{width: 100%;font-size: 0;margin-bottom: 15px;}
.pro_content ul li .tit img{max-width: 50%;width: auto;}
.pro_list{width: 100%;}
.pro_list dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro_list dl dd{width: 48%;margin-bottom: 10px;}
.pro_list dl dd a{display: block;width: 100%;}
.pro_list dl dd a img{width: 100%;}
.pro_list dl dd a p{font-size: 16px;color: #666;text-align: center;line-height: 40px;}

















@media only screen and (max-width: 980px) {
	.pro_content ul li .tit {display: flex;justify-content: center;}
	.pro_content ul li{width: 100%;margin-bottom: 20px;border-left: 0;}
	.pro_list dl dd{border: 1px solid #f8f8f8;}
}


@media only screen and (max-width: 680px) {
	
}