@charset "utf-8";
@import url(../../inc/animate.css);
body{font-size:14px; color:#777; background:#fff; font-family:Microsoft Yahei,"微软雅黑",Arial,Helvetica,sans-serif; cursor:default;-webkit-text-size-adjust:none; margin:0 auto;}
a{text-decoration:none; color:inherit; background:url(../../Images/basic/alpha.gif);}
*{outline:none;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}/*html5*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,object{margin:0;padding:0;}
table{border-collapse:collapse; border-spacing:0; table-layout:fixed; word-wrap:break-word;} div{word-wrap:break-word;}
input,select,textarea,button{font-size:12px; font-family:Microsoft Yahei; outline:none; color:#666;}
img,fieldset{border:0} input,select,img{vertical-align:middle}
q:before,q:after{content:''}
u,s{text-decoration:none;}
ul,ol{list-style:outside;} /*i,em,address{font-style:normal}*/
input{-webkit-user-select:text;}
textarea{-webkit-user-select:text; -webkit-appearance:none; resize:none;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none; border-radius:0px; -webkit-border-radius:0px; cursor:pointer; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}

.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} .clear{overflow:hidden; zoom:1;}
.br{clear:both; visibility:hidden; display:block; font-size:0; height:0;}
.hid{display:none;}
.radius{position:relative;}
.alpha{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
.unline{text-decoration:underline;}
.center{text-align:center;}
.none{text-align:center; padding:100px 0px; color:#999; font-size:16px; line-height:2; display:block;}
.empty{padding:20px 0; text-align:center; color:#999; font-size:1rem; display:block;}
.sanfan img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; vertical-align:middle;}
.sanfan:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.ipt{height:30px; line-height:30px; padding:5px 3px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.aipt{line-height:1.2; padding:5px 3px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.ipt:hover, .ipt:focus, .aipt:hover, .aipt:focus{border-color:#08a;}
.red{color:#c00;} 
.blue{color:#09c;} 
.yellow{color:#ff0;} 

.p_img,.p_img *{margin:0px; padding:0px; text-align:center;}
.p_img{display:table-cell; position:relative; overflow:hidden; vertical-align:middle; *+display:block;}
a.p_img{cursor:pointer;}
.p_img i{display:block; font-style:normal; position:static; +position:absolute; top:50%;}
.p_img i img{display:block; position:static;+position:relative;vertical-align:middle;top:-50%;left:-50%;border:none;margin:auto;}
.p_img i span{display:block; position:static; +position:relative; *+position:static; vertical-align:middle; top:-50%; left:-50%;}
.p_img_a{display:block; position:absolute; z-index:2; cursor:pointer; background:url(../../Images/basic/alpha.gif);}
/*.p_img p a img{filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8;}
.p_img p a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}*/
.txt_mid{display:table-cell; position:relative; overflow:hidden; vertical-align:middle; *+display:block;}
.txt_mid .tb{display:block; position:static; +position:absolute; top:50%;}
.txt_mid .tt{display:block; position:static; +position:absolute; *+position:static; vertical-align:middle; top:-50%; left:0;}
.imgMiddle{text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; 
-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; 
-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.imgMiddle img{max-width:100%; max-height:100%;}

.data-loading, .img-loading{background-image:url(../../Images/basic/loading.gif) !important; background-repeat:no-repeat !important; background-position:center center !important; min-height:40px; min-width:40px; background-size:auto !important;
transition:none !important;-webkit-transition:none !important;}
.disabled, .disabled:hover{background-color:#999 !important; color:#FFF !important; border-color:#999 !important; cursor:default !important;}
.loadingTip{padding:30px 0; text-align:center; font-size:16px; color:#999;}
.loadingTip i{font-style:normal; display:inline-block; width:16px; height:16px; background:url(../../Images/basic/while.gif) no-repeat center; margin-right:5px; vertical-align:middle;}

#loading_bk{position:fixed; _position:absolute; z-index:9998; background:url(../../Images/basic/alpha.gif); left:0px; top:0px;width:100%; height:100%;}
.loading_box{display:inline-block; background:#333; background:rgba(0,0,0,.8); padding:30px; text-align:center; 
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:16px; color:#fff;}
.loading_box i{display:inline-block; width:30px; height:30px; background:url(../../Images/basic/while.png) no-repeat 0px 0px;}
.loading_box p{padding:5px 10px 0 10px; color:#fff; color:rgba(255,255,255,.8);}

.itm_view{clear:both; list-style:outside none; padding:20px 0; margin:0; overflow:hidden; margin-top:20px;}
.itm_view em{color:#999; font-style:normal;}
.itm_view li{height:30px; line-height:30px; overflow:hidden; font-size:1rem;}

/*****加载下页*******/
#dataLoading, .dataLoading{display:block;font-size:14px;padding:10px 0;text-align:center; color:#999;}
#dataLoading i, .dataLoading i{display:inline-block; width:20px; height:20px; background:url(../../Images/basic/wLoading_20.png) no-repeat center center; vertical-align:middle; margin-right:8px;

	-webkit-transform:rotate(0deg) translateZ(0);
	-moz-transform:rotate(0deg) translateZ(0);
	-o-transform:rotate(0deg) translateZ(0);
	-ms-transform:rotate(0deg) translateZ(0); 
	transform:rotate(0deg) translateZ(0);
	
	-webkit-transition-duration:0ms;
	-moz-transition-duration:0ms;
	-o-transition-duration:0ms;
	-ms-transition-duration:0ms;
	transition-duration:0ms;
	
	-webkit-animation-name:rotate; 
	-moz-animation-name:rotate; 
	-o-animation-name:rotate; 
	-ms-animation-name:rotate; 
	animation-name:rotate;
	
	-webkit-animation-duration:1s; 
	-moz-animation-duration:1s; 
	-o-animation-duration:1s; 
	-ms-animation-duration:1s; 
	animation-duration:1s;
	
	-webkit-animation-iteration-count:infinite; 
	-moz-animation-iteration-count:infinite; 
	-o-animation-iteration-count:infinite; 
	-ms-animation-iteration-count:infinite; 
	animation-iteration-count:infinite;	/*循环*/
	
	-webkit-animation-timing-function:linear; 
	-moz-animation-timing-function:linear; 
	-o-animation-timing-function:linear; 
	-ms-animation-timing-function:linear; 
	animation-timing-function:linear;
}
/****************/


/*自定义SELECT下拉框*/
.customSelect_box{display:inline-block; height:25px; line-height:25px; border:1px solid #ddd; padding:0 5px; cursor:pointer; position:relative; overflow:hidden; vertical-align:middle; background:url(../../Images/basic/alpha.gif); font-weight:normal; text-align:left;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.customSelect_box .customSelect_icon{display:inline-block; width:16px; height:16px; background:url(../../Images/basic/DrogDown.gif) no-repeat 0px 6px; float:right; margin:4px 3px 0 3px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:0.60;}
.customSelect_box_focus, .customSelect_box:hover{border-color:#fea;}
.grayStatus.customSelect_box_focus, .grayStatus.customSelect_box:hover{border-color:#bbb;}
.customSelect_box_focus .customSelect_icon, .customSelect_box:hover .customSelect_icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.customSelect_list{position:absolute; z-index:110; background:#fff; border:1px solid #bbb;list-style:outside none;overflow:auto;text-align:left;}
.customSelect_list li{padding:4px 5px; cursor:pointer; background:url(../../Images/basic/alpha.gif);}
.customSelect_list li.customSelect_item_focus, .customSelect_list li.customSelect_item_over{background:#eee; color:#c00;}
/*自定义FILE*/
.paul_custom_browse{display:inline-block; vertical-align:middle; width:60px; margin:0 0 0 4px; color:#666; padding:0px; font-size:12px; text-align:center; border:1px solid #ddd; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; background:#eee; cursor:default;}
.paul_custom_browse.over{border-color:#ccc; color:#333;}

/*弹出层*/
#float_window_bg{position:fixed; _position:absolute; z-index:1998; background:#000; left:0; top:0;}
#float_window_box{position:fixed; _position:absolute; z-index:2000; padding:0px; border:1px solid #ddd;
-webkit-box-shadow:0 0px 20px #666; -moz-box-shadow:0 0px 20px #666; box-shadow:0 0px 20px #666;}
#float_window_box .winBox{background:#fff; position:relative;}
#float_window_box .winFrame{width:100%; border:none;}
#float_window_box .close{position:absolute; z-index:1999; display:inline-block; width:25px; height:25px; top:0; right:0; background:url(../../Images/basic/close.gif) no-repeat center; filter:alpha(opacity=70);-moz-opacity:.70;opacity:0.70;}
#float_window_box .close:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.float_window_title{font-size:20px; padding:15px 0; text-align:center; color:#c22; border-bottom:1px solid #ddd;}

.frameOption{height:25px; border-bottom:1px solid #ccc; margin:20px 0 10px 0; _overflow:hidden; padding:0 10px;}
.frameOption .itm{display:inline-block; zoom:1; padding:0 15px; line-height:24px; font-size:14px; border:1px solid #eee; border-bottom:none; cursor:pointer; margin:0 5px; color:#999;}
.frameOption .itm.on{background:#fff; border-color:#ccc; color:#666; position:relative; height:25px;}
.frameOption .itm:hover{border-color:#ccc; color:#666;}
.frameBody{padding:10px 15px;}
.frameSub{padding:10px 0; text-align:center;}
.frameSub input{margin:0 5px;}
.frameSub .tipInfo{height:30px; color:#c22;}

.float_confirm{padding:20px;}
.float_confirm h1{font-size:16px; font-weight:bold; padding:10px 0;}
.float_confirm p{padding:10px 0;}
.float_confirm .key{padding:20px 0 10px 0; text-align:center;}
.float_confirm .key input{height:35px; font-size:14px; width:100px; margin:0 10px; border-radius:5px;}

/*底部弹出会话框*/
.bottom_dialog{background:url(../../Images/basic/alpha.gif); background:rgba(0, 0, 0, 0.3); position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1850; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.bottom_dialog .dialogBox{margin:0; width:99%; max-width:400px; max-height:99%; position:absolute; right:.5%; bottom:0; overflow:hidden; box-sizing:border-box; padding:20px 0; background:#fff; border-top:1px solid #ccc;
border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.bottom_dialog .close{display:inline-block; position:absolute; right:20px; top:10px; width:20px; height:20px; cursor:pointer; z-index:1; background:url(../../Images/basic/close.gif) no-repeat center center;}

/*翻页控制*/
.pages{clear:both; padding:20px 0; text-align:center; cursor:default; font-size:14px; line-height:1;}
.webText .pages{padding-top:40px; border:none; margin:0;}
.pages a,.pages u,.pages i,.pages em,.pages s{font-style:normal; text-decoration:none; display:inline-block; vertical-align:middle; text-align:center; padding:0; min-width:30px; height:30px; box-sizing:border-box; line-height:30px; margin:0 5px; 
border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.pages a{text-decoration:none; background:none; border:1px solid #ddd; padding:0 7px;}
.pages u{font-weight:bold; background:#08a; border:1px solid #08a; color:#fff; width:auto; padding:0 7px;}/*当前页*/
.pages i{cursor:default; filter:alpha(opacity=30);-moz-opacity:.3;opacity:0.3;}
.pages a:hover{color:#08a; border-color:#08a;}
.pages .firstPg,.pages .prevPg,.pages .nextPg,.pages .lastPg{background:url(../../Images/basic/pages.gif) no-repeat; border:none; color:#fff; width:25px; min-width:25px; padding:0; display:none;}
.pages .firstPg{background-position:4px 14px; display:none;} .pages a.firstPg:hover{background-position:4px -26px; text-decoration:none;}
.pages .prevPg{background-position:7px 8px;} .pages a.prevPg:hover{background-position:2px 8px; text-decoration:none;}
.pages .nextPg{background-position:-22px 6px;} .pages a.nextPg:hover{background-position:-17px 6px; text-decoration:none;}
.pages .lastPg{background-position:-86px 14px; display:none;} .pages a.lastPg:hover{background-position:-86px -26px; text-decoration:none;}
.pages em{float:left; text-align:left; width:200px; font-size:12px;}
.pages em b{color:#08a; padding:0 3px; font-weight:normal;}
.pages s{width:auto;}
.pages .goPage{display:inline-block; padding:0 10px; border:1px solid #ccc; height:25px; line-height:25px; vertical-align:middle;
border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-left:10px; color:#999;}
.pages .goPage input{width:25px; height:20px; line-height:20px; border:none; text-align:center; padding:0; vertical-align:middle;}

/*更多按钮*/
a.moreKey{display:inline-block; line-height:50px;}
.moreKey{height:50px; color:#08a; border:1px solid #08a; box-sizing:border-box; font-size:16px; position:relative; padding:0 50px; 
border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.moreKey:before{content:"+"; font-family:Arial, Helvetica, sans-serif; font-size:24px; display:inline-block; height:16px; line-height:16px; overflow:hidden; vertical-align:middle; margin:-2px 8px 0 0;}

/*弹出二维码窗口*/
.openCodeWin{padding:50px 0; text-align:center;}
.openCodeWin .img, .openCodeWin .img img{width:100%; height:200px;}
.openCodeWin h1{font-size:16px; font-weight:normal; padding-top:20px;}

/*两栏图文横排，图片600x400*/
.two_column_layout{padding:30px 0;}
.two_column_layout .item,
.two_column_layout .txtItem{float:left; width:50%; padding:10px 5px; box-sizing:border-box; text-align:center;}
.two_column_layout .txtItem{padding:0 10px; text-align:left;}
.two_column_layout .item h1{font-size:1.25rem; font-weight:normal; padding:20px 0 8px 0; line-height:1;}
.two_column_layout .item h2{font-size:1rem; font-weight:normal; padding:0 0 15px 0; line-height:1; color:#999;}
@media (max-width: 640px) {
	.two_column_layout .item, .two_column_layout .txtItem{float:none; width:100%; padding:10px 0;}
}

/*三栏图文横排,图片600x400*/
.three_column_layout{padding:0;}
.three_column_layout .item{float:left; width:33.3%; padding:10px 5px; box-sizing:border-box; font-size:16px; line-height:1.8;}
.three_column_layout .item img{width:100% !important; height:auto !important;}
.three_column_layout .item h1{font-size:1.25rem; font-weight:normal; padding:20px 0 8px 0; line-height:1;}
.three_column_layout .item h2{font-size:15px; font-weight:normal; padding:0 0 15px 0; line-height:1; color:#999;}
@media (max-width: 640px) {
	.three_column_layout .item{float:none; width:100%; padding:10px 0px;}
	.three_column_layout .item img{width:100% !important; height:auto !important;}
	.three_column_layout .item h1{font-size:1.25rem; font-weight:normal;}
	.three_column_layout .item h2{font-size:15px; font-weight:normal;}
}

/*四栏图文横排,图片600x400*/
.fore_column_layout{padding:0;}
.fore_column_layout .item{float:left; width:25%; padding:10px 5px; box-sizing:border-box; font-size:16px; line-height:1.8;}
.fore_column_layout .item img{max-width:100%; width:auto !important; height:auto !important; margin-bottom:10px;}
@media (max-width: 800px) {
	.fore_column_layout .item{width:50%;}
}

/*页宽*/
.pgWidth{text-align:left; padding:0 10px; margin:0 auto; max-width:1220px; box-sizing:border-box;}
/*.footNav, .banner, .page_floor,.footInfo{min-width:1200px;}*/

/*主导航*/
#webNav{float:right; padding-right:150px;}
#webNav dl{position:relative;}
#webNav dd{float:left; display:inline;}
#webNav dd a{display:block; height:67px; line-height:70px; text-align:center; font-size:16px; font-weight:bold; padding:0 15px; border-bottom:3px solid transparent;}
#webNav dd a.sel{color:#08a;}
#webNav dd a.over{border-bottom-color:#08a;}
#webNav dt{position:absolute; z-index:1; height:2px; background:#08a; font-size:0; line-height:1; bottom:3px; display:none;}

/*下拉菜单*/
.chdNav{position:absolute; z-index:51; left:0; top:70px; padding:10px 0; background:#fff; background:rgba(255,255,255,.97); overflow:hidden; box-sizing:content-box; display:none;}
.chdNav ul{list-style:none; padding:0; text-align:left;}
.chdNav li a{display:block; font-size:14px; padding:8px 20px; position:relative;}
.chdNav li a.sel{color:#08a;}
.chdNav.open{display:block; opacity:0;
	animation:toDownShow .4s 0s 1 ease;
	animation-fill-mode:forwards;
	-webkit-animation:toDownShow .4s 0s 1 ease;
	-webkit-animation-fill-mode:forwards;
}
.chdNav.close{display:block; opacity:1;
	animation:toUpHide .2s 0s 1 ease;
	animation-fill-mode:forwards;
	-webkit-animation:toUpHide .2s 0s 1 ease;
	-webkit-animation-fill-mode:forwards;
}

/*窄版导航按钮*/
.navKey{position:absolute; z-index:2; right:60px; top:15px; width:39px; height:39px; cursor:pointer; display:none;}
.navKey:before, .navKey:after{content:' '; position:absolute; width:25px; left:7px; top:9px;}
.navKey:after{top:auto; bottom:9px;}
.navKey:before, .navKey:after, .navKey i{display:block; height:3px; background:#fff; font-size:0;
	-webkit-transform-origin:100%; -ms-transform-origin:100%; transform-origin:100%; 
	-webkit-transition:-webkit-transform .2s, opacity .1s; transition:transform .2s, opacity .1s;}
.navKey i{margin:18px 7px;}

.navKeyClose:before{width:20px; -webkit-transform:rotate(45deg) translate(11px,3px);-ms-transform:rotate(45deg) translate(11px,3px);transform:rotate(45deg) translate(11px,3px);}
.navKeyClose:after{width:20px; -webkit-transform:rotate(-45deg) translate(11px,-3px);-ms-transform:rotate(-45deg) translate(11px,-3px);transform:rotate(-45deg) translate(11px,-3px);}

/*头部*/
#webHeader, #webHeader .box{}
#webHeader .box{height:70px; position:fixed; z-index:50; left:0; top:0; _position:static; width:100%; cursor:default;}
#webHeader .box .pgWidth{position:relative; overflow:visible;}
#webHeader .logo{position:absolute; z-index:2; left:20px; top:20px;}
#webHeader .logo a{display:block; width:180px; height:30px; background:url(../../Images/logo.png) no-repeat 0 0; background-size:100% auto;}
#webHeader .keys{position:absolute; z-index:2; right:10px; top:22px; font-size:14px;}
#webHeader .keys a{vertical-align:middle; margin:0 8px;}
#webHeader .keys .eg{display:inline-block; height:26px; line-height:26px; padding:0 15px; background:#08a; color:#fff; border-radius:5px; display:none;}
#webHeader .keys .sch, #webHeader .keys .info{display:inline-block; width:20px; height:20px; background:url(../../Images/nav_icos.png) no-repeat 0 0; background-size:40px 60px;}
#webHeader .keys .info{background-position:-20px 0px;}
#webHeader .box, #webHeader #webNav dd a.sel{color:#fff;}

/*头部浮动*/
#webHeader, #webHeader .box, #webNav, #webHeader .navKey,
#webHeader{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
#webHeader.headFloat{}
#webHeader.headFloat .box{background:#fff; background:rgba(255,255,255,.9);
box-shadow:0 2px 2px #ccc; -webkit-box-shadow:0 2px 2px #ccc;-moz-box-shadow:0 2px 2px #ccc;
box-shadow:0 2px 2px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);-moz-box-shadow:0 2px 2px rgba(0,0,0,.2);}
#webHeader.headFloat .logo a{background-position:0 -30px;}
#webHeader.headFloat .chdNav{top:70px;}
#webHeader.headFloat .keys .sch{background-position:0px -20px;}
#webHeader.headFloat .keys .info{background-position:-20px -20px;}
#webHeader.headFloat .box{color:#333;}
#webHeader.headFloat .keys{color:#777;}
#webHeader.headFloat #webNav dd a.sel{color:#08a;}
#webHeader.headFloat .navKey:before, #webHeader.headFloat .navKey:after, #webHeader.headFloat .navKey i{background:#777;}

#webHeader.noEff .box *{transition:none; -webkit-transition:none;}

/*搜索框*/
.search{width:150px; height:30px; position:absolute; z-index:51; right:5px; top:60px; overflow:hidden; display:none;}
.search .key{width:40px; height:30px; border:none; box-sizing:border-box; cursor:pointer; outline:none; background:#08a; color:#fff; font-size:14px;}
.search *{vertical-align:top; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.search label{display:inline-block; height:30px; box-sizing:border-box; overflow:hidden; padding:0 10px; width:110px; background:#fff; position:relative; border:1px solid #ddd; border-right:none;}
.search .kw{width:100%; height:30px; line-height:28px; border:none; font-size:12px; color:#999; cursor:default; background:transparent; box-sizing:border-box;}
.search em{display:inline-block; height:30px; line-height:28px; font-size:12px; font-style:normal; color:#999; position:absolute; z-index:1; left:10px; top:0px; pointer-events:none;}
.search.open{display:block; opacity:0;
	animation:toDownShow .3s 0s 1 ease;
	animation-fill-mode:forwards;
	-webkit-animation:toDownShow .3s 0s 1 ease;
	-webkit-animation-fill-mode:forwards;
}
.search.close{display:block; opacity:1;
	animation:toUpHide .3s 0s 1 ease;
	animation-fill-mode:forwards;
	-webkit-animation:toUpHide .3s 0s 1 ease;
	-webkit-animation-fill-mode:forwards;
}

/*右侧滑出导航*/
.rightFloatDiv{display:none;}
#rightNav{position:fixed; width:200px; height:100%; right:-205px; top:0; z-index:49; box-sizing:border-box; padding-top:70px;
transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
#rightNav:before{content:' '; display:block; position:absolute; z-index:-1; width:100%;height:100%; background:#08a;background:rgba(0,136,170,.9);}
#rightNav.rightNavShow{right:0px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#rightNav.rightNavShow:after{content:' '; display:block; position:fixed;z-index:-2; width:100%;height:100%;left:0;top:0; background:rgba(0,0,0,.5);}
#rightNav a{display:block; height:60px; line-height:60px; overflow:hidden; border-bottom:1px solid #fff; border-color:rgba(255,255,255,.2); text-align:center; font-size:1rem; color:#fff;}
#rightNav a.sel{background:#777; color:#fff;}


/*底部*/
.footInfo{background:#075874; padding:20px 0;}
.footInfo .pgWidth{line-height:1.8; font-size:12px; text-align:center;}
.footInfo u{display:inline-block; text-decoration:none; padding:0 5px;}
.footInfo, .footInfo a{color:#fff;}
.footInfo em{font-style:normal;}
.footInfo em:after{content:"|"; padding:0 10px;}
.footInfo em:last-child:after{display:none;}

.footTxt{background:#0F82AC; padding:60px 0 40px 0; position:relative; border-bottom:1px solid #1598C3;}
.footTxt:before{display:block; content:" "; font-size:0; height:30px; width:100%; position:absolute; left:0; top:0; background:#1598C3;}
.footTxt,.footTxt a{color:#fff;}
.footTxt h1 img{margin-right:10px; vertical-align:middle;}

.foot_lft, .foot_cnt, .foot_rgt{float:left; box-sizing:border-box; font-size:12px; line-height:1.6;}
.foot_lft{width:24%; text-align:center; padding-right:40px;}
.foot_cnt{width:26%; padding:0 45px; position:relative;}
.foot_rgt{width:50%; padding-left:40px;}
.foot_lft h1, .foot_cnt h1, .foot_rgt h1{font-size:20px; font-weight:bold; padding-bottom:15px; text-align:left; position:relative;}
.foot_lft h1{text-align:center; margin-bottom:20px;}
.foot_lft p{padding:5px 0;}
.foot_lft h1:after, 
.foot_cnt h1:after, 
.foot_cnt .itm:after, 
.foot_rgt .itm:before{content:" "; display:block; font-size:0; height:0; border-top:1px solid #075874; border-bottom:1px solid #1598C3; position:absolute; left:0; bottom:0; width:100%;}
.foot_cnt .itm{padding:10px 0; position:relative; font-size:14px;}
.foot_cnt .itm h2{font-size:22px; font-weight:600; letter-spacing:1px;}
.foot_cnt:before, .foot_cnt:after{content:" "; display:block; font-size:0; position:absolute; width:0; height:100%; top:0; 
border-left:1px solid #075874; border-right:1px solid #1598C3;}
.foot_cnt:before{left:0;}
.foot_cnt:after{right:0;}
.foot_cnt .icos{padding-top:10px; text-align:left;}
.foot_cnt .icos a{display:inline-block; vertical-align:middle; margin:5px 5px;}
.foot_cnt .icos a img{opacity:.8;}
.foot_rgt h1{font-weight:bold; font-size:22px;}
.foot_rgt .itm{padding:15px 0; position:relative;}
.foot_rgt .itm:before{bottom:auto; top:0;}
.foot_rgt .itm .i1, .foot_rgt .itm .i2, .foot_rgt .itm .i3{float:left; box-sizing:border-box;}
.foot_rgt .itm .i1{width:16%; font-size:14px; font-weight:bold; padding-top:3px;}
.foot_rgt .itm .i2{width:84%; padding-left:20px; line-height:2; font-size:13px;}

/*banner*/
.banner{position:relative; overflow:hidden; z-index:1; line-height:1;}
.banner .bd{position:relative; z-index:1; list-style:none; margin:0;}
.banner .bd .item{padding:0px; overflow:hidden; position:relative; width:100%; cursor:default;}
.banner .bd .item .A{display:block; transition:none; -webkit-transition:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:5; background:url(../../Images/basic/alpha.gif);}
.banner .bd .item a.A{cursor:pointer; z-index:10;}
.banner .bd .item .bg{display:block; background:no-repeat center center;}
.banner .bd .item .box, .banner .bd .item .p_img, .banner .bd .item .bg, .banner .bd .item .txt{position:relative;}
.banner .bd .item .txt{z-index:6;}
.banner .bd .item .box{overflow:hidden;}
.banner .bd .item .box .big{width:100%; height:inherit;}
.banner .bd .item .i1, .banner .bd .item .i2{display:block; position:absolute; left:50%; top:0; height:100%;}
.banner .bd .item .i1{z-index:2; left:0;}
.banner .bd .item .i2{z-index:1; left:auto; right:0; text-align:right;}
.banner .bd .item .i1 img, .banner .bd .item .i2 img{height:100%; display:inline-block;}
.banner .bd .item .title{display:block; width:100%; height:40px; line-height:40px; text-indent:10px; color:#fff; font-size:16px; font-weight:normal; text-align:left; background:url(../../Images/basic/black_bg.png); background:rgba(0,0,0,.7); position:absolute; left:0; bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.banner .bd .item .txt img{max-width:100%; display:inline-block;}
.banner .bd .item .MBI{display:none;}

.banner .hd{position:absolute; z-index:3; width:100%; bottom:3%; left:0; text-align:center; box-sizing:border-box;}
.banner .hd i{display:inline-block;  font-style:normal; width:40px; height:4px; font-size:0; line-height:1; margin:0 7px; cursor:pointer; vertical-align:top; filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; background:#777;
border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.banner .hd i.on{background:#08a; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
/*.banner .hd i.on:after{content:" "; display:inline-block; width:14px; height:14px; border:1px solid #fff; margin:-4px 0 0 -4px;
border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; opacity:.5;}*/

.banner .ctrl{display:inline-block; position:absolute; z-index:4; width:50px; height:70px; top:50%; margin-top:-35px;
background:url(../../Images/bnn_ctrl.png) no-repeat;
filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
/*border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;*/
transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;}
.banner .ctrl.prev{left:-50px; background-position:5px 0px;}
.banner .ctrl.next{right:-50px; background-position:-95px 0px;}
.banner .ctrlOver{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
.banner .ctrlOver.prev{left:20px;}
.banner .ctrlOver.next{right:20px;}

.banner, .banner .bd .item, .banner .bd .item .bg, .banner .bd .item .txt, 
.banner .bd .item .big,.banner .bd .item .big img{width:100%; height:580px;}
.banner .ctrl{display:none;}
/*主Banner* /
.banner_mainBanner, .banner_mainBanner .bd .item, .banner_mainBanner .bd .item .bg, .banner_mainBanner .bd .item .txt, 
.banner_mainBanner .bd .item .big,.banner_mainBanner .bd .item .big img{width:100%;}
.banner_mainBanner .ctrl{display:none;}

/*内页Banner* /
.banner_pageTopBanner, .banner_pageTopBanner .bd .item, .banner_pageTopBanner .bd .item .bg, 
.banner_pageTopBanner .bd .item .txt{height:450px;}

/*横向导航条*/
.subHNav{position:relative; overflow:hidden; padding:0;}
.subHNav, .subHNav dl{height:120px; box-sizing:border-box;}
.subHNav dl{position:absolute; background:url(../../Images/basic/alpha.gif); white-space:nowrap; min-width:100%; padding:30px 0; font-size:0; text-align:center;}
.subHNav dd{display:inline-block; padding:0 20px;}
.subHNav a{display:inline-block; padding:15px 5px; white-space:nowrap; font-size:16px; font-weight:bold; text-align:center;}
.subHNav a.on, .subHNav a.sel{color:#08a; border-bottom:3px solid #08a; box-sizing:border-box;}
.subHNav dt{display:none;}
.subHNavIco, .subHNavIco dl{height:220px;}
.subHNavIco dd{padding:0 50px;}
.subHNavIco dd a i{display:block; width:100px; height:100px; margin:0 auto 15px auto; background:no-repeat 0 0/100px 200px;}
.subHNavIco a.on, .subHNavIco a.sel{border-bottom:none;}
.subHNavIco a.on i, .subHNavIco a.sel i{background-position:0 -100px;}

/*侧面导航*/
.sideNav{float:left; width:20%; box-sizing:border-box; padding:20px 40px 20px 0;}
.sideNav h1{font-size:20px; font-weight:bold; padding-bottom:20px; color:#08a;}
.sideNav ul{list-style:none;}
.sideNav li{padding:2px 0;}
.sideNav li a{display:block; padding:15px 20px; font-size:15px; font-weight:bold;}
.sideNav li a.sel{background:#08a; color:#fff; background-image: linear-gradient(to right,#08a,#fff);}
.webRight{float:right; width:80%;}

/*通用*/
.page_floor{margin:0; position:relative; font-size:1rem; line-height:2;}
.page_floor .pgWidth{position:relative;}
.page_floor img{max-width:100%; max-height:100%; height:auto !important;}

.webBody{padding:50px 0;}
.bg_gray{background:#f8f8f8;}
.subNav{padding:20px 0; border-bottom:1px solid #ccc;}

.headImage{overflow:hidden; text-align:center;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
    -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
    -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.headImage img{width:100%; pointer-events:none;/*点击穿透*/}

.webTitle{padding:50px 0; text-align:center;}
.webTitle h1{font-size:30px; line-height:1; font-weight:bold; color:#08a;}
.webTitle h2{font-size:18px; line-height:1.5;font-weight:normal;padding-top:10px;color:#999; font-family:"MyriadPro-Regular_0"; letter-spacing:3px;}

.txtTitle{padding:20px 0; text-align:center;}
.txtTitle h1{font-size:22px; font-weight:bold; padding:0 0 20px 0; color:#08a; position:relative;}
.txtTitle h1:after{content:" "; display:block; width:40px; margin-left:-20px; height:3px; font-size:0; background:#08a; position:absolute; bottom:0; left:50%;}
.txtTitle h3{font-size:14px; font-weight:normal; color:#777; padding:3px 0; margin-top:10px;}
.txtTitle h3 span{padding:0 10px; display:inline-block; height:16px; line-height:16px;}

.webText{font-size:1rem; line-height:2; padding:20px 0;}
.webText iframe{border:none;}
.webText img{max-width:100%; max-height:100%; height:auto !important;}

.more_cnt{text-align:center; padding:50px 0;}

.text_title{font-size:24px; color:#08a; padding:30px 0;}
.text_ul{list-style:none;}
.text_ul li{padding:10px 0 10px 25px; position:relative;}
.text_ul li:before{content:" "; display:block; width:7px; height:7px; background:#08a; position:absolute; left:5px; top:23px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}


/*手机版*/
@media (max-width: 1200px) {
	.foot_lft{padding-right:30px;}
	.foot_cnt{padding:0 35px;}
	.foot_rgt{padding-left:30px;}
	.webBody, .webTitle{padding:30px 0;}
	#webNav{padding-right:150px;}
	#webNav dd a{padding:0 10px;}
}
@media (max-width:1024px){
	#webNav, .chdNav, #webHeader .keys .eg, #webHeader .keys .sch, #webHeader .keys .search, #webHeader .keys .info{display:none;}
	#webHeader .navKey,.rightFloatDiv{display:block;}
	
	#webNav dd a{height:57px; line-height:60px;}
	#webHeader .box{height:60px;}
	#webHeader.headFloat .chdNav{top:60px;}
	#rightNav{padding-top:60px;}
	#webHeader .logo{top:17px;}
	#webHeader .logo a{width:150px; height:25px;}
	#webHeader.headFloat .logo a{background-position:0 -25px;}
	.navKey{top:10px;}
	#webHeader .keys{top:10px; right:10px; text-align:center;}
	#webHeader .keys .en{display:inline-block; width:40px; height:40px; line-height:40px; font-size:16px; margin:0;}
		
	.subHNav, .subHNav dl{height:70px;}
	.subHNav dl{padding:5px 0;}
	.subHNav dd{padding:0 10px;}
	.subHNavIco, .subHNavIco dl{height:180px;}
	.subHNavIco dl{padding:10px 0;}
	.subHNavIco dd{padding:0 30px;}
	
	.sideNav{float:none; width:100%; padding:20px 0; text-align:center;}
	.sideNav li{display:inline-block; padding:5px 0px;}
	.sideNav li a{display:inline-block; padding:8px 10px; font-size:14px;}
	.sideNav li a.sel{background-image:none;}
	.webRight{float:none; width:100%;}
	
	.footTxt{padding:20px 0;}
	.footTxt:before{height:20px;}
	.footTxt .pgWidth{display:none;}
	
	.webTitle h1{font-size:24px;}
	.webTitle h2{font-size:16px;}	
}
@media (max-width: 900px) {
	.headImage, .headImage img{height:280px;}
	.headImage img{width:auto;}
	
	.subHNavIco, .subHNavIco dl{height:150px;}
	.subHNavIco dl{padding:5px 0;}
	.subHNavIco dd{padding:0 20px;}
	.subHNavIco dd a i{width:80px; height:80px; background-size:80px 160px; margin-bottom:10px;}
	.subHNavIco a.on i, .subHNavIco a.sel i{background-position:0 -80px;}
}
@media (max-width:480px){
	.subHNavIco dd{padding:0 10px;}
}