@charset "utf-8";
/*CSS Document*/

/* ============================================================================================================================
													全局默认样式
===============================================================================================================================*/
body{font-family: "microsoft yahei", Arial, Helvetica, sans-serif;tily: Arial;font-size:14px;line-height:1.7;margin: 0px;padding: 0px;color: #333;background-color:#fff;} 
h1, h2, h3, h4, h5, h6{margin: 0px;}
h4, h5, h6{font-weight: normal;}
ul, li, dd, dl, dt,ol{list-style: none;padding: 0px;margin: 0px;}
em,i{font-style: normal;}
hr{color: #eee;background: #eee;}
a{color: #333333;text-decoration: none;}
a:hover ,a:focus, .hov a ,.navusb li a:hover{color: #00235a;text-decoration: none !important;}
p{padding: 0px;margin: 0px;}
img{max-width: 100%;}
input{ outline:none; border:0; }
input:focus{ outline:none; }
button, input, optgroup, option, select, textarea{font-family: inherit;font-size: inherit;line-height: inherit;outline: 0;}
@media (max-width:992px) {
	.container{
		padding:0 0.15rem;
	}
}

/* ============================================================================================================================
													bootstrap
===============================================================================================================================*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{padding: 0;}

/* ============================================================================================================================
													超出省略
===============================================================================================================================*/
.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.ellipsis-1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: inherit!important;color: #666;}
.ellipsis-2{-webkit-line-clamp: 2;}
.ellipsis-3{-webkit-line-clamp: 3;}
.ellipsis-4{-webkit-line-clamp: 4;}
.ellipsis-5{-webkit-line-clamp: 5;}
.ellipsis-6{-webkit-line-clamp: 6;}
/* ============================================================================================================================
													全局宽度
===============================================================================================================================*/
.container{width: 100%;max-width:1520px; margin-left: auto;margin-right: auto;padding: 0 15px;}
.container-fluid , .banner-container{margin: 0 auto;overflow: hidden;padding: 0;}
@media (max-width:780px){.container-pad{padding:50px 0;}}
.content_box{width: 100%;max-width:1520px; margin-left: auto;margin-right: auto;padding: 0 15px;}
@media (max-width:992px) {
	.container,.content_box{padding: 0 0.15rem!important;}
	
}

/* ============================================================================================================================
													page-翻页
===============================================================================================================================*/
.pagination{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    clear: both;
    flex-flow: wrap;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #00235a;
	border-color: #00235a;
}
.pagination>li:hover a{
    color: #0a6cd9;
}
.pagination>li>a,
.pagination>li>span {
	color: #333;
}

.next-map p{/* width:40%;float: left; */position: relative;margin-top: 4px;}
.next-map p:last-child{/* width: 40%;float: right; */position: relative;}
.next-map p span{display: inline-block;float: left;}
.next-map p .ellipsis-1{display: inline-block;/* 	 */}

/* ============================================================================================================================
													公共标题字体大小
===============================================================================================================================*/
h1{font-size: 42px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
@media (max-width: 1440px){
  h1{font-size: 36px;}
  h2{font-size: 30px;}
  h3{font-size: 24px;}
}
@media (max-width: 1024px) {
  h1{font-size: 30px;}
  h2{font-size: 24px;}
  h3{font-size: 18px;}
}
@media (max-width: 640px) {
  h1{font-size: 24px;}
  h2{font-size: 18px;}
  h3{font-size: 14px;}
}

/* ============================================================================================================================
													more-更多按钮
===============================================================================================================================*/
/*.more {*/
/*    display: block;*/
/*    width: 1.36rem;*/
/*    height: 0.42rem;*/
/*    line-height: 0.42rem;*/
/*    text-align: center;*/
/*    border: 1px solid #e95b26;*/
/*    color: #e95b26;*/
/*    border-radius: 30px;*/
/*    -webkit-border-radius: 30px;*/
/*    -ms-border-radius: 30px;*/
/*    -o-border-radius: 30px;*/
/*    -moz-border-radius: 30px;*/
/*    transition: 0.5s ease-in-out;*/
/*}*/
/*.more:hover {*/
/*    transition: 0.5s ease-in-out;*/
/*    border: 1px solid #e95b26;*/
/*    background-color: #e95b26;*/
/*    color: #ffffff;*/
/*}*/
/*@media (max-width:1520px) {*/
/*	.more{*/
/*		width: 1.56rem;*/
/*		height: 0.52rem;*/
/*		line-height: 0.52rem;*/
/*	}*/
/*}*/
/*@media (max-width:1280px) {*/
/*	.more{*/
/*		width: 1.76rem;*/
/*		height: 0.62rem;*/
/*		line-height: 0.62rem;*/
/*	}*/
/*}*/
/*@media (max-width:992px) {*/
/*	.more {*/
/*		width: 2rem;*/
/*		height: 0.6rem;*/
/*		line-height: 0.6rem;*/
/*	}*/
/*}*/
/*@media (max-width:767px) {*/
/*	.more{*/
/*		width: 1.4rem;*/
/*		height: 0.42rem;*/
/*		line-height: 0.42rem;*/
/*		margin: .2rem auto 0;*/
/*	}*/
/*}*/
/*@media (max-width:620px) {*/
/*	.more{*/
/*		height: 0.7rem;*/
/*		width: 1.76rem;*/
/*		line-height: 0.7rem;*/
/*		margin: .2rem auto 0;*/
/*	}*/
/*}*/
html{font-size:100px;}
/*.m-Top{margin-top:5.2vw;}*/
.other-banner{position:relative;}
.other-banner img{width:100%;height:auto;}
.other-banner h1{position:absolute;left:0;top:50%;width:100%;line-height:3.125vw;font-size:3.125vw;transform:translateY(-50%);text-align:center;color:#fff;text-shadow:0 0 1vw rgba(62,62,62,.55);}
.bread.art{line-height:1.3vw;padding:0.8vw 0;background-color:#ddd;text-align:right;}

/* ============================================================================================================================
													浮动
===============================================================================================================================*/
.fr{float: right;}
.fl{float: left;}
/* ============================================================================================================================
													header-头部
===============================================================================================================================*/
.header{
    position:relative;
    left:0;
    top:0;
    width:100%;
    background-color:#fff;
    box-shadow:0 0 5px rgba(0,0,0,.2);
    z-index:9999;
}
.main-width {
    max-width:1400px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
.header .phone-menu{display:none;float:left;width:28px;height:18px;margin-top:16px;cursor:pointer;}
.header .phone-menu span{display:block;width:28px;height:2px;background-color:#1d1d1d;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.header .phone-menu .b1,.header .phone-menu .b2{margin-bottom:6px;}
.header .logo{
    float:left;
    height:90px;
    padding: 15px 20px 15px 0;
    margin-right: 30px;
}
.header .logo img{width:auto;height:45px;}
.header .logo a{
    display: block;
    height: 100%;
}
.header .logo a .logo-desc{
    font-size: 14px;
    line-height: 15px;
}
.header .sns{float:right;height:1.25vw;margin:2.475vw 0 0 0.75vw;padding-left:0.5vw;border-left:1px solid #dfdfdf;}
.header .sns a{display:block;line-height:1.25vw;margin-left:0.5vw;font-size:1.1vw;}
.header .sns a:hover{background-position-y:-100%;color:#00235a;}
.header .sns .facebook{background-position-x:0;}
.header .sns .twitter{background-position-x:-100%;}
.header .sns .linkedin{background-position-x:-200%;}
.header .sns .instagram{background-position-x:-300%;}
.header .lang{float:right;height:1.25vw;line-height:1.25vw;padding-left:0.75vw;margin:2.475vw 0 0 0.75vw;border-left:1px solid #dfdfdf;}
.header .lang div{margin-top:-1px;}
.header .search{position:relative;float:right;width:1.8vw;height:1.8vw;padding:2vw 0;z-index:9;}
.header .search .box{position:relative;float:right;width:2.05vw;height:2.05vw;overflow:hidden;transition:all .5s;display: flex;}
.header .search .box .text{width:100%;height:2.05vw;padding:0 1.75vw 0 0.5vw;border:1px solid #fff;border-radius:1.1vw;background-color:#fff;box-sizing:border-box;transition:border .5s;}
.header .search .box .btn,.header .search .box .sub{position:absolute;top:50%;right:0.25vw;width:1.5vw;height:1.5vw;margin-top:-0.625vw;border:1px solid #7f7f7f;border-radius:50%;background-image:url(/uploads/image/20230424/9dbf20a502b89059d3553470ae3e9189.png);background-size:100% 100%;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;box-sizing:border-box;transition:all .5s;}
.header .search .box .btn{opacity:1;z-index:1;padding: 0;}
.header .search .box .sub{opacity:0;z-index:-1;}
.header .search .box.open{width:12vw;}
.header .search .box.open .text{border-color:#999;}
.header .search .box.open .sub{opacity:1;z-index:1;border-color:#fff;margin-top: -0.825vw;}
.header .search .box.open .btn{opacity:0;z-index:-1;border-color:#fff;margin-top: -0.825vw;}
/*.header .nav{float:right;margin-right:7.8125vw;}*/
.header .nav .one > li{
    position:relative;
    float:left;
    display: flex;
    align-items: center;
}
.header .nav .one > li a{
    display: block;
    line-height: 90px;
    height: 90px;
    font-size: 16px;
    font-weight: bold;
}
.header .nav .one > li > i{
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background:url(/uploads/image/20230522/c62a614a4df3ab2901463977e032921f.png) center center no-repeat;
    background-size:12px;
}
.header .nav .one > li:hover > a{color:#00235a;}

.header .nav .one > li.active > a:after , .header .nav .one > li > a:after{
    content: '';
    width: 100%;
    border:1px solid #ff6c00;
    color:#ff6c00;
    display: block;
    margin-top: -20px;
    transform: scaleX(1);
}

.header .nav .one > li > a:after{
    transform: scaleX(0);
    transition: all .5s ease;
}

.header .nav .one > li:hover > a:after{
    transform: scaleX(1);
}
.header .nav .one > li.active > a{color:#00235a;}
.header .nav .two{
    display:none;
    position:absolute;
    width: 100%;
    left: 50%;
    top:90px;
    background-color:#fff;
    border-top:5px solid #00235a;
    box-shadow:0 0 3px #bbb;
    transform: translateX(-50%);
}
.header .nav .two.big{width:15vw;margin-left:-7.5vw;}
.header .nav .two li{
    position:relative;
    text-align:center;
}
.header .nav .two li a{
    font-size:14px;
    display:block;
    padding: 5px 10px;
    line-height: 20px;
    height: auto;
}
.header .nav .two li a:hover{background-color:#00235a;color:#fff;}
.header .nav .two li .son{display:none;position:absolute;left:100%;top:0;width:100%;margin-top:-5px;background-color:#fff;border-top:5px solid #1d5f8f;box-shadow:0 0 3px #bbb;}
.header .nav .two li .son p{line-height:2vw;font-size:0.73vw;}
.header .nav .two li:hover .son{display:block;}
.header .nav .two li:hover > a{background-color:#00235a;color:#fff;}
.header .nav .two.pro{width:29vw;padding:1.6vw;margin-left:-14vw;box-sizing:border-box;}
.header .nav .two.pro .item{position:relative;width:100%;padding:0 2vw 0 13vw;box-sizing:border-box;}
.header .nav .two.pro .item h3{line-height:1.5vw;margin-bottom:0.5vw;font-size:0.9375vw;font-weight:bold;color:#333;}
.header .nav .two.pro .item p{line-height:1.3vw;font-size:0.83vw;font-weight:200;margin-bottom:0.5vw;}
.header .nav .two.pro .item p img{position:absolute;left:1.5vw;top:0;width:10vw;height:auto;opacity:0;z-index:1;}
.header .nav .two.pro .item p.on{font-weight:bold;}
.header .nav .two.pro .item p.on a{color:#00235a;}
.header .nav .two.pro .item p.on img{opacity:1;z-index:9;}
.header.active .phone-menu .b1{transform:rotate(45deg);}
.header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header.active .phone-menu .b3{transform:rotate(-45deg);}
.header .header-main{
    display: flex;
    flex-wrap: wrap;
}
.header .nav{
    flex: 1;
}
.header .nav .one{
    width:95%;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
}
@media(max-width:1440px){
    .header .nav .one{
        width: 100%;
        margin-left:0%;
    }
}
@media(max-width: 1200px){
    .header .nav .one > li a{
        font-size: 15px;
    }
    .header .logo{
        margin-right: 10px;
    }
}
/*.header.flow{height:3.125vw;}*/
/*.header.flow .logo{height:3.125vw;}*/
/*.header.flow .sns{margin-top:0.9375vw;}*/
/*.header.flow .lang{margin-top:0.9375vw;}*/
/*.header.flow .search{padding:0.6625vw 0;}*/
/*.header.flow .nav .one > li{padding:0.5625vw 1.95vw;}*/
/*.header.flow .nav .two{top:3.125vw;}*/
@media only screen and (max-width:1024px){
    .top-left{
        display: none;
    }
.main-width {
    padding-left: 15px;
    padding-right: 15px;
}
.header .logo{
    margin-right: 0px;
    
}
/*.m-Top{margin-top:50px;}*/
.header{height:50px;box-shadow:0 0 5px #999;}
.header .header-main{
    display: flex;
    justify-content: space-between;
}
.header .phone-menu{display:block;}
.header .logo{
    height: 50px;
    width: auto;
    float: left;
    padding: 0;
}
.header .logo a{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.header .logo .lpic{
    margin-right:0;
    width: auto;
    height: 32px;
}
.header .logo a .logo-title{
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #00235a;
}
.header .logo a .logo-desc{
    font-size: 12px;
    line-height: 14px;
    display: block;
    height: 14px;
}
.header .sns{display:none;}
.header .lang{display:none;}
.header .search{position:absolute;right:4vw;top:8px;width:34px;height:34px;margin:0;padding:0 !important;z-index:99999;}
.header .search .box{width:34px;height:34px;}
.header .search .box .text{height:34px;line-height:32px;background:#fff;color:#333;padding:0 35px 0 10px;z-index:99999;border-radius:17px;}
.header .search .box .btn,.header .search .box .sub{top:0;width:32px;height:32px;margin:0;border:none;z-index:99999;background-size:26px 26px;}
.header .search .box .btn{display:block;}
.header .search .box .sub{display:none;}
.header .search .box.open{width:250px;border-color:#c6c6c6;}
.header .search .box.open .btn{display:none;}
.header .search .box.open .sub{display:block;}
.header .nav{position:absolute;left:0;top:50px;width:100%;padding-bottom:50px;border-top:1px solid #e3e3e3;box-sizing:border-box;background-color:#fff;overflow-y:auto;z-index:999;display: none;height: calc(100vh - 50px);
}
.header .nav .one{width:100%;padding: 0 30px;
    display: block;
}
.header.active .nav{

}

.header .nav .one > li{position:relative;
    float:none;
    padding:0;
    margin:0;
    font-size:18px;
    border-bottom:1px solid #ddd;
    text-align:left;
    display: block;
}
.header .nav .one > li:hover > a:after{
    display: none;
}
.header .nav .one > li > a{display:block;padding:0 10px;color:#094a65;height:50px;line-height:50px;width:100%;}
.header .nav .one > li > i{position:absolute;right:0;top: 10px;width:30px;height:30px;background-image:url(/images/phone-icon1.png) !important;}
.header .nav .one > li > i:before{content:"";position:absolute;left:7px;top:14px;width:16px;height:2px;background-color:#000;}
.header .nav .one > li > i:after{content:"";position:absolute;left:14px;top:7px;width:2px;height:16px;background-color:#000;}
.header .nav .one > li.active > i:before{
    background-color: white;
}
.header .nav .one > li.active > i:after{
    background-color: white;
}
.header .nav .one > li:hover > i:before{
    background-color: white;
}
.header .nav .one > li:hover > i:after{
    background-color: white;
}
.header .nav .one > li > i.active:before{
    background-color: black;
}
.header .nav .one > li > i.active:after{
    background-color: black;
}
.header .nav .one > li.on > i:after{display:none;}
.header .nav .one > li.active > a{}

.header .nav .one > li.active a{
    background-color: #00235a;
    color: white;
}
.header .nav .one > li.active a:after{
    display: none;
}
.header .nav .one > li.active .two .tac a:after{
    content: '';
    width: 100%;
    border: 1px solid #00235a;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.header .nav .one > li a.aa{
    background-color:#00235a; color:white;
}
.header .nav .one > li.active .two > li a{background-color:#fff;color:#00235a;position:relative;}
.header .nav .one > li a:hover{background-color:#00235a; color:white;}
.header .nav .one > li.active .two > li a:hover{background-color:#00235a; color:white;}
.header .nav .two{position:static;width:100%;margin:0;padding-left:10px;border:none;box-sizing:border-box;box-shadow:none;transform:none;}
.header .nav .two li{line-height:40px;font-size:14px;text-align:left;height:40px;}
.header .nav .one > li .two > li a{
    line-height: 30px;
}
.header .nav .two li a:before{content:"- ";}
.header .nav .two.big{position:static;width:100%;margin:0;}
.header .nav .two.pro{width:auto;padding:10px 0 10px 12px;margin:0;}
.header .nav .two.pro .item p{display:block;line-height:30px;margin:0;font-size:14px;text-align:left;}
.header .nav .two.pro .item p a{display:block;width:100%;}
.header .nav .two.pro .item p:hover a{color:#00235a; font-weight: bold;}
.header .nav .two.pro p img{display:none;}
.header .nav .two.pro .item{float:none;width:100%;border:none;padding:0;}
.header .nav .two.pro .item h3{line-height:30px;margin:0;font-size:14px;text-align:left;}
.header .nav .two.pro .item h3 a{display:block;padding:0 1vw;}
.header .nav .two.pro .item h3 a:before{content:"- ";}
.header .nav .two.pro .item h3 a:hover{background-color:#1d5f8f;color:#fff;}
.header.active .nav{left:0;}
.header.flow{height:50px;}
.header.flow .logo{height:49px;margin-top:0;}
.header.flow .search{padding:0;}
}


/* ============================================================================================================================
            轮播
===============================================================================================================================*/



    
/* ============================================================================================================================
													footer-脚部
===============================================================================================================================*/
	.footer_box {
	  position: relative;
	  background-color: #1e1e1e;
	  overflow: hidden;
	}
	.footer_box .container{
	  max-width: 1520px;
	  margin: 0 auto;
	  padding: 0 15px;
	  position: relative;
	  overflow: hidden;
	}
	.footer_top{
	  overflow: hidden;
	}
	.footer_box a ,.footer_box{
	  color: white;
	}
	.footer_box a:hover {
	  color: #e95b26;
	}
	/*---底部栏目--*/
	.footer_top_left{
	  float: left;
	  overflow: hidden;
	}
	.footer_top_left ul{
	  overflow: hidden;
	}
	.footer_top_left li{
	  float: left;
	  width:16.66%;
	  padding-right:3%;
	}
	.footer_top_left li .lia{
	  font-size: 18px;
	  margin-bottom: 10px;
	  display: block;
	}
	.footer_top_left li ol{
	  width: 100%;padding: 0;
	}
	.footer_top_left li ol a{
	  float: left;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  font-size: 14px;
	  line-height: 35px;
	  height: 35px;
	  color: #aeaeae;
	  font-weight: 400;
	}
	.footer_top_right .footer_top_txt{
	  padding-right: 20px;
	}
	.footer_top_right .footer_top_txt p ,.footer_top_right .footer_top_txt a{
	  font-size: 14px;
	  color: #aeaeae;
	  line-height:1.6;
	  margin-bottom: 10px;
	}
	.footer_top_right ._tel{
	  float: left;
	  overflow: hidden;
	  width: 100%; 
	  margin-top: 15px;
	}
	.footer_top_right ._tel img{
	  float: left;
	  height:37px;
	  margin-right: 10px;
	  margin-top:12px;
	}
	.footer_top_right ._tel h2 span{
	  display: block;
	  font-size:14px;
	  color: #aeaeae;
	}
	.footer_top_right ._tel h2 p{
	  display: block;
	  color: #e95b26;
	  font-size:30px;
	  font-weight: bold;
	  line-height:1.7;
	  margin: 0;
	}
	.footer_top_right{
	  float: right;
	  overflow: hidden;
	  font-size: 14px;
	}
	.footer_top_right ul li{
	  float:left;
	  margin-left:3%;
	  width: 47%;
	}
	.footer_top_right ul li img{
	  width: 100%;
	  background-color: #ffffff;
	}
	.footer_top_right ul li p{
	  text-align: center;
	  line-height:40px;
	  font-weight: 400;
	}
	/*---底部信息--*/
	.footer_bottom{
	  border-top: 1px solid #474747;
	  font-size: 14px;
	  padding: 0.266rem 0;
	  overflow: hidden;
	}
	/*---底部技术支持--*/
	.footer_bottom .footer_icp{
	  float: right;
	  text-align: right;font-weight: 400;
	}
	.footer_bottom .footer_icp li{
	  display: inline;
	}
	/*---底部友情链接--*/
	.footer_links {
	  float: left;
	  overflow: hidden;
	}
	.footer_links li {
	  float: left;
	  margin-right: 0.111rem;
	  line-height: 1.5;
	  font-weight: 400;
	}
	@media (max-width: 992px) {
	  .footer_box .container{
	    padding:0 15px 60px;
	  }
	  .footer_top{
	    padding:40px 0 20px;
	  }
	  .footer_top_right .footer_top_txt{
		  padding-right:0;
	  }
	  .footer_top_right ._tel{
	    margin-top: 0px;
		display: none;
	  }
	  .footer_top_right .footer_top_txt p, .footer_top_right .footer_top_txt a{
	    font-size: 14px;
		text-align: center;
		font-weight: 400!important;
	  }
	  .footer_top_right ._tel h2 p{
	    font-size: 24px;
	  }
	  .footer_top_right ul{
	    margin-top: 20px;
	  }
	  .footer_top_right ._tel img{
	    margin-top: 9px;
	  }
	  .footer_top_right ul li{
	    margin: 0 4% 0 0;
		width: 48%;
		padding: 10px;
	  }
	   .footer_top_right ul li:nth-child(2n){
		   margin: 0 0 0 0 ;
	   }
	}
	
	.footer-nav{display: none;}
	@media (max-width: 992px) {
	  .footer-nav {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 8888;
	    background-color: #00235a;
	    height: 50px;
	    display: block;
	  }
	  .footer-nav ul {
	    position: relative;
	    display: block;
	  }
	  .footer-nav ul li {
	    float: left;
	    width: 20%;
	    height: 45px;
	    text-align: center;
	    overflow: hidden;
	  }
	
	  .footer-nav ul li a {
	    display: block;
	    width: 100%;
	    height: 100%;
	  }
	  .footer-nav ul li span {
	    position: relative;
	    display: block;
	    text-align: center;
	    width: 20px;
	    height: 20px;
	    margin: 5px auto;
	    overflow: hidden;
	  }
	  .footer-nav ul li:nth-child(3) span {
		position: absolute;
		top: -0.29rem;
		width: 6.2em;
		height: 6.2em;
		left: 0;
		right: 0;
		margin: 0 auto;
		overflow: hidden;
	  }
	
	  .footer-nav ul li:nth-child(3) p {
	    display: none;
	  }
	  .footer-nav ul li span img {
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    max-width: 100%;
	    height: 100%;
	  }
	  .footer-nav ul li p {
	    color: #fff;
	    text-align: center;
	    font-size: 12px;
	    line-height: 11px;
	  }
	  .footer-nav ul li:nth-child(3) span img {
	    position: relative;
	    width: 100%;
	    height: auto;
	  }
	  .footer_top_txt a{
		  font-size: 14px;
		  text-align: center;
		  font-weight: 400!important;
		  display: block;  
	  }
	}

/* ============================================================================================================================
													crumb-面包
===============================================================================================================================*/
.crumb{padding: 10px 0;background: #f5f5f5;position: relative;}
.crumb .container{max-width: 1520px;}
.crumb .crumb_box ol{margin: 0;padding: 0; float: left;display: inline;} 
.crumb .crumb_box ol li{font-size: 14px;display: inline;}
.crumb .crumb_box ol li:last-child{display: none;}
.crumb .crumb_box ol li a{color: #666;}
.crumb .crumb_box .crumb_ul {overflow: hidden;/* align-items: center; */float: right;display: flex;}
.crumb .crumb_box .crumb_ul li{margin-left:.1rem;font-size: 14px;color: #000;display: inline;padding-right: 0 !important;padding-left: 0 !important;}
.crumb .crumb_box .crumb_ul li.active a {color: #e43124;font-size: 14px!important;/* line-height: 24px!important; */}
.crumb .crumb_box .crumb_ul li a ,.crumb .crumb_box ol li a ,.crumb .crumb_box ol li a .iconfont{
	line-height: 24px;font-size: 14px!important;
}
.crumb .crumb_box .crumb_ul li .iconfont ,.crumb .crumb_box ol li a .iconfont{font-size: 14px;color: #999;}
.crumb .crumb_box ol li a .iconfont{color: #333;}
.crumb .crumb_box .crumb_ul li:last-child{display: none;}
.crumb .crumb_box .crumb_ul li.J_btn a i.iconfont icon-jiantou2{line-height: 24px;}
.J_show{float: left; width: 100%; overflow: hidden;position:relative;background-color: #ffffff;display: none; margin-top: 0.1rem;}
.J_show li a{padding: 10px 10px;color: #999999;display: block;text-align: center;font-size: 14px; border-bottom:1px solid #f5f5f5;}
.J_show li:last-child a{
	border:none;
}
	@media (max-width:992px) {
		.crumb .crumb_box .crumb_ul li:nth-of-type(n+2){display: none;}
		.crumb .crumb_box .crumb_ul li:last-child{display: block!important;}
		.crumb .crumb_box .crumb_ul li.active a{color: #e43124;font-size: 14px!important;padding: 0!important;}
		.crumb .crumb_box .crumb_ul li a, .crumb .crumb_box ol li a, .crumb .crumb_box ol li a .iconfont{
			font-size: 14px!important;
		}
		
	}


/* ============================================================================================================================
													banner-首页海报 内页海报
===============================================================================================================================*/

.banner{
    width: 100%;
    overflow: hidden;
}
.banner ul li a{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner ul li img{
    width: 100%;
    height: 100%;
    display: block;
}



/* ============================================================================================================================
													index-首页
===============================================================================================================================*/

/*======================================= 公共标题 ========================================*/

.guider-title h1 {
  font-weight: bold;
  /*letter-spacing: 5px;*/
  display: block;
  color: #222222;
  margin: 0.05rem 0.1rem;
}
.guider-title h1 b {
  color: #e95b26;
}
.guider-title p {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 25px;
  color: #a5a0a0;
}
@media (max-width: 992px) {
  .guider-title p {
    font-size: 14px;
  }
}

/*======================================= products ========================================*/
.guider-products{
    padding: 0.6rem 0;
    overflow: hidden;
}
.guider-products .guider-products-mian{
    overflow: hidden;
    margin-top: 0.6rem;
}
.guider-products .guider-products-mian ul{
    overflow: hidden;
    margin-bottom: -2%;
}
.guider-products .guider-products-mian ul li{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
    border: 1px solid #ececec;
}
.guider-products .guider-products-mian ul li:nth-child(4n){
    margin-right: 0;
}
.guider-products .guider-products-mian ul li dt{
    width: 100%;
    overflow: hidden;
}
.guider-products .guider-products-mian ul li dt img{
    width: 100%;
    display: block;
}
.guider-products .guider-products-mian ul li dd{
    width: 100%;
    overflow: hidden;
    font-size: 0.18rem;
    color: #333;
    padding: 0.15rem;
    text-align: center;
    background: #f8f8f8;
}
.guider-products .guider-products-mian .guider-products-btn{
    margin: 0 auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
@media (max-width:992px){
     .guider-products .guider-products-mian ul{
         margin-bottom: -4%;
     }
    .guider-products .guider-products-mian ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .guider-products .guider-products-mian ul li:nth-child(4n){
        margin-right: 4%;
    }
    .guider-products .guider-products-mian ul li:nth-child(2n){
        margin-right: 0;
    }
    .guider-products .guider-products-mian ul li dd{
        font-size: 0.28rem;
    }
}


/*======================================= about ========================================*/

.guider-about{
    overflow: hidden;
    padding: 1.2rem 0;
    background-color: #f8f8f8;
}
.guider-about .container{
    margin: auto;
    position: relative;
}
.guider-about .guider-about-left{
    width: 46%;
    float: left;
}
.guider-about .guider-about-right{
    width: 46%;
    float: right;
}
.guider-about .guider-about-left h2{
    font-size: 0.6rem;
    color: block;
    font-weight: bold;
    margin-bottom: 4%;
}
.guider-about .guider-about-left em{
    width: 41px;
    height: 2px;
    display: block;
    background: #333333;
    margin: 0.1rem 0;
}
.guider-about .guider-about-left h3{
    font-size:0.6rem;
    font-weight: normal;
    color: black;
    letter-spacing: 10px;
}
.guider-about .guider-about-left p {
    color: #666;
    font-size: 0.3rem;
    line-height: 0.7rem;
    margin-top: 8%;
    margin-bottom: 0.35rem;
}
.guider-about ul{
    overflow: hidden;
    width: 60%;
    background-color: white;
    padding: 2%;
    position: absolute;
    top:70%;
    left: 2%;
    z-index: 99;
}
.guider-about ul li{
    width: 33%;
    border-right: 1px solid #ececec;
    float: left;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.guider-about  ul li:last-child{
    border-right: none;
}
    
.guider-about ul li dt b{
    font-size: 0.4rem;
    color: rgba(30, 80, 174, 1);;
}
.guider-about ul li dt{
    font-size: 0.4rem;
    font-weight: bold;
    overflow: hidden;
    display: inline;
    height: 0.6rem;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
}
.guider-about ul li dt .traone{
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    transition: all 1s ease;
}

.guider-about ul li dt i{
    font-size: 0.18rem;
    line-height: 0.25rem;
    color: #ececec;
    margin-left: 0.15rem;
    overflow: hidden;
    font-weight: normal;
}
.guider-about-right img{
    width: 100%;
}
.guider-about ul li dd{
    font-size: 0.18rem;
    color: #2e2e2e;
}

@media (max-width:770px){
.guider-about{
    overflow: hidden;
    padding: 0.8rem 0;
    background-color: #f8f8f8;
}
.guider-about .container{
    width: 7.5rem;
}
.guider-about .guider-about-left{
    width: 7.5rem;
    padding: 0 0.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    float: none;
}
.guider-about .guider-about-right{
    width: 6rem;
    height: 4rem;
    margin: auto;
    float: none;
    margin-bottom: 0.2rem;
}
.guider-about-right img{
    width: 6rem;
    height: 4rem;
}
.guider-about .guider-about-left h2{
    font-size: 0.4rem;
    color: block;
    font-weight: bold;
    margin-bottom: 0.2rem;
    text-align: center;
}
/*.guider-about .guider-about-left em{*/
/*    width: 0.4rem;*/
/*    height: 2px;*/
/*    display: block;*/
/*    background: #333333;*/
/*    margin: 0.1rem 0;*/
/*}*/
.guider-about .guider-about-left h3{
    font-size: 0.4rem;
    font-weight: normal;
    color: black;
    letter-spacing: 0.1rem;
    text-align: center;
}
.guider-about .guider-about-left p {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.guider-about ul{
    overflow: hidden;
    width: 7.5rem;
    background-color: white;
    padding: 0.01rem;
    position: static;
    margin-top: 0.1rem;
    margin: auto;
}
.guider-about ul li{
    width: 33%;
    border-right: 1px solid #ececec;
    float: left;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.guider-about ul li:last-child{
    border-right: none;
}
.guider-about ul li dt b{
    font-size: 0.3rem;
    color: rgba(30, 80, 174, 1);;
}
.guider-about ul li dt{
    font-size: 0.3rem;
    font-weight: bold;
    display: inline;
    overflow: hidden;
    height: 0.4rem;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
}
.guider-about ul li dt .traone{
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    transition: all 1s ease;
    transform: translateY(0);
    /*transform: translateY(-1.8rem);*/
}
.guider-about ul li dt i{
    font-size: 14px;
    line-height: 0.25rem;
    color: #ececec;
    margin-left: 0.15rem;
    overflow: hidden;
    font-weight: normal;
}
.guider-about ul li dd{
    font-size: 14px;
    color: #2e2e2e;
    margin-bottom: 0.1rem;
}
}

/*======================================= case ========================================*/
.guider-case{
    padding: 0.6rem 0;
    overflow: hidden;
}
.guider-case .container{
    width: 100%;
    margin: auto;
    margin-bottom: 0.5rem;
}
.guider-case .container .guider-title{
    display: flex;
    justify-content: space-between;
}
.guider-title-left{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.guider-title-left h1{
    font-size: 0.4rem;
}
.guider-case .container .guider-title .guider-title-right{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.guider-case .container .guider-title .guider-title-right p{
    font-size: 0.2rem;
    height: 0.2rem;
}

.guider-case .guider-case-mian{
    margin-top: 0.6rem;
}
.guider-case .guider-case-mian ul{
    margin-bottom: -2%;
    display: flex;
    flex-wrap: wrap;
}
.guider-case .guider-case-mian ul li{
    width: 22%;
    margin-bottom: 4%;
    margin-right: 4%;
}
.guider-case .guider-case-mian ul li:nth-child(4n){
    margin-right: 0;
}
.guider-case .guider-case-mian ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.guider-case .guider-case-mian ul li dt{
    width: 100%;
    height: 100%;
    position: relative;
}
.guider-case .guider-case-mian ul li dt img{
    width: 100%;
    display: block;
    height: 100%;
}
/*.guider-case .guider-case-mian ul li dd:nth-child(2n){*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*    font-size: 31px;*/
/*    color: #fff;*/
/*    padding: 0.15rem;*/
/*    text-align: center;*/
/*    background: #f8f8f8;*/
/*}*/
.guider-case .guider-case-mian ul li .d{
    width: 100%;
    position: absolute;
    top: 5%;
    font-size: 0.3rem;
    color: #fff;
    padding: 0.2rem;
}
.guider-case .guider-case-mian ul li .d .dds{
    font-size: 0.6rem;
    line-height: 0.6rem;
}
.guider-case .guider-case-mian .guider-case-btn{
    margin: 0 auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
@media (max-width:770px){
    .guider-case{
    padding: 0.6rem 0 0 0;
}
.guider-case .container{
    width: 7.5rem;
    margin-bottom: 0.5rem;
}
.guider-case .container .guider-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-bottom: 0.1rem;
}
.guider-title h1 {
  font-weight: bold;
  letter-spacing: 0.01rem;
  display: block;
  color: #222222;
  margin: 0;
  margin-bottom: 0.1rem;
}
.guider-title-left{
   text-align: center;
}
.guider-title-left h1{
    font-size: 0.4rem;
}
.guider-case .container .guider-title .guider-title-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.guider-case .container .guider-title .guider-title-right p{
    font-size:14px;
    height:14px;
    display: none;
}

.guider-case .guider-case-mian{
    margin-top: 0.4rem;
}
.guider-case .guider-case-mian ul{
    margin-bottom: -2%;
    display: flex;
    flex-wrap: wrap;
}
.guider-case .guider-case-mian ul li{
    width: 2.1rem;
    margin-bottom: 0.4rem;
    margin-right: 0.4rem;
}
.guider-case .guider-case-mian ul li:nth-child(3n){
    margin-right: 0rem;
}
.guider-case .guider-case-mian ul li:nth-child(4n){
    margin-right: 0.4rem;
}
.guider-case .guider-case-mian ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.guider-case .guider-case-mian ul li dt{
    width: 100%;
    height: 100%;
    position: relative;
}
.guider-case .guider-case-mian ul li dt img{
    width: 100%;
    display: block;
    height: 100%;
}
/*.guider-case .guider-case-mian ul li dd:nth-child(2n){*/
/*    width: 100%;*/
/*    overflow: hidden;*/
/*    font-size: 31px;*/
/*    color: #fff;*/
/*    padding: 0.15rem;*/
/*    text-align: center;*/
/*    background: #f8f8f8;*/
/*}*/
.guider-case .guider-case-mian ul li .d{
    width: 100%;
    position: absolute;
    top: 5%;
    font-size: 0.2rem;
    color: #fff;
    padding: 0.15rem;
}
.guider-case .guider-case-mian ul li .d .dds{
    font-size: 0.3rem;
    line-height: 0.3rem;
}
.guider-case .guider-case-mian .guider-case-btn{
    margin: 0 auto;
    width: 0.8rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 0.3rem;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
}

/*======================================= news ========================================*/

.guider-news{
    overflow: hidden;
    padding: 0.6rem 0;
    background: #f5f5f5;
}
.guider-news .container{
    /*width: 1200px;*/
}
.guider-news .container .guider-title{
    display: flex;
    justify-content: space-between;
}
.guider-news .container .guider-title .guider-title-right{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.guider-news .container .guider-title .guider-title-right p{
    font-size: 0.3rem;
    color: black;
}

.guider-news .guider-news-mian{
    overflow: hidden;
    margin-top: 0.6rem;
}

.guider-news .guider-news-mian ul{
    overflow: hidden;
    margin-bottom: -2%;
}
.guider-news .guider-news-mian ul li{
    width: 48%;
    float: left;
    overflow: hidden;
    margin-right: 4%;
    margin-bottom: 2%;
    border-bottom: 1px dashed black;
    padding: 0.2rem 0;
}
.guider-news .guider-news-mian ul li a{
    display: flex;
    
}
.guider-news .guider-news-mian ul li:last-child{
    border-bottom:none;
}
.guider-news .guider-news-mian ul li:nth-last-child(2){
    border-bottom:none;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right h3{
    font-size: 0.35rem;
    font-family: 微软雅黑;
    color: rgba(102, 102, 102, 1);
    font-weight: normal;
    margin-bottom: 0.08rem;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right p{
    font-size: 0.25rem;
    font-family: 微软雅黑;
    color: rgba(153, 153, 153, 1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
}

.guider-news .guider-news-mian ul li:nth-child(2n){
    margin-right: 0%;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left{
    margin-right: 0.15rem;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p{
    font-size: 0.25rem;
    line-height: 0.25rem;
    color: #767676;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p:first-child{
    font-size: 0.45rem;
    line-height: 0.45rem;
    white-space: nowrap;
    color: #4a4a4a;
}

.guider-news .guider-news-mian .guider-news-btn{
    margin: 0 auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
@media(max-width:992px){

.guider-news .guider-news-mian ul{
    overflow: hidden;
    margin-bottom: 0;
}
.guider-news .guider-news-mian ul li{
    width: 100%;
    float: none;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px dashed black;
    padding: 0.2rem 0;
}
.guider-news .guider-news-mian ul li a{
    display: flex;
    
}
.guider-news .guider-news-mian ul li:last-child{
    border-bottom: 1px dashed black;
}
.guider-news .guider-news-mian ul li:nth-last-child(2){
    border-bottom: 1px dashed black;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right h3{
    font-size: 0.35rem;
    font-family: 微软雅黑;
    color: rgba(102, 102, 102, 1);
    font-weight: normal;
    margin-bottom: 0.05rem;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right p{
    font-size: 0.3rem;
    font-family: 微软雅黑;
    color: rgba(153, 153, 153, 1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
}

.guider-news .guider-news-mian ul li:nth-child(2n){
    margin-right: 0%;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left{
    margin-right: 0.1rem;
    width: 20%;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right{
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p{
    font-size: 0.25rem;
    line-height: 0.25rem;
    color: #767676;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p:first-child{
    font-size: 0.45rem;
    line-height: 0.45rem;
    white-space: nowrap;
    color: #4a4a4a;
}

.guider-news .guider-news-mian .guider-news-btn{
    margin: 0 auto;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
}
@media(max-width:770px){
    .guider-news{
    overflow: hidden;
    padding: 0.6rem 0;
    background: #f5f5f5;
}
.guider-news .container{
    width: 7.5rem;
}
.guider-news .container .guider-title{
    display: flex;
    justify-content: center;
    margin-bottom: 0.1rem;
}
.guider-news .container .guider-title .guider-title-right{
    display: none;
}
.guider-news .container .guider-title .guider-title-right p{
    font-size: 0.2rem;
    color: black;
    height: 0.3rem;
}

.guider-news .guider-news-mian{
    overflow: hidden;
    margin-top: 0.4rem;
}

.guider-news .guider-news-mian ul{
    overflow: hidden;
    margin-bottom: 0;
}
.guider-news .guider-news-mian ul li{
    float: none;
    overflow: hidden;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    border-bottom: 1px dashed black;
    padding: 0.2rem 0;
}
.guider-news .guider-news-mian ul li a{
    display: flex;
    
}
.guider-news .guider-news-mian ul li:last-child{
    border-bottom: 1px dashed black;
}
.guider-news .guider-news-mian ul li:nth-last-child(2){
    border-bottom: 1px dashed black;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right h3{
    font-size: 0.3rem;
    font-family: 微软雅黑;
    color: rgba(102, 102, 102, 1);
    font-weight: normal;
    margin-bottom: 0.05rem;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right p{
    font-size: 14px;
    font-family: 微软雅黑;
    color: rgba(153, 153, 153, 1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
}

.guider-news .guider-news-mian ul li:nth-child(2n){
    margin-right: 0%;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left{
    margin-right: 0.1rem;
    width: 20%;
}
.guider-news .guider-news-mian ul li .guider-news-mian-right{
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p{
    font-size:14px;
    line-height: 14px;
    color: #767676;
}
.guider-news .guider-news-mian ul li .guider-news-mian-left p:first-child{
    font-size: 0.35rem;
    line-height: 0.35rem;
    white-space: nowrap;
    color: #4a4a4a;
}

.guider-news .guider-news-mian .guider-news-btn{
    margin: 0 auto;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;
}
}
/*======================================= zero ========================================*/
.guider-zero{
    width: 100%;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.guider-zero .container{
    /*width: 1200px;*/
    /*margin: auto;*/
}
.guider-zero .container .guider-title{
    text-align: center;
}
.guider-zero .container .guider-title h1{
        font-size: 0.4rem;
}
.guider-zero .container .guider-title p{
    font-size: 0.4rem;
    height: 0.5rem;
    color: black;
}
.guider-zero-mian ul{
    overflow: hidden;
    margin-top: 0.6rem;
}
.guider-zero-mian ul li{
    width: 18%;
    margin-right: 2.5%;
    float: left;
    margin-bottom: 2.5%;
}
.guider-zero-mian ul li:nth-child(5n){
    margin-right: 0;
}
.guider-zero-mian ul li a img{
    width: 100%;
}
@media(max-width:770px){
.guider-zero{
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.guider-zero .container{
    width: 7.5rem;
}
.guider-zero .container .guider-title{
    text-align: center;
}
.guider-zero .container .guider-title h1{
    font-size: 0.4rem;
}
.guider-zero .container .guider-title p{
    font-size: 0.4rem;
    height: 0.5rem;
    color: black;
}
.guider-zero-mian ul{
    overflow: hidden;
    margin-top: 0.4rem;
}
.guider-zero-mian ul li{
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.guider-zero-mian ul li:nth-child(3n){
    margin-right: 0;
}
.guider-zero-mian ul li:nth-child(5n){
    margin-right: 2%;
}
}
/*======================================= adv ========================================*/

.guider-adv{
    overflow: hidden;
    padding: 1rem 0;
}
.guider-adv .guider-title{
    overflow: hidden;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
.guider-adv .guider-title h2{
    font-size: 0.48rem;
    margin-bottom: 0.4rem;
    color: #232323;
}
.guider-adv .guider-title span{
    font-size: 0.18rem;
    color: #666;
    display: block;
}
.guider-adv .guider-adv-btn{
    margin: 0 auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    transition: all .3s ease-out 0s;
    border-radius: 30px;
    display: block;
    background: #e95b26;
    font-size: 0.14rem;
    margin-top: 0.5rem;  
}

/* ============================================================================================================================
													list
===============================================================================================================================*/

/*======================================= prolist ========================================*/
.prolist{
    overflow: hidden;
    padding: 0.6rem 0;
}
.prolist .prolist-main{
    overflow: hidden;
}
.prolist .prolist-main ul{
    overflow: hidden;
    margin-bottom: -2%;
}
.prolist .prolist-main ul li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
    float: left;
    border: 1px solid #ECECEC;
}
.prolist .prolist-main ul li:nth-child(3n){
    margin-right: 0;
}
.prolist .prolist-main ul li dl{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 65%;
}
.prolist .prolist-main ul li dl img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    object-fit: cover;
}
.prolist .prolist-main ul li dd {
    overflow: hidden;
    text-align: center;
    padding: 0.15rem;
    background: #f8f8f8;
    font-size: 16px;
    color: #333;
}

@media(max-width:992px){
    .prolist .prolist-main ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .prolist .prolist-main ul li:nth-child(3n){
        margin-right: 4%;
    }
    .prolist .prolist-main ul li:nth-child(2n){
        margin-right: 0;
    }
}

/*======================================= mutlist ========================================*/

.mutlist {
    overflow: hidden;
    padding: 0.6rem 0;
}
.mutlist .mutlist-main{
    overflow: hidden;
}
.mutlist .mutlist-main ul{
    overflow: hidden;
    margin-bottom: -2%;
}
.mutlist .mutlist-main ul li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    overflow: hidden;
}
.mutlist .mutlist-main ul li:nth-child(4n){
    margin-right: 0;
}
.mutlist .mutlist-main ul li dl{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 65%;
}
.mutlist .mutlist-main ul li dl img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    object-fit: cover;
}
.mutlist .mutlist-main ul li dd{
    overflow: hidden;
    padding: 0.1rem;
    background: #f8f8f8;
    font-size: 16px;
    color: #333;
    text-align: center;
}
@media(max-width:992px){
	.mutlist .mutlist-main ul{
		margin-bottom: -4%;
	}
	.mutlist .mutlist-main ul li{
		width: 48%;
		margin-bottom: 4%;
		margin-right: 4%;
	}
	.mutlist .mutlist-main ul li:nth-child(2n) {
		margin-right: 0%;
	}
	.mutlist .mutlist-main ul li dd {
		padding: 0.2rem;
	}    
}


/*======================================= artlist ========================================*/

.artlist {
    overflow: hidden;
    padding: 0.6rem 0;
}
.artlist .artlist-left {
    width: 75%;
    float: left;
    clear: both;
    padding: 0.3rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.artlist .artlist-left>ul li {
    overflow: hidden;
    padding: 0 0 0.2rem 0;
    background: #fff;
    margin-bottom: 0.3rem;
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
}
.artlist .artlist-left>ul li h3{
    overflow: hidden;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.artlist .artlist-left>ul li ._time {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
.artlist .artlist-left>ul li p {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #999;
    overflow: hidden;
}
.artlist .artlist-right {
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 23%;
}
.artlist .artlist-right h2{
    line-height: 50px;
    text-align: center;
    background: #f9f9f9;
    font-size: 18px;
    font-weight: bold;
}
.artlist .artlist-right ul li {
    overflow: hidden;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eee;
    line-height: 50px;
}
.artlist .artlist-right ul li span {
    width: 15%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #E01C2A;
}
.artlist .artlist-right ul li p {
    width: 85%;
    font-size: 14px;
    color: #333;
    float: right;
}
@media (max-width:992px){
 	.artlist .artlist-left,
	.artlist .artlist-right{
		width: 100%;
	}
	.artlist .artlist-right {
		margin-top: 0.4rem;
	}   
}

/* ============================================================================================================================
													detail-详情页
===============================================================================================================================*/

/*======================================= page ========================================*/

.detail-page{
    overflow: hidden;
    padding: 0.6rem 0;
}

/*======================================= article ========================================*/

.detail-article{
    overflow: hidden;
    padding: 0.6rem 0;
}
.detail-article .detail-article-main .detail-article-left{
    overflow: hidden;
    width: 75%;
    clear: both;
    padding: 0.3rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.detail-article .detail-article-main .detail-article-left ._title{
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.detail-article .detail-article-main .detail-article-left h2{
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
    color: #222;
    clear: both;
}
.detail-article .detail-article-main .detail-article-left ._content{
    overflow: hidden;
    padding: 30px 0;
}
.detail-article .detail-article-main .detail-article-left ._return{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.detail-article .detail-article-main .detail-article-left ._return a{
    display: block;
    width: 90px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
}
.detail-article .detail-article-main .detail-article-right{
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 23%;
    float: right;
}
.detail-article .detail-article-main .detail-article-right h3{
    line-height: 50px;
    text-align: center;
    background: #f9f9f9;
    font-size: 18px;
    font-weight: bold;
}
.detail-article .detail-article-main .detail-article-right ul li{
    overflow: hidden;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eee;
    line-height: 50px;
}
.detail-article .detail-article-main .detail-article-right ul li span{
    width: 15%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #E01C2A;
}
.detail-article .detail-article-main .detail-article-right ul li p{
    width: 85%;
    font-size: 14px;
    color: #333;
}

/*======================================= multi ========================================*/

.detail-multi{
    overflow: hidden;
    padding: 0.6rem 0;
}
.detail-multi .detail-multi-main{
    width: 100%;
    float: left;
    clear: both;
    padding: 0.3rem;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.detail-multi .detail-multi-main ._title{
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.detail-multi .detail-multi-main h2{
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
    color: #222;
    clear: both;
}
.detail-multi .detail-multi-main ._content {
    overflow: hidden;
    padding: 30px 0;
}
.detail-multi .detail-multi-main ._return{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.detail-multi .detail-multi-main ._return a{
    display: block;
    width: 90px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    text-align: center;
}


















/*---------- detail-multi -----------*/

.detail_multi{overflow: hidden;padding: 0.5rem 0;background:#f5f5f5;}
.detail_multi .multi_main{background: #fff;overflow: hidden;    padding: 30px 20px;border-radius:8px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}
.detail_multi .multi_main ._title{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.detail_multi .multi_main ._title li{display: flex;align-items: center;justify-content: space-between;font-size: 14px;}
.detail_multi .multi_main ._title h2{font-size: 24px;text-align: center;padding-top: 30px;color: #222;}
.detail_multi .multi_main ._content{overflow: hidden;padding: 30px 0;}
.detail_multi ._return{width: 100%;overflow: hidden;display: flex;justify-content: space-around;border-top: 1px solid #ddd;padding-top: 20px;}
.detail_multi ._return a {display: block;width: 90px;height: 40px;background: #e1e1e1;border-radius: 5px;font-size: 16px;color: #222;line-height: 40px;text-align: center;}
@media (max-width:992px) {
	.detail_multi{padding: 0.11rem 0;}
	.detail_multi .multi_main{padding: 3% 15px;}
	.detail_multi .multi_main ._title li{flex-wrap: wrap;}
	.detail_multi .multi_main ._title h2{font-weight: 500;}
}

/*---------- detail-product -----------*/

.product_detail{overflow: hidden;padding: 50px 0;background:#f5f5f5;}
.product_detail ._thumb{overflow: hidden;display: flex;align-items: flex-start;justify-content: space-between;}
.product_detail ._thumb ._pic{overflow: hidden;width: 50%;position: relative;}
.product_detail ._thumb ._pic ._top{overflow: hidden;width: 80%;margin: 0 auto 10px;}
.product_detail ._thumb ._pic ._top ul li{overflow: hidden;text-align: center;}
.product_detail ._thumb ._pic ._top ul li img{width: 80%;margin: 0 auto;}
.product_detail ._thumb ._pic ._bottom{overflow: hidden;width: 85%;margin: 0 auto;margin-top:25px;position:relative;}
/*.product_detail ._thumb ._pic ._bottom ul{width:80%}*/


.product_detail ._thumb ._pic ._bottom ul li{overflow: hidden;width: 25%!important;padding: 5px;}
.product_detail ._thumb ._pic ._bottom ul li span{display: block;margin: 0 1%;border: 2px solid #ddd;position: relative;padding-top:80%;overflow: hidden;}
.product_detail ._thumb ._pic ._bottom ul li img{width: 60%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.product_detail ._thumb ._pic ._bottom .swiper-slide-thumb-active span{border: 2px solid #4e6ef2;}
.product_detail ._thumb ._pic .swiper-button-next{top: 50%;right: 0;transform: translate(0%, -50%);margin-top:0;}
.product_detail ._thumb ._pic .swiper-button-prev{top: 50%;left: 10px;transform: translate(0%, -50%);margin-top:0;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 32px!important;}
.product_detail ._thumb ._txt{overflow: hidden;width: 46%;position: relative;color: #222;padding: 2.5%;line-height: 2;}
.product_detail ._thumb ._txt h2{font-size: 36px;font-weight: bold;color: #222;margin-bottom: 10px;}
.product_detail ._thumb ._txt p{font-size: 14px;color: #999;margin-bottom: 10px;}
.product_detail ._thumb ._txt ul{color: #999;line-height: 2;overflow: hidden;display: flex;align-items: center;justify-content:space-between;flex-wrap: wrap;}
.product_detail ._thumb ._txt ul li{width: 50%;}
.product_detail ._thumb ._txt ul li em{color: #222;font-weight: bold;font-size: 14px;}
.product_detail ._thumb ._txt span{margin-top: 20px;font-size: 16px;line-height: 1.5;display: block;}
.product_detail ._thumb ._txt span a{display: block;font-weight: bold;color: #e95b26;font-size: 24px;}
.product_detail ._thumb ._txt ._btn{display: block;background: #e95b26;color: #fff;font-size: 14px;margin-top: 10px;width: 120px;padding: 10px 0;text-align: center;border-radius: 4px;}
.product_detail ._title{border-radius:8px;overflow: hidden;width: 100%;overflow: hidden;background: #e95b26;font-size: 28px;text-align: center;line-height: 2;color: #fff;margin: 50px 0;}
.product_detail ._content{overflow: hidden;padding-bottom: 50px;}
.product_detail ._return{width: 100%;overflow: hidden;display: flex;justify-content: space-around;border-top: 1px solid #ddd;padding-top: 50px;}
.product_detail ._return a{display: block;width: 90px;height: 40px;background: #e1e1e1;border-radius: 5px;font-size: 16px;color: #222;line-height: 40px;text-align: center;}
.product_detail ._recommend{padding: 50px 0 0;}
.product_detail ._recommend h1{font-size: 36px;text-align: center;color: #222;margin-bottom: 50px;}
.product_detail ._recommend ul{display: flex;align-items: center;}
.product_detail ._recommend ul li{width: 25%;margin-right: 1%;border-radius:8px;}
.product_detail ._recommend ul li a{display: block;box-shadow: 0 2px 5px rgb(0 0 0 / 0.1);border-radius:8px;}
.product_detail ._recommend ul li ._pic{overflow: hidden;position: relative;width: 100%;height: 100%;padding-top: 66%;border-radius:8px 8px 0 0;}
.product_detail ._recommend ul li ._pic img{width: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin:auto;}
.product_detail ._recommend ul li ._txt{border-radius:0 0 8px 8px;width: 100%;padding-left: 20px;padding-bottom: 12px;padding-top: 15px;background: #f5f5f5;border-radius: 0 0 8px 8px;}
.product_detail ._recommend ul li ._txt h2{font-size: 18px;font-weight: bold;color: #222222;}
.product_detail ._recommend ul li ._txt p{font-size: 14px;color: #999;height: 22px;}
.product_detail ._recommend ul li:last-child{margin-right: 0;}
@media (max-width:992px) {
	.product_detail{overflow: hidden;padding: 30px 0;}		
	.product_detail ._thumb ._txt h2{font-size: 24px;}		
	.product_detail ._thumb ._txt ul li{width: 100%;}
	.product_detail ._thumb{flex-wrap: wrap;}
	.product_detail ._thumb ._pic{width: 100%;margin-bottom: 2%;}
	.product_detail ._thumb ._pic .swiper-button-prev{left: 0;}
	.product_detail ._thumb ._pic .swiper-button-next{right: 0;}
	.product_detail ._thumb ._txt{width: 100%;}
	.product_detail ._title{margin: 30px 0;font-size: 18px;line-height: 3;}
	.product_detail ._recommend ul li{width: 49%;padding: 10px;}
	.product_detail ._content{padding-bottom: 30%;}
	.product_detail ._return{padding-top: 30px;}
	.product_detail ._recommend{padding: 30px 0 0;}
	.product_detail ._recommend h1{margin-bottom: 30px;font-size: 24px;}
}
@media (max-width:420px) {
	/*.product_detail ._thumb ._pic ._bottom ul li span{height: 6rem;}*/
	.product_detail ._thumb ._txt{padding: 5%;}
	.product_detail ._thumb ._pic .swiper-button-next, .product_detail ._thumb ._pic .swiper-button-prev{bottom:3%;}
}