/* CSS Document */
html{font-size:10px;width:100%;height:100%;}
body{ margin:0px; padding:0px; overflow-x:hidden; font-family:"黑体"; background-color:#f3f3f3; padding-bottom:100px; background:url(../images/bg.jpg);}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
li{list-style:none;}
input{font-family:"黑体";}
ul{margin:0px; padding:0px;}
img{ border:none; margin:0px; padding:0px;}
a{text-decoration:none; cursor:pointer;   
    hide-focus: expression(this.hideFocus=true);  
    outline:none;}
	a:link,a:visited,a:hover,a:active{  
    text-decoration:none;  
} 
br{ margin:0px; padding:0px;} 
  
a:focus{  
    outline:0;   
}  
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
.centent{ max-width:640px; margin:0 auto; }
.top{ height:88px; background-color:#ae060b; border-bottom:2px solid #890509; border-top:1px solid #ec2e34; position:relative;}

.lm{ position:absolute; background-color:#fff; width:256px; right:0px; top:89px; display:none; z-index:100;}
.lm ul{}
.lm li{clear:both;}
.lm span{ display:block; float:left; padding-left:30px; padding-right:24px;}
.lm a{ color:#333333; font-size:2.4rem; padding:10px 0px; display:block; line-height:70px;}
.lm a:hover{ background-color:#ae060b; color:#fff;}
.lmt{ display:block; width:70px;}
.lmto{ display:none; width:70px;}
.lm a:hover span img.lmt{ display:none;}
.lm a:hover span img.lmto{ display:block;}
li.lmo a{background-color:#ae060b; color:#fff;}
li.lmo a span img.lmt{ display:none;}
li.lmo a span img.lmto{ display:block;}

.topul{background:url(../images/logo.png) no-repeat center 8px; height:88px;}
.topul img{ display:block;}
.topl{ float:left; padding-left:28px;}
.topr{ float:right; cursor:pointer;}

.sban{}
.sban img{ max-width:100%;}
.st{ padding-top:14px; padding-bottom:60px;}
.st li{ height:140px; text-align:center; font-size:2.4rem; color:#fff; float:left; margin-left:2.3%; margin-bottom:2.3%;}
.st span{ display:block; text-align:center; padding-top:14px;}
.st a{ color:#fff;}
.st1{width:22%; background-color:#d2569f; border-radius:5px;}
.st2{width:22%; background-color:#217ac6; border-radius:5px;}
.st3{width:22%; background-color:#ffa300; border-radius:5px;}
.st4{width:22%; background-color:#60b282; border-radius:5px;}
.st5{width:22%; background-color:#6a326a; border-radius:5px;}
.st6{width:22%; background-color:#16a4c0; border-radius:5px;}
.st7{width:22%; background-color:#ae060b; border-radius:5px;}
.st8{width:22%; background-color:#4c20bc; border-radius:5px;}
.st9{width:22%; background-color:#5ea230; border-radius:5px;}
.st10{width:22%; background-color:#edd321; border-radius:5px;}
.stlogo{width:46.3%;}

.lamu{ background-color:#fff;}
.lamu ul{}
.lamu li{ float:left; line-height:50px; text-align:center; margin:0px 20px; overflow:hidden;}
.lamu a{ display:block; color:#555555; font-size:2.2rem;  padding:0px 16px;}
.lamu a:hover{background:url(../images/lmbg.jpg) no-repeat; color:#fff;}
a.lamuo{background:url(../images/lmbg.jpg) no-repeat; color:#fff;}
.aimg{ margin-bottom:6px; text-align:center;}
.aimg img{ max-width:100%;}
.about{ color:#666666; font-size:2.4rem; line-height:40px; padding:0px 20px; padding-bottom:30px;}
.about img{max-width:100% !important;}
.about p{ margin:0; padding:0px;}

.news{}
.tutorial{display: -webkit-box; padding:16px; border-bottom:1px solid #cccccc;}
.tutorial a{display: -webkit-box;}
.y_left{ margin-right:24px;}
.y_left img{height:110px; max-width:100%; display:block;}
.y_right{-webkit-box-flex: 1;}
.ybt{ font-size:2.8rem; color:#555555; height:68px; overflow:hidden; padding-top:4px; margin-bottom:0px; line-height:34px;}
.ntime{ color:#ae060b; font-size:2.4rem; padding-top:12px;}

.ns_bt{ color:#333333; font-size:3rem; padding:0px 38px; padding-top:26px; text-align:center;}
.nstime{ color:#898989; font-size:2.4rem; margin:0px 16px; padding:14px 0px; border-bottom:1px solid #cccccc; text-align:center; margin-bottom:20px;}

.ct{ margin:0px 16px;}
.tel{ color:#333333; font-size:3.6rem; margin-top:30px; margin-bottom:30px;}
.tel td{ padding:0px 7px;}
.tel img{ margin-top:4px;}
.contact{ margin:0px 16px; border-bottom:1px dashed #b7b7b7; padding-left:26px; color:#333333; font-size:3rem; padding-top:28px;}
.contact1{ font-weight:bold;}
.contact2{ padding-top:14px; padding-bottom:16px;}

.searbt{ text-align:center; padding-top:200px;}
.sinp{ padding:40px 62px;}
.sinp input{ height:60px; border:1px solid #cccccc; width:96%; color:#ababab; line-height:60px; font-size:2.4rem; padding-left:4%;}
.seara{width:202px; height:56px; margin:0 auto;}
.seara input{ color:#fff; font-size:3rem; font-weight:bold; width:202px; height:56px; border:none; border-radius:28px; background-color:#c99e64; cursor:pointer;}

.xk{}
.xk ul{ padding-top:20px; padding-bottom:20px;}
.xk li{ background-color:#c1a05e; height:192px; width:30%; margin-left:2.5%; float:left; text-align:center; border-radius:10px; margin-bottom:2.5%;}
.xk span{ display: block; padding-top:30px; padding-bottom:12px;}
.xk a{ color:#fff; font-size:2.4rem;}

.bj ul{ padding-top:20px; padding-bottom:20px;}
.bj li{ background-color:#c1a05e; height:192px; width:30%; margin-left:2.5%; float:left; text-align:center; border-radius:10px; margin-bottom:2.5%;}
.bj span{ display: block; padding-top:12px;}
.bj a{ color:#fff; font-size:2.4rem; padding-top:46px; display:block; line-height:32px; width:100%;}

.bj_bt{ color:#333333; font-size:3.6rem; text-align:center; border-bottom:1px solid #cccccc; padding-top:30px; padding-bottom:24px;}
.bjn{ margin:40px 70px 30px 70px;}
.bjnt{ padding:10px; background-color:#fff;}
.bjnt img{ max-width:100%;}
.bjnw{ text-align:center; color:#333333; font-size:3rem; padding-top:18px;}


.nav{ height:98px; background-color:#ae060b; border-top:1px solid #890509; width:640px; position:fixed; left:50%; bottom:0px; margin-left:-320px;}
.nav ul{ border-top:1px solid #ec2e34;}
.nav li{ width:33%; float:left; text-align:center; background:url(../images/navl.png) no-repeat left center; height:98px;}
.nav span{ display:block; text-align:center; padding-top:12px; padding-bottom:6px;}
.nav img{}
.nav a{ font-size:2.4rem; color:#f1da9f;}

.clear{ height:0px; clear:both; overflow:hidden;}
.banbg{background:url(../images/ban_bg.png); height:10px; position:absolute; left:0px; bottom:0px; width:100%; z-index:11;}
.bannerw{padding:0px;position:relative;}
.banner{overflow:hidden;position:relative; width:100%;}
#dettu{ text-align:center;}
#dettu img{max-width:100%;}
.banner li{ float:left; width:100%; text-align:center; overflow:hidden;}
.banner div{width:100%; height:10px; position:absolute; bottom:0px; left:0px; z-index:10;}
.banner p{width:100%;
		height:15px;
		position:absolute;
		bottom:0px;
		left:0;
		text-align:center;
		line-height:10px; z-index:200; padding-bottom:0px;
		}
		
.banner p span{ padding:0px 4px;}
.banner p span a{width:10px; height:10px; border-radius:5px;
		background:#fff;
		display:inline-block;
		opacity:1.0;
		z-index:100;
		position:relative;
		margin-top:2px;
		}
.banner p span a.currentSpan{background:#ae060b;}
 
@media screen and (max-width: 740px) { /*当屏幕尺寸小于640px时，应用下面的CSS样式*/
body{ margin:0px; padding:0px; overflow-x:hidden; font-family:"黑体"; background-color:#f3f3f3; padding-bottom:60px;}
.centent{ max-width:640px; margin:0 auto;} 
.top{ height:44px; bbackground-color:#ae060b; border-bottom:1px solid #890509; border-top:1px solid #ec2e34; position:relative;}
.lm{ position:absolute; background-color:#fff; width:128px; right:0px; top:45px; display:; z-index:100;}
.lm ul{}
.lm li{clear:both;}
.lm span{ display:block; float:left; padding-left:15px; padding-right:12px;}
.lm a{ color:#333333; font-size:1.2rem; padding:5px 0px; display:block; line-height:35px;}
.lm a:hover{ background-color:#ae060b; color:#fff;}
.lmt{ display:block; width:35px;}
.lmto{ display:none; width:35px;}
.lm a:hover span img.lmt{ display:none;}
.lm a:hover span img.lmto{ display:block;}

.topul{background:url(../images/logo.png) no-repeat center 4px; background-size:121px 37px; height:44px;}
.topl{ float:left; padding-left:14px;}
.topl img{ height:44px;}
.topr{ float:right;}
.topr img{height:44px;}
.sban{}
.sban img{ max-width:100%;}

.st{ padding-top:30px; padding-bottom:30px;}
.st li{ height:70px; text-align:center; font-size:1.2rem; color:#fff; float:left; margin-left:2.3%; margin-bottom:2.3%;}
.st span{ display:block; text-align:center; padding-top:7px;}
.st span img{ width:33px;}
.st1{width:22%; background-color:#d2569f; border-radius:3px;}
.st2{width:22%; background-color:#217ac6; border-radius:3px;}
.st3{width:22%; background-color:#ffa300; border-radius:3px;}
.st4{width:22%; background-color:#60b282; border-radius:3px;}
.st5{width:22%; background-color:#6a326a; border-radius:3px;}
.st6{width:22%; background-color:#16a4c0; border-radius:3px;}
.st7{width:22%; background-color:#ae060b; border-radius:3px;}
.st8{width:22%; background-color:#4c20bc; border-radius:3px;}
.st9{width:22%; background-color:#5ea230; border-radius:3px;}
.st11{width:22%; background-color:#e0a700; border-radius:3px;}
.st10{width:22%; background-color:#edd321; border-radius:3px;}
.stlogo{width:46.3%;}
.stlogo img{ width:100%; height:100%;}

.lamu li{ float:left; line-height:25px; text-align:center; margin:0px 10px; overflow:hidden;}
.lamu a{ display:block; color:#555555; font-size:1.2rem;  padding:0px 8px;}
a.lamuo{background:url(../images/lmbg.jpg) no-repeat; color:#fff;}
.aimg{ margin-bottom:3px;}
.about{ color:#666666; font-size:1.2rem; line-height:20px; padding-bottom:15px; padding:0px 10px;}
.about section{ box-sizing: border-box;}
.tutorial{display: -webkit-box; padding:8px; border-bottom:1px solid #cccccc;}
.y_left{ margin-right:12px;}
.y_left img{height:55px; max-width:100%; display:block;}
.ybt{ font-size:1.4rem; color:#555555; height:34px; overflow:hidden; padding-top:2px; margin-bottom:0px; line-height:17px;}
.ntime{ color:#ae060b; font-size:1.2rem; padding-top:6px;}

.ns_bt{ color:#333333; font-size:1.5rem; padding:0px 19px; padding-top:13px; text-align:center;}
.nstime{ color:#898989; font-size:1.2rem; margin:0px 8px; padding:7px 0px; border-bottom:1px solid #cccccc; text-align:center; margin-bottom:10px;}

.ct{ margin:0px 8px;}
.tel{ color:#333333; font-size:1.8rem; margin-top:15px; margin-bottom:15px;}
.tel td{ padding:0px 4px;}
.tel img{ margin-top:2px; width:19px;}
.contact{ margin:0px 8px; border-bottom:1px dashed #b7b7b7; padding-left:13px; color:#333333; font-size:1.5rem; padding-top:14px;}
.contact2{ padding-top:7px; padding-bottom:8px;}

.searbt{ text-align:center; padding-top:100px;}
.searbt img{ width:160px;}
.sinp{ padding:20px 31px;}
.sinp input{ height:30px; border:1px solid #cccccc; width:96%; color:#ababab; line-height:30px; font-size:1.2rem; padding-left:4%;}
.seara{width:101px; height:28px; margin:0 auto;}
.seara input{ color:#fff; font-size:1.5rem; font-weight:bold; width:101px; height:28px; border:none; border-radius:14px; background-color:#c99e64; cursor:pointer;}

.xk ul{ padding-top:10px; padding-bottom:10px;}
.xk li{ background-color:#c1a05e; height:96px; width:30%; margin-left:2.5%; float:left; text-align:center; border-radius:5px; margin-bottom:2.5%;}
.xk span{ display: block; padding-top:15px; padding-bottom:6px;}
.xk span img{ width:53px;}
.xk a{ color:#fff; font-size:1.2rem;}

.bj ul{ padding-top:10px; padding-bottom:10px;}
.bj li{ background-color:#c1a05e; height:96px; width:30%; margin-left:2.5%; float:left; text-align:center; border-radius:5px; margin-bottom:2.5%;}
.bj span{ display: block; padding-top:6px;}
.bj span img{ width:23px;}
.bj a{ color:#fff; font-size:1.2rem; padding-top:23px; display:block; line-height:16px;}

.bj_bt{ color:#333333; font-size:1.8rem; text-align:center; border-bottom:1px solid #cccccc; padding-top:15px; padding-bottom:12px;}
.bjn{ margin:20px 35px 15px 35px;}
.bjnt{ padding:5px; background-color:#fff;}
.bjnt img{width:100%;}
.bjnw{ text-align:center; color:#333333; font-size:1.5rem; padding-top:9px;}

.nav{ height:49px; background-color:#ae060b; border-top:1px solid #890509; width:100%; position:fixed; left:0; bottom:0px; margin-left:0px;}
.nav ul{ border-top:1px solid #ec2e34;}
.nav li{ width:33%; float:left; text-align:center; background:url(../images/navl.png) no-repeat left center; background-size:2px 35px; height:49px;}
.nav span{ display:block; text-align:center; padding-top:6px; padding-bottom:3px;}
.nav img{ width:19px;}
.nav a{ font-size:1.2rem; color:#f1da9f;}
}