@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
select{appearance:none;
-moz-appearance:none;
-webkit-appearance:none;}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%;/* font-weight:normal;*/}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color: #333;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"Microsoft YaHei";font-size:16px;}
body{min-width: 1200px; color: #333;}
img{ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}

.layout{ width:1200px; margin:0 auto; clear:both;}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
.tc{text-align: center;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.pr{position: relative;}
.pa{position: absolute;}
.icon{display: inline-block;background-position: center;background-repeat: no-repeat;}
.bg{background-position: center;background-repeat: no-repeat;}
.cp{cursor: pointer;}
/*初始化*/
.header .top{height: 108px;background: url(../images/bt.png) center no-repeat;box-shadow: 3px 0 20px #ededed;}
.header .top .logo{height: 108px;line-height: 108px;}
.header .top .hp{padding-left: 50px;margin-top: 36px;}
.header .top .hp i{left: 0;top: 0; width: 40px;height: 33px;background-image: url(../images/icon1.png);}
.header .top .hp span{font-size: 13px;color: #939495;}
.header .top .hp h2{color: #d49b3f;font-size: 20px;}
.header .nav{height: 50px;}
.header .nav li{float: left;height: 50px;line-height: 50px;}
.header .nav li a{color: #474b57; display: block; padding: 0 35px;}
.header .nav li.on a {background: #022a68;color: #fff;}
/*.header .nav li:hover a {background: #022a68;color: #fff;}*/
.foer{padding-top: 69px;padding-bottom: 35px;background: #545454;}
.fooBox ul li{float: left;text-align: center; }
.fooBox ul li p{margin-top: 16px;font-size: 14px;color: #c6c6c6;}
.fooBox dl{float: left;width: 123px;}
.fooBox dl dt{font-size: 15px;color: #fff;margin-bottom: 25px} 
.fooBox dl dd{font-size: 12px;color: #b7b7b7;margin-bottom:20px}
.fooBox dl dd a{color: #999;}
.fooBox dl dd a:hover{color: #f3d362;}
.foter{font-size: 14px;background: #3c3c3c; padding: 15px 0 ; color: #c1c1c1;} 
.foter p{line-height: 25px;}
.friend{font-size: 14px; line-height: 66px;height: 66px;color: #c1c1c1;}
.friend span{color: #c1c1c1;}
.friend a{margin-left: 13px; color: #c1c1c1;}
.friend a:hover{color: #022a68;}
.share{margin-top: 20px;}
.share span{font-size: 14px; color: #c6c6c6;}
.share a{display: inline-block;width: 25px;height: 25px; line-height: 25px; text-align: center;border-radius: 50%;border:1px solid #f5f5f5;}
.share a:hover{background: #f3d362;border-color: #f3d362;}
/*首页*/
.banner{width: 100%;min-width: 1200px;}
.banner a{display: block; height: 100%;}
.banner .slick-dots {width: 100%;position: absolute;text-align: center; bottom:190px; z-index: 1;padding: 0;margin: 0;}
.banner .slick-dots li {display: inline-block;width: 18px;height: 18px;margin: 0 5px; vertical-align: middle;cursor: pointer;background: url(../images/dot.png) center no-repeat; }
.banner .slick-dots li.slick-active { background: url(../images/doton.png) center no-repeat;}
.hu{width: 100%; height: 247px;left: 0;bottom:-74px; background: url(../images/j.png) center no-repeat;}
.main1_box{margin-top: -134px;}
.main1 {padding-top: 200px;}
.guy {margin-bottom: 55px;}
.guy .vid_box{width: 480px;}
.guy .vid_box .pic{width: 480px;height: 320px;}
.guy .vid_box .pic i{left: 50%;top: 50%;margin-left: -34px;margin-top: -34px;}
.guy .vid_box  p{color: #002a68;font-size: 18px;margin-top: 10px;}
.guy .tit{width: 625px;}
.guy .tit h2{font-size: 32px;color: #022a68;font-weight: bold;}
.guy .tit i{display: block;width: 36px;height: 2px;background:  #022a68;margin: 25px 0;}
.guy .tit em{color: #888888;}
.guy .tit p{margin-top: 50px;font-size: 14px;line-height: 30px;color: #444444;}
.main1 li{float: left; color: #23273d;font-size: 15px;width: 28%;}
.main1 li h2 span{font-size: 50px;line-height: 55px;float: left;margin-right: 15px;}
.main1 li h2 em{float: left; display: inline-block;width: 20px;height: 55px;background: url(../images/icon3.png) center no-repeat; text-align: center;line-height: 55px;}
.main1 li p{margin-top: 15px;}
.main1 li.last{width: auto;float: right;}
.pubh h2{font-size: 32px;color: #fff;font-weight: bold;}
.pubh i{display: inline-block;width: 36px;height: 2px;background:  #fff;margin: 15px 0;}
.pubh p{color: #b9c5db;font-size: 14px;}
.main2{padding-top: 70px;}
.main2 .pubh{margin-bottom: 55px;}
.timeline{position: relative;}
.timeline ul{position: absolute;width: 300px; top: 455px; z-index: 10; left: 280px;  }
.timeline ul li.slick-slide{position: relative; cursor: pointer; padding-top: 20px;}
.timeline ul li span{display: block;text-align: center;position: relative;background: #fff; z-index: 1;width: 80px;height: 80px;}
.timeline ul li.slick-slide.on span{border-bottom: 3px solid #d49b3f; margin-top: -20px;}
.timeline ul li.slick-slide:hover{ color: #f30189;}
.timeline ul li:before{content: "";position: absolute; width: 1px;height: 20px;background: #d1d1d1;left: 50%;top: 135px;}
.timeline .slick-arrow{border: 0;top: -245px; width:32px; height: 32px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.timeline .slick-prev{ left: -312px;  background: url(../images/bl2.png) center no-repeat; background-size: contain; }
.timeline .slick-next{ right: -656px;  background: url(../images/br2.png) center no-repeat; background-size: contain; }
@media screen and (max-width: 1200px){
.timeline ul{overflow: hidden;}
}
.timeline .timeinf .time_box{background: #fff;}
.timeline .time_box .pic{float: left;width: 860px;height: 500px;}
.timeline .time_box .tit{float: left;width: 340px;color: #666666; box-sizing: border-box;padding:150px 40px 0;  }
.timeline .time_box .tit h2{margin-bottom: 35px;font-size:30px;color: #000; }
.timeline .time_box .tit p{font-size: 13px;line-height: 26px; color: #585858}
.timeline .time_box .tit a{display: block;width: 120px;height: 34px;line-height: 34px;text-align: center;background: #022a68;border-radius: 17px;font-size: 12px;color: #fff;margin-top: 80px;}
.timeline .time_box .tit a i{width: 12px;height: 7px;background-image: url(../images/icon2.png);vertical-align: middle;margin-left: 5px;}
.main3_box{margin-top: -190px;}
.main3{padding-top: 120px;}
.main3 .pubh{margin-bottom: 90px;}
.main3 li {width: 285px;float: left;background: #fff; margin-right: 20px;}
.main3 li .tit_box{height: 160px;}
.main3 li .tit {padding-top: 35px; padding-right: 90px;text-align: right;}
.main3 li .tit i{width: 68px;height: 90px;right: 0;top: 35px;background-image: url(../images/icon4.png);border-left: 1px solid #e8e8e8;}
.main3 li .tit h2{font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.main3 li .tit p{font-size: 13px;line-height: 26px;color: #888888;}
.main3 li:hover{background: #0e366a;}
.main3 li:hover .tit i{background-image: url(../images/icon4on.png);border-left: 1px solid #fff;}
.main3 li:hover .tit p{color: #fff;}
.main3 li:hover .tit h2{color: #fff;}
.main3 li.mgt{margin-top: 60px;}
.main3 li.last{margin-right: 0;}
.main3 .main3_list{overflow:hidden;}
.main3 .main3_list .li1{transition-delay:0}
.main3 .main3_list .li2{transition-delay:2}
.main3 .main3_list .li3{transition-delay:4}
.main3 .main3_list .li4{transition-delay: 5;
-moz-transition-delay: 5s; /* Firefox 4 */
-webkit-transition-delay: 5s; /* Safari 和 Chrome */
-o-transition-delay: 5s;}

/*.sp2 {
  animation-name: slideInUp2;
  transition-delay: 0s;
}
@keyframes slideInUp2 {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}*/
.main4 {padding-top: 80px;}
.main4 .main4_l{float: left;width: 590px;}
.main4 .main4_l .banner3 .img_box{width: 590px;height: 472px; position: relative;}
.main4 .main4_l .banner3 .img_box .tit{position: absolute;left: 0;bottom: 0; width: 100%;height: 59px;line-height: 59px;background: url(../images/zc.png);}
.main4 .main4_l .banner3 .img_box .tit p{padding-left: 20px;color: #fff;}
.banner3{width: 100%;}
.banner3 a{display: block; height: 100%;}
.banner3 .slick-dots {width: 100%;position: absolute;text-align: center; bottom:25px; right: 20px; z-index: 1;padding: 0;margin: 0;}
.banner3 .slick-dots li {display: inline-block;float: right; width: 6px;height: 6px;margin: 0 5px; vertical-align: middle;cursor: pointer;background: #979797;border-radius: 50%; }
.banner3 .slick-dots li.slick-active { background:#fff;}
.main4 .pubh{margin-bottom: 60px;}
.main4 .main4_r{float: right;width: 590px;color: #ccd5e3;}
.main4 .main4_r dt{padding-bottom:20px;border-bottom: 1px solid #336ba6;margin-bottom: 5px; }
.main4 .main4_r dt .pic{width: 250px;height: 176px;float: left;}
.main4 .main4_r dt .tit{float: right;width: 325px;}
.main4 .main4_r dt .tit h2{font-size: 18px;line-height: 35px;color: #fff;}
.main4 .main4_r dt .tit p{font-size: 12px;line-height: 24px; height: 72px;}
.main4 .main4_r dt .tit a{display: block;width: 120px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #ccd5e3; border-radius: 17px;font-size: 12px;color: #fff;margin-top: 20px;}
.main4 .main4_r dt .tit a i{width: 12px;height: 7px;background-image: url(../images/icon2.png);vertical-align: middle;margin-left: 5px;}
.main4 .main4_r dd {height: 45px;line-height: 45px;font-size: 15px;}
.main4 .main4_r dd a{float: left;height: 45px;color: #ccd5e3; line-height: 45px;width: 480px;}
.main4 .main4_r dd a:before{content: "";display: inline-block; width: 4px;height: 4px;background: #9bbbd9; vertical-align: middle; margin-right: 14px;}
.main4 .main4_r dd span{float: right; }
.main4 .main4_r dd a:hover{color: #fff;}
.main4 .main4_r dd a:hover:before{background: #fff;}
.main5_box{margin-top: -203px;}
.main5_box .main5{padding-top: 90px;}
.main5 .pubh{margin-bottom: 50px;}
.main5 .sale{opacity: 0;}
.main5 .sale_l{width: 797px;height: 410px;background: url(../images/img14.png) center no-repeat;}
.main5 .sale_r{width: 389px;}
.main5 .tit{padding:40px 50px; }
.main5 .tit h2{font-size: 22px;color: #19285d;}
.main5 .tit span{color:#b8b8b8;font-size: 12px;}
.main5 .tit a{display: block;width: 120px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #dcdcdc; border-radius: 17px;font-size: 12px;color: #585858;margin-top: 30px;}
.main5 .tit a i{width: 12px;height: 7px;background-image: url(../images/icon6.png);vertical-align: middle;margin-left: 5px;}
.main5 .tit a:hover{background: #19285d;border-color: #19285d; color: #fff;}
.main5 .tit a:hover i{background-image: url(../images/icon6on.png)}
.main5  .sale_l .tit  p{font-size: 13px;line-height: 24px; width: 360px; color: #7b7b7b;margin: 20px  0;}
.main5  .sale_l .tit li i{width: 12px;height: 12px;background-image: url(../images/icon5.png) ;margin-right: 7px;}
.main5  .sale_l .tit li {color: #19285d;font-size: 15px;margin-bottom: 15px;}
.sale_r .talent{width: 389px;height: 200px;background: url(../images/img15.png) center no-repeat;margin-bottom: 10px;}
.sale_r .Contact{width: 389px;height: 200px;background: url(../images/img16.png) center no-repeat;}
/*教育系统案例*/
.con_point{height: 54px;line-height: 54px; background: #f7f7f7;  }
.con_point .point_wrap .point_tit{display: inline-block;}
.con_point .point_wrap .point_tit>em{display: inline-block;width: 7px;height: 9px;background: url(../images/zw.png) center no-repeat;margin: 0 5px;}
.con_point .point_wrap .point_tit a{font-size: 12px;color: #999999;}
.con_point .point_wrap .point_tit a em{display: inline-block;width: 14px;height: 12px;background: url(../images/home.png) center no-repeat;margin-right: 8px;vertical-align: middle;}
.study_box{padding: 50px;}

.study_list li {width: 285px;float: left;background: #fff; margin-right: 20px;margin-bottom: 50px;background: #f5f5f5;}
.study_list li .tit_box{height: 160px;}
.study_list li .tit {padding-top: 35px; padding-right: 90px;text-align: right;}
.study_list li .tit i{width: 68px;height: 90px;right: 0;top: 35px;background-image: url(../images/icon4.png);border-left: 1px solid #e8e8e8;}
.study_list li .tit h2{font-s ize: 20px;margin-bottom: 15px;font-weight: bold;}
.study_list li .tit p{font-size: 13px;line-height: 26px;color: #888888;}
.study_list li:hover{background: #0e366a;}
.study_list li:hover .tit i{background-image: url(../images/icon4on.png);border-left: 1px solid #325480;}
.study_list li:hover .tit p{color: #fff;}
.study_list li:hover .tit h2{color: #fff;}
.study_list li.mgt{margin-top: 60px;}
.study_list li.fourth{margin-right: 0;}
/*柏胜动态*/
.bgf8{background: #f8f8f8;}
.dynam_box{padding: 10px 0 50px;}
.dynam_list li{padding: 40px 0; border-bottom: 1px solid #e5e5e5;}
.dynam_list li .pic{float: left; width: 238px;height: 168px;overflow: hidden;}
.dynam_list li .time{float: left; color: #888888;width: 170px;text-align: center;padding-top: 45px;}
.dynam_list li .time h3{font-size:50px;font-weight: bolder;margin-bottom: 15px;}
.dynam_list li .time span{font-size: 14px;}
.dynam_list li .tit{float: left; width: 775px;}
.dynam_list li .tit h2{color:#000;font-size: 20px ;margin-bottom: 25px;}
.dynam_list li .tit p{font-size: 14px;line-height: 24px;color: #707070;} 
.dynam_list li .look {display: block;width: 120px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #dcdcdc; border-radius: 17px;font-size: 12px;color: #585858;margin-top: 30px;}
.dynam_list li .look  i{width: 12px;height: 7px;background-image: url(../images/icon6.png);vertical-align: middle;margin-left: 5px;}
.dynam_list li:hover .look {background: #19285d;border-color: #19285d; color: #fff;}
.dynam_list li:hover .look  i{background-image: url(../images/icon6on.png)}
.dynam_list li:hover .tit h2{color: #022a68;}
.dynam_list li:hover .time{color:#19285d}
.tai_box{padding: 66px 0; background: #fff;}
.tai .pic{float: left; width: 568px;height: 400px;overflow: hidden;}
.tai .tit{left: right;width: 570px;border-bottom: 1px solid #e5e5e5;padding-bottom: 45px;}
.tai .tit h2{font-size: 24px;line-height: 36px;color: #000;padding: 15px 0;}
.tai .tit span{font-size: 12px;line-height: 15px; color: #b0b0b0;margin-right:  30px;}
.tai .tit .tns img{display: inherit;vertical-align: middle;margin-right: 5px;}
.tai .tit p{font-size: 14px;line-height: 24px;color: #737373;margin-top: 30px;}
.tai .tit a{display: block;width: 120px;height: 34px;line-height: 34px;text-align: center;background: #022a68;border-radius: 17px;font-size: 12px;color: #fff;margin-top: 30px;}
.tai .tit a i{width: 12px;height: 7px;background-image: url(../images/icon6on.png);vertical-align: middle;margin-left: 5px;}
.banner11 .slick-arrow{border: 0; bottom:20px; width:30px; height:30px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner11 .slick-prev{ left:53%;  background: url(../images/bl11.png) center no-repeat; background-size: contain; }
.banner11 .slick-next{ right: 40%;  background: url(../images/br11.png) center no-repeat; background-size: contain; }
.banner11 .slick-prev:hover{ background: url(../images/bl11on.png) center no-repeat; background-size: contain; }
.banner11 .slick-next:hover{   background: url(../images/br11on.png) center no-repeat; background-size: contain; }


/*柏胜动态详情页*/
.dynam_mes{padding-top: 60px;padding-bottom: 110px ;color: #666;}
.dynam_mes .dynam_t{padding-bottom: 35px;border-bottom: 1px dotted #b2b2b2;}
.dynam_mes .dynam_t h2{font-size: 26px;color: #000;margin-bottom: 25px;}
.dynam_mes .dynam_t span{color: #888888;font-size: 12px;}
.dynam_mes .dynam_t i{display: inline-block;margin: 0 15px; color: #888;}
.dynam_mes .dynam_t a{display: inline-block;width: 16px;height: 16px;text-align: center;line-height: 16px;border-radius: 50%;margin-right: 10px;}
.dynam_mes .dynam_t a img{vertical-align: middle;}
.dynam_mes .dynam_t a:hover{background: #e81e1c}
.dynam_mes .dynam_con{padding-top: 40px;}
.dynam_mes .dynam_con span{display: inline-block;margin: 40px 0;font-size: 15px;line-height: 30px;}
.dynam_mes .dynam_con h3{font-weight: bold; color: #666;}
.dynam_mes .dynam_con h4{text-indent: 2em;margin: 40px 0; color: #002a68;}
.dynam_mes .dynam_con p{text-indent: 2em;font-size: 15px;line-height: 30px;}
.pnv{background: #f0f0f0;padding: 50px 0;}
.pnv li a{display: block;color: #666;font-size: 13px;line-height: 30px;}
.pnv li a:hover{color:#002a68;}
.pnv .back{position: absolute;top: 0; right: 0; width: 200px;height: 50px;line-height: 50px;text-align: center;background: #002a68; font-size: 14px;color: #fff;}
.pnv .back i{width: 18px;height: 15px;background-image: url(../images/icon7.png); vertical-align: middle;margin-right: 10px;}
.runp{padding:65px 0; }
.runp .pubh{margin-bottom: 50px;}
.runp_l{float: left; width: 620px;height: 320px;overflow: hidden;border-radius: 4px;}
.runp_r{width: 485px;float: right; margin: 0;}
.runp_r ul li a{display: block;height: 65px;line-height: 65px; color: #444444;padding-left: 15px;border-bottom: 1px dotted #bfbfbf;}
.runp_r ul li a:hover{background: #002a68;border-color: #002a68;color: #fff;}
.run2_box{padding: 80px 0;}
.run2_l{width: 725px;margin-top: 45px;}
.run2_l h2{font-size: 32px;color: #fff;font-weight: bold;}
.run2_l h3{margin-top: 20px;margin-bottom: 40px;}
.run2_l p{font-size: 14px;line-height: 28px;color: #444444;}
.run2_r{width:286px;position: relative; }
.run2_r span{display: inline-block;border:1px solid #088338; border-radius: 50%;overflow: hidden;}
.run2_r  .sp1{width: 286px;height: 286px;}
.run2_r  .sp2{position: absolute; top: 143px;left: -90px; width: 180px;height: 180px;} 
.run3_box {background: #0365b1;padding: 70px 0;}
.run3_box .pubh{margin-bottom: 80px;}
.run3 ul li{float: left; margin-right: 100px; text-align: center; width: 222px;}
.run3 ul li.last{margin-right: 0;}
.run3 ul li .pic{width: 202px;height: 202px;padding: 9px;background: #fff;overflow: hidden;border-radius: 50%;}
.run3 ul li h2{font-size: 22px;font-weight: bold;margin:30px 0 25px; color: #fff;}
.run3 ul li p{font-size: 13px;line-height: 24px;color: #ccd9e9;}
.run4_box{padding-top: 75px;padding-bottom: 100px;} 
.run4_box .pubh{margin-bottom: 45px;}
.run4_l{width: 914px;}
.run4_l dd{width:910px;height: 483px;border: 2px solid #dcdcdc; display: none;}
.run4_l dd.on{display: block;}
.run4_r{width: 280px;}
.run4_r ul li{height: 120px;line-height: 120px;text-align: center;cursor:pointer; color: #444444;border-bottom: 1px solid #fff;background: #f0f0f0;}
.run4_r ul li.on{background: #002a68;color: #fff;}
.run4_r ul li:hover{background: #002a68;color: #fff;}
.run5_box{padding-top: 75px;padding-bottom: 150px;}
.run5_box .pubh{margin-bottom: 45px;}
.banner4 .li_box{width:280px;height: 320px;background: #fff;text-align: center; }
.banner4 .li_box .pic{height: 245px;line-height: 245px;}
.banner4 .li_box .pic img{display:inline-block;}
.banner4 .li_box  h2{margin-bottom: 15px; }
.banner4 .li_box:hover  h2{color: #002a68; }
.banner4 .li_box p{color: #888888;font-size: 12px;}
.banner4  .slick-arrow{border: 0;bottom: -90px; width:140px; height: 40px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner4  .slick-prev{ left: 440px;  background: url(../images/bl4.png) center no-repeat; background-size: contain; }
.banner4  .slick-next{ left: 600px;  background: url(../images/br4.png) center no-repeat; background-size: contain; }
.banner4  .slick-prev:hover{ background: url(../images/bl4on.png) center no-repeat; background-size: contain; }
.banner4  .slick-next:hover{   background: url(../images/br4on.png) center no-repeat; background-size: contain; }
.run6_box{padding-top: 75px;padding-bottom:90px;}
.run6_box .pubh{margin-bottom: 45px;}
.run6_l{background: #f2f2f2;width:720px;height: 400px;}
.run6_l .tit{padding: 130px 90px 0 50px;}
.run6_l .tit p{line-height: 36px;}
.run6_r{width:480px; }
.m5{margin-left: 5px;margin-right: 5px;}
.run6_r ul{height: 400px;}
.run6_r li{position: absolute;}
.run7_box{padding-top: 75px;padding-bottom: 150px;}
.run7_box .pubh{margin-bottom: 45px;}
.banner5 .li_box {width: 285px;background: #fff; background: #f5f5f5;}
.banner5 .li_box .tit_box{height: 160px;}
.banner5 .li_box .tit {padding-top: 35px; padding-right: 90px;text-align: right;}
.banner5 .li_box .tit i{width: 68px;height: 90px;right: 0;top: 35px;background-image: url(../images/icon4.png);border-left: 1px solid #e8e8e8;}
.banner5 .li_box .tit h2{font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.banner5 .li_box .tit p{font-size: 13px;line-height: 26px;color: #888888;}
.banner5 .li_box:hover{background: #0e366a;}
.banner5 .li_box:hover .tit i{background-image: url(../images/icon4on.png);border-left: 1px solid #325480;}
.banner5 .li_box:hover .tit p{color: #fff;}
.banner5 .li_box:hover .tit h2{color: #fff;}
.banner5  .slick-arrow{border: 0;bottom: -90px; width:140px; height: 40px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner5  .slick-prev{ left: 440px;  background: url(../images/bl5.png) center no-repeat; background-size: contain; }
.banner5  .slick-next{ left: 600px;  background: url(../images/br5.png) center no-repeat; background-size: contain; }
.banner5  .slick-prev:hover{ background: url(../images/bl4on.png) center no-repeat; background-size: contain; }
.banner5  .slick-next:hover{   background: url(../images/br4on.png) center no-repeat; background-size: contain; }
.run8_box{padding: 70px 0;}
.run8_box .pubh{margin-bottom: 45px;}
.banner6 dl{width: 380px;}
.banner6  dd{width: 380px;height: 320px; margin-bottom: 30px;background: #f2f2f2;} 
.banner6  dd p{height: 70px;line-height: 70px;padding-left:20px; }
.run9_box{padding: 70px 0;}
.run9_box .pubh{margin-bottom: 45px;}
.run9_box li{float: left;width: 142px; text-align: center;margin-right: 58px;}
.run9_box li.last{margin-right: 0;}
.run9_box li .pic{width: 142px;height: 142px;line-height: 142px; border-radius: 50%;border: 1px solid #c3c3c3;margin-bottom: 38px;}
.run9_box li p{color: #666;} 
.run9_box li:hover .pic{background: #002a68;border-color: #002a68;}
.run10_box {padding-top: 80px;padding-bottom: 50px;}
.playground{border: 1px solid #e0e0e0; padding: 34px;}
.operate_box{position: relative; background: url(../images/bg22.png);  padding: 30px;padding-left: 160px;position: relative;margin-top: 20px;}
.operate_box dt{margin-bottom: 11px;}
.operate_box dt{float: left;width: 100px;height: 46px;line-height: 46px;text-align: center;margin-right: 32px; background: #022a68;color: #fff;}
.operate_box dd{float: left; margin-right: 32px;margin-top: 8px;width: 50px;height: 30px; cursor: pointer;}
.smg{position:relative;width: 280px;height: 440px; }
.smg img{position: absolute;}
.smg .box1{position: absolute; left: 53px;top: 36px; width: 172px;height: 366px; z-index: 9;background: #36795f;}
.smg .box2{position: absolute;width: 100%;height: 100%;background: #ba4439; }
.smg .box3{left: 101px;top: 36px; z-index: 99;}
.smg .boxk{left: 54px;top: 34px;z-index: 100;border: 2px solid #fff;width: 169px;height: 364px;}
.big {position: relative;width: 840px;height: 440px;}
.big  img{position: absolute;}
.big  .ma1{bottom: 0;right: 29px;}
.big  .ma2{bottom: 0;right: 0;}
.big  .ma3{bottom: 118px;left: 0;width: 666px;}
.big .max{left: 1px;top: -1px;}
.smg span{position: absolute;font-size: 20px;color: #fff; z-index: 99;}
.smg .sp1{top: 145px;left: 130px;}
.smg .sp3{left: 133px;top: 70px;}
.smg .sp2{right: 20px;top: 120px;}
.operate_box .wl{position: absolute;left: 38px;top: 45px;}
.operate_box .wr{position: absolute;right: 20px;top: 85px;}
/*荣誉资质*/
.honor_box{padding: 50px 0;}
.laf_list {margin-bottom: 50px;}
.laf_list a{display: block; width: 178px;height: 90px;line-height: 90px;border: 1px solid #ededed;text-align: center;}
.laf_list dd img{display: inline-block;}
/*.laf_list dd.last{margin-right: 0;}*/
.laf_list dd:hover{background: #fff;box-shadow: 0 0 10px #ededed}
.honor_list li{float: left;width: 380px;cursor: pointer;margin-bottom: 50px;}
.honor_list li.two{margin-left: 30px;margin-right: 30px;}
.honor_list li .pic{border: 1px solid #e5e5e5;height: 364px;line-height: 364px;text-align: center;}
.honor_list li h2{line-height: 56px;background: #f8f8f8;color: #444444; padding-left: 20px;}
.honor_list li a{padding-left: 20px;display: block;font-size: 12px; background: #f8f8f8;color: #444444; height: 40px;line-height: 40px;border: 1px solid #e5e5e5;}
.honor_list li a i{ width: 12px;height: 7px;background-image: url(../images/icon6.png);vertical-align: middle;margin-left: 5px;}
.honor_list li:hover h2{background: #022a68;color: #fff;}
.honor_list li:hover a{/*background: #022a68;*/color: #022a68;}
/*.honor_list li:hover a i{ background-image: url(../images/icon6on.png);}*/
.page_wrap{display: inline-block;line-height: 38px;color: #444444;font-size: 14px;}
.page_wrap .fenye{width: 198px;height: 38px;position: relative; border-radius: 2px;border: 1px solid #dcdcdc; text-align: center;margin-right: 20px;}
.page_wrap .fenye span{display: block;width:198px;height: 38px; font-size: 14px;color: #444444;line-height: 38px;}
.page_wrap .fenye i{width: 6px;height: 38px;position: absolute;top: 0;cursor: pointer;}
.page_wrap .fenye .pev{left: 20px;background-image: url(../images/pl.png);}
.page_wrap .fenye .nex{right: 20px;background-image: url(../images/pr.png);}
.page_wrap .fenye a {border-bottom: 1px solid #fff;}
.page_wrap .fenye a.on{color:#183c70;border-color: #183c70; }
.page_wrap .fenye a:hover{color:#183c70;border-color: #183c70; }
.page_wrap a{margin:0 20px;}
.page_wrap>span{margin-right: 20px;}
.page_wrap input{width: 98px;height: 38px;border-radius: 2px;border: 1px solid #dcdcdc; text-align: center;}
.page_wrap select{width: 78px;height: 38px;padding-left: 20px; border-radius: 2px;border: 1px solid #dcdcdc; text-align: center; background: url(../images/sel.png) 65% center no-repeat;}
/*生产基地*/
.produce1 {padding-top: 65px;padding-bottom: 75px;}
.pub2 h2{font-size: 30px;color: #022a68;}
.pub2 i{display: inline-block;width: 50px;height: 1px;background: #b7b7b7;}
.produce1 .pub2{margin-bottom: 65px;}
.produce1 .pic{width: 460px;height: 280px;}
.produce1 .tit{width: 660px; padding-top: 32px;}
.produce1 .tit h2{font-size: 22px;margin-bottom: 15px;}
.produce1 .tit span{display: inline-block;width: 50px;height: 1px;background: #b7b7b7;margin: 20px 0; }
.produce1 .tit p{line-height: 34px;color: #666;}
.prod2_box{padding: 70px 0 ;}
.prod2_box .pub2{margin-bottom: 50px;}
.banner6 .li_box{width: 540px;position: relative;height: 357px;}
.banner6 .li_box .pic{width: 540px;height: 300px;overflow: hidden;}
.banner6 .li_box p{position: absolute;width: 100%;left: 0;bottom: 0;height: 57px;line-height: 57px;text-align: center;color: #333;background: #f5f5f5;}
.banner6 .li_box p:hover{background: #3d4550;color: #fff;}

.banner6 .slick-arrow{border: 0;top: 50%;margin-top:-19px; width:38px; height:38px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner6 .slick-prev{ left:-50px;  background: url(../images/bl6.png) center no-repeat; background-size: contain; }
.banner6 .slick-next{ right: -30px;  background: url(../images/br6.png) center no-repeat; background-size: contain; }
.banner6 .slick-prev:hover{ background: url(../images/bl6on.png) center no-repeat; background-size: contain; }
.banner6 .slick-next:hover{   background: url(../images/br6on.png) center no-repeat; background-size: contain; }
.prod3_box{padding: 70px 0 160px;}
.prod3_box .pub2{margin-bottom: 50px;}

.banner7 li {padding: 80px 0; z-index: 77;outline: none; position: relative; text-align: center;transition: all .3s;}
.banner7 li .pic{
  margin: auto;width: 100%;
  text-align: center; 
  position: relative; transform:all .5s ; -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1); overflow: hidden;background: url(../images/zf2.png) center;}
.banner7 li .pic:after{content: "";width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background:url(../images/zf2.png) center ; z-index: 10}
.banner7 li img{height:240px;display: inline-block;max-width: 100%;}
.banner7 li .pic{transition: all .3s;}
.banner7 li.slick-center .pic{ -webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4);background: none;}
.banner7 li.slick-center {opacity: 1;filter:alpha(opacity=100); position: relative;z-index: 88;}
.banner7 li.slick-center .pic:after{background: none;}
.banner7 .slick-arrow{border: 0;bottom: -90px; width:38px; height:38px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner7 .slick-prev{ left:45%;  background: url(../images/bl6.png) center no-repeat; background-size: contain; }
.banner7 .slick-next{ right: 46%;  background: url(../images/br6.png) center no-repeat; background-size: contain; }
.banner7 .slick-prev:hover{ background: url(../images/bl6on.png) center no-repeat; background-size: contain; }
.banner7 .slick-next:hover{ background: url(../images/br6on.png) center no-repeat; background-size: contain; }
.banner7 .slick-prev:before{content: "";position: absolute; left: -542px;top: -360px; width: 269px;height:260px;}
.banner7 .slick-next:before{content: "";position: absolute; right: -555px;top: -360px; width: 269px;height:260px;}


.prod4_box .pub2{margin-bottom: 50px;}
.prod4{padding-top: 90px;width: 720px;margin: 0 auto;}
.prod4 .pub2 p{line-height: 30px;color: #666;margin-top: 20px;}
.prod4 ul li{float:left;width: 33.33%;text-align: center;}
.prod4 ul li .pic{width: 123px;height: 123px;border-radius: 50%;border: 1px solid #686868; display: inline-block;line-height: 123px;}
.prod4 ul li p{margin-top: 15px;color: #666;}
.prod5{padding-top: 80px;}
.prod5 .tit {width: 360px;padding-top: 40px;}
.prod5 .tit h2{font-size: 32px; color: #002a68;}
.prod5 .tit span{display: inline-block;width: 50px;height: 1px;background: #b7b7b7;margin: 30px 0; }
.prod5 .tit p{line-height: 30px;color: #666;font-size: 14px;}
.prod5 .tit img{margin-top: 30px;}
/*跑道产品*/
.pub_l{width: 220px; float: left;margin-top: -70px;}
.pub_r{width: 960px;float: right;}
.menu .menut{width: 220px;height: 160px;background:url(../images/bg14.png) center no-repeat;} 
.menu .menut .menut_box{padding-left: 25px;padding-top: 28px;}
.menu .menut .menut_box i{display: inline-block;width: 31px;height: 2px;background: #708ab1;}
.menu .menut .menut_box h2{font-size: 26px;color: #fff;margin-top:8px;margin-bottom: 5px;}
.menu .menut .menut_box span{font-size: 12px;color: #708ab1;}
.menu .menu_list li a{display: block;padding-left: 30px;padding-right: 20px; height: 80px;line-height: 80px;color: #777777;border-bottom: 1px solid #ebebeb;}
.menu .menu_list li a i{float: right;width: 8px;height: 80px;background-image: url(../images/icon11.png);}
.menu .menu_list li a:hover{background: #009fd6;color: #fff;}
.menu .menu_list li a:hover i{background-image: url(../images/icon11on.png);}
.menu .menu_list li.on a{background: #009fd6;color: #fff;}
.menu .menu_list li.on a i{background-image: url(../images/icon11on.png);}
.bsmc_box{padding-top: 40px; }
.bsmc_t{padding-left: 40px; padding-right: 65px;margin-bottom: 20px;}
.bsmc_t h2{font-size: 32px;color: #002a68;font-weight: bold;}
.bsmc_t  p{color: #777777;line-height: 26px;margin-top: 34px;}


.bsmc_list .li_box { width:280px;height: 320px;text-align: center; margin: 0 auto;}
.bsmc_list li{padding: 5px 0;}
.bsmc_list li{float: left; width:280px;height: 320px;text-align: center; margin-bottom: 60px;}
.bsmc_list li.two{margin-left: 20px;margin-right: 20px; }
.bsmc_list .li_box .pic{height: 245px;line-height: 245px;}
.bsmc_list .li_box .pic img{display:inline-block;}
.bsmc_list .li_box  h2{margin-bottom: 15px; }
.bsmc_list .li_box:hover  h2{color: #002a68; }
.bsmc_list li:hover .li_box{box-shadow: 0 0 5px #dcdcdc}
.bsmc_list .li_box p{color: #888888;font-size: 12px;}

.anli {margin-top: 80px;}
.anli h4{width: 280px;height: 76px;line-height: 76px;color: #fff;background: #002a68;font-size: 25px;font-weight: bold;padding-left: 40px; margin-bottom: 30px;}
/*跑道产品详情*/
.pro_mes{padding-left: 40px;s}
.pro_mes h3{padding-bottom: 20px;border-bottom: 1px solid #ebebeb;font-size: 22px;color: #002a68;margin-bottom: 15px;}
.pro_mes h3 img{margin-right: 5px;}
.pro_mes p{font-size: 14px;line-height: 29px;color: #666;margin-bottom: 40px;}
.prod{padding-left: 40px;margin-bottom: 90px;}
.prod .prodl{width:400px;float: left; }

.prod .prodl .simg_box{padding-left: 20px; padding-right:  20px;}
.prod .prodl .simg_slick{ width:350px; margin: 0 auto;}
.prod .prodl .simg_slick img{ -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;  display: inline-block; cursor: pointer; }
.prod .prodl .simg_slick .box{ font-size: 0; position: relative;}
.prod .prodl .simg_slick .box a{box-sizing: border-box; width: 74px;height: 74px;border: 1px solid #eeeeee; text-align: center;line-height: 74px;} 
.prod .prodl .simg_slick .on a{ border:2px solid #103c7d; }
.prod .prodl .simg_slick .slick-arrow{ background: none;border: none; width: 10px; height: 14px; top: 50%; margin-top:-7px ;  overflow: hidden; color: transparent; cursor: pointer; position: absolute; z-index: 10;}
.prod .prodl .simg_slick .slick-prev{ left: -20px;  background: url(../images/fl.png) no-repeat; }
.prod .prodl .simg_slick .slick-next{ right: -10px;  background: url(../images/fr.png) no-repeat; }
.prod .prodl .simg_slick .slick-prev:hover{background: url(../images/fl.png) no-repeat; }
.prod .prodl .simg_slick .slick-next:hover{background: url(../images/fr.png) no-repeat; }
.prod .prodl .plus_box{ width: 380px; height: 318px; margin-bottom: 21px; } 
.prod .prodl #Zoomer{ margin-bottom: 18px;}
#sg_img{max-width: 380px;max-height: 280px;}
.prodr{float: right;}
.prodr_t{width:390px;height: 110px;background: #002a68;color: #fff; }
.prodr_t .box{padding-left: 30px;padding-top: 20px;}
.prodr_t .box h2{font-size: 30px;margin-top: 10px;}
.pu_box{padding-left: 30px;}
.pu_mes{margin-top: 39px;}
.pu_mes p{line-height: 28px;color: #888888;}
.pu_mes p span{color: #666;}
.pu_sev{margin-top: 60px;}
.pu_sev span{color: #888888;font-size: 14px;}
.pu_sev h2{font-size: 26px;color: #6bb23d;font-weight: bold;}
.pu_sev  a{display: inline-block;width: 160px;height: 48px;text-align: center;line-height: 48px;color: #fff;background: #002a68;border-radius: 24px;margin-top: 25px;}
/*发展历程*/
.profile{padding-top: 65px;}
.profile_t {margin-bottom: 60px;}
.profile_t h2{font-size: 30px;color: #bcbcbc;margin-bottom: 15px;}
.profile_t span{display: inline-block;width: 211px;font-size: 30px;color: #022a68;height: 35px;line-height: 35px;background: url(../images/icon19.png) center no-repeat;}
.fazn li{float: left;width:33.33%;height: 220px; text-align: center;position: relative;padding-bottom: 55px; }
.fazn li .pic{display: inline-block; width: 140px;height: 140px;line-height: 140px; border-radius: 50%;background: #c8c8c8;margin-bottom: 25px;}
.fazn li p{font-size: 14px;color: #999999;} 
.fazn li h4{color: #444444;margin-bottom: 5px;}
.fazn li:hover .pic{background: #035cac;}
.fazn li.on .pic{background: #035cac;}
.fazn li.on i{position: absolute;bottom: 0;left: 50%;margin-left: -16px; width: 32px;height: 16px; background-image: url(../images/icon18.png);}

/*时间轴*/
.history{padding: 70px 0; position: relative;}
.history:before{ content: ''; position: absolute; left: 0;bottom:215px; width:100%; height: 1px; background: #bbb; }
.history_slick{ position: relative; padding-bottom: 177px;}
.historyline ul{ text-align: center; font-size: 14px; font-weight: bold; color: #888888;top:420px; }
/*.historyline ul:before{ content: ''; position: absolute; left: -50%; top:20px; width:200%; height: 1px; background: #bbb; }*/
.historyline ul li.slick-slide{position: relative; cursor: pointer; padding-top: 30px;}
/*.historyline ul li:after{width: 1px; height:500%;top: 0; position: absolute;content: "";background:#f30189;left: 50%; display: none;}*/
.historyline ul li span{display: block;text-align: center;position: relative; font-size: 20px; z-index: 1;height: 32px;line-height: 32px;}
.historyline ul li.slick-slide.slick-current{color: #002a68; /*background: url(../images/icon25.png) 47% 2px no-repeat;*/font-size: 22px;z-index: 9; }
.historyline ul li.slick-slide.slick-current:after{display: block;}
.historyline ul li.slick-slide:hover{ color: #002a68; }
.historyline ul li:before{content: "";position: absolute; width: 14px;height: 14px;background: url(../images/icon26.png) center no-repeat; top: 7px; left: 46%;}
.historyline ul li.slick-slide.slick-current:before{content: "";position: absolute; width: 18px;height: 18px;background: url(../images/icon25.png) center no-repeat; top: 4px; left: 46%;}

.historyline .slick-arrow{border: 0;top: -185px; width: 30px; height: 54px;color: transparent;position: absolute;cursor: pointer;}
.historyline .slick-prev{ left: -10px;  background: url(../images/tl.png) center no-repeat; background-size: contain; }
.historyline .slick-next{ right: -10px;  background: url(../images/tr.png) center no-repeat; background-size: contain; }
.historyline .historyinf{width:1014px;margin: 0 auto;box-shadow: 0 0 30px #e0e0e0; }
.historyline .history_box{padding: 16px;background: #fafafa;}
.historyline .history_box .pic{float: left;width: 409px; height: 310px;}
.historyline .history_box .tit{float: left;width: 510px; margin-left: 50px; padding-top: 45px; }
.historyline .history_box .tit h2{font-size: 40px;color: #002a68;font-weight: bolder; padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 25px;}
.historyline .history_box .tit h2 span{vertical-align: top; font-size: 16px;}
.historyline .history_box .tit dd{position: relative; padding-left:13px;line-height: 23px;color: #666;font-size: 14px; }
.historyline .history_box .tit dd i{position: absolute;left: 0;top: 0; width: 5px;height: 23px;background-image: url(../images/icon24.png);}
.brand{padding-top: 60px;}
.brand .profile_t{margin-bottom: 40px;}
.brand  .tit{width: 535px; color: #444444;line-height:30px;padding-top: 60px; }
.brand  .tit p{margin-bottom: 40px;}
.team_box{padding-top: 70px;padding-bottom: 120px;}
.cust_box{padding-top: 70px;padding-bottom: 140px;}
.cust_box .profile_t{margin-bottom: 50px;}
.banner8 dl{width:290px;}
.banner8 dd{width: 290px; margin-bottom: 25px;} 
.banner8 dd .pic{width: 290px;height: 180px;}
.banner8 dd p{height: 40px;line-height: 40px;text-align: center;color: #666; }
.banner8 .slick-arrow{border: 0; bottom: -30px; width:38px; height:38px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner8 .slick-prev{ left:45%;  background: url(../images/bl6.png) center no-repeat; background-size: contain; }
.banner8 .slick-next{ right: 46%;  background: url(../images/br6.png) center no-repeat; background-size: contain; }
.banner8 .slick-prev:hover{ background: url(../images/bl6on.png) center no-repeat; background-size: contain; }
.banner8 .slick-next:hover{   background: url(../images/br6on.png) center no-repeat; background-size: contain; }
.coop_box{padding-top: 60px;padding-bottom:60px;}
.coop_box .profile_t{margin-bottom: 50px;}
.banner9 {padding: 0 30px;}
.banner9 dl{padding: 3px;width: 230px; margin: 0 auto}
.banner9 dd{float: left; width: 228px;height: 118px;line-height: 118px;border: 1px solid #ededed;text-align: center;margin-bottom: 30px;}
.banner9 dd img{display: inline-block;max-width: 98%;max-height: 94%;}
.banner9 dd:hover{background: #fff;box-shadow: 0 0 10px #ededed}
.banner9 dd:hover img{-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);}
.banner10 li {padding: 80px 0; z-index: 77;outline: none; position: relative; text-align: center;transition: all .3s;}
.banner10 li .pic{
  margin: auto;width: 100%;
  text-align: center; 
  position: relative;
   transform:all .5s ; 
   -webkit-transform:scale(1);
   -moz-transform:scale(1);
   transform:scale(1); 
   overflow: 
   hidden;background: url(../images/zf2.png) center;
 }

.banner10 li .pic:after{content: "";width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background:url(../images/zf2.png) center ; z-index: 10}

.banner10 li img{ height:240px;display: inline-block;max-width: 100%;}
.banner10 li .case_b{width: 300%; margin-top: 20%; font-size: 17px;margin-left: -100% ; padding-top: 20px;color: #666;line-height: 30px;border-top: 1px solid #f3f3f3; opacity: 0;}
.banner10 li .pic{transition: all .3s;}
.banner10 li.slick-center .pic{ -webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4);background: none;}
.banner10 li.slick-center {opacity: 1;filter:alpha(opacity=100); position: relative;z-index: 88;}
.banner10 li.slick-center .pic:after{background: none;}
.banner10 li.slick-center  p{ opacity: 1;filter:alpha(opacity=100);  }
.banner10 li.slick-center .case_b{opacity: 1;filter:alpha(opacity=100);}

.banner10 .slick-arrow{border: 0; bottom: -75px; width:38px; height:38px;color: transparent;position: absolute;cursor: pointer; z-index: 9;}
.banner10 .slick-prev{ left:45%;  background: url(../images/bl6.png) center no-repeat; background-size: contain; }
.banner10 .slick-next{ right: 46%;  background: url(../images/br6.png) center no-repeat; background-size: contain; }
.banner10 .slick-prev:hover{ background: url(../images/bl6on.png) center no-repeat; background-size: contain; }
.banner10 .slick-next:hover{   background: url(../images/br6on.png) center no-repeat; background-size: contain; }
.banner10 .slick-prev:before{content: "";position: absolute; left: -542px;top: -360px; width: 269px;height:260px;}
.banner10 .slick-next:before{content: "";position: absolute; right: -555px;top: -360px; width: 269px;height:260px;}
/*企业简介*/
.intro_box{background: #f5f5f5;padding: 60px 0;}
.intro .jiso {display: inline-block;}
.intro .jiso span{ float: left;  }
.intro .jiso span h2{color: #23273d;font-size: 24px;margin-bottom: 10px;}
.intro .jiso span p{color: #858791;font-size: 14px;}
.intro .jiso  i{float: left; display: inline-block;width: 1px;height: 26px;background: #d7d7d7;margin: 10px 55px 0;}
.intro .jiso_con{margin-top: 35px;overflow: hidden;height: 174px; }
.intro .jiso_con p{font-size: 16px;line-height: 28px;color: #666;text-indent: 1em;margin-bottom: 5px;}
/*企业文化*/
.culture_box{background: #f5f5f5;padding: 90px 0;}
.culture_list li{float: left; position:relative;width: 380px;height: 370px; overflow: hidden; cursor: pointer;} 
.culture_list li.two{margin: 0 30px;}
.culture_list li .tit{transition: all .4s;
	position: absolute;left: 0;top:308px;height: 100%; width: 100%; background: url(../images/zb.png);color: #fff; text-align: center;}
.culture_list li .tit h2{transition: all .4s;
	height: 62px;line-height: 62px;font-size: 28px;}
.culture_list li .tit .box{padding: 0 40px; }
.culture_list li .tit .box i{width: 22px;background: #fff;height: 1px;display: inline-block;}
.culture_list li .tit p{font-size: 14px;line-height: 22px;margin-top: 25px;}
.culture_list li:hover .tit h2{padding-top: 70px;}
.culture_list li:hover .tit{top: 0;}
/*联系我们*/
.cont1_box{padding-top: 70px;padding-bottom: 85px;position: relative;}
.cont1_box:after{content: "";position: absolute; left: 0;bottom: 0; width: 100%;height: 521px;background: url(../images/bg18.png) center no-repeat; }
.cont1_box .pubh{margin-bottom: 60px;}
.cont1_l {width: 590px;}
.cont1_l .tit{color: #002a68;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.cont1_l .tit h2{font-size: 26px;font-weight: bold;margin-bottom: 5px;}
.cont1_l .tit span{font-size: 12px;}
.cont1_l ul li{line-height: 25px;margin-bottom: 10px;}
.cont1_l ul li img{float: left;margin-right:22px; margin-top: 3px;}
.cont1_l ul li span{font-size: 13px;color: #444444;}
.cont1_l ul li i{display: inline-block;color:#ccc;margin: 0 20px; }
.cont1_r{width: 530px;height: 318px;overflow:hidden;}
.cont2_box{padding: 70px 0;border-bottom: 1px solid #e5e5e5;}
.cont2_list{border: 1px solid #ececec}
.cont2_list span{float: left;}
.cont2_list dt{line-height: 62px;color: #fff;font-size: 18px;background: #183c70;}
.cont2_list dd{line-height: 50px;color: #444444;font-size: 14px; cursor: pointer;}
.cont2_list dd:hover{color: #d49b3f}
.cont2_list .sp1{width: 140px;text-align: center;}
.cont2_list .sp2{width: 241px;padding-left: 39px; border-left: 1px solid #425f89;border-right: 1px solid #425f89;}
.cont2_list .sp3{padding-left: 40px;}
.cont2_list .sp4{float: right; width: 142px;padding-left: 40px;border-left: 1px solid #425f89}
.cont2_list dd.on{background: #f5f5f5;}
.cont2_list dd .sp2{border-color: #ececec;}
.cont2_list dd .sp4{border-color: #ececec;} 
.cont3_box{padding: 70px 0;}
.cont3_box .pubh{margin-bottom: 45px;}
.join_box span{float: left;}
.join_t{height: 59px;line-height: 59px;background: #f5f5f5; color: #555555;font-size: 12px;border-top: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2; padding: 0 50px; margin-bottom: 20px;}
.join_t img{vertical-align: middle;margin-right: 8px;}
.join_box .sp1{width: 175px;padding-left: 15px;}
.join_box .sp2{width: 275px;}
.join_box .sp3{width: 236px;}
.join_box .sp4{width: 182px;}
.join_con{padding: 25px 50px 50px;border: 1px solid #e2e2e2}
.join_list li{height: 60px;line-height: 60px;font-size: 14px;color: #666; cursor: pointer;border-bottom: 1px solid #e2e2e2;}
.join_list li:hover{background:#022a68;color: #fff;box-shadow: 0 0 10px #e2e2e2; }
.cont4 {padding-top:65px;}
.cont4 .pubh{margin-bottom: 85px;}
.cont4_list li{float: left;width: 200px;height: 200px; text-align: center;font-size: 18px;}
.cont4_list li a{color: #fff;}
.cont4_list li.on{margin-top: 80px;}
.cont4_list span{display: inline-block;height: 100px;padding-top:  28px;line-height: 100px;width: 100%; }

.list_box{ position: absolute;
	background: #195a94;display: none; width: 100%;border-top: 1px solid #dddddd; z-index: 999; text-align: center;}
.list_nav{display: inline-block;}
.list_nav dd{float: left;font-size: 13px;padding: 0 40px; height: 39px;line-height: 39px;}
.list_nav dd a{color:#cdd7e2;}
.list_nav dd:hover a{color: #fff; font-weight: bold;}
.list_nav dd.on a{color: #fff; font-weight: bold;}
.list_nav.d4{margin-left: 245px;}
.list_nav.d5{margin-left:  240px;}
.list_nav.d7{float: right;margin-right: 50px;}
.list_nav.d8{float: right;}
.mask{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/zc.png);  opacity: 0;z-index: -9;}
.mask .permit_box{background: #fff;position: absolute;left: 50%;margin-left:-355px; top: 50%;margin-top: -340px; width: 650px;padding: 60px 30px 20px;}
.mask .permit_box .close{cursor: pointer;position: absolute;right: 20px;top: 20px;}
.mask .permit_box  h2{font-size: 28px;color: #333;margin-bottom: 5px;}
.mask .permit_box span{font-size: 12px;color: #999999;}
.mask .permit_box .pic{text-align: center;/*height: 505px;line-height: 505px;*/ margin:  15px 0; border: 1px solid #e5e5e5}
.mask .permit_box p{font-size: 14px;line-height: 30px;color: #888888}
.gotop{position: fixed;bottom: 50px;right: 50px;background: #333333;color: #fff;font-size: 12px;text-align: center; width: 50px;padding-bottom: 10px; cursor: pointer;}
.gotop .pic{height: 45px;line-height: 45px;}
/****************************新增 ***************************/
.pro_banner .li_box { width:280px;height: 320px;text-align: center; margin: 0 auto;}
.pro_banner li{padding: 5px 0;}
.pro_banner .li_box .pic{height: 245px;line-height: 245px;}
.pro_banner .li_box .pic img{display:inline-block;}
.pro_banner .li_box  h2{margin-bottom: 15px; }
.pro_banner .li_box:hover  h2{color: #002a68; }
.pro_banner li:hover .li_box{box-shadow: 0 0 5px #dcdcdc}
.pro_banner .li_box p{color: #888888;font-size: 12px;}
.pro_banner .slick-arrow{ background: none;border: none; width: 10px; height: 14px; top: 50%; margin-top:-7px ;  overflow: hidden; color: transparent; cursor: pointer; position: absolute; z-index: 10;}
.pro_banner .slick-prev{ left: -20px;  background: url(../images/fl.png) no-repeat; }
.pro_banner .slick-next{ right: 0px;  background: url(../images/fr.png) no-repeat; }
.pro_banner .slick-prev:hover{background: url(../images/flon.png) no-repeat; }
.pro_banner .slick-next:hover{background: url(../images/fron.png) no-repeat; }

.study_banner li>a{display: block;width: 284px;margin: 0 auto;background: #f5f5f5;}
.study_banner li {margin-bottom: 50px;}
.study_banner li .tit_box{height: 160px;}
.study_banner li .tit {padding-top: 35px; padding-right: 90px;text-align: right;}
.study_banner li .tit i{width: 68px;height: 90px;right: 0;top: 35px;background-image: url(../images/icon4.png);border-left: 1px solid #e8e8e8;}
.study_banner li .tit h2{font-s ize: 20px;margin-bottom: 15px;font-weight: bold;}
.study_banner li .tit p{font-size: 13px;line-height: 26px;color: #888888;}
.study_banner li:hover a{background: #0e366a;}
.study_banner li:hover .tit i{background-image: url(../images/icon4on.png);border-left: 1px solid #325480;}
.study_banner li:hover .tit p{color: #fff;}
.study_banner li:hover .tit h2{color: #fff;}
.study_banner li.mgt{margin-top: 60px;}
.study_banner li.fourth{margin-right: 0;}
.study_banner .slick-arrow{ background: none;border: none; width: 10px; height: 14px; top: 50%; margin-top:-7px ;  overflow: hidden; color: transparent; cursor: pointer; position: absolute; z-index: 10;}
.study_banner .slick-prev{ left: -20px;  background: url(../images/fl.png) no-repeat; }
.study_banner .slick-next{ right: 0px;  background: url(../images/fr.png) no-repeat; }
.study_banner .slick-prev:hover{background: url(../images/flon.png) no-repeat; }
.study_banner .slick-next:hover{background: url(../images/fron.png) no-repeat; }
.txt_more{margin-top: 20px;}
.txt_more span{display: inline-block; width:30px; height:30px;cursor: pointer;}
.txt_more .sl{  background: url(../images/sl.png) center no-repeat; background-size: contain; }
.txt_more .xl{   background: url(../images/xl.png) center no-repeat; background-size: contain; }
.txt_more .sl:hover{ background: url(../images/slon.png) center no-repeat; background-size: contain; }
.txt_more .xl:hover{   background: url(../images/xlon.png) center no-repeat; background-size: contain; }

.mask-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/zc.png);  opacity:0;z-index: -9;}
.mask-box .permit_box{background: #fff;position: absolute;width: 860px;height: 600px; left: 50%;margin-left:-450px; top: 50%;margin-top: -325px; padding:0px 20px 50px;}
.mask-box .permit_box h1{height: 80px;line-height: 80px;color: #183c70; border-bottom: 1px solid #eee;font-size: 22px; font-weight: bold; margin-bottom: 30px;}
.mask-box .permit_box .close{position: absolute;right: 15px;top: 15px;cursor: pointer;}
.recruit_con{padding-left: 20px;}
.recruit_con h2{line-height: 60px;font-size: 20px; color: #333;font-weight: bold;}
.recruit_con .time{font-size: 14px;color: #666;margin-bottom: 30px;}
.recruit_con .time span{margin-right: 30px;}
.recruit_con dl dt{color: #333;margin-bottom: 25px;}
.recruit_con dl {margin-bottom: 40px;}
.recruit_con dl dd{font-size: 14px;line-height: 25px;color: #666;}
.recruit_con .tou{line-height: 45px;}
.recruit_con .tou button{width: 195px;height: 45px;background: #0054a7;color: #fff;border: 0;outline: none;font-size: 14px;}
.recruit_con .tou span{color:#666;margin-left: 20px; }
.recruit_con .tou span a{color:#0054a7; } 
.list_nav.d2{float: left;margin-left: 95px;}
.list_nav.d3{float: left;margin-left: 234px;}
.list_nav.d4{float: left;margin-left: 365px;}
.list_nav.d8{float: right;margin-right:  154px;}
.list_nav.d9{float: right;margin-right:  20px;}