@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:#e60d0d; text-decoration:none;}
input:focus,textarea:focus {outline: none;}
.clear{clear:both;}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}


.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; }

.container-site{ height: 36px; background-color: #ababab; }
.site{ width: 1200px; height: 36px; line-height: 36px; text-align: right; font-size: 12px; margin:0 auto; color: #FFF; }
.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-color: #FFF;}
.logo{ width:580px; height: 140px; display: block; float: left;}
.logo img{ width:100%; }

.tools{  width: 330px; height: 38px; float: right;  margin-top: 49px; display: inline-block; }
/*.date{ width: 240px; height: 36px; line-height: 36px; text-align: right; }*/
.search{ width: 330px; height: 36px; }
.SearchBtn{ width: 48px; height:36px; float: right; position: relative; background-color: #6dbb4f; color: #FFF; border:1px solid #6dbb4f;  border-radius: 6px; overflow: hidden;}
.SearchBtn input{ width: 48px; height:36px; border:0; background-color: transparent; background-image: url(../images/search-submit.png); background-position: center center; background-repeat: no-repeat; }
.searchInput{ width: 235px; height:22px; float: left; padding:7px 10px; border:1px solid #e3e3e3;}
.searchInput input{ width: 235px; height: 22px; border:0; background-color: transparent; font-size: 14px; }


.container-nav{ height:52px; margin:0 auto;}
.navlist{ width:1200px; margin:0 auto; height: 52px; background-color: #3da262; border-bottom:5px solid #0d8b3b;position: relative; }
.navlist li{ width:150px; height: 52px; line-height: 52px; font-size: 18px; text-align: center; float: left; box-sizing: border-box; }
/*.navlist li::after{ content: ' ';width: 100%; height: 10px; background-color: #3da262; position: absolute; left:0; top:-10px; display: none;}*/
.navlist li h3{ width: 150px; height: 52px; font-weight: normal; font-size: 20px; position: relative; }
/*.navlist li.lihome h3{}*/
.navlist li h3 a{ width: 150px; height: 52px; display: block; line-height:52px; text-align: center; position: absolute; left:0; bottom:0; color: #FFF; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;background-color: #3da262; font-weight: bold; }
.navlist li:hover h3 a{ height: 62px; line-height: 62px; }
.navlist li.lihome h3 a{ width:120px; padding-left:30px; background-image: url(../images/navli-home.png);background-repeat: no-repeat; background-position: 30px center;}
.navlist li.lihome h3 a.on{ height: 60px; line-height: 60px; background-color: #0d8b3b; border-radius: 10px 0 0 0; }
.navlist li p{ width: 100%; height: 60px; line-height: 60px; background-color: #FFF;  position: absolute; left:0; top:52px; z-index: 1000; display: none; animation: fadeInDown 0.3s ease-in-out; -webkit-animation: fadeInDown 0.3s ease-in-out; font-size: 16px;}
/*.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{ width:1200px; height:auto;  margin:0 auto; }

.container-link{ width:100%; height:auto; margin:0 auto; border-top: 2px solid #0d8b3b; }
.links{ width: 1200px; height: auto;margin:0 auto; background-color: #FFF; }
.links h3{ width: 80px; height: 30px; line-height: 30px; font-size: 16px; color: #0d8b3b; overflow:hidden; float: left; }
.linkList{ width: 1120px; height: auto; line-height: 30px; font-size: 14px; float: right; }


.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-footer{ height: auto; background-color: #6c6c6c; }
.footer{ width: 1200px; margin:0 auto; }
.footerMain{width: 732px; float: left; line-height: 32px; font-size: 14px; color: #FFF; text-align: left;}
.copyright{ width: 732px; margin:0 auto; line-height: 32px; font-size: 14px; color: #FFF; text-align: left; }
.copyright h3{ font-weight: normal; font-size: 16px; }
.copyright a{ color: #FFF !important; }
.beian{ width: 732px; height: 32px; line-height: 32px; overflow: hidden; margin:0 auto; }
.beian a{color:#fff;}
.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;}
.ewm p{ width:80px; margin:0 auto; overflow: hidden;}
.ewm p img{ width: 80px; height: 80px; }
.ewm h3{ width: 110px; height: 40px; line-height: 40px;text-align: center; font-weight: normal; font-size: 14px; overflow: hidden; color: #FFF; }