﻿@charset "utf-8";
*{font-family:"微软雅黑"}
body {margin: 0px;padding: 0px;/*text-align: center;*/background-color: #ffffff;font-size: 16px;line-height: 25px;color: #333;text-decoration: none;}
.width {width:1200px; margin-left:auto; margin-right:auto;}
.width96 {width:96%; margin-left:auto; margin-right:auto;}
.width100{ width:100%; min-width: 1200px;margin-left:auto; margin-right:auto;}
.width46{width:46%;}
.img{vertical-align:bottom; display:block;border:0px;}
.float-left{ float:left;}
.float-right{ float:right;}
.txt-left{ text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align:right;}
.clear-both{ clear:both;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top:25px;}
.margin-left-15 { margin-left:15px;}
.margin-left-25 { margin-left:25px;}
.margin-right-15 { margin-right:15px;}
.margin-right-25 { margin-right:25px;}
.margin-auto { margin-left:auto; margin-right:auto;}
.display-inline-block{font-size:14px;display: inline-block; *display: inline; zoom: 1;}
.display-block {display:block;}

/*显示主体部分通用样式*/
.main{ font-size: 14px; line-height: 30px; text-align: left;}
.main img{ max-width:100%; height:auto;}
.main table{ margin-left:auto; margin-right: auto;}
.main table,.main table td{border-collapse:collapse; border:solid #cccccc;	border-width:1px 1px 1px 1px;}
.main table td{	padding-top: 2px;padding-right: 4px;padding-left: 4px;padding-bottom: 2px;}

/*路径样式---------------------------------------------------------------------------------------*/
.pathList {	border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;}
.pathList a{font-size: 12px;line-height: 25px;color: #666666;text-decoration: none;}



.ArticleTitle{text-align: center;}
.ArticleContent{text-align: left;}
/*以上通用样式不能随便修改------------------------------------------------------*/
.topBg{width: 100%;
	position: absolute;top:0px;height: 106px;z-index: 8888; background-color: #ffffff;filter: alpha(opacity=80);/* IE */-moz-opacity: 0.8;/* Moz FF */opacity: 0.8;/* 支持CSS3的浏览器（FF 1.5也支持）*//*IE6*/_position: absolute;_top:expression_r(documentElement.scrollTop);}
.topBox{
	width: 100%;
	position: absolute;top:0px;height: 106px;z-index: 9999;
}
.top{}

/*视频------------------------------------------------------*/

.PlayBanner{background-color:#2289aa;height: 100px; padding-top: 10px; cursor: pointer; }
.PlayBanner a{font-size:16px; line-height: 80px;text-align: left;display:block;}
.PlayBanner span{height: 80px;font-size:55px; float: right;}
.VodBox{ display: none;position: fixed;z-index: 99999;top:180px;width:100%; text-align: center;}
.VodBox video{
	border: 10px solid #ffffff;

	background-color: #ffffff;
}
.VodBg{display: none;
	position: fixed;
	z-index: 88888;
	width: 100%;top:0px;left:0px;
	height: 100%;
	background-color: #EBEBEB;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;
	text-align: right;font-size:30px; line-height: 50px;
}
.vodTxtTitle{font-size:30px; line-height: 45px; color: #FFFFFF;}
.vodTxtcontent{font-size:16px; line-height: 30px; color: #FFFFFF;}



.indexYoushi{ margin-top: 50px; margin-bottom: 50px; height: 200px;}
.indexYoushi ul{ margin: 0px; padding: 0px; list-style: none;}
.indexYoushi ul li{ padding: 0px; list-style: none; float:left;width:150px; text-align: center;font-size:20px; color:#0ac030;}
.indexYoushi ul li+li{margin-left:200px;}
.indexYoushi ul li a{
	font-size: 20px;
	color: #0ac030;
	font-weight: bold;
}


.indexClass{}
.indexClass ul{margin: 0px; padding: 0px; list-style: none;}
.indexClass ul li{margin: 0px; padding: 0px; list-style: none; float: left;}
.indexClass ul li a{padding-left:20px; padding-right: 20px;}


.indexTitleLine{
	background-image: url(images/ico_15.png);
	background-repeat: no-repeat;
	background-position: center center; height: 5px;
}
.indexCn{font-size:30px;line-height: 40px;text-align: left;}
.indexEn{font-size:30px;line-height: 40px;text-align: left;color:#8B8B8B;}

.indexAboutBg{
	background-image: url(images/bg_20.jpg);
	padding-top: 50px; padding-bottom: 50px;
}

.indexAboutTitleOn{ background-color: #a8d99c;font-size:20px; line-height: 50px;overflow: hidden; height: 55px; cursor: pointer;}
.indexAboutTitleOut{background-color: #373d4b;font-size:20px; line-height: 50px; overflow: hidden; height: 55px; color:#ffffff; cursor: pointer;}

.indexAboutTitleOn span,.indexAboutTitleOut span{background-color: #52b33a; color:#FFFFFF; width:55px;display: inline-block; line-height: 55px; font-size:30px; text-align: center; margin-right: 25px;}
.AboutContent{ background-color: #ffffff; padding: 20px;min-height: 150px;}

#aboutContent02,#aboutContent03{display:none;}
#aboutContent02,#aboutContent03,#aboutContent03{width:552px;}
.aboutTitle02,.aboutTitle03{margin-top:10px;}

.indexCase{padding-top: 50px; padding-bottom: 50px;}

.indexhonor{padding-top: 50px; padding-bottom: 50px; background-color: #f1f1f1;}

.ClassListBox{background-color:#2289aa;height:60px;}
.ClassList{ }
.ClassList ul{margin: 0px; padding: 0px; list-style: none;}
.ClassList ul li{margin: 0px; padding: 0px; list-style: none;float:left;}
.ClassList ul li a{padding-left:20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 60px; color:#FFFFFF;}


.jdList{}
.jdList ul{margin: 0px; padding: 0px; list-style: none;}
.jdList ul li{margin: 0px; padding: 0px; list-style: none;width:25%;float: left;}
.jdList ul li img{width:100%; height: auto;}

.indexNews{padding-top: 50px; padding-bottom: 50px;}

.indexNewsList{}
.indexNewsList ul {margin: 0px; padding: 0px; list-style: none;}
.indexNewsList ul li{margin: 0px; padding: 0px; list-style: none;}
.indexNewsList ul li+li{margin-top: 30px;}
.indexNewsList ul li .newsTxt{padding-left: 120px;}
.indexNewsList ul li img{width:100%; height: auto;margin-bottom: 15px;}
.indexNewsList ul li a{
	font-size: 20px;
	line-height: 25px;
	color: #606060;
	text-decoration: none;
}
.indexNewsList ul li a .Content{
	font-size: 12px;
	line-height: 16px;
	color: #7a7a7a; margin-top:6px;
}
.imgNo0{background-image: url(images/wc_30.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;}
.imgNo1{background-image: url(images/wc_20.jpg);
	background-repeat: no-repeat;
	background-position: left center;}
.imgNo2{background-image: url(images/wc_23.jpg);
	background-repeat: no-repeat;
	background-position: left center;}
.imgNo3{background-image: url(images/wc_25.jpg);
	background-repeat: no-repeat;
	background-position: left center;}
.imgNo4{
	background-image: url(images/wc_28.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


.IndexCase01{}
.IndexCase01 ul{margin: 0px; padding: 0px; list-style: none;}
.IndexCase01 ul li{margin: 0px; padding: 0px; list-style: none;width:50%;float:left; background-color: #eff4f7;}
.IndexCase01 ul li a{color:#333333;display: block; width:100%;}

.IndexCase01 ul li .caseimg{width:60%;}
.IndexCase01 ul li .caseTxt{width:40%; padding-top: 100px; padding-left: 40px;font-size:20px;}
.IndexCase01 ul li .caseimg img{width:100%; height: auto;}
.IndexCase01 ul .case01{background-color: #51b33a}
.IndexCase01 ul .case01 .caseimg{float: left;}
.IndexCase01 ul .case01 .caseTxt{float: right; color:#ffffff;}
.IndexCase01 ul .case02 .caseimg{float: right;}
.IndexCase01 ul .case02 .caseTxt{float: left;}

.IndexCase02{}
.IndexCase02 ul{margin: 0px; padding: 0px; list-style: none;}
.IndexCase02 ul li{margin: 0px; padding: 0px; list-style: none; width:50%; float: left; background-color: #eff4f7;}
.IndexCase02 ul li:hover{background-color: #51b33a}
.IndexCase02 ul li:hover .caseTxt{color:#ffffff;}
.IndexCase02 ul li a{color:#333333;display: block; width:100%;}
.IndexCase02 ul li img{width:100%; height: auto;}
.IndexCase02 ul li .caseimg{width:60%;}
.IndexCase02 ul li .caseTxt{width:40%; padding-top: 100px; padding-left: 40px;font-size:20px;}
.IndexCase02 ul li .caseimg img{width:100%; height: auto;}
.IndexCase02 ul .case02 .caseimg{float: left;}
.IndexCase02 ul .case02 .caseTxt{float: right;}
.IndexCase02 ul .case01 .caseimg{float: right;}
.IndexCase02 ul .case01 .caseTxt{float: left;}
/*底部样式，自行修改-------------------------------------------------------------------------------*/
.Bottom {
	background-color: #f1f1f1; height: 200px; padding-top: 40px;
}

.bottonTxt{ margin-left: 30px; padding-top: 30px; font-size:16px;}
.bottomCopy{ background-color: #52b33a; line-height: 45px;font-size:14px; color:#ffffff;}








