@charset "utf-8";
body,ul,li,h1,h2,h3,h4,h5,h6,form,dl,dd{margin:0;padding:0;list-style:none;position:relative;}
body{background:#fff;font:14px/24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial,sans-serif;color:#333;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#ff9d12;}
article,section,header,footer,aside,nav,img,iframe{display:block;}
input::focus-inner{padding:0;border:0;}
input{outline:0;}
.lead{position:relative;width:500px;text-align:center;color:#fff;}
.lead p{margin:10px 0 0;padding:6px 0 30px;border:1px solid #fff;font-size:16px;line-height:24px;}
.lead p span{color:#ffd307;}
.btnJoin{position:absolute;left:102px;top:76px;display:inline-block;width:300px;height:48px;border-radius:5px;background:#ff9d12;font-size:26px;line-height:46px;color:#fff;}
.btnJoin:hover{background:#f60;text-decoration:none;color:#ffc;}
.warter{position:absolute;left:50%;bottom:0;margin-left:180px;}
.section2{background:#ececec;}
.section3{background:#003e6d;}
.section4{background:#ececec;}
.section5{background:#003e6d;}
.section h3 span{position:relative;top:-4px;left:15px;display:inline-block;vertical-align:middle;text-align:left;font-size:22px;line-height:26px;color:#ff8c1c;}
.section2 h3,.section4 h3{background:url(repeatbg01.gif) repeat-x left bottom;color:#0080bc;}
.section3 h3,.section5 h3{background:url(repeatbg02.gif) repeat-x left bottom;color:#fff;}
.section3 h3 span,.section5 h3 span{color:#fff555;}
.mainBox{width:1000px;margin:0 auto;}
.siteBar{position:relative;width:100%;height:60px;background:#fff;z-index:9;}
.siteBar .logo{float:left;width:235px;height:60px;overflow:hidden;background:url(zc_logo.png) no-repeat left center;text-indent:-40em;}
.siteBar .logo:hover{text-decoration:none;color:#b10012;}
.siteBar nav{float:right;}
.siteBar nav a{display:inline-block;height:60px;padding:0 5px;font-size:16px;line-height:60px;color:#555;}
.siteBar nav a:hover{text-decoration:none;color:#1b613a;}
.stepList{position:relative;height:502px;background:url(stepbg.gif) no-repeat center top;color:#fff;}
.stepList li{position:absolute;padding:10px 0;text-align:center;border-radius:6px;}
.stepList strong{font-size:24px;color:#fffl}
.stepList .list01{width:210px;left:252px;top:21px;background:#58b3b8;}
.stepList .list02{width:345px;left:629px;top:90px;background:#ca8a42;}
.stepList .list03{width:345px;left:26px;top:159px;background:#437ea8;}
.stepList .list04{width:345px;left:539px;top:225px;background:#56aa76;}
.stepList .list05{width:282px;left:181px;top:323px;background:#cf4140;}
.tags,.tags02,.tags03{padding:5px 0;}
.tags span,.tags a{display:inline-block;height:26px;padding:0 8px;margin:0 4px;background:#ea9b41;color:#fff;}
.tags02 span,.tags02 a{display:inline-block;height:26px;padding:0 8px;margin:0 4px;background:#54a4dd;color:#fff;}
.tags03 span,.tags03 a{display:inline-block;height:26px;padding:0 8px;margin:0 4px;background:#5ddd8e;color:#fff;}
.c01{color:#a8faff;}
.c02{color:#fff8d2;}
.c03{color:#bae2ff;}
.c04{color:#dbffe9;}
.c05{color:#ffe9e9;}
.skbb h6{padding-bottom:20px;font-weight:normal;font-size:20px;}
.news{width:460px;}
.newsList li{font-size:14px;line-height:30px;}
.newsList .time{float:right;color:#666;}
.huigu{width:491px;}
.huigu img{display:inline-block;}
.huigu .mt{margin-top:6px;}
.videoBox{float:left;}
.gongbu{margin-top:30px;}
.btnBox{padding-bottom:10px;}
.btnBox a{display:inline-block;width:198px;height:58px;margin-left:62px;border-radius:7px 9px 9px 7px;border-right:4px solid #8f8f8f;border-bottom:4px solid #8f8f8f;background:#b8b8b8;text-align:center;font-size:20px;line-height:56px;color:#fff;}
.btnBox .btn01{margin:0;}
.btnBox .btn02{border-color:#8f8f8f;background:#b8b8b8;}
.btnBox .btn03{border-color:#8f8f8f;background:#b8b8b8;}
.btnBox .btn04{border-color:#8f8f8f;background:#b8b8b8;}
/*.btnBox .btn01:hover{background:#87b529;text-decoration:none;color:#ffc;}
.btnBox .btn02:hover{background:#068fcf;text-decoration:none;color:#ffc;}
.btnBox .btn03:hover{background:#06b3b9;text-decoration:none;color:#ffc;}
.btnBox .btn04:hover{background:#e58804;text-decoration:none;color:#ffc;}*/
.codeList li{float:left;width:165px;margin-right:-1px;padding:14px 0;border:1px solid #5981a0;border-bottom:none;background:#003e6d;text-align:center;color:#fff;}
.codeList img{margin:0 auto 8px;}
.codeList .list02,.codeList .list04,.codeList .list06{position:relative;margin-top:71px;border-left-color:#003e6d;border-right-color:#003e6d;z-index:1;}
.codeList .list01{border-left:none;}
.footer{position:absolute;left:0;bottom:0;width:100%;padding:30px 0;background:#023459;text-align:center;font-size:14px;color:#fff;}
.footer a{color:#fff;}
.footer a:hover{color:#ff9d12;}
.fixLogin{position:fixed;left:50%;top:50%;width:60px;margin:-60px 0 0 -570px;text-align:center;font-size:18px;}
.btnSty01{display:block;width:60px;height:60px;margin-bottom:10px;border-radius:8px;background:#f78000;line-height:60px;color:#fff;}
.btnSty01:hover{background:#f60;text-decoration:none;color:#ffc;}
.btnSty02{display:block;width:60px;height:60px;margin-bottom:10px;border-radius:8px;background:#8dc41f;line-height:60px;color:#fff;}
.btnSty02:hover{background:#56aa76;text-decoration:none;color:#ffc;}
.btnSty03{display:block;width:60px;height:50px;padding-top:10px;margin-bottom:10px;border-radius:8px;background:#ff9d12;line-height:20px;color:#fff;}
.btnSty03:hover{background:#f60;text-decoration:none;color:#ffc;}


/*all*/
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"\20";line-height:0;}
.clearfix{*zoom:1;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.c666{color:#666;}

/*头部右边*/
.nav a{position:relative;}
.selectBox{position:absolute;width:178px;height:56px;border:1px solid #EEEEEE;top:46px;right:0;padding:4px;z-index:6000;
	   background-color:#fff;display:none;}
.selectBox .left{width:58px;float:left;}
.selectBox .right p{margin:0;padding:0;}
.selectBox .right{float:left;margin-left:4px;width:100px;padding-top:2px;font-size:14px;padding-left:10px;line-height:25px;}

/*视频样式*/

.videoBox .buttonBox{width:80px;background-color:black;height:56px;
	       position:absolute;
           opacity: 0.4;
	       top:70px;left:118px; z-index:6000px;text-align:center;}
.videoBox .buttonBox:hover{opacity: 0.8}

.videoBox .playButton{
    position: absolute;left:138px;top:78px;
    border-top: 20px solid transparent;
    border-left: 40px solid #fff;
    border-bottom: 20px solid transparent;
    z-index:6500px;
    cursor:pointer;
    opacity:1.0;
   
}