@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}

body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media only screen and (max-width: 767px){
	html{ font-size:22px !important}
	body{ font-size:22px !important}
}
DIV.green-black{ width:100%; padding:10px 0; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 2px;PADDING-LEFT: 2px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 5px;PADDING-TOP: 2px;BORDER: #292929 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #292929;}
DIV.green-black A:hover{BORDER: #fee29f 1px solid;COLOR: #000;font-size:100%;background-color: #fee29f;}
DIV.green-black A:active{BORDER: 1px solid #fee29f;COLOR: #000;font-size:100%;background-color: #fee29f;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #000;MARGIN-RIGHT: 5px;PADDING-TOP: 2px;BORDER: 1px solid #fee29f;font-size:100%;background-color: #fee29f;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #000;MARGIN-RIGHT: 2px;PADDING-TOP: 5px;BORDER: #fee29f 1px solid;font-size:100%}

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:99.5%; max-width:1360px; margin:0 auto}
.head{ background:url(../images/headbg.jpg) center no-repeat; height:6.25em; width:100%; position:fixed; border-bottom:1px solid #2f2f2f; z-index:999;}
.logo{ height:100%;}
.tell{ margin:3% 2% 0 0;}
@media screen and (max-width:1024px){
.head{ height:4.5em}
.logo{ height:100%; display:none}
.tell{ margin:3% 2% 0 0; display:none}
.kd{ width:96%;}
}
/*导航样式*/
.mobile-inner-nav{ position:absolute; right:25%;  z-index:999; display:block; top:30%;}
.mobile-inner-nav a{ display:block; float:left; color:#a19493; margin:0 1rem; font-size:1rem; padding:0.875em 0 0; background:none center top; transition:0.3s all}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#fee29f; background:url(../images/mcur.png) center top no-repeat}
.mobile-inner-nav a p{ width:0; margin:0 auto; background:#fee29f; height:1px; margin-top:3px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ width:80%;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.mobe-type{ display:none;}
.m-logo{ display:none}
@media screen and (max-width:1024px){
.mobile-inner-nav a{ display:block; float:left; color:#a19493; margin:0 1rem; font-size:1rem; padding:0 0 0; background:none center top; transition:0.3s all}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#fee29f; background:none}
#nav{ display:block !important;}
.mobile{width: 100%; position:relative; z-index:111;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{width: 100%;height:4.25rem; position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:15px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 10px) / 2);width:70%;height:6px;background-color: rgba(254,226,159,1); border-radius:3px}
.mobile-inner-header-icon-out p {
    width:70%;border-radius:3px;
    height:6px;
    background-color: rgba(254,226,156,1);
    position: absolute;
    left: 25%;
    bottom: 1.1rem;
    display: block;
	
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
.mobe-type{ display:block; position:absolute; color:#fee29f; right:21px; top:2.8rem;}
.m-logo{ display:block; position:absolute;top:1px; left:1px}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.25rem !important;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav a{display:inline-block;line-height:3rem;text-decoration: none;width:80%;margin-left:10%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}}
.topf{ height:6.25em; width:100%;}
@media screen and (max-width:1024px){
.topf{ height:4.5em;}
}
/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:auto;}
.slides li img{display:none;}
@media screen and (max-width:1024px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:500px !important;}
}
@media screen and (max-width:770px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:5%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; width:16px; margin:0 5px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:12px; height:12px; border:2px solid #fff; border-radius:50%; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ border:2px solid #704103; background: #fff; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:47%;}
.flex-direction-nav li a{display:block;width:15px;height:25px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../images/ban_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2%;background:url(../images/ban_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.i-about{ background:url(../images/abbg.jpg) center no-repeat; height:44.8125em; width:100%; background-size:cover; padding-top:10.5em}

.apic2{ width:50%;}
.apic2 img{ width:100%;}
.apic3{ width:50%; position:relative;}
.apic3  .img1{ width:100%;}
.apic3  .img2{ margin-top:4em}
.apic3 p{ font-size:0.875em; color:#757575; position:absolute; top:25%; width:80%; display:block; float:right; margin-left:10%;}
.m-about{ display:none}
@media screen and (max-width: 768px){
.i-about{ display:none;}
.m-about{ display:block}
.m-about{ background:url(../mpic/mabg.jpg) center no-repeat; background-size:100% ;}
.mapic{ width:50%; padding-top:118px;}
.mapic img{ width:100%;}	
.mcont{ width:50%; background:url(../mpic/a2bg.jpg) center no-repeat; height:246px; background-size:cover; margin-top:118px;}
.mcont p{ font-size:16px; color:#7b7b7b; padding:40% 8%;}
.foa{ font-size:18px; color:#fee29f; margin-top:-45px; margin-right:10px; float:right;}
}

.i-pro{ background:url(../images/prbg.jpg) center no-repeat; height:855px; width:100%; background-size:cover; overflow:hidden;}
.i-pro .prev{ position:absolute; top:61%; left:2%; cursor: pointer; z-index: 9; width:60px;}
.i-pro .next{ position:absolute; top:61%; right:2%; cursor: pointer; z-index: 9; width: 60px;}
.i-pro .prp{ text-align:center; font-size:0.875em;color:#f2efc5; padding-top:10em}
.psort3{ margin-top:5.5em;}
.psort3 li{ border:1px solid #d0b981; position: relative;}
.psort3 li img{ width:100%; border:none; display: block;}
.psort3 .pname{ position: absolute; width: 100%; left: 0; bottom: 0; padding:1.5em 0; text-align:center; background: rgba(0,0,0,0.6);}
.psort3 .pname p{ background:url(../images/name.png) center no-repeat; font-size:1em; color:#f2efc5; width:123px; margin:0 auto}
.psort3 .pname span{ text-transform:uppercase; color:#f2efc5; font-size:0.875em;}
.ipro-an{ display:none}
@media screen and (max-width: 768px){
.i-pro .prp{font-size: 1.375rem; padding-top: 5em;}
.psort3{ margin-top:3.5em;}
.psort3 .pname{ position: relative; left: auto; bottom: auto; padding:1.25em 0; background: rgba(0,0,0,0.6);}
.psort3 .pname p{ background:none; font-size:1.375rem; width:auto;}
.psort3 .pname span{font-size:1.125em;}
}

.fo{
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-attachment: fixed;
    background-position: 50% 50px;
    background-repeat: no-repeat;
    padding: 0;
	border-bottom:5px solid #080808;
	background-image:url(../images/fo.jpg);
	background-size: auto 100%;
}
.bc{ padding:2em 0; text-align:center;}
.fo .kf{ width:68%; margin:0 auto; padding:0em 0 4em;}
.fo .the3{ display:none;}
.fo .the4{ display:none;}
@media screen and (max-width: 1024px){
.fo{
background-attachment:inherit;
}
}
@media screen and (max-width: 768px){
.fo{ height:406px; overflow:hidden; background-position: 50% 0px;}
.fo .kf{ width:100%;}
.fo .the1{ display:none;}
.fo .the2{ display:none;}
.fo .the3{ display:block; width:70%;}
.fo .the4{ display:block; width:27.5%;}
}
.i-news{ background:#292929; width:100%; height:auto; padding:4.0625em 0;}
.n-ti{ text-align:center; padding:0 0 2.8125em ;}


/*foot*/
.foot{ background:#292929; border-top:6px solid #868686; height:22.312rem;}
.flo{ padding-top:3.5rem;}
.flo p{ font-size:0.875rem; color:#9a9a9a; margin-top:2.8rem;}

.fce{ padding-top:4.1875rem; text-align:right}
.fcic img{ margin-left:10px;}
.gu{ margin-top:40px}
/* select */
.select1{position:relative; width:100%;}
.select1 dt{height:35px;display:inline-block;background: url(../images/fdown.png) right no-repeat ;line-height:35px;font-weight:bold;padding-left:10px;cursor:pointer;width:141px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#9a9a9a; font-size:1rem; text-align:left;}
.select1 dt:hover,.select dt.cur{}
.select1 dd{position:absolute;left:0;top:35px;background:#fff;display:none;}
.select1 dd ul{padding:4px;width:155px;max-height:100px;overflow:auto;}
.select1 dd ul a{line-height:28px;display:block;padding:0 8px; color:#9a9a9a; font-size:1rem;}
.select1 dd ul a:hover{ color:#fee4a6}
.jj{ margin-left:7px}
@media screen and (max-width: 768px){
	.foot{ height:auto; padding-bottom:1.5rem;} 
	.flo{ padding-top:1.5rem;}
.fce{ padding-top:2rem; text-align:left; width:100%;}
.jj{ float:left;}
.gu{ margin-top:20px}
}
/**/
.banq{ margin-top:4.375rem; border-top:1px solid #1e1e1e; padding-top:2rem;}
.banq p{ font-size:0.875rem; color:#9a9a9a;}
.banq a{ color:#9a9a9a;}
@media screen and (max-width: 768px){
.banq{ border:none;margin-top:1rem;}
.banq p{ float:left !important; width:100%;}
}

.wrapper{ height:400px; width:1360px; margin:0 auto;}
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	font-size: 0
}
.main {
	float: left;
	width: 1360px
}
.tab {
	position: relative;
	margin-bottom: -2px;

	width: 1360px;
	border-bottom: 0 none;

}

.tab ul img {
	vertical-align: middle
}
.mt15 {
	margin-top: 32px
}
.slide {
	position: relative;
	overflow: hidden;
	width: 1360px;
	height: 320px
}
.slide-ul {
	position: relative;
	margin: 0px 0 0 0px;
	width: 2720px;
}
.slide-ul li {
	position:relative;
	float: left;
	display: inline;
	overflow: hidden;
	width: 653px;
	height: 269px;
	 transition:all 0.3s ease;
	 position:relative;
	 margin-right:27px;
}

.slide-ul li .npd{ height:80%; width:47%; background:#fff; background-size:cover; float:left; padding:10% 8% 10% 5%}
.slide-ul li .npd p{ font-size:1.125em; color:#333}
.slide-ul li .npd span{ font-size:0.875em; color:#666; display:block; margin:3% 0 12%;}
.slide-ul li .npd .ma{ height:2em; text-align:center; display:block; width:30%; border:1px solid #eee; line-height:2em; font-size:0.875em; color:#666; border-radius:5px}
.slide-ul li .npc{ width:40%; height:100%; overflow:hidden; float:right;}
.slide-ul li .npc img{ height:100%}
.info-btn {
	overflow: hidden;
	margin: 0 auto;
	width:90px;
	height: 14px;
	zoom: 1
}

.info-btn li {
	float: left;
	padding: 0 6px 0 10px;
}

.info-btn li span {
	display: block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	
	background:url(../images/dian.png) 0 0px no-repeat;
	text-indent: -9999em;
	cursor: pointer
}
.info-btn .info-cur span,.info-btn .info-hover span {
	background-position: 0 -12px;
	
}
@media screen and (max-width: 768px){
.wrapper{ width:607px; height:580px;}
.main { width:607px;height:580px;}
.slide { width:607px; height:580px;}
.slide-ul li { margin-bottom:30px; width:607px; margin-right:0;}
.slide-ul li .npd{padding:4% 8% 10% 5%}
.slide-ul li .npd span{ font-size:0.875em; display:block; margin:3% 0 6%;}
.slide-ul li .npd .ma{ width:50%;}
.slide-ul { width:1214px;}
.info-btn { width:60px; margin-top:20px;}
}

/*-----------------------------------------新闻资讯----------------------------------------------*/
.ban{ width:100%; height:28.8125em;}

.mian{ background:url(../images/bgg_02.jpg) center no-repeat; background-attachment: fixed; padding:0 0 60px; background-size:cover}
.loca{ height:3.625em; border-bottom:1px solid #252525; line-height:3.625em;}
.secc{font-size: 0.875em; width:25%;
    color: #fff; text-align:right;
    background: url(../images/fen.png) 40% center no-repeat;
    padding-left: 20px;}
.secc a{ color:#fff;}
.smenu{ width:70%;}
.smenu a{ display:block; font-size:0.875em; color:#fff; float:left; padding:0 3%; text-align:center}
.smenu a:hover,.smenu a.cur{ background:url(../images/bai_03.jpg) center top no-repeat}
.box{ padding:30px 0; color:#fff; text-align: center;}
.cpic{ width:40%;}
.cpic img{ width:100%;}
.cname{ width:56%;}
.cname p{ line-height:1.5em; color:#f2efc5; font-size:0.875em;}
@media screen and (max-width: 768px){
	.ban{ height:20em;}
	.box{ font-size:1.125em !important;}
	.secc{ display:none;}
	.cpic{ width:100%;}
	.cname{ width:100%; margin-bottom:20px;}
	.smenu{ width:100%;}
	.smenu a{ width:25%;}
	.cname p{ font-size:1em;}
}
.horlist{ width:100%;}
.horlist li{ width:23.5%; margin:0 1% 0 0.5%; float:left; text-align:center; margin-bottom:2%;max-height:290px;}
.horlist li a{ display:block; position:relative;}
.horlist li i{ display:block; position:absolute; left:0; top:0; background:url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.6); background-size:36% auto; width:100%; height:100%;}
.horlist li img{ width:100%;}
.horlist li p{ text-align:center; color:#f2efc5; font-size:0.875em; line-height:2em;}
@media screen and (max-width: 768px){
.horlist li{ width:48.5%; }
}
.map{ width:100%;}
.cotc{ width:100%;}

/*新闻资讯*/
.newslist{ width:auto;  margin-bottom:2em;}
.n-txt{ width:60%;}
.n-txt span{ display:block; padding-top:2%; font-size:0.875em; color:#fee29f}
.n-txt p{ display:block; font-size:1.125em; padding-top:5%; color:#fee29f}
.n-txt em{ font-size:0.875em; line-height:1.5em; color:#f2efc5}
.n-txt a{ display:block;margin:2% 0;}
.n-txt a:hover{ color:#7e7e7e}
.n-txt .a1{ border:1px solid #7e7e7e; padding:0.3%; font-size:0.75em;}
.n-pic{ width:36%; overflow:hidden;}
.n-pic img{ height:100%; width:auto}
@media screen and (max-width: 768px){
.newslist{ width:auto;  margin-bottom:2rem;}
.n-txt{ width:94%; background:#2a2a2a; padding:3%;}
.n-pic{ width:40%; display:none}
.n-txt a{ display:block;margin:2% 0;}
.n-pic img{}
}

/*新闻内页*/
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.125em; font-weight:bold; margin:0 auto; color:#fff}
.news-type{width:100%; height:20px; text-align:center; margin:0 auto; color:#999;font-size:0.75em; border-bottom:#fff 1px dotted; color:#fff;}
.news-content{width:100%; margin:0 auto; font-size:0.9em; line-height:24px; color:#fff}
.news-pn{ font-size:1rem;line-height:20px;color:#fff;}
.news-pn a{ color:#fff; font-size:1rem;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:1em; color:#fff;}
.xgnews-con{border-top:1px solid #CCC;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#fff}
.xgnews-con li a{ padding-right:10px; color:#fff;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.news-title{ font-size:1.125em;}
	.news-type{ font-size:0.875em; height:auto; padding:0 0 0.5em 0;}
.news-content{  line-height:1.5em !important;}
.news-pn{ font-size:1em; line-height:1.875em;}
.news-pn a{ font-size:1em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-con li{ width:100%; margin:0}
.xgnews-con li a{ font-size:1.125em;}
.xgnews-con li span{float:right; font-size:1.125em;}
}
/*招商加盟*/
.feed{ margin-top:3rem;}
.feed p{ margin-bottom:2rem; font-size:1.5rem; font-weight:bold; color:#fee29f}
.feed .fld{ width:29%}
.feed .fld .contxt{ width:98%; background:none; border:1px solid #ccc; height:2.5rem; margin-bottom:8px; padding:5px; font-size:1rem}
.feed .fld .contxt1{ width:58%; background:none; border:1px solid #ccc; height:2.5rem; margin-bottom:8px;padding:5px; font-size:1rem}
.feed .fld .vcode{ width:22%; border:1px solid #CCC; height:2.1rem;}
.feed .frd{ width:70%;}
.feed .frd .contxt{ width:47.5%; background:none; border:1px solid #ccc; height:2.5rem; margin-bottom:8px;padding:5px; font-size:1rem}
.feed .frd .contxt1{ width:99%; background:none; border:1px solid #ccc; height:6rem; margin-bottom:8px;padding:5px; font-size:1rem}
.feed .btn{ width:8rem; height:2.5rem; line-height:2.5rem; margin-right:1%; border:none; background:#2a2a2a; color:#fff;}
@media screen and (max-width: 768px){
.lx-tit ul li{ width:100%; padding:0; border:none !important}
.lx-tit ul li span{ font-size:1.125rem; line-height:1.875rem;}
.feed .fld{ width:100%;}
.feed .frd{ width:100%;}
.feed .fld .contxt1{ width:98%;}
.feed .frd .contxt{ width:98%}
.feed .frd .contxt{ width:98%;}
.feed .fld .vcode{ width:15%; border:1px solid #CCC; height:2.1rem; margin:1rem 0;}
.feed .btn{ font-size:1.25rem;}
}

/*产品中心*/
.pro-list{ width:100%;}
.pro-list li{ border:1px solid #d0b981; float:left; width:30%; margin:2% 1.5%}
.pro-list li img{ width:100%; border:none; max-height:373px}
.pro-list .pname{ border-top:5px solid #1f1f1f; background:#000; line-height: 65px; height: 65px; text-align:center; background-size:cover}
.pro-list .pname p{font-size:1em; color:#f2efc5; display:inline-block; position:relative; padding:0 20px;}
.pro-list .pname p:before{ content:''; width:11px; height:100%; background:url(../images/amxlx.png) no-repeat center; position:absolute; left:0; top:2px;}
.pro-list .pname p:after{ content:''; width:11px; height:100%; background:url(../images/amxlx.png) no-repeat center; position:absolute; right:0; top:2px;}
.pro-list .pname span{ text-transform:uppercase; color:#f2efc5; font-size:0.875em;}

@media screen and (max-width: 768px){
.pro-list li{ width:46%; max-height:345px; overflow:hidden}
}


/*产品展示*/
#DB_gallery{width:60%; float:left;max-width:760px;margin-bottom:2rem;}
#DB_gallery .DB_imgSet {position:relative;height:auto;overflow:hidden; max-height:480px}
#DB_gallery .DB_imgSet .DB_imgWin{width:100%;max-width:760px;}
#DB_gallery .DB_imgSet .DB_imgWin img{ width:100%;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:100%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{ width:105px; height:90px;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:20px;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:20px;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:85px;border:3px solid #fee29f;left:0;top:0}

.p-xx{ width:36%; margin-left:2%; max-height:480px; overflow:hidden; }
.p-xx .ptt{ font-size:1.375rem; color:#fee29f; font-weight:bold; padding-bottom:2rem;}
.p-xx .ospan{ font-size:1rem; color:#fff !important; display:block;}
/*产品详情*/
.cpxq{ width:72%;}
.cpxq .adp{ font-size:1.125rem; border-bottom:1px solid #FFF; line-height:2rem;}
.cpxq img{ max-width:100%;}
.xgcp{ width:22%; padding:1% 1.5%;}
.xgcp h6{ border-bottom:1px solid #9b9b9b; line-height:2rem;}
.xgcp li{ width:100%; margin-top:1rem; float:left}
.xgcp li img{ width:100%;}
.xgcp li .pnn{ border-top:5px solid #780828; background:url(../images/pnbg.jpg) center no-repeat; padding:1.5em 0; text-align:center; background-size:cover}
.xgcp li p{ background:url(../images/name.png) center no-repeat; font-size:1em; color:#f2efc5; width:123px; margin:0 auto}

@media screen and (max-width: 768px){
#DB_gallery{ width:100%;}
.p-xx{ width:100%;}
.cpxq{ width:100%; margin-bottom:2rem;}
.xgcp{ width:100%;}
.xgcp li{ width:46%; margin:2% 2% 2%;}
.cpxq .dd span{ display:block; float:none !important; font-size:1.125rem; line-height:1.875rem;}
}