/*头部开始********************************************************************************************/

.w1 {

    width: 1440px;

    margin: 0 auto;

}

.w {

    width: 1200px;

    margin: 0 auto;

}

html, body {

    position: relative;

    width: 100%;

    height: 100%;

    color: #535353;

}



.swiper-container{

    width: 100%;

    height: 100%;

}

/*第一屏*/

.banner1{



}

.banner1 .banner1_cen{

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    text-align: center;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



}



.banner1 .banner1_cen p{

    text-align: center;

    color: #fff;

    padding: 46px 0 60px;

    font-size: 24px;

}

.banner1 a.more{

    padding: 7px 22px;

    border: 1px solid #fff;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    color: #fff;

}

.banner1 .banner02 .banner1_cen p{

    padding: 34px 0 60px;

}

.banner1 .banner03 .banner1_cen{

    padding-bottom: 400px;

    background: url(../images/banner1_03.png) no-repeat center bottom;

    top: 55%;

}

.banner1 .banner03 .banner1_cen p{

    padding: 26px 0 34px;

}

.banner1 .banner04 .banner1_cen p{

    padding: 26px 0 55px;

}



/*第一屏标题*/

.banner1_title{

    position: absolute;

    bottom: 0;

    width: 100%;

    left: 0;

}

.banner1_title li{

    font-size: 16px;

    color: #fff;

    text-align: center;

    height: 70px;

    padding-top: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



}



.banner1_title li.swiper-slide-thumb-active{

    background: #438ad2;

}



/*全屏导航*/

.menu_box{

    width: 100%;

    height: 100%;

    background: url(../images/menu_bg.jpg) no-repeat center center;

    background-size: cover;

    position: fixed;

    top: -100%;

    left: 0;

    z-index: 999;

    color: #fff;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.menu_box.on{

    top: 0;

}

.menu_box .top_nav{

    padding-top: 40px;

}

.menu_box .logo{

    width: 294px;

    height: 61px;

    background: url(../images/logo.png) no-repeat center center;

}

.menu_box .top_nav ul{



}

.menu_box .top_nav ul li{

    float: left;

    position: relative;

}

.menu_box .top_nav ul li.search_icon{



}



.menu_box .top_nav ul li.search_icon a{

    background: url(../images/search_icon1.png) no-repeat center center;

    width: 45px;

    height: 61px;

}

.menu_box .top_nav ul li.search_icon .search_box{

    position: absolute;

    top: 50px;

    left: -100px;

    display: none;



}

.menu_box .top_nav ul li.search_icon:hover .search_box{

    display: block;

}

.menu_box .top_nav ul li.search_icon .search_box input{

    width: 160px;

    padding: 4px 10px;

    background: none;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    border: 1px solid #fff;

    color: #fff;

}





.menu_box .top_nav ul li.menu_icon a{

    width: 30px;

    height: 61px;

    background: url(../images/menuclose_icon.png) no-repeat center right;

}



/*全屏导航的nav*/

.menu_box .menu_ul{

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);





}

.menu_box .menu_ul ul{

    justify-content: space-between;

}

.menu_box .menu_ul ul>li{



}

.menu_box .menu_ul ul>li>a{

    font-size: 18px;

    padding-bottom: 25px;

    position: relative;

}

.menu_box .menu_ul ul>li>a:after{

    width: 100%;

    height: 2px;

    background: #ebad64;

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 5px;

}

.menu_box .menu_ul dl dd>a{

   line-height: 35px;

    font-size: 16px;

}

.menu_box .menu_ul dl ol{

    padding: 5px 0;

}

.menu_box .menu_ul dl ol li a{

    line-height: 26px;

    font-size: 14px;

}

.menu_box .copy{

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 40px;

    color: #fff;

}



.menu_box .copy dl dd{

    float: left;

    padding-left: 20px;

    position: relative;



}

.menu_box .copy dl dd:after{

    width: 1px;

    height: 13px;

    background: #fff;

    content: "";

    display: block;

    position: absolute;

    left: 10px;

    top: 2px;

}





.menu_box .copy dl dd:first-of-type:after{

    display: none;

}

/*头部导航*/

.nav{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

    height: 150px;

    color: #fff;

    padding-top: 40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.nav .logo{

    width: 294px;

    height: 61px;

    background: url(../images/logo.png) no-repeat center center;

}



.nav .menu ul li{

    float: left;

    position: relative;

}



.nav .menu ul li a{

    padding: 0 15px;

    line-height: 61px;

}



.nav .menu ul li:last-of-type a{

    padding-right: 0;

}

.nav .menu ul li.search_icon{



}



.nav .menu ul li.search_icon a{

    background: url(../images/search_icon1.png) no-repeat center center;

    width: 14px;

    height: 61px;

}

.nav .menu ul li.search_icon .search_box{

    position: absolute;

    top: 60px;

    left: -88px;

    display: none;

    z-index: 9;



}

.nav .menu ul li.search_icon:hover .search_box{

    display: block;

}

.nav .menu ul li.search_icon .search_box input{

    width: 160px;

    padding: 4px 10px;

    background: none;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    border: 1px solid #fff;

    color: #fff;

    background: #fff;

}





.nav .menu ul li.menu_icon a{

    width: 15px;

    height: 61px;

    background: url(../images/menu_icon1.png) no-repeat center center;

}



/*第二屏*/

.banner4,

.banner2,

.banner3{

    padding-top: 150px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.nav.navwhite{

    color: #000;

    background: #fff;



}

.nav.navwhite .logo{

    background: url(../images/logo2.png) no-repeat center center;

}

.nav.navwhite .menu ul li.search_icon a{

    background: url(../images/search_icon.png) no-repeat center center;

}



.nav.navwhite .menu ul li.search_icon .search_box input{

    border: 1px solid #000;

    color: #000;

   

}





.nav.navwhite .menu ul li.menu_icon a{

    background: url(../images/menu_icon.png) no-repeat center center;

}



.banner4_con,

.banner2_con,

.banner3_con{

    height: 100%;

}

.banner2_con .left{

    width: 50%;

    height: 100%;

    background: #f0f1f3;

    position: relative;

}



.banner2_con .left .left_con{

    position: absolute;

    top: calc(50% - 65px);

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 720px;

    padding-right: 90px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.banner2_con .left h4{

    font-size: 40px;

    color: #363c54;

    padding-bottom: 10px;



}

.banner2_con .left h5{

    font-size: 20px;

    color: #438ad2;

    padding-bottom: 45px;



}

.banner2_con .left .banner2_left{

    position: relative;

    padding: 10px 43px 60px 0;

}

.banner2_con .lookmore:hover{

    color: #438ad2;

}

.banner2_con .left .banner2_left img{

    width: 100%;

}

.banner2_con .left .banner2_left .swiper-button-next{

    background: url(../images/next_icon.jpg) no-repeat center center;

    width: 38px;

    height: 100%;

    top: -4px;

    right: 0;

}

.banner2_con .left2{

    position: absolute;

    width: 100%;

    height: 130px;

    background: #438ad2;

    color: #fff;

    bottom: 0;

    left: 0;

}

.banner2_con .left2 .left2_con{

    width: 720px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 24px;

    padding-top: 55px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 90px;

}

.banner2_con .left2 .left2_con a{

    background: url(../images/more_right.png) no-repeat center center;

    width: 30px;

    height: 30px;



}









.banner2_con .right{

    width: 50%;

    height: 100%;

    background: url(../images/banner2_right_bg.jpg) no-repeat center center;

    background-size: cover;

}

.banner2_con .right ul{

    padding: 180px 30px 0 30px;

}

.banner2_con .right li{

    float: left;

    width: 33.33%;

    text-align: center;

}

.banner2_con .right li h5{

    font-size: 50px;

    color: #428ad6;

    font-weight: 700;

    padding-bottom: 20px;

    font-family: "Arial";

}

.banner2_con .right li h5 i{

    position: relative;

    top: -30px;

    font-size: 14px;

    font-weight: normal;

    padding-left: 6px;

}

.banner2_con .right li p{

    text-align: center;

}



/*第三屏*/
.banner3 .swiper-button-next:after,
.banner3 .swiper-button-prev:after{
    font-size: 14px;
}
.banner3_con{

    position: relative;

}

.banner3 .banner3_title{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 140px;

}

.banner3 .gallery-top2 .swiper-slide>a{

    width: 100%;

    height: 100%;

}

.banner3 .banner3_title .gallery-thumbs2{

    width: 80%;

    background: rgba(67, 138, 210, .8);

    height: 100%;

    color: #fff;

    margin: 0;



}

.banner3 .banner3_title .gallery-thumbs2 li .info_con{

    padding-left: 20%;

    padding-right: 45px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-top: 20px;

}

.banner3 .banner3_title .gallery-thumbs2 li .info_con .info{

    max-height: 75px;

}

.banner3 .banner3_title .gallery-thumbs2 li h5{

    font-size: 24px;

    padding-bottom: 13px;

}

.banner3 .lookcase{

    background: rgba(235, 173, 100, .8);

    color: #fff;

    width: 20%;

    height: 100%;

    z-index: 9;

    position: relative;

    padding: 20px 0 0 45px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.banner3 .lookcase a i{

    font-size: 20px;

    padding-top: 12px;

}



.banner3 .swiper-button-next, .banner3 .swiper-button-prev {

    width: 8px;

    height: 14px;

    background-size: 100% 100% !important;

}

.banner3 .swiper-button-next{

    top: auto;

    bottom: 95px;

    right: calc(20% + 45px);

}

.banner3 .swiper-button-prev{

    top: auto;

    bottom: 95px;

    left: auto;

    right: calc(20% + 115px);

}



.banner3 .swiper-pagination-fraction {

    bottom: 93px;

    left: auto;

    right: calc(20% + 65px);

    width: auto;

    color: #fff;

}



.banner3 .swiper-pagination-fraction .swiper-pagination-current{

    font-size: 20px;

}

/*第四屏*/

.banner4_con{

    background: #f0f1f3;

}

.banner4_con .title{

    color: #535353;

    font-size: 24px;

    text-align: center;

    padding: 70px 0 30px;

}

.banner4_con .title_ul{

   justify-content: center;

}

.banner4_con .title_ul li{

    text-align: center;

    width: 138px;

    float: left;

    font-size: 16px;

}

.banner4_con .title_ul li.on {

    color: #438ad2;

}

.banner4_info{

    padding-top: 60px;

    display: none;

}

.banner4_info.active{

    display: block;

}

.banner4_info li{

    float: left;

    padding: 35px 35px 35px 120px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 4%;

    width: 30%;

    margin-right: 5%;

    background: #f7f7f8;

    border: 1px solid #e9eaec;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;
    height: 158px;
    

}

.banner4_info li:hover{

    -webkit-transform: scale(1.05,1.05);

    -moz-transform: scale(1.05,1.05);

    -ms-transform: scale(1.05,1.05);

    -o-transform: scale(1.05,1.05);

    transform: scale(1.05,1.05);

    -webkit-box-shadow: 0px 5px 5px #ccc;

    -moz-box-shadow: 0px 5px 5px #ccc;

    box-shadow: 0px 5px 5px #ccc;

}

.banner4_info li:nth-of-type(3n){

    margin-right: 0;

}
.banner4_info li a{
    width: 100%;

}
.banner4_info li .img_con{

    position: absolute;

    top: 10px;

    left: -22px;

    width: 120px;

    height: 120px;

    border: 3px solid #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0px 4px 4px #ccc;

    -moz-box-shadow: 0px 4px 4px #ccc;

    box-shadow: 0px 4px 4px #ccc;

}

.banner4_info li h5{

    font-size: 18px;
    line-height: 20px;
    color: #535353;
    margin-bottom: 13px;
    overflow: hidden;
    height: 20px;

}



.banner4_info li .info{
    height: 50px;
    color: #7d7d7d;

}

.prolists .lookPro{

    text-align: center;

}

.prolists .lookPro a{

    color: #fff;

    padding: 13px 30px;

    background: #438ad2;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}

.prolists .lookPro a:hover{

    background: #ebad64;

}

.banner4_con{

    position: relative;

}

.banner4 .copy{

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0px;

    color: #fff;

    background: #438ad2;

    line-height: 60px;

}



.banner4 .copy dl dd{

    float: left;

    padding-left: 20px;

    position: relative;



}

.banner4 .copy dl dd:after{

    width: 1px;

    height: 13px;

    background: #fff;

    content: "";

    display: block;

    position: absolute;

    left: 10px;

    top: 24px;

}





.banner4 .copy dl dd:first-of-type:after{

    display: none;

}

/*左侧点点*/

.banner_container.swiper-container-vertical>.swiper-pagination-bullets{

    right: 45px;

}

.banner_container.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

    opacity: 1;

    background: #4389d1;

    margin: 30px 0;

}



.banner_container.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{

    background: #ebad64;

}





/*左侧盒子*/

.left_box{

    position: fixed;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 45px;

    z-index: 998;

}

.left_box ul li{

    position: relative;

}

.left_box dl dd a,

.left_box ul li a{

    width: 33px;

    height: 40px;

    padding: 0;

    margin: 0;



}

.left_box ul li.phone a{

    background: url(../images/index_icon1.png) no-repeat center center;

}

.left_box ul li.phone p{

    position: absolute;

    background: #438ad2;

    color: #fff;

    padding: 7px 10px;

    top: 6px;

    left: 33px;

    width: 100px;

    z-index: -1;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    display: none;

}

.left_box ul li.phone:hover p{

    display: block;

}

.left_box dl dd:nth-of-type(1) a{

    background: url(../images/index_icon2.png) no-repeat center center;

}



.left_box dl dd:nth-of-type(2) a{

    background: url(../images/index_icon3.png) no-repeat center center;

}

.left_box ul li.getTop a{

    background: url(../images/index_icon4.png) no-repeat center center;

}

/*走进豹鸣*/

/*内页底部*/

.footer.copy{

    color: #fff;

    background: #438ad2;

    line-height: 60px;

}



.footer.copy dl dd{

    float: left;

    padding-left: 20px;

    position: relative;



}

.footer.copy dl dd:after{

    width: 1px;

    height: 13px;

    background: #fff;

    content: "";

    display: block;

    position: absolute;

    left: 10px;

    top: 24px;

}

.banner2_left .swiper-button-next:after{
    display: none;
}



.footer.copy dl dd:first-of-type:after{

    display: none;

}

.nav.innernav{

    position: static;

    height: 100px;

    padding-top: 18px;

}
.contact_index{
    text-align: right;
}
.inner{

    position: relative;



}

.inner .inner_img{

    position: absolute;

    top: calc(50% - 25px);

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



}

/*面包屑部分*/

.crumbs{

    background: #438ad2;

    color: rgba(255,255,255,.8);

    position: relative;

    top: -50px;

    width: 100%;

}

.crumbs.fixed{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;



}

.crumbs .left{

    line-height: 50px;

}

.crumbs .left a{

    padding: 0 20px;

    position: relative;

}

.crumbs .left a.index_a{

    background: url(../images/index_a.png) no-repeat center left;

    text-indent: -5000px;

    padding: 0 20px 0 0px;

}

.crumbs .left a:last-of-type{

    margin-right: 20px;

}

.crumbs .left a:after{

    position: absolute;

    top: 22px;

    right: -5px;

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: 3px solid transparent;

    border-left: 4px solid rgba(255,255,255,.8);

}

.crumbs .right_menu li{

    float: left;

    line-height: 50px;

    padding-left: 30px;

}

.crumbs .right_menu li a{

    position: relative;

}



.crumbs .right_menu li a:after{

    position: absolute;

    content: "";

    display: block;

    width: 100%;

    height: 4px;

    background: #ebad64;

    left: 0;

    bottom: 0;

    display: none;



}

.crumbs .right_menu li a:hover:after,

.crumbs .right_menu li a.on:after{

    display: block;

}

/*内荣开始*/

.inner>img{

    width: 100%;

}

.sec_inner{

    padding: 75px 0;

}

.sec_inner.sec_inner1{

        padding-top: 25px;



}

.sec_inner1{

    text-align: center;

}

.sec_inner1 h4{

    font-size: 38px;

    font-weight: 700;

    padding-top: 35px;

}

.sec_inner1 h5{

    font-size: 20px;

    font-weight: 700;

    line-height: 50px;

}





.sec_inner1 .about_container{

    width: 830px;

    margin: 0 auto;

    padding-top: 28px;



}

.sec_inner1 .about_container .banner2_left{

    position: relative;

    padding-right: 45px;

}

.sec_inner1 .about_container img{

    width: 100%;

}

.sec_inner1 .about_container .swiper-button-next{

    background: url(../images/next_icon.jpg) no-repeat center center;

    width: 38px;

    height: 100%;

    top: 23px;

    right: 0;

}



.sec_inner2{

    background: url(../images/inner1_02bg.jpg) no-repeat center center;

    background-size: cover;

}

.sec_inner2 img{

    width: 100%;

}

.sec_inner3{



}

.sec_inner3 .honor_ul{

    border-bottom: 2px solid #438ad2;

}

.sec_inner3 .honor_ul li{

    width: 18.66%;

    float: left;

    margin-right: 1.675%;

    padding-bottom: 25px;

    position: relative;

}



.sec_inner3 .honor_ul li:nth-of-type(5n){

    margin-right: 0;

}

.sec_inner3 .honor_ul li:after{

    content: "";

    display: none;

    background: #ebad64;

    width: 80px;

    height: 5px;

    position: absolute;

    bottom: -3px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.sec_inner3 .honor_ul li:hover:after{

    display: block;

}

.sec_inner3 .honor_ul li img{

    width: 100%;

    height: 320px;

}

.sec_inner3 .honor_ul li h4{

    text-align: center;

    line-height: 50px;

}

.sec_title{

    font-size: 38px;

    padding-bottom: 30px;

    color: #000;

    text-align: center;

}

.sec_inner4{

    background: url(../images/inner1_04bg.jpg) no-repeat center center;

    background-size: cover;

}

.sec_inner4 .event_ul{

    height: 380px;

    position: relative;

}

.sec_inner4 .event_ul li{

    width: 160px;

    text-align: center;

}

.sec_inner4 .event_ul li .title{

    width: 100px;

    height: 100px;

    background: #438ad2;

    color: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    margin: 0 auto;

}



.sec_inner4 .event_ul li .title i{

    font-size: 24px;

    letter-spacing: 10px;

    padding-top: 22px;

    padding-left: 10px;

    padding-bottom: 10px;

}



.sec_inner4 .event_ul li .title span{

    font-size: 18px;

}





.sec_inner4 .event_ul li .info{

    color: #000;

    margin-top: 10px;

}



.sec_inner4 .event_ul li:nth-of-type(2){

    position: absolute;

    top: 104px;

    left: 168px;

}



.sec_inner4 .event_ul li:nth-of-type(3){

    position: absolute;

    top: 62px;

    left: 497px;

}



.sec_inner4 .event_ul li:nth-of-type(4){

    position: absolute;

    top: 91px;

    left: 842px;

}

.sec_inner4 .event_ul li:nth-of-type(5){

    position: absolute;

    top: 0px;

    right: 0px;

}





.sec_inner5 .culture_ul{

    justify-content: space-between;

}

.sec_inner5 .culture_ul li{

    width: 167px;

    color: #000;

    text-align: center;

}

.sec_inner5 .culture_ul li h4{

    font-weight: 700;

    line-height: 38px;

    font-size: 18px;



}

.sec_inner5 .culture_ul li p{

    text-align: center;

    line-height: 20px;

}

/*主营业务-解决方案*/

.major{
    text-align: center;

}
.major .nav_menu{
    margin-bottom: 20px;
    justify-content: center;
}
.major .nav_menu li{
    margin: 0 15px;

}
.major .nav_menu li a{
    font-size: 16px;
    padding: 5px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
}
.major .nav_menu li a.on{
    background: #438ad2;
    color: #fff;
    border: 1px solid #438ad2;
}
.plan_con{

    padding: 25px 0 0;

}

.major_title1{

    font-size: 24px;

    color: #438ad2;

    padding-bottom: 15px;

    font-weight: 700;

}

.major_title2{

    font-size: 16px;

    line-height: 25px;

    color: #438ad2;

    padding-bottom: 20px;

    font-weight: 700;
    text-align: left;

}

.major .info_bot{

    margin-bottom: 25px;

}

.major .info p{

   /* text-align: center;*/

}

.proTable{

    margin: 0 auto;

}

.proTable_bot{

    margin-bottom: 25px;

}

.proTable thead th{

    background: #438ad2;

    color: #fff;

    border: 1px solid #438ad2;

}

.proTable thead th,

.proTable tbody td{

    padding: 9px 50px;

}

.proTable tbody td{

    border: 1px solid #cdcdcd;

}

.major .plan2 ul{



}

.major .plan2 ul li{

    float: left;

    width: 23.16%;

    margin-right: 2.45%;

}

.major .plan2 ul li:nth-of-type(4n){

    margin-right: 0;

}

.major .plan2 ul li .img_con{

    position: relative;

}

.major .plan2 ul li .img_con .plan_amplify{

    width: 33px;

    height: 33px;

    background: url(../images/plan_amplify.jpg) no-repeat center center;

    position: absolute;

    bottom: 1px;

    right: 1px;

}

.major .plan2 ul li img{

    width: 100%;

}

.major .plan2 ul li h5{

    line-height: 25px;

    padding: 15px 0 20px;

}

.plan_img_con{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

    display: none;

}

.plan_img_con .img_con{

    position: relative;

    width: 880px;

    margin: 18% auto;

}

.plan_img_con .img_con img{

    width: 100%;

}

.plan_img_con .close2{

    position: absolute;

    top: -50px;

    right: -45px;

    width: 47px;

    height: 45px;

    background: url(../images/close2.png) no-repeat center center;

}

.plan_img_con.on{

    display: block;

}

/*技术服务*/

.major .info_w70{
    margin: 0 auto 25px;

}

.major .serve_con{

    padding: 75px 0;

}
.serve1_img img{
    max-width: 45%;
}


.serve1 .info_book p{
    text-align: center;
    font-size: 15px;

}



.major .serve2{

    background: url(../images/serve2_bg.jpg) no-repeat center center;

    background-size: cover;

}

.serve_con .major_title1{

    padding-bottom: 35px;

}

.major .serve2 ul{

    justify-content: center;

}

.major .serve2 li{

    float: left;

    width: 20%;

    padding: 0 4%;

}



.major .serve2 li h5{

    font-size: 50px;

    color: #438ad2;

}

.major .serve2 li h6{

    font-size: 18px;

    color: #438ad2;

    padding: 8px 0 12px;

    font-weight: 700;

}

.major .serve2 li .info p{

    text-align: center;

}

.major .serve2 li .info a{

    color: #ebad64;

    text-decoration: underline;

}

.serve3_img{

    position: relative;

}

.serve3_ul{

    top: 0;

    height: 286px;

    width: 100%;

    position: absolute;

}

.serve3_ul li{

    position: absolute;

    font-size: 16px;

    color: #438ad2;

    line-height: 26px;

}

.serve3_ul li:nth-of-type(1){

    top: 57px;

    right: calc(50% + 95px);

}

.serve3_ul li:nth-of-type(2){

    top: 155px;

    right: calc(50% + 95px);

}

.serve3_ul li:nth-of-type(3){

    top: 57px;

    left: calc(50% + 95px);

}

.serve3_ul li:nth-of-type(4){

    top: 155px;

    left: calc(50% + 95px);

}



.serve3_ul li span{

    position: relative;

}

.serve3_ul li:nth-of-type(1) span,

.serve3_ul li:nth-of-type(2) span{

    padding-right: 135px;

}

.serve3_ul li:nth-of-type(3) span,

.serve3_ul li:nth-of-type(4) span{

    padding-left: 135px;

}

.serve3_ul li span:after{

    content: "";

    display: block;

    width: 115px;

    height: 1px;

    background: #438ad2;

    position: absolute;

    top: 14px;



}

.serve3_ul li:nth-of-type(1) span:after,

.serve3_ul li:nth-of-type(2) span:after{

    right: 0;

}

.serve3_ul li:nth-of-type(3) span:after,

.serve3_ul li:nth-of-type(4) span:after{

    left: 0;

}



.serve3_ul li:nth-of-type(1) img,

.serve3_ul li:nth-of-type(2) img{

    float: right;

    position: relative;

    top: -6px;

}

.serve3_ul li:nth-of-type(3) img{

    position: relative;

    top: -27px;

}

.serve4{

    background: url(../images/jingpin_bg.jpg) no-repeat center center;

    background-size: cover;

}

.serve4 .serve4_ul li{

    float: left;

    width: 22.9%;

    margin-right: 2.8%;

}

.serve4 .serve4_ul li:nth-of-type(4n){

    margin-right: 0;

}

.serve4 .serve4_ul li .img_con{

    width: 100%;

    padding-top: 61%;

    position: relative;

    background-size: cover !important;

}

.serve4 .serve4_ul li .img_con .mark{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: rgba(255,255,255,.3);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.serve4 .serve4_ul li .img_con:hover .mark{

    opacity: 1;

}

.serve4 .serve4_ul li .img_con .mark:after{

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 35px;

    height: 35px;

    background: url(../images/lookinfo.png) no-repeat center center;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.serve4 .serve4_ul li h6{

    font-size: 16px;

    text-align: center;

    line-height: 55px;

}



.more_con{

    text-align: center;

    padding-top: 25px;

}



.more_con a{

    padding: 14px 58px;

    color: #fff;

    background: #438ad2;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px;

    font-size: 16px;

}



.major .serve_con.serve1{

    padding-top: 25px;

}

.pro_list.banner4_info{

    display: block;

    padding: 20px 0 50px;

}

/*分页结构*/

.pageing {

    text-align: center;

}

.JZD_PAGE_GONG,

.JZD_PAGE_ZONGSHU,

.JZD_PAGE_TIAOJILU,

.JZD_PAGE_YECI,

.JZD_PAGE_DANGQIANYE,

.JZD_PAGE_XIEGANG,

.JZD_PAGE_ZHONGYE,

.JZD_PAGE_ZHUANGDAO,

.JZD_PAGE_SELECT,

.JZD_PAGE_SELECT_YE,

.JZD_PAGE_YE{

    display: none;

}

/*施工资质*/

.water_honor{

    padding: 30px 0 40px;

    justify-content: center;

}

.water_honor li{

    width: 400px;

    padding: 0 20px;

}

.water_honor li img{

    width: 100%;

}

.water_honor li h5{

    line-height: 50px;

    text-align: center;

}

/*施工技术*/

.water .skill .water_title1{

    font-size: 24px;

    color: #438ad2;

    padding-bottom: 18px;

}

.water .skill .water_title2{

    font-size: 16px;

    color: #438ad2;

    padding-bottom: 20px;

    padding-top: 40px;

}

.water .skill_ul{

    

}

.water .skill_ul li{

    float: left;

    padding: 0 45px 0 100px;

    position: relative;

}

.water .skill_ul li img{

    position: absolute;

    top: 0px;

    left: 0;

}

.water .skill .info16{

    font-size: 16px;

}

.water .skill_ul .info16{

    padding-top: 5px;

}

.water .skill .info_undrline{

    padding: 25px 0 70px;

    text-decoration: underline;

}

.water .skill .info_line30 p{

    line-height: 30px;

}

/*新闻中心*/

.new{

    padding-bottom: 70px;

}

.new .trade_ul{

    padding: 30px 0 50px;

}



.new .trade_ul li{

    padding: 30px;

    border-bottom: 1px solid #dcdcdc;

}

.new .trade_ul li a{

    width: 100%;

}

.new .trade_ul li .time{

    width: 115px;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 15px;

    padding-top: 17px;

}

.new .trade_ul li .time span{

    color: #7d7d7d;

    padding-left: 8px;

}



.new .trade_ul li .img_con{

    width: 180px;

    height: 120px;

}

.new .trade_ul li .img_con img{

    width: 100%;

    height: 100%;

}

.new .trade_ul li .info_con{

    width: calc(100% - 115px - 180px);

    padding-left: 40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.new .search_ul{

    margin-bottom: 50px;

}

.new .search_ul li{

    border-bottom: 1px solid #ccc;

    padding: 10px 0 20px;



}

.new .search_ul li h4,

.new .trade_ul li .info_con h4{

    font-size: 18px;

    line-height: 30px;

    margin: 10px 0;

}

.new .search_ul li .info,

.new .trade_ul li .info_con .info{

    color: #7d7d7d;

    height: 50px;

}

.new .trade_ul li:hover{

    background: #f7f7f8;

    border-bottom: 1px solid #f7f7f8;

}

.new .search_ul li:hover h4,

.new .trade_ul li:hover .info_con h4{

    color: #438ad2;

}

.new .trade_ul li:hover .info_con .info{

    color: #535353;

}

/*新闻单页*/

.newpage{

    

}

.newpage .left{

    width: calc(100% - 280px);

    padding-right: 60px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.newpage .left>h4{

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

}

.newpage .left .time{

    padding: 24px 0;

}

.newpage .left .time span{

    color: #7d7d7d;

    padding-left: 8px;

}



.newpage .left .info{

    color: #7d7d7d;

}

.newpage .left .info p{

    margin-bottom: 20px;

}

.newpage .newnext{

    margin-top: 40px;

    color: #000;

}

.newpage .newnext .prve{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 48%;

    padding-left: 27px;

    background: url(../images/new_prve.png) no-repeat center left;

}

.newpage .newnext .next{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 48%;

    padding-right: 27px;

    text-align: right;

    background: url(../images/new_next.png) no-repeat center right;

}

.newpage .newnext span{

    display: block;

    padding-bottom: 5px;



}











.newpage .right{

    width: 280px;

}



.newpage .right .right_top{

    padding: 15px 15px;

    background: #f7f7f9;

}

.newpage .right h5{

    padding: 12px 0 17px;

    margin-bottom: 17px;

    border-bottom: 2px solid #438ad2;

    font-size: 18px;

    font-weight: 700;

    color: #000000;

}

.newpage .right .right_ul1{



}

.newpage .right .right_ul1 li a{

    line-height: 20px;

}

.newpage .right .right_ul1 li a:hover{

    color: #438ad2;

}

.newpage .right .right_ul1 li{

    padding-bottom: 15px;

}



.newpage .right .right_ul2{

    padding-top: 15px;

}

.newpage .right .right_ul2 li a img,

.newpage .right .right_ul2 li a{

    width: 100%;

    position: relative;

}

.newpage .right .right_ul2 li h6{

    line-height: 40px;

    padding: 0 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #438ad2;

    color: #fff;

}



.infor_ul{

    padding-bottom: 40px;

}



.infor_ul li{

    position: relative;

}



.infor_ul li a{

    line-height: 54px;

    height: 54px;

    position: relative;

    width: 100%;

    padding-right: 90px;

    padding-left: 13px;

    border-bottom: 1px solid #dcdcdc;

    color: #000;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.infor_ul li a:hover{

    color: #438ad2;

}

.infor_ul li a:before{

    position: absolute;

    content: "";

    display: block;

    top: calc(50% - 2px);

    left: 0;

    background: #438ad2;

    width: 4px;

    height: 4px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.infor_ul li a .time{

    position: absolute;

    right: 0;

    color: #535353;



}

/*业绩展示*/

.case{

    padding: 30px 0 80px;

}

.case .case_ul{



}

.case_ul li{

    float: left;

    width: 31.67%;

    margin-right: 2.495%;

    margin-bottom: 2.495%;

}

.case_ul li:nth-of-type(3n){

    margin-right: 0;

}



.case_ul li .img_con{

    width: 100%;

    padding-top: 65.78%;

    position: relative;
    background-size:  cover !important;

}

.case_ul li .img_con .mark{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.5);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #fff;

}
.case_ul li .img_con .mark .description{
    position: absolute;
    bottom: 15px;
    line-height: 25px;
    padding: 0 10px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.case_ul li .img_con:hover .mark{

    opacity: 1;

}

/*.case_ul li .img_con .mark:after{

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 35px;

    height: 35px;

    background: url(../images/lookinfo.png) no-repeat center center;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}*/

.case_ul li>h5{

    font-size: 18px;

    color: #000;

    line-height: 25px;

    text-align: center;

    line-height: 55px;

    height: 55px;

}

/*项目详情页*/

.case_page{



}

.case_page .gallery-top2{



}



.case_page .gallery-top2 .swiper-slide{

    width: 100%;

    padding-top: 50%;

    background-size: cover !important;

}

.case_page .gallery-thumbs2{

    margin: 10px 0;

}

.case_page .gallery-thumbs2 .swiper-slide{

    height: 115px;

    opacity: .3;

    background-size: cover !important;

}



.case_page .gallery-thumbs2 .swiper-slide-thumb-active{

    opacity: 1;



}

.case_page .gallery-top3{

    margin-top: 30px;

}

.case_page .gallery-top3 .swiper-slide{

    background: #fff;

    opacity: 0 !important;

}

.case_page .gallery-top3 .swiper-slide-active{

    opacity: 1 !important;

}

.case_page .gallery-top3 .swiper-slide>h5{

    width: 240px;

    color: #448ad2;

    font-size: 18px;

    padding-right: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.case_page .gallery-top3 .swiper-slide .info{

    width: calc(100% - 240px);

    color: #000;

}

/*人力资源*/

.join{

    background: #fff;

    padding: 30px 0 80px;

}



.join .join1_img{

    text-align: center;

}

.join .join1_img img{

    width: 100%;

}



/*人才招聘*/

.advertiseList{

    margin-bottom: 20px;

}



.advertiseList li{

    border-bottom: 1px solid #bfbfbf;

    padding: 17px 0 0px;

}

.advertiseList li .title1{

    font-size: 16px;

    font-weight: 700;

    padding-left: 20px;

    margin-bottom: 15px;

    position: relative;

}

.advertiseList li .title1:after{

    position: absolute;

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    background: #448ad2;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    top: 5px;

    lefT: 1px;

}

.advertiseList li .info_p{

    padding-left: 20px;

    padding-bottom: 20px;



}

.advertiseList li .info_p i{

    margin-right: 100px;

}

.advertiseList li .info_p a{

    padding: 6px 14px 6px 34px;

    position: relative;

    border: 1px solid #448ad2;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    color: #448ad2;

    margin-top: -12px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;



}

.advertiseList li .info_p a:after{

    position: absolute;

    content: "";

    display: block;

    width: 0px;

    height: 0px;

    border: 4px solid transparent;

    border-top: 4px solid #448ad2;

    top: 12px;

    lefT: 13px;

}

.advertiseList li .info{

    padding: 15px 20px;

    background: #f3f3f3;

    display: none;

    margin-bottom: 20px;

}



.advertiseList li.on{

    border-bottom: 1px solid #448ad2;

}

.advertiseList li a:hover,

.advertiseList li.on a{

    background: #ebad64;

    color: #fff;

    border: 1px solid #ebad64;

}

.advertiseList li a:hover:after,

.advertiseList li.on a:after{

    border-top: 4px solid #fff;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    top: 8px;

}

.advertise_info{



}

.advertise_info h5{

    font-size: 18px;

    font-weight: 700;

    color: #448ad2;

    padding-top: 35px;

    padding-bottom: 12px;

}

.advertise_info ul li{

    line-height: 30px;

    font-size: 16px;

}



.advertise_info ul span {

    height: 30px;

    width: 100px;

    text-align: justify;

    display: inline-block;

    overflow: hidden;

    vertical-align: top;

    font-weight: 700;

    color: #448ad2;

}



.advertise_info ul i{

    width: 100%;

    height: 0;

    display: block;

}

/*下载中心*/



.down{

    padding: 30px 0 80px;

}



.down_ul{

    

}

.down_ul li{

    padding: 35px 20px;

    background: #f7f7f8;

    float: left;

    width: 31.25%;

    margin-right: 3.125%;

    margin-bottom: 3.125%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.down_ul li:nth-of-type(3n){

    margin-right: 0;

}

.down_ul li a{

    position: relative;

    width: 100%;

    padding-right: 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



}

.down_ul li a h6{

    font-size: 18px;

    line-height: 25px;

    color: #000;

    font-weight: 600;

}

.down_ul li a p{

    line-height: 25px;

    color: #000;

    padding-top: 10px;

}

.down_ul li a:after{

    position: absolute;

    content: "";

    display: block;

    width: 26px;

    height: 26px;

    background: url(../images/down_icon.png) no-repeat center center;

    top: 0;

    right: 0;

}

.down_ul li:hover a h6{

    color: #448ad2;

}



/*联系我们*/

.contact{

    padding-top: 30px;

}

.contact_title{

    padding-bottom: 40px;

    font-size: 38px;

    text-align: center;

    color: #000;

}

.contact .lianxi{

    position: relative;

    height: 600px;

    border: 1px solid #ddd;

}



.contact #map{

    width: 100%;

    height: 100%;



}

.contact .lianxi .info_ul{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(67, 138, 210, .85);

    padding: 20px;

    color: #fff;

    justify-content: space-between;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



}

.contact .lianxi .info_ul li{

    padding: 0 10px 0 62px;

}

.contact .lianxi .info_ul li p{

    line-height: 25px;

}

.contact .lianxi .info_ul li.add{

    background: url(../images/contact01.png) no-repeat center left;

}

.contact .lianxi .info_ul li.phone{

    background: url(../images/contact02.png) no-repeat center left;

}



.contact .lianxi .info_ul li.fax{

    background: url(../images/contact03.png) no-repeat center left;

}



.contact .lianxi .info_ul li.code{

    background: url(../images/contact04.png) no-repeat center left;

}



.contact .lianxi .info_ul li.email{

    background: url(../images/contact05.png) no-repeat center left;

}











.contact .liuyan{

    padding: 80px 0 80px;

}

.contact .liuyan_ul{



}



.contact .liuyan_ul li{

    width: 32%;

    float: left;

    margin-right: 2%;

    padding-bottom: 20px;

}

.contact .liuyan_ul li span{

    width: 40px;

    float: left;

    line-height: 40px;

}

.contact .liuyan_ul li:nth-of-type(3){

    margin-right: 0;

}

.contact .liuyan_ul li input{

    width: calc(100% - 40px);

    border: none;

    background: #f7f7f8;

    padding: 12px 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.contact .liuyan_ul li:nth-of-type(4){

    width: 100%;

}

.contact .liuyan_ul li textarea{

    width: calc(100% - 40px);

    border: none;

    background: #f7f7f8;

    padding: 12px 10px;

    line-height: 25px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.contact .submit_box{

    text-align: center;

    padding-top: 20px;

}

.contact .submit_box input{

    padding: 12px 45px;

    color: #fff;

    background: #ebad64;

    margin: 0 10px;

}

.contact .submit_box input.submit{

    background: #448ad2;

}

@media screen and (max-width: 1680px) {

    .w1 {

        width: 1200px;

        margin: 0 auto;

    }

    .banner1 .banner03 .banner1_cen {

        top: 58%;

    }

    .banner2_con .left .left_con{

        width: 600px;

        padding-right: 40px;

    }

    .banner2_con .left .banner2_left .swiper-button-next {

        height: 122px;

        top: 32px;

    }

    .banner2_con .left2 .left2_con {

        width: 600px;

        font-size: 20px;

        padding-right: 40px;

    }

    .banner3 .banner3_title .gallery-thumbs2 li .info_con {

        padding-left: 8%;

        padding-right: 35px;

        padding-top: 14px;

    }

    .banner3 .banner3_title .gallery-thumbs2 li h5 {

        font-size: 20px;

        padding-bottom: 8px;

    }



    .banner3 .swiper-pagination-fraction {

        bottom: 100px;

        right: calc(20% + 55px);

    }

    .banner3 .swiper-button-next {

        bottom: 103px;

        right: calc(20% + 35px);

    }

    .banner3 .swiper-button-prev {

        bottom: 103px;

        right: calc(20% + 105px);

    }

    .banner3 .lookcase {

        padding: 20px 0 0 35px;

    }

    .banner4_info li {
        height: 142px;
        padding: 27px 27px 27px 120px;

    }

    .banner4_info li .img_con {

        width: 110px;

        height: 110px;

    }





    .nav{

        height: 130px;

        padding-top: 30px;

    }

    .banner4, .banner2, .banner3 {

        padding-top: 130px;

    }













}

@media screen and (max-width: 1500px) {







}





@media screen and (max-width: 1366px) {

    .left_box {

        left: 20px;

    }

    .banner_container.swiper-container-vertical>.swiper-pagination-bullets {

        right: 20px;

    }

    .nav{

        height: 110px;

        padding-top: 25px;

    }

    .banner03 .img1,

    .banner02 .img1,

    .banner01 .img1 {

        height: 60px;

    }

    .banner1 .banner1_cen p {

        padding: 30px 0 45px;

        font-size: 20px;

    }

    .banner1 .banner03 .banner1_cen {

        padding-bottom: 300px;

    }

    .banner4, .banner2, .banner3 {

        padding-top: 110px;

    }

    .banner2_con .left h4 {

        font-size: 34px;

        padding-bottom: 7px;

    }

    .banner2_con .left h5 {

        font-size: 18px;

        padding-bottom: 30px;

    }

    .banner2_con .left .banner2_left {

        padding: 10px 43px 30px 0;

    }

    .banner2_con .right ul {

        padding: 120px 20px 0 20px;

    }

    .banner2_con .right li h5 {

        font-size: 44px;

    }

    .banner2_con .right li h5 i {

        top: -22px;

    }

    .banner2_con .left2 .left2_con {

        font-size: 18px;

        padding-top: 36px;

    }

    .banner4_con .title {

        padding: 45px 0 20px;

    }

    .banner4_info {

        padding-top: 40px;

    }



    .banner4_info li {
        height: 113px;
        padding: 15px 15px 15px 100px;

        margin-bottom: 2%;

    }
    .banner4_info {
        padding-top: 20px;
    }
    .banner4_info li h5 {

        font-size: 16px;

        margin-bottom: 10px;
        height: 18px;
        line-height: 18px;
        overflow: hidden;
    }
    .bt_a{
        display: none;
    }
    .banner4_info li .img_con {

        width: 90px;

        height: 90px;

        top: 6px;

    }

    .prolists .lookPro a {

        padding: 10px 26px;

    }

    .banner4 .copy {

        line-height: 50px;

    }

    .banner4 .copy dl dd:after {

        top: 19px;

    }

    .banner2_con .left2 {

        height: 100px;

    }



















}

@media screen and (max-width: 1280px) {

    .w,

    .w1{

        width: 1000px;

    }

    .banner2_con .left2 .left2_con,

    .banner2_con .left .left_con {

        width: 500px;

    }

    .banner2_con .right li p {

        line-height: 20px;

    }

    .sec_inner {

        padding: 50px 0;

    }

    .sec_inner.sec_inner1 {

        padding-top: 0px;

    }

    .sec_inner1 h4 {

        font-size: 32px;

        padding-top: 30px;

    }

    .sec_inner1 h5 {

        font-size: 18px;

        line-height: 45px;

    }

    .sec_inner3 .honor_ul li img {

        height: 266px;

    }

    .sec_inner3 .honor_ul li {

        padding-bottom: 10px;

    }





    .sec_inner4 .event_ul li:nth-of-type(3) {

        left: 421px;

    }

    .sec_inner4 .event_ul li:nth-of-type(4) {

        left: 654px;

    }

    .major .serve_con {

        padding: 50px 0;

    }

    .serve4 .serve4_ul li h6 {

        font-size: 14px;

    }

    .water_honor li {

        width: 340px;

    }

    .new .trade_ul {

        padding: 0px 0 30px;

    }

    .new {

        padding-bottom: 40px;

    }

    .new .trade_ul li .info_con {

        padding-left: 25px;

    }

    .case_page .gallery-thumbs2 .swiper-slide{

        height: 90px;

    }



    .join {

        padding: 30px 0 50px;

    }

    .down {

        padding: 0px 0 50px;

    }

    .down_ul li {

        padding: 25px 15px;

    }

    .down_ul li a {

        padding-right: 60px;

    }

    .contact {

        padding-top: 0px;

    }



    .contact .liuyan {

        padding: 50px 0 50px;

    }

    .contact_title {

        padding-bottom: 30px;

        font-size: 30px;

    }

    .contact .lianxi {

        height: 500px;

    }

    .contact .lianxi .info_ul li {

        padding: 0 10px 0 55px;

    }

    .banner2_con .left .banner2_left .swiper-button-next {

        height: 98px;

        top: 32px;

    }

















}









/*移动端*/

@media screen and (max-width: 900px) {

    .w1,

    .w {

        margin: 0;

        width: auto;

        padding: 0 15px;



    }

    .nav .logo {

        width: 175px;

        height: 36px;

        background-size: 100% 100% !important;

    }
    .nav .menu ul{
        float: right;
    }
    .nav .menu ul li {

        float: left;

        position: relative;

        display: none;

    }

    .nav .menu ul li:last-of-type{

        display: block;

    }

    .nav .menu ul li.menu_icon a {

        height: 36px;

        width: 40px;

        padding: 0;

        background: url(../images/menu_icon1.png) no-repeat center right;

    }

    .nav.navwhite .menu ul li.menu_icon a {

        background: url(../images/menu_icon.png) no-repeat center right;

    }

    .nav.innernav {

        height: 60px;

        padding-top: 13px;

    }
    .banner1 .banner01{
        background: url(../images/mbanner1_01_bg.jpg) no-repeat center center !important;
        background-size: cover !important;
    }
    .banner1 .banner02{
        background: url(../images/mbanner1_02_bg.jpg) no-repeat center center !important;
        background-size: cover !important;
    }
    .banner1 .banner04{
        background: url(../images/mbanner1_04_bg.jpg) no-repeat center center !important;
        background-size: cover !important;
    }
    .banner03 .img1, .banner02 .img1, .banner01 .img1 {

        height: auto;

        width: 80%;

    }

    .banner04 .img1{

        height: 40px;

    }

    .banner1 .banner03 .banner1_cen {

        top: 63%;

    }

    .banner1_title {

        display: none;

    }



    .banner1 .banner1_cen p {

        font-size: 16px;

        width: 80%;

        margin-left: 10%;

        line-height: 22px;

    }



    .left_box{

        display: none;

    }

    .nav {

        height: 80px;

        padding-top: 23px;

    }

    .banner4, .banner2, .banner3 {

        padding-top: 80px;

    }



    .banner2_con .left {

        width: 100%;

        height: 70%;

    }

    .banner2_con .right {

        width: 100%;

        height: 30%;

    }

    .banner2_con .left .left_con {

        width: 100%;

        padding: 0px 15px;

        top: calc(50% - 20px);

    }

    .banner2_con .left2 {

        height: 40px;

    }

    .banner2_con .left2 .left2_con{

        font-size: 14px;

        width: 100%;

        padding: 12px 15px 0;

    }

    .banner2_con .left2 .left2_con a {

        width: 20px;

        height: 20px;

        background-size: cover;

        position: relative;

        top: -2px;

    }

    .banner2_con .left .banner2_left {

        display: none;

    }

.banner2 .lookmore{

    margin-top: 40px;

}

    .banner2_con .right ul {

        padding: 45px 5px 0 5px;

    }



    .banner2_con .right li h5 {

        font-size: 30px;

        padding-bottom: 5px;



    }

    .banner2_con .right li h5 i {

        top: -20px;

        font-size: 12px;

    }

    .banner3 .lookcase {

        padding: 20px 0 0 10px;

    }

    .banner4_con .title {

        padding: 35px 0 30px;

    }



    .banner4_info li {

        padding: 10px 10px 10px 100px;

        width: 100%;

        margin-right: 0;

        height: 100px;
        /*display: none;
        margin-bottom: 5%;*/

    }

    .banner4_info li:nth-of-type(1),

    .banner4_info li:nth-of-type(2){

        display: block;

    }

    .banner4_info li .img_con {

        left: -10px;

        top: 2px;

    }

    .banner4_info {

        padding-top: 30px;

    }

    .banner4 .copy p{

        line-height: 20px;

    }

    .banner4 .copy p a{

        display: none;

    }

    /*全屏导航*/

    .menu_box{

     /*   background: -ms-linear-gradient(to bottom,#036eb8, #0052a3);

        background: -webkit-linear-gradient(to bottom,#036eb8, #0052a3);

        background: -o-linear-gradient(to bottom,#036eb8, #0052a3);

        background: -moz-linear-gradient(to bottom,#036eb8, #0052a3);

        background: linear-gradient(to bottom,#036eb8, #0052a3);*/

    }

    .menu_box .logo {

        width: 175px;

        height: 36px;

        background-size: 100% 100% !important;

    }

    .menu_box .top_nav {

        padding-top: 20px;

    }

    .menu_box .top_nav ul li:first-of-type{

        display: none;

    }

    .menu_box .top_nav ul li.menu_icon a {

        height: 36px;

    }



    .menu_box .menu_ul {

        position: static;

        width: 100%;

        height: calc(100% - 130px);

        overflow: auto;

        -webkit-transform: translateY(20px);

        -moz-transform: translateY(20px);

        -ms-transform: translateY(20px);

        -o-transform: translateY(20px);

        transform: translateY(20px);

    }

    .menu_box .menu_ul ul {

        display: block;

    }

    .menu_box .menu_ul ul>li {

        width: 100%;

        border-bottom: 1px solid #eee;

        padding: 20px 0;

    }

    .menu_box .copy{

        bottom: 15px;

    }

    .menu_box .copy p{

        display: none;

    }

    .banner_container.swiper-container-vertical>.swiper-pagination-bullets {

        right: 5px;

    }

    .banner_container.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

        width: 6px;

        height: 6px;

        margin: 15px 0;

    }



    .crumbs .left a.index_a {

        padding: 0 10px 0 0px;

    }

    .crumbs .left a {

        padding: 0 10px;

    }

    .crumbs .left a:last-of-type {

        margin-right: 10px;

    }

    .crumbs .left {

        line-height: 40px;

    }

    .crumbs .left a:after {

        top: 18px;

    }

    .inner .inner_img{

        top: 50%;

    }

    .inner>img {

        height: 150px;

    }

    .inner_img img{

        width: 100%;

    }

    .crumbs {

        top: 0;

    }

    .sec_inner {

        padding: 35px 0;

    }

    .sec_inner.sec_inner1 {

        padding-top: 35px;

    }

    .sec_inner1 h4 {

        font-size: 25px;

        padding-top: 30px;

    }

    .sec_inner1 h5 {

        font-size: 16px;

    }

    .sec_inner1 .about_container {

        width: 100%;

    }



    .sec_inner2{

        overflow-y: auto;

    }



    .sec_inner2 img{

        width: auto;

        height: 400px;

    }



    .sec_title {

        font-size: 22px;

        padding-bottom: 20px;

    }

    .sec_inner3 .honor_ul li {

        width: 48%;

        margin-right: 4%;

        padding-bottom: 10px;

    }

    .sec_inner3 .honor_ul li img {

        height: auto;

    }

    .sec_inner3 .honor_ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .sec_inner3 .honor_ul li h4 {

        line-height: 35px;

        font-size: 12px;

    }





    .sec_inner4 .event_ul {

        height: auto;

    }



    .sec_inner4 .event_ul li {

        width: 100%;

        position: static !important;

        margin-bottom: 20px;

    }

    .sec_inner4 .event_ul li .title {

        width: 80px;

        height: 80px;

    }

    .sec_inner4 .event_ul li .title i {

        font-size: 18px;

        letter-spacing: 5px;

        padding-top: 17px;

        padding-left: 5px;

        padding-bottom: 8px;

    }

    .sec_inner4 .event_ul li .title span {

        font-size: 14px;

    }



    .sec_inner5 .culture_ul {

        flex-wrap: wrap;

    }

    .sec_inner5 .culture_ul li {

        width: 50%;

        margin-bottom: 15px;

    }



    .sec_inner5 .culture_ul li img{

        width: 80%;

    }

    .sec_inner5 .culture_ul li h4 {

        line-height: 34px;

        font-size: 16px;

    }

    .footer.copy {

        line-height: 40px;

        font-size: 12px;

    }



    .footer.copy dl dd:after {

        height: 11px;

        top: 15px;

    }

    .plan_con {

        padding: 25px 0 10px;

    }

    .major .info_bot {

        margin-bottom: 15px;

    }

    .proTable_bot {

        margin-bottom: 15px;

    }

    .major_title1 {

        font-size: 20px;

        padding-bottom: 15px;

    }

    .proTable thead th, .proTable tbody td {

        padding: 7px 10px;

    }

    .major_title2 {

        font-size: 15px;

        padding-bottom: 10px;

    }

    .major .plan2 ul li {

        width: 48%;

        margin-right: 4%;

    }

    .major .plan2 ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .plan_img_con .img_con {

        width: 100%;

        margin: 65% auto 0;

    }

    .plan_img_con .close2 {

        right: 3px;

    }

    .major .info_w70 {

        width: 100%;

        margin: 0 auto 15px;

    }



    .serve_con .major_title1 {

        padding-bottom: 15px;

    }



    .major .serve2 ul {

        flex-wrap: wrap;

    }



    .major .serve2 li {

        width: 100%;

        padding: 0 0 15px;

    }

    .major .serve2 li h5 {

        font-size: 26px;

    }

    .major .serve2 li h6 {

        font-size: 15px;

        padding: 6px 0 5px;

    }

    .serve3_ul {

        height: auto;

        position: static;

    }

    .serve3_ul li {

        position: static;

        color: #000;

        text-align: left;

        margin: 25px 0;

    }

    .serve3_ul li:nth-of-type(1) img, .serve3_ul li:nth-of-type(2) img {

        float: none;

        top: 0;

    }

    .serve3_ul li:nth-of-type(1) span, .serve3_ul li:nth-of-type(2) span{

        padding-right: 0;

        padding-left: 50px;

    }

    .serve3_ul li:nth-of-type(3) span, .serve3_ul li:nth-of-type(4) span {

        padding-left: 50px;

    }

    .serve3_ul li span:after {

        width: 35px;

        top: 14px;

    }

    .serve3_ul li:nth-of-type(1) span:after, .serve3_ul li:nth-of-type(2) span:after {

        right: auto;

        left: 0;

    }

    .serve3_img>img{

        display: none;

    }

    .serve4 .serve4_ul li {

        width: 48%;

        margin-right: 4%;

    }



    .serve4 .serve4_ul li:nth-of-type(2n){

        margin-right: 0;

    }



    .serve4 .serve4_ul li h6 {

        line-height: 20px;

        padding: 10px 0 20px;

    }

    .more_con {

        padding-top: 5px;

    }

    .more_con a {

        padding: 8px 35px;

        font-size: 14px;

    }

    .pro_list.banner4_info {

        padding: 40px 0 40px;

    }

    .water_honor {

        padding: 30px 0 40px;

        flex-wrap: wrap;

    }

    .water_honor li h5 {

        line-height: 25px;

        padding: 10px 0;

    }

    .water_honor li {

        padding: 0 15px;

        width: 100%;

    }

    .water .skill{

        padding-top: 30px;

    }

    .water .skill .water_title1 {

        font-size: 20px;

        padding-bottom: 15px;

    }

    .water .skill .water_title2 {

        padding-bottom: 15px;

        padding-top: 20px;

    }

    .water .skill_ul li {

        width: 100%;

        padding: 10px 0 10px 95px;

    }



    .water .skill_ul li img {

        top: 10px;

    }

    .water .skill .info_undrline {

        padding: 20px 0 40px;

    }

    .new .trade_ul {

        padding: 30px 0 30px;

    }

    .new .trade_ul li {

        padding: 20px 15px;

    }



  /*  .new .trade_ul li .time {

        width: 100%;

        border-bottom: none;

        padding-bottom: 5px;

        padding-top: 0px;

    }*/

    .new .trade_ul li .info_con {

        padding-left: 0;

        width: 100%;

        padding-top: 10px;

    }

    .new .trade_ul li .info_con h4 {

        font-size: 16px;

        line-height: 22px;

        margin: 5px 0;

    }

    .newpage .left {

        width: 100%;

        padding-right: 0;

        padding-top: 30px;

    }



    .newpage .left>h4 {

        font-size: 16px;

        line-height: 26px;

    }



    .newpage .left .time {

        padding: 18px 0;

    }

    .newpage .newnext {

        display: none;

    }

    .newpage .right {

        width: 100%;

        margin-top: 20px;

    }

    .infor_ul {

        padding-bottom: 30px;

        padding-top: 30px;

    }

    .infor_ul li a {

        line-height: 35px;

        height: 39px;

    }

    .case {

        padding: 30px 0 40px;

    }

    .case_ul li {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 4%;

    }

    .case_ul li:nth-of-type(3n) {

        margin-right: 4%;

    }

    .case_ul li:nth-of-type(2n) {

        margin-right: 0;

    }

    .case_ul li>h5 {

        font-size: 14px;

        line-height: 37px;

        height: 37px;

    }



    .case_page .gallery-thumbs2 .swiper-slide {

        height: 30px;

    }

    .case_page .gallery-top3 .swiper-slide>h5 {

        width: 100%;

        font-size: 16px;

        padding-right: 0;

        padding-bottom: 15px;

    }

    .case_page .gallery-top3 .swiper-slide .info {

        width: 100%;

    }

    .join  {
        overflow-x: auto;
        padding: 30px 0 40px;

    }

    .advertiseList li {

        padding: 12px 0 0px;

    }

    .advertiseList li .title1 {

        font-size: 15px;

        margin-bottom: 8px;

    }

    .advertiseList li .info_p i {

        margin-right: 0;

        display: block;

        line-height: 20px;

    }

    .advertiseList li .info_p a {

        margin-top: -29px;

    }

    .advertise_info ul li {

        line-height: 25px;

        font-size: 14px;

    }

    .advertise_info ul span {

        height: 25px;

        width: 85px;

    }

    .down {

        padding: 30px 0 50px;

    }



    .down_ul {

        padding-bottom: 20px;

    }

    .down_ul li {

        width: 100%;

        padding: 20px 15px;

    }

    .down_ul li a h6 {

        font-size: 16px;

    }

    .contact {

        padding-top: 30px;

    }

    .contact_title {

        padding-bottom: 20px;

        font-size: 22px;

    }

    .contact .lianxi {

        height: auto;

    }

    .contact #map {

        height: 300px;

    }

    .contact .lianxi .info_ul {

        position: static;

        padding: 20px 15px;

        flex-wrap: wrap;

        margin-top: 20px;



    }

    .contact .lianxi .info_ul li {

        padding: 9px 0px 9px 60px;

        width: 100%;

    }

    .contact .liuyan_ul li {

        width: 100%;

        margin-right: 0;

        padding-bottom: 10px;

    }



    .contact .liuyan_ul li input {

        padding: 10px 10px;

    }

    .contact .liuyan_ul li span {

        line-height: 36px;

    }

    .contact .submit_box input {

        padding: 7px 34px;

        margin: 0 6px;

    }

    .footer.copy dl{

        display: none;

    }
    .major .nav_menu {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .major .nav_menu li a {
        font-size: 14px;
        padding: 4px 15px;
    }
.serve1_img img{
    width: 100%;
}





}



@media screen and (max-width: 320px) {

    .w {

        margin: 0;

        width: auto;

        padding: 0 10px;

    }

    .new .trade_ul li .time {

        width: 90px;

    }

}