@charset "UTF-8";



.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}

.top{width: 1400px; margin: 0 auto; padding: 25px 0 30px; height: auto; overflow: hidden;}
.top .logo{float: left;}
.top .logo img{max-height: 51px;}
.top_tel{ float: right; width: 228px; height: 51px;}
.top_tel .left{ display: flex; align-items: center; height: 100%; }
.top_tel .right{font-size: 16px; color: #131313;}
.top_tel .right p{ font-size: 24px; color: #023e48; font-weight: bold;}
.top_menu_bg{ width: 100%; height: 58px; background: #49b0c1;}
.top_menu{width: 1400px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.top_menu .menu_item{display: block;height: 100%;font-size: 16px;position: relative;flex-grow: 1;text-align: center;}
.menu_item a{width: 100%;height: 100%;color: #fff;padding: 0;line-height: 57px;display: block;width: 100%;}
.menu_item.active a,.menu_item:hover a{ background: #b5dee5; color: #033740;}


.dl_menu{ position: absolute; top: 57px; z-index: 999;     width: 100%; height: auto; overflow: hidden; background: #fff; text-align: center; padding: 5px 0 5px; left:0; display: none; }
.dl_menu li{ line-height: 32px;margin-bottom: 5px;}
.menu_item .dl_menu a{color: #0f1f29;    padding: 0 5px;    line-height: 32px;}
.menu_item.active .dl_menu a, .menu_item:hover .dl_menu a{ font-size: 14px;   background: #fff;}
.menu_item:hover .dl_menu{display: block;}
.menu_item .dl_menu li:hover a{    background: #b5dee5;}


/*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 14px; height: 14px; background: #fff; opacity: 1; }
.ban_swi .swiper-pagination-bullet-active{ background: #49b0c1;  }

.in_abt_bg{ width: 100%; height: auto;  overflow: hidden; margin: 95px auto 80px; background: url("../images/inab_bg.jpg") center bottom no-repeat;}
.in_about{ width: 1400px; height: auto; overflow: hidden; margin: 0 auto; position: relative}
.in_about .left{width: 495px; ;}
.in_about .right{ margin-bottom: 78px; width: 835px;}
.in_about .left .con{margin-top: 55px; color: #666666; line-height: 40px; font-size: 16px;}
.in_about .left .more1{ position: absolute; bottom: 36px;}

.cn{ text-align: center; font-size: 40px; color: #131313;}
.en{font-size: 20px; color: #959595; text-align: center; text-transform: uppercase;}

.pro_list{width: 1400px; margin: 50px auto 90px; height: auto; overflow: hidden; }
.pro_item{ float: left;  width: 337px; margin-right: 17px;}
.pro_list .pro_item:nth-child(4n){ margin-right: 0;}
.pro_item .p_m{ border-radius: 10px; overflow: hidden;}
.pro_item p{font-size: 18px; color: #131313; text-align: center; margin-top: 25px;}

.case_bg{ background: #f5f5f5; height: auto; overflow: hidden; padding: 90px 0 165px;}
.case_con{width: 1400px; height: auto; overflow: hidden; margin: 0 auto ;}
.case_con .swiper-wrapper{width: 1400px; margin: 0 auto;}
.case_con .case_item{ border: 6px solid #fff;}
.case_con .case_item .c_m{height: 245px;text-align: center;}
.case_con .case_item .c_m img{max-height:100%; max-width:100%; }
.in_calist{width: 1552px; height: auto; overflow: hidden; position: relative;  margin: 75px auto 0;}
.in_calist .swiper-button-prev::after, .in_calist .swiper-button-next::after{ display: none;}
.in_calist .swiper-button-prev, .in_calist .swiper-button-next{ width: 48px; height: 48px; outline: none;}

.in_news{width: 100%; height: auto; overflow: hidden; padding: 95px 0 90px;}
.in_news_list{width: 1400px; margin: 70px auto;}
.in_news_list .nlr{ padding-top: 10px; width: 640px;}

.nll{ width: 662px; height: auto; overflow: hidden;}
.ncat{ padding-bottom: 24px; background: url("../images/da-bg.jpg") bottom repeat-x;}
.ncat a{ font-size: 18px; color: #5a5a5a; font-weight: bold;}
.ncat a.active{color: #49b0c1;}
.ncat span{ margin: 0 50px;}

.dlist{ margin-top: 12px;}
.dn_item{ padding: 20px 0;background: url("../images/da-bg.jpg") bottom repeat-x; height: auto; overflow: hidden;}
.dn_item .left{ width: 81px; height: 81px; text-align: center; color: #fff; background: #50c091; font-size: 16px;}
.dn_item .left p{ margin-top:9px; font-size: 18px; }
.dn_item .left p::after{ display: block; width: 36px; height: 1px; content: ""; background: #fff; margin: 7px auto 9px;}
.dn_item .right{width: 550px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #787878; margin-top: 15px;}
.dn_item .right p{ font-size: 18px; margin-bottom: 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{width: 100%;}


.c_nav{ text-align: center; font-size: 0; margin: 49px auto 0;}
.c_nav li{display: inline-block; width: 220px; line-height: 49px; color: #131313; background: #dbdbdb; text-align: center; font-size: 18px; margin-right: 47px;}
.c_nav li p{ color: #131313;}
.c_nav li.active,.c_nav li:hover{ background: #49b0c1;}
.c_nav li.active p,.c_nav li:hover p{ color: #ffff;}
.c_nav li:last-child{ margin-right: 0;}

.about_con{width: 1400px; margin: 127px auto 155px; height: auto; overflow: hidden;}
.about_con .left{ width: 780px; margin-top: 80px;  font-size: 16px; line-height: 40px; color: #666;}
.about_con .right{ width: 534px;}

.cp_t{ margin: 70px auto 0; padding-bottom: 38px; width: 1400px; font-size: 20px; color: #131313; border-bottom: 1px solid #eaeaea; text-align: center;}
.oth_pro{ margin-bottom:  15px;}
.oth_pro .pro_item{ margin-bottom: 35px;}

.zl_con{width: 1400px; margin: 78px auto 90px; height: auto; overflow: hidden;}
.zl_con .right{width: 1024px;}
.zl_con .left{ width: 345px;}
.zl_con .left h3{ font-size: 26px; font-weight: bold;}
.zl_con .left h3::after{ display: block; margin-top: 25px; content: ""; width: 119px; height: 4px; background: #49b0c1; margin-bottom: 35px;}
.zl_con .left .txt{ font-size: 16px; color: #5c5c5c; line-height: 36px;}

.zl_con2{width: 1400px; margin: 0 auto 90px; height: auto; overflow: hidden;}
.zl_con2 .left{width: 752px;}
.zl_con2 .right{ width: 604px;}
.zl_con2 .right h3{ font-size: 26px; font-weight: bold;}
.zl_con2 .right h3::after{ display: block; margin-top: 25px; content: ""; width: 119px; height: 4px; background: #49b0c1; margin-bottom: 35px;}
.zl_con2 .right .txt{ font-size: 16px; color: #5c5c5c; line-height: 36px; margin-top: 90px;}

.oth_case{width: 1400px; height: auto; overflow: hidden; margin: 64px auto 50px; font-size: 0;}
.case_itemo{ width: 370px; margin-right: 145px; height: auto; overflow: hidden; display: inline-block; vertical-align: top;margin-bottom: 65px; }
.oth_case .case_itemo:nth-child(3n){ margin-right: 0;}
.case_itemo p{ font-size: 18px; line-height: 44px; color: #fff; text-align: center; background: #49b0c1;}
.case_itemo .c_m{    height: 277px;
    text-align: center;
    border: 1px solid #ccc;}
.case_itemo .c_m img{ max-height: 100%;max-width: 100%; }

.news_listo{width: 1400px; margin: 50px auto;height: auto; overflow: hidden; }
.no_item{ padding: 25px 0 29px; border-bottom: 1px solid #e3e3e3; width: 100%; height: auto;overflow: hidden;}
.no_item .left{ width: 370px; height: 252px; position: relative; transition: all 0.3s; }
.no_item .left .n_m{overflow: hidden;}
.no_item .left img{transition: all 0.3s;}
.no_item .right{ width: 865px; margin-right: 50px;}
.no_item .right .n_tt{font-size: 20px; color: #333; margin-top: 55px;}
.no_item .right .ncc{ font-size: 16px; color: #818181; margin-top: 26px;}
.no_item .left p{ position: absolute; width: 86px; height: 86px; line-height: 85px; font-size: 26px; background: #49b0c1; color: #fff; z-index: 1; top: 0; right: -52px; text-align: center;transition: all 0.3s;}
.no_item:hover .left{overflow: hidden;}
.no_item:hover .left img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.no_item:hover .left p{right: 0;}

.c_list{width: 1400px; text-align: justify;  margin: 55px auto 55px;}
.c_ite{ display: inline-block; height: 225px; width:444px; background: url("../images/cbg1.jpg") center no-repeat;vertical-align: middle; text-align: center; font-size: 16px; color: #fff;}
.c_ite img{ margin-top: 40px;}
.c_ite p{ margin-top: 15px; line-height: 37px;}

.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 615px;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding-left: 20px;padding-top: 15px; font-size: 16px;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #49b0c1;color: white;font-size: 18px;}

.cont_msg{width: 1400px; margin: 20px auto 80px;}

.foot_bg{ padding:30px 0 45px;  background: #242424; height: auto; overflow: hidden; }
.foot_con{width: 1400px; margin: 0 auto; height: auto; overflow: hidden;}
.dot_menu{width: 1400px; font-size: 0; padding-bottom: 20px; border-bottom: 1px solid #3e3e3e;}
.dot_menu .dm_item{display: inline-block; padding: 0 20px; font-size: 14px; color: #a9a9a9; }
.dot_menu  span{margin:0 50px; display: inline-block; font-size: 16px;}
.dcont{ margin-top: 35px; font-size: 14px; color: #a9a9a9;}
.dcont .left,.dcont .right{width: 50%; }
.dcont p{ margin-bottom: 15px;}
.dcont a{ font-size: 14px; color: #a9a9a9;}
.dcont .right{ text-align: right;}

.oth_content{ margin: 50px auto 80px; height: auto; overflow: hidden; width: 1400px; line-height: 28px; color: #131313; font-size: 16px;}




    /*
    分页
     */
.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
.Pagination .current{color: white;}
.Pagination .current{background: #49b0c1;border-color: #49b0c1;}
.Pagination a{color: #666666;font-size: 12px;}

.ny{ margin-top: 40px;}
.nabouts{width: 1300px; margin: 30px auto 0; max-width: 1600px;}



.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}






@media only screen and (max-width: 1600px) {
	body{zoom:0.95;}
}


@media only screen and (max-width: 1440px) {
	body{zoom:0.85;}
}




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

body{zoom:1;}
    div {
        min-width: initial;
    }

    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 35px;
    }

    .top{width: 95%; padding: 10px 0 15px;}
    .top_tel{display: none;}
    .top_menu_bg{display: none;}
    .navbar-brand{display: none;}
    .in_abt_bg{    margin: 25px auto 30px; width: 100%;}
    .in_about{ width: 100%;}
    .in_about .left{width: 95%; margin: 0 auto; float: none;}
    .in_about .left img{ width: 150px;}
    .in_about .left .con{ margin-top: 0; font-size: 14px; line-height: 24px; margin-bottom: 20px;}
    .in_about .right{width: 95%; margin: 0 auto 78px; float: none;}
    .in_about .left .more1{ bottom: 25px; width: 115px;}
    .cn{ font-size: 22px;}
    .en{font-size: 16px;}

    .pro_list{    margin: 20px auto 25px; width: 95%;}
    .pro_item{ width: 48.5%; margin-right: 3%; margin-bottom: 20px;}
    .pro_item:nth-child(2n){ margin-right: 0;}
    .pro_item p{ margin-top: 5px; font-size: 14px;}
    .zj{display: none;}
    .case_bg{    padding: 25px 0 25px;}
    .in_calist{width: 100%; margin-top: 25px;}
    .case_con{width: 85%;}
    .in_news{padding: 30px 0 35px;}
    .in_news_list{ height: auto; overflow: hidden;margin: 25px auto; width: 95%;}
    .ncat span{ margin: 0 15px;}
    .ncat{width: 100%;padding-bottom: 10px}
    .nll{width: 100%;}
    .dn_item .left{display: none;}
    .dn_item .right{width: 100%;}
    .in_news_list .nlr{width: 100%;}
    .dn_item{ padding: 10px 0;}
    .dot_menu{ display: none;}
    .foot_con{ width: 95%}
    .dcont .left, .dcont .right{width: 100%;}
    .dcont{ height: auto; overflow: hidden; margin-top: 0;}

    .dcont p{ margin-bottom: 0;}
    .dcont .right{text-align: left;}

    .c_nav{margin-top: 35px; width: 95%;}
    .c_nav li{width: 30%; margin-right: 5%; font-size: 15px; line-height: 32px;}
    .c_nav li:nth-child(3n){margin-right: 0;}
    .about_con{width: 95%; margin: 25px auto 35px;}
    .about_con .left{width: 100%; font-size: 14px; line-height: 22px; margin: 0;}
    .about_con .right{width: 100%; }
    .cp_t{display: none;}
    .nabouts{width: 95%;}
    .npros_right h3{font-size: 18px;}
    .zl_con{width: 95%;margin: 25px auto 35px;}
    .zl_con .left h3{font-size: 20px;}
    .zl_con .left h3::after{ height: 1px; margin-top: 10px; margin-bottom: 15px;}
    .zl_con .left .txt{font-size: 14px; line-height: 22px;}
    .zl_con .left{width: 100%;}
    .zl_con .right{width: 100%;}
    .zl_con2{width: 95%;}
    .zl_con2 .left,.zl_con2 .right{width: 100%;}
    .zl_con2 .right .txt{ margin-top: 15px; font-size: 14px; line-height: 22px;}

    .oth_content{width: 95%; margin: 30px auto 35px;    text-align: justify;}
    .oth_case{width: 95%;}
    .case_itemo{ width: 100%;margin-bottom: 25px}

    .news_listo{width: 95%; margin: 30px auto 35px;}
    .no_item .left{display: none;}
    .no_item .right{width: 100%; margin: 0;}
    .no_item{    padding: 15px 0 19px;}

    .no_item .right .n_tt{font-size: 16px; margin-top: 0;}
    .no_item .right .ncc{font-size: 14px; margin-top: 10px;    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .c_list{width: 95%;margin: 25px auto 30px;}
    .c_ite{width: 100%;}

    join_f, .join_zc, .join_ban {
        padding: 15px;
    }

    .j_inp input, .join_f select {
        width: 100%;
        height: 40px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .b_cent input {
        height: 40px;
        font-size: 14px;
        width: 120px;
    }

    .b_cent {
        margin-top: 0;
    }

    .join_f textarea {
        margin-bottom: 15px;
    }
    .cont_msg{width: 95%;}
    .join_f{ padding: 25px 2.5%; width: 100%;}


.navbar-default .navbar-toggle .icon-bar{    background-color: #fff;}
.navbar-default .navbar-toggle{    border-color: #fff;}
.navbar-default{    background-color: #49b0c1;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #49b0c1;}
.navbar-default .navbar-nav>li>a{    color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
.mb-tel{margin-left: 5%;
    display: flex;
    font-size: 18px;
    line-height: 50px;
    color: #fff;}



    .container-fluid{    position: relative;}
    .navbar-default .navbar-collapse{    position: absolute;
        width: 100%;
        background: rgb(73, 176, 193);z-index:999;}



.pro_cate li{width: 47.5%;    margin-bottom: 10px;}
.pro_cate li:nth-child(3n){margin-right:5%;}

.pro_cate li:nth-child(2n){margin-right:0;}









}