/*================基本样式重置================*/

@charset "utf-8";
/*css reset*/
*{font-size:1rem;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,a, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, 
i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time,
mark, audio, video,input,button{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul,ol,li{list-style-type:none;}
i,em{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
a{text-decoration:none;}
b{font-weight: normal;}
i,em,span,b,img,a{display: block;}
body {  font-family: "Microsoft Yahei";  }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
input::-webkit-search-cancel-button{display: none;}/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{display: none;}/*清除IE下的 search 叉号*/

textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a,button,input,textarea{outline:none;
	/* -webkit-appearance:none; */
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type="text"]{-webkit-appearance:none;background:none;}
input[type="submit"]{-webkit-appearance:none;}
/* input[type="checkbox"]{border:1px solid #ccc;border-radius:0;} */
input[type="password"]{-webkit-appearance:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}

td,th{vertical-align:middle; }
.clear{clear:both;}
/*reset end*/
/*basic start*/
@media screen and (min-width:320px){html,body{font-size:10px;}}
@media screen and (min-width:480px){html,body{font-size:13px;}}
@media screen and (min-width:560px){html,body{font-size:15px;}}
@media screen and (min-width:640px){html,body{font-size:17px;}}
@media screen and (min-width:750px){html,body{font-size:20px;}}
@media screen and (min-width:800px){html,body{font-size:20px;}}
@media screen and (min-width:1024px){html,body{font-size:20px;}}

.bold{font-weight:bold;}
.rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.rotate-30{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.rotate45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.rotate180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

* input::-moz-placeholder{color:#005ca2;font-family:"Microsoft Yahei";}
* input::-webkit-input-placeholder{color:#005ca2;font-family:"Microsoft Yahei";}
* input::-o-input-placeholder{color:#005ca2;font-family:"Microsoft Yahei";}
* input::-ms-input-placeholder{color:#005ca2;font-family:"Microsoft Yahei";}
/*========定义基础样式========*/
.hide { display:none;}
.vis{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text_over1{width: 100%;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}
.text_over4{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 4;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 4;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 4;
-o-box-orient: vertical;
}

.text_over5{overflow: hidden;
	text-overflow: ellipsis;
	display: -ms-box;
	-ms-line-clamp: 5;
	-ms-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 5;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -o-box;
	-o-line-clamp: 5;
	-o-box-orient: vertical;
	}
/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }


/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200{width: 1200px; margin: 0px auto; }
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

.swiper-button-next::after,.swiper-button-prev::after{display: none;}

body{padding-top: 1px;background:#fbfbfb url(../images/zj/bac.png) top center no-repeat;background-size: 100% auto;}

.zj_header{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.zj_header .top{margin-top: 20px;}
.zj_header .top .fl{float: left; font-size: 12px;color: #005ca2;}
.zj_header .top .fl a{float: left; color: #005ca2;}
.zj_header .top .fl i{float: left;margin:0 5px; }

.zj_header .top .fr{float: right; font-size: 12px;color: #005ca2;}
.zj_header .top .fr a{float: left; color: #005ca2;}
.zj_header .top .fr i{float: left;margin:0 5px;}
.zj_header .top .fr .ipv6{margin-top: -2px;background: rgba(255,255,255,.85);color: #0c79df;font-size: 10px;line-height: 22px;padding: 0 10px;border-radius: 11px;}

.zj_header .top a:hover{color: #e60012;}
.zj_header .cen{position: relative;}
.zj_header .cen .logo{float: left;padding: 30px 0;}
.zj_header .cen .logo img{height: 100px;}
.zj_header .cen .logo_2{position: absolute;left: 50%;top: -16px;margin-left: -80px;width: 159px;}
.zj_header .cen .logo_2 img{width: 100%;}
.zj_header .cen .search{float: right;margin-top: 67px; padding-left: 10px; width: 286px;height: 50px;border: #005ca2 1px solid;border-radius: 8px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.zj_header .cen .search input{float: left;width: 236px;padding: 10px 0; height: 30px;line-height: 30px; font-size: 14px;color: #005ca2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.zj_header .cen .search .but{float: right;width: 48px;height: 50px;background: url(../images/zj/icon_1.png) left center no-repeat;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}

.zj_header .bot{padding:18px 1px 8px; background: url(../images/zj/bac_1.png) center no-repeat;background-size: 100% 100%;}

.zj_header .bot .left{float: left;margin-left: 30px; padding-left: 32px; font-size: 26px;color: #3076bc;background: url(../images/zj/icon_2.png) left center no-repeat;}

.zj_header .bot .c{float: left;width: 961px;text-align: center;}
.zj_header .bot .right a{margin-right: 30px;line-height: 34px; font-size: 12px;color: #666; }
.zj_header .bot .right a:hover{color:#3076bc; }

.zj_header .bot .t a{margin-bottom: 8px;font-size: 26px;color: #3076bc;}

.zj_header .bot .b a{position: relative;z-index: 3; float: left;padding-bottom: 10px; width: 33.33%;font-size: 20px;color: #333;} 
.zj_header .bot .b a p{width: 100%; overflow: hidden;text-overflow:ellipsis;white-space: normal;}
.zj_header .bot .b a .pos{display: none; position: absolute;left: 0;top: 35px;z-index: 2;padding: 18px; background:rgba(255, 255, 255, 0.8);box-shadow: 0 0 10px rgba(0,0,0,0.2);border:#ccc 1px solid;border-radius: 8px;}
.zj_header .bot .b a .pos div{font-size: 16px;line-height: 26px;color: #666; text-align: left; white-space: nowrap;}
.zj_header .bot .b a .pos i{display: inline;color: #333;}



.zj_footer .top .clearfix{width: 1216px;}
.zj_footer .top .antistop{margin:20px 10px 20px 0; position: relative;width: 230px;height: 34px;background: #fff;border-radius:4px;border: #cbdfef 1px solid; cursor: pointer;}
.zj_footer .top .antistop p{display: block;padding-left: 30px;height: 34px;line-height: 34px;font-size: 14px;color: #444; background: url(../images/zj/icon_3.png) right center no-repeat;cursor: pointer;}
.zj_footer .top .antistop p.cur{ background: url(../images/zj/icon_3.png) right center no-repeat;}
.zj_footer .top .antistop ul{display: none; position: absolute;left: 0px;bottom: 35px;z-index: 12; width: 228px;max-height: 230px;overflow-y: auto; background: #fff;border: #e7e6e6 1px solid;border-bottom: none;}
.zj_footer .top .antistop li a{padding-left: 14px;  line-height: 45px; font-size: 14px;color: #444;cursor: pointer;}
.zj_footer .top .antistop li a:hover{color: #004990;}

.zj_footer .bot{padding: 28px 0 32px; background: #3076bc;}
.zj_footer .bot .t{text-align: center;}
.zj_footer .bot .t i,.zj_footer .bot .t i a{display: inline-block;line-height: 36px; font-size: 14px;color: #fff;}
.zj_footer .bot .c{margin-bottom: 21px; text-align: center;line-height: 27px;}
.zj_footer .bot .c a{display: inline-block; font-size: 14px;color: #fff;}
.zj_footer .bot .c i{display: inline-block;margin:0 17px;width: 1px; font-size: 14px;color: #fff;text-indent: -999999px; background: url(../images/zj/icon_4.png) center no-repeat;}
.zj_footer .bot .b{text-align: center;}
.zj_footer .bot .b img,.zj_footer .bot .b a{display: inline-block;}
.zj_footer .bot .b a{font-size: 14px;color: #fff;}
.zj_footer .bot .b .img_2{margin:0 0 0 28px;}



.zj_header .nav{margin-bottom:20px;background:#005ca2}
.zj_header .nav li{position:relative;float:left;width:183px;text-align:center}
.zj_header .nav li a{display:inline-block;color:#fff;font-size:16px;line-height:60px}
.zj_header .nav li .a1{padding-left:41px;background:url(../images/zj/nav_1.png) left center no-repeat}
.zj_header .nav li .a2{padding-left:38px;background:url(../images/zj/nav_2.png) left center no-repeat}
.zj_header .nav li .a3{padding-left:33px;background:url(../images/zj/nav_3.png) left center no-repeat}
.zj_header .nav li .a4{padding-left:37px;background:url(../images/zj/nav_4.png) left center no-repeat}
.zj_header .nav li .a5{padding-left:35px;background:url(../images/zj/nav_5.png) left center no-repeat}
.zj_header .nav li .a6{padding-left:35px;background:url(../images/zj/nav_6.png) left center no-repeat}
.zj_header .nav li .a7{padding-left:34px;background:url(../images/zj/nav_7.png) left center no-repeat}
.zj_header .nav li .lie{position:absolute;top:50%;right:0;margin-top:-7px;width:1px;height:15px;background:#5879bc}
.zj_header .nav li.other{width:174px}
.zj_header .nav li.other .lie{display:none}
.zj_header .nav li:nth-last-child(1),.zj_header .nav li:nth-last-child(2),.zj_header .nav li:nth-last-child(3){width:155px}
.zj_header .nav ul li.cur{background:#77a8ff;}
.zj_header .nav li:hover{background:#77a8ff;}
.zj_header .nav li.cur .lie,.zj_header .nav li:hover .lie{display:none}




/* 悬浮 */
.suspension{display: none; position: fixed;right: 3%;top: 50%;z-index: 13;width: 45px;height: 188px; margin-top: -94px;cursor: pointer;}
.suspension_fixed{display: block;}
.suspension .sus{position: relative;margin-bottom: 3px; width: 100%;}
.suspension .sus p{ width: 45px;height: 45px;border-radius: 4px;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.suspension .sus p a{display: block;width: 100%;height: 100%;}
.suspension .sus1 p{ background:#fff url(../images/icon/icon_56.png) center no-repeat;}
.suspension .sus2 p{ background:#fff url(../images/icon/icon_57.png) center no-repeat;}
.suspension .sus3 p{ background:#fff url(../images/icon/icon_58.png) center no-repeat;}
.suspension .sus4 p{ background:#fff url(../images/icon/icon_59.png) center no-repeat;}
.suspension .sus5 p{ background:#fff url(../images/icon/icon_60.png) center no-repeat;}
.suspension .sus6 p{ background:#fff url(../images/icon/icon_61.png) center no-repeat;}


.suspension .sus1:hover p{ background:#015196 url(../images/icon/icon_56s.png) center no-repeat;}
.suspension .sus2:hover p{ background:#015196 url(../images/icon/icon_57s.png) center no-repeat;}
.suspension .sus3:hover p{ background:#015196 url(../images/icon/icon_58s.png) center no-repeat;}
.suspension .sus4:hover p{ background:#015196 url(../images/icon/icon_59s.png) center no-repeat;}
.suspension .sus5:hover p{ background:#015196 url(../images/icon/icon_60s.png) center no-repeat;}
.suspension .sus6:hover p{ background:#015196 url(../images/icon/icon_61s.png) center no-repeat;}

.suspension .sus .pos{display: block; position: absolute;top:0;right: 56px;width: 0px;height: 105px;overflow: hidden; background: #006eab;border-radius: 4px;}
.suspension .sus .pos img{display: block;margin:13px auto 0;width: 64px;height: 64px;}
.suspension .sus .pos i{color: #fff;font-size: 12px;line-height: 21px; text-align: center;}




@media screen and (min-width:1201px){
	.typo:hover .blink {
	  -webkit-animation-name: textLink;
	  animation-name: textLink;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
}
.typo .blink {
  display: inline-block;
}  

.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}