/* 公共样式 */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    font-size: 14px;
    color: #333333;
}

a {
    font-size: 14px;
    color: #333333;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    margin-top: 0;
}

img {
    max-width: 100%;
}
/* 首页开始 */
/* pc端nav */
.pc_nav{
    margin-left:65px;
    margin-right:65px;
    display:flex;
    justify-content: space-between;
    height:76px;
}
.pc_nav_left{
    width:152px;
    text-align: center;
}
/* ------------ */
.pc_nav_center{
    transition:all 5s;
}
.pc_nav_center>ul{
    display:flex;
}
.pc_nav_center>ul>li{
    line-height:72px;
    
}
.pc_nav_center>ul>li:not(:first-child){
    margin-left:40px;
}
.pc_nav_center>ul>li>a{
    font-size:16px;
}
.active_nav_pc{
    border-bottom:2px solid #088BE9;
}
.active_nav_pc>a{
    color:#088BE9;
}
.pc_nav_center>ul>li:hover{
    border-bottom:2px solid #088BE9;
}
.pc_nav_center>ul>li:hover>a{
    color:#088BE9;
}
/* ------------- */
.pc_nav_right>ul{
    display: flex;
}
.language{
    position: relative;
    line-height:76px;
}
.language>a{
    display:inline-block;
    margin-left:15px;
}
.language>i{
    display:inline-block;
    height:25px;
    width:1px;
    background-color:#eee;
    position: relative;
    top:5px;
}
.language>ul{
    position: absolute;
    background-color:#fff;
    padding-top:10px;
    padding-bottom:10px;
    display:none;
    z-index:999;
}
.language>ul>li{
    padding-left:20px;
    padding-right:20px;
    line-height:35px;
}
.language>ul>li>a:hover{
    color:#088BE9;
    text-decoration: underline;
}
/* search */
.search_li{
    margin-top:15px;
    position: relative;
    margin-right:15px;

}
.search_box{
	position: absolute;
    right: 0px;
	border: 1px solid #fff;
	transition: all 0.3s;
	border-radius: 3px;
    width: 40px;
    height:40px;
	background: #fff;
	overflow: hidden;
}
.search_on .search_box{
	border: 1px solid #ddd;
}
.search_tijiao{
    height: 40px;
	width: 40px;
	background: url("../img/search.png") no-repeat center;
	border:none;
	cursor: pointer;
    position: absolute;
    left:0px;
    top:0px;
}
.search_icon{
	height: 40px;
	width: 40px;
	border:none;
	cursor: pointer;
    position: absolute;
    left:0px;
    top:0px;
}
.search_text{
	border: none;
    height: 40px;
    width: 240px;
	position: absolute;
	left: 40px;
	top:0px;
	
}
.search_cha{
    display: inline-block;
    height: 40px;
	width: 40px;
	background: url("../img/cha.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    top:0px;
    left:280px;
}

/* 移动端nav */
.flex_nav{
    display:none;
}
.flex_nav_top{
    padding-left:15px;
    padding-right:30px;
    height:75px;
    border-bottom:1px solid #ddd;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.flex_nav_top>div:first-child{
    line-height:75px;
    text-align: center;
}
.flex_nav_top>div:first-child img{
    transform: scale(0.8);
}
.flex_nav>ul{
    padding-top:15px;
    padding-bottom:15px;
    display:none;
}
.flex_nav>ul>li>a{
    display:inline-block;
    height:40px;
    width:100%;
    line-height:40px;
    padding-left:15px;
    font-size:16px;
}
.active_nav_flex>a{
    color:#fff;
    background-color:#088BE9;
}
.flex_input{
    margin-left:15px;
    margin-top:10px;
    margin-bottom:10px;
}
.flex_input>form{
    position: relative;
}
.flex_input>form>input{
    border:1px solid #DDD;
    height:40px;
    width:250px;
    padding-right:35px;
}
.flex_input>form>button{
    position: absolute;
    left:215px;
    top:7px;
    width:25px;
    height:25px;
    background:url("../img/search.png") no-repeat center;
    border:none;
}
.flex_language{
    margin-left:15px;
}
.flex_language>a{
    display:inline !important;
    padding:0 !important;
}
@media (max-width:1199px){
    .pc_nav{
        display:none;
    }
    .flex_nav{
        display:block;
    }
}
/* banner */
#swiper1{
    line-height:0;
}
#swiper1 .swiper-slide>a{
    display:inline-block;
    height:766px;
    width:100%;
    position: relative;
    overflow: hidden;
}
#swiper1 .swiper-slide>a>img{
    position: absolute;
    left:50%;
    transform: translate(-50%,0);
    height:766px;
    width:1920px;
    max-width:1920px;
}
#swiper1 .swiper-pagination{
    bottom:45px;
}
#swiper1 .swiper-pagination>.swiper-pagination-bullet{
    width:15px;
    height:15px;
    background-color:#fff;
    opacity: 1;
    margin:0 10px;
}
#swiper1 .swiper-pagination>.swiper-pagination-bullet-active{
    background-color:#088BE9;
}
@media (max-width:1300px){
    #swiper1 .swiper-slide>a{
        display:inline-block;
        height:auto;
        width:100%;
        position: static;
        overflow: hidden;
    }
    #swiper1 .swiper-slide>a>img{
        position: static;
        left:0;
        transform: translate(0,0);
        height:auto;
        width:auto;
        max-width:100%;
    }
    #swiper1 .swiper-pagination{
        bottom:15px;
    }
    #swiper1 .swiper-pagination>.swiper-pagination-bullet{
        width:8px;
        height:8px;
        background-color:#fff;
        opacity: 1;
        margin:0 5px;
    }
    #swiper1 .swiper-pagination>.swiper-pagination-bullet-active{
        background-color:#088BE9;
    }
}
/* 产品分类 */
.index_pro_box{
    border-bottom:1px solid #ddd;
    padding-left:65px;
    padding-right:65px;
    display:flex;
}
.index_pro_box>div{
    height:195px;
    width:16.6%;
}
.index_pro_box>div>a{
    display:inline-block;
    width:100%;
    height:100%;
}
.index_pro_box>div>a>p:first-child{
    height:151px;
    line-height:151px;
    text-align: center;
}
.index_pro_box>div>a>p:nth-child(2){
    text-align: center;
    margin-top:5px;
    font-size:16px;
    color:#088BE9;
    font-weight:bold;
}
.index_pro_box>div:hover{
    background-color:#ECECEC;
}
@media (max-width:1199px){
    .index_pro_box{
        display:flex;
        flex-wrap: wrap;
        border:0px;
    }
    .index_pro_box>div{
        width:33.3%;
    }
}
@media (max-width:767px){
    .index_pro_box{
        padding-left:15px;
        padding-right:15px;
    }
    .index_pro_box>div{
        height:auto;
        width:50%;
    }
    .index_pro_box>div>a>p:nth-child(2){
        margin-top:5px;
        margin-bottom:15px;
    }

}
/* 公司简介 */
.index_about_box{
    margin-top:100px;
}
.index_about_title{
    text-align: center;
    border-bottom:1px solid #ddd;
}
.index_about_title>h3{
    font-size:30px;
    width:185px;
    height:48px;
    color:#fff;
    background-color:#088BE9;
    font-weight:bold;
    margin:auto;
    line-height:48px;
}
.index_about_title>p{
    margin-top:15px;
    margin-bottom:25px;
}
.index_about_title>span{
    display:inline-block;
    width:30px;
    height:4px;
    background-color:#088BE9;
    position: relative;
    top:4px;
}
/* ---------------- */
.index_about_con{
    margin-top:90px;
}

.index_about_left{
    position: relative;
    min-height:360px;
}
.index_about_left>div:first-child{
    position: absolute;
    left:94px;
}
.index_about_left>div:nth-child(2){
    position: absolute;
    left:280px;
}
.index_about_left>div:nth-child(3){
    position: absolute;
    left:0px;
    top:160px;
}
.index_about_left>div:nth-child(4){
    position: absolute;
    left:185px;
    top:160px;
}
.index_about_left>div:nth-child(5){
    position: absolute;
    left:370px;
    top:160px;
}
.index_about_left>div:first-child>p,
.index_about_left>div:nth-child(2)>p,
.index_about_left>div:nth-child(3)>p,
.index_about_left>div:nth-child(4)>p,
.index_about_left>div:nth-child(5)>p{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size:18px;
    font-weight:bold;
    color:#fff;
    background-color:rgba(0, 0, 0, 0.5);
    padding-top:10px;
    padding-bottom:10px;
}
.index_about_left>div{
    overflow: hidden;
}
.index_about_left>div>img{
    transition:all 0.5s;
}
.index_about_left>div:hover>img{
    transform: scale(1.1);
}
/* ----------- */
.index_about_right>h2{
    font-size:32px;
    font-weight:bold;
    margin-bottom:32px;
}
.index_about_right>p{
    text-indent:2em;
    font-size:16px;
    line-height:33px;
    color:#6F6F6F;
}
.index_about_right>a{
    display:inline-block;
    width:145px;
    height:40px;
    text-align: center;
    line-height:40px;
    border:1px solid #088BE9;
    color:#088BE9;
    margin-top:37px;
}
@media (max-width:1299px){
    .index_about_right>h2{
        font-size:32px;
        margin-bottom:20px;
    }
    .index_about_right>p{
        text-indent:2em;
        font-size:16px;
        line-height:28px;
        color:#6F6F6F;
    }
    .index_about_right>a{
        margin-top:20px;
    }
}
@media (max-width:1199px){
    .index_about_right>h2{
        margin-top:15px;
    }
}

@media (max-width:767px){
    .index_about_box{
        margin-top:50px;
    }
    .index_about_title>h3{
        font-size:28px;
    }
    .index_about_title>p{
        margin-top:15px;
        margin-bottom:15px;
    }
    /* ---------------- */
    .index_about_con{
        margin-top:50px;
    }
    .index_about_left{
        position: static;
        min-height:auto;
        text-align: center;
    }
    .index_about_left>div:not(:last-child){
        margin-bottom:20px;
    }
    .index_about_left>div:first-child{
        position: static;
        left:0;
    }
    .index_about_left>div:nth-child(2){
        position: static;
        left:0;
    }
    .index_about_left>div:nth-child(3){
        position: static;
        left:0px;
        top:0;
    }
    .index_about_left>div:nth-child(4){
        position: static;
        left:0;
        top:0;
    }
    .index_about_left>div:nth-child(5){
        position: static;
        left:0;
        top:0;
    }
    .index_about_left>div:first-child>p,
    .index_about_left>div:nth-child(2)>p,
    .index_about_left>div:nth-child(3)>p,
    .index_about_left>div:nth-child(4)>p,
    .index_about_left>div:nth-child(5)>p{
        position: static;
        top:0;
        left:0;
        width:100%;
        transform: translate(0,0);
        text-align: center;
        font-size:18px;
        font-weight:bold;
        color:#fff;
        background-color:rgba(0, 0, 0, 0.5);
        padding-top:10px;
        padding-bottom:10px;
    }
    .index_about_left>div>img{
        transition:all 0.5s;
    }
    .index_about_left>div:hover>img{
        transform: scale(1);
    }
    /* ----------- */
    .index_about_right>h2{
        font-size:28px;
        font-weight:bold;
        margin-bottom:15px;
        margin-top:30px;
    }
    .index_about_right>p{
        text-indent:2em;
        font-size:16px;
        line-height:26px;
    }
    .index_about_right>a{
        margin-top:15px;
    }
}
/* 图文结合部分 */
.index_mix_box{
    margin-top:80px;
    position: relative;
}
.index_tw_row>div:first-child{
    padding-right:4px;
}
.index_tw_row>div:nth-child(2){
    padding-left:4px;
}
/* --- */
.index_tw_div1{
    position: relative;
    background-color:rgba(0, 0, 0, 0.9);
    overflow: hidden;
    height:380px;
}
.index_tw_div1>div>img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);  
}
.index_tw_div1>div>p{
    position: absolute;
    top:70%;
    transform: translate(0,-70%); 
    font-size:24px;
    color:#fff;
    text-align: center;
    width:100%;
}
.index_tw_div1>img{
    transition:all 0.5s;
    height:100%;
}
.index_tw_div1:hover>img{
    transform: scale(1.2);
}
/* --- */
.index_tw_div2{
    margin-top:10px;
    display:flex;
    height:190px;
}

.index_tw_div2>div:first-child{
    width:282px;
    margin-right:8px;
    overflow: hidden;
}
.index_tw_div2>div:first-child>img{
    transition:all 0.5s;
    height:100%;
}
.index_tw_div2>div:first-child>img:hover{
    transform: scale(1.2);
}
.index_tw_div2>div:nth-child(2){
    width:360px;
    background-color:#1073AF;
    color:#fff;
    font-size:18px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding-left:30px;
    padding-right:30px;
}
.index_tw_div2>div:nth-child(2)>p:first-child{
    margin-bottom:30px;
}
/* ---- */
.index_tw_right1{
    display:flex;
    height:293px;
}
.index_tw_right1>div{
    width:50%;
}
.index_tw_right1>div:first-child{
    color:#fff;
    background-color:#16A088;
    display:flex;
    flex-direction: column;
    justify-content: center;
    font-size:18px;
    padding-left:20px;
    padding-right:20px;
}
.index_tw_right1>div:first-child>p:first-child{
    margin-bottom:30px;
}
.index_tw_right1>div:nth-child(2){
    position: relative;
    background-color:rgba(0, 0, 0, 0.9);
    overflow: hidden;
}
.index_tw_right1>div:nth-child(2)>div>img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);  
}
.index_tw_right1>div:nth-child(2)>div>p{
    position: absolute;
    top:72%;
    transform: translate(0,-72%); 
    font-size:24px;
    color:#fff;
    text-align: center;
    width:100%;
}
.index_tw_right1>div:nth-child(2)>img{
    transition:all 0.5s;
    width:100%;
    height:100%;
}
.index_tw_right1>div:nth-child(2):hover>img{
    transform: scale(1.2);
}
/* --- */
.index_tw_right2{
    margin-top:10px;
    display:flex;
    height:278px;
}
.index_tw_right2>div{
    height: 278px;
    overflow: hidden;
}
.index_tw_right2>div:first-child{
    position: relative;
    overflow: hidden;
    background-color:rgba(0, 0, 0, 0.9);
    margin-right:8px;
}
.index_tw_right2>div:first-child>div>img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);  
}
.index_tw_right2>div:first-child>div>p{
    position: absolute;
    top:72%;
    transform: translate(0,-72%); 
    font-size:24px;
    color:#fff;
    text-align: center;
    width:100%;
}
.index_tw_right2>div:first-child>img{
    transition:all 0.5s;
    width:100%;
    height:100%;
}
.index_tw_right2>div:first-child:hover>img{
    transform: scale(1.2);
}
.index_tw_right2>div:nth-child(2){
    overflow: hidden;
}
.index_tw_right2>div:nth-child(2)>img{
    transition:all 0.5s;
    height:100%;
    width:420px;
}
.index_tw_right2>div:nth-child(2)>img:hover{
    transform: scale(1.2);
}

@media (max-width:1199px){
    .index_mix_box{
        margin-top:50px;
    }
    .index_tw_row>div:first-child{
        padding-right:15px;
    }
    .index_tw_row>div:nth-child(2){
        padding-left:15px;
    }
    /* --- */
    .index_tw_div1{
        position: relative;
        background-color:rgba(0, 0, 0, 0.9);
        overflow: hidden;
        height:auto;
        text-align: center;
    }
    .index_tw_div1>img{
        transition:all 0.5s;
        height:auto;
    }
    .index_tw_div1:hover>img{
        transform: scale(1);
    }
    /* --- */
    .index_tw_div2{
        margin-top:10px;
        display:flex;
        height:auto;
        justify-content: center;
        margin-bottom:10px;
    }
    .index_tw_div2>div:first-child{
        width:auto;
        margin-right:8px;
        overflow: hidden;
    }
    .index_tw_div2>div:first-child>img{
        transition:all 0.5s;
        height:auto;
    }
    .index_tw_div2>div:first-child>img:hover{
        transform: scale(1);
    }
    .index_tw_div2>div:nth-child(2){
        width:auto;
        font-size:14px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding-left:5px;
        padding-right:5px;
    }
    .index_tw_div2>div:nth-child(2)>p:first-child{
        margin-bottom:0px;
    }
    /* ---- */
    .index_tw_right1{
        display:flex;
        height:auto;
        justify-content: center;
    }
    .index_tw_right1>div{
        width:50%;
    }
    .index_tw_right1>div:first-child{
        display:flex;
        flex-direction: column;
        justify-content: center;
        font-size:18px;
        padding-left:20px;
        padding-right:20px;
    }
    .index_tw_right1>div:first-child>p:first-child{
        margin-bottom:30px;
    }
    .index_tw_right1>div:nth-child(2)>div>img{
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);  
    }
    .index_tw_right1>div:nth-child(2)>div>p{
        position: absolute;
        top:70%;
        transform: translate(0,-70%); 
        font-size:24px;
        color:#fff;
        text-align: center;
        width:100%;
    }
    .index_tw_right1>div:nth-child(2)>img{
        transition:all 0.5s;
        width:100%;
        height:auto;
    }
    .index_tw_right1>div:nth-child(2):hover>img{
        transform: scale(1);
    }
    /* --- */
    .index_tw_right2{
        margin-top:10px;
        display:flex;
        height:auto;
        justify-content: center;
    }
    .index_tw_right2>div{
        height: auto;
        overflow: hidden;
    }
    .index_tw_right2>div:first-child{
        position: relative;
        overflow: hidden;
        background-color:rgba(0, 0, 0, 0.9);
        margin-right:8px;
    }
    .index_tw_right2>div:first-child>img{
        transition:all 0.5s;
        width:100%;
        height:auto;
    }
    .index_tw_right2>div:first-child:hover>img{
        transform: scale(1);
    }
    .index_tw_right2>div:nth-child(2){
        overflow: hidden;
    }
    .index_tw_right2>div:nth-child(2)>img{
        transition:all 0.5s;
        height:100%;
        width:auto;
    }
    .index_tw_right2>div:nth-child(2)>img:hover{
        
        transform: scale(1);
    }
}
@media (max-width:576px){
    .index_tw_right1>div:first-child{
        display:flex;
        flex-direction: column;
        justify-content: center;
        font-size:14px;
        padding-left:5px;
        padding-right:5px;
    }
    .index_tw_right1>div:first-child>p:first-child{
        margin-bottom:00px;
    }
    .index_tw_right1>div:nth-child(2)>div>img{
        position: absolute;
        left:50%;
        top:40%;
        transform: translate(-50%,-40%);  
    }
    .index_tw_right1>div:nth-child(2)>div>p{
        position: absolute;
        top:70%;
        transform: translate(0,-70%); 
        color:#fff;
        text-align: center;
        width:100%;
    }
    .index_tw_right2>div:first-child>div>img{
        position: absolute;
        left:50%;
        top:40%;
        transform: translate(-50%,-40%);  
    }
    .index_tw_right2>div:first-child>div>p{
        position: absolute;
        top:70%;
        transform: translate(0,-70%); 
        color:#fff;
        text-align: center;
        width:100%;
    }

}
@media (max-width:450px){
    .index_tw_div1>div>p{
        font-size:18px;
    }
    .index_tw_div1>div>img{
        position: absolute;
        left:50%;
        top:40%;
        transform: translate(-50%,-40%);  
    }
    .index_tw_div1>div>p{
        position: absolute;
        top:75%;
        transform: translate(0,-75%); 
        color:#fff;
        text-align: center;
        width:100%;
    }
    .index_tw_right1>div:nth-child(2)>div>img{
        position: absolute;
        left:50%;
        top:30%;
        transform: translate(-50%,-30%);  
    }
    .index_tw_right1>div:nth-child(2)>div>p{
        position: absolute;
        top:75%;
        transform: translate(0,-75%); 
        color:#fff;
        text-align: center;
        width:100%;
        font-size:18px;
    }
    .index_tw_right2>div:first-child>div>img{
        position: absolute;
        left:50%;
        top:35%;
        transform: translate(-50%,-35%);  
    }
    .index_tw_right2>div:first-child>div>p{
        position: absolute;
        top:80%;
        transform: translate(0,-80%); 
        font-size:18px;
        color:#fff;
        text-align: center;
        width:100%;
    }
}
/* 视频 */
.video_box{
    margin-top:55px;
}
.video_box video{
    max-width:100%;
}
@media (max-width:1199px){
    .video_box{
        margin-top:30px;
    }
}
/* 背景色 */
.bg_mix{
    width:100%;
    height:645px;
    background-color:#EBECEC;
    position: absolute;
    top:30%;
    transform: translate(0,-30%);
    z-index:-1;
}
@media (max-width:1199px){
    .bg_mix{
        display:none;
    }
}
/* 资质荣誉 */
.index_hounr_box{
    height:393px;
    margin-top:70px;
    margin-bottom:10px;
    background:url("../img/honour_bg.png") no-repeat center;
}
.index_honour_con{
    display:flex;
    justify-content: space-between;
}
.index_honour_left{
    width:470px;
    height:393px;
    background-color:rgba(47,148,213,0.6);
    position: relative;
    
}
.index_honour_left>div{
    position: absolute;
    top:50%;
    transform: translate(0,-50%);
    padding-left:60px;
    padding-right:45px;
    color:#fff;
}
.index_honour_left>div>h3{
    font-size:30px;
    margin-bottom:25px;
}
.index_honour_left>div>p{
    line-height:32px;
    margin-bottom:50px;
}
.index_honour_left>div>a{
    display:inline-block;
    width:100px;
    height:35px;
    line-height:35px;
    text-align: center;
    color:#fff;
    border:1px solid #fff;
    border-radius:5px;
}
.index_honour_right{
    align-self: flex-end;
}
@media (max-width:991px){
    .index_hounr_box{
        height:auto;
        margin-top:30px;    
    }
    .index_honour_left{
        width:470px;
        height:auto;
        position: relative;
        min-height:188px;    
    }
    .index_honour_left>div{
        position: absolute;
        top:50%;
        transform: translate(0,-50%);
        padding-left:15px;
        padding-right:15px;
        color:#fff;
    }
    .index_honour_left>div>h3{
        font-size:22px;
        margin-bottom:10px;
        margin-top:10px;
    }
    .index_honour_left>div>p{
        line-height:20px;
        margin-bottom:10px;
    }
    .index_honour_left>div>a{
        height:30px;
        line-height:30px;
    }
}
@media (max-width:767px){
    .index_hounr_box{
        height:393px;
        margin-top:30px;
        margin-bottom:10px;
        overflow: hidden;
    }
    .index_honour_con{
        display:flex;
        flex-direction: column;
        justify-content:center;
    }
    .index_honour_left{
        width:100%;
        height:auto;
        background-color:rgba(47,148,213,0.6);
        position: relative;
        
    }
    .index_honour_left>div{
        position: absolute;
        top:50%;
        transform: translate(0,-50%);
        padding-left:15px;
        padding-right:15px;
        color:#fff;
    }
    .index_honour_left>div>h3{
        font-size:22px;
        margin-bottom:10px;
        margin-top:10px;
    }
    .index_honour_left>div>p{
        line-height:20px;
        margin-bottom:10px;
    }
    .index_honour_left>div>a{
        height:30px;
        line-height:30px;
    }
}
@media (max-width:475px){
    .index_hounr_box{
        height:auto;

    }
}
/* foot */
.foot{
    height:180px;
    background-color:#2A323D;
    padding-left:65px;
    padding-right:65px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
}
.foot a{
    color:#fff;
}
.foot_left>p{
    margin-top:7px;
    margin-bottom:7px;
}
.foot_right{
    display:flex;
    align-items: center;
}
.foot_right>div:first-child{
    margin-right:44px;
}
.foot_right>div:first-child>p:first-child{
    margin-bottom:20px;
}
@media (max-width:1199px){
    .foot{
        height:auto;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .foot_left{
        padding-top:15px;
        padding-bottom:15px;
    }
    .foot_left>p{
        margin-top:7px;
        margin-bottom:7px;
        text-align: center;
    }
    .foot_right{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .foot_right>div:first-child{
        margin-right:0px;
        margin-bottom:20px;
    }
    .foot_right>div:nth-child(2){
        margin-bottom:20px;
    }
    .foot_right>div:first-child>p:first-child{
        margin-bottom:10px;
    }
}
@media (max-width:767px){
    .foot{
        padding-left:15px;
        padding-right:15px;;
    }
}
/* 首页结束 */
/* 产品页开始 */
/* banner */
.ny_banner_box{
    line-height:0;
}
.ny_banner_box>a{
    display:inline-block;
    width:100%;
    height:318px;
    overflow: hidden;
    position: relative;
}
.ny_banner_box>a>img{
    position: absolute;
    left:50%;
    transform: translate(-50%,0);
    width:1920px;
    height:318px;
    max-width:1920px;
}
@media (max-width:1300px){
    .ny_banner_box>a{
        display:inline-block;
        width:100%;
        height:auto;
        overflow: hidden;
        position: static;
    }
    .ny_banner_box>a>img{
        position: static;
        left:0;
        transform: translate(0,0);
        width:auto;
        height:auto;
        max-width:100%;
    }
}
/* 产品 */

/* 栏目 */
.lanmu{
    height:90px;
    overflow: hidden;
    line-height:90px;
}
.lanmu>div:first-child{
    float:left;
    font-size:30px;
    color:#000;
}
.lanmu>div:nth-child(2){
    float:right;
}
/* 移动端栏目 */
.lanmu_flex{
    height:70px;
    overflow: hidden;
    line-height:70px;
    display:none;
}
.lanmu_flex>div:first-child{
    float:left;
    font-size:22px;
}
.lanmu_flex>div:nth-child(2){
    float:right;
    cursor: pointer;
}
@media (max-width:1199px){
    .lanmu_flex{
        display:block;
    }
    .lanmu{
        display:none;
    }
}
/* 产品列表 */
.pro_list{
    display:flex;
    justify-content: space-between;
}
.pro_left{
    width:245px;
}
.pro_right{
    width:1010px;
    margin-bottom:90px;
    min-height:500px;
}
.pro_left>ul>li>a{
    display:inline-block;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#EFEFEF;
    border-bottom:2px solid #fff;
    font-size:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_left>ul>li>a>span{
    display:inline-block;
    height:2px;
    width:14px;
    background-color:#A2A2A3;
    margin-left:18px;
    margin-right:15px;
    position: relative;
    top:-5px;
}
.active_pro>a{
    color:#fff;
    background-color:#088BE9 !important;
}
.active_pro>a>span{
    background-color:#fff !important;
}
.pro_left>ul>li>a:hover{
    color:#fff;
    background-color:#088BE9;
}
.pro_left>ul>li>a:hover>span{
    background-color:#fff;
}
.pro_three{
    background-color:#DBDBDB;
    padding-top:12px;
    padding-bottom:12px;
}
.pro_three>li>a{
    display:inline-block;
    padding-left:40px;
    padding-top:12px;
    padding-bottom:12px;
    font-size:16px;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_three>li>a:hover{
    color:#088BE9;
}
.active_three_pro>a{
    color:#088BE9;
    font-weight:bold;
}
/* --- */
.pro_row{
    margin-bottom:15px;
}
.pro_row>div{
    padding-left:12px;
    padding-right:12px;
}
.pro_row>div>div{
    text-align: center;
}
.pro_row>div>div>a{
    display:inline-block;
    width:100%;
    border:2px solid #ddd;
}
.pro_row>div>div>p{
    margin-top:25px;
    margin-bottom:35px;
}
.pro_row>div>div>p>a{
    display:inline-block;
    width:100%;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.pro_row>div>div:hover>a{
    border:2px solid #088BE9;
}
.pro_row>div>div:hover>p>a{
    color:#088BE9;
}
@media (max-width:1299px){
    .pro_right{
        width:910px; 
    }
}
@media (max-width:1199px){
    .pro_list{
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .pro_left{
        width:auto;
        margin-bottom:30px;
        display:none;
    }
    .pro_right{
        width:auto;
        margin-bottom:50px;
        min-height:auto;
    }
    .pro_row>div>div>p{
        margin-top:15px;
        margin-bottom:25px;
    }
}
/* 分页 */
.page_boxing{
    text-align: center;
}
.page_boxing>a{
    display:inline-block;
    height:34px;
    width:34px;
    line-height:34px;
    text-align: center;
    border:1px solid #ddd;
    margin:5px 4px;
}
.active_page{
    color:#fff !important;
    background-color:#088BE9;
}
/* 产品页结束 */
/* 产品内页开始 */
.paged_con{
    margin-top:30px;
}
/* 产品内页结束 */
/* 公司简介页开始 */
.about_lanmu{
    height:90px;
    overflow: hidden;
    line-height:90px;
}
.about_lanmu>div:first-child{
    float:left;
    font-size:30px;
    color:#000;
}
.about_lanmu>div:nth-child(2){
    float:right;
}
@media (max-width:1199px){
    .about_lanmu{
        height:70px;
        line-height:70px;
    }
    .about_lanmu>div:first-child{
        font-size:22px;
    }
}
.about_boxing{
    margin-bottom:90px;
}
@media (max-width:1199px){
    .about_boxing{
        margin-bottom:50px;
    }
}

/* 公司简介页结束 */
/* 资质荣誉页开始 */
.honour_container{
    margin-bottom:90px;
}
.honour_row_boxing>div>div{
    text-align: center;
}
.honour_row_boxing>div>div>a{
    display:inline-block;
    width:100%;
    border:2px solid #ddd;
}
.honour_row_boxing>div>div>p{
    font-size:16px;
    margin-top:25px;
    margin-bottom:35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honour_row_boxing>div>div:hover>p{
    color:#088BE9;
}
.honour_row_boxing>div>div:hover>a{
    border:2px solid #088BE9;
}
@media (max-width:1199px){
    .honour_row_boxing>div>div>p{
        margin-top:15px;
        margin-bottom:25px;
    }
    .honour_container{
        margin-bottom:50px;
    }
}
/* 资质荣誉页结束 */
/* 联系方式页开始 */
.contact_boxing{
    margin-bottom:90px;
}
.contact_boxing p{
    line-height:30px;
}
@media (max-width:1199px){
    .contact_boxing{
        margin-bottom:50px;
    }
}
/* 联系方式页结束 */

.ny_con{
    margin-bottom:50px;
}