@charset "utf-8";


body{font-size:12px; color:#666; background:#fff; width: 100%; }


body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{  font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; font-size:12px; font-weight:normal; font-style:normal;}




/******************************************************************common/////**********************************************************************/
header{ position: relative; width: 100%; background-color: #fff;  z-index: 999;    min-height: 79px;}
header .cont_box{    
	width: 90%;
    margin: auto;

}
header .logo{ float: left; line-height: 80px;}
header .menunav{ float: right; margin-right: 5%;}
header .menunav a{ vertical-align: middle; display: inline-block; width: 130px; height: 58px; text-align: center; line-height: 58px; font-size: 16px; color: #3E3B32; position: relative; z-index: 2;}
header .menunav a:after{ 
	background-color: #077e8c; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 0%; z-index: -1;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s
}
header .menunav a:hover,
header .menunav a.on{ color: #fff;}
header .menunav a:hover:after,
header .menunav a.on:after{ height: 100%;}




.phonemenu{ width: 100%; left: 0; top: 0; padding: 15px 0; background-color: #fff; z-index: 999; display: none;}
.phonemenu .phologo{ float: left; margin-left: 5%;}
.phonemenu .phologo img{ height: 30px;}
.phonemenu .picvr{ float: right; width: 38px; height: 28px; line-height: 28px; margin-right: 5%; margin-top: -2px; cursor: pointer;}
.phonemenu .picvr span{ display: inline-block; width: 35px; height: 3px; background-color: #C1A364; border-radius: 5px; position: relative;}
.phonemenu .picvr span:before{ position: absolute; content: ''; left: 0; top: -10px; width: 100%; height: 100%; background-color: #C1A364; border-radius: 5px;}
.phonemenu .picvr span:after{ position: absolute; content: ''; left: 0; bottom: -10px; width: 100%; height: 100%; background-color: #C1A364; border-radius: 5px;}

.phonavs{ width: 100%; height: 100%; background-color: rgba(7,126,140,0.9); position: fixed; top: 60px; left: 0; z-index: 999; padding-top: 30px;  display: none;}
.phonavs a{ display: block; padding: 10px 0; width: 100%; text-align: center; font-size: 20px; color: #fff;}

.xlnav{ width: 100%; position: absolute; left: 0; top: 73px; height: 60px; background-color: #fff; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
.xlnav .subxos{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.xlnav .subxos .neinav{ position: absolute; left: 0; top: 0; width: 100%; height: 60px; text-align: center; z-index: 0;
	opacity: 0;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.xlnav .subxos .neinav.act{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	z-index: 2;
}
.xlnav .subxos .neinav a{ vertical-align: top; display: inline-block; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff;}
.xlnav .subxos .neinav a.on,
.xlnav .subxos .neinav a:hover{ background-color: #f08d30; color: #fff;}
.xlnav .subxos .neinav:nth-of-type(1){ padding-left: 290px;}
.xlnav .subxos .neinav:nth-of-type(2){ padding-left: 380px;}
.xlnav .subxos .neinav:nth-of-type(3){ padding-left: 690px;}
.xlnav .subxos .neinav:nth-of-type(4){ padding-left: 880px;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left: 980px;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left: 50px;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left: 90px;}