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

@font-face{
font-family:impact;
src:url("impact.ttf");
}
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}
a{ color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,width 0.5s,border 0.5s,margin 0.5s;}
ul{ list-style:none;}

/*banner*/
.swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 .swiper-slide {
      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{ overflow:hidden;}
.swiper-slide img{ width:1920px;}

#top{ width:100%; background:#032d83; position:fixed; left:0; top:0; z-index:500;}
#top .top{ width:1200px; margin:0 auto; overflow:hidden;}
#top1{ width:100%; height:80px; overflow:hidden;}

#logo{ float:left;}
#menu{ float:right; overflow:hidden;}
#menu ul{ float:;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; color:#fff; padding:0 25px;}
#menu ul li a:hover{ background:#c00; color:#fff;}

#menu ul li .zmenu{ position:absolute; display:none;}
#menu ul li .zmenu p a{ line-height:50px; background:#032d83;}
#menu ul li .zmenu p a:hover{ background:#c00;}

#menu_btn{ display:none;}
#close{ display:none;}

#index_about{ width:1200px; margin:80px auto; overflow:hidden;}
#index_about .al{ float:right;}
#index_about .ar{ width:550px; float:left; overflow:hidden;}
#index_about .ar div.b0{ color:#ccc; font-size:30px; padding-top:10px; line-height:30px; font-weight:900; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#index_about .ar div.b1{ color:#333; font-size:30px; line-height:40px; font-weight:900; color:#032d83;}
#index_about .ar div.b2{ padding-top:20px;}
#index_about .ar div.b3{ margin-top:20px;}
#index_about .ar div.b3 a{ display:block; width:150px; text-align:center; border-radius:5px; background:#c00; color:#fff; font-size:14px; color:#fff; line-height:50px;}
#index_about .ar div.b3 a:hover{ width:180px;}

#index_pro{ width:100%; overflow:hidden; background:url(images/ind_p1.jpg) no-repeat center top;}
.index_pro{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.index_pro div.a1{ color:#fff; font-size:36px; font-family:Arial, Helvetica, sans-serif; line-height:40px; font-weight:900; text-transform:uppercase; margin-top:60px;}
.index_pro div.a2{ color:#fff; font-size:14px;  line-height:24px; padding-top:10px;}
.index_pro div.a3{ margin-top:20px;}

#ind_prolist{ width:1200px; margin:35px auto 70px auto; overflow:hidden;}
#ind_prolist ul{ width:1300px;}
#ind_prolist ul li{ width:285px; margin:0 20px 20px 0; float:left; text-align:center; height:220px; background:rgba(255,255,255,0.2); transition:all 0.5s; }
#ind_prolist ul li:hover{background:#c00;}
#ind_prolist ul li a{ display:block; color:#fff; font-size:18px; line-height:60px;}
#ind_prolist ul li a img{ margin-top:34px;}



#index_title{ width:1200px; margin:70px auto 0 auto; overflow:hidden; text-align:center; font-size:30px; font-weight:900; color:#032d83; line-height:40px;}
#index_title p{ background:url(images/line.png) repeat-x center; font-size:14px; color:#999; font-weight:100; line-height:30px;}
#index_title p span{ background:#fff; padding:0 20px;}

.index_title{ width:1200px; margin:70px auto 0 auto; overflow:hidden; text-align:center; font-size:30px; font-weight:900; color:#032d83; line-height:40px;}
.index_title p{ background:url(images/line.png) repeat-x center; font-size:14px; color:#999; font-weight:100; line-height:30px;}
.index_title p span{ background:#fff; padding:0 20px;}


#index_news{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#index_news .al{ float:right; width:550px;}
#index_news .al ul li{ margin-bottom:30px; overflow:hidden;}
#index_news .al ul li a{ display:block;}
#index_news .al ul li a .li_l{ background:url(images/index_16.jpg); width:81px; height:81px; text-align:center; color:#fff; float:left; margin-right:30px;}
#index_news .al ul li a .li_l p.a1{ font-size:36px; margin-top:10px; font-weight:900; line-height:40px; font-family:Arial, Helvetica, sans-serif;}
#index_news .al ul li a .li_l p.a2{ line-height:16px;}
#index_news .al ul li a .li_r{ overflow:hidden;}
#index_news .al ul li a .li_r div.a1{ color:#333; font-size:16px; line-height:30px;}
#index_news .al ul li a .li_r div.a2{ font-size:14px; line-height:18px; color:#666; padding-top:10px;}

#index_news .al ul li a:hover .li_l{ background:url(images/index_11.jpg); width:81px; height:81px; text-align:center; color:#fff; float:left; margin-right:30px;}


#ind_feedback{ background:url(images/ind_feedback.jpg) no-repeat center top; width:100%; height:393px; overflow:hidden;}
#ind_feedback .a1{ text-align:center; font-size:30px; line-height:36px; color:#fff; overflow:hidden; padding-top:115px;}
#ind_feedback .a2{ overflow:hidden}
#ind_feedback .a2 a{ display:block; width:150px; line-height:50px; text-align:center; background:#c00; color:#fff; border-radius:5px; margin:40px auto 0 auto;}
#ind_feedback .a2 a:hover{ width:180px; background:#032d83;}

#bottom{ width:100%; background:#032d83; font-size:12px;overflow:hidden;}
.bottom{ width:1200px; margin:20px auto 50px auto; overflow:hidden; color:#fff;}
.bottom .a1{ float:left;}
.bottom .a1 div.b1{ margin-top:40px;}
.bottom .a1 div.b1 span{ padding:0 10px;}
.bottom .a1 div.b1 a{ color:#fff;}
.bottom .a1 div.b1 a:hover{ text-decoration:underline;}
.bottom .a1 div.b2{ margin-top:20px; overflow:hidden;}
.bottom .a1 div.b2 .c{ width:400px; float:left;}

.bottom .a2{ float:right; text-align:center; margin-left:20px; line-height:36px; margin-top:34px;}
.bottom1{ width:1200px; margin:0 auto; overflow:hidden; line-height:80px; color:#fff; border-top:solid 1px #35579c;}
.bottom1 a{ color:#fff; margin-left:20px;}

#mbottom{ display:none;}
#mbottom1{ display:none;}

#probtn{ display:none;}

.left{ width:100%; overflow:hidden; background:#fff; text-align:center;}
.left dl{ display:inline-block;}
.left dl dd{float:left; width:200px;}
.left dl dd a{ display:block; color:#333; text-align:center;line-height:60px;font-size:14px; border-right:solid 1px #eee; transition:background 0.5s,color 0.5s;}
.left dl dd a:hover{ color:#fff; background:#032d83;}
.left dl dd a.it{ color:#fff; background:#c00;}

#content{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:50px;}

#content .about{ width:500px; float:left; font-size:16px; line-height:30px;}
#content .about p.tt{ font-size:30px; color:#032d83; font-weight:900; line-height:60px;}
#content .about p.t1{ font-size:18px; color:#c00; font-weight:900; }

#content .pic{ float:right;}

#service{ width:1200px; overflow:hidden; margin:0 auto 90px auto;}
#service .pp{ float:left;}
#service .cc{ width:520px; float:right; font-size:16px; line-height:30px;}
#service .cc p{ font-size:30px; font-weight:900; color:#032d83; line-height:60px;}


.title3{ width:1200px; margin:0 auto; text-align:center; overflow:hidden; font-size:30px; font-weight:bold; margin-bottom:30px; color:#333; line-height:40px; font-weight:bold; font-family:"微软雅黑"; padding-top:50px; padding-bottom:10px; overflow:hidden;}
.title3 p{ font-weight:normal; font-size:14px; line-height:30px; font-family:Arial, Helvetica, sans-serif; background:url(images/line2.png) center repeat-x;}
.title3 p span{ color:#999; background:#fff; padding:0 20px; }
.title3 p span a{ color:#999;}

#z_banner{ width:100%; overflow:hidden;}
#z_banner img{ width:1920px;}

.picture{ width:1200px; margin:0 auto;}
.picture ul{ list-style:none; width:1300px;}
.picture ul li{ float:left; width:380px; padding-right:30px; padding-bottom:20px;}
.picture ul li a{ display:block; text-align:center; line-height:60px; color:#333; transition:background 0.5s,color 0.5s;}
.picture ul li a img{ width:100%; border:solid 0px #eee;}
.picture ul li a:hover{ background:#0092df; color:#fff;}

#page{ width:100%; margin:0 auto 40px auto; text-align:center; padding-top:20px;overflow:hidden;}
#page ul{ list-style:none; display:inline-block}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; border:solid 1px #eee; line-height:40px; padding:0 20px; color:#333; transition:background 0.5s,color 0.5s,border 0.5s;}
#page ul li a:hover{ background:#032d83; color:#fff; border:solid 1px #032d83;}
#page ul li a.it{ background:#c00; color:#fff; border:solid 1px #c00;}

.history{ background:url(images/hline.jpg) center repeat-y; overflow:hidden; padding-bottom:20px;}
.history ul{ list-style:none;}
.history ul li{ background:url(images/bit1.jpg) center top no-repeat; width:100%; overflow:hidden; margin-top:20px;}
.history ul li div{ width:47%; float:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}
.history ul li div p.a1{ font-size:18px; color:#000; font-weight:bold; line-height:18px; padding-bottom:10px;}
.history ul li div.a{ width:47%; float:left; text-align:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}

#contact{ width:1200px; overflow:hidden; margin:0 auto; padding-bottom:60px;}
#contact .con_left{ float:left; width:550px; margin:0 25px;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:50px;}
#contact .con_left p.tt{ font-size:24px; font-weight:bold; color:#c00;}
#contact .con_left p span{ color:#da251c; font-size:24px; font-family:impact;}

#contact .con_right{ float:right; width:600px;}
#contact .con_right p{ padding-top:20px;}
#contact .con_right p input{ border:solid 1px #ddd; width:498px; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#contact .con_right p textarea{ border:solid 1px #ddd; width:478px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#contact .con_right p a{ display:block; background:#da251c; color:#fff; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px; transition:width 0.5s;}
#contact .con_right p a:hover{ width:200px;}

.newsleft{ width:100%; background:#f7f7f7;overflow:hidden; text-align:center;}
.newsleft dl{ display:inline-block;}
.newsleft dl dd{ width:200px; float:left;}
.newsleft dl dd a{ display:block; color:#333; text-align:center; border-right:solid 1px #eee; line-height:60px;font-size:14px; transition:background 0.5s,color 0.5s;}
.newsleft dl dd a:hover{ background:#0092df; color:#fff;}
.newsleft dl dd a.it{ background:#0092df; color:#fff;}
#comnews
{
    background: #fff;
    padding: 10px 0;
    line-height: 30px;
}
#comnews .a .b1 img{ width:100%;}
#comnews{ width:100%; margin:0 auto; overflow:hidden; padding:5px 0!important;}
#comnews .a{width:100%; overflow:hidden; padding-bottom:10px; border-bottom:solid 1px #eee; margin-bottom:40px;}
#comnews .a .b1{ float:left; width:30%; padding-right:3%;}
#comnews .a .b1 img{ width:100%;border-radius:5px;}
#comnews .a .my_right{ float:right; width:67%;}
#comnews .a .b2{ font-size:18px; line-height:40px; border-bottom:solid 1px #eee; color:#333; white-space:nowrap; overflow:hidden; padding-bottom:10px;}
#comnews .a .b3{ line-height:24px; padding:20px 0;  font-size:14px;overflow:hidden;}
#comnews .a .b3 a{ color:#666;}
#comnews .a .b3 a:hover{ color:#333;}
#comnews .a .b3 span{ float:right!important; color:#ccc; display:inherit;}
#comnews .a .b4{ padding-top:30px;}
#comnews .a .b4 a{ display:block; border:solid 1px #eee; width:58px; height:21px; text-align:center; line-height:38px; padding-top:12px; transition:border 0.5s,width 0.5s;}
#comnews .a .b4 a:hover{ border:solid 1px #da251c; width:100px;}
#comnews .a .b5{ color:#ccc; font-size:12px; line-height:20px;}
#comnews .ait{ margin-right:0!important;}


.vleft{ width:100%; background:#f7f7f7;overflow:hidden; text-align:center;}
.vleft dl{ display:inline-block;}
.vleft dl dd{ float:left; width:200px;}
.vleft dl dd a{ display:block; color:#333; text-align:center;line-height:60px;font-size:14px; border-right:solid 1px #eee; transition:background 0.5s,color 0.5s;}
.vleft dl dd a:hover{ color:#fff; background:#0092df;}
.vleft dl dd a.it{ color:#fff; background:#0092df;}



#feedback{ width:100%}
#feedback p{ padding-top:20px; overflow:hidden; float:left; width:33.33%;}
#feedback p input{ border:solid 1px #ddd; width:398px; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#feedback p.content{ width:100%}
#feedback p textarea{ border:solid 1px #ddd; width:1178px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#0092df; color:#fff; line-height:46px; width:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#feedback p a:hover{ width:200px;}

.proleft{ width:100%; background:#f7f7f7; overflow:hidden; text-align:center;}
.proleft dl{ display:inline-block}
.proleft dl dd{ width:200px; float:left;}
.proleft dl dd a{ display:block; color:#333; line-height:60px; text-align:center; border-right:solid 1px #eee; font-size:14px; transition:background 0.5s,color 0.5s;}
.proleft dl dd a:hover{ background:#0092df; color:#fff;}
.proleft dl dd a.it{ background:#0092df; color:#fff;}

#proli1{ width:1200px; overflow:hidden;}
#proli1 ul{ list-style:none;}
#proli1 ul li{ float:left; margin-bottom:0px; width:1200px;}
#proli1 ul li a{ display:block; text-align:center; padding:30px;  overflow:hidden;transition:background 0.5s,color 0.5s; border-bottom:solid 1px #eee;}
#proli1 ul li a img{ float:left; width:300px;}
#proli1 ul li a div{ float:right; text-align:left; width:800px;}
#proli1 ul li a div p.a1{ font-size:24px; padding:20px 0; color:#333;}
#proli1 ul li a div p.a2{ font-size:14px; color:#666; line-height:24px;}
#proli1 ul li a div p.a3{ width:100px; text-align:center; line-height:40px; background:#e77816; color:#fff; border-radius:5px; margin-top:30px; transition:background 0.5s,width 0.5s;}

#proli1 ul li a:hover{ background:#424f72; color:#fff;}
#proli1 ul li a:hover div p.a1{ color:#fff;}
#proli1 ul li a:hover div p.a2{ color:#ccc;}
#proli1 ul li a div p.a3:hover{ width:120px; background:#e77816;}


#bpro{ width:100%; text-align:center; overflow:hidden; padding-top:20px;}
#bpro ul{ list-style:none;}
#bpro ul li img{}
#bpro_list{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#bpro_list ul{ list-style:none; margin:0 auto;}
#bpro_list ul li{ float:left; padding:5px;}
#bpro_list ul li img{ width:148px; border:solid 1px #eee; cursor:pointer;}

#probig_btn{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; padding-top:30px;}
#probig_btn p{ text-align:center; line-height:50px; color:#000; font-size:18px; font-weight:bold;}



.bpro_con{ width:100%; padding:20px 0px;text-align:left;}
.bpro_con span{ display:block; font-size:18px; color:#da251c; font-weight:bold; text-align:left; line-height:40px; padding-bottom:10px;} 
.bpro_con ul{ list-style:none; width:800px;}
.bpro_con ul li{ float:left; width:232px; margin-right:20px; text-align:center; line-height:40px; padding-bottom:20px;}
.bpro_con ul li img{ width:100%;}
.bpro_con table{ border-left:solid 1px #eee;  border-top:solid 1px #eee;}
.bpro_con table td{ border-bottom:solid 1px #eee;  border-right:solid 1px #eee; line-height:30px; text-indent:10px; }

#bpro_case{ background:#eee; padding:20px; width:760px; margin:0 auto; margin-top:20px;}
#bpro_case p span{ color:#d00;}

#xunpan{ width:100%; border-bottom:solid 1px #eee; border-top:solid 2px #000; line-height:50px; color:#da251c; margin-top:4px; overflow:hidden;}

#download{ width:100%; overflow:hidden; padding-bottom:20px;}
#download ul{ list-style:none;}
#download ul li{ float:left; width:50%;}
#download ul li a{ display:block; border:solid 1px #eee; text-align:left; font-size:14px; padding:20px 20px; margin:10px; transition:background 0.5s;}
#download ul li a span{ float:right; font-size:12px; color:#999; font-weight:normal;}
#download ul li a:hover{ background:#0092df; color:#fff;}
#download ul li a:hover span{ color:#fff}

#wyjob{ width:100%}
#wyjob p{ padding-top:20px; overflow:hidden; float:left; width:20%;}
#wyjob p input{ border:solid 1px #ddd; width:238px; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#wyjob p.content{ width:100%}
#wyjob p textarea{ border:solid 1px #ddd; width:1178px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#0092df; color:#fff; line-height:46px; width:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ width:200px;}


#history_con{ width:1200px; margin:60px 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:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:16px; padding-bottom:20px;}

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



.picture1{ width:1200px; margin:0 auto;}
.picture1 ul{ list-style:none; width:1300px;}
.picture1 ul li{ float:left; width:220px; padding:0 20px 20px 0px;}
.picture1 ul li a{ display:block; text-align:center; line-height:50px; color:#333; transition:background 0.5s,color 0.5s;}
.picture1 ul li a img{ width:100%; border:solid 0px #eee;}
.picture1 ul li a:hover{ background:#0092df; color:#fff;}


#xuefang{ font-size:16px; line-height:30px;}

#faq{ width:100%; overflow:hidden;}
#faq ul li{ border:solid 1px #eee; padding:20px 30px; font-size:16px; cursor:pointer; transition:all 0.5s; margin-bottom:20px;}
#faq ul li:hover{ border:solid 1px #c00;}
#faq ul li .q{ font-size:18px; color:#000; font-weight:900; line-height:40px;}
#faq ul li .q span{ color:#c00; margin:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ddd; width:30px; height:30px; display:block; text-align:center; line-height:30px; float:left; margin-top:5px; border-radius:50%;}
#faq ul li .a{ padding-left:40px; line-height:30px; display:none;}