@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html,body{}
body{font-family:Microsoft YaHei !important;font-size:14px;overflow-x:hidden;}
a{text-decoration:none;color:inherit;transition:all .6s;}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
img{border:0;}
.container{width:965px;margin:0 auto;}
input,button,a,img,textarea,select{outline:none !important;transition:all .6s;}
strong,span,em,i{display:inline-block;transition:all .6s;}
i,em{font-style:normal;}


/*head*/
.head{background:#040000;border-top:#ecbc2f 6px solid;padding:49px 0 20px 0;position:fixed;top:0;left:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:6666;transition:all .6s;}
header.navbar-fixed-top{padding:20px 0 20px 0;transition:all .6s;}
header.navbar-fixed-top .head-t{opacity:0;transition:all .6s;}
.head-t{position:absolute;top:0;left:5%;transition:all .6s;}
.head-t p{display:inline-block;background:#ecbc2f;line-height: 25px;font-size:12px;color:#434343;padding:0 12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.logo{}
.logo img{}
.nav{}
.nav ul li{float:left;font-size:18px;color:#fff;margin:0 0 0 45px;position:relative;}
.nav ul li::after{content:'';width:0;height:1px;background:#fff;position:absolute;bottom:-6px;left:50%;transition:all .3s;}
.nav ul li a{display:block;padding-top:28px;}
.nav ul li:hover::after,.nav ul li.cur::after{width:60%;left:20%;transition:all .3s;}




/*幻灯片*/
.banner{position:relative;border-bottom:#060203 15px solid;}
.banner .swiper-container{overflow:hidden;}
.banner .swiper-container .swiper-slide{}
.banner .swiper-container .swiper-slide img{display:block;width:100%;}
.banner .swiper-button-prev,.banner .swiper-button-next{
    background: rgba(255,255,255,0.36);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 25px;
    font-family: '宋体';
    border-radius: 50%;
    opacity:0;
    outline: none !important;
}
.banner .swiper-button-prev{left:2%;}
.banner .swiper-button-next{right:2%;}
.banner  .swiper-pagination{z-index: 666;top:0;bottom:auto;left:2%;}

.banner-pic{position:absolute;bottom:-130px;right:5%;z-index: 666;}
.banner-pic img{display:block;width:260px;}

/*首页地图*/
.map{}
.map-t{padding:65px 0 0 75px;}
.map-t h1{font-size:52px;}
.map-t h1 span{display:inline-block;position:relative;}
.map-t h1 span em{position:relative;z-index: 1;}
.map-t h1 span i{display:block;position:absolute;width:100%;height:10px;background:#f7c327;bottom:5px;}
.map-t .map-t-en{font-size:23px;display:block;color:#a8a8a8;font-weight:bold;margin-top:12px;}
.map-c{background:url(../images/bg2.jpg) no-repeat center 30px;padding-bottom:50px;}
.map-b{position:relative;z-index: 6;}
.map-b ul li{float:left;width:32%;margin-left:2%;background:#f7c327;text-align: center;height:108px;line-height: 108px;}
.map-b ul li:nth-child(1){margin-left:0;}
.map-b ul li.active{background:#060203;}
.map-b ul li strong{color:#fff;font-size:40px;}
.map-b ul li strong span{font-size:20px;padding-left:6px;}

/*经典案例*/
.case{background:#e6e4e3;position:relative;margin-top:-56px;background-size:100% 100% !important;}
.case .container{padding:150px 0 80px 0;}
.case-t{}
.case-t h1{font-size:52px;}
.case-t h1 span{position:relative;}
.case-t h1 span em{position:relative;z-index: 1;}
.case-t h1 span i{display:block;position:absolute;width:100%;height:10px;background:#f7c327;bottom:5px;}
.case-t .case-t-en{font-size:58px;display: block;font-weight:100;}
.case-b{margin-top:36px;}
.case-b dl{float:left;margin:8px 0 0 1%;position:relative;overflow:hidden;}
.case-b dl.case1,.case-b dl.case4{width:38.7%;}
.case-b dl.case2,.case-b dl.case3{width:60.3%;}
.case-b dl.case5,.case-b dl.case6{width:49.5%;}
.case-b dl:nth-child(2n+1){margin-left:0;}
.case-b dl dt{}
.case-b dl dt img{display: block;width:100%;height:358px;}
.case-b dl dd{position:absolute;width:100%;height:165px;left:0;bottom:0;text-align: center;background:rgba(0,0,0,0.8);transition:all .6s;}
.case-b dl.on dd{opacity:1;transition:all .6s;bottom:-100%;}
.case-b dl dd h3{padding-top:21px;font-weight:normal;}
.case-b dl dd h3 span{border:#f7c327 1px solid;font-size:28px;color:#f7c327;padding:5px 3px;line-height: 30px;}
.case-b dl dd p{font-weight:bold;font-size:29px;line-height: 36px;color:#fff;margin-top:10px;}
.case-b dl.case1 dd p{font-size:20px;line-height: 25px;}
.case-more{text-align: right;margin-top:30px;}
.case-more a{display:inline-block;font-size:20px;color:#201d1c;}
.case-more a:hover{color:#f7c327;}


/*适用类别*/
.sylb{padding:40px 0;}
.sylb-t{}
.sylb-t h1{font-size:36px;}
.sylb-t h1 span{font-size:23px;color:#595757;padding-left:6px;}
.sylb-b{text-align: center;margin-top:60px;}
.sylb-b ul li{display:inline-block;width:288px;border-left:1px solid #929090;padding:20px 0;}
.sylb-b ul li:nth-child(1){border-left:0;}
.sylb-b ul li img{}
.sylb-b ul li p{font-size:16px;margin-top:10px;}

/*合作选项*/
.hzxx{background:url(../images/bg1.jpg) no-repeat center bottom #17181a;padding:50px 0 85px 0;border-bottom:#acabab 1px solid;}
.hzxx-t{text-align: center;}
.hzxx-t h1{font-size:50px;color:#fff;}
.hzxx-t h1 span{
    display:block;
    font-size:29px;
    background-image: -webkit-linear-gradient(top, #fff, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hzxx-b{padding-top:20px;font-family:'黑体' !important;}
.hzxx-b ul li{height:60px;line-height: 60px;overflow:hidden;margin-top:30px;transition:all .6s;opacity:.6;}
.hzxx-b ul li:hover{transition:all .6s;opacity:1;}
.hzxx-b ul li p{float:left;width:647px;text-align: center;background:#fff;border-radius:10px;font-size:18px;color:#333;}
.hzxx-b ul li strong{display:block;float:right;width:290px;font-size:33px;color:#fff;font-weight:600;}
.hzxx-b ul li:nth-child(even) p{float:right;}
.hzxx-b ul li:nth-child(even) strong{float:left;text-align: right;}
.hzxx-more{text-align: center;margin-top:110px;}
.hzxx-more a{color:#f7c327;}



/*foot*/
.foot{background:#060203;padding:57px 0 63px 0;}
.foot-l{width:666px;}
.foot-ewm{width:169px;}
.foot-ewm img{width:100%;display:block;}
.foot-info{width:470px;}
.foot-nav{}
.foot-nav ul li{float:left;margin:20px 0 0 65px;}
.foot-nav ul li:nth-child(1){margin-left:0;}
.foot-nav ul li a{display:block;font-size:18px;color:#fff;opacity:.7;}
.foot-nav ul li a:hover{opacity:1;}
.foot-text{margin-top:50px;}
.foot-text img{display:block;height:26px;}
.foot-tel{border-top:1px #fff solid;margin-top:15px;}
.foot-tel p{font-size:12px;color:#fff;opacity:.7;margin-top:6px;}
.foot-r{text-align: right;margin-top:100px;}
.foot-r img{height:51px;}
.foot-r p{font-size:12px;color:#f7c327;opacity:.7;margin-top:6px;}


/*返回顶部*/
.scrollT{ position: fixed;right: 20px;bottom: 20px;width: 45px;background: rgba(0,0,0,0.2);text-align: center;padding: 5px 0;opacity: 0;transition: all .6s;z-index:888;cursor: pointer;
}
.scrollT:hover{background: rgba(236,188,47,0.5);}
.scrollT i{display: block;font-size: 30px;color: rgba(255,255,255,0.6);}


/*二级-关于我们*/
.about-banner{}
.about-banner img{display:block;width:100%;}
.csr{padding:90px 0;}
.csr-t{text-align: center;}
.csr-t h1{font-size:52px;}
.csr-t span{display:block;font-size:52px;color:#a8a8a8;font-weight:300;}
.csr-b{margin-top:60px;}
.csr-l{width:43.9%;position:relative;}
.csr-l img{display:block;}
.csr-l .img1{max-width:100%;}
.csr-l .img2{position:absolute;width:103px;top:40px;left:-53px;}
.csr-r{width:52%;}
.csr-r-t{font-weight:bold;}
.csr-r-t strong{display:inline-block;font-size:106px;text-transform: uppercase;}
.csr-r-t span{font-size:45px;padding-left:10px;}
.csr-r-b{font-family:'黑体';}
.csr-r-b h3{font-size:26px;line-height: 40px;color:#404040;padding:16px 0 5px 3px;border-bottom:#404040 2px solid;}
.csr-info{}
.csr-info p{margin-top:16px;font-size:20px;color:#404040;line-height: 26px;}
.csr-info p span{display:inline;position:relative;}
.csr-info p span em{display:inline-block;position:relative;z-index: 1;}
.csr-info p span em::after{
    content: '';
    width: 100%;
    display: block;
    height: 10px;
    background: #f7c327;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: -1;
}

.about-c{background:#e6e4e3;padding:90px 0 60px 0;}
.about-c-t{}
.about-c-t h1{font-size:52px;}
.about-c-t h1 span{display:inline-block;position:relative;}
.about-c-t h1 span em{position:relative;z-index: 1;}
.about-c-t h1 span i{display:block;position:absolute;width:100%;height:10px;background:#f7c327;bottom:5px;}
.about-c-t .about-c-en{font-size:23px;display:block;color:#a8a8a8;font-weight:bold;margin-top:12px;}
.about-service{}
.about-item{margin-top:45px;text-align: center;}
.about-item-t{height:58px;line-height: 58px;background:#f7c327;}
.about-item-t h3{font-size:25px;color:#fff;}
.about-item-b{}
.about-item-b ul li{float:left;width:32.3%;margin:15px 0 0 1.5%;position:relative;overflow:hidden;}
.about-item-b ul li:nth-child(3n+1){margin-left:0;}
.about-item-b ul li img{display:block;width:100%;transition:all 1s;}
.about-item-b ul li:hover img{transform: scale(1.2);transition:all 1s;}
.about-item-b ul li p{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height: 40px;background:rgba(0,0,0,0.6);font-size:16px;color:#fff;transition:all .6s;}
.about-item-b ul li:hover p{background:rgba(247,195,39,0.8);transition:all .6s;}


.about-b{background:#17181a;padding:40px 0;text-align: center;}
.about-b ul li{display:inline-block;border-left:#999a9a 1px solid;padding:33px 80px;}
.about-b ul li:nth-child(1){border-left:0;}
.about-b ul li h3{font-size:19px;color:#f7c327;margin-top:10px;}
.about-b ul li p{font-size:20px;color:#b1b1b2;margin-top:20px;}

.about-more{text-align: center;margin-top:60px;}
.about-more a{display:inline-block;font-size:20px;color:#595757;font-weight:bold;}
.about-more a:hover{color:#f7c327;}


/*二级-案例*/
.case-banner{position:relative;}
.case-banner .swiper-container{overflow:hidden;}
.case-banner .swiper-container .swiper-slide{}
.case-banner .swiper-container .swiper-slide img{display:block;width:100%;}
.case-banner .swiper-button-prev,.case-banner .swiper-button-next{
    background: rgba(255,255,255,0.36);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 25px;
    font-family: '宋体';
    border-radius: 50%;
    opacity:0;
    outline: none !important;
}
.case-banner .swiper-button-prev{left:2%;}
.case-banner .swiper-button-next{right:2%;}
.case-banner  .swiper-pagination{z-index: 666;width:100%;bottom:20px;left:0;}
.case-banner  .swiper-pagination span{
    margin: 0 4px;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 4px;
    margin: 0 10px;
    opacity: 1;
    width: auto;
    height: auto;
}
.case-banner  .swiper-pagination span::after{
    content: '';
    display: block;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.case-banner  .swiper-pagination span.swiper-pagination-bullet-active{
    background-color: transparent;
    border-color: #fff;
    opacity: 1;
}
.case-banner  .swiper-pagination span.swiper-pagination-bullet-active::after{background-color: #c81428;}


.case-jz{text-align: center;padding:58px 0 80px 0;}
.case-jz-t{}
.case-jz-t h1{font-size:36px;}
.case-jz-t span{display:block;font-size:23px;color:#595757;margin-top:3px;font-weight:bold;}
.case-jz-b{width:1160px;margin:0 auto;}
.case-jz-b ul li{float:left;width:25%;margin-top:63px;}
.case-jz-b ul li img{}
.case-jz-b ul li p{font-size:16px;color:#333;margin-top:10px;}

.case-list{background:url(../images/ej-case-bg.jpg) no-repeat center #e6e4e3;padding:65px 0 120px 0;position:relative;}
.case-list-t{}
.case-list-t h1{font-size:52px;}
.case-list-t h1 span{position:relative;}
.case-list-t h1 span em{position:relative;z-index: 1;}
.case-list-t h1 span i{display:block;position:absolute;width:100%;height:10px;background:#f7c327;bottom:5px;}
.case-list-t .case-list-t-en{font-size:58px;display: block;font-weight:100;color:#b0b0af;}
.case-list-b{margin-top:39px;}
.case-list-b ul li{float:left;position:relative;width:32.9%;margin:12px 0 0 0.6%;overflow:hidden;}
.case-list-b ul li:nth-child(3n+1){margin-left:0;}
.case-list-b ul li img{display:block;width:100%;transition:all 1s;}
.case-list-b ul li:hover img{transitoin:all 1s;transform: scale(1.1);}
.case-list-b ul li h3{position:absolute;top:18px;left:0;display:inline-block;background:#fff;font-size:18px;color:#d61518;height:27px;line-height: 27px;padding:0 19px 0 11px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;font-weight:normal;transition:all .6s;}
.case-list-b ul li:hover h3{background:#d61518;color:#fff;transition:all .6s;}
.case-list-b ul li p{text-align: center;position:absolute;bottom:0;left:0;width:100%;height:60px;background:rgba(0,0,0,0.8);color:#fff;}
.case-list-b ul li p span{display:block;padding-top:10px;font-size:16px;}


.case-fwkh{padding:100px 0 90px 0;}
.case-fwkh .case-fwkh-t{text-align: center;padding-bottom:86px;}

.case-fwkh-xt{width:100%;border-top:#b9b9b9 2px dashed;}

.case-fwkh-box{}
.case-fwkh-box-item{display:none;position:relative;width:1140px;margin:0 auto;}
.case-fwkh-box .on{display:block;}
.case-fwkh-box-item .swiper-container-kh{overflow:hidden;width:90%;margin:0 auto;padding:50px 0;}
.case-fwkh-box-item .swiper-container-kh .swiper-slide{}
.case-fwkh-box-item .swiper-container-kh .swiper-slide img{display:block;width:80%;margin:0 auto;}
.case-fwkh-box-item .swiper-button-prev,.case-fwkh-box-item .swiper-button-next{
    background:#fff;
    width:77px;
    height: 77px;
    text-align: center;
    line-height: 77px;
    color: #000;
    font-size: 25px;
    font-family: '宋体';
    border-radius: 50%;
    opacity:1;
    top:38%;
    transition:all .3s;
    border:#000 6px solid;
    outline: none !important;
}
.case-fwkh-box-item .swiper-button-prev i,.case-fwkh-box-item .swiper-button-next i{    
    transition:all .3s;
    font-size: 55px;
    font-weight: bold;
}
.case-fwkh-box-item .swiper-button-prev:hover,.case-fwkh-box-item .swiper-button-next:hover{
    transition:all .3s;
    color:#f7c327;
    border:#f7c327 6px solid;
}
.case-fwkh-box-item .swiper-button-prev{left:0;}
.case-fwkh-box-item .swiper-button-next{right:0;}
.case-fwkh-box-item  .swiper-pagination,.case-fwkh-box-item .swiper-notification{display:none;}

.case-fwkh-nav{font-size:0;text-align: center;margin-top:50px;}
.case-fwkh-nav ul li{display:inline-block;font-size:21px;color:#c1c1c1;margin:0 15px;position:relative;line-height: 39px;height:38px;}
.case-fwkh-nav ul li.on{color:#333;}
.case-fwkh-nav ul li.on::after{content: '';width:50%;height:2px;position:absolute;bottom:0;left:25%;background:#333;}

.ej-case-more{margin-top:82px;text-align: center;}
.ej-case-more a{display:inline-block;font-weight:bold;color:#d1d1d1;}


/*联系*/
.ej-contact{background: #efefef;padding:100px 0;}
.ej-contact-tel{}
.ej-contact-tel h3{font-size:22px;color:#f7c327;text-transform: uppercase;}
.ej-contact-tel h3 i{display:block;width:76px;height:2px;background:#f7c327;margin-top:20px;}
.ej-contact-tel ul{}
.ej-contact-tel ul li{float:left;line-height: 60px;margin:20px 0 0 30px;}
.ej-contact-tel ul li:nth-child(1){margin-left:0;}
.ej-contact-tel ul li:nth-child(1) p{font-size:25px;}
.ej-contact-tel ul li p{font-size:20px;color:#333;padding-left:45px;}

/*map*/
.contact-map{height:600px;margin-top:30px;}
#allmap{width:100%;height:100%;}
.BMap_bubble_title{color:#f7c327; font-weight: bold; padding-bottom:2px; font-size:1.2em;}
.BMap_bubble_content{font-size:12px; color:#000; line-height:1.6em;}
.BMap_pop{transform: translate(5px,-5px);}
.BMap_bubble_content a{margin-left:10px; color:#fff; background-color:#f7c327; text-decoration: none; border-radius:5px; padding:2px 10px; display: inline-block;}

/*案例详情*/
.casexq{}
.casexq-con{}
.casexq-con img{max-width:100%;height:auto !important;}