@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;}

.header_bg{background: #0b0a09; width: 100%; height: auto; overflow: hidden;}
.header_con{width: 1600px; overflow: hidden; height: auto; margin: 15px auto; }
.logo {
    float: left;
    width: 310px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.se_box{ display: inline-block; background: #eeeeee; width: 194px; height: 36px; border-radius: 18px; margin-top: 10px; float: right;}
.se_box input[type='text']{ margin-left: 10px;border: none;background: #eeeeee; line-height: 30px; float: left; margin-top: 4px; }
.se_box input[type='submit']{ background: url("../images/se_but.jpg") no-repeat; width: 19px; height: 19px; border:none; float: right; margin-right: 8px; margin-top: 8px;}

.nav_list{text-align: justify; margin-right: 35px; width: 888px; display: inline-block; float: right;}
.nav_list .menu_item {padding:19px 19px 18px 19px; display: inline-block; font-size: 16px; color: #fff; margin: 0 15px; }
.nav_list .menu_item:hover,.nav_list .menu_item.active{border-bottom: 2px solid #fff; }

/*banner*/
.ban_swi{ float: none; position: relative;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff; opacity: 1;}
.ban_swi .swiper-pagination-bullet-active{ background: #f7ab00;  border-radius: 6px; }
.ban_swi .bnr,.ban_swi .bnl{width: 62px; height: 62px; background: none; position: initial; display: inline-block; margin-right: 32px;}

.fix{width: 1600px;position: absolute; left: 0;right: 0;bottom: 34px; text-align: right; margin: 0 auto;z-index: 99;}
.in_con_bg{ background: url("../images/iinc_bg.jpg") center no-repeat; background-size: cover; height: auto; overflow: hidden; padding-bottom: 125px;}
.in_con{ width: 1600px; margin: 113px auto 120px auto;height: auto; overflow: hidden;}
.in_con .left{ width: 390px;}
.in_con .left .t1{ font-size: 30px; color: #fff;}
.in_con .left .ten{font-size: 22px; color: #fff; margin: 25px auto; text-transform: uppercase;}
.in_con .left .desc{ font-size: 16px; line-height: 29px; color: #fff; margin: 35px auto 105px auto}
.in_con .left .more{border: 1px solid #fff; border-radius: 25px; line-height: 48px; color: #fff; font-size: 16px; text-align: center; width: 217px; display: block;}
.in_con .right{width: 1065px; text-align: justify;}
.in_con .right li{display: inline-block; position: relative;    overflow: hidden;width:32%}
.in_con .right li img,.pro_item img{    transition: all .4s;}
.in_con .right li:hover img,.pro_item:hover 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);}
.in_con .right li p{ color: #fff; font-size: 16px;text-indent: 2em; line-height: 65px; background: rgba(0,0,0,.6);position: absolute; width: 100%; bottom: 0;}

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

.oth-menu{ text-align: center;}
.oth-menu ul{margin: 44px auto 30px;}
.oth-menu li{display: inline-block; text-align: center; font-size: 16px; color: #000; margin: 0 90px; padding-bottom: 18px;}
.oth-menu li a{color: #000;}
.oth-menu .oth-act,.oth-menu li:hover{ border-bottom:3px solid #000; }

.oth_con_bg{background: url("../images/iinc_bg.jpg") center no-repeat; background-size: cover; height: auto; overflow: hidden; padding-bottom: 125px;}
.oth_con{ width: 1600px; margin: 55px auto 122px; height: auto; overflow: hidden;}
.oth_con .left{ width: 46.25%;}
.oth_con .left img{width: 100%;}
.oth_con .right{width: 53.75%; height: auto; overflow: hidden;}

.oth_con .right .a1{ margin-top: 110px; font-size: 41px;  text-align: center; color: #fff;}
.oth_con .right .a2{font-size: 13px; text-align: center; color: #fff; text-transform: uppercase; margin: 20px auto 35px;}
.oth_con .right .desc {
    font-size: 16px;
    line-height: 41px;
    text-align: left;
    color: #fff;
    width: 90%;
    float: right;
}

.pro_con{width: 1600px; margin: 50px auto 25px;  text-align: justify; height: auto; overflow: hidden;}
.pro_item {
    width: 509px;
    height: 328px;
    float: left;
    position: relative;
    margin-bottom: 37px;
    overflow: hidden;
    margin-right: 35px;
}
.pro_item:nth-child(3n){margin-right: 0;}
.pro_item p{ font-size: 16px; text-align: center; color: #fff; line-height: 50px; position: absolute; background: rgba(0,0,0,.4);width: 100%; bottom: 0;}

.art_list{width: 1600px; margin: 50px  auto; height: auto;overflow: hidden;}
.art_item{width: 1600px; height: auto; overflow: hidden; margin-bottom: 39px;  padding: 17px 107px 17px 17px; background: #2e2e2e ;     transition: all .4s;}
.art_item .left{max-width:405px;}
.art_item:hover{background: #565656 ; }
.a_con{width: 1010px;background: url("../images/item_bg.png") right bottom no-repeat; }
.a_tt{font-size: 20px;color: #fff; margin-top: 50px;width: 688px;}
.a_desc{font-size: 16px; line-height: 32px; color: #818181; margin-top: 30px;width: 688px;}

.msg_tt{ margin: 60px auto 22px;}

.cn{ font-size: 30px; color: #fff; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #fff; margin-top: 10px;}

.ct_list{ text-align: justify;}
.ct_item{border: 1px solid #535353; width: 508px; height: 224px; display: inline-block; text-align: center;    vertical-align: text-bottom;}
.ct_item img{margin-top: 38px;}
.ct_item p{color: #adadad; font-size: 16px; margin: 25px auto 0;width:95%;}

.cont_msg{width: 1600px;margin: 0 auto;}
.join_f{background: #2e2e2e;padding: 40px 45px;}
.j_inp input,.join_f select{width: 47%;height: 48px;border: none;padding-left: 20px;font-size: 16px; background: #898989; color: #fff;}
.j_inp input:nth-child(even){float: right;}
.j_inp input::placeholder,.join_f textarea::placeholder{color: #fff; font-size: 16px;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: none;padding-left: 20px;padding-top: 15px;background: #898989; color: #fff;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #8a0205;color: white;font-size: 18px;}

body{position: relative;}
.foot{width: 100%; border-top: 1px solid #0f0f0f; padding: 45px 0 35px; height: auto; overflow: hidden; position: absolute; bottom: 0;}

.foot_con{width: 1600px;  margin: 0 auto; font-size: 14px; color: #9d9d9d; line-height: 26px;}
.foot_con a{ color: #9d9d9d; }
.foot_con .ewm{text-align: center;}













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

.ny{ margin-top: 40px;}



.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%;}

.content{ color: #fff;font-size: 16px; line-height: 25px;}
.honnor .pro_item{    width: 232px;}
.honnor  .pro_item:nth-child(3n){ margin-right: 35px;}
.honnor  .pro_item:nth-child(6n){ margin-right: 0;}

@media only screen and (max-width: 1680px) {
 body{zoom: 0.875;}
}
@media only screen and (max-width: 1600px) {
    body{zoom: 0.83;}
    .se_box{width: 200px;}
#toolbar{zoom: 1.2;}
#toolbar li.ewm .ewm-box img{    width: 100%;}
}
@media only screen and (max-width: 1440px) {
    body{zoom: 0.75;}
    .nav_list{width: 900px;}
    .se_box input[type='text']{width: 150px;}
}

@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-default{
        background: #000;
    }
    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
    height: 25px;
    margin-top: 7px;
}
    .ban_swi .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .se_bg{min-width: 100%;}
    .left,.right{ float: none;height: auto;
        overflow: hidden;}



    .contact .nr{width: 95%;}
    .cont_tit {
        font-size: 18px;
        padding-left: 45px;
        margin-bottom: 20px;
    }

    .cont_tit:before {
        width: 30px;
        top: 10px;
    }

    .cont_bt p {
        font-size: 13px;
        line-height: 23px;
    }

    .contact_tb tr td:first-child {
        font-size: 14px;
        width: 85px;
    }

    .contact_tb tr td {
        padding: 15px 0;
    }

    .contact_tb tr td:nth-child(2n) {
        font-size: 14px;
        line-height: 23px;
    }

    .contact_tb {
        margin-top: 25px;
        margin-bottom: 50px;
    }
    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,.map{width: 100%;}
    .join_f{ padding: 25px 2.5%; width: 100%;}
    .oth_con_bg{ padding-bottom: 206px;}

    .in_con{width: 95%; margin: 35px auto 25px;}
    .in_con .left .t1{font-size: 24px;}
    .in_con .left .ten{font-size: 18px; margin: 15px auto; }
    .in_con .left .desc{ margin: 15px auto 35px;}
    .in_con .left .more{ line-height: 24px; font-size: 14px; width: 120px; margin-bottom: 25px;}
    .in_con .right{width: 100%; float: none; margin: 0 auto 45px;}
    .in_con .right li{width: 32%;}
    .in_con .right li p{ line-height: 35px; font-size: 14px;}
    .foot_con{width: 95%;}
    .foot_con .right{ text-align: center;}
    .oth-menu ul{margin:5px auto 15px auto ;}
    .oth-menu li{width: 44%; text-align: center; font-size: 16px; padding:10px 0; margin: 0 10px;    border-bottom: 3px solid transparent;}
    .oth_con{width: 95%;margin: 55px auto 0;}
    .oth_con .left{width: 100%;}
    .oth_con .right{width: 100%;}
    .oth_con .right .a1{ margin-top: 35px; font-size: 24px;}
    .pro_con{width: 95%;}
    .pro_item{    width: 100%;
height: auto;}
    .pro_item p{font-size: 14px;line-height: 24px;}
    .art_list{width: 95%; margin: 25px auto;}
    .art_item{width: 100%; padding: 1.5%;}
    .art_item .left{width: 30%; float: left;}
    .a_con{ background: none; width: 66%; float: right;}
    .a_tt{width: 100%; font-size: 14px; margin: 2% 0 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .a_desc{width: 100%;  font-size: 12px; margin-top: 5px; line-height: 18px;    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .ct_item{width: 100%; padding: 15px 0 15px; margin-bottom: 15px;}
    .msg_tt{ margin-top: 20px;}
    .cn{font-size: 24px;}

.honnor .pro_item{ width:48.5%;    margin-right: 3%;}
.honnor .pro_item:nth-child(3n){ margin-right: 3%;}
.honnor .pro_item:nth-child(2n) {
    margin-right: 0;
}
.content iframe{    width: 100%;
    height: 220px;}



}