.index_banner { height: calc(100% - 100px); position: relative;}
.index_banner .swiper-container{ height: 100%;  }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{font-family: 'Gotham-Black';top: 20%; z-index: 22;color: #fff; font-size: 60px;   line-height: 1.2em;  text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 50%; width: 1200px; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h1:after{position: absolute;left: 0px;bottom: -30px;width: 40px;background: var(--color); height: 3px;content: "";}
.index_banner .swiper-slide .h2{ top: 50%; z-index: 33; color: #fff; font-size:18px;  line-height: 1.6em; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 50%; width: 400px; padding-right: 800px; margin-left: -600px;text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more{ top: 64%; z-index: 33; color: #fff; position: absolute;left: 50%; width: 1200px; font-weight: normal;text-align: left;opacity: 0; transition: 0.5s;margin-left: -600px;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a.detail{ color: #fff;background:var(--color); border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_banner .swiper-slide .more a.contact{ color: #fff;background:none; border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#fff solid 2px;}
.index_banner .swiper-slide .more a i{ position: relative; top: 2px;right: 0px; transition-duration:0.3s }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 23% }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 53%; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 67%; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover;transform: scale(1.2);transition-duration:10s; }
.index_banner .swiper-slide-active img{transform: scale(1); }
.index_banner .swiper-pagination{  bottom:0!important; top: auto!important}
.index_banner .swiper-slide .more a:hover i{right: -5px;}

.index_banner .swiper-button-disabled{opacity: 0.9!important}
.index_banner .swiper-pagination-progress .swiper-pagination-progressbar{background: var(--color);}
.index_banner .swiper-button-next{font-size: 12px; background: #fff!important; right: 0;bottom: 3px;top: auto; height: 80px; line-height: 80px; text-align: center; width: 160px;}
.index_banner .swiper-button-prev{font-size: 12px;background: #fff!important; left: auto;right: 160px;bottom: 3px; top: auto; height: 80px; line-height: 80px; text-align: center; width: 160px;}
.index_banner .swiper-button-prev i,.index_banner .swiper-button-next i{position: relative; top: 2px;}
.index_banner .swiper-container-horizontal>.swiper-pagination-progress{height: 3px;}
.index_banner .mouse{ z-index: 99; border-radius: 40px; border:#fff solid 2px; position: absolute; height: 30px; width: 20px; left: 50%; margin-left: -11px; bottom: 40px; -webkit-animation:mouse 1.5s infinite linear ;}
.index_banner .mouse span{ position: absolute; left: 50%; background: #fff; border-radius: 10px; bottom:16px;   width: 4px; height: 6px; margin-left: -2px;}
@-webkit-keyframes mouse {
    0%{
      bottom: 25px;
    }
    50%{
      bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}

.index_about{padding-top: 90px; padding-bottom: 90px;background: #fff;}
.index_about .pagewidth{display: flex; justify-content: space-between;}
.index_about .title{font-size: 30px;color: #313038;width:25%;font-family: 'Gotham-Medium';}
.index_about .title span{color: var(--color);}
.index_about .content{width: 75%;height:160px;overflow: hidden;}
.index_about .content p{font-size: 14px;color: #52555a; line-height: 2em; margin-bottom: 20px;}
.index_about .content p:last-child{margin-bottom: 0;}

.index_number{background: #e9ebee; padding-top: 50px; padding-bottom: 50px;}
.index_number ul{display: flex; justify-content: space-between;}
.index_number ul li{position: relative;width: 21%; padding-left: 4%; padding-top: 50px; padding-bottom: 50px;}
.index_number ul li span{color:#313038;font-size:50px; font-family: 'Gotham-Medium';display: block; margin-bottom: 10px;}
.index_number ul li:after{height: 100%;background: #d2d2d7;width: 1px; position: absolute; right: 0px; top: 0px;bottom: 0px;content: "";}
.index_number ul li p{font-size: 14px;color: #52555a; line-height: 2em; }

.index_case{background: #fff; padding-top: 90px; padding-bottom: 50px;}
.index_case .title{margin-bottom: 30px;}
.index_case .title h2{ text-align:center;color:#313038;font-size:36px; line-height:1.4em; }
.index_case .title h2 span{color: var(--color);}
.index_case .content .swiper-slide .box{ position:relative; overflow:hidden; }
.index_case .content .swiper-slide .box img{width: 100%;height:100%; transition-duration: 0.3s}
.index_case .content .swiper-slide .box h3{color: #fff;font-size: 24px; position: absolute;left: 30px;bottom: 36px;z-index: 10;transition-duration: 0.3s;}
.index_case .content .swiper-slide .box h4{font-weight: normal; color: #fff;font-size: 12px; position: absolute;left: -40px;top: 100px;z-index: 10; text-align:left;  width: 150px; text-transform: uppercase;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.index_case .content .swiper-slide .box .more{border:#fff solid 2px; position: absolute; right: 30px; bottom: 30px;height: 36px; line-height: 36px;width: 36px; text-align: center;color: #fff;font-size: 18px;border-radius: 50%;background: none; transition-duration: 0.3s}
.index_case .content .swiper-slide .box:hover .more{border-color: var(--color);background: var(--color);}
.index_case .content .swiper-slide .box:hover img{transform: scale(1.1);}
.index_case .content .swiper-slide .box:hover h3{transform: translateY(-4px);}
.index_case .content .swiper-container{padding-bottom: 100px;}

.index_case .swiper-button-next{ z-index: 100;font-size: 24px; line-height: 46px; text-align: center; background:var(--color);width: 46px; height: 46px;border-radius: 50%;bottom: 15px;top:auto; left:51%; opacity: 1;border:var(--color) solid 2px;transition-duration: 0.3s;background: var(--color);color: #ffff;box-shadow:0px 10px 10px rgba(217,41,40,0.1)}
.index_case .swiper-button-prev{z-index: 100;font-size: 24px; line-height: 46px; text-align: center; background: var(--color);width: 46px; height: 46px;border-radius: 50%;bottom: 15px;top:auto;left: auto; right:51%; opacity: 1;border:var(--color) solid 2px;transition-duration: 0.3s;background: var(--color);color: #ffff;box-shadow:0px 10px 10px rgba(217,41,40,0.1)}
.index_case .swiper-button-disabled{background: #fff;border:#ddd solid 2px; opacity: 1;color: #aaa;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}

.index_client{background: #fff;padding-bottom: 80px;}
.index_client .title{margin-bottom: 30px;}
.index_client .title h2{ font-family: 'Gotham-Medium';text-align:center;color:#313038;font-size:36px; line-height:1.4em; }
.index_client .title h2 span{color: var(--color);}
.index_client ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_client ul li img{width: 100%;display: block; transition-duration: 0.3s;}
.index_client ul li:hover img{width: 100%;display: block;transform: scale(1.1);}
.index_client ul li{width:190px;border:#ececec solid 1px;margin: 10px; margin-bottom: 10px;transition-duration: 0.3s}
.index_client ul li:hover{border:#999 solid 1px;}



.index_img{ position:relative; overflow:hidden; }
.index_img img{width: 100%;display: block; transition-duration: 0.3s;position: relative; z-index: 2;}
.index_img h2{ position:absolute; left:0px;right:0px;top:150px; z-index:4;color:#fff; line-height: 1.4em; font-size:36px; text-align:center; }
.index_img h2 span{color:var(--color);font-family: 'Gotham-Medium';}
.index_img .more{position: absolute; left:50%; margin-left:-77px; top:300px; z-index: 4;}
.index_img .more a{transition-duration: 0.3s; color: #fff;background:var(--color); border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_img .more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }

.index_img:hover img{transform: scale(1.1);}
.index_img:hover .more a{transform: translateY(-4px);color: #fff;background:var(--color); border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_img:hover .more a i{ position: relative; top: 2px;right:-5px; }




.nodata{ text-align: center; font-size: 14px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; margin-bottom: 20px; } 
.nodata i{   display: block; margin: 0 auto;  font-size: 36px; margin-bottom: 10px; }

.detailbanner{background: #fff; color: #fff; overflow: hidden; position: relative; }
.detailbanner .pagewidth{ height: 300px; position: relative;}
.detailbanner:after{ position:absolute; left:0px;right:0px;top:0px;bottom:0px;content:"";background:rgba(0, 0, 0, 1.0); }
.detailbanner h1{font-size: 36px;font-family: 'Gotham-Black'; text-shadow: 1px 1px 1px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; top: 120px;  z-index: 2; }
.detailbanner h1:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -15px;height: 2px;background: var(--color);}
.detailbanner img.detailbg{ height: 110%; width: 110%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0.85}
.detailbanner .crumbs{position: absolute;right: 0px;bottom: 30px;font-size: 14px; z-index: 444;}
.detailbanner .crumbs i{ margin-left: 10px; margin-right: 10px; }
.detailbanner .crumbs a{ color: #fff; }



.submenu{background: #f8f9fb;padding-top: 40px; padding-bottom: 40px;}
.submenu ul {display: block;display: flex;}
.submenu ul li.all a{display: block;  color: #fff;font-size: 14px;}
.submenu ul li.all i{height: 40px; width: 40px;float: left; background:var(--color); line-height: 40px; text-align: center;color: #fff;font-size: 14px;}
.submenu ul li.all span{float: left;background: #28292c; line-height: 40px; height: 40px; padding-left: 20px; padding-right: 20px;}
.submenu ul li a{margin-right: 10px;font-size: 14px;}
.submenu ul li.item a{background: #fff;color: #313038; line-height: 36px; height: 36px; padding-left: 20px; padding-right: 20px;display: block;border:#fff solid 2px;}
.submenu ul li.item a:hover{background: #fff;border:#ececec solid 2px;color: var(--color);}
.submenu ul li.item a.active{background: #fff;border:var(--color) solid 2px;color: var(--color);}



.list_case{background: #fff;padding-top: 50px; padding-bottom: 50px;}
.list_case ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.list_case ul li{width: 32%;overflow: hidden; margin-bottom: 40px;}
.list_case ul li .img{overflow: hidden;height: 280px; border-radius: 3px;transform: rotate(0deg);}
.list_case ul li .img img{width: 100%;height: 100%;object-fit: cover; display: block;transition-duration: 0.3s;}
.list_case ul li .img:hover img{transform: scale(1.1);}

.list_case ul li .info{padding-top: 18px;}
.list_case ul li .info h2{font-size: 18px;margin-bottom: 8px;color: #313038;}
.list_case ul li .info p{font-size: 14px;color: #52555a}
.list_case ul:after{content: ""; width: 32%}



.show_case_bigimg{background: #111;height: calc(100% - 100px); position: relative; overflow: hidden;}
.show_case_bigimg .bg{width: 100%;height: 100%; object-fit: cover;}
.show_case_bigimg h2{ text-align:center; font-size: 32px;color: #fff; position: absolute;z-index: 4;left: 0px;right: 0px;top: 36%;font-weight: normal;}
.show_case_bigimg h1{ text-align:center;font-family: 'Gotham-Bold';font-size:60px;color:#fff;  position: absolute;z-index: 4;left: 0px;right: 0px;top: 42%;}
.show_case_bigimg h1:after{position: absolute;left: 50%;bottom: -20px; width: 50px;background: var(--color); height: 3px;content: ""; margin-left: -25px;}

.show_case_info{background: #ffff; padding-top: 100px; padding-bottom: 100px;}
.show_case_info .pagewidth{display: flex; justify-content:space-between;}
.show_case_info .pagewidth .left{width: 60%;}
.show_case_info .pagewidth .left h2{font-size: 32px;font-family: 'Gotham-Bold';font-weight: normal; margin-bottom: 20px;}
.show_case_info .pagewidth .left .html{line-height:2em;color: #52555a;font-size: 14px;}
.show_case_info .pagewidth .right{width: 30%; padding-top: 57px;line-height:2em;color: #52555a;font-size: 14px;}
.show_case_info .pagewidth .right span{color: #999;}


.show_case_img{background: #fff;padding-bottom: 40px; }
.show_case_img ul{flex-wrap: wrap;display: flex;justify-content: space-between;}
.show_case_img ul li{width: 32%; margin-bottom: 25px;}
.show_case_img ul li .img{height: 300px;width: 100%;overflow: hidden; border-radius: 2px; transform: rotate(0deg);overflow: hidden; position: relative;}
.show_case_img ul li .img img{width:100%; height: 100%; object-fit: cover;transition-duration: 0.3s; position:relative;z-index: 44;}
.show_case_img ul li .img:hover img{cursor:zoom-in;width:100%; height: 100%; object-fit: cover;transform: scale(1.1);}
.show_case_img ul li .img span{position: absolute;z-index: 222;left: 10px;bottom: 10px; border-radius: 3px; padding: 5px 8px ; background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 12px;}
.show_case_img ul:after{content: "";width: 32%;}

.show_case_other{background: #f6f8f8;padding-top: 40px; padding-bottom: 40px;}
.show_case_other i{display: block;font-size: 20px;margin-bottom: 10px;}
.show_case_other .pagewidth{display: flex; justify-content: space-between}
.show_case_other .center{text-align: center;}
.show_case_other a{color: #52555a;font-size: 16px;}
.show_case_other a:hover{color: var(--color);}



/*吸顶导航*/
/*.nav-height{ position:relative; height: 70px;border-top: #ececec solid 1px;}
.nav-box { margin:0 auto;width: 100%;}
.nav-box.navFix{position: fixed;top:0px;z-index: 99999;background: #fff;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);} 
.nav-box ul {padding: 0;margin: 0 auto; width: 1200px; display: block;display: flex; justify-content:center;}
.nav-box.navFix ul{ border-bottom: 0;background: #fff;}
.nav-box li {height: 70px; line-height: 70px;text-align: center;position: relative;}
.nav-box li a {display: block;padding: 0 60px;font-size:16px; color: #666; text-decoration: none;}
.nav-box li a.active:after{content:" ";width:auto; position: absolute;left: 70px;right: 70px;bottom:15px;height: 2px;background: var(--color);}
.nav-box li:first-child a:before{content:" ";width:0px;border: none;}
.nav-box li a:hover{color: #111;}
.nav-box li a.active {color: #111;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}*/


.about_content{padding-top:80px;padding-bottom:80px; background: #fff}
.about_content .pagewidth{display: flex;justify-content: space-between;}
.about_content .pagewidth .content{width: 60%;}
.about_content .pagewidth .content h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.about_content .pagewidth .content h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.about_content .pagewidth .content p{line-height: 2em;font-size: 14px;color: #52555a;margin-bottom: 20px;}
.about_content .pagewidth .img{width: 32%;}
.about_content .pagewidth .img img{width: 100%;display: block;}

.course_content{padding-top:80px;padding-bottom:80px; background: #e9ebee; ;}
.course_content .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.course_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.course_content .box{ padding-left:200px;padding-bottom:30px; position:relative;  }
.course_content .box:last-child{padding-bottom: 0;}
.course_content .years {font-size: 36px;color: #313038;font-family: 'Gotham-Medium'; position: absolute;left: 0; padding-left: 24px;}
.course_content .box:after{content: "";left:5.5px; height: 100%;width:1px;background: #ccc;top: 20px;bottom: 0px;position: absolute;}
.course_content .years:after{position: absolute;content: "";z-index: 3; left: 0px;top: 15px; width: 12px;height: 12px;background:var(--color);border-radius: 12px;}
.course_content .years sup{font-size: 16px;font-weight: bold; position: relative;top: -5px;}
.course_content .content{background: #fff;border-radius: 5px;padding: 30px;}
.course_content .content h3{font-weight: bold;font-size: 18px; margin-bottom: 15px;}
.course_content .content h3 span{color: var(--color);}
.course_content .content h4{font-size: 14px;color: #52555a;font-weight:normal;margin-bottom: 15px;} 
.course_content .content ul{display: flex;justify-content:left;}
.course_content .content ul li{width: 150px; border-radius: 5px; border:#ececec solid 2px; margin-right:20px; padding-bottom:20px; }
.course_content .content ul li img{width: 40px;display: block;margin: 0 auto; opacity: 0.7;padding: 25px;}
.course_content .content ul li p{color: #52555a;font-size: 13px; text-align: center;padding: 0px 10px;line-height: 1.6em;}



.qualification_content{padding-top:80px;padding-bottom:80px; background: #fff; ;}
.qualification_content .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.qualification_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.qualification_content .swiper-slide .box .img{background: #fff;border:#ececec solid 1px;}
.qualification_content .swiper-slide .box img{width: 100%;display: block;}
.qualification_content .swiper-slide .box p{text-align: center;font-size: 12px; padding-top: 14px; color: #666;}
.qualification_content .swiper-container{padding-bottom:60px;}
.qualification_content .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.qualification_content .swiper-pagination-bullet-active{background: var(--color);width: 20px;}


.factory_content{padding-top:80px;padding-bottom:100px;background:url(../images/bg1.jpg) no-repeat;background-size: cover;}
.factory_content .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#fff;font-weight: normal; position: relative;}
.factory_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.factory_content .content h3{padding-top: 50px; color:#fff; line-height: 1.4em; font-size:36px; text-align:center;font-weight:normal; }
.factory_content .content h3 span{color:var(--color);font-family: 'Gotham-Medium';}
.factory_content .content{padding-left: 200px; padding-right: 200px;}
.factory_content .content h4{padding-top: 20px; color:#fff; line-height: 1.4em; font-size:16px; text-align:center;font-weight:normal; margin-bottom:50px; }
.factory_content .content ul{display: flex;justify-content: space-between;width: 800px;margin:0 auto;}
.factory_content .content ul li{background: rgba(0, 0, 0, 0.4);padding: 30px;border-radius: 6px;width: 320px;transition-duration: 0.3s}
.factory_content .content ul li:hover{transform: scale(1.1);}
.factory_content .content ul li strong{color:var(--color);font-size:50px; font-family: 'Gotham-Black';}
.factory_content .content ul li sup{font-size: 18px;color: var(--color);padding-left: 10px;position: relative;top: -20px;font-weight: bold;}
.factory_content .content ul li p{font-size: 16px;color: #fff;font-weight: normal;padding-top: 10px;}






.join_box_a{padding-top:80px;padding-bottom:80px; background: #fff}
.join_box_a .pagewidth{}
.join_box_a .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.join_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_a .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.join_box_a .pagewidth .content{border:#ddd solid 1px; border-radius: 3px; display: flex;justify-content: space-between;}
.join_box_a .pagewidth .content .box{border-right: 1px solid #ddd;width: 20%;padding: 3% 2%;transition-duration: 0.3s}
.join_box_a .pagewidth .content .box:last-child{border-right: none;}
.join_box_a .pagewidth .content .box img{width: 48px; margin-bottom: 15px;}
.join_box_a .pagewidth .content .box h3{color:var(--color); margin-bottom: 15px;}
.join_box_a .pagewidth .content .box p{font-size: 14px;color: #52555a; line-height: 2em;}
.join_box_a .pagewidth .content .box:hover p{font-size: 14px;color: #52555a; line-height: 2em;}

.join_box_b{padding-top:80px;padding-bottom:80px; background: #e9ebee}
.join_box_b .pagewidth{}
.join_box_b .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.join_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_b .pagewidth .content{display: flex;justify-content: space-between;padding-top: 5px;}
.join_box_b .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: 32%;transform: rotate(0deg)}
.join_box_b .pagewidth .content .box img{width: 100%;display: block;transition-duration: 0.3s}
.join_box_b .pagewidth .content .box:hover img{transform: scale(1.1);}




.join_box_c{padding-top:80px;padding-bottom:80px; background: #fff}
.join_box_c .pagewidth{}
.join_box_c .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.join_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_c .pagewidth h2 span{float: right;}
.join_box_c .pagewidth h2 span a{color: #52555a;font-size: 16px;}
.join_box_c .pagewidth h2 span a:hover{color:var(--color);font-size: 16px;}
.join_box_c .pagewidth .content{display: flex;justify-content: space-between;padding-top: 5px;}
.join_box_c .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: 28%;transform: rotate(0deg);border:#ddd solid 1px; padding: 2%;}
.join_box_c .pagewidth .content .box .job_title{font-size: 20px;color:#52555a;font-weight:bold; margin-bottom: 6px;transition-duration: 0.3s;}
.join_box_c .pagewidth .content .box .job_titleen{margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;transition-duration: 0.3s;font-size: 12px;color:#52555a;font-weight:bold;font-family: 'Gotham-Medium';font-weight:normal;}
.join_box_c .pagewidth .content .box .job_content{font-size: 14px;color: #52555a;line-height: 2em;height: 200px;overflow: hidden; margin-bottom: 10px;}
.join_box_c .pagewidth .content .box .job_more a{transition-duration: 0.3s; color:#999;background:#fff; border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#ddd solid 1px;}
.join_box_c .pagewidth .content .box .job_more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }
.join_box_c .pagewidth .content .box .job_more a:hover{transition-duration: 0.3s; color:#fff;background:var(--color); border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 1px;}
.join_box_c .pagewidth .content .box .job_more a:hover i{ position: relative; top: 2px;right:-5px;transition-duration:0.3s }
.join_box_c .pagewidth .note{padding-top: 30px;font-size: 16px;line-height: 2em;color: #52555a;}
.join_box_c .pagewidth .note strong{color:var(--color);}
.join_box_c .pagewidth .content .box:hover .job_title{color:var(--color);}
.join_box_c .pagewidth .content .box:hover .job_titleen{color:var(--color);}



.list_join{padding-top:80px;padding-bottom:80px; background: #fff}
.list_join .pagewidth{}
.list_join .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.list_join .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}

.list_join .pagewidth .content{display: flex;justify-content: space-between;padding-top: 5px;flex-wrap: wrap;}
.list_join .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: 28%;transform: rotate(0deg);border:#ddd solid 1px; padding: 2%; margin-bottom: 20px;}
.list_join .pagewidth .content .box .job_title{font-size: 20px;color:#52555a;font-weight:bold; margin-bottom: 6px;transition-duration: 0.3s;}
.list_join .pagewidth .content .box .job_titleen{margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;transition-duration: 0.3s;font-size: 12px;color:#52555a;font-weight:bold;font-family: 'Gotham-Medium';font-weight:normal;}
.list_join .pagewidth .content .box .job_content{font-size: 14px;color: #52555a;line-height: 2em;height: 200px;overflow: hidden; margin-bottom: 10px;}
.list_join .pagewidth .content .box .job_more a{transition-duration: 0.3s; color:#999;background:#fff; border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#ddd solid 1px;}
.list_join .pagewidth .content .box .job_more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }
.list_join .pagewidth .content .box .job_more a:hover{transition-duration: 0.3s; color:#fff;background:var(--color); border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 1px;}
.list_join .pagewidth .content .box .job_more a:hover i{ position: relative; top: 2px;right:-5px;transition-duration:0.3s }



.back{background: #fff; padding-top: 45px; padding-bottom: 45px;}
.back a{color: var(--color);font-size: 14px; font-weight:400;}
.back a i{position: relative; top: 2px; transition-duration: 0.3s;left: 0;}
.back a:hover i{position: relative; top: 2px; left: -5px;}


.show_join{background: #fff;padding-top:0px;padding-bottom:50px; }
.show_join .title{border-bottom: #ddd solid 1px; padding-bottom: 35px; margin-bottom: 5px;}
.show_join .title h2{font-size: 36px;color: #222;font-weight: normal;}
.show_join .title h2 span{font-family: 'Gotham-Book';font-weight: normal;font-size: 24px;}

.show_join .content h3{font-size: 16px;color: var(--color);font-weight:bold;padding-top: 30px; margin-bottom: 5px;}
.show_join .content .html{font-size: 15px;color: #52555a;line-height: 2em; font-weight:normal;}


.bggray{background: #e9ebee}
.join_note {padding-top: 30px;padding-bottom: 30px; background: #e9ebee}
.join_note .pagewidth {font-size: 16px;line-height: 2em;color: #52555a;}
.join_note .pagewidth  strong{color:var(--color);}




.service_box_a{padding-top:80px;padding-bottom:80px; background: #fff}
.service_box_a .pagewidth{}
.service_box_a .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.service_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_a .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_a .content{position: relative;}
.service_box_a .box{position: absolute; left: 0px;bottom: 80px; border-radius: 6px;padding: 30px;padding-right: 100px; line-height: 2em; background:url(../images/earth.png) no-repeat calc(100% - -30px) center  var(--color);background-size: 32%; color: #fff;font-size: 16px;}
.service_box_a .box strong{font-family: 'Gotham-Medium';}


.service_box_b{padding-top:80px;padding-bottom:80px; background: #e9ebee}
.service_box_b .pagewidth{}
.service_box_b .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.service_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_b .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_b .swiper-container{padding-bottom:50px;}
.service_box_b .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.service_box_b .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.service_box_b .swiper-slide .img{border-radius: 3px; overflow: hidden; transform: rotate(0deg);}
.service_box_b .swiper-slide .img img{width: 100%;display: block;transition-duration: 0.3s}
.service_box_b .swiper-slide .img:hover img{transform: scale(1.1);}




.service_box_c{padding-top:80px;padding-bottom:50px; background: #fff}
.service_box_c .pagewidth{}
.service_box_c .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.service_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_c .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_c .pagewidth .content{display: flex; justify-content: space-between; flex-wrap: wrap;}
.service_box_c .pagewidth .img {width: 190px;margin: 10px;overflow: hidden; transform:rotate(0deg);border:#ececec solid 1px;transition-duration: 0.3s}
.service_box_c .pagewidth .img img{width: 100%;display: block; transition-duration: 0.3s}
.service_box_c .pagewidth .img:hover img{width: 100%;display: block; transform: scale(1.1);}
.service_box_c .pagewidth .img:hover { border:#999 solid 1px;}



.service_box_d{padding-top:80px;padding-bottom:80px; background: #e9ebee}
.service_box_d .pagewidth{}
.service_box_d .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.service_box_d .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_d .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}


.service_box_d .content{display: flex; justify-content: space-between; padding-left: 100px; padding-right: 100px;}
.arrow4{display: none;}

.service_box_d .content .item .img{width: 90px; height: 90px;border:#ddd solid 1px;box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);border-radius: 50%; align-items: center;display: flex;background:#fff; }
.service_box_d .content .item .img img{height: 40px;display: block; margin:0 auto;transform: rotate(0deg);transition-duration: 0.3s}
.service_box_d .content .item:hover .img img{transform: rotate(360deg);}
.service_box_d .content{position: relative;}
.service_box_d .content:after{width: 100%;content: ""; position: absolute; border-top: #ccc dashed 1px; top: 48px; left: 0px;right: 0px; z-index: 2}
.service_box_d .content .item {position: relative; z-index: 4}
.service_box_d .content .item h3{font-size: 20px;color: #111111;font-weight: normal;padding-top: 15px; padding-bottom: 15px;padding-left: 10px;}
.service_box_d .content .item .info{font-size: 14px;color: #666666; line-height: 2em;padding-left: 10px;}
.service_box_d .content .arrow1,.service_box_d .content .arrow2,.service_box_d .content .arrow3 {width: 24px; height: 24px; position: relative; top: 36px; z-index: 4; text-align: center; border:#ddd solid 1px;box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);border-radius: 50%; align-items: center;display: flex;background:#fff;}
.service_box_d .content .arrow1 i,.service_box_d .content .arrow2 i,.service_box_d .content .arrow3 i{display: block;margin: 0 auto;color: var(--color);}




.culture_box_a{padding-top:80px;padding-bottom:80px; background: #fff}
.culture_box_a .pagewidth{}
.culture_box_a .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.culture_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_a .content{padding-top: 5px;}
.culture_box_a .swiper-slide .box{border-radius: 3px; padding: 40px;height: 130px; overflow: hidden;border:#ddd solid 1px; transform: rotate(0deg); position: relative;}
.culture_box_a .swiper-slide .box h3{color: #313038;font-size: 24px; margin-bottom: 15px;font-weight: normal;transition-duration: 0.3s}
.culture_box_a .swiper-slide .box p{color: #666666;font-size: 16px; line-height: 1.8em;transition-duration: 0.3s}
.culture_box_a .swiper-container{padding-bottom:50px;padding-top: 5px;}
.culture_box_a .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.culture_box_a .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.culture_box_a .swiper-slide .box:hover h3{color: var(--color);}
.culture_box_a .swiper-slide .box:hover p{color: #52555a;}

.culture_box_b{padding-top:80px;padding-bottom:80px; background: #e9ebee}
.culture_box_b .pagewidth{}
.culture_box_b .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.culture_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_b .content{padding-top: 5px;}
.culture_box_b .swiper-slide .box{border-radius: 3px; overflow: hidden; transform: rotate(0deg); position: relative;}
.culture_box_b .swiper-slide .box img{width: 100%;display: block;}
.culture_box_b .swiper-slide .box h3{position: absolute; left: 30px; bottom: 56px;font-size: 24px;font-weight: normal;color: #fff;z-index: 4;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box p{position: absolute; left: 30px; bottom: 30px;font-size: 15px;color: #fff;  text-transform: uppercase; z-index: 4;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box img{width: 100%;display: block;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box:hover img{transform: scale(1.1);}
.culture_box_b .swiper-slide .box:hover h3{ bottom: 60px;}
.culture_box_b .swiper-slide .box:hover p{ bottom: 35px;}

.culture_box_c{padding-top:80px;padding-bottom:80px; position: relative; overflow: hidden;}
.culture_box_c .bg{width: 100%; height: 100%; position: absolute; left: 0px;top: 0; right: 0px;bottom: 0px;z-index: 1;object-fit: cover;}
.culture_box_c .pagewidth{padding-bottom:400px; position: relative; z-index: 4}
.culture_box_c .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#fff;font-weight: normal; position: relative;}
.culture_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_c .pagewidth{position: relative;}
.culture_box_c .pagewidth h3{color: #fff;font-weight: normal; font-size: 24px; line-height:1.6em;position: absolute;bottom:0px;}

.culture_box_d{padding-top:80px;padding-bottom:80px; background: #e9ebee}
.culture_box_d .pagewidth{}
.culture_box_d .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.culture_box_d .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_d .swiper-container{padding-bottom:50px;padding-top: 5px;}
.culture_box_d .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.culture_box_d .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.culture_box_d .swiper-slide .img{border-radius: 3px; overflow: hidden; transform: rotate(0deg);}
.culture_box_d .swiper-slide .img img{width: 100%;display: block;transition-duration: 0.3s}
.culture_box_d .swiper-slide .img:hover img{transform: scale(1.1);}


.contact_map{ position:relative;z-index:3;overflow: hidden;}
.contact_map #container{height: 600px;}
.contact_info{background:#fff;padding-bottom:80px; }
.contact_info ul{background: #fff; border-radius:6px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);padding: 50px; display: flex; justify-content:space-between; position:relative;z-index:5; margin-top:-100px;}
.contact_info ul li{width: 25%;}
.contact_info ul li i{color: #52555a;font-size: 48px; margin-bottom: 15px;display: block;}
.contact_info ul li p{color: #52555a;font-size: 16px;  margin-bottom: 15px;padding-left: 4px;}
.contact_info ul li h3{font-size: 16px;color: #111; line-height: 1.6em;padding-right:30px;padding-left: 4px;font-family: 'Gotham-Medium';font-weight:normal;}
.contact_info ul li h4{font-size: 16px;color: #111; line-height: 1.6em;padding-right:30px;padding-left: 4px;}
.contact_info ul li img{width: 100px;}
.contact_info ul li h3 a{color: #111}


.contact_message{padding-top:80px;padding-bottom:120px; background: #e9ebee}
.contact_message .pagewidth{}
.contact_message .pagewidth h2{margin-bottom: 50px;font-size: 32px;color:#313038;font-weight: normal; position: relative;}
.contact_message .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}

.layui-input, .layui-select, .layui-textarea {
    height: 44px!important;
    line-height: 44px!important;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius:3px!important;font-size: 16px;
}
.contact_message .layui-btn{background: var(--color); height: 48px;line-height: 48px;font-size: 16px;}

.contact_message .layui-textarea{height: 200px!important;padding:10px!important }
.contact_message .flex{display: flex; justify-content: space-between;}
.contact_message .layui-form-item{margin-bottom: 24px!important}
.contact_message .layui-form-item:after{display: none!important;}
.contact_message .flex .layui-input-inline{width: 32%!important; margin-right: 0!important;}
.contact_message .layui-form-mid{ padding:14px 0!important;font-size:14px;padding-left:20px!important; }

























/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {
.index_banner { height: calc(100% - 50px); position: relative;}
.index_banner .swiper-container{ height: 100%;  }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .h1{font-family: 'Gotham-Black';top: 180px; z-index: 22;color: #fff; font-size: 36px;   line-height: 1.2em;  text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 20px; width: auto; margin-left:0; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.index_banner .swiper-slide .h1:after{position: absolute;left: 0px;bottom: -30px;width: 40px;background: var(--color); height: 3px;content: "";}
.index_banner .swiper-slide .h2{ top: 320px; z-index: 33; color: #fff; font-size:14px;  line-height: 1.6em; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 20px; width: auto; padding-right: 20px; margin-left: 0;text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more{ top: 400px; z-index: 33; color: #fff; position: absolute;left: 20px; width: auto; font-weight: normal;text-align: left;opacity: 0; transition: 0.5s;margin-left:0;  transition-delay: 0.6s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a.detail{ color: #fff;background:var(--color); border-radius:3px; padding: 10px 20px; margin-right:5px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_banner .swiper-slide .more a.contact{ color: #fff;background:none; border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#fff solid 2px;}
.index_banner .swiper-slide .more a i{ position: relative; top: 2px;right: 0px; transition-duration:0.3s }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 200px }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 340px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 420px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover;transform: scale(1.2);transition-duration:10s; }
.index_banner .swiper-slide-active img{transform: scale(1); }
.index_banner .swiper-pagination{  bottom:0!important; top: auto!important}
.index_banner .swiper-slide .more a:hover i{right: -5px;}

.index_banner .swiper-button-disabled{opacity: 0.9!important}
.index_banner .swiper-pagination-progress .swiper-pagination-progressbar{background: var(--color);}
.index_banner .swiper-button-next{display: none;}
.index_banner .swiper-button-prev{display: none;}
.index_banner .swiper-button-prev i,.index_banner .swiper-button-next i{position: relative; top: 2px;}
.index_banner .swiper-container-horizontal>.swiper-pagination-progress{height: 3px;}
.index_banner .mouse{ z-index: 99; border-radius: 40px; border:#fff solid 2px; position: absolute; height: 30px; width: 20px; left: 50%; margin-left: -11px; bottom: 40px; -webkit-animation:mouse 1.5s infinite linear ;}
.index_banner .mouse span{ position: absolute; left: 50%; background: #fff; border-radius: 10px; bottom:16px;   width: 4px; height: 6px; margin-left: -2px;}
@-webkit-keyframes mouse {
    0%{
      bottom: 25px;
    }
    50%{
      bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}

.index_about{padding-top: 40px; padding-bottom: 40px;background: #fff;}
.index_about .pagewidth{display:initial; justify-content: space-between;}
.index_about .title{font-size: 30px;color: #313038;width:auto;margin-bottom: 20px;}
.index_about .title span{color: var(--color);}
.index_about .content{width: auto;}
.index_about .content p{font-size: 14px;color: #52555a; line-height: 2em; margin-bottom: 20px;}
.index_about .content p:last-child{margin-bottom: 0;}

.index_number{background: #e9ebee; padding-top: 50px; padding-bottom: 50px;}
.index_number ul{display: flex; justify-content: space-between;flex-wrap:wrap;}
.index_number ul li{position: relative;width: 46%; padding-left: 4%; padding-top: 30px; padding-bottom: 30px;}
.index_number ul li span{color:#313038;font-size:44px; font-family: 'Gotham-Medium';display: block; margin-bottom: 10px;}
.index_number ul li:after{display: none;}
.index_number ul li p{font-size: 14px;color: #52555a; line-height: 2em; }

.index_case{background: #fff; padding-top: 40px; padding-bottom: 40px;}
.index_case .title{margin-bottom: 30px;}
.index_case .title h2{ text-align:center;color:#313038;font-size:24px; line-height:1.4em; }
.index_case .title h2 span{color: var(--color);}
.index_case .title h2 br{display: none;}
.index_case .content{ }
.index_case .content .swiper-slide .box{ position:relative; overflow:hidden; }
.index_case .content .swiper-slide .box img{width: 100%;height:100%; transition-duration: 0.3s}
.index_case .content .swiper-slide .box h3{color: #fff;font-size: 24px; position: absolute;left: 30px;bottom: 36px;z-index: 10;transition-duration: 0.3s;}
.index_case .content .swiper-slide .box h4{font-weight: normal; color: #fff;font-size: 12px; position: absolute;left: -40px;top: 100px;z-index: 10; text-align:left;  width: 150px; text-transform: uppercase;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.index_case .content .swiper-slide .box .more{border:#fff solid 2px; position: absolute; right: 30px; bottom: 30px;height: 36px; line-height: 36px;width: 36px; text-align: center;color: #fff;font-size: 18px;border-radius: 50%;background: none; transition-duration: 0.3s}
.index_case .content .swiper-slide .box:hover .more{border-color: var(--color);background: var(--color);}
.index_case .content .swiper-slide .box:hover img{transform: scale(1.1);}
.index_case .content .swiper-slide .box:hover h3{transform: translateY(-4px);}
.index_case .content .swiper-container{padding-bottom: 100px;}

.index_case .swiper-button-next{ z-index: 100;font-size: 24px; line-height: 46px; text-align: center; background:var(--color);width: 46px; height: 46px;border-radius: 50%;bottom: 15px;top:auto; left:51%; opacity: 1;border:var(--color) solid 2px;transition-duration: 0.3s;background: var(--color);color: #ffff;box-shadow:0px 10px 10px rgba(217,41,40,0.1)}
.index_case .swiper-button-prev{z-index: 100;font-size: 24px; line-height: 46px; text-align: center; background: var(--color);width: 46px; height: 46px;border-radius: 50%;bottom: 15px;top:auto;left: auto; right:51%; opacity: 1;border:var(--color) solid 2px;transition-duration: 0.3s;background: var(--color);color: #ffff;box-shadow:0px 10px 10px rgba(217,41,40,0.1)}
.index_case .swiper-button-disabled{background: #fff;border:#ddd solid 2px; opacity: 1;color: #aaa;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}

.index_client{background: #fff;padding-bottom: 40px;}
.index_client .title{margin-bottom: 30px;}
.index_client .title h2{ font-family: 'Gotham-Medium';text-align:center;color:#313038;font-size:24px; line-height:1.4em; }
.index_client .title h2 span{color: var(--color);}
.index_client ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_client ul li img{width: 100%;display: block; transition-duration: 0.3s;}
.index_client ul li:hover img{width: 100%;display: block;transform: scale(1.1);}
.index_client ul li{width:44%;border:#ececec solid 1px;margin: 2%; margin-bottom: 10px;transition-duration: 0.3s}
.index_client ul li:hover{border:#999 solid 1px;}



.index_img{ position:relative; overflow:hidden;height:300px; }
.index_img img{width: 100%; height: 100%; object-fit: cover; display: block; transition-duration: 0.3s;position: relative; z-index: 2;}
.index_img h2{ position:absolute; left:0px;right:0px;top:70px; z-index:4;color:#fff; line-height: 1.4em; font-size:24px; text-align:center; padding-left: 15px; padding-right: 15px;}
.index_img h2 span{color:var(--color);font-family: 'Gotham-Medium';}
.index_img h2 br{display: none;}
.index_img .more{position: absolute; left:50%; margin-left:-77px; top:200px; z-index: 4;}
.index_img .more a{transition-duration: 0.3s; color: #fff;background:var(--color); border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_img .more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }

.index_img:hover img{transform: scale(1.1);}
.index_img:hover .more a{transform: translateY(-4px);color: #fff;background:var(--color); border-radius:3px; padding: 10px 30px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 2px;}
.index_img:hover .more a i{ position: relative; top: 2px;right:-5px; }




.nodata{ text-align: center; font-size: 14px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; margin-bottom: 20px; } 
.nodata i{   display: block; margin: 0 auto;  font-size: 36px; margin-bottom: 10px; }

.detailbanner{background: #fff; color: #fff; overflow: hidden; position: relative; }
.detailbanner .pagewidth{ height: 200px; position: relative;}
.detailbanner:after{ position:absolute; left:0px;right:0px;top:0px;bottom:0px;content:"";background:rgba(0, 0, 0, 1.0); }
.detailbanner h1{font-size: 24px;font-family: 'Gotham-Black'; text-shadow: 1px 1px 1px rgba(0,0,0,.1);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; top: 100px;  z-index: 2; }
.detailbanner h1:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -15px;height: 2px;background: var(--color);}
.detailbanner img.detailbg{ height: 110%; width: 110%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; opacity: 0.85}
.detailbanner .crumbs{position: absolute;right: 0px;bottom: 30px;font-size: 14px; z-index: 444;}
.detailbanner .crumbs i{ margin-left: 10px; margin-right: 10px; }
.detailbanner .crumbs a{ color: #fff; }



.submenu{background: #f8f9fb;padding-top: 20px; padding-bottom: 10px;}
.submenu ul {display: block;display: flex;flex-wrap: wrap;}
.submenu ul li.all a{display: block;  color: #fff;font-size: 14px;}
.submenu ul li.all i{height: 40px; width: 40px;float: left; background:var(--color); line-height: 40px; text-align: center;color: #fff;font-size: 14px;}
.submenu ul li.all span{float: left;background: #28292c; line-height: 40px; height: 40px; padding-left: 20px; padding-right: 20px;}
.submenu ul li.all{display:block;}
.submenu ul li a{margin-right: 10px;font-size: 14px;display: block;}
.submenu ul li.item {margin-bottom: 12px;}
.submenu ul li.item a{background: #fff;color: #313038; line-height: 36px; height: 36px; padding-left:12px; text-align: center; padding-right: 12px;display: block;border:#fff solid 2px;}
.submenu ul li.item a:hover{background: #fff;border:#ececec solid 2px;color: var(--color);}
.submenu ul li.item a.active{background: #fff;border:var(--color) solid 2px;color: var(--color);}

.list_case{background: #fff;padding-top: 50px; padding-bottom: 50px;}
.list_case ul{display:inherit; justify-content: space-between;flex-wrap: wrap;}
.list_case ul li{width: 100%;overflow: hidden; margin-bottom: 30px;}
.list_case ul li .img{overflow: hidden;height: 280px; border-radius: 3px;transform: rotate(0deg);}
.list_case ul li .img img{width: 100%;height: 100%;object-fit: cover; display: block;transition-duration: 0.3s;}
.list_case ul li .img:hover img{transform: scale(1.1);}

.list_case ul li .info{padding-top: 18px;}
.list_case ul li .info h2{font-size: 18px;margin-bottom: 8px;color: #313038;}
.list_case ul li .info p{font-size: 14px;color: #52555a}
.list_case ul:after{content: ""; width: 32%}





.show_case_bigimg{background: #111;height: calc(100% - 100px); position: relative; overflow: hidden;}
.show_case_bigimg .bg{width: 100%;height: 100%; object-fit: cover;}
.show_case_bigimg h2{ text-align:center; font-size: 28px;color: #fff; position: absolute;z-index: 4;left: 0px;right: 0px;top: 40%;font-weight: normal;}
.show_case_bigimg h1{ text-align:center;font-family: 'Gotham-Bold';font-size:48px;color:#fff;  position: absolute;z-index: 4;left: 0px;right: 0px;top: 46%;}
.show_case_bigimg h1:after{position: absolute;left: 50%;bottom: -20px; width: 50px;background: var(--color); height: 3px;content: ""; margin-left: -25px;}

.show_case_info{background: #ffff; padding-top: 40px; padding-bottom: 40px;}
.show_case_info .pagewidth{display:inherit; justify-content:space-between;}
.show_case_info .pagewidth .left{width: 100%;}
.show_case_info .pagewidth .left h2{font-size: 32px;font-family: 'Gotham-Bold';font-weight: normal; margin-bottom: 20px;}
.show_case_info .pagewidth .left .html{line-height:2em;color: #52555a;font-size: 14px;}
.show_case_info .pagewidth .right{width: auto; padding-top: 30px;line-height:2em;color: #52555a;font-size: 14px;}
.show_case_info .pagewidth .right span{color: #999;}


.show_case_img{background: #fff;padding-bottom: 80px;}
.show_case_img ul{flex-wrap: wrap;display: flex;justify-content: space-between;}
.show_case_img ul li{width: 100%; margin-bottom: 20px;}
.show_case_img ul li .img{height: 300px;width: 100%;overflow: hidden; border-radius: 2px; transform: rotate(0deg);overflow: hidden; position: relative;}
.show_case_img ul li .img img{width:100%; height: 100%; object-fit: cover;transition-duration: 0.3s; position:relative;z-index: 44;}
.show_case_img ul li .img:hover img{cursor:zoom-in;width:100%; height: 100%; object-fit: cover;transform: scale(1.1);}
.show_case_img ul li .img span{position: absolute;z-index: 222;left: 10px;bottom: 10px; border-radius: 3px; padding: 5px 8px ; background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 12px;}
.show_case_img ul:after{content: "";width: 32%;}

.show_case_other{background: #f6f8f8;padding-top: 40px; padding-bottom: 40px;}
.show_case_other i{display: block;font-size: 20px;margin-bottom: 10px;}
.show_case_other .pagewidth{display: flex!important; justify-content: space-between}
.show_case_other .center{text-align: center;}
.show_case_other a{color: #52555a;font-size: 14px;}
.show_case_other a:hover{color: var(--color);}








/*吸顶导航*/
/*.nav-height{ position:relative; height: 70px;border-top: #ececec solid 1px;}
.nav-box { margin:0 auto;width: 100%;}
.nav-box.navFix{position: fixed;top:0px;z-index: 99999;background: #fff;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);} 
.nav-box ul {padding: 0;margin: 0 auto; width: 1200px; display: block;display: flex; justify-content:center;}
.nav-box.navFix ul{ border-bottom: 0;background: #fff;}
.nav-box li {height: 70px; line-height: 70px;text-align: center;position: relative;}
.nav-box li a {display: block;padding: 0 60px;font-size:16px; color: #666; text-decoration: none;}
.nav-box li a.active:after{content:" ";width:auto; position: absolute;left: 70px;right: 70px;bottom:15px;height: 2px;background: var(--color);}
.nav-box li:first-child a:before{content:" ";width:0px;border: none;}
.nav-box li a:hover{color: #111;}
.nav-box li a.active {color: #111;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}*/


.about_content{padding-top:40px;padding-bottom:80px; background: #fff}
.about_content .pagewidth{display:inherit;justify-content: inherit;}
.about_content .pagewidth .content{width: 100%;}
.about_content .pagewidth .content h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.about_content .pagewidth .content h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.about_content .pagewidth .content p{line-height: 2em;font-size: 14px;color: #52555a;margin-bottom: 20px;}
.about_content .pagewidth .img{width: 100%;}
.about_content .pagewidth .img img{width: 100%;display: block;}

.course_content{padding-top:40px;padding-bottom:40px; background: #e9ebee; ;}
.course_content .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.course_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.course_content .box{ padding-left:0px;padding-bottom:30px; position:relative;  }
.course_content .box:last-child{padding-bottom: 0;}
.course_content .years {font-size: 24px;color: #313038;font-family: 'Gotham-Medium'; position:inherit;left: 0; padding-left: 24px; margin-bottom: 10px;}
.course_content .box:after{display: none;}
.course_content .years:after{position: absolute;content: "";z-index: 3; left: 0px;top: 15px; width: 12px;height: 12px;background:var(--color);border-radius: 12px;}
.course_content .years sup{font-size: 16px;font-weight: bold; position: relative;top: -5px;}
.course_content .content{background: #fff;border-radius: 5px;padding: 30px;}
.course_content .content h3{font-weight: bold;font-size: 18px; margin-bottom: 15px;line-height: 1.6em;}
.course_content .content h3 span{color: var(--color);}
.course_content .content h4{font-size: 14px;color: #52555a;font-weight:normal;margin-bottom: 15px;} 
.course_content .content ul{display: flex;justify-content:space-between;flex-wrap: wrap;}
.course_content .content ul li{width: 30%; border-radius: 5px; border:#ececec solid 2px; margin-right:0px;margin-bottom:10px; padding-bottom:15px; }
.course_content .content ul li img{width: 40px;display: block;margin: 0 auto; opacity: 0.7;padding: 15px;}
.course_content .content ul li p{color: #52555a;font-size: 13px; text-align: center;padding: 0px 10px;line-height: 1.6em;}
.course_content .content ul:after{content:"";width: calc(30% + 4px);}


.qualification_content{padding-top:40px;padding-bottom:40px; background: #fff; ;}
.qualification_content .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.qualification_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.qualification_content .swiper-slide .box .img{background: #fff;border:#ececec solid 1px;}
.qualification_content .swiper-slide .box img{width: 100%;display: block;}
.qualification_content .swiper-slide .box p{text-align: center;font-size: 12px; padding-top: 14px; color: #666;}
.qualification_content .swiper-container{padding-bottom:60px;}
.qualification_content .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.qualification_content .swiper-pagination-bullet-active{background: var(--color);width: 20px;}


.factory_content{padding-top:40px;padding-bottom:40px;background:url(../images/bg1.jpg) no-repeat;background-size: cover;}
.factory_content .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#fff;font-weight: normal; position: relative;}
.factory_content .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.factory_content .content h3{padding-top: 30px; color:#fff; line-height: 1.4em; font-size:24px; text-align:center;font-weight:normal; }
.factory_content .content h3 span{color:var(--color);font-family: 'Gotham-Medium';}
.factory_content .content{padding-left:0px; padding-right: 0px;}
.factory_content .content h4{padding-top: 20px; color:#fff; line-height: 1.4em; font-size:16px; text-align:center;font-weight:normal; margin-bottom:50px; }
.factory_content .content ul{display:inherit;justify-content: space-between;width: auto;margin:0 auto;}
.factory_content .content ul li{background: rgba(0, 0, 0, 0.4);padding: 30px;border-radius: 6px;width: auto;transition-duration: 0.3s; margin-bottom: 10px;}
.factory_content .content ul li:hover{transform: scale(1.1);}
.factory_content .content ul li strong{color:var(--color);font-size:48px; font-family: 'Gotham-Black';}
.factory_content .content ul li sup{font-size: 18px;color: var(--color);padding-left: 10px;position: relative;top: -20px;font-weight: bold;}
.factory_content .content ul li p{font-size: 16px;color: #fff;font-weight: normal;padding-top: 10px;}






.join_box_a{padding-top:40px;padding-bottom:40px; background: #fff}
.join_box_a .pagewidth{}
.join_box_a .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.join_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_a .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.join_box_a .pagewidth .content{border:#ddd solid 1px; border-radius: 3px; display:inherit;justify-content: space-between;}
.join_box_a .pagewidth .content .box{border-right:none;border-bottom:  1px solid #ddd; width: auto;padding: 30px;transition-duration: 0.3s}
.join_box_a .pagewidth .content .box:last-child{border-bottom: none;border-right: none;}
.join_box_a .pagewidth .content .box img{width: 48px; margin-bottom: 15px;}
.join_box_a .pagewidth .content .box h3{color:var(--color); margin-bottom: 15px;}
.join_box_a .pagewidth .content .box p{font-size: 14px;color: #52555a; line-height: 2em;}
.join_box_a .pagewidth .content .box:hover p{font-size: 14px;color: #52555a; line-height: 2em;}

.join_box_b{padding-top:40px;padding-bottom:25px; background: #e9ebee}
.join_box_b .pagewidth{}
.join_box_b .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.join_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_b .pagewidth .content{display:inherit;justify-content: space-between;padding-top: 5px;}
.join_box_b .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: 100%;transform: rotate(0deg);margin-bottom: 15px;}
.join_box_b .pagewidth .content .box img{width: 100%;display: block;transition-duration: 0.3s}
.join_box_b .pagewidth .content .box:hover img{transform: scale(1.1);}


.join_box_c{padding-top:40px;padding-bottom:40px; background: #fff}
.join_box_c .pagewidth{}
.join_box_c .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.join_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.join_box_c .pagewidth h2 span{float: right;}
.join_box_c .pagewidth h2 span a{color: #52555a;font-size: 16px;}
.join_box_c .pagewidth h2 span a:hover{color:var(--color);font-size: 16px;}
.join_box_c .pagewidth .content{display:inherit;justify-content: space-between;padding-top: 5px;}
.join_box_c .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: auto;transform: rotate(0deg);border:#ddd solid 1px; padding: 25px; margin-bottom: 15px;}
.join_box_c .pagewidth .content .box .job_title{font-size: 20px;color:#52555a;font-weight:bold; margin-bottom: 6px;transition-duration: 0.3s;}
.join_box_c .pagewidth .content .box .job_titleen{margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;transition-duration: 0.3s;font-size: 12px;color:#52555a;font-weight:bold;font-family: 'Gotham-Medium';font-weight:normal;}
.join_box_c .pagewidth .content .box .job_content{font-size: 14px;color: #52555a;line-height: 2em;height: 200px;overflow: hidden; margin-bottom: 10px;}
.join_box_c .pagewidth .content .box .job_more a{transition-duration: 0.3s; color:#999;background:#fff; border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#ddd solid 1px;}
.join_box_c .pagewidth .content .box .job_more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }
.join_box_c .pagewidth .content .box .job_more a:hover{transition-duration: 0.3s; color:#fff;background:var(--color); border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 1px;}
.join_box_c .pagewidth .content .box .job_more a:hover i{ position: relative; top: 2px;right:-5px;transition-duration:0.3s }
.join_box_c .pagewidth .note{padding-top: 30px;font-size: 16px;line-height: 2em;color: #52555a;}
.join_box_c .pagewidth .note strong{color:var(--color);}
.join_box_c .pagewidth .content .box:hover .job_title{color:var(--color);}
.join_box_c .pagewidth .content .box:hover .job_titleen{color:var(--color);}



.list_join{padding-top:40px;padding-bottom:40px; background: #fff}
.list_join .pagewidth{}
.list_join .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.list_join .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}

.list_join .pagewidth .content{display:inherit;justify-content: space-between;padding-top: 5px;flex-wrap: wrap;}
.list_join .pagewidth .content .box{border-radius: 3px;overflow: hidden;width: auto;transform: rotate(0deg);border:#ddd solid 1px; padding: 25px; margin-bottom: 20px;}
.list_join .pagewidth .content .box .job_title{font-size: 20px;color:#52555a;font-weight:bold; margin-bottom: 6px;transition-duration: 0.3s;}
.list_join .pagewidth .content .box .job_titleen{margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;transition-duration: 0.3s;font-size: 12px;color:#52555a;font-weight:bold;font-family: 'Gotham-Medium';font-weight:normal;}
.list_join .pagewidth .content .box .job_content{font-size: 14px;color: #52555a;line-height: 2em;height: 200px;overflow: hidden; margin-bottom: 10px;}
.list_join .pagewidth .content .box .job_more a{transition-duration: 0.3s; color:#999;background:#fff; border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:#ddd solid 1px;}
.list_join .pagewidth .content .box .job_more a i{ position: relative; top: 2px;right:0;transition-duration:0.3s }
.list_join .pagewidth .content .box .job_more a:hover{transition-duration: 0.3s; color:#fff;background:var(--color); border-radius:3px; padding: 10px 20px; margin-right:10px; font-size: 14px; position: relative; display: inline-block;border:var(--color) solid 1px;}
.list_join .pagewidth .content .box .job_more a:hover i{ position: relative; top: 2px;right:-5px;transition-duration:0.3s }



.back{background: #fff; padding-top: 25px; padding-bottom: 25px;}
.back a{color: var(--color);font-size: 14px; font-weight:400;}
.back a i{position: relative; top: 2px; transition-duration: 0.3s;left: 0;}
.back a:hover i{position: relative; top: 2px; left: -5px;}


.show_join{background: #fff;padding-top:0px;padding-bottom:50px; }
.show_join .title{border-bottom: #ddd solid 1px; padding-bottom: 35px; margin-bottom: 5px;}
.show_join .title h2{font-size: 24px;color: #222;font-weight: normal;}
.show_join .title h2 span{font-family: 'Gotham-Book';font-weight: normal;font-size: 16px;display:block;padding-top: 10px;}

.show_join .content h3{font-size: 16px;color: var(--color);font-weight:bold;padding-top: 30px; margin-bottom: 5px;}
.show_join .content .html{font-size: 15px;color: #52555a;line-height: 2em; font-weight:normal;}


.bggray{background: #e9ebee}
.join_note {padding-top: 30px;padding-bottom: 30px;}
.join_note .pagewidth {font-size: 16px;line-height: 2em;color: #52555a;}
.join_note .pagewidth  strong{color:var(--color);}




.service_box_a{padding-top:40px;padding-bottom:40px; background: #fff}
.service_box_a .pagewidth{}
.service_box_a .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.service_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_a .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_a .content{position: relative;}
.service_box_a .box{position:inherit; left: 0px;bottom: 0px;padding-top: 20px; border-radius: 6px;padding: 30px;padding-right: 100px; line-height: 2em; background:url(../images/earth.png) no-repeat calc(100% - -30px) center  var(--color);background-size: 32%; color: #fff;font-size: 16px;}
.service_box_a .box strong{font-family: 'Gotham-Medium';}


.service_box_b{padding-top:40px;padding-bottom:40px; background: #e9ebee}
.service_box_b .pagewidth{}
.service_box_b .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.service_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_b .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_b .swiper-container{padding-bottom:50px;}
.service_box_b .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.service_box_b .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.service_box_b .swiper-slide .img{border-radius: 3px; overflow: hidden; transform: rotate(0deg);}
.service_box_b .swiper-slide .img img{width: 100%;display: block;transition-duration: 0.3s}
.service_box_b .swiper-slide .img:hover img{transform: scale(1.1);}




.service_box_c{padding-top:40px;padding-bottom:40px; background: #fff}
.service_box_c .pagewidth{}
.service_box_c .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.service_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_c .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}
.service_box_c .pagewidth .content{display: flex; justify-content: space-between; flex-wrap: wrap;}
.service_box_c .pagewidth .img {width:44%;border:#ececec solid 1px;margin: 2%; margin-bottom: 10px;transition-duration: 0.3s}
.service_box_c .pagewidth .img img{width: 100%;display: block; transition-duration: 0.3s}
.service_box_c .pagewidth .img:hover img{width: 100%;display: block; transform: scale(1.1);}
.service_box_c .pagewidth .img:hover { border:#999 solid 1px;}



.service_box_d{padding-top:40px;padding-bottom:40px; background: #e9ebee}
.service_box_d .pagewidth{}
.service_box_d .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.service_box_d .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.service_box_d .pagewidth h4{line-height: 2em;font-size: 16px;color: #52555a;margin-bottom: 20px;font-weight: normal;}


.service_box_d .content{display: flex; justify-content: space-between; padding-left: 0px; padding-right: 0px;}
.arrow4{display: none;}

.service_box_d .content .item .img{width: 64px; height: 64px;border:#ddd solid 1px;box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);border-radius: 50%; align-items: center;display: flex;background:#fff; margin: 0 auto;}
.service_box_d .content .item .img img{height: 24px;display: block; margin:0 auto;transform: rotate(0deg);transition-duration: 0.3s}
.service_box_d .content .item:hover .img img{transform: rotate(360deg);}
.service_box_d .content{position: relative;}
.service_box_d .content:after{display: none;}
.service_box_d .content .item {position: relative; z-index: 4}
.service_box_d .content .item h3{font-size: 16px;color: #111111;font-weight: normal;padding-top: 15px; padding-bottom: 10px;padding-left: 10px;}
.service_box_d .content .item .info{font-size: 14px;color: #666666; line-height: 2em;padding-left: 10px;}
.service_box_d .content .arrow1,.service_box_d .content .arrow2,.service_box_d .content .arrow3,.service_box_d .content .arrow4 {display: none;}
.service_box_d .content .arrow1 i,.service_box_d .content .arrow2 i,.service_box_d .content .arrow3 i{display: block;margin: 0 auto;color: var(--color);}




.culture_box_a{padding-top:40px;padding-bottom:40px; background: #fff}
.culture_box_a .pagewidth{}
.culture_box_a .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.culture_box_a .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_a .content{padding-top: 5px;}
.culture_box_a .swiper-slide .box{border-radius: 3px; padding: 40px;height: auto; overflow: hidden;border:#ddd solid 1px; transform: rotate(0deg); position: relative;}
.culture_box_a .swiper-slide .box h3{color: #313038;font-size: 20px; margin-bottom: 15px;font-weight: normal;transition-duration: 0.3s}
.culture_box_a .swiper-slide .box p{color: #666666;font-size: 16px; line-height: 1.8em;transition-duration: 0.3s}
.culture_box_a .swiper-container{padding-bottom:50px;padding-top: 5px;}
.culture_box_a .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.culture_box_a .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.culture_box_a .swiper-slide .box:hover h3{color: var(--color);}
.culture_box_a .swiper-slide .box:hover p{color: #52555a;}

.culture_box_b{padding-top:40px;padding-bottom:40px; background: #e9ebee}
.culture_box_b .pagewidth{}
.culture_box_b .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.culture_box_b .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_b .content{padding-top: 5px;}
.culture_box_b .swiper-slide .box{border-radius: 3px; overflow: hidden; transform: rotate(0deg); position: relative;}
.culture_box_b .swiper-slide .box img{width: 100%;display: block;}
.culture_box_b .swiper-slide .box h3{position: absolute; left: 30px; bottom: 56px;font-size: 24px;font-weight: normal;color: #fff;z-index: 4;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box p{position: absolute; left: 30px; bottom: 30px;font-size: 15px;color: #fff;  text-transform: uppercase; z-index: 4;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box img{width: 100%;display: block;transition-duration: 0.3s}
.culture_box_b .swiper-slide .box:hover img{transform: scale(1.1);}
.culture_box_b .swiper-slide .box:hover h3{ bottom: 60px;}
.culture_box_b .swiper-slide .box:hover p{ bottom: 35px;}

.culture_box_c{padding-top:40px;padding-bottom:40px; position: relative; overflow: hidden;}
.culture_box_c .bg{width: 100%; height: 100%; position: absolute; left: 0px;top: 0; right: 0px;bottom: 0px;z-index: 1;object-fit: cover;}
.culture_box_c .pagewidth{padding-bottom:400px; position: relative; z-index: 4}
.culture_box_c .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#fff;font-weight: normal; position: relative;}
.culture_box_c .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_c .pagewidth{position: relative;}
.culture_box_c .pagewidth h3{color: #fff;font-weight: normal; font-size: 22px; line-height:1.6em;position: absolute;bottom:0px;}

.culture_box_d{padding-top:40px;padding-bottom:40px; background: #e9ebee}
.culture_box_d .pagewidth{}
.culture_box_d .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.culture_box_d .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}
.culture_box_d .swiper-container{padding-bottom:50px;padding-top: 5px;}
.culture_box_d .swiper-pagination-bullet{background: #666;width:10px;height: 8px;border-radius: 10px; transition-duration: 0.3s}
.culture_box_d .swiper-pagination-bullet-active{background: var(--color);width: 20px;}
.culture_box_d .swiper-slide .img{border-radius: 3px; overflow: hidden; transform: rotate(0deg);}
.culture_box_d .swiper-slide .img img{width: 100%;display: block;transition-duration: 0.3s}
.culture_box_d .swiper-slide .img:hover img{transform: scale(1.1);}


.contact_map{ position:relative;z-index:3;overflow: hidden;}
.contact_map #container{height: 600px;}
.contact_info{background:#fff;padding-bottom:80px; }
.contact_info ul{background: #fff; border-radius:6px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);padding: 30px; display:inherit; justify-content:space-between; position:relative;z-index:5; margin-top:-100px;}
.contact_info ul li{width: 100%;margin-bottom: 30px;}
.contact_info ul li i{color: #52555a;font-size: 24px; margin-bottom: 15px;display: block;}
.contact_info ul li p{color: #52555a;font-size: 16px;  margin-bottom: 15px;padding-left: 4px;}
.contact_info ul li h3{font-size: 20px;color: var(--color); line-height: 1.6em;padding-right:0px;padding-left: 4px;font-family: 'Gotham-Medium';font-weight:normal;}
.contact_info ul li h4{font-size: 20px;color: var(--color); line-height: 1.6em;padding-right:0px;padding-left: 4px;}
.contact_info ul li img{width: 100px;}
.contact_info ul li:last-child{display: none;}
.contact_info ul li h3 a{color:var(--color)}


.contact_message{padding-top:40px;padding-bottom:80px; background: #e9ebee}
.contact_message .pagewidth{}
.contact_message .pagewidth h2{margin-bottom: 50px;font-size: 24px;color:#313038;font-weight: normal; position: relative;}
.contact_message .pagewidth h2:after{content:" ";width:40px; position: absolute;left: 0; margin-left: 0px; bottom: -25px;height: 2px;background: var(--color);}

.layui-input, .layui-select, .layui-textarea {
    height: 44px!important;
    line-height: 44px!important;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius:3px!important;font-size: 16px;
}
.contact_message .layui-btn{background: var(--color); height: 48px;line-height: 48px;font-size: 16px;}
.amap-zoomcontrol{display: none!important;}
.contact_message .layui-textarea{height: 200px!important;padding:10px!important }
.contact_message .flex{display:inherit; justify-content: space-between;}
.contact_message .layui-form-item{margin-bottom: 10px!important}
.contact_message .layui-form-item:after{display: none!important;}
.contact_message .flex .layui-input-inline{width: 100%!important; margin-right: 0!important; margin-left: 0!important; left: 0px!important}
.contact_message .layui-input-inline{width: 100%!important; margin-right: 0!important; margin-left: 0!important; left: 0px!important}
.contact_message .layui-form-mid{ padding:14px 0!important;font-size:14px;padding-left:10px!important; }

.layui-form-item .layui-input-inline+.layui-form-mid{margin-left: 0!important; top: 0!important}
}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}