/* ZGI_CSS_0_0_1 */
/*@font-face {
    font-family: 'Adobe Caslon Pro';
    src: url('../fonts/ACaslonPro-Regular.eot');
    src: url('../fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ACaslonPro-Regular.woff') format('woff'),
    url('../fonts/ACaslonPro-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}*/
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,"Microsoft Yahei";color:#505050;outline:0;}
body{background:url("../img/guanyu.jpg") center; background-size: cover;}
a{color: inherit}
a:hover{color:#5abebe;}
*{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.clear{clear:both;}


/* 结构 g- */

.g-top
{
	width: 100%;
	height: 100px;
	border-bottom:1px solid #6d75a2;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.g-top .touwei
{
	padding:0px 20px;
}
.g-top .logo
{
	display: inline-block;
	height: 100px;
	line-height: 100px;
}
.g-top .logo img
{
	vertical-align: middle;
	max-height:90px;
}
.g-nei
{
	width: 100%;
	position: relative;
	margin-top: 100px;
}
.g-zheng
{
	width: 1012px;
	margin:30px 0px;
	position: absolute;
	left: 50%;
	margin-left: -506px;
	background: url(../img/neibei.png);
	overflow: hidden;
}
.g-zheng .neirong
{
	width: 870px;
	margin:0px auto;
}
.g-bottom
{
	width: 100%;
	height: 80px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	text-align:center;
}
.g-bottom .banquan
{
	height: 15px;
	line-height: 15px;
	margin-bottom:10px;
	font-size: 12px;
	color:rgba(255,255,255,0.8);
}
.g-bottom .banquan span 
{
	margin:0px 7px;
}
.g-szhong
{
	width:1020px;
	height:300px;
	position:absolute;
	left:50%;
	margin-left:-510px;
	top:50%;
	margin-top:-150px;
}
.m-szhong
{
	width:280px;
	height:100%;
	background:url(../img/neibei.png);
	padding-top:30px;
}
.u-szhong
{
	width:100%;
}
.u-szhong .txts
{
	width:130px;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #696973;
	padding-left:30px;
	font-size:18px;
	color:#5abebe;
}
.u-szhong  .qita  
{
	padding-top:15px;
	padding-left:60px;
	font-size:14px;
	color:#fff;
}
.u-szhong  .qita  .qi 
{
	height:50px;
	line-height:50px;
	width:180px;
}
.u-szhong  .qita  .qi  .jiao 
{
	float:right;
}
.u-szhong  .qita a:hover  .qi
{
    margin-left:25px;
}


























/* 模块 m- */

.m-dao
{
	display: inline-block;
	height: 100px;
	float:right;
	padding-top:30px;
}
.u-dao
{
	float:left;
	position:relative;
	margin-left: 40px;
}
.u-dao:hover  .yins
{
	display:block;
}
.u-dao .yins
{
	width:210px;
	background:url(../img/neibei.png);
	position:absolute;
	left:50%;
	margin-left:-105px;
	top:70px;
	display:none;
}
.u-dao .yins p 
{
	border-bottom:1px solid #0c0d11;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:14px;
	color:#fafafa;
	cursor:pointer;
}
.u-dao .yins p:hover 
{
	padding-left:30px;
}
.u-dao .yins p:hover .span1
{
	display:block
}
.u-dao .yins p  .span1
{
	position:relative;
	right:20px;
	display:none;
	color:#5abebe;
	float:right;
	height: 50px;
    line-height: 50px;
    padding-top: 0px;
    border: 0px;
	border-bottom:0px;
}
.m-dao span 
{
	height: 70px;
	padding-top:20px;
	border-bottom: 2px solid;
	border-color:  rgba(0,0,0,0);
	display: inline-block;
	color:rgba(255,255,255,0.8);
	cursor:pointer;
	font-size: 16px;
}
.m-dao span:hover 
{
	border-bottom:2px solid #009bb9; 
} 
.m-dao .tag
{
	border-bottom:2px solid #009bb9; 
}
.m-lianxi
{
	width:210px;
	height: 30px;
	margin:20px auto 30px;
	display:none;
}
.m-lianxi .di 
{
	float:left;
	margin:0px 18px;
	position:relative;
}
.m-lianxi .di  span
{
	width:30px;
	height:30px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
.m-lianxi .di  span img
{
	vertical-align: middle;
	position:relative;
	width:100%;
}
.m-lianxi .di  span:hover img 
{
	top:-30px;
}  
.m-lianxi .wenxin
{
	position:relative;
	cursor: pointer;
}
.m-neidao
{
	width:870px;
	height:160px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	top:0px;
}
.m-neidao  .ye 
{
	width:100%;
	text-align:center;
	font-size:28px;
	margin:35px 0px 12px;
	color:#5abebe;
}
.m-neidao  .ye  .yan 
{
	color:#5abebe;
}
.m-neidao .xian 
{
	width:50px;
	height:2px;
	margin:0px auto;
	background:#fff;
}
.m-xlie
{
	width:100%;
}
.m-fangshi
{
	width:100%;
	margin-bottom:100px;
}
.m-mianfei
{
	width:100%;
}
.m-mianfei .zuo 
{
	width:35%;
	margin-right:4%;
	float:left;
}
.u-mianfei
{
	width:100%;
	height:35px;
	margin-bottom:10px;
}
.u-mianfei input 
{
	width:100%;
	height:100%;
	padding:0px 10px;
}
.u-txtds
{
	width:61%;
	float:left;
}
.u-txtds textarea
{
	width:100%;
	height:125px;
	padding:5px;
	font-size:14px;
}
.u-tijiao
{
	width:300px;
	height:37px;
	text-align:center;
	line-height:37px;
	border:1px solid #5abebe;
	color:#5abebe;
	font-size:14px;
	margin:80px auto 0px ;
	cursor:pointer;
}
.u-fang
{
	width:32%;
	float:left;
	height:44px;
}
.u-fang .fimg
{
	width:44px;
	height:44px;
	overflow:hidden;
	float:left;
}
.u-fang .fimg img 
{
	width:100%;
}
.u-fang .ftxt
{
	width:210px;
	float:left;
	height:44px;
	line-height:22px;
	font-size:14px;
	color:#e6e6e6;
	border-left:1px solid #e6e6e6;
	margin-left:15px;
	padding-left:15px;
}



































/* 原件 u- */
.u-beijing
{
	width:100%;
	height:100%;
	position:absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.u-beijing img 
{
	width:100%;
	height: 100%;
}
.u-txt
{
	width:100%;
	font-size:14px;
	color:#f8f8f8;
	line-height:25px;
	text-indent:2em;
	padding-top:15px;
}

.u-txt img
{
	max-width: 100%;
}

.u-txta
{
	line-height:36px;
}
.u-txtb
{
	text-indent:0em;
}
.u-txtd
{
	text-indent:0em;
}
.u-txta  .tit 
{
	color:#5abebe;
	text-indent:0em;
}
.u-txtb .tit 
{
	color:#5abebe;
}
.u-txtc
{
	width:100%;
	font-size:14px;
	color:#f8f8f8;
	line-height:27px;
	/*text-align:center;*/
	padding-top:15px;
}
.u-txtc img
{
	max-width: 100%;
}
.u-txtc  .ye 
{
	width:100%;
	text-align:center;
	font-size:18px;
	margin:5px 0px 12px;
	color:#5abebe;
}
.u-txtc .xian 
{
	width:50px;
	height:2px;
	margin:0px auto 14px;
	background:#fff;
}
.u-weixin
{
	width: 120px;
	height: 120px;
	background: #fff;
	position: absolute;
	z-index: 9999999;
	left:50%;
	margin-left:-60px;
	bottom:35px;
	text-align: center;
	padding:6px;
	border:1px solid #6d75a2;
	display:none;
}
.u-weixin  img
{
	width: 100%;
}

.m-lianxi .di:hover .u-weixin
{
	display:block;
}
.u-fen
{
	width:100%;
	margin-top:40px;
	height:12px;
	font-size:12px;
	color:#b8b8b8;
	text-align:center;
}
.u-fen span 
{
	padding-bottom:6px;
	margin:0px 20px 0px 20px;
}
.u-fen span:hover 
{
	color:#ffffff;
	border-bottom: 1px solid;
	border-color:  rgba(255,255,255,0.8);	
} 
.u-fen span.ons 
{
	color:#ffffff;
	border-bottom: 1px solid;
	border-color:  rgba(255,255,255,0.8);
}
.u-imga
{
	width:100%;
	margin-bottom:15px;
}
.u-imga span 
{
	width:49%;
}
.u-imga span  img 
{
	width:100%;
}
.u-huan
{
	width:870px;
	left:71px;
	height:16px;
	line-height:16px;
	font-size:14px;
	color:#fff;
	position: absolute;
	bottom: 8px;
	z-index:999;
}

.u-xlie
{
	width:270px;
	float:left;
	color:#999999;
	font-size:12px;
	margin-bottom:30px;
	margin-right:30px;
}
.u-xlie .imgs
{
	width:100%;
	height:200px;
	overflow:hidden;
}
.u-xlie .imgs img 
{
	width:100%;
	height:100%;
}
.u-xlie  .biao 
{
	margin-top:22px;
	font-size:16px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	color:#cccccc;
}
.u-xlie  .time 
{
	margin-top:1px;
}
.u-xlie  .txt 
{
	margin-top:5px;
	line-height:25px;
	height:75px;
	overflow:hidden;
}
.u-xlie  .duo 
{
	color:#5abebe;
	width:100%;
	text-align:right;
}

.u-cli
{
	width:270px;
	height:200px;
	overflow:hidden;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	position:relative;
}
.u-cli .cimg
{
	height: 100%;
}
.u-cli img
{
	width: 100%;
	height: 100%;
}
.u-zda .cimg 
{
	width:100%;
	height:100%;
}
.u-zda .cimg img
{
	width:100%;
	height:100%;
}
.u-cli .ctit
{
	width:230px;
	height:50px;
	position:absolute;
	right:0px;
	bottom:15px;
	font-size:16px;
	color:#f8f8f8;
	line-height:50px;
	padding:0px 20px;
	background:rgba(0,0,0,0.7);
}
.u-cli .ctits
{
	padding:5px 20px;
	line-height:20px;
}
.u-cli .ctits p 
{
	font-size:12px;
	color:rgba(255,255,255,0.7);
}
.u-cli .ctit:hover 
{
	color:#5abebe;
}
.u-xiang
{
	width:100%;
	text-align:center;
	/*margin-top:30px;*/
	color:#f8f8f8;
	font-size:12px;
}
.u-xiang span 
{
	margin:0px 10px;
}
.u-zda
{
	width:100%;
	height:270px;
	overflow:hidden;
	margin-bottom:30px;
	position:relative;
}
.u-zda .cimg 
{
	width:100%;
	height:100%;
}
.u-zda .cimg  img 
{
	width:100%;
	height:100%;
}
.u-zda .ctit
{
	width:230px;
	height:50px;
	position:absolute;
	right:0px;
	bottom:25px;
	font-size:16px;
	color:#f8f8f8;
	line-height:50px;
	padding:0px 20px;
	background:rgba(0,0,0,0.7);
}
.u-zda .ctit:hover 
{
	color:#5abebe;
}

.u-jiazai
{
	width:130px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:14px;
	color:#fff;
	margin:0px auto;
	background:#084F4F;
	border-radius:5px;
	cursor:pointer;
}
.u-jiazai:hover
{
	background:#5abebe;
}

.u-fanhui
{
	position: absolute;
	left: 10px;
	top: 35px;
	font-size: 12px;
	color: #b8b8b8;
	padding: 5px 10px;
	border: 1px solid #b8b8b8;
}















/* 本例子css */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:3px; overflow:hidden; position:absolute;left:50%;margin-left:-132px;bottom:135px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0px 1px; background:#303030; width:52px; height:3px;cursor:pointer; }
.slideBox .hd ul li.on{ background:#5abebe; }
.slideBox .bd{ position:relative; height:100%; z-index:0; height:100%;  }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:100%; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }



/*功能性代码 f- */
/* scr_con style */
.demo {position:relative;width:910px;margin:160px auto 40px;}
.scrollBar{height:100%;width:5px;background-repeat:repeat-y;background:url(../img/xiala1.png) top right;overflow:hidden;position:absolute;right:0px;top:0;z-index:111}
.scrollHandle{width:5px;position:absolute;height:49px;left:1px;top:0px;cursor:n-resize;overflow:hidden;background-image:url(../img/xiala.png);background-repeat:no-repeat;}
#txt{padding:0px 20px;}










.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd{width:100%;  height:0px; position:absolute;left:0px;top:50%;margin-top:-15px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:30px; overflow:hidden; cursor:pointer;}
.picScroll-left .hd .prev{ background:url("../img/zuo.png") no-repeat;background-size:30px 30px;float:left; }
.picScroll-left .hd .next{ background:url("../img/you.png") no-repeat; background-size:30px 30px;float:right;}
.picScroll-left .bd{ padding:0px 30px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }



.u-sshi{width:300px;height:300px;display:block; }
.u-sshi .xian .pic img{ width:300px; height:260px; display:block;  }
.u-sshi .xian  .title{ background:#fff;line-height:40px;font-size:14px;color:#333;text-align:center;}
.u-sshi .url{display:none;}

.m-stan
{
	width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
	background:#000;
	opacity:0;
}
.m-stan .stan
{
	width:80%;
	position:absolute;
	left:50%;
	margin-left:-40%;
	top:50%;
	text-align:center;
	height:auto;
	background:#000;
}
.m-stan  .guan 
{
	width:24px;
	height:24px;
	position:absolute;
	right:11%;
	cursor:pointer;
	z-index:9999;
}
.m-stan  .guan  img 
{
	width:100%;
}
.m-stan .stan video
{
	width:100%;
	height:100%;
}

.m-video .u-frontier:hover  .fimg img 
{
    transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);             /* IE 9 */
	-webkit-transform: scale(1.1,1.1);      /* Safari and Chrome */
	-o-transform: scale(1.1,1.1);            /* Opera */
	-moz-transform: scale(1.1,1.1);         /* Firefox */
}
.m-video .u-frontier:hover  .fimg  span img{transform: scale(1,1);}


/*--------------------------------------------*/
/* 响应式media */
/* 横屏 */
@media screen and (orientation:landscape){

}
/* 竖屏 */
@media screen and (orientation:portrait){

}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){

}
/* 打印 */
@media print{

}
/*phone*/
@media screen and (max-width: 767px) {

}
/*pad*/
@media screen and (min-width: 768px) {

}
/*disktop*/
@media screen and (min-width: 992px) {

}
/*bigscreen*/
@media screen and (min-width: 1200px) {

}
.f-powerby
{
text-indent: -8000px;
position: absolute;
top: 0px;
left: 0px;
}