@charset "utf-8";
/**/
@font-face {
    font-family:fzltcxhjw;
    src: url("fzltcxhjw.ttf"),
         url("fzltcxhjw.eot");
}
*{ margin:0; padding:0; border:0;}
body{ margin:0; background:#fff;font-size:14px; color:#000; line-height:24px; font-family:Arial, Helvetica, sans-serif; height:100%; width:100%;}
html{ height:100%; width:100%;}
a{text-decoration:none; transition:color 0.5s,background 0.5s,border 0.5s,margin 0.5s, width 0.5s,box-shadow 0.5s;}
ul{ list-style:none;}
img{ border:0; padding:0;}

@media(min-width:900px){
.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 img{ width:100%}
 .swiper-button-next{ display:none;}
 .swiper-button-prev{ display:none;}


.swiper-container1 {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
	  overflow:hidden;
    }
 .swiper-slide {
  overflow:hidden;
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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 img{ width:100%; margin-left:0;}
 .swiper-button-next{ display:block;}
 .swiper-button-prev{ display:block;}
/*-----------------------------------------------------------------*/

#top{ width:100%; position:fixed; z-index:500; background:rgba(0,0,0,0); transition:background 0.5s;}
.top{ width:1300px; margin:0 auto; overflow:hidden;}
#logo{ width:183px; float:left; padding-top:23px;}
#logo img{ width:100%;}

#mbtn{ display:none;}
#close{ display:none;}
#menu{ float:left; margin-left:150px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:90px; font-size:15px; color:#fff; padding:0 36px;}
#menu ul li a:hover{ background:#e50112;}

#menu .zmenu{ position:absolute; z-index:500; 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;}
#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;}

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

#index1 .tt{ text-align:center; font-size:36px; color:#000; line-height:40px; font-weight:900; padding-top:65px;}
#index1 .con{ width:900px; text-align:center; font-size:16px; margin:0 auto; color:#363636; line-height:18px; margin-top:30px;}
#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 #223468; background:url(image/b1.png) no-repeat 140px center; border-radius:5px; font-size:15px; margin:0 auto; overflow:hidden; color:#223468;}
#index1 .more a:hover{ color:#fff; background:url(image/b2.png) no-repeat 140px center #e50112; }

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

#index2{ width:100%; overflow:hidden; background:url(image/back.jpg) no-repeat top center/100% 520px;}
#index2 .tt{ font-size:36px; line-height:40px; color:#000; font-weight:900; text-align:center; padding-top:50px;}
#index2 .tt p{ width:40px; height:2px; background:#000; margin:12px auto 0 auto;}
#index2 .con{ width:900px; text-align:center; font-size:16px; margin:0 auto; color:#363636; line-height:18px; margin-top:30px;}

#index2 .proli{ overflow:hidden; text-align:center; width:100%; padding-top:100px;}
#index2 .proli ul{ display:inline-block;}
#index2 .proli ul li{ float:left; width:240px; margin:0 5px; padding-bottom:20px;}
#index2 .proli ul li a{ display:block; background:#fff; border:solid 5px rgba(255,255,255, 0); font-size:18px; 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;}
#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;}
#index2 .proli ul li a p.pic img:hover{transform:scale(1.15);}
#index2 .proli ul li a:hover{box-shadow:1px 3px 8px rgba(0,0,0,0.2); color:#c00;}

#index3{ width:1300px; margin:0 auto; overflow:hidden; background:url(image/newsen.jpg) no-repeat right 50px; padding-bottom:50px;}
#index3 .tt{ font-size:36px; line-height:40px; color:#000; font-weight:900; text-align:center; padding-top:50px;}
#index3 .tt p{ width:40px; height:2px; background:#000; margin:12px auto 0 auto;}
#index3 .con{ width:900px; text-align:center; font-size:16px; margin:0 auto; color:#363636; line-height:18px; margin-top:30px;}

#index3 .news_k{ overflow:hidden; margin-top:106px;}
#index3 .news_k .news_pic{ float:left;}
#index3 .news_k .news_li{ width:650px; float:right;}
#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; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
#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:90px;}

#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:1300px; margin:0 auto; overflow:hidden; color:#fff;}
#index4 .about .ab{ float:left;}
#index4 .about .ab p.a1{ font-size:36px; line-height:50px; font-weight:900; margin-top:50px;}
#index4 .about .ab p.a2{ width:550px; padding-top:20px;}
#index4 .about .ab p.a3{ overflow:hidden; 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{ float:right; width:660px;}
#index4 .about .ab_li ul li{ float:left; width:210px; text-align:center; padding-top:100px;}
#index4 .about .ab_li ul li p.a1{ font-size:56px; font-family:Arial, Helvetica, sans-serif; font-weight:700; line-height:100px;}

#bottom{ background:#393939; width:100%; overflow:hidden;}
#bottom .bottom{ width:1300px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #464646; padding-bottom:60px;}
#bottom .bottom .btn{ float:left; margin-left:40px; 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:1300px; margin:0 auto; overflow:hidden; line-height:60px; color:#ccc;}
#bottom .bottom1 span{ float:right;}

#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{ display:none;}

#zbanner{ width:100%; overflow:hidden;}
#zbanner img{ width:100%;}

#pmenu{ width:100%; overflow:hidden; background:#eee;}
#pmenu ul{ width:1300px; margin:0 auto;}
#pmenu ul li{ float:left;}
#pmenu ul li a{ display:block; line-height:60px; padding:0 40px; font-size:16px; color:#333;}
#pmenu ul li a:hover{ background:#c00; color:#fff;}
#pmenu ul li a.it{ background:#c00; color:#fff;}

#prolist{ width:1300px; margin:40px auto; overflow:hidden;}
#prolist ul li{ float:left; width:25%; padding:10px 0;}
#prolist ul li a{ display:block; width:90%; margin:0 auto; border:solid 1px #eee; line-height:120px; font-size:18px; color:#333; box-shadow:2px 3px 10px rgba(0,0,0,0); text-align:center; padding-top:70px; background:url(image/kit.png) no-repeat -70px top; }
#prolist ul li a img{ width:100%;transition:All 2s ease-in-out; width:100%;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
#prolist ul li a:hover img{transform:scale(1.15);}
#prolist ul li a p{ background:url(image/line.jpg) no-repeat left bottom/0 1px; transition:background 0.5s;}
#prolist ul li a div{ overflow:hidden;}
#prolist ul li a:hover{  background:url(image/kit.png) no-repeat 0px top; color:#c00; box-shadow:2px 3px 10px rgba(0,0,0,0.3);}
#prolist ul li a:hover p{ background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

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

#m_tt{ display:none;}
#pclose{ display:none;}

#probig{ width:1300px; margin:50px auto 0 auto; overflow:hidden;}

#probig .pic{ float:left; border:solid 1px #eee; width:600px;}
#probig .pic img{ width:100%;}
#probig .con{ width:650px; float:right; line-height:80px;}
#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:1300px; 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:1238px; margin:0 auto; overflow:hidden; border:solid 1px #eee; padding:30px;}

#probig_page{ width:1300px; 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:1300px; margin:80px auto; overflow:hidden;}
#aboutcon .pic{ float:left; padding-top:20px;}
#aboutcon .con{ float:right; width:650px;}
#aboutcon .con p.tt{ color:#e50112; font-size:30px; font-weight:700; line-height:36px;}
#aboutcon .con p.cc{ line-height:30px; color:#666; padding-top:20px;}

#culture{ width:1300px; margin:80px auto; overflow:hidden;}
.culture{ width:1300px; margin:0 auto; overflow:hidden;}
.culture p.a1{ float:left; width:700px; border-bottom:solid 1px #333; font-size:18px; line-height:100px; padding-top:100px;}
.culture p.a1 span{ font-size:36px;}
.culture p.a2{ float:right;}

.culture1{ width:1300px; margin:0 auto; overflow:hidden;}
.culture1 p.a1{ float:right; width:700px; border-bottom:solid 1px #333; font-size:18px; line-height:100px; padding-top:100px;}
.culture1 p.a1 span{ font-size:36px;}
.culture1 p.a2{ float:left;}

#honor{ width:1300px; margin:60px auto; overflow:hidden;}
#honor ul li{ width:50%; text-align:center; float:left; padding:20px 0;}
#honor ul li img{ width:90%;}

#newslist{ width:1300px; margin:40px auto 40px auto; overflow:hidden;}
#newslist ul li{ width:33.33%; 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; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
#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:1300px; margin:0 auto; overflow:hidden; line-height:80px; font-size:30px; color:#333; border-bottom:solid 1px #eee; text-align:center;}
#news_con{ width:1300px; margin:0 auto; overflow:hidden; padding:30px 0; color:#666; line-height:30px; border-bottom:solid 1px #eee;}

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

#map{ width:1300px; margin:0 auto 80px auto; overflow:hidden;}

#feedback{ width:1300px; margin:60px auto; background:url(image/contactimg.jpg) no-repeat right bottom;}
#feedback p{ line-height:40px; overflow:hidden; margin-bottom:10px;}
#feedback p span{ width:80px; display:block; float:left;}
#feedback p input{ border:solid 1px #eee; height:40px; line-height:40px; width:600px; text-indent:10px;}
#feedback p textarea{ border:solid 1px #eee; height:100px; line-height:20px; width:580px; 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:300px; text-align:center; margin-left:80px; margin-top:30px;}
#feedback p a:hover{ background:#c00;}

#job{ width:1300px; margin:80px auto; overflow:hidden;min-height:400px;}

.company_video iframe{ width:900px; height:498px;}











}