﻿@charset "utf-8";
/* CSS Document */

/*html{-webkit-tap-highlight-color:transparent}*/
body,td,th,input,textarea,select{
	font-family:"微软雅黑", Arial, Tahoma;
	font-size:14px;
	color:#484848;
}
body,form{
	margin:0;
}
body{background:#fff;}
img{border:0px none; vertical-align:middle;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#464646; text-decoration:none; outline:none;}
a:hover,a:active{color:#EC0000;}
.aGray{color:#999;}
.aGray:hover,aGray:active{color:#EC0000;}
.bgcolorfff{background-color: #fff;}
.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}
.hide{display:none;}
/*====================
		public
======================*/

#main{max-width: 640px; margin:0 auto;}

#head{max-width: 640px; margin:0 auto;}
#logo img{max-width: 100%;}
.nav{width:100%;}
.nav ul li{width: 25%;
    float: left;
    font-weight: normal;}
.nav ul li a{display: block;
	color: #FFF;
	text-align: center;
	padding:0px 10px;
	height:38px;
	line-height:38px;
	background:;
	font-size:14px;
	background: url("../mimages/nav.jpg") no-repeat 0px -0px;}

#banner{width:100%; max-width: 640px; margin:0 auto;}
.swiper-wrapper img{max-width: 100%;}

.container{max-width: 640px; margin:10px auto;}
.container .navtit{width:100%; height: 36px; background-color: #688df5;}
.container .navtit a{float: left; padding:0 12px; font-size: 16px; color: #FFF;  height: 36px;  font-weight: normal; line-height: 36px;}
.container .navtit a.active{background-color: #3561da;}

.container .pronavtit{width:100%; height: 36px; background-color: #688df5;}
.container .pronavtit a{float: left; padding:0 12px; font-size: 16px; color: #FFF;  height: 36px;  font-weight: normal; line-height: 36px;}
.container .pronavtit a.active{background-color: #3561da;}

.indexaboutinfo {padding: 10px 12px;}
.indexaboutinfo img{max-width: 100%; margin-bottom: 10px;}

.indexpro{padding: 10px 12px;}
.indexpro .pro_li{width:40%; margin:0px 4%; margin-bottom: 20px; float:left; border:1px solid #ccc;}
.indexpro .pro_li:nth-child(2n+2){float:right;}
.indexpro .pro_li img{max-width: 100%;}
.indexpro .pro_li p{display: block; height: 48px; line-height: 24px; margin-top: 5px; margin-left: 10px; margin-right: 10px; overflow: hidden;}

/*footer*/
#foot{text-align:center; color:#fff; padding-top:20px; padding-bottom:76px; background-color: #2d2d2d}
#menuFootC{width:100%; position:fixed; left:0; bottom:0; height:56px; background:#688df5; box-shadow:0px -1px 3px 0px rgba(0,0,0,0.12); z-index:1000;}
#menuFoot{width:90%; display:table; margin:auto;}
#btmMenu{display:table-row-group;}
#btmMenu li{display:table-cell; position:relative; z-index:999;}
#btmMenu li a{display:block; text-align:center; padding-top:4px; color:#fff;}
#btmMenu li a span{display:block; text-align:center; margin-top:3px; font-weight:bold;}

#foot .img{width:40%; margin: 0 auto; margin-bottom: 10px;}
#foot .img img{max-width: 100%;}
#foot p{line-height: 28px;}


.article-list{width:96%; margin:5px auto 0px; overflow:hidden;    box-shadow:0 0 3px 1px rgba(226,226,226,.2),0 0 3px 3px rgba(226,226,226,.2),0 0 3px 5px rgba(226,226,226,.2);}
.article-list li{height:37px; line-height:37px; padding:0 5px; background:#fff; border-top:1px solid #EAEAE5; border-bottom:1px solid #E2E3DD; overflow:hidden;}
.article-list li a{}
.article-list li a:hover{color:#2FA52D;}
.article-list li span{ float:right;}

.main-tit{width:100%; margin:10px auto 0px; text-align: center; line-height: 32px; height: 32px; background-color: #ff8f2b; font-size: 16px; color:#fff; letter-spacing: 3px; font-weight: bold;}
#nav{border:1px solid #ff8f2b; border-top:0px; padding:5px 10px;}
#nav ul li{float:left;}
#nav ul li a{padding:5px 0px; width:90%; margin:0px 5%; text-align: center; display: block; float:left; border:1px solid #ff8f2b;  border-radius: 5px;}
#nav ul li a.A{ background-color: #ff8f2b; color:#fff; border-radius: 5px; box-shadow: 0px 1px 3px #ff8f2b;}

#navpro{border:1px solid #ff8f2b; border-top:0px; padding:5px 10px;}
#navpro ul li{float:left; width:50%;}
#navpro a{padding:5px 0px; width:90%; margin:0px 5% 5px; text-align: center; display: block; float:left;  border-radius: 5px; border:1px solid #ff8f2b; }
#navpro a.A{ background-color: #ff8f2b; color:#fff; border-radius: 5px; box-shadow: 0px 1px 3px #ff8f2b;}

.about{padding: 10px;}
.about p{font-size: 14px; text-indent: 2em; line-height: 28px;}
.about img{max-width: 100%; margin-bottom: 10px;}


.prolist{padding: 10px 10px;}
.prolist .pro_li{width:48%; margin-bottom: 10px; border:1px solid #ccc;     display: inline-block; margin-right:1%}
.prolist .pro_li:nth-child(2n+2){ margin-right:0%}
.prolist .pro_li img{max-width: 100%;}
.prolist .pro_li p{display: block; height: 48px; line-height: 24px; margin-top: 5px; margin-left: 10px; margin-right: 10px; overflow: hidden;}
.more{ display:block; height: 45px;width: 100%; line-height:45px; border-bottom:1px solid #E3E3E3; background:#EDECEC; color:#404952; text-align:center;}

.proinfo{width:100%;}
.proimg{width:100%; padding:10px;}
.proimg img{max-width: 90%; display: block; margin:0 auto;}
.proinfo .column{padding:0 10px;}
.proinfo .column h1{background-color: #f5f5f5; padding: 0px 10px; display: block; height: 24px; font-size: 16px; line-height: 24px;  color:#3561db; padding-bottom:0px;}
.proinfo .column p.p2{line-height: 24px; font-size: 12px; margin:10px 0px;}
.proinfo .column span{display: block; line-height: 24px; font-size: 14px; margin:5px 0px;}
.proinfo .column a{display: block; width:120px; height: 28px; border-radius: 10px; background: #ff7800; color:#fff; text-indent: 5px; line-height: 28px; text-align: center; font-weight: 500; font-size: 14px; letter-spacing: 3px;}

.prodetailtit{font-size:16px; line-height:24px; border-left:3px solid #3561db; margin:10px 10px; padding-left:10px; color:#3561db; font-weight:bold; background-color:#e5e5e5;}
.prodetail{padding:10px;}
.prodetail img{max-width: 100%;}
.promore {padding:10px;}
.promore a{width:80px; height: 32px; line-height: 32px; background: #ff8f2b; text-align: center; color:#fff; display:block; margin: 10px 0px;}
.promore a.l{float:left;}
.promore a.r{float:right;}

.contact{line-height: 32px;}

#newscon img{max-width: 100%;}



.apply{width:90%; margin:0 auto; max-width: 640px}
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 100%; border: #e5e5e5 solid 1px; color: #ff8f2b; display: block;
padding: 15px 10px;
background: none;
-webkit-box-sizing: border-box;
font-size: 16px;
letter-spacing: 1px;
outline: none;
background-color: #fff;
color:#ff8f2b;
    border-radius: 10px;}

.apply .applybtn{width:80%;max-width: 500px;
height: 50px;
line-height: 50px;
font-size: 24px;
background: #ff8f2b;
letter-spacing: 10px;
margin: 20px auto;
color:#fff;    border-radius: 10px;}


.pagination {
	text-align:center;
	width:100%;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 16px/28px '微软雅黑', sans-serif;
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	float:left;}
.page a,
.page span.disabled,
.page strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '微软雅黑', sans-serif;
	height:24px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.page strong{background:#3561db; color:#fff; }
.page a:hover {
	border:1px solid #3561db;
	color:#0067AC;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px '微软雅黑', sans-serif;
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#3561db;
	border:1px solid #3561db;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}
