@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:30px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;overflow-x:hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"],
button[type="reset"],
button[type="button"],
textarea {outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: "Microsoft Yahei";}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.rel{position:relative;}
.container{width:1200px;margin:0 auto;}
.bg_grey{background:#ebecec;}
.bg_white{background:#fff;}
.img100 img{width:100%;}

/*header*/
.top_h{height:86px;}
.top_box{padding:10px 5%;overflow:hidden;background:rgba(228, 228, 228, .8);position:fixed;left:0;top:0;width:100%;z-index:19;transition:all .5s linear;box-sizing:border-box;}
.top_box:hover{background:#e3e4e4;}
.nav_list{line-height:60px;color:#999;}
.nav_list a{display:inline-block;padding:0 20px;color:#333;font-size:14px;}
.nav_list a:hover{color:#000;}
.top_box2{padding:0 5%;}
.top_box2 .nav_list a{color:#333;}

/*导航菜单*/
.meau_icon{display:none;}
#ceng{display:none;width:100%; height:100%;z-index:100;position:fixed;top:0;right:0;}
#close{width:.6rem;padding:.2rem;float:left;position:absolute;top:0;right:0;}
.type{width:100%;background:#ebecec;height:100%;}
.type ul {padding-top:1rem;}
.type ul li a {
    color: #333;
    display: block;
    line-height:1rem;
    text-align: center;
    display: block;
    font-size: .32rem;
    transition: color 0.2s ease 0s;
}

/* banner */
.banner{position:relative;overflow:hidden;margin-bottom:30px;}
.banner .swiper-pagination span:last-of-type::after{display:none;}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,0.2);border-radius:50%;opacity:1;margin:0 35px!important;position:relative;transition:all .5s linear;}
.banner .swiper-pagination-bullet::after{content:"";position:absolute;left:36px;top:50%;width:22px;height:2px;background:rgba(255,255,255,0.5);}
.banner .swiper-pagination-bullet-active{background:#fff;}
.main_banner{margin-bottom:30px;}

/*index*/
.ser_box{padding:80px 0;}
.ser_box .t1{color:#8b8c8c;font-size:14px;line-height:40px;}
.ser_box .t2{color:#595757;font-size:38px;line-height:60px;}
.ser_text{padding:20px 20%;line-height:28px;color:#a1a1a2;margin-bottom:80px;}
.ser_list{overflow:hidden;}
.ser_list li{width:24.1%;float:left;margin-left:1.2%;background:#fff;padding:2% 0;}
.ser_list li:first-of-type{margin-left:0;}
.ser_list li a{display:block;}
.ser_list li img{width:36%;margin-bottom:5%;border-radius:50%;transition:.3s linear;}
.ser_list li:hover img{transform:translateY(-3px);box-shadow:0 0 10px #bbb;}
.ser_list li h3{font-size:28px;line-height:60px;font-weight:normal;}
.ser_list_text{max-width:200px;color:#8b8c8c;line-height:28px;margin:0 auto 20px;overflow:hidden;}
.ser_list_more{width:100px;height:28px;line-height:28px;border:#c8c9c9 solid 1px;color:#c8c9c9;margin:0 auto;transition:.3s linear;}
.ser_list li:hover .ser_list_more{background:#c8c9c9;color:#fff;}

.case_tit{padding:100px 5% 50px;}
.case_tit dt{font-size:38px;line-height:50px;}
.case_tit dd{font-size:14px;line-height:30px;}
.case_bg{background:#dcdddd;padding:3%;}
.case_list{margin-bottom:80px;overflow:hidden;}
.case_list li{width:25%;float:left;position:relative;}
.case_list li img{width:100%;}
.case_list_pos{transform:scale(0);position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(189, 189, 189, .8);transition:.5s linear;}
.case_list_pos::after{content:"";position:absolute;left:5%;top:5%;width:90%;height:90%;border:#fff solid 2px;box-sizing:border-box;}
.case_list li:hover .case_list_pos{transform:scale(1);}
.case_list_tit{position:absolute;left:0;top:50%;margin-top:-60px;width:100%;height:120px;padding:30px 0;line-height:30px;color:#fff;font-size:16px;box-sizing:border-box;}
.case_list_tit h3{font-weight:normal;font-size:22px;}
.case_list_tit::before,.case_list_tit::after{content:"";position:absolute;left:50%;top:0;margin-left:-20px;width:40px;height:2px;background:#fff;}
.case_list_tit::after{top:120px;}
/*.case_list li:hover .case_list_tit::before,.case_list li:hover .case_list_tit::after{animation:case_line 1s linear;}*/
.case_list_more{display:block;width:220px;height:60px;line-height:60px;font-size:24px;border:#868585 solid 1px;color:#868585;margin:0 auto 40px;transition:.3s linear;}
.case_list_more:hover{background:#c8c9c9;color:#fff;border:#c8c9c9 solid 1px;}
@keyframes case_line{
    50%{width:120px;margin-left:-60px;}
    100%{width:40px;}
}

.about_box{padding:160px 5% 5%;background:url(../images/about_pic01.jpg) no-repeat center bottom fixed;background-size:cover;}
.about_tit{font-size:38px;line-height:60px;padding-top:10px;}
.about_text{font-size:14px;line-height:30px;padding:30px 0 160px;color:#a1a1a2;}
.about_more{display:block;width:160px;height:40px;line-height:40px;font-size:16px;border:#fff solid 1px;color:#fff;margin:0 auto 40px;transition:.3s linear;}
.about_more:hover{background:#c8c9c9;color:#fff;border:#c8c9c9 solid 1px;}
.about_scroll01{display:block;height:170px;overflow:hidden;}
.about_scroll02{display:none;height:2rem;overflow:hidden;}

.brand_scroll{margin:0 3%;overflow:hidden;box-sizing:border-box;}
.brand_list{margin-bottom:0;}
.brand_list_more{position:absolute;left:20%;bottom:15%;width:60%;height:50px;line-height:50px;background:#fff;font-size:22px;}

.xuetang_bg{padding-bottom:100px;background:url(../images/bg02.jpg) no-repeat center center;}
.xuetang_more{position:relative;width:120px;height:40px;line-height:40px;border:#b5b6b6 solid 1px;box-sizing:border-box;margin-left:10px;background:url(../images/icon01.png) no-repeat center center;}
.xuetang_type a{display:inline-block;padding:0 20px;margin:0 5px;line-height:40px;background:#e0e0e0;color:#8b8c8c;font-size:16px;transition:.3s linear;}
.xuetang_type a:hover{background:#8b8c8c;color:#fff;}
.xuetang_type .on{background:#8b8c8c;color:#fff;}
.xuetang_list{padding:40px 5%;position:relative;z-index:1;}
.xuetang_list::after{content:"";position:absolute;left:0;top:50%;width:100%;height:3px;background:#a1a1a2;}
.xuetang_list li{width:25%;position:relative;z-index:2;float:left;}
.xuetang_list li a{display:block;max-width:320px;height:280px;border-radius:18px;margin:0 auto;transition:all .5s linear;position:relative;z-index:1;}
.xuetang_list li a::before{display:none;content:"";position:absolute;left:5%;top:5%;width:90%;height:90%;border:#fff solid 1px;box-sizing:border-box;border-radius:16px;z-index:-1;}
.xuetang_list li:hover a::before{display:block;}
.xuetang_list li:hover a{background:#8b8c8c;}
.xuetang_list li:nth-child(odd){margin-top:280px;}
.xuetang_list li:nth-child(odd)::before{content:"";position:absolute;left:50%;top:-12px;margin-left:-12px;width:25px;height:94px;z-index:9;background:url(../images/icon02.png) no-repeat center top;}
.xuetang_list li:nth-child(odd):hover::before{background:url(../images/icon04.png) no-repeat center top;}
.xuetang_list_no{padding-top:80px;line-height:70px;font-size:38px;color:#808080;}
.xuetang_list_text{width:200px;line-height:30px;font-size:14px;color:#808080;margin:0 auto 30px;}
.xuetang_list li:nth-child(even) .xuetang_list_no{padding:0;}
.xuetang_list li:nth-child(even)::before{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-12px;width:25px;height:94px;z-index:9;background:url(../images/icon03.png) no-repeat center bottom;}
.xuetang_list li:nth-child(even):hover::before{background:url(../images/icon05.png) no-repeat center bottom;}
.xuetang_list li:hover .xuetang_list_no{display:none;}
.xuetang_list li:hover .xuetang_list_text{padding-top:60px;color:#fff;}
.xuetang_list_more{display:none;width:60%;height:30px;line-height:30px;background:#fff;font-size:22px;margin:0 auto;}
.xuetang_list li:hover .xuetang_list_more{display:block;}

.des_bg{padding:5%;background:#ebecec;margin-bottom:100px;}
.des_box1{float:left;width:27%;margin-right:.5%;}
.des_box2{float:left;width:32%;}
.des_box3{float:right;width:40%;}
.des_d01{width:84%;float:right;position:relative;}
.des_d03{width:49.4%;float:left;margin-right:1.2%;}
.des_d04{width:32%;float:left;display:none;}
.des_d06_a{width:49.2%;float:left;}
.des_d06_b{width:49.2%;float:right;}
.des_mar_b{margin-bottom:.5%;}
.des_tit{position:absolute;left:0;top:15%;width:100%;font-size:34px;line-height:1.5;color:#727171;}
.des_tit span{font-size:30px;}
.des_tit_letter{position:absolute;left:0;bottom:12%;width:100%;font-size:36px;color:#a1a1a2;}
.des_d03_pos{position:absolute;left:0;top:0;width:100%;height:100%;padding:15% 8%;box-sizing:border-box;color:#606060;background:url(../images/icon06.png) no-repeat 12% 90%;}
.des_d03_tit{font-size:28px;line-height:30px;height:60px;overflow:hidden;}
.des_d03_text{line-height:25px;height:75px;overflow:hidden;padding-top:20px;}
.des_d06_pos{position:absolute;left:0;top:0;width:100%;height:100%;padding:15% 10%;box-sizing:border-box;color:#606060;background:url(../images/icon01.png) no-repeat 12% 90%;}
.des_d06_tit{font-size:28px;line-height:30px;height:60px;overflow:hidden;}
.des_d06_text{line-height:25px;height:75px;overflow:hidden;padding-top:20px;}

.des_white{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transition:all .5s linear;}
.des_d03:hover .des_white{background:#c9c9c9;}
.des_d06_a:hover .des_white{background:#c9c9c9;}
.des_d06_b:hover .des_white{background:#c9c9c9;}

/*footer*/
.bot_bg{background:#3e3a39;padding:5%;color:#fff;}
.bot_logo img{width:80%;}
.bot_box{width:26%;padding-right:2%;box-sizing:border-box;}
.bot_text1{font-size:26px;line-height:40px;}
.bot_text2{font-size:20px;}
.bot_ewm{font-size:16px;line-height:22px;color:#808080;}
.bot_ewm img{width:60%;margin-bottom:10px;}
.bot_list{margin-top:10%;color:#808080;}
.bot_list li{width:26%;padding-right:2%;padding-top:30px;float:left;position:relative;box-sizing:border-box;}
.bot_list li::before{content:"";position:absolute;left:0;top:0;width:100px;height:2px;background:#666;}
.bot_list_t1{margin-top:60px;}
.bot_list_t2{height:40px;line-height:20px;margin-bottom:20px;overflow:hidden;}
.bot_list_t3{color:#fff;line-height:30px;margin-bottom:10px;}
.bot_share a{display:inline-block;margin-right:10px;}

/*02关于我们*/
.main_con{padding:0 10%;min-height:500px;}
.main_about_logo img{width:60%;max-width:680px;}
.main_about_text{line-height:40px;font-size:14px;}
.bot_about{padding:120px 15% 80px;line-height:25px;color:#a1a1a2;}
.bot_about .t1{width:48%;float:left;/*padding-top:25px;*/}
.bot_about .t2{width:48%;float:right;text-align:right;}

/* 03联系我们 */
.contact_bor{padding:120px 0;border-bottom:#808080 solid 1px;color:#595857;}
.contact_box{width:960px;margin:0 auto;box-sizing:border-box;}
.contact_left{width:480px;float:left;box-sizing:border-box;}
.contact_left .c1{color:#e60013;font-size:42px;line-height:70px;}
.contact_left .c2{font-size:42px;line-height:55px;}
.contact_left .c3{font-size:14px;line-height:30px;padding-top:10px;margin-bottom:100px;}
.contact_left .c4{font-size:32px;color:#231916;line-height:60px;font-weight:normal;}
.contact_left .c5{line-height:40px;font-size:22px;}
.contact_right{width:400px;float:right;box-sizing:border-box;}
.contact_right .tit{line-height:80px;font-size:32px;}
.contact_inp{width:100%;height:50px;line-height:50px;background:#f3f3f3;padding:0 20px;box-sizing:border-box;border:none;margin-bottom:8px;color:#595857;}
.contact_textarea{height:200px;padding:10px 20px;line-height:30px;font-family:"微软雅黑";}
.contact_inp::placeholder{color:#595857;}
.contact_submit{width:100%;height:48px;line-height:44px;cursor:pointer;border:#e72b37 solid 2px;box-sizing:border-box;color:#e60013;font-size:16px;}
.contact_box2{padding:100px 0;}
.contact_box2 .c6{line-height:40px;font-size:32px;margin-bottom:60px;}
.contact_list li{width:33.33%;float:left;line-height:60px;box-sizing:border-box;}
.contact_list li img{width:50%;}
.bot_contact{padding:60px 0;background:#3e3a39;box-sizing:border;color:#fff;}
.bot_contact_tit{font-size:50px;line-height:100px;}
.bot_contact_text{font-size:22px;line-height:40px;padding-top:50px;}

/* other */
.other_box{padding:120px 0;width:1200px;margin:0 auto;box-sizing:border-box;}
.bot_other_box{width:33.33%;padding-right:3%;box-sizing:border-box;}
.bot_other_pic img{max-width:1200px;width:100%;}
.bot_other_tit{font-size:28px;line-height:80px;}
.bot_other_text1{font-size:20px;line-height:40px;padding-top:30px;}

/* brand */
.brand_box{max-width:1920px;}
.brand_mar{margin-bottom:40px;}
.brand_mar img{width: 100%}
.main_brand_text{background:#8b8c8c;padding:100px 5%;line-height:30px;color:#fff;}
.brand_box .text1{font-size:38px;line-height:60px;}
.brand_box .text2{font-size:28px;line-height:60px;}
.brand_box .text3{font-size:50px;line-height:80px;color:#595757;padding:80px 0;}

/* 案例欣赏 */
.main_type_box{padding:100px 5% 60px;line-height:40px;background:#fff;}
.main_type_box_bot{background:none;}
.main_type a{display:inline-block;padding:0 20px;margin:0 5px;line-height:40px;background:#e0e0e0;color:#8b8c8c;font-size:16px;transition:.3s linear;}
.main_type a:hover{background:#8b8c8c;color:#fff;}
.main_type .on{background:#8b8c8c;color:#fff;}
.main_home a{color:#666;}
.main_home a:hover{color:#000;}
.main_case_bg{padding:3%;background:#ebecec;}
.main_case_list li{width:33%;margin:0 .15% .3%;float:left;overflow:hidden;}
.main_case_list li img{width:100%;transition:all .5s linear;}
.main_case_list li:hover img{transform:scale(1.1);}
.main_page{padding:80px 0;}
.main_page a{display:inline-block;width:48px;height:40px;line-height:40px;border:#b5b6b6 solid 1px;margin:0 3px;}
.main_page a:hover{background:#8b8c8c;color:#fff;}

.case_det_bg{padding:60px 0;background:#ebecec;}
.case_det_tit{font-size:22px;color:#8b8c8c;line-height:1.5;margin-bottom:40px;}
.case_det_tit span{font-size:55px;color:#595757;}
.case_det_bor{padding:30px 0;border-top:#bcbcbc solid 1px;border-bottom:#bcbcbc solid 1px;}
.case_det_con{max-width:1260px;margin:0 auto;box-sizing:border-box;}
.case_det_con_tit{font-size:22px;line-height:60px;color:#727171;}
.case_det_con_tit span{display:inline-block;border-bottom:#8b8c8c solid 2px;}
.case_det_text{line-height:35px;font-size:22px;padding:20px 0;color:#8b8c8c;}

.bot_case{padding:200px 5% 100px;border-top:#bcbcbc solid 3px;color:#fff;}
.bot_case_box{background:#a1a1a2;padding:5% 80px;}
.bot_case_logo{width:40%;}
.bot_case_logo img{max-width:480px;}
.bot_case_text{width:48%;font-size:22px;line-height:40px;color:#fff;margin-bottom:40px;}

.main_design{padding:100px 0;max-width:980px;margin:0 auto;}
.main_design .tit{font-size:28px;line-height:40px;}
.main_design .text1{font-size:14px;line-height:40px;color:#8b8c8c;padding:20px 0;}
.main_xt_box{padding:100px 5%;max-width:980px;margin:0 auto;}
.main_xt_left{width:36%;font-size:28px;line-height:40px;}
.main_xt_right{width:58%;font-size:14px;color:#8b8c8c;line-height:35px;}
.main_xt_pic{padding:80px 0;}
.main_xt_zan img{width:1rem;}
.main_xt_list li{width:32.33%;margin:0 .5% 80px;float:left;line-height:30px;}
.main_xt_list li a{display:block;}
.main_xt_list_tit{padding:20px 0 15px;border-bottom:#686666 solid 1px;margin-bottom:10px;}
.main_xt_list_text{line-height:22px;height:44px;overflow:hidden;}
.main_xt_list_pos{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(206, 206, 206, .8);opacity:0;transition:.3s linear;}
.main_xt_list li:hover .main_xt_list_pos{opacity:1;}
.f18{font-size:18px;}

/* float */
.float_pos{position:fixed;bottom:30%;right:0;z-index:99;}
.float_list li{margin-bottom:1px;position:relative;z-index:9;padding-left:10px;}
.float_list .float_pic{position: relative;z-index:2;width:40px;height:40px;background:#fff;}
.float_con{transition:all .5s linear;z-index:1;position:absolute;top:0;right:-400px;line-height:40px;font-size:14px;}
.float_con_text{background:#c8c9c9;padding:0 10px;width:140px;}
.float_con_text img{float:left;}
.float_list li:hover .float_con{right:50px;}
.float_list li:hover .float_pic{background:#595757;}
.float_ewm{width:120px;height:120px;background:#c8c9c9;}
.float_ewm img{width:100%;}
.float_logo{padding:10px 0;background:#fff;background:#fff;}
.float_top{display:block;width:40px;height:20px;line-height:20px;}