*{margin:0; padding:0;}
body {background-color:#666666; font-size:12px; height:100%;margin: 0;padding: 0; font: normal 100% '微软雅黑', Helvetica, Arial, sans-serif; }

html,body {height:100%;}
.main-box{position: absolute; left:50%; top: 76px; margin-left: -390px;}
/* header */
#header{ width:781px; height: 76px; margin:0 auto; position: absolute;left:50%; margin-left: -390px; background: #fff; z-index: 99999;}

img{margin: 0;padding: 0; font-size: 0; border: none;}
ul,li{margin: 0; padding: 0;}
a{text-decoration: none;transition: all .4s ease-in-out;}
.box{width: 1920px;}
/*头部*/
.logo{width: 240px; float: left; padding: 25px 30px 0 40px; box-sizing: border-box;}
.logo img{max-width: 100%;margin-top: -10px;}
.headbar{width: 541px; float: right;}
.advert{ border-top:solid 4px #00a0e9; padding-top: 10px; font-weight: bold; color: #999; font-size: 16px; }
#nav-menu{width:100%;z-index: 9999; margin-top: 15px;}
#nav-menu .container{position:relative;overflow:visible; z-index:99;}
#nav-menu .menu li{position:relative;float:left;display:inline;box-sizing: border-box;}
#nav-menu .menu li a.h2One{display:block;color:#9f9999;height:30px;line-height: 30px; font-weight: bold; margin: 0; text-decoration:none;font-size:12px; padding-left: 15px; padding-right: 15px; border-left: solid 1px #ccc;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.h2One:hover{color:#00a0e9; border-left: solid 3px #00a0e9;;}
#nav-menu .menu ul.children{display:none;position:absolute;top:30px;left:0;width:100%;}
#nav-menu .menu ul.children li{width:100%;display:block; height: 25px;}
#nav-menu .menu ul.children li a{width:135%;font-size:10px; height: 25px; font-weight: bold;line-height: 24px; background: url(../images/navbg1.png) repeat-x;display: block; overflow: hidden; color:#fff; padding-left: 10px; padding-right: 10px; text-decoration:none;}
#nav-menu .menu ul.children li a:hover{ display: block; background: url(../images/navbg2.png) repeat-x;text-decoration:none;}
/*渐隐*/
.banner-box{width:779px; padding: 1px; height:250px; margin:0 auto; background: #fff;}
.example{ z-index: 1;}
.luara-{position:relative;padding:0;overflow: hidden;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit; max-width: 100%;}
/*content */
#content{ width:781px; height:450px; margin:0 auto; background-color:#E6E7E8;}
#content02{ width:781px; height:350px; margin:0 auto; background-color:#E6E7E8; }
#content03{ width:781px; height:1170px; margin:0 auto; background-color:#E6E7E8; }
#content04{ width:781px; height:650px; margin:0 auto; background-color:#E6E7E8; }
#content05{ width:781px; height:455px; margin:0 auto; background-color:#E6E7E8; }
#content06{ width:781px; height:1050px; margin:0 auto; background-color:#E6E7E8; }
.more{ width:194px; height:184px; margin-left:1px; float:left; display:inline;}
#more_main{ height:70px; background:url(../images/company_02.jpg) repeat-y;}
#more_main p{ padding:8px 2px 0 12px; line-height:18px}
#more_main a{ color:#666666; text-decoration:none;font-size: 12px;}
#more_main a:hover{ color:#999}
#more_botton{ width:194px; height:30px;}
/* content text style */
#main{ width:395px; height:216px; margin-left:3px; float:left;display:inline;}
#main p{ padding-left:3px; padding-top:8px; font-size:12px; color:#333333;}
#main02{ width:380px; height:216px;float:left;display:inline;}
#main02 p{ padding-top:8px; font-size:12px; color:#333333;}
#main02 a{ color:#333333;}
#main02 a:hover{ color:#999999}
#main03{ width:455px; float:left; margin-left:8px; display: block;  }
#main03 p, #main04 p{ padding-left:3px; line-height:20px; padding-top:8px; font-size:12px; color:#333333;}
#main04 a{ color:#333;}
#main04 a:hover{ color:#666;}
#main04, #main05{ width:600px; float:left; margin-left:8px; }
#main04 li{ text-decoration:none; list-style-type:none; padding-top:5px; color:#333333;}
#main05 p{ padding-left:3px; line-height:20px; padding-top:8px; color:#333}
.pro{ margin-top:8px; color:#666666;}
.pro a{ color:#666; text-decoration:none;}
.pro a:hover{text-decoration:underline;}
/* content column style */
#column_left{ float:left; margin-left:1px;}
#column_right{ float:right; margin-right:1px;}
.sidebar{ width:150px; margin-top:15px; border-bottom:1px #A5A5A5 solid}

.top01, .top02{width:150px; height:31px;}
.top01{ background:url(../images/subnav_1.gif) no-repeat;}
.top02{ background:url(../images/subnav_2.gif) no-repeat;}
.top03{ background:url(../images/subnav_3.gif) no-repeat;}
.top04{ background:url(../images/subnav_4.gif) no-repeat;}
.top05{ background:url(../images/subnav_5.gif) no-repeat;}
h5{color:#fff; padding:7px 7px; font-size:12px;}
h5 a{color:#FFFFFF; text-decoration:none}

h4{ color:#333; padding-top:7px; font-size:16px;}
.con{ background:url(../images/subnav_02.gif) repeat-y; width:150px; height:50px;}
.con02{ background:url(../images/subnav_02.gif) repeat-y; width:150px; height:175px;}
.con03{ background:url(../images/subnav_02.gif) repeat-y; width:150px; height:83px;}
.sidebar p{width:130px; padding-bottom:5px; padding-top:5px; margin-left:8px; border-bottom:1px #999999 dotted; font-size:11px;}
.sidebar p a{ text-decoration:none; color:#999; list-style-type:none;}
.sidebar p a:hover{ color:#CC0001;}

/* footer */
#footer{ width:781px; height:65px; background:url(../images/footer_01.jpg) left no-repeat; background-color:#666666; margin:0 auto; clear:left;}
#footer ul{ color:#fff; margin-left:148px; padding-top:7px;}
#footer li{ float:left; padding:0 5px; list-style-type:none;}
#footer li a{ color:#fff; text-decoration:none; font-size:10px}
#footer p a{ color:#fff; text-decoration:none; font-size:12px}
#footer li a:hover{ color:#CC0001;}
#footer p{ color:#FFFFFF; padding-top:7px; margin-left:153px;}