@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;}

#top1{ width:100%; height:0rem;}
#top{ width:100%; height:4rem;background:#fff; left:0; z-index:500;}
#top .top{ width:100%;  overflow:hidden;}
#logo{ float:left;}
#logo img{ height:2.6rem; margin:0.7rem 0 0 0.5rem;}

#menu{ overflow:hidden;}
#language{ width:100%; overflow:hidden; float:right;}
#language p{ margin-top:1rem; float:right; margin-right:1rem;}
#language p.cn{ display:none;}
#language p a{ line-height:2rem; display:block; color:#999; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#language p a img{ vertical-align:middle; margin-right:3px;}

#mbtn{ float:right;}
#mbtn img{ height:4rem;}


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

#menulist{ overflow:hidden; display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:500; left:0; top:0;}
#menulist ul{ width:60%; background:#eee; overflow:hidden; height:100%; transition:margin 0.5s; margin-left:-60%;}
#menulist ul li{ width:100%; border-bottom:solid 1px #eee; background:#fff;}
#menulist ul li a{ display:block; line-height:3.6rem; padding:0 30px; font-size:16px; color:#333; background:url(image/hline1.png) no-repeat bottom center/0% 4px;}

#menulist ul li .zmenu{ position:absolute; z-index:600; background:#f7f7f7; display:none; box-shadow:1px 3px 5px rgba(0,0,0,0.1);}
#menulist ul li .zmenu a{ line-height:50px;}

#ind_about{ width:100%; margin:2rem auto; overflow:hidden;}

#ind_about .left{width:90%; margin:0 auto; overflow:hidden;}
#ind_about .left p.a1{ font-size:1.4rem; font-weight:900; color:#e50112; text-transform:uppercase; padding-top:0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_about .left p.a2{ font-size:1.4rem; line-height:2rem; color:#333;}
#ind_about .left p.a3{ padding-top:1rem;}
#ind_about .left p.a4{ width:100%; float:left; padding-top:2rem;}
#ind_about .left p.a4 span{ display:block;}
#ind_about .left p.a4 span font{ font-size:1.4rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; color:#e50112;}
#ind_about .left p.ak{ width:100%;}

#ind_about .left p.a5{ overflow:hidden; width:100%; padding-top:2rem; padding-bottom:3rem;}
#ind_about .left p.a5 a{ display:block; width:107px; line-height:36px; height:36px; border-radius:50px; background:#eee; text-align:center; font-size:12px; color:#333;}
#ind_about .left p.a5 a:hover{ background:#e50112; color:#fff; width:140px;}

#ind_about .right{ width:90%; overflow:hidden; margin:0 auto;}
#ind_about .right img{ width:100%;}

#ind_pro{ width:100%; overflow:hidden; background:url(image/back1.png) repeat-y top center; padding-bottom:2rem;}

.title{ width:100%; overflow:hidden; text-align:center; padding-top:2rem; padding-bottom:1rem;}
.title .et{ font-size:1.4rem; font-weight:900; color:#e50112; text-transform:uppercase; line-height:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.title .ct{ font-size:1.4rem; line-height:2rem; color:#333;}

#ind_spro{ width:90%; margin:0 auto; overflow:hidden;}
#ind_spro ul{ display:none;}
#ind_spro ul li{ width:100%; } 
#ind_spro ul li.k1 a{ display:block; background:#fff; text-align:center;}
#ind_spro ul li.k1 a div.a1{ height:250px; overflow:hidden;}
#ind_spro ul li.k1 a div.a1 p.b1{ font-size:18px; line-height:30px; color:#333; padding-top:70px;}
#ind_spro ul li.k1 a div.a1 p.b2{ padding-top:15px;}
#ind_spro ul li.k1 a div.a1 p.b3{ margin:34px auto 0 auto; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border:solid 1px #e5e5e5; font-size:12px; width:82px; line-height:28px; text-align:center; border-radius:30px; transition:color 0.5s,border 0.5s,background 0.5s;}
#ind_spro ul li.k1 a div.a2{ overflow:hidden;}
#ind_spro ul li.k1 a div.a2 img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#ind_spro ul li.k1 a:hover div.a1 p.b3{ background:#e50112; color:#fff; border:solid 1px #e50112;}
#ind_spro ul li.k1 a:hover div.a2 img{transform:scale(1.15);}
#ind_spro ul li.k1 a div.kk{ display:none;}

#ind_spro ul li.k2 a{ display:block; background:#00569f; height:560px; text-align:center;}
#ind_spro ul li.k2 a div.a1{ height:230px; overflow:hidden;}
#ind_spro ul li.k2 a div.a1 p.b1{ font-size:18px; line-height:30px; color:#fff; padding-top:70px;}
#ind_spro ul li.k2 a div.a1 p.b2{ padding-top:15px;}
#ind_spro ul li.k2 a div.a1 p.b3{ margin:34px auto 0 auto; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border:solid 1px #4d89bc; color:#fff; font-size:12px; width:82px; line-height:28px; text-align:center; border-radius:30px; transition:color 0.5s,border 0.5s,background 0.5s;}
#ind_spro ul li.k2 a div.a2{ overflow:hidden;}
#ind_spro ul li.k2 a div.a2 img{ width:100%;transition:All 0.5s ease-in-out;  -webkit-transition:All 0.5s ease-in-out;  -moz-transition:All 0.5s ease-in-out;  -o-transition:All 0.5s ease-in-out;}
#ind_spro ul li.k2 a:hover{ background:#e50112;}
#ind_spro ul li.k2 a:hover div.a1 p.b3{ background:#fff; color:#e50112; border:solid 1px #fff;}
#ind_spro ul li.k2 a:hover div.a2 img{transform:scale(1.15);}

#ind_menu{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
#ind_menu div.a{ display:inline-block;}
#ind_menu div.a p{ float:left; margin:0 0.1rem;}
#ind_menu div.a p a{ display:block; background:#fff; text-align:center; font-size:.9rem; line-height:2.6rem; width:60px; font-weight:100; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; margin-bottom:0.5rem;}
#ind_menu div.a p a.it{ background:#e50112; color:#fff;}

#ind_news{ width:90%; margin:0 auto; overflow:hidden;}
#ind_news div.a1{ width:100%}
#ind_news div.a1 img{ width:100%;}
#ind_news div.a2{ width:100%; overflow:hidden; margin-top:2rem;}
#ind_news div.a2 ul li{ overflow:hidden; background:url(image/hline2.png) repeat-y 32.5%; padding-bottom:20px; padding-top:5px;}
#ind_news div.a2 ul li a{ display:block;}
#ind_news div.a2 ul li a div.b1{ float:left; width:35%; overflow:hidden}
#ind_news div.a2 ul li a div.b1 p{ float:right; padding-top:5px;}
 
#ind_news div.a2 ul li a div.b2{ float:right; width:60%; overflow:hidden; border-bottom:solid 1px #eee; background:url(image/hline1.png) no-repeat  left bottom/0 1px; transition:background 1s;}
#ind_news div.a2 ul li a div.b2 p.c1{ font-size:16px; line-height:30px; color:#333;}
#ind_news div.a2 ul li a div.b2 p.c2{ font-size:13px; line-height:18px; color:#666; padding-bottom:20px;}

#ind_news div.a2 ul li a:hover div.b2{background:url(image/hline1.png) no-repeat left bottom /100% 1px;}
#ind_news div.a2 ul li a:hover div.b2 p.c1{ color:#e50112;}

#ind_more{ overflow:hidden; width:100%; margin:2rem 0 2rem 0;}
#ind_more a{ display:block; width:107px; line-height:36px; background:#eee; text-align:center; border-radius:50px; font-size:12px; margin:0 auto;}
#ind_more a:hover{ width:130px; background:#e50112; color:#fff;}

#bottom{ display:none}
#bottom1{ display:none;}

#mbottom{ background:#000; width:100%; position:fixed; left:0;bottom:0; overflow:hidden; height:3rem;}
#mbottom ul li{ width:25%; float:left; text-align:center;}
#mbottom ul li img{ height:3rem;}
#mbottom1{ height:3rem;}



#about_banner{ width:100%; overflow:hidden;}
#about_banner img{ width:120%; margin-left:-5%;}


#aboutmenu{ width:100%; overflow:scroll; background:#f1f1f1; text-align:center;}
#aboutmenu ul{ width:1000000px;}
#aboutmenu ul li{ float:left; border-left:solid 1px #fff;}
#aboutmenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; padding:0 1.5rem;}
#aboutmenu ul li a:hover{ background:#d40012; color:#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 a:hover{ color:#000;}
#title p.bread span{ background:#fff; padding:0 20px;}

#content{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#content img{ width:100%;}
#content span{ font-size:1rem; color:#e50112; font-weight:900;}

#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);}
#workshop ul li a:hover{ background:#e50112; color:#fff;}

#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:#e50112; color:#fff;}
#page ul li a.it{ background:#e50112; color:#fff;}

#history_con{ width:90%; margin:1rem auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:1rem; color:#000; font-weight:900; line-height:1.2rem;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:.8rem; padding-bottom:1.2rem;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

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

#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.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:20px; text-align:center; color:#18258b; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#18258b; color:#fff; width:150px;}

#job{ width:90%; margin:0 auto; overflow:hidden;}
#job ul{ list-style:none;}
#job ul li{ border-bottom:solid 1px #eee;}
#job ul li p{width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}

#wyjob{ width:90%; margin:0 auto 2rem auto;}
#wyjob p{ padding-top:20px;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; padding:10px 4% 0 4%;  height:120px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#d40012; color:#fff; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}

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

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

#contact{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#contact .contact{ width:100%; }
#contact p{ font-size:.8rem; line-height:1rem; padding:.5rem 0; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:1rem; color:#000; font-weight:900; line-height:2rem;}
#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:#d40012; color:#fff; transition:background 0.5s; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}


#prolist{ width:100%; margin:1rem auto 20px auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ width:90%; margin:0 auto 1rem auto;}
#prolist ul li a{ display:block; border:solid 1px #eee; padding:0 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:box-shadow 0.5s;}
#prolist ul li a img{ width:100%;}
#prolist ul li a p.tt{ line-height:40px; font-size:14px; text-align:center; border-bottom:solid 1px #eee;}
#prolist ul li a p.con{ padding:20px 0; color:#666; overflow:hidden; border-bottom:solid 1px #eee;}
#prolist ul li a p.more{ width:35%; line-height:30px; font-size:12px; color:#182689; background:#eee; margin:0 auto; overflow:hidden; border-radius:5px; text-align:center; margin:20px auto; transition:background 0.5s,color 0.5s;}
#prolist ul li a p.more:hover{ background:#18258b; color:#fff;}
#prolist ul li a:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}

#promenu{ width:100%; overflow:scroll; background:#f1f1f1; text-align:center;}
#promenu ul{ width:1000000px;}
#promenu ul li{ float:left; border-left:solid 1px #fff;}
#promenu ul li a{ display:block; line-height:3rem; font-size:0.9rem; padding:0 1.5rem;}
#promenu ul li a:hover{ background:#d40012; color:#fff;}

#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;}
#probig .right p.a5 a:hover{ background:url(image/bit.png) 35px center no-repeat/40px auto #18258b;}

#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:50%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:2.6rem; font-size:.8rem;}
#probig_menu ul li a:hover{ background:#d40012; color:#fff;}
#probig_menu ul li a.it{ background:#d40012; 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;}

.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}




















}