﻿body{font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;font-size:medium;line-height:1.5em;color:#333;}
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-size:medium;}
ol,ul {list-style:none;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
img{border:0;vertical-align:top;max-width:100% !important;height:auto;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
td{border:1px solid #ccc;}
ul:after,li:after,div:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"";}
blockquote{margin-left:0 !important;}
.font-songti{font-family:"\5B8B\4F53";}
.clear{clear:both}
.clear0{clear:both;height:0;overflow:hidden;}
.clear1{clear:both;height:1em;overflow:hidden;}
.clear5{clear:both;height:5em;overflow:hidden;}
.hide{display:none !important;}
.hidden{overflow:hidden;}
.c{text-align:center}
.b{font-weight:bold}
.red{color:#f00;}
.black{color:#000;}
.fl{float:left}
.fr{float:right}
.ellipsis a, .self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
@media(min-width:641px){
	#wrapper{width:640px;left:50%;margin-left:-320px;}
}
#wrapper.on{-webkit-transform:translateX(60%);-moz-transform:translateX(60%);transform:translateX(60%);}
.wrap{position:absolute;top:44px;right:0;bottom:0/*3.5em*/;left:0;overflow-x:hidden;overflow-y:auto;}
.wrapmask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:99999;}

.wrap>.content{margin:1em .75em;line-height:1.6em;min-height:10em;}
.wrap>.content p{margin:0 0 1em;}

#nav{position:fixed;top:0;bottom:0;left:0;width:60%;max-width:324px;background-color:#333;overflow:auto; transform:translateX(-100%);transition:transform ease 0.3s;}
#nav.on{transform:translateX(0);}
#nav a{position:relative;width:100%;border-top:1px solid #414141;border-bottom:1px solid #181818;line-height:3em;color:#fff;}
#nav a.on{color:#e00;}
#nav a:after{display:block;position:absolute;
    top:50%;right:25px;speak:none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: ">";
	font-family:"\5B8B\4F53";
    margin-top:-0.5em;}
#nav a i{width:40px;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}


.form .tip{padding:1em 4%;color:#666;}
.form input[type="text"], a.btnsubmit, .form textarea{display:block;margin:0 auto 0.5em;padding:0 0.5em;width:90%;height:36px;line-height:36px;border:1px solid #666;border-radius:5px;background:none;}
.form textarea{height:72px;line-height:24px;}
.form input:focus, .form textarea:focus{box-shadow:0 0 10px #00a0e9;}
a.btnsubmit{border-color:#00a0e9;background:#00a0e9;color:#fff;}
.form div.label{padding:0 4% 0.5em;}


/*图片列表3:2*/
.default-imagelist{margin:3px 1%;}
.default-imagelist li{float:left;margin:3px 1%;border:1px solid #ddd;width:48%;font-size:small;background:#f3f3f3;}
.default-imagelist em{display:block;width:100%;height:120px;overflow:hidden;}
.default-imagelist img{width:100%;min-height:100%;}
.default-imagelist span{padding:2px .5em 0;line-height:1.8;}
/*图片列表2:3*/
.default-imagelist.image23 em{height:260px;}
/*图片列表1:1*/
.default-imagelist.image11 em{height:180px;}
/*图片列表4:3*/
.default-imagelist.image43 em{height:135px;}
/*图片列表3:4*/
.default-imagelist.image34 em{height:240px;}

/*视频列表-基于图片列表*/
.default-videolist li{position:relative;}
.default-videolist i{display:block;position:absolute;top:0;right:0;bottom:2em;left:0;background:url(../images/video_play.png) center center no-repeat;opacity:.8;}

/*新闻列表*/
.default-newslist li{float:left;border-top:1px dashed #ddd;width:100%;}
.default-newslist li:first-child{border-top:0;}
.default-newslist a{display:block;position:relative;padding:8px 0;}
.default-newslist img, .default-newslist div, .default-newslist span{display:block;position:absolute;}
.default-newslist .text{height:46px;line-height:30px;}
.default-newslist .text div{left:10px;right:3.5em;}
.default-newslist .text span{right:10px;font-size:small;color:#888;}
.default-newslist .img{height:76px;}
.default-newslist .img img{left:10px;width:90px;height:60px;}
.default-newslist .img div{left:110px;right:10px;height:40px;line-height:20px;overflow:hidden;}
.default-newslist .img span{left:110px;bottom:10px;font-size:small;line-height:1;color:#888;}

.pagebar{padding:2em 0;text-align:center;}
.pagebar a{display:inline-block;margin:0 3px;border:1px solid #ccc;padding:0 1em;height:2em;line-height:2em;font-weight:bold;background:#fff;}
.pagebar .on, .pagebar a:hover{background-color:#f00;border-color:#c00;color:#fff}

.titlecontainer{margin-bottom:1em;border-bottom:1px solid #fff;}
.titlecontainer div{border-bottom:1px solid #ccc;line-height:1.4;}
.titlecontainer h1{padding:0.6em 2%;font-size:large;}
.titlecontainer h2{padding:0 2% .6em;font-weight:normal;color:#666;}
.titlecontainer span{display:block;margin:0 2%;padding-bottom:.6em;font-size:small;color:#999;}

/*下载详情页*/
.download-view{margin-top:2em;border:1px solid #999;}
.download-view dt, .download-view dd{padding:10px 12px;border-top:1px solid #999;line-height:1.2;}
.download-view dt{border:1px solid #fff;background-color:#eee;font-weight:bold;}
.download-view a{color:#0058b0;}
.download-view a:hover{color:#e00;}

/*上一条下一条*/
.prevnext{margin-top:1em;background:#eee;}
.prevnext a{padding:0 .5em;line-height:3em;color:#225892;}
.prevnext a:nth-child(2n){border-top:1px solid #ddd;}
.prevnext span{color:#333;}

/*内页默认式样*/
.topbar{position:absolute;z-index:999;top:0;left:0;width:100%;height:44px;background-color:#2e649f;}
.topbar-btn{position:absolute;display:block;top:0.3em;bottom:0.3em;width:36px;border:1px solid #1c5089;border-radius:0.3em;line-height:32px;color:#fff;background-color:#225892;}
.topbar .return{left:0.4em;}
.topbar .home{right:0.4em;}
.topbar .t{display:inline-block;max-width:65%;height:44px;line-height:44px;font-size:large;color:#fff;}
#subnav{position:absolute;display:none;top:44px;padding-bottom:44px;max-height:100%;overflow:auto;width:100%;}
#subnav>ul{background-color:#333;}
#subnav li{float:left;padding:0 2em;border-bottom:1px solid #555;width:100%;}
#subnav li ul{margin-bottom:1em;background-color:#444;}
#subnav li li ul{background-color:#555;}
#subnav a{width:100%;height:3em;color:#fff;line-height:3em;}
#subnav a.on{color:#e00;}

/*index*/
.index{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/indexbg.jpg) top center no-repeat;background-size:100% 100%;}
.indexlogo{padding-top:5em;}
.indexlogo img{max-width:80%;}
.indexmain{position:absolute;right:0;bottom:0;left:0;}
.index01{position:relative;margin:0 auto;width:320px;height:320px;}
.index01 .clickme{position:absolute;z-index:1;top:50%;left:50%;margin:-54px 0 0 -54px;width:110px;height:110px;line-height:104px;color:#fff;font-size:x-large;border-radius:50%;border:3px solid #fff;background-color:#027bb2;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.index01 .clickme1{background-color:#7ed3f9;}
.index01 .hand{position:absolute;z-index:2;top:178px;left:50%;margin-left:-18px;width:36px;height:36px;background:url(../images/hand.png) center no-repeat;background-size:100% auto;}
.index-footer{padding:1.5em 1em 2.5em;}

.indexnav{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url(../images/navbg.png) center center no-repeat;background-size:100%;background-color:rgba(0,0,0,.7);
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.1) rotate(-270deg);
	-moz-transform: scale(0.1) rotate(-270deg);
	-transform: scale(0.1) rotate(-270deg);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.indexnav.on{
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-transform: scale(1) rotate(0);}

.indexnav a{position:absolute;display:block;padding-top:31px;width:100px;height:86px;background-repeat:no-repeat;background-position:center 10px;background-size:2.5em auto;color:#fff;}
.indexnav a:nth-child(1){top:25px;left:58px;}
.indexnav a:nth-child(2){top:25px;left:160px;}
.indexnav a:nth-child(3){top:115px;left:3px;}
.indexnav a:nth-child(4){top:115px;right:8px;}
.indexnav a:nth-child(5){bottom:25px;left:56px;}
.indexnav a:nth-child(6){bottom:25px;left:165px;}
.indexnav em{display:block;height:50px;line-height:50px;font-size:28px; background-repeat:no-repeat;background-position:center center;background-size:60% 60%;}


/*swipe插件*/
.swipe{position:relative;overflow:hidden;visibility:hidden;}
.swipe ul{position:relative;overflow:hidden;}
.swipe ul li{float:left;position:relative;width:100%;}
.swipe ul div{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.5);}
.swipe ul p{padding:0 .5em;font-size:14px;line-height:2em;color:#fff;}
.swipe ol{position:absolute;right:0;bottom:10px;}
.swipe ol li{float:left;margin-right:5px;width:8px;height:8px;background:#000;border-radius:50%;}
.swipe ol li.on{background:#fff;}

