@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
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.8s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.invideo{float:left;width:50%;}

.mt14{margin-top:14px;}
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name {color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { height: 140px; border-right: 0px solid #DEDEDE; border-bottom: 0px solid #DEDEDE; border-left: 0px solid #DEDEDE; padding: 24px 0px 0px; }
.mr_frBtnL { float: left; margin: 60px 22px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 130px; width: 540px; }
.mr_frBtnR { float: right; margin-top: 60px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: auto; width: 265px; margin-right: 13px; overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 0px solid #D8D8D8;width:100%; }

/*banner*/
.yf_banner{ width: 100%;clear: both; position: relative;}
.yf_banner img{ width: 100%;position: relative;}
.yf_banner h3{font-size:45px;
    color: #fff;
    position: absolute;
    left: 18.6vw;
    top:185px;
    font-weight: normal;margin:0 auto;
}
.yf_banner a{font-size: 18px;
    color: #d5002b;
    position: absolute;
    left: 18.6vw;
    top: 22vw;
    font-weight: bold;
    margin: 0 auto;
    text-decoration: underline;}
	
/*about*/
.yfabout{width:1200px;overflow: hidden;margin: 100px auto;}
.yfabout h3{color: #333;font-size: 36px;text-align:center;margin-bottom:20px;font-weight:normal;}
.yfabout dd{background: #0e52a7;width:50px;height:3px;margin: 0 auto 80px auto;}
.aboutl{width:100%;overflow: hidden;}
.aboutl img{float:left;width:600px;border-radius: 8px;height: 380px;}

.juti{width:auto;overflow: hidden;}
.juti p{font-size: 16px;color: #666;line-height:30px;margin-bottom:20px;width: 520px;float: left;margin-left: 80px;}

.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:270px;margin:0px auto;width:1280px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../img/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../img/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('../img/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:300px;height:auto;background:#FFF;}
div.indexmaindiv1 div.playerdetail div.detailimg{width:300px;height:auto;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:300px;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('../img/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../img/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('../img/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1200px;height:245px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:300px;height:245px;margin-left:13px;}

.anli{width:1200px;text-align:center;line-height:40px;margin-top:0px;margin:0px auto 100px auto;}
.anli h3{font-size:36px;color:#333;text-align:center;margin-bottom:20px;font-weight:normal;}
.anli dt{background: #0e52a7;
    width: 50px;
    height: 3px;
    margin: 0 auto 80px auto;}

.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:1200px;overflow: hidden;margin:0px auto;}
.lichengl{width:150px;margin-right: 40px;overflow: hidden;float:left;}
.lichengl img{float:left;width:75px;}
.lichengl h4{font-size: 30px;color:#333;line-height:28px;margin-bottom:20px;margin-right: 40px;width: 150px;font-weight: normal;margin-top:10px;}
.mid{width:320px;margin-right: 40px;overflow: hidden;float:left;margin-top:0px;}
.mid p{font-size: 16px;color: #666;line-height:30px;margin-bottom:20px;margin-right: 40px;width: 320px;float: left;}
.lichengr{float:right;width:600px;}
.lichengr img{width:600px;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;}

@media (max-width:760px){
.yf_banner a {
    font-size: 14px;
    color: #d5002b;
    position: absolute;
    left: 11vw;
    top: 33vw;
    font-weight: bold;
    margin: 0 auto;
    text-decoration: underline;
	width:60%;
}
.yf_banner h3 {
    font-size:24px;
    color: #fff;
    position: absolute;
    left: 18.6vw;
    top:60px;
    font-weight: normal;
    margin: 0 auto;
}
.yf_banner p {
    font-size:16px;
    color: #fff;
    position: absolute;
    left: 18.6vw;
    top: 95px;
    font-weight: normal;
    margin: 0 auto;
}
.yfabout {
    width: 90%;
    overflow: hidden;
    margin:0px auto;
}
.yfabout h3 {
    color: #333;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
   padding-top: 20px;
}
.yfabout dd {
    background: #0e52a7;
    width: 50px;
    height: 3px;
    margin: 0 auto 20px auto;
}
.yfwh ul li p {
    color: #666;
    font-size: 14px;
    padding: 0 0 10% 10%;
	line-height:25px;
    
}
.aboutl img {
    float: left;
    width: 100%;
    border-radius: 8px;
}

.juti {
    width: 100%;
    overflow: hidden;
}
.juti dl {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-left: 0px;
	overflow: hidden;
}
.juti dl dt {
    width: 15%;
    float: left;
    margin-right: 0%;
    margin-bottom: 40px;
    margin: 30px 5%;
}
.juti dl dt img {
    width: 50px;
    margin-bottom: 10px;
    height: auto;
}
.juti dl dt:nth-child(4) {
    margin-right:0%;
}
.juti p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    margin-left: 0px;
    margin: 0%;
}
.juti ul {
    padding: 0;
    margin: 0;
    width: 94%;
    margin-left: 0px;
    margin: 0 3%;
    margin-top: 20px;
    overflow: hidden;
	padding-top: 20px;
}

.yewu {
    width: 100%;
    margin:20px auto;
}
.yewu ul {
    paddding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
}
.yewu ul li {
    float: left;
    text-align: center;
    margin: 0 0px 0 0;
    width: 25%;
}
.yewu ul li:nth-child(3) {
    margin: 0;
}
.yewu ul li:nth-child(6) {
    margin: 0;
}
.yewu ul li p {
    font-size: 14px;
    color: #333;
    line-height: 28px;
    margin: 20px 0;
}
.yewu ul li img {
    width: 30px;
    background: #0e52a7;
    border-radius: 50%;
    padding: 15px;
}
.yewuall {
    background-color: #f6f6f6;
    padding: 0px 0;
    width: 100%;
    overflow: hidden;
}
.licheng {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}
.lichengl {
    margin-left: 5%;
    width: 25%;
    margin-right: 0%;
    overflow: hidden;
    float: left;
}
.lichengl h4 {
    font-size: 20px;
    color: #0e52a7;
    line-height: 28px;
    margin-bottom: 5px;
    margin-right: 0px;
    width: 90px;
    font-weight: normal;
    margin-top: 35px;
}
.mid {
    width: 70%;
    margin-right: 0px;
    overflow: hidden;
    float: left;
    margin-top: 35px;
}
.mid p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 20px;
    margin-right: 0px;
    width: 100%;
    float: left;
}
.yfwh {
    width: 90%;
    overflow: hidden;
    margin: 20px auto;
}
.yfwh h3 {
    color: #333;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
}
.bangong {
    background: url(../images/about/bangong.jpg) center no-repeat;
    height: 320px;
    margin-bottom: 35px;
    position: relative;
    background-size: cover;
}
.bangong h3 {
    color: #fff;
    font-size: 4.5vw;
    text-align: center;
    position: relative;
    top:160px;
    font-weight: normal;
}
.yfwh dd {
    background: #0e52a7;
    width: 50px;
    height: 3px;
    margin: 0 auto 20px auto;
}
.yfwh ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
    margin: 0%;
}
.yfwh ul li:nth-child(2){margin-right:0;}
.yfwh ul li:nth-child(4){margin-right:0;}
.yfwh ul li {
    margin-right: 4%;
    width: 48%;
    background: #f4f4f4;
    float: left;
	margin-bottom: 20px;
	height: 38vw;
}
.yfwh ul li span h4 {
    color: #333;
    font-size: 16px;
    float: left;
    font-weight: normal;
    line-height: 40px;
    padding-left: 15px;
}
.yfwh ul li:hover span img{transform: scale(1);}

.yfwh ul li:hover{border:1px solid #0e52a7;width:48%;border-radius: 10px;}
.yf_banner img {
    width: auto;
    position: relative;
    margin-top: 45px;
	height:49vw;
}
.invideo {
    width: 100%;  margin-bottom: 4vw;
}
.lichengr {
    width: 90%;
    margin: 0 auto;
    float: none;
}
.lichengr img {
    width: 100%;
    border-radius: 8px;
}
.bodyCon08 .students {
    margin: 0 auto;
    width: 90%;
    height: 380px;
    position: relative;
}
#four_flash .flashBg ul.mobile li dd {
    font-size: 20px;
    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 img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: 0px solid #343851;
    border-radius: 0px;
    position: relative;
}
#four_flash .flashBg ul.mobile li p {
    font-size: 12px;
    text-align: left;
    width: 180px;
    line-height: 30px;
    margin-top: 10px;
    color: #666;
    position: absolute;
    top: 220px;
    font-weight: lighter;
    margin: 0 8vw;
}
#four_flash .flashBg ul.mobile li {
    border: 0px solid #2E324B;
    float: left;
    width: 90vw;
    height: auto;
    margin-left: 0px;
    padding-top: 40px;
    color: #6C6E85;
}
.anli h3 {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}
.anli {
    width: 90%;
    margin-top: 0px;
    margin: 0px auto 0px auto;
}
.anli dt {
    background: #0e52a7;
    width: 50px;
    height: 3px;
    margin: 0 auto 0px auto;
}
.mr_frBtnL {
    float: left;
    margin: 20px 22px 0px 0px;
    cursor: pointer;
    display: inline;
}
#four_flash .flashBg {
    width: 100%;
    height: 292px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
#four_flash {
    position: relative;
    width: 100%;
    height: 355px;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
}

div.maindiv1 {
    float: left;
    width: 100%;
    height: 245px;
    overflow: hidden;
    position: relative;
}
div.indexmaindiv {
    height: 270px;
    margin: 0px auto;
    width: 100%;
}
div.maindiv1 ul li{width:100vw;}
div.indexmaindiv1 div.stylesgoleft{display:none;}
div.indexmaindiv1 div.playerdetail{width:100%;}
div.indexmaindiv1 div.playerdetail div.detailimg{width:100%;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:100%;}
div.indexmaindiv1 div.stylesgoright{display:none;}
div.maindiv1 ul li{margin-left:0;}
}