@charset "utf-8";
/* CSS base doc */
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, strong, 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;
}
a{color:#404040;}
input[type=search],
input[type=button]{ cursor:pointer; border:none;}
a:link,a:visited{text-decoration: none;}
a:hover,a:active{text-decoration:underline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    font-size:14px;
    color:#404040;
    font-family: "Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei", sans-serif;
}
.f12{
	font-size:12px;
	font-family:"verdana";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
input, button {*overflow:visible;}
input::-ms-clear {display:none}
input::-ms-reveal {display:none}
button, select {text-transform:none;}
legend {
    border:0 none; /* 1 */
    white-space:normal; /* 2 */
    *margin-left:-7px; /* 3 */
}
a img, img {-ms-interpolation-mode:bicubic}

/*单行文本溢出*/
.textSpill {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 定位 */
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.fn{ font-style:normal; font-weight:normal;}
.cb {clear:both;}
.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.zoom {zoom:1;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right:auto;}/*块元素居中*/
.pr{position:relative;}
.pa{position:absolute;}
.vm{vertical-align:middle;}
.hidden{display:none;}
.mclear{ clear:both;}
.vm{ vertical-align:middle;}
.inline_b{display:inline-block;*display:inline;*zoom:1;}
.inline{display:inline}
.gray{ color:#999999;}

/*宽度*/
.w1200 {width:1200px; margin:0 auto;}
.w1200 .btn{ text-align:center; border:none; cursor:pointer;}
.w1200 input[type=search]{ cursor:pointer;}

/**************** 分页 ****************/
.page_btn{margin-top: 12px; text-align:center; padding:18px 0; font-size:14px;}
.page_btn a{ border:1px solid #d6d6d6; height:28px; line-height:28px; padding:0 10px; display:inline-block; color:#333; float:left; margin-left: 5px;}
.page_btn span{ padding:0 10px; float:left;}
.page_btn a.active{ color:#fff; background:#26458a; display:inline-block;}
.page_btn a:hover{ text-decoration:none; color:#26458a;}
.page_btn a.active:hover{ color:#fff;}
.page_btn input{border:1px solid #d6d6d6; height:28px; line-height:28px; width:30px; text-align:center; float:left; font-size:14px;}
.page_btn .inner_page{ display:inline-block;}
.page_btn i,.page_btn span{ float:left;line-height:30px; width:28px;}
.page_btn .r_border{border-right:1px solid #d6d6d6;}
/*************** bread nav start ********************/
.bread-nav {line-height: 52px; color: #666; font-size: 12px;}
.bread-nav a {color: #666;}
.bread-nav a:hover {color: #26458a;}
.bread-nav span{color: #26458a;}
/********************** 首页 **********************/
#logo{display: inline-block; background: #26458a; width: 230px; padding-top: 15px; height: 65px; text-align: center; float: left;}
.nav{position: fixed; height: 80px;left: 0; top: 0;width: 100%;z-index: 100;}
.nav .w1200{ background: #fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.17); }
.nav ul {display:inline-block; float: right; margin-right: 20px;position: relative}
.nav li {width: 110px; float: left; text-align: center; cursor: pointer; height: 80px;}
.nav li.more.w140 {width: 140px;}
.nav li>a{border-top: 4px solid #fff; height: 76px; color: #666;}
.nav li>a:hover{border-color:#26458a;}
.nav li>a,
.nav li>span{ display: block; width: 100%; height:76px; line-height: 76px; color: #666;}
.nav li>span{ background:url("../images/up.png") no-repeat 86px 42px; height: 80px; line-height: 84px;}
.nav li.more.w140>span{background-position: 102px 42px;}
.nav li a:hover{ text-decoration: none;}
.nav li:hover span,
.nav li:hover a{ color: #26458a;}
.nav .more{ position: relative;}
.nav .more .up{ position: absolute; top:68px; left: 0; border: 1px solid #e6e6e6; display: none; border-bottom: 0;}
.nav .more .up a{ display: inline-block;height: 33px; line-height: 33px; background: #fff; width: 100%; color: #666666; border-bottom: 1px solid #e6e6e6;}
.nav .more .up a:hover{ color:#fff; background: #26458a;}
.nav .more:hover .up{ display: block;}
.nav li.ser_box {margin-left: 20px; margin-top: 25px; width: 118px; height: 30px; background: url(../images/ser_btn.png) 50px center no-repeat; overflow: hidden;}
.nav li.ser_box .ser_hover {opacity:0; filter:Alpha(Opacity=0); position: absolute; right: -140px; width: 118px; height: 28px; border:1px solid #e6e6e6; border-radius: 4px; transition:all 300ms ease-in; background: #fff;}
.nav li.ser_box .ser_btn {float: right; margin: 6px 10px 0 0; width: 19px; height: 21px; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); background: #fff url(../images/ser_btn.png) center no-repeat;}
.nav li.ser_box input[type="text"] {border:0; width: 73%; height: 26px; line-height: 26px; text-indent: 5px; float: left;}
.nav li.ser_box:hover .ser_hover {filter:Alpha(Opacity=100)\9; right: 20px; -webkit-animation:fadeInRightBig 1s .2s ease both; -moz-animation:fadeInRightBig .8s .2s ease both; -ms-animation:fadeInRightBig .8s .2s ease both; -o-animation:fadeInRightBig .8s .2s ease both; animation:fadeInRightBig .8s .2s ease both;}
#animation{
	-webkit-animation:fadeInRightBig .8s .2s ease both;
	-moz-animation:fadeInRightBig .8s .2s ease both;}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0; -webkit-transform:translateX(80px)}
	100%{opacity:1; -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
	0%{opacity:0; -moz-transform:translateX(80px)}
	100%{opacity:1; -moz-transform:translateX(0)}
}
.wg_part1 {margin-top: 20px;}
.wg_part1 li {position: relative; float: left; width: 33.3%; height: 238px; text-align: center; border:1px solid #e6e6e6; overflow: hidden;}
.wg_part1 li span {display: inline-block; margin-top: 40px; width: 90px; height: 90px; border-radius: 50%; border:1px solid #e6e6e6; background: url(../images/icon.png) center 25px no-repeat;}
.wg_part1 li p {margin-top: 30px; font-size: 20px;}
.wg_part1 li.no2 {border-left: 0; border-right: 0;}
.wg_part1 li.no3 {margin-left: -3px;}
.wg_part1 li.no2 span {background-position: center -42px;}
.wg_part1 li.no3 span {background-position: center -110px;}
.wg_part1 li .p_cont1 {opacity: 0; filter:Alpha(Opacity=0); position: absolute; left: 0; top:0; padding:60px 80px 0; width: 239.6px; height: 178px; background: #26458a; z-index: 2;}
.wg_part1 li .p_cont1 a {display: inline-block; float: left; width: 110px; text-align: left; line-height: 40px; color: #fff; font-size: 16px;}
.wg_part1 li .p_cont1 a:hover {text-decoration: none;}
.wg_part1 li .p_cont1.o_cont1 a {width: 100%; text-align: center;}
.wg_part1 li:hover {border-color: #26458a;}
.wg_part1 li:hover .p_cont1 {opacity:1; filter:Alpha(Opacity=100);}
.wg_part2 {margin-top: 70px;}
.wg_title {text-align: center;}
.wg_title h2 {font-size: 30px; font-weight: normal;}
.wg_title img {display: block; margin:15px auto 10px;}
.wg_title span {display: inline-block; width: 40px; height: 3px; background: #26458a;}
.p_cont2 {margin-top: 40px;}
.p_cont2 .p_pic1 {width: 610px; height: 300px; overflow: hidden;}
.p_cont2 .p_pic1 img {width: 610px; height: 300px;}
.p_cont2 .p_txt1 {width: 560px; height: 300px; overflow: hidden;}
.p_cont2 .p_txt1 h3 {font-weight: normal; font-size: 20px; line-height: 30px;}
.p_cont2 .p_txt1 p {line-height: 24px; font-size: 12px; font-family: simsun;}
.p_cont2 .p_txt1 p span {display: inline-block; padding-right: 20px; font-size: 14px; font-family: "Microsoft YaHei";}
.p_cont2 .p_txt1 .mt30 {margin-top: 30px;}
.mt60 {margin-top: 60px;}
.p_more {display: block; width: 120px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #26458a; border:1px solid #26458a;}
.p_more:hover {background: #26458a; text-decoration: none; color: #fff;}
.wg_part3 {margin-top: 90px;}
.p_cont3 {margin: 40px -97.5px 0 0;}
.p_cont3 li {float: left; width: 335px; margin-right: 97.5px;}
.p_cont3 li h3 {line-height: 28px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_cont3 li h3 img {margin-right: 10px;}
.p_cont3 li p {margin-top: 15px; height: 100px; line-height: 24px; font-size: 12px; font-family: simsun; color: #666; overflow: hidden;}
.p_cont3 li .p_more {margin-top: 15px;}
.wg_part4 {margin-top: 40px;}
.p_cont4 {margin: 40px -21px 0 0;}
.p_cont4 li {float: left; width: 386px; height: 500px; margin-right: 21px; overflow: hidden;}
.p_cont4 li img {display: block; width: 386px; height: 200px;}
.p_cont4 li .p_txt2 {padding:25px 25px 40px; width: 334px; height: 234px; border:1px solid #ccc; border-top:0;}
.p_cont4 li .p_txt2 h4 {margin-bottom: 20px; font-size: 18px; text-align: center; font-weight: normal;}
.p_cont4 li .p_txt2 p {line-height: 24px; font-size: 12px; font-family: simsun; color: #666;}
.p_cont4 li:hover a {text-decoration: none;}
.p_cont4 li:hover .p_txt2 {border-color: #26458a; height: 232px; border-bottom-width: 2px;}
.wg_part5 {margin-top: 75px;}
.p_cont5 {margin-top: 40px;}
.p_cont5 li {position: relative; float: left; height: 298px; overflow: hidden;}
.p_cont5 li.no1 {width: 459px;}
.p_cont5 li.no2 {margin:0 3px; width: 238px; background: #26458a;}
.p_cont5 li.no3 {width: 497px;}
.p_cont5 li.no4 {margin-top: 3px; width: 780px;}
.p_cont5 li.no5 {margin: 3px 0 0 2px; width: 418px;}
.p_cont5 li .p_txt3 {position: absolute; top:-298px; left: 0; width: 100%; height: 298px; text-align: center; font-size: 18px; color: #fff; background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); -moz-transition: all .2s ease-in-out .4s; -webkit-transition: all all .2s ease-in-out .4s; -o-transition: all all .2s ease-in-out .4s; -ms-transition: all all .2s ease-in-out .4s; transition: all all .1s ease-in-out .4s;}
.p_cont5 li:hover .p_txt3 {top:0;}
.p_cont5 li .p_txt3 span {display: inline-block; padding:130px 10px 5px; border-bottom: 1px solid #939883;}
.p_cont5 li.no2 {padding-top: 100px; height: 198px; text-align: center; color: #fff;}
.p_cont5 li.no2 p {font-size: 20px; line-height: 30px;}
.p_cont5 li.no2 .p_more {display: block; margin:40px auto 0; width: 140px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; border:1px solid #fff; color: #fff;}
.wg_part6 {margin-top: 75px; margin-bottom: 130px;}
.p_cont6 {position: relative; margin-top: 68px; height: 100px; overflow: hidden;}
.p_cont6 .p_btn {position: absolute; top:0; display: inline-block; width: 62px; height: 100px; z-index: 3; background: #fff;}
.p_cont6 .p_btn span {display: inline-block; width: 35px; height: 100px; line-height: 100px; text-align: center; background: #e6e6e6 url(../images/dot.png) center 35px no-repeat; cursor: pointer;}
.p_cont6 .p_btn.btn_next span {float: right; background-position: center -52px;}
.p_cont6 .p_btn:hover span {background-color: #26458a;}
.p_cont6 .p_btn.btn_prev {left:0;}
.p_cont6 .p_btn.btn_next {right:0;}
.p_cont6 ul {position: absolute; margin-left: 60px; z-index: 2;}
.p_cont6 ul li {width: 100%; overflow: hidden;}
.p_cont6 ul li a {display: inline-block; float: left; margin:0 5px; width: 258px; height: 98px; line-height: 98px; text-align: center; border:1px solid #e6e6e6;}
.p_cont6 ul li a img {vertical-align: middle;}
/* footer */
.footer {padding:20px 0; text-align: center; background: #fafafa;}
.footer .f_cont {float: left; margin-left: 80px; line-height: 30px; color: #d9d9d9;}
.footer .f_cont li {display: inline-block;}
.footer .f_cont li a {display: inline-block; padding:0 26px; color: #666;}
.footer .f_cont li a:hover {text-decoration: none;}
.footer .o_link {position: relative; width: 240px; height: 30px; line-height: 30px; border: 1px solid #ccc; float: right; margin-right: 50px; background: #fff; text-align: left; text-indent: 10px; z-index: 5;}
.footer .o_link i {position: absolute; width: 0; height: 0; border: 6px solid #fff; border-color: #ccc transparent transparent transparent; top: 12px; right: 10px;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	transform: rotate(0deg);}
.footer .o_link ul { height: 0; position: absolute; left: 0; overflow: hidden; width: 100%; top: -211px; background-color: #26458a; transform-origin: 50% 50% 0;}
.footer .o_link ul li {display: block; text-align: left; height: 30px; line-height: 30px;}
.footer .o_link ul li a {color: #fff;}
.footer .o_link ul li:hover {background-color: #fafafa;}
.footer .o_link ul li:hover a {color: #26458a; text-decoration: none;}
.footer .o_link:hover i {transform: rotate(360deg); border: 6px solid #fff; border-color: transparent transparent #d3d3d3 transparent; margin-top: -5px;}
.footer .o_link:hover ul {height: 210px}
.footer p {margin-top: 15px; font-size: 12px; color: #b2b2b2;}

 .footer .friendly_link {
    line-height: 1.2rem;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0.5rem; }
    .footer .friendly_link i {
      float: left;
      display: inline-block;
      font-style: normal;
	  
      width: 9rem;
      margin-bottom: 0.5rem; }
  .footer a {
    color: #999;
    display: inline-block;
    padding-right: 1rem; }
  .footer .many {
    display: inline-block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    float: left; }
/***************** 内页 ******************/
.banner.n_banner {background: url("../images/wgbanner1.jpg") no-repeat center;}
.inner {padding-bottom: 50px;}
.silde_nav {width: 19%; min-height: 550px; background: #f2f2f2; overflow: hidden;}
.silde_nav h2 {width: 100%; height: 50px; line-height: 50px; background: #26458a; font-size: 16px; font-weight: normal; color: #fff; text-align: center;}
.silde_nav ul {padding-top: 30px; font-size: 16px;}
.silde_nav ul li {height: 50px; line-height: 50px; padding-left: 21%; border-left: 5px solid #f2f2f2;}
.silde_nav ul li a {color: #666;}
.silde_nav ul li.active,
.silde_nav ul li:hover {background: #fff; border-left-color: #26458a;}
.silde_nav ul li.active a,
.silde_nav ul li:hover a {color: #26458a; text-decoration: none;}
.inner_r {width: 79%;}
.inner_r h3 {font-weight: normal; font-size: 16px; border-bottom: 1px solid #e6e6e6;}
.inner_r h3 span {display: inline-block; color: #26458a; padding:0 12px 9px 4px; border-bottom: 2px solid #26458a;}
.inner_r .inner_r_c {margin-top: 20px;}
.inner_r .inner_r_c p {line-height: 30px; color: #666;}
.inner_r .inner_r_c h6 {line-height: 50px; font-size: 16px; color: #666; font-weight: normal;}
.inner_r .inner_r_c .d_quan {position: relative; margin:20px 0; height: 100px;}
.inner_r .inner_r_c .quan {display: inline-block; width: 100px; height: 100px; text-align: center; border-radius: 50%; background: rgba(38,69,138,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c826458a, endColorstr=#c826458a); color: #fff;}
.inner_r .inner_r_c .quan b {display: block; padding-top: 30px; font-size: 20px; font-weight: normal;}
.inner_r .inner_r_c .quan p {font-size: 12px; font-family: simsun; color: #fff; filter: Alpha(Opacity=50); opacity: .5;}
.inner_r .inner_r_c .quan.no1 {position: absolute; left: 0; top:0;}
.inner_r .inner_r_c .quan.no2 {position: absolute; left: 88px; top:0; background: rgba(45,190,191,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c82dbebf, endColorstr=#c82dbebf);}
.inner_r .inner_r_c .quan.no3 {position: absolute; left: 176px; top:0; background: rgba(71,92,130,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8475c82, endColorstr=#c8475c82);}
.mt20 {margin-top: 20px;}
.pro_cont {margin-top: 10px;}
.pro_cont li {height: 40px; line-height: 40px; font-size: 12px; font-family: simsun; border-bottom: 1px dashed #ccc;}
.pro_cont li h6 {width: 80%; float: left; font-weight: normal; font-size: 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_cont li span {float: right; padding-right: 8px; color: #999;}
.pro_cont li a:hover h6 {color: #26458a; text-decoration: underline;}
.pro_inner {margin-top: 20px;}
.pro_inner h4 {font-weight: normal; text-align: center; font-size: 24px;}
.pro_inner small {display: block; margin:0 auto; line-height: 30px; color: #999; text-align: center;}
.pro_inner img {margin-top: 45px;}
.pro_inner p {line-height: 30px; font-size: 14px;}
.pro_inner p.gary {color: #999;}
.pro_inner p.mt30 {margin-top:30px;}
.pro_inner p b {font-weight: normal; color: #f73a19; font-size: 16px;}
.pro_inner p span {display: inline-block; margin-right: 20px; padding:0 10px; height: 20px; line-height: 20px; border:1px solid #ccc;}
.pro_inner h5 {margin-top: 30px; line-height: 30px; font-weight: normal; font-size: 16px; color: #26458a;}
.pro_inner .pro_link {margin-top: 88px;}
.pro_inner .pro_link p {line-height: 24px; font-size: 12px; font-family: simsun; color: #999;}
.pro_inner .pro_link p span {color: #404040;}
.pro_inner .pro_link p a:hover {color: #26458a;}
.g_cont {margin-top: 20px;}
.g_cont h6 {font-size: 16px; font-weight: normal;}
.g_cont .g_map {margin: 20px 0 50px; width: 383px; height: 254px; background: url(../images/pic12.png) 0 0 no-repeat;}
.g_cont .g_map p {text-align: right; font-size: 14px; color: #26458a;}
.g_cont .g_map p.no1 {padding:32px 150px 0 0;}
.g_cont .g_map p.no2 {padding:50px 110px 0 0; color: #1d75bd;}
.g_cont .g_map p.no3 {padding:55px 33px 0 0; color: #27aae2;}
.g_cont .g_map p.no4 {padding:52px 25px 0 0; color: #00a79d;}
/*2016/9/27*/
.banner {
	position: relative;
	width: 100%;
	height: 498px;
	overflow: hidden;
}
.banner ul {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner ul li {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner ul li img {
	width: 100%;
	height: 100%;
	text-align: center;
}
.banner .kg_area {
	position: absolute;
	bottom: 14px;
	width: 100%;
	height: 16px;
	text-align: center;
	z-index: 2;
}
.banner .kg_area span {
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 3px solid #fff;
	cursor: pointer;
}
.banner .kg_area span.sel {
	background: #fff;
}