@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; text-align:center;}
.swiper-slide img{ width:100%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

/*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:1rem;}
.ind_pic .swiper-slide a{ display:block; font-size:1rem; 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:1rem; line-height:60px;}
.ind_app .swiper-slide a img{ width:85%;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}


#top{ width:100%;  background:#fff; height:4rem; box-shadow:5px 5px 5px rgba(0,0,0,0.1); position:fixed; z-index:500; top:0; left:0;}
#top1{ width:100%; height:4rem; overflow:hidden;}

#top_k{ width:100%; margin:0 auto; overflow:hidden;}
#logo{ float:left;}
#logo img{ height:3rem; margin:0.5rem;}

#menu{ position:fixed; width:100%; background:rgba(0,0,0,0.8); z-index:5600; height:100%; display:none;}
#menu ul{ width:60%; background:#eee; height:100%; transition:margin 0.5s; margin-left:-60%;}
#menu ul li{ border-bottom:solid 1px #ddd;}
#menu ul li a{ display:block; line-height:4rem; font-size:1.1rem; padding:0 32px; font-weight:900;}


#menu ul li .zmenu{ width:100%; z-index:500; background:#dfdfdf; display:none;}
#menu ul li .zmenu div.p a{ font-size:1rem; line-height:50px; color:#555; border-top:solid 1px #ccc; display:block; font-weight:normal;}
#menu ul li .zmenu div.p div.san{ position:absolute; overflow:hidden; width:200px; margin-left:200px; background:#f7f7f7; display:none; margin-top:-50px;}

#close{ position:fixed; top:0; left:0%; transition:left 0.5s; height:4rem; overflow:hidden; width:4rem; background:#1e2188;}
#close img{ width:100%;}

#mbtn{ float:right;}
#mbtn img{ height:3rem; margin:0.5rem;}

#lan{ float:right;}
#lan a{ display:block;line-height:3rem; width:102px; text-align:center; margin:0.5rem; color:#555; font-family:Arial, sans-serif;}
#lan a img{ vertical-align:middle; margin-right:2px; margin-bottom:3px;}

.index_title{ overflow:hidden; text-align:center; font-size:1.3rem; line-height:3rem; color:#555; font-weight:900;text-shadow:2px 2px 2px rgba(0,0,0,0.2); padding-top:2rem; width:90%; margin:0 auto;}
.index_title p{ font-size:.7rem; color:#999; line-height:1rem;}

#index_pic{ width:90%; margin:50px auto 0 auto; overflow:hidden; padding-bottom:0; display:none;}
#index_pic ul{ width:100%;}
#index_pic ul li{}
#index_pic ul li a{ padding:10px; display:block; font-size:1rem; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px;}
#index_pic ul li a div{ overflow:hidden;}
#index_pic ul li a img{ width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}

#index_pic ul li a p{line-height:60px;}




#index_page{ text-align:center; overflow:hidden; width:100%; }
#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:68px; height:40px; background:url(image/bit1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bit1.png) no-repeat -68px center #1e2188;}

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

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

#index_about{ width:90%; margin:0px auto 0 auto; overflow:hidden;}
#index_about .a1{ float:left; width:100%; overflow:hidden;}
#index_about .a1 p.b1{ font-size:1.1rem; color:#555; line-height:2rem;}
#index_about .a1 p.b2{ font-size:0.9rem; color:#555; line-height:1.4rem;}
#index_about .a1 p.b3{ margin-top:2rem; padding-bottom:3rem;}
#index_about .a1 p.b3 a{ display:block; background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; width:115px; text-align:center; color:#555;}


#index_about .a2{ float:right;overflow:hidden;padding:10px 10px 10px 0;}
#index_about .a2 img{ width:96%; box-shadow:5px 5px 5px rgba(0,0,0,0.3); border:solid 5px #fff;}

#bottom{ width:100%; background:#eee; overflow:hidden; padding-top:1.5rem; margin-top:2rem;}
#bottom .bottom{ width:90%; margin:0 auto;}
#bottom .bottom ul li{ float:left; width:25%; display:none;}
#bottom .bottom ul li p{ font-size:1rem; line-height:40px; color:#555; font-weight:900;}
#bottom .bottom ul li a{ font-size:.8rem; color:#555; line-height:30px;}


#bottom .bottom ul li.a2{ width:100%; font-size:0.8rem; overflow:hidden; padding-top:2rem; display:block;}
#bottom .bottom ul li.a2 p{ font-size:20px;}

#bottom .bottom ul li.a2 p.share{ margin-top:10px;}
#bottom .bottom ul li.a2 p.share a{ margin-right:5px; padding:0;}

#bottom1{ text-align:center; overflow:hidden; font-size:0.8rem; line-height:1rem; width:100%; padding:2rem 0; width:90%; margin:0 auto;}


#in_banner{ width:100%; overflow:hidden;}
#in_banner img{ width:150%; margin-left:-25%}

#kmenu{ width:100%; border-bottom:solid 1px #ddd; overflow:scroll; text-align:center;}
#kmenu ul{ width:1000rem}
#kmenu ul li{ float:left;}
#kmenu ul li a{ display:block; line-height:3rem; font-size:1rem; padding:0 1.5rem; text-align:center; border-left:solid 1px #ddd;}
#kmenu ul li a:hover{ background:#1e2188; color:#fff;}
#kmenu ul li a.it{ background:#eee; color:#1e2188;}

#nmenu{ width:100%; border-bottom:solid 1px #ddd; overflow:hidden; text-align:center;}
#nmenu ul{}
#nmenu ul li{ float:left;  width:50%;}
#nmenu ul li a{ display:block; line-height:3rem; font-size:1rem; text-align:center; border-left:solid 1px #ddd;}
#nmenu ul li a:hover{ background:#1e2188; color:#fff;}
#nmenu ul li a.it{ background:#eee; color:#1e2188;}

#pmenu{ width:100%; border-bottom:solid 1px #ddd; overflow:scroll; text-align:center;}
#pmenu ul{ width:10000rem;}
#pmenu ul li{ float:left;}
#pmenu ul li a{ display:block; line-height:3rem; font-size:1rem; text-align:center; padding:0 1.5rem; border-left:solid 1px #ddd;}
#pmenu ul li a.it{ background:#eee; color:#1e2188;}

#title1{ width:90%; font-size:1.3rem; line-height:2rem; margin:0 auto;  color:#555; font-weight:900;text-shadow:2px 2px 2px rgba(0,0,0,0.2); border-bottom:solid 1px #ddd; padding-top:2rem;}
#title1 span{ display:block; line-height:1rem; font-size:.6rem; color:#ccc; padding-bottom:0.5rem; text-shadow:none; font-weight:normal;}
#title1 span a{ color:#ccc;font-size:.6rem;}

#content{ width:90%; margin:30px auto 0 auto; overflow:hidden; line-height:1.6rem; font-size:0.9rem;}
#content img{ width:100%;}


#honor{ width:90%; margin:2rem auto 0 auto; overflow:hidden; padding-bottom:20px;}
#honor ul{}
#honor ul li{ margin:0 7.5px;}
#honor ul li a{ padding:10px; display:block; font-size:18px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin:5px 0 0 0;}
#honor ul li a div{ overflow:hidden;}
#honor ul li a img{ width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
#honor ul li a:hover img{transform:scale(1.15);}
#honor ul li a p{line-height:60px;}


#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 0px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block;background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px;  line-height:40px; padding:0 20px; border-radius:3px; }

#page ul li.p{ display:none;}

#contact{ width:90%; margin:1rem auto 80px auto; overflow:hidden;}
#contact .contact{ width:100%; float:left;}
#contact p{ font-size:0.9rem; line-height:1rem; padding:1rem 0; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:1rem; color:#555; font-weight:900; line-height:1.2rem;}
#contact .map{ width:100%; overflow:hidden;}

#container{width:100%;height:470px; position:relative;}

#news{ width:90%; margin:0rem auto 2rem 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:#555; line-height:1.6rem; padding:.5rem 0; font-weight:900;}
#news ul li a p.con{ color:#555; font-size:1rem; line-height:1.5rem;}
#news ul li a p.more{ margin-bottom:10px;  background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; width:115px; margin-top:20px; text-align:center; color:#555; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:0.8rem; color:#999; line-height:40px;}

#proli{ width:90%; margin:0rem auto 2rem auto; overflow:hidden;}
#proli ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#proli ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#proli ul li a div{ overflow:hidden;}
#proli ul li a img{width:60%;}
#proli ul li a p.tt{ font-size:1rem; color:#555; line-height:1.6rem; padding:.5rem 0; font-weight:900;}
#proli ul li a p.con{ color:#555; font-size:1rem; line-height:1.5rem;}
#proli ul li a p.more{ margin-bottom:10px; background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; width:115px;margin-top:20px; text-align:center; color:#555; transition:width 0.5s,background 0.5s,color 0.5s;}
#proli ul li a p.time{ font-size:.8rem; color:#999; line-height:40px;}


#job{ width:90%; margin:0 auto 2rem auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #ddd; padding:20px 0; font-size:0.9rem; line-height:1.2rem; margin-bottom:30px; transition:background 0.5s,padding 0.5s;}
#job ul li p{ width:100%;  line-height:2rem;}
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#1e2188; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px; line-height:1.6rem;}
#job ul li p a{ float:right; display:block;  background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; width:115px; color:#555; text-align:center; margin-right:5px; margin-top:1rem;}

#wyjob{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#wyjob p{ padding-top:20px;  width:100%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:94%; line-height:24px;  height:120px; padding:10px 3%; font-family:"微软雅黑";}
#wyjob p a{ display:block;background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; color:#555; width:150px; text-align:center; }


#probig{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#probig .a1{ float:left;}
#probig .a1 img{ width:100%;}
#probig .a2{ float:right; width:100%;}
#probig .a2 .tt{ font-size:1.4rem; color:#555; line-height:60px;}
#probig .a2 .con{ font-size:0.8rem; color:#555; line-height:30px;}
#probig .a2 .more{ margin-top:20px; overflow:hidden;}
#probig .a2 .more a{ display:block; background-image: linear-gradient(#fff, #ddd); margin-bottom:10px; font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3);  float:left; margin-right:10px; color:#555; line-height:40px; text-align:center; width:150px; border-radius:3px;}


#change{ width:100%; margin:50px auto 0 auto; overflow:hidden; border-bottom:solid 1px #ddd;}
#change ul li{ float:left; width:50%; background:#eee; font-size:16px; line-height:50px; text-align:center; color:#555; cursor:pointer;}

.pro_con{ width:90%; margin:40px auto 0 auto; overflow:hidden; font-size:.8rem; line-height:30px; display:none;}
.pro_con img{max-width:100%;}

#title2{ width:90%; margin:0 auto; text-align:center; font-size:1.1rem; font-weight:900; line-height:30px; color:#555; padding-top:40px;}


#goback{ overflow:hidden; margin-top:2rem; padding-bottom:10px;}
#goback a{ display:block; color:#555;  background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); line-height:40px; border-radius:3px; width:120px; text-align:center; margin:0 auto;}
#goback a:hover{ width:150px;}


#job_con{ width:90%; margin:0 auto; overflow:hidden; font-size:0.9rem; line-height:30px;}
#job_con p.a1{ font-size:1rem; line-height:60px; color:#555; padding-top:1rem; font-weight:900;}
#job_con p.a2{ float:left; width:50%;}
#job_con p.a3{ overflow:hidden; width:100%; padding-top:20px; font-size:.9rem;}

#job_more{ overflow:hidden; width:100%; margin-top:50px;}
#job_more a{ display:block; line-height:40px; color:#555;background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; width:120px; margin:0 auto; text-align:center; margin-bottom:10px;}



#job_list{ width:100%; height:100%; overflow:hidden; position:fixed; left:0; top:0; z-index:1500; background:rgba(0,0,0,0.5); display:none;}
#kuang{ width:80%; margin:15% auto 0 auto; overflow:hidden; padding:10px 5%; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.5); line-height:50px; font-size:16px;}
#kuang p.a1{ border-bottom:solid 1px #ddd; font-size:1.1rem; font-weight:900; color:#555;}
#kuang p.a1 span{ float:right; display:block; border:solid 1px #ddd; width:30px; height:30px; line-height:30px; text-align:center; margin-top:10px; cursor:pointer; font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#kuang p.aa input{ height:36px; line-height:36px; text-indent:10px; width:60%; border:solid 1px #eee; background:#eee;font-size:.9rem;}
#kuang p.a2{ overflow:hidden; padding-top:20px; line-height:38px;}
#kuang p.a2 span{ display:block; float:left; width:30%; font-size:.9rem;}
#kuang p.a3{ overflow:hidden; padding-top:20px; line-height:38px;}
#kuang p.a3 span{ display:block; float:left; width:30%;font-size:.9rem;}
#kuang p.a3 input{ height:36px; line-height:36px; text-indent:10px; width:30%; border:solid 1px #ddd; float:left;font-size:.9rem; }
#kuang p.a3 img{ height:36px; float:left; width:30%}
#kuang p.a4{ margin-top:30px; padding-bottom:40px;}
#kuang p.a4 a{ display:block; height:40px; color:#555; width:60%; margin:0 auto; background-image: linear-gradient(#fff, #ddd); font-size:0.9rem; box-shadow:1px 3px 3px rgba(0,0,0,0.3); border-radius:3px; line-height:40px; text-align:center; }



#kuang p.bb font{ line-height:38px; background:#eee; display:block; width:60%; float:left; font-size:.9rem; color:#555;  text-indent:10px;}
#kuang p.bb font.a1{position: absolute; display:block; width:60%; height:36px; z-index:500; margin-left:120px; opacity:0; filter: alpha(opacity=0); }
#kuang p.bb font.a1 input{ width:300px; height:36px; font-size:.9rem;}

#contact_list{ width:100%; height:100%; overflow:hidden; position:fixed; left:0; top:0; z-index:1500; background:rgba(0,0,0,0.5); display:none;}
#isCon{ width:80%; margin:15% auto 0 auto; overflow:hidden; padding:10px 5%; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.5); line-height:50px; font-size:16px;}
#isCon p.a1{ border-bottom:solid 1px #ddd; font-size:1.1rem; font-weight:900; color:#555;}
#isCon p.a1 span{ float:right; display:block; border:solid 1px #ddd; width:30px; height:30px; line-height:30px; text-align:center; margin-top:10px; cursor:pointer; font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#conHtml{ width:100%; margin:30px auto 0 auto; overflow:hidden; line-height:30px; font-size:0.9rem; padding-bottom:2rem;}














}