/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width:90% !important;}


.header-bg{ width:100%; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:999}
.header{ display: flex;  align-items: center;justify-content: space-between; height:72px;}
.logo{ width:10%}
.logo a{ width:100%; height:100%; display: flex;   align-items: center;}
.logo a img{ max-height:100%; max-width:100%;}
.zd{}
.zd a{ color:#fff; border-radius:5px; background:#3694f5; padding:9px 27px; display:inline-block; font-size:16px;}
.zd a:hover{ color:#3694f5; border:1px solid #3694f5; background:none;}
.header-bg.on:after {
    bottom: 0;
    box-shadow: 0 4px 4px #b5b7ff33;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.header-bg.on{}

/*menu*/
.menu{height:72px;line-height:72px;}
.menu ul li{ float:left; position:relative; margin:0 1vw;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#62677b; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#3694f5;}
/*a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/
@media only screen and (max-width: 980px) {
	.header-bg{ display:none}
	}


.cent01{ margin:2% auto 0;}
.cent01 ul{ display: flex; justify-content: center;  align-items: center;}
.cent01 ul li{ width:20%}
.cent01 ul li a{ width:100%; height:100px; display: flex; justify-content: center;  align-items: center;}
.cent01 ul li a img{ max-height:100%; max-width:100%;}
@media only screen and (max-width: 980px) {
	.cent01 ul{flex-wrap: wrap;}
	.cent01 ul li{ width:50%}
	}



.title{ text-align:center}
.title h2{ font-size:30px; color:#132339; display:block;}
.title span{ font-size:16px; color:#565c64; display:block; margin-top:10px;}


.cent02 { margin:0 auto  4% auto;}
.newsclass_list { margin-top:4%; }
.newsclass_list ul li {float: left;width: calc((100% - 75px)/4);margin: 0 0 0px 25px;background: #fff;}
.newsclass_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box {overflow: hidden;transition: all .3s ease;box-shadow: 0px 3px 6px 0px rgba(21, 41, 62, 0.1);}
.newsclass_list ul li:hover .nr_box {box-shadow: 0 0 10px rgba(0,0,0,.1);21, 41, 62, 0.1);transition: 0.3s;}
.newsclass_list ul li .img {padding-bottom: 50%;position: relative;overflow: hidden;/* background: #f9f9f9; */}
.newsclass_list ul li .img img {width: 80px;height: 80px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.newsclass_list ul li .txtbg { }
.newsclass_list ul li .txt { padding: 8% 4.5%; color: #666; }
.newsclass_list ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;font-weight: bold;}
.newsclass_list ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 4.5em;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #6a727f;text-align: center;}
.newsclass_list ul li .time { font-size: 14px; line-height: 24px; color: #999;/* padding-left:24px; */ position: relative; }
.newsclass_list ul li .time i { width: 20px; height: 24px; background: url(../images/ico_time.png) center no-repeat; position: absolute; left: 0; top: 0; display: none; }
@media(max-width:999px) {
.newsclass_list ul li { float: left; width: 100%; margin: 0 0 25px 0px; }
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}


.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:block; height:72px;}
@media(max-width:999px) {
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height: 72px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display:block;    box-shadow: 0 4px 4px #b5b7ff33;}
.sp_logo{padding:10px;float:left;height: 72px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height: 50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 26px;}
.sp_nav span{display:block;background: #3694f5;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:72px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
}


.footer-bg{ padding:2% 0 1.5%;}
.footer{ display: flex; align-items: flex-start;justify-content: space-between;gap: 20px; padding-bottom:1%;}
.logo01{ width:100%; height:60px}
.logo01 a{ width:100%; height:100%; display: flex;  align-items: center;}
.logo01 a img{ max-height:100%; max-width:100%;}
.footer .ser{ margin-top:4%;}
.footer .ser ul li{ display: flex;  align-items: center; font-size:16px; color:#606266; line-height:30px;}
.footer .ser ul li a{font-size:16px; color:#606266; margin-left:10px;}
.footer .ser ul li .img{ width:19px; height:19px; display: flex; justify-content: center;  align-items: center;}
.footer .ser ul li .img img{ max-height:100%; max-width:100%}
.footer01{ width:30%;}
.footer02{ flex:1;}
.footer02 ul{ display: flex;  align-items: center;justify-content: space-between;}
.footer02 ul li{ font-size:14px;}
.footer02 ul li a{ color:#606266} 
.footer03{ text-align:center; font-size:14px; border-top:1px solid #ccc; padding-top:1%;}
.footer03 a{ color:#606266;}

@media only screen and (max-width: 980px) {
	.footer-bg{ padding:5% 0;}
	.footer{flex-wrap: wrap; padding-bottom:4%;}
	.footer01{ width:100%}
	.footer02{width:100%}
	.footer02 ul{flex-wrap: wrap;gap: 20px; }
	.footer02 ul li{}
	.footer03{ padding-top:4%;}
	}
	
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:50%; margin-top: -120px; width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:53px;height:53px;background-color: #25932d;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 50%;}
.suspension .a.active,.suspension .a:hover{background:#000;}
.suspension .a .i{float:left;width:53px;height:53px;background:no-repeat center;}
.suspension .a-service .i{background-image: url(../images/fe.png);}
.suspension .a-service-phone{ background:#1b51cb;}
.suspension .a-service-phone .i{background-image: url(../images/kf-2.png);}

.suspension .a-cart .i{background-image: url(../images/kf-3.png);}
.suspension .a-cart{ background:#1178d9;}
.suspension .a-qrcode .i{background-image: url(../images/zhd.png);}
.suspension .a-qrcode{ background:#1b60fe;}
.suspension .a-top .i{background-image: url(../images/kf-5.png);}
.suspension .a-top{background:#ed6d00;display:none;}
.suspension .a-top:hover{background:#000;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-cart{top: 92px;}

.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:148px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kf-1.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:160px;line-height:22px;font-size:15px;margin-left:12px;    height: 42px;
   display: flex
;
   align-items: center;
   flex-wrap: wrap;}

/*.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode .inner-box img{ max-width:100%;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}*/

@media only screen and (max-width: 980px) {
    .suspension {
        display: none;
    }}	
	
	
.bnner01{ width:100%}
.bnner01 img{ width:100%}
.inside_con{ padding:10px 0; min-height:300px;}