@charset "utf-8";
.swiper-container{width: 100%;height: 100%;position: relative;}
.swiper-container img{}
.swiper-container .m{display: none;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}


  .CASEimg{display: none;}
  .video-wrap{display: block;}








.swiper-slide .title{position: absolute;left: 33%;bottom:44%;color: #FFF;text-align: left;z-index:100;}

.swiper-slide .title h2{font-size: 60px;line-height: 60px;letter-spacing: 5px;}
.swiper-slide .title h2 .txt{font-size: 50px;}
.swiper-slide .title h2 span{font-size: 40px;}
.swiper-slide .title p{font-size: 20px;margin-top: 0px;}
.swiper-slide .title p span{letter-spacing: 10px;}
.swiper-slide .title_pic{position: absolute;left: 30%;bottom:36%;width: 324px;z-index:100;}

.swiper-slide .title_pic img{width: 100%;}

.swiper-slide .title__er{position: absolute;left: 36%;bottom:46%;color: #FFF;text-align: left;z-index:100;}
.swiper-slide .title__er h2{font-size: 46px;line-height: 60px;letter-spacing: 5px;}
.swiper-slide .title__er h2 .txt{font-size: 40px;}
.swiper-slide .title__er h2 span{font-size: 30px;}
.swiper-slide .title__er p{font-size: 20px;margin-top: 0px;letter-spacing: 5px;}
.swiper-slide .title__er p span{}
.swiper-slide .title_pic_er{position: absolute;left: 30%;bottom:39%;width: 360px;z-index:100;}
.swiper-slide .title_pic_er img{width: 100%;}

.swiper-slide .title_san{position: absolute;left: 38%;bottom:50%;color: #FFF;text-align: left;z-index:100;}
.swiper-slide .title_san h2{font-size: 60px;font-weight: bold;line-height: 60px;letter-spacing: 10px;}
.swiper-slide .title_san h2 span{font-size: 30px;}
.swiper-slide .title_san p{font-size: 20px;margin-top: 0px;}
.swiper-slide .title_pic_san{position: absolute;left: 35%;bottom:37%;width: 324px;z-index:100;}
.swiper-slide .title_pic_san img{width: 100%;}

.swiper-slide .title_si{position: absolute;left: 33%;bottom:41%;color: #FFF;text-align: left;}
.swiper-slide .title_si h2{font-size: 60px;line-height: 50px;letter-spacing: 5px;}
.swiper-slide .title_si h2 .txt{font-size: 40px;}
.swiper-slide .title_si h2 span{font-size: 40px;}
.swiper-slide .title_si p{font-size: 20px;margin-top: 0px;}
.swiper-slide .title_si p span{letter-spacing: 10px;}
.swiper-slide .title_pic_si{position: absolute;left: 30%;bottom:26%;width: 360px;}
.swiper-slide .title_pic_si img{width: 100%;}

.swiper-slide .title_wu{position: absolute;left: 35%;bottom:43%;color: #FFF;text-align: left;}
.swiper-slide .title_wu h2{font-size: 50px;line-height: 50px;letter-spacing: 5px;}
.swiper-slide .title_wu h2 .txt{font-size: 40px;}
.swiper-slide .title_wu h2 span{font-size: 20px;padding-left: 10px;}
.swiper-slide .title_wu p{font-size: 20px;margin-top: 0px;}
.swiper-slide .title_wu p span{letter-spacing: 10px;}
.swiper-slide .title_pic_wu{position: absolute;left: 30%;bottom:40%;width: 360px;}
.swiper-slide .title_pic_wu img{width: 100%;}

.swiper-slide .pc{height: 100%;width: 100%;}
.swiper-slide .m{height: 100%;width: 100%;}

.swiper-pagination-bullet{background: none;border: 2px solid #FFF;}
.swiper-pagination-bullet{width: 10px;height: 10px;outline: medium;}
.swiper-pagination-bullet-active{background: #FFF;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;width: auto;right: 100px;left: auto;}
.swiper-pagination{color: #FFF;text-align: right;}
.swiper-pagination-current{font-size: 50px;}
.one-page-arrow{position: absolute;left: 50%;bottom: 30px;z-index: 100;margin-left: -20px;}
.one-page-arrow img {width:40px; height:20px;}
.animated{-webkit-animation-duration: 2s;animation-duration: 2s;}


.case_nav{position: absolute;left: 50%;top: 88%;z-index: 100;background: rgba(0,0,0,0.5);transform: translate(-50%,0%);}
.case_nav ul{padding: 8px 0;font-size: 0px;text-align: center;}
.case_nav li{display: inline-block; padding:0 40px;border-right: 3px solid #FFF;line-height: 18px;font-size: 14px;}
.case_nav li:last-child{border-right: none;}
.case_nav li a{color: #FFF;font-size: 16px;}

/*业务 / Business*/
.indx-business{padding:150px 0px;max-width: 1000px; margin: 0 auto;}
.indx-business .more{float: right;font-size: 24px;}
.indx-business .more a:hover{text-decoration: none;}
.accordion {width: auto;margin: -20px auto 20px;position:relative; height:auto; font-weight:bold;}
.accordion li{width:100%; display:block;} 
.accordion .link { width: auto;border-bottom: 4px solid #a7a7a7;cursor: pointer;display: inline-block;color: #6d6d6d;position:relative;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; padding: 0px; margin-bottom:30px; z-index:1;
	font-size:34px;
	line-height:72px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";letter-spacing:-1px;font-weight:bold;
}
	
.accordion li:last-child .link {}

.accordion li > .link::after {display: block;content: '';position: absolute;bottom: 0;width: 0;height: 40px;background:#264aff;opacity:1;transition:width 2.0s;
    -webkit-transition:width 2.0s;
    -ms-transition:width 2.0s;
    z-index:-1;
}
.accordion li .link:hover::after {width: 100%;height:40px;background:#264aff;opacity:1;
	transition:width 2.0s;
    -webkit-transition:width 2.0s;
    -ms-transition:width 2.0s;
    z-index:-1
}
.accordion .link:hover{ color: #303030;position: relative;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; 
}
.accordion .link p { display:inline-block; margin-right:40px; font-weight:bold;}
.accordion .link span {font-size:30px;color: #6d6d6d;font-weight: normal;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; font-family:"Circular-Book","微软雅黑","Microsoft YaHei";
}
.accordion .link:hover span {
	color: #303030;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i {position: relative;top:4px;font-size:46px;color: #6d6d6d;display: inline-block;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	right: -30px;
}
.accordion li i.fa-plus {left: auto;font-size:46px; font-weight:bold}

.accordion li.open .link { position:relative; margin-bottom:50px;color: #303030;border-bottom: 4px solid #6d6d6d;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; display: inline-block;
}
.accordion li.open .link span{ position:relative; margin-bottom:0px;color: #303030;border-bottom:0px;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; display:inline-block;
}
.accordion li.open .link:after {display: block;content: '';position: absolute;bottom: 0;width: 100%;height:40px;background:#264aff;opacity:1;
    transition:height 0.5s;
    -webkit-transition:height 0.5s;
    -ms-transition:height 0.5s; z-index:-1;
}
.accordion li.open i {color: #6d6d6d;}
.accordion li.open i.fa-plus {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);

}
.fa-plus:before {font-style: normal ;content: "+";}
.accordion li.open i.fa-plus:before {bottom:8px;position: relative;content: "-";}

.submenu {display: none;font-size: 18px;padding: 0;line-height: 20px;margin-bottom: 30px;margin-top: -30px;font-weight: normal;}
.homeabout {clear:both;margin:0px auto;padding:10px;max-width:1000px;height:auto;font-size:9pt;line-height:175%;color:#555;text-align:center;}
.homeabout a:link, .homeabout a:visited {font-size:9pt;line-height:175%;color:#555;}

.index_case{padding:50px 0 0 0;}
.index_case .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;margin:0 auto;width: 300px;line-height: 40px;}
.index_case .box{margin-top: 30px;}
.index_case .box li{width: 100%;float: left;}
.index_case .box li .li_box{ position: relative;overflow: hidden;}
.index_case .box img{width: 100%;}
.index_case .box .index_case_l{float: left;width: 25%;}
.index_case .box .index_case_c{float: left;width: 50%;}
.index_case .box .index_case_c li:nth-of-type(2){width: 50%;}
.index_case .box .index_case_c li:nth-of-type(3){width: 50%;}
.index_case .box .index_case_r{float: right;width: 25%;}
.index_case .box li .li_box .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.index_case .box li .li_box:hover .title{visibility: visible;opacity: 1;left: 0px;}
.index_case .box li .li_box .title h2, .index_case .box li .li_box .title h6{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.index_case .box li .more{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.index_case .box li a{display: block;margin:2px;}
.index_case .box li a:hover{display: block;text-decoration: none;}


.index_dmt{padding:100px 100px;background: #eeefef;}
.index_dmt .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;margin:0 auto;width: 300px;line-height: 40px;}
.index_dmt .dmt{margin-top: 50px;}
.index_dmt .dmt h2, .index_dmt .dmt h6{font-size: 20px;padding:10px 0;text-align: center;}
.index_dmt .dmt .swiper-slide{display:inline-block;background: none;}

.index_dmt .dmt .swiper-slide img{width: 100%;}
.index_dmt .dmt .swiper-slide .title_er{border-bottom: 1px solid #000;padding-bottom: 10px;}
.index_dmt .dmt .swiper-slide p{line-height: 18px;height: 36px;overflow: hidden;font-size: 14px;}
.index_dmt .dmt .left{left: 0px;/*background: #000;*/outline: medium;top: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;z-index: 100;}
.index_dmt .dmt .right{right: 0px;/*background: #000;*/outline: medium;top: 50%;width: 50px;height: 50px;line-height: 50px;text-align: center;z-index: 100;}
.index_dmt .dmt .swiper-button-next, .swiper-button-prev i{color: #FFF;font-size: 24px;}
.index_dmt .dmt .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}


.index_news{padding:50px 100px 100px 100px;}
.index_news .bt{font-size: 20px;border-bottom: 1px solid #000;padding-bottom: 15px;}
.index_news ul{margin-top: 20px;}
.index_news .news_l{width: 30.333%;float: left;}
.index_news .news_l li{line-height: 40px;border-bottom: 1px solid #999;background: url(../images/pic17.png) no-repeat left center;padding-left: 15px;margin-top: 10px;height: 40px;overflow: hidden;}
.index_news .news_c{width: 30.333%;float: left;margin-left: 4.5%;}
.index_news .news_c li{line-height: 40px;border-bottom: 1px solid #999;background: url(../images/pic17.png) no-repeat left center;padding-left: 15px;margin-top: 10px;height: 40px;overflow: hidden;}
.index_news .news_r{width: 30.333%;float: right;}
.index_news .news_r ul{}
.index_news .news_r li{margin-bottom: 20px;}
.index_news .news_r li .pic{width: 150px;float: left;}
.index_news .news_r li .pic img{width: 100%;}
.index_news .news_r li .title{padding-left: 170px;}
.index_news .news_r li .title h2, .index_news .news_r li .title h6{font-weight: bold;}
.index_news .news_r li .title p{margin-top: 20px;line-height: 18px;height: 36px;overflow: hidden;}


.index_client{padding:50px 100px 100px 100px;background: #eeefef;}
.index_client .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;margin:0 auto;width: 300px;line-height: 40px;}
.index_client ul{margin-top: 30px;}
.index_client li{float: left;width: 16.5%;}
.index_client li img{width: 100%;}


.index_lx .box{max-width: 900px;height: 200px;background: url(../images/pic30.jpg) no-repeat center;margin:150px auto;background-size: auto 105%;transition: all 1s;font-weight: bold;}
.index_lx .box:hover{background-size: auto 100%;}
.index_lx .title{background: #ffeb3b;padding:10px 30px;font-size: 24px;}
.index_lx p{color: #ffeb3b;font-size: 16px;margin-top: 10px;}
.index_lx a{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;}
.index_lx a:hover{text-decoration: none;}


.breadcrumb { width: 100%;height: 80px;background: #FFF;position: relative;font-size: 18px;line-height: 80px;}
.content {margin: 0;position: relative;height: auto;}
.weizhi {max-width: 1000px;margin: 0 auto;font-family: "Circular-Book","微软雅黑","Microsoft YaHei";font-weight: bold;}
.weizhi span {width: 10px;height: 10px;background: #ffeb32;display: block; border-radius: 10px;float: left; margin-top: 35px; margin-right: 15px;}
.daohan {width: 100%;height: 200px;background: #eeefef; position: relative;z-index: 111;overflow: hidden;}
.c-daohan {max-width: 1000px;margin: 0 auto;position: relative;}
.c-daohan ul { width: 100%;padding-top: 40px;position: relative;display: block;}
.c-daohan li {width: 20%;float: left;font-size: 18px;}
.c-daohan li a {width: 100px;height: 160px;float: left;font-size: 18px;color: #202020;}
.c-daohan li a div{width:100px; height:145px; float:left; font-size:18px; color:#202020; border-top:2px solid #202020; padding-left:5px; padding-top:15px;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; position:relative; }
.c-daohan li a:hover div{  color:#202020;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
.c-daohan li a div:before{
	display: block;
    content: ''; 
	bottom:0;
	left:0;
    position:absolute;
    width: 100%;
    height:0px;
    background:#202020;
    opacity:1;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s; }		
.c-daohan li a:hover div:before{
	display: block;
    content: ''; 
    position:absolute;
    width: 100%;
    height:80px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s;}

.c-daohan li .active div{ background:#202020; color:#FFF !important;}


.about_dyip{max-width: 1000px;margin:0 auto;padding:50px 0 100px 0;}
.about_dyip .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;width: 300px;line-height: 40px;}
.about_dyip .txt{margin-top: 40px;}
.about_dyip .txt p{margin-top: 20px;line-height: 24px;}


.about_derp_de{background:#eee;margin-bottom:50px;padding:50px 0;}
.about_derp_de .box{max-width: 1000px;margin:0 auto;}
.about_derp_de .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;width: 300px;line-height: 40px;}
.about_derp_de ul{line-height:40px;margin-top: 40px;}


.about_dsanp_dsan{max-width: 1000px;margin:0 auto;padding:50px 0 100px 0;}
.about_dsanp_dsan .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;width: 300px;line-height: 40px;}
.about_dsanp_dsan .txt{margin-top: 40px;padding-right: 10%;}
.about_dsanp_dsan .txt h2{font-size: 70px;font-weight:bold;}
.about_dsanp_dsan .txt h3{font-size: 50px;margin-top: 10px;font-weight:bold;display: inline-block;position: relative;}
.about_dsanp_dsan .txt h3:after{display: block;content: '';bottom: 0px;position: absolute;width: 0;height: 20px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;}
.about_dsanp_dsan .txt h3:hover:after{width: 100%;}
.about_dsanp_dsan .txt h4{font-size: 30px;margin-top: 20px;font-weight:bold;}
.about_dsanp_dsan .txt p{margin-top: 20px;line-height: 24px;font-size:15px;}


.about_derp{background: #eeefef;padding:50px 0;}
.about_derp .box{max-width: 1000px;margin:0 auto;}
.about_derp .box .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;width: 300px;line-height: 40px;}
.about_derp .box ul{margin-top: 50px;}
.about_derp .box li{margin-bottom: 60px;border-bottom: 1px solid #333;padding-bottom: 10px;}
.about_derp .box li .li_l{float: left;width: 20%;}
.about_derp .box li .li_l .pic{width: 80px;height: 80px;}
.about_derp .box li .li_l .pic img{width: 100%;}
.about_derp .box li .li_l .title{margin-top: 5px;}
.about_derp .box li .li_l .title h2{font-size: 22px;}
.about_derp .box li .li_l .title p{margin-top: 10px;}
.about_derp .box li dl{float: right;width: 80%;line-height: 24px;padding-top:30px;}
.about_derp .box li dd{float:left;width:25%;}
.about_derp .box li dd .shu{position:relative;font-size:12px;}
.about_derp .box li dd .shu span{font-size:30px;}
.about_derp .box li dd p{}


.about_dsanp{max-width: 1000px;margin:0 auto;padding:100px 0;}
.about_dsanp .bt{font-size: 20px;background: #000;color: #ffeb32;text-align: center;width: 300px;line-height: 40px;}
.about_dsanp .txt{line-height: 50px;font-size: 30px;font-weight: bold;margin-top: 50px;}
.about_dsanp .about_fa{margin-top: 50px;font-size: 0px;display: flex;justify-content: space-between;padding:0 5%;}
.about_dsanp .swiper-slide{text-align: left;background: none;}
.about_dsanp dl{}
.about_dsanp dt{font-size: 24px;font-weight: bold;margin-bottom: 20px;position: relative;}
.about_dsanp dt:after{display: block;content: '';bottom: -8px;position: absolute;width: 0%;height: 15px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;}
.about_dsanp dt:hover:after{width: 100%;}
.about_dsanp dd{line-height: 30px;font-size: 18px;}


.rongyu{max-width: 1000px;margin:0 auto;padding:50px 0;}
.rongyu .rongyu_l{float: left;}
.rongyu .rongyu_l ul{}
.rongyu .rongyu_l li{font-size: 18px;padding:20px 0;}
.rongyu .rongyu_l li a:hover{background: #000;color: #ffeb32;}
.rongyu .rongyu_r{float: right;height: 700px;width: 200px;}
.rongyu .rongyu_r .swiper-slide img{width: 100%;}
.rongyu_pic .left{background: none;bottom: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;margin-top: 0;left: 0px;}
.rongyu_pic .right{background: none;top: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;margin-top: 0;right: 0;}
.rongyu_pic .right i{color: #FFF;font-size: 24px;}
.swiper-button-next, .swiper-button-prev{top: auto;}


.wenhua{padding:50px 100px;}
.wenhua ul{margin-left: -5%;}
.wenhua li{width: 45%;float: left;margin-left: 5%;margin-bottom: 20px;}
.wenhua li .pic{overflow: hidden;}
.wenhua li .pic img{width: 100%;transition: all 2s;}
.wenhua li:hover .pic img{transform: scale(1.2);opacity: .6;}
.wenhua li .title{}
.wenhua li .title h2{font-size: 26px;padding:20px 0;position: relative;display: inline-block;}
.wenhua li .title h2:after{display: block;content: '';bottom: 15px;position: absolute;width: 0;height: 15px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;}
.wenhua li:hover .title h2:after{width: 100%;}
.wenhua li .title .title_b{border-top: 2px solid #EEE;line-height: 50px;}
.wenhua li .title .title_b .dz{float: left;}
.wenhua li .title .title_b .dz i{font-size: 24px;margin-right: 10px;}
.wenhua li .title .title_b .rq{float: right;}
.wenhua li .title .title_b .rq i{font-size: 20px;margin-right: 10px;}


.wenhua_con{max-width: 1000px;margin:0 auto;padding:200px 0 100px 0;}
.wenhua_con .title{font-size: 50px;font-weight: bold;}
.wenhua_con .box{margin-top: 30px;line-height: 30px;}
.wenhua_con .box img{width: 100%;}
.wenhua_con .box p{padding:10px 0;}


.accordion_case{max-width: 1000px;margin:0 auto;}
.accordion_case .submenu{margin-left: -2%;}
.accordion_case .submenu .list{float: left;width: 31.333%;position: relative;overflow: hidden;margin-left: 2%;text-align: center;}
.accordion_case .open .submenu{display: block;}
.accordion_case .submenu .list img{width: 100%;}
.accordion_case .submenu .list .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.accordion_case .submenu .list:hover .title{visibility: visible;opacity: 1;left: 0px;}
.accordion_case .submenu .list .title h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.accordion_case .submenu .list .more_er{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.accordion_case .submenu .list a{display: block;}
.accordion_case .submenu .list a:hover{display: block;text-decoration: none;}


.case_con{padding:200px 100px 100px 100px;}
.case_con .case_con_l{width: 70%;background: #FFF;float: left;}
.case_con .case_con_l .box{padding:30px;}
.case_con .case_con_l .box .title{border-bottom: 1px solid #000;padding-bottom: 10px;}
.case_con .case_con_l .box h2{font-size: 30px;margin-bottom: 10px;}
.case_con .case_con_l .box p{line-height: 24px;}
.case_con .case_con_l .box .txt{padding:20px 0;}

.case_con .case_con_l .box .txt video{max-width:100%; height:auto;}

.case_con .case_con_l .box .txt p{padding-bottom: 10px;}
.case_con .case_con_l .box .txt img{margin-bottom: 10px;max-width: 100%;}
.case_con .case_con_l .box .fhui{font-size: 24px;font-weight: bold;margin-top: 50px;}
.case_con .case_con_l .box .fhui a{border-bottom: 1px solid #000;}
.case_con .case_con_l .box .fhui a:hover{text-decoration: none;}

.case_con .case_con_r{width: 27%;background: #FFF;float: right;}
.case_con .case_con_r .box{padding:20px 30px;}
.case_con .case_con_r .zxin{}
.case_con .case_con_r .zxin h2{font-size: 24px;font-weight: bold;background: #000;height: 50px;line-height: 50px;text-align: center;color: #ffeb32;}
.case_con .case_con_r .zxin ul{margin-top: 20px;}
.case_con .case_con_r .zxin li{position: relative;margin-bottom: 15px;}
.case_con .case_con_r .zxin li .pic{width: 50%;float: left;}
.case_con .case_con_r .zxin li .pic img{width: 100%;}
.case_con .case_con_r .zxin li .title{position: absolute;top:0px;right:0px;bottom:0px;width: 50%;transition: all 0.3s;}
.case_con .case_con_r .zxin li:hover .title{background: #000;color: #ffeb32;}
.case_con .case_con_r .zxin li .title .border{border: 1px solid #000;position: absolute;left:0px;top:0px;right:0px;bottom:0px;display: flex;justify-content: center;align-items: center;}
.case_con .case_con_r .zxin li:hover .title .border p{border: 1px solid #ffeb32;position: absolute;left:10px;top:10px;right:10px;bottom:10px;display: flex;justify-content: center;align-items: center;}

.case_con .case_con_r .indx-business{padding:0;}
.case_con .case_con_r .accordion .link{font-size: 24px;line-height: 40px;margin-bottom: 20px;}
.case_con .case_con_r .accordion .link p{margin-right: 20px;}
.case_con .case_con_r .accordion .link span{font-size: 18px;}
.case_con .case_con_r .submenu{margin-bottom: 20px;margin-top: 0;margin-left: 0%;}
.case_con .case_con_r .accordion li > .link::after{height: 20px;}
.case_con .case_con_r .accordion li i.fa-plus{font-size: 30px;}
.case_con .case_con_r .accordion li i{right: -20px;}

.case_con .case_con_r .submenu .list_er{margin-bottom: 15px;}


.fanan{padding:100px;}
.fanan li{margin-bottom: 15px;}
.fanan li .pic{height: 500px;}
.fanan li .li_box{ position: relative;overflow: hidden;}
.fanan img{width: 100%;}
.fanan .index_case_l{float: left;width: 25%;}
.fanan .index_case_c{float: left;width: 50%;}
.fanan .index_case_c li:nth-of-type(2){width: 50%;}
.fanan .index_case_c li:nth-of-type(3){width: 50%;}
.fanan .index_case_r{float: right;width: 25%;}
.fanan li .li_box .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.fanan li .li_box:hover .title{visibility: visible;opacity: 1;left: 0px;}
.fanan li .li_box .title h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.fanan li .more{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.fanan li a{display: block;}
.fanan li a:hover{display: block;text-decoration: none;}

.fanan_more{background: #eee;height: 100px;text-align: center;line-height: 100px;font-size: 16px;}
.fanan_more a{display: block;}
.fanan_more a:hover{display: block;text-decoration: none;}
.fanan_more i{width: 20px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #000;display: inline-block;border-radius: 50px;margin-left: 10px;}


.fangan_banner{position: relative;}
.fangan_banner img{width: 100%;}
.fangan_banner .m{display: none;}
.fangan_banner .title_san{position: absolute;left: 38%;bottom:40%;color: #FFF;text-align: left;}
.fangan_banner .title_san h2{font-size: 60px;font-weight: bold;line-height: 60px;letter-spacing: 10px;}
.fangan_banner .title_san h2 span{font-size: 30px;}
.fangan_banner .title_san p{font-size: 20px;margin-top: 0px;}
.fangan_banner .title_pic_san{position: absolute;left: 35%;bottom:27%;width: 324px;}
.fangan_banner .title_pic_san img{width: 100%;}


.fanan_con{padding:100px;}
.fangan_dyip{}
.fangan_dyip .title{}
.fangan_dyip .title .txt{font-size: 30px;color: #999;}
.fangan_dyip .title .title_b{margin-top: 30px;}
.fangan_dyip .title .title_b h2{float: left;font-size: 34px;position: relative;}
.fangan_dyip .title .title_b h2:after{display: block;content: '';bottom: -8px;position: absolute;width: 0%;height: 25px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;}
.fangan_dyip .title .title_b h2:hover:after{width: 100%;}
.fangan_dyip .title .title_b p{margin-left: 50px;float: left;line-height: 18px;max-width: 740px;}

.fangan_dyip ul{display: flex;width: 100%;margin-top: 50px;box-sizing: border-box;height: 60vh;}
.fangan_dyip li {flex: 1;overflow: hidden;transition: .5s;margin: 0 0.3%;line-height: 0;position: relative;}
.fangan_dyip li > img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.fangan_dyip li:hover {flex: 1 1 50%;}
.fangan_dyip li h2{position: absolute;left: 0px;top: 0px;right:0px;bottom:0px;font-size: 20px;    display: flex;justify-content: center;align-items: center;flex-direction: column;visibility: hidden;opacity: 0;transition: all 0.3s;}
.fangan_dyip li h2 p{font-size: 20px;font-weight: bold;}
.fangan_dyip li:hover h2{background: rgba(255,235,50,0.8);visibility: visible; opacity: 1;}


.fangan_derp{padding-top: 100px;border-bottom: 2px solid #CCC;padding-bottom: 30px;}
.fangan_derp .left{width: 70%;float: left;}
.fangan_derp .left img{width: 100%;margin-bottom: 20px;}
.fangan_derp .right{width: 27%;float: right;}
.fangan_derp .right .yi{margin-bottom: 40px;}
.fangan_derp .right .yi h2{font-size: 24px;font-weight: bold;border: 1px solid #000;display: inline-block;padding:10px;}
.fangan_derp .right .yi .box{line-height: 30px;margin-top: 20px;}
.fangan_derp .right .yi .box p{margin-bottom: 10px;}


.fangan_dsanp{padding-top: 40px;}
.fangan_dsanp h2{font-size: 34px;position: relative;display: inline-block;}
.fangan_dsanp h2:after{display: block;content: '';bottom: -8px;position: absolute;width: 0%;height: 25px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;}
.fangan_dsanp h2:hover:after{width: 100%;}
.fangan_dsanp ul{margin-left: -1%;margin-top: 40px;}
.fangan_dsanp li{float: left;width: 32.333%;margin-left: 1%;}
.fangan_dsanp li .pic{}
.fangan_dsanp li .li_box{ position: relative;overflow: hidden;}
.fangan_dsanp img{width: 100%;}
.fangan_dsanp .index_case_l{float: left;width: 25%;}
.fangan_dsanp .index_case_c{float: left;width: 50%;}
.fangan_dsanp .index_case_c li:nth-of-type(2){width: 50%;}
.fangan_dsanp .index_case_c li:nth-of-type(3){width: 50%;}
.fangan_dsanp .index_case_r{float: right;width: 25%;}
.fangan_dsanp li .li_box .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.fangan_dsanp li .li_box:hover .title{visibility: visible;opacity: 1;left: 0px;}
.fangan_dsanp li .li_box .title h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.fangan_dsanp li .more{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.fangan_dsanp li a{display: block;}
.fangan_dsanp li a:hover{display: block;text-decoration: none;}

.fanan_con .fhui{font-size: 24px;font-weight: bold;margin-top: 50px;}
.fanan_con .fhui a{border-bottom: 1px solid #000;}
.fanan_con .fhui a:hover{text-decoration: none;}


.dmt_list{padding:100px;}
.dmt_list .box{}
.dmt_list .box li{width: 100%;float: left;}
.dmt_list .box li .li_box{ position: relative;overflow: hidden;}
.dmt_list .box img{width: 100%;}
.dmt_list .box .index_case_l{float: left;width: 25%;}
.dmt_list .box .index_case_c{float: left;width: 50%;}
.dmt_list .box .index_case_c li:nth-of-type(2){width: 50%;}
.dmt_list .box .index_case_c li:nth-of-type(3){width: 50%;}
.dmt_list .box .index_case_r{float: right;width: 25%;}
.dmt_list .box li .li_box .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.dmt_list .box li .li_box:hover .title{visibility: visible;opacity: 1;left: 0px;}
.dmt_list .box li .li_box .title h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.dmt_list .box li .li_box .title .more{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.dmt_list .box li a{display: block;margin:2px;}
.dmt_list .box li a:hover{display: block;text-decoration: none;}

.dmt_list .box li .li_box .title_yi{position: absolute;left: 20px;top: 20px;color: #FFF;z-index: 100;display:none;}
.dmt_list .box li .li_box .title_yi h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;float: left;}
.dmt_list .box li .li_box .title_yi .more{width: 80px;line-height: 20px;text-align: center;margin-left: 10px;border: 1px solid #FFF;float: left;}


.dmt_list .box .yi_case_t{}
.dmt_list .box .yi_case_t ul{}
.dmt_list .box .yi_case_t li{}
.dmt_list .box .yi_case_t li:nth-of-type(1){width: 39.999%;float: left;}
.dmt_list .box .yi_case_t li:nth-of-type(2){width: 37.111%;float: left;}
.dmt_list .box .yi_case_t li:nth-of-type(3){width: 22.888%;float: right;}
.dmt_list .box .yi_case_t li .li_box .title_yi{display:none;}

.dmt_list .box .yi_case_b{}
.dmt_list .box .yi_case_b .b_l{float: left;width: 23.222%;}
.dmt_list .box .yi_case_b .b_r{float: right;width: 76.777%;}
.dmt_list .box .yi_case_b .b_r .r_t{}
.dmt_list .box .yi_case_b .b_r .r_t ul{}
.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(1){width: 40.222%;}
.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(2){width: 29.888%;}
.dmt_list .box .yi_case_b .b_r .r_t li:nth-of-type(3){width: 29.888%;}
.dmt_list .box .yi_case_b .b_r .r_b ul{}
.dmt_list .box .yi_case_b .b_r .r_b li:nth-of-type(1){width: 50%;}
.dmt_list .box .yi_case_b .b_r .r_b li:nth-of-type(2){width: 50%;}
.dmt_list .box .yi_case_b li .li_box .title_yi{display:none;}

.dmt_list .box .er_case_l{float: left;width: 33.333%;}
.dmt_list .box .er_case_c{float: right;width: 33.333%;}
.dmt_list .box .er_case_r{float: left;width: 33.333%;}

.dmt_list .box .san_case_l{float: left;width: 33.333%;}
.dmt_list .box .san_case_c{float: left;width: 33.333%;}
.dmt_list .box .san_case_r{float: right;width: 33.333%;}

.dmt_list .box .si_case_l{float: left;width: 66.7%;}
.dmt_list .box .si_case_l li{width: 50%;}
.dmt_list .box .si_case_l ul:nth-of-type(1) li:nth-of-type(1){width: 67%;}
.dmt_list .box .si_case_l ul:nth-of-type(1) li:nth-of-type(2){width: 33%;}
.dmt_list .box .si_case_r{float: right;width: 33.3%;}

.dmt_list .box .wu_case_l{}


.news{padding:100px;}
.news ul{}
.news li{margin-bottom: 15px;}
.news li .pic{width: 290px;float: left;}
.news li .pic img{width: 100%;}
.news li .li_r{margin-left: 310px;border-top: 1px solid #000;padding-top: 30px;}
.news li .li_r .rq{width: 100px;color: #999;line-height: 40px;float: left;text-align: right;}
.news li .li_r .rq p{font-size: 30px;}
.news li .li_r .li_r_r{padding-left: 160px;}
.news li .li_r .li_r_r h2{font-size: 18px;line-height: 30px;margin-bottom: 20px;height: 30px;overflow: hidden;}
.news li .li_r .li_r_r h2 a:hover{background: #000;color:#ffeb32;}
.news li .li_r .li_r_r p{line-height: 24px;color: #999;height: 48px;overflow: hidden;}

.case_con .news_con_r{width: 27%;background: #FFF;float: right;}
.case_con .news_con_r .box{padding:20px 30px;}

.case_con .news_con_r .indx-business{padding:0;}
.case_con .news_con_r .accordion .link{font-size: 24px;line-height: 40px;margin-bottom: 20px;}
.case_con .news_con_r .accordion .link p{margin-right: 20px;}
.case_con .news_con_r .accordion .link span{font-size: 18px;}
.case_con .news_con_r .submenu{margin-bottom: 20px;margin-top: 0;margin-left: 0%;}
.case_con .news_con_r .accordion li > .link::after{height: 20px;}
.case_con .news_con_r .accordion li i.fa-plus{font-size: 30px;}
.case_con .news_con_r .accordion li i{right: -20px;}

.case_con .news_con_r .submenu .news_list{line-height: 30px;margin-bottom: 10px;padding:0 30px;}
.case_con .news_con_r .submenu .news_list a:hover{background: #000;color:#ffeb32;}


.contact{padding:100px 0;max-width: 1000px;margin:0 auto;}
.contact .contact_dyip{border-bottom: 2px solid #CCC;padding-bottom: 50px;}
.contact .contact_dyip .txt{padding-right: 10%;}
.contact .contact_dyip .txt h2{font-size: 70px;font-weight:bold;}
.contact .contact_dyip .txt h3{font-size: 50px;margin-top: 10px;font-weight:bold;display: inline-block;position: relative;}
.contact .contact_dyip .txt h3:after{display: block;content: '';bottom: 0px;position: absolute;width: 0;height: 20px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;}
.contact .contact_dyip .txt h3:hover:after{width: 100%;}
.contact .contact_dyip .txt h4{font-size: 30px;margin-top: 20px;font-weight:bold;}
.contact .contact_dyip .txt p{margin-top: 20px;line-height: 24px;font-size:15px;}

.contact .contact_lx{padding-top: 20px;}
.contact .contact_lx .foot_l{float: left;width: 50%;}
.contact .contact_lx .foot_l h2{font-size: 24px;margin-bottom: 30px;}
.contact .contact_lx .foot_l .txt p{margin-bottom:15px;font-weight:bold;}
.contact .contact_lx .foot_l .txt p:last-child{font-weight:normal;border-bottom:1px solid #000;display:inline-block;padding-bottom:5px;}
.contact .contact_lx .foot_l .pic{padding-top:60px;}
.contact .contact_lx .foot_l img{max-width: 80%;}



.zhaopin{padding:100px 0;}
.zhaopin_dyip{max-width: 1000px;margin:0 auto;}
.zhaopin_dyip .txt_yi{font-size: 80px;font-weight: bold;position: relative;display: inline-block;}
.zhaopin_dyip .txt_yi:after{display: block;content: '';bottom: 0px;position: absolute;width: 100%;height: 25px;background: #264aff;z-index: -1;transition: width 0.5s; -webkit-transition: width 0.5s;}
.zhaopin_dyip .txt_er{font-size: 50px;margin-top: 30px;margin-bottom: 30px;}
.zhaopin_dyip p{line-height: 24px;color: #999;}

.cpxqer{margin-top: 100px;}
.cpxqer ul{}
.cpxqer li{background: #FFF;}
.cpxqer li .icon{float: left;}
.cpxqer li .icon i{float: left;margin-right: 150px;font-size: 80px;color: #585959;}
.cpxqer li .border.active .icon i{color: #FFF;}
.cpxqer li .icon p{float: left;line-height: 80px;font-size: 30px;}
.cpxqer li .li_r{float: right;line-height: 80px;font-size: 18px;}
.cpxqer li .border.active .li_r{color: #FFF;}
.cpxqer li .li_r i{width: 28px;line-height: 28px;text-align: center;border: 1px solid #000;display: inline-block;border-radius: 8px;font-size: 18px;margin-left: 50px;}
.cpxqer li .li_r i.icon-jiahao:before { content: "\e602";}
.cpxqer li .border.active .li_r i{border: 1px solid #ffeb32;color: #ffeb32;}
.cpxqer li .border.active .li_r i.icon-jiahao:before {content: "\e611";}
.cpxqer li span{float: right;}
.cpxqer li .border{ font-size:16px; border-bottom:1px solid #9d8f88; padding:10px 10%;background:#eee;}
.cpxqer li .border.active{background: #202020;color: #FFF; border-bottom:1px solid #9d8f88;}
.cpxqer li .con_er{max-width: 1000px;margin:0 auto; display:none; line-height:24px; padding:50px 0;}
.cpxqer li .con_er .list{margin-bottom: 30px;}
.cpxqer li .con_er .list .li{float: left;width: 100px;background: #221815;margin-right: 10px;color: #FFF;height: 40px;line-height: 40px;text-align: center;}

.zhaopin_dyip{position:relative;}
.zhaopin_dyip h2{position:absolute;left:-300px;top:70px;font-size:30px;z-index:100;transform:rotate(90deg);font-weight:bold;}


.case_list{padding:100px;}
.case_list ul{margin-left: -1%;}
.case_list li{float: left;width: 24%;position: relative;overflow: hidden;margin-left: 1%;text-align: center;margin-bottom: 40px;}
.case_list li img{width: 100%;}
.case_list li .title{position: absolute;left: -100%;top: 0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background: rgba(255,235,59,0.8);visibility: hidden;opacity: 0;transition: all 0.3s;}
.case_list li:hover .title{visibility: visible;opacity: 1;left: 0px;}
.case_list li .title h2{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.case_list li .more_er{background: #264aff;width: 90px;height: 24px;line-height: 24px;color: #FFF;text-align: center;margin-top: 15px;}
.case_list li a{display: block;}
.case_list li a:hover{display: block;text-decoration: none;}