/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td {   margin: 0;    padding: 0;}
input,textarea {border:none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */}
table {border-collapse: collapse;border-spacing: 0;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/*字体大小*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
/**/
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
.content{ width:1200px; margin:0 auto;}
/**/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 39px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 15px;height: 15px;background: #eee;border-radius: 100%;margin: 0 10px;vertical-align: top; cursor: pointer;}
.ban_pg i.on{background: #e71f10;}
.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(248,181,0,0.95);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}
.banner:hover  .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}
/**/
.s_bg{ overflow: hidden; background: #e8e8e8;}
.search{ width:1200px; margin:0 auto;height: 62px;overflow: hidden;}
.search p{ float:left;font-size: 14px; color:#666666; width:806px; height:62px; line-height:62px; overflow:hidden;}
.search p b{font-weight: normal;}
.search p a{font-size: 14px; color:#666666; padding:0 15px 0 0;}
.search p a:hover{color: #002664;}
.search em{ overflow: hidden;margin-top:15px;width:390px; display: block; float: right;}
.search .ser_inp{ padding-left: 20px; height:32px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#999999; line-height:32px; outline:none; width: 297px; background:#fff;}
.search .ser_so{cursor: pointer; float:left; background:#002664; border:none; width:70px; height:32px; color: #fff; outline: none; font-size: 14px;}
input::-webkit-input-placeholder {color: #999999;}
/**/
.tils{ overflow: hidden;background: url(/images/tils.jpg) no-repeat center 0; height: 954px;box-sizing: border-box; padding-top: 79px;}
.tils dl{ overflow: hidden; height: 332px; margin-bottom: 40px;}
.tils dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.tils dl dd{  float: right; width: 600px; height: 332px;background: url(/images/t_r.jpg) no-repeat; box-sizing: border-box; padding: 40px 42px 0 40px;}
.tils dl dd h3{ line-height: 100%; font-weight: normal; color: #383838; font-size: 24px; padding-bottom: 23px;}
.tils dl dd h3 i{font-weight: bold; display: block; line-height: 100%; padding-bottom: 11px;}
.tils dl dd p{ height: 136px; color: #383838; font-size: 14px; line-height: 25px;}
.tils dl dd em a{ display: inline-block; transition: all 0.2s; height: 38px; line-height: 38px; color: #fff; width: 108px; text-align: center; background: #002664;}
.tils dl dd em a:hover{ width: 123px; letter-spacing: 2px;}
.tils h4{ line-height: 100%; font-weight: normal; color: #fff; font-size: 24px; padding-bottom: 26px;}
.tils ul{ overflow: hidden; height: 180px; margin-bottom: 52px;}
.tils ul li{ width: 300px; float: left;height: 180px;}
.tils ul li b{ display: block; font-weight: normal; padding: 59px 0 0 128px;background: url(/images/t_io1.png) no-repeat 58px 58px;}
.tils ul li b i{ display: block; line-height: 100%; font-size: 18px; color: #333333; padding-top: 10px;}
.tils ul li b em{ display: inline-block; line-height: 100%; font-size: 40px; font-weight: bold; color: #333333;}
.tils ul li b em span{    display: inline-block;  line-height: 84%;}
.tils ul li:nth-child(2n){ background: #f5f5f5; }
.tils ul li:nth-child(2) b{background: url(/images/t_io2.png) no-repeat 58px 56px;}
.tils ul li:nth-child(3) b{background: url(/images/t_io3.png) no-repeat 43px 60px;}
.tils ul li:nth-child(4) b{background: url(/images/t_io4.png) no-repeat 58px 62px;}
.tils ul li:hover{background: url(/images/t_cur.png) no-repeat;}
.tils ul li:hover i,.tils ul li:hover em{ color: #fff;}
.tils ul li:hover b{background: url(/images/t_io11.png) no-repeat 58px 58px;}
.tils ul li:hover:nth-child(2) b{background: url(/images/t_io21.png) no-repeat 58px 56px;}
.tils ul li:hover:nth-child(3) b{background: url(/images/t_io31.png) no-repeat 43px 60px;}
.tils ul li:hover:nth-child(4) b{background: url(/images/t_io41.png) no-repeat 58px 62px;}
.tils h5{ overflow: hidden; padding-left: 198px;}
.tils h5 i{ display: inline-block; float: left; font-size: 30px; color: #fff; font-weight: bold; padding: 10px 49px 0 0;}
.tils h5 em{ display: inline-block; float: left; padding-left: 60px; margin-top: 5px;background: url(/images/t_tel.jpg) no-repeat 0 1px; min-height: 45px; color: #a6b8d4; font-size: 16px; line-height: 100%;font-weight: normal; width: 162px;}
.tils h5 em span{ display: block; line-height: 100%; color: #fff; font-size: 20px; font-family:Arial;font-weight: bold; padding-top: 11px;}
.tils h5 a{ display: inline-block; background:url(/images/t_btn.png) no-repeat 19px 12px #f8b500; padding-left: 53px; width: 86px; line-height:48px; height: 48px; font-size: 16px; color: #fff; transition: all 0.2s;}
.tils h5 a:hover{width:91px; padding-left: 58px;background:url(/images/t_btn.png) no-repeat 24px 12px #f8b500; letter-spacing:2px;}
  /**/
h2{ text-align: center; line-height: 100%; color: #fff; font-size: 24px; position: relative; padding-bottom: 35px;font-weight: normal;}
h2 i{ display: block; line-height: 100%; font-weight: bold; font-size: 48px; padding-bottom: 11px;background: url(/images/h2.png) no-repeat center 20px; }
/**/
.fan{ overflow: hidden;background: url(/images/fan.jpg) no-repeat center 0 #f2f2f2; height:1047px; padding-top: 78px; margin-bottom: 87px;}
.fan h2 i{background: url(/images/f_h2.png) no-repeat center 20px;}
.fa_an{ background: #fff; height: 560px; margin-bottom: 28px;}

.fa_l{ overflow: hidden; margin: 47px 0 0 40px; width: 960px;}
.fa_l ul li{ overflow: hidden;}
.fa_l ul li .f_ig{ display: inline-block; float: left; font-size: 0; line-height: 0; overflow: hidden; width: 624px;}
.fa_l ul li .f_ig img{ width: 624px;}
.fa_l ul li em{ display: inline-block; float: right;  width:320px;}
.fa_l ul li em .sh_titl{ display: inline-block; height: 36px; line-height: 36px; border-radius: 36px; background: #f2f2f2; padding: 0 23px; font-size: 18px; color: #333333;}
.fa_l ul li em b{ display: block; padding: 24px 20px 0 25px; height: 70px; overflow: hidden; font-size: 24px; color: #333333;font-weight: bold;}
.fa_l .desc{ margin-left: 25px; height: 300px; overflow: hidden;}
.fa_l .desc p{ padding-bottom: 33px; width: 272px;}
.fa_l .desc p strong{ display: block; line-height: 100%; font-size: 16px; color: #333333; padding-bottom: 8px;}
.fa_l .desc p span{ display: block; line-height: 27px; font-size: 14px; color: #333333;}
.fa_l ul li em a{ display: inline-block; background: #002664; color: #fff; height: 38px; line-height: 38px; padding: 0 19px; font-size: 14px; transition: all 0.2s;}
.fa_l ul li em a:hover{ padding: 0 24px; letter-spacing: 2px;}

.fa_r ul li{ background: #002664; border-bottom: 1px solid #8193b0; padding: 28px 0 0 20px; overflow: hidden; height: 64px; cursor: pointer;}
.fa_r ul li i{ display: inline-block; float: left; width: 48px;}
.fa_r ul li em{ display: inline-block; float: left; width: 130px; line-height: 100%; font-size: 18px; font-weight: bold; color: #fff;}
.fa_r ul li em span{ display: block; text-transform: uppercase; font-size: 12px; color: #fff; font-family:Arial;font-weight: normal; line-height: 100%; padding-top: 9px;}
.fa_r ul li:last-of-type{ height: 66px;}.fa_r ul li:last-of-type img{ padding-top: 2px;}
.fa_r ul li.on{ background: #f8b500;}

.fan_b{ overflow: hidden;}
.fan_b dl{ float: left; margin-right: 10px; width: 292px;}.fan_b dl:last-of-type{ margin-right: 0;}
.fan_b dl dt{ position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.fan_b dl dt em{ display: inline-block; position: absolute; right: 20px; top: 21px; color: #fff; z-index: 55; text-align: right; font-size: 20px;font-weight: bold; line-height: 100%;}
.fan_b dl dt em span{ display: block; text-transform: uppercase; font-weight: normal; line-height: 100%; font-family: Arial; font-size: 14px; padding-top: 8px;}
.fan_b dl dd p{ padding-top: 17px; color: #666666; font-size: 14px; line-height: 24px;}
/**/
.show{background: url(/images/show.jpg) no-repeat center 0; height: 895px;}
.show h3{ overflow: hidden; color: #002664; margin-bottom: 34px;}
.show h3 i{ display: inline-block; float: left; font-size: 48px; line-height: 100%; }
.show h3 i span{ display: block; line-height: 100%; font-weight: normal; text-transform: uppercase; font-size: 16px; padding-top: 10px;}
.show h3 em{ display: inline-block; float: right; width: 910px; font-size: 18px; font-weight: bold; line-height: 100%;padding-left: 29px; border-left: 1px solid #002664; padding-bottom: 7px;}
.show h3 em span{ display: block; line-height: 100%; font-size: 28px; padding-bottom: 12px;}
.show ul li{ float: left; margin: 0 7px 8px 0; line-height: 100%;}
.show ul li span{ display: block; line-height:34px; height: 34px; color: #002664; font-size: 14px; border-bottom: 1px solid #dbdbdb;}
.show ul li:nth-child(5n){ margin-right: 0;}
.show ul li img{ width: 228px;height:142px; padding: 3px; background: #fff; box-shadow: 0 0 9px rgba(0,0,0,0.2);}
.show ul li:hover span{ border-bottom: 1px solid #002664;font-weight: bold;}
  /**/
.worry{ overflow: hidden;background: url(/images/qua.jpg) no-repeat center 0; height: 828px;}
.worry h2{ overflow: hidden; padding-top: 79px; padding-bottom: 95px;}
.worry h2 i{background: url(/images/w_h2.png) no-repeat center center;}
.worry h2 span{ display: block; font-size: 16px; text-transform: uppercase;line-height: 100%;}
.worry ul{ overflow: hidden; width: 405px;border-bottom: 3px solid #fff;}
.worry ul li{ overflow: hidden; border-top: 3px solid #fff; padding-top: 34px; height: 120px;}
.worry ul li img{ display: inline-block; float: left; padding-right: 20px;}
.worry ul li em{ display: inline-block; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 100%;}
.worry ul li em span{ display: block;padding: 16px 0 18px 0;}
  /**/
.yous{ background: #f2f2f2; overflow: hidden; padding: 110px 0 50px; margin-bottom: 88px;}
.yous h2 i{background: url(/images/y_h.jpg) no-repeat center center; color: #272727;}
.yous h2 span{ display: block; font-size: 16px; text-transform: uppercase;color: #272727; line-height: 100%;}
.yous h2{ padding-bottom: 33px;}
.yous dl{ margin-bottom: 20px;}
.yous dl dt{ float: right; font-size: 0; line-height: 0; overflow:hidden;}
.yous dl dd{ background: #fff; height: 444px; box-sizing: border-box; padding-top: 46px;}
.yous dl dd h3{ height: 77px; margin-left: -9px; overflow: hidden;}
.yous dl dd h3 span{ display: inline-block; padding-top: 6px; height: 41px; line-height: 41px; padding-left: 51px; width: 51px; font-family: Arial;  font-size: 30px;font-weight: normal;background: url(/images/y_no.png) no-repeat; color: #fff; float: left; margin-right: 12px;}
.yous dl dd h3 i{ display: inline-block; float: left; padding-top: 6px; line-height: 41px; color: #00122f; font-size: 22px; font-weight: bold;}
.yous dl dd p{ padding-left: 47px; line-height: 100%; font-size: 14px; color: #666666; padding-bottom: 20px;}
.yous dl dd p span{ display: block; padding-bottom: 23px;}
.yous dl dd p span:last-of-type{ padding-bottom: 38px;}
.yous dl dd h4{ overflow: hidden; background: #f9f9f9; padding-top: 57px; height: 95px;}
.yous dl dd h4 i{ display: inline-block; float: left; margin-left: 42px; width: 162px; padding-left: 60px;background: url(/images/y_tel.png) no-repeat; height: 44px; line-height: 100%;font-weight: normal; font-size: 16px; color: #000000;}
.yous dl dd h4 i span{ display: block; line-height: 100%;}
.yous dl dd h4 i b{ display: block; line-height: 100%; font-family: Arial; font-size: 20px; font-weight: bold; padding-top: 9px;}
.yous dl dd h4 em a{ display: inline-block; background:url(/images/t_btn.png) no-repeat 19px 12px #f8b500; padding-left: 53px; width: 86px; line-height:48px; height: 48px; font-size: 16px; color: #fff; transition: all 0.2s;}
.yous dl dd h4 em a:hover{width:91px; padding-left: 58px;background:url(/images/t_btn.png) no-repeat 24px 12px #f8b500; letter-spacing:2px;}
.yous dl:last-of-type p{ line-height: 29px;}
.yous dl:last-of-type p span{ line-height: 29px; padding-bottom: 0;}
.yous dl:nth-of-type(3) dt{ float: left;}
.yous dl:nth-of-type(3) dd{ float: right; width: 446px;}
.yous dl:nth-of-type(3) dd h3{  margin-left: 0; width:455px; box-sizing: border-box;margin-right: -12px; height: 63px;}
.yous dl:nth-of-type(3) dd h3 span{ float: right;background: url(/images/y_no2.png) no-repeat; margin-right: 0; padding-left: 18px; width: 83px;}
.yous dl:nth-of-type(3) dd h3 i{ padding-left: 27px;}
.yous dl:nth-of-type(3) dd p{ width: 390px; line-height: 30px; padding-left: 27px;}
.yous dl:nth-of-type(3) dd p span{ display: block; padding-bottom: 0;}
.yous dl:nth-of-type(3) dd p span:last-of-type{ padding-bottom: 20px; }
/**/
.case{ overflow: hidden;}
.case h2{ color: #333333; padding-bottom: 42px;}
.case h2 a{ color: #333;}
.case h2 i{background: url(/images/c_h.jpg) no-repeat center center; color: #272727;}
.case ul{ overflow: hidden;}
.case ul li img{ width: 100%;}
.case ul li{ float: left; width: 25%; font-size: 0; line-height: 0; overflow: hidden; position: relative;}
.case ul li:first-of-type{ width: 49.95%;}
.case ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 47px; line-height: 47px; text-align: center; font-size: 16px; color: #fff; background: rgba(0,0,0,0.52);}
.case ul li em{ display: block; position: absolute; right: 0; bottom: 0; background: rgba(0,85,162,0.82); color: #fff; padding: 6vh 0 0 2vw; width: 15vw; height: 29.1vh;}
.case ul li em b{ display: block; font-size: 24px; line-height: 100%;}
.case ul li em i{ display: block; font-size: 14px; font-family: Arial; text-transform: uppercase; line-height:24px; width: 90%; padding-top:1.7vh; padding-bottom:6vh;}
.case ul li em strong{ display: inline-block; height: 37px; line-height: 37px; background: #f8b500; width: 102px; text-align: center; transition: all 0.2s; font-size: 14px;font-weight: normal;}
.case ul li em strong:hover{ width: 112px;}
  /**/
.zj{ overflow: hidden;background: url(/images/zj.jpg) no-repeat center 0; height: 771px; margin-bottom: 50px; padding-top: 88px; box-sizing: border-box;}
.zj h3{ overflow: hidden; height: 120px; color: #fff;}
.zj h3 i{ display: inline-block; float: left;}
.zj h3 i a{ display: inline-block; line-height: 100%; font-size: 48px; color: #fff;}
.zj h3 i a span{ display: block; line-height: 100%; font-size: 16px; font-weight: normal; text-transform: uppercase; padding-top: 19px;}
.zj h3 em{ display: inline-block; float: right;}
.zj h3 em a{ display: inline-block; margin-left: 8px; width: 131px; height: 44px; line-height: 44px; text-align: center; border: 2px solid #fff; font-size: 16px; color: #fff;transition: all 0.2s;}
.zj h3 em a:first-of-type{ padding-left: 49px; width: 122px; text-align: left; border: 2px solid #f8b500;background:url(/images/zj_down.png) no-repeat 13px 12px #f8b500;}
.zj h3 em a:hover{ width: 142px;}
.zj_on1{ overflow: hidden; height: 215px;}
.zj_on1 h4{ float: left; line-height: 100%; color: #fff; font-size: 28px;}
.zj_on1 h4 span{ display: block; line-height: 100%; padding-bottom: 12px;}
.zj_on1 ul{ float: right;}
.zj_on1 ul li{ float: left; color: #fff; line-height:29px; font-size: 16px; padding-left: 36px; margin-left: 31px; border-left: 1px solid #395ea1; height: 110px;}
.zj_on1 ul li i{ display: block; line-height: 100%; font-weight: bold; font-size: 16px; padding-bottom: 8px;}
.zj_on1 ul li span{ display: block;}
.zj_on1 ul li:first-of-type{ margin-left: 0;}

.zj_on2{ overflow: hidden; margin-left: 435px;}
.zj_on2 ul li:first-of-type{ margin-left: 256px;}
.zj_on2 ul li{ float: left; width: 254px; height: 140px; margin: 0 0 1px 1px; background: rgba(255,255,255,0.8); text-align: center;}
.zj_on2 ul li i{ display: block; margin: 15px auto 0; height: 68px; overflow: hidden;}
.zj_on2 ul li i img{ display: block; transition: all 0.2s; margin: 0 auto 15px;}
.zj_on2 ul li em{ display: block;font-weight: bold; line-height: 100%; font-size: 18px; color: #000000;}
.zj_on2 ul li em span{ display: block; font-weight: normal; line-height: 100%; font-family: Arial; font-size: 12px; padding-top: 9px; text-transform: uppercase;}
.zj_on2 ul li:hover{ color: #fff; background: #0043b2;}
.zj_on2 ul li:hover em{ color: #fff;}
.zj_on2 ul li:hover img:first-of-type{ margin-top: -67px;}
.zj_on2 ul li:nth-of-type(3):hover img:first-of-type{ margin-top: -75px;}
/**/
.fenc{height: 300px; }
.f_tit{height: 68px; overflow: hidden;background: url(/images/z_lin.jpg) repeat-x left 38px;}
.f_tit span{ display: inline-block; float: right;}
.f_tit span a{ font-size: 16px; color: #333; text-transform: uppercase;}
.f_tit li {float:left;cursor: pointer; font-size: 20px; color: #333333; padding-left: 24px; margin-right: 30px;}
.f_tit li.on{font-weight: bold;background: url(/images/z_c.jpg) no-repeat 0 3px; border-bottom: 2px solid #002664; height: 37px;}
.f_sc{ position: relative;}
.f_fl_j{ position: absolute; cursor: pointer; left: -46px; top: 79px;}
.f_fr_j{ position: absolute; cursor: pointer; right: -46px; top: 79px;}
.f_nr li{float:left; width:230px;margin-right:10px; font-size:0; line-height: 0; position: relative; border: 1px solid #8c8c8c;}
.f_nr li img {width:230px;}
.f_nr li span {display: block; position: absolute; left:0; width: 100%; bottom: 0; height: 30px; line-height: 30px; background: #333; color: #fff; font-size: 14px; text-align: center;}
.f_nr li span a{ display: block; color: #fff;font-weight: bold;}
/**/
.juj{ overflow: hidden; padding-top: 71px; background: #f2f2f2; height: 789px;}
.juj h2 a{ color: #333;}.juj h2 span{text-transform: uppercase;}
.juj h2 i{background: url(/images/j_h.jpg) no-repeat center ;}
.juj h2{ padding-bottom: 32px;}

.ju_l{ width: 574px;}
.ju_nav{height: 57px; overflow: hidden;background: url(/images/z_lin.jpg) repeat-x left 38px;}
.ju_nav span{ display: inline-block; float: right;}
.ju_nav span a{ font-size: 16px; color: #333; text-transform: uppercase;}
.ju_nav li {float:left;cursor: pointer; font-size: 20px; padding-left: 24px; margin-right: 30px;}
.ju_nav li a{color: #333333; }
.ju_nav li.cur{font-weight: bold;background: url(/images/z_c.jpg) no-repeat 0 3px; border-bottom: 2px solid #002664; height: 37px;}
.ju_om{ overflow: hidden;}
.ju_om dl{ background: #fff; margin-bottom: 10px;height: 162px; padding: 9px;}
.ju_om dl dt{ font-size: 0; line-height: 0; overflow: hidden; width: 216px; float: left;}
.ju_om dl dt img{ width: 216px;}
.ju_om dl dd{ float: left; width: 305px; padding: 6px 0 0 17px;}
.ju_om dl dd h4 a{ display: block; font-size: 16px; color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.ju_om dl dd p{ color: #666666; font-size: 14px; line-height: 24px; padding-top: 13px;}
.ju_om dl dd a:hover{ color: #002664; }
.ju_om dl dd em a{transition: all 0.2s;}
.ju_om dl dd em a:hover{letter-spacing: 3px;}

.ju_r{ width: 572px;}
.ju_r h3{ height: 57px;background: url(/images/ju_h.jpg) no-repeat 0 1px; margin-bottom: 0;}
.ju_r h3 a{ font-size: 20px; color: #333333; padding-left: 21px; display:block; line-height: 100%;}
.ju_r h3 a span{ display: inline-block; float: right; margin-top: 5px; font-weight: normal; font-size: 16px; color: #333333; text-transform: uppercase;}
.ju_r h3 a:hover,.ju_r h3 a span:hover{ color: #002664;}.ju_r h3 a span:hover{font-weight: bold;}
.h_on{ overflow: hidden; height: 561px;}
.ju_r ul li{ height: 101px; overflow: hidden; border-bottom: 1px dotted #a7a7a7; margin-bottom: 28px;}
.ju_r ul li i{ display: block;}
.ju_r ul li i a{ display: block; margin-bottom: 16px; padding-left: 32px;background: url(/images/ju_li1.jpg) no-repeat; line-height: 20px; font-weight: bold; height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #333333;}
.ju_r ul li i a:hover{ color: #002664;}
.ju_r ul li span{ display: block;padding-left: 32px;background: url(/images/ju_li2.jpg) no-repeat 0 2px;  line-height: 24px; font-size: 14px; color: #666666;}
/**/
.pzh{ background: #f2f2f2; height: 394px; overflow: hidden;}
.pzh ul{ overflow: hidden; border-left: 2px solid #d3d3d3;  border-top: 2px solid #d3d3d3;}
.pzh ul li{ float: left;border-right: 2px solid #d3d3d3;  color: #333333;text-align: center;  border-bottom: 2px solid #d3d3d3; width: 237px; padding-top: 30px; height: 283px;}
.pzh ul li:nth-of-type(3){ width: 240px;}
.pzh ul li i{ display: block; margin: 0 auto 21px; width: 106px; height: 106px; overflow: hidden; border-radius: 106px;}
.pzh ul li i img{ display: block; transition: all 0.2s;}
.pzh ul li b{ display: block; font-size: 22px; line-height: 100%; padding-bottom: 33px;}
.pzh ul li em{ display: block; font-size: 14px; }
.pzh ul li em span{ display: block; line-height: 100%; padding-top: 10px;}
.pzh ul li:hover{ background: #f8b500; color: #fff;}
.pzh ul li:hover img:first-of-type{ margin-top: -106px;}
/**/
/**/
.links{ overflow: hidden; height: 74px; background: #00163a; line-height: 74px;}
.links p{ float: left; padding-left: 36px;  font-size: 14px; color: #999999;background:url(/images/link.jpg) no-repeat 0 29px;}
.links em{ display: inline-block; float: right; width:1085px;}
.links em a{ display: inline-block; font-size: 14px; color: #999999;margin-right: 24px;}
.links em a:hover{ color: #fff; opacity: 0.85;}
/**/
/**/
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@-webkit-keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
  50% { opacity: 1 }
}
@keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
  50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}


@-webkit-keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}