/*首页banner图片滚动显示*/
.banner_home{ position:relative; overflow:hidden; position:fixed; left:0; top:0; bottom:0; right:0;}
.indexmainbox{ background-color:#FFF; position:relative;z-index:100}
@media (max-width: 1400px){
	.indexmainbox{ margin-right:0%;}
}
.scfoll {
    width: 59px;
    height: 84px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    animation: mymove0 1.2s infinite;
    -webkit-animation: mymove0 1.2s infinite;
    cursor: pointer;
    z-index: 30;
}
@keyframes mymove0 
{
from {bottom: 29px;}
to {bottom: 23px;}
}
.scfoll img{
    width: 20px;
    height: 41px;
	 display:block; margin:0 auto;
}
.scfoll span{
    width: 100%;
    text-align: center;
    margin-top: 12px;
    display: block;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 2px;
}

.banner_home .scroll{ height:100%; width:100%; position:relative}
.banner_home  .slick-dots{ display:none; opacity:0}
.banner_home .item{background-size:cover; text-align:center; overflow:hidden}


.banner_home #item01{ background:url(../image/banner_home001.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative;overflow:hidden; z-index: 1}
.banner_home #item01 .memgban{ position:absolute; left:0; top:0; width:100%; height:100%;background:url(../image/mengban.png) center center repeat; z-index:2}
.banner_home #item01  .videocon{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
.banner_home #item01 .banner_fonts01{ position:absolute; left:50%; top:50%; margin-top:-281px; margin-left:-414px; z-index:3}
.banner_home .item.slick-current .banner_fonts01{animation: moveDown 2s ease; animation-fill-mode: both;}
.banner_home #item02{background:url(../image/index-banner-img18.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item02 .banner_fonts02{ position:absolute; left:15%; top:50%; margin-top:-208px;}

.banner_home #item05{background:url(../image/banner_100.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}

.banner_home #item05 .banner_fonts05{ position:absolute; left:50%; top:50%; margin-top:-320px; margin-left:-355px; z-index:3}
.banner_home .item.slick-current .banner_fonts05{animation: moveDown 2s ease; animation-fill-mode: both;}


.banner_home .item.slick-current .banner_fonts02{animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home #item03{background:url(../image/banner_back01.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item03 .banner_fonts03{float:left; display:inline; color:#FFF; text-align:left; width:50%; padding-top:13%}
.banner_home #item03 .banner_fonts03 .banner_titile{ margin-bottom:55px;}
.banner_home #item03 .banner_fonts03 .banner_line{ margin-bottom:45px; display:inline-block; height:6px; width:60px; background-color:#FFF}
.banner_home #item03 .banner_fonts03 .banner_descipe{ line-height:200%;}
.banner_home #item03 .banner_fonts03  .banner_descipe span{ display:block}
.banner_home #item03 .banner_fonts03 a{ padding:15px 50px; border:#FFF 1px solid; display:inline-block; color:#FFF; margin-top:50px;border-radius: 4px;}
.banner_home #item03 .banner_fonts03 a.raised {
 -moz-transition:all .1s;
 -o-transition:all .1s;
 -webkit-transition:all .1s;
 transition:all .1s;
 -webkit-backface-visibility:hidden;
 -webkit-transform-style:preserve-3d
}
.banner_home #item03 .banner_fonts03 a:hover{ background-color:#FFF;color:#2f82ff;}
.banner_home .item.slick-current .banner_fonts03{animation: moveRightL 2s ease; animation-fill-mode: both;}

.banner_home #item03 .banner_imgs03{float:right; display:inline; color:#FFF; text-align:left; padding-top:13%; width:45%; height:300px;}
.banner_home #item03.slick-current  .banner_imgs03{animation: moveLeftL 2s ease;animation-fill-mode: both;}

.banner_home #item03  .banner_imgs03 .video{ width: auto; background:url(../image/home_video_back.png) center center no-repeat;background-size:cover;  padding-left: 6.1%;
padding-top: 2.8%;padding-right: 5.9%;padding-bottom: 12.4%;}
.banner_home #item03  .banner_imgs03 .video video{ width:100%;}


.banner_home #item04{background:url(../image/banner_back03.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item04 .banner_fonts04{ position: absolute; top: 50%; left: 20%;color:#FFF; text-align:left; width:auto; margin-top: -220px; }


.banner_home .item.slick-current .banner_fonts04{animation: moveLeftL 2s ease; animation-fill-mode: both;animation-delay:1s;}

.banner_home #item04 .banner_fonts04 .banner_titile{ margin-bottom:30px; font-size: 48px; line-height: 1.5;font-weight: bold}
.banner_home #item04 .banner_fonts04 .banner_line{ margin-bottom:30px; display:inline-block; height:3px; width:40px; background-color:#FFF}
.banner_home #item04 .banner_fonts04 .banner_descipe{ line-height:200%;}
.banner_home #item04 .banner_fonts04  .banner_descipe span{ display:block}
.banner_home #item04 .banner_fonts04 a{ padding:15px 50px; border:#FFF 1px solid; display:inline-block; color:#FFF; margin-top:50px;border-radius: 4px;}
.banner_home #item04 .banner_fonts04 a.raised {
 -moz-transition:all .1s;
 -o-transition:all .1s;
 -webkit-transition:all .1s;
 transition:all .1s;
 -webkit-backface-visibility:hidden;
 -webkit-transform-style:preserve-3d
}
.banner_home #item04 .banner_fonts04 a:hover{ background-color:#FFF;color:#2f82ff;}

.banner_home #item04 .banner_imgs04{ float:right; display:inline; color:#FFF; text-align:left; width:50%;padding-top:13%; display: none}
.banner_home #item04.slick-current  .banner_imgs04{animation: moveLeftL 2s ease;animation-fill-mode: both;}

.banner_home #item04 .img_show {
    transform: scale(1.2);
     transition: all 2s;
}
.banner_home #item04.slick-current .img_show {
    transform: scale(1);
}





.banner_home .slick-dots li button{ background-color:#5aacff; width:8px; height:8px;}
.banner_home .slick-prev{ left:-5%; border:0; background:url(../image/left2.svg) center center no-repeat; width:20px; height:40px; background-size:cover;}
.banner_home .slick-next{right:-5%; border:0; background:url(../image/right2.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.banner_home:hover .slick-prev { left:3%;animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home:hover .slick-next { right:3%;animation: moveLeftL 2s ease; animation-fill-mode: both;}



.iservice { width:100%;position:absolute; right:0; bottom:0; z-index:33;}
.iservice-relative {width:100%; height:100%; position:relative;}
.iservice-title {width: 66.7%;margin:0;position: relative;margin-left:16.5%;margin-bottom: -10px;}
.iservice-title h4{ color:#fff; font-size:12px;}
.iservice-title h2{ color:#fff; font-size:24px;padding-top:4px; text-transform: uppercase;font-family: 'Montserrat-Bold';}
.iservice-title line{ width:50px; margin:10px 0; height:1px; background:#fff; opacity:.5; display:block;}
.iservicebox { clear:both;}
.iservicebox *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4 { width:22.3%; height:60px; float:left;position: relative;}

.isbox0 {width:16.5%;}.isbox4 {width:16.6%;}

.isbox1::after,.isbox2::after,.isbox3::after,.isbox4::after {content: '';width: 100%;height: 30px;position: absolute;left: 0;bottom:0;}
.isbox1::after { background:#f49f45;}
.isbox2::after { background:#6e7dfe;}
.isbox3::after { background:#13ccc7;}
.isbox4::after { background:#ed5f49;}


/*滚动数字样式开始*/
.home_titile{ text-align:center}
.home_titile span{ display:block; margin-top:20px; line-height:180%}
.home_number { position:relative; height:500px; color:#FFF; }
.home_number .imgBg {
    width: 100%;
    height: 500px;
    background-image: url(../image/z_ind_time_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home_number .container_content{ padding-top:100px;}
.home_number ul.content_list { width: 100%; height: auto; margin-top:50px; }
.home_number ul.content_list li { float: left; width: 25%; height: 81pt; text-align: center }
.home_number ul.content_list li div { border-right: 1px solid rgba(255, 255, 255, .2) }
.home_number ul.content_list li:last-child div { border-right: none }
.home_number ul.content_list li p { text-align: center; }
.home_number ul.content_list li p.number { margin-top: 15px }
.home_number ul.content_list li p.number .counterDX { margin-top: 15px;  text-align: center;}
.home_number ul.content_list li p.number .unit { position: relative; top:0px; left:10px;  vertical-align: 40px; font-size:50px }
.home_number ul.content_list li p.title { margin-top:20px; margin-bottom:10px; }

/*首页服务项目样式内容开始*/
.home_service {clear: both;
z-index: 1;
position: relative;
z-index: 4;
padding:140px 0;
box-sizing: border-box; height:980px; overflow:hidden }
.home_service .imgBg {
    width: 100%;
    height: 100%;
    background-image: url(../image/home_back02.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home_service  .service_tit{ position:absolute; top:75px; left:10%;width:575px;height:63px; background: url(../image/service_titi.png) center center no-repeat;animation-delay: 1s;
-webkit-animation-delay: 1s;}

.home_service .scroll{ width:100%;max-width: 80%;
overflow: hidden;
position: relative;
box-sizing: border-box;
background: #fff; margin:0px auto
}
.home_service .item{ position:relative; height:700px;}
.home_service .item .text {
    position: absolute;
    left: 4%;
    top: 49%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.home_service .item h3 {
    font-size: 50px;
    color: #000000;
    position: relative;
    padding-left: 50px;
}
.home_service .item.slick-current h3{animation: moveRightL 2s ease; animation-fill-mode: both;}
.home_service .item h3::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 12px;
    width: 16px;
    height: 16px;
    border: 2px solid #dd2525;
    border-radius: 50%;
    box-sizing: border-box;
}
.home_service .item h4 {
    font-size: 22px;
    color: #666666;
    position: relative;
    padding-left: 50px;
    margin-top: 15px; font-weight:normal
}
.home_service .item.slick-current h4{animation: moveRightL 2s ease; animation-fill-mode: both;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.home_service .item aside {
    margin-top: 60px;
    padding-left: 50px;
}
.home_service .item.slick-current aside{animation: moveRightL 2s ease; animation-fill-mode: both;animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.home_service .item aside span {
    display: block;
    font-size: 16px;
    color: #999999;
    width: 160px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e6e6e6;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 5%;
}
.home_service .item img {
    position: absolute;
    width: 430px;
    height: auto;
    left: 27.55%;
    top: 62%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
/*.home_service .item.slick-current img{animation: moveRightL 2s ease; animation-fill-mode: both;}*/

.home_service .website-customized-nav { position: absolute; z-index: 22; right:10%; top: 60px; bottom: 140px; width: 20%; border-left: 1px solid #f5f5f5; box-sizing: border-box; background: #fff;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; animation-delay:0.8s;
-webkit-animation-delay: 0.8s;}

@media (max-width:1300px) {
.home_service .website-customized-nav { display:none;}
}

.home_service .website-customized-nav li { width: 100%; height: 20%; box-sizing: border-box; cursor: pointer; position: relative; background-color:#e9e9e9; text-align:center}
.home_service .website-customized-nav li.active{ background-color:#FFF}

.home_service .website-customized-nav li a { display: block; }

.home_service .website-customized-nav li .img { display:none; width: 120px; text-align: center; position: absolute; left: 54px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.home_service .website-customized-nav li .img img { display:none; vertical-align: middle; }

.home_service .website-customized-nav li .content { display:block;vertical-align: middle; line-height: 30px; position:absolute; top:50%; height:50px; margin-top:-26px;left: 50%; margin-left:-25%; text-align:left;}

.home_service .website-customized-nav li:nth-child(1) .content{ background: url(../image/pic147.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(2) .content{ background: url(../image/pic148.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(3) .content{ background: url(../image/pic149.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(4) .content{ background: url(../image/pic150.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(5) .content{ background: url(../image/pic151.png) left center no-repeat;padding-left: 80px;}

.home_service .website-customized-nav li h3 { font-size: 24px; color: #000000; font-weight: normal; }

.home_service .website-customized-nav li p { font-size: 12px; color: #b2b2b2; position: relative; line-height:22px; }

.home_service .website-customized-nav .active:after { content: ""; left: -8px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 16px; height: 16px; border: 2px solid #dd2525; border-radius: 50%; box-sizing: border-box; background: #fff; }

.home_service .website-customized-nav li + li { border-top: 1px solid #f5f5f5; }
.home_service .website-customized-nav .active h3 { color:#e31e1e;}

.home_service .slick-dots{ bottom:35px; text-align:left; left:4%; margin-left:50px;}
.home_service  .slick-dots li.slick-active button {
    background: #e31e1e;
}
.home_service .slick-dots li button{ background-color:#737373; width:8px; height:8px;}




/*推荐案例 样式开始*/
.case {margin:0 auto;width:90%;min-width:320px;padding:105px 0 0 0;min-height:520px;}
.case .part1{width:200px;float:left;font-size:24px;}
.case .part2{float:right;text-align:right;}
.case .part2 ul li{float:left;text-align:right; margin-right:10px; display:inline}
.case .part2 ul li.on a{ color:#e31e1e; position:relative}

.case .part2 ul li a{display:block;padding:0 20px;text-decoration:none;color:#666464;position:relative}
.case .part2.nav_fixed ul li a{padding:0 30px;}
.case .part2 ul li a:hover{color:#e31e1e;position:relative;}
.case .part2 ul li a:after{content: ""; position:absolute; left:10%; width:0%; top:50%; height:1px; background-color:#e31e1e; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s; opacity: 0;}
.case .part2 ul li a:hover:after{width: 80%; opacity: 0;}
.case .part2 ul li.on a:after{content: ""; position:absolute; left:10%; width:80%; top:50%; height:1px; background-color:#e31e1e;opacity:0;}
.case .part3{clear:both;padding-top:67px; width:100%; overflow:hidden}
.case .part3 ul{ width:103%;}
.case .part3 ul li{position:relative;float:left;text-align:center;width:31%; margin-right:2%; margin-bottom:2%; display:inline;overflow:hidden;}
.case .part3 ul li img{transition: transform 2s;}
.case .part3 ul li:hover img{/*-webkit-filter: blur(4px); filter: blur(4px);*/transform: scale(1.1);transition: transform 2s;}
.case .part3 ul li:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.case .part3 ul li:nth-child(2n){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.case .part3 ul li:nth-child(3n){animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.case .part3 ul li .case_img{ position:relative; overflow:hidden}
.case .part3 ul li a .case_img:before{
    content: '';
    width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
background: rgba(0,0,0,0);
transition: all 0.3s;
-webkit-transition: all 0.3s; z-index:3

}
.case .part3 ul li a .case_img:after{
   
}
/*.case .part3 ul li a:hover .case_img:before{
    visibility: visible;
opacity: 1;
background: rgba(0,0,0,0.6);

}*/
.case .part3 ul li a:hover .case_img:after{
  
}
.case .part3 ul li .case_img >span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	background: rgba(0,0,0,0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.case .part3 ul li:hover .case_img > span {
	visibility: visible;
	opacity: 1;
	background: rgba(0,0,0,0.6);
	
}
.case .part3 ul li .case_img span span {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 0;
	line-height: 26px;
	padding: 3px 0;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.case .part3 ul li .case_img span span:before {
	/* width: 10px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: width 0.3s;
	-webkit-transition: width 0.3s; */

	content: "";
	display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
    top: 0;
	
}
.case .part3 ul li .case_img span span:after {
	/* width: 10px;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: width 0.3s;
	-webkit-transition: width 0.3s;  */

	content: "";
	display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
    bottom:0;
	


}
.case .part3 ul li:hover .case_img span span:before,
.case .part3 ul li:hover .case_img span span:after {
	/* width: 60%; */
	width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    
}
.case .part3 ul li:hover .case_img span span p {
    font-size: 18px;
}


.case .part3 ul li .info{ background:url(../image/jiantou_0002.png)  95% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;}

.case .part3 ul li .info .desc{ text-align:left; padding-top:30px;}
.case .part3 ul li .info .desc span{display:block;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case .part3 ul li .info .desc span.fenlei{font-size:14px ; color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case .part3>ul>li:hover .info{background:url(../image/jiantou_0002_hover.png)  100% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;/*top:0;background-color:rgba(0,0,0,0.6);-webkit-transition:top .5s ease;transition:top .5s ease;*/}
.case .part3 ul li img{display:block;width:100%;overflow:hidden;}
.home_more{clear:both;height:180px;line-height:150px;text-align:center;position:relative;}
.home_more .line {
    display: block;
    width: 100%;
    border-top: 1px solid #f1f1f2;
    position: absolute;
    top: 50%;
    left: 0;
}
@media (max-width:1400px) {
	.case .part3 ul li .info,.case .part3>ul>li:hover .info{ background:none}
	}
.home_more .txt{position: relative;
    display: block;
    margin:0px auto;
    width: 170px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #5c5c5d;
    text-transform: uppercase;
    border: 1px solid #4c4c4c;}
.home_more .txt a{color:#666464;text-decoration:none;}
.home_more .margin_top01{ padding-top:64px; background-color:#FFF;width: 200px; margin:0px auto; position:relative; z-index:2}
.home_more .txt a:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;     -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.home_more .txt a:hover{color:#000;text-decoration: none;}
.home_more .txt a:hover:before{width:100%;}

.news_more{clear:both;height:180px;line-height:150px;text-align:center;position:relative;}
.news_more .line {
    display: block;
    width: 100%;
    border-top: 1px solid #dddddd;
    position: absolute;
    top: 50%;
    left: 0;
}
.news_more .txt{position: relative;
    display: block;
    margin:0px auto;
    width: 170px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #5c5c5d;
    text-transform: uppercase;
    border: 1px solid #4c4c4c;}
.news_more .txt a{color:#666464;text-decoration:none;}
.news_more .margin_top01{ padding-top:64px; background-color:#eeeeee;width: 200px; margin:0px auto; position:relative; z-index:2}
.news_more .txt a:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eeeeee;     -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.news_more .txt a:hover{color:#000;text-decoration: none;}
.news_more .txt a:hover:before{width:100%;}



	
/*新闻中心样式开始*/
.abinew{ width:100%; height:auto; background:#eeeeee;padding:100px 0 0px 0;background-color:#eeeeee;}
.abinew .container{ max-width:1600px; height:auto; width:90%; min-width:1200px;}
.abinewt{ text-align:center; font-weight:bold; color:#333333;}
.abinewcate{ padding:35px 0; text-align:center;}
.abinewcate ul li{ display:inline-block; padding:0 30px; background:url(../image/ab_li_bg.jpg) no-repeat right 50%; line-height:28px; position:relative}
.abinewcate ul li:last-child{ background:0;}
.abinewcate ul li a{ display:inline-block; padding:0 10px; line-height:28px; color:#666;}
.abinewcate ul li a:hover{ color:#e40311;}
.abinewcate ul li.on a{ color:#e40311;}
.abinewcate ul li a:after{content: ""; position:absolute; left:10%; width:0%; top:50%; height:1px; background-color:#e31e1e; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s; opacity: 0;}
.abinewcate ul li a:hover:after{width: 80%; opacity: 0;}
.abinewcate ul li.on a:after{content: ""; position:absolute; left:10%; width:80%; top:50%; height:1px; background-color:#e31e1e;opacity:0;}

.abinewcaaa{ position:relative;}
.abinewc{ padding-top:10px; padding-bottom:40px;}
.abinewcl{ width:37%; height:506px; background:#fff;transition: all .4s ease-out; }
.abinewclc{}
.new_left  .item  a{ display:block; padding:5%; background:#fff;}
.new_left .slick-dots{ bottom:30px; text-align:left; left:5%}
.new_left  .slick-dots li.slick-active button {
    background: #e31e1e;
}
.new_left .slick-dots li button{ background-color:#737373; width:8px; height:8px;}
.new_left .slick-prev{ display:none; opacity:0;filter:alpha(opacity=0);left:0; border:0; background:url(../image/left.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.new_left .slick-next{ display:none; opacity:0;filter:alpha(opacity=0);right:0; border:0; background:url(../image/right.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.abinewclc_img{ width:100%; height:300px; overflow:hidden; position:relative}
.abinewclc_img img{display: block;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); width:100%; height:auto;transition: transform 2s;}
.abinewclc_img:hover img{}
.abinewclc_c{ padding-bottom:5%; padding-top:25px;}
.abinewclc_cl{ width:77%; padding-right:3%; border-right:1px #a4a4a4 solid;}
.abinewclc_clt{ color:#000000; line-height:28px; height:28px; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.abinewclc_cli{ line-height:24px; color:#999; margin-top:14px; height:48px;overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.abinewclc_cr{ width:17%; height:auto;font-family: "family_DIN"; color:#333333; line-height:28px; text-align:center}
.abinewclc_cr_t{ font-size:42px; padding-top:10px;}
.abinewclc_cr_i{}
.abinewcl:hover{transform: translate3d(0, -5px, 0);box-shadow: 0 8px 35px rgba(0, 0, 0, .15);}


.abinewcr{ width:60%; height: auto; background:#fff;}
.abinewcr::marker{ display:none}
.abinewcr ul li{height:auto; float:left; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid;width: calc(50% - 1px);width: -moz-calc(50% - 1px);width: -webkit-calc(50% - 1px);}
.abinewcr ul li a{ padding:42px 10%; display:block;transition: all .4s ease-out;}
.abinewcrl{ width:17%; height:auto;font-family: "family_DIN";color:#333333; line-height:28px;}
.abinewclc_cr_t{ padding-top:20px; height:auto;}
.abinewclc_cr_i{}
.abinewcrr{ width:81%; height:auto;}
.abinewcrr_t{ color:#000000; line-height:28px; height:28px; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.abinewcrr_i{ line-height:24px; color:#999; margin-top:8px; height:48px; overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.abinewcr ul li a:hover{box-shadow: 0 8px 35px rgba(0, 0, 0, .15);}
.abinewcr ul li a:hover .abinewcrl{ color:#e40311;}

.abinewm{ text-align:center;}
.abinewm a{ display:inline-block; padding-right:40px; line-height:30px; color:#3e3e3e; font-size:14px; background:url(https://aoyaweb.com/images/ab_more_icon.png) no-repeat right 50%;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewm a:hover{ color:#ff4343;background:url(https://aoyaweb.com/images/ab_more_icon2.png) no-repeat right 50%;}

/*加入我们样式开始*/
.joins_home{padding: 88PX 0PX;background-color:#2D2D2D;background-size:cover}
.joins_home.back_case_info{ background-color:#eaeaea; padding-top:180px;}
.joins_home ul{text-align:center; padding-top:50px;}
.joins_home ul li{ width:20%; margin-right:2%; display: inline-block;}
.joins_home ul li:nth-child(3){width:30%;}
.joins_home ul li .input01 {
    background-color: #fff;
    color:#999999;
    border:0;
    border-radius:30px; width:100%; height:58px; line-height:58px; text-indent:30px;
}
.joins_home ul li:last-child{ width:15%; text-align:center;margin-right:0%;} 
.joins_home ul li:last-child .input_submit{
    background: none;
    color:#ffffff;
    border:#dd2525 2px solid;
    border-radius:30px; width:100%; height:58px;background-color:#dd2525; line-height:58px; text-align:center; display:inline-block;-webkit-transition: all ease .4s;transition: all ease .4s;}
.joins_home ul li:last-child .input_submit:hover{ background-color:#dd2525;color:#ffffff;-webkit-transition: all ease .4s;transition: all ease .4s;}


/*为什么选择我们样式开始*/
.sp {
    display: none !important;
}
.kehu_more{clear:both;height:140px;line-height:1px;text-align:center;position:relative;}
.kehu_more .line {
    display: block;
    width: 100%;
    border-top: 1px solid #fd8787;
    position: absolute;
    top: 50%;
    left: 0;
}
.kehu_more .txt{position: relative;
    display: block;
    margin:0px auto;
    width: 170px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #fd8787;}
.kehu_more .txt a{color:#ffffff;text-decoration:none;}
.kehu_more .margin_top01{ padding-top:43px; background-color:#dd2525;width: 200px; margin:0px auto; position:relative; z-index:2}
.kehu_more .txt a:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-top: 1px solid #dd2525;
    border-bottom: 1px solid #21242c;     -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.kehu_more .txt a:hover{color:#fff;text-decoration: none;}
.kehu_more .txt a:hover:before{width:100%;}

.choose_us{padding: 140px 0 50px;
background:#dd2525;}
.wrap_width{width: 80%;
margin: 0 auto;}
.choose_us .title {
	margin-bottom: 90px;
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height:220%;
	text-align: center;
}
.choose_us .title:before {
	margin-left: -2px;
	width: 4px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: -74px;
	background: #fff;
	content: "";
}
.choose_us .title span {
	margin-bottom: 18px;
	display: block;
	font-weight: bold;
}
.choose_us li {
	margin: 0 5% 70px 0;
    width: 12%;
    float: left;
	position: relative;
}
.choose_us li img {
	margin: 0 auto;
	display: block;
/*	transition: all 0.5s;
	-webkit-transition: all 0.5s;
*/}

.choose_us li:nth-child(6n){margin-right: 0;}


/*.choose_us li img:last-child {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);	
	visibility: hidden;
	opacity: 0;
}
.choose_us li.on img {
	visibility: hidden;
	opacity: 0;
}
.choose_us li.on img:last-child {
	visibility: visible;
	opacity: 1;
}
*/.choose_us .more {
	margin: 0 auto;
	width: 310px;
}
.choose_us .more a {
	padding: 0 47px;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	border-radius: 27px;
	border: 3px solid #fff;
	background: url(https://aoyaweb.com/images/icon05.png) no-repeat right 44px center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.choose_us .more a:hover {
	border: 3px solid #fff;	
	color:#2344A7;
	background: #fff url(https://aoyaweb.com/images/icon05_over.png) no-repeat right 38px center;
}


@media (max-width:1000px) {
	.home_service .service_tit{ display:none}
	.abinewcr ul li a {
    padding: 2rem;}
	.abinewc {
    padding-bottom: 0;
}
	.more_case a {
    padding: 1rem 3rem;

}
.more_case { padding-top:1rem;
    padding-bottom: 2rem;
}
	.home_number ul.content_list li{ width:50%;}
	.home_number {
    padding: 3rem 0;height: auto;
}
.home_number ul.content_list li:nth-child(2) div {
    border-right:0;
}
.home_number .imgBg {
    width: 100%;
    height: 100%;}
.mb_class ul li{ width:45%;margin-bottom: 0.8rem;}
.mb_class ul li a{ display:block; padding:1rem 0}
.mb_lists ul li .border .mb_font{ padding:1.5rem; padding-right:9rem}
.mb_lists ul li .border .mb_font .mb_link {
    right: 1.5rem;
    bottom: 1.5rem;}
.mb_class {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.moban {
    padding: 3rem 0;
}
.mb_lists ul li {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    display: block;
    margin-bottom: 1rem;}
	.case_list .item .pic {
    width: 100%;
    display: block;
}
.case_list .item .txtbox {
    display: block;
    text-align: left;
    width: 100%;
    padding-top: 0;
}
.case_list .item a{ padding:0}
.case_list {
    padding-top: 1rem;
    padding-bottom: 3rem;
}
.Our_advantage {
    padding-top: 3rem;
    padding-bottom: 1rem;}
	.Our_advantage ul li {
    width: 49%;
    margin-bottom: 2rem;
}
.Our_advantage ul li .advantage_icon {
    height: auto;
    line-height: initial;
    padding: 2rem 0;
}
.Our_advantage ul li .advantage_icon img{ height:3.5rem;}
.Our_advantage ul{ padding-top:1.5rem}
.news_home {
    padding:3rem 0;
}
.news_content {
    padding-top: 2rem;
}
.news_content .new_left {
    float: none;
    width: auto; padding:2rem
}
.news_content .new_left a .new_pic {
    height: auto;
}
.news_content .new_right {
    float: none;
    width: 100%;
}
.news_content .new_right ul li {
    padding: 2rem;
    padding-right: 8rem;}
	.Our_advantage ul li h3 {
    margin-bottom: 1rem;
    font-size: 1.1rem;}
	
	.banner_home .item .banner_backimg{ height:auto;}
	.banner_home .item .banner_backimg .container_content {
    padding-left: 0;
    padding-right: 0;
}
.banner_home .item .banner_backimg .banner_imgs {
    float: none;
    display: block;
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
}
.banner_home .item .banner_backimg .banner_fonts {
    float: none;
    display: block;
    width: 100%;
    padding-top: 100px;
}
.banner_home .item .banner_backimg .banner_fonts .banner_titile {
    margin-bottom: 1.5rem;
}
.banner_home .item .banner_backimg .banner_fonts .banner_line {
    margin-bottom: 2rem;
    width:12%;
}
.banner_home .item .banner_backimg .banner_fonts a{ margin-top:2rem}


.banner_home .item .banner_backimg .banner_fonts02 {
    padding-top: 150px; padding-bottom:4rem
}
.banner_home .item .banner_backimg .banner_fonts02 .banner_titile {
    margin-bottom: 1.5rem;
}
.banner_home .item .banner_backimg .banner_fonts02 a{ margin-top:2rem}
.banner_home .item .banner_backimg2 .banner_imgs{ padding-bottom:8rem;}
.home_number ul.content_list li p.number .unit {
    position: relative;
    top: -18px;
    left: 3px;
    color: #ffffff;
    vertical-align: 0;
    font-size: 2rem;
}
.joins_home ul {
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.joins_home{    background-size: cover;}
.joins_home ul li {
    width: auto;
    margin: 1rem 0;
    display: block;
}
.joins_home ul li:last-child .input_submit{width:100%;
    margin: 1rem 0;
    display: block;height:3.6rem;
    line-height: 3.6rem;}
	.joins_home ul li .input01 {
    width: 100%;
    height:3.6rem;
    line-height: 3.6rem;
    text-indent: 2rem;
}
.registered_home ul li {
    position: relative;
    width: 100%;
    margin: 1rem 0;
    display: block;}
	.registered_home ul li h3 {
    font-size: 1.2rem;}
	.registered_home ul li p {
    font-size: 0.9rem;}
	.registered_home {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.home_number ul.content_list {
    margin-top: 2rem;
}
.registered_home ul {
    text-align: center;
    padding-top: 1rem;
}
.mb_lists ul li:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.mb_lists ul li:nth-child(2n){animation-delay:0s;-webkit-animation-delay:0s;}
.mb_lists ul li:nth-child(3n){animation-delay:0s;-webkit-animation-delay:0s;}
.home_service{ padding:5%; height:auto}
.home_service .website-customized-nav{ display:none}
.home_service .item img{ display:none}
.home_service .scroll{ max-width:100%;}
.abinewcl {
    width: 100%;
    height: auto; margin-bottom:1rem}
	.abinewcr{ width:100%; height:auto}
	.abinewcr ul li {
    float: none;
    width: 100%;
}
.home_service .item h3{ font-size:2rem}
.home_service .item h4 {
    font-size: 1rem;}
	.home_service .item aside {
    margin-top: 2rem;}
	.home_service .item aside span {
    display: inline-block;
    width: 40%;
    height: 3rem;
    line-height: 3rem;
    font-size: 0.9rem; margin-right:5%;
}
.home_service .item aside span:nth-child(2n){ margin-right:0}
.home_service .item .text{ left:0}
.home_service .item {
    height: 25rem;
}
.banner_home #item01 .banner_fonts01 {
    margin-top: -35%;
    margin-left: -45%;
    z-index: 3;
    width: 90%;
}
.banner_home #item03 .banner_fonts03{ width:80%; margin-top:30%}
.banner_home #item04 .banner_fonts04{width:80%; left: 10%}
	.banner_home #item04 .banner_fonts04 .banner_titile,.banner_home #item03 .banner_fonts03 .banner_titile{ font-size: 2rem}
.banner_home #item03 .banner_imgs03{ display:none}
.banner_home #item04 .banner_imgs04{ display:none;}
.banner_home #item03 .banner_fonts03 .banner_line,.banner_home #item04 .banner_fonts04 .banner_line{ width:15%; height:4px;margin-bottom: 1.5rem;}
.banner_home #item03 .banner_fonts03 .banner_titile,.banner_home #item04 .banner_fonts04 .banner_titile {
    margin-bottom: 2rem;
}
.scfoll{ margin-bottom:4rem;opacity:0}
.home_service .slick-dots {
    bottom: 35px;
    text-align: center;
    left: 0;
    margin-left: 0;
}
.case {
    width: 90%;
    min-width: auto;
    padding: 3rem 0 0 0;
    min-height: auto;
}
.case .part3 ul li {
    float: none;
    width: 100%; margin-bottom:1rem; display:block
}
.case .part1 {
    width: 100%;
    float: none;
    font-size: 1.6rem;margin-bottom: 1.5rem;
}
.case .part2 {
    float: none;
    text-align: left;
}
.case .nav_fixed{ top:53px;    height: auto;
    line-height: 160%;padding: 1rem 0;}
.case .part3 {
    clear: both;
    padding-top: 2rem;
}
.case .part2 ul li {
    float: none;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    width: 45%;
    padding: 0.8rem 0;
}
.case .part3 ul li .info {
    background:none
}
.case .part3 ul li .info .desc {
    bottom: 10%; font-size:1rem
}
.case .part3 ul li .info .desc span {
    font-size: 1.2rem;
}
.case .part3 ul li .info .desc span.fenlei{ display:none}
.home_more {
    clear: both;
    height: 10rem;
    line-height: 10rem;
    text-align: center;
    position: relative;
}
.home_more .margin_top01 {
    padding-top: 3rem;
    background-color: #FFF;
    width: 60%;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
.home_more .txt {
    width: 70%;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 0.9rem;
}
.home_number .container_content {
    padding-top: 0;
}
.abinew {
    padding: 3rem 0 0px 0;
}
.abinewcate {
    padding: 2rem 0;
}
.abinewcate ul li {
    display: inline-block;
    padding: 0.8rem 0;
    line-height: 1;
    width: 48%;
}
.abinewcate ul li:nth-child(2){ background:none}
.news_more {
    clear: both;
    height: 10rem;
    line-height: 10rem;
    text-align: center;
    position: relative;
}
.news_more .margin_top01 {
    padding-top: 3rem;
    width: 60%;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
.news_more .txt {
    width: 70%;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 0.9rem;
}
.banner_home #item02 .banner_fonts02{ left:10%}
	.banner_home #item05 .banner_fonts05{ left: 10%; max-width: 80%;}
.abinewclc_img{ height:15rem}
.choose_us li {
    margin: 1.5rem 5%;  width:40%;}
	.choose_us {
    padding: 3rem 0 2rem;  
}
.choose_us .title {
    margin-bottom: 2rem;
    font-size: 0.95rem;
}
.joins_home ul li:nth-child(3) {
    width: auto;
}
.joins_home ul li:last-child {
    width: auto;
    text-align: center;
    margin-right: 0%; margin-top:2.5rem
}
.joins_home{ padding:3rem 0; padding-bottom:0}
	.banner_home #item01  .videocon{ display: none}
	}