@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(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(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:20px; color:#004098; margin-top:15px;}

.pinpai .ppUl li p{ font-size:20px; font-weight:bold; color:#004098; margin-top:12px}

.pinpai .ppUl li i{ display:block; width:70px; height:55px; margin:0 auto; margin-top:23px; }

.pinpai .ppUl li i.pp01{ background:url(pp01.png) no-repeat center top;}

.pinpai .ppUl li i.pp02{ background:url(pp02.png) no-repeat center top;}

.pinpai .ppUl li i.pp03{ background:url(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{ margin-right:-50px;}

.course .list li{ float: left; width: 380px; margin:0 10px;}

.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(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(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(courseTimgTopH.png) no-repeat center top}

.course .list li:hover i{ display: block}

/*chanpin*/

.hzhb{margin-left:auto; margin-right:auto; width:1140px; margin-top:20px; z-index:1000;}

.hzhb{background-color:#fff;}

.hzhb h4{padding-top:38px; padding-bottom:26px; text-align:center;}

.hzhb .hzCont{position:relative; height:250px;}

.hzhb .hzCont ul{margin:0 auto; padding-top:10px; width:1140px; overflow:hidden; list-style:none;}

.hzhb .hzCont li{margin:0 10px; float:left; width:360px; text-align:center; background:#fff;}

.hzhb .hzCont li p{ line-height:40px;}

.hzhb .hzCont li p:hover{ background:#0ca2e9;}

.hzhb .hzCont li p:hover a{ color:#fff;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-o-transition: all 0.1s;}



.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:90px; width:32px; height:90px;}

.hzhb .hzCont .btnLeft{left:-30px; background:url(img25.png) no-repeat center;}

.hzhb .hzCont .btnRight{right:-30px; background:url(img26.png) no-repeat center;}

/*chanpin1*/

.hzhb1{margin-left:auto; margin-right:auto; width:1140px; margin-top:20px; z-index:1000;}

.hzhb1 h4{padding-top:38px; padding-bottom:26px; text-align:center;}

.hzhb1 .hzCont1{position:relative; height:250px;}

.hzhb1 .hzCont1 ul{margin:0 auto; padding-top:10px; width:1140px; overflow:hidden; list-style:none;}

.hzhb1 .hzCont1 li{margin:0 10px; float:left; width:360px; text-align:center; background:#fff;}

.hzhb1 .hzCont1 li p{ line-height:40px;}

.hzhb1 .hzCont1 li p:hover{ background:#0ca2e9;}

.hzhb1 .hzCont1 li p:hover a{ color:#fff;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-o-transition: all 0.1s;}



.hzhb1 .hzCont1 .btnLeft , .hzhb1 .hzCont1 .btnRight{position:absolute; top:90px; width:32px; height:90px;}

.hzhb1 .hzCont1 .btnLeft{left:-30px; background:url(img25.png) no-repeat center;}

.hzhb1 .hzCont1 .btnRight{right:-30px; background:url(img26.png) no-repeat center;}







/*类别*/

.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; background: url(lbNav2.png) no-repeat center top;}

.L-B .lbNav li:first-child i{ background: url(lbNav1.png) no-repeat center top;}

.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.lbLt{ background: url(lbLt.png) no-repeat center top; left:0;}

.L-B .lbKj em.lbRt{ background: url(lbRt.png) no-repeat center top; right:0;}

.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; background: url(lb_aMore.png) no-repeat center; 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(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(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;}



/*客户*/ 



/*展示*/

.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(index_imgBtnLt.png) no-repeat center top;left: 0}

.index_show .alrt{ background: url(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%;}

.xue .xue-li{ overflow:hidden; width:1200px; height:335px; 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; background-color:#eee; color:#333; padding:20px 20px 20px;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(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(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: #eeeeee; 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: #fff;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}