﻿/*样式重置*/ 
*{ margin:0; padding:0;}
body{ font-size:12px;font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif;color: #666;min-width: 984px;}
a{color: #666}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color: inherit}
em, i{font-style: normal;}
ul, ol, li{list-style: none;}
img{ border:none;vertical-align:middle;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
/*公共样式*/
.fl{float: left;}
.fr{float: right;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.none{display: none}
.t-center{text-align: center}
.w-984{ width:984px; margin:0 auto;background-color: #fff;}
.plr-10{padding: 0 10px}
.ml-12{margin-left: 12px !important;}
.ml-28{margin-left: 28px;}
.ml-54{margin-left: 54px}
.ml-84{margin-left: 84px}
.mt-20{margin-top: 20px;}
.ml-0{margin-left: 0 !important;}

/*顶部*/
.c-page-bg{background: url("../img/common/body_bg.png") repeat 0 0;background-color:#fbfbfb;background-size: 100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;}
.c-top .w-984{background: url("../img/common/top_bg.png") no-repeat center top}
.c-top{height:26px;line-height:26px;border-bottom:2px solid #e6e6e6;color: #808080}
.c-top .welcome-text{margin-left: 15px;}
.c-top .latest-weather{margin-right: 15px;}
.c-top .latest-weather .title{color: #2099ce;margin: 0 14px 0 8px}
.c-top .latest-weather #imgUrlId{position: relative;top:-2px;}

/*头部*/
.c-header{height:74px;padding-top:40px;background: url("../img/common/top_bg.png") no-repeat center top}
.c-header .logo{display: inline-block !important;*display:inline;zoom:1;margin-left:10px;width: 565px;height: 62px;}
.c-header .right-function{margin:20px 14px 0 0;text-align: right}
.c-header .log-reg{margin-bottom: 10px}
.c-header .log-reg a{display: inline-block !important;*display:inline;zoom:1;width: 45px;height: 19px;line-height: 19px;margin-left:6px;text-align: center;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.c-header .log-reg .log-btn,.c-header .log-reg .reg-btn:hover{border: 1px solid #2c4bff;background-color: #2c4bff;color: #fff}
.c-header .log-reg .reg-btn{border: 1px solid #b0b0b0;background-color: transparent;color: #b0b0b0}

/*中间*/
.c-main-container{width:984px;margin:0 auto;min-height:920px;min-height: -moz-calc(100vh - (28px + 142px));min-height: -webkit-calc(100vh - (28px + 142px));min-height: calc(100vh - (28px + 142px));background:#fff}

/*导航*/
.c-nav{padding: 5px 0 6px 0;background-color: #0071bc;}
.c-nav li{float: left;margin: 0 0 0 22px}
.c-nav li a{display: block;position: relative;height:28px;line-height:28px;padding:0 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #fff;font-size: 16px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.c-nav li.active a,.c-nav li:hover a{background-color:#4dd1ff}
.c-nav li.active a:before,.c-nav li:hover a:before{content: '';position: absolute;bottom:-8px;left:50%;margin-left:-4px;width:0;height:0;border:4px solid transparent;border-top: 4px solid #4DD1FF;}

/*底部*/
.c-footer{background:url("../img/common/footer_bg.png") repeat center center #ececec;background-color:#0071bc;height: 142px;line-height: 142px;color: #fff;text-align: center;overflow: hidden}
.c-footer .space{margin: 0 54px 0 44px }


/*返回顶部按钮*/
.c-return-top{position: fixed;right:8px;bottom: 174px;width: 65px;height: 65px;background-position: -62px -187px !important; cursor: pointer}
.c-return-top.hide{filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.c-return-top:hover{background-position-x:-166px !important;}


/*tab*/
.c-tab-wrapper .tab-trigger-wrapper{border-bottom:2px solid #b5d0ff;height:32px;line-height: 32px;}
.c-tab-wrapper .tab-trigger-wrapper li{position:relative;float:left;font-size: 16px;width:90px;text-align:center;}
.c-tab-wrapper .tab-trigger-wrapper .line{width:auto;margin: 0 6px;}
.c-tab-wrapper .tab-trigger-wrapper li a{position:relative;display:block;width:100%;height:30px;line-height:30px;}
.c-tab-wrapper .tab-content-wrapper{width: 100%;height: auto;}
.c-tab-wrapper .tab-content-wrapper .tab-content{width: 100%;height: 100%;display: none}
.c-tab-wrapper .tab-trigger-wrapper li.active a{color:#2e3192;border-bottom:4px solid #0071bc !important; }
.c-tab-wrapper .tab-trigger-wrapper li.active a:before{content: "";position: absolute;left:50%;margin-left:-4px;bottom:0;border: 4px solid #fff;border-bottom: 4px solid #0071bc }
.c-tab-wrapper .tab-content-wrapper .tab-content.active{display: block;}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li:first-child{margin-left: 46px}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li.line{line-height: 18px}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li a{font-size: 16px;line-height: 16px;}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li.active a{color: #ef5a24;}
.c-tab-wrapper.orange-style .tab-trigger-wrapper{height:34px;line-height:34px;border-bottom: 1px solid #9da9d4;padding-top: 22px;}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li.has-icon a{width: 124px}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li.has-icon .trigger-icon{display: inline-block !important;*display:inline;zoom:1;width: 24px;height: 22px;background: url("../img/communication/communication_trigger_icon.png") no-repeat;vertical-align: middle;margin-right: 6px}
.c-tab-wrapper.orange-style .tab-trigger-wrapper li.has-icon span{vertical-align: middle}

/*左右布局---公共*/
.c-center-container{min-height: 560px;padding-bottom: 80px;}
.c-left-menu-wrapper{width: 200px;background-color: #fcfcfc}
.c-left-menu-wrapper .menu-title{line-height:58px;font-size: 23px;font-weight:bold;color:#1b68b3;text-align:center;}
.c-left-menu-wrapper .left-menu{font-size: 18px;color: #fff;background-color: #1b68b3}
.c-left-menu-wrapper .left-menu li{line-height: 46px;height: 46px;overflow: hidden}
.c-left-menu-wrapper .left-menu li a{color: #333}
.c-left-menu-wrapper .left-menu li:first-child{border-top: 0}
.c-left-menu-wrapper .left-menu>li{position:relative;border-top:1px solid #2971b9;cursor: pointer;}
.c-left-menu-wrapper .left-menu>li>a{position:relative;display: block;padding-left:60px;overflow: hidden;color: #fff;}
.c-left-menu-wrapper .son-wrapper{background-color: #fbfbfb;max-height:0;}
.c-left-menu-wrapper p.son-wrapper{font-size: 12px;padding: 0 20px;line-height: 34px;color: #333}
.c-left-menu-wrapper .son-wrapper>li{border-top: 1px dashed #dcddde;font-size: 16px;}
.c-left-menu-wrapper .son-wrapper>li>a{display: block;padding-left: 62px;border-right: 6px solid transparent;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear}
.c-left-menu-wrapper .left-menu>li.active{height: auto}
.c-left-menu-wrapper .left-menu>li.active .son-wrapper{max-height:830px;-webkit-transition: max-height .8s linear;-moz-transition: max-height .8s linear;transition: max-height .8s linear}
.c-left-menu-wrapper .left-menu>li.active p.son-wrapper{padding-top: 10px;padding-bottom: 10px;}
.c-left-menu-wrapper .left-menu>li.active .son-wrapper a:hover,.c-left-menu-wrapper .left-menu>li.active .son-wrapper a.active{border-color: #fccd06;color: #1b68b5}
.c-right-wrapper{width: 784px;}
/*当前位置*/
.small-title{padding: 30px 20px 9px 8px;color: #8f8f8f;border-bottom: 1px solid #cacaca;font-size: 14px;}

/*基础表格*/
.c-table{width:100%;border-collapse:collapse;border-spacing:0;border-left: 1px solid #ececec;border-bottom:1px solid #ececec;color: #333;}
.c-table tr td{padding:8px 0;border-right: 1px solid #ececec;border-top: 1px solid #ececec;font-size: 14px;text-align: center;word-break: break-all}
.c-table tr th{border-right: 1px solid #ececec;border-top: 1px solid #ececec;background-color:#f7f7f7;font-weight: bold;padding:12px 0;text-align: center;word-break: break-all}
.c-table tr th,.c-table tr:nth-child(odd) td{background-color: #f7f7f7  }
.c-table tr:hover td{background-color:#e5f2fa;cursor: pointer}
.c-table.w-700{width: 704px; margin: 0 40px 40px 40px;}

/*分页*/
.pagination-wrapper{text-align: center;padding-top: 46px;}
.pagination{width:auto;display: inline-block !important;*display:inline;zoom:1;padding-left:0;margin:0 10px 10px;/*border-radius:4px*/;overflow: hidden}
.pagination>li{margin-left: 10px;float: left}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:2px 8px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#eee}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:pointer;background-color:#428bca;border-color:#428bca}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

/*轮播插件基式*/
.slide-carousel-container{position: relative;overflow: hidden}
.slide-carousel-container .carousel-box-wrapper{width:auto;height:100%;font-size: 0}
.slide-carousel-container .carousel-box{height: 100%;display: inline-block;*display:inline;zoom:1;}
.slide-carousel-container .carousel-box a{cursor: default}
.slide-carousel-container .carousel-box img{width: 100%;height: 100%}
.slide-carousel-container .carousel-pagination{width:100%;position:absolute;left:0;bottom: 0;text-align: center;}
.slide-carousel-container .carousel-pagination li{list-style:none;display:inline-block;*display:inline;zoom:1;width: 10px;height: 10px;-webkit-border-radius: 100%;-moz-border-radius:  100%;border-radius:  100%;background-color:#fff;margin:24px 5px;vertical-align: middle;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;cursor: pointer}
.slide-carousel-container .carousel-pagination li.active{background-color: #1398e2}
.slide-carousel-container .carousel-btn{position: absolute;width: 40px;height: 50px;top:50%;margin-top:-25px;cursor: pointer;}
.slide-carousel-container .carousel-btn.prev-btn{left: 10px;background:url("../img/common/unit_arrow_left.png") no-repeat center center}
.slide-carousel-container .carousel-btn.next-btn{right: 10px;background:url("../img/common/unit_arrow_right.png") no-repeat center center}
