@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
table { border-collapse:collapse;border-spacing:0;}
/* common main */
.fl { float:left;}
.fr { float:right;}
.main {width:1080px;margin-left:auto;margin-right:auto;}
.comtab {table-layout:fixed;width:100%;border-collapse:collapse;}

/*---------清除浮动---------*/
.cf{zoom:1;}
.cf:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
/* common main END */

/* sticky footer */
html,body{height: 100%;}
.wrapper{min-height: 100%;}
.footer-box{height: 460px;}
.z-footer{margin-top: -460px;}

/* 主页样式 */
.m-header{width: 100%;height: 160px;background: #fff;}
.m-header .logo{float: left; width: 570px;height: 160px;background: url(../images/logo.png) left center no-repeat;}
.m-header .search{float: right;margin-top: 55px; }
.m-header .search .txt{display: block;float: left;padding:0 18px 0 45px; width: 190px;height: 48px;line-height: 48px;font-size: 16px;color: #666;background: url(../images/search.png) 18px center no-repeat; border:1px solid #add3f4;}
.m-header .search .submit{display: block;float: left;width: 120px;height: 50px;line-height: 50px; text-align: center;font-size: 18px; color: #fff;background: #258ced;border:none;cursor: pointer;}
.m-header .search .submit:hover{background: #2783d9;}

.m-nav{width: 100%;height: 80px;background: #258ced;}
.m-nav ul{margin:0 auto;width: 1080px;}
.m-nav ul li{float: left;}
.m-nav ul li a{display: block;margin: 20px 15px 0;width: 120px; height:40px;line-height: 40px;text-align: center; font-size: 16px;color: #fff;}
.m-nav ul li.on a,.m-nav ul li a:hover{width: 118px; height:38px; border:1px solid #fff;}
.m-nav ul li.on a{font-weight: bold;}

.m-banner{width: 100%;position: relative;height: 570px;overflow: hidden;}
.m-banner .banner01{position: absolute;left: 50%;top: 0; margin-left: -960px;}
.m-banner .banner01 .box01 li{padding-bottom: 60px;background: #258ced;}
.m-banner .banner01 .box01 li a{height: 510px;overflow: hidden;}
.m-banner .banner01 .box02{bottom: 23px;}
.m-banner .banner01 .box02 .num{background: none;}
.m-banner .banner01 .box02 .num span{margin:0 10px; width: 30px;height: 4px;background: #fff;border-radius: 0;}
.m-banner .banner01 .box02 .num span.sel{background: #144b7f;}
.m-banner .banner01 .box03{margin-left: -540px; width: 1080px;}
.m-banner .banner01 .box03 .btn01,.m-banner .banner01 .box03 .btn02{top: 230px;}

.m-title{position: relative;margin:0 auto; width: 200px;height: 70px; border:1px solid #258ced;}
.m-title h3{height: 70px;line-height: 70px;text-align: center;font-size: 30px;font-weight: bold;color: #258ced;}
.m-title p{position: absolute;bottom: -11px;left: 50%;margin-left: -50px;width: 100px;height: 20px;line-height: 20px; text-align: center; font-size: 14px;font-weight: bold;text-transform: uppercase; color: #fff;background: #258ced;}

.section{margin-top: 80px;}
.section .main{margin-top: 60px;}
.section .video{position: relative; float: left; width: 520px;height: 340px;border:10px solid #f8f8f8;}
.section .video .bg{position: absolute;left: 50%;margin-left: -281px;bottom:-45px; width: 562px;height: 70px;background: url(../images/bg01.png) center top no-repeat;z-index: -1;}
.section .txt{position: relative; float: right;margin-top: 20px; width: 500px;height: 340px;border:1px solid #dae8f4;}
.section .txt .title h4{display: block;margin:-30px auto 0; width: 160px;height: 50px;font-size: 22px;line-height: 50px;text-align: center;font-weight: bold;color: #fff; background: #258ced;}
.section .txt .title p{line-height: 44px; text-align: center;font-weight: 900;font-family: Arial;  font-size: 30px;text-transform: uppercase; color: #f2f2f2;}
.section .txt .con{margin-top: 30px;}
.section .txt .con h5{margin-bottom: 24px; text-align: center; font-size: 18px;font-weight: bold; color: #333;}
.section .txt .con p{display: -webkit-box;margin:0 auto; width: 450px;height: 150px; line-height: 30px; font-size: 18px;color: #333;text-indent: 2em;overflow: hidden;text-overflow:ellipsis; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.section .txt .con02{display: none;}
.section .txt .con02 p{height: 120px;-webkit-line-clamp: 4;}
.section .txt .con02.on{display: block;}
.section .txt a{display: block;position: absolute;bottom: -21px;left: 50%;margin-left: -60px; width: 118px;height: 40px;line-height: 40px;text-align: center;color: #258ced;background: #fff; border:1px solid #258ced;}
.section .txt a:hover{background: #258ced;color: #fff;}

.section .bannerbox{position: relative; float: left;margin-left: 40px; width: 480px;height: 420px;}
.section .bannerbox a{display: block;position: absolute;top: 0;left: 0; height: 340px;overflow: hidden;}
.section .bannerbox a img{display: block;width: 100%;}
.section .bannerbox .arrow{display: block;position: absolute;left: 50%;bottom: 0; margin-left: -180px; width: 360px;}
#bannernum{position: absolute;left: 0; bottom: 10px;width: 100%;text-align: center;}
#bannernum span{display: inline-block;margin:0 5px; width: 8px;height: 8px;font-size: 0; background: #fff;border:1px solid #258ced;cursor: pointer;z-index: 10;}
#bannernum span.numsel{background: url(../images/bg02.png) center center no-repeat;}
#adlast,#adnext{display: block; width: 38px;height: 38px;border:1px solid #258ced;cursor: pointer;}
#adlast{float: left; background: #fff url(../images/arrow01.png) center center no-repeat;}
#adnext{float: right; background: #fff url(../images/arrow01-1.png) center center no-repeat;}

.section .banner05 .box01 ul li a{display: block;width: 298px;height: 98px;border:1px solid #258ced;}
.section .banner05 .box02 p{top: 30px; width: 30px;height: 40px;}
.section .banner05 .box02 .btn01 span{background: url(../images/arrow02.png) center center no-repeat;}
.section .banner05 .box02 .btn02 span{background: url(../images/arrow02-1.png) center center no-repeat;}

.f-link{margin-top: 120px;margin-bottom: 40px;}
.f-link a{display: block;float: left;margin-left: 15px;font-size: 14px;line-height: 30px; color: #999;}
.f-link a:hover{color: #258ced;}

.m-footer{width: 100%;height: 400px;background: url(../images/bg03.png) center top no-repeat;}
.m-footer .f-nav{padding-top: 45px; width: 100%; text-align: center;}
.m-footer .f-nav a{display: inline-block;margin:0 50px; font-size: 14px;color: #fff;}
.m-footer .f-nav a:hover{text-decoration: underline;}
.m-footer .title{position: relative;margin:0 auto; width: 116px;height: 36px;border:2px solid #fff;clear: both;}
.m-footer .title h4{width: 100%; line-height: 26px; text-align: center; font-size: 14px;color: #fff;}
.m-footer .title p{position: absolute;bottom: -10px;left: 50%;margin-left: -35px; width: 70px;height: 20px;line-height: 20px;text-align: center; font-size: 8px; color: #276cad; background: #fff;}
.m-footer .title p.bgt{background:#fff url(../images/txt01.png) center center no-repeat;}
.m-footer .main{margin-top: 50px;}
.m-footer .contact{float: left; width: 300px;text-align: center;}
.m-footer .contact .p1{display: inline-block; margin-top: 95px; padding-left: 25px;background: url(../images/icon01.png) left center no-repeat;}
.m-footer .contact .p1 p{display: inline-block;margin-right: 16px;line-height: 14px; font-size: 14px; color: #fff;}
.m-footer .contact .p2{display: inline-block;margin-top: 30px; padding-left: 25px;font-size: 14px; color: #fff;background: url(../images/icon02.png) left 2px no-repeat;}
.m-footer .qr-code{float: left;margin-left: 60px; width: 280px;}
.m-footer .qr-code .code{margin-top: 30px; width: 130px;}
.m-footer .qr-code .code .photo{ width: 120px;height: 120px;background: #fff;border:5px solid #fff; overflow: hidden;}
.m-footer .qr-code .code .photo img{display: block;width: 100%;}
.m-footer .qr-code .code .txt{margin-top: 20px; width: 100%;text-align: center;}
.m-footer .qr-code .code .txt p{display: inline-block; padding-left: 30px;font-size: 14px;color: #fff;}
.m-footer .qr-code .code01{float: left;}
.m-footer .qr-code .code01 .txt p{background: url(../images/icon03.png) left center no-repeat;}
.m-footer .qr-code .code02{float: right;}
.m-footer .qr-code .code02 .txt p{background: url(../images/icon04.png) left center no-repeat;}
.m-footer .word{float: right;width: 390px;}
.m-footer .word form{margin-top: 30px;}
.m-footer .word form .txt{display: block; float: left;margin-bottom: 10px; padding:0 10px; width: 170px;height: 40px;line-height:40px; border:none;}
.m-footer .word form .txt01{margin-right: 10px;}
.m-footer .word form textarea{display: block; margin:0 0 10px; padding:10px; width: 370px;height: 80px;border:none;clear: both;}
.m-footer .word form .yzm{float: left;width: 260px;}
.m-footer .word form .yzm input{display: block; float: left;padding:0 10px; border:none;width: 120px;height: 40px;}
.m-footer .word form .yzm .code{display: block;float: left;width: 119px;height: 40px;line-height:40px;border-left: 1px solid #ccc; overflow: hidden;}
.m-footer .word form .yzm .code img{display: block;width: 100%;height: 100%;}
.m-footer .word form .submit{float: left;margin-left: 10px; width: 120px;height: 40px;line-height:40px; font-size: 14px; color: #fff; background: #1a63a8; border:none;cursor: pointer;}
.m-footer .word form .submit:hover{background: #1c6fbe;} 
.copyright{width: 100%;height: 60px;text-align: center; background: #1a63a8;overflow: hidden;}
.copyright ul{display: inline-block;}
.copyright ul li{float: left;margin-right: 20px; height: 60px;line-height: 60px;font-size: 14px; color: #fff;}
.copyright ul li a{line-height: 60px;font-size: 14px; color: #fff;}
.copyright ul li a:hover{text-decoration: underline;}

.sideBar{position: fixed;right: 20px;top:50%;width: 45px;background: #fff; border-top: 1px solid #ddd;z-index: 90;}
.sideBar a{display: block;position: relative;width: 43px;height: 43px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sideBar .a1{background: url(../images/icon05.png) center center no-repeat;}
.sideBar .a2{background: url(../images/icon06.png) center center no-repeat;}
.sideBar .a3{background: url(../images/icon07.png) center center no-repeat;}
.sideBar .a4{background: url(../images/icon08.png) center center no-repeat;}
.sideBar .a5{display: none; background:#999 url(../images/icon09.png) center center no-repeat;border-color: #999;}

.sideBar .a1:hover{background: url(../images/icon05-1.png) center center no-repeat;}
.sideBar .a2:hover{background: url(../images/icon06-1.png) center center no-repeat;}
.sideBar .a3:hover{background: url(../images/icon07-1.png) center center no-repeat;}
.sideBar .a4:hover{background: url(../images/icon08-1.png) center center no-repeat;}
.sideBar .a5:hover{background:#258ced url(../images/icon09.png) center center no-repeat;border-color: #258ced;}

.sideBar a div{visibility: hidden;position: absolute;top: 20px;right: 43px; cursor: pointer;z-index: 92; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -moz-opacity: 0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.sideBar a div span{display: block;padding: 0 15px;height: 43px;line-height: 43px;font-weight: bold;font-size: 20px;text-align: center;background: #258ced;color: #fff;white-space: nowrap;}
.sideBar a div p{display: block;padding: 5px;width: 130px;height: 130px;background: #fff;border:2px solid #258ced; overflow: hidden;}
.sideBar a div p img{display: block; width: 100%;}
.sideBar a:hover div{ visibility: visible; top: 0px; opacity:1; -webkit-opacity:1; -o-opacity:1; -moz-opacity:1; }

/* 子页样式 */
.z-banner{display: block; width: 100%;height: 140px;}

.m-404{padding-top: 400px; width: 100%;background: url(../images/m-404.png) center 90px no-repeat;}
.m-404 .btn{margin:0 auto;padding-bottom: 60px; width: 450px;}
.m-404 .btn a{display: block;width: 150px;height: 60px;line-height: 60px;font-size: 18px; text-align: center;color: #fff; background: #258ced;border-radius: 4px;}
.m-404 .btn a:hover{background: #2a81d2;}

.z-nav{padding-top: 20px;}
.z-nav p,.z-nav a,.z-nav span{display: inline-block;font-size: 14px;color: #aaa;}
.z-nav a:hover{color: #258ced; text-decoration: underline;}

.z-nav02{width: 100%;}
.z-nav02 .box{float: right;}
.z-nav02 a{display: block;float: left;margin-left: 40px;margin-top: -2px; padding: 18px 5px 0; min-width: 50px;text-align: center;font-size: 14px;color: #aaa;border-top: 2px solid #dedede;}
.z-nav02 a:hover,.z-nav02 a.on{font-weight: bold; color: #258ced;border-top: 2px solid #258ced;}

.z-title{width: 100%; border-bottom: 2px solid #dedede;}
.z-title h3{display: inline-block;margin-bottom: -2px; padding-bottom: 15px; height: 22px;line-height: 22px; font-size: 20px;font-weight: bold; color: #666;border-bottom: 4px solid #258ced;}
.z-title p{display: inline-block;margin-left: 20px;font-size: 14px;color: #666;}
.z-title p span{color: #258ced;}

.z-article{margin-top: 20px;padding-bottom: 30px;}
.z-article img{max-width: 100%;}
.z-article .con{padding: 70px 40px 100px;width: 1000px; line-height: 34px; font-size: 18px;color: #333;}
.z-article .con h4{margin-bottom: 40px; text-align: center;line-height: 26px; font-size: 24px;font-weight: bold;color: #333;}
.z-article .con02{padding: 80px 40px 40px;width: 1000px;}
.z-article .con02 h4{line-height: 32px; font-size: 18px;font-weight: bold;color: #333;}
.z-article .con02 p{margin-bottom: 30px; line-height: 32px; font-size: 18px;color: #333;}
.z-article .con .title{margin-bottom: 20px; text-align: center;}
.z-article .con .title span{margin:0 10px;font-size: 14px; color: #999;}
.z-article .con .title h4{margin-bottom: 8px;}
.z-article .con table{margin:0 auto;border-right:1px solid #000;border-bottom:1px solid #000}
.z-article .con table td{border-left:1px solid #000;border-top:1px solid #000} 

.page-turning{margin:0 auto; width: 1000px;}
.page-turning a{max-width: 450px; height: 20px;line-height: 20px;font-size: 14px;color: #999;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.page-turning .prev{float: left; padding-left: 30px;background: url(../images/arrow03.png) left center no-repeat;}
.page-turning .next{float: right; padding-right: 30px;background: url(../images/arrow04.png) right center no-repeat;}
.page-turning .prev:hover{color: #258ced; background: url(../images/arrow03-1.png) left center no-repeat;}
.page-turning .next:hover{color: #258ced; background: url(../images/arrow04-1.png) right center no-repeat;}

.page-turning02{padding: 30px 0 100px;text-align: center;}
.page-turning02 ul{display: inline-block;}
.page-turning02 ul li{float: left;}
.page-turning02 ul li a{display: block;padding: 0 10px;margin-left: 8px; height: 34px;line-height: 34px;text-align: center; font-size: 14px;color: #8a8a8a; border:1px solid #dbdbdb;}
.page-turning02 ul li a:hover,.page-turning02 ul li a.on{background: #258ced;color: #fff;border:1px solid #258ced;}
.page-turning02 ul li .a1{padding: 0 20px;color: #333;}

.z-menu{padding:30px 20px;}
.z-menu .banner05 .box01 ul li a{display: block;width: 98px;height: 38px;line-height: 38px; text-align: center;font-size: 16px;color: #aaa; border:1px solid #fff;}
.z-menu .banner05 .box01 ul li a:hover,.z-menu .banner05 .box01 ul li a.on{color: #258ced;font-weight: bold;border-color: #258ced;}
.z-menu .banner05 .box02 p{top: 0;height: 40px;}
.z-menu .banner05 .box02 span{display: none;}
.z-menu .banner05 .box02 .btn01{background: url(../images/arrow05.png) center center no-repeat;}
.z-menu .banner05 .box02 .btn02{background: url(../images/arrow05-1.png) center center no-repeat;}

.z-list{margin-top: 15px;}
.z-list .con{width: 1100px;}
.z-list .con a{display: block;float: left;margin-right: 20px;margin-bottom: 25px; width: 255px;}
.z-list .con a .photo{display: block; width: 251px;height: 166px;border:2px solid #eee; overflow: hidden;}
.z-list .con a .photo img{display: block;width: 100%;}
.z-list .con a p{display: -webkit-box;padding:0 20px; margin-top: 15px;height: 50px; text-align: center; line-height: 25px; font-size: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.z-list .con a:hover p{color: #258ced;}
.z-list .con a:hover .photo{border-color: #258ced;}

.z-list .con02{margin-top: 45px;}
.z-list .con02 a{display: block;margin-bottom: 30px; width: 100%;}
.z-list .con02 a .photo{display: block;float: left;margin-right: 30px; width: 190px;height: 135px;overflow: hidden;}
.z-list .con02 a .photo img{display: block;width: 100%;}
.z-list .con02 a h4{float: left;width: 860px; line-height: 36px; font-size: 18px;font-weight: bold;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.z-list .con02 a p{display: -webkit-box;float: left; margin:8px 0 13px;width: 860px;height: 48px; line-height: 24px; font-size: 14px;color: #999;overflow : hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.z-list .con02 a time{float: left;width: 860px; font-size: 13px;color: #999;}
.z-list .con02 a:hover{background: #eff9ff;}
.z-list .con02 a:hover h4{color: #258ced;}
.z-list .con03 a .photo{margin-right: 20px;width: 298px;height: 98px;border:1px solid #dfdfdf;}
.z-list .con03 a h4,.z-list .con03 a p,.z-list .con03 a time{width: 760px;}
.z-list .con03 a:hover .photo{border-color: #258ced;}
.z-list .con04 a{padding:10px 20px 2px;margin-bottom: 0;width: 1040px; border-bottom: 1px dashed #ccc;}
.z-list .con04 a h4,.z-list .con04 a p,.z-list .con04 a time{width: 100%;}
.z-list .con04,.z-list .con05{padding-bottom: 30px;}
.z-list .con05 a{padding: 30px 0;margin-bottom: 0; height: 90px;border-bottom: 1px dashed #ccc;}
.z-list .con05 a .date{display: block;float: left;margin-right: 15px; width: 90px;height: 90px;background: #c4e1f4;}
.z-list .con05 a .date .span01{display: block;margin-top: 10px; width: 100%;text-align: center; line-height: 32px; font-size: 32px;font-weight: bold; color: #fff;}
.z-list .con05 a .date .span02{display: block;width: 100%;text-align: center; line-height: 16px; font-size: 16px;font-weight: bold; color: #fff;}
.z-list .con05 a .date i{display: block;margin:6px auto 9px; width: 32px;height: 1px;background: #fff;}
.z-list .con05 a h4,.z-list .con05 a p{width: 975px;}
.z-list .con05 a p{margin-top: 4px;}
.z-list .con05 a:hover .date{background: #258ced;}

.z-menu02{padding: 70px 0 10px; width: 100%;text-align: center;}
.z-menu02 .box{display: inline-block;}
.z-menu02 a{display: block;float: left;margin:0 50px;  padding: 0 10px; width: 180px;height: 48px;line-height: 48px; text-align: center; font-size: 14px; color: #258ced; background: #fff;border:1px solid #258ced;overflow: hidden;white-space: nowrap;}
.z-menu02 a:hover,.z-menu02 a.on{color: #fff; background: #258ced;}

.z-null{width: 100%;height: 400px;background: url(../images/null.png) center bottom no-repeat;}

.z-contact{margin-top: 20px;padding-bottom: 60px;}
.z-contact .info{margin-top: 46px; width: 100%;}
.z-contact .info .title{position: relative; float: left;margin:0 160px 0 50px; width: 192px; height: 112px; border:4px solid #258ced;}
.z-contact .info .title .box{position: absolute;top: 16px;left: 20px; padding:8px 0 8px 60px;background: #fff url(../images/icon10.png) left center no-repeat;}
.z-contact .info .title .box h3{line-height: 28px; font-size: 28px;font-weight: bold;color: #333;}
.z-contact .info .title .box p{margin-top: 12px; line-height: 24px; font-family: Arial; font-size: 24px;font-weight: bold;color: #ccc;}
.z-contact .info .con{float: left;margin-top: 25px;}
.z-contact .info .con .icon{display: block;float: left;margin-right: 20px; width: 68px;height: 68px;background: url(../images/icon11.png) center center no-repeat; border:1px solid #258ced; border-radius: 50%;}
.z-contact .info .con .txt{float: left;margin-top: 9px;}
.z-contact .info .con p{line-height: 26px; font-size: 14px;color: #999;}
.z-contact .info .con02{margin-left: 60px;}
.z-contact .info .con02 .icon{background: url(../images/icon12.png) center center no-repeat;}
.z-contact .info .con02 .txt{width: 190px;}

.z-map{margin:40px auto 0; width: 980px;height: 440px;overflow: hidden;}

.z-index{margin:0 auto;padding: 60px 0; width: 1000px;}
.z-index h3{margin-bottom: 60px; line-height: 24px; font-size: 22px;color: #333;}
.z-index ul{margin-bottom: 30px; border-bottom: 1px dashed #dfdfdf;}
.z-index ul li a{display: inline-block; margin-right: 30px;margin-bottom: 15px; font-size: 16px;color: #aaa;}
.z-index ul li a:hover{color: #333; text-decoration: underline;}
.z-index ul li.head a{color: #258ced;}