.banner .swiper-button-next,.banner .swiper-button-prev,.index_con1_list1 span,.index_con1_list1 span:after,.index_con3_list3,.pub_a:after,.pub_a
,.index4_list1 img,.index_con2_two img,.index_con2_one a i,.index_con3_list2 span img,.index_con4_list1 span i{
    transition: all 0.3s cubic-bezier(.35,.75,.55,1);
    -webkit-transition: all 0.3ss cubic-bezier(.35,.75,.55,1);
    -moz-transition: all 0.3ss cubic-bezier(.35,.75,.55,1);
}
@keyframes run1{
    from{stroke-dasharray: 200px 50px;}
    to{stroke-dasharray: 400px 0px;}
}
@keyframes run2{
    0%{transform:scaleX(1) scaleY(1);}
    50%{transform:scaleX(1.1) scaleY(1.1);}
    100%{transform:scaleX(1) scaleY(1);}
}



.banner .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;overflow: hidden;}
.banner .swiper-slide {background-size: cover;background-position: center;overflow: hidden;width: 100%;min-width: 1400px;}
.banner .gallery-top {height: 80%;width:100%;min-width: 1400px;}
.banner .gallery-top img{width: 100%;}
.banner .gallery-top .swiper-slide-active img{animation:run2 13s linear infinite;}
.banner .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.banner .gallery-thumbs .swiper-slide {width: 254px;height: 100%;filter: grayscale(40%);pointer-events: initial !important;}
.banner .gallery-thumbs .swiper-slide  img{width: 100%;}
.banner .gallery-thumbs .swiper-slide-active {filter: grayscale(0%);}
.banner .swiper-button-next,.banner .swiper-button-prev{width:55px;height: 57px;background-size: 16px ;background-color: #0054a6;opacity: 1;}
.banner .swiper-pagination-bullet{background: white;border:2px solid white;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #0054a6;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-color:#0054a6}
/*.gallery-thumbs .swiper-slide-active:after{position: absolute;content: '';display: block;width: 98%;height:96%;border: 3px solid #008d51;top:0;z-index: 22;}
*/
.banner .gallery-thumbs .swiper-slide a{display: block;position: relative;}
.xiugai_sb{position: absolute;width: 100%;height: 100%;box-sizing: border-box;padding: 20px;background: rgba(0,0,0,.1);top:0;left: 0;}
.xiugai_sb h3{font-size: 15px;color: white;font-weight: bold;line-height: 25px;height: 60px;text-align: left;}
.xiugai_sb p{font-size: 14px;color: white;text-align: left;margin-top: 10px;}
.banner .gallery-thumbs .swiper-slide-active .xiugai_sb{background: rgba(5,105,59,.5);}


#slj .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;}
.banner1{position: absolute;bottom:60px;width: 100%;text-align: center;}
.banner2{display: inline-block;}
.banner{position: relative;margin-top: -30px;}


.yz{padding-top: 76px;box-sizing: border-box;}
.yz h2{font-weight: normal;text-align: center;}
.yz h2 span{display: block;font-size: 30px;color: #333333;line-height: 30px;}
.yz h2 i{display: block;font-size: 40px;color: #333333;line-height: 40px;padding-top: 10px;font-weight: bold;}
.yz .xx{display: block;font-size: 14px;color: #333333;line-height: 24px;margin-top: 40px;text-align: center;}
.yz ul{ margin: 37px 50px 0;height: 226px;text-align: center;}
.yz ul li{ float:left;width:220px;height: 226px;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10;}
.yz ul li:last-child{ border-right: 0;}
.yz ul li em{ display: block;margin: 32px auto 0;width: 62px;height: 62px;overflow: hidden;}
.yz ul li em img{display: block;width: 62px;height: 62px;transition:all 0.5s;}
.yz ul li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10);}
.yz ul li.cur img:nth-child(1){ margin-top:-62px;}
.yz ul li.cur p{ display:block;}
.yz ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px;}
.yz ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase;}
.yz ul li p{ display: none;font-size: 14px;line-height: 20px;color:#2c2f3e;padding:0 52px 0;}
.yz ul li.cur span{ display:none;}
.yz ul li.cur b{ font-weight: bold;color:#2c2f3e;}

/*核心业务*/
.business{ background: url(../images/rmjq.jpg) no-repeat top center; padding: 1px 0px 20px;background-size: cover;min-width: 1400px;}
#business .w1400{ height: 830px; position: relative; width: 1580px;margin: 0px auto }
#business li.class1{background: url(../images/blue.png) no-repeat top center; width: 418px; height: 418px; top: 119px; left: 150px; padding: 69px 90px;}
#business li.class2{background: url(../images/blue.png) no-repeat top center; width: 418px; height: 418px; top: 159px; left: 588px; padding: 69px 115px;}
#business li.class3{background: url(../images/blue.png) no-repeat top center; width: 418px; height: 418px; top: 119px; right: 139px; padding: 69px 90px;}
#business li.class4{background: url(../images/blue.png) no-repeat top center; width: 418px; height: 418px; top: 403px; left: 348px;padding: 69px 70px;}
#business li.class5{background: url(../images/blue.png) no-repeat top center; width: 418px; height: 418px; top: 409px; right: 336px;padding: 69px 70px;}
#business li .box{ position: relative; z-index: 9; text-align: center;}
#business li{ position: absolute; box-sizing: border-box; color: #FFF;}
#business li .tit{ font-size: 40px; text-align: center; color: #FFF; margin-bottom: 30px; line-height: 108px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.25) }
#business li .more{ border: 1px solid rgba(255,255,255,0.4); width: 106px; height: 40px; text-align: center; display: block; color: #FFF; line-height: 42px; margin: 0 auto; margin-top: 20px;}
.line30{
    line-height: 30px;
}
#business li .mask{ width: 70.71%; background: rgba(0,0,0,0.23); transform: rotate(45deg); position: absolute; top: 14.7%; left: 14.7%; z-index: 0;}
#business li .mask:after{content: ''; padding-top: 100%; display: block;}
#business li .mask:before{content: ''; border: 1px solid #FFF; position:absolute; width: 94%; height: 94%; top: 3%; left: 3%;}
.sy_inco{ height: 96px; padding: 15px 0 25px 0;}
.sy_inco span{ display: block; line-height: 95px; text-align: center; font-size: 30px; color: #FFF; position: relative; border-bottom: 1px solid rgba(255,255,255,0.5); width: 540px; margin: 0 auto;}
.sy_inco span:after{ width: 14px; height: 14px; background: #FFF; position: absolute; content: ''; bottom: -7px; left: 50%; margin-left: -7px; transform: rotate(45deg);}
.sy_inco1{ height: 96px; padding: 15px 0 25px 0;}
.sy_inco1 span{ display: block; line-height: 95px; text-align: center; font-size: 30px; color: #333; position: relative; border-bottom: 1px solid rgba(0,0,0,0.5); width: 540px; margin: 0 auto;}
.sy_inco1 span:after{ width: 14px; height: 14px; background: #333; position: absolute; content: ''; bottom: -7px; left: 50%; margin-left: -7px; transform: rotate(45deg);}
/*案例*/

.case{box-sizing:border-box;}
.case_con dl{ float: left;width: 335px;margin-right: 19px;margin-bottom: 60px;}
.case_con dt{ width:335px;height: 272px;overflow: hidden}
.case_con dt img{ display: block;width: 335px;height: 272px;transition: all 0.5s;}
.case_con dl:hover dt img{transform:scale(1.05);}
.case_con dd{ height: 160px;background: #f6f6f6;padding: 0 28px;}
.case_con dd h3 { display:block;height: 78px;line-height: 64px;border-bottom: 1px solid #d9d9d9;margin-bottom: 0px;}
.case_con dd  div{ width: 280px;float:left;  overflow:hidden; margin-top: 10px; font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;}
.case_con dd h3 a{ display: block;font-size: 18px;color: #333333;}
.case_con dd h3 a:hover{ color:#1063cc;}
.case_con dd h3 a em{float: left;font-size: 14px;display: block;}
.case_con dd p{ padding-top: 14px;font-size: 14px;color: #666666;line-height: 24px;}
.case_qie{z-index: 50;margin: -35px auto 0;cursor: pointer;text-align: center;position:relative;}
.case_qie li {width: 10px;height: 10px;display: inline-block;border-radius: 13px;margin:0 6px;background: #cbcbcb;}
.case_qie li.on {background: #1063cc;}
/*案例*/
.sl{background:#000 url(../images/sl.jpg) no-repeat center top;height:162px;position: relative; width:100%;min-width: 1400px;}

.sl h2{font-size: 60px;color: #fff;font-weight: normal;}
.sl h2 a{color:#fff;}
.sl h2 span{color: #D82633;font-weight: bold;}
.sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 30px;}
.sl h2 em span{font-weight: normal;}
.sl .con{margin-top: 32px;}
.sl .con ul{width: 600px;float: left;}
.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;margin-top: 35px;}
.sl .con li em{height: 50px;display: block;}
.sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;}
.sl .con p{float: right;width:420px;margin-top: 10px;}
.sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;margin-bottom: 10px;}
.sl .pic{margin:32px 0px 0px 250px;}
.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../images/sl_tel.png) no-repeat left center;padding-left: 38px;}

/*新闻*/
.title_com{width: 286px;margin: 70px auto 50px;position: relative;text-align: center;}
.title_com svg{fill: none;stroke: #0054a6;stroke-width: 2px;width: 284px;height: 74px;padding: 5px;animation: run1 2s linear infinite;position: absolute;top:0;left: 0;}
.title_com h1{    font-size: 40px;
    color: #333333;
    line-height: 40px;
    padding-top: 10px;
    font-weight: bold;
    position: relative;z-index: 2;padding-top: 17px;}
.title_com span{display: inline-block;background: white;padding: 0px 10px;position: relative;z-index: 2;font-size: 14px;color:#999;margin-top: 9px;}

.newbox{line-height:30px;height:737px;font-family: "Microsoft Yahei";color: #333;}
.newbox h1{text-align: center; }
.newbox h1 span{display: block;font-size: 40px; font-weight: bold; line-height: 40px; color:#333333; padding:0 130px; position: relative;width:170px; margin:0 auto 13px;}
.newbox h1 span:before{width:101px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.newbox h1 span:after{width:101px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.newbox h1 i{display: block;font-size: 16px; line-height: 16px; color:#666666;}
.pro_lt li em,.newtil li em{display: inline-block;padding: 0 23px;font-weight: normal;color: #ccc;}

.newtil{height: 50px;line-height: 38px;overflow: hidden;font-size: 18px;background:url(../images/line1.gif) no-repeat 360px 16px;}
.newtil ul,.newtil li{float: left;}
.newtil span{float: right;font-size: 14px;}
.newtil span a{color: #999;display: inline-block;}
.newtil li.cur{color:#0155a8;font-weight: bold;}

.news_c dl{width:603px;float: left;overflow: hidden;}
.news_c dd{padding: 8px 21px 0;line-height:30px;color: #333;}
.news_c dd h3{height:34px;line-height:34px;font-size:16px;color: #333;text-align: center;}
.news_c dt{width:562px;height: 426px;border: dashed 1px #e6e6e6;padding: 20px 19px;}
.news_c dt p,.news_c dt p img{display: block;width:562px;height: 422px;overflow: hidden;}
.news_c ul{width: 760px;float: right;}
.news_c li{height:99px;border-bottom: solid 1px #e8e8e8;line-height: 24px;margin-bottom: 32px;}
.news_c li span{width: 80px;float: left;text-align: center;padding:0 10px 0 0;font-family: Arial;font-size: 18px;line-height: 20px;color: #ddd;}
.news_c li span b{display: block;font-size: 54px;line-height: 50px;font-weight: normal;}
.news_c li p{width: 660px;float: left;color: #666;font-size: 14px;}
.news_c li p a,.news_c dd p a,.about_w p a{display: inline-block;color: #0155a8;}
.news_c li p b{display: block;color: #333;line-height: 26px;}
.news_c li p b a,.news_c dd h3 a{display: block;color: #333;font-size: 16px;font-weight: bold}
/*关于我们*/
.about{background:url(../images/abobj.jpg) no-repeat top center;padding-bottom:69px;width: 100%;min-width: 1400px;}
.abo{padding-top:397px;}
.abo .abo-con{background:#FFF;padding:38px 30px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1290px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 20px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}