@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html {
    -webkit-text-size-adjust: none;
}
body{ min-width: 1200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
    _width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#999;}
a:hover{color:#0A408A;text-decoration:none;}
.clear{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.kongge{ clear:both;height:15px;line-height:0;font-size:0;overflow:hidden;}
.kongge2{ clear:both;height:10px;line-height:0;font-size:0;overflow:hidden;}
body{font-size:12px;font-family:"microsoft yahei";color:#666;behavior:url("csshover.htc");}
.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.font12{font-size:0.75em;}.font14{font-size:0.875em;}
.en{font-family:Arial, Helvetica, sans-serif;}
.bold{font-weight:bold;}
.cen{text-align:center;}
.ov{overflow:hidden;}
.wrap{width:1200px;margin:0 auto;}
.wrap img{ display:block;}
.wrap2{width:1200px;margin:20px auto;}
.wrap3{width:1200px;margin:0 auto;background:#EAEAEA;}
.hui{background:#f1f1f1;}
.bai{background:#fff;}
.fr{float:right}

.banner{width:100%;height:490px;background:url('/upLoad/slide/month_1504/20150424163408460.jpg') center top no-repeat;}
.xinwenbanner{width:100%;height:490px;background:url('/upLoad/slide/month_1504/xinwenbanner.jpg') center top no-repeat;}
.fuwubanner{width:100%;height:490px;background:url('/upLoad/slide/month_1504/fuwubanner.jpg') center top no-repeat;}
.lianxibanner{width:100%;height:490px;background:url('/upLoad/slide/month_1504/lianxibanner.jpg') center top no-repeat;}
.guanyubanner{width:100%;height:490px;background:url('/upLoad/slide/month_1504/guanyubanner.jpg') center top no-repeat;}

.header{width:100%;position:fixed;top:0;left:0;z-index:2;}
.headerbg{width:100%;height:70px;background:#000;position:relative;z-index:1;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;}

.logo{float:left;width:320px;}
.lang{float:right;}
/*头部*/
.nav{width:100%;height:70px;border-bottom:1px solid #333;position:relative;z-index:2;top:-70px;}
.nav ul{float:left;}
.nav li{float:left;height:70px;line-height:70px;margin:0 10px;display:inline;position:relative;z-index:3;}
.nav li a{display:block;padding:0 10px;font-size:13px;font-weight:bold;color:#ccc;}
.nav li a:hover, .nav li a.red, .nav li a.cur{display:block;color:#fff;background:#FF4800;}
/*子菜单*/
.nav li ul{position:absolute;width:250%;left:0;top:70px;display:none;z-index:2;background:#222327;overflow:hidden;}
.nav li ul a{float:left;width:90%;height:40px;line-height:40px;padding:0 5%;font-size:12px;font-weight:normal;color:#fff;border-top:1px solid #333;overflow:hidden;}

/* main_image */
.main_visual{height:422px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:422px;overflow:hidden;position:relative;}
.main_image ul{width:999999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:422px;background:url('../images/loading.gif') center center no-repeat;}
.main_image li a{display:block;width:100%;height:422px}

.flicking_con{position:absolute;bottom:50px;left:0;z-index:999;width:100%;text-align:center;overflow:hidden;}
.flicking_con a{display:inline-block;width:6px;height:6px;margin:0 6px;padding:0;background:url('../images/dot.png') no-repeat;overflow:hidden;}
.flicking_con a.on{background-position:right 0}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:50px!important;height:50px!important;top:50%;margin-top:-25px;}
#btn_prev{/*background:url(../images/prev.png) no-repeat left top;*/left:5%;}
#btn_next{/*background:url(../images/next.png) no-repeat right top;*/right:5%;}

.tit1{margin:30px 0;font-size:45px;color:#605E5E;/*font-family:Downlink;*/}
.tit2{margin:30px 0;font-size:45px;color:#fff;/*font-family:Downlink;*/}

.about{width:100%;}
.about ul{width:100%;}
.about li{float:left;width:297px;line-height:25px;margin:0 1px;display:inline;}
.about li p{width:100%;margin-bottom:50px;font-size:14px;padding-right:20px;}
.about li p.t{margin-bottom:30px;line-height:normal;font-size:32px;}
.about li p.desc{width:270px;line-height:normal;font-size:14px;}
.hidenr{display:none}

.imskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important }
.imskelayBox {width:900px;  height:500px; margin-top: -250px; margin-left: -450px; border:1px solid #ccc;background:#fff;position: fixed; left: 50%; top: 50%;z-index: 9999;  display: none; _display:none!important }
.imskeClaose { position: absolute; top:-20px; right:-20px; cursor: pointer; }
.imske_html{width:100%;position:relative;}

.mskeLayBg { background: #fff; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; opacity: 0.8; filter: alpha(opacity=80); display: none; _display:none!important }
.mskelayBox {width:1200px;min-height:300px;margin-left: -600px; border:1px solid #ccc;background:#fff;position:absolute; left: 50%; top:100px;z-index: 9999;  display: none;}
.mskeClaose { position: absolute; top:10px; right:10px; cursor: pointer; }
.mske_html{width:100%;position:relative;}
.nr dt{float:left;width:865px;text-align:center;overflow:hidden; padding-top:99px;}
.nr dt img{max-width:100%;}
.nr dd{float:left;width:275px;padding:100px 30px 50px;line-height:25px;}

.chengse{ width:100%; padding:30px 0 60px;background:#FF5d1d;overflow:hidden;}
.tabtit {width:100%;overflow:hidden; zoom:1;}
.tabtit li{ float:left; width:240px;height:245px;line-height:190px;text-align:center; color:#fff; font-size:32px;cursor:pointer;}
.tabtit li b{display:none;float:left;width:95px;height:55px;border-right:1px solid #fff;}
.tabtit li span{float:left;width:190px;height:190px;border:1px solid #FF7834;border-radius: 50%;background:#FF7834;}
.tabtit li.active span, .tabtit li.active span:hover{ border:1px solid #fff;background:none;}
.tabtit li.active b{display:block;}
.tabtit li span:hover{border:1px solid #FF6010;background:#FF6010;}

.tabcon{width:100%;line-height:22px;padding:10px 0;color:#fff;font-size:14px;border-top:1px solid #fff;}
.tabcon li{display:none; }
.tabcon li.thisclass{ display:list-item;}

.isort{ width:100%; background:#EBEBEB;overflow:hidden;}
.isort a{float:left;width:100%;height:70px;line-height:70px;text-align:center;font-size:14px;}
.isort a:hover, .isort li.active a{display:block;color:#fff;background:#ff5d1d;}
.isort li{float:left;width:25%;}
.tabcon2{width:100%;height:654px;overflow:hidden;}
.tabcon2 li{display:none;}
.tabcon2 li.thisclass{ display:list-item;}

.item{float:left;width:25%;*width:24.9%;height:auto;position:relative;}
.item .caption{display:none;position:absolute;top:0;left:0;width:100%;height:100%; vertical-align:middle;background:url(../images/dianbg.png) repeat;overflow:hidden;}
.item .caption a, .item .caption span{text-decoration:none;color:#fff;/*font-size:18px;*/ font-size:14px;/*padding-left:10px;padding-top:10px;*/display:block; text-align:center; position:absolute; top:45%; width:300px;}

.news{ width:100%; /*padding:0px 0px 30px 0px;*/ padding:0px; background:#F2F2F2;overflow:hidden;}
.newsl{ float:left;width:30%; padding:0px 0px 30px 0px;background:#F2F2F2;overflow:hidden;}
.newsl.date{ font-size:16px;font-weight:bold;color:#333;float:right;padding-right:20px;}
/*.newsr{ float:right;width:70%; padding:0px 0px 30px 0px;background:#F2F2F2;overflow:hidden;border-left:1px solid #ddd;}
.newsr h1{margin:0 auto;padding-left:150px;}*/
.newsr{width:800px; margin:0px auto; padding:45px 0px 30px 0px;background:#FFFFFF;overflow:hidden;/*border-left:1px solid #ddd;*/}
.newsr h1{margin:0 auto; text-align:center; padding-bottom:10px;}

/*.newsr visits{margin:0 auto;padding-left:150px;}*/
.news dt{float:left;width:600px;}
.news dt .item{width:300px;/*height:206px;margin-bottom:60px;*/ height:266px; }
.news dt .item .caption{height:266px;}
.news dd{float:right;width:550px;}
.news dd li{float:left;width:90%;padding:20px 1%;line-height:18px;border-bottom:1px solid #ddd;}
.news dd li span{font-size:11px;}
.news dd li a{display:block;margin:10px 0;font-size:16px;font-weight:bold;color:#333;}
.news dd li .newstitle{ overflow:hidden;}
.news dd li .newstitle a{ float:left;width:420px;}
.news dd li .newstitle span{ float:right; width:66px; text-align:right;}


.news .viewport { width: 520px; height: 570px; overflow: hidden; position: relative; }
.news .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.news .scrollbar{ position: relative; background-position: 0 0; float: right; width: 15px;}
.news .track { background-color: #ddd; height: 100%; width:3px; position: relative;}
.news .thumb { background:#888; height: 20px; width:3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
.news .disable { display: none; }

.row{width:86%;margin:0 auto;}
.row img{float:left;width:155px;margin:0 8px;display:inline;}

.four ul{float:left;width:25%;}
.four li{float:left;width:100%;line-height:25px;color:#999;}
.four ul.w li{width:80%;}
.four li a{color:#999;}
.four li span{display:block;}
.four li.t{height:100px;line-height:120px;font-size:18px;}


.gotop {display: none;position:fixed;transition: bottom ease .3s;bottom:100px;z-index: 9999;width:50px;height: 50px;background:url(../images/top.png) no-repeat;overflow:hidden;cursor:pointer; text-indent:-999em;}
a:hover.gotop {background-position:0 -50px}

.fnav ul{float:left;width:145px;}
.fnav li{float:left;width:100%;height:28px;font-size:14px;color:#999;}
.fnav li a{display:block;color:#999;}
.fnav li.t{height:45px;font-size:20px;}
.fnav ul.wx{float:right;width:425px;line-height:25px;border-left:1px solid #ddd;padding-left:45px;padding-top:20px;}
.fnav ul.wx img{float:left;}
.fnav ul.wx p{float:right;width:315px;}
.fnav ul.wx p span{display:block}

.foot{width:100%;line-height:30px;padding:10px 0;color:#999;}
.foot a{padding:0 10px;color:#999;}
.bottom{line-height:23px;padding:10px 0;color:#999;border-top:1px solid #ddd;}
.flink a{padding:0 10px;color:#999;}


.where{width:98%;height:2em;line-height:2em;margin:0 1%;border-bottom:1px solid #eee;overflow:hidden;}
.where span{float:left;}
.where span a{padding:0 5px;}

.acon{width:94%;line-height:200%;padding:20px 3%;font-size:14px;}
.acon img{max-width:80%;}
.acon p{display:block;}
.acon h1{width:100%;height:2em;line-height:2em;margin:0.5em 0;font-size:2em;color:#BBA186;border-bottom:1px solid #BBA186;overflow:hidden;}
.acon .pic{width:30%}
.acon .bt{display:block;margin:80px 0 30px;font-size:32px;}

.sorts{ width:100%; background:#e3e3e3;overflow:hidden;height:70px;border-style:none;}
.sorts a{float:left;width:100%;height:70px;line-height:70px;text-align:center;font-size:14px;color:#666;border-style:none;}
/*.sorts a:hover, .sorts a.cur{display:block;color:#fff;background:#ff5d1d;border-style:none;}*/
.sorts a.cur{display:block;color:#fff;background:#ff5000;border-style:none;}
.sorts a:hover{display:block;color:#666;/*background:#ffa581;*/background:#d2d2d2;border-style:none;}

.subnav{display: none;position:fixed;top:0;z-index: 99;width:100%;height:70px;line-height:70px;background:url(../images/subnav.png) repeat;border-style:none;}

.subnav a{float:left;width:100%;height:70px;line-height:70px;text-align:center;font-size:14px;color:#666;}
.subnav a:hover, .sorts a.cur{display:block;color:#fff;background:#ff5000;border-style:none;}
/*.subnav a.cur{display:block;color:#fff;background:#ff5d1d;border-style:none;}*/

.newslist{width:98%;padding:10px 1%;}
.newslist li{width:100%;height:110px;padding:20px 0;border-bottom:1px solid #ddd;}
.newslist li .pic{float:left;width:15%;height:110px;border:1px solid #555;}
.newslist li p{float:right;width:82%;height:6em;line-height:1.5em;text-align:left;font-size:0.75em;overflow:hidden;}
.newslist li p.tit{height:1.75em;font-size:1em;font-weight:bold;}
.newslist li p.tit .more{float:right;width:50px;height:25px;line-height:25px;padding-left:10px;font-size:0.75em;font-weight:normal;background:url(../images/more.jpg) 43px center no-repeat #EBEBEB;}
.newslist li p.dates{height:1.8em;text-align:right;font-size:0.75em;}
.newslist li p.dates span{padding:0 10px 0 18px;}
.newslist li p.dates span.visits{background:url(../images/visits.jpg) 0 3px no-repeat;}
.newslist li p.dates span.date{background:url(../images/date.jpg) 0 3px no-repeat;}

.newscon{width:82%;padding:0 9% 80px;overflow:hidden;}
.newscon dt{float:left;width:240px;margin-top:60px;text-align:center;color:#aaa;border-bottom:1px solid #ccc;}
.newscon dt span{display:inline-block;}
.newscon dt span.d{font-size:56px;}
.newscon dt span.r{padding:45px 0 0 10px;}
.newscon dd{float:left;width:670px;line-height:28px;padding-left:70px;font-size:14px;border-left:1px solid #ccc;}
.newscon dd h1{width:100%;margin:30px 0 50px;text-align:center;font-size:22px;color:#555;}

.prolist{width:100%;/*background:url(../images/prolist.jpg) repeat;*/}
.prolist .item{width:33.3%;height:275px; overflow:hidden;}
.prolist .item .caption{height:275px;}
.prolist .item .caption{color: #FFF;font-size: 18px;padding-left: 10px;padding-top: 10px;display: block;}

.prolist li{float:left;width:25%;height:250px;*line-height:40px;text-align:center;overflow:hidden;}
.prolist li img{width:95%;height:210px;border:1px solid #ccc;}
.prolist li a{display:block}

.prenext{width:100%;line-height:32px; overflow:hidden;}
/*.prenext a.l{float:left;padding-left:40px;background:url(../images/l.png) 0 3px no-repeat;}
.prenext a.r{float:right;padding-right:40px;background:url(../images/r.png) right center no-repeat;}*/
.newsprev{ float:left; /*padding-left:30px;*/}
.newsnext{ float:right;/* padding-right:30px;*/}

.contact dt{float:left;width:50%;}
.contact dd{float:left;width:40%;padding:30px 5%;}
.contact2{float:left;width:595px;border-right:5px solid #fff;}
.contact2 dt{float:left;width:100%;}
.contact2 dd{float:left;width:90%;padding:30px 5%;}

.joblist{width:100%;line-height:30px;position:relative;}
.joblist .tou{position:absolute;left:0;top:0;width:100%;}
.joblist ul{width:100%;padding:130px 0;}
.joblist ul.bg0{height:500px;}
.joblist ul.bg1{padding-top:500px;background:#F8F8FA;}
.joblist ul.bg2, .joblist ul.bg4{background:#F1F1F3;}
.joblist ul li{line-height:50px;font-size:18px;color:#999;}
.joblist ul li .t{font-size:22px;color:#666;}

.liucheng{width:100%;line-height:30px;position:relative;}
.liucheng ul{width:100%;padding:130px 0;}
.liucheng ul.bg{background:#e8e8e8;}
.liucheng ul li .zi{line-height:30px;color:#666;}
.liucheng ul li .zi font{display:block;line-height:50px;margin-bottom:30px;font-size:36px;color:#ff8708;}
.liucheng ul li .zi font.w{color:#fff;}
.liucheng ul.bg1{background:#f1f1f1;overflow:hidden;}

.linian{width:100%;position:relative;}
.linian ul{width:100%;padding:0px 0;}
.linian ul.bg{background:#e8e8e8;overflow:hidden;}
.linian ul li{}

/* pages */
.wp-pagenavi{padding:30px 0;width:100%;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span{padding:6px 12px;margin:2px;font-size:13px;color:#333;background:#E6E6E6;}
.wp-pagenavi a:hover, .wp-pagenavi span.cur{color:#fff;background:#595959;}
.pageleft {
	overflow: hidden; width: 300px; line-height: 24px; height: 24px
}
.pageright {
	overflow: hidden; width: 300px; line-height: 24px; height: 24px
}
.pageleft {
	padding-left: 10px; float: left; text-align: left
}
.pageright {
	padding-right: 10px; float: right; text-align: right
}

/* ݷҳ */
.pages{
	text-align:center;margin-top:20px;
}
.pages a, .pages span{
	margin:2px;
	padding:2px 6px;
	border:1px solid #999999;
	color:#666;
}
.pages span, .pages a:hover{
	border-color:#ccc;
	color:#000;
}
.pages span font{
	color:inherit;
}
a.button_2:link,a.button_2:visited{
	display:block;
	width:77px;
	height:33px;
	line-height:33px;
	background:#000;
	border:none;
	font-weight:bold;
	cursor:pointer;
	text-align: center;
	letter-spacing: 0.5em;
	color:#FFFFFF;
}
a.button_2:hover{
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
}
/*   --- 分 页 处 理   ---*/
.dede_pages{
 margin-top:35px; text-align:center;
}
.dede_pages ul{
display:inline-block;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	display:inline-block;
}
.dede_pages ul li a{

	padding:4px 8px 4px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#fff;
	text-decoration:none;
	padding:4px 8px 4px;
	background-color:#595959;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:25px;
	padding:0px 10px 0px 16px;
	color:#999;
	display:inline-block;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.wrap123 img{ max-width:100%;}


.casehover{width:100%;height:42px;position:absolute;background-color:rgba(90,90,90,0.4);top:100%; text-align:center; color:#FFFFFF; line-height:18px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
}
.prolist .item:hover .casehover{ top:233px;}
.hovertitle1{ font-size:14px; position:relative; padding-top:3px;}
.hovertitle2{ font-size:12px; position:relative}



.mega-hover { 
	width:100%;
	height:100%;
	position:absolute;
/*	background: url(../images/grain.png) repeat;*/
	background-color:rgba(43,43,43,0.8);
/*	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	top:100%;
}
.prolist .item:hover .mega-hover{ top:0;}


/*.mega-hovertitle,  .mega-hoverlink,  .mega-hoverview {*/
.mega-hoverlink,  .mega-hoverview {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s; /* Firefox 4 */
	-webkit-transition-delay: 0.2s; /* Safari and Chrome */
	-o-transition-delay: 0.2s; /* Opera */
}
.mega-hovertitle {
	position:absolute;
	color:#fff;
	font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体";
	font-size:14px;
/*	font-weight:700;*/
	text-align:center;
	width:100%;
	top:30%;
	/*padding:0px 0px 15px;
	left:20%;
	bottom:40%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
}
.mega-hovertitle .mega-hoversubtitle {
	color:#fff;
	font-size:12px;
	line-height:13px;
	font-weight: 400;
	margin-top: 5px;
}
.mega-hoverlink {
	left:50%;margin-left:-16px;
/*	right:50%;
	margin-right:15px;
	background:url(../images/link.png) no-repeat center;*/
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.mega-hoverlink,  .mega-hoverview {
	width:33px;
	height:33px;
	position:absolute;
	top:50%;
	text-align:center;
	margin-top:0px;
	cursor:pointer;
}
.mega-hover.alone .mega-hoverview {
	margin-left:-16px;
	margin-top: -20px;
}
.mega-hover.alone .mega-hoverlink {
	margin-right:-16px;
	margin-top: -20px;
}
/********************************
		-	 THE HOVER EFFECT -
**********************************/
.mega-hover:hover .mega-hoverlink {
	right:50%;
	margin-right:5px;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s; /* Firefox 4 */
	-webkit-transition-delay: 0.1s; /* Safari and Chrome */
	-o-transition-delay: 0.1s; /* Opera */
}
.mega-hover:hover .mega-hoverview {
	left:50%;
	margin-left:5px;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s; /* Firefox 4 */
	-webkit-transition-delay: 0.1s; /* Safari and Chrome */
	-o-transition-delay: 0.1s; /* Opera */
}
.mega-hover.alone:hover .mega-hoverview {
	margin-left:-16px;
	margin-top: 0px;
}
.mega-hover.notitle.alone:hover .mega-hoverview {
	margin-left:-16px;
	margin-top: -16px;
}
.mega-hover.notitle.alone:hover .mega-hoverlink {
	margin-right:-16px;
	margin-top: -16px;
}
.mega-hover:hover .mega-hoverlink:hover,  .mega-hover:hover .mega-hoverview:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.mega-hover.notitle .mega-hoverlink,  .mega-hover.notitle .mega-hoverview {
	margin-top: -16px;
}
.fa-link{background: url(../images/link_clean.png) no-repeat; background-size:cover;  width:100%; height:100%; display:block;}
.prolist .mega-hoverlink, .prolist .mega-hoverview { margin-top: 20px; background: none; border: rgba(255,255,255,1) solid 2px; border-radius: 50%; }
.prolist .mega-hoverlink i, .prolist .mega-hoverview i { color: #fff; font-size: 16px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
.prolist .mega-hoverlink i { line-height: 30px; }
.prolist .mega-hoverview i { line-height: 28px; }
.prolist .mega-hover:hover .mega-hoverlink:hover, .prolist .mega-hover:hover .mega-hoverview:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #212121; border: rgba(255,255,255,0) solid 2px; }
.prolist .mega-hoverlink:hover i, .prolist .mega-hoverview:hover i { color: #00acc1; }


.headers { /*position: fixed;*/ /*left: 13%;width: 86%;*/ position:absolute; left:0; width: 100%; top: 0px; z-index: 9999; overflow: hidden; min-width: 1200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
    _width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px'); }

.bantouming { /*background: rgba(49,49,49,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; */ background:rgba(49,49,49,0.8)!important; filter:Alpha(opacity=80); background:#313131;}
.headers .logos { width: 10%; float: left; cursor: pointer; position:relative; overflow:hidden;}
.headers .logos img { max-width: 100%; display:block;}
.headers .navs { margin-left: 10%; padding-top: 4%; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 84%; overflow: hidden; }
.headers .navs a { color: #FFFFFF; margin-left: 5%; /*font-size: 1em;*/ font-size: 14px; }
.headers .navs a:hover { color: #e84709; }
/*.header:hover .nav { display: block; }*/
.headers .navhei a { color: #000000; }
.headers .navhei a:hover { color: #e84709; }
.containers { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (max-width: 768px) {
.containers { width: 720px; margin:0px auto; }
}
@media (max-width: 992px) {
.containers { width: 940px;  margin:0px auto; }
}
@media (min-width: 1200px) {
.containers { width: 1140px;  margin:0px auto; }
}

/*@media (max-width:480px){
.headers{ height:5em;}
.headers .logos { position:absolute; width:auto; height:5em}
.headers .logos img{ height:100%;}
.headers .navs { margin-left:15%;padding-top:2em;}
.headers .navs a{margin-left:5%;}
}

@media (max-width: 767px) {
.headers .navs a{ margin-left:3%; font-size:12px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.headers .navs a{ margin-left:4%;font-size:14px;}
}

@media (min-width: 1200px) {
.headers .navs a{font-size:14px;}
}*/

.pagelist a{ padding:0px 10px; font-size:14px;}
.current a{ color:#eb490b}
@media (max-width:480px) {
.headers .logos{ width:15%;}
.headers .logos img{ width:auto; height:140px;}
.headers .navs a{font-size: 35px;}
}