@charset "utf-8";
/* CSS Document */
ul,li{ list-style:none; padding:0px; margin:0px;}
ol, dd{list-style-type:none; margin-left:0; padding-left:0;}
body{ margin:0px; padding:0px; background:#FFF; font-size:16px; font-family:arial, Verdana, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{ width:100%; margin: auto; display:block;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{ text-decoration: none; outline:none; blr:expression(this.onFocus=this.blur());}

.main{ min-width: 640px; max-width: 640px; height: 100%; margin-left:auto; margin-right:auto;margin-bottom:60px; overflow: hidden; position: relative;}

/* Index */
.logoBox{}
.menuBox{ background: url(../images/menu_bg.jpg); width: 100%; height: 100%; overflow: hidden;border-top: 1px solid #00873b;}
.menuBox a:first-child{ border-top: 1px solid #94c19c;}
.menuBox a{ display: block; height: 108px; line-height: 108px; width: 100%; color: #00873b; font-size: 30px; border-bottom: 1px solid #00873b; border-top: 1px solid #94c19c;}
.menuBox span.menuFont{ float: left; margin-left: 11%; padding-left: 130px;}
.menuBox span.menuIcon1{ background: url(../images/menu1.png) no-repeat center left;}
.menuBox span.menuIcon2{ background: url(../images/menu2.png) no-repeat center left;}
.menuBox span.menuIcon3{ background: url(../images/menu3.png) no-repeat center left;}
.menuBox span.menuIcon4{ background: url(../images/menu4.png) no-repeat center left;}
.menuBox span.menuIcon5{ background: url(../images/menu5.png) no-repeat center left;}
.menuBox span.menuIcon6{ background: url(../images/menu6.png) no-repeat center left;}
.menuBox span.songBold{ float: right; background: url(../images/rihgtIcon.png) no-repeat; width: 18px; height: 31px; margin-right: 10%; margin-top: 38px;}

.nav{ background: url(../images/rightNavBg.jpg) #117a3b no-repeat; width: 0%; height: 660px;overflow: auto;  position: absolute; top: 543px; right: 0px;}
.nav a{ color: #FFF; font-size: 25px; display: block; height: 110px; line-height: 110px; min-width: 150px;}
.nav a.navFrist{ font-size: 30px; height: 86px; line-height: 86px; margin-left: 46px; padding-left: 115px;}
.nav a.navIcon{ margin-left: 38px; padding-left: 125px;}
.nav a.nav1Icon1{ background: url(../images/nav11.png) no-repeat left center;}
.nav a.nav1Icon2{ background: url(../images/nav12-1.png) no-repeat left center; background-size:80px;}
.nav a.nav1Icon3{ background: url(../images/nav13-1.png) no-repeat left center; background-size:80px;}

.nav a.nav2Icon1{ background: url(../images/nav31.png) no-repeat left center;}
.nav a.nav2Icon2{ background: url(../images/nav32-1.png) no-repeat left center; background-size:80px;}
.nav a.nav2Icon3{ background: url(../images/nav33-1.png) no-repeat left center; background-size:80px;}
.nav a.nav2Icon4{ background: url(../images/nav34-1.png) no-repeat left center; background-size:80px;}
.nav a.nav2Icon5{ background: url(../images/nav35-1.png) no-repeat left center; background-size:80px;}
.nav a.nav2Icon6{ background: url(../images/nav36.png) no-repeat left center;}

.nav a.nav3Icon1{ background: url(../images/nav21.png) no-repeat left center;}
.nav a.nav3Icon2{ background: url(../images/nav22-1.png) no-repeat left center; background-size:80px;}
.nav a.nav3Icon3{ background: url(../images/nav23-1.png) no-repeat left center; background-size:80px;}
.nav a.nav3Icon4{ background: url(../images/nav24-1.png) no-repeat left center; background-size:80px;}
.nav a.nav3Icon5{ background: url(../images/nav25-1.png) no-repeat left center; background-size:80px;}

.nav a.nav4Icon1{ background: url(../images/nav41.png) no-repeat left center;}
.nav a.nav4Icon2{ background: url(../images/nav42-1.png) no-repeat left center; background-size:80px;}
.nav a.nav4Icon3{ background: url(../images/nav43-1.png) no-repeat left center; background-size:80px;}
.nav a.nav4Icon4{ background: url(../images/nav44-1.png) no-repeat left center; background-size:80px;}

.nav a.nav5Icon1{ background: url(../images/nav51.png) no-repeat left center;}
.nav a.nav5Icon2{ background: url(../images/nav52.png) no-repeat left center;}
.nav a.nav5Icon3{ background: url(../images/nav53.png) no-repeat left center;}
.nav a.nav5Icon4{ background: url(../images/nav54.png) no-repeat left center;}

.nav a.nav6Icon1 { background: url(../images/nav61.png) no-repeat left center;}
.nav a.nav6Icon2 { background: url(../images/nav62.png) no-repeat left center;}
.nav a.nav6Icon3 { background: url(../images/nav63.png) no-repeat left center;}

.nav .navBottomBorder{ background: url(../images/navbb.png) repeat-x; height: 3px;}

/* article */
.artMain{ background: #FFF;}
.topTitle{ height: 79px; line-height: 79px; background: url(../images/tbBG.jpg) repeat-x; width: 100%; position: relative;}
.topTitle a.Dfanhui{ background: url(../images/fanhui.png) no-repeat center left; color: #000000; opacity: .45; font-size: 26.48px; padding-left: 20px; margin-left: 3.4%; position: absolute; left: 0px; top: 0px;}
.topTitle p{ font-size: 31.3px; color: #FFF; text-align: center;}
.articleList{ margin-top: 9px; overflow: hidden; margin-bottom: 79px;}
.articleList div.articleRow:first-child{ border-top: none !important;}
.articleRow{ padding-top: 22px; margin-bottom: 19px; border-top: 2px solid #dadada;}
.articleRow .artPic{ float: left; padding: 2px; border: 1px solid #afafaf; width: 31%; margin-left: 2%;}
.articleRow .artIntro{ float: right; width: 59%; margin-right: 2.5%;}
.articleRow .artIntro .title{ color: #00873b; font-size: 24px; line-height: 38px;}
.articleRow .artIntro .content{ color: #000000; font-size: 18px;}
.articleRow .artIntro .more{ color: #FFF; font-size: 15.12px; background: #00873b; text-align: center; float: right; width: 21.3%; height: 25px; line-height: 25px; border-radius: 5px; margin-top: 23px;}
.footBox{ height: 79px; line-height: 79px; background: url(../images/tbBG.jpg) repeat-x; width: 100%; position: fixed; bottom: 0px;}
.detailFootBox{ height: 74px; line-height: 74px; background: url(../images/bbBG.jpg) repeat-x; width: 100%; position: fixed; bottom: 0px;}
.topTitle a.Dhome{ background: url(../images/fanhui1.png) no-repeat center right; color: #000000; opacity: .45; font-size: 26.48px; padding-right: 20px; margin-right: 3.4%; position: absolute; right: 0px; top: 0px;}
.articleDetail{ margin-top: 12px; overflow: hidden; margin-bottom: 74px;}
.articleDetail p{ margin: 5px 0;}
.articleDetail .title{ color: #00873b; font-size: 31.54px; line-height: 74px; text-align: center; border-bottom: 2px solid #d9d9d9;}
.articleDetail .articleContent{ color: #000000; font-size: 22.49px; line-height: 27px; margin-left: 44px; margin-right: 44px; margin-top:15px;}

/* haze */
.hazeExponent{ border-bottom: 2px solid #d9d9d9; height: 100px; line-height: 100px;}
.hazeExponent p.city{ float: left; color: #4c4c4c; font-size: 31.54px; margin-left: 11.4%;}
.hazeExponent p.pm{ float: right; color: #FFF; width: 26.1%; margin-right: 9.4%; height: 60px; line-height: 60px; margin-top: 19px; text-align: center; font-size: 26px;}
.hazeExponent p.pmH{ background: url(../images/pmHigh.jpg) repeat-x;}
.hazeExponent p.pmR{ background: url(../images/pmrow.jpg) repeat-x;}
.hazeDetail{ margin-bottom: 100px;}

/* contact us */
.weixinBox{ background: url(../images/contact_02.jpg) center center; width: 100%; height: 466px; text-align: center;}
.weixinBox img{ width: 375px;height: 375px;display: inline;margin-top: 41px;}
.artMain .contact{ margin: 30px 0 150px 0;font-size: 20px;line-height: 30px;}
.artMain .contact img{ margin: 0;}

.messageMain{ min-width: 100%; max-width: 100%; background: #FFF; margin-bottom: 240px;}
.messageForm{ margin-top: 60px; font-weight: bold;}
.messageRow{ margin-bottom: 5px;}
.messageRow .messageTitle{ float: left; width: 20.3%; margin-right: 4%; text-align: right;}
.messageRow input{ float: left; width: 30.3%;}
.messageRow select{ float: left; width: 22%; margin-right: 5px;}
.messageRow select.feedback{ width: 32%;}
.messageRow p{ float: left;}
.messageRow textarea{ float: left; width: 66.4%; height: 175px;}
.messageRow .red{ float: left; padding-left: 2px; color: #ff0000;}
.messageRow .verifycode{ width: 100px; height: 43px;}
.messageRow .codeNote{ color: #409834;}
.messageRow input.submit{ background: #FFF; margin-top: 5px; width: 100px; height: 36px; color: #000; border-radius: 10px; border-top: 4px solid #c2c2c2; border-left: 4px solid #c2c2c2; border-right: 4px solid #656565; border-bottom: 4px solid #656565;}
.messageRow input.reset{ background: #FFF; margin-top: 5px; margin-left: 48px; width: 63px; height: 36px; color: #000; border-radius: 10px; border-top: 4px solid #c2c2c2; border-left: 4px solid #c2c2c2; border-right: 4px solid #656565; border-bottom: 4px solid #656565;}
.footMsgBox{ background: url(../images/tbBG.jpg) repeat-x; width: 100%;}

@media only screen and (min-width: 620px) {
    .messageForm{ font-size: 22px;}
    .footMsgBox{ height: 79px; line-height: 79px;}
    .mapSelect{ height: 84px;}
    .dropdown h4{ font-size: 26px; height:77px; line-height: 77px;}
    .dropdown ul li{ height:57px; line-height: 57px;}
    .searchBox{ height: 77px;}
    .searchBox #search{ line-height: 47px; font-size: 22px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 70px;}
}

@media only screen and (min-width: 550px) and (max-width: 619px) {
    .messageForm{ font-size: 18px;}
    .footMsgBox{ height: 69px; line-height: 69px;}
    .topMsgTitle{ height: 69px; line-height: 69px;}
    .topMsgTitle a.Dfanhui{ font-size: 22.48px;}
    .topMsgTitle a.Dhome{ font-size: 22.48px;}
    .topMsgTitle p{ font-size: 27.3px;}
    .mapSelect{ height: 74px;}
    .dropdown h4{ font-size: 22px; height:67px; line-height: 67px;}
    .dropdown ul li{ height:47px; line-height: 47px;}
    .searchBox{ height: 67px;}
    .searchBox #search{ line-height: 37px; font-size: 19px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 60px;}
}

@media only screen and (min-width: 480px) and (max-width: 549px) {
    .messageForm{ font-size: 16px;}
    .footMsgBox{ height: 59px; line-height: 59px;}
    .topMsgTitle{ height: 59px; line-height: 59px;}
    .topMsgTitle a.Dfanhui{ font-size: 20.48px;}
    .topMsgTitle a.Dhome{ font-size: 20.48px;}
    .topMsgTitle p{ font-size: 25.3px;}
    .mapSelect{ height: 64px;}
    .dropdown h4{ font-size: 20px; height:57px; line-height: 57px;}
    .dropdown ul li{ height:37px; line-height: 37px;}
    .searchBox{ height: 57px;}
    .searchBox #search{ line-height: 27px; font-size: 17px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 50px;}
}

@media only screen and (min-width: 440px) and (max-width: 479px) {
    .messageForm{ font-size: 14px;}
    .footMsgBox{ height: 49px; line-height: 49px;}
    .topMsgTitle{ height: 49px; line-height: 49px;}
    .topMsgTitle a.Dfanhui{ font-size: 18.48px;}
    .topMsgTitle a.Dhome{ font-size: 18.48px;}
    .topMsgTitle p{ font-size: 23.3px;}
    .mapSelect{ height: 54px;}
    .dropdown h4{ font-size: 18px; height:47px; line-height: 47px;}
    .dropdown ul li{ height:27px; line-height: 27px;}
    .searchBox{ height: 47px;}
    .searchBox #search{ line-height: 17px; font-size: 15px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 40px;}
}

@media only screen and (min-width: 380px) and (max-width: 439px) {
    .messageForm{ font-size: 12px;}
    .footMsgBox{ height: 49px; line-height: 49px;}
    .topMsgTitle{ height: 49px; line-height: 49px;}
    .topMsgTitle a.Dfanhui{ font-size: 16.48px;}
    .topMsgTitle a.Dhome{ font-size: 16.48px;}
    .topMsgTitle p{ font-size: 21.3px;}
    .mapSelect{ height: 54px;}
    .dropdown h4{ font-size: 16px; height:47px; line-height: 47px;}
    .dropdown ul li{ height:27px; line-height: 27px;}
    .searchBox{ height: 47px;}
    .searchBox #search{ line-height: 17px; font-size: 13px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 40px;}
}

@media only screen and (max-width: 379px) {
    .messageForm{ font-size: 10px;}
    .footMsgBox{ height: 49px; line-height: 49px;}
    .topMsgTitle{ height: 49px; line-height: 49px;}
    .topMsgTitle a.Dfanhui{ font-size: 14.48px;}
    .topMsgTitle a.Dhome{ font-size: 14.48px;}
    .topMsgTitle p{ font-size: 19.3px;}
    .mapSelect{ height: 54px;}
    .dropdown h4{ font-size: 14px; height:47px; line-height: 47px;}
    .dropdown ul li{ height:27px; line-height: 27px;}
    .searchBox{ height: 47px;}
    .searchBox #search{ line-height: 17px; font-size: 10px; padding-top: 15px; padding-bottom: 15px;}
    .searchBox .btn{ height: 40px;}
}

/* map */
.mapBox{ margin-bottom: 0px !important;}
.mapSelect{ width: 100%; background: #edf2e5; padding-top: 3px; padding-bottom: 2px}
.searchBox{ background: url(../images/mapsearch.jpg) no-repeat; float: right; width: 38%; margin-right: 1%; border: 3px solid #dbdbdb; background: #f8f8f8;}
.searchBox input{ border: none; background: none; vertical-align: middle;}
.searchBox #search{ color: #a1a1a1; width: 55%; padding-left: 2%;}
.searchBox .btn{ width: 35%; background: url(../images/ss.jpg) no-repeat center center; background-size: 50%;}

.TC{ text-align:center;}
.TL{ text-align:left;}
.FL{ float:left;}
.FR{ float:right;}
.Clear{ clear:both; height:0px; overflow:hidden;}
.ClearEmpty{ clear:both;}

/* select */
.dropdown {width: 28%; outline:none;display:inline-block;*display:inline; margin-left: 1%; float: left;}
.dropdown h4{cursor:default; text-indent:5px; margin:0; padding:0;}
.dropdown * {-moz-user-select:none;}
.dropdown h4.over {}
.dropdown div {display:block; /*fix bug*/}
.dropdown ul{position:absolute;display:none;margin:0;padding:0;float:left;clear:both; margin-top: 10px; max-height: 200px; overflow: auto;}
.dropdown ul li{text-indent:5px;margin:0;padding:0;list-style:none;display:block;cursor:default;}
.dropdown ul li.over{}
.dropselectbox {display:inline;}
/* write you style here */
.dropselectbox{ background:#f6f6f6 url(../images/inputicon.jpg) no-repeat 90% center; background-size: 22% !important; border-top: 2px solid #FFF; border-bottom: 2px solid #6a6564; border-left: 2px solid #dbdbd9; border-right: 2px solid #dbdbd9;}
.dropdown h4{ color: #a1a1a1; font-weight: bold; text-align: left; padding-left: 5px; width: 100% !important;}
.dropdown h4.current{}
.dropdown ul{ background:#FFF; width: 100%;}
.dropdown ul li{background:#FFF; overflow: auto;}