@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #ac0001;
}

body{
	font-size:16px;
	color:#666;
	line-height:32px;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}


/*banner*/
#banner {
	width: 100%;
}
#banner .swiper-pagination-bullet {
	height: 10px;
	width: 62px;
	background: #fff;
	opacity: 1;
	border-radius: unset !important;
}
#banner .swiper-pagination-bullet-active {
	background: #0054a4;
}
#banner .swiper-slide img {
    width: 100%;
    display: block;
    min-height: 200px;
	
	
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}
@media only screen and (max-width:1199px ) {
	#banner {
		margin-top: 0;
	}	
}

.home-tit{text-align: center; margin: 0;}
.home-tit .en{display: block;}
.home-tit .cn{color: #333; font-size: 42px; position: relative;z-index: 2; top: -15px; font-weight:bold}
.home-tit p{font-size: 16px; color: #666; margin: 0;font-weight: normal;}
/*产品中心*/
.homeproduct{overflow: hidden;}
.homeproduct .home-tit{padding: 3% 0 2%;}
.homeproduct .list{/* padding-top: 2%; */ position: relative;}
.homeproduct .list ul{position: relative;/*background: #126ab5;*/}
.homeproduct .list li{ float: left; width: 19.9%;   position: relative; z-index: 2; /* height: 100vh; */ overflow: hidden;}
.homeproduct .list li+li{border-left: 1px solid #ececec;}
.homeproduct .list li .outer{position: relative;z-index: 3;}
.homeproduct .list li .inner{position: relative; text-align: center; color: #000;padding: 5vh 5%;}
.homeproduct .list li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.homeproduct .list li .icon{display: none;}
.homeproduct .list li h3{font-size: 24px;}
.homeproduct .list li h3 a{color: #126ab5;}
.homeproduct .list li:hover .inner,
.homeproduct .list li:hover h3 a{color: #fff;}
.homeproduct .list li p{margin: 0; font-size: 14px; line-height: 1.85;opacity: 0.8; padding: 0 5%; height: 80px;overflow: hidden;text-align: justify;}
.homeproduct .list li p.hover{ display: none;}
.homeproduct .list li .pic{padding: 5% 0 8% 0;}
.homeproduct .list li .pic .Ispic{ display: block;}
.homeproduct .list li:hover{ background: #126ab5;/*#00a0d9; *//*padding-bottom: 2%;*/}
.homeproduct .list li:hover .show{ display: none;}
.homeproduct .list li:hover .hover{ display: block; /*height: 75px;*/}
.homeproduct .list li.more{ display:none}


@media(max-width:1024px){
	.homeproduct .list li .icon{ width: 60%; margin: 0 auto;}
	.homeproduct .list li h3{ font-size: 20px;}
}
@media(max-width:767px){
	.homeproduct .list:before,
	.homeproduct .list:after{ content:''; height:100%; position:absolute; top:0; border-left: 1px solid #ececec; z-index:5}
	.homeproduct .list:before{ left:33.5%;}
	.homeproduct .list:after{ right:33.5%}
	.homeproduct .list ul{ text-align: center;}
	.homeproduct .list ul:before{ content:''; position:absolute; width:100%; top:49%;border-top: 1px solid #ececec; z-index:5}
	.homeproduct .list li{ width: 32%; float: none; display: inline-block;}
	.homeproduct .list li h3{ font-size: 16px;}
	.homeproduct .list li p{ display: none!important;}
	.homeproduct .list li .inner{ padding-top:4vh}
	.homeproduct .list li .icon{ width: 50%;}
	.homeproduct .list li+li{border:none}
	.homeproduct .list li.more{ display:inline-block; padding-bottom:30%;}
	.homeproduct .list li.more a{ background:url(../images/arow_r.png) no-repeat right center; display:inline-block; padding-right:40px;}
	.homeproduct .list li.more:hover{ background:none}
}

.homesolution .list li .Ispic{
	-webkit-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.homesolution .list li:hover .Ispic{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.homesolution{padding-top: 3%; overflow: hidden;}
@media(min-width:641px){
.homesolution .list{margin: 0 -1%;}
.homesolution .list li .inner{ margin: 1%;}
}
.homesolution .list{padding-top: 2%;}
.homesolution .list ul{ text-align: center;width: 80%;
margin: 0 auto;}
.homesolution .list li{ display: inline-block; width: 22.4%;}
.homesolution .list li .inner{position: relative; text-align: center; color: #fff;}
.homesolution .list li .inner:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 1;height: 74px;}
.homesolution .list li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;border: 1px solid #0054a4;}
.homesolution .list li .pic{overflow: hidden;}



.homesolution .list li .Ispic{display: block;height: 450px;margin: auto;background-size: contain;
background-repeat: no-repeat;}



.homesolution .list li .text{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;
padding: 19px 0;z-index: 2;}
.homesolution .list li h3{font-size: 24px; font-weight: lighter; margin: 0; padding: 0;}
.homesolution .list li h3:before{content: ""; display: block; width: 20px; height: 1px; background: #00a9f4; margin-bottom: 15px; display: none;}
.homesolution .list li .p{margin: 0; font-size: 14px; line-height: 1.85;opacity: 0;/* color: #a8aab2; */ max-width: 460px; display: none; padding-top: 3%;}
.homesolution .list li:hover .inner:after{ height: 100%;}
.homesolution .list li:hover .text{bottom: 10px;}
.homesolution .list li:hover .p{opacity: 1; display: block;}
.homesolution .list li:hover h3{color: #00a9f4; font-weight: bold;}
.homesolution .list li:hover :before{ display: block;}
.homesolution .list li:hover .text{ background: none;}
@media (max-width:1920px) {
	.homeproduct .home-tit{padding: 2% 0 0;}
	.homesolution .list li .Ispic{ height:405px;}
}
@media (max-width:1683px) {
	.homeproduct .home-tit{padding: 2% 0 0;}
	.homesolution .list li .Ispic{ height:370px;}
}
@media (max-width:1407px) {
	.homeproduct .home-tit{padding: 2% 0 0;}
	.homesolution .list li .Ispic{ height:320px;}
}
@media (max-width:1366px) {
	.homeproduct .home-tit{padding: 2% 0 0;}
	.homesolution .list li .Ispic{ height:300px;}
}
@media (max-width:1200px) {
	.homesection4{overflow: hidden;}
}
@media (max-width:1024px) {
	.homesolution{ padding-top: 5%;}
}
@media(max-width:640px){
	.homesolution .list li{ float: none; width: 100%; padding:1% 0;}
	.homesolution .list li h3{ font-size: 20px;}

}
.box {max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;box-sizing: border-box;overflow: hidden;}
.i4{height: 740px;background: url(../images/1_4.jpg) center no-repeat;position: relative;z-index: 2;overflow: hidden;}

.i4 .box{overflow:visible; }

.i4 .ilt{width: 280px;float: left;}

.i4 .ilt .tt{font-weight: bold;margin-top: 255px;color: #484848;}

.i4 .ilt .xian{margin: 40px 0 80px;width: 40px;height: 4px;background: #cacccf;}

.i4 .ilt .en span{color: #e62129;}

.i4 .ilt .tc{font-family: 宋体;margin: 25px 0 65px;}

.i4 .ilt .more{border:2px solid #a2a2a3;color: #666;}

.i4 .ilt .more:hover{border:2px solid #e62129;color: #fff;}

.i4 .irt{display: none;}

.i4 .srt{width: 900px;height: 740px;position: absolute;top: 50px;right: 0;}

.i4 .srt > img{display: block;position: absolute;top: 0;left: 0;width: 100%;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;transition-delay: .3s;-webkit-transition-delay: .3s;}

.i4 .srt .im01{left: 28.3%;}

.i4 .srt .im02{left: 17%;}

.i4 .srt .im03{left: 8%;}

.i4 .srt .im04{opacity: 0;}

.i4 .srt .im05{left: -17%;}

.i4 .srt .im06{left: -10%;opacity: 0;}

.i4 .srt .im07{left: -35%;}

.i4 .srt.wow1 > img{left: 0;opacity: 1;}

.i4 .slt{padding: 180px 0 0 12.5%;color: #fff;}

.i4 .slt .tt{font-size: 48px;}

.i4 .slt .ul1{margin-top: 150px;}

.i4 .srt .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.i4 .slt .ul1 li{margin-bottom: 35px;font-size: 20px;line-height: 30px;}

.i4 .slt .ul1 li span{width: 30px;line-height: 30px;border-radius: 50%;background: #d40710;float: left;margin-right: 10px;text-align: center;}

.i4 .srt .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.i4 .srt .ul1 li{width: 80px;height: 80px;position: absolute;top: 0;left: 0;}

.i4 .srt .ul1 li .img{display: block;width: 80px;height: 80px;background: url(../images/zt9.png) center no-repeat;cursor: pointer;position: relative;z-index: 2;animation:zhuan 2s  linear   infinite;-webkit-animation:zhuan 2s  linear  infinite;}

.i4 .srt .ul1 li .txt{display: block;width: 0px;height: 150px;position: absolute;right: 40px;top: -30px;overflow:hidden;cursor: pointer;}

.i4 .srt .ul1 li .txt .tbox{position: absolute;top: 0;right: 0; width: 500px;height: 150px;background: url(../images/zt8.png) top left no-repeat;color: #000;}

.i4 .srt .ul1 li .txt .tbox .tc{padding:40px 20px;font-size: 20px;color: #fff;}

.i4 .srt .ul1 li .txt .tbox .tc s{display: block;width: 20px;height: 3px;background: #fff;margin: 20px 0;}

.i4 .srt .ul1 li:nth-child(1) .txt{right: auto;left: 40px;}

.i4 .srt .ul1 li:nth-child(1) .txt .tbox{right: auto;left: 0;background: url(../images/zt8_2.png) top left no-repeat;box-sizing: border-box;padding-left: 200px;}

.i4 .srt .ul1 li:nth-child(1){top: 30%;left: 0;}

.i4 .srt .ul1 li:nth-child(2){top: 20%;left: 73%;}

.i4 .srt .ul1 li:nth-child(3){top: 30%;left: 20%;}

.i4 .srt .ul1 li:nth-child(4){top: 20%;left: 40%;}

.i4 .srt .ul1 li:nth-child(5){top: 32%;left: 56%;}

.i4 .srt .ul1 li:nth-child(6){top: 50%;left: 90%;}

.i4 .srt .ul1 li.act .img{background: url(../images/zt10.png) center no-repeat;}

.i4 .srt .ul1 li.act .txt{width: 500px;}


.i7{height: 650px;position: relative;z-index: 2;text-align: center;color: #fff;}

.i7 .imgbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 1;background: #fff; }

.i7 .imgbg img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.05);-webkit-transform: scale(1.05);opacity: 0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;z-index: 1;}

.i7 .imgbg img.act{transform: scale(1.001);-webkit-transform: scale(1.001);opacity: 1;z-index: 2;}

.i7 .ul1{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 2;}

.i7 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.i7 .ul1 li{width: 33.33%;float: left;position: absolute;height: 100%;top: 0;left: 0;border-left: 1px solid #fff;border-right: 1px solid rgba(255,255,255,0);box-sizing: border-box;overflow: hidden;z-index: 2;} 

.i7 .ul1 li:nth-child(1){border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1 li:nth-child(2){left: 33.33%;}

.i7 .ul1 li:nth-child(3){left: 66.66%;}

.i7 .ul1 li .more{margin: 20px auto 0;opacity: 0;}

.i7 .ul1 li .out{width: 38px;height: 38px;background: url(../images/1_12.png) center no-repeat;margin: 30px auto;cursor: pointer;opacity: 0;}

.i7 .ul1 li .out:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.i7 .ul1 li .tt{font-size: 20px;}

.i7 .ul1 li .xian{ width: 40px;height: 4px;background: #fff;opacity: .3;margin: 25px auto 30px;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .tc{width: 685px;margin: 0 auto 60px;line-height: 2;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .dl1{width: 1080px;margin: 0 auto;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .dl1 dd{width: 23%;margin-right: 2.66%; float: left;background: rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.5);border-radius: 5px;box-sizing: border-box;padding: 3%;text-align: justify;}

.i7 .ul1 li .dl1 dd .num{font-weight: bold;}

.i7 .ul1 li .dl1 dd .dt2{line-height: 1.8;min-height: 50px;}

.i7 .ul1 li .dl1 dd:last-child{margin-right: 0;}


.i7 .ul1.act li{width: 140px;}

.i7 .ul1.act li .tt{width: 20px;margin: 0 auto; }

.i7 .ul1.act1 li:nth-child(2){left: calc(100% - 280px);}

.i7 .ul1.act1 li:nth-child(3){left: calc(100% - 140px);}

.i7 .ul1.act2 li:nth-child(1){border-right: 1px solid #fff;}

.i7 .ul1.act2 li:nth-child(2){left: 0;border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1.act2 li:nth-child(3){left: calc(100% - 140px);}

.i7 .ul1.act3 li:nth-child(2){left: 140px;border-right: 1px solid #fff;}

.i7 .ul1.act3 li:nth-child(3){left: 0;border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1 li.act .more{opacity: 1;}


.i7 .ul1 li.act{position: absolute;width: 100%;z-index: 1;}

.i7 .ul1 li.act .tt{font-size: 30px;font-weight: bold;width: 100%;}

.i7 .ul1 li.act .out{background: url(../images/1_12_1.png) center no-repeat;}

.i7 .ul1 li.act .xian{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;}

.i7 .ul1 li.act .tc{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;}

.i7 .ul1 li.act .dl1{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .4s;-webkit-transition-delay: .4s;margin: 0 auto;}

.i7 .more{position: relative;overflow: hidden;width: 175px;line-height: 50px;box-sizing: border-box;border:2px solid #d7d9db;color: #fff;text-align: center;display: block;}

.i7 .more s{display: block;width: 200px;height: 200px;position: absolute;top:50%; ;left: 50%;margin-left: -100px;margin-top: -100px; background: #e62129;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;opacity: .3;}

.i7 .more:hover{border:2px solid #e62129;}

.i7 .more:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}


#m4{position: relative; z-index: 2; background: #fff; padding: 0 0 100px 0; overflow: hidden;}
#m4 .wrap{position: relative;}
#m4 .main-tit{border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between;}
#m4 .main-tit .tit-container{padding-bottom: 30px;}
#m4 .qr{height: 78px; padding-top: 71px;}
#m4 .qr>img{height: 100%; float: right;}
#m4 .qr>div{float: right; padding-top: 23px; font-size: 1.4rem; color: #bbb; padding-right: 10px; line-height: 1.4; text-align: right;}

@media (max-width:1439px){ /*1366*/
  #m4 .qr>div{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m4{padding: 0 0 60px 0;}
  #m4 .main-tit{display: block;}
  #m4 .qr{display: none;}
}

#m4 .swiper-container{margin-top: 60px; margin-left: 170px;}
#m4 .swiper-slide a{display: block;}
#m4 .swiper-slide a .img{height: 0; padding-bottom: 65%; background: #eee; position: relative; overflow: hidden;}
#m4 .swiper-slide a .img>.focus{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .55s; background: #eee no-repeat center/cover;}
#m4 .swiper-slide a:hover .img>.focus{transform: scale(1.09);}
#m4 .swiper-slide a .img .date{position: absolute; left: 0; right: 0; bottom: -55px; height: 55px; background: #1f53be; margin: auto; text-align: center; line-height: 55px; color: #fff; font-size: 1.5rem; font-weight: 300; transition: all .35s; letter-spacing: 1px;}
#m4 .swiper-slide a:hover .img .date{bottom: 0;}
#m4 .swiper-slide a:hover .img .date:hover{background: #5f8cec;}
#m4 .swiper-slide a .img .date::before{display: inline-block; content: '\e638'; font-family: 'iconfont'; margin-right: 8px; font-size: 1.7rem;}
#m4 .swiper-slide a .box1{margin-top: 30px;}
#m4 .swiper-slide a .box1 .tit{color: #2b2b2b; font-size: 18px; font-weight: bold; line-height: 1.4; height: 48px; transition: all .25s;}
#m4 .swiper-slide a:hover .box1 .tit{color: #1f53be;}
#m4 .swiper-slide a .box1 .desc{line-height: 1.8; margin-top: 20px; font-size: 15px; color: #aaa;}

#m4 .pagination{position: absolute; left: 0; top: 280px; color: #bbb; font-size: 2.2rem; font-family: 'Montserrat'; font-weight: 700;}
#m4 .swiper-pagination-current{font-size: 2.5rem; color: #5f8cec; display: inline-block; width: 32px;}
#m4 .right{position: absolute; left: 50px; top: 350px;  background: #bfbfbf; width: 48px; height: 48px; text-align: center; line-height: 48px; cursor: pointer; transition: all .3s;}
#m4 .right::after{content: '\e624'; font-family: 'iconfont'; font-size: 2.4rem; color: #fff; transform: rotate(-180deg); display: block; width: 50px; height: 48px;}
#m4 .left{position: absolute; left: 0; top: 350px;  background: #bfbfbf; width: 48px; height: 48px; text-align: center; line-height: 48px; cursor: pointer; transition: all .3s;}
#m4 .left::after{content: '\e624'; font-family: 'iconfont'; font-size: 2.4rem; color: #fff;}
#m4 .right:hover, #m4 .left:hover{background: #1f53be;}


@media (max-width:1439px){ /*1366*/
  #m4 .swiper-slide a .img .date{bottom: -50px; height: 50px; line-height: 50px; font-size: 1.4rem;}
  #m4 .swiper-slide a .img .date::before{margin-right: 7px; font-size: 1.6rem;}
  #m4 .swiper-slide a .box1 .tit{font-size: 1.8rem;}
  #m4 .swiper-slide a .box1 .desc{font-size: 1.3rem;}
}
@media (max-width:1279px){ /*MP*/
  #m4 .left, #m4 .right{display: none;}
  #m4 .swiper-container{margin: 50px 20px 50px 20px;}
  #m4 .swiper-slide a .img .date{}
  #m4 .pagination{position: relative; left: unset; top: unset; text-align: center; font-size: 1.6rem;}
  #m4 .swiper-pagination-current{font-size: 1.6rem; width: auto;}
}

.tit-container{padding: 60px 0;}
.tit-container .en{font-size: 18px; font-family: 'Montserrat';}
.tit-container .cn{font-size: 30px; margin-top: 13px; color: #212121; font-weight: 300;}
.tit-container .desc{font-size: 16px; color: #bbb; max-width: 1600px; margin: 15px 0 0 0; line-height: 1.3; letter-spacing: -0.05rem;}
.ellipsis-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hezuo {
	
    height: 570px;
    font-size: 44px;
    color: #333333;
    font-weight: normal;
    padding-top: 80px;
    box-sizing: border-box;
    text-align: center;
}
.huoban{
 background: url(../images/20210624170839_33935.png) no-repeat center top;
}
.hezuo-list {
	position: relative;
	margin-top: 50px;
	padding: 0 15px;
}
.hezuo-list .bd ul {
	overflow: hidden;
}
.hezuo-list .bd ul li {
	width: 270px;
	height: 300px;
	margin-right: 30px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	font-size: 15px;
}
.hezuo-list .bd ul li img {
	width: 270px;
	height: 152px;
	display: block;
}
.hezuo-list .prev, .hezuo-list .next {
	position: absolute;
	left: -28px;
	top: 28%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(../images/arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
}
.hezuo-list .next {
	left: auto;
	right: -28px;
	background-position: 8px 5px;
}
.hezuo-list .prev:hover, .hezuo-list .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.hezuo-list .prevStop {
	display: none;
}
.hezuo-list .nextStop {
	display: none;
}
.huoban .title p{
padding-top: 25px;
}
.div2{
	position: relative;
}
.div2 .swiper-slide img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.div2 .gallery-top{
	height: 80%;
	width: 100%;
}
.div2 .gallery-top .swiper-slide div{
	position: absolute;
	padding-right: 30%;
	bottom: 60%;
	left: 50%;
	transform: translate(-50%,80%);
}
.div2 .gallery-top .swiper-slide div h5{
	text-align: left;
	margin-bottom: 20px;
}
.div2 .gallery-top .swiper-slide div p{
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 32px;
}
.div2 .gallery-thumbs{
	position: absolute;
	bottom: 64px;
	left: 50%;
	transform: translateX(-50%);
}
.div2 .gallery-thumbs .swiper-slide{
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid rgba(237,109,0,0);
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.div2 .gallery-thumbs .swiper-slide div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	opacity: 1;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.div2 .gallery-thumbs .swiper-slide div h6{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.div2 .gallery-thumbs .swiper-slide div span{
	display: none;
	font-size: 14px;
	margin-top: 10px;
	white-space: nowrap;
}
.div2 .gallery-thumbs .swiper-slide-thumb-active{
	border: 1px solid rgba(237,109,0,1);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.div2 .gallery-thumbs .swiper-slide-thumb-active div{
	opacity: 0;
}
.classify_dl dd a em{
	height: 62px;
	width: 84px;
}
.title_h5{
	font-size: 38px;
	text-align: center;
	margin-bottom: 50px;
}
.title_h5 small{
	display: block;
	font-size: 20px;
	color: #666;
	margin-top: 16px;
}
.welcome_box .classify_dl{
	
}
.welcome_box .classify_dl dd{
	height: 180px;
	line-height: 180px;
	background: #f7f7f7;
	display: block;
}
.welcome_box .classify_dl dd a{
	padding: 8px 0;
	line-height: 1;
	vertical-align: middle;
	border-right: 1px solid #e6e6e6;
}
.welcome_box .classify_dl dd a:last-of-type{
	border-right: none;
}
.welcome_box .classify_dl dd a em{
	height: 62px;
	width: 84px;
}
.welcome_box .title_h5{
	font-size: 38px;
	text-align: center;
	margin-bottom: 50px;
}
.welcome_box .title_h5 small{
	display: block;
	font-size: 20px;
	color: #666;
	margin-top: 16px;
}
.welcome_box .pd{
	padding: 54px 0;
}
.welcome_box .div1{

}
.welcome_box .div1 dl{
	text-align: center;
}
.welcome_box .div1 dl dt{

}
.welcome_box .div1 dl dt img{
	width: auto;
	vertical-align: top;
	max-width: 100%;
}
.welcome_box .div1 dl dd{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.welcome_box .div1 dl dd span{
	position: absolute;
	z-index: 8;
	height: 24px;
	line-height: 26px;
	font-size: 18px;
	cursor: pointer;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div1 dl dd span i{
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	position: relative;
	width: 24px;
	height: 24px;
}
.welcome_box .div1 dl dd span i::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #6aa2ff;
	animation: mymove 2s infinite;
	-webkit-animation: mymove 2s infinite;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
@keyframes mymove{
	0% {width: 14px;height: 14px;}
	65% {width: 24px;height: 24px;}
	100% {width: 14px;height: 14px;}
}

@-webkit-keyframes mymove{
	0% {width: 14px;height: 14px;}
	65% {width: 24px;height: 24px;}
	100% {width: 14px;height: 14px;}
}
.welcome_box .div1 dl dd span i::after{
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 12px;
	height: 12px;
	background: #0060ff;
	border-radius: 50%;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div1 dl dd .span1{
	width: 65px;
	height: 65px;
	left: 152px;
    bottom: 112px;
	background: url(../images/c1.png) no-repeat;
}
.welcome_box .div1 dl dd .span2{
	top: 60px;
	left: 634px;
}
.welcome_box .div1 dl dd .span2::after{
	content: "";
	position: absolute;
	top: 26px;
    left: -60px;
	width: 238px;
	height: 69px;
	background: url(../images/c2.png) no-repeat;
}
.welcome_box .div1 dl dd .span3{
	top: 145px;
	left: 833px;
}
.welcome_box .div1 dl dd .span3::after{
	content: "";
	position: absolute;
	top: 24px;
    left: -4px;
	width: 127px;
	height: 57px;
	background: url(../images/c3.png) no-repeat;
}
.welcome_box .div1 dl dd .span4{
	top: 197px;
	left: 402px;
}
.welcome_box .div1 dl dd .span4::after{
	content: "";
	position: absolute;
	top: -70px;
    left: -108px;
	width: 135px;
	height: 99px;
	background: url(../images/c4.png) no-repeat;
}
.welcome_box .div1 dl dd .span5{
	top: 307px;
	left: 810px;
}
.welcome_box .div1 dl dd .span5::after{
	content: "";
	position: absolute;
	top: -20px;
    left: -75px;
	width: 85px;
	height: 61px;
	background: url(../images/c5.png) no-repeat;
}
.welcome_box .div1 dl dd .span6{
	top: 324px;
	left: 1042px;
}
.welcome_box .div1 dl dd .span7{
	top: 436px;
	left: 80px;
}
.welcome_box .div1 dl dd .span8{
	top: 436px;
	left: 593px;
}
.welcome_box .div1 dl dd .span8::after{
	content: "";
	position: absolute;
	top: -25px;
    left: -166px;
	width: 143px;
	height: 58px;
	background: url(../images/dr.png) no-repeat;
}
.welcome_box .div1 dl dd span::after{
	opacity: 0;
}
.welcome_box .div1 dl dd span.hover_span{
	color: #ed6d00;
}
.welcome_box .div1 dl dd span.hover_span i::before{
	background: #eda160;
}
.welcome_box .div1 dl dd span.hover_span i::after{
	background: #ed6d00;
}
.welcome_box .div1 dl dd span.hover_span::after{
	opacity: 1;
	animation: mymove1 2s infinite;
	-webkit-animation: mymove1 2s infinite;
}
@keyframes mymove1{
	0% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes mymove1{
	0% {opacity: 0;}
	65% {opacity: 1;}
	100% {opacity: 0;}
}

.welcome_box .div1 dl dd div{
	position: absolute;
}
.welcome_box .div1 dl dd div i{
	position: absolute;
}
.welcome_box .div1 dl dd .div2{
	width: 845px;
	height: 230px;
	left: 38px;
	bottom: 10px;
	opacity: 0;
}
.welcome_box .div1 dl dd .div2 .i1{
	width: 0;
	height: 4px;
	left: 0;
	bottom: 52px; 
	background: url(../images/zsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div2 .i2{
	width: 4px;
    height: 0;
    bottom: 52px;
    left: 13px;
    background: url(../images/zss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div2 .i3{
	width: 4px;
    height: 0;
    top: 174px;
    left: 13px;
    background: url(../images/zss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div2 .i4{
	width: 0;
    height: 4px;
    left: 13px;
    bottom: 0;
    background: url(../images/zsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div2 .i5{
	width: 4px;
    height: 0;
    bottom: 4px;
    left: 95px;
    background: url(../images/zss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div2 .i6{
	width: 0;
    height: 4px;
    left: 13px;
    top: 23px;
    background: url(../images/zsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div2 .i7{
    width: 4px;
    height: 0;
    bottom: 207px;
    right: 0;
    background: url(../images/zss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div61{
	width: 1140px;
	height: 181px;
	left: 38px;
	bottom: 59px;
	opacity: 0;
	z-index: 3;
}
.welcome_box .div1 dl dd .div61 .i1{
	height: 4px;
	width: 0;
	right: 0;
	top: 151px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div61 .i2{
	height: 4px;
	width: 0;
	right: 47px;
	top: 151px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div61 .i3{
	height: 4px;
	width: 0;
	right: 87px;
	top: 151px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div61 .i4{
	height: 4px;
	width: 0;
	right: 135px;
	top: 151px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div61 .i5{
	height: 0;
	width: 4px;
	right: 172px;
	bottom: 27px;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div61 .i6{
	height: 4px;
	width: 0;
	right: 172px;
	top: 23px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div61 .i7{
	height: 0;
	width: 4px;
	right: 295px;
	top: 0;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div61 .i8{
	height: 0;
	width: 4px;
	top: 11px;
	left: 152px;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div61 .i9{
	height: 0;
	width: 4px;
	left: 13px;
	top: 27px;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div61 .i10{
	height: 4px;
	width: 0;
	right: 1127px;
	top: 175px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62{
	width: 1045px;
	height: 119px;
	right: 22px;
	bottom: 10px;
	opacity: 0;
}
.welcome_box .div1 dl dd .div62 .i1{
	height: 4px;
    width: 0;
    right: 0;
    top: 40px;
    background: url(../images/gsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62 .i2{
	height: 4px;
    width: 0;
    right: 47px;
    top: 40px;
    background: url(../images/gsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62 .i3{
	height: 4px;
    width: 0;
    right: 87px;
    top: 40px;
    background: url(../images/gsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62 .i4{
	height: 0;
	width: 4px;
	right: 97px;
	top: 44px;
	background: url(../images/gss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div62 .i5{
	height: 4px;
	width: 0;
	right: 97px;
	bottom: 0;
	background: url(../images/gsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62 .i6{
	height: 0;
	width: 4px;
	right: 743px;
	bottom: 9px;
	background: url(../images/gss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div62 .i7{
	height: 0;
	width: 4px;
	left: 64px;
	bottom: 4px;
	background: url(../images/gss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div62 .i8{
	height: 4px;
	width: 0;
	right: 994px;
	bottom: 49px;
	background: url(../images/gsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div62 .i9{
	height: 0;
	width: 4px;
	left: 0;
	bottom: 50px;
	background: url(../images/gss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div62 .i10{
	height: 0;
	width: 4px;
	left: 74px;
	top: 80px;
	background: url(../images/gss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div62 .i11{
	height: 4px;
	width: 0;
	left: 74px;
	bottom: 9px;
	background: url(../images/gsh.jpg) repeat-x;
}

.welcome_box .div1 dl dd .div81{
	width: 414px;
	height: 222px;
	bottom: 4px;
	left: 175px;
	opacity: 0;
}
.welcome_box .div1 dl dd .div81 .i1{
	height: 0;
	width: 4px;
	left: 0;
	top: 0;
	background: url(../images/hss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div81 .i2{
	height: 4px;
	width: 0;
	left: 0;
	top: 18px;
	background: url(../images/hsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div81 .i3{
	height: 0;
	width: 4px;
	left: 98px;
	top: 18px;
	background: url(../images/hss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div81 .i4{
	height: 4px;
	width: 0;
	left: 98px;
	bottom: 0;
	background: url(../images/hsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div81 .i5{
	width: 15px;
	height: 0;
	bottom: 0;
	right: 0;
	background: url(../images/hsx.png) no-repeat;
	background-size: 100% 100%;
}
.welcome_box .div1 dl dd .div81 .i6{
	height: 4px;
	width: 0;
	right: 0;
	bottom: 59px;
	background: url(../images/hsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div81 .i7{
	width: 15px;
	height: 0;
	top: 163px;
	right: 165px;
	background: url(../images/hsx.png) no-repeat;
}
.welcome_box .div1 dl dd .div81 .i8{
	height: 4px;
	width: 0;
	left: 238px;
	bottom: 27px;
	background: url(../images/hsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div81 .i9{
	width: 15px;
	height: 0;
	bottom: 29px;
	right: 20px;
	background: url(../images/hsx.png) no-repeat;
}
.welcome_box .div1 dl dd .div81 .i10{
	height: 4px;
	width: 0;
	right: 21px;
	bottom: 42px;
	background: url(../images/hsh.jpg) repeat-x;
}

.welcome_box .div1 dl dd .div82{
	width: 383px;
	height: 214px;
	bottom: 12px;
	left: 194px;
	/* opacity: 0; */
}
.welcome_box .div1 dl dd .div82 .i1{
	height: 0;
	width: 4px;
	left: 0;
	bottom: 204px;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div82 .i2{
	height: 4px;
	width: 0;
	right: 293px;
	top: 9px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div82 .i3{
	height: 0;
	width: 4px;
	left: 90px;
	bottom: 4px;
	background: url(../images/lss.jpg) repeat-y;
}
.welcome_box .div1 dl dd .div82 .i4{
	height: 4px;
	width: 0;
    right: 7px;
    bottom: 2px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div82 .i5{
	width: 14px;
	height: 0;
	top: 167px;
	right: -4px;
	background: url(../images/lsx.png) no-repeat;
}
.welcome_box .div1 dl dd .div82 .i6{
	height: 4px;
	width: 0;
	left: 248px;
	bottom: 43px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .div82 .i7{
	width: 14px;
	height: 0;
	bottom: 30px;
    right: 131px;
	background: url(../images/lsx.png) no-repeat;
}
.welcome_box .div1 dl dd .div82 .i8{
	height: 4px;
	width: 0;
    right: 29px;
    bottom: 27px;
	background: url(../images/lsh.jpg) repeat-x;
}
.welcome_box .div1 dl dd .ani2{
	opacity: 1;
}
.welcome_box .div1 dl dd .ani2 .i1{
	width: 13px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.welcome_box .div1 dl dd .ani2 .i2{
	height: 151px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.welcome_box .div1 dl dd .ani2 .i3{
	height: 52px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.welcome_box .div1 dl dd .ani2 .i4{
	width: 86px;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.welcome_box .div1 dl dd .ani2 .i5{
	height: 66px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.welcome_box .div1 dl dd .ani2 .i6{
	width: 832px;
	transition: all 0.3s 0.6s;
    -webkit-transition: all 0.3s 0.6s;
}
.welcome_box .div1 dl dd .ani2 .i7{
	height: 23px;
    transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.welcome_box .div1 dl dd .ani61{
	opacity: 1;
}
.welcome_box .div1 dl dd .ani61 .i1{
	width: 26px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.welcome_box .div1 dl dd .ani61 .i2{
	width: 15px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.welcome_box .div1 dl dd .ani61 .i3{
	width: 23px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.welcome_box .div1 dl dd .ani61 .i4{
	width: 41px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.welcome_box .div1 dl dd .ani61 .i5{
	height: 127px;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.welcome_box .div1 dl dd .ani61 .i6{
	width: 955px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.welcome_box .div1 dl dd .ani61 .i7{
	height: 23px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani61 .i8{
	height: 12px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani61 .i9{
	height: 152px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani61 .i10{
	width: 13px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.welcome_box .div1 dl dd .ani62{
	opacity: 1;
}
.welcome_box .div1 dl dd .ani62 .i1{
	width: 26px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.welcome_box .div1 dl dd .ani62 .i2{
	width: 15px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.welcome_box .div1 dl dd .ani62 .i3{
	width: 14px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.welcome_box .div1 dl dd .ani62 .i4{
	height: 74px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.welcome_box .div1 dl dd .ani62 .i5{
	width: 884px;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.welcome_box .div1 dl dd .ani62 .i7{
	height: 35px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.welcome_box .div1 dl dd .ani62 .i8{
	width: 51px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani62 .i9{
	height: 19px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.welcome_box .div1 dl dd .ani62 .i6{
	height: 116px;
	transition: all 0.3s 2.4s;
    -webkit-transition: all 0.3s 2.4s;
}
.welcome_box .div1 dl dd .ani62 .i10{
	height: 30px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani62 .i11{
	width: 224px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}

.welcome_box .div1 dl dd .ani81{
	opacity: 1;
}
.welcome_box .div1 dl dd .ani81 .i1{
	height: 18px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.welcome_box .div1 dl dd .ani81 .i2{
	width: 98px;
	transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}
.welcome_box .div1 dl dd .ani81 .i3{
	height: 201px;
	transition: all 0.3s 0.6;
    -webkit-transition: all 0.3s 0.6s;
}
.welcome_box .div1 dl dd .ani81 .i4{
	width: 306px;
	transition: all 0.3s 0.9s;
    -webkit-transition: all 0.3s 0.9s;
}
.welcome_box .div1 dl dd .ani81 .i5{
	height: 59px;
	transition: all 0.3s 1.2s;
    -webkit-transition: all 0.3s 1.2s;
}
.welcome_box .div1 dl dd .ani81 .i6{
	width: 169px;
	transition: all 0.3s 1.5s;
    -webkit-transition: all 0.3s 1.5s;
}
.welcome_box .div1 dl dd .ani81 .i7{
	height: 29px;
	transition: all 0.3s 1.8s;
    -webkit-transition: all 0.3s 1.8s;
}
.welcome_box .div1 dl dd .ani81 .i8{
	width: 152px;
	transition: all 0.3s 2.1s;
    -webkit-transition: all 0.3s 2.1s;
}
.welcome_box .div1 dl dd .ani81 .i9{
	height: 16px;
	transition: all 0.3s 2.4s;
    -webkit-transition: all 0.3s 2.4s;
}
.welcome_box .div1 dl dd .ani81 .i10{
	width: 110px;
	transition: all 0.3s 2.7s;
    -webkit-transition: all 0.3s 2.7s;
}

.welcome_box .div1 dl dd .ani82{
	opacity: 1;
}
.welcome_box .div1 dl dd .ani82 .i1{
	height: 10px;
	transition: all 0.3s 5.1s;
    -webkit-transition: all 0.3s 5.1s;
}
.welcome_box .div1 dl dd .ani82 .i2{
	width: 90px;
	transition: all 0.3s 4.8s;
    -webkit-transition: all 0.3s 4.8s;
}
.welcome_box .div1 dl dd .ani82 .i3{
	height: 201px;
	transition: all 0.3s 4.5;
    -webkit-transition: all 0.3s 4.5s;
}
.welcome_box .div1 dl dd .ani82 .i4{
	width: 286px;
	transition: all 0.3s 4.2s;
    -webkit-transition: all 0.3s 4.2s;
}
.welcome_box .div1 dl dd .ani82 .i5{
	height: 45px;
	transition: all 0.3s 3.9s;
    -webkit-transition: all 0.3s 3.9s;
}
.welcome_box .div1 dl dd .ani82 .i6{
	width: 135px;
	transition: all 0.3s 3.6s;
    -webkit-transition: all 0.3s 3.6s;
}
.welcome_box .div1 dl dd .ani82 .i7{
	height: 16px;
	transition: all 0.3s 3.3s;
    -webkit-transition: all 0.3s 3.3s;
}
.welcome_box .div1 dl dd .ani82 .i8{
	width: 111px;
	transition: all 0.3s 3.0s;
    -webkit-transition: all 0.3s 3.0s;
}
.welcome_box .move_div{
	text-align: center;
	margin-top: 40px;
}
.welcome_box .move_a{
	display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    height: 20px;
    color: #ed6d00;
    background: url(../images/jt2h.png) no-repeat;
    background-position: right 6px top 1px;
    padding-right: 26px;
    padding-left: 6px;
    border-bottom: 2px solid #ccc;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .move_a::after{
	content: "";
    position: absolute;
    height: 2px;
    width: 50%;
    left: 0;
    bottom: -2px;
    background: #ed6d00;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .move_a:hover{
	background-position: right 0 top 1px;
}
.welcome_box .move_a:hover::after{
	width: 100%;
}
.welcome_box .div2{
	position: relative;
}
.welcome_box .div2 .swiper-slide img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.welcome_box .div2 .gallery-top{
	height: 80%;
	width: 100%;
}
.welcome_box .div2 .gallery-top .swiper-slide div{
	position: absolute;
	padding-right: 30%;
	bottom: 85%;
	left: 48%;
	transform: translate(-50%,80%);
}
.welcome_box .div2 .gallery-top .swiper-slide div h5{
	text-align: left;
	margin-bottom: 20px;
}
.welcome_box .div2 .gallery-top .swiper-slide div p{
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 32px;
}
.welcome_box .div2 .gallery-thumbs{
	position: absolute;
	bottom: 64px;
	left: 50%;
	transform: translateX(-50%);
}
.welcome_box .div2 .gallery-thumbs .swiper-slide{
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid rgba(237,109,0,0);
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div2 .gallery-thumbs .swiper-slide div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	opacity: 1;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div2 .gallery-thumbs .swiper-slide div h6{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 15px;
	text-align: center;
	color: #fff;
}
.welcome_box .div2 .gallery-thumbs .swiper-slide div span{
	display: none;
	font-size: 14px;
	margin-top: 10px;
	white-space: nowrap;
}
.welcome_box .div2 .gallery-thumbs .swiper-slide-thumb-active{
	border: 1px solid rgba(237,109,0,1);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.welcome_box .div2 .gallery-thumbs .swiper-slide-thumb-active div{
	opacity: 0;
}
.welcome_box .div3{
	background: #f7f7f7;
}
.welcome_box .div3 dl{
	
}
.welcome_box .div3 dt{
	float: left;
	width: 650px;
	margin-right: 20px;
}
.welcome_box .div3 dt a{
	display: block;
	position: relative;
}
.welcome_box .div3 dt a em{
	display: block;
	overflow: hidden;
}
.welcome_box .div3 dt a em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div3 dt a div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: url(../images/bg1.png) no-repeat;
	background-size: 100% 100%;
	padding: 60px 24px 24px;
	color: #fff;
}
.welcome_box .div3 dt a div span{
	font-size: 16px;
	display: block;
	margin-bottom: 12px;
}
.welcome_box .div3 dt a div h6{
	font-size: 24px;
	line-height: 1.4;
}
.welcome_box .div3 dd{
	float: right;
	width: 530px;
}
.welcome_box .div3 dd a{
	display: block;
	font-size: 0;
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 21px;
	border-bottom: 1px solid #ccc;
}
.welcome_box .div3 dd a:last-of-type{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.welcome_box .div3 dd a em{
	display: inline-block;
	width: 170px;
	vertical-align: middle;
	overflow: hidden;
}
.welcome_box .div3 dd a em img{
	width: 100%;
	vertical-align: top;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div3 dd a div{
	display: inline-block;
	width: calc(100% - 170px);
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 20px;
}
.welcome_box .div3 dd a div span{
	font-size: 14px;
	display: block;
	margin-bottom: 12px;
}
.welcome_box .div3 dd a div h6{
	font-size: 18px;
	line-height: 1.5;
	height: 54px;
	overflow: hidden;
}
.welcome_box .div3 dt:hover a em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_box .div3 dd a:hover em img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.welcome_box .div4{

}
.welcome_box .div4 div{
	padding-top: 30px;
}
.welcome_box .div4 div a{
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}
.welcome_box .div4 div a::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 60%;
	background: #e6e6e6;
	top: 20%;
	right: 0;
}
.welcome_box .div4 div a:last-of-type::after{
	display: none;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
.welcome_box .div4 div a em{
	display: inline-block;
	width: 84px;
	height: 84px;
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
}
.welcome_box .div4 div a em img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.welcome_box .div4 div a em img:first-of-type{
	opacity: 1;
}
.welcome_box .div4 div a em img:last-of-type{
	opacity: 0;
}
.welcome_box .div4 div a h6{
	font-size: 18px;
	color: #666;
	margin-top: 20px;
}
.welcome_box .div4 div a h6 small{
	display: block;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.welcome_box .div4 div a:hover em img:first-of-type{
	opacity: 0;
}
.welcome_box .div4 div a:hover em img:last-of-type{
	opacity: 1;
}

/*五大优势*/
.homeYs { padding-top: 75px;border-bottom: solid 10px #dedede; }
.homeYs-main { overflow: hidden; }
.wrap, .grWidth { width: 1200px; margin: 0 auto; }
.homeYs-main li { box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1); height: 382px; }
.homeYs-main dl { padding-left: 140px; }
.homeYs-main .ys1 .left, .homeYs-main .ys3 .left, .homeYs-main .ys5 .left { float: left; text-align: left; margin-top: 100px; }
.homeYs-main dl dt b { display: block; width: 85px; height: 89px; background: url(../images/hys-numbg.png) no-repeat center center; float: left; font-size: 38px; text-align: center; line-height: 89px; color: #fff; margin-left: -140px; position: relative; transition: all .5s; top: 0; }
.homeYs-main dl dt h5 { font-size: 38px; color: #191919; margin-bottom: 30px; position: relative; right: 0; transition: all .5s; font-weight: normal; }
.homeYs-main dl dt h5:before { content: ""; position: absolute; width: 0; height: 3px; left: 170px; top: 10px; opacity: 0; }
.homeYs-main dl dt span { font-size: 18px; color: #bbbbbb; display: block; margin-top: 10px; }
.homeYs-main dl dd { font-size: 15px; color: #333;  position: relative; padding-left: 25px;line-height:26px; }
.homeYs-main dl dd:before { position: absolute; content: ""; width: 5px; height: 5px; background-color: #2a6eb5; left: 0px; top: 10px; }
.homeYs-main li .pic { display: block; overflow: hidden; }
.homeYs-main li img { position: relative; z-index: -1; display: block; transition: all .5s; }
.homeYs-main .ys2 .right, .homeYs-main .ys4 .right { float: right; text-align: left; margin-top: 100px; }
.homeYs-main li:hover dl dt b{top: 90px;}
.homeYs-main li:hover dl dt h5{right: 140px;}
.homeYs-main li:hover img{transform: scale(1.15);}
.homeYs-main li:hover dl dt h5:before{width: 60px;transition: all .5s;opacity: 1;transition-delay: .3s;}
.homeYs-main .ys3 .pic img { margin-left: 60px; }
.homeYs-main .ys5 .pic img { margin-left: 81px; }



.product-con {
    overflow: hidden;
    padding-top: 50px;
    background: #f7f7f7;
}
.product-con .center {
	width:95%;
	max-width: 1400px;
	margin: 0 auto;
}
.product_list {
}
.product_list ul li {
    display: block;
    float: left;
    width: 23.5%;
    margin-bottom: 20px;
	margin-right: 2%;
    background: #fff;
}
.product_list ul li:nth-child(4n){margin-right: 0;}
.product_list ul li:nth-child(4n+1){clear: both}
.product_list ul li * {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.product_list ul li:hover .pic img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.product_list ul li .pic {
    width: 100%;
    overflow: hidden;
}
.product_list ul li .pic img {
    width: 100%;
    vertical-align: middle;
    /*height: 320px;*/
}
.proli_wen {
    padding: 10px 15px 25px 15px;
}
.product_list ul li .ntit {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #eee;
}
.product_list ul li .p1 {
    font-size: 14px;
	line-height: 20px;
	color: #999;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	margin-top: 6px;
	height:40px;
}
.product_list ul li .p2 {
    font-size: 13px;
	line-height: 20px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}

.product_list ul li .line {
	width: 0;
	height: 4px;
	background: #0054a4;
	position: relative;
	left: 0;
	bottom: 0;
	transition: all 0.6s ease;
}
.product_list ul li:hover .line {
	width:100%;
	
}
.product_list ul li:hover{
	box-shadow: 2px 2px 10px #909090;
	
}
.product_list ul li .btn {
    overflow: hidden;
    width: 270px;
    height: 42px;
    background: url(../images/prolistclassifybg01.png) no-repeat center;
	background-size: 100% 100%;
    margin: 0 auto;
	margin-top: 20px;
}
.product_list ul li .btn a {
    display: block;
    width: 133px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #777777;
    text-decoration: none;
}
.product_list ul li .btn a i {
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../images/prolistclassify_icon04.png) no-repeat center;
    margin-left: 8px;
    position: relative;
    top: 2px;
}
.product_list ul li .btn a:first-child {
    border-right: 1px solid #eaeaea;
}
.product_list ul li .btn a:hover {
    color: #fff;
}
.product_list ul li .btn .more:hover {
    background: url(../images/prolistclassifybg02.png) no-repeat center;
}
.product_list ul li .btn .more:hover i {
    background: url(../images/prolistclassify_icon05.png) no-repeat center;
}
.product_list ul li .btn a.zx:hover {
    background: url(../images/prolistclassifybg03.png) no-repeat center;
}
.product_list ul li .btn a.zx:hover i {
    background: url(../images/prolistclassify_icon05.png) no-repeat center;
}



.jmpart2{padding:88px 0 100px;height: 380px;}
.jmpart2 .wrap{width: 1300px;margin:0 auto;}
.jmpart2 .infor {text-align:center; color:#666;}
.jmpart2 .infor .tit a{display:block;}
.jmpart2 .infor .tit a:hover{color:#929292;}
.jmpart2 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.jmpart2 .infor .con{font-size:16px; line-height:26px; padding:0 21%;}
.jmpart2 .content{margin-top:70px;}
.jmpart2 .content .list li{width:25%; float:left; text-align:center;}
.jmpart2 .content .list li .li_box .icon{width:64px; height:64px; margin:0 auto 10px; transition:all 0.5s ease;}
.jmpart2 .content .li_box:hover .icon{transform:rotateY(180deg);}
.jmpart2 .content .list li .li_box .t{font-size:20px; line-height:30px; color:#666; margin-bottom:10px;}
.jmpart2 .content .list li .li_box .number{font-size:20px; color:#666;}
.jmpart2 .content .list li .li_box .number .num{font-size:48px; line-height:60px; color:#0054a4; font-family:Impact;}
.jmpart2 .content .list li .li_box sup{font-size:36px; font-family:Arial;}

.jmpart2 .content .list li .li_box img{width:64px;height:64px;}