/* 公共样式 */
* {
    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 */
.logo{ line-height:96px;}
.pc_nav{
    margin-left:65px;
    margin-right:65px;
    display:flex;
    justify-content: space-between;
    height:96px;
}
@media (max-width:1299px){
.pc_nav{
    margin-left:45px;
    margin-right:45px;
}	
}
.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:92px;
    
}
.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:96px;
}
.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:25px;
    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("../images/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("../images/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>div{
    position: relative;
}
.flex_input>div>input{
    border:1px solid #DDD;
    height:40px;
    width:250px;
    padding-right:35px;
}
.flex_input>div>button{
    position: absolute;
    left:215px;
    top:7px;
    width:25px;
    height:25px;
    background:url("../images/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:650px;
    width:100%;
    position: relative;
    overflow: hidden;
}
#swiper1 .swiper-slide>a>img{
    position: absolute;
    left:50%;
    transform: translate(-50%,0);
    height:650px;
    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:60px;background:#f4f4f4; padding-top:60px; padding-bottom:70px;
}
.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:40px;
}

.index_about_left{
    position: relative;
    min-height:360px;
}
.index_about_left>div:first-child{
   
}
.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:40px;
    
    background:url("../images/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;
       
        overflow: hidden;
    }
	.index_about_left>div:first-child{ margin-bottom:20px;}
    .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:24px;
}
.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:500px;
    overflow: hidden;
    position: relative;
}
.ny_banner_box>a>img{
    position: absolute;
    left:50%;
    transform: translate(-50%,0);
    width:1920px;
    height:500px;
    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;
}



/*首页-最新产品区域*/
.cplist{  padding-bottom:20px;  padding-top:60PX;}
.title-01{ text-align: center; padding-top: 50px;}
.title-01 h2{color: #2e2949; font-size: 20px; margin-bottom: 10px;}
.title-01 h3{font-size: 14px; color: #999;}
#sy-cplist{ padding: 50px 0; text-align: center; padding-top:30PX;}
.sy-cpbox{ background:#ccc; padding:5px;}
.sy-cpbox p{ height: 30px; margin-top: 10px; overflow: hidden; line-height: 30px; margin-bottom:7px;}
.sy-cpbox .cp-img img{ width: 100%; height: auto; max-width: 100%;}
.swiper-container-horizontal>.swiper-pagination{ bottom: 15px;}
a.cp-gd{  display:block;*zoom:1; line-height:34px; text-align: center; width: 110px; margin: 0 auto; border:1px solid #19c327; color:#19c327;}
.swiper-wrapper .swiper-slide a:hover .sy-cpbox{ background:#088BE9; color:#fff;}
/*首页-最新产品结束*/


.news{
	padding:50px 0px;
}
.news ul{
	display:flex;
	justify-content:space-between;
	padding:30px 0px 0px;
}
.news ul li{
	width:30%; margin-bottom:30px;
}
.news ul li a{
	display:block;
	color:rgba(0,0,0,.9);
	background:#fff;
	transition:.3s;
}
.news ul li a span{
	padding:20px 0px 0px;
	display:block;
}
.news ul li a h4{
	font-size:20px;
	line-height:40px;
}
.news ul li a p{
	color:#808080;
	font-size:14px;
	line-height:20px;
	font-family:arial;
	transition:.3s;
}
.news ul li a small{
	display:block;
	color:#808080;
	font-size:16px;
	line-height:24px;
	padding:10px 0px 0;
	transition:.3s;
}
.news ul li a:hover{
	color:#088BE9;
}
.news ul li a:hover p{
	color:#088BE9;
}
.news ul li a:hover small{
	color:#088BE9;
}
.news ul li a big{
	display:block;
	overflow:hidden;
}
.news ul li a big img{
	transition:1s;
}
.news ul li a:hover big img{
	transform:scale(1.1);
}
@media (max-width:992px) {
	.news{
		padding:30px 0px;
	}
	.news ul{
		display:flex;
		justify-content:space-between;
		padding:20px 0px 0px;
	}
	.news ul li{
		width:32%;
	}
	.news ul li a h4{
		font-size:1.6rem;
		line-height:20px;
		margin:0;
	}
	.news ul li a p{
		margin:5px 0px 0px;
	}
	.news ul li a small{
		line-height:20px;
		padding:5px 0px 0;
	}
	.news ul li a span{
		padding:20px 0px 0px;
		display:block;
	}
}
@media (max-width:768px) {
	.news{
		padding:20px 0px;
	}
	.news ul{
		padding:10px 0px 0px;
	}
	.news ul{
		flex-wrap:wrap;
	}
	.news ul li{
		width:100%;
		margin-bottom:30px;
	}
}

.title{height:auto; overflow:hidden;}
.titlen{height:46px; line-height:46px; text-align:center; font-size:30px; color:#1d262f; font-weight:bold; font-style:italic; font-family:"Arial"; width:100%;}
.titlex{height:40px;line-height:30px;text-align:center;font-size:24px;color:#1d262f;font-weight:bold;background:url(../images/line_1.jpg) no-repeat center bottom;margin-bottom:30px;width:100%;}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}