/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('../fonts/font_1432720974_1547027.eot')/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/fonts/font_1432720974_1547027.eot*/;src:url('../fonts/font_1432720974_1547027.eot')/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/fonts/font_1432720974_1547027.eot*/ format('embedded-opentype'),url('../fonts/font_1432720974_1547027.woff')/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/fonts/font_1432720974_1547027.woff*/ format('woff'),url('../fonts/font_1432720974_1547027.ttf')/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/fonts/font_1432720974_1547027.ttf*/ format('truetype'),url('#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../fonts/q_z9mv4hysltmomjnk_rcfeszw2xoq-xsnqo47m55da.woff2)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/fonts/q_z9mv4hysltmomjnk_rcfeszw2xoq-xsnqo47m55da.woff2*/ format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.w100{width:100% !important}
.h100{height:100% !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}


body.active{ padding-top:70px; background: #f3f3f3 }
body.active #header{ background: #fff; }
#neirong{ padding: 70px 0;}

#header{ position:fixed;left: 0; top: 0; z-index: 2147483647; width: 100%; background: rgba(255,255,255,0.5); border-bottom: solid 1px rgba(240,219,179,0.5); }
#header .logo{ font-size: 0; line-height: 69px; }
#header .menu ul li{ position: relative; padding-top: 15px; margin-left: 45px; }
#header .menu ul li:first-child{ margin-left:0; }
#header .menu ul li a{ position: relative; display: block; padding: 0 10px; font-family: "宋体"; font-size: 18px;color: #333; line-height:40px; }
#header .menu ul li:hover a{color: #fff; background:rgba(0,0,0,0.4);}
#header .menu ul li.active a{color: #fff; background:rgba(0,0,0,0.4);}

.banner{ position:relative; overflow:hidden;}
.banner a{ display: block; }
.banner img{ display: block; margin:0 auto; }
.banner .glyphicon{ top:50% !important;}
/* .banner .carousel-control.left,.banner .carousel-control.right{ width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-control.left{ left:-60px;background:url(../images/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px;background:url(../images/next_arrow_60.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:0;} */
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
/* .banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:47px;z-index:4; font-size: 0; width: 1200px; margin:0 0 0 -600px; text-align: left;}
.banner #myCarousel .carousel-indicators li{margin:0 16px 0 0;width:13px;height:13px; border:solid 1px #7e818d;}
.banner #myCarousel .carousel-indicators li:hover{background:#fff;border:solid 1px #fff;}
.banner #myCarousel .carousel-indicators li.active{background:#fff;border:solid 1px #fff;} */

#warp .section{ position: relative; background-position:50% top; transition:all 4s ease 0s;-webkit-transition:all 4s ease 0s;-moz-transition:all 4s ease 0s;-o-transition:all 4s ease 0s;}
#warp .section.active{background-position:50% bottom; transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-o-transition:all 2s ease 0s;}
#warp .title{ position: relative; top: -200px; padding-bottom: 30px; font-size: 30px;color: #333; line-height: 40px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }

#section1 .logo{ position: relative; top: 0; margin-bottom: 50px; padding: 0 45px; width:100%; text-align: center; /*animation:logos 5s 0s infinite linear; -webkit-animation:logos 5s 0s infinite linear; -moz-animation:logos 5s 0s infinite linear; -o-animation:logos 5s 0s infinite linear;*/ }
#section1 .logo img{ max-width: 100%; transition: all 1s; }
#section1 .logo img:hover{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); }
.fei-txt{ position:absolute; left:5%; top:80px; z-index: 1;}
.fei-txt img{ position: relative; left:-200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;  }

@keyframes logos{
	0%{ top: 0; }
	25%{ top: 20px; }
	50%{ top: 0; }
	75%{ top: -20px; }
	100%{ top: 0; }
}
@-webkit-keyframes logos{
	0%{ top: 0; }
	25%{ top: 20px; }
	50%{ top: 0; }
	75%{ top: -20px; }
	100%{ top: 0; }
}
@-moz-keyframes logos{
	0%{ top: 0; }
	25%{ top: 20px; }
	50%{ top: 0; }
	75%{ top: -20px; }
	100%{ top: 0; }
}
@-o-keyframes logos{
	0%{ top: 0; }
	25%{ top: 20px; }
	50%{ top: 0; }
	75%{ top: -20px; }
	100%{ top: 0; }
}

.title_1_pictrue_3s{ padding-top: 90px; }
.title-1{margin-bottom: 10px; height: 32px; font-size: 22px; color: #333; line-height: 38px; overflow: hidden; position: relative; right: -200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(-20deg); }
.title-22{margin-bottom: 10px; height: 32px; font-size: 17px; color: #333; line-height: 38px; overflow: hidden;position: relative; right: -200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(-20deg);  }
.title-2{ margin-bottom: 60px; }
.title-2 .left{ padding-bottom: 18px; padding-left: 20px; font-family: "宋体"; font-size: 24px;color: #b76000; line-height: 26px; background: url(../images/title2_xian.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/title2_xian.png*/ no-repeat left bottom; }
.title-2 .left span{ position: relative; font-size:18px;color: #969696; }
.title-2 .left span:before{ content: ""; position: absolute; right: 0; bottom: -22px; z-index: 1; width: 100%; height: 1px; background: #969696; }
.title-2 .right{ padding: 3px 0 0 ; }
.title-2 .right ul li{ margin-left: 10px; margin-bottom:10px; }
.title-2 .right ul li:first-child{ margin-left:0; }
.title-2 .right ul li a{ padding: 0 34px; display: block; font-family: "宋体"; font-size: 16px;color: #fff;  line-height: 34px; background: #a3a3a3; border:solid 1px #a3a3a3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.title-2 .right ul li:hover a{ color: #333; background: #fff; border:solid 1px #946837; }
.title-2 .right ul li.active a{ color: #333; background: #fff; border:solid 1px #946837; }
.title-4{ margin-bottom: 20px; padding-top:10px; margin-bottom:10px; font-size: 0; }
.title-4 span{ display: inline-block; vertical-align: top; font-size: 14px; color: #333; line-height:34px; border-bottom: solid 1px #c9c9c9; }
.title-5{ margin-bottom: 10px; font-size: 22px;color: #333; line-height: 30px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s }
.about11 img{max-width:100%;height:auto !important;}
.text-1-box{ padding-top: 100px;/* transform: scale(0,0);-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-o-transform: scale(0,0); animation:text1 0.3s 0s linear forwards; -webkit-animation:text1 0.3s 0s linear forwards; -moz-animation:text1 0.3s 0s linear forwards; -o-animation:text1 0.3s 0s linear forwards;  */}
.text-1{ position: relative; height:210px; font-size: 17px; color: #333; line-height: 30px; overflow: hidden; }
.text-2{ margin-bottom:20px; color: #777777; line-height: 24px; }
.text-3{ margin-bottom: 20px; }
.text-3 ul li{ margin-right: 10px; }
.text-3 ul li a{ display: block; width: 35px; height: 35px; overflow: hidden; }
.text-3 ul li a span{ position: relative; top: 0; display: block; }
.text-3 ul li a span img{ display: block; }
.text-3 ul li:hover a span{ top: -35px; }
.text-4{width: 125px;}
.text-4 .ewm{padding:8px; background: #fff; border:solid 1px #d9d9d9; }
.text-4 .ewm img{ max-width: 100%; }
.text-4 h5{ margin:0; font-size: 14px; color: #777777; line-height: 30px; }

/* @keyframes text1{
	form{ transform: scale(0,0); }
	to{ transform: scale(1,1); }
}
@-webkit-keyframes text1{
	form{ transform: scale(0,0); }
	to{ transform: scale(1,1); }
}
@-moz-keyframes text1{
	form{ transform: scale(0,0); }
	to{ transform: scale(1,1); }
}
@-o-keyframes text1{
	form{ transform: scale(0,0); }
	to{ transform: scale(1,1); }
} */

.pictrue-1{ position: relative; margin:0 -5px;}
.pictrue-1 .item{ padding: 0 5px; }
.pictrue-1-list a{display: block; position:relative; top:300px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue-1-list a .biaoti{ margin:0 auto 10px; width: 139px; height: 138px; text-align: center; font-size: 0;}
.pictrue-1-list a .biaoti span{ display: inline-block; vertical-align: top;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: -47px 30px 43px rgba(0,0,0,0.22); }
.pictrue-1-list a .biaoti img{ max-height: 100%;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-1-list a .imgbox{ position: relative; height: 75%;background:#fff; box-shadow: -47px 30px 43px rgba(0,0,0,0.02); }
.pictrue-1-list a .imgbox .p1imgs{ position: relative; overflow: hidden; }
.pictrue-1-list a .imgbox .p1imgs:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255,255,255,0.5);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.pictrue-1-list a .imgbox .p1imgs:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;background: url(../images/p1_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/p1_bg.png*/ no-repeat; background-size: 100% 100%;   }
.pictrue-1-list a .imgbox .p1imgs span{ display: block; height: 468px; background-size: cover; background-position: 50% 50%;}
.pictrue-1-list a:hover .imgbox .p1imgs:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue-1-list a:hover .imgbox .p1imgs span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.p2left{ position: relative; left: -200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(20deg); }
.p2left:hover .title-5{color: #b76000;}
.pictrue-2-box{ padding:5px; position: relative; }
.pictrue-2-box:after{ content: ""; position: absolute; left: 0; top: 0; z-index: z; width: 100%; height: 100%;background: url(../images/p1_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/p1_bg.png*/ no-repeat; background-size: 100% 100%;   }
.pictrue-2{ position: relative; z-index: 2; }
.pictrue-2 a{ display: block;}
.pictrue-2 a .imgbox{background:#fff; box-shadow: -47px 30px 43px rgba(0,0,0,0.02); }
.pictrue-2 a .imgbox .p1imgs{position: relative;  overflow: hidden; }
.pictrue-2 a .imgbox .p1imgs:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255,255,255,0.5);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s }
.pictrue-2 a .imgbox .p1imgs span{display: block; height:610px; background-size: cover; background-position: 50% 50%;}
.pictrue-2 a:hover .imgbox .p1imgs:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue-2 a:hover .imgbox .p1imgs span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.pictrue-2 .owl-theme .owl-controls .owl-buttons div{ z-index: 3; margin-top: -35px; width: 30px; height: 70px; }
.pictrue-2 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:0px; background:rgba(0,0,0,0.5) url(../images/p2_jt_l.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/p2_jt_l.png*/ no-repeat center }
.pictrue-2 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:0px; background:rgba(0,0,0,0.5) url(../images/p2_jt_r.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/p2_jt_r.png*/ no-repeat center }
.pictrue-3{ position: relative; margin:0 -3px;right: -200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(-20deg);  }
.pictrue-3 .item{ padding: 0 3px; }
.pictrue-3-list a{ display: block;}
.pictrue-3-list a .biaoti{ position: relative; margin-bottom: 30px; font-size: 22px;color: #333; }
.pictrue-3-list a .biaoti:before{ content: ""; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -40%; width: 80%; height: 1px; background: #cccccc; }
.pictrue-3-list a .imgbox{ background:#fff; box-shadow: -47px 30px 43px rgba(0,0,0,0.02); }
.pictrue-3-list a .imgbox .p1imgs{ position: relative; overflow: hidden; }
.pictrue-3-list a .imgbox .p1imgs:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255,255,255,0.5);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s }
.pictrue-3-list a .imgbox .p1imgs:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;background: url(../images/p1_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/p1_bg.png*/ no-repeat; background-size: 100% 100%;   }
.pictrue-3-list a .imgbox .p1imgs span{ display: block; height:413px; background-size: cover; background-position: 50% 50%;}
.pictrue-3-list a:hover .biaoti{ color: #b76000; }
.pictrue-3-list a:hover .imgbox .p1imgs:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.pictrue-3-list a:hover .imgbox .p1imgs span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.pictrue-4{ min-height:400px; margin-bottom:100px;position: relative; left: -200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.pictrue-4 ul{ margin:0 -10px; }
.pictrue-4 ul li{padding: 0 10px; width: 16.6666%; }
.pictrue-4.active ul li{ margin-bottom: 20px; }
.pictrue-4 ul li a{ display: block; background: #fff; height: 140px; font-size: 0; line-height: 140px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s }
.pictrue-4 ul li a img{ max-height: 100%; max-width: 100%;}
.pictrue-4 ul li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.pictrue-5{ position: relative; margin:0 auto; max-width:803px; font-size: 0;perspective:800; transform: scale(0,0) rotateY(180deg); }
.pictrue-5 .imgbox img{ max-width: 100%; }
.pictrue-5 .imgbox .tel{ position: absolute; left:2%; bottom: 0; z-index: 1; width:40%; height:40%; }
.pictrue-5 .imgbox .tel a{ position: absolute; left:0; bottom:30%; z-index: 1; padding-left:15%; width: 100%; font-size:36px;color: #333; text-align: left; }
.pictrue-5 .imgbox .message{ position: absolute; right:2%; top: 0; z-index: 1; width:40%; height:40%; }
.pictrue-5 .imgbox .message a{ position: absolute; right:0; top:30%; z-index: 1; padding-right:15%; width: 100%; font-size:36px;color: #333; text-align: right; }
.pictrue-5 .imgbox .tel a:hover{ color: #b76000; }
.pictrue-5 .imgbox .message a:hover{ color: #b76000; }
.pictrue-5 .textbox{ position: absolute; left: 50%; top:30%; z-index: 1; margin-left: -25%; width:50%;}
.pictrue-5 .textbox img{ max-width: 100%; }
.pictrue-5 .textbox .logo{ margin-bottom:10%; }
.pictrue-5 .textbox p{ height: 60px; font-size:12px; color: #333; line-height: 20px; overflow: hidden; text-align: left;  }
.pictrue-5 .textbox .logo2{ text-align: left; }
.pictrue-6-list{ margin-bottom: 20px; }
.pictrue-6-list a{ display: block; border:solid 1px #cccccc; }
.pictrue-6-list a .imgbox{ overflow: hidden; }
.pictrue-6-list a .imgbox span{ display: block; background-size: cover; background-position: 50% 50%;}
.pictrue-6-list a .imgbox span img{ max-width: 100%; }
.pictrue-6-list a .textbox{ padding: 0 10px; color: #333; line-height: 46px; background: #fff; border-top:solid 1px #cccccc;}
.pictrue-6-list:hover a{ border:solid 1px #946837; }
.pictrue-6-list:hover a .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
.pictrue-6-list:hover a .textbox{ color: #fff; background: #946837; border-top:solid 1px #946837;}
.pictrue-7{text-align:center;}
.pictrue-7 img{ max-width: 100%;}
.xmmm{margin:10px;float:left;}
.xmmm img{max-width:100%;height:auto !important;}

.more-1{ padding-top: 30px; }
.more-1 a{ display: block; margin:0 auto;}
.more-1 a span{ position: relative; display: inline-block; vertical-align: top; padding-right: 30px; font-size: 16px;color: #333; line-height: 48px; }
.more-1 a span:before,.more-1 a span:after{ content: ""; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -3px; width: 12px; height: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.more-1 a span:before{ background: url(../images/more1_jt.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/more1_jt.png*/ no-repeat; }
.more-1 a span:after{ background: url(../images/more1_jt_h.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/more1_jt_h.png*/ no-repeat; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.more-1 a:hover{ background: #b76000 }
.more-1 a:hover span{ color: #fff; }
.more-1 a:hover span:before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.more-1 a:hover span:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}

#pages{ position:fixed; right:30px; top: 50%; z-index:2147483647; margin-top: -164px; }
#pages #menu{ margin:0;}
#pages #menu li{ position: relative; margin:5px 0; width:125px;}
#pages #menu li:first-child{ display: none; }
#pages #menu li a{ display: block; font-size:0; line-height: 64px; }
#pages #menu li a span{ display: block; margin-right: 20px; font-size: 18px; color: #333; } 
#pages #menu li a b{ display: block; width: 62px; height: 64px; text-align: center; background: url(../images/page_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/page_bg.png*/ no-repeat center;}
#pages #menu li.active a span{ color: #b76000; }
#pages #menu li.active a b{background: url(../images/page_active_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/page_active_bg.png*/ no-repeat center;}
#pages #menu li:hover a span{ color: #b76000; }
#pages #menu li:hover a b{background: url(../images/page_active_bg.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/page_active_bg.png*/ no-repeat center;}

#warp .vivw-animate .title{animation:fadeIns 1s 0s linear forwards;}
.vivw-animate .owl-item:nth-child(1) .pictrue-1-list a{ animation:p1list 0.5s 0s linear forwards;}
.vivw-animate .owl-item:nth-child(2) .pictrue-1-list a{ animation:p1list 0.5s 0.5s linear forwards;}
.vivw-animate .owl-item:nth-child(3) .pictrue-1-list a{ animation:p1list 0.5s 1s linear forwards;}
.vivw-animate .owl-item:nth-child(4) .pictrue-1-list a{ animation:p1list 0.5s 1.5s linear forwards;}
.vivw-animate .p2left{animation:p2left 0.5s 0s linear forwards;}
.vivw-animate .title-1{animation:p3right 0.5s 0s linear forwards;}
.vivw-animate .title-22{animation:p3right 0.5s 0.5s linear forwards;}
.vivw-animate .pictrue-3{animation:p3right 0.5s 1s linear forwards;}
.vivw-animate .pictrue-4{animation:p2left 0.5s 0s linear forwards;}
.vivw-animate .pictrue-5{animation:p5 0.5s 0s linear forwards;}
.vivw-animate .fei-txt img{animation:fei 0.5s 0s linear forwards;}
.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages li{list-style:none;}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf;}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages strong{font-weight:400}
 @keyframes fei{
	form{ left:-200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	to{ left: 0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; }
}

@keyframes p1list{
	form{ top:300px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	to{ top: 0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; }
}
@keyframes p2left{
	form{ left:-200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(20deg);}
	to{ left: 0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; transform: skew(0deg); }
}
@keyframes p3right{
	form{ right:-200px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transform: skew(-20deg);}
	to{ right: 0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; transform: skew(0deg); }
}

@keyframes fadeIns{
	0%{ top: -200px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	60%{ top:30px; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; }
	80%{ top:-10px; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; }
	100%{ top:0px; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; }
}
@keyframes p5{
	form{ transform: scale(0,0) rotateY(180deg); }
	to{ transform: scale(1,1) rotateY(0deg); }
}

@media (max-height:900px){
	.pictrue-1-list a .imgbox .p1imgs span{ height:360px; }
	.pictrue-2 a .imgbox .p1imgs span{ height: 465px; }
	.pictrue-3-list a .imgbox .p1imgs span{ height: 267px; }
	.pictrue-5{ max-width:600px; }
}

@media (max-height:767px){
	.pictrue-1-list a .imgbox .p1imgs span{ height:260px; }
	.pictrue-2 a .imgbox .p1imgs span{ height: 375px; }
	.pictrue-3-list a .imgbox .p1imgs span{ height: 167px; }
	.pictrue-4{ margin-bottom:50px; }
	.pictrue-5{ max-width:500px; }
}

@media (max-width:1199px){
	#header .menu ul li{ margin-left: 20px; }
}

@media (max-width:991px){
	body.active{ padding-top: 80px; background: #fff;  }
	#neirong{ padding: 30px 0;}
	#header .logo{ line-height: 79px; }
	#header .menu{ position: absolute; right: 0; top: 100%; z-index: 1; padding-top: 1px; width: 120px; float: inherit !important;  }
	#header .menu ul li{ margin:0; width: 100%;background: rgba(255,255,255,0.8); }
	#header .menu ul li a{ font-size: 14px; line-height: 40px; text-align: center; }
	#header .menu ul li a:before{ display: none; }
	#header .menu ul li.active a{ color: #fff; background: #b76000; }
	#header .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
	#header .ydd_btn span{ display:block; width:100%; height:4px; background:#b76000;}
	#header .ydd_btn span.span02{margin:4px 0;}
	#header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
	#header .ydd_btn.click span.span02{margin:4px 0;	}
	#header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;			margin-top:0px;}
	#header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	#warp .title{ padding-bottom: 20px; font-size: 16px; line-height: 30px; }
	.pictrue-1-list a .biaoti{ height: 30%; }
	.pictrue-1-list a .imgbox{ height: 70%; }
	.pictrue-3-list a .biaoti{ margin-bottom:20px; font-size: 16px; }
	.pictrue-4{ min-height: inherit; }
	.pictrue-4 ul li{ width: 33.333%; }
	.pictrue-4 ul li a{ height:90px; line-height:90px; }
	.title_1_pictrue_3{ padding: 0; }
	.title-1{ height: 60px; font-size: 16px; line-height: 30px; }
	.title-3{ margin-bottom:20px; }
	.title-3 .mc:before{ content: ""; position: absolute; left: 4px; top: 50%; z-index: 1; margin-top: -22px; width: 8px; height: 44px; background: #b76000; }
	.title-3 .mc{ position: relative; padding: 0 10px 0 20px; border:solid 1px #f7edda; }
	.title-3 .mc .left{ font-size: 18px;color: #333; line-height: 38px; }
	.title-3 .mc .right{ font-size: 14px;color: #333; line-height: 38px; }
	.title-3 .mc .right a{ color: #333; }
	.title-3 .mc .right span{ color: #b76000; }
	.title-3 .xljt{ position: relative; height: 27px; background: #f0f0f0; cursor: pointer; }
	.title-3 .xljt:before{ content: ""; position: absolute; right: 10px; top: 50%; z-index: 1; margin-top: -10px; width: 21px; height: 21px; background: url(../images/xljt.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/xljt.png*/ no-repeat center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
	.title-3 .xljt.active:before{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}	
	.title-22{ margin-bottom: 20px; }
	.title-2 .right{ padding:0; width: 100%; }
	.title-2 .right ul li{ margin:0 0 1px; width: 100%; }
	.title-2 .right ul li a{ padding:0 15px; font-size: 14px; border-radius: 0; -webkit-border-radius: 0;-moz-border-radius: 0; -o-border-radius: 0; }
	.text-1-box{ padding-top:30px; }
	.text-1{ height: 120px; font-size: 14px; line-height: 24px; }
	.pictrue_4_text_1_box{ margin-top: -105px; }
	.pictrue-5 .imgbox .tel a{ font-size:24px; }
	.pictrue-5 .imgbox .message a{ font-size:24px; }
	.pictrue-5 .textbox{ top: 25%; margin-left: -23%; width: 46%; }
	.title_1_pictrue_3s{ padding: 0; }
	.more-1{ padding-top: 20px; }

}

@media (max-width:767px){
	#warp .section{ background-position: 50% 50%; background-size: cover; }
	body.active{ padding-top: 60px; padding-bottom:55px;}	
	#header .logo{ line-height: 59px; }
	#header .logo img{ height:30px; }
	#header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	.hot{ height:55px; position:fixed; bottom:0; left:0; z-index:99; border-top: solid 1px #f7edd9; border-bottom: solid 1px #f7edd9;
background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#f7d9b6 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#f7d9b6 100%);background:linear-gradient(to bottom,#ffffff 0%,#f7d9b6 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f7d9b6',GradientType=0 );}
	.hot a{ position:relative;padding:5px 0; display: block; }
	.hot a:before{ content: ""; position: absolute; right: -16px; top: 50%; z-index: 1; margin-top: -11px; width: 2px; height: 22px; background: #efd6ba; }
	.hot .col-xs-3:last-child a:before{ display: none; }
	.hot a h6{ font-size:16px;color:#b76000; line-height: 27px;}
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #f9e4cb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/dbtc_jt.png*/ no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png)/*tpa=http://moban.wpmbg.com/demo/33300_dedeyuan.4mwww.com/S349/skin/images/dbtc_jt.png*/ no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	.title-1{ height: 32px; font-size: 14px; line-height: 24px; }
	.title-22{ height: 50px; font-size: 14px; line-height: 24px; }
	.title-3 .mc .left{ font-size: 16px; }
	.title-4{ padding-top: 0; }
	.text-1{ font-size: 12px; text-align: left; text-indent: 2em; height:125px;}
	.text-1 br{ display: none; }
	.text-2{ font-size: 12px; }
	.pictrue-1-list a .biaoti{ width: 90px; height: 90px; }
	.pictrue-1-list a .biaoti img{ box-shadow: -10px 10px 15px rgba(0,0,0,0.1); }
	.pictrue-1-list a .imgbox .p1imgs span{ height:260px; }
	.pictrue-2 a .imgbox .p1imgs span{ height: 620px; }
	.pictrue-3-list a .imgbox .p1imgs span{ height: 300px; }
	.pictrue-4{ margin-bottom: 30px; }
	.pictrue-4 ul li a{ height: 80px; line-height: 80px; }
	.pictrue-5 .imgbox .tel a{ font-size: 18px; }
	.pictrue-5 .imgbox .message a{ font-size: 18px; }
	.pictrue-5 .textbox{ top: 22%; width: 48%; margin-left: -24%; }
	.pictrue-7{ margin-bottom: 20px; }
	.more-1 a span{ font-size: 14px; line-height: 38px; }
 }
@media (max-width:413px){
	.pictrue-1-list a .imgbox .p1imgs span{ height:220px; }
	.pictrue-3-list a .imgbox .p1imgs span{ height: 220px; }
}