@charset "utf-8";
*{
	font-family: "Noto Sans CJK SC", "Source Han Sans CN","Microsoft YaHei","Helvetica Neue","PingFang SC", Helvetica, "Hiragino Sans GB",sans-serif;
}
html {
	height: 100%;
	width: 100%;
	min-width: 1200px;
}

body {
	margin: 0;
	font-size: 14px;
	width: 100%;
	height: 100%;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-content: center;
}
.sp_box video,.sp_box{
	width: 100%;
	/* height: 100%; */
}
.dh_box{

}
.dh_box i{
	font-size: 32px;
    color: #333;
}
.dh_box b{
	font-size: 24px;
    color: #333;
}
/* 整体居中 */
.index-view{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    display: flex;box-sizing: border-box;
}
.index-view-div{
	width: 100%;
}
/* 居中总样式 */
.center{
	justify-content: center;
	align-items: center;
	display: flex;
}
/* 栏目展示 */
.nav_box{
	  position: absolute;
	  top: 0;
	  z-index: 10;
	  width: 100%;
	  background: #fff;
	  padding: 10px 0;
	  box-shadow: -1px 1px 9px #a0a0a0;
}
.w75{
	width: 1200px;
	margin: 0 auto;
	vertical-align: middle;
}
.logo{
	width: 290px;
	display: block;
}
.nav,.lanmu ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	line-height: 60px;
}
.nav img{
	width: 100%;
}
.lanmu{
	/* width: 68%; */
}
.lanmu ul li{
  font-size: 16px;
  margin: 0 15px;
  width: auto;
  text-align: center;
  position: relative;
}
.lanmu ul li a{
	display: block;
	color: #282828;
	/* padding: 0 7px; */
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	box-sizing: border-box;
}
.lanmu ul li a::after{
	position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background: #ec9033;
    bottom: -10px;
    left: 0;
    transition: all 0.4s;
}
.lanmu ul li a:hover,.active{
	width: 100% !important;
	color: #f8bb33;
	background-image: -webkit-linear-gradient(bottom,red,#ea8935,#ebc052);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.lanmu ul li a:hover:after, .lanmu ul li a#active::after {
    width: 100% !important;
}
/* 搜索按钮 */
.submit_box{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
}
.submit_box .sub_btn{
	  background: url(../images/ss.png) no-repeat center left;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.submit_box .hide_text{
	border: 1px solid #ddd;
	border-radius: 50px;
	line-height: 30px;
	height: 30px;
	/* display: none; */
	/* width: 100%; */
	padding-left: 12px;
}
/* 总的按钮样式 */
.main .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	  margin: 15px 0;
}
.main .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	border-radius: 100%;
	background-color: #888;
}
.main .swiper-container-vertical>.swiper-pagination-bullets{
	right: 3%;
}
.main .swiper-pagination-bullet-active {
	background-color: #fff;
	width: 11px;
	height: 11px;
	border-radius: 20px;
	border: 2px solid #ed962c;
	box-sizing: border-box;
}
.main .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 30px;
}
/*banner开始*/
.index_banner .swiper-container,.index_banner{
  width: 100%;
  height: 100%;
  display: block;
}
.index_banner .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;
}
.index_banner .swiper-slide img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}
.index_banner .swiper-button-prev{background-image: url(../images/left.png);height: 42px;width: 42px;background-size: 100% 100%;}
.index_banner .swiper-button-next{background-image: url(../images/right.png);height: 42px;width: 42px;background-size: 100% 100%;}
/* 首页开始 */
.main {
	width: 100%;
	height: 100%;
	background-color: #000;
}
.main>.swiper-container{
	width: 100%;
	height: 100%;
  }

.main>.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;
}

/* 首页标题 */
.title_box {
  margin: 0 0 2% 0;
  text-align: center;
  opacity: 0;
}
.title_box h3{
	color: #333;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
.s2.swiper-slide-active .title_box,.s3.swiper-slide-active .title_box,.s4.swiper-slide-active .title_box,.s5.swiper-slide-active .title_box,.s6.swiper-slide-active .title_box{
	-webkit-animation: fadeInRight 0.8s ease-in-out;
	animation: fadeInRight 0.8s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.title_box p{
	color: #333;
	font-size: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: bold;
	font-family: auto;
}
/* 首页关于我们 */
.s2{
	background: url(../images/ab_bg.jpg) no-repeat center center;
  position: relative;
  background-size: cover;
}
.ab_nr p{
	color: #4c4c4c;
	font-size: 16px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	
}
.ab_nr{
	opacity: 0;
}
.s2.swiper-slide-active .ab_nr{
	-webkit-animation: fadeInLeft 0.8s ease-in-out;
	animation: fadeInLeft 0.8s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.index_about .s2_vido{
	margin: 0 auto;
	margin-bottom: 3%;
	opacity:0;
	width: 65%;
}
.index_about .s2_vido video{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.index_about .ab_nr h3{
	
font-size: 20px;
	
color: #333;
	
font-weight: bold;
	
margin-bottom: 20px;
}
.s2.swiper-slide-active .s2_vido{
    -webkit-animation: fadeInUp 1s ease-in-out;
	animation: fadeInUp 1s ease-in-out;
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.ab_more{
	background: #262626;
	padding: 6px 12px;
	display: block;
	width: 180px;
	margin: 3% auto 0 auto;
	color: #fabb38;
	font-size: 16px;
	text-align: center;
}
.ab_more:hover{
	background-color: #fabb38;
	color: #fff;
	transition: background-color .3s ease-in;
}
/* 首页案例展示 */
.s3{
	background: url(../images/an_bg.jpg) no-repeat center center;
  position: relative;
  background-size: cover;
}


/* 首页产品展示 */
.s4{
  background: url(../images/fw_bg.jpg) no-repeat center center;
  position: relative;
  background-size: cover;
}
.s4 .pro,#certify{
	/* padding: 0 14px; */
	box-sizing: border-box;
	opacity: 0;
}
/* 产品分类 */
.pro_types{
text-align: center;
margin-bottom: 2%;
}
.pro_types a{
	
background: #333;
	
padding: 8px 30px;
	
margin-right: 25px;
	
color: #fff;
	
font-size: 16px;
}
.s4.swiper-slide-active .pro{
	-webkit-animation: fadeInUp 1.0s ease-in-out;
	animation: fadeInUp 1.0s ease-in-out;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.s3.swiper-slide-active #certify{
	-webkit-animation: fadeInUp 1.0s ease-in-out;
	animation: fadeInUp 1.0s ease-in-out;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.pro ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
}
.pro .pro_laist_a{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
}
.pro ul li{
	/* width: 380px; */
	/* border: 1px solid #f1f1f1; */
}
.pro ul li a{
	display: block;
}
.bt70{
	margin-bottom: 70px;
}
.pro ul li .pro_img{
	display: block;
	overflow: hidden;
	height: 275px;
	/* padding: 20px 0; */
	background: #fefefe;
	position: relative;
}
.pro ul li img{
	margin: 0 auto;
    height: 100%;
    width: 100%;
    transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    object-fit: cover;
	/* padding: 10px 0; */
	/* box-sizing: border-box; */
}
.pro ul li img:hover{
	transform:rotate(0deg) scale(1.1);
  -moz-transform:rotate(0deg) scale(1.1);
  -ms-transform:rotate(0deg) scale(1.1);
  -o-transform:rotate(0deg) scale(1.1);
  -webkit-transform:rotate(0deg) scale(1.1);
}
.pro_div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgb(0 0 0 / 57%);
	justify-content: center;
	align-items: center;
	display: flex;
	opacity: 0;
	transition: all .5s;
}
.pro_div .pro_div_bg{
	text-align: center;
}
.pro ul li:hover .pro_div {
    opacity: 1;
}
.pro_div h3{
	font-size: 20px;
	color: #fff;
}
.pro_div span{
	font-size: 16px;
	color: #fff;
}
.pro_div .pro_div_more{
	
	width: 100px;
	height: 30px;
	background: #da7d37;
	margin: 0 auto;
	line-height: 30px;
	color: #fff;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
}
.pro ul li p{
	font-size: 16px;
	color: #333;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	line-height: 40px;
}
/* 首页合作伙伴展示 */
.s5{
		background: url(../images/hz_bg.jpg) no-repeat center center;
	  position: relative;
	  background-size: cover;
}
.hz{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
}
.hz .hz_box{
  margin-bottom: 15px;
  opacity: 0;
  height: 270px;
  background: #fff;
  padding: 10px;
  display: block;
  box-sizing: border-box;
}
.hz .hz_box a{
	display: block;
}
.hz a p{
	
line-height: 30px;
	
text-align: center;
	
font-size: 16px;
	
color: #333;
}
.s5.swiper-slide-active .hz div{
	-webkit-animation: fadeIn 0.8s ease-in-out;
	animation: fadeIn 0.8s ease-in-out;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.s5.swiper-slide-active .hz div:nth-child(2){
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.s5.swiper-slide-active .hz div:nth-child(3){
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.s5.swiper-slide-active .hz div:nth-child(4){
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.s5.swiper-slide-active .hz div:nth-child(5){
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.s5.swiper-slide-active .hz div:nth-child(6){
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}
.s5.swiper-slide-active .hz div:nth-child(7){
	animation-delay: 2.1s;
	-webkit-animation-delay: 2.1s;
}
.s5.swiper-slide-active .hz div:nth-child(8){
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
}
.hz a img{
	/* width: 100%; */
    height: 225px;
    margin: 0 auto;
    object-fit: cover;
}
/* 首页新闻展示 */
.s6{
	background: url(../images/news_bg.jpg) no-repeat center center;
  	position: relative;
  	background-size: cover;
}
.news{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news a{
  width: 32.33%;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  opacity: 0;
  margin-bottom: 20px;
}
.s6.swiper-slide-active .news a{
	-webkit-animation: fadeIn 1.5s ease-in-out;
	animation: fadeIn 1.5s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.s6.swiper-slide-active .news a:nth-child(2){
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.s6.swiper-slide-active .news a:nth-child(3){
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.news a .news_txt{
	padding: 15px;
	box-sizing: border-box;
}
.news a img{
	width: 100%;
    height: 186px;
    object-fit: cover;
}
.news a h3{
    font-size: 20px;
    text-align: left;
    display: block;
    color: #272727;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}
.news a:hover h3{
	color: #ed962c;
}
.news a p{
	display: block;
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: justify;
}

/* 首页联系我们 */
.s7{
	background: url(../images/dt_bg.jpg) no-repeat center center;
  position: relative;
  background-size: cover;
}
.lx{
	display: flex;
	justify-content: space-between;
	
}
.lx_l{
	text-align: left;
	flex: 1;
	opacity: 0;
}
.s7.swiper-slide-active .lx_l{
	-webkit-animation: fadeInLeft 0.8s ease-in-out;
	animation: fadeInLeft 0.8s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.lx_l h4{
	color: #fff;
    margin-bottom: 3%;
    font-size: 22px;
}
.lx_l p{
	font-size: 16px;
	line-height: 25px;
	color: #fff;
}
.code{
	margin-top: 3%;
}
.code img{
  float: left;
  margin-right: 10px;
  width: 120px;
}
.title{
	margin-bottom: 3%;
}
.title h3{
	color: #fff;
  font-size: 25px;
}
.title p{
	color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.lx_r{
	padding: 30px 40px;
  background: #fff;
  flex: 1;
  box-sizing: border-box;
  text-align: left;
  opacity: 0;
}
.s7.swiper-slide-active .lx_r{
	-webkit-animation: fadeInRight 0.8s ease-in-out;
	animation: fadeInRight 0.8s ease-in-out;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;

}
.lx_r .lx_r_b{
	border-bottom: 1px solid rgb(82 82 82 / 30%);
  	overflow: hidden;
    box-sizing: border-box;
    line-height: 60px;
}
.lx_r div label{
	color: #5f5f5f;
	font-size: 14px;
}
.lx_r div textarea{
	width: 100%;
  background-color: transparent;
  font-size: 14px;
  color: #5f5f5f;
}
.lx_r div input{
	color: #5f5f5f;
	font-size: 14px;
}
.lx_r .btn{
	display: block;
  width: 100%;
  line-height: 35px;
  box-sizing: border-box;
  background-color: #2c2c2c;
  color: #da7e38;
  font-size: 16px;
  margin-top: 20px;
}
.lx_r .btn:hover{
	background-color: #da7e38;
	color: #fff;
	transition: background-color .2s ease-in;
}
.cprity{
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin-top: 3%;
	opacity: 0;
}
.s7.swiper-slide-active .cprity{
  -webkit-animation: fadeInUp 1.5s ease-in-out;
	animation: fadeInUp 1.5s ease-in-out;
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.cprity a{
	color: #fff;
}

/* 内页开始1111111111111111111111111111111111111111 */
.area {
    margin: 0 auto;
    width: 1200px;
}
.ny_banner{
	position: relative;
	padding-top: 80px;
}
.ny_banner img{
	width: 100%;
}
/* 分类列表 */
.type-box{
    line-height: 65px;
    box-shadow: 1px 1px 20px #ececec;
}
.type-box .type-list{
    display: flex;
    justify-content: center;
}
.type-list a{
    display: block;
    width: 20%;
    text-align: center;
    font-size: 18px;
    color:#333333;
    position: relative;
    transition: .4s;
}
.type-list a.cur,
.type-list a:hover{
    color:#e8781c;
    font-weight: bold;
}
.type-list a::after{
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background:#dcdcdc;
    position: absolute;
    top: 21px;
    right: 0;
}
.type-list a:last-child:after{
    display: none;
}
/* 内页底部展示 */
.footer{
	background-color: #272d33;
	padding: 50px 0;
}
.footer>div{
	align-items: center;
}
.footer .foot_l{
	color: #ababab;
	font-size: 18px;
	text-align: center;
	width: 18%;
}
.foot_b{
    font-size: 15px;
    width: 31%;
}
.footer .foot_l img{
    margin: 0 0 30px 0;
    width: 100%;
}
.footer .foot_c{
    color: #fff;
}
.footer .foot_c div{
	margin: 30px 0;
}
.footer .foot_c img{
	width: 120px;
}
.footer .foot_c p{
	text-align: center;
    line-height: 30px;
    color: #ababab;
}
.foot_b ul{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 0px;
}
.foot_b ul li a:hover{
	color: #fff;
}
.foot_r>div{
	color: #fff;
	align-items: center;
	justify-content: flex-start;
}
.foot_r{
	width: 27%;
}
.foot_r1{
	margin-bottom: 20px;
}
.foot_r1 i{
	font-size: 30px;
    color: #808080;
    margin-right: 10px;
}
.foot_r1 h3{
	font-size: 18px;
}
.foot_r1 p{
	color: #808080;
    font-size: 16px;
}
.foot{
	background-color: #161b1f;
	color: #5d5d5d;
	text-align: center;
	padding: 20px 0;
}
.foot p{
	font-size: 14px;
}
.foot p a{
	color: #5d5d5d;
}
.foot_he{
	width: 1px;
	height: 160px;
	background: rgb(255 255 255 / 10%);
}
.contact-box{
	padding:0 0 50px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.contact-box dl{
	width: 30%;
	overflow: hidden;
}
.contact-box dl dt{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background:#e8781c;
	text-align: center;
	line-height: 50px;
	float: left;
	margin-top: 9px;
}
.contact-box dl:first-child dt .iconfont{
	font-size: 34px;
}
.contact-box dl dt .iconfont{
	color:#fff;
	font-size: 28px;
}
.contact-box dl dd{
	width: 83%;
	float: left;
	text-transform: capitalize;
	font-size: 18px;
	color:#333;
	margin-left: 3%;
}
.contact-box dl dd p{
	font-weight: normal;
	font-weight: bold;
	margin-top: 5px;
	font-size: 20px;
}


/* 联系我们 */
.p12-aboutinfo-1-nr{padding:0 20px 20px;margin: 0 auto;}
ul{list-style: none;}

.tit {background:url(../images/20200410105101_836047240.png)no-repeat center center;height: 100px;text-align: center;clear: both; width:1300px;}
.tit span {display: block;font-size: 24px;color: #0358c3;font-weight: bold;text-align: center;letter-spacing: 3px;padding-top: 25px;}
.tit span em {font-style: normal;color: #E8E8E8; line-height:20px;font-size: 14px;display: block;text-transform: uppercase;}
.lxwm li i {display: inline-block;padding-left: 33px;}
.cc_con1 {overflow: hidden;background: #f0f0f0;height: 200px;margin-bottom: 30px;margin-top: 10px; width:100%;}
.cc_con1 h3 {background: #0358c3;text-align: center;width: 330px;padding-top: 28px;font-size: 30px;color: #fff;font-weight: normal;height: 200px;float: left;line-height: 30px; margin-top:0px;}
.cc_con1 h3 i {display: block;font-size: 20px;height: 40px;font-style: normal;margin-top: 6px;}
.cc_con1 h3 em {display: block;font-size: 18px;text-align: center;font-style: normal}
.cc_con1 h3 em span {display: block;font-size: 24px;}
.cc_con1 p {float: right;width: 870px;/*padding: 60px 3px 0 0;*/color: #666;font-size: 15px;line-height: 34px;padding-right: 50px;}
.cc_con1 p em {display: block;padding-top: 9px;color: #0358c3;font-size: 16px;line-height: 23px;word-spacing:}
.cc_con1 p em i {display: block;}
.cc_con1 p em span {padding-left: 68px;}
.asdfaaa p{float: none;width: all;}

/* 修改 */
.solute-form .inform-l .inform-des{
    width: 100%;
    border-radius: 5px;
    background:#f9fafc;
    font-size:15px;
    color:#333;
    padding: 0 30px 0 40px;
    position: relative;
}
.solute-form .inform-l .inform-des span,
.solute-form .inform-area span{
    position: absolute;
    top: 38px;
    left: 33%;
    animation: spservhover .3s ease-out 0s forwards;
    transform: translate(-100%, -50%);
    padding: 7px 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    max-width: 252px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    color: #3871ff;
    line-height: 22px;
    z-index: 2;
    display: none;
}
.solute-form .inform-area span{
    top: 63px;
    left: 32%;
}
.solute-form .inform-l .inform-des span .iconfont,
.solute-form .inform-area span .iconfont{
    display: block;
    float: left;
    margin-right: 7px;
    margin-top: 1px;
}
.solute-form .inform-l .inform-des span::after,
.solute-form .inform-area span::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    left: 26%;
    transform: translate(-100%, -50%) rotate(133deg);
    right: -12px;
    filter: drop-shadow(-2px 1px 1px rgba(0, 0, 0, .05));
    background: #fff;
}
.solute-form .inform-l .inform-des input{
    width: 100%;
    line-height: 50px;
    background:#f9fafc;
    border-left: 1px solid #eeeeee;
    padding-left: 10px;
}
.solute-form .inform-l input::placeholder,
.inform-area textarea::placeholder{
    font-size:14px;
    color:#c0c0c0;
}
.solute-form .inform-l .inform-des::before{
    content: "";
    display: block;
    width: 18px;
    height: 20px;
    background:url(../images/people.png) no-repeat;
    position: absolute;
    left: 11px;
    top: 15px;
}
.solute-form .inform-l .inform-des:nth-child(2):before{
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background:url(../images/phone.png) no-repeat;
    position: absolute;
    left: 11px;
    top: 15px;
}
.solute-form .inform-area{
    background:#f9fafc;
    width: 100%;
    height: 120px;
    font-size:15px;
    color:#333;
    position: relative;
}
.solute-form .inform-area textarea{
    width: 100%;
    background:#f9fafc;
    padding:14px 40px 14px 45px;
    height: 100%;
}
.solute-form .inform-area::before{
    content: "";
    display: block;
    width: 20px;
    height: 22px;
    background:url(../images/content.png) no-repeat;
    position: absolute;
    left: 11px;
    top: 14px;
}
/* 公司资讯 */
.column-news-box dl{
    margin-right: 60px;
    width: 47.5%;
    float: left;
    background:#fff;
    background: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 60px;
}
.column-news-box dl:nth-child(2n){
    margin-right: 0;
}
.column-news-box dl dt{
    position: relative;
}
.column-news-box dl dt .date{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    background:rgba(0,0,0,.4);
    font-size:36px;
    color:#fff;
    text-align: center;
    padding:18px 0 12px 0;
    line-height: 35px;
    transition: .4s;
}
.column-news-box dl dt .date p{
    font-size: 16px;
}
.column-news-box dl dt,
.column-news-box dl dt .news-item-img{
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.column-news-box dl dt .news-item-img img{
    width: 100%;
    height: auto;
    transition: .4s;
}
.column-news-box dl:hover dt .news-item-img img{
    transform: scale(1.04);
}
.column-news-box dl dd{
    padding:35px 30px;
    transition: .4s;
}
.column-news-box dl dd h5{
    font-size: 18px;
    color:#333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column-news-box dl dd p{
    color: #989898;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 56px;
}
.column-news-box dl:hover .date{
    background:rgba(44,104,255,.6)
}
.column-news-box dl:hover dd h5{
    color:#2c68ff;
}

.huanj_li li{
    margin:0 30px 30px 0;
}
.pro-list li:nth-child(3n){
    margin-right: 0;
}
.huanj_li li{
    width: 380px;
    height: 310px;
    margin-right: 30px;
    margin-top: 30px;
    float: left;
    position: relative;
    z-index: 9;
}
.huanj_li li:nth-child(3n){
    margin-right: 0;
}
.huanj_li li dt{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.huanj_li li dt img{
    width: 100%;
    height: 100%;
    transition: .4s;
    transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.huanj_li li:hover dt img{
    transform: scale(1.1, 1.1);
    opacity: 1;
}
.huanj_li li dd{
    position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
	padding: 15px 20px;
	transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
    background:rgba(0, 0, 0, .5)
}
.huanj_li li dd h5{
    font-size: 19px;
    color:#fff;
}
.huanj_li li dd p{
    font-size: 16px;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 0;
	transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
}
.huanj_li li:hover dd p{
    height: 30px;
    margin-top: 5px;
}

/* 产品新列表 */
.pro-list dl{
    margin:0 30px 30px 0;
}
.pro-list dl:nth-child(3n){
    margin-right: 0;
}
.pro-list dl{
    width: 380px;
    height: 310px;
    margin-right: 30px;
    margin-top: 30px;
    float: left;
    position: relative;
    z-index: 9;
}
.pro-list dl:nth-child(3n){
    margin-right: 0;
}
.pro-list dl dt{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pro-list dl dt img{
    width: 100%;
    height: 100%;
    transition: .4s;
    transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.pro-list dl:hover dt img{
    transform: scale(1.1, 1.1);
    opacity: 1;
}
.pro-list dl dd{
    position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
	padding: 15px 20px;
	transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
    background:rgba(0, 0, 0, .5)
}
.pro-list dl dd h5{
    font-size: 19px;
    color:#fff;
}
.pro-list dl dd p{
    font-size: 16px;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 0;
	transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
}
.pro-list dl:hover dd p{
    height: 30px;
    margin-top: 5px;
}


/* 详情页 */
.flex{
    display: flex;
    justify-content: space-between;
}
.detail_box .detail_l{
    width: 72%;
    background: #fff;
    padding: 0 30px 30px 30px;
    box-sizing: border-box;
    /* max-height: 1449px; */
    overflow: auto;
}
.detail_l .detail-img{
    width: 100%;
    margin: 5px 0 25px 0;
}
.detail_box .detail_l h4{
    font-size: 22px;
    padding: 15px 0;
    /* font-weight: bold; */
    color:#222;
}
.detail_l h5{
    font-size: 15px;
    color: #bdbdbd;
    font-family: "myFont1";
    border-top: 1px solid #efefef;
    padding-top: 14px;
    margin-bottom: 30px;
}
.detail_l h5 span{
    font-family: "myFont1";
    position: relative;
}
.detail_l h5 span:first-child{
    margin-right: 12px;
    padding-right: 13px;
}
.detail_l h5 span:first-child::after{
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background:#dedbdb;
    position: absolute;
    top: 4px;
    right: 0;
}
.detail_box .detail_l iframe{
    width: 100%;
    height: 500px;
}
.detail_box .detail_l .detail-text{
    line-height: 32px;
    font-size: 16px;
    text-align: justify;
    color: #3e3e3e;
}
.detail_box .detail_l img{
    width: 100%;
    margin:10px 0;
}
.detail_box .detail_r{
    width: 25%;
    max-height: 1449px;
}
.detail_box .detail_r .detail_r_logo{
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}
.detail_box .detail_r .detail_r_list{
    background: #fff;
    padding: 30px;
    text-align: center;
    margin-top: 20px;
    min-height: 600px;
}
.detail_box .detail_r .detail_r_list h5{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    text-align: left;
}
.detail_box .detail_r .detail_r_list ul li{
    border-bottom: 1px solid #f5f5f5;
    line-height: 50px;
    text-align: left;
    height: 50px;
}
.detail_box .detail_r .detail_r_list ul li a{
    display: block;
    font-size: 16px;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.detail_box .detail_r .detail_r_list ul li a:hover,
.detail-page .page-text a:hover{
    color: #2c68ff;
}
.detail_box .detail_r .detail_r_logo img{
    width: 100%;
    /* height: 45px; */
    display: inline-block;
    vertical-align: middle;
}
.xz_more{
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #f5f5f5;
}
.xz_more a{
    display: block;
    text-transform: uppercase;
}
.detail_box .detail_r .detail_r_logo p{
    font-size: 20px;
    color: #333;
    /* font-weight: bold; */
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 15px;
    display: none;
}
.detail_box .detail_r .detail_r_logo>div{
    text-align: center;
    /* background: #f9f9f9; */
    line-height: 40px;
    color: #333;
    font-size: 16px;
    border-top: 1px solid #e6e6e6;
    margin-top: 25px;
    padding-top: 20px;
}
.pro-case-box{
    /* background:#f9fafc; */
    padding-bottom: 70px;	
    padding-top: 70px;
}
/* 分页 */
.detail-page{
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid #f5f5f5;
}
.detail-page .page-text{
    width: 45%;
}
.detail-page .page-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#828282;
}
.detail-page .page-text a{
    color:#828282;
    font-size: 15px;
}
.detail-page .page-text:last-child{
    text-align: right;
}

/* 分页展示 */
.kPage{ width: 100%; text-align: center; overflow: hidden; float: left; }
.kPage a{ line-height: 36px; display: inline-block; padding: 0 14px; border: 1px solid #e5e5e5; color: #333; margin: 0 3px; font-size:14px; }
.kPage strong .current,.kPage a:hover{ 
    background-color: #333;
    border-color: #333;
    color: #fff;
    line-height: 36px;
    display: inline-block;
    padding: 0 14px;
    border: 1px solid #e5e5e5;
    margin: 0 3px;
    font-size: 14px;
}
.kPage a.more{ border-color: #fff; padding: 0 5px; }
.kPage a.iconfont:hover{ background:none; color:#000; border-color:#e5e5e5;}
/* 二级分类 */
.erji_type{
	margin-top: 50px;
}
.erji_type ul{
	text-align: center;
    display: flex;
    justify-content: center;
}
.erji_type ul li{
	background: #414141;
    line-height: 45px;
    font-size: 16px;
    width: 160px;
    margin: 0 15px;
}
.erji_type ul li a{
	color: #fff;
	display: block;
}
/* 产品图片轮播 */
.hy_imgbox{
    position: relative;
}
.hy_imgbox .swiper-container {
    width: 100%;
    height: 100%;
}
.hy_imgbox .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;
}
.hy_imgbox .swiper-slide img{
    width: 100%;
    height: 550px;
    object-fit: cover;
}
.hy_imgbox .swiper-button-next {
    background-image: url(../images/p_right.png);
    right: 180px;
}
.hy_imgbox .swiper-button-prev {
    background-image: url(../images/p_left.png);
    left: 180px;
}
.hy_imgbox .swiper-button-next, .swiper-button-prev{ 
    z-index: 10;
    width: 51px;
    bottom: 0;
    height: 51px;
    box-sizing: border-box;
    border-radius: 50%;
    background-size: 51px auto;
    top: inherit;
}
/* 产品内页新样式 */
.x_detil{
	
}
/* 导航 */

body.ipusher.open #header #headSHBtn {
    margin-left: 400px;
}

body.ipusher.open #header #headSHBtn:hover {
    background-color: #262626;
}

/* body.ipusher.open #header #headSHBtn i::before {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
} */

body.ipusher #header #headSHBtn i {
    font-size: 17px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

body.ipusher #header #headSHBtn:hover i {
    color: #fff;
    /* transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); */
}

body.ipusher.open #header #headSHBtn:hover i {
    color: #fff;
    /* transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); */
}
body.ipusher.open #header #headSHBtn i{
	background-color: #fff;
}
.banner2 img{
	width: 100%;
	height: auto;
}
#headSHBtn {
    display: block;
    left: -70px;
    top: 10px;
    color: #dedede;
    background: transparent;
	overflow: hidden;
    width: 50px;
    height: 50px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#headSHBtn i{
	display: block;
	width: 25px;
	height: 2px;
	background-color: #da7e38;
	margin: 24px auto 0;
}
#headSHBtn:hover i{
	background-color: #fff;
}
#headSHBtn:hover {
    background-color: #da7e38;
}

body.ipusher #header ul li.navitem ul.subnav {
    margin: -648px 0px 0px;
    height: 2000px;
    background-color: #fff;
    overflow: hidden;
    padding-top: 645px;
    right: 100%;
    left: auto;
    z-index: -99;
    box-shadow: -4px 2px 6px rgba(0, 0, 0, 0.03);
}

body.ipusher #header .content {
    padding-top: 100px;
    background-color: #fff;
    padding-bottom: 1000px;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
}

#logoClone img {
    margin: 20px 30px;
}

body.ipusher #header {
    width: 400px;
    left: auto;
    background-color: #fff;
    right: -400px;
    position: fixed;
    z-index: 999999;
}

body.ipusher.open #header {
    transform: translate3d(-400px, 0, 0);
    -webkit-transform: translate3d(-400px, 0, 0);
    -moz-transform: translate3d(-400px, 0, 0);
    -o-transform: translate3d(-400px, 0, 0);
}

body.ipusher #header #logo {
    margin: 30px 0;
    display: none;
}

body.ipusher #header #logo img {
    margin-left: 60px;
    height: 34px;
}

body.ipusher #header ul li.navitem {
    text-align: left;
    border-top: 1px solid #f5f5f5;
    padding: 0 50px 0;
    line-height: 60px;
}

#header ul li.navitem {
    height: 60px;
}

body.ipusher #header ul li.navitem:hover {
    background: #f8f8f8;
    cursor: pointer;
}

body.ipusher #header ul li.navitem:hover a {
    color: #000;
}

#header ul li.navitem a {
    color: #666;
    font-size: 16px;
    display: block;
}

#header ul li.navitem a.active,
#header ul li.navitem:hover a {
    color: #666;
}

#header ul li.navitem ul.subnav li a {
    background: #fff;
    color: #666;
    height: 32px;
    line-height: 32px;
}

body.ipusher #header ul li.navitem ul.subnav li a {
    color: #777;
}

body.ipusher #header ul li.navitem ul.subnav li a:hover {
    background: #fff;
    color: #333;
    text-indent: 10px;
}

#header ul li.navitem ul.subnav li a i {
    margin-top: 11px;
}

#header ul li.navitem ul.subnav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#header ul li.navitem ul.subnav li:last-child {
    border-bottom: none;
}
/* 分类 */
.column-pros-box .l_pro_list {
	width: 260px;
    background: #fff;
    border: 1px solid #f1f1f1;
    height: 1040px;
}
.column-pros-box .l_pro_list div{
	font-size: 20px;
    line-height: 80px;
    height: 80px;
    background: #e8781d;
    padding: 0 20px;
}
.column-pros-box .l_pro_list div a{
	color: #fff;
}
.column-pros-box .l_pro_list div i{
	font-size: 20px;
}
.column-pros-box .l_pro_list div h5{

}
.column-pros-box .l_pro_list ul li{
	line-height: 56px;
    padding: 0 20px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.column-pros-box .l_pro_list ul li a{
	color: #333;
    font-size: 16px;
    display: block;
}
.column-pros-box .pro {
	width: 910px;
}
.column-pros-box .l_pro_list ul li a:hover,.column-pros-box .l_pro_list ul li a.cur{
	color: #e8781d;
}
/* 内页标题 */
.ny_titl{
	text-align: center;
	margin-bottom: 70px;
	margin-top: 70px;
}
.ny_titl h3{
	font-size: 45px;
    color: #000;
}
.ny_titl p{
	font-size: 20px;
    text-transform: uppercase;
}

/* 数据动态 */
.ab_num{
	margin: 100px 0;
}
.ab_num ul{
	justify-content: center;
}
.fh_box{
	display: flex;
	justify-content: flex-start;
}
.fh_box i{
	font-size: 35px;
    color: #E51313;
    font-weight: bold;
    margin-left: 13px;
    margin-top: -20px;
}
.ab_num ul li{
	padding: 0 50px;
	text-align: center;
}
.ab_num ul li h2{
	font-size: 72px;
	color: #E51313;
	line-height: 75px;
}
.ab_num ul li p{
	font-size: 16px;
    color: #666;
}
/* 新公司简介 */
.ab_box{

}
.ab_box .ab_l{
	width: 47%;
}
.ab_box .ab_l img{
	width: 100%;
}
.ab_box .ab_r{
	width: 47%;
}
.ab_box .ab_r h3{
	font-size: 30px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
}
.ab_box .ab_r p{
	font-size: 16px;
    text-align: justify;
    line-height: 35px;
}
/* 资质证书开始 */
.zz_box{
	padding-bottom: 35px;
}
.zz_box ul{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 30px 30px;
}
.zz_box ul li{
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px;
}
.zz_box ul li img{
	width: 100%;
}
.zz_box ul li p{
	line-height: 40px;
	font-size: 16px;
	color: #333;
}
/* 留言 */
.cont {
    padding: 30px 0;
    color: #666666;
}
.ly-box{
	padding: 50px;
	background-color: #f8f8f8;
}
.ly-box li{
	position: relative;
	width: 45%;
	float: left;
	margin-left: 2%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.ly-box li:nth-child(2n){
	float: right;
	margin-left: 0;
}
.ly-box li label{
	position: absolute;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #333;
	left: -40px;
}
.ly-box li input{
	width: 100%;
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}
.ly-box li:last-child{
	width: 98%;
}
.ly-box li textarea{
	width: 100%;
	height: 180px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #666;
	resize: none;
}
.ly-box form>input{
	display: inline-block;
	width: 184px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background-color: #272d33;
	margin-left: 22px;
	margin-top: 10px;
}
.ly-box .site{
	border: none;
}
.ly-box .site input{
	width: 234px;
	border: 1px solid #ddd;
}
.ly-box .site span{
	margin: 0 10px;
}
/* 新闻内页修改 */
.K_nr_box_l {
    width: 25%;
}
.side-box {
    margin-top: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0px #d4d4d4;
}
.side-box .header {
    padding: 0 20px;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.side-box .header .title {
    font-size: 18px;
    line-height: 54px;
    color: #333;
}
.side-box .header .goto-box {
    margin-top: 20px;
}
.goto-box {
    font-size: 0;
}
.fr {
    float: right;
}
.side-box .header .goto-box .text {
    font-size: 14px;
}
.reading {
    padding: 20px 20px 15px;
    box-sizing: border-box;
}
.reading .graphic-info {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.reading .graphic-info a{
	display: block;
    border: 1px solid #ddd;
}
.reading .graphic-info img{
	width: 100%;
	height: 100%;
}
.reading .graphic-info .description {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 12px;
    width: 100%;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true",startColorstr="#7F000000",endColorstr="#7F000000");
}
:root .graphic-info .description {
    -webkit-filter: none;
    filter: none;
    background-color: rgba(0,0,0,.5);
}
.reading .reading-list .items {
    padding: 6px 0;
}
.reading .reading-list .serial-number.highlight {
    font-weight: 700;
}
.reading .reading-list .serial-number {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #999;
}
.reading .reading-list .items a {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    overflow: hidden;
    *zoom: 1;
}
.reading .reading-list .serial-number.highlight {
    font-weight: 700;
    color: #ff7824;
}
.from_zx.relative_question {
    margin-top: 30px;
    margin-bottom: 30px;
}
.from_zx {
    box-shadow: 1px 1px 8px 0px #d4d4d4;
}
.from_zx .tit {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #333333;
    /* margin: 0 19px; */
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}
.relative_question .question-content {
    padding: 0 18px;
}
.relative_question .question-content .question-item {
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
}
.relative_question .question-content .question-title {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
}
.side-app {
    margin-top: 10px;
    width: 100%;
    height: 323px;
    overflow: hidden;
    box-shadow: 1px 1px 8px 0px #d4d4d4;
}
.side-app .title {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.side-app .qr-code {
    margin: 10px auto 0;
    width: 138px;
    height: 138px;
    border: 5px solid #fff;
}
.side-app .description {
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
}

/* 悬浮 */
/* 窗口悬浮 */
.s_spserv__wrap {
    position: fixed;
    right: 16px;
    bottom: 82px;
    padding: 9px;
    z-index: 9
}

.s_spserv__wrap-morebottom {
    bottom: 115px
}

.s_spserv__wrap-backtop {
    bottom: 117px
}

.s_spserv__item {
    width: 48px;
    height: 48px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
    color: #333
}

.s_spserv__item:last-of-type {
    margin-bottom: 0
}

.s_spserv__pic {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    color: #666;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    text-align: center;
    line-height: 48px;
    transition: .4s;
}
.s_spserv__pic .iconfont{
    font-size: 26px;
}
.s_spserv__pic:hover{
    background:#eb781c;
    color:#fff;
}

.s_spserv__line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.s_spserv__hoverarea{
    -webkit-animation: spservhover .3s ease-out 0s forwards;
    animation: spservhover .3s ease-out 0s forwards;
    display: none;
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translate(-100%, -50%);
    padding: 15px 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    max-width: 252px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    color: #333;
    line-height: 22px
}
.not-ie-hoverarea:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 0;
    transform: translate(-100%, -50%) rotate(45deg);
    right: -12px;
    filter: drop-shadow(2px -2px 1px rgba(0, 0, 0, .05));
    background: #fff
}

.s_spserv__hoverarea-block {
    display: block
}
.s_spserv__wxpic {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 9px auto
}

.s_spserv__hoverarea-wx {
    text-align: center;
    padding: 15px 15px
}


.back_top_wrapper{
    position: fixed;
    right: 22px;
    bottom: 65px;
    z-index: 200;
    transition: bottom .3s ease;
    width: 48px;
    height: 48px;
    background:#333;
    text-align: center;
    line-height: 48px;
    border-radius: 50px;
    transition: .4s;
}
.back_top_wrapper .iconfont{
    font-size: 25px;
    color:#fff;
}
.back_top_wrapper:hover{
    cursor: pointer;
    position: fixed;
    right: 24px;
    bottom: 52px;
}