@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 16px;}
img{ border:0; vertical-align: middle;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.w1440{ width:1440px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{padding-left:12rem; overflow-x:hidden}
/* 常量设置 */
.w1200 {width:1200px; margin: 0px auto;}
.w1200{ padding: 0;}
p,ul{margin: 0;}


html{font-size:62.5%}

@font-face {
    font-family: 'syst';
    src: url('../font/SOURCEHANSERIFCN-EXTRALIGHT.OTF') format('otf');
    font-weight: normal;
    font-style: normal;
}


/* 导航栏 */
.header{position: relative; z-index: 9}


.header_top{position: fixed; top: 0; right: 0; width: calc(100% - 120px);  z-index: 9; background: #000000; border-bottom: 1px solid #808080; padding-left: 10rem; z-index:9}
.h_logo{width:96px; height:100px; float: left;display: flex; align-items: center; }
.h_logo img{max-width:100%; height: auto; display: block; align-items: center; margin: 0px auto; }
.header_right{width:63%; height: auto; float: right; margin-right:6%}
.header_dao{width:40%; height: 100%;  float: right; }
.nav{width:100%; height:100%;float: right;   }
.nav .nLi{ float:left;  display:inline; height:100px;  width:11.1%; text-align: center;  }
.nav .nLi h3{ height:100%; width:100%; text-align: center; line-height: 100px; }
.nav .nLi h3 a{font-size:1.4rem;  color:#ffffff;  position: relative  }
.nav .nLi h3 a p{font-size:1.4rem; color:#ffffff;}
.nav .nLi:hover h3 p,.nav li.active h3 p{ font-weight: bold; background: url(../images/nav.png) no-repeat bottom center}
.nav .sub{ display:none;left:0; top:100px;  position:absolute; width:100%;  z-index: 999; background:rgba(255,255,255,0.8);  }
.nav .sub li{ zoom:1;  height:70px; line-height:70px; text-align: center;  vertical-align:middle;  display:inline-block; margin: 0px 10px;}
.nav .sub li p{ width:100%; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block;  color: #000; font-size:1.4rem; height: 100%; opacity: 0.8 }
.nav .sub a:hover{font-weight: bold; opacity: 1}
.header_left{width:12rem; height: 100vh; position:fixed; left:0; top:0; background: #000; border-right: 1px solid #808080; z-index: 9}
.h_menu{text-align: center; padding-top: 35px;}
.h_menu p{font-size: 14px; color:#fff; line-height: 40px;}
.header_search{width:100%; height: auto; position: relative; }
.header_search i{width:24px; height: 24px; background: url(../images/lan_img.png) no-repeat center; display: block; margin:0px auto;}
.h_text{width:300px; height: 40px; border-radius: 8px; position: absolute; top:32px; left:0; background: #fff; padding-left: 10px;  z-index: 999; border: 1px solid #000; display: none;}
.h_text input[type="text"]{width:70%; height: 100%; background: none; border: 0}
.search_submit{width:30%; height: 100%; float: right; background: #000; color:#fff; text-align: center; font-size: 1.4rem; border: 0; border-radius:0 5px 5px 0;}
.h_product{margin: 0px auto; display: block; text-align: center; margin-top:30rem; margin-bottom:3rem }







/* 首页:banner */
.index_banner{ width:100%; height:auto; position: relative; overflow: hidden}
.index_banner .swiper-slide a{width:100%; height: auto; display: block}
.pc_banner{width:100%; height:96rem; background-size:cover!important}
.sj_banner img{width:100%; height: auto; display: block;}
.index_banner .swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.index_banner .swiper-slide,.sj_banner .swiper-slide{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.index_banner .swiper-pagination-bullet-active,.sj_banner .swiper-pagination-bullet-active{background: #0796e5}
.sj_banner{ width:100%; height:auto; position: relative; overflow: hidden; display:none;}
.sj_banner .swiper-slide a{width:100%; height:auto; display:block;}





/*关于我们*/
.index_about{width:100%; height: auto; background: #000000 url(../images/about_bjs.png) no-repeat 93% top; position: relative; padding:13.8rem 0 12.5rem; overflow: hidden;}
.index_about .container{width:1330px;}
.index_about_left{width:65.3rem; height: auto; float: left}
.about_left_top{width:100%; height: auto; overflow: hidden}
.about_left_top h3{font-family: "宋体"; font-size: 4.4rem; color:#fff; line-height:6rem}
.about_left_top h4{font-size: 2rem; color: #fff;  }
.about_left_top hr{width:100%; height: 1px; background: #fff; display: block; margin: 4.6rem 0}
.about_left_top h5{font-size: 3rem; color: #fff; font-family: "宋体";}
.about_left_top .about_info{font-size:1.4rem; color: #fff; width:88%; height: auto; overflow: hidden; line-height: 3.2rem; margin-top:4rem; display: block }
.index_about_right{width:40rem; height: auto; float: right; overflow: hidden}
.index_about_right img{width:100%; height: auto; display: block}
.in_about_links{width:100%; height: auto; overflow: hidden; margin-top:14rem}
.in_about_links a{width:auto; float: left; margin-right: 9rem}
.in_about_links a h3{font-size: 1.8rem; color: #fff; line-height: 3rem}
.in_about_links a h4{font-size: 2rem; color: #fff; line-height: 3rem; font-family: "宋体"}
.in_about_links a i{width:26px; height: 26px; border:1px solid #fff; background: #000; border: 1px solid #fff; border-radius: 50%; display: block; margin-top:3rem; position: relative; z-index: 9}
.index_about:after{content: ""; width: 100%; height: 1px; background: #808080; position: absolute; bottom:13.8rem; left:0;}
.in_about_links a:nth-child(2n) i{display: none;}
.in_about_links a:nth-child(2n):hover i{display: block;}


/*环境*/
.index_huanjing{width:100%; height:96rem; background: url(../images/huan_bjs.jpg) no-repeat right center; background-size: cover; padding-top: 8.4rem}
.index_title{width:100%; height: auto; overflow: hidden}
.index_title h3{font-size: 4.4rem; color:#fff; font-family: "宋体"; line-height: 5rem; margin-bottom: 8px;}
.index_title p{font-size: 20px; color: #fff;}
.index_hj_all{width:100%; height: auto; margin-top: 4rem; position: relative}
.view{width:100%; height: auto; overflow: hidden}
.view .swiper-slide a,.preview .swiper-slide .hj_list{width:100%; height: auto; display: block; position: relative; overflow: hidden}
.view .swiper-slide a img,.hj_list img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.preview{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.hj_list p{width:100%; height: 100%; background:rgba(0,0,0,0.7); text-align: center; font-size: 1.8rem; color:#fff; position: absolute; top:100%; left:0; line-height: 93px; transition: all 0.4s ease-in-out;}
.hj_list:hover p,.preview .active-nav p{top:0; transition: all 0.4s ease-in-out;}
.preview .swiper-slide .hj_list:hover img{top:0; transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.arrow-right{width:15rem; height: 7rem; background: url(../images/hj_right.png) no-repeat center; right:-160px; position: absolute; top:50%; margin-top: -3rem; background-size:100% 100%}






/*荣誉资质*/
.index_honor{width:100%; height: auto; overflow: hidden;  position: relative; padding:14rem 0 4rem; margin:14rem 0 7rem }
.index_honor_title{width:100%; height: auto; overflow: hidden; position: absolute; top:0; left:10%}
.index_honor_title h3{font-size: 4.4rem; color:#000000; font-family: "宋体"; line-height: 5rem; margin-bottom: 8px;}
.index_honor_title p{font-size: 20px; color: #000000;}
.in_biye{left: 3.5rem; bottom: 3.25rem;  padding-left: 20rem; font-size: 0;  color: #222222;line-height: .8; position: absolute;}
.in_biye:after,.in_zhounian:after {
    position: absolute;
    width: 19rem;
    height: 1px;
    background: #000000;
    content: "";
    left: 0;
    top:8px;
}
.honor_shu{float:left; font-family: "宋体"; margin-left: 3rem}
.honor_shu dt{font-size: 2.6rem; color: #000000; line-height: 30px;}
.honor_shu dd{font-size: 2.4rem; color: #000000}
.span_num{float: left; margin-left: 2rem; font-size: 8rem; color: #000000;  font-family: "宋体"}
.span_num span{font-size: 8rem; color: #000000; }

.in_zhounian{ top: 3.75rem; left: 92rem; line-height: .75; font-size: 0; font-family: "cli"; padding-left:20rem; position: absolute}
.index_honor_all{width:100%; height: 600px;  position: relative}
.honor_list a{height: auto; position: absolute}
.honor_list a img{max-width: 100%;}


.li1 {left: 0;top: 2.375rem; width:45rem; }
.li2 {left:78rem;  top: 0rem; width: 19.6rem; }
.li3 {bottom:0rem; left:62rem; width: 33.7rem; }
.li4 {top: 8rem; right:25rem; width: 33.7rem; }
.li5 {right: 0; bottom: 0; width: 20rem; }


.honor_list{
	position: absolute;
	left: 0;
	top: 0; 
	width: 100%; 
	height: 100%; 
}


.m768{display: none;}
.pc768{display: block;}







/*课程*/
.index_kecheng{width:100%; height: auto; overflow: hidden; position: relative}
.index_kecheng_all{width:100%; height: auto; overflow: hidden; position: relative}
.kecheng_top .swiper-slide a{position: relative; width: 100%; height: auto; display: block}
.in_gal_img{width:100%; height: auto; overflow: hidden; }
.in_gal_img img{width:100%; height: auto; display: block}
.in_gal_xx{width:1200px; height: auto; margin: 0px auto; position: absolute; top:50%; left:50%; margin-left: -600px}
.in_gal_xx h3{font-size: 5rem; color:#fff; font-family: "宋体"; line-height: 5rem; margin-bottom: 8px; font-weight: bold;}
.in_gal_xx h4{font-size: 3rem; color: #fff; font-family: "宋体"; margin-top: 20px;}
.in_gal_xx p{width:60%; height: auto; font-size: 1.4rem; color: #fff; line-height:3.2rem; margin-top:4rem;}
.kecheng_bottom{position:absolute; bottom:4rem; left:0; width: 100%; height: auto; z-index: 9}
.index_kecheng_all:after{content: ""; width: 100%; height: 1px; background: #808080; position: absolute; bottom:10rem; left:0; z-index:1}
.kecheng_thumbs{width:1200px; margin: 0px auto; }
.kecheng_thumbs .g_list{width:100%; height: auto;}
.kecheng_thumbs .g_list p{font-size: 16px; color: #fff; line-height: 28px; text-align: center}
.g_list i{width:26px; height: 26px; border:1px solid #fff; background: #000; border: 1px solid #fff; border-radius: 50%; display: block; margin:2rem auto; position: relative; z-index: 9; opacity: 0}
.index_kecheng .index_title{position: absolute; top:14.2rem; left:29rem; z-index:2; width: 30%; border-bottom: 1px solid #fff; padding-bottom: 50px}

.swiper-slide-active .g_list i{opacity: 1}





/*老师*/
.index_team{width:100%; height:96rem; background: #000000; padding-top: 13.2rem}
.index_team_all{width:100%; height: auto; overflow: hidden; margin-top: 5rem}
.index_team_all .swiper-container{padding-bottom: 5rem}
.index_team_all .swiper-slide a{width:100%; height: auto; display: block; position: relative;}
.index_team_img{width:100%; height: auto; overflow: hidden}
.index_team_img img{width:100%; height: auto; display: block}
.index_team_all .swiper-slide a h3{width:100%; height: 30px; line-height: 30px; font-size: 1.8rem; color: #fff; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; margin-top: 20px;}
.in_team_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #ffffff;  line-height: 24px; margin: 10px auto; opacity: 0; transition: all 0.4s ease-in-out;}
.index_team_all .swiper-slide a h4{font-size: 14px; color: #fff; line-height: 30px; opacity: 0; transition: all 0.4s ease-in-out;}
.swiper-container-horizontal>.swiper-pagination-progress{top:auto; bottom:0}
.swiper-pagination-progress{background: rgba(255,255,255,0.2)}
.swiper-pagination-progress .swiper-pagination-progressbar{background: #fff}
.index_team_all .swiper-slide a:hover .in_team_info{ opacity:0.5; transition: all 0.4s ease-in-out;}
.index_team_all .swiper-slide a:hover h4{ opacity: 1; transition: all 0.4s ease-in-out;}






/*老师作品*/
.index_lszp{width:100%; height:96rem; background: url(../images/lao_bjs.jpg) no-repeat center; padding-top: 13.2rem}
.index_team_zp{width:100%; height: auto; overflow: hidden; margin-top: 5rem}
.index_team_zp .swiper-slide a{width:100%; height: auto; display: block; position: relative; padding-top:3.4rem}
.index_team_pic{width:100%; height: auto;  position: relative; z-index: 9; padding-right: 2.3rem}
.index_team_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_lszp_xx{width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.in_lszp_xx h3{width:50%; height: auto; float: left; position: relative; color:#ffffff; font-size: 1.8rem; color:#fff;     transition: .5s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_lszp_xx i{width:80px; height: 80px; display: block; background-size: 100% 100%; float:right; background: url(../images/case_jt.png) no-repeat center;opacity: 0; transition: .5s ease-in-out;}
.in_lszp_xx h3:after{position: absolute; content: "";  height: 1px; width: 1.5rem;  background: #fff; left:-3rem; top: 1.8rem; opacity: 0}
.index_team_pic:after{position: absolute; content: "";  width: 100%; background: url(../images/t_bjs.png) no-repeat center; height: 100%;  left:2rem;
    top: -3rem;  transition: .5s ease-in-out; z-index: -1}
.index_team_zp .swiper-slide a:hover h3{font-size: 3rem;     transition: .5s ease-in-out; margin-top:25px}
.index_team_zp .swiper-slide a:hover i{opacity: 1; transition: .5s ease-in-out;}
.index_team_zp .swiper-slide a:hover .in_lszp_xx{margin-top: 9rem;}
.index_team_zp .swiper-slide a:hover h3:after{opacity: 1}

.index_team_zp .swiper-slide a:hover{margin-top: -10px;}







/*学员风采*/
.index_xueyuan{width:100%; height:96rem; background: url(../images/yxxy_bjs.jpg) no-repeat center; padding-top: 13.2rem}
.index_xueyuan_ys{width:100%; height: auto;  margin-top:5rem; }
.index_xueyuan_ys .swiper-slide a{width:100%; height: auto; display: block; padding-top: 40px; }
.index_xy_pic{width:100%; height: auto; position: relative; padding-right: 2rem}
.index_xy_pic img{width:100%; height: auto; display: block}
.index_xueyuan_ys .swiper-slide a h3{font-size: 1.8rem; color: #fff; width: 100%; height: 40px;  text-overflow: ellipsis;  white-space:nowrap; 
	margin-top:2rem; transition: .5s ease-in-out; position: relative}
.index_xueyuan_ys .swiper-slide a h3:after{position: absolute; content: "";  height: 1px; width: 6rem;  background: #fff; left:-7rem; top: 1.8rem; opacity: 0}
.index_xy_pic:after{position: absolute; content: "";  width:93.5%; border: 1px solid rgba(255, 255, 255, 0.4);  height: 100%;  left:2rem;
    top: -2rem;  transition: .5s ease-in-out; z-index: -1}
.index_xueyuan_ys .swiper-slide a:hover h3{font-size: 3rem;     transition: .5s ease-in-out; }
.index_xueyuan_ys .swiper-slide a:hover h3:after{opacity: 1}
.index_xueyuan_ys .swiper-slide a:hover .index_xy_pic:after{ top: -4rem;}





/*合作客户*/
.index_kehu{width:100%; height: auto; overflow: hidden; margin: 13.4rem 0}
.index_kehu_all{width:100%; height: auto; overflow: hidden; margin-top: 5.5rem;  }
.index_kehu_all .swiper-container{padding-bottom:40px;}
.index_kehu_all .swiper-slide a{width:100%; height: auto; display: block; position:relative; padding-top:2.2rem; padding-right:2rem}
.in_kh_pic{width:100%; height: auto; display: block; position: relative; overflow:hidden;z-index:9}
.in_kh_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_kehu_all .swiper-slide a:after{position: absolute;
    content: "";
    width: 0;
    border: 1px solid #000;
    height: 0;
    right: 0;
    top: 0rem;
    transition: .5s ease-in-out; z-index:-1; opacity:0}
	
.index_kehu_all .swiper-slide a:hover:after{width:95%; height:76%; opacity:1}



.in_kh_icon{width:130px; height: 130px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; align-items: center; margin:-60px auto 0; position: relative; z-index: 9}
.in_kh_icon img{width: 100%; align-items: center; margin: 0px auto; border-radius: 50%;}
.kehu_more{width:500px; height: 70px; display: table; margin:5rem auto 0; position:relative}
.kehu_more .swiper-button-prev,.kehu_more .swiper-button-next{width:150px; height: 70px;  top:0;  margin-top: 0;  opacity: 1}
.kehu_more .swiper-button-prev{background: url(../images/kehu_left.png) no-repeat center; }
.kehu_more .swiper-button-next{background: url(../images/kehu_right.png) no-repeat center;}
.kehu_more a{font-size: 20px; color: #000000; margin: 0px auto;  display:block; line-height: 70px; width:100px; text-align:center}
.index_kehu_all .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}





/*优势*/
.index_youshi{width:100%; height: 960px; background: url(../images/ys_bjs.jpg) no-repeat center; background-size:cover; padding: 13.3rem 0}
.in_ys_zp,.in_ys_ys{width:30%; height: 54.2rem; overflow: hidden; background: #fff; float: left; margin-left:5%; border-radius: 8px; padding: 3.5rem;  margin-top: 54px;}
.in_ys_zp h3,.in_ys_ys h3{font-size: 2.4rem; color: #000000; line-height: 40px;}
.in_ys_zp h4,.in_ys_ys h4{font-size: 2rem; color: #000000; font-family: "宋体"}
.yin_ysinfo{width:100%; height: auto; overflow: hidden; border-top:1px dashed #bebebe; margin-top: 3rem; padding-top: 3rem}
.yin_ysinfo p{font-size: 1.6rem; color:#000; line-height:4rem; background: url(../images/dh_img.png) no-repeat left center; padding-left: 2.5rem}
.index_youshi a.ys_lx{width:80%; height: 5.5rem; color:#000;  line-height: 5.2rem; border: 1px solid #000; border-radius: 30px; display: block; margin-top: 4.4rem;
	padding: 0px 20px; background: url(../images/san.png) no-repeat 90% center}
.in_ys_zp{margin-left: 0}
.txtMarquee-top{ overflow:hidden; position:relative; border-top:1px dashed #bebebe; margin-top: 3rem; padding-top: 3rem  }
.txtMarquee-top .bd{width:100%; height: auto; overflow: hidden}
.txtMarquee-top .infoList li{width:100%;font-size: 1.6rem; color:#000;height:4rem; line-height:4rem; background: url(../images/dh_img.png) no-repeat left center; padding-left: 2.5rem; text-overflow:ellipsis;overflow:hidden; white-space:nowrap }






/*加盟*/
.index_join{width:100%; height: 960px; overflow: hidden; background: url(../images/join_bjs.jpg) no-repeat center; background-size:cover; padding-top:13.5rem }
.index_join ul{width:100%; height: auto; overflow: hidden; margin-top: 6rem}
.index_join ul li{width:23.4%; height: 200px; float: left; border-radius:10px; padding: 2rem 3.5rem 0 3rem; margin-bottom: 2.9rem; border: 2px solid #fff; position: relative; margin-right:2.1%}
.index_join ul li:nth-child(4n){margin-right: 0}
.index_join ul li span{font-size: 2.2rem; color: #fff; font-weight: bold; display: block}
.index_join ul li h3{font-size: 2rem; color: #fff; line-height: 40px; width: 100%; height:40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	margin-top:15px;}
.index_join ul li p{font-size: 1.6rem; color: #fff; opacity: 0.7; line-height: 2.8rem; margin-top: 8px;}
.index_join ul li i{width:42px; height:42px; position: absolute; top:2rem; right:2.8rem; display: block}
.shop_1{background: url(../images/i1.png) no-repeat center}
.shop_2{background: url(../images/i2.png) no-repeat center}
.shop_3{background: url(../images/i3.png) no-repeat center}
.shop_4{background: url(../images/i4.png) no-repeat center}
.shop_5{background: url(../images/i5.png) no-repeat center}
.shop_6{background: url(../images/i6.png) no-repeat center}
.shop_7{background: url(../images/i7.png) no-repeat center}
.shop_8{background: url(../images/i8.png) no-repeat center}
.index_join ul li:hover .shop_1{background: url(../images/i1_h.png) no-repeat center}
.index_join ul li:hover .shop_2{background: url(../images/i2_h.png) no-repeat center}
.index_join ul li:hover .shop_3{background: url(../images/i3_h.png) no-repeat center}
.index_join ul li:hover .shop_4{background: url(../images/i4_h.png) no-repeat center}
.index_join ul li:hover .shop_5{background: url(../images/i5_h.png) no-repeat center}
.index_join ul li:hover .shop_6{background: url(../images/i6_h.png) no-repeat center}
.index_join ul li:hover .shop_7{background: url(../images/i7_h.png) no-repeat center}
.index_join ul li:hover .shop_8{background: url(../images/i8_h.png) no-repeat center}
.index_join ul li:hover{background: #fff}
.index_join ul li:hover span,.index_join ul li:hover h3,.index_join ul li:hover p{color:#000000}
.lj_zixun{width:100%; position: relative; background: url(../images/xian.png) no-repeat center; margin-top: 60px;}
.lj_zixun a{position: relative;  padding-left: 80px; margin-left:290px; display: block}
.lj_zixun h3{font-size: 1.8rem; color: #fff; line-height: 3rem}
.lj_zixun p{font-size: 2rem; color: #fff; line-height: 3rem; font-family: "宋体"}
.lj_zixun a:after{content: ""; width:26px; height: 26px; border:1px solid #fff; background: #000;  border-radius: 50%; position: absolute; left:0; top:18px }





/*成功案例*/
.index_case{width:100%; height:96rem; overflow: hidden; background: url(../images/case_bjs.jpg) no-repeat center; padding: 12.6rem 0;}
.index_case .container{width: 70%;}
.index_case_list{width:100%; height: auto; overflow: hidden;  margin: 10rem 0 0}
.index_case_list .swiper-slide a{width:100%; height: auto; display: block; position: relative; padding-top:3.2rem}
.index_case_pic{width:100%; height: auto;  position: relative; z-index: 9; padding-right: 2rem}
.index_case_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_title{width:100%; height: auto; overflow: hidden; margin-top: 10px;}
.index_case_title h3{width:60%; height: auto; float: left; position: relative; color:#ffffff; font-size: 1.8rem; color:#fff;     transition: .5s ease-in-out;}
.index_case_title i{width:80px; height: 80px; display: block; background-size: 100% 100%; float:right; background: url(../images/case_jt.png) no-repeat center;opacity: 0; transition: .5s ease-in-out;}
.index_case_title h3:after{position: absolute; content: "";  height: 1px; width: 1.5rem;  background: #fff; left:-3rem; top: 1.8rem; opacity: 0}
.index_case_pic:after{position: absolute; content: "";  width: 90.5%; border: 1px solid rgba(255, 255, 255, 0.4);  height: 100%;  left:3.2rem;
    top: -3.2rem;  transition: .5s ease-in-out; z-index: -1}
.index_case_list .swiper-slide a:hover h3{font-size: 3rem;     transition: .5s ease-in-out; margin-top:25px}
.index_case_list .swiper-slide a:hover i{opacity: 1; transition: .5s ease-in-out;}
.index_case_list .swiper-slide a:hover .index_case_title{margin-top: 9rem;}
.index_case_list .swiper-slide a:hover h3:after{opacity: 1}
.index_case_list .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}








/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top: 13rem}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title h3{font-size: 4.4rem; color:#000000; font-family: "宋体"; line-height: 5rem; margin-bottom: 8px;}
.index_news_title p{font-size: 20px; color: #000000;}
.index_news_list{width:100%; height: auto; overflow: hidden; margin-top: 5.2rem}
.index_news_list .swiper-slide a{width:100%; height: auto; display: block}
.index_news_pic{width:100%; height: auto; overflow: hidden}
.index_news_pic img{width:100%; height: auto; display: block}
.index_news_time{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_news_time span{font-size: 50px; color:#bebebe;  float: left; font-family: "宋体"; font-weight: bold;}
.index_news_time dl{float: left; text-align: center; margin-left: 8px; margin-top:10px; position: relative}
.index_news_time dl dt{font-size: 14px; color: #4d4d4d; line-height: 20px;}
.index_news_time dl dd{font-size: 14px; color: #4d4d4d; line-height: 20px;}
.index_news_time dl:after{content: ""; width: 48px; height: 1px; background: #bebebe; position: absolute; top:20px; right:-70px; z-index: 1}
.index_news_list .swiper-slide a h3{width:100%; height: 30px; line-height: 30px; font-size: 2rem; color: #000000; text-overflow: ellipsis; overflow: hidden;
	white-space: nowrap; font-family: "宋体"; font-weight: bold; margin-top: 8px;}
.index_news_list .swiper-slide a p{width:100%; height: auto; overflow: hidden; line-height: 26px; font-size: 1.4rem; color: #4d4d4d;  
	word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin: 10px auto;}
.index_news_list .swiper-slide a h4{font-size: 1.4rem; color: #bebebe; font-family: "宋体"; font-weight: bold; background: url(../images/icon.png) no-repeat left center; padding-left: 20px;}
.index_news .swiper-container{padding-bottom:80px;}
.index_news .swiper-pagination-bullet{width:10px; height: 10px; background: #000000; border-radius: 50%; opacity: 1}
.index_news .swiper-pagination-bullet-active{width:50px; height: 10px; border-radius: 5px;}







/*底部*/
.footer{width:100%; height:auto; overflow: hidden; margin-top: 90px; padding-bottom: 60px;}
.footer_left{width:23%; height: auto; float: left}
.footer_left h3{font-size: 2rem; color: #000000; font-weight: bold; margin-bottom: 15px;}
.footer_left p{font-size:1.4rem; color: #000000; line-height: 30px;}
.footer_left p sapn{font-size: 1.6rem; color: #000000; font-weight: bold;}
.footer_nav{width:30%; height: auto; float: left; margin-left: 7%}
.footer_nav h3,.f_about h3{font-size: 2rem; color: #000000; font-weight: bold; margin-bottom:15px;}
.footer_nav_a{width:100%; height: auto;overflow: hidden}
.footer_nav_a a{font-size: 1.4rem; color: #000000; line-height: 28px; width: 20%; background:url(../images/xian_s.png) no-repeat right center; float: left; 
	margin-right: 6%}
.footer_nav_a a:hover{font-weight:bold;}
.footer_nav_a a:nth-child(4n){background:none; margin-right: 0}
.footer_nav_a a:last-child{background: none;}
.f_about{width:auto; float: left; margin-left: 8%}
.f_about img{width:100px; height: 100px;position: absolute; top:40px; left:-30px; z-index: 9; display: none; }
.f_weixin,.f_shouji,.f_ditu{width:auto; float: left; position: relative; margin-top: 10px;}
.f_about p{font-size: 14px; color: #000000; line-height: 30px;}
.f_about i{width:30px; height: 30px; display: block; margin: 0px auto;}
.f_wx{background: url(../images/wx_icon.png) no-repeat center}
.f_sj{background: url(../images/sj_icon.png) no-repeat center}
.f_dt{background: url(../images/dt_icon.png) no-repeat center}
.f_shouji{margin: 10px 25px 0;}
.f_weixin:hover img{display: block}
.f_shouji:hover img{display: block}
.f_logo{float: right}
.f_logo img{width:100%; height: auto; display: block}
.footer_input{width:100%; height: auto; overflow: hidden; margin-top: 82px;  }
.footer_input a{width:100%; height: auto; overflow: hidden; background: url(../images/top.png) no-repeat top center; text-align: center; font-size: 1.4rem; color: #bebebe; display: block; padding-top:30px;}
.footer_input dl{width:100%; height: 44px;  position: relative; margin-bottom: 14px; margin-top: 70px;}
.footer_input dl dt,.footer_input dl dd{width:32.6%; height: 100%; background: #f8f8f8; border-radius: 5px; float: left; position: relative; margin-right: 1%; }
.yx_text{margin-right: 0!important}
.footer_input input[type="text"]{width:100%; height: 100%; background: none; border: 0; font-size: 1.4rem; color: #333333; border-radius: 8px; padding: 0px 10px;}
.f_submit{width:100%; height: 44px; line-height:44px;  font-size:1.4rem; color: #fff; border: 0; background: #000000;  border-radius: 5px; cursor: pointer; margin-top: 20px;}
.footer_input textarea{width:100%; height: 80px; background: #f8f8f8;border-radius: 5px; padding: 10px; border: 0; resize: none}
.copy{clear:both;width:100%;height:192px; line-height:96px; position: relative; background: #000000;}
.copy_l{float:left; font-size:1.4rem; color:#ffffff}
.copy_l a{color:#ffffff; font-size:1.4rem;}
.copy_l a:hover{color:#ea5420!important}
.footer_zhichi{width:auto; height:96px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#4d4d4d; line-height:96px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:35px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:35px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 1.4rem; color: #fff;}
.footer_zhichi i{ float: left;}







/*关于我们*/

.about_banner{background: url(../images/about_ban.jpg) no-repeat center}
.ny_about_one{width:100%; height: auto; overflow: hidden; margin-top: 48px;}
.about_one_bottom{width:100%; height: auto; overflow: hidden; margin-top: 32px;}
.about_one_xx{width:46%; height: auto; float: left; font-size: 16px; color: #777777; line-height: 30px;}
.about_one_xx p{font-size: 16px; color: #777777; line-height: 30px;}
.about_one_right{width:49%; height: auto; float: right}
.about_one_right img{width:100%; height: auto; display: block}
.ny_about_two{width:100%; height:400px; background: url(../images/ab_pic.jpg) no-repeat center; padding: 88px 0 0; margin-top: 70px;}
.ny_about_two p{font-size: 20px; color: #fff; line-height: 30px; text-align: center}
.ny_about_two span{font-size: 14px; color: #fff; line-height: 30px; text-align: center; display: block; margin-top: 20px}
.ny_about_two i{width:40px; height: 4px; background: #fff; display: block; margin: 20px auto 30px;}
.ny_about_two h5{font-size: 24px; color: #fff; line-height: 30px; text-align: center;}
.ny_about_three{width:100%; height: auto; overflow: hidden; margin-top: 64px;}
.about_three_left{width:49%; height: auto; float: left; margin-top: 30px;}
.about_three_left img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;
}
.about_t1 h4{width:100%; height: 60px; background: #5479ab; text-align: center; line-height: 60px; color:#fff; font-size: 20px; position: absolute; bottom:-100%; left:0; transition: all 0.4s ease-in-out;}
.about_t2 h4{width:100%; height:45px; background: #5479ab; text-align: center; line-height:45px; color:#fff; font-size: 20px; position: absolute; bottom:-100%; left:0; transition: all 0.4s ease-in-out;}
.about_t1{width:100%; height: auto;overflow: hidden; position: relative; display: block}
.about_t1:hover h4,.about_t2 a:hover h4{bottom:0; transition: all 0.4s ease-in-out;}
.about_t2{width:100%; height: auto; overflow:hidden; margin-top: 20px;}
.about_t2 a{width:48.5%; height: auto; position: relative; display: block; float: left; overflow: hidden}
.about_t2 a:nth-child(2n){float: right}
.about_t2 a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.about_three_right{width:49%; height: auto; float: right; margin-top: 30px;}
.about_three_right .about_t2{margin-top: 0; margin-bottom: 20px;}
.about_t1:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_about_four{width:100%; height: auto; overflow: hidden; margin-top: 60px; margin-bottom: 69px;}
.ny_about_title{width:100%; overflow: hidden}
.ny_about_title h3{font-size: 32px; color: #4d4d4d}
.ny_about_title h4{font-size: 20px; color: #bebebe; margin: 10px 0 }
.ny_about_title h5{font-size: 24px; color: #4d4d4d; line-height: 40px;}
.ny_about_title i{width:78px; height: 3px; background: #5479ab; margin: 8px 0; display: block}
.ny_about_four .ny_about_title{margin-bottom: 40px;}
.ny_about_four dl{width:100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.ny_about_four dl dt{font-size: 20px; color: #777777; line-height: 30px;}
.ny_about_four dl dd{width:100%; height: auto; overflow: hidden; line-height: 28px; color:#777777; font-size: 16px;}
.about_four_pic{width:100%; height: auto; overflow:hidden; margin-top: 30px;}
.about_four_pic img{width:100%; height: auto; display: block}
.ny_about_honor{width:100%; height: auto; overflow: hidden; background: #5479ab; padding: 50px 0 65px; }
.ny_honor_title{width:100%; height: auto; overflow: hidden; margin-bottom: 46px; }
.ny_honor_title h3{font-size: 32px; color: #ffffff; margin-bottom: 10px;}
.ny_honor_title h4{font-size: 20px; color: #ffffff; margin-bottom: 22px;}
.ny_honor_title h5{font-size: 24px; color: #ffffff}
.ny_about_honor .swiper-slide a{width:100%; height: auto; display: block}
.ny_about_honor .swiper-slide a img{width:100%; height: auto; display: block}







/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 100px;
    left: -125px;
    position: absolute;
    top: -40px;
    width: 100px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li .icon-wx{
	display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/wx.png) no-repeat;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
/* .lxfx li i.icon-wx {
    background-position: -34px 4px;
} */
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center; font-size:1.4rem
}
.lxfx li {
    background:#333;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}





/*内页banner*/
.ny_banner{width:100%; height: auto; overflow: hidden}
.ny_banner img{width:100%; height: auto}

/*内页标题*/
.ny_title{width:100%; height: 82px; line-height: 82px; }
.ny_title h3{ font-size: 24px; color: #000000; font-weight: bold; float: left;}
.ny_title_left{float: left; font-size:1.4rem; color: #4d4d4d; margin-left: 10px;}
.ny_title_left span{color: #4d4d4d;font-size:1.4rem;}
.ny_title_left a{font-size:1.4rem; color: #4d4d4d;}
.ny_title ul{width:auto; height: 100%; float: right}
.ny_title ul li{ width: auto; height: 100%; float: left;  padding: 0px 10px; line-height:80px;}
.ny_title ul li a{font-size: 1.6rem; color: #4d4d4d;}
.ny_title ul li:hover{border-bottom: 1px solid #000000}
.ny_title ul li.active{border-bottom: 1px solid #000000}


/*内页师资力量*/
.ny_product{width:100%; height: auto; overflow: hidden; padding: 80px 0; background: #f7f7f7;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:18%; height: auto; float: left; margin-right:2.5%; margin-bottom:30px; background: #fff; position:relative; overflow:hidden}
.ny_product ul li:nth-child(5n){margin-right: 0;}

.ny_pro_tan{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top:0; left:0; display: none; z-index:99}
.ny_pro_tan_xx{width:51%; max-height: 440px; position:fixed; top:50%; left:50%; margin-top:-220px; margin-left: -25.5%; background: #f7f7f7; padding: 30px; }
.close{width:30px; height: 30px; position: absolute; top:30px; right:30px;}
.close img{width:100%; height:auto; display:block;}
.ny_pro_pic{width:36.2%; height: 100%; background: #fff;  float: left}
.ny_pro_pic img{width:100%; height:auto; display:block;}
.ny_pro_xx{width:56%; height:100%; float: left; margin-left:3%; padding-top: 5%; }
.ny_pro_xx h3{font-size: 20px; color: #4d4d4d; line-height: 28px; margin-bottom:20px;}
.ny_pro_zi{width:100%; max-height: 230px; overflow:hidden; font-size: 14px; color: #4d4d4d; line-height: 28px;}
.p-ct{line-height:26px;padding:50px 0 60px;color:#666;font-size:1.4rem; overflow:hidden; width: 100%;}
.p-ct p{color:#666;font-size:1.4rem; }
.ny_contact_info{line-height:26px;padding:40px 0 60px;color:#666;font-size:1.4rem; overflow:hidden; width: 100%;}
.p-ct img{max-width:100%}
.pro_xx{ width:100%; height:100%; position:absolute; top:100%; left:0; background:rgba(0,0,0,0.5); padding:15px; font-size:1.4rem; color:#fff; line-height:26px;}
.pro_xx p{font-size:16px; color:#fff; line-height:26px;}
.ny_product ul li:hover .pro_xx{top:0;}
.pro_pic{width:100%; height:auto;  overflow: hidden; position: relative;}
.pro_pic img{width:100%; height: auto; transition: all 0.5s; display:block}
.pro_info{width:100%; height:40px;}
.pro_info h3{font-size: 1.6rem; color: #4d4d4d;  text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; width:100%; height: 40px; 
	line-height: 40px; text-align: center}
.pro_info p{width:100%; height: 20px; line-height: 20px; font-size: 1.4rem; color: #4d4d4d;text-transform:Uppercase; text-align: center }



/*作品*/

.ny_zp_pic{width:30.4%; height: 100%;  float: left}
.ny_zp_pic img{width:100%; height:auto; display:block;}
.ny_zp_xx{width:60%; height:100%; float: left; margin-left: 40px; padding-top:4%; }
.ny_zp_xx h3{font-size: 20px; color: #4d4d4d; line-height: 28px; margin-bottom:20px;}





/*门店*/
.img-list li{float:left;margin:0 1.3% 20px 0; width:24%;}
.img-list li:nth-child(4n){margin-right:0px;}
.img-list li a{display:block;width:100%;height:100%;overflow:hidden}
.img-list li a div{width:100%;overflow: hidden;}
.img-list li a img{width:100%;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-list li p{text-align:center;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; color:#666; height:35px; line-height:35px; width:100%; font-size:1.6rem}
.img-list li:hover p{color:#231815}
.img-lists li{float:left;height: 230px;margin:0 20px 20px 0;}
.img-lists li a{display:block;width:280px;height:100%;overflow:hidden}
.img-lists li a div{width:100%;height: 200px;overflow: hidden;}
.img-lists li a img{width:100%;height:100%;    transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-lists li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-lists li p{height:30px;line-height:30px;text-align:center;color:#666}
.img-list li:hover p{color:#231815}







/*新闻*/
.new-list{ margin-bottom: 15px;}
.new-list li{height:auto;padding:18px 20px;border-top:1px solid #fff;border-bottom:1px solid #ebebeb; overflow:hidden}
.new-list li:hover{background:#f2f2f2;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.new-list li:hover h3{color:#e84589}
.new-list li:hover .more{color:#e84589;border:1px solid #e84589}
.new-list .f-imgfd-img{width:272px;height:100%;overflow:hidden; float:left;}
.new-list .f-imgfd-img img{width:100%; height: auto;}
.new-list li .f-imgfd-li{width:auto;height:100%; margin-left:302px}
.new-list h3{margin-bottom:15px;color:#333;font-size:2rem; width:100%;height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.new-list .time{color:#999;}
.new-list .more{display:block;width:140px;height:34px;line-height:34px;color:#999;text-align:center;border:1px solid #999; display: block; margin-top: 8px; font-size:1.4rem}
.f-xx{width:100%; height: 46px; overflow: hidden; margin-bottom:6px; color:#666; font-size:1.4rem; line-height:23px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}

.ny_news_fb{width: 100%;  line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;	text-align: center; clear: both; font-size:16px;}




/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot h3{font-size:2rem}
.m-cot h3 i{display:block;width:120px;height:3px;margin:25px 0 10px;background:#666}
.m-cot .f-cl{float:left;width:68%; line-height:3rem; font-size:1.4rem}

.m-cot .ewm{float:right;margin-top:20px; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center; font-size:1.4rem}
.iw_poi_title{color:#C52;font-size:1.4rem;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
#newsfoot tr>td:first-child{padding-left:10px;font-size:1.4rem;color:#555}
#newsfoot tr>td:first-child>a{color:#000}
#newsfoot tr>td:last-child{position:relative;top:4px;left:0px}
.proname{padding:20px 0 5px 0}







/*图文列表样式*/
.n-list{ padding:15px 0px; }
.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.n-list li h2 a{ color:#333; text-decoration:none; }
.n-list li h2 a:hover{ color:#8CAC52; }
.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:auto; border:1px solid #e8e8e8; font-style:normal; }
.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
.n-list li .note p{ display:block; font-size:1.4rem; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
.n-list li .note .info span i{ margin-right:3px; font-size:12px; }
.n-list .nodata{ margin-top:30px; color:#666; font-size:1.4rem; line-height:100px; text-align:center; }
.ny_service_all{margin-top:40px; overflow:hidden}


/*手机*/

.sj_header{width:100%; clear:both; height:60px;  padding: 0px 10px; z-index: 9; position:fixed; top:0; left:0; background:#000; display:none; }
.logo{float: left; width:10%; height: 60px; display: flex; align-items: center;}
.logo a{width:100%; height: 100%; display: block; display: flex; align-items: center;}
.logo img{width:100%; height:auto; align-items: center; margin: 0px auto;}
.menu{float:right; height:auto; width:32px; margin-top:15px; }
.menu img{height:100%; width:100%;}

.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background: #000; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1.4rem; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; font-size:1.4rem;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; font-size: 1.3rem}




footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height: 60px;width: 100%; font-size: .14rem;  background: #222222; padding: 0px 10px; display:none;}
footer li{width: 25%;height: 100%;float: left;  }
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff; padding-top: 5px; opacity:0.6}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block; color: #fff;  }
footer .n1{background: url(../images/f_h1.png) no-repeat center; background-size:100% 100%; width:20px;}
footer .n2{background: url(../images/f_h2.png) no-repeat center; background-size:100% 100%; width:20px;}
footer .n3{background: url(../images/f_h3.png) no-repeat center; background-size:100% 100%; width:31px;}
footer .n4{background: url(../images/f_h4.png) no-repeat center; background-size:100% 100%; width:21px;}
footer .n5{background: url(../images/f_h5.png) no-repeat center; background-size:100% 100%; width:20px;}
footer a.active{opacity:1}
footer i{height:20px; display: block; margin: 2px auto 0;  }

.page-list{display:none;}




@media (max-width: 1680px){
	html {
		font-size: 61% !important;
	}
	.lj_zixun a{margin-left:214px; padding-left:48px;}
	.arrow-right{right:-116px;z-index:9}
}





@media screen and (max-width:1550px){

 .pc_banner{height:80rem}
.header_left{width:10rem}
body{padding-left:10rem}
.index_about .container{width:1200px;}
.arrow-right{right:0; z-index:1}
.li2{left:62rem}
.li4{right:18rem}
.index_kecheng .index_title{left:5rem; width:35%}
.header_top{width: calc(100% - 10rem);}
.lj_zixun a{margin-left:118px;}
.index_case .container{width:85%}
.index_case_pic:after{width:89%}
}



@media screen and (max-width:1366px){
	.w1200,.container,.index_about .container{width:93%}
	.li4{right:15rem}
	.li2{left:56rem}
	
}






@media screen and (max-width:1300px){
	html{font-size:55%!important}
	.container,.index_about .container,.in_gal_xx,.kecheng_thumbs,.w1200{width:90%}
	.in_gal_xx{margin-left:-45%}
	.index_kecheng .index_title{top:6.2rem}
	.in_gal_xx{top:40%}
	.index_join ul li{padding:2rem 1rem 0 3rem}
	.copy_l,.footer_zhichi span{font-size:1.3rem}

	.li1 {width:38rem; }
	.li2{left:50rem}
	.li3 {width: 23.7rem; bottom:6rem }
	.li4 {width: 23.7rem; }
	.li5 {width: 10rem; }
	.in_zhounian{left:70rem; padding-left:6rem}
	.in_biye:after, .in_zhounian:after{width:4.5rem}
	.index_kecheng .index_title{width:43%; padding-bottom:15px}
	.index_case{height:auto;}
	.index_case_list .swiper-slide a h3{margin-top:15px; width:70%}
	.index_case_list .swiper-slide a:hover h3{font-size:2rem; }
	.index_case_title i{width:60px; height:60px; background-size:100%;}
	.f_logo{display:none}
	.header_right{width:75%}
	.header_top {width: calc(100% - 5rem);}
	.footer_left{width:32%}
	.footer_nav{width:43%; margin-left:2%}
	.f_about{margin-left:0}
	.copy{overflow:hidden; height:auto; line-height:50px;}
	.copy_l,.footer_zhichi{float:none;}
	.footer_zhichi{height:50px;}
	.footer_zhichi p{line-height:50px;}
	.footer_zhichi .js,.footer_zhichi .pt{margin-top:14px;}
	.index_about_left{width:55rem}
	.about_left_top .about_info{width:100%}
	.index_about_right{width:35%}
	.in_gal_xx p{width:100%}
	.in_gal_xx h3{font-size:4rem}
	
}




@media screen and (max-width:1024px){
	.ny_zp_pic,.ny_pro_pic{display:none;}
	.ny_zp_xx,.ny_pro_xx{width:100%; margin-left:0; float:none; padding-top:0px;}
	.close{width:20px; height:20px;}
	.in_kh_icon{width:80px; height:80px; margin: -44px auto 0;}
	.in_ys_zp,.in_ys_ys{width:32%; padding:3.5rem 2rem;}
	.in_ys_ys{margin-left:2%; }
	.index_youshi a.ys_lx{width:100%}
	.index_about_left{width:60%}

}


@media screen and (max-width:768px){
	.header,.index_banner,.lxfx,.f_about{display:none;}
	body{padding-left:0; padding-bottom:60px;}
	.sj_banner{display:block;}
	html{font-size: 52% !important;}
	.index_about_left{width:100%; float:none;}
	.index_about_right{display:none}
	.about_left_top .about_info{width:100%}
	.index_huanjing{height:auto; padding-bottom:20rem}
	.hj_list p{line-height:90px;}
	.footer_left{width:48%}
	.new-list h3{margin-bottom:5px;}
	.m-cot .f-cl{width:50%}
	.footer_nav{width:50%}
	.sj_header,footer{display:block;}
	.copy,.lj_zixun{display:none;}
	.pageMain{margin-top:60px;}
	.page-list{display:block;}
	.digg,.in_team_info{display:none;}
	.index_team,.index_join,.index_youshi{height:auto; padding-bottom:50px; overflow:hidden}
	.index_youshi a.ys_lx{font-size:1.6rem}
	.kehu_more .swiper-button-prev, .kehu_more .swiper-button-next{width:120px; height:56px; background-size:100% 100%!important}
	.index_kecheng .index_title{width:100%; top:auto; position: unset; padding:0px 10px; margin-bottom:30px;}
	.index_kecheng .index_title h3,.index_kecheng .index_title p{color:#333}
	.in_gal_xx{top:20px;}
	.index_kecheng_all:after{bottom:10.8rem}
	.m768{display:block; height:auto; width:100%}
	.pc768{display:none}
	.index_honor_all{height:auto;}
	.ny_product ul li:hover .pro_xx{display:none;}
		
}



@media screen and (max-width:500px){
	.footer_left{width:100%; height:auto; float:none;}
	.footer_nav{width:100%; height:auto; float:none; margin-left:0; margin-top:20px;}
	.m-cot .f-cl{width:100%; float:none;}
	.m-cot .ewm{display:none;}
	.m-cot .f-cl p{font-size:1.4rem;}
	.ny_banner{margin-top:60px;}
	.ny_title_left,.ny_title h3{float:none; width:100%; margin-left:0}
	.ny_title h3{text-align:center; margin:10px auto;}
	.ny_title ul{width:100%; float:none; margin-top:10px;}
	.ny_title ul li{width:33.33%; padding:0px; line-height:39px; height:40px;}
	.ny_title{height:auto; line-height:30px;}
	.ny_title ul li a{width:100%; display:block; text-align:center}
	html{font-size: 62.5% !important;}
	.img-list li{width:48%; margin:0px 0 20px}
	.img-list li:nth-child(2n),.ny_product ul li:nth-child(2n){float:right}
	.ny_product ul li{width:48%; margin-right:0}
	.ny_pro_tan_xx{width:90%; margin-left:-45%}
	.new-list .f-imgfd-img{width:242px; margin-right:0}
	.new-list li .f-imgfd-li{margin-left:250px;}
	.new-list .more{width:100%}
	.new-list li{padding:18px 0}
	#newsfoot a{font-size:1.4rem}
	.footer{margin-top:40px;}
	.logo{width:18%}
	.index_about{ padding: 7rem 0 6rem;}
	.about_left_top h3,.index_title h3,.index_honor_title h3,.index_news_title h3{font-size:2.5rem}
	.about_left_top h5{font-size:2.6rem}
	.in_about_links{margin-top:8rem}
	.in_about_links a{width:50%; margin-right:0; text-align:center}
	.index_huanjing{padding:5rem 0}
	.arrow-right,.index_about:after,.in_about_links a i{display:none}
	.hj_list p{line-height:77px;}
	.li1{width:18rem}
	.li2{width:10rem; left:26rem}
	.li3{width:12rem; left:28rem}
	.li4{width:13rem; top:17rem; right:10rem}
	.index_honor_title{left:0; padding:0px 10px;}
	.index_honor{margin: 6rem 0 7rem;}
	.in_biye{padding-left:5rem}
	.span_num{line-height:18px;}
	.span_num span{font-size:2.2rem; }
	.in_gal_xx p{margin-top:2rem}
	.index_xueyuan,.index_lszp{height:auto; padding:4rem 0; overflow:hidden}
	.index_kehu{margin:4rem 0}
	.kehu_more .swiper-button-prev, .kehu_more .swiper-button-next{width:80px; height:37px;}
	.kehu_more a{line-height:37px;}
	.kehu_more{margin:0 auto;}
	.in_ys_zp, .in_ys_ys{width:100%; float:none; margin-left:0}
	.index_youshi,.index_case{padding:6rem 0;}
	.index_join{padding-top:5rem;}
	.index_join ul li{width:49%; margin-right:0; padding: 2rem 1rem 0 1rem; height:216px;}
	.index_join ul li:nth-child(2n){float:right}
	.index_join ul li p{font-size:1.4rem}
	.index_case_pic:after,.index_team_pic:after{display:none;}
	.index_case_list,.index_news{margin:4rem 0}
	.footer_input dl{height:auto;}
	.footer_input dl dt, .footer_input dl dd{width:100%; float:none; margin-right:0; margin-bottom:10px; height:44px;}
	.index_case_pic,.index_team_pic{padding-right:0}
	.index_case_list .swiper-slide a h3,.in_lszp_xx h3{width:100%; float:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.index_case_list .swiper-slide a:hover i,.index_team_zp .swiper-slide a:hover i,.in_lszp_xx i,.index_kecheng_all:after{display:none;}
	.index_case_list .swiper-slide a:hover .index_case_title,.index_team_zp .swiper-slide a:hover .in_lszp_xx{margin-top:0}
	.kecheng_bottom{display:none;}
	.in_gal_xx{width:100%; position:unset; margin-left:0; top:auto; left:auto; padding:0px 10px;}
	.in_gal_xx h3,.in_gal_xx h4,.in_gal_xx p{color:#333}
	.in_gal_xx h3{font-size:2rem}
	.in_gal_xx h4{font-size:1.8rem}
	.kehu_more a{font-size:1.4rem}
	.honor_shu{margin-left:0}
	.honor_shu dd,.honor_shu dt{font-size:1.6rem}
	.index_team{    padding-top: 4rem;}
	.ny_news_fb{height:auto; font-size:1.4rem; }
	.kehu_more{width:100%}
}



@media screen and (max-width:375px){
	.footer_nav_a a{width:33.33%; margin-right:0;  text-align:center; background:none}
		.new-list .f-imgfd-img{width:100%; float:none; margin-bottom:15px;}
	.new-list li .f-imgfd-li{margin-left:0; width:100%}
}



@media screen and (max-width:320px){
	.logo{width:22%}

	
	.index_join ul li p{line-height:2.2rem}
	.about_left_top h3, .index_title h3, .index_honor_title h3, .index_news_title h3{font-size:2.2rem}
	
}