/* 头部 */
.header{
	position: fixed;
	top:40px;
	right:0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 100;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease; 
}
.header.on{
	width: 100%;
	top:0px;
	background: #fff;
}
.header-box{
	/* width: 1852px; */
    width: 100%;
	height: 90px;
	margin: 0 auto;
	padding: 0 40px;
	background: #fff;
    opacity: 0.902;
	border-radius: 20px;
}
.header-box .header-left{
	float: left;
	padding:20px 0;
}
.header .header-left a{
	float: left;
	margin-right: 20px;
}
.header .header-center{
	float: left;
}
.header .header-center ul{
	float: left;
}
.header .header-center ul>li{
	float: left;
	position: relative;
	margin-left: 62px;
}


@media screen and (max-width: 1366px) {
    .header .header-center ul>li{
	float: left;
	position: relative;
	margin-left: 30px;
}

}
.header .header-center ul>li>a{
	font-size: 16px;
	height: 90px;
	line-height: 90px;
	display: block;
    color: #333;
	font-weight: 600;
	border-bottom: 4px solid #fff;
}
.header .header-center ul>li.active>a,.header .header-center ul>li>a:hover{
	border-bottom: 3px solid #c6171e;
    color: #c6171e;
}
.header .header-center ul li .submenu{
	position: absolute;
	left: 50%;
	top: 100px;
	min-width: 200px;
	padding: 15px;
	z-index: 2; 
	line-height: 30px;
	opacity: 0; 
	/* display: none; */
	background-color: #fff;
	text-align: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transform: translateX(-50%); 
	-webkit-transform: translateX(-50%);
}


.xiala{
    display: none;
    position: absolute;
    z-index: 50;
    top: 100%;
    left: -50%;
    overflow: hidden;
    min-width: 130px;
    padding: 20px 0;
    text-align: center;
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.xiala a{
    font-size: 15px;
    line-height: 24px;
    padding: 4px 20px;
    display: block;
}
.header .header-center ul>li:hover .submenu{
	opacity: 1;
	top: 80px;
}
.header .header-center ul li .submenu li{
	width: 100%;
}
.header .header-center ul li .submenu li a{
	font-size: 14px;
}
.header .header-center ul li .submenu li:hover a{
	color: #f8c400;
}
.header .header-right{
	float: right;
}
.header .header-right .link{
	margin-top: 32px;
	text-align: right;
	overflow: hidden;
}
.header .header-right .link a{
	margin-left: 25px;
}
.header .header-right .tel{
	color: #c6171e;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}
.header .header-right .tel img{
	margin-right: 5px;
	position: relative;
	top:3px;
}
.header .header-right .tel i{
	display: inline-block;
	margin: 0 15px;
	position: relative;
	top:5px;
	height: 20px;
	width:1px;
	background: #666;
}


/*头部搜索*/
.search{float:left;padding-top: 25px;padding-right: 10px;padding-left: 20px;box-sizing: border-box;height: 106px;}
.search a{line-height: 22px;margin-right: 24px;position: relative;color: #4a8af7;font-family: arial; font-size:20px;}
.search a:hover{color: #1B57AC;}
.search a:after{right: -12px;}
.search a i{margin-left: 5px;color: #B4B4B4;font-size: 14px;}
.search input{border: none;}
.search input[type="text"]{width: 0;text-indent: 0em;height: 25px;background: none;border-radius:12.5px;}
.search input[type="submit"]{width: 25px;height: 25px;background: #ccc;background: url(../image/search.png) no-repeat center;cursor: pointer;}
.search form:hover input[type="text"]{border: 2px solid #888; }


.sicon{width:40px;height:40px;}
.search>ul>li{position:relative; float:left; line-height:38px; height:38px; font-size:13px; color:#666; margin-left:30px; cursor:pointer;min-width:50px;}
.search>ul>li .icon{width:23px; height:38px; display:inline-block;}
.search>ul>li.li0 .icon{background:url(../images/head_top01_4.png) no-repeat center;}
.search>ul>li.li1 .icon{background:url(../images/head_top01_1.png) no-repeat center;}
.search>ul>li.li2 .icon{background:url(../images/head_top01_2.png) no-repeat center;}
.search>ul>li.li3 .icon{background:url(../images/head_top01_3.png) no-repeat center;}
.search>ul>li span{line-height:38px; display:inline-block; vertical-align:top; margin-left:7px; color:#fff;}
.search .guanhui_img{display:none; position:absolute; z-index:1; top:100%; width:112px; height:112px; left:50%; margin-left:-66px; padding:12px;}
.search .guanhui_img .img{position:relative;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);	padding:0px;	background:#fff;}
.search .guanhui_img .img:after {content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:50%; top:-8px; margin-left:-8%;}

.li0{width:50px;}
.search>ul .li3{ margin-right:0;}


@media screen and (max-width: 1550px) {
    .li0 { display:none}
}

@media screen and (max-width: 1220px) {
    .search { display:none}
}




/* 手机版导航栏 */

.wrap_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255, 0.7);}
.phone_box{height: 100%;}
.wrap_phone .logo{width: 75px; margin-top: 10px;margin-left: 10px;}
.wrap_phone .logo img{display: block; width: 100%; height: auto;}
.wrap_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-top: 22px;padding-right: 10px;}
#cd-lateral-nav .hotline1{box-sizing: border-box; padding: 20px; background-color: #075ea1; color: #fff;}
#cd-lateral-nav .hotline1 a{font-size: 14px;}
#cd-lateral-nav .hotline1 a:hover{color: #fff;}





/* banner */
.in_banner {
	height: auto;
}

.in_banner .swiper-slide {
	position: relative;
	background-size: cover;
}

.in_banner .swiper-slide .nr {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	height: 100%;
	color: #fff;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	text-shadow: 0px 2px 2px #333;
	/* text-align: center; */
}

.in_banner .swiper-slide .nr .nr_wz h2{ 
    font-size: 48px; 
    color: #fff;
    padding-bottom: 20px;
}
.in_banner .swiper-slide .nr .nr_wz p{ 
    font-size: 20px;
    color: #fff;
    opacity: 0.5;
}

.in_banner .swiper-slide .nr .nr_btn a{
    display: block;
    width: 190px;
    height: 60px;
    background-color: #c6171e;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    margin-top: 60px;
    position: relative;
    text-align: center;
}

.in_banner .swiper-slide .nr .nr_btn a i{
    display: inline-block;
    position: relative; 
    height: 1px;
    width: 40px; 
    background: #9ba9cf; 
    margin-bottom: 5px;
}

.in_banner .swiper-slide .nr .nr_btn a i b{
    width: 17px;
    background: #fff; 
    /* border-right: 5px #333 solid;  */
    height: 1px;
    position: absolute; 
    left: 0; 
    top: 0; 
    background: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}

.in_banner .swiper-slide .nr .nr_btn a span{
    color: #fff;
    font-size: 16px; 
    margin-right: 10px;
}

.in_banner .swiper-slide .nr .nr_btn a:hover i b{
    width: 40px;
    /* border-right: 0 #333 solid; */
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}

.in_banner .swiper-pagination{
    bottom: 40px !important;
}
.in_banner .swiper-pagination span {
	width: 31px;
	height: 3px;
	opacity: 1;
	background: #f6f6f6;
    border-radius: 0;
}

.in_banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #e71919;
	opacity: 1;
}

.in_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: none;
}

.in_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: none;
}


.index1{
    width: 100%;
    /* height: 779px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

.index1 .title{
    position: relative;
    text-align: center;
}

.index1 .title h2{
    font-size: 40px;
    color: #333;
    /* font-weight: 600; */
}

.index1 .title img{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

.index1 .ind1_box{
    width: 75%;
    margin: 0 auto;
}

.index1 .ind1_banner{
    margin-top: 90px;
	/* overflow: visible;
	overflow-x: hidden; */
	height: 510px;
}

.index1 .ind1_banner .ind1_list{
	position: relative;
}

.index1 .ind1_banner .ind1_list .img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    /* padding: 50px 80px; */
    /* background-color: rgb(220, 220, 220); */
}

.index1 .ind1_banner .ind1_list .img img{
    width: 100%;
}

.index1 .ind1_banner .ind1_list .ind1_wz{
	width: 280px;
	height: 124px;
    background-color: #fff;
	/* box-shadow: 0px -2px 35px 0px rgba(140, 140, 140, 0.16); */
	position: absolute;
	bottom: -60px;
	left: 40px;
	z-index: 100;
	padding: 20px 30px;
}

.index1 .ind1_banner .ind1_list .ind1_wz h4{
    font-size: 20px;
    color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}

.index1 .ind1_banner .ind1_list .ind1_wz p{
    font-size: 14px;
    color: #333;
}

.index1 .ind1_banner .ind1_list:hover .img{
	background-color: #fff;
}

.index1 .ind1_banner .ind1_list:hover .ind1_wz{
	background-color: #c6171e;
}

.index1 .ind1_banner .ind1_list:hover .ind1_wz h4{
	color: #fff;
}

.index1 .ind1_banner .ind1_list:hover .ind1_wz p{
	color: #fff;
}


.index2{
	width: 100%;
	height: 699px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.index2 .ind2_r{
	width: 45%;
	padding-top: 105px;
	padding-right: 8%;
}

.index2 .ind2_r .title{
    position: relative;
}

.index2 .ind2_r .title h2{
    font-size: 40px;
    color: #fff;
    /* font-weight: 600; */
}

.index2 .ind2_r .title img{
    position: absolute;
    left: 0;
    bottom: 20px;
}

.index2 .ind2_r p{
	font-size: 18px;
	color: #fff;
	opacity: 0.7;
	margin: 50px 0;
	line-height: 35px;
}

.index2 .ind2_r .ind2_more a i{
    display: inline-block;
    position: relative; 
    height: 1px;
    width: 40px; 
    background: #9ba9cf; 
    margin-bottom: 5px;
}

.index2 .ind2_r .ind2_more a i b{
    width: 17px;
    background: #fff; 
    /* border-right: 5px #333 solid;  */
    height: 1px;
    position: absolute; 
    left: 0; 
    top: 0; 
    background: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}

.index2 .ind2_r .ind2_more a span{
    color: #fff;
    font-size: 16px; 
    margin-right: 10px;
}

.index2 .ind2_r .ind2_more a:hover i b{
    width: 40px;
    /* border-right: 0 #333 solid; */
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}

.index2 .ind2_bott{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgb(27, 27, 27);
	opacity: 0.6;
	padding: 40px 0;
}

.index2 .ind2_bott ul{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index2 .ind2_bott ul li p{
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}

.index2 .ind2_bott ul li .num span{
	font-size: 48px;
	color: #fff;
}

.index2 .ind2_bott ul li .num b{
	font-size: 18px;
	color: #fff;
}


.index3{
	padding: 90px 0;
	position: relative;
}

.index3 .ind3_top .xian{
   position: absolute;
   /* left: -190px; */
   left: 0;
   top: 115px;
}

.index3 .ind3_top .title{
    position: relative;
	margin-left: 90px;
}

.index3 .ind3_top .title h2{
    font-size: 40px;
    color: #333;
}

.index3 .ind3_top .title img{
    position: absolute;
    left: 0;
    bottom: 20px;
}

.index3 .ind3_box{
	margin-top: 80px;
}

.index3 .case_banner {
	width: 100%;
	height: 100%;
}

.index3 .case_banner .swiper-slide {
	font-size: 18px;
	background: #fff;
	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;
	transition: 300ms;
	transform: scale(0.8);
	position: relative;
	overflow: hidden;
}

.index3 .case_banner .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1.3);
	z-index: 100;
}

.index3 .case_banner a{
	position: relative;
}

.index3 .case_banner .ind3_list{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.index3 .case_banner .ind3_list img{
	display: block;
	width: 100%;
	height: 400px;
}

.index3 .case_banner .ind3_wz{
	width: 270px;
	height: 157px;
	background-color: rgb(227, 55, 55);
	opacity: 0.8;
	position: absolute;
	top: 0;
	right: 0;
	padding: 40px 40px;
}

.index3 .case_banner .ind3_wz h2{
	font-size: 24px;
	color: #fff;
	margin-bottom: 15px;
}

.index3 .case_banner .ind3_wz b{
	display: block;
	width: 48px;
	height: 2px;
	background-color: #fff;
}

.index3 .case_banner .ind3_wz .ind3_more{
	width: 150px;
	height: 50px;
	background-color: rgb(255, 255, 255,0.231);
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.index3 .case_banner .swiper-slide-active a .ind3_wz{
	top: 45px;
}


/* 销售网络 */
@-webkit-keyframes yunMove {
	0% {
	  left: 0;
	}
	100% {
	 left: -100%;
	}
  }
  
  @keyframes yunMove {
	0% {
	  left: 0;
	}
	100% {
		left: -100%;
	}
  }
  #c-layout {
	  background: #f7f7f7;
	  overflow: hidden;
	  padding-top: 100px;
  }
  #c-layout .c-b-box{
	  position: relative;
	  z-index:1;
  }
  
  #c-layout .c-earth-box .c-wrap {
	  transition: linear .3s;
  }
  #c-layout .c-earth-box .c-box {
	  position: relative;
	  z-index: 1;
	  transform: scale(1.1,1.1);
	  height: 848px;
  }
  #c-layout .c-earth-box .c-box>img{
	  width:80%;
	  -webkit-transform: translateX(-20%);
	  transform: translateX(-20%);
  }
  #c-layout .c-earth-box .c-yun-box{
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 3;
	  width: 200%;
	  height: 100%;
	  animation: yunMove 100s infinite linear;
  }
  #c-layout .c-earth-box .c-yun-box img {
	  float: left;
	  width: 50%;
	  height: 100%;
	  /* object-fit: cover; */
  }
  #c-layout .c-text-box {
	  position: absolute;
	  top:75px;
	  right:0;
	  z-index:10;
	  width: 50%;
	  padding:60px 55px;
	  background: rgba(55,83,159,0.8);
	  color:#fff;
  }
  #c-layout .c-text-box .txt p{
	  font-size: 18px;
	  color: #fff;
	  line-height: 35px;
  }
  #c-layout .c-text-box .amout{
	  display: flex;
	  justify-content: flex-start;
	  align-items: flex-end;
	  margin: 20px 0;
  }

  #c-layout .c-text-box .amout img{
	  padding-bottom: 17px;
  }
  #c-layout .c-text-box .amout p{
	  font-size: 18px;
	  color: #fff;
	  margin-left: 10px;
  }
  #c-layout .c-text-box .amout p span{
	  font-size: 60px;
	  color: #fff;
  }
  #c-layout .c-text-box .c-btns a{
    display: block;
    width: 190px;
    height: 60px;
    background-color: rgb(255, 255, 255,0.231);
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    margin-top: 60px;
    position: relative;
    text-align: center;
}
#c-layout .c-text-box .c-btns a i{
    display: inline-block;
    position: relative; 
    height: 1px;
    width: 40px; 
    background: #9ba9cf; 
    margin-bottom: 5px;
}
#c-layout .c-text-box .c-btns a i b{
    width: 17px;
    background: #fff; 
    /* border-right: 5px #333 solid;  */
    height: 1px;
    position: absolute; 
    left: 0; 
    top: 0; 
    background: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}
#c-layout .c-text-box .c-btns a span{
    color: #fff;
    font-size: 16px; 
    margin-right: 10px;
}
#c-layout .c-text-box .c-btns a:hover i b{
    width: 40px;
    /* border-right: 0 #333 solid; */
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
}
#c-layout .c-text-box .c_logo{
	position: absolute;
	bottom: 0;
	right: 0;
}
#c-layout .c-top{
	position: relative;
}
#c-layout .c-top .xian{
	position: absolute;
	right: 0;
	top: 15px;
 }
#c-layout .c-top .title{
	 position: relative;
	 text-align: right;
	 margin-right: 265px;
	 z-index: 50;
}
#c-layout .c-top .title h2{
	 font-size: 40px;
	 color: #333;
}
#c-layout .c-top .title img{
	 position: absolute;
	 right: 0;
	 bottom: 20px;
}



.index4{
	padding: 110px 0;
	position: relative;
	height: 860px;
	max-height:750px;
}

.index4 .ind4_top .xian{
	position: absolute;
	/* left: -190px; */
	left: 0;
	top: 115px;
 }
 
 .index4 .ind4_top .title{
	 position: relative;
	 margin-left: 90px;
 }
 
 .index4 .ind4_top .title h2{
	 font-size: 40px;
	 color: #333;
 }
 
 .index4 .ind4_top .title img{
	 position: absolute;
	 left: 0;
	 bottom: 20px;
 }

.index4 .ind4_l{
	width: 40%;
	position: absolute;
	top: 220px;
	left: 360px;
	z-index: 10;
}

.index4 .ind4_l .ind4_img{
   overflow: hidden;
}

.index4 .ind4_l .ind4_img{
	position: relative;
}

.index4 .ind4_l .ind4_img .img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;	
}

.index4 .ind4_l .ind4_img .img img{
	display: block;
	width: 100%;
	height: auto;
}

.index4 .ind4_l:hover .img{
	transform: scale(1.1); 
	-webkit-transform: scale(1.1);
}

.index4 .ind4_l .ind4_img .ind4_bott{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgb(80, 105, 171,0.502);
	width: 100%;
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index4 .ind4_l .ind4_img .ind4_bott p{
	font-size: 22px;
	color: #fff;
}

.index4 .ind4_l .ind4_img .ind4_bott .ind4_more a{
	display: block;
	font-size: 16px;
	color: #fff;
}

.index4 .ind4_l .ind4_txt{
	padding: 10px 40px;
}

.index4 .ind4_l .ind4_txt p{
	font-size: 17px;
	color: #666;
	line-height: 30px;
}

.index4 .ind4_r{
	width: 42%;
	border: 2px solid #bfbfbf;
	border-radius: 5px;
	padding: 70px 90px;
}

.index4 .ind4_r ul li{
	border-bottom: 1px solid #eee;
	padding: 20px 0;
}

.index4 .ind4_r ul li:last-child{
	border-bottom: none;
}

.index4 .ind4_r ul li .ind4_list h4{
	font-size: 22px;
	color: #333;
	margin-bottom: 10px;
}

.index4 .ind4_r ul li .ind4_list h4 span{
	color: #d2d2d2;
}

.index4 .ind4_r ul li .ind4_list p{
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.index4 .ind4_r ul li:hover .ind4_list h4 span{
	color: #c6171e;
}




/* 关于我们 */
.ab1_sec{width: 100%; padding: 80px 0 160px 0;}
.ab1_sec .top_title{margin-bottom: 40px;}
.ab1_sec .top_title h3{font-size: 36px;}
.ab1_sec .top_title p{font-size: 14px; color: #999;text-transform: uppercase;margin: 10px 0;}
.ab1_sec .top_title i{display: block; width: 40px; height: 4px;background-color: rgb(220, 5, 5);}
.ab1_title{margin-bottom: 120px;margin-bottom: 20px;}
.ab1_title h3{font-size: 28px; color: #333;font-weight: bold;}
.ab1_title p{font-size: 18px; color: #aaa;margin-top: 10px;}
.ab1_sec .ab_title h3{font-size: 28px;color: #333;font-weight: bold;}
.ab1_main{display: flex; justify-content: space-between; align-items: center;}
.ab1_left{width: 40%;}
.ab1_left .txt p{font-size: 16px; line-height: 30px; color: #555;margin-bottom: 20px;}
.ab1_right{width: 50%;}
.ab1_right .video_cot{position: relative; z-index: 2;}
.ab1_right .video_cot .img{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ab1_right .video_cot .img::before{content: ""; display: block; position: absolute; right: -10%; top: -8%; width: 100%; height: 120%; z-index: -1; background-color: #ebfbff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ab1_right .video_cot .img img{display: block; width: 100%; height: auto; box-shadow: 6.364px 6.364px 5px 0px rgba(0, 0, 0, 0.1);}
.ab1_right:hover .video_cot .img::before{box-shadow: 0 0 9px rgba(0,0,0,0.1);cursor: pointer;}

.ab4_sec{width: 100%; padding: 80px 0; background: url(../image/ab4-bg.jpg) no-repeat top center; background-size: cover;}
.ab4_main{position: relative; }
.ab4_sec .ab4_title{position: absolute; top: 15%; right: 35%;}
.ab4_sec .ab4_title h3{font-size: 36px;}
.ab4_sec .ab4_title p{font-size: 14px; color: #999;text-transform: uppercase;margin: 10px 0;}
.ab4_sec .ab4_title i{display: block; width: 40px; height: 4px;background-color: rgb(220, 5, 5);}

.ab4_swiper{position: relative; width: 100%;}
.ab4_swiper .lis{display: flex; justify-content: space-between; align-items: center;}
.ab4_swiper .lis .img_box{width: 50%; overflow: hidden; box-shadow: 0 0 9px rgba(0,0,0,0.1);}
.ab4_swiper .lis .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ab4_swiper .lis .img img{display: block; width: 100%; height: auto;}
.ab4_swiper .lis .txt{width: 45%; padding-right: 45px;}
.ab4_swiper .lis .txt h2{margin-bottom: 20px; font-size: 30px; color: #495361;}
.ab4_swiper .lis .txt .nr p{font-size: 14px; line-height: 25px; color: #777;}
.ab4_swiper .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.ab4_swiper .ab4_pagination{width: auto !important; left: auto !important; bottom: 5% !important; right: 40% !important;}
.ab4_swiper .ab4_pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 6px; opacity: 1; background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,0.25);}
.ab4_swiper .ab4_pagination .swiper-pagination-bullet-active{background-color: #dc0505;}

.about_fix {height: 485px;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;}
.about_fix .about_wz{text-align: center;padding-top: 160px;}
.about_fix .about_wz h4{font-size: 72px;color: #fff;}
.about_fix .about_wz p{font-size: 42px;color: #fff;}

.ab3_sec{width: 100%;}
.ab3_sec .ab3_title h3{font-size: 36px;}
.ab3_sec .ab3_title p{font-size: 14px; color: #999;text-transform: uppercase;margin: 10px 0;}
.ab3_sec .ab3_title i{display: block; width: 40px; height: 4px;background-color: rgb(220, 5, 5);}
.home_recent-work{margin-bottom: 200px; padding-top: 80px; padding-bottom: 240px; background: url(../image/ab3-bg.png) #f5f5f5 no-repeat center; background-size: cover;}
ul.timeline{display: inline-block; position: relative; width: auto; height: 0; margin-top: 200px; margin-left: -25%;  white-space: nowrap; transition: margin-left .5s ease-in; -webkit-transition: margin-left .5s ease-in;}
ul.timeline.ondrag{transition: none; -webkit-transition: none; }
ul.timeline:before{content: ""; display: block; position: absolute; top: -1px; left: -50%; width: 200%; height: 0; border-bottom: 2px dotted #a68254;}
ul.timeline>li{display: inline-block; float: none;  position: inherit; width: 300px; height: 54px; margin: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.time-item{width: 100%;height: 100%;}
.time-inner{top: 0; width: 22px; height: 22px; padding: 6px; overflow: hidden; border: 1px solid #a68254; z-index: 1; border-radius: 50%; box-shadow: 0 0 0 transparent; background: #f4f3f3; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.time-inner,.time-inner:before{position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.time-inner:before{content: ""; top: 50%; display: block; width: 6px; height: 6px; border-radius: 50%; background: #a68254;}
.time-inner:not(.expands):hover{width: 106px; height: 106px; z-index: 1; animation: scaleInBorder .3s ease-out; -webkit-animation: scaleInBorder .3s ease-out;}
.time-inner.expands{transition: none; -webkit-transition: none;}
.time-inner:hover:before{width: 90px;height: 90px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.time-inner.ondrag:hover:before{transition: none; -webkit-transition: none;}
.time-inner:not(.expands):hover .time-detail{-webkit-animation: scaleInFlex .3s ease-out; animation: scaleInFlex .3s ease-out; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; transition-delay: .1s;}
.time-inner.ondrag:hover .time-detail{-webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: none; transition: none;}
.time-inner.expand{z-index: 102;}
.time-inner.collapse{border-radius: 50%;z-index: 101; -webkit-animation: collapseWorkClient .3s linear;animation: collapseWorkClient .3s linear;-webkit-transition: none;transition: none;}
.time-detail{position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 0; white-space: normal; border-radius: 50%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: scale(0);transform: scale(0);}
.time-inner.collapse .time-detail,.time-inner.expands .time-detail{-webkit-transform: none;transform: none;-webkit-transition: none;transition: none;border-radius: 0;}
.time-detail .picture_holder{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.time-inner.expands .picture_holder{height: 350px;}
.time-detail .details_content{box-sizing: border-box; height: 310px; padding: 30px 40px; overflow-y: scroll;  text-align: left; background-color: #fff;}
.time-detail .details_content::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #f9f9f9
}

.time-detail .details_content::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.time-detail .details_content::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #dc0505;
}
.time-detail .details_content h4{position: relative; line-height: 56px; margin-bottom: 20px; color: #dc0505; font-size: 28px; font-weight: bold;}
.time-detail .details_content h4::after{content: ""; display: block; width: 28px; height: 3px; background-color: #ccc;}
.time-detail .details_content .nr p{line-height: 26px; color: #666; font-size: 15px; font-weight: 300; margin-bottom: 0;}
.time-detail .details_content .cta-button{font-size: 16px;line-height: 19px;color: #a68254;font-weight: 300}
.time-detail .details_content .cta-button:hover .animated-arrow{color: #9c8050;}
.timeline .time-name{display: block; position: absolute; top: 24px; bottom: -10px; margin: 0; width: 100%;font-size: 24px; z-index: 0; text-transform: uppercase; text-align: center; font-weight: 300; filter: blur(2px);-webkit-filter: blur(2px);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.time-inner.expand~.time-name,.time-inner:hover~.time-name{top: 60px; filter: blur(0); -webkit-filter: blur(0);}
.timeline .time-name{opacity: .5;}
.time-inner.expand~.time-name,.time-inner:hover~.time-name{opacity: 1;}
.recent-work_content:hover .time-inner:not(.expand):not(:hover){width: 36px;height: 36px;padding: 0;}
.recent-work_content:hover .time-inner:not(.expand):not(:hover) .time-detail{-webkit-transform: scale(1);transform: scale(1);}


/* 新闻中心 */

.news .news_nav ul{display: flex;justify-content: center;align-items: center;}
.news .news_nav ul li{float: left;margin-right: 20px;}
.news .news_nav .nli a{
    display: inline-block;
    width: 170px;
    height: 50px;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}
.news .news_nav .nli.on a{color: #fff;background-color: #dc0505;}
.news .news_nav .nli:hover a{color: #fff;background-color: #dc0505;}
.news .news_list ul li{background-color: #f6f6f6;margin-top: 80px;}
.news .news_list .news_li .news_l{width: 50%;}
.news .news_list .news_li .news_l .img_box{overflow: hidden;}
.news .news_list .news_li .news_l .img_box .news_img{background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news .news_list .news_li .news_l .img_box .news_img img{display: block;width: 100%;height: auto;}
.news .news_list .news_li .news_r{width: 50%;padding: 4% 40px;padding-bottom: 0;}
.news .news_list .news_li .news_r h2{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 40px;}
.news .news_list .news_li .news_r b{display: block; width: 40px;height: 4px; background-color: rgb(220, 5, 5);}
.news .news_list .news_li .news_r p{font-size: 17px;color: #666;margin: 40px 0;line-height: 30px;}
.news .news_list .news_li .news_r .news_btns a{display: block;font-size: 16px;color:#dc0505;}
.news .news_list .news_li .news_r .date{font-size: 18px;color: #555;margin-top: 40px;}
/*.news .news_list ul li:hover .news_l .img_box .news_img{transform: scale(1.1); -webkit-transform: scale(1.1);}*/

.news_swiper li{ position: relative; height: 490px;}
.news_swiper li:before{ content: ""; display: block; width:1px; height: 100%;background: #e3e3e3; position: absolute; right: -40px; top: 0;}
.news_swiper li a{ display: block; width: 100%; height: 100%;}
.news_swiper li .imgbox{ width: 100%; position: relative; margin-bottom: 20px;  height: 250px; padding-bottom: 40px; position: relative;  overflow: hidden; /*transition: ease .6s;*/}
.news_swiper li .imgbox:before{ content: ""; z-index: 1; display: block; width: 0; height: 2px; background: #EA6101; position: absolute; left: 0; bottom: 0; transition: ease 1s}
.news_swiper li:hover .imgbox:before{ width: 100%;}
.news_swiper li .imgbg{
    position: absolute;
    left: 0;
    top: 0;
    height: 290px;
    width: 100%;
    transition: ease 2s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }
.news_swiper li:hover .imgbox{padding-bottom: 0;}
.news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.news_swiper li h3{ font-size: 16px;line-height: 24px; height: 48px;}
.news_swiper li h4{ color: #999999; line-height: 24px; height: 72px; margin: 20px 0; font-weight: normal; font-size: 14px;}

.news_swiper li .time{ padding-left: 25px;  color: #999; background: url(../images/time.png) no-repeat left center; font-size: .16rem;}
.news_swiper li:hover h3{ color: #EA6101;}

/* 新闻详情页 */
/* 头部导航 */
.header1{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 100;
	background-color: #fff;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease; 
	box-shadow: 0px 0px 14.72px 1.28px rgba(0, 0, 0, 0.1);
}
.header1.on{
	width: 100%;
	top:0px;
	background: #fff;
}
.header1 .header-left{
	float: left;
	padding:20px 0;
}
.header1 .header-left a{
	float: left;
	margin-right: 20px;
}
.header1 .header-center{
	float: left;
}
.header1 .header-center ul{
	float: left;
}
.header1 .header-center ul>li{
	float: left;
	position: relative;
	margin-left: 62px;
}
.header1 .header-center ul>li>a{
	font-size: 16px;
	height: 90px;
	line-height: 90px;
	display: block;
    color: #333;
	font-weight: 600;
	border-bottom: 4px solid #fff;
}
.header1 .header-center ul>li.active>a,.header .header-center ul>li>a:hover{
	border-bottom: 3px solid #c6171e;
    color: #c6171e;
}
.header1 .header-center ul li .submenu{
	position: absolute;
	left: 50%;
	top: 100px;
	min-width: 200px;
	padding: 15px;
	z-index: 2; 
	line-height: 30px;
	opacity: 0; 
	/* display: none; */
	background-color: #fff;
	text-align: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transform: translateX(-50%); 
	-webkit-transform: translateX(-50%);
}
.header1 .header-center ul>li:hover .submenu{
	opacity: 1;
	top: 80px;
}
.header1 .header-center ul li .submenu li{
	width: 100%;
}
.header1 .header-center ul li .submenu li a{
	font-size: 14px;
}
.header1 .header-center ul li .submenu li:hover a{
	color: #f8c400;
}
.header1 .header-right{
	float: right;
}
.header1 .header-right .link{
	margin-top: 32px;
	text-align: right;
	overflow: hidden;
}
.header1 .header-right .link a{
	margin-left: 25px;
}
.header1 .header-right .tel{
	color: #062889;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}
.header1 .header-right .tel img{
	margin-right: 5px;
	position: relative;
	top:3px;
}
.header1 .header-right .tel i{
	display: inline-block;
	margin: 0 15px;
	position: relative;
	top:5px;
	height: 20px;
	width:1px;
	background: #666;
}

/* 详情内容 */
.news_detail{
	margin-top: 100px;
	padding-bottom: 40px;
}
.news_detail .detail_box{
	width: 80%;
	margin: 0 auto;
}
.news_detail .detail_box .detail_top{
	text-align: center;
}
.news_detail .detail_box .detail_top h2{
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.news_detail .detail_box .detail_top b{
	display: inline-block;
	width: 19px;
	height: 2px;
	background-color: rgb(220, 5, 5);
}
.news_detail .detail_box .detail_top p{
	font-size: 14px;
	color: #555;
}
.news_detail .detail_box .txt p{
	font-size: 16px;
	color: #555;
	margin: 20px 0;
}
.news_detail .detail_box .txt img{
	width: 100%;
}


/* 案例及视频 */
.case .case_nav ul{display: flex;justify-content: center;align-items: center;}
.case .case_nav ul li{float: left;margin-right: 20px;}
.case .case_nav .nli a{
    display: inline-block;
    width: 170px;
    height: 50px;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}
.case .case_nav .nli.on a{color: #fff;background-color: #dc0505;}
.case .case_nav .nli:hover a{color: #fff;background-color: #dc0505;}
.case .case_list ul li{background-color: #f6f6f6;margin-top: 80px;}
.case .case_list .case_li .case_l{width: 50%;}
.case .case_list .case_li .case_l .img_box{overflow: hidden;}
.case .case_list .case_li .case_l .img_box .case_img{background-repeat: no-repeat;background-position: center;background-size: cover;}
.case .case_list .case_li .case_l .img_box .case_img img{display: block;width: 100%;height: auto;}
.case .case_list .case_li .case_r{width: 50%;padding: 4% 40px;padding-bottom: 0;}
.case .case_list .case_li .case_r h2{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 40px;}
.case .case_list .case_li .case_r b{display: block; width: 40px;height: 4px; background-color: rgb(220, 5, 5);}
.case .case_list .case_li .case_r p{font-size: 17px;color: #666;margin: 40px 0;line-height: 30px;}
.case .case_list .case_li .case_r .case_btns a{display: block;font-size: 16px;color:#dc0505;}
.case .case_list .case_li .case_r .date{font-size: 18px;color: #555;margin-top: 40px;}


/*新闻中心*/
.news_swiper{
    margin-top:50px!important;
}
.news_swiper li{ position: relative; height: 490px;width:21%;margin-right:5%}
@media screen and (max-width: 600px) {
    .news_swiper li{ position: relative; height: 490px;width:100%;}
}
.news_swiper li:before{ content: ""; display: block; width:1px; height: 100%;background: #e3e3e3; position: absolute; right: -40px; top: 0;}

.news_swiper li:last-child :before{
    display:none;
}
.news_swiper li a{ display: block; width: 100%; height: 100%;}
.news_swiper li .imgbox{ width: 100%; position: relative; margin-bottom: 20px;  height: 250px; padding-bottom: 40px; position: relative;  overflow: hidden; /*transition: ease .6s;*/}
.news_swiper li .imgbox:before{ content: ""; z-index: 1; display: block; width: 0; height: 2px; background: #c6171e; position: absolute; left: 0; bottom: 0; transition: ease 2s}
.news_swiper li:hover .imgbox:before{ width: 100%;}
.news_swiper li .imgbg{ position: absolute; left: 0; top: 0; height: 265px; width: 100%;    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.news_swiper li:hover .imgbox{ padding-bottom: 0;}
/*.news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}*/
.news_swiper li h3{ font-size: 16px;line-height: 24px; height: 48px;}
.news_swiper li h4{ color: #999999; line-height: 24px; height: 72px; margin: 20px 0; font-weight: normal;}

.news_swiper li .time{ padding-left: 25px;  color: #999; background: url(../image/time.png) no-repeat left center; font-size: 16px;text-align:left}
.news_swiper li:hover h3{ color: #c6171e;}
.indexPart3 .swiper-pagination{ margin-top: 50px; text-align: center; width: 100%; position: relative;}
.indexPart3 .swiper-pagination span{    margin: 0 5px;}
.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.part3-left{ width: 50%; float: left;}
.part3-left h3{
	color: #0075cf;
    font-size: 0.3rem;
    line-height: 0.48rem;
    font-weight: 600;
    letter-spacing: 10px;
    position: relative;
}
.part3-left h3:after {
    position: absolute;
    width: 72px;
    height: 3px;
    background: #c6171e;
    content: "";
    left: 280px;
    top: 25px;}
.part3-left h4 {
    color: #ccc;
    font-family: Arial Black,Arial;
    font-size: .8rem;
}
.part3-left h4 span{
	color: #c6171e;
}
.part3-left p {
    color: #666;
    width: 500px;
    padding-top: 20px;
    font-size: 0.13rem;
    line-height: 0.36rem;
}
.part3-right{ width: 50%; float: right;}
.part3-right img{ width: 100%;}
.bg1{ background: url(../images/part1.jpg);}
.part3-left .btnDiv{ margin-top: .5rem;}
.part3-left .btnDiv a{ font-weight: bold; position: relative; font-size: 12px; color: #fff; text-indent: 0.24rem; display: block; width: 1.62rem; height: 0.44rem; line-height: 0.44rem; background: #0075cf; }
.part3-left .btnDiv a:after{ content: ''; position: absolute; right: 0.25rem; top: 0.14rem; width: 0.4rem; height: 0.09rem; background: url(../images/nimg40_1.png) no-repeat; background-size: 0.4rem;}
.indexTitle .title1:hover{ color: #c6171e;}
.oushili b:hover{ color: #c6171e;}
.part3-left h4:hover{ color: #c6171e;}
@keyframes mymaps
{
0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
50% {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity:0.5;
  }
  100%{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  opacity:0;
  }
}

@-moz-keyframes mymaps /* Firefox */
{
0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
50% {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity:0.5;
  }
  100%{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  opacity:0;
  }
}

@-webkit-keyframes mymaps /* Safari and Chrome */
{
0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
50% {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity:0.5;
  }
  100%{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  opacity:0;
  }
}

@-o-keyframes mymaps /* Opera */
{
0% {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  }
50% {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity:0.5;
  }
  100%{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  opacity:0;
  }
}

/*底部绿条*/

.ipart04{background:url(../image/ipart04_bg.jpg) no-repeat center; padding:27px 0; position:relative; overflow:hidden;}
.ipart04 .common-btn {color:#fff;font-weight: bold;}
.ipart04 .wrap{position:relative; z-index:1;}
.ipart04 .common-btn{display:block; margin:0 auto; width:240px; height:40px;line-height:40px;}
.ipart04 .common-btn span{font-size:24px; margin-right:15px; margin-left:0;height:40px;line-height:40px;display: inline-block;}
.ipart04 img{opacity:0; visibility:hidden; transition:.5s ease; position:absolute; width:1920px; left:50%; top:0; margin-left:-960px; max-width:none; }
.ipart04:hover img{opacity:1; visibility:visible;}
.fa-circle-thin{
    position: relative;
    top: 5px;
}


/*底部*/
.pageFooter{background:#282828;}
.f_top{padding:56px 0 56px; position:relative; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.2); }
.f_top:after{content:''; width:1147px; height:174px; background:url(../image/f_top.png) no-repeat center; position:absolute; right:0; bottom:0;} 
.f_top .left{width:35%;float:left}
.f_top .left .f_logo{margin-bottom:34px;}
.f_top .left .f_search{font-size:16px; width:375px; height:69px; background:#465761; background:rgba(67,70,72,.64); position:relative; margin-bottom:10px;}
.f_top .left .f_search .inp{width:75%; height:69px; line-height:69px; padding:0; border:none; text-indent:20px; border:none; background:none; color:#adadad; color:rgba(173,173,173,.48);}
.f_top .left .f_search .btns{width:52px; height:52px; background:url(../image/f_sear.png) no-repeat center; position:absolute; right:8px; top:8px; padding:0; margin:0; outline:none; border:none; cursor:pointer;}
.f_top .left .f_share a{display:block; float:left; padding:0; margin:0 5px; color:#fff; height:auto; line-height:inherit; background:none}
.f_top .left .f_share a i{font-size:25px;}
.f_top .left .f_share a:hover{color:#0c6d56;}
.f_top .left .f_share a.ewm{position:relative; z-index:2}
.f_top .left .f_share a.ewm .ewm_box{width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; top:105%; display:none;}
.f_top .left .f_share a.kuaishou{position:relative; z-index:2}
.f_top .left .f_share a.kuaishou .ewm_box{width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; top:105%; display:none;}
.f_top .left .f_share a.douyin{position:relative; z-index:2}
.f_top .left .f_share a.douyin .ewm_box{width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; top:105%; display:none;}
.f_top .right{width:62%; float:right; position:relative; z-index:2}
.f_top .right dl{width:25%; float:left;margin-top: 0px;}
.f_top .right dt a{color:#fff}
.f_top .right dd a{color:#afb5b8}
.f_top .right dl dt{font-size:18px; line-height:36px; color:#fff; color:rgba(255,255,255,.85); font-weight:bold; margin-bottom:10px;}
.f_top .right dl dd{font-size:14px; line-height:32px; color:#fff; color:rgba(255,255,255,.5); }
.f_top .right dl dd.all{font-size:15px; color:#0c6d56; font-weight:bold; margin-top:18px;}
.f_bott{padding:13px 0; font-size:14px; line-height:15px; color:#fff; color:rgba(255,255,255,.6);}
.f_bott .left{float:left;height: 32px;line-height: 32px;}
.f_bott .center{float:left; margin-left:30px;height: 32px;line-height: 32px;}
.f_bott .center em{margin:0 10px;}
.f_bott .right{float:right;height: 32px;line-height: 32px;}
.f_bott .right em{margin:0 7px 0 9px;}
.f_bott a{color:#afb5b8}
.f_bott a:hover{color:#c6171e}
.f_top .right dt a:hover{color:#c6171e}
.f_top .right dd a:hover{color:#c6171e}
.f_top .right dt a:hover{color:#c6171e}
.f_bott .right .link{width:130px; display:inline-block; margin-right:10px; text-align:center; position:relative;}
.f_bott .right .link>a{display:block; height:32px; line-height:32px; /*border:1px solid rgba(255,255,255,.6);*/ color:#bebebe; }
.f_bott .right .link ul{position:absolute; left:0; bottom:100%; width:100%; background:#eff0f1; display:none; z-index:4;}
.f_bott .right .link ul li a{display:block; border-top:1px solid #d6d6d6; font-size:14px; color:#2d2d2d; line-height:40px}
/*.f_bott .right .link ul li a:hover{background:#fbba40; color:#fff;}*/
.f_bott .right .link>a:hover{color:#c6171e}
.l {
    float: left;
}
.wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width:1366px;
}


.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.channel_content{padding:80px 0; min-height:500px;}


.f_top .left .f_share  .bds_weixin .ewm_box {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
    top: 105%;

}
.f_top .left .f_share .kuaishou .ewm_box {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
    top: 105%;

}



.f_top .left .f_share .huoshan .ewm_box {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
    top: 105%;

}

.f_top .left .f_share .douyin .ewm_box {
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -50px;
    top: 105%;

}
.f_top .left .f_share .bdsharebuttonbox{margin-top:20px;}
.f_top .left .f_share .bdsharebuttonbox a {display:inline-block; width:47px; height:47px; background:url(../image/f_share.png) no-repeat; padding:0; float:none; margin:0 10px 0 0; vertical-align:text-bottom; transition:0s;}
.f_top .left .f_share .bdsharebuttonbox a:hover{opacity:1;}
.f_top .left .f_share .bdsharebuttonbox .bds_sqq{background-position:0 0;}
.f_top .left .f_share .bdsharebuttonbox .bds_weixin{background-position:-47px 0;}
.f_top .left .f_share .bdsharebuttonbox .douyin{background-position:-94px 0;}
.f_top .left .f_share .bdsharebuttonbox .kuaishou{background-position:-141px 0;}
.f_top .left .f_share .bdsharebuttonbox .huoshan{background-position:-235px 0;}
.f_top .left .f_share a.ewm{background-position:-188px 0;}
.f_top .left .f_share .bdsharebuttonbox .bds_sqq:hover{background-position:0 -47px;}
.f_top .left .f_share .bdsharebuttonbox .bds_weixin:hover{background-position:-47px -47px;}
.f_top .left .f_share .bdsharebuttonbox .douyin:hover{background-position:-94px -47px;}
.f_top .left .f_share .bdsharebuttonbox .kuaishou:hover{background-position:-141px -47px;}
.f_top .left .f_share .bdsharebuttonbox .huoshan:hover{background-position:-235px -47px;}
.f_top .left .f_share a.ewm:hover{background-position:-188px -47px;}
.pro_list01 .right .li_ .intro .tit{overflow:hidden; margin:0 10px; white-space:nowrap; text-overflow:ellipsis;}



/*侧栏导航*/
.online{ position:fixed; z-index:99; top:50%; right:10px; margin-top:-150px; display:block;}
.online li{ position:relative; width:48px; height:48px; margin-bottom:1px;}
.online li span{ position:absolute; width:11px; height:6px; background:url(../image/index28.png) no-repeat; left:18px; top:-6px;}
.online li img{
    background-color:#3a38387a;
}
.online1{ position:absolute; top:0; right:48px; width:200px; height:48px; line-height:48px; font-size:16px; color:#FFF; background:#c6171e; display:none; text-align:center;}
.online2{ position:absolute; top:0; right:48px; width:200px; height:48px; line-height:48px; font-size:16px; color:#FFF; background:#c6171e; display:none; text-align:center;}


@media screen and (max-width:1000px) {
    .dl01,.dl02,.dl03{
        display: none;
    }
    .f_top .right dl{
        width:100%;
    }
    .f_top .right{
        width:100%;
        padding:0 30px;
        box-sizing: border-box;
    }
    .f_top{
        padding-bottom:0;
    }
    .f_top .left{
        position:relative;
    }
    .f_share{
        position:absolute;
        bottom:-15px;
        right:5px;
    }
    .f_top .left .f_share .bdsharebuttonbox a{
        background:none;
    }
    .ewm_box{
        display: block!important;
    }
}


@media screen and (max-width:600px) {
    .wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.ipart04 .common-btn span{
    text-align:center;
}
.ipart04 .common-btn{
    text-align:center;
}
.f_top .left{
    width:100%;
    float:none;
}
/*.f_top .right{*/
/*    display:none;*/
/*}*/


.f_share{
    padding:0 36px;
}
.fix:after{
    display:none;
}
.f_top:after{display:none;}

.f_bott .left{
    float:none;
    line-height:2;
    padding: 0 20px;
}
.f_bott .center{
    display:none;    
}
.f_bott .right{
    display:none;    
}
.f_top .left .f_logo{
    text-align:center;
}
.f_logo img{
    margin:0 auto;
}
.content_1 .box{
    width:375px;
}
.box img{
    width:375px;
}

.f_bott{height: 125px;}

}

@media (max-width: 600px){
.bg_inner {
    background-size: cover !important;
}

}