@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{font:14px MiSans, Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif; width:100%; min-width:1200px;color: #333;background: url(../images/bg.png) repeat;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-transform: uppercase;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}

.container{width: 1200px; margin: 0 auto; position: relative;}
.fn-left, .fl, .fn-right,.fr { display: inline; }
.fn-left,.fl { float: left; }
.fn-right,.fr { float: right; }
.fn-clear { font-size: 0; height: 40px; line-height: 0; overflow: hidden; clear: both; }
.fn-hide { clear: both; width:100%; height: 0; line-height: 0}

.bgColor-white{background-color: #ffffff !important;}
.textAlign-l{text-align: left !important;}
.textAlign-r{text-align: right !important;}
.textAlign-c{text-align: center !important;}

.banner{ width:100%; min-width:1200px; height:680px; overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ height:680px;  position:absolute; left:0; top:0;}
.b-img img{ display:block; height:680px; float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1; text-align: center;}
.b-list span{ display:inline-block;cursor:pointer; width:10px; height:10px; border-radius:10px; background:#fff; margin:0 5px;}
.b-list .spcss{ background:#d90020; width: 20px;}

.BannerD{width:100%; min-width:1200px; overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.BannerD img{ display:block; width: 100%; float:left;}


.header{position: absolute; z-index: 9999; width:100%; height: 120px; padding: 10px 0; background-color: rgba(0,0,0,0.275)}
.header .logo{float:left; width: 300px; height: 120px;}
.header .logo img{width: 300px; height: 90px; margin: 15px 0;}
.header .NavBox{float: right; width: 900px; height: 80px; margin: 20px 0; text-align: right;}
.header .NavBox .WeatherBox{ width: 100%; height: 30px; line-height: 30px; font-size: 16px; color:#ffffff; font-weight: lighter}
.header .NavBox  ul{ float:right; width:900px; height: 50px; padding: 10px 0; margin:0 auto;text-align:center;}
.header .NavBox  ul li{ float:left;width: 128px; height:50px;  position:relative; text-align:center}
.header .NavBox  ul li + li{ background:url(../images/navbg.png) center left no-repeat;}
.header .NavBox  ul li>a{color: #ffffff;font-size: 16px; letter-spacing: 2px;  line-height:50px;}
.header .NavBox  ul li>a:hover{ text-shadow: 0 0 2px #bc9f7a, 0 0 10px #ffffff;}
.header .NavBox  ul li .navtwo{ display:none; position:absolute; top:50px;text-align:center;z-index: 99999;background: rgba(0,0,0,.30);padding: 15px 0; min-width:160px}
.header .NavBox  ul li .navtwo a{letter-spacing: 0; display:inline-block; width: 100%; color: #fff;font-size: 16px; height:35px; line-height:35px !important;}
.header .NavBox  ul li .navtwo a:hover{ color:#fff; background-color: #bc9f7a;}
.header .NavBox  ul li.telBox{float:left; display: inline-block; width: 240px; height: 50px; line-height: 50px; color:#ffffff; text-align: right}
.header .NavBox ul li.telBox span{font-size: 26px; font-weight: bolder; font-family: "Times New Roman",SansSerif, serif;}

.contitbox{text-align: center;margin: 60px auto 40px;overflow:hidden;}
.contitbox p,.intro-title p{font-size: 30px; font-family: fixedsys, serif;color: #bc9f7a; font-weight: 1000; text-align:center; height:50px; line-height:50px}
.contitbox p a,.intro-title p a{ display:inline-block;color: #bc9f7a;background: url(../images/quan.png) no-repeat left 3px;}
.contitbox p span,.intro-title span{font-family: arial, serif; padding-left: 10px; margin-left: 10px; border-left: 2px solid #bc9f7a; font-weight: 100}
.contitbox .enTitle{font-size: 14px; padding-top: 10px; color:#969696; font-weight: lighter; font-family: "Times New Roman",sans-serif, Serif; text-transform: uppercase;}

.morebox{ margin:30px auto; height:40px; overflow:hidden; position:relative}
.morebox .img{ background: url(../images/xia.png) no-repeat;width: 19px;height: 24px;display: inline-block;position: absolute;top: 0px;animation-name: myfirst;animation-duration: 1.5s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;}
@keyframes myfirst {
  0% {
    left: 50%;
    top: 0%;
  }
  25% {
    left: 50%;
    top: 10%;
  }
  50% {
    left: 50%;
    top: 20%;
  }
  75% {
    left: 50%;
    top: 30%;
  }
  100% {
    left: 50%;
    top: 40%;
  }
}

.statData{ width: 1200px; height: 40px; margin:30px auto;}
.statData .info{float:left; width: 1020px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; font-weight: bolder; }
.statData .info span{padding: 0 30px; display: inline-block}
.statData .iconGroup{width: 180px; display: inline-block;}
.statData .iconGroup .icon{width: 60px; float: left; margin-right: 30px;}

.part1{width:100%; min-width:1200px; background:url(../images/topbg.png) no-repeat; overflow:hidden}
.part1 .main{text-align: center;color: #666666;font-size: 16px;line-height: 1.6em;background: url(../images/line.png) repeat-x bottom; margin: 30px auto;}
.part1 .conbox{ position:relative; float: left;  overflow:hidden; text-align:center; }
.part1 .fullwidth{width: 100%;}
.part1 .intro-title p{margin: 15px 0; text-align: left;}
.part1 .conbox .more{position:absolute; width: 140px; height: 40px; line-height: 40px; float: right; border: 1px solid #bc9f7a; color:#bc9f7a; font-size: 16px; transition: all 0.35s; right:0; bottom:0;}
.part1 .conbox .more:hover{background-color: #bc9f7a; color:#ffffff;}
.part1 .conbox p{ line-height:2; margin-bottom:20px;}

.part1 .thumb{float:right; width: 600px; height: 360px; overflow: hidden;}
.part1 .thumb img{width: 600px; height: 360px;  transition: all 0.35s; }
.part1 .thumb:hover img{ transform: scale(1.15)}

.part2{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom: 75px;}
.part2 ul{ overflow:hidden; min-height: 330px}
.part2 ul li{ float:left; position:relative;margin:0 15px 15px 0;width: 390px; height:330px; overflow: hidden;}
.part2 ul li:nth-child(3n){ margin-right:0}
.part2 ul li .thumb{width: 380px; height: 280px; padding: 4px; border:1px solid #d9d9d9; overflow: hidden}
.part2 ul li .thumb img{width:380px; height:280px; transition: all 0.35s;}
.part2 ul li .thumb:hover img{ transform: scale(1.15)}
.part2 ul li .title{ text-align:center; padding:0 10px; font-size:16px; height:30px; line-height:30px; color:#666; margin-top:10px}
.part2 ul li .title:hover a{color:#bc9f7a !important; text-shadow: 0 0 2px #ececec, 0 0 10px #ececec;}

.part3{ width:1200px; margin:0 auto; overflow:hidden; }
.scenicBox { width: 1200px; margin: 0 auto 15px; position: relative; overflow: hidden;}
.scenicBox .picWrap { z-index: 1; white-space: nowrap; width: 1200px; height: 500px;}
.scenicBox .picWrap li { position: relative; display: inline-block; width: 1200px; height: 500px; overflow: hidden;}
.scenicBox .picWrap li img{width: 1200px; height: 500px}
.scenicBox .e_bg_flt { position: absolute; right: 0; top: 0; width: 300px; height: 500px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10;}
.scenicBox .e_flt_inf { position: absolute; right: 0; top: 0; width: 250px; height: 400px; padding: 50px 25px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word;}
.scenicBox .e_flt_inf h2 { font: 18px/25px "微软雅黑"; color:#ffffff !important; font-weight: bolder;}
.scenicBox .e_flt_inf h2 a{color:#ffffff;}
.scenicBox .e_flt_inf .t_info { line-height: 24px; overflow: hidden; margin: 10px 0; color:#ececec; }
.scenicBox .prev, .scenicBox .next { position: absolute; z-index: 30; display: block; top:234px}
.scenicBox .prev {  left: 10px;}
.scenicBox .next { right: 10px;}
.scenicBox .prev a, .scenicBox .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../images/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../images/ico_prevnext_ie6.png);}
.scenicBox .prev a { background-position: 0 0;}
.scenicBox .prev a:hover { background-position: 0 -40px;}
.scenicBox .next a { background-position: 0 -80px;}
.scenicBox .next a:hover { background-position: 0 -120px;}

.part4{width:100%; min-width:1200px; background:#fff; overflow:hidden}
.part4 ul{ overflow:hidden; width: 1220px;}
.part4 ul li{ float:left; transition: all 0.5s; width: 580px; height: 130px; margin: 0 20px 20px 0;  border-radius: 5px;
  overflow: hidden;}
.part4 ul li .thumb{float:left; width: 150px; height: 130px; overflow: hidden; border-radius: 5px 0 0 5px;}
.part4 ul li .thumb img{width: 150px; height: 130px; transition: all 0.35s;}
.part4 ul li .info{float:right; width: 420px; height: 100px; overflow: hidden; padding: 15px 0 }
.part4 ul li .info .title{width: 100%; height: 60px; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis;}
.part4 ul li .info .date{ color:#969696; height: 25px; padding-top: 15px; font-size: 16px; line-height: 25px;}
.part4 ul li:hover{background-color: #bc9f7a25; }
.part4 ul li:hover .thumb img{ transform: scale(1.15)}

.more2{ width: 57px;height: 57px; margin:0 auto 30px;}
.more2 a{width: 57px;height: 57px;display: block;background: url(../images/more.png) no-repeat;color: #bc9f7a;font-size: 12px;line-height: 57px;text-align: center;margin: auto;cursor: pointer;}
.more2 a:hover{font-weight: bold;}

.footer{width:100%; min-width:1200px;background-color: #000000; color:#ffffff; overflow: hidden;padding: 40px 0;}
.footer .foot{margin: 0 auto; width: 1200px}
.footer .foot .logo{float: left; width: 300px; height: 90px;}
.footer .foot .fnav{float: left; width: 780px; margin-top: 5px}
.footer .foot .fnav dl{float:left; width: 125px;  font-size: 13px; line-height: 30px; text-align: center; color:#ffffff}
.footer .foot .fnav dl dt{padding-bottom: 5px; font-weight: bolder; font-size:14px;}
.footer .foot .fnav dl dt a{color:#f2f2f2}
.footer .foot .fnav dl dd{ font-weight: lighter}
.footer .foot .fnav dl dd a{text-align: center; color:#ececec;}
.footer .foot .footLeft{float:left; width: 780px;}
.footer .foot .footLeft .fn-clear{clear:both; height:0;}
.footer .foot .fot{float: left;  width: 400px; margin:0 auto;color: #ececec;font-size: 14px;text-align: left;line-height: 26px; font-weight: lighter}
.footer .foot .fot a{color:#ffffff;}
.footer .foot .fot .qcodeGroup{width: 340px; height: 130px; margin: 20px 0 0;}
.footer .foot .fot .qcodeGroup dl{float:left; width: 100px; height: 130px;}
.footer .foot .fot .qcodeGroup dl + dl{margin-left: 20px}
.footer .foot .fot .qcodeGroup dl dd{width: 100px; height: 100px; overflow: hidden}
.footer .foot .fot .qcodeGroup dl dd img{width: 100px; height: 100px;}
.footer .foot .fot .qcodeGroup dl dt{width: 100px; height: 20px; margin-top: 10px; line-height: 20px; font-size: 12px; color:#ececec; text-align: center;}

.brandnav{ width:1200px; margin:10px auto; height:35px; overflow:hidden;line-height: 35px;color: #999999;font-size: 16px;}
.brandnav .con{ max-width:1200px; height:35px; float:right; overflow:hidden}

.typebox{ width:1200px; height: 40px; margin:0 auto; padding-top:10px;background: url(../images/line.png) repeat-x bottom;text-align: center; padding-bottom:25px}
.typebox .CategoryTitle{ color:#bc9f7a; letter-spacing: 2px; float:left; font-weight: bolder; font-size: 20pt; height: 40px; clear: both; font-family: fixedsys, serif;}
.typebox .CategoryTitle small{margin-left: 10px; color:#ACACAC; text-transform: uppercase; letter-spacing: 0; font-size: 14px; font-weight: lighter; font-family: "Times New Roman",sans-serif, Serif;}
.typebox a{display: inline-block;font-size: 14px;color: #666;line-height: 35px;margin: auto 25px;}
.typebox a:hover{ background:url(../images/typebg.png) no-repeat}

ul.piclistul{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:40px}
ul.piclistul li{ float:left; position:relative;margin-right: 7px;width: 395px;overflow: hidden; margin-bottom:20px}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li .kug{ width:370px; height:270px; border:1px solid #d9d9d9; overflow:hidden}
ul.piclistul li .proimg{width:380px; height:276px; position:absolute; top:10px; left:10px;overflow:hidden}
ul.piclistul li .proimg img{ width:372px; height:270px; padding:3px 4px;transition: all 0.5s;}
ul.piclistul li p{ text-align:center; padding:0 10px; font-size:17px; height:30px; line-height:30px; color:#666; margin-top:15px}
ul.piclistul li .proimg:hover img{width:380px; height:276px; padding:0;transform: scale(1.1)}
ul.piclistul li:hover .kug{ border:1px solid #81a849}
ul.piclistul li p:hover{color: #81a849;font-weight: bold;}

.banner0{width:100%; min-width:1200px;}
.banner0 img{ display:block; width:100%}

ul.listul{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px}
ul.listul li{padding: 30px 0;border-bottom: 1px solid #e6e6e6;cursor: pointer; height:162px; overflow:hidden}
ul.listul li .newsl{ float:left; width:162px; height:162px; overflow:hidden;  border-radius:5px; }
ul.listul li .newsl img{transition: all 0.5s;width:160px; height:160px; margin:0 auto;overflow:hidden}
ul.listul li:hover .newsl img{transform: scale(1.25);}
ul.listul li .newsc{ float:left; width:785px; margin-left:20px; height:162px; overflow:hidden}
ul.listul li .newsb{width: 1015px}
ul.listul li .newsc a{color: #4c4c4c;font-size: 22px;font-weight: bold;overflow: hidden;width: 95%;display: block;margin-bottom: 15px;height: 25px;line-height: 25px;}
ul.listul li .newsc .sub{font-size: 14px;color: #666666;line-height: 24px;width: 95%;height: 72px;overflow: hidden;}
ul.listul li:hover .newsc a{color: #81a849}
ul.listul li .newsr{ float:right; width:180px; height:162px; overflow:hidden; padding-left:50px; border-left:1px solid #cccccc;color: #e0e0e0; background:url(../images/icon.png) no-repeat right center}
ul.listul li .newsr span{font-size: 42px;display: block;line-height: 45px;}
ul.listul li .newsr time{font-size: 18px;}


.detailbox{ width:1200px; margin:0 auto 40px; overflow:hidden; background:#fff; padding:10px 40px; border-radius:20px; box-shadow:0 0 10px #eee;}
.detailbox .xq{}
.detailbox .xq h1{font-size: 26px;text-align: center;display: block;margin: 10px auto;color: #000000; font-weight:bolder}
.detailbox .xq h2{font-size: 18px;text-align: center;display: block;margin: 10px auto;color: #333333; font-weight:bolder}
.detailbox .xq .date{font-size: 14px;color: #999;text-align: center; margin: 25px 0;}
.detailbox .xq .con{ padding-bottom:60px; font-size: 16px; line-height: 1.6em}
.detailbox .xq .con p{margin: 10px auto;  font-size: 16px; line-height: 1.6em}
.detailbox .xq .prroming{ display:block; margin:0 auto; margin-top:30px}



.aboutimg{ display:block; margin:0 auto}

.m-page{padding-top:40px;padding-bottom:20px;color:#333;text-align:center;font-size:16px;}
.m-page a{margin:0 5px;padding:5px 10px;border:1px solid #e2e2e2;font-size:14px;}
.m-page a:hover,
.m-page a.active-page{background-color:#709C34;color:#fff;border-color: #709C34;}

.FeedbackBox{width: 850px; margin: 0 auto;}
.inputMust{color:#D90020; padding-right:5px;}
.layui-form-label{width: 120px; color:#696969; font-weight: lighter; font-size: 12px;}
.layui-input-block{margin-left: 150px;}