@charset "utf-8";
@media(max-width:899px) {
/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;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;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:100%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}


#top{ width:100%; margin:0 auto; overflow:hidden; background:#111;}
#logo{ float:left;}
#logo img{ height:3rem; margin-left:0.5rem;}
#menu{ position:fixed; left:0; top:0; z-index:500; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none;}
#menu ul{ width:60%; background:#fff; height:100%; overflow:scroll; float:left; margin-left:-60%; transition:margin 0.5s;}
#menu ul li{ width:100%; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:3rem; font-size:.9rem; text-align:center;}
#menu ul li a:hover{ background:#d40012; color:#fff;}
#menu p.lan{ display:none;}


#menu ul li div{ background:#f7f7f7; display:none;}
#menu ul li div p{}
#menu ul li div p a{ line-height:40px; background:#f7f7f7; color:#000; font-size:.8rem;border-top:solid 1px #eee;}

#close{ float:left; width:3rem; height:3rem; background:#c00}
#close img{ width:100%;}

#lan{ float:right;margin-right:1.5rem;}
#lan a{ color:#fff; line-height:3rem; display:block;}
#menubtn{ float:right; }
#menubtn img{ height:3rem;}

#index_about{ width:90%; margin:2rem auto 3rem auto; overflow:hidden;}
#index_about .left{ width:100%;}
#index_about .left img{ width:100%;}
#index_about .right{ width:100%;}
#index_about .right p.a0{ font-size:2rem; font-family:Arial, Helvetica, sans-serif; font-weight:900; line-height:2rem; padding-top:2rem; color:#000;}
#index_about .right p.a1{ font-size:1.2rem; font-weight:900; padding-top:0rem; color:#333; line-height:1.2rem; text-transform:uppercase; font-family:Arial, sans-serif}
#index_about .right p.a2{ font-size:0.8rem; padding-top:1rem; line-height:1.6rem; color:#666;}
#index_about .right div.a3{ width:100%; overflow:hidden; padding-top:10px;}
#index_about .right div.a3 p{ float:left; width:50%; color:#000;}
#index_about .right div.a3 p span{ display:block; font-size:2rem; line-height:2rem; font-family:myfont; color:#c00;}

#index_about .right p.a5{ padding-top:20px;}
#index_about .right p.a5 a{ display:block; line-height:30px; width:90px; text-align:center; background:#c00; border-radius:5px; color:#fff; font-size:12px;}


#indprok{ background:none; overflow:hidden;}

#ind_pro_tt{ text-align:center; font-size:2rem; line-height:80px; color:#000; padding-top:0; overflow:hidden;}

#ind_pro{ width:90%; margin:20px auto 1rem auto; overflow:hidden; }
#ind_pro ul li{ float:left; width:100%;}
#ind_pro ul li a{ display:block; margin:10px; overflow:hidden;}
#ind_pro ul li img{ width:100%; transition:all 3.5s;}


/*ind_pic*/
.ind_pic {width:100%; margin-left:auto; margin-right:auto; }
.ind_pic .swiper-slide {text-align: center;font-size: 18px;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; }
.ind_pic .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:0rem;}
.ind_pic .swiper-slide a{ display:block; font-size:18px; line-height:60px;}
.ind_pic .swiper-slide a img{ width:85%;}
.ind_pic .swiper-button-next{ display:inherit;}
.ind_pic .swiper-button-prev{ display:inherit;}

/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 18px;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; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:1rem;}
.ind_app .swiper-slide a{ display:block; font-size:18px; line-height:60px; width:90%; color:#fff;}
.ind_app .swiper-slide a div.im{ overflow:hidden; border:solid 0px #ccc;}
.ind_app .swiper-slide a p.tt{line-height:50px; background:#006835;}
.ind_app .swiper-slide a img{ width:100%;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}



#index_page{ text-align:center; overflow:hidden; width:100%; padding-top:2rem;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px;}
#index_page ul li.a1 a{ width:60px; height:36px; background:url(/image/bit1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(/image/bit1.png) no-repeat -60px center #006835;}

#index_page ul li.a2 a{ width:60px; height:36px; background:url(/image/bit3.png) no-repeat 0 -36px #fff;}
#index_page ul li.a2 a:hover{ background:url(/image/bit3.png) no-repeat 0 0 #006835;}

#index_page ul li.a3 a{ width:60px; height:36px; background:url(/image/bit2.png) no-repeat -60px center #fff;}
#index_page ul li.a3 a:hover{ background:url(/image/bit2.png) no-repeat 0 center #006835;}


#index_tt{ width:100%; text-align:center; padding-top:3rem;}
#index_tt p.a1{ font-size:1.6rem; font-weight:900; text-transform:uppercase; font-family:Arial, sans-serif; color:#0f3d80;}
#index_tt p.a2{ font-size:0.8rem;  line-height:36px; color:#000;}

#index_news{ width:90%; margin:30px auto 0px auto; overflow:hidden;}
#index_news .pic{ padding-bottom:1rem;}
#index_news .pic img{ width:100%;}
#index_news .con{width:100%;}
#index_news .con ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:21px; margin-bottom:21px;}
#index_news .con ul li a{ display:block;}
#index_news .con ul li a .a1{ float:left; width:80px; height:80px;background:url(/image/newsb1.png) no-repeat;  text-align:center; font-family:Arial, sans-serif;  color:#fff; margin-right:20px;}
#index_news .con ul li a .a1 p.b1{ font-size:30px; line-height:30px; font-weight:900; padding-top:12px;}
#index_news .con ul li a .a1 p.b2{ font-size:14px;}
#index_news .con ul li a .a2{ overflow:hidden;}
#index_news .con ul li a .a2 p.b1{ font-size:14px; line-height:18px; padding-bottom:.5rem; color:#000;}
#index_news .con ul li a .a2 p.b2{ font-size:12px; line-height:14px; color:#666;}

#index_ser{ width:100%; overflow:hidden; background:url(/image/di2.jpg) no-repeat center top/ auto 100%; display:none;}
.index_ser{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
.index_ser ul{}
.index_ser ul li{ width:100%; overflow:hidden;  text-align:center;}
.index_ser ul li a{ display:block;}
.index_ser ul li.a1{ background:url(/image/index_18.jpg) no-repeat center/100% 100%; transition:background 0.5s;}
.index_ser ul li.a1:hover{background:url(/image/index_18.jpg) no-repeat center/120% auto;}
.index_ser ul li.a1 a{ color:#fff; text-align:center;}

.index_ser ul li.a1 a p.tt{ font-size:24px; line-height:40px; margin-top:70px;}
.index_ser ul li.a1 a p.cc{ font-size:12px; line-height:18px; padding-top:20px;}

.index_ser ul li.a2{ background:#fff;}
.index_ser ul li.a2 a img{ border:solid 2px #eee; border-radius:100px; margin-top:36px; transition:border 0.5s;}
.index_ser ul li.a2 a p.tt{ font-size:24px; line-height:30px; padding-top:10px;}
.index_ser ul li.a2 a p.cc{ font-size:12px; line-height:18px; color:#666;}
.index_ser ul li.a2 a:hover img{ border:solid 2px #d40012;}
.index_ser ul li.a2 a:hover p.tt{ color:#d40012}
.index_ser ul li.a2 a:hover p.cc{ color:#d40012}

.index_ser ul li.a3{ background:rgba(212,0,19,0.5); transition:background 0.5s;}
.index_ser ul li.a3 a img{ border:solid 2px rgba(255,255,255,0.3); border-radius:100px; margin-top:36px; transition:border 0.5s;}
.index_ser ul li.a3 a p.tt{ font-size:24px; line-height:30px; padding-top:10px; color:#fff;}
.index_ser ul li.a3 a p.cc{ font-size:12px; line-height:18px; color:rgba(255,255,255,0.6); transition:color 0.5s;}
.index_ser ul li.a3 a:hover img{ border:solid 2px #fff;}
.index_ser ul li.a3 a:hover p.tt{ color:#fff}
.index_ser ul li.a3 a:hover p.cc{ color:#fff}
.index_ser ul li.a3:hover{ background:rgba(212,0,19,0.8);}

.index_ser ul li.a4{ background:#fff;}
.index_ser ul li.a4 a img{ border:solid 2px #eee; border-radius:100px; margin-top:36px; transition:border 0.5s;}
.index_ser ul li.a4 a p.tt{ font-size:24px; line-height:30px; padding-top:10px;}
.index_ser ul li.a4 a p.cc{ font-size:12px; line-height:18px; color:#666;}
.index_ser ul li.a4 a:hover img{ border:solid 2px #d40012;}
.index_ser ul li.a4 a:hover p.tt{ color:#d40012}
.index_ser ul li.a4 a:hover p.cc{ color:#d40012}

#bottom{ background:#0f3d80; width:100%; overflow:hidden; display:none;}
.bottom{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
.bottom ul li{ float:left; margin-right:110px; color:#fff;}
.bottom ul li a{ color:#fff;}

.bottom ul li p{ padding-top:40px;}
.bottom ul li p a{ font-size:16px; line-height:40px;}

.bottom ul li.ser{ margin-right:0;}
.bottom ul li.ser p{ font-size:16px; line-height:40px; padding-top:40px;}
.bottom ul li.ser span{ display:block; margin-top:15px; overflow:hidden;}
.bottom ul li.ser span a{ display:block; float:left; margin-right:4px;}
.bottom ul li.ser span a img{ opacity:0.6;}

#bottom1{ line-height:80px; text-align:center; overflow:hidden; display:none;}

#mbottom{ width:100%; position:fixed;bottom:0;left:0; z-index:60; background:#c00000;}
#mbottom ul li{ float:left; text-align:center; width:25%;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ height:3rem;}
#mbottom1{ width:100%; height:3rem;}

#float{ display:none;}

/*内页CSS*/
#banner_cc{ width:100%; overflow:hidden;}
#banner_cc img{ width:100%; margin-left:0%;}

#aboutmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#aboutmenu ul{ width:100%;}
#aboutmenu ul li{ float:left; border-left:solid 1px #fff; width:33%}
#aboutmenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; padding:0 1.5rem;}
#aboutmenu ul li a.it{ background:#c00; color:#fff;}

#promenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#pro_btn{ overflow:hidden; border-bottom:solid 1px #fff;}
#pro_btn p{ width:100%; margin:0 auto; cursor:pointer; transition:all 0.5s; line-height:3rem; font-size:16px; color:#000; background:url(/image/down.png) no-repeat 72% center/auto 25px; border-left:solid 1px #fff; border-right:solid 1px #fff;}
#pro_btn p:hover{ background:url(/image/down1.png) no-repeat 75% center/auto 25px #006835; color:#fff;}
#promenu ul{ width:100%; margin:0 auto; padding:1rem 0; overflow:hidden; display:none;}
#promenu ul li{ float:left; width:50%;}
#promenu ul li a{ display:block; line-height:2.4rem; background:#fff; margin:0.3rem; font-size:0.8rem;}
#promenu ul li a:hover{ background:#006835; color:#fff;}


#servicemenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#servicemenu ul{ }
#servicemenu ul li{ float:left; width:33.33%;}
#servicemenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; text-align:center; border-left:solid 1px #fff;}

#title{ width:90%; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:30px; line-height:40px; font-weight:900; color:#000; padding-top:40px;}
#title p.bread{ color:#ccc; font-size:12px; background:url(/image/line.jpg) repeat-x center;}
#title p.bread a{ color:#ccc;}
#title p.bread span{ background:#fff; padding:0 20px;}

#content{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#content img{ width:100%;}

#workshop{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:100%;}
#workshop ul li{ width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#workshop ul li a img:hover{transform:scale(1.15);}

#honor{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#honor ul{ width:100%;}
#honor ul li{width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#honor ul li a{display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#honor ul li a div{overflow:hidden; margin:10px 10px 0 10px;}
#honor ul li a img{width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#honor ul li a img:hover{transform:scale(1.15);}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.p{ display:none;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#d40012; color:#fff;}
#page ul li a.it{ background:#d40012; color:#fff;}

#history{ width:100%; overflow:hidden; background:url(/image/history.jpg) no-repeat center/auto 100%; min-height:500px;}
#history .list{ width:90%; margin:3rem auto; overflow:hidden; background:url(/image/line.jpg) no-repeat 8px center/3px 100%;}
#history .list ul li{ float:left; width:100%; margin-right:0%; color:#fff; margin-bottom:2rem;}
#history .list ul li div:nth-child(1){ width:10px; height:10px; border:solid 5px #fff; border-radius:50%; margin-right:10px; background:#c00; margin-top:5px; float:left;}
#history .list ul li div:nth-child(2){ overflow:hidden;}
#history .list ul li p:nth-child(1){ font-size:1.6rem; font-family:Arial, Helvetica, sans-serif; line-height:2rem; font-weight:900;}
#history .list ul li p:nth-child(2){ font-size:0.8rem;}



#culture{ width:100%; margin:0 auto; overflow:hidden;}
#culture .left{ width:100%; float:left;}
#culture .left div:nth-child(1){ padding:2rem; background:#c00; color:#fff;}
#culture .left div:nth-child(1) p:nth-child(1){ font-size:30px; line-height:40px; font-weight:bold;}
#culture .left span{ font-size:18px; margin-top:20px; display:block;}
#culture .left img{ width:100%;}
#culture .right{ float:right; width:100%;}
#culture .right div:nth-child(1){ padding:2rem; background:#eee;}
#culture .right p:nth-child(1){ font-size:30px; line-height:40px; font-weight:bold; color:#000; margin-bottom:20px;}
#culture .right div:nth-child(2){ margin-top:0; background:#333; color:#fff;padding:2rem; min-height:134px;}
#culture .right div:nth-child(2) p:nth-child(1){ font-size:30px; line-height:40px; font-weight:bold; color:#fff; margin-bottom:20px;}
#culture .right div:nth-child(2) p:nth-child(2){ font-size:18px; line-height:30px; letter-spacing:1rem;}




#probanner{ width:100%; overflow:hidden; height:35vw; background:#000;}
#probanner video{ width:100%; opacity:0.5;}
#word{ text-align:center; font-size:1rem; color:#fff; position:absolute; line-height:32vw; z-index:1; width:100%;}
#word span{ padding:0 2vw;}










#news{ width:90%; margin:0 auto 40px auto; overflow:hidden; }
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ width:100%;}
#news ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; font-weight:900;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}


#join{ width:100%; margin:0rem auto 0px auto; overflow:hidden;}
#join .left{ width:90%; background:#eee; color:#333; padding:2rem 5%; float:right;}
#join .left h2{ font-size:24px; line-height:60px;}
#join .left p{ margin-bottom:10px;}
#join .left p span{ display:block; width:20px; height:20px; background:#c00; text-align:center; line-height:20px; color:#fff; border-radius:50%; float:left; margin:3px 10px 0 0;}
#join .right{ float:left; width:100%;}
#join .right img{ width:100%;}


#join1{ width:100%; margin:0px auto 0 auto; overflow:hidden;}
#join1 .left{ width:90%; background:#eee; color:#333; padding:2rem 5%; float:left;}
#join1 .left h2{ font-size:24px; line-height:60px;}
#join1 .left p{ margin-bottom:10px;}
#join1 .left p span{ display:block; width:20px; height:20px; background:#c00; text-align:center; line-height:20px; color:#fff; border-radius:50%; float:left; margin:3px 10px 0 0;}
#join1 .right{ float:right; width:100%;}
#join1 .right img{ width:100%;}

#join2{ width:100%; margin:0px auto 0 auto; overflow:hidden;}
#join2 .left{ width:90%; background:#eee; color:#333; padding:2rem 5%; float:right;}
#join2 .left h2{ font-size:24px; line-height:60px;}
#join2 .left p{ margin-bottom:10px;}
#join2 .left p span{ display:block; width:20px; height:20px; background:#c00; text-align:center; line-height:20px; color:#fff; border-radius:50%; float:left; margin:3px 10px 0 0;}
#join2 .right{ float:left; width:100%;}
#join2 .right img{ width:100%;}
















#contact{ width:90%; margin:20px auto 1rem auto; overflow:hidden;}
#contact .contact{ width:100%; }
#contact p{ font-size:.8rem; line-height:3rem; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:1rem; color:#000; font-weight:900; line-height:3rem;}
#contact .map{ float:right; margin-top:1rem;}
#contact .map img{ width:100%;}




#feedback{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#feedback p{ padding-top:20px;width:100%;}
#feedback p.content{ width:98.2%;}
#feedback p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#feedback p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; height:8rem; padding:10px 5%; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#c00; color:#fff; transition:background 0.5s; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}



#prolist{ width:100%; margin:2rem auto 1rem auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ width:90%; margin:0 auto 1rem auto;}
#prolist ul li a{ display:block;}
#prolist ul li a img{ width:100%;}

#probig{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
#probig .left{ width:100%;}
#probig .left img{ width:100%;}
#probig .right{ width:90%; margin:0 auto;}
#probig .right p.a1{ font-size:18px; line-height:60px; border-bottom:solid 1px #eee; color:#000;}
#probig .right p.a2{ padding:20px 0; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a3{ padding-top:20px;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#d40012; font-weight:900; line-height:40px; font-size:30px;}
#probig .right p.a5{ overflow:hidden; margin-top:20px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a5 a{ display:block; background:url(/image/bit.png) 35px center no-repeat/40px auto #ffc000; color:#fff; text-indent:80px; line-height:50px; width:200px; font-size:18px; border-radius:5px; text-align:left;}

#bigpro{ width:100%; overflow:hidden;}
#bigpro ul li{ display:none;}

#bigpro_btn{ width:100%; overflow:hidden; padding-bottom:60px;}
#bigpro_btn ul li{ width:20%; float:left; border:solid 1px #eee; cursor:pointer; margin-right:10px;}


#probig_menu{ width:100%; margin:30px auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:33.3%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:2.6rem; font-size:.8rem;}
#probig_menu ul li a.it{ background:#006835; color:#fff;}

#probig_con{ width:90%; margin:30px auto 50px auto; overflow:hidden;}
#probig_con img{ width:100%;}

#canshu{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

#guige{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#guige table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#guige table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

.bbg{ display:none;}
#xunpan{ width:90%; margin:0 auto; line-height:1rem; font-size:.8rem; padding:.5rem 0; overflow:hidden; border-top:solid 2px #000; color:#d00;}


#salenet{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#salenet .k1{ width:92%;  border:solid 1px #eee; padding:10px 3% 30px 3%;background:#f7f7f7; margin-bottom:2rem;}
#salenet .k1 p{ font-size:18px; color:#000; line-height:60px; font-weight:900;}
#salenet .k2{ width:92%;  border:solid 1px #eee; padding:10px 3% 30px 3%;background:#f7f7f7;}
#salenet .k2 p{ font-size:18px; color:#000; line-height:60px; font-weight:900;}



#hx1{ width:100%; overflow:hidden;}
#hx1 .a1 img{ width:100%;}
#hx1 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx1 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx2{ width:100%; overflow:hidden;}
#hx2 .a1 img{ width:100%;}
#hx2 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx2 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx3{ width:100%; overflow:hidden;}
#hx3 .a1 img{ width:100%;}
#hx3 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx3 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx4{ width:100%; overflow:hidden;}
#hx4 .a1 img{ width:100%;}
#hx4 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx4 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx5{ width:100%; overflow:hidden;}
#hx5 .a1 img{ width:100%;}
#hx5 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx5 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx6{ width:100%; overflow:hidden;}
#hx6 .a1 img{ width:100%;}
#hx6 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx6 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx7{ width:100%; overflow:hidden;}
#hx7 .a1 img{ width:100%;}
#hx7 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx7 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#hx8{ width:100%; overflow:hidden;}
#hx8 .a1 img{ width:100%;}
#hx8 .a2{ background:#f7f7f7; width:90%; padding:0.5rem 5% 2rem 5%;}
#hx8 .a2 p{ font-size:1.2rem; line-height:50px; color:#333;}

#ind_apply{ width:90%; margin:0 auto; overflow:hidden;}
#apply_tt{ text-align:center; overflow:hidden;}
#apply_tt p.tt{font-size: 36px;font-weight: 900;line-height: 50px; color:#000; padding-top:60px;}
#apply_tt p.cc{ line-height:1.1rem; font-size:0.6rem;}

#apply_list{ width:100%; text-align:center; overflow:hidden; margin:1rem auto 2rem auto;}
#apply_list ul{ display:block;}
#apply_list ul li{ width:100%; margin-bottom:1rem; transition:all 0.5s;}
#apply_list ul li:nth-child(1){ background:url(/image/outdoor.jpg) no-repeat center/100% auto;}
#apply_list ul li:nth-child(2){ background:url(/image/sand.jpg) no-repeat center/100% auto;}
#apply_list ul li a{line-height:290px; display:block; font-size:24px; color:#fff;}
#apply_list ul li:hover{background-size:120% auto;}

#zz_menu{ width:100%; text-align:center; overflow:scroll; margin-top:30px;}
#zz_menu ul{ width:1200px;}
#zz_menu ul li{ float:left; margin:0 5px;}
#zz_menu ul li a{ display:block; line-height:40px; border:solid  1px #eee; padding:0 30px;}
#zz_menu ul li a:hover{ background:#006835; color:#fff;border:solid  1px #006835;}
#zz_menu ul li a.it{ background:#006835; color:#fff;border:solid  1px #006835;}

}