@charset "gb2312";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	font-style: normal;
	
}
html {
	overflow-x: hidden;
	margin: 0 auto;
	background: #fff;
}
body {
	margin: 0 auto;
	max-width: 480px;
	font-size: 12px;
	background: #fff;
	color: #494949;
	font: 14px/24px 'Microsoft YaHei' Arial;
}
form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
div, ul, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, span, a {
	zoom: 1;
}
td, th, .wrapper {
	color: #494949;
	font-size: 13px;
	line-height: 1.75em;
}
input, select {
	vertical-align: middle;
	line-height: normal;
	font-size: 1em;
}
textarea {
	font-size: 1em;
	line-height: 1.5em;
}
a {
	outline: 0;
	cursor: pointer;
*star:expression(this.onFocus=this.blur());
	text-decoration: none;
	color:#000
}
img {
	border: 0;
}
ul, li {
	list-style: none;
}
h1, h2, h3{
	font-size: 1em;
	line-height: 1.5em;
}
.red {
	color: #f00;
}
.pptop { position:fixed; left:0; top:0px; z-index:22; overflow:hidden; background:#84441B; width:100%; }
.pptop .t-tel .tel { width:36px; height: 38px; display: inline-block; vertical-align: middle; background-image: url(http://commjs.b0.upaiyun.com/swt/kunming/mphone.png); background-size: 80px 80px; background-repeat: no-repeat; background-position: -37px -40px; cursor: pointer; float:left; }
.pptop .t-tel a { width:44%; float:left; line-height:40px; color:#FFF; text-transform:none; text-decoration:none; text-align:left; }
.pptop .t-tel em { padding-left:5px; font-weight:bold; }
.pptop .t-tel { max-width:480px; margin:0 auto; height:auto; overflow: hidden; }
.pptop .t-tel span {  display: block;font-weight: bold; font-size: 18px;text-shadow: 1px 1px 1px #000;}

.logo{overflow:hidden;margin:0 auto;width:100%;}
.logo img{width:100%;margin:0 auto;}
.nav {
	overflow:hidden;
	line-height:32px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#87441e,endColorStr=#60412b); /*IE 6 7 8*/ 
    background: -ms-linear-gradient(top, #87441e,  #60412b);        /* IE 10 */
    background:-moz-linear-gradient(top,#87441e,#60412b);/*»ðºü*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#87441e), to(#60412b));/*¹È¸è*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87441e), to(#60412b));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #87441e, #60412b);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #87441e, #60412b);  /*Opera 11.10+*/
	}
.nav li{
	float:left;
	width:20%;
	text-align:center;
	background:url(../img/line.jpg) right no-repeat;
	}
.nav li:nth-child(5){background:none;}
.nav li a{color:#fff;}
.banner{overflow:hidden;margin:0 auto;width:100%;}
.banner img{width:100%;margin:0 auto;}


/**slide**/
.slideBox { position: relative; overflow: hidden; width: 100%; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd .tempWrap { width:100%; overflow: hidden; position: relative; margin:0px auto; }
.slideBox .bd .tempWrap ul { width:480px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition: 200ms; -webkit-transition: 200ms; }
.zl .tempWrap ul li { padding:0; margin:0; width:80%; }
.slideBox .bd .tempWrap ul li { margin:0px auto; display: table-cell; vertical-align: top; position: relative; text-align: center; }
.slideBox .bd .tempWrap ul li img { float:left; vertical-align: top; width: 100%; margin:0px auto; height: auto; }
.slideBox .hd { display:none; }


.nav1{overflow:hidden;margin:5px;}
.nav1 li{overflow:hidden;float:left;width:23%;}
.nav1 li img{width:100%;margin:0 auto;}
.nav1 li:nth-child(2),.nav1 li:nth-child(3),.nav1 li:nth-child(4){margin-left:2.6%;}

.mode{
	overflow: hidden;
    color: #0082bc;
    line-height: 32px;
	margin:15px 0;
	padding-bottom:3px;
	border-bottom:4px solid #5d412c;
   }
.mode h2{
	overflow: hidden;
    float: left;
    color: #000;
    font-size: 20px;
    font-weight: bold;
	}
@media (max-width:414px) {
	.mode h2{line-height:27px;font-size:25px;}
}
@media (max-width: 375px) {
	.mode h2{line-height:27px;font-size:23px;}
}
@media (max-width: 320px) {
	.mode h2{font-size:20px;}
}
.mode h2 em{
	margin-right:10px;
	width: 30px;
    height: 25px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
	color:#fff;
	font-style:oblique;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#87441e,endColorStr=#60412b);
    background: -ms-linear-gradient(top, #87441e, #60412b);
    background: -moz-linear-gradient(top,#87441e,#60412b);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#87441e), to(#60412b));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87441e), to(#60412b));
    background: -webkit-linear-gradient(top, #87441e, #60412b);
    background: -o-linear-gradient(top, #87441e, #60412b);
	}
.mode a{
	font-size: 18px;
    float: right;
    line-height: 30px;
    background:url(../img/abg.png) center no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 32%;
    text-align: center;
    color: #fff;
    }
.mode span:after{
	content:"";
	background:url(../img/shou.png);
	display:inline-block;
	width:18px;
	height:23px;
	margin:0 0 -6px 5px;
	}
.mnav1{
	overflow:hidden;
	margin:10px;
	}
.mnav1 p{
	float:left;
	width:50%;
	line-height:32px;
	}
.mnav1 p span{ 
    text-align: center;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: url(../img/xu.png) center no-repeat;
    background-size: 100%;
    font-size: 12px;
    color: #fff;
	margin-right:3px;
	}
.mnav1 p:nth-child(8){
	text-align:center;
	line-height:32px;
	font-weight:bold;
	border:1px solid #000;
	border-radius:15px;
	width:46%;
	}

.mnav1 p:nth-child(8) em:after{
	content:"";
	background:url(../img/more.png);
	width:9px;
	height:8px;
	display:inline-block;
	margin:0 0 0 5px;
	}
.yj{
	overflow:hidden;
	line-height:30px;
	background:#745c3d;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin:10px auto;
	}
.yj span:after{
	content:"";
	background:url(../img/shou.png);
	display:inline-block;
	width:18px;
	height:23px;
	margin:0 0 -8px 5px;
	}
.yj a{overflow:hidden;color:#fff;}

.yj1{
	overflow:hidden;
	line-height:30px;
	border:1px solid #745c3d;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin:10px auto;
	}
.yj1 span:after{
	content:"";
	background:url(../img/shou.png);
	display:inline-block;
	width:18px;
	height:23px;
	margin:0 0 -8px 5px;
	}
.yj1 a{overflow:hidden;color:#89441d;font-weight:600}

.mod { margin:10px 0; overflow-x:hidden; }
.mod h2 { width:100%; display:-webkit-box; }
.mod h2:before { 
    content: "";
    width: 23px;
    height: 13px;
    display: inline-block;
    background: #5d412c;
	}
.mod h2 a {font-size:19px;color:#000;font-weight:bold; display:inline-block; margin:0 5px 0 7px; text-shadow:0 1px 1px rgba(255, 255, 255, 1); }
.mod h2 a em{
	font-size: 13px;
    font-weight: normal;
    height: 15.5px;
    overflow: hidden;
    line-height: 15px;
    display: inline-block;
	}
.mod h2:after { 
    height: 2px;
    content: "";
    width: 100%;
    display: block;
    border-top: 1px solid #b7b7b6;
    margin-top: 0.9rem;
    -webkit-transform: translateY(-3px);
    }

.et{
	overflow:hidden;
	margin:0 auto;
	width:100%;
	}
.et dd:nth-child(1),.et dd:nth-child(2),.et dd:nth-child(3){width:86%;margin:0 auto}
.et dd:nth-child(4){
	text-align:center;
	background:#89441d;
	padding:3px;
	border-radius:10px;
	font-size:16px;
	margin:10px auto;
	width:80%;
	}
.et dd:nth-child(4) div{
	overflow:hidden;
	border:1px solid #b05927;
	border-radius:10px;
	}

.et dd:nth-child(4) a{color:#fff;}
.et dd{
	overflow:hidden;
	line-height:25px;
	}
.et dd span{
	text-align: center;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: url(../img/xu.png) center no-repeat;
    background-size: 100%;
    font-size: 12px;
    color: #fff;
	margin-right:3px;
	}

.nav2{
	overflow:hidden;
	width:96%;
	margin:0 auto;
	}
.nav2 li{
    float: left;
    width: 48%;
    overflow: hidden;
	margin-bottom:5px;
}
@media (max-width: 320px) {
	.nav2 li{height:65px;}
}
.nav2 li:nth-child(2),.nav2 li:nth-child(4),.nav2 li:nth-child(6){float:right;}
.nav2 li img{float:left;margin-right:1%;width:30%;border:2px solid #e09c59}
.nav2 li:nth-child(1) span:after,.nav2 li:nth-child(3) span:after{
    content:"";
	background:url(../img/huo.png);
	display:inline-block;
	width:10px;
	height:15px;	
	margin:0 5px 0
	}
.nav2 li span{
    line-height: 16px;
    float: left;
    width: 60%;
	}
.nav22 {overflow:hidden;width:100%;margin:10px auto;}

.nav22 img{width:100%;}


.dl{
	overflow:hidden;
	margin-bottom:15px;
 }	
.dl dt{
    width: 37%;
    float: left;
	} 
.dl dt img{
	width:100%;
	} 
.dl dd{/*background:#dbe9f0;background:#e8e5ed;*/overflow:hidden;padding-left:2%;float:left;width:61%}
.dl dd h1{
	font-size:24px;
	padding:3px 0;
	border-bottom:1px solid #000;
	line-height:30px;
	}
.dl dd h4{font-size:13px;color:#89441d;line-height:20px;padding-top:3px;}
.dl dd h5{font-size:12px;font-weight:normal;line-height:20px;}
.dl dd h5:before { content:""; width:10px; height:10px; margin:0 7px -2px 5px;display:inline-block; background:#000; -webkit-transform:translate(2px, -2px)rotate(45deg); }


.anniu{
	overflow:hidden;
	margin:3px auto;
	width:90%;
	}
.anniu span{
	margin: 0 auto;
    display: block;
    width: 87%;}
.anniu a{
	padding: 5px;
    display: inline-block;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
    width: 45%;
    color: #fff;
    border-radius: 10px;
    
	}
.anniu a:last-child{float:right;background: url(../img/aabg2.png) no-repeat;background-size: 100% 100%;}
.anniu a:first-child{background: url(../img/aabg1.png) no-repeat;background-size: 100% 100%;}

.tit{
	overflow:hidden;
	margin:10px;
	border-bottom:1px solid #5d412c;
	font-size:20px;
	font-weight:bold;
	color:#000;
	padding-bottom:3px
	}
.tit em{
	font-size:12px;
	color:#5d412c;
	}
.tit a{
	float:right;
	line-height:25px;
	width:25%;
	background:#d7c9bf;
	text-align:center; 
	font-size:12px;
	border-radius:10px;
	}
.tit1{
	line-height: 22px;
    overflow: hidden;
    margin: 10px;
    border-bottom: 1px solid #5d412c;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding-bottom: 3px;
	}
.tit1 em{
	font-size:12px;
	color:#5d412c;
	}
.tit1 a{
	margin-top: -9px;
    display: inline-block;
    float: right;
    line-height: 25px;
    width: 45%;
    background: #d7c9bf;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
	}
	
.tit1 a span:after{
	content:"";
	background:url(../img/more2.png);
	width:7px;
	height:6px;
	display:inline-block;
	margin:0 0 0 5px;
	}	
	
	
	
.xb{
	overflow:hidden;
	width:90%;
	margin:0 auto;
	text-indent:2em;
	line-height:22px;
	}
.titm{
	margin:10px auto;
	overflow:hidden;
	line-height:40px;
	text-align:center;
	color:#89441d;
	font-size:18px;
	font-weight:700;
	}
.titm span{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	color:#fff;
	background:#89441d;
	border-radius:100%;
	margin-right:5px;
	}
.xb-nav{
	overflow:hidden;
	width:97%;
	margin:0 auto;
	}
.xb-nav li{
	line-height:25px;
	float:left;
	width:33%;
	text-align:center;
	margin-bottom:10px;
	}
.xb-nav li img{
	margin:0 auto;
	width:80%;
	display:block;
	}
.xb-nav li div{
    line-height:30px;
	border:1px solid #9f9e9e;
	padding:1px;	
	margin-top:40px;
	}
.xb-nav li div a{
	display:inline-block;
	background:#776a57;
	color:#fff;
	text-align:center;
	width:100%;
	}
.xb-nav li div a span:after{
	content:"";
	background:url(../img/more1.png);
	width:8px;
	height:7px;
	display:inline-block;
	margin:0 0 0 5px;
	}

.dl1{
	overflow:hidden;
	margin:0 10px 15px 10px;
 }	
.dl1 dt{
    width: 37%;
    float: left;
	} 
.dl1 dt img{
	margin-top: 5px;
    width: 100%;
	} 
.dl1 dd{/*background:#dbe9f0;background:#e8e5ed;*/overflow:hidden;padding-left:2%;float:left;width:61%}
.dl1 dd h1{
	padding: 3px 0;
    border-bottom: 1px solid #afafaf;
    line-height: 30px;
	}
.dl1 dd h5{font-size:12px;font-weight:normal;line-height:20px;}

@media (max-width: 414px) {
	.dl1 dd h1{
	
    line-height: 30px;
	}
}
@media (max-width: 384px) {
	.dl1 dd h1{
	
    line-height: 21px;
	}
}
@media (max-width: 375px) {
	.dl1 dd h1{
	
    line-height: 20px;
	}
}
@media (max-width: 320px) {
	.dl1 dd h1{
	
    line-height: 15px;
	}
}
.yuyue{
	overflow:hidden;
	margin-bottom:20px;
	}

.yuyue li{
	float:left;
	width:33%;
	overflow:hidden;
	}
.yuyue li img{
	display: block;
    margin: 0 auto;
    width: 80%;
	}


.foot {
	margin-bottom:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	overflow:hidden;
	line-height:32px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#87441e,endColorStr=#60412b); /*IE 6 7 8*/ 
    background: -ms-linear-gradient(top, #87441e,  #60412b);        /* IE 10 */
    background:-moz-linear-gradient(top,#87441e,#60412b);/*»ðºü*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#87441e), to(#60412b));/*¹È¸è*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87441e), to(#60412b));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #87441e, #60412b);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #87441e, #60412b);  /*Opera 11.10+*/
	}
.foot ul{overflow:hidden;}
.foot li{
	float:left;
	width:20%;
	text-align:center;
	background:url(../img/line.jpg) right no-repeat;
	}
.foot li:nth-child(5){background:none;}
.foot a{color:#fff;}
.foot p{
	line-height:25px;
	}
.foot p span:before{
	content:"";
	background:url(../img/logo.png);
	width:25px;
	height:25px;
	display:inline-block;
	margin:0 5px -8px 0;
	}

.bottom { position:fixed; left:0px; bottom:0; width:100%; z-index:1000; }
.bottom:before { content:""; display:block; height:1px; width:100%; background:#888; -webkit-transform:scaleY(0.5); transform:scaleY(0.5); }
.bottom ul { display:-webkit-box; display:box; background:-webkit-linear-gradient(top,#c64104 ,#ab2d04); height:50px; }
.bottom ul li { -webkit-box-flex:1; box-flex:1; text-align:center; }
.bottom ul li a { line-height:75px; font-size:14px; position:relative; height:50px; color:#fff;}
.bottom ul li a:before { position:absolute; left:50%; margin-left:-7px;line-height:25px; color:#fff; text-shadow: 0 1px 1px #949494; }
.bottom ul li:nth-child(2) a:before {
-webkit-animation:zixun 1s linear 0 infinite;
text-shadow:0 0 1px #84441b;
-webkit-text-stroke:1px #84441b;
}
.bottom ul li:nth-child(3) {
}
.bottom ul li:nth-child(3) a {
width:42px;
height:42px;
line-height:42px;
display:block;
margin:0 auto;
border-radius:30px;
border:2px solid #ccc;
box-shadow:inset 0 0 0 1px #fff;
font-size:18px;
top:2px;
background: -webkit-radial-gradient(50% 50%, #D8D7D7, #F5F5F5);
-webkit-tap-highlight-color:rgba(0, 255, 0, 0);
}
.bottom ul li:nth-child(3) a:before {
-webkit-transition:all 0.3s linear 0;
line-height:42px;
top:0px;
margin-left:-9px;color: #B83604;
}
.bottom ul li:nth-child(3) a.icon-plus1:before {
content:"\e610";
-webkit-transition:all 0.3s linear 0;
line-height:42px;
top:0px;
margin-left:-9px;
-webkit-transform:rotate(45deg);
}
.bottom ul li a .no1 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;position: absolute;border: 2px solid #fff;width: 20px;height: 20px;line-height: 17px;font-size: 14px;color: #fff ;font-family: arial;font-weight: bold;-webkit-animation: dot 2s infinite;
animation: dot 2s infinite;border-radius: 10px;background: -webkit-linear-gradient(top, #fd142e, #bf0116);background: linear-gradient(to bottom, #fd142e, #bf0116); background:linear-gradient(to bottom, #fd142e, #bf0116); background:-webkit-linear-gradient(top, #fd142e, #bf0116)}
@-webkit-keyframes dot{
	  0%{opacity:1;}
	  50%{opacity:1;}
	  50.01%{opacity:0;}
	  100%{opacity:0;}
	}
@keyframes dot{
	  0%{opacity:1;}
	  50.01%{opacity:1;}
	  50%{opacity:0;}
	  100%{opacity:0;}
	}