@charset "utf-8";
/* CSS Document */
/* 公共样式
 * Date:2017.01
 * Email:531271788@qq.com*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html { overflow-x:hidden;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  font-size: 12px;
  font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;
  background: #fff;  line-height:24px;
}

.transition, a, .header, .top_dh, .logo,{
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}

A {
TEXT-DECORATION: none;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
outline:none;blr:expression(this.onFocus=this.blur());
}
A:link {
	COLOR: #333;
}
A:visited {
	COLOR: #333;
}
A:hover {
	COLOR: #3c518e; TEXT-DECORATION: none
}
A:active {
	COLOR: #3c518e; TEXT-DECORATION: none
}


.header{ width:100%; position:fixed; z-index:998;  color: #fff; height: 100px; border-bottom: 1px solid #8ddae2;-webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;}
.logo{ float: left;padding-top: 7px;}
.top{ width: 1200px; margin: 0 auto;}
.top ul{ width:650px; float: left; padding-left: 40px;}
.dh_y{ width:200px; padding-top: 30px; float: right; padding-left: 40px; background:url("../images/dh_dh.png") left 35px no-repeat; line-height:24px;}.dh_y i{ font-size: 24px;}
.top ul li{ color: #fff; width: 85px; text-align: center; float: left; line-height: 100px; font-size: 14px; margin-right: 2px;}
.top ul li:hover{ border-bottom: 2px solid #fff;}.top ul li.hover{ border-bottom: 2px solid #fff;}


.bk1{ width: 1200px; margin: 0 auto; clear: both; overflow: hidden; height:140px; padding:50px 0 50px 0;}
.bk1 li{ width:16.5%; float: left;}.bk1 li img{ float: left; margin-bottom: 30px;}.bk1 li span{ float: left; width:100%; line-height: 24px; color: #999;}
.bk1 li i{ font-size: 16px; font-weight: bolder; color: #333; }

.b3{ width: 1200px; margin:0 auto;}
.b3 dt{ text-align: center; padding-top:50px; padding-bottom:40px;}
.b3 dt strong{ font-size: 24px; font-weight: normal; color: #333;}.b3 dt i{ color: #999;}
.b3 dt span{ line-height:24px;}
.b3 dt a{ font-size: 14px; line-height: 50px;}

.b2{ width: 100%; height:600px; background: url("../images/b2_bj.jpg") no-repeat;}
.b2 dl{ width:890px; margin: 0 auto; text-align: center; padding-top: 80px;}
.b2 dl dt strong{ font-size: 24px; font-weight: normal;}
.b2 dl dt{ background: url("../images/Vqie_32.png") bottom center no-repeat; margin-bottom: 40px; padding-bottom: 10px;}
.b2 dl dd{ font-size: 14px; line-height: 36px;}
.b2 dl dd a{ padding:15px 35px;text-align: center; background: #438fd6; color: #fff; line-height: 60px;border-radius: 30px;}
.b2 dl dd a img{ vertical-align: middle; }


.bk2{ width: 1200px; margin:60px auto; overflow: hidden; clear: both;}
.bk2 dl{ width: 370px; float: left;}
.bk2 dl li{ float: left; width: 33%; text-align: center; font-size: 14px; font-weight: bold; cursor: default; color: #666;}
.bk2 dl li:hover{ border-bottom: 2px solid #999; color: #999;}.bk2 dl li.hover{ border-bottom: 2px solid #1a65ca; color: #1a65ca;}
.bk2 dt{ margin-bottom: 30px; width: 100%; float: left;}
.bk2 dd{ width:100%; float: left;}
.bk2 dd span{ float: left; width: 50%;}
.bk2 dd a{ width:150px; margin-bottom: 15px; border: 1px solid silver; text-align: center; line-height:46px; float: left;}
.bk2 dd a img{ vertical-align:middle;}
.bk2 dd div{ float: left; text-align: center; line-height: 20px;}
.b2_y{ width:770px; float: right;}
.b2_y2{width: 100%; float: left; padding-top: 25px;}.b2_y1{ width: 100%; float: left; border-bottom:1px double #e6e6e6; padding-bottom: 20px;}
.b2_y1 span{ float: left; color: #333; font-size: 16px;}.b2_y1 span em{ font-size: 12px; color: #999;}.b2_y1 a{ float: right;}
.b2_y2 div{ float: left; width: 80%; font-size: 14px; line-height: 36px;}
.b2_y2 a{ float: right; background: #eee; border: 1px solid #e6e6e6; text-align: center; padding: 10px; line-height: 20px; font-weight: bold;}



.b33{ width: 1200px; margin:0 auto; height:440px;}
.b33 dt{ width: 100%; float: left; text-align: center; padding-top: 70px; padding-bottom: 10px;}
.b33 dd{ float: left; width:200px; text-align: center;}.b33 dd strong{ font-size: 16px;}
.b33 dt strong{ font-size: 24px; font-weight: normal;}
.b33 dl dt{ background: url("../images/Vqie_32.png") bottom center no-repeat; margin-bottom: 40px;}


.b4{ width: 1200px; padding-top: 40px; height:500px; padding-bottom: 30px; margin:0 auto;}
.b4 dl{ width:382px; height:420px; border: 1px solid #eee; margin-right: 20px; float: left;}
.b4 dl dt{ line-height: 60px;}.b4 dl dt strong{ float: left; margin-left: 20px; font-size: 16px;}
.b4 dl dt strong em{ font-size: 12px; color: #999; font-weight: normal;}
.b4 dl dt a{ float: right; margin-right: 20px;color: #999;}.b4 dl dd{ line-height: 40px; width: 90%; padding-left: 5%; font-size: 14px;}

.b4_y{ width:390px; height:420px; border: 1px solid #eee; float: right;}
.b4_y div{ line-height: 60px;}.b4_y div strong{ float: left; margin-left: 20px; font-size: 16px;}
.b4_y div strong em{ font-size: 12px; color: #999; font-weight: normal;}
.b4_y div a{ float: right; margin-right: 20px; color: #999;}
.b4_y li{ float: left; width:90%; margin: 10px 5%; border-bottom: 1px solid #eee; line-height: 28px; padding-bottom: 15px;}.b4_y li:hover{  cursor: pointer; background: #efefef;}
.b4_y li strong{ font-size: 14px;}.b4_y span{ float: left; width:240px ;}.b4_y img{ float: left; padding-right: 15px;}

.wei{ width: 100%; height: 900px; clear: both;}
.wei_01{ width: 86%; padding: 0 3%; height: 632px; background: url("../images/b5_bj.png") no-repeat; margin: 0 auto; color: #fff; font-size: 14px;}

.wei_01 dt img{ margin-left: -100px; margin-top:80px; margin-bottom: 30px;}.wei_01 dd{ padding-left:122px; line-height: 34px;}
.wei_01 ul{ float: right;margin-top: 80px;}.wei_01 ul li{ float: left; width:120px ; text-align: center; }
.wei_01 ul a{color: #fff;}.wei_01 div{ float:left; line-height:40px; margin-top:120px;}.wei_01 div img{ vertical-align: middle;}
.wei_02 dl{ float: left; width: 14%; line-height: 24px;}.wei_02 dl dt{ font-size: 14px; line-height: 50px;}
.wei_02 dl dd{ color: #999;}.wei_02 dl a{ color: #999;}
.wei_02{width: 86%; padding: 0 3%;margin: 0 auto; padding-top: 50px;}


.news{ width:1200px; height:746px; margin:0 auto;}
.news_w{ width: 100%; height:746px; background:url("../images/b3_bj.jpg") no-repeat center left;}
.news dt{ font-size:30px; width:100%; float:left; margin-top: 60px; margin-bottom: 20px;}.news dl{ width: 45%; margin-left: 55%; float: left;}
.news dt i{ width:150px; height:1px; background:#000; float:left; margin-top:15px;}
.news dd{ width:400px; float:left; padding-top:20px; height:150px;}
.news dd em{ float:left; width:100%; padding-bottom:0px; color:#666; font-size:12px;}
.news dd em i{ font-size:16px;}
.news dd strong{ font-size:16px; width:100%; float:left;}
.news dd span{ width:350px; float:left; color:#999; line-height:24px; padding-top:20px;}



.about a{ font-weight: bold;}
.about div{ width:800px; margin:0 auto; font-size: 14px; line-height: 30px;}


.banner{ width:100%; overflow:hidden; position:relative;}
.b-img{  position:absolute; left:0; top:0;}
.b-img a{ display:block; float:left; overflow: hidden;}
.b-img img{ left: 50%; margin-left: -960px; position: relative;}
.b-list{ height:20px; top:90%; overflow:hidden; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #0a42bb;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; font-size:30px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px;height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; font-size:30px; margin:0 auto; margin-top:425px;}
.bar-right em{ display:block; width:50px; height:100px; font-size:30px;  margin:0 auto; margin-top:425px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.b1{ width: 100%; height:130px; clear: both; background: #516eac; overflow: hidden;}

.a1 { width:1200px; margin:0 auto;}

.a2 {  position:absolute; z-index:2; margin-top:-100px;}

.a2 h1 { height:35px; line-height:35px; padding-left:10px; float:left;}

.a3 { float:left; margin:14px 0 0 10px;}





.a4 span { float:right; margin-top: 230px; margin-left: -40px; position:absolute; cursor:pointer;  width:47px; height:47px; background:url(../images/c_a1.png) no-repeat;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;}
.a4 span:hover{background:url(../images/c_a3.png) no-repeat;}
.a4 span.next:hover{background:url(../images/c_a4.png) no-repeat;}
.a4 span.next {background:url(../images/c_a2.png) no-repeat;margin-left:1200px;}

.a2 em { float:right; margin:10px 12px 0 0;}

.a5 { width:1200px; height:320px; overflow: hidden; position:relative;  border-top:none; background: url("../images/b3_bj.png") center top repeat-y;}
.a5 li{ width: 600px; float: left; height: 320px;}
.a5 li img{ float: left; vertical-align: middle; padding-left: 30px;}
.a5 li span{ width: 300px; float: left; margin-top: 30px; margin-left: 30px; line-height: 24px; color: #e3e3e3;}
.a5 li strong{ line-height: 40px; color: #fff;}
.a5 a{ color: #b6bfd8;}.a5 a strong{ font-size: 16px; color: #fff;}

.a6 { width:6000px; position:absolute; top:0; left;0;}




.zym_about{ width:100%; background:url(../images/v_about_03.jpg) repeat-x bottom center; height:302px;;padding-top:0px\9;clear:both; color:#fff;}
.zym_about dl{ width:1200px; left:50%; margin-left:-600px; position:absolute; z-index:2;}
.zym_img { width:1200px; left:50%; margin-left:-600px;text-align:right; position:absolute; z-index:1;}
.zym_about dt a{ color:#fff;  }
.zym_about dt{ width:100%; height:84px; float:left; padding-top:175px;}
.zym_about dt strong{ font-size:30px; float:left; font-weight:normal;}
.zym_about dt span{ float:right;line-height:24px; }.zym_about dt span em{color:#a2dbe9;}
.zym_about dt span i{ font-size:16px;color:#a2dbe9;}
.zym_about dd li a{ float:left; width:151px; background:#297fd1; margin-right: 5px; color: #fff; border-radius: 5px 5px 0 0; text-align:center; height:43px; line-height:43px; font-size:13px;}
.zym_about dd li a:hover{ background:#fff; color:#333;}
.zym_about dd li a.hover{  background:#fff; color:#333;}
.zym_about2{ width:1160px; margin:0 auto; font-size:13px; line-height:36px; padding:40px 0 60px 0;}
.zym_mb{ width:1160px; margin:0 auto; padding:40px 0 10px 0; border-bottom:1px dotted #e6e6e6; color:#666;}
.zym_mb strong{ font-size:16px; color:#333;}.zym_mb i{ font-size:16px;}

.zym_mb2{ width:1160px; margin:0 auto;}
.zym_mb2 a{ width:50%; float:left; padding:0 0 30px 0;}

.zym_news{ width:1200px; height:600px; margin:0 auto;}
.zym_news dt{ font-size:30px; width:100%; float:left;}
.zym_news dt i{ width:150px; height:1px; background:#000; float:left; margin-top:15px;}
.zym_news dd{ width:400px; float:left; padding-top:100px; height:150px;}
.zym_news dd em{ float:left; width:100%; padding-bottom:20px; color:#666; font-size:12px;}
.zym_news dd em i{ font-size:16px;}
.zym_news dd strong{ font-size:16px; width:100%; float:left;}
.zym_news dd span{ width:350px; float:left; color:#999; line-height:24px; padding-top:20px;}
.fenye{ width:1200px; margin:0 auto; padding:0 0 40px 0;}

.zym_chanp ul{ width:1200px; margin:0 auto; padding:40px 0;}
.zym_chanp ul li{ float:left; width:300px; height:230px; text-align: center;}
.zym_chanp ul li img{ width:150px; height: 150px; vertical-align:middle;}
.zym_chanp ul li i{ width:1px; height:0px; background:#333; position:absolute; -webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;}
.zym_chanp ul li a:hover i{ height: 20px;background:#3c8cd2;}
.zym_chanp ul li a{ color:#333; line-height:30px;}.zym_chanp ul li a:hover{ color:#3c8cd2; margin-top: -20px;}.zym_chanp ul li a:hover span{ margin-top: 10px;}
.zym_chanp ul li span{ float:left; text-align: center; width: 300px; line-height:30px; font-size:14px; position:relative; -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out}

.zym_chanp2 ul li{ float:left; width:300px; height:320px; text-align: center;}
.zym_chanp2 ul li img{ width:150px; height: 250px; vertical-align:middle;}



.main-im{position:fixed;right:10px;top:300px;z-index:998;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd; line-height:20px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px; line-height:20px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}