@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 15px;
	font-family:"Arial, Helvetica, sans-serif";
}
.top{
	width: 100%;
	background: #245aac;
	height: 98px;
	z-index:999;
}
.fixed{
	position: fixed;
	top: 0;
}

.main{
	width: 1210px;
	margin: 0 auto;
}
.logo{
	width: 75px;
	height: 89px;
	margin-top:0px;
	float: left;
}
.nav_bar{
	width: 830px;
	float: left;
	height: 96px;
	margin-left: 0px;
	font-weight: 700;
	
}
.nav_bar ul li{
	list-style-type: none;
	float: left;
	line-height: 96px;
	text-align: center;
	width:135px;
}
.nav_bar ul li.l2{
	list-style-type: none;
	float: left;
	line-height: 96px;
	text-align: center;
	width:5px;
	color: #ffffff;
}
.nav_bar ul li a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}
.nav_bar>ul>li:hover a{
	color: #ffd401;
	border-bottom:#FFF 2px solid;
}
.nav_bar ul li.l1:hover .hid{
	display: block;
}
.nav_bar ul li.l1:hover .hid a{
	border-bottom:#245aac 0px solid;
}
.hid{
	width: 280px;
	background: #245aac;
	position: absolute;
	display: none;
}
.hid ul{
	width: 280px;
	margin: 0 auto;
}
.hid ul li{
	width: 280px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.hid ul li:hover a{
	color:#fff;
}
.hid ul li:hover .hid1{
	display: block;
}
.hid ul li:hover .hid1 a{
	color:#ffd401;
}
.hid ul li:hover .hid1 ul li .hid1  /*--当鼠标聚焦到一级菜单下的li的时候，隐藏三级菜单--*/
{
	display:none;
}
.hid ul li .hid1 ul li:hover a
{
	color:#fff;
}
.hid ul li .hid1 ul li:hover .hid1  /*--当鼠标聚焦到二级菜单下的li的时候，显示三级菜单,并设置菜单显示为block样式--*/
{
	display:block;
}
.hid ul li .hid1 ul li:hover .hid1 a /*--当鼠标聚焦到二级菜单下的li的时候，显示三级菜单,并设置菜单显示为block样式--*/
{
	color:#ffd401;
}
.hid ul li .hid1 ul li:hover .hid1 ul li .hid1 /*--当鼠标聚焦到一级菜单下的li的时候，隐藏三级菜单--*/
{
	display:none;
}
.hid ul li .hid1 ul li .hid1 ul li:hover a
{
	color:#fff;
}
.hid ul li .hid1 ul li .hid1 ul li:hover .hid1
{
	display:block;
}
.hid ul li .hid1 ul li .hid1 ul li:hover .hid1 a
{
	color:#ffd401;
}

.hid ul li .hid1 ul li .hid1 ul li .hid1 ul li:hover a
{
	color:#fff;
}

.hid1{
	width: 280px;
	background: #245aac;
	position:relative;
	left:280px;
    top:-50px;
	display: none;
}
.hid1 ul{
	width: 280px;
	margin: 0 auto;
}
.hid1 ul li{
	width: 280px;
	height:50px;
	line-height:50px;
	text-align:center;
	background: #245aac;
}
.index_0{
	background-image:url(../images/index_0.png); background-repeat:repeat-y; width:1400px; margin:60px auto 0px auto; height:37px;
}
.index_1{
	height:50px; width:1245px; background-color:#f1f1ed; margin:0px auto;
}
.index_1 .span1 {padding:0px; padding-left:30px; margin:0px; height:48px; float:left;}
.index_1 .span2 {padding:0px; margin:0px; height:48px; float:right; padding-right:30px;}
.index_1 img {padding:0px; margin:0px; border:0px;}
.index_2{
	width:100%; margin:0px auto; background-color:#f2f3f4;
}
.index_2 .index_2_1{
	margin:0px auto; width:100%; padding-top:134px; height:750px; background-color:#FFF;
}
.index_2 .index_2_1_1{
	margin:0px auto; width:1245px;
}
.index_2 .index_2_2{
	margin:0px auto; width:1245px; background-color:#FFF;
}
.index_2 .index_2_3{
	margin:0px auto; width:1245px; background-color:#f2f3f4;
}
.index_2 .index_2_3 .index_2_3_1{
	width:100%;
	height:270px;
}

.index_2 .index_2_3 .index_2_3_2{
	padding-top:50px;
	width:100%;
	height:370px;
}

.index_2 .index_2_4
{
	width:1245px;
	height:480px;
	margin:0px auto;
}

.index_2 .index_2_4 ul{
	list-style:none;
}
.index_2 .index_2_4 ul li { width:300px; float:left; margin-left:10px;}
.index_2 .index_2_4 ul li .p1 { font-weight:bold; font-size:18px;  color:#000;}
.index_2 .index_2_4 ul li .p2 { font-size:12px; padding:20px; color:#000;}

/* image-slider */
.image-slider{width:100%;height:250px;margin:0 auto;padding:14px 60px 0px 60px;position:relative;}
.image-slider-back, .image-slider-forward{float:left;width:23px;height:98px;color:White;position:relative;top:62px;cursor:pointer;}
.image-slider-back{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.image-slider-forward{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right;}
.image-slider-contents{width:1155px;height:250px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{background-color:#eee;float:left;width:260px;height:220px;margin:0px 18px;cursor:pointer; position:relative;}
.spic{width:220px;height:220px; text-align:center; color:#333; float:left;}
.image-slider-contents img{width:220px;height:170px; margin:0 auto;}
.spic a{ text-decoration:none; display:block; text-align:center; color:#000; font-weight:bold; font-size:18px;}
.spic a b { font-size:12px;}

.myz_0{
	background-image:url(../images/index_0.png); background-repeat:repeat-y; width:1400px; margin:60px auto 0px auto; height:37px;
}
.myz_1{
	background-image:url(../images/index_4.png); background-repeat:repeat-y; width:1400px; margin:0px auto 0px auto;
}
.myz_1 .myz_1_1{
	margin:0px auto; padding-top:80px; width:1245px; padding-bottom:50px;
}
.myz_1 .myz_1_1 a { color:#000; text-decoration:none;}
.myz_1 .myz_1_1 h1{ text-align:center; height:50px; line-height:50px;}
.myz_1 .myz_1_1 h2{ text-align:center; height:50px; line-height:50px;}
.myz_1 .myz_1_1 h2 font { color:#ffb401;}
.myz_1 .myz_1_1 h3{ text-align:center; height:50px; line-height:50px; padding-top:10px; cursor:pointer;}
.myz_1 .myz_1_1 h3 a { color:#000; text-decoration:none;}
.myz_1 .myz_more {text-align:center; }
.myz_1 .myz_more img {border:0px; cursor:pointer;}
.myz_1 .myz_img {text-align:center; padding-top:30px;}
.myz_1 .myz_img img {border:0px; cursor:pointer;}

.mlzx_0{
	background-image:url(../images/index_0.png); background-repeat:repeat-y; width:1400px; margin:60px auto 0px auto; height:37px;
}
.mlzx_1{
	background-image:url(../images/index_4.png); background-repeat:repeat-y; width:1400px; margin:0px auto 0px auto;
}
.mlzx_1 .mlzx_1_1{
	margin:0px auto;  width:1245px;  padding:0;text-align:center;
}
.mlzx_1 .mlzx_1_1  h1{ text-align:center; height:50px; line-height:50px; margin-top:50px;}
.mlzx_1 .mlzx_1_1 h2{ text-align:center; height:50px; line-height:50px; margin-bottom:40px;}
.mlzx_1 .mlzx_1_1 h2 font { color:#ffb401;}

.mlzx_1 .mlzx_1_1 ul{
	list-style:none; height:710px; width:100%;
}
.mlzx_1 .mlzx_1_1 ul li { width:400px; float:left; margin-left:24px; margin-right:23px; margin-bottom:50px;}
.mlzx_1 .mlzx_1_1 ul li .p1 { font-weight:bold; font-size:18px;}
.mlzx_1 .mlzx_1_1 ul li a { text-decoration:none; color:#000;}
.mlzx_1 .mlzx_1_1 ul li img { width:400px; height:280px;}


.page>ul>li{
    text-align: center;
    float: left;
    width:40px;
    height:40px;
    line-height: 2.3;
}
.page>ul>li.active{
    border-color: #7bbeee;
    color: #7bbeee;
}
.page>ul>li:hover{
    cursor: pointer;
    border-color: #7bbeee;
    color: #7bbeee;
}
.num-page{
    border:2px solid #c9c9d6;
    margin-left:10px;
}

.page{
    text-align: center;
}

.page>ul{
    overflow: hidden;
    display:inline-block;
}

.left-page,.right-page{
    background:#c9c9d6;
}
.right-page{
    margin-left:10px;
}

.download-img{
    text-align: center;

}
.download-img img{
    width:50%;
    max-width: 100%;
}

.downlink{
    overflow: hidden;
}
.downlink>div{
    width:40%;
}
.downlink-ios{
    float:left;
}
.downlink-ios span,.downlink-and span{
    display:block;
    text-align: center;
}
.downlink-ios span img,.downlink-and span img{
    width:60%;
}
.downlink-and{
    float:right;
}
.downlink>div p{
    text-align: center;
    border:2px solid #37bcff;
    border-radius: 5px;
    margin-top:30px;
    padding:10px;
}
.downlink>div p img{
    width:50px;
    margin-right:25px;
}
.downlink>div p i{
    font-size: 36px;
    color:#37bcff;
    display:inline-block;
    vertical-align: middle;
}

.downlink{
    margin-top:80px;
}

.prev,.next {
    text-align: center;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 2.3;
    background: #c9c9d6;
    color: #fff;
}

.next {
    float: right;
    margin-left:10px;
}

.num,.page div>span{
    border: 2px solid #c9c9d6;
    margin-left: 10px;
}
.page div>a,.page div>span{
    text-align: center;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 2.3;
}
.page div{
    overflow: hidden;
   display:inline-block;
}



.page div>span.current{
    border-color: #7bbeee;
    color: #7bbeee;
}