﻿/* base */
body{ font-family: "Microsoft Yahei","微软雅黑",STXihei,"华文细黑",Hei,"黑体",sans-serif;font-size: 12px;color: #5c6773;margin:0px;padding:0px; background:#f7f6f4;}
ul,ol{list-style:none;padding:0px;margin:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend,dt,dd,dl, em,i{margin:0;padding:0;}
section, article, aside, header, footer, nav, dialog, figure,figcaption {display:block;}
figure {margin:0;}
img {border:0; }
a {text-decoration:none;color:#2d374b; /*line-height:24px*/;text-decoration:none;cursor:pointer;outline-color:-moz-use-text-color;
outline-style:none;outline-width:0;text-decoration:none;-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}
/*a:hover {text-decoration:none;line-height:24px;color:#F00;}*/
button {cursor:pointer;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}

/*Floats*/
.left{float:left;width:auto;}    
.right{float:right;width:auto;}

/* --------|  Clear Fix |--------- */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}/* Hide from IE Mac */
html[xmlns] .clearfix{display:block;}/* End hide from IE Mac */
* html .clearfix{height:0; }

/* Typography */
h1 {font-size:12px;font-weight:bold; color:#020858;}
h2 {font-size:12px;font-weight:bold;color:#020858;}
h3 {font-size:12px;font-weight:bold;color:#020858;}
h4 {font-size:12px; color:#020858;}
h5 {font-size:12px;  font-weight:bold; color:#020858;} 
h6{font-size:12px; color:#333;}

h4, .h4 {margin-bottom: 14px;font-size: 18px;line-height: 24px;}
h5, .h5 {margin-bottom: 12px;font-size: 14px;line-height: 24px;}

blockquote  {margin:0px; color:#2d374b; font-style:italic;}
strong {font-weight:bold;}
em{ font-style:normal;}

/* color */
.red{color:#F00;}
.blue{color:#46a7ca;}
.bold{ font-weight:bold;}
.y{color:#f9d000;}
.r{ color:#d32d00;}
.bk{color:#000;}
.hide{display:none;}
.green{ color:#abd208;}
.green1{ color:#4ebc52;}
.fd{ overflow:auto;zoom:1; overflow:hidden;}
.txt-rubber {color: #5c6773;}
.txt-marine {color: #46a2d4;}

.fontsize18{font-size: 18px;}
.fontsize14{font-size: 14px;}
.fontsize12{font-size: 12px;}
.fontsize36{font-size: 36px;}
.fontsize28{font-size: 28px;}

/* 公共部分 */
.clear{ clear:both;}
.font{ font-family:"宋体"; font-size:12px;}
.ml20{margin-left: 20px;}
.text-right {text-align: right;}
.pull-right{float: right !important;}
.bmarg6 {margin-bottom: 6px;}
.bmarg0 {margin-bottom: 0px;}
.rmarg8{margin-right:8px;}

/*导航*/
.menubg{ width:100%; height:100px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.1); background:#f6fafd; font-size:12px; position: relative; z-index: 3;}
.menu{ width:980px; margin:0 auto; position:relative; z-index: 99;}
.tmenu{ position:relative; z-index:99;}
.logo{ background: url(../images/logo-cmb.png) no-repeat; width: 120px; height: 100px;display:block;}
.logo em{ float:left; position:absolute;width:120px; height: 40px; float:left;display:block; }
.ykt{background: url(../images/logo-aio.png) no-repeat; width:120px; height: 40px; display: block;  box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);}

.mbt{ position:absolute; left:942px; top:60px;}
.mbt a,.mbt a:hover{ line-height:20px; font-family:"微软雅黑"; font-size:16px; color:#a30030;}
.mindex{ background:#f7f6f4;}

/*底部*/
.footerbg{ min-width:980px; background:#e9ecef; margin-top:36px; border-top:1px solid #d8dcdf; position:relative;}
.footer{ width:980px; padding:36px 0; display:block; margin:0 auto; color:#5c6773; font-weight:bold; position:relative; border-bottom: 1px solid #d5dce2;}
.fbt{ float:left; width:265px;}
.fbt li{ padding:0; margin:0 0 10px 0; background:url(../images/yd.jpg) no-repeat left center;  padding-left:15px; line-height: 24px;}
.fbt li a{color: #5c6773;}
.fbt li a:hover{ color:#a30030;}
.fbt p{ line-height:24px; display:block;}
.fbt em{ line-height:20px; margin-top:36px; display:block;}
.width150{width: 160px;}
.weixi_code{text-align: center;}
.weixi_code .pic{background:url(../images/weixin_code.jpg) no-repeat left center;margin-bottom: 12px; height:101px }
.weixi_code p{line-height: 18px;}
.width110{width: 110px;}
.ml20{margin-left: 20px;}
.copyright{border-top: 1px solid #f7f6f4; width: 980px; margin: 0 auto; padding: 10px 0 29px; text-align: center; line-height: 24px; color:#5c6773;}
.copyright p a{vertical-align: middle; display: inline-block; margin-right: 5px; }
.copyright .wangan{background:url(../images/wangan.jpg) no-repeat left center; width:32px;height:46px}
.copyright .police{background:url(../images/sz_police.jpg) no-repeat left center;width:41px;height:46px}
.copyright .chengxin{background:url(../images/chengxin.jpg) no-repeat left center;width:90px;height:32px}
.copyright .kexing{background:url(../images/kexing.jpg) no-repeat left center;width:88px;height:32px}

/*bannerinfo地区图片*/
.bannerinfobg{width:100%; background-position:center center; background-repeat:no-repeat;position: relative; height:550px;margin-top: -100px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.container {position: relative; margin:0 auto;width:980px;  height:100% }
#fact-1 {width:30%; /*top:272px;*/top:272px; left:105px;}
#fact-2 {width:25%;/*top:380px;*/top:380px; left:138px;}
#fact-3 {width:45%;/*top:268px;*/ top:268px;left:186px;}
.factoid {position: relative;cursor: default; float:left;}
.factoid .badge-diamond {padding-top: 10px;color: #fff;position: relative;z-index: 11;text-align: center;background: url(../images/badge-diamond.png) 0 0 no-repeat;width: 47px;height: 47px;}
.factoid .overlay {position: relative;display: none;width: 264px;margin-top: -36px;margin-left: 24px;font-weight: bold;z-index: 10;background-color: #fff;opacity: 0.8;filter: alpha(opacity=80);overflow: hidden;}
.factoid .overlaytxt{margin:12px 24px;}
.factoid h5, .factoid h4 {font-weight: 600;}
.city-text {position: absolute;color: white;font-weight: bold;text-shadow: 1px 2px 2px rgba(0,0,0,0.48);font-size: 60px; left:50px; top:80px}

/*重要公告*/
.noticeinfo{position: relative;background-color: #fff;margin-top:-102px;z-index: 11;opacity: 0.8;filter: alpha(opacity=80);}
.noticeinfo .container {margin:0 auto; width:932px}
.noticeinfo .content{/*padding-top: 18px;*/position: relative;min-height: 1px; height:37px; padding-left:24px; padding-right:24px;padding-top: 18px;}
.noticeinfo .ullist{margin-bottom: 0;padding-left: 0;list-style: none;}
.noticeinfo .ullist li{padding-right:12px}
.noticetxt{font-size: 14px;line-height: 24px;}

/*广告*/
#slides{display:none;height: 350px; width:980px; padding:0 24px; margin:0 auto}
.advinfo{position: relative;background-color: #f7f6f4;z-index: 11;}
.advinfo .container{position: relative;height: 350px; width:980px; padding:0 24px;}
.advinfo .leftpic{width:50%;height:100%;float:left;}
.advinfo .leftpic .pic{position: absolute;width: 497px;height: 316px;top: -40px;z-index: 16;/*background-position: 0 0;background-repeat: no-repeat;background-image: url(../images/credit-card.png);*/-webkit-perspective: 800;-moz-perspective: 800;-ms-perspective: 800;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);}
.advinfo .leftpic .rotate{-webkit-transform: rotateY(25deg);-moz-transform: rotateY(25deg);-ms-transform: rotateY(25deg);-o-transform: rotateY(25deg); }
.advinfo .righttxt{width:50%; float:left;  margin-bottom:36px;}
.advinfo .righttxt .title{margin:024px 24px 24px;font-size: 36px;line-height: 48px;color: #a3002f;}
.advinfo .righttxt .subtitle{margin:0 24px 24px 24px;font-size: 18px;line-height: 24px;font-weight: 400;}
.advinfo .righttxt .content{margin:0 24px 24px 24px;font-size: 14px;line-height: 24px;font-weight: 400;}
.advinfo .righttxt .advbtn{margin:0 24px 24px 24px; width:100px; height:40px; line-height:40px}
.slidesjs-navigation{display:none}
.slidesjs-pagination{position: relative;background-color: #fff;margin-top:-20px;  margin-left:535px;z-index: 11;opacity: 0.8;filter: alpha(opacity=80);}
.slidesjs-pagination li {float:left; margin:0 7px;}
.slidesjs-pagination li a {display: block;background-image: url(../images/pagination.png);background-position:45px 0; width:6px; height:5px}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 0;width:28px;}
.slidesjs-pagination li a:hover {background-position: 102px 0;width:6px;}


/*蓝色按钮通用样式*/
a.blue_btn, .blue_btn{height:38px; line-height: 38px; text-align: center; display: inline-block; border:1px solid #3289bf; background:url(../images/baixian.png) repeat-x left top #49a4d1; color:#fff; font-size:14px; border-radius:5px;}
a.blue_btn:hover, .blue_btn:hover{background:url(../images/baixian.png) repeat-x left top #358bbc; border:1px solid #25678c;}



/*@ 弹出层图片放大样式
--------------------------------------------------------------------------------------------------------------*/
.pop {width:750px; padding:30px; border:1px solid #B9BEC4; top:45%; left:50%; position:fixed !important; 
    position:absolute; margin-left:-350px !important; margin-top:-250px !important; margin-top:0; 
     background-color:White; z-index:3999; box-shadow:0 0 5px #B9BEC4; border-radius:10px;
     _top:expression(eval(document.compatMode && document.compatMode == 'CSS1Compat')?document.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.ClientHeight)/2);}
.cls { clear:both;}
.close{text-align:right;}
.bigimg_css{width: 100%;height: 580px;padding-left: 2px;padding-top: 2px;}
.closes { width:27px; height:27px; background:url("../images/close.png"); _background:url("../images/close.gif"); position:absolute; top :-15px; left:790px; }
.overlays{display: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 969px;background-color: #f5f5f5;z-index: 2598;filter: alpha(opacity=80);-moz-opacity: 0.5;opacity: 0.8;}
/*示例图样式*/
.SLtiltle{color: Red;margin-top: 100px}
#uploadShiLi{width:180px; height:260px}
#uploadShiLi1{width: 180px; top: 85px}