﻿@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; color:#333; background:#FFF /*url(../images/center.jpg) repeat left top*/; }
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#333; text-decoration:none;}
a:hover{ color:#c60001; text-decoration:none;}
input:focus,textarea:focus {outline: none;}
.clear{clear:both;}
.blank{font-size:0; height:10px; width:100%;}
.blank2{font-size:0; height:5px; width:100%;}
.blank3{font-size:0; height:2px; width:100%;}
.layout{width:100%; height:auto;background:#fff;}

.container-site{ height: 36px; background-color: #f7f7f7; }
.site{ width: 1200px; height: 36px; line-height: 36px; text-align: right; font-size: 12px; margin:0 auto; }
.weather{ width: 170px; height: 24px; float: right; margin-top: 6px; margin-left:10px; position: relative;}
.header{ width:1200px; height:270px;  margin:0 auto; }
.siteDate{ width: 160px; height: 36px; line-height: 36px; float: right; display: inline-block; }
.chat{ width: 36px; height: 36px; float: right; /* margin-top: 10px; margin-right: 10px; */position: relative; cursor: pointer;}
.chat h3{ width: 16px; height: 16px; padding:10px; overflow: hidden; }
.chat h3 img{ width: 16px; height: 16px; }
.chat p{ width: 114px; height: 114px; overflow: hidden; position: absolute; left:50%; top:36px; margin-left:-58px; border:1px solid #EEE; display: none;}
.chat p img{ width: 114px; height: 114px; }






.header{ width:1200px; height:140px;  margin:0 auto; background-image: url(../images/header.png); background-position: center center; background-repeat: no-repeat;position: relative;}
.logo{ width:350px; height: 140px; display: block; float: left;}
.logo img{ width:100%; }
.site-title{ width:112px; height: 36px; display: block; position:absolute; right: 0; top:0 ; }
.tools{  width: 304px; height: 36px; border:1px solid #e3e3e3; float: right; margin-top: 51px; display: inline-block; }
/*.date{ width: 240px; height: 36px; line-height: 36px; text-align: right; }*/
.search{ width: 304px; height: 36px;position: relative;top: 0;right: 0;}
.SearchBtn{ width: 48px; height:36px; float: right; position: relative; border-left:1px solid #e3e3e3; }
.SearchBtn input{ width: 48px; height:36px; border:0; background-color: transparent; background-image: url(http://mzj.bjdwjj.com/lygsmzj/mzj/images/search-submit.png); background-position: center center; background-repeat: no-repeat; }
.searchInput{ width: 235px; height:22px; float: left; padding:7px 10px;}
.searchInput input{ width: 235px; height: 22px; border:0; background-color: transparent; font-size: 14px; }


.container-nav{ height:52px; margin:0 auto; background-color: #c20505;}
.navlist{ width:1200px; margin:0 auto; height: 52px;}
.navlist li{ width:172px; height: 52px; line-height: 52px; font-size: 18px; text-align: center; float: left; box-sizing: border-box; position: relative; }
.navlist li::after{ content: ' ';width: 1px; height: 24px; background-color: #fd293a; position: absolute; left:0; top:50%; margin-top: -12px; }
.navlist li.lihome{ width: 168px }
.navlist li.lihome::after{ display: none; }
.navlist li h3{ width: 172px; height: 52px; font-weight: normal; font-size: 18px; }
.navlist li.lihome h3{ width: 168px; }
.navlist li h3 a{ width: 172px; height: 52px; display: block; line-height:52px;text-align: center; position: relative; color: #FFF; }
.navlist li:hover{background-color:#9e0000}
.navlist li.lihome h3 a{ width:168px; }
.navlist li h3 a:hover,.navlist li h3 a.on{ color: #FFF !important; }
.navlist li p{ width: 170px; height: auto; border:1px solid #910202; background-color: #9e0000; position: absolute; left:0; top:52px; z-index: 1000; display: none;}
.navlist li p a{ width: 170px; height: 40px; line-height: 40px; display: block; font-size: 14px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF !important; }
.navlist li p a:hover{ background-color: #FFF; color: #910202 !important; }

.container-col{ width:100%; height:auto; margin:0 auto; background-color: #ebf0f1; }

.main{height:auto;  margin:0 auto; }

.links{ width: 1160px; height: auto; padding:20px; background-color: #f7f4f0; }
.links h3{ width: 120px; height: 60px; overflow:hidden; float: left; }
.links .linksList{ width: 1040px; height: auto; float: right; }
.links .linksList li{ width: 172px; height: 30px; line-height: 30px; float: left; text-align: center; overflow:hidden; font-size: 12px; }

.container-banner{ height:230px; position: relative; /*background-color: #e12f26;*/ overflow-x: hidden;}
.container-banner p{ width: 1920px; height: 230px; position: absolute; left:50%; top:0; margin-left:-960px; }
.container-banner p img{ width: 1920px; height: 230px; }

.container-link{ height: auto; background-color: #f3f3f3; }
.link{ width: 1200px; margin:0 auto; }
.linkHeader{ width: 99px; height: 56px; line-height: 56px; float: left; font-size: 18px; text-align: left; border-right: 1px solid #cacaca; }
.linkSelect{ width: 360px; height: 36px; float: left; margin-top: -8px; margin-left:40px; margin-right: 40px;}
.linkSelect li{ width: 180px; height: 36px; float: left; position: relative; cursor: pointer;}
.linkSelect li h3{ width: 180px; height: 34px;  box-sizing: border-box; background-color: transparent; line-height: 34px; font-weight: normal; font-size: 16px; text-align: color: #000; text-align: center;margin-top:20px; }
.linkSelect li p{ width: 100%; height: auto; box-sizing: border-box; border:1px solid #cacaca; position:absolute; left:0;  background-color: #FFF; z-index: 200; display: none; }
.linkSelect li p a{ display: block; width:100%; height: 36px; line-height: 36px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.linkSelect li:hover p{ display: block; }
.linkSelect li span img{display:inherit}
.linkList{ width:660px; height: auto; line-height: 30px; float: left; margin-top: 13px; font-size: 16px; }

.container-footer{ height: auto; background-color: #c20505; }
.footer{ width: 1200px; margin:0 auto; }
.footerMain{width: 732px; margin:0 auto; line-height: 32px; font-size: 14px; color: #FFF; text-align: center;}
.copyright{ width: 732px; margin:0 auto; line-height: 32px; font-size: 14px; color: #FFF; text-align: center; }
.copyright a{ color: #FFF !important; }
.beian{ width: 250px; height: 32px; line-height: 32px; overflow: hidden; margin:0 auto; }
.beian p{ width:24px; height: 24px; overflow: hidden; float: left; margin-top: 4px; margin-right:5px; }
.beian p img{ width: 24px; height: 24px; }
.safe{ width: 56px; height: 68px; float: left; margin-left: 170px; }
.safe img{ width: 56px; height: 68px; }

.ewm{ width: 110px; height: 53px; float: right; margin-right: 112px;}
.ewm img{ width: 110px; height: 53px; }
.location{ width: 1200px; height: 64px; line-height: 64px; background-color: #FFF; font-size: 14px; text-align: left;}

