@charset "utf-8";
/**/


@media(max-width:899px){
.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;
	  overflow:hidden;
    }

 .swiper-slide img{ width:180%; margin-left:-40%;}
 .swiper-button-next{ display:none;}
 .swiper-button-prev{ display:none;}
/*-----------------------------------------------------------------*/

#top{ width:100%; background:#333; height:4rem;}
.top{ width:100%; margin:0 auto; overflow:hidden;}
#logo{float:left; margin-top:1rem;}
#logo img{ height:2rem; margin-left:.5rem;}

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

#close{ position:fixed; z-index:500; left:60%; width:4rem; height:4rem; top:0; background:#c00;}
#close img{ width:100%;}

#menu{ position:fixed; z-index:900; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none;}
#menu ul{ width:60%; background:#eee; height:100%; overflow:scroll;}
#menu ul li a{ display:block; line-height:4rem; font-size:15px; color:#333; border-bottom:solid 1px #ddd; padding:0 36px;}
#menu ul li a:hover{ background:#e50112; color:#fff;}

#menu .zmenu{display:none;}
#menu .zmenu p a{ line-height:50px; background:rgba(255,255,255,0.8); color:#666;}
#menu .zmenu p a:hover{ color:#fff;}

#lan{ float:left; margin-top:29px; margin-left:40px; display:none;}
#lan p{ float:left;}
#lan p a{ display:block; font-size:12px; color:#fff; line-height:32px; padding:0 30px;}
#lan p a:hover{ background:#e50112;}

#search{ float:right; margin-top:15px; cursor:pointer; display:none;}

#index1{ background:url(image/60d4q90dq.jpg) no-repeat center top;}

#index1 .tt{ text-align:center; font-size:1.6rem; color:#c00; line-height:3rem; padding-top:2rem;}
#index1 .con{ width:90%; text-align:center; font-size:.8rem; margin:0 auto; color:#363636; line-height:18px; margin-top:1rem;}
#index1 .more{ overflow:hidden; text-align:left; padding-top:50px; padding-bottom:70px;}
#index1 .more a{ display:block; width:138px; padding-left:40px; line-height:40px; border:solid 1px #c00; background:url(image/b2.png) no-repeat 140px center #c00; border-radius:5px; font-size:15px; margin:0 auto; overflow:hidden; color:#fff;}

#index1 .pic{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:57px;}
#index1 .pic .a1{ float:right; width:100%}
#index1 .pic .a1 .b{ position:absolute; margin-top:70px; margin-left:20px;}
#index1 .pic .a1 .b p.c1{ width:30px; height:1px; background:#fff;}
#index1 .pic .a1 .b p.c2{ color:#fff; margin-top:40px; display:none;}
#index1 .pic .a1 .b p.c3{ color:#fff; margin-top:20px; font-size:1rem; line-height:40px;}
#index1 .pic .a2{ float:left; width:50%;}
#index1 .pic .a3{ float:right; width:50%;}
#index1 .pic img{ width:100%;}

#index2{ width:100%; overflow:hidden; background:url(image/back.jpg) no-repeat top center/100% 520px;}
#index2 .tt{ text-align:center; font-size:1.6rem; color:#c00; line-height:3rem; padding-top:2rem;}
#index2 .tt p{ width:40px; height:2px; background:#c00; margin:12px auto 0 auto;}
#index2 .con{ width:90%; text-align:center; font-size:.8rem; margin:0 auto; color:#363636; line-height:18px; margin-top:1rem;}

#index2 .proli{ overflow:hidden; text-align:center; width:100%; padding-top:2rem;}
#index2 .proli ul{ display:inline-block;}
#index2 .proli ul li{ float:left; width:50%; padding-bottom:20px;}
#index2 .proli ul li a{ display:block; background:#fff; border:solid 5px rgba(255,255,255, 0); font-size:0.8rem; font-weight:900; color:#333; line-height:80px; padding-bottom:50px; box-shadow:1px 3px 8px rgba(0,0,0,0); transition:box-shadow 0.5s,color 0.5s; border:solid 1px #eee;}
#index2 .proli ul li a p.pic{ overflow:hidden;}
#index2 .proli ul li a p.pic img{transition:All 0.4s ease-in-out; width:100%;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}


#index3{ width:100%; margin:0 auto; overflow:hidden;  padding-bottom:50px;}
#index3 .tt{ text-align:center; font-size:1.6rem; color:#c00; line-height:3rem; padding-top:2rem;}
#index3 .tt p{ width:40px; height:2px; background:#c00; margin:12px auto 0 auto;}
#index3 .con{ width:90%; text-align:center; font-size:.8rem; margin:0 auto; color:#363636; line-height:18px; margin-top:1rem;}

#index3 .news_k{ overflow:hidden; margin-top:2rem;}
#index3 .news_k .news_pic{ width:90%; margin:0 auto;}
#index3 .news_k .news_pic img{ width:100%;}
#index3 .news_k .news_li{ width:90%; margin:0 auto;}
#index3 .news_k .news_li dl dt{ border-bottom:solid 1px #eee;}
#index3 .news_k .news_li dl dt a{ display:block;}
#index3 .news_k .news_li dl dt a p.a1{ font-size:20px; line-height:30px; color:#333;}
#index3 .news_k .news_li dl dt a p.a2{ font-size:22px; line-height:40px; color:#333;}
#index3 .news_k .news_li dl dt a p.a3{ width:30px; height:3px; background:#c00; margin-bottom:1rem;}

#index3 .news_k .news_li dl dd{ border-bottom:solid 1px #eee;}
#index3 .news_k .news_li dl dd a{ display:block; font-size:16px; line-height:60px; padding-bottom:20px; color:#333;}
#index3 .news_k .news_li dl dd a span{ font-size:14px; color:#999; float:right;}

#index4{ width:100%; overflow:hidden; background:url(image/xqg049w0tw.jpg) no-repeat center;background-attachment: fixed;}
#index4 .about{ width:100%; margin:0 auto; overflow:hidden; color:#fff;}
#index4 .about .ab{ overflow:hidden;}
#index4 .about .ab p.a1{ font-size:1.6rem; margin:0 auto; width:90%; line-height:50px; font-weight:900; margin-top:50px;}
#index4 .about .ab p.a2{ width:90%; margin:0 auto; padding-top:20px;}
#index4 .about .ab p.a3{ overflow:hidden;margin:0 auto; width:90%; text-align:left; padding-top:50px; padding-bottom:70px;}
#index4 .about .ab p.a3 a{ display:block; width:138px; padding-left:40px; line-height:40px; border:solid 1px #fff; background:url(image/b2.png) no-repeat 140px center; font-size:15px; overflow:hidden; color:#fff;}
#index4 .about .ab p.a3 a:hover{ color:#e50112; background:url(image/b1.png) no-repeat 140px center #fff; }

#index4 .about .ab_li{width:90%; margin:0 auto; overflow:hidden;}
#index4 .about .ab_li ul li{ float:left; width:30%; padding:0 1.5%; text-align:center; padding-bottom:2rem;}
#index4 .about .ab_li ul li img{ width:30%;}
#index4 .about .ab_li ul li p.a1{ font-size:2rem; font-family:Arial, Helvetica, sans-serif; font-weight:700; line-height:4rem;}
#index4 .about .ab_li ul li p.a2{ font-size:.6rem; line-height:1rem;}

#bottom{ background:#393939; width:100%; overflow:hidden;}
#bottom .bottom{ width:1300px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #464646; padding-bottom:60px; display:none;}
#bottom .bottom .btn{ float:left; margin-left:80px; margin-top:30px;}
#bottom .bottom .btn p.tt a{ font-size:18px; color:#fff; line-height:50px;}
#bottom .bottom .btn p.a a{ font-size:15px; color:#999; line-height:30px;}
#bottom .bottom .btn p a:hover{ color:#ed5a00;}
#bottom .bottom .contact{ color:#fff; float:left; margin-left:210px; margin-top:30px;}
#bottom .bottom .contact p.a1{ font-size:18px; color:#fff; line-height:50px;}
#bottom .bottom .contact p.a2{ font-size:30px; color:#fff; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-weight:700;}
#bottom .bottom .contact p.a3{}
#bottom .bottom .contact p.a3 span{ float:left; margin-right:25px;}
#bottom .bottom .contact p.a3 a{ display:block; width:40px; height:40px; border-radius:50px; background:#fff; margin-top:25px;}
#bottom .bottom .contact p.a3 a img{ width:100%;}
#bottom .bottom .contact p.a3 a:hover{ background:#c00; margin-top:15px;}

#bottom .bottom .code{ float:right; color:#fff; line-height:30px; text-align:center; margin-top:50px;}

#bottom .bottom1{ width:90%; margin:0 auto; overflow:hidden; line-height:1rem; font-size:0.6rem; color:#ccc; text-align:center; padding:1rem 0 4rem 0;}


#cha{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:500; display:none;}
#search1{ width:1240px; position:fixed; z-index:600; display:none; margin:90px auto 0 auto; background:rgba(255,255,255,0.8); padding:30px; overflow:hidden;}
#search1 .input{ float:left; width:90%;}
#search1 .input input{ width:100%; line-height:40px; background:#fff; height:40px; border:solid 1px #ccc; text-indent:20px;}
#search1 .button{ float:right; width:8.5%;}
#search1 .button a{ display:block; text-align:center; line-height:42px; background:#ed5e00; font-size:16px; color:#fff;}

#mbottom{ position:fixed; bottom:0; left:0; z-index:400; background:#333; width:100%;}
#mbottom ul li{ float:left; width:33.33%;}
#mbottom ul li a{ display:block; text-align:center; border-left:solid 1px #444;}
#mbottom ul li a img{ height:3rem;}

#zbanner{ width:100%; overflow:hidden;}
#zbanner img{ width:200%; margin-left:-50%}

#m_tt{ width:100%; overflow:hidden; background:#c00; line-height:3.4rem; color:#fff; font-size:1.2rem; text-indent:1rem;}
#m_tt span{ float:right;}
#m_tt span img{ height:3.4rem;}

#pmenu{ width:100%; overflow:hidden; background:rgba(0,0,0,0.8); height:100%; z-index:500; position:fixed; top:0; left:0; display:none;}
#pmenu ul{ width:70%; background:#eee; height:100%;}
#pmenu ul li{ border-bottom:solid 1px #ddd;}
#pmenu ul li a{ display:block; line-height:4rem; padding:0 40px; font-size:1rem; color:#333;}


#pclose{ width:4rem; height:4rem; left:70%; position:fixed; top:0; background:#c00;}
#pclose img{ width:100%;}

#prolist{ width:100%; margin:40px auto; overflow:hidden;}
#prolist ul li{ float:left; width:50%; padding:10px 0;}
#prolist ul li a{ display:block; width:90%; margin:0 auto; border:solid 1px #eee; line-height:3rem; font-size:1rem; color:#333; text-align:center;  }
#prolist ul li a img{ width:100%;}
#prolist ul li a div{ overflow:hidden;}


#page{ width:100%; text-align:center; overflow:hidden; padding-bottom:60px;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 3px;}
#page ul li a{ display:block; border:solid 1px #eee; border-radius:3px; line-height:40px; padding:0 15px; color:#333;}
#page ul li a:hover{ background:#c00; color:#fff;}
#page ul li a.it{ background:#c00; color:#fff;}
#page ul li.k{ display:none;}

#probig{ width:100%; margin:0px auto 0 auto; overflow:hidden;}

#probig .pic{ border:solid 1px #eee; width:100%;}
#probig .pic img{ width:100%;}
#probig .con{ width:90%; margin:0 auto;line-height:3rem;}
#probig .con p{ border-bottom:solid 1px #eee; color:#666;}
#probig .con p.a1 span{ font-size:24px; color:#000; font-weight:700;}
#probig .con p.a2 span a{ color:#333;}
#probig .con p.a2 span a:hover{ color:#c00;}

#probig_tt{ width:90%; margin:20px auto 0 auto; overflow:hidden;}
#probig_tt p{ width:150px; background:#c00; color:#fff; font-size:16px; line-height:50px; text-align:center;}

#probig_con{ width:80%; margin:0 auto; overflow:hidden; border:solid 1px #eee; padding:30px 5%;}

#probig_page{ width:90%; margin:0 auto; overflow:hidden; line-height:80px; color:#999;}
#probig_page p.a1{ float:left;}
#probig_page p.a2{ float:right;}
#probig_page p a{ color:#333;}
#probig_page p a:hover{ color:#c00;}

#aboutcon{ width:90%; margin:2rem auto; overflow:hidden;}
#aboutcon .pic{ padding-top:20px;}
#aboutcon .pic img{ width:100%;}
#aboutcon .con{width:100%; padding-top:2rem;}
#aboutcon .con p.tt{ color:#e50112; font-size:1.3rem; font-weight:700; line-height:1.6rem;}
#aboutcon .con p.cc{ line-height:30px; color:#666; padding-top:20px;}

#culture{ width:90%; margin:2rem auto; overflow:hidden;}
.culture{ width:100%; margin:0 auto; overflow:hidden;}
.culture p.a1{ float:left; width:700px; border-bottom:solid 1px #333; font-size:.8rem; line-height:3rem; margin-bottom:1rem; }
.culture p.a1 span{ font-size:1.4rem;}
.culture p.a2{ float:right;}
.culture p.a2 img{ width:100%;}

.culture1{ width:100%; margin:0 auto; overflow:hidden;}
.culture1 p.a1{ float:right; width:100%; border-bottom:solid 1px #333; font-size:.8rem; line-height:3rem; margin-bottom:1rem;}
.culture1 p.a1 span{ font-size:1.4rem;}
.culture1 p.a2{ float:left;}
.culture1 p.a2 img{ width:100%;}

#honor{ width:100%; margin:1rem auto; overflow:hidden;}
#honor ul li{ width:100%; text-align:center; padding:20px 0;}
#honor ul li img{ width:90%;}

#newslist{ width:90%; margin:40px auto 40px auto; overflow:hidden;}
#newslist ul li{ width:100%; float:left; padding:20px 0;}
#newslist ul li a{ display:block; border:solid 1px #eee; padding:20px; width:80%; margin:0 auto; background:url(image/di.jpg) no-repeat left bottom/100% 0px;}
#newslist ul li a img{ width:100%;}
#newslist ul li a p.b2{ color:#333; font-size:16px; line-height:60px;}
#newslist ul li a p.b3{ color:#999; font-size:12px; line-height:30px; background:url(image/clock.png) no-repeat left center/20px auto; text-indent:25px;}
#newslist ul li a:hover p.b2{ color:#fff; font-size:16px; line-height:60px;}
#newslist ul li a:hover p.b3{ color:#fff; font-size:12px; line-height:30px; background:url(image/clock1.png) no-repeat left center/20px auto; text-indent:25px;}
#newslist ul li a:hover{background:url(image/di.jpg) no-repeat left bottom/100% 100%;}

#news_tt{ width:90%; margin:0 auto; overflow:hidden; line-height:2rem; padding:2rem 0 1rem 0; font-size:1.2rem; color:#333; border-bottom:solid 1px #eee; text-align:center;}
#news_con{ width:90%; margin:0 auto; overflow:hidden; padding:30px 0; color:#666; line-height:30px; border-bottom:solid 1px #eee;}

#contact{ width:90%; margin:40px auto 20px auto; overflow:hidden; font-size:16px; line-height:40px; color:#333;}

#map{ width:100%; margin:0 auto; overflow:hidden;}


#feedback{ width:90%; margin:2rem auto 3rem auto;}
#feedback p{ line-height:40px; overflow:hidden; margin-bottom:10px;}
#feedback p span{ width:80px; display:block; display:block;}
#feedback p input{ border:solid 1px #eee; height:40px; line-height:40px; width:90%; text-indent:10px;}
#feedback p textarea{ border:solid 1px #eee; height:100px; line-height:20px; width:85%; padding:10px; font-family:"微软雅黑";}
#feedback p.code input{ border:solid 1px #eee; height:40px; line-height:40px; width:150px; text-indent:10px; float:left;}
#feedback p.code font{ float:left;}
#feedback p a{ display:block; background:#ed5e00; color:#fff; line-height:40px; border-radius:3px; width:90%; text-align:center;  margin-top:30px;}
#feedback p a:hover{ background:#c00;}

#job{ width:90%; margin:2rem auto; overflow:hidden; min-height:20rem;}

.company_video iframe{ width:100%; height:498px;}


}