/* CSS Document */
*{margin:0px; padding: 0px; box-sizing: border-box;}
body{background:#fff; font-family: '微软雅黑', sans-serif;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
ul,li{    list-style: none;
    list-style-type: none;}
body {margin: 0px; padding: 0px; font-family:"Microsoft YaHei"; background:#fff;}
body, td, th {font-family: "Microsoft YaHei"; font-size: 14px; color: #666;}
a {font-family: "Microsoft YaHei"; color: #666; text-decoration: none; cursor: pointer }
a:hover {color: #dbae73;text-decoration: none; }
div, dl, dt, dd, ul, ol, li, form,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}
.clear{ clear:both; padding:0px; padding:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}


/*header*/
#header{position:fixed;top:0;left:0;right:0;height:100px;background:rgba(0,0,0,.55);z-index:100;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#header .container{width:1200px; margin:0 auto;}
#header .logo{height:80px; margin-top: 10px; float:left;}
#header .logo img{height: 80px;}

.web_nav {display:none;width:24px; height:100px; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; float:right;}
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 50px 0; width: 24px; height: 24px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #dbae73; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 3px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #dbae73; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #dbae73; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.nav{display:none;}
.nav{background:url(../images/dropbg.jpg) no-repeat bottom left; height: 440px;}
.nav .navintro{float:right; width:590px; margin-right: 72px;}
.nav .navintro h2{font-size:36px; margin:72px 0px 48px;}
.nav .navintro p{line-height: 32px; font-size: 16px;}
.nav .navintro .tel{width:272px; height: 48px; border:2px solid #dbae73; text-align: center; line-height:48px; color:#dbae73; border-radius: 24px; margin-top: 40px;}
.nav .navlist{float:right; padding-top: 56px;}
.nav .navlist a{display: block; line-height: 56px; width:40px; text-align: right}

.pcnav .navintro{float:right; width:590px; margin-right: 72px;}
.pcnav .navintro h2{font-size:36px; margin:72px 0px 48px;}
.pcnav .navintro p{line-height: 32px; font-size: 16px;}
.pcnav .navintro .tel{width:272px; height: 48px; border:2px solid #dbae73; text-align: center; line-height:48px; color:#dbae73; border-radius: 24px; margin-top: 40px;}
.pcnav .navlist{float:left; padding-top: 24px; margin-left: 10%;}
.pcnav .navlist a{display: block; line-height: 56px; width:120px; font-size:16px; text-align: right; float:left; color:#fff;}
.pcnav .navlist a:hover{color:#dbae73;}
@media (max-width: 768px) {
	#header{height:60px}
	#header .container{width:92%;}
	#header .logo{height: 48px; margin-top: 6px;}
	#header .logo img{height: 48px;}
	.pcnav{display: none;}
	.web_nav{height:60px; display: block;}
	.btn-menu{padding:30px 0px;}
	.nav .navintro{display: none;}
	.nav{background:url(); background-color: #fff;}
	.nav .navlist{float:none; text-align: center; padding-top: 20px}
	.nav .navlist a{width:100%; text-align: center; height: 48px; line-height:48px;}
	
}



.NewsDTop{ width: 100%; padding: 0px 0px; position: relative; margin: 0;}
.NewsDTop .Cont{ width: 100%; padding-top: 30px; position: relative; z-index: 2;}
.NewsDTop .Cont .title{ margin: auto; font-size: 2rem; color: #2f2f2f; padding-bottom: 1.25rem; font-weight: bold; line-height: 46px;}
.NewsDTop .Cont .slogan{ width: 100%; margin: auto; height: 3.125rem; border-top: solid 1px rgba(255, 255, 255, 0.6); color: #a1a1a1;}
.NewsDTop .Cont .slogan .cont{ margin: auto;}
.NewsDTop .Cont .slogan .left{ font-size: 0.875rem; color: #a1a1a1; line-height: 3.125rem; float:left;}
.NewsDTop .Cont .slogan .left span{ margin-right: 1.25rem;}
.NewsDTop .Cont .slogan .current{ margin-right: 20px; line-height: 3.125rem; font-size: 14px; float:right;}
.NewsDTop .Cont .slogan .current a{ color: #a1a1a1;}
.NewsDTop .Cont .slogan .current a:hover{ color: #ea5503; text-decoration: underline;}
.NewsDTop .Cont .slogan .current span{ margin: 0 5px;}



.pageNewsD{ width: 100%; padding: 0px 0px; border-bottom: solid 0px #eee;}
.pageNewsD .NewsDC{ padding: 0 0 ;  margin: auto; position: relative; }
.pageNewsD .NewsD{ width: 70%; position: relative;  overflow: hidden; padding: 4% 4% 4% 0;border-right: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none;  float:left;}
.pageNewsD .NewsD .cont{ font-size: 14px; color: #333; margin-bottom: 3%; min-height: 250px; line-height: 36px;}
.pageNewsD .NewsD .cont img{ max-width: 100%;}
.pageNewsD .NewsD .keyword{ width: 100%; margin-bottom: 3%;}
.pageNewsD .NewsD .keyword a{ float: left; margin-right: 5px; margin-bottom: 5px; display: block; padding:5px 10px; background-color: #fafafa; color: #999;}
.pageNewsD .NewsD .keyword a:hover{ background-color: #ea5503; color: #fff;}
.pageNewsD .rightNews{ width: 30%; padding: 4% 0 4% 4%; border-left: solid 1px #eee; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   -webkit-appearance: none; margin-left: -1px; float:left;}
.pageNewsD .rightNews .top{ float: left; width: 100%; font-size: 24px; color: #000; font-weight: bold;}
.pageNewsD .rightNews ul{ float: left; width: 100%; margin-top: 30px;}
.pageNewsD .rightNews li{ float: left; width: 100%; margin-bottom: 20px;}
.pageNewsD .rightNews li .title{ font-size: 16px; color: #333; line-height: 26px;}
.pageNewsD .rightNews li .time{ font-size: 14px; color: #999; margin-top: 5px;}
.pageNewsD .rightNews li:hover .title,.pageNewsD .rightNews li:hover .time{ color: #ea5503;}
.pages1{width: 100%; padding: 0 ; margin:30px auto 0; height: 60px; line-height: 60px; position: relative;  z-index: 1;}
.pages1 a{ font-size: 14px; color: #999;}
.pages1 .fl{float:left;}
.pages1 .fr{float:right;}
.pages1 a:hover{ color: #ea5503;}