html{ font-size:12px; }
body{margin:0;padding:0;background-color:#fff; overflow-x:hidden; }
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
.current {
	width: 80%;
    height: 66px;
    color: #858585;
    line-height: 65px;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
}
.current p{ position:relative; display:inline-block; padding-left:0px;}
.current p::before {
    content: '';
    position: absolute;
    top:50%;
    left: 0%;
    height:15px; background:url(../images/home_icon.png) center center no-repeat;
    width:16px; margin-top:-8px;
}

.current a {
	color: #858585
}

.current a:hover {
	color: #0a3f74
}

.current span {
	color: #0a3f74;
	text-decoration: underline
}
/*banner*/
.banner{width:100%;position:relative;}
.banner img{width:100%;}
.banner h3{top: 14vw;font-size: 40px;color: #fff;font-weight: bold;position: absolute;left: 10%;text-align: left;width: 100%;letter-spacing: 3px;text-shadow: 3px 3px 5px #000;}
.banner dd{top: 17vw;font-size: 18px;color: #fff;font-weight: normal;position: absolute;left: 10%;text-align: left;width: 100%;letter-spacing: 3px;text-shadow: 3px 3px 5px #000;}

/*about*/
.yfabout{width:80%;overflow: hidden;margin: 120px auto;}
.aboutl{width:40%;overflow: hidden;float:left;margin-right:5%;}
.aboutl img{float:left;width:100%;border-radius: 8px;height: 380px;}

.juti{width:55%;overflow: hidden;float:left;}
.juti h3{color: #333;font-size: 36px;text-align:left;margin-bottom:20px;font-weight:bold;margin: 0 0 30px 0;}
.juti h3 span{color:#679d82;}
.juti p{font-size: 16px;color: #888;line-height:30px;margin-bottom:20px;width: 100%;float: left;margin-left: 0px;}

.zy_lc{width:100%;margin: 0vw auto;overflow: hidden;margin-top: 0vw;}
.zy_lc h3{font-size: 40px;font-weight: bold;color: #323232;letter-spacing: 3px;margin-bottom: 4vw;margin-left: 20px;}
.lc{width:100%;margin: 0vw auto;overflow: hidden;margin-top: 6vw;}
.bodyCon08{}
.bodyCon08 .students{margin:0 auto;width:1320px;height:480px;position:relative;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1280px;height:400px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:1200px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:0px solid #2E324B;float:left;width:292px;height:auto;margin-left:0px;padding-top:40px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:hover{border:0px solid #343851; color:#fff;}
#four_flash .flashBg ul.mobile li img{width:auto;height:auto;display:block; margin:0 auto;border:0px solid #343851; border-radius:0px;position: relative;}
#four_flash .flashBg ul.mobile li dd{font-size:40px;width:250px;line-height:60px;text-align:center;border-bottom:0px solid #6C6E85;color:#555;position: absolute;top: 160px;font-weight: bold;}
#four_flash .flashBg ul.mobile li:hover dd{color:#0e52a7;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:left;width:180px; line-height:30px;margin-top:10px;color:#666;position: absolute;top: 220px;font-weight: lighter;margin:0 4vw;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(../images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

/*首页*/
div.indexmaindiv{height:13vw;margin:0px auto;width:100%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:100%;height:auto;background:#FFF;}
div.indexmaindiv1 div.playerdetail div.detailimg{width:100%;height:auto;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%;height:auto;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('./images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:95%;height:13vw;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:11.1%;height:13vw;margin-left:1%;}

.anli{width:80%;text-align:center;line-height:40px;margin:100px auto 100px auto;}
.anli h3{font-size:36px;color:#fff;text-align:center;margin-bottom:40px;font-weight:bold;}
.anli h3 span{color:#679d82;}

.kehuliebiao{width:1200px;overflow: hidden;margin:0px auto;}
.kehuliebiao ul{float:left;}
.kehuliebiao li{float:left;margin:0 5px;display:inline;width:290px;overflow:hidden;}
.kehuliebiao li img{width:100%;}

.licheng{width:80%;overflow: hidden;margin:0px auto;}
.lichengl{width:25%;margin-right:5%;overflow: hidden;float:left;}
.lichengl img{float:left;width:20vw;margin-top: 3vw;opacity: 0.2;}
.lichengl h4{font-size: 36px;color:#333;line-height:28px;margin-bottom:40px;margin-right: 40px;width: 150px;font-weight: bold;margin-top:10px;}
.lichengl h4 span{color:#679d82;}
.lichengl p{font-size: 16px;color: #888;line-height:30px;margin-bottom:20px;width: 100%;float: left;margin-left: 0px;}


.lichengr{float:right;width:65%;}
.lichengr img{width:100%;border-radius: 8px;}

/*业务*/
.yewuall{background-color:#f6f6f6;padding:100px 0;width:100%;overflow: hidden;}
.yewu{width:1200px;margin:100px auto;}
.yewu h3{color: #333;font-size: 36px;text-align:center;margin-bottom:80px;font-weight:normal;}
.yewu ul{paddding:0;margin:0;}
.yewu ul li{float:left;text-align:center;margin: 0 68px 0 0;}
.yewu ul li img{width: 30px;background: #0e52a7;border-radius: 50%;padding: 30px;}
.yewu ul li:nth-child(8){margin:0;}
.yewu ul li p{font-size: 16px;color: #333;line-height:28px;margin:20px 0;}

/*文化*/
.yfwh{width:1200px;overflow: hidden;margin: 100px auto;}
.yfwh h3{color: #333;font-size: 36px;text-align:center;margin-bottom:20px;font-weight:normal;}
.yfwh dd{background: #0e52a7;width:50px;height:3px;margin: 0 auto 80px auto;}
.yfwh ul{padding:0;margin:0;}
.yfwh ul li{margin-right: 1%;width:24.25%;background: #f4f4f4;float: left;height: 160px;}
.yfwh ul li:nth-child(4){margin:0;}
.yfwh ul li:hover{border:1px solid #0e52a7;width:23.8%;border-radius: 10px;}
.yfwh ul li span{width:100%;display: block;overflow: hidden;padding: 10% 10% 2% 10%;}
.yfwh ul li span img{width: 30px;background: #0e52a7;border-radius: 50%;padding: 6px;float: left;transition: all .3s ease;}
.yfwh ul li:hover span img{transform: scale(1.12);}
.yfwh ul li span h4{color:#333;font-size:18px;float: left;font-weight: normal;line-height: 40px;padding-left: 15px;}
.yfwh ul li p{color:#666;font-size:16px;padding: 0 0 10% 10%;line-height: 30px;}

.bangong{background: url(../images/about/bangong.jpg) center no-repeat fixed;height:655px;margin-bottom: 80px;position: relative;background-size: cover;}
.bangong h3{color:#fff;font-size:2.5vw;text-align: center;position: relative;top: 260px;font-weight:normal;}

/*-- 产品中心 --*/
.productall{background-color: #f6f6f6;padding: 0px 0;width: 100%;overflow: hidden;}
.product{width:80%;margin:150px auto;overflow: hidden;}
.productT{width:23%;margin:150px auto;float:right;}
.productT h3{font-size:36px;color:#333;font-weight:bold;}
.productT h3 span{color:#679d82;}
.productT p{font-size:16px;color:#999;line-height:28px;width:100%;padding:30px 0 80px 0;}
.slideGroup {
	float:left;
	width: 70%;
	height: auto;
}

.slideGroup .parHd {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
}

.slideGroup .parHd ul {
	display:table; margin:0 auto;
}

.slideGroup .parHd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
}

.slideGroup .parHd ul li.on {
	height: 30px;
	background: #fff;
	color: green;
}

.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 10px 60px;
	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
	width: 31px;
	height: 520px;
	background: url(../image/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../image/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	width: 100%;
	position: relative;
	list-style:none;
}

.slideGroup .parBd ul li .pic {
	text-align: center;
}

.slideGroup .parBd ul li .pic img {
	width: 45%;
	height: auto;
	display: block;
	padding: 2px;
	float:right;
}

.slideGroup .parBd ul li .description {
	position: absolute;
	width: 40%;
	padding: 20px 10px 10px 20px;
	top:90px;
	left:0px;
	color:#fff;
}
.slideGroup .parBd ul li .description h4{
	color: #333;
	height: 40px;
	line-height: 40px;
	font-size:30px;
	padding-bottom: 75px;
	font-weight:bold;
}
.slideGroup .parBd ul li .description p{
	color: #999;
	line-height: 28px;
	font-size:16px;
	margin-bottom:3vw;
}

.slideGroup .parBd ul li .description p b{color:#333;}
.slideGroup .parBd ul li .description a{
	color: #fff;
	float: right;
	margin-top: 10px;
	background: #7c0002;
	border-radius: 5px;
	padding: 3px 10px;
}
.slideGroup .parBd ul li .description dd{color: #fff;
    font-size: 14px;    
    font-weight: normal;
    background: #679d82;
    text-align: center;
    border-radius: 20px;   
    line-height: 35px;
    width: 130px;
    }

@media only screen and (max-width: 767px){
.banner h3 {
    top:41vw;
    font-size: 5vw;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 26%;
    text-align: left;
    width: 100%;
    letter-spacing: 3px;
    text-shadow: 3px 3px 5px #000;
}
.banner dd {
    top:53vw;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    left: 26%;
    text-align: left;
    width: 100%;
    letter-spacing: 3px;
    text-shadow: 3px 3px 5px #000;
}
.yfabout {
    width: 90%;
    overflow: hidden;
    margin: 20px auto;
}
.juti h3 {
    color: #333;
    font-size: 5vw;
    text-align: left;
    margin-bottom: 20px;
    font-weight: bold;
    margin: 20px 0 20px 0;
}
.aboutl {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: 0%;
}
.juti {
    width: 100%;
    overflow: hidden;
    float: left;
}
.juti p {
    font-size: 14px;
    color: #888;
    line-height: 30px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.lichengl h4 {
    font-size: 5.5vw;
    color: #333;
    line-height: 28px;
    margin-bottom: 40px;
    margin-right: 40px;
    width: 150px;
    font-weight: bold;
    margin-top: 10px;
}
.yewuall {
    background-color: #f6f6f6;
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
}
.licheng {
    width: 90%;
    overflow: hidden;
    margin: 0px auto;
}
.lichengl {
    width: 90%;
    margin-right: 5%;
    overflow: hidden;
    float: left;
}
.lichengr {
    float: right;
    width: 100%;
	margin-top: 2vw;
}
.anli h3 {
    font-size: 5.5vw;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
.product {
    width: 90%;
    margin:35px auto;
    overflow: hidden;
}
.productT {
    width:100%;
    margin:0px auto;
    float: right;
}
.productT h3 {
    font-size: 5.5vw;
    color: #333;
    font-weight: bold;
}
.productT p {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    width: 100%;
    padding: 5px 0 0px 0;
}
.productT p {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    width: 100%;
    padding: 5px 0 0px 0;
}
.slideGroup .parBd ul li .pic img {
    width: 100%;
    height: auto;
    display: block;
    padding: 2px;
    float: right;
}
.slideGroup .parBd ul li .description h4 {
    color: #333;
    height: 40px;
    line-height: 40px;
    font-size: 5vw;
    padding-bottom: 75px;
    font-weight: bold;
}

}