﻿/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}}

/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:10px; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; }
.util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }
@media only screen and (max-width:760px) {
	.BdMapArea { display:none; }
}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
.wrap { width:85.7%; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;}
}
body{font-size:14px; line-height:1.15; color:#555555; background:#fff;}
a{color:inherit;}
a:hover { color:#0099d8;}
::-moz-selection {color:#fff; background:#0099d8; }
::selection {color:#fff; background:#0099d8; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
.page{position:relative;}
/* 导航 */
.header{position:fixed; left:0; top:0; height:100vh; width:280px; background:#0099d8;}

.header .h_logo{text-align:center; width:160px; margin:40px auto 30px; }
.header .h_logo .t{margin-top:10px; color:#fff; font-size:14px; text-transform:uppercase;}

.header .nav li{border-top:1px solid #c6ddfc; height:60px; line-height:60px; text-align:left; font-size:15px; white-space:nowrap; padding:0 25px; position:relative;} 
.header .nav li .t{color:#fff; text-transform:uppercase;}
.header .nav li .img{position:absolute; right:35px; top:50%; transform:translateY(-50%); line-height:normal;}
.header .nav li.li_first{background:#0a4595!important;}
.header .nav li:last-child{border-bottom:1px solid #c6ddfc;}
.header .nav li.cur,
.header .nav li:hover{background:#f67c05;}

.header .share_box{margin-top:45px; padding-left:1.2vw;}
.header .share_box a{width:34px; height:34px; border-radius:50%; background:#0667b0; display:flex; align-items:center; justify-content:space-around; float:left; margin-right:15px; padding:0; font-size:14px;}
.header .share_box a i{color:#0099d8;}
.header .share_box a:hover i{color:#fff;}

.header_bg{display:none;}

/* 手机端 */
.header .pc_box{display:block;}
.header .m_box{display:none;}


/* 底部 */
.footer{position:relative; background:#0a4595; width:100%; height:60px; line-height:60px; }
.footer .icp{text-align:right; color:#ffffff; font-size:12px; padding-right:20px;}
.footer .icp span{display:inline-block; vertical-align:middle; line-height:normal; margin-left:5px;}
.footer .icp .link{text-decoration:underline; margin-left:5px;}

/* 内容 */
.main{width:100vw; padding-left:280px; box-sizing:border-box;}
.channel_content{width:100%; min-height:calc(74vh - 60px); position:relative; overflow:hidden; padding:60px 0; box-sizing:border-box;}


/* 下层banner */
.xc_banner{height:26vh; position:relative; background:url(../img/head_bg.jpg) no-repeat left center/cover;}
.xc_banner .xc_words{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.xc_banner .xc_words .t{font-size:40px; color:#333333; font-weight:bold; line-height:1; position:relative; padding-left:30px; text-transform:uppercase;}
.xc_banner .xc_words .t::before{content:''; position:absolute; left:0; top:0; height:100%; width:6px; background:#0099d8;}


/* 首页 */
.index{height:calc(100vh - 60px); width:100%; position:relative; overflow:hidden;}
.index .img_box{position:absolute; left:50%; top:0; min-width:100%; height:100%; transform:translate(-50%,0);}
.index .img_box img{min-height:100%; max-width:none; min-width:100%;}


/* metadata */
.metadata01{margin-bottom:20px;}
.metadata01 .cont{font-size:18px; line-height:26px;}

.metadata02 .item{margin-bottom:2px;}
.metadata02 .item .top{position:relative; text-transform:uppercase; cursor:pointer; background:#0099d8; padding-left:35px; box-sizing:border-box; position:relative; line-height:56px; font-size:24px; font-weight:bold; color:#fff;}
.metadata02 .item .top::before,
.metadata02 .item .top::after{content:''; position:absolute; right:45px; top:50%; transform:translateY(-50%); background:#ffffff; transition:all .4s ease;}
.metadata02 .item .top::before{width:20px; height:2px; right:36px;}
.metadata02 .item .top::after{height:20px; width:2px;}
.metadata02 .item.cur .top::after{transform:translateY(-50%) rotate(90deg);}
.metadata02 .item .bott{background:#f7f7f7; padding:25px; font-size:18px; line-height:26px;}


/* download */


/* login */
.login01 .content .title{font-size:30px; font-weight:bold; text-align:center; text-transform:uppercase; color:#333333;}
.login01 .content .form_box{width:650px; margin:60px auto 0;}
.login01 .content .inp_box{margin-bottom:25px; position:relative;}
.login01 .content .inp_box .label_{width:105px; text-align:right; color:#555555; font-size:18px; display:inline-block; vertical-align:middle; padding-right:15px; box-sizing:border-box;}
.login01 .content .inp_box .inp{text-indent:20px; width:436px; line-height:29px; padding:10px 0; margin:0; border:0; background:#f7f7f7; outline:none;}
.login01 .content .btn_box{margin-top:45px; text-align:center; font-size:0;}
.login01 .content .btn_box .btns{width:205px; line-height:50px; text-align:center; cursor:pointer; color:#fff; font-size:18px; border-radius:0; outline:none; display:inline-block; padding:0; margin:0; border:0; background:#0099d8;}
.login01 .content .btn_box .btns01{margin-right:22px; background:#0a4595;}


/* register */
.register01 .content .title{font-size:30px; font-weight:bold; text-align:center; text-transform:uppercase; color:#333333;}
.register01 .content .title:first-child{margin-bottom:50px;}
.register01 .content .form_box{text-align:center; margin-top:40px;}
.register01 .content .inp_box,
.register01 .content .select_box{margin-bottom:25px; position:relative;}
.register01 .content .lable_{width:180px; text-align:right; color:#555555; font-size:18px; display:inline-block; vertical-align:middle; padding-right:15px; box-sizing:border-box;}
.register01 .content .inp_box .inp{text-indent:20px; width:427px; line-height:29px; padding:10px 0; margin:0; border:0; background:#f7f7f7; outline:none;}
.register01 .content .select_box select{width:427px; line-height:29px; height:49px; padding:10px; margin:0; border:0; background:#f7f7f7; outline:none;}
.register01 .content .agree_box{font-size:16px;}
.register01 .content .agree_box a{color:#0099d8; text-decoration:underline; display:inline-block;}
.register01 .content .btn_box{margin-top:30px;}
.register01 .content .btn_box .btns01{width:300px; background:#0a4595; line-height:50px; text-align:center; cursor:pointer; color:#fff; font-size:18px; border-radius:0; outline:none; display:inline-block; padding:0; margin:0; border:0; }
.register01 .content .mail_box{text-align:left; margin-top:20px;}
.register01 .content .mail_box a:first-child{text-decoration:underline;}


/* 验证码 */
.Validform_checktip{position:absolute; bottom:0; left:50%; width:625px; transform:translateY(100%) translateX(-50%);}
.login01 .content .inp_box .Validform_checktip{text-align:left; padding-left:105px; box-sizing:border-box; white-space:nowrap; box-sizing:border-box;}
.register01 .content .inp_box .Validform_checktip, .register01 .content .select_box .Validform_checktip{text-align:left; padding-left:195px; box-sizing:border-box; white-space:nowrap; box-sizing:border-box; display:inline-block;}

/* introduction */
.introduction{font-size:18px; line-height:26px;}

.header .share_box{display:none;}
.register01 .content .mail_box{display:none;}

/*忘记密码*/
.login01 .content .btn_box.btn_two{margin-top:20px;}
.login01 .content .btn_box .btns.forget{margin-right:0; width:432px;}


/*个人中心*/
.register01.admin01 .content .form_box{text-align:left; }
.register01.admin01 .content .form_box>div{display:flex; justify-content:space-between; flex-wrap:wrap;}
.register01.admin01 .content .lable_{text-align:left; padding-right:0; vertical-align:text-top;}
.register01.admin01 .content .inp_box .inp{background:#ffffff; outline:none; display:inline-block; text-indent:0; line-height:22px; vertical-align:text-top; padding:0; width:calc(100% - 190px);}
.register01.admin01 .content .inp_box{margin-bottom:20px; display:inline-block; width:48%;}
.register01.admin01 .content .btn_box{width:100%; text-align:center;;}

/* 个人中心 */
.register01.admin01 .content .top_box .left .t{color:#212529; font-size:24px; font-weight:bold; margin-left:10px;}
.register01.admin01 .content .top_box .right{cursor:pointer;}
.register01.admin01 .content .top_box .right .t{color:#212529; font-size:20px; margin-left:10px;}
.register01.admin01 .content .form_box .top_box{display:block;}
.register01.admin01 .content .top_box>div>div{display:inline-block; vertical-align:middle;}
.register01.admin01 .content .form_box02{margin-top:35px; font-size:0;}
.register01.admin01 .content .form_box02 .inp_box{margin-right:2%; margin-bottom:15px;}
.register01.admin01 .content .form_box02 .lable_{margin-bottom:0; width:200px; display:inline-block; font-size:20px; color:#666666; line-height:40px; padding-right:20px; box-sizing:border-box; vertical-align:middle;}

.register01.admin01 .content .form_box02 .inp_box .t{display:inline-block; width:calc(95% - 200px); font-size:20px; line-height:40px; color:#212529; padding:0; margin:0; border:0; background:none;}
.register01.admin01 .content .form_box02 .inp_box .inp{width:calc(95% - 200px); font-size:20px; line-height:40px; color:#212529; padding:0; margin:0; border:0; background:none; vertical-align:middle;}
.register01.admin01 .content .form_box02 .inp_box input:-moz-placeholder{font-size:20px; line-height:40px; color:#212529;}
.register01.admin01 .content .form_box02 .inp_box input::-webkit-input-placeholder{font-size:20px; line-height:40px; color:#212529;}
.register01.admin01 .content .form_box02 .inp_box input:-ms-input-placeholder{font-size:20px; line-height:40px; color:#212529;}  
.register01.admin01 .content .form_box02 select{position:relative; width:calc(95% - 200px); font-size:20px; padding:5px 0; box-sizing:border-box; line-height:30px; color:#212529; margin:0; background:none; border:0; opacity:1; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.register01.admin01 .content .form_box02 select::-ms-expand{display:none;}
.register01.admin01 .content .form_box02 .btns_area{text-align:center; margin-top:.35rem; display:none;}
.register01.admin01 .content .form_box02 .btns{display:inline-block; line-height:50px; text-align:center; width:140px; color:#fff; font-size:18px; background:#0a4595; padding:0; margin:0; outline:none; border:0; margin-right:10px;}

.register01 .content .btn_box .btns01{width:160px;}


.register01.admin01 .content .form_box02.cur select{border:1px solid #bcbbbb; text-indent:10px; padding-right:20px; background:url(../img/admin01_jt.png) no-repeat right; background-position:90% 50%;}
.register01.admin01 .content .form_box02.cur .inp_box .inp.change_inp{border:1px solid #bcbbbb; text-indent:20px; padding-right:20px; box-sizing:border-box;}

.register01.admin01 .content .form_box02 .btns{display:none;}
