@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font: 12px/18px "微软雅黑","Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	color: #2a2a2a;
}
body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input,p{
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a, ul, li, h1, h2, dl, dt, dd {
	list-style: none;
	text-decoration: none;
}
a, a:link {
	color:#000000;
	text-decoration:none
}
a:focus, a:hover {
	color:#e60021;
	text-decoration:underline;
	outline:0;
	-moz-outline:none
}
a:active {
	color:red
}
input, textarea {
	outline:0;
	-moz-outline:none
}

.red {
	color:#e60021!important
}
.green {
	color:#089500!important
}

.clear { clear: both; }

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
color:#999;
font-size:12px
}
.m-20 {
	margin:20px!important
}
.m-30 {
	margin:30px!important
}
.m-40 {
	margin:40px!important
}
.m-50 {
	margin:50px!important
}
.m-60 {
	margin:60px!important
}
.m-70 {
	margin:70px!important
}
.t-m-20 {
	margin-top:20px!important
}
.t-m-30 {
	margin-top:30px!important
}
.t-m-37 {
	margin-top:37px!important
}
.t-m-50 {
	margin-top:50px!important
}
.t-m-60 {
	margin-top:60px!important
}
.t-m-70 {
	margin-top:70px!important
}
.b-m-20 {
	margin-bottom:20px!important
}
.b-m-30 {
	margin-bottom:30px!important
}
.b-m-40 {
	margin-bottom:40px!important
}
.b-m-50 {
	margin-bottom:50px!important
}
.b-m-60 {
	margin-bottom:60px!important
}
.b-m-70 {
	margin-bottom:70px!important
}

.l-m-20 {
	margin-left:20px!important
}
.l-m-30 {
	margin-left:30px!important
}
.l-m-40 {
	margin-left:40px!important
}
.l-m-50 {
	margin-left:50px!important
}
.l-m-60 {
	margin-left:60px!important
}
.l-m-70 {
	margin-left:70px!important
}
.r-m-20 {
	margin-right:20px!important
}
.r-m-30 {
	margin-right:30px!important
}
.r-m-40 {
	margin-right:40px!important
}
.r-m-50 {
	margin-right:50px!important
}
.r-m-60 {
	margin-right:60px!important
}
.r-m-70 {
	margin-right:70px!important
}
.p-20 {
	padding:20px!important
}
.p-30 {
	padding:30px!important
}
.p-40 {
	padding:40px!important
}
.p-50 {
	padding:50px!important
}
.p-60 {
	padding:60px!important
}
.p-70 {
	padding:70px!important
}
.t-p-20 {
	padding-top:20px!important
}
.t-p-30 {
	padding-top:30px!important
}
.t-p-40 {
	padding-top:40px!important
}
.t-p-50 {
	padding-top:50px!important
}
.t-p-60 {
	padding-top:60px!important
}
.t-p-70 {
	padding-top:70px!important
}
.b-p-20 {
	padding-bottom:20px!important
}
.b-p-30 {
	padding-bottom:30px!important
}
.b-p-40 {
	padding-bottom:40px!important
}
.b-p-50 {
	padding-bottom:50px!important
}
.b-p-60 {
	padding-bottom:60px!important
}
.b-p-70 {
	padding-bottom:70px!important
}
.l-p-20 {
	padding-left:20px!important
}
.l-p-30 {
	padding-left:30px!important
}
.l-p-40 {
	padding-left:40px!important
}
.l-p-50 {
	padding-left:50px!important
}
.l-p-60 {
	padding-left:60px!important
}
.l-p-70 {
	padding-left:70px!important
}
.r-p-20 {
	padding-right:20px!important
}
.r-p-30 {
	padding-right:30px!important
}
.r-p-40 {
	padding-right:40px!important
}
.r-p-50 {
	padding-right:50px!important
}
.r-p-60 {
	padding-right:60px!important
}
.r-p-70 {
	padding-right:70px!important
}
.p-none {
	padding:0!important
}
.m-none {
	margin:0!important
}
@media screen and (min-width:980px){
#msc{display:none;}
.container{width:98%;margin:0px auto;}
.nav{ float:right;}
.nav li{ float:left; width:100px; text-align:center; line-height:90px;} 
.nav li a{ color:#FFFFFF; font-size:14px;}
}
@media screen and (min-width:1200px){
.container{width:1200px; margin:0 auto;}
}
.header{ background:#90322a;}
.logo{ float:left; padding-top:20px; padding-bottom:20px;}
.banner img{width:100%;}
.about{ margin-top:30px;}
.aboutl{ float:left; width:50%; line-height:30px; font-size:16px; padding-top:10px;}
.aboutl h1{ font-size:32px; line-height:60px;}
.aboutl span{ color:#FF0000; font-weight:bold;}
.aboutr{ float:right; width:50%; text-align:center;} 
.yewu{ background:#f0f0f0; padding-top:10px; padding-bottom:30px;}
.ywtit{ background:url(../images/h.jpg) left 35px repeat-x; line-height:70px; text-align:center; width:90%; margin:0 auto; }
.ywtit span{ padding-left:20px; padding-right:20px; margin:0 auto; background:#f0f0f0; font-size:27px; }
.ywlist li{ float:left; width:24%; text-align:center; margin-top:10px; margin-left:0.5%;  margin-right:0.5%;}
.ywlist li img{ width:100%; margin:0 auto; display:block;}
.ywprice{ font-size:16px; margin:0 auto;  border:#CCCCCC solid 1px; height:40px; border-top:none; text-align:center; }  
.ywprice span{  line-height:40px; margin:0 auto; border-bottom:#CCCCCC solid 1px; padding-left:25px; padding-right:25px; padding-bottom:3px; }
.soft{padding-top:20px; padding-bottom:30px;}
.softtit{ background:url(../images/h.jpg) left 35px repeat-x; line-height:70px; text-align:center; width:90%; margin:0 auto; }
.softtit span{ padding-left:20px; padding-right:20px; margin:0 auto; background:#FFFFFF; font-size:27px; }
.softlist li{  background:#ffedd9; padding:20px; margin-top:20px;}
.softlist li.stww{ }
.softlist li .softpic{ float:left; width:43%;}
.softlist li .softtxt{ float:right; width:55%; line-height:25px;}
.softlist li .softpic img{ max-width:100%;display:block;}

.softp{ line-height:40px;}
.softp span{ color:#FF0000; font-weight:bold;}
.news{ background:#f9f9f9; padding-top:10px; padding-bottom:30px;}
.newstit{ background:url(../images/h.jpg) left 35px repeat-x; line-height:70px; text-align:center; width:90%; margin:0 auto; }
.newstit span{ padding-left:20px; padding-right:20px; margin:0 auto; background:#f9f9f9; font-size:27px; }
.newslist{ background:url(../images/hh2.jpg) center no-repeat;}
.newslist li{ width:45%; float:left; border-bottom:#CCCCCC dashed 1px; margin-bottom:10px;}
.newslist li .ntit{ font-weight:bold; font-size:14px; line-height:30px;}
.newslist li .ncon{line-height:25px; padding-bottom:10px; height:70px; overflow:hidden;}
.newslist li.ssd{ margin-left:10%; }
.ft{ background:#90322a; min-height:200px; padding-top:10px;} 


.news h1{ font-size:24px; text-align:center; line-height:30px; padding-top:20px; padding-bottom:20px;}
.news_tip{ background:#cfcdcd; line-height:30px; width:100%; text-align:center; margin:0 auto;  }
.news_ncon{ line-height:25px; padding:15px;}
.news_perv{ line-height:30px; margin-top:20px;}

.contactit{ background:url(../images/b.jpg) left 35px repeat-x; line-height:70px; text-align:center; width:90%; margin:0 auto; }
.contactit span{ padding-left:20px; padding-right:20px; margin:0 auto; background:#90322a; font-size:27px; color:#FFFFFF;}
.contaccon{ color:#FFFFFF; padding-bottom:30px;}
.contacconl{ float:left; width:20%; line-height:22px;}
.contacconr{ float:left; width:80%; line-height:22px;}
.contacconr .fktd{ float:left; width:25%;}
.fkt{ font-weight:bold;}
.copy{ border-top:#b77c76 solid 1px; text-align:center; padding-top:15px; padding-bottom:15px; line-height:22px; color:#FFFFFF;  }

.page {
	padding: 30px 0px; width: 100%; text-align: center; line-height: 30px;
}
.page li {
	margin: 0px 2px; font-size: 13px; display: inline;
}
.page li a {
	padding: 4px 8px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; color: rgb(0, 0, 0); -webkit-radius: 4px;
}
.page li a:hover {
	border-color: rgb(236, 114, 0); color: rgb(255, 255, 255); background-color: rgb(236, 114, 0);
}
.page li.thisclass a {
	border-color: rgb(236, 114, 0); color: rgb(255, 255, 255); background-color: rgb(236, 114, 0);
}
@media screen and (max-width:980px){
.mav{position:absolute; z-index:99; top:22px; right:20px;width:40px;height:40px;background: url("../images/ico_menu.png") no-repeat;   cursor:pointer; }
.nav{visibility:hidden; }
.nav{ visibility:hidden; background:#90322a; height:auto; line-height:35px;  width:100%; position:absolute; z-index:99; top:62px; left:0; padding-bottom:15px;}
.nav ul li{text-align:center; float:100%; border-bottom:#b77c76 solid 1px; }
.nav ul li a{ font-size:14px; color:#FFFFFF; }
.aboutl{ float:left; width:100%; line-height:30px; font-size:14px; padding-top:10px;}
.aboutl h1{ font-size:32px; line-height:60px;}
.aboutl span{ color:#FF0000; font-weight:bold;}
.aboutr{ float:right; width:100%; text-align:center;} 
.ywlist li{ float:left; width:48%; text-align:center; margin-top:10px; margin-left:1%;  margin-right:1%;}
.newslist{ background:none;;}
.newslist li{ width:100%; float:left; border-bottom:#CCCCCC dashed 1px; margin-bottom:10px;}
.newslist li.ssd{ margin-left:0; }
.contacconl{ float:left; width:100%; line-height:22px; padding-bottom:10px; text-align:center;}
.contacconr{ float:left; width:100%; line-height:22px; text-align:center;}
.contacconr .fktd{ float:left; width:100%;  padding-bottom:10px; padding-top:10px;  }
}
@media screen and (max-width:640px){
.softlist li .softpic{ float:left; width:100%;}
.softlist li .softtxt{ float:right; width:100%; line-height:25px;}
}