html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:72%; margin:0 auto;}
/********General**********/
.tel{ display:none;}
.header{ width:100%; float:left;}
.header .w{ width:1200px;}
.top{ width:100%;background:#7787a4; float:left; position:relative; z-index:99999; position:fixed; top:0px;}
.logo{ margin-top:3%; float:left; }
.logo img{ width:100%;}
.nav{ float:right; width:75%;}
.nav li{ float:left; font-size:1.6rem; color:#fff; position:relative; float:left; width:9.5%; text-align:center; height:108px; border-right:1px solid #FFF;}
.nav li i{ display:block; width:100%; height:33px; margin-top:25px; margin-bottom:5px;
-webkit-transition:1s ease;-moz-transition:1s ease;
}
.nav li:hover i{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}
.m_nav{ display:none;}
.nav li:nth-child(1) i{ background:url(nav1.png) center no-repeat;}
.nav li:nth-child(2) i{ background:url(nav2.png) center  no-repeat;}
.nav li:nth-child(3) i{ background:url(nav3.png) center  no-repeat;}
.nav li:nth-child(4) i{ background:url(nav3.png) center  no-repeat;}

.nav li:nth-child(5) i{ background:url(nav4.png) center  no-repeat;}
.nav li:nth-child(6) i{ background:url(nav5.png) center  no-repeat;}
.nav li:nth-child(7) i{ background:url(nav6.png) center  no-repeat;}
.nav li:nth-child(8) i{ background:url(nav7.png) center  no-repeat;}
.nav li:nth-child(9) i{ background:url(nav8.png) center  no-repeat;}
.nav li:nth-child(10) i{ background:url(nav9.png) center  no-repeat;}

.nav li dl{ display: block; width:180%; position:absolute; top:108px; left:-40%;background:#6f81a0; z-index:9999;
-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.nav li:hover dl{box-shadow: 2px 3px 2px 1px #6f81a0;
}
.nav li dd{font-size:1.6rem; color:#fff;  line-height:40px; height:0px; text-align:center; float:left; width:100%; overflow:hidden;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.nav li:hover dd{ height:40px; border-top:1px solid #FFFFFF;}
.nav li dd:nth-child(1){ border:none;}



.footer{ width:100%; float:left; padding:3rem 0 0 0; margin-top:3rem; overflow:hidden; height:auto; background:url(footerbj.jpg) top center repeat-x;background-color:#001d55;}
.fnav{ width:70%; float:left;}
.fnav li{ width:11.1%; float:left; font-size:1.rem; color:#bec1ca; text-align:center;}
.fnav li a{ display:block; width:80%; margin:0 auto; padding:5% 0;}
.fnav li:hover a{ background:#818181; color:#fff;}
.footl{ width:85%; float:left; margin-top:3%;}
.flogo{ width:15%; float:left;}
.flogo img{ width:100%;}
.ftel{ width:75%; float:right; padding-left:5%; border-left:1px solid #8c99b1;}
.ftel p{ width:45%; margin-top:0.5rem; font-size:1.2rem; line-height:2; float:left; color:#a6aab7; text-indent:3rem;}
.ftel p:nth-child(1){ background:url(ftel1.png) left center no-repeat}
.ftel p:nth-child(2){ background:url(ftel2.png) left center no-repeat}
.ftel p:nth-child(3){ background:url(ftel3.png) left center no-repeat}
.ftel p:nth-child(4){ background:url(ftel4.png) left center no-repeat}
.link{ width:100%; float:left; margin-top:1rem;}
.link p{ font-size:1.4rem; color:#FFF; margin-bottom:1rem}
.link a{ font:1.2rem/2 "宋体"; margin-left:0.3rem; color:#a6aab7;}
.ewm{ width:13%; float:right; background:url(ewm.png) center no-repeat; height:15rem;}
.admin{ width:100%; margin-top:2%; border-top:1px solid #FFF; font:1.4rem/3 Arial, Helvetica, sans-serif; color:#5d6676;}
.admin span{ float:right;}
.madmin{ display:none;}





