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

.banner{overflow: hidden;width: 100%;overflow: hidden;height: 700px;}
#flashs{ position:relative; height:700px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ position: absolute; left:0; bottom:30px; text-align: center; width: 100%; z-index: 999;}
#flashs .btn span{display: inline-block; cursor: pointer; background: url("Img/Index/banner_btn.png") no-repeat center top; width: 10px; height: 10px; margin: 5px 2px;} 
#flashs .btn span{*display: inline;}
#flashs .btn span.cur {width: 30px; background: url("Img/Index/banner_btn_H.png") no-repeat center top;}


/*标题*/
.title{ overflow: hidden; width: 100%; text-align: center; margin-top: 70px;}
.title h2{ font-weight: normal; font-size: 30px; color: #2454ac}
.title h2 a{ color: #2454ac}
.title p{ font-size: 16px; color: #999999; margin-top: 10px;}
.title i{ width: 30px; height: 1px; display:inline-block; background-color: #999999; margin: 0 20px; vertical-align: middle}


/*领导品牌*/
.pinpai{ overflow:hidden; width:100%; background-color:#eee; padding-bottom: 20px;}
.pinpai .ppBox{ overflow:hidden; margin:40px auto;}
.pinpai .ppUl{ overflow:hidden;}
.pinpai .ppUl li{text-align:center;background:#fff;width: 360px;height:198px;float:left;margin-right:60px;}
.pinpai .ppUl li h3{ font-size:35px; color:#004098; margin-top:15px;}
.pinpai .ppUl li p{ font-size:20px; color:#033333; margin-top:2px}
.pinpai .ppUl li i{ display:block; width:70px; height:55px; margin:0 auto; margin-top:23px; }
.pinpai .ppUl li i.pp01{ background:url(Img/Index/pp01.png) no-repeat center top;}
.pinpai .ppUl li i.pp02{ background:url(Img/Index/pp02.png) no-repeat center top;}
.pinpai .ppUl li i.pp03{ background:url(Img/Index/pp03.png) no-repeat center top;}
.pinpai .ppUl li.last{ margin-right:0;}
.pinpai .ppUl li:hover{ background-color:#004098;}
.pinpai .ppUl li:hover p{ color:#fff;}
.pinpai .ppUl li:hover h3{ color:#fff;}
.pinpai .ppUl li:hover i{ background-position:bottom;}


/*课程*/
.course{ overflow: hidden; width: 100%;  background-color: #fff; padding-bottom: 60px; }
.course .courseBox{ overflow: hidden; width: 1200px; height: 335px; position: relative; margin-top: 36px;}
.course .list{}
.course .list li{ float: left; width: 285px; margin-right: 20px;}
.course .list li img{ display: block;}
.course .list li h3{ margin-top: 30px; margin-bottom: 10px; font-size: 16px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.course .list li h3 a{ color: #333; text-decoration: none}
.course .list li p{ font-size: 14px; color: #555555; line-height: 25px; overflow: hidden; height: 50px;}
.course .list li span{ display: block; background: url("Img/Index/courseTimgTop.png") no-repeat center top; line-height: 35px; font-size: 14px; color: #999999; margin-top: 10px; position: relative}
.course .list li span img{ display: block; float: left; margin-top: 12px;  margin-right: 5px;}
.course .list li  b{ color: #333; font-weight: normal}
.course .list li i{ display: none; background: url("Img/Index/course-jian.png") no-repeat center; width: 13px; height: 9px; position: absolute; right: 0; top:15px;}
.course .list li:hover h3 a{ color: #2454ac}
.course .list li:hover span{ background: url("Img/Index/courseTimgTopH.png") no-repeat center top}
.course .list li:hover i{ display: block}


/*类别*/
.L-B{ overflow: hidden; width: 100%; background-color: #eeeeee; padding-bottom: 70px;}
.L-B .lbNav{ width: 100%; text-align: center; overflow: hidden; margin-top: 22px;}
.L-B .lbNav li{ display: inline-block ; width: 200px; height: 50px; font-size: 16px; color: #333333; line-height: 50px; background-color: #d6d6d6}
.L-B .lbNav li{ position: relative; *display: inline; text-indent: 30px;}
.L-B .lbNav li  a{ color: #333; text-decoration: none   }
.L-B .lbNav li  i{ position: absolute; top:0; left:50px; width: 50px; height: 50px; display: block; }

.L-B .lbNav li:hover,.L-B .lbNav li.cur{ background: #2454ac}
.L-B .lbNav li:hover a,.L-B .lbNav li.cur a{ color: #fff}
.L-B .lbNav li:hover i,.L-B .lbNav li.cur i{ background-position: bottom}
.L-B .lbKj{width: 1360px;position:absolute;top:0;left:0;height: 340px; display: none}
.L-B .lbKj em{ display: block; width: 30px; height: 22px; position:absolute; top:115px; cursor: pointer}

.L-B .lbKj em:hover{ background-position: bottom}
.L-B .lbCon{ overflow:hidden; height:340px; width:1200px; position:relative; margin: 0 auto}
.L-B .list{position: absolute;}
.L-B .list li{ width:380px; height:340px; position: relative; float:left; margin:0 10px;}
.L-B .list li b,.L-B .list li span{ display: block; width: 100%;}
.L-B .list li span{ color:#666666; font-size:12px; }
.L-B .list li b{ margin:16px  0 5px; color:#333; font-size:16px; font-weight:normal }
.L-B .lbBox{width:1360px;height: 340px;position: relative;margin: 30px auto 0;}
.L-B a.more{ width: 240px; height: 50px; ;line-height: 50px; margin: 25px auto 0; display: block; text-align: center; border: 1px solid #b8b8b8; color: #999;}
.L-B a{ text-decoration: none}
.L-B a.lb_a{ position: absolute;  width: 24px; height: 24px; right: 0; bottom: 25px; display: none}
.L-B .list li:hover b{ color: #2454ac; font-weight: bold}
.L-B .list li:hover a.lb_a{  display: block}

/*Strength*/
.Strength{ overflow: hidden; width: 100%; background: #fff}
.Strength .StrengthBox{ width: 100%; height: 600px; position: relative; margin-top: 35px;}
.Strength .StrengthBox a{display: block;width: 100%;height: 600px;background: url("Img/Index/slImg.jpg") no-repeat center;position: absolute;}
.Strength .slBox{ height: 120px; width: 100%; background-color: #eeeeee;position: relative;}
.Strength .sllist{width: 1200px;height: 120px;position: relative;}
.Strength .sllist li{ width: 240px; position: absolute; bottom:0; height: 120px; text-align:center;}
.Strength .sllist li i{ width: 80px; height: 50px; margin: 25px auto 0; display: block; overflow: hidden}
.Strength .sllist li i img{ display: block; margin-top: 0;}
.Strength .sllist li h3{font-size: 14px;color: #333333;/* margin: 8px 0; */line-height: 35px;}
.Strength .sllist li p{display: none;font-size: 13px;color: #fff;line-height: 25px;height: 75px;padding: 0 15px;overflow: hidden;margin-top: 10px;}
.Strength .sllist li em{ width: 30px; height: 1px; display: none; background-color: #7bc81f; margin: 10px auto;}
.Strength .sllist li:hover h3,.Strength .sllist li.cur h3{ font-size: 16px; color: #fff}
.Strength .sllist li:hover p,.Strength .sllist li.cur p{  display: block}
.Strength .sllist li:hover i,.Strength .sllist li.cur i{  display: block}
.Strength .sllist li:hover em,.Strength .sllist li.cur em{  display: block}
.Strength .sllist li:hover,.Strength .sllist li.cur{ background: url("Img/Index/StrengthBg.png") no-repeat center; height: 260px;}
.Strength .sllist li:hover i img,.Strength .sllist li.cur img{ margin-top: -50px;}
.Strength .sllist li.list01{ left:0}
.Strength .sllist li.list02{ left:240px;}
.Strength .sllist li.list03{ left:480px;}
.Strength .sllist li.list04{ left:720px;}
.Strength .sllist li.list05{ left:960px;}

/*客户*/
.k_h{overflow:hidden;width: 100%;padding-bottom: 10px;border-bottom: 2px solid #eee;}
.k_h .khBox{position: relative;overflow: hidden;width: 1200px;margin-top: 40px;height: 270px;}
.k_h .list { position: absolute}
.k_h .list li{ width: 1200px; float: left;}
.k_h .imgDiv{ border: 1px solid #eee; margin:5px 10px 5px 0; float: left; width: 188px;}
.k_h .last{ margin-right: 0}
.k_h .khButton{ margin:20px auto 35px; width:100%; text-align:center; height:15px;}
.k_h .khButton span{ display:inline-block; height:15px; cursor:pointer; margin:0 5px; width:15px; background:url(Img/Index/khYuan.png) no-repeat center top;}
.k_h .khButton span{*display: inline}
.k_h .khButton span:hover,.k_h .khButton span.cur{ background-position:bottom;}

/*展示*/
.index_show{overflow:hidden;width:100%;background: #fff;padding-bottom: 30px;}
.index_show .title{ margin-top: 50px;}
.index_show .title{ margin-top: 50px;}
.index_show .alBox{width:1200px; height:445px;  position:relative; margin: 0 auto;margin-top:36px; }
.index_show .alBox i{display: block; width: 50px;height: 80px; position: absolute; top:180px;  cursor: pointer; z-index: 9999999}
.index_show .allt{background: url("Img/Index/index_imgBtnLt.png") no-repeat center top;left: 0}
.index_show .alrt{ background: url("Img/Index/index_imgBtnRt.png") no-repeat center top;
    right: 0;}
.index_show .alBox i:hover{ background-position: bottom;}
.index_show .alCon{ width:100%; position:relative}
.index_show .list{position:absolute; width: 0; height: 0; left:50%; top:50%; background-color: #000; border-radius: 5px; box-shadow: none;}
.index_show .list p{display:none;width:100%;position:absolute;bottom:-40px;text-align:center;font-size:16px;color:#333;}
.index_show .list img{ width:100%; display:block;opacity: 0.6;}
.index_show .list  a{ display: block; width: 100%; height: 100%; position: relative;}
.index_show .li01{width:485px;height: 292px;left:0;top: 60px;z-index:1;}
.index_show .li02{width:650px;height: 390px;left:275px;top:0;z-index:2;border: 3px solid #eee;/*border-radius:5px;box-shadow: 12px 11px 10px rgba(0,0,0,.65);*/}
.index_show .li03{width:485px;height: 291px;left:715px;top:60px;z-index:1;}
.index_show .li02 img{ opacity: 1;  border-radius: 5px}
.index_show .li02 p{ display:block;}

/*xue*/
.xue{overflow:hidden; width:100%; background-color:#eee;}
.xue .xue-li{ overflow:hidden; width:1200px; height:515px; position:relative; margin-top:30px;}
.xue .xue-ul{ position:absolute; top:0; left:0;}
.xue .xue-ul li{ width:380px; height:515px;background-color:#fff; text-align:center;float:left; margin-right:30px;}
.xue .xue-ul li h5{ font-size:16px; color:#333; padding:0 20px; margin-top:25px; margin-bottom:12px;overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; font-weight: normal }
.xue .xue-ul li p{ font-size:14px; color:#666666; line-height:24px; height:48px; overflow:hidden; padding:0 20px;}
.xue .xue-ul li img{ display: block; border-bottom: 3px solid #eee;}
.xue .xue-ul li:hover img{ border-bottom-color: #2454ac}
.xue .xue-ul li:hover h5{ color: #2454ac}
.xue a.more{ width: 240px; height: 50px; ;line-height: 50px; margin:40px auto; display: block; text-align: center; border: 1px solid #b8b8b8; color: #999;}

/*aB*/
.aB{ overflow: hidden; width: 100%; background: url("Img/Index/abBg.jpg") no-repeat center; height: 611px;}
.aB dl{width:1105px;margin: 0 auto;margin-top: 100px;}
.aB dl dt{ width: 500px; float: left;}
.aB dl dt img{ position: relative; top:50px;}
.aB dl dd{float: right;width: 545px;/* overflow: auto; */margin-top: 100px;}
.aB dl dd h3{ margin-top: 50px; font-size: 22px; font-weight: normal;}
.aB dl dd h3 a{ color: #214da9}
.aB dl dd i{  display: block; width: 30px; height: 1px; background: #214da9; margin: 20px 0;}
.aB dl dd  p{height: 100px;line-height: 24px;font-size: 14px;color: #666666;margin-top: 5px;}
.aB dl dd a.ab_a{width: 160px;margin-top: 55px;display: block;}
.aB dl dd a:hover{background: #214da9; }

/*评价*/
.evaluate{ overflow: hidden; width: 100%; background-color: #eee; padding-bottom: 60px;}
.evaluate .evaBox{ width: 1200px; height: 295px; position: relative; margin-top: 40px;}
.evaluate .list{ position: absolute}
.evaluate .list li{ background: url("Img/Index/evaluateBg.png") no-repeat center top;; width: 380px;  float: left; height: 295px; margin-right: 30px}
.evaluate .list li p{ line-height: 25px; height: 75px; padding: 45px 25px; overflow: hidden; font-size: 14px; color: #777777}
.evaluate dl{overflow: hidden;width: 100%;margin-top: 32px;}
.evaluate dl dt{width: 90px;height: 90px;border-radius: 50%;float: left;overflow: hidden; border: 3px solid #eee}
.evaluate dl dd{ width: 270px; float: right}
.evaluate dl dd h3{ font-size: 16px; color: #333; margin-top: 25px;}
.evaluate dl dd h3 a{ font-size: 16px; color: #333; }
.evaluate dl dd span{ display: block; font-size: 14px; color: #666666; margin-top: 5px;}
.evaluate .list li:hover dt{ border-color: #7bc81f}
/*新闻*/
.news{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 50px;}
.news .newCon{ width: 100%; overflow:hidden;  margin-top: 45px;}
.news .newDl{ width: 1200px;}
.news .newDl>dt{ width:590px; float: left; }
.news .newDl>dt>a.imgTu{width: 586px;/* height: 308px; */overflow: hidden;display: block;}
.news .newDl>dt>h3{  padding: 20px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; border-bottom: 1px solid #eee}
.news .newDl>dt>h3 a{ color: #333; display: block; float: left;}
.news .newDl>dt>h3 >span{ display:block; float: right; color: #999; font-weight: normal}
.news .newDl>dt>p{ line-height: 22px; height: 44px; overflow: hidden;  font-size: 14px; color: #888; margin-top: 10px;}
.news .newDl>dd{ width: 580px; float: right; }
.news .rq{overflow: hidden; width: 100%; box-sizing: border-box; margin-bottom: 30px;}
.news .rq dt{width: 100px;float: left;text-align: center;color: #a5a5a5;font-size: 50px;font-family:Myriad Pro;background: #f8f8f8;padding-top: 11px;}
.news .rq dt p{font-size: 14px;line-height:30px;color: #555555;background-color: #e4e4e4;margin-top: 10px;}
.news .rq dd{float: right;width: 460px;}
.news .rq dd h4{ overflow: hidden; white-space: nowrap; padding: 15px 0; text-overflow: ellipsis;  font-size: 16px; font-weight: normal; border-bottom: 1px  solid #dcdcdc}
.news .rq dd h4 a{ color: #333; text-decoration: none;}
.news .rq dd p{line-height: 22px;height: 44px;overflow: hidden;/* margin-top: 5px; */font-size: 14px;color: #888;margin-top: 12px;}
.news .rq:hover dt{ color: #fff; background: #244aac}
.news .rq:hover dt p{ color: #fff; background: #74b626}
.news .rq:hover h3 a{ color: #0f338f; font-weight: bold}
.news .rq:hover dd h4 a{ color: #0f338f; font-weight: bold}