@charset "utf-8";
/* CSS Document */
/*--初始化CSS--*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0; font-family: "微软雅黑";}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table{ border-collapse:collapse; }
body{ padding: 0; font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;background-color:#ffffff;/* overflow-y:scroll;*/ min-width:1200px; }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; }
a {text-decoration:none; color:#333;}
img{ display:block;}
.fl{ float:left;}
.fr{ float:right;}

/*--底部--*/
.footer{ width:100%; height:390px; background:url(../images/footer.jpg) no-repeat center; border-top:3px solid #ff0101;}
.footer_con{ width:1200px; height:390px; margin:0 auto;}
.footer_logo{ width:201px; height:184px; background:url(../images/logo_footer.png) no-repeat; float:left; margin-top:105px;}
.footer .xin{ width:325px; height:165px; float:left; margin-top:125px; margin-left:56px;}
.footer .xin p{ color:#9a9a9a; line-height:28px; position:relative;}
.footer .xin p a{ color:#9a9a9a; }
.footer .xin p b{ position:absolute; left:70px; top:8px;}
.footer ul{ width:586px; height:170px; float:right; margin-top:123px;}
.footer ul li{ width:153px; height:159px; float:left; border-right:1px solid #3e3e3e; margin-right:67px;}
.footer ul li h3{ height:30px; font-size:16px; font-weight:normal; width:75px; background:url(../images/xian.gif) no-repeat bottom left; color:#fff; margin-bottom:15px;}
.footer ul li a{ color:#9a9a9a; display:block; line-height:28px;}
.footer ul li a:hover{ color:#d41616;}
.links{ width:1200px; height:50px; border:1px solid #434343; box-sizing:border-box; float:left; margin-top:60px; padding:0 15px;}
.links span{ line-height:50px; color:#fff;}
.links a{ color:#fff; padding:0 8px;}


.ding{ width:100%; height:92px; background:#fff; position:relative; z-index:9; transition:all 0.5s;}
.logo2{ float:left; width:331px; height:72px; margin-top:18px; margin-left:5%; background:url(../images/logo.png) no-repeat; transition:all 0.5s;}
.nav2{ float:right;  height:92px; margin-right:5%; transition:all 0.5s; box-sizing:border-box;}
.nav2 a{ width:117px; height:92px; display:block; float:left; font-size:16px; color:#222; line-height:92px; text-align:center; margin:0px 5px; transition:all 0.5s; back}
.nav2 a:hover{ background:url(../images/yaunjiao.png) no-repeat; background:#1f68ee; color:#fff;}
.ding.active{ height:78px; background:#000;}
.ding.active .nav2{ height:78px; transition:all 0.5s;}
.ding.active .nav2 a{ color:#fff; height:78px; line-height:78px;}
.ding.active .logo{ width:260px; height:57px; margin-top:10px; background:url(../images/logo2.png) no-repeat; margin-left:8%; transition:all 0.8s;}

.ding2{ width:100%; height:92px; background:#fff; position:fixed; top:0; z-index:9; transition:all 0.5s;}
.ding2.active{ height:78px; background:#000;}
.ding2.active .nav2{ height:78px; transition:all 0.5s;}
.ding2.active .nav2 a{ color:#fff; height:78px; line-height:78px;}
.ding2.active .nav2 a:hover{ color:#fff;}
.ding2.active .logo2{ width:260px; height:57px; margin-top:12px; background:url(../images/logo2.png) no-repeat; margin-left:8%; transition:all 0.8s;}

.ding3{ width:100%; height:92px; background:#fff; position:fixed; top:0; z-index:9; transition:all 0.5s;}
.ding3.active{ height:78px; background:#000;}
.ding3.active .nav2{ height:78px; transition:all 0.5s;}
.ding3.active .nav2 a{ color:#333; height:78px; color:#fff; line-height:78px;}
.ding3.active .logo2{ width:260px; height:57px; margin-top:12px; background:url(../images/logo2.png) no-repeat; margin-left:8%; transition:all 0.8s;}


.map li{  display: block;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
    float: left;
    margin-right: 40px;
    border: 1px dashed #CCC;
    padding-bottom: 10px;}

.map li a{     display: block;
    padding: 10px 20px;
    font-weight: bold;}

.map li span{float:left;}

.map{width:1200px; height:600px;}