﻿html,body{ font-family:"微软雅黑";margin:0px;padding:0px;}
html{font-size:625%}
body{font-size:.14rem}
*{box-sizing:border-box}
.hidden{display:none}
.pageFull{width:100%}
.pageBox{width:1004px;margin:auto}


* html .clearfix {height: 1%;}  
.clearfix:after {  
	content: ".";  
	display: block;  
	height: 0;  
	clear: both;  
	visibility: hidden;  
}  
.txt-nowrap{
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	word-break:break-all;
}
.pageHeader{
    background:url(/Content/images/header_bg.png) right center no-repeat;
}
.pageFooter{
	background-color:#338585; padding-bottom:20px;padding-top:20px; 
	position:relative;
	text-align:center;line-height:160%;
	color:#fff;
	font-size:.12rem;
}
/*
.pageFooter .item{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    margin:.05rem;
    font-size:.12rem;

}
.pageFooter .item .title{
    font-size:130%;
    color:white;
    border-right:1px solid #b4ebe2;

}
.pageFooter .item li{
    padding-right:.2rem;
}
.pageFooter .item a:link,.pageFooter .item a:visited{
    color:#b4ebe2;

}
.pageFooter .item a:hover{
    color:white;
}
*/

.pageFooter-menu{        
	display:box;
    display:-webkit-box;
    display:-moz-box;
				 
}
.pageFooter-menu .item{
        box-flex:1;
        -moz-box-flex:1;
        -webkit-box-flex:1;
		font-size:.14rem;
		color:#338585;
		font-weight:bold;
		border-right:1px solid #5B9C9C;
        color:#fff;
		display:block;
}
.pageFooter-menu .item ul{
    font-size:.12rem;
	font-weight:normal;
}
.pageFooter-menu a:link,.pageFooter-menu a:visited{
    color:#bcd3d1;
}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.pageBody{display:table; table-layout:fixed;margin-top:5px;    min-height:6rem; }
.pageLeft{
	width:198px;
    background-color:#e5e5e5;
    background-image:url(/Content/images/submenu_footer.gif);
    background-position:center bottom;
    background-repeat:no-repeat;
    display:table-cell;
    vertical-align: top;

}

.pageTitle{
	position:relative;
	height:0.08rem;
	background-color:#02998a;
	margin-top:.21rem;
    margin-bottom:.21rem;
}

.pageTitle:before{
	content:attr(data-title);	
	position:absolute;
	line-height:.1rem;
    height:.2rem;
	display:inline-block;
	padding-left:.1rem;
	padding-right:.1rem;
	background-color:#fff;
	z-index:3;
	left:0.3rem;
    color:#02998a;
    font-size:.16rem;


}
.pageContent{
    vertical-align:top;
}
.pageBanner{
    height:328px;
    min-width: 1400px;
}
.pageBanner a{
    display:block;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

a{display:inline-block;}
a{*display:inline;*zoom:1;}
a:link,a:visited{text-decoration:none;color:gray;}
a:hover{color:#06ac90}
a.yellow:link,a.yellow:visited{
    color:#ee7a09;
}

.pageTop-right{
	float:right;margin-top:25px;
	color:#aaa;
	font-size:.12rem;
}
.icon{ 
	background-image:url(../images/icons.png);
	background-repeat:no-repeat; background-origin:border-box;
	background-size:auto;
	display:inline-block;
	vertical-align:middle;
}
.icon{	*display:inline;*zoom:1;}

.icon.banner-header-leftArrow{
    background-position:0px -207px;
    width:24px;
    height:44px;
    position:absolute;
    left:-.4rem;
        top:.5rem;
	z-index:3;
}
.icon.banner-header-rightArrow{
    background-position:-27px -207px;
    width:24px;
    height:44px;
    position:absolute;
    right:-.4rem;
        top:.5rem;
	z-index:3;
}
.icon.point{
    background-position:-59px -204px;
    width:14px;
    height:18px;
    vertical-align:text-bottom;
}
.icon.more{
    background-position:-55px -223px;
    width:50px;
    height:18px;
    vertical-align:text-bottom;
}
.icon.user{background-position:-271px -53px;width:20px; height:20px;}
.icon.phone{background-position:-1px -1px;width:24px; height:24px;}
.icon.mail{background-position:-24px -1px;width:24px; height:24px;}
.icon.weixin{background-position:-55px -1px;width:24px; height:24px;}
.icon.search{background-position:-1px -25px;width:216px; height:24px; border:0;padding-left:34px;font-size:12px}
.icon.search:hover{background-position:-1px -49px;width:216px; height:24px;}
.icon.searchBtn{background-position:-217px -25px;width:26px; height:24px;}
.icon.logo-white{background-position:-1px -75px;width:200px; height:73px;}
.icon.phone-big{background-position:-1px -150px;width:120px; height:47px;vertical-align:bottom}

.menuBar{ 
    margin:auto;
    text-align:center;
    background-image:url(../images/menubar-bg.png)
}
.menuBar .item{
    display:inline-block;
    color:white;
    text-shadow:0 1px 1px #333;
    width:1.3rem;
    font-size:.14rem;
    line-height:.44rem;
	cursor:pointer;
}
.menuBar .item:hover{
	    background-image:url(../images/menubar-bg-active.png)
}
.menuBar .item.active{
    background-image:url(../images/menubar-bg-active.png)
}
.banner{
    height:5rem;
	font-size:0;
}
.menuBar .item{
	position:relative;
    z-index:2;
}
.menuBar .item .ext-panel{
	visibility:hidden;
	transition:all .3s;
	opacity:0;
	position:absolute;
	top:55px;
	left:0;
	background-color:rgba(180, 235, 226, 0.9);
	z-index:10;
	text-shadow:none;
	line-height:.2rem;
    min-width:1.3rem;
    max-width:3rem;
    padding:.03rem;
    padding-left:0.01rem;
    padding-right:0.01rem;
    letter-spacing:-1px;
	/*box-shadow:0px 0px 5px #ddd;*/
}
.menuBar .item:hover .ext-panel{
	visibility:visible;
	opacity:1;
	top:44px;

}
.menuBar .ext-panel li a{

    text-align:left;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
	word-break:break-all;
	border-bottom:1px solid #ddf5f1;
	padding:.06rem;
    padding-left:.1rem;
    padding-right:.1rem;
	vertical-align:top;
    color:#338585;
    display:block;
    text-align:center;
}
.menuBar .ext-panel li a:hover{
    background-color:#338585;
    color:#fff;
}
.menuBar .ext-panel li:last-child a{
    border-bottom:0px solid #ddf5f1;
}
.menuBar .ext-panel li:last-child{
	border-right:0px solid #ddf5f1;
}
.banner-hotArea{
    text-align:center;
    position:absolute;
    width:100%;
    bottom:.4rem;
	z-index:2;
}
/*.banner-hotArea>div{
    display:inline-block;
    width:.5rem;
    height:.1rem;
    background-color:#e5e6e6;
}
.banner-hotArea>div.active{
        background-color:#33adaa;
}*/

.center{
    text-align:center;
}
.main-contentBox{
    background:url(../images/main-contentBox.gif) no-repeat center center;
    width:1000px;
    height:249px;
	padding:30px;
	margin-bottom:15px;
	margin-top:15px;
}
.main-contentBox-subBox{
    width:280px;
    margin:auto;
}
.main-contentBox-subBox .title{
	border-bottom:1px solid #33adaa;
    font-weight:600;
}
.main-contentBox-subBox .more{
	float:right;
}
.main-contentBox-subBox .t2{
	color:gray;
    font-weight:100;
}
.main-contentBox-subBox .item{
	display:block;
    width:280px;
    font-size:0.12rem;
    line-height:.18rem;
}
.main-contentBox-subBox .item:before{
	content:"";
	width:6px;
	height:6px;
	display:inline-block;
	background-color:#02998a;
	border-radius:6px;
	margin-right:6px;
}
.main-contentBox-subBox a.item:first-child{
	color:#db1111;
}
.main-contentBox-subBox .pic{
	margin-top:10px;
    margin-bottom:8px;
}

.weixinQR-handle{
	position:relative;
	background-color:transparent;
	cursor:pointer;
}
.weixinQR-panel{
	visibility:hidden;
	position:absolute;
	display:inline-block;
	top:50px;
	left:-40px;
	background-color:#e0e0e0;
	padding:10px;
	z-index:999;
	border-radius:8px;
	opacity:0;
	transition:all .3s;
	/*box-shadow:1px 1px 12px #666;*/
}

.weixinQR-panel::after{
  position: absolute;
  content: "";
  border: 12px solid transparent;
  border-bottom-color: #e0e0e0;
  top: -20px;
  right: 42%;
  width: 0;
  height: 0;
  z-index: 999;

}
.weixinQR-handle:hover .weixinQR-panel{
	opacity:1;
	visibility:visible;
	top:30px;
}
.submenu-header{
	background:url("/Content/images/submenu_header.gif");
	width:198px;
	height:84px;
    border-bottom:1px solid #f0f0f0;
}
.submenu-header .txt{
    color:#fff;
    font-size:.22rem;
    letter-spacing:0.01rem;
    display:inline-block;
    text-shadow:
1px 1px 0 #aaa, 
2px 2px 0 #666; /* end of 2 level deep grey shadow */ 
    margin-top:.46rem;
    margin-left:.4rem;
    font-style:italic;
    white-space:nowrap;

}
.submenu-header .txt2{
    color:#fff;
    font-size:.16rem;
    letter-spacing:0;
    text-shadow:0px 0px 0px #333;
    font-family:'Arial Narrow';
    color:#b4ebe2;
    vertical-align:text-bottom;

    }
.submenu>ul>li{
	color:#fff;
	letter-spacing:1px;
	background-color:#cccccc;
	border-bottom:1px solid #f0f0f0;
	position:relative;
	cursor:pointer;
    transition:all .3s;


}
.submenu>ul>li>.txt{
    color:#fff;
	text-shadow:
    1px 1px 0 #888;
	line-height:.36rem;
    font-size:0.16rem;
    transition:all .3s;
    display:block;
    margin-left:20%
}
.submenu.smallfont > ul > li > .txt {
	line-height:.24rem;
    font-size:0.14rem;
    margin-left:20%
}

.submenu>ul>li:before{
	position:absolute;
	content:"";
	overflow:hidden;
	height:0.2rem;
	width:0.05rem;
	background-color:#fff;
	box-shadow:1px 1px 0px #888;
	left:10%;
	top:0.08rem;
}
.submenu>ul>li.active>.txt{
	color:#338585;
	text-shadow:1px 1px 0px #fff;

}

.submenu>ul>li:hover:not(.active){
	background-color:#ddd;
}
.submenu>ul>li:hover:not(.active)>.txt{
    transform:translateX(.1rem);
    text-shadow:1px 1px 0 #666;
}
.submenu > ul > li:hover:not(.active):before {
	background-color:#06ac90;
	box-shadow:0px 0px 0px #999;
}
.submenu>ul>li>ul{
	color:#338585;
    border:.03rem solid #f0f0f0;
    text-align:right;

    
}
.submenu>ul>li>ul>li{
	color:#338585;
    background-color:#f0f0f0;
    line-height:.32rem;
    border-bottom:1px solid #fff;
        padding-right:.1rem;
}
/*document*/
.padding20-0{padding:.2rem;padding-top:0; }
.documentContent{
    white-space:pre;word-wrap:break-word ;
    line-height: 1.6em;
    letter-spacing:1px;
    color:#666;
    margin-top:-.2rem;
}
.documentContent p{
    margin-bottom: 15px;
    
}
.contentHR{
        border:0;
    border-top:1px solid #e0e0e0;

}
/*documentList*/
.documentList{

}
.documentList .item{
    line-height:.32rem;
}

.documentList .picHeader{
    float:left;
    display:block;
    background-size:cover;
    width:2rem;
    height:1.6rem;
    border:2px solid #fff;
    margin:.2rem;
    margin-top:0;
    box-shadow:2px 2px 0px #aaa,-2px -2px 0px #ddd;
    background-repeat:no-repeat;

}
.documentList .title{
    line-height:.22rem;
    
}
.documentList .time{
    color:gray;
    font-family:'Times New Roman';
    float:right;
}
.documentList .first{
    border-bottom:1px dashed #eee;
    padding-bottom:.1rem;
    margin-bottom:.1rem;
    line-height:.2rem;
}
.documentList .first .title{
    color:#009889;
    font-size:.18rem;
    display:block;
    border-bottom:2px solid #009889;
    margin-left:2.5rem;
}
.documentList .first .time{
    float:right;
    display:block;
}
.documentList .first .content{
    color:#a0a0a0;
    padding:.1rem;
	width: 520px;
}

.documentList .first .more{
    position:relative;
    transition:all .3s;
    text-align:right;
    font-size:.12rem;
    display:block;
    margin-left:2.5rem;
    padding-right:.2rem;
    
}
.documentList .first .more:before{
    content:">>";
    opacity:0;
    padding:.1rem;
    transition:opacity .3s;
    color:gray;
    right:.4rem;
    top:-.11rem;
    position:absolute;
    display:inline-block;
    
}
.documentList .first:hover .more{
    padding-right:0rem;
}
.documentList .first:hover .more:before{
    opacity:1;
}
.documentList .first .more:hover{
    color:#02998a;
}

/*pagedList*/
.pagination-container{border-top:1px solid #e0e0e0;margin-top:10px}.pagination{display:inline-block;padding-left:0;margin:10px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}.pagination>li:last-child>a,.pagination>li:last-child>span{}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#e84c3d;border-color:#fff}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}