.clear{px
	clear: both;
}
.header{
	width:100%;
	height:88px;
}
.header .headBox{
	width:1200px;
	margin:0 auto;
	height: 88px;
	position: relative;
}
.header .headBox .leftNav{
	height:80px;
	overflow:hidden;
	position:relative;
	top:4px;
	left:0px;
}
.header .logoBox{
	overflow: hidden;
    border-color: transparent;
    border-width: 0px;
    width:80px;
    height:80px;
    float:left;
}
.header .headBox .leftNav .logoBox img{
	width:100%;
	height:100%;
}
.header .headBox .leftNav .Navtext{
	float:left;
	text-indent: 10px;
	font-family: 微软雅黑;
    font-size: 20px;
    color: rgb(102, 102, 102);
    line-height:80px;
}
.header .headBox .navMenu{
	height:50px;
	float:right;
	position: absolute;
	top:19px;
	right: 0px;
	width:750px;
	height:50px;
}
.header .headBox .navMenu .mobileMenu{
	height:100%;
}
.header .headBox .navMenu ul{
	padding:0 15px;
	height:100%;
}
.header .headBox .navMenu ul li{
	float:left;
	text-align: center;
	line-height:50px;
	height:50px;
}
.header .headBox .navMenu ul li a{
	font-size:14px;
	padding:0 15px;
}
.header .headBox .navMenu ul .Cutcolor{
	background-color: #4a86e8;
	transition: width 0.5s;
	-moz-transition: width 0.5s;	/* Firefox 4 */
	-webkit-transition: width 0.5s;	/* Safari 和 Chrome */
	-o-transition: width 0.5s;	/* Opera */
}
.header .headBox .navMenu ul .Cutcolor a{
	color:white;
	transition: width 0.5s;
	-moz-transition: width 0.5s;	/* Firefox 4 */
	-webkit-transition: width 0.5s;	/* Safari 和 Chrome */
	-o-transition: width 0.5s;	/* Opera */
}
/*首页轮播*/
		.slideBox{margin-bottom:20px;width:100%; height:560px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:18px; overflow:hidden; position:absolute; left:45%; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; height:18px;}
		.slideBox .hd ul li{border-radius:12px;border:1px solid #ccc; float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; height:100%;}
		.slideBox .bd img{width:100%;height:100%; display:block;  }
		.slideBox .bd .tempWrap{width:100%;height:100%; }
		.slideBox .bd ul{
			height:100%;
		}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/*推荐客服*/
		.sildeImg{
			width:172px;
			height:216px;
			margin:0px auto;
			position:relative;
			overflow:hidden;
			margin-top:20px;}
		.sildeImg .hd{height:0px;}
		.sildeImg .hd a{
			background:url("../images/arrow.png") no-repeat;
			cursor:pointer;
			display:block;
			width:5px; height:9px;
			overflow:hidden;
		}
		.sildeImg .hd .prev{
			position:absolute;
			top:70px;
			left:0px;
		}
		.sildeImg .hd .next{
			position:absolute;
			top:70px;
			right:0px;
			background-position:-60px -50px;
		}
		/*.sildeImg .hd .prev,.picScroll-left .hd .next{  float:right; margin-right:5px; margin-top:10px;  
			 }*/
		.sildeImg .hd .next{ background-position:0 -50px;  }
		.sildeImg .hd .prevStop{ background-position:-60px 0; }
		.sildeImg .hd .nextStop{ background-position:-60px -50px; }		

		.sildeImg .bd{/*width:100%;height:100%;*/text-align: center;}
		.sildeImg .bd .tempWrap{display:inline-block;overflow:hidden; position:relative; width:111px!important;height:175px;}
		.sildeImg .bd ul{ overflow:hidden; zoom:1;width:444px!important;}
		.sildeImg .bd ul li{ margin:0 8px; float:left;display:inline; overflow:hidden; text-align:center; width:95px;height:155px;}

/*当分辨率小于1000*/
.header .headBox .navMenu .mobileBox{
	float:right;
	width:50%;
	height: 100%;
	position:relative;
	z-index:999;
}
.header .headBox .navMenu .mobileBox> span{
	display:block;
	width:20%;
	position:absolute;
	top:20%;
	right:10%;
}
.header .headBox .navMenu .mobileBox ul{
	width:100%;
	position:absolute;
	top:100%;
	left:1em;
	z-index:100;
	clear:both;
	background:white;
}
.header .headBox .navMenu .mobileBox ul li{
	width:100%;
	clear: both;
}
.header .headBox .navMenu .mobileBox> span i{
	display:inline-block;
	width: 35px;
	height:35px;
	background:url(../images/menu_icon.png);
	position: relative;
}
.header .headBox .navMenu  .mobileBox> span i:after{
	content: "菜单";
	font-size:1.5em;
	position: absolute;
	left:-2.2em;
	top:0.25em;
	color: rgb(28, 69, 135);
}
.header .headBox .navMenu .mobileBox> span:hover{
	cursor:pointer;
}

#banner-index{width:100%;margin-bottom:8%;height:580px;position:relative;z-index:1;overflow:hidden;}

.posTxt{
	position: absolute;
	top:20%;
	right: 25%;
	z-index:10;
	width: 416px;
    height: 198px;
}
.posTxt .posBox{
	width:100%;
	height:100%;
	position: relative;

}
.posTxt .posBox .bColor{
	/*position:absolute;*/
	width:100%;
	height:100%;
	background:#ccc;
	opacity: 0.8;
}
.posTxt .posBox .bText{
	background: white;
	position:absolute;
	top:10%;
	left: 7%;
	width: 373px;
    height: 165px;

}
.posTxt .posBox .bText .title{
	line-height:30px;
	font-weight: bold;
	font-size: 20px;
	color: rgb(28, 69, 135);
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: "微软雅黑";
	margin-top:10%;
}
.posTxt .posBox .bText .Tbody{
	margin-top:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.posTxt .posBox .bText .Tbody hr{
	width:15%;
	height:1px;
	display: inline-block;
	background: rgb(28, 69, 135);
	margin:0px 4%;
	margin-bottom: 1%;
}

.posTxt .posBox .bText .Tbody span{
	width:60%;
	font-size:14px;
	color: rgb(28, 69, 135);
}
.posTxt .posBox .bText .Tfoot{
	margin-top:8%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.posTxt .posBox .bText .Tfoot span{
	display: inline-block;
	background: rgb(28, 69, 135);
	z-index:999;
	width:43%;
	height:20px;
	margin:0 3%;
	position:relative;
	color:white;
	font-size:12px;
	text-align:center;
	line-height: 20px;

}
.posTxt .posBox .bText .Tfoot span i:nth-child(1){
	/*display:inline-block;*/
	position:absolute;
	top:0px;
	left:-8px;
	 width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 20px solid rgb(28, 69, 135);
    border-left: 8px solid transparent;
    z-index: 998;
}
.posTxt .posBox .bText .Tfoot span i:nth-child(2){
	position:absolute;
	top:0px;
	right:-8px;
	 width: 0;
    height: 0;
    border-top: 20px solid rgb(28, 69, 135);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    z-index: 998;
}
.idea{
	width:100%;
	margin-bottom:8%;
}
.idea .ideaBox{
	width:1188px;
	margin:0px auto;
	height:521px;
	background:url(../images/back.jpg);
	position: relative;
}
.idea .ideaBox .Box_1{
	width: 390px;
    height: 239px;
	background:white;
	overflow: hidden;
	padding:8px;
}
.idea .ideaBox .Box_1 .title p{
	font-size: 20px;
	text-align: center;
	line-height: 40px;
}
.idea .ideaBox .Box_1 .title p:last-child{
	color: rgb(30, 80, 174);
    font-family: 微软雅黑;
    font-size: 30px;
    line-height:140%;
    font-weight:bold;
}
.idea .ideaBox .Box_1> p{
	 line-height: 26px;
	 width:80%;
	 margin:0px 10%;
	 margin-top:7%;
	 font-size: 14px;
	 text-indent: 28px;
}
.idea .ideaBox .Box_2{
	width:580px;
	height:517px;
	position:absolute;
	top:-10%;
	right:10%;
}
.idea .ideaBox .Box_2 img{
	width:100%;
	height:100%;
}
.idea .ideaBox .Box_3{
	width:379px;
	height:298px;
	position: absolute;
	bottom:-70px;
	left:40px;
}
.idea .ideaBox .Box_3 img{
	width:100%;
	height:100%;
}

/*about*/
.about{
	width:100%;
	height:465px;
	background:url(../images/1.png);
	margin:165px 0px;
}
.about .aboutBox{
	width:1200px;
	height:100%;
	margin: 0px auto;
	position:relative;
}
.about .aboutBox .leftBox{
	width: 416px;
    height: 394px;
	position:absolute;
	top:25px;
}
.about .aboutBox .leftBox .abImg{
	width:100%;
	height:100%;
	position:relative;
}
.about .aboutBox .leftBox .abImg> img{
	width:100%;
	height:100%;
}
.about .aboutBox .leftBox .abImg .logoBox{
	width:100px;
	height:100px;
	overflow: hidden;
	position:absolute;
	bottom: -8%;
	right: 0px;
}
.about .aboutBox .leftBox .abImg .logoBox img{
	width:100%;
	height:100%;
}
.about .aboutBox .upbj{
	width:440px;
	height: 85%;
	position: absolute;
	left:436px;
	top:25px;
}
.about .aboutBox .upbj .topNav{
	overflow: hidden;
}
.about .aboutBox .upbj .topNav .bac{
	width:66px;
	height:56px;
	background:white;
	text-align: center;
	line-height: 28px;
	font-size: 18px;
	padding:8px;
	float:left;
}
.about .aboutBox .upbj .topNav .topText{
	float:right;
	width:346px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 1%;
}
.about .aboutBox .upbj .topNav .topText p:first-child{
	font-family: 微软雅黑;
    font-size: 27px;
    line-height: normal;
    font-weight: bold;
    text-align: left;
}
.about .aboutBox .upbj .topNav .topText p:last-child{
	font-size: 12px;
    line-height: 140%;
    overflow: hidden;
    text-align: left;
}
.about .aboutBox .upbj .imgBox{
	width:436px;
	height:160px;
	margin-top:15px;
}
.about .aboutBox .upbj .imgBox img{
	width:100%;
	height:100%;
}
.about .aboutBox .upbj .up_text{
	margin-top:20px;
	width:427px;
	height: 111px;
	overflow:hidden;
}
.about .aboutBox .upbj .up_text p{
	 font-family: 微软雅黑;
    line-height: 190%;
    color: rgb(67, 67, 67);
    font-size:12px;
}
.about .aboutBox .upbj .mroe{
	text-align: left;
}
.about .aboutBox .upbj .mroe span{
	display:inline-block;
	padding:5px 8px;
}
.about .aboutBox .upbj .mroe span a{
	font-size:12px;
}
.about .aboutBox .upbj .mroe span:hover{
	background: rgb(30, 80, 174);
	border-radius:5px;
}
.about .aboutBox .upbj .mroe span:hover a{
	color:white;
}
.about .aboutBox .rightBox{
	width:287px;
	height:85%;
	position: absolute;
	right:0px;
	top:25px;
}
.about .aboutBox .rightBox .posBox{
	width:100%;
	height:100%;
	position: relative;
}
.about .aboutBox .rightBox .posBox .borBox{
	width:287px;
	height:341px;
	border:1px solid #ccc;
}
.about .aboutBox .rightBox .posBox .bigBox{
	width:190px;
	height:537px;
	position:absolute;
	bottom:0px;
	left:20%;
	background: #d21d29; 
}
.about .aboutBox .rightBox .posBox .bigBox .contents{
	width:150px;
	height:225px;
	margin:0 auto;
	position: relative;
}
.about .aboutBox .rightBox .posBox .bigBox .contents hr{
	background:white;
	height: 1px;
}
.about .aboutBox .rightBox .posBox .bigBox .contents img{
	margin:5% 0px;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .h1{
	margin-top:30px;
	width:50%;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .h2{
	margin-bottom:10%;
	width:80%;
}
.about .aboutBox .rightBox .posBox .bigBox .contents p{
	text-align: center;
	font-size:18px;
	color:white;
	line-height: 2.0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .contact_but{
	width: 123px;
    height: 52px;
	margin:0 auto;
	border:1px solid white;
	text-align: center;
	line-height:52px;
	margin-top:15px;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .contact_but a{
	color:white;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .contact_but:hover{
	transition: background 1s;
	-moz-transition: background 1s;	/* Firefox 4 */
	-webkit-transition: background 1s;	/* Safari 和 Chrome */
	-o-transition: background 1s;	/* Opera */
	background:#ccc;
}
.about .aboutBox .rightBox .posBox .bigBox .contents .contact_but:hover a{
	color:black;
}
.about .aboutBox .rightBox .posBox .bigBox .sildeImg #text{
	height:100%!important;
}

/*product*/
.product{
	width:100%;
	height:380px;
	margin-bottom:8%; 
}
.product .productBox{
	width:1200px;
	margin:0px auto;
	height:100%;
	background:rgb(30,80,174);
	position:relative;
}
.product .productBox .proLeft{
	width: 537px;
    height: 437px;;
	position:absolute;
	bottom:0px;
	left:0px;
}
.product .productBox .proLeft img{
	width:100%;
	height:100%;
}
.product .productBox .proShow{
	position:absolute;
	top:0px;
	right:0px;
	width:640px;
	height:380px;
}
.product .productBox .proShow .ShowBox{
	width:100%;
	height:100%;
}
.product .productBox .proShow .ShowBox ul{
	width:100%;
	height:320px;
	margin:30px 0px;
	overflow: hidden;
}
.product .productBox .proShow .ShowBox ul li{
	width:180px;
	height:150px;
	float:left;
	position:relative;
	margin-bottom:10px;
	margin-right: 20px;
}
.product .productBox .proShow .ShowBox ul li p{
	color:white;
	line-height:2.0;
	text-indent:10%;
}
.product .productBox .proShow .ShowBox ul li hr{
	background:white;
	height:3%;
	width:25%;
	margin-left:10%;
	margin-top: 5%;
}
.product .productBox .proShow .ShowBox ul li .name{
	 font-size: 30px;
	font-weight:bold;
}
.product .productBox .proShow .ShowBox ul li .mroe a{
	display: inline-block;
	text-align: center;
	width:112px;
	line-height:34px;
	color:white;
	position: absolute;
	bottom: 0px;
	text-indent:0px!important;
	border:1px solid white;
	font-size:12px;
}
.product .productBox .proShow .ShowBox ul li .mroe a:hover{
	transition: background 1s;
	-moz-transition: background 1s;	/* Firefox 4 */
	-webkit-transition: background 1s;	/* Safari 和 Chrome */
	-o-transition: background 1s;	/* Opera */
	background:#ccc;
	color:black;
}
.product .productBox .proShow .ShowBox ul li img{
	width:100%;
	height:100%;
}
/*wmys*/
.wmys{
	width:100%;
	height:500px;
	margin-bottom: 8%;
}
.wmys .wmysColorBox{
	width:100%;
	height:40%;
	background:rgb(30,80,174);
}
.wmys .wmysBox{
	width:1200px;
	margin:0px auto;
	position:relative;
	height: 60%;
}
.wmys .wmysBox .posBox{
	position: absolute;
	top:-110px;
	height: 130%;
	width:100%;
}
.wmys .wmysBox .posBox .wmysLeft,.wmys .wmysBox .posBox .wmysRight{
	float: left;
	height: 100%;
}
.wmys .wmysBox .posBox .wmysLeft{
	width: 547px;
    height: 426px;
}
.wmys .wmysBox .posBox .wmysLeft img{
	width:100%;
	height: 100%;
}
.wmys .wmysBox .posBox .wmysRight{
	width:653px;
    height:426px;
	background:white;
}
.wmys .wmysBox .posBox .wmysRight .textBox{
	width:100%;
	height: 100%;
	overflow:hidden;
}
.wmys .wmysBox .posBox .wmysRight .textBox .title{
	height:70px;
	margin-top:35px;
}
.wmys .wmysBox .posBox .wmysRight .textBox> div{
	margin-left:40px;
}
.wmys .wmysBox .posBox .wmysRight .textBox .title .name1{
    color: rgb(222, 222, 222);
    font-size: 28px;
}
.wmys .wmysBox .posBox .wmysRight .textBox .title .name2{
	font-size:22px;
	line-height: 2.0;
}
.wmys .wmysBox .posBox .wmysRight .textBox .listBox{
	width:610px;
	height:320px;
	overflow:hidden;
}
.wmys .wmysBox .posBox .wmysRight .textBox .listBox p{
	width:100%;
	line-height:1.5;
	font-size:14px;
	margin-top:20px;
}
/* news*/
.news{
	width:100%;
	overflow: hidden;
	margin-bottom: 8%;
}
.news .newsBox{
	width:1200px;
	margin:0px auto;
	height: 100%;
}
.news .newsBox .newsTitle{
	position:relative;
	overflow: hidden;
	width:100%;
	height:40px;
	z-index:1;
}
.news .newsBox .newsTitle .hrColor{
	position:absolute;
	bottom:0px;
	width:100%;
	background:#ccc;
	height:2px;
}
.news .newsBox .newsTitle a{
	line-height:40px;
	width:100px;
	text-align:center;
	display:inline-block;
}
.news .newsBox .newsTitle .a1{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
}
.news .newsBox .newsTitle .a2{
	position:absolute;
	bottom:0px;
	left:120px;
	z-index:2;
}
.news .newsBox .newsTitle .a3{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:2;
}
.ca{
	background:#007BD8;
	color:white;
}
.news_content{
	width: 100%;
	height:85%;
}
.news_content ul{
	width:100%;
	height: 100%;
	margin-top:5%;
}
.news_content ul li{
	width:100%;
	height:100px;
	border-bottom: 1px solid #ccc;
	position:relative;
}
.news_content ul li .content{
	width:94%;
	height: 90%;
	margin:0 2%;
	overflow: hidden;
	position:absolute;
	bottom:-2%;
}
.news_content ul li .content .dateBox{
	float:left;
	width:10%;
	height:100%;
}
.news_content ul li .content .dateBox .date_sum{
	width:80%;
	height:80%;
	background:#ccc;
}
.news_content ul li .content .dateBox .date_sum span{
	display:block;
	text-align:center;
	line-height:2.0;
}
.news_content ul li .content .dateBox .date_sum .bigFont{
	font-size:22px;
}
.news_content ul li .content .newText{
	width:90%;
	height: 100%;
	float:left;
	overflow:hidden;
}
.news_content ul li .content .newText .title a{
	font-size:22px;
}
.news_content ul li .content .newText .title a:hover{
	color:rgb(30,80,174);
}
.news_content ul li .content .newText .text{
	margin-top:1%;
}
.news_content ul li .content .newText .text p{
	font-size:14px;
	line-height:1.5;
}
.news_content ul li .content .mroeBox{
	position:absolute;
	bottom:0px;
	right:0px;
	height:20px;
	width:90%;
}
.news_content ul li .content .mroeBox span{
	font-size:12px;
	color:#ccc;
}
.news_content ul li .content .mroeBox span a{
	font-size:12px;
	color:#ccc;
}
.news_content ul li .content .mroeBox span:first-child{
	float:left;
}
.news_content ul li .content .mroeBox span:last-child{
	float:right;
}
/*.footer*/
.footer{
	width:100%;
	overflow: hidden;
	background: rgb(30,80,174);
}
.footer .footBox{
	width:1200px;
	margin:0px auto;
	height: 100%;
	overflow: hidden;
}
.footer .footBox .posBox{
	width:1200px;
	margin:0px auto;
	height:400px;
	overflow: hidden;
	position:relative;
}
.footer .footBox .posBox .leftBox{
	width:800px;
	height: 80%;
	position:absolute;
	top:10%;
	overflow:hidden;
}
.footer .footBox .posBox .leftBox .botNav{
	width:100%;
	height:40px;
}
.footer .footBox .posBox .leftBox .botNav ul{
	overflow:hidden;
	width:100%;
	height:40px;
}
.footer .footBox .posBox .leftBox .botNav ul li{
	float:left;
	line-height:40px;
	padding:0px 15px;
}
.footer .footBox .posBox .leftBox .botNav ul li a{
	font-size:14px;
	color:white;
}
.footer .footBox .posBox .leftBox .botNav ul li:hover{
	background-color:#ccc;
}
.footer .footBox .posBox .leftBox .botNav ul li:hover a{
	color:black;
}
.footer .footBox .posBox .leftBox .contactBox{
	width:500px;
	float:left;
	    margin-top: 20px;
}
.footer .footBox .posBox .leftBox .contactBox> p:first-child{
	font-size:22px;
	margin:10px 0px;
}
.footer .footBox .posBox .leftBox .contactBox p{
	color:white;
	line-height:1.5;
}
.footer .footBox .posBox .leftBox .codeBox{
	width:300px;
	float: right;
}
.footer .footBox .posBox .leftBox .codeBox p img{
	width:100px;
	height:100px;
	margin:0px 10px;
}
.footer .footBox .posBox .leftBox .codeBox p{
	color:white;
	text-align:center;
	font-size:16px;
	line-height:2.0;
}
.footer .footBox .posBox .leftBox .big{
	font-size:24px;
	line-height: 3.0;
}
.footer .footBox .posBox .rightBox{
	width:300px;
	height:80%;
	position:absolute;
	right:0px;
	top:10%;
}
.footer .footBox .posBox .rightBox .fromBox label{
	display: block;
	color:white;
	line-height: 2.0;
}

.footer .footBox .posBox .rightBox .fromBox input{
	color:white;
	border: none;
	background-color: #cccccc;
	    font-family: '微软雅黑';
    border: 1px solid #00aff1;
    font-size: 12px;
    text-indent: 5px;
    height: 38px;
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
.footer .footBox .posBox .rightBox .fromBox textarea{
	min-width:100%;
	max-width: 100%;
	min-height:80px;
	display: block;
	color:white;
	border: none;
	background-color: #cccccc;
	font-family: '微软雅黑';
    border: 1px solid #00aff1;
    font-size: 12px;
    text-indent: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}
.footer .footBox .posBox .rightBox .fromBox #mit{
	margin-top:3%;
	background-color: #1bc1ff;
	 height: 38px;
    width: 100%;
    border: none;
}
.footer .footBox .posBox .rightBox .fromBox input:focus{
	background-color: #fff;
	color:black;

}
.footer .footBox .posBox .rightBox .fromBox textarea:focus{
	background-color: #fff;
	color:black;
}

.footer .footBox .posBox .rightBox .fromBox #mit:hover{
	background: rgb(30,80,174);
	border:1px solid #ccc;
	color:white;
}
.footer .footBox .bmBox{
	width:100%;
	height: 10%;
	text-align: center;
}
.footer .footBox .bmBox p{
	color:white;
	font-size:16px;
	line-height:2.0;
}

.info_slide_dots{
	left:50%!important;
}
.proNav{
	width:100%;
	overflow: hidden;
}
.proNav .proNavBox{
	width:1200px;
	margin:0px auto;
	height:150px;
}
.proNav .proNavBox .pBox{
	text-align:center;
	width:100%;
	height:20%;
	position:relative;
	margin-bottom:10px;
}
.proNav .proNavBox .pBox .span1{
	width:18%;
	height:100%;
	display:inline-block;
	border:1px solid #ccc;
}
.proNav .proNavBox .pBox .span2{
	width:14%;
	height:70%;
	background:white;
	display:inline-block;
	position:absolute;
	bottom:-7%;
	left:43%;
	color:#ccc;
}
.proNav .proNavBox p{
}
.proNav .proNavBox .p1{
	color:#ccc;
	font-size:36px;
	text-align:center;
	line-height:1.5;
}
.proNav .proNavBox .p2{
	color:#ccc;
	text-align:center;
	font-size:20px;
}
.products{
	width:100%;
	overflow:hidden;
	margin-bottom:8%;
}
.products .productsBox{
	width:1200px;
	margin:0px auto;
}
.products .productsBox .proNavMenu ul{
	width:96%;
	height:50px;
	padding:0px 2%;
	background:#ccc;
}
.products .productsBox .proNavMenu ul li{
	float:left;
	width:16%;
	text-align:center;
}
.products .productsBox .proNavMenu ul li a{
	font-size:14px;
	line-height:50px;
}
.products .productsBox .proNavMenu ul li:hover{
    background: rgb(30,80,174);
}
.products .productsBox .proNavMenu ul li:hover a{
	color:white;
}
.products .productsBox .proMain ul{
	width:100%;
	overflow: hidden;
	margin-bottom:20px;
}
.products .productsBox .proMain ul li{
	width:23%;
	float:left;
	margin-right:2%;
	margin-top:2%;
}
.products .productsBox .proMain ul li a img{
    height: 250px;
    width: 250px;
}
.products .productsBox .proMain ul li a p{
	line-height:2.0;
	width:250px;
	font-size:16px;
	text-align:center;
}
.products .productsBox .siteBox{
	width:100%;
	height:40px;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
}
.products .productsBox .siteBox h1{
	float:left;
	width:15%;
	font-size:14px;
	line-height:40px;
	text-indent:28px;
}
.products .productsBox .siteBox .lv_tree_con{
	width:85%;
	font-size:14px;
	float: left;
	line-height:40px;
	text-align:right;
}
.products .productsBox .content{
	text-align: center;
}
.products .productsBox .content .title{
	font-size:20px;
	line-height: 2.0;
}
.products .productsBox .content .time{
	color:#ccc;
	font-size:16px;
	line-height: 2.0;
}
.products .productsBox .content p{
	text-indent:28px;
	line-height: 2.0;
	overflow:hidden;
}
.products .productsBox .content img{
	width:100%;
	height:100%;
}
.m-page a{
	padding:5px;
	margin: 2px;
	background:#ccc;
	color:white;
}
.m-page a:hover{
	background: rgb(30,80,174);
}
.m-pg-ln{
	margin-top:20px;
}
.m-pg-ln> div{
	line-height:1.8;
	font-size:14px;
}
/*about*/
.aboutUs{
	width:100%;
	overflow:hidden;
}
.aboutUs .aboutUsBox{
	width:1200px;
	margin:0px auto;
}
.aboutUs .aboutUsBox p img{
	width:50%;
}
.aboutUs .aboutUsBox .content{
 	text-align: center;
 	font-size:16px;
 	line-height:1.5;
}
.aboutUs .aboutUsBox .content> p{
	text-align: center;
 	font-size:16px;
 	line-height:1.5;
}
.aboutUs .aboutUsBox .content .imgBox{
	width:500px;
	overflow:hidden;
	margin:0px 10px;
}
.aboutUs .aboutUsBox .content .imgBox img{
	width:100%;
	height:100%;
}
.aboutUs .aboutUsBox .content .img_1{
	float:left;
}
.aboutUs .aboutUsBox .content .img_2{
	float:right;
}
.aboutUs .aboutUsBox .content .TextBox{
	float:left;
	width:650px;
	overflow: hidden;
}

.aboutUs .aboutUsBox .content> ul{
	overflow:hidden;
	width:100%;
	margin-top:5%;
}
.aboutUs .aboutUsBox .content ul li{
	overflow:hidden;
	width:100%;
	margin:20px 0px
}
.aboutUs .aboutUsBox .content ul li p span{
	font-size:14px;
}
.aboutUs .aboutUsBox .content ul li .TextBox .title{
	text-align:left;
	text-indent:34px;
	font-size:34px;
	line-height:2.0;
}
.aboutUs .aboutUsBox .content ul li .TextBox .text{
	color:#666;
	font-size:16;
	line-height:1.5;
}
/*about轮播*/
.honor{margin-top:4%;}
.honor .picMarquee-left{width:100%;  overflow:hidden; position:relative;}
.honor .picMarquee-left .hd{ overflow:hidden; position:relative; height:30px; background:#f4f4f4; padding:0 10px;  }
.honor .picMarquee-left .hd a{ display:block; width:5px; height:9px;margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.honor .picMarquee-left .hd .next{ background-position:0 -50px; position:absolute;right:45%;top:0px; }
.honor .picMarquee-left .hd .prev{ background-position:-50 -50px;position:absolute;left:45%;top:0px;}
.honor .picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.honor .picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.honor .picMarquee-left .bd{ padding:10px;   }
.honor .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.honor .picMarquee-left .bd ul li{ width:20%;height:280px; margin:0 8px; float:left;overflow:hidden; text-align:center;  }
.honor .picMarquee-left .bd ul li .pic{ text-align:center;width:60%;height:80%;margin-left: 20%;}
.honor .picMarquee-left .bd ul li .pic img{width:100%;height:100%;}
.honor .picMarquee-left .bd ul li .pic a{display:inline-block;text-align:center;width:100%;height:100%;}
.honor .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.honor .picMarquee-left .bd ul li .title{width:100%;height:20%;text-align:center;overflow:hidden;line-height:3.0;font-size:16px;}




.newsCenter{
	width:100%;
	overflow:hidden;
	margin-bottom:100px;
}
.newsCenter .newsBox{
	width:1200px;
	margin:0 auto;
	overflow: hidden;
}
.newsCenter .newsBox .content{
	overflow: hidden;
}
.newsCenter .newsBox .content .newsNavMenu ul{
	width: 96%;
    height: 50px;
    padding: 0px 2%;
    background: #ccc;
}
.newsCenter .newsBox .content .newsNavMenu ul li{
	width:33.33%;
	float:left;
	height:100%;
	text-align: center;
}
.newsCenter .newsBox .content .newsNavMenu ul li a{
	font-size: 14px;
    line-height: 50px;
}
.newsCenter .newsBox .content .newsNavMenu ul li:hover{
	background: rgb(30,80,174);
}
.newsCenter .newsBox .content .newsNavMenu ul li:hover a{
	color:white;
}
.newsCenter .newsBox .content .NewsTextBox{
	text-align: center;
}
.newsCenter .newsBox .content .NewsTextBox .title{
	font-size: 20px;
    line-height: 2.0;
}
.newsCenter .newsBox .content .NewsTextBox .time{
	color: #ccc;
    font-size: 16px;
    line-height: 2.0;
}
.newsCenter .newsBox .content .NewsTextBox p img{
	display:block;
	margin:0 auto;
}
.newsCenter .newsBox .content .NewsTextBox p{
	text-indent: 28px;
    line-height: 2.0;
    overflow: hidden;
    overflow: hidden;
}
/*recruit*/
.contentCenter{
	width:100%;
	overflow:hidden;
	margin-bottom:8%;
}

.contentCenter .contentBox{
	width:1200px;
	margin:0px auto;
	overflow: hidden;
}

.newsCenter .newsBox .content .contact> p{
	width:90%;
	margin:0 5%;
    color: rgb(90, 90, 90);
    font-family: 微软雅黑;
    line-height: 280%;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
}
.qqlt{
	width:600px;
	height:400px;
	display:none;
	position:relative;
}
.qqlt .clearBox{
	width: 40px;
	height:40px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:2;
}
.qqlt .clearBox img{
	width:100%;
	height:100%;
}
.qqlt .backcolor{
	position: absolute;
	top:0px;
	left:0px;
	background:rgba(0, 0, 0, 0.6);
	width:100%;
	height:100%;
}
.qqlt .contentsBox{
	width:100%;
	height:200px;
	position:absolute;
	left:0px;
	top:100px;
	text-align:center;
	z-index:2;
}
.qqlt .contentsBox .keBox{
	width:100px;
	height:200px;
	position:relative;
}
.qqlt .contentsBox .keBox p{
	line-height:2.0;
	color:white;
}
.qqlt .contentsBox .ke1{
	position:absolute;
	left:150px
}
.qqlt .contentsBox .ke2{
	position:absolute;
	right:150px
}