@charset "utf-8";
::-webkit-scrollbar{ width: 6px; height: 1px;}
::-webkit-scrollbar-thumb { border-radius: 3px; background: #00546b;}
::-webkit-scrollbar-track { border-radius: 3px; background: transparent}
html, body{height: 100%;font-family: "Microsoft JhengHei",'微软雅黑', 'sans-serif'; color: #212121; font-size: 16px;}

.header{width: 100%; padding: 40px 60px 30px; position: fixed; z-index: 9; box-sizing: border-box; background-image: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,0)); overflow: hidden; transition: .2s;}
.header .logo{float: left;}
.header .logo_name{float: left; border-left: 1px solid #bbbbbb; line-height: 30px; font-size: 14px; color: #dddddd; padding-left: 15px; margin: 6px 0 0 20px;}
.header .menu_btn{position: absolute; left: 50%; padding-top: 10px; transform: translateX(-50%); color: #fff; font-size: 16px; font-weight: bold; cursor: pointer;}
.header .menu_btn span{display: inline-block; width: 40px;}
.header .menu_btn span::before{content: ""; display: block; width: 30px; height: 2px; background: #fff; margin-bottom: 6px; transition: .3s;}
.header .menu_btn span::after{content: ""; display: block; width: 30px; height: 2px; background: #fff; transition: .3s;}
.header .head_btn{float: right; font-size: 16px; color: #fff; font-weight: bold; padding-top: 10px;}
.header .head_btn a{color: #fff;}
.header .head_btn span{padding-left: 10px;}
.header .head_btn .mall_btn{float: left; margin-right: 50px;}
.header .head_btn .mall_btn img{vertical-align: middle;}
.header .head_btn .join_btn{float: left;}
.header .head_btn .join_btn i{font-size: 26px; color: #c79556; vertical-align: middle;}

.header.white{background: #fff;}
.header.white .logo_name{color: #212121}
.header.white .menu_btn{color: #212121}
.header.white .menu_btn span::before, .header.white .menu_btn span::after{background: #212121;}
.header.white .head_btn a{color: #212121}

.header.white1{background: #fff;}
.header.white1 .logo_name{color: #212121}
.header.white1 .menu_btn{color: #212121}
.header.white1 .menu_btn span::before, .header.white1 .menu_btn span::after{background: #212121;}
.header.white1 .head_btn a{color: #212121}



.header .menu_btn.close span::before{transform: rotate(40deg) translateY(5px);}
.header .menu_btn.close span::after{transform: rotate(-40deg) translateY(-5px);}

.main_menu{width: 100%; overflow: hidden; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-top: 20px; display: none;}
.main_menu li{width: 25%; height: 200px; float: left; box-sizing: border-box; border: 1px solid #eee; border-top: none; border-left: none;}
.main_menu li a{display: block; height: 100%; position: relative; transition: .3s;}
.main_menu li a span{display: block; width: 100%; position: absolute; text-align: center; top: 50%; transform: translateY(-50%);}
.main_menu li a .t1{font-size: 40px; font-family: "Fran"; color: #c79556; opacity: .2;}
.main_menu li a .t2{font-size: 40px; color: #00546b; z-index: 2;}
.main_menu li a:hover{background: #00546b;}
.main_menu li a:hover .t2{color: #fff;}

/*首页设计表单*/
.design_form{position: fixed; left: 0; bottom: 0; z-index: 8; background-color: #00546b; transition: .3s;}
.design_form .box{padding: 40px; position: relative;}
.design_form .box .tit_en{font-size: 50px; font-family: "Fran"; color: #c79556; position: absolute; top: -30px; z-index: 2;}
.design_form .box .tit_en span{color: #cc0033;}
.design_form .box .tit_ch{float: left; padding-right: 30px;}
.design_form .box .tit_ch .t1{font-size: 20px; font-weight: bold; color: #fff;}
.design_form .box .tit_ch .t1 i{font-size: 24px;}
.design_form .box .tit_ch .t2{font-size: 14px; font-weight: bold; color: #6ec9e2;}
.design_form .box .form{float: right;}
.design_form .box .form input{width: 160px; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; border: none; outline: none; font-size: 18px; display: inline; margin-right: 5px; }
.design_form .box .form input.add{width: 260px;}
.design_form .box .form button{width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; border: none; outline: none; background: #c79556; color: #fff; cursor: pointer;}
.design_form .box .close{position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; background: #00546b; text-align: center; color: #fff; border-radius: 50%; cursor: pointer;}
.design_form .box .close:hover{background: #cc0033;}
.design_form_open{position: fixed; left: -130px; bottom: 30px; z-index: 7; background: #00546b; width: 60px; padding: 10px 0; text-align: center; color: #fff; font-size: 16px; border-radius: 10px; cursor: pointer; transition: .3s;}
.design_form_open i{font-size: 30px; display: block;}
.design_form_open:hover{background: #cc0033;}
/*右侧加盟*/
.join_right{position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 8; overflow: hidden; border-radius: 10px; background: #00546b;}
.join_right img{display: block;}
.join_right .up{text-align: center; color: #fff; font-size: 16px; padding: 10px 0 20px;}
.join_right .up a{display: block; color: #fff;}
.join_right .up i{font-size: 16px; padding-left: 5px;}

@keyframes movestart {
    0% { top:88%; }
    50%   { top:90%;}
    100%   { top:88%;}
}
.swipedown{position: absolute; right: 60px; bottom: 50px; color: #fff; text-align: center; animation: movestart 1.5s linear infinite;}
.swipedown span{font-size: 14px; font-family: "Roboto"; display: block; text-transform: uppercase; font-weight: bold; padding-bottom: 10px;}
.swipedown i{font-size: 20px;}

/*焦点*/
.focus{background:#2a2a2a; width: 100%; height: 100%; position: relative; overflow: hidden;}
.focus .slogan{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.focus .slogan .t1{font-size: 60px; color: #fff; line-height: 200%;}
.focus .slogan .t2{font-size: 40px; color: #fff; line-height: 200%;}
.focus .slogan .t3{font-size: 20px; color: #fff; font-family: "Roboto"; text-transform: uppercase;}

.focus_phone{width: 100%; height: 100%; background: url(/images/focus_phone.jpg) center no-repeat; background-size: cover; display: none;}

/*关于*/
.home_about{position: relative;}
.home_about .shuye{position: absolute; right: 0; top: 0; z-index: 2;}
.home_about .deng{position: absolute; right: 180px; bottom: 150px; z-index: 1;}
.home_about .home_about_con{width: 1200px; padding: 105px 0; margin-left: 240px; position: relative;}
.home_about .home_about_con .data{text-align: center; padding-bottom: 40px; overflow: hidden;}
.home_about .home_about_con .data li{width: 33.3%; float: left;}
.home_about .home_about_con .data li .t1{font-size: 60px; font-family: "Fran";}
.home_about .home_about_con .data li .t1 sup{font-size: 16px; padding-left: 10px;}
.home_about .home_about_con .data li .t2{font-size: 16px; color: #999999; padding-top: 10px;}
.home_about .home_about_con .about-title{position: absolute; left: -60px; bottom: 230px; background:rgba(199, 149, 86, .9); padding: 60px; box-sizing: border-box; z-index: 4; color: #fff; width: 500px;}
.home_about .home_about_con .about-title .t1{font-size: 40px; font-family: "Fran"; text-transform: uppercase; padding-bottom: 20px;}
.home_about .home_about_con .about-title .t2{font-size: 36px; line-height: 120%;}
.home_about .home_about_con .about-title a{display: inline-block; padding: 8px 15px; font-size: 16px; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 50px; transition: .3s;}
.home_about .home_about_con .about-title a:hover{padding: 8px 30px; background: #fff; border-color: #fff; color: #cc0033;}
.swiper-container{width: 100%; clear: both;}
.swiper-container .swiper-wrapper{ text-align: center; }
.swiper-container .swiper-wrapper .swiper-slide img{ width: 100%; }
.swiper-container .control{padding: 20px 0;}
.swiper-container .control .button{float: right;}
.swiper-container .control .button i{font-size: 20px;}
.swiper-container .control .about-button-next, .swiper-container .control .about-button-prev{
  float: left;
  padding: 10px 12px;
  border: 2px solid #dddddd;
  border-radius: 50%;
  box-sizing: border-box;
  transition: .3s;
  margin-left: 10px;
  outline: none;
}
.swiper-container .control .about-button-next:hover, .swiper-container .control .about-button-prev:hover{
  background: #cc0033;
  color: #fff;
  border-color: #cc0033;
  cursor: pointer;
}
.swiper-container .swiper-pagination{position: static; float: left; padding-top: 15px;}
.swiper-container .swiper-pagination-bullet{width: 10px; height: 10px; border: 2px solid #dddddd; background: none; opacity: 1; margin-right: 5px; box-sizing: border-box;}
.swiper-container .swiper-pagination-bullet-active{ border-color: #00546b; }

/*产品*/
.home_product{overflow: hidden; background: url(/images/bg_home_product.jpg) center #2a2a2a; background-attachment: fixed;}
.home_product_con{width:90%; max-width: 1560px; margin: 170px auto; overflow: hidden;}
.home_product_con .pro_left{float: left;}
.home_product_con .pro_title{height: 220px; color: #fff;}
.home_product_con .pro_title .t1{font-size: 24px; font-weight: bold; padding-bottom: 10px;}
.home_product_con .pro_title .t1 span{display: inline-block; width: 8px; height: 20px; background: #397a8c; transform: skew(20deg);}
.home_product_con .pro_title .t1 span.l1{margin-left: 150px;}
.home_product_con .pro_title .t1 span.l2{margin-left: 8px; background: #c79556;}
.home_product_con .pro_title .t2{font-size: 40px; font-family: "Fran"; text-transform: uppercase;}
.home_product_con .pro_title .t3{padding-top: 20px;}
.home_product_con .pro_img_box{background-size: auto 100%; background-position: center; position: relative; float: left; transition: .3s;}
.home_product_con .pro_img_box a{display: block; height: 100%;}
.home_product_con .pro_img_box .pro_img_title{position: absolute; left: 30px; bottom: 40px; color: #fff; transition: .3s;}
.home_product_con .pro_img_box .pro_img_title .it1{font-family: "Roboto";}
.home_product_con .pro_img_box .pro_img_title .it2{font-size: 30px;}
.home_product_con .pro_img_box.size1{width: 380px; height: 380px;}
.home_product_con .pro_img_box.size2{width: 760px; height: 380px;}
.home_product_con .pro_img_box.size3{width: 370px; height: 200px;}
.home_product_con .pro_img_box.mr20{margin-right: 20px;}
.home_product_con .pro_img_box.mb20{margin-bottom: 20px;}
.home_product_con .pro_right{float: left; width: 760px; margin-left: 20px;}
.home_product_con .pro_img_box .title_active{position: relative; background: rgba(0, 0, 0, .0); height: 100%; transition: .3s;}
.home_product_con .pro_img_box .title_active .title{position: absolute; left: 0%; top: 15%; color: #fff; transition: .3s; opacity: 0;}
.home_product_con .pro_img_box .title_active .title .ita1{font-family: "Roboto";}
.home_product_con .pro_img_box .title_active .title .ita2{font-size: 30px;}
.home_product_con .pro_img_box .title_active .icon{position: absolute; right: 0%; bottom: 15%; transition: .3s; opacity: 0;}
.home_product_con .pro_img_box .title_active .icon i{color: #fff; font-size: 20px;}
.home_product_con .pro_img_box .title_active .borline{position: absolute; top: 5%; left: 5%; right: 5%; bottom: 5%; box-sizing: border-box; border: 5px solid #fff; opacity: 0; transition: .3s;}
.home_product_con .pro_img_box:hover{background-size:auto 105%;}
.home_product_con .pro_img_box:hover .pro_img_title{bottom: 0; opacity: 0;}
.home_product_con .pro_img_box:hover .title_active{background: rgba(0, 0, 0, .5);}
.home_product_con .pro_img_box:hover .title_active .title{left: 15%; opacity: 1;}
.home_product_con .pro_img_box:hover .title_active .icon{right: 15%; opacity: 1;}
.home_product_con .pro_img_box:hover .title_active .borline{opacity: 1;}

/*招商*/
.home_join{overflow: hidden; position: relative; padding: 140px 0; background: url(/images/bg_home_join.jpg) top left no-repeat; background-attachment: fixed;}
.home_join .round1, .home_join .round2, .home_join .round3, .home_join .round4{position: absolute; border-radius: 50%; left: 0; top: 0;}
/*.home_join .round1{transform: translate(-30%,-40%); width: 300px; height: 300px; border: 160px solid #fff;}*/
.home_join .round1{left: -200px; top: -220px; width: 300px; height: 300px; border: 160px solid #fff;}
.home_join .round2{left: 400px; top: 140px; width: 50px; height: 50px; background:#c79556; z-index: 4}
.home_join .round3{left: 600px; top: 200px; width: 150px; height: 150px; border: 80px solid #fff; z-index: 3}
.home_join .round4{top:auto; bottom: -200px; left: -20px; width: 150px; height: 150px; border: 80px solid #c79556; z-index: 2}
.home_join .content{width: 90%; max-width:1560px; margin: 0 auto; z-index: 6; position: relative; overflow: hidden;}
.home_join .join_l{float: left;}
.home_join .join_l .title{margin-bottom: 30px;}
.home_join .join_l .title .t1{font-size: 50px;}
.home_join .join_l .title .t2{font-size: 50px; font-family: "Fran";}
.home_join .join_l .title .t2 span{color: #00546b;}
.home_join .join_l .title .t3{font-size: 22px; line-height: 300%;}
.home_join .join_l .form p{padding-bottom: 20px;}
.home_join .join_l .form input{display: block; width: 320px; padding: 10px 15px; box-sizing: border-box; background: #fff; border: 1px solid #dddddd; font-size: 18px; margin-bottom: 10px;}
.home_join .join_l .form input::-webkit-input-placeholder{color: #999;}
.home_join .join_l .form button{width: 200px; padding: 20px; background: #cc0033; font-size: 18px; color: #fff; border: none; margin-top: 20px; cursor: pointer;}
.home_join .join_r{float: right; width: 960px; padding: 100px 0; background:url(/images/bg_home_join2.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff;}
.home_join .join_r .t1{font-size: 60px; font-family: "Fran";}
.home_join .join_r .t2{font-size: 20px; color: #d5ab76; line-height: 100%;}
.home_join .join_r .t3{margin: 0 auto; font-size: 0; width: 80%; padding-top: 40px;}
.home_join .join_r .t3 span{display: block; font-size: 24px; float: left; width: 33.3%; padding: 20px 0;}

/*底部*/
.footer{overflow: hidden; background: #fff;}
.footer .content{width: 90%; max-width: 1560px; margin: 120px auto; overflow: hidden;}
.footer .contact{float: left;}
.footer .contact .t1{font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.footer .contact .t1 i{font-size: 24px; padding-right: 5px;}
.footer .contact .t2{font-size: 30px; font-family: "Fran"; color: #cc0033; padding-bottom: 30px;}
.footer .contact .t3{font-size: 16px; padding-bottom: 5px;}
.footer .fnav{float: left; padding-left: 150px;}
.footer .fnav .nav1{float: left; width: 100px;}
.footer .fnav a{display: block; font-size: 20px; font-weight: bold; color: #2a2a2a; margin-bottom: 15px;}
.footer .fnav a:hover{color: #cc0033;}
.footer .fnav .nav2{float: left; width: 300px; padding-left: 100px;}
.footer .fnav .nav2 .nav_tit{font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.footer .fnav .nav2 .nav_s a{width: 50%; float: left; font-size: 16px; font-weight: 100; margin-bottom: 10px;}
.footer .ewm{float: right;}
.footer .ewm ul{overflow: hidden;}
.footer .ewm ul li{float: left; text-align: center; padding-left: 20px;}
.footer .ewm ul li img{width: 100px; height: 100px;}
.footer .ewm ul li p{font-size: 14px;}
.footer .ewm .time{text-align: right; font-size: 14px; line-height: 150%; padding-top: 30px;}

/*版权*/
.copyright{overflow: hidden; background: url(/images/bg_home_product.jpg) center #2a2a2a; background-attachment: fixed;}
.copyright .content{width: 90%; max-width: 1560px; margin: 100px auto;}
.copyright .text{float: right; text-align: right;}
.copyright .text p{font-size: 16px; color: #fff;}
.copyright .text .bh{padding-top: 10px;}
.copyright .text .bh a{color: #999999;}
.copyright .text .bh a:hover{color: #00546b;}


/*子页开始*/
.sub_body_bg{background: #f5f5f5;}
.paging{text-align: center;}
.paging a{display: inline-block; margin: 0 5px; padding: 10px 15px; font-size: 16px; border: 1px solid #eee; color: #666; transition: .3s; font-family: "Roboto";}
.paging a:hover{border-color: #ccc; color: #ec154b;}
.paging a.active{border-color: #f5f5f5; background: #f5f5f5; color: #999;}

.sfocus{height: 800px; position: relative; overflow: hidden; background-size: cover;}
.sfocus .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.sfocus .t1{font-size: 60px; color: #ec154b; font-family: "Fran"; padding-bottom: 50px;}
.sfocus .t2{font-size: 24px; color: #fff; padding-bottom: 20px;}
.sfocus .t3{font-size: 18px; color: #fff; font-family: "Roboto"; text-transform: uppercase; text-indent: 5px; letter-spacing: 5px;}
.sfocus .t4{font-size: 80px; color: #fff;}
.sfocus .t5{font-size: 24px; color: #c79556;}
.sfocus.detail{background: #2a2a2a; height: 400px;}
.sfocus.detail .title{top: 60%;}
.sfocus.detail .t1{font-size: 40px; padding-bottom: 10px;}
.sfocus2{height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position: relative;}
.sfocus2 .tit{position: absolute; width: 100%; text-align: center; top: 50%;}
.sfocus2 .tit .t1{font-size: 60px; color: #ec154b; font-family: "Fran"; padding-bottom: 20px;}
.sfocus2 .tit .t2{font-size: 24px; color: #fff;}
.scontent{width: 90%; max-width: 1200px; position: relative; z-index: 1; margin: -60px auto 60px; background: #fff; overflow: hidden;}
.scontent2{overflow: hidden;}
.sconbox{width: 90%; max-width: 1200px; margin: 0 auto;}
.page_content{box-sizing: border-box; padding: 60px; overflow: hidden;}
/*关于*/
.page_content .data{text-align: center; padding-bottom: 40px; overflow: hidden;}
.page_content .data li{width: 33.3%; float: left;}
.page_content .data li .t1{font-size: 60px; font-family: "Fran";}
.page_content .data li .t1 sup{font-size: 16px; padding-left: 10px;}
.page_content .data li .t2{font-size: 16px; color: #999999; padding-top: 10px;}
.page_content .text{ font-size: 18px; line-height: 40px; padding-top: 60px; border-top: 1px solid #eee; }
.page_content .text h3{ font-size: 40px; padding-bottom: 40px; text-align: center; }
.about_image img{width: 100%; height: auto;}
.about_image li{float: left; width: 50%; position: relative;}
.about_image .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center;}
.about_image .txt .t1{font-size: 24px; color: #fff; padding-bottom: 10px;}
.about_image .txt .t2{font-size: 16px; color: #c79556;}
/*产品*/
.spro_title{padding-bottom: 60px; overflow: hidden;}
.spro_title .t1{font-size: 40px; float: left;}
.spro_title .t2{font-size: 18px; line-height: 150%; float: right; padding-left: 20px; border-left: 1px solid #eee;}
.pro_class_list li{ overflow: hidden; margin-bottom: 40px; }
.pro_class_list a{display: block; overflow: hidden; position: relative; box-sizing: border-box; padding: 20px; border: 1px solid #eee; transition: .3s;}
.pro_class_list .img{width: 360px; height: 260px; float: left; background-size: cover; transition: .3s;}
.pro_class_list .tit{float: right; text-align: right; color: #2a2a2a; padding: 20px 40px 0 0; transition: .2s;}
.pro_class_list .tit .t1{font-size: 16px; font-family: "Roboto"; padding-bottom: 10px;}
.pro_class_list .tit .t2{font-size: 30px;}
.pro_class_list .more{position: absolute; right: 60px; bottom: 40px; transition: .2s;}
.pro_class_list .more i{font-size: 22px; color: #c79556;}
.pro_class_list a:hover{background: #f5f5f5;}
.pro_class_list a:hover .img{transform: scale(0.95,0.95);}
.pro_class_list a:hover .more{right: 30px;}
.pro_class_list a:hover .tit{color: #cc0033}
/*案例*/
.case_list{padding: 45px 30px; overflow: hidden;}
.case_list .case_box{width: 50%; padding: 15px 30px; box-sizing: border-box; float: left;}
.case_list .case_box a{display: block; position: relative; background: #000; overflow: hidden;}
.case_list .case_box .img{width: 100%; height: 0; padding: 0; padding-bottom: 65%; background-size: cover; transition: .2s;}
.case_list .case_box .tit{position: absolute; left: -30%; bottom: 6%; font-size: 24px; color: #fff; transition: .3s; opacity: 0;}
.case_list .case_box .more{position: absolute; right: -30%; bottom: 4%; width: 60px; height: 60px; background: #c79556; transition: .3s;}
.case_list .case_box .more:after,
.case_list .case_box .more:before{content: ""; display: block; width: 20px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.case_list .case_box .more:after{width: 20px; height: 2px;}
.case_list .case_box .more:before{width: 2px; height: 20px;}
.case_list .case_box a:hover .img{opacity: .5; transform: scale(1.05,1.05);}
.case_list .case_box a:hover .tit{left: 3%; opacity: 1;}
.case_list .case_box a:hover .more{right: 3%;}
/*联系*/
.page_contact{padding: 10%; padding-left: 50%; position: relative; overflow: hidden;}
.page_contact .img{position: absolute; width: 33%; left: 10%; top: 13%;}
.page_contact .img img{width: 100%;}
.page_contact .title{padding-bottom: 80px;}
.page_contact .t1{font-size: 24px; line-height: 200%;}
.page_contact .t2{font-size: 16px;}
.page_contact .t3{font-size: 18px; padding-bottom: 10px;}
.page_contact .t3 i{font-size: 26px; padding-right: 5px;}
.page_contact .t4{font-size: 18px;}
.page_contact .t5{font-size: 24px; color: #00546b; font-family: "Roboto";}
.page_contact .t6{font-size: 14px;}
.page_contact ul li{padding-bottom: 30px;}

/*申请设计*/
.design_l,
.design_r{width: 50%; float: left; box-sizing: border-box; padding: 120px 60px;}
.design_l .t1{font-size: 30px; padding-bottom: 40px;}
.design_l .t1 i{font-size: 40px; display: block; color: #c79556;}
.design_l .t2{font-size: 18px; line-height: 150%;}
.design_r p{font-size: 16px; padding-bottom: 30px;}
.design_r input{display: block; width: 100%; padding: 15px; box-sizing: border-box; font-size: 18px; border: 1px solid #ddd; margin-bottom: 10px;}
.design_r button{width: 50%; text-align: center; padding: 15px 0; box-sizing: border-box; background: #cc0033; font-size: 18px; color: #fff; border: none; outline: none; margin-top: 20px;}

/*720度*/
.qj720{padding: 120px 0; overflow: hidden;}
.qj720 .title{padding-bottom: 60px; text-align: center;}
.qj720 .title .t1{font-size: 36px; padding-bottom: 20px;}
.qj720 .title .t2{font-size: 20px;}
.qj720 ul li{width: 25%; text-align: center; float: left; padding-bottom: 20px;}
.qj720 ul li p{font-size: 18px; line-height: 200%;}

/*加盟*/
.join_con{overflow: hidden; padding: 60px; line-height: 200%;}
.join_con .title1{padding: 40px 0; border-bottom: 1px solid #eeeeee; text-align: center;}
.join_con .title1 .t1{font-size: 30px; padding-bottom: 5px;}
.join_con .title1 .t2{font-size: 20px; color: #c79556; font-family: "Roboto"; text-indent: 5px; letter-spacing: 5px; text-transform: uppercase;}
.join_con .title2{padding: 40px 0; text-align: center;}
.join_con .title2 .t1{font-size: 24px; color: #c79556; text-indent: 5px; letter-spacing: 5px; padding-bottom: 5px;}
.join_con .title2 .t2{font-size: 16px; color: #999999;}
.join_con .join_img1{text-align: center; overflow: hidden; padding-top: 40px;}
.join_con .join_img1 li{width: 33.3%; float: left;}
.join_con .join_img2{text-align: center;}
.join_con .join_img2 img{width: 100%;}
.join_con .join_img3{padding: 40px 0; overflow: hidden;}
.join_con .join_img3 li{width: 33.3%; float: left; text-align: center; padding-bottom: 15px;}
.join_con .style1{padding: 30px 0; overflow: hidden;}
.join_con .style1 li{float: left; text-align: center; width: 16.5%;}
.join_con .style1 div{margin: 0 auto; display: inline-block; width: 150px; height: 150px; line-height: 150px; border-radius: 50%; border: double 4px #eddbc5; font-size: 24px; }
.join_con .style2 img{width: 100%; display: block;}
.join_con .style2 p{padding-bottom: 20px;}
.join_con .style3{overflow: hidden;}
.join_con .style3 li{width: 25%; float: left;}
.join_con .style3 li div{width: 90%; padding: 30px 0; margin: 3% auto; border-radius: 10px; background: #cc0033; color: #fff; text-align: center;}
.join_con .style3 li div .t1{font-size: 30px; font-weight: bold;}
.join_con .style3 li div .t2{font-size: 16px;}
.join_con .style4 li{border-radius: 10px; background: #f5f5f5; padding: 0 30px; margin: 60px 0;}
.join_con .style4 li .t1{display: inline-block; padding: 10px 30px; background: #c79556; border-radius: 50px; position: relative; top: 0; transform: translateY(-50%); font-size: 20px; color: #fff; font-style: italic;}
.join_con .style4 li .t2{font-size: 16px; padding-bottom: 30px;}
.join_con .style5 li .t1{padding: 10px 20px; background: #f5f5f5; font-size: 20px; color: #00546b; font-weight: bold;}
.join_con .style5 li .t2{padding: 30px 20px; font-size: 16px;}
.join_con .style6{padding-top: 40px;}
.join_con .style6 input{width: 100%; max-width: 500px; margin: 10px auto; display: block; border: 1px solid #eee; padding: 15px; box-sizing: border-box; font-size: 18px;}
.join_con .style6 button{width: 100%; max-width: 200px; margin: 40px auto 0; display: block; border: none; outline: none; padding: 15px; box-sizing: border-box; font-size: 18px; color: #fff; background: #c03;}

/*详情*/
.detail_title{padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 40px;}
.detail_title .t1{font-size: 40px; line-height: 150%;}
.detail_title .t2{font-size: 14px; line-height: 150%; color: #999;}
.detail_title .t2 span{padding-right: 20px;}
.detail_content{font-size: 16px; line-height: 200%;}
.detail_content img{width: 100%; max-width: 1080px;}
.detail_nav{overflow: hidden;}
.detail_nav li{width: 50%; float: left;}
.detail_nav li a{display: block; padding: 30px; font-size: 26px; color: #2a2a2a; background: #eee; box-sizing: border-box; transition: .3s;}
.detail_nav li a span{display: block; font-size: 16px; color: #666; transition: .3s;}
.detail_nav li:last-child a{border-left: 1px solid #fff; text-align: right;}
.detail_nav li a:hover{background: #c79556; color: #fff;}
.detail_nav li a:hover span{color: #fff;}





@media screen and (max-width: 1560px){
  .home_about .home_about_con{margin-left: 120px;}
  .home_about .deng{right: 0;}

  .home_product_con .pro_right{width: 680px;}
  .home_product_con .pro_img_box.size1{width: 330px; height: 330px;}
  .home_product_con .pro_img_box.size2{width: 680px; height: 350px;}
  .home_product_con .pro_img_box.size3{width: 330px; height: 180px;}

  .home_join .join_r{width: 900px;}
  .home_join .round3{left: 500px;}

  .footer .fnav{padding-left: 100px;}
}
@media screen and (max-width: 1440px){
  .home_about .deng{display: none;}

  .home_product_con .pro_right{width: 620px;}
  .home_product_con .pro_img_box.size1{width: 310px; height: 310px;}
  .home_product_con .pro_img_box.size2{width: 620px; height: 330px;}
  .home_product_con .pro_img_box.size3{width: 300px; height: 180px;}

  .home_join .join_r{width: 700px;}
  .home_join .join_r .t3 span{font-size: 20px; padding: 10px 0;}
  .home_join .round3{left: 550px;}

  .footer .fnav{padding-left: 80px;}
  .footer .fnav .nav2{padding-left: 60px; width: 200px;}
}
@media screen and (max-width: 1360px){
  .home_about .shuye img{width: 500px;}
  .home_about .home_about_con{width: 1180px;}

  .home_product_con .pro_title .t2{font-size: 30px;}
  .home_product_con .pro_right{width: 580px;}
  .home_product_con .pro_img_box.size1{width: 290px; height: 290px;}
  .home_product_con .pro_img_box.size2{width: 580px; height: 310px;}
  .home_product_con .pro_img_box.size3{width: 280px; height: 180px;}
  .home_product_con .pro_img_box .pro_img_title .it2{font-size: 20px;}
  .home_product_con .pro_img_box .title_active .title .ita2{font-size: 20px;}

  .home_join .join_r{width: 700px;}
  .home_join .join_r .t3 span{font-size: 20px; padding: 10px 0;}
  .home_join .round3{left: 480px;}
  .home_join .join_l .title .t1{font-size: 40px;}
  .home_join .join_l .title .t2{font-size: 40px;}
  .home_join .join_l .title .t3{font-size: 18px;}

  .footer .fnav{padding-left: 80px;}
  .footer .fnav .nav2{padding-left: 60px; width: 200px;}
  .footer .ewm ul li img{width: 80px; height: 80px;}
}
@media screen and (max-width: 1280px){
  .home_about .home_about_con{width: 1080px;}

  .home_product_con .pro_title .t2{font-size: 30px;}
  .home_product_con .pro_right{width: 550px;}
  .home_product_con .pro_img_box.size1{width: 275px; height: 275px;}
  .home_product_con .pro_img_box.size2{width: 550px; height: 295px;}
  .home_product_con .pro_img_box.size3{width: 265px; height: 180px;}

  .footer .fnav{padding-left: 60px;}
}
@media screen and (max-width: 1024px){
  .header .menu_btn{left: 60%;}

  .home_about .shuye{display: none;}
  .home_about .home_about_con{width: 840px;}
  .home_about .home_about_con .data li .t1{font-size: 45px;}
  .home_about .home_about_con .about-title{width: 300px; bottom: 210px;}
  .home_about .home_about_con .about-title .t1{font-size: 30px; padding-bottom: 10px;}
  .home_about .home_about_con .about-title .t2{font-size: 24px;}

  .home_product_con{margin: 100px auto;}
  .home_product_con .pro_img_box.size1{width: 440px;height: 440px;}
  .home_product_con .pro_right{width: 900px; margin-left: 0; padding-top: 20px;}
  .home_product_con .pro_img_box.size2{height: 360px;}
  .home_product_con .pro_img_box.size3{margin-left: 20px; margin-right: 0; width: 330px; height: 180px; }

  .home_join .round1{top: -300px; left: -240px;}
  .home_join .round2{top: 150px; left: 320px;}
  .home_join .round3{left: 400px;}
  .home_join .join_r{width: 500px;}
  .home_join .join_r .t1{font-size: 40px;}
  .home_join .join_r .t2{font-size: 16px;}
  .home_join .join_r .t3 span{font-size: 16px;}

  .footer .fnav{display: none;}

  /*加盟*/
  .sfocus .t4{font-size: 60px;}
  .join_con .join_img1 li img{width: 90%;}
  .join_con .style1 div{width: 110px; height: 110px; line-height: 110px; font-size: 16px;}
  .join_con .join_img3 li img{width: 90%;}

}
@media screen and (max-width: 768px){
  .header{padding: 30px 20px 20px;}
  .header .logo img{width: 150px;}
  .header .logo_name{display: none;}
  .header .head_btn{font-size: 14px; padding: 0;}
  .header .head_btn .mall_btn{margin: 0;}
  .header .head_btn .join_btn{display: none;}
  .header .menu_btn{font-size: 14px; padding: 0;}
  .header .menu_btn span{width: 30px;}
  .header .menu_btn span::before,
  .header .menu_btn span::after{width: 20px;}

  .main_menu li{width: 100%; height: 60px;}
  .main_menu li a .t1{font-size: 30px;}
  .main_menu li a .t2{font-size: 22px;}

  .swipedown{right: 20px;}

  .join_right{display: none;}

  .focus video{display: none;}
  .focus_phone{display: block;}

  .design_form{width: 100%;left:-1100px;}
  .design_form_open{left:30px;}
  .design_form .box{width: 100%; box-sizing: border-box; padding: 30px;}
  .design_form .box .tit_en{font-size: 30px; top: -15px;}
  .design_form .box .tit_ch,
  .design_form .box .form{float: none;}
  .design_form .box .tit_ch{padding: 0 0 20px 0;}
  .design_form .box .form input{width: 100%; height: 40px; font-size: 16px; margin-bottom: 10px; display: block;}
  .design_form .box .form input.add{width: 99%;}
  .design_form .box .close{top: -30px; right: 10px;}

  .home_about .home_about_con{margin: 0 auto; width: 90%; padding: 70px 0;}
  .home_about .home_about_con .data li .t1{font-size: 24px;}
  .home_about .home_about_con .data li .t1 sup{font-size: 14px; display: block;}
  .home_about .home_about_con .data li .t2{font-style: 14px;}
  .home_about .home_about_con .about-title{width: 100%; position: initial; padding: 30px;}
  .home_about .home_about_con .about-title .t1{font-size: 24px;}
  .home_about .home_about_con .about-title .t2{font-size: 16px;}
  .home_about .home_about_con .about-title a{margin-top: 30px;}

  .home_product_con{margin: 70px auto;}
  .home_product_con .pro_left{width: 100%;}
  .home_product_con .pro_title{height: 150px;}
  .home_product_con .pro_title .t2{font-size: 20px;}
  .home_product_con .pro_title .t1 span.l1{margin-left: 80px;}

  .home_product_con .pro_img_box.size1{width: 50%; height: 186px; margin: 0;}
  .home_product_con .pro_right{width: 100%;}
  .home_product_con .pro_img_box .pro_img_title{left: 10px; bottom: 10px;}
  .home_product_con .pro_img_box.size2{width: 100%; height: 200px;}
  .home_product_con .pro_img_box.size3{width: 50%; height: 120px; margin-left: 0;}

  .home_join{padding: 70px 0;}
  .home_join .round1{width: 200px;height: 200px; top: -200px; left: -150px; border: 100px solid #fff;}
  .home_join .round2{top: 50px; left: 220px;}
  .home_join .round3{left: 300px;}
  .home_join .join_l{float: none;}
  .home_join .join_l .form input{width: 100%;}
  .home_join .join_r{float: none; width: 100%; margin-top: 50px; padding: 50px 0; overflow: hidden;}
  .home_join .join_r .t1{font-size: 30px; padding-bottom: 10px;}
  .home_join .join_r .t3 span{font-size: 14px;}

  .footer .content{margin: 60px auto;}
  .footer .contact{float: none;}
  .footer .ewm{float: none;}
  .footer .ewm ul{padding-top: 30px;}
  .footer .ewm ul li{padding: 0; width: 25%; text-align: left;}
  .footer .ewm .time{text-align: left;}

  .copyright .content{margin: 60px auto;}
  .copyright .text{float: none; text-align: center; padding-bottom: 30px;}
  .copyright .text p{font-size: 14px;}
  .copyright .flogo{width: 100%; text-align: center;}


  /*子页*/
  .sfocus .title{width: 90%;}
  .sfocus .t2{font-size: 18px;}
  .sfocus .t3{font-size: 16px;}
  .sfocus2 .tit .t1{font-size: 30px;}
  .sfocus2 .tit .t2{font-size: 18px;}
  .page_content{padding: 30px;}
  .page_content .data li .t1{font-size: 24px;}
  .page_content .data li .t1 sup{font-size: 14px; display: block;}
  .page_content .data li .t2{font-style: 14px;}
  .about_image li{width: 100%; font-size: 0;}
  .about_image .txt .t1{font-size: 18px;}
  .about_image .txt .t2{font-size: 14px;}

  /*产品分类*/
  .spro_title .t1{font-size: 30px; float: none; padding-bottom: 20px;}
  .spro_title .t2{font-size: 14px; float: none;}
  .pro_class_list .img{width: 270px; height: 195px;}
  .pro_class_list .tit{float: none; text-align: left; padding-top: 20px; clear: both;}
  .pro_class_list .tit .t1{padding: 0; font-size: 14px;}
  .pro_class_list .tit .t2{font-size: 22px;}
  .pro_class_list .more{right: 30px; bottom: 30px;}

  /*案例*/
  .case_list .case_box{width: 100%;}
  .case_list{padding: 15px 0;}

  /*联系*/
  .page_contact{padding: 10%;}
  .page_contact .img{display: none;}
  .page_contact .title{padding-bottom: 50px;}

  /*申请设计*/
  .design_l,
  .design_r{float: none; width: 100%; padding: 30px;}
  .design_l{padding-top: 60px;}
  .design_r{padding-bottom: 60px;}

  /*720度*/
  .qj720{padding: 60px 0;}
  .qj720 .title .t1{font-size: 30px;}
  .qj720 .title .t2{font-size: 18px;}
  .qj720 ul li{width: 50%;}

  /*加盟*/
  .join_con{padding: 30px;}
  .sfocus .t4{font-size: 34px; padding-bottom: 10px;}
  .sfocus .t5{font-size: 16px;}
  .join_con .join_img1 li{width: 100%;}
  .join_con .style1{padding: 0;}
  .join_con .style1 li{width: 50%; padding: 10px 0;}
  .join_con .join_img3 li{width: 50%;}
  .join_con .style3 li{width: 50%;}
  .join_con .style3 li div .t2{font-size: 14px;}

  /*详情*/
  .detail_title .t1{font-size: 30px;}
  .detail_nav li{width: 100%; text-align: center;}
  .detail_nav li a{font-size: 20px;}
  .detail_nav li:last-child a{text-align: center; border: none; border-top: 1px solid #fff;}

}