/*
Template Name: mobile
Template URI: http://www.eiok.cn/
Description: ÊÖ»ú°æ.
Version: 1.0.0
Author: eiok Team
Author URI: http://www.eiok.cn/
Logo filename: logo.gif
Template Type: type_0
*/

@charset "gbk";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
input { outline:none}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.clear,.clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.mb,.mc,.mt,.p-detail,.p-img,.p-market,.p-name,.p-price,.sm,.smb,.smc,.smt{overflow:hidden}
*{box-sizing: border-box}
/* jdf-1.0.0/ shortcut.css Date:2015-09-15 18:39:09 */

/* CSS Document 2016-05-05*/
body{font:14px/150% "microsoft yahei"; color: #333;}
input,textarea,button { font-family:"microsoft yahei"}

a,a:visited {color:#333; text-decoration:none;-moz-transition:color 0.2s; -o-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}
a:hover,a:active { color:#10069F; text-decoration:none}
.mt20 { margin-top:20px}
.mt50 {margin-top: 50px;}
.border { border-top:1px solid #ccc; background: #fff; border-bottom:1px solid #ccc;}
.bb { border-bottom:1px solid #ddd;}
.ui-page {padding: 0; margin: 0; outline: 0}
.pb90 {padding-bottom:90px }
.pb100 {padding-bottom:100px }
.bgfff {background-color:#fff;}
.headImg,.imgBox { background-size: cover; background-position: center;overflow: hidden}
.flexbox {
  display: -moz-box;  /* Firefox */ 
  display: -ms-flexbox;    /* IE10 */ 
  display: -webkit-box;    /* Safari */  
  display: box;  
  display: flexbox;  
}
.grayfilter {
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
	_filter:none; }
.flexchild { box-flex:1.0; -webkit-box-flex:1.0; }
.blur {
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}


body {margin:0 auto;font-size:14px;position: relative;}
/*icon*/
html {font-size:14px}
.index {width: 100%;overflow: hidden; position: relative}	
.img {background-position: center;background-size: cover}
.wrapper {width: 1200px; margin: 0 auto}
.main_title{color:#10069F;}

.index .top {position: relative; /*height:25vw; background: url(../images/banner.jpg) no-repeat center;*/ overflow: hidden;}
.index .top .mask {position: absolute;top: 0;left:0;right:0;bottom: 0;background:url(../images/mask.png) repeat}
.header {position: fixed; z-index: 99; top:0;left:0;right:0;height:110px;background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));color:#fff;padding:20px 40px;transition: all .2s}
.header.b {height:80px;background:#fff;color:#000;padding:10px 40px;}
.header .logo {background: url(../images/logo.png?v=1.3) no-repeat center;background-size: contain; width: 36%; height: 53px; float: left;display: block}
.header.b .logo {background-image: url(../images/logo2.png?v=1.3); }
.nav {float: right;}
.header .nav li {float: left;padding:0 1.2vw;font-size:0.9vw; line-height: 60px;}
.header .nav li a {color:#fff;}
.header .nav li a:hover,.header .nav li a.active {color:#10069F;}
.header.b .nav li {line-height:60px;}
.header.b .nav li a {color:#000;}

video { object-fit: fill}
.index .con {position: absolute;left:50%;width:1200px;transform: translate(-50%,0);top:21%;color:#fff}
.index .con .inner {width: 50%}
.index .con .inner .title {font-size:46px;font-weight: bold; line-height:90px;}
.index .con .inner .title:after {background:#10069F;height: 5px;content: "";display: block}
.index .con .inner .text {margin-top:20px; text-indent:2em; line-height:30px;}
.index .con .inner a {color:#fff;width: 140px; height: 50px; line-height: 50px; display: block;background:#10069F;text-align: center; margin-top:20px;position: relative;border-radius:5px 0 0 5px}
.index .con .inner a:after {background:url(../images/arrow.png) no-repeat; width: 50px; height: 50px;display: block;content: ""; position: absolute;right:-51px;top:0;border-radius:0 5px 5px 0}

.part01 {background:#f8f8f8;padding:60px 0 }
.part01 .title {text-align: center}
.part01 .title b {height: 60px;display: block;}
.part01 .title b.xwdt {background: url(../images/index_part1_tit.png) no-repeat center;}
.part01 .title b.djxw {background: url(../images/index_part3_tit.png) no-repeat center;}
.part01 .inner {padding:20px 0}
.part01 .inner .item {line-height: 30px; margin-top:20px;overflow:hidden;}
.part01 .inner .item .img_link {width: 280px;display: block;float:left;} 
.part01 .inner .item .img {width: 280px;height: 140px;}
.part01 .inner .item .text {padding-left:30px;float:left;width: 696px;}
.part01 .inner .item h2 {font-weight: normal;color:#717171;line-height: 40px; margin-top:15px}
.part01 .inner .item p {color:#717171;font-size:16px}
.part01 .inner .item .r {width: 210px; height: 140px; text-align: center;background: #eee;transition: all .2s;position: relative;float:right;}
.part01 .inner .item .r i {background: url(../images/icon01.png) no-repeat; width: 32px; height: 52px;display:block;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);visibility: hidden;opacity: 0;transition: all .2s}
.part01 .inner .item a:hover h2 {color:#10069F}
.part01 .inner .item:hover .r i {display: block;visibility: visible;opacity: 1}
.part01 .inner .item .r font {font-size: 16px;line-height: 20px; color:#10069F;border:2px solid #10069F;padding:4px 10px;margin-top:55px;display: inline-block;border-radius:5px;transition: all .2s}
.part01 .inner .item:hover .r {background:#10069F; }
.part01 .inner .item:hover .r font {border:2px solid #fff;color:#fff }
.part01 .more_link {text-align: center; margin-top:30px}
.part01 .more {color:#10069F;font-size:18px;background: url(../images/arr.png) no-repeat 120px;background-size:auto 100%; padding:2px 50px 2px 40px;border: 2px solid #10069F;border-radius:5px; margin:0 auto;}

.part02 {padding: 60px 0 0}
.part02 .title b {height: 60px;display: block;}
.part02 .title b.cpfl {background: url(../images/index_part2_tit.png) no-repeat center;}
.part02 .title b.dqzx {background: url(../images/index_part4_tit.png) no-repeat center;}
.part02 .inner {padding-top:30px }
.part02 .inner .item {float: left; height:225px;background:#ebebeb;overflow: hidden;position: relative}
.part02 .inner .img { height: 100%;transition: all .4s}
.part02 .inner .item:nth-child(1) {width: 40%;margin-right:0.5%}
.part02 .inner .item:nth-child(2) {width:59.5%;}
.part02 .inner .item:nth-child(3) {width: 33%;margin-right:0.5%;margin-top:7px}
.part02 .inner .item:nth-child(4) {width: 33%;margin-right:0.5%;margin-top:7px}
.part02 .inner .item:nth-child(5) {width: 33%;;margin-top:7px}
.part02 .inner .item:hover .img {transform: scale(1.2)}
.part02 .inner .item i {background: url(../images/fdj.png) no-repeat;width: 55px; height: 46px;display: block; margin: 60px auto 30px auto}
.part02 .inner .item p {font-size:24px;color:#fff; text-align: center}
.part02 .inner .item .mask {background: rgba(16,6,159,.4);position: absolute;left:0;top:0;width: 100%; height: 100%;transform: scale(1.2);visibility: hidden;opacity: 0;transition: all .4s}
.part02 .inner .item:hover .mask {transform: scale(1);visibility:visible;opacity: 1}

.friendlink {background: #f8f8f8; text-align: center;padding: 30px 0;margin-top:60px}
.friendlink select {margin: 0 20px; width:200px;height: 30px; line-height: 30px;border:none;box-shadow:0 2px 5px rgba(0,0,0,.2);border-radius:3px}
.footer {background: #242424;color:#9a9a9a}
.footer {padding: 40px 0;line-height: 30px;font-size:12px;}
.footer .sublogo {margin:10px 90px 0 190px;}
.footer .footernav li {float: left;margin-right:10px}
.footer .footernav {color:#999}
.footer .footernav a {color:#999;font-size:14px;margin-right:10px}
.footer .footernav a:hover {color:#10069F}
a.home {color:#999;}

.channel .top {height: 100px;overflow: hidden}
.channel .top .header {background:#fff; height: 100px;}
.channel .top .header .logo {background-image: url(../images/logo2.png?v=1.3);}
.channel .top .nav {float: right;}
.channel .top .header .nav li {line-height: 60px}
.channel .top .header .nav li a {color:#000;}
.channel .top .header .nav li a:hover,.channel .top .header .nav li a.active {color:#10069F;}
.channel .banner {width: 100%;overflow: hidden}
.channel .banner img {margin-left:-360px}

.container { padding-top:30px;}
.container .left {width: 250px;padding-top:35px}
.container .right {width: 910px;}

.part03,.part04 {background:#f6f6f6;border-radius:5px;}
.part03 .bt {padding:20px 36px;}
.part03 .bt b { height:36px;display: block}
.part03 .bt b.gsgk {background: url(../images/channel_icon_01.png) no-repeat;}
.part03 .bt b.xwzx {background: url(../images/channel_icon_02.png) no-repeat;}
.part03 .bt b.cpzs {background: url(../images/channel_icon_03.png) no-repeat;}
.part03 .bt b.rczm {background: url(../images/channel_icon_04.png) no-repeat;}
.part03 .bt b.dqzx {background: url(../images/channel_icon_05.png) no-repeat;}
.part03 .bt b.lxwm {background: url(../images/channel_icon_07.png) no-repeat;}





.part03 .title {background: #10069F;color:#fff;line-height: 30px;padding: 0 36px;font-size:16px;}
.part03 .inner {line-height:34px;padding:10px 36px;}
.part03 .inner li i {display: inline-block; width:7px; height:7px;background: #fff;border: 1px solid #10069F; border-radius:10px; vertical-align: top; margin-top:15px;margin-right:5px;transition: all .2s}
.part03 .inner li a {display: block}
.part03 .inner li:hover i,.part03 .inner li.active i {background: #10069F}

.part04 {margin-top:2px}
.part04 .bt {padding:20px 36px;}
.part04 .bt b {background: url(../images/icon03.png) no-repeat; height:36px;display: block}
.part04 .title {background: #10069F;color:#fff;line-height: 30px;padding: 0 36px;font-size:16px;}
.part04 .inner {line-height:34px;padding:10px 36px;}

.channel .container .right .showpath { line-height:30px;}
.channel .container .right .showpath span {color:#10069F}
.imglist .item {float:left;position: relative;overflow: hidden}
.imglist .item {width: 295px; height: 278px;position: relative;overflow: hidden; margin-right:10px; margin-top:10px}
.imglist .item:nth-child(3n) {margin-right: 0}
.imglist .item .img {width: 100%; height: 100%;overflow: hidden; border-radius:5px;}
.imglist .item .name {position: absolute;left:0;bottom: 0;background: rgba(0,0,0,.7);color:#fff; width: 100%;line-height: 48px;text-align: center; border-radius:0 0 5px 5px}
.imglist .item .mask {position: absolute;width: 100%; height: 100%;top:0;left:0;background: rgba(16,6,159,.4);color:#fff;padding:60px;box-sizing: border-box; line-height:26px;visibility: hidden;opacity: 0;border-radius:5px;transition: all 0.3s;transform: scale(1.1)}
.imglist .item:hover .mask {visibility: visible;opacity: 1;transform: scale(1)}




.channel .container .right .page { text-align:right;margin:30px auto 0 auto;}
.channel .container .right .page a { height:40px; line-height:40px; border:1px solid #ccc; padding:0 20px; background:#fff; border-radius:5px; display:inline-block; margin-right:3px}

.textlist {line-height:46px; }
.textlist .item time {float: right;color:#999}
.textlist .item {border-bottom:1px dashed #ddd;}
.textlist .item .a1:before {content: "";width: 3px;height:3px;background:#10069F;display:inline-block; vertical-align:top; margin-top:23px; margin-right:5px}

.sydq {}
.sydq .banner {width: 100%;overflow: hidden}
.sydq .banner img {margin-left: -360px;}

.sydq .part02 .inner .item:nth-child(1) {width: 46%;margin-right:0.5%}
.sydq .part02 .inner .item:nth-child(2) {width:53.5%;}
.sydq .part02 .inner .item:nth-child(3) {width: 50%;margin-right:0.5%;margin-top:7px}
.sydq .part02 .inner .item:nth-child(4) {width:49.5%;margin-right:0;margin-top:7px}

.view	 {}
.view	h2 {text-align: center;line-height: 40px;padding: 20px 0}
.view	.tips {color:#999; text-align: center; border-bottom:1px solid #dcdcdc; margin-bottom: 30px;line-height: 30px;}
.view	.tips span {padding: 0 20px}
.view_con { line-height:30px;font-size:14px !important;padding:0 0 50px 0;}
.view_con img {max-width: 100%;}
.view_con .name {font-size:18px; font-weight:bolder;text-align: center;letter-spacing:2px}
.page h2 {color:#10069F}

.table {line-height: 47px; text-align: center}
.table thead {background:#10069F;color:#fff; }
.table .content {text-align: left}
.right h2 {letter-spacing: 5px}
.table {}

.canshu {display: flex;padding:30px 20px;background: #fefffc}
.canshu .l {width:428px; }
.canshu .l img{width:100%;border-radius:10px }
.canshu {border-top:1px solid #dcdcdc;}
.canshu .r {flex:1; padding-left:40px;}
.canshu .r .name {font-weight:bolder;font-size:18px;line-height: 30px;margin-bottom:30px;}
.canshu .r p {font-size:14px; line-height: 30px;}

.n_page {text-align: right;margin-top: 40px;}
.n_page a {width: 63px; height: 24px; line-height: 24px;text-align: center;display: inline-block;margin:0 10px;border:1px solid #e5e5e5 }