.wp{max-width:1600px; margin:0 auto;}
*{font-family: '微软雅黑';box-sizing: border-box;}

/* 头部 */
#web_head{position: fixed;height: 100px;border-bottom: 1px solid #ECECEC;width: 100%;left: 0;top: 0;
    background-color: #fff;z-index: 99;
}
#web_head .logo{width: 300px;line-height: 100px;float: left;}
#web_head .logo img{max-width: 100%;vertical-align: middle;}
#web_head .pic1{display: none;}
#web_head .pic2{display: inline-block;}
#web_head.web_head_top{background-color:transparent; }
#web_head.web_head_top .pic2{display: none;}
#web_head.web_head_top .pic1{display: inline-block;}


#web_head .nav{float: left;margin-left: 380px;}
#web_head .nav .item{float: left;margin:0 30px;height: 100px;line-height: 100px;position: relative;}
#web_head .nav .item>a{font-size: 18px;color: #333;display: block;height: 100px;}

#web_head.web_head_top .nav .item>a{color: #fff;}
#web_head .nav .item:hover>a{color: #4381D9;}

#web_head .nav .item .on{color: #4381D9;border-bottom: 2px solid #4381D9;}
#web_head .nav .item b{display: block;position: absolute;left: 50%;bottom: 0;height: 3px;background-color: #4381D9;
    left: 50%;transform: translateX(-50%);width: 0;transition: .3s;
}
#web_head .nav .item:hover b{width: 100%;}

#web_head .nav .item .down{position: absolute;width: auto;white-space: nowrap;left: 50%;top: 100%;
    transform: translateX(-50%);height: 80px;line-height: 80px;z-index: 9;display: none;overflow: hidden;
}
#web_head .nav .item .down a{display: inline-block;margin: 0 27px;font-size: 18px;color: #333;height: 79px;}

#web_head.web_head_top .nav .item .down a{color: #fff;}
#web_head .nav .item .down a:hover{color: #4381D9;border-bottom: 2px solid #4381D9;}
#web_head .down_bg{position: absolute;left: 0;width: 100%;height: 80px;top: 100%;background-color: #f9fafe;z-index: 8;display: none;}
#web_head .nav .item:hover .down{display: block;}
#web_head.web_head_top .down_bg{background-color:transparent; }

#web_head .seach{width: 125px;height: 34px;border-radius: 50px;border: 1px solid rgba(51, 51, 51, .6);float: left;position: relative;
    margin-top: 33px;overflow: hidden;padding-right: 34px;margin-left: 80px;cursor: pointer;
}
#web_head.web_head_top .seach{border: 1px solid rgba(255, 255, 255, .6);}


#web_head .seach .btn{position: absolute;width: 34px;height: 34px;top: 0;right: 0;vertical-align: middle;
    background-image: url(../images/top1.png);background-position: center;background-repeat: no-repeat;
    background-size: 15px auto;border: none;outline: none;background-color: #fff
}

#web_head.web_head_top .seach .btn{background-color:transparent;background-image: url(../images/top2.png);}

#web_head .seach .txt{border: none;outline: none;background-color: #fff;padding: 0 12px;font-size: 16px;color: #333;
    line-height: 34px;vertical-align: middle;
}
#web_head.web_head_top .seach .txt{background-color:transparent;color: #fff;}
#web_head .cn_en{float: right;line-height: 100px;}

#web_head .cn_en a{font-size: 18px;color: #333;padding: 0 10px;border-right: 1px solid rgba(51, 51, 51, .1);line-height: 1;}
#web_head .cn_en a:last-child{border-right: none;}
#web_head .cn_en{padding-top: 32px;}
#web_head .cn_en a{margin: 0 auto;
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #182e65;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #4381D9;

}
#web_head .cn_en a:hover{opacity: .8;}
#web_head.web_head_top .cn_en a{color: #fff;border-right: 1px solid rgba(255, 255, 255, .3);}
#web_head.web_head_top .cn_en a:last-child{border-right: none;}
#web_head_mm{display: none;}


#seach_pop{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 100;display: none;}
#seach_pop .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
#seach_pop .con{width: 1150px;background-color: #fff;top: 20%;height: 78px;overflow: hidden;
    left: 50%;transform: translateX(-50%);position: absolute;border-radius: 8px;
}
#seach_pop .con .icon{position: absolute;left: 0;top: 0;width: 78px;height: 78px;background-image: url(../images/top1.png);background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
}
#seach_pop .con .txt{width: 100%;line-height: 78px;padding-left: 78px;font-size: 22px;outline: none;border: none;}
#seach_pop .con .btn{width: 100px;text-align: center;position: absolute;height: 78px;cursor: pointer;
    right: 0;top: 0;font-size: 22px;color: #333;outline: none;border: none;background-color: #fff;
}

#seach_pop .con .btn:hover{color: #4381D9;}

#seach_pop .con .line{width: 1px;height: 20px;background-color: #999;top: 31px;right: 98px;position: absolute;}


/* 首页 */
.index_banner{width: 100%;overflow: hidden;position: relative;}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide img{width: 100%;}
.index_banner .swiper-slide .text{position: absolute;width: 1600px;top: 50%;
    left: 50%;transform: translate(-50%, -50%);text-align: left;
}
h4,h1{font-weight: normal;}
.index_banner .swiper-slide .text h1{font-size: 46px;color: #fff;}
.index_banner .swiper-slide .text p{font-size: 26px;color: #fff;line-height: 1.8;width: 610px;opacity: .4;margin-top: 30px;}

.index_banner .banner_doing{position: absolute;bottom: 60px;width: 1600px;z-index: 9;
    left: 50%;transform: translateX(-50%);height: 72px;border-bottom: 1px solid rgba(255, 255, 255, .4);
}

.index_banner .banner_doing .left{margin-top: 30px;float: left;}
.index_banner .banner_doing .left img{width: 15px;vertical-align: middle;}
.index_banner .banner_doing .left span{vertical-align: middle;font-size: 16px;color: #fff;margin-left: 8px;
    opacity: .4;
}
.index_banner .banner_doing .right{float: right;width: 200px;position: relative;height: 72px;}
.index_banner .banner_doing .swiper-pagination{font-size: 22px;color: #fff;height: 72px;bottom: 0px;
    line-height: 72px;z-index: 8;
}

.index_banner .banner_doing .swiper-button-next,.index_banner .banner_doing .swiper-button-prev{z-index: 9;cursor: pointer;
    color: #fff;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;
    text-align: center;background-size: 18px auto;background-position: center;background-repeat: no-repeat;
}

.index_banner .banner_doing .swiper-button-prev{left: 0;background-image: url(../images/ll.png);}
.index_banner .banner_doing .swiper-button-next{right: 0;background-image: url(../images/rr.png);}
.index_banner .banner_doing .swiper-button-next:hover,.index_banner .banner_doing .swiper-button-prev:hover{border: 1px solid #fff;}
.index_banner .banner_doing .swiper-button-next:after{content:'';}
.index_banner .banner_doing .swiper-button-prev:after{content:'';}

.index_pord{padding: 50px 0;background-color: #F9FAFE;}

.index_title{overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.index_title .left{float: left;}
.index_title .left span{font-size: 18px;color: #333;display: block;}
.index_title .left h4{font-size: 36px;color: #333;}
.index_title .right{overflow: hidden;}
.index_title .right .item{float: left;margin-left: 60px;cursor: pointer;position: relative;height: 40px;line-height: 40px;}
.index_title .right .item span{font-size: 20px;color: #666;position: relative;z-index: 2;}
.index_title .right .item.on span,.index_title .right .item:hover span{color: #333;}

.index_title .right .item em{display: block;position: absolute;left:0;width: 100%;height: 5px;background-color: #4381D9;
    bottom: 8px;z-index: 1;display: none;
}
.index_title .right .item.on em{display: block;}

.index_title .right .more{float: right;margin-left: 60px;width: 136px;
    height: 40px;line-height: 40px;
    background-color: #4381D9;padding: 0 15px;background-image: url(../images/rr2.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #DCDCDC;
}
.index_title .right .more span{font-size: 14px;color: #fff;}
.index_title .right .more:hover{opacity: .8;}
.pic{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.index_pord .list{overflow: hidden;margin-top: 40px;margin-left: -24px;}
.index_pord .list .item{width: 25%;float: left;padding-left: 24px;margin-top: 24px;}
.index_pord .list .item .con{background-color: #fff;transition: .3s;}
.index_pord .list .item .pic{padding-top: 62%;}
.index_pord .list .item .text{border-top: 1px solid #C8CEE5;height: 86px;line-height: 86px;padding: 0 30px;
    position: relative;
}
.index_pord .list .item .text h4{font-size: 21px;color: #333;white-space: nowrap;
    text-overflow: ellipsis;width: 100%;text-align: center;
    overflow: hidden;
}

.index_pord .list .item .text .icon{margin-left: 60px;width: 136px;position: absolute;right: 28px;top: 50px;
    transform: translateY(-50%);display: none;
    height: 40px;line-height: 40px;
    background-color: #fff;padding: 0 15px;background-image: url(../images/rr3.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #fff;
}
.index_pord .list .item .text .icon span{font-size: 14px;color: #4381D9;}
.index_pord .list .item .con:hover .text{background-color: #4381D9;padding-right: 185px;}
.index_pord .list .item .con:hover .text .icon{display: block;}
.index_pord .list .item .con:hover .text h4{text-align: left;color: #fff;}
.index_pord .list .item .con:hover {transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}

.index_about{position: relative;padding: 100px 0 0;overflow: hidden;}
.index_about .left{width: 48%;float: left;padding-top: 5px;}
.index_about .right{width: 48%;float: right;
}
.index_about .right img{vertical-align: middle;max-width: 100%;}

.index_about .left h4{font-size: 36px;color: #333;}
.index_about .left .tit p{font-size: 18px;color: #666;margin-top: 20px;}
.index_about .left .tit{padding-bottom: 50px;border-bottom: 1px solid rgba(122, 122, 122, .2);}

.index_about .left .txt{margin-top: 10px;}
.index_about .left .txt p{font-size: 18px;color: #666;line-height: 1.8;}

.index_about .left .morn{width: 136px;
    height: 40px;line-height: 40px;
    background-color: #4381D9;padding: 0 15px;background-image: url(../images/rr2.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #DCDCDC;margin-top: 48px;
}
.index_about .left .morn span{font-size: 14px;color: #fff;}
.index_about .left .morn:hover{opacity: .8;}


.index_ying{padding: 100px 0;background-color: #F9FAFE;background-image: url(../images/yy_bg.png);background-size: cover;}
.index_ying .ying_list{margin-top: 40px;position: relative;height: 550px;}

.index_ying .ying_list .center{width: 33.33333%;margin: 0 auto;}
.index_ying .ying_list .center .item{padding-top: 67%;margin-bottom: 25px;position: relative;
    background-position: top center;background-size: cover;background-repeat: no-repeat;
}
.index_ying .ying_list .center .item:last-child{margin-bottom: 0;}
.index_ying .ying_list .left{position: absolute;left: 0;width: 33.33333%;top: 0;
    height: 100%;
} 
.index_ying .ying_list .left .con{position: absolute;left: 0;right: 25px; top: 0;height: 100%;
    background-position: top center;background-size: cover;background-repeat: no-repeat;
} 

.index_ying .ying_list .right{position: absolute;right: 0;width: 33.33333%;top: 0;
    height: 100%;
} 

.index_ying .ying_list .right .con{position: absolute;left: 25px;right: 0px; top: 0;height: 100%;
    background-position: top center;background-size: cover;background-repeat: no-repeat;
} 

.index_ying .ying_list .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    background-color: rgba(67, 129, 217, .8);display: flex;
  justify-content: center;padding: 0 90px;text-align: center;display: none;
  align-items: center;
}
.index_ying .ying_list .text .kuai{width: 100%;}
.index_ying .ying_list .text h4{font-size: 32px;color: #fff;}
.index_ying .ying_list .text p{height: 80px;
    line-height: 50px;width: 100%;text-align:center;font-size: 18px;color: #fff;
background-size: 18px auto;
   background-position: right center;background-repeat: no-repeat;
}


.index_ying .ying_list .text .more{width: 136px;display: inline-block;
    height: 40px;line-height: 40px;
    padding: 0 15px;background-image: url(../images/rr2.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #fff;margin-top: 60px;text-align: left;
}
.index_ying .ying_list .text .more span{font-size: 14px;color: #fff;}

.index_ying .ying_list .left:hover .text{display: flex;} 
.index_ying .ying_list .right:hover .text{display: flex;} 
.index_ying .ying_list .center .item:hover .text{display: flex;}
.index_ying .ying_list .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


.index_case{padding: 100px 0;}

.index_case .list{margin-top: 40px;width: 100%; width: 100%;
        height: 100%;position: relative;
        margin-left: auto;
        margin-right: auto;overflow: hidden;padding-bottom: 60px;
}
.product_deta{margin-top: 100px;}

.index_case .list .swiper-slide{
    width: 25%;float: left;    padding: 10px;
    text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.index_case .list .swiper-slide .con{padding-top: 45%;background-size: cover;width: 100%;
    padding-top: 45%;width: 100%;background-color: #fff;border: 1px solid #C8CEE5;
    border-radius: 15px;overflow: hidden;background-position: center center;background-repeat: no-repeat;
}
.index_case .list .swiper-slide:hover{transform:scale(1.1); }
.index_case .list .doing{position: absolute;height: 32px;padding-left: 100px;padding-right: 100px;
    left: 0;bottom: 0;width: 100%;
}
.index_case .list .doing .case_btn{position: absolute;height: 32px;width: 64px;background-color: #4381D9;
   top: 0;z-index: 9;border-radius: 50px;cursor: pointer;text-align: center;font-size: 24px;

   color: #fff;line-height: 28px;
}
.index_case .list .doing .case_pagination{position: absolute;left: 100px;right: 100px;
    top: 50%;transform: translateY(-50%);width: auto;
}

.index_case .list .doing .case_btn.case_button-next{right: 0;}
.index_case .list .doing .case_btn.case_button-prev{left: 0;}

.index_case .list .doing .case_btn.swiper-button-disabled{background-color: #999;cursor: not-allowed;}

.index_case .list .doing .case_btn:hover{opacity: .8;}

.index_news{padding: 100px 0;background-color: #f3f3f3;}
.index_news .news_list{margin-top: 40px;overflow: hidden;margin-left: -30px;}
.index_news .news_list .left{width: 30%;float: left;padding-left: 30px;}
.index_news .news_list .left .con{background-color: #fff;padding: 24px;transition: .3s;}
.index_news .news_list .left .con .pic{padding-top: 106%;position:relative;}

.index_news .news_list .left .con .pic .icon{position:absolute;
    left: -3px;top: -3px;
}

.index_news .news_list .left .con .pic .icon img{width:60px;vertical-align: middle;}

.index_news .news_list .left .con .txt{margin-top: 22px;}
.index_news .news_list .left .con .txt h4{font-size: 18px;color: #333;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.index_news .news_list .left .con .txt p{font-size: 14px;color: #999;margin-top: 8px;}

.index_news .news_list .left .con:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}

.index_news .news_list .center{width: 30%;float: left;padding-left: 30px;}
.index_news .news_list .center .item{background-color: #fff;margin-bottom: 20px;padding: 26px;transition: .3s;}
.index_news .news_list .center .item .top{background-image: url(../images/rr5.png);
    background-size: 20px auto;background-position: right center;background-repeat: no-repeat;
}
.index_news .news_list .center .item .top h3{font-size: 42px;color: #999;font-weight: normal;}
.index_news .news_list .center .item .top span{font-size: 14px;color: #999;}
.index_news .news_list .center .item h4{ text-overflow: ellipsis;white-space: nowrap;
    overflow: hidden;font-size: 18px;color: #333;font-weight: bold;
}

.index_news .news_list .center .item .text{margin-top: 22px;padding-top: 22px;border-top: 1px solid rgba(51, 51, 51, .2);}
.index_news .news_list .center .item p{font-size: 16px;color: #333;margin-top: 6px;line-height: 1.8;height: 58px;
    overflow: hidden;
}
.index_news .news_list .center .item:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}
.index_news .news_list .center .item:hover .top{background-image: url(../images/rr6.png);}
.index_news .news_list .center .item:hover .top h3{color: #4381D9;}
.index_news .news_list .center .item:hover .top span{color: #4381D9;}
.index_news .news_list .right{width: 40%;float: left;padding-left: 30px;}
.index_news .news_list .right .con{background-color: #fff;}
.index_news .news_list .right .item{padding:0 90px;border-bottom: 1px solid rgba(51, 51, 51,.2);
    padding-left: 120px;height: 141px;line-height: 141px;position: relative;
    background-image: url(../images/rr5.png);
    background-size: 20px auto;background-position: right 30px center;background-repeat: no-repeat;
}

.index_news .news_list .right .item .time{position: absolute;left: 0;top: 50%; transform: translateY(-50%);
    line-height: 1;width: 118px;text-align: center;
}

.index_news .news_list .right .item .time h3{font-size: 42px;color: #999;font-weight: normal;}
.index_news .news_list .right .item .time span{font-size: 14px;color: #999;display: block;margin-top: 5px;}
.index_news .news_list .right .item h4{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

}
.index_news .news_list .right a:last-child .item{border-bottom: none;}

.index_news .news_list .right .item:hover{background-image: url(../images/rr6.png);}

.index_news .news_list .right .item:hover h4{color: #4381D9;}

/* 底部 */
#web_food{padding-top: 100px;}
#web_food .top{overflow: hidden;}
#web_food .left{width: 100%; display: flex; justify-content: space-between;float: left;}
#web_food .left .line{width: 1px;height: 10px;background-color: #333;opacity: .4;margin-top: 10px;}
#web_food .left dt{font-size: 16px;color: #333;font-weight: bold;}
#web_food .left dd{margin-top: 20px;}
#web_food .left dd a{font-size: 14px;color: #333;}

#web_food .left dd a:hover{color: #4381D9;}
#web_food .right{float: right;text-align: right;}
#web_food .right span{font-size: 16px;color: #333;}
#web_food .right p{font-size: 34px;color: #333;margin-top: 20px;}
#web_food .right em{font-size: 18px;color: #333;margin-top: 20px;display: block;}
#web_food .f_icon .item{float: right;margin-left: 15px;}
#web_food .f_icon .item img{width: 48px;}
#web_food .center{margin-top: 50px;}
#web_food .center .logo{float: left;}

#web_food .center .logo img{width: 310px;vertical-align: middle;}
#web_food .copy{height: 90px;line-height: 90px;border-top: 1px solid rgba(51, 51, 51, .1);margin-top: 50px;}
#web_food .copy span{font-size: 13px;color: #333;display: inline-block;}
#web_food .copy em{font-size: 14px;color: #999;margin: 0 15px;display: inline-block;}

/* 关于我们 */
.nei_banner_text{padding: 120px 0;margin-top: 100px;}
.nei_banner_text .con{ display: flex;  align-items: center;
  justify-content: space-between;
}

.nei_banner_text .con .left h4{font-size: 46px;color: #333;}
.nei_banner_text .con .left p{font-size: 24px;color: #333;margin-top: 10px;}
.nei_banner_text .con .right p{width: 560px;font-size: 18px;color: #333;line-height: 1.8;}

.about_us_con{background-color: #F9FAFE;padding: 90px 0;}
.er_nav{text-align: center;}
.about_us_con .er_nav a{display: inline-block;width: 12%;height: 44px;line-height: 44px;font-size: 16px;color: #333;
    background-color: #fff;margin-right: 20px;text-align: center;border: 1px solid #ECECEC;border-radius: 5px;
}
.about_us_con .er_nav a:hover,.about_us_con .er_nav a.on{background-color: #4381D9;border: 1px solid #4381D9;color: #fff;}



.about_us_con .pic{margin-top: 40px;}
.about_us_con .pic img{vertical-align: middle;max-width: 100%;}
.about_us_con .text{margin-top: 40px;overflow: hidden;}
.about_us_con .text .left{width: 100%;text-align: center;}
.about_us_con .text .left img{width: 400px;vertical-align: middle;margin-bottom: 20px;}
.about_us_con .text .left h4{line-height: 1.8;font-size: 34px;color:#333333ed;}
.about_us_con .text .left p{margin-top: 30px;font-size: 18px;color: #666;}

.about_us_con .text .right{width: 100%;margin-top: 25px;}
.about_us_con .text .right p{margin-bottom: 40px;font-size: 18px;color: #333;line-height: 1.8;}

.about_us_con .case_list{overflow: hidden;margin-left: -30px;margin-top: 80px;}
.about_us_con .case_list .item{width: 20%;float: left;padding-left: 30px;margin-bottom: 30px;}
.about_us_con .case_list .item:hover{transform:scale(1.05); }
.about_us_con .case_list .item .con{padding-top: 45%;background-size: contain;width: 100%;background-color: #fff;
    border: 1px solid #C8CEE5;border-radius: 15px;overflow: hidden;background-position: center center;
    background-repeat: no-repeat;
}

#page{text-align: center;margin-top: 50px;margin-bottom: 50px;}
#page li{display: inline-block; height: 52px; padding: 0 22px; border: 1px solid #ddd;
   line-height: 52px; font-size: 20px;color: #333;border-radius: 3px;
   margin: 0 5px;cursor: pointer;background-color: #fff;
}
#page li a{color: #333;}
#page li:hover,#page li.active{border: 1px solid #4381D9;
   background-color:#4381D9;color: #fff;
}
#page li:hover a,#page li.active a{color: #fff;}


.product_type{padding: 90px 0;background-color: #F9FAFE;}
.product_type .type_list{margin-left: -40px;}
.product_type .type_list .item{width: 25%;float: left;padding-left: 40px;margin-bottom: 40px;}
.product_type .type_list .item .con{background-color: #fff;transition: .3s;}
.product_type .type_list .item .pic{padding-top: 55%;background-size: cover;}
.product_type .type_list .item .text{height: 65px;line-height: 65px;text-align: center;}

.product_type .type_list .item .text h4{font-size: 20px;color: #333;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product_type .type_list .item .con:hover .text{background-color: #4381D9;}
.product_type .type_list .item .con:hover .text h4{color: #fff;}
.product_type .type_list .item .con:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}



.product_type .type_list .item .con:hover .text{background-color: #4381D9;}
.product_type .type_list .item .con:hover .text h4{color: #fff;}
.product_type .type_list .item .con:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}


/*.web_pord_list{margin-top: 100px;}*/
.web_pord_list .er_nav{margin-top: 20px;}
.web_pord_list .er_nav a{display: inline-block;width:10%;height: 44px;line-height: 44px;font-size: 16px;color: #333;
    background-color: #fff;margin:5px 10px;text-align: center;border: 1px solid #ECECEC;border-radius: 5px;
}
.web_pord_list .er_nav a:hover,.web_pord_list .er_nav a.on{background-color: #4381D9;border: 1px solid #4381D9;color: #fff;}

.web_now{font-size: 14px;}
.web_now span,.web_now a,.web_now em{color: #999;display: inline-block;vertical-align: middle;}
.web_now em{margin: 0 5px;}
.web_now b{font-weight: normal;color: #333;display: inline-block;max-width: 6em;white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;vertical-align: middle;
}
.web_now a:hover{color: #4381D9;}

.web_pord_list .list{margin-top: 30px;}


/* 产品详情 */
.product_deta{padding: 100px 0;background-color: #F9FAFE;}
.product_deta_con{background-color: #fff;margin-top: 40px;padding: 70px 50px;}
.product_deta .top{display: flex; justify-content: space-between;}
.product_deta .top .left{width: 40%;overflow: hidden;position: relative;
  padding-bottom: 50px;
}
.product_deta .top .left img{width: 100%;vertical-align: middle;}
.product_deta .top .left .left_swiper{overflow: hidden;}
.product_deta .about_course_btn{position: absolute;top: 50%;
  width: 64px;height: 64px;text-align: center;line-height: 64px;border: 1px solid #e5e5e5;
  border-radius: 50%;font-size: 20px;color: #999;cursor: pointer;z-index: 9;margin-top: -32px;
}
.product_deta .about_course_btn:hover{background-color: #4381D9 ;color: #fff;}
.product_deta .btn_left{left: 0px;}
.product_deta .btn_right{right: 0;}
.product_deta .swiper-slide{border: 1px solid #e5e5e5;}
.product_deta .swiper-pagination{z-index: 9;text-align: center;width: 100%;}
.product_deta  .swiper-pagination-bullet{background-color: #000;opacity:0.6;margin: 0 4px;}
.product_deta  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 36px;border-radius: 50px;background-color: #4381D9;
}
.product_deta .swiper-pagination{bottom: 15px !important;}
.product_deta .right{width: 60%;padding-left: 80px;}
.product_deta .right h4{font-size: 32px;color: #333;padding-bottom: 25px;border-bottom: 1px solid #ECECEC;}
.product_deta .right p{font-size: 18px;color: #999;line-height: 2;margin-top: 22px;}
.product_deta .right .code{margin-top: 30px;overflow: hidden;    width: 50%;}
.product_deta .right .code img{width: 140px;vertical-align: middle;}
.product_deta .right .code .pic{float: left;}
.product_deta .right .code .text{float: left;margin-left: 20px;margin-top: 40px;}
.product_deta .right .code .text span{font-size: 18px;color: #333;display: block;}
.product_deta .right .code .text em{font-size: 18px;color: #4381D9;display: block;}
/*

.product_deta .right a{display: block;width: 166px;height: 43px;
   text-align: center;line-height: 43px;border: 1px solid #D1D1D1;
   font-size: 14px;color: #333;margin-top: 35px;
}
.product_deta .right a:hover{background-color: #4381D9;color: #fff;
   border: 1px solid #4381D9;
}
*/

.product_deta .deta_txt .title{width: 100%;border-bottom: 1px solid #F0F0F0;
   height: 80px;line-height: 80px;font-size: 0;
}
.product_deta .deta_txt .title a{display: inline-block;width:25%;
   font-size: 20px;color: #000;text-align: center;
}
.product_deta .deta_txt .title a:hover{color: #4381D9;}
.product_deta .deta_txt .title a.on{border-bottom: 1px solid #4381D9;color: #4381D9;}
.product_deta .deta_html .con{/*padding-left: 245px;*/position: relative;
   margin-top: 60px;
}
.product_deta .deta_html .html{padding-top:60px;   }
.product_deta .deta_html .con .tit{position: absolute;
   left: 0;top: 0;
}
.product_deta .deta_html .con .tit h4{font-size: 22px;color: #333;padding-left: 22px;
   position: relative;
}
.product_deta .deta_html .con .tit h4 em{position: absolute;left: 0;
   top: 50%;transform: translateY(-50%);display: block;width: 3px;height: 12px;
   background-color: #4381D9;
}
.product_deta .deta_html .html p{font-size: 18px;color: #666;line-height: 1.8;}
.product_deta .deta_html .html img{vertical-align: middle;max-width: 100%;}
.product_deta .down_list{/*margin-left: -30px;overflow: hidden;*/   padding-top: 100px;  font-size: 18px;color: #666;line-height: 1.8;}
/*.product_deta .down_list .item{width: 50%;float: left;padding-left: 30px;}*/
.product_deta .down_list .item .con_2{border: 1px solid #ECECEC;border-radius: 4px;position: relative;
    height: 64px;line-height: 64px;text-align: left;padding-left: 80px;line-height: 64px;
}
.product_deta .down_list .item .icon{position: absolute;left: 0;top: 0;
    height: 64px;width: 64px;text-align: center;
}
.product_deta .down_list .item .icon img{width: 34px;vertical-align: middle;}


.product_deta .down_list .item .icon_2{position: absolute;right: 0;top: 0;
    height: 64px;width: 64px;text-align: center;
}
.product_deta .down_list .item .icon_2 img{width: 34px;vertical-align: middle;}
.product_deta .down_list .item .con_2 p{line-height: 64px;font-size: 18px;color: #333;}
.pro{    line-height: 40px;font-size: 16px;}
.title-pro{    padding-top: 30px;}
.btn-default {

    color: #fff;
    background-color: #4381D9;
    border-color: #4381D9;
    width: 48%;
    float: left;
    margin-right: 2%;
    font-size: 18px;
    border: 1px solid transparent;
    padding: 6px 12px;
}
.tjcp_d {
    float: left;
    width: 24.5%;
    margin: 0.2%;
}
.tjcp_d a {
     text-decoration: none;
     color: #4c4c4c;
 }
.tjcp_d img {
    width: 100%;
}
.tjcp_d p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.use_list{margin-top: 40px;}
.use_list .item{background-color: #fff;padding: 20px;margin-bottom: 25px;transition: .3s;}
.use_list .item .con{overflow: hidden;}
.use_list .item .text{width: 50%;float: left;padding: 50px 30px;padding-right: 0;}
.use_list .item .text h4{font-size: 28px;color: #333;}
/*.use_list .item .text p{font-size: 18px;color: #666;line-height: 2;margin-top: 40px;height: 108px;overflow: hidden;}*/
.use_list .item .text p{font-size: 18px;color: #666;line-height: 2;margin-top: 40px;overflow: hidden;}
.use_list .item .text .more{width: 136px;
    height: 40px;line-height: 40px;
    background-color: #4381D9;padding: 0 15px;background-image: url(../images/rr2.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #DCDCDC;margin-top: 60px;
}
.use_list .item .text .more span{font-size: 14px;color: #fff;}
.use_list .item .text .more:hover{opacity: .8;}
.use_list .item .pic{width: 45%;float: right;}
.use_list .item .pic img{max-width: 100%;}

.use_list .item:hover{transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}

.use_deta{background-color: #fff;margin-top: 40px;padding: 50px;}
.use_deta h4{height: 100px;line-height: 100px;border-bottom: 1px solid #ECECEC;font-size: 32px;color: #333;}
.use_deta p{margin-top: 60px;line-height: 1.8;font-size: 18px;color: #666;}

.n_banner{padding-top: 100px;}
.n_banner img{vertical-align: middle;max-width: 100%;}

.web_nes_list{margin-top: 40px;}

.web_nes_list .item{height: 140px;line-height: 140px;position: relative;background-color: #fff;
    padding-left: 120px;margin-bottom: 12px;padding-right: 180px;
}
.web_nes_list a:first-child .item .icon{display:block;}
.web_nes_list .item .icon {line-height: 1;
    position: absolute;width: 60px;height: 60px;
    left: 0px;display: none;
    top: 0px;
}

.web_nes_list .item .icon img {
    width: 60px;
    vertical-align: middle;
}

.web_nes_list .item .time{position: absolute;left: 0;top: 50%; transform: translateY(-50%);
    line-height: 1;width: 118px;text-align: center;
}

.web_nes_list .item .time h3{font-size: 30px;color: #999;font-weight: normal;}
.web_nes_list .item .time span{font-size: 14px;color: #999;display: block;margin-top: 5px;}
.web_nes_list .item  h4{font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;}
.web_nes_list .item .more{position: absolute;right: 0px;top: 50%; transform: translateY(-50%);
    width: 180px;text-align: center;
}
.web_nes_list .item:hover{border-bottom: 2px solid #4381D9;}
.web_nes_list .item:hover h4{color: #4381D9;}
.web_nes_list .item .more span{font-size: 18px;color: #333;display: inline-block;
    background-image: url(../images/rr5.png);background-repeat: no-repeat;
    background-size: 18px auto;padding-right: 30px;background-position:right center;
}
.web_nes_list .item:hover .more span{background-image: url(../images/rr6.png);color: #4381D9;}

.use_deta .tit{border-bottom: 1px solid #ECECEC;padding: 30px 0;}
.use_deta .tit h5{font-size: 32px;color: #333;font-weight: normal;}
.use_deta .tit span{display: block;font-size: 16px;color: #666;margin-top: 10px;}

.contact_us_top{margin-top: 20px;background-color: #fff;padding: 60px 60px;overflow: hidden;}
.contact_us_top h4{font-size: 26px;padding-bottom: 26px;position: relative;}
.contact_us_top h4 em{display: block;position: absolute;left: 0;bottom: 0;width: 36px;height: 2px;background-color: #333;}
.contact_us_top .left{width: 45%;float: left;}
.contact_us_top .left .item{padding-left: 86px;position: relative;margin-top: 50px;}
.contact_us_top .left .item .icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contact_us_top .left .item .icon img{width: 66px;}
.contact_us_top .left .item p{font-size: 18px;color: #333;}
.contact_us_top .left .item span{font-size: 18px;color: #333;display: block;margin-top: 3px;}
.contact_us_top .right{width: 50%;float: right;}
.contact_us_top .right h4{margin-bottom: 40px;}
.contact_us_top .right .item{margin-top: 16px;}
.contact_us_top .right .item input.txt{width: 100%;outline: none;border: 1px solid #AAAAAA;border-radius: 5px;
    height: 60px;padding: 0 15px;font-size: 18px;
}
.contact_us_top .right .item textarea{width: 100%;padding: 10px 15px;border: 1px solid #AAAAAA;border-radius: 5px;font-size: 18px;
    height: 150px;outline: none;resize: none;
}
.contact_us_top .right .item input.btn{width: 186px;border: none;outline: none;
height: 69px;font-size: 18px;color: #fff; cursor: pointer;
background: #4381D9;
border-radius: 4px;
}

#dituContent{height: 700px;}


.join_us .item{padding:40px 0;border-bottom:1px solid #EBEBEB;}
.join_us .item:last-child{border-bottom:none;}
.join_us .item h3{font-size:20px;color:#4381D9;}
.join_us .item h4{font-size: 14px;margin-top: 18px;}

.join_us .item p{line-height:1.8;font-size: 14px;color:#666;}

.join_us .item p b{color:#D96E1B;}


#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: left;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -moz-user-focus: none;
}
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;z-index: 99;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:40px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:40px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}

#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


.join_us .join_tit{height: 74px;line-height: 74px;overflow: hidden;border-bottom: 1px solid rgba(178, 178, 178, .2);background-color: #fff;
    margin-top: 40px;
}
.join_us .join_tit .one{width: 20%;padding-left: 80px;font-size: 18px;color: #4381D9;float: left;}
.join_us .join_tit .two{width: 60%;padding-left: 80px;font-size: 18px;color: #4381D9;float: left;}
.join_us .join_tit .three{width: 20%;padding-left: 80px;font-size: 18px;color: #4381D9;float: left;}
.job_list_con{ background-color: #fff;}
.job_list_con .top{height: 74px;line-height: 74px;overflow: hidden;border-bottom: 1px solid rgba(178, 178, 178, .2);}
.job_list_con .one{width: 20%;padding-left: 80px;font-size: 18px;color: #333;float: left;}
.job_list_con .two{width: 60%;padding-left: 80px;font-size: 18px;color: #333;float: left;}
.job_list_con .three{width: 20%;padding-left: 80px;font-size: 18px;color: #4381D9;float: left;cursor: pointer;}
.job_list_con .bottom{background-color: #4381D9;padding: 80px;padding-top: 60px;display: none;}
.job_list_con .bottom p{font-size: 18px;color: #fff;line-height: 2;}
.job_list_con .bottom h5{font-size: 18px;color: #fff;line-height: 2;font-weight: normal;margin-bottom: 15px;
    margin-top: 20px;
}
.job_list_con .bottom .link{border-top: 1px solid #fff;margin-top: 50px;padding-top: 50px;}
.job_list_con .bottom .link span{font-size: 18px;color: #fff;margin-right: 120px;}

.contact_place{margin-left: -50px;overflow: hidden;}
.contact_place .item{width: 50%;float: left;padding-left: 50px;}
.contact_place .item .con{background-color: #fff;transition: .3s;}

.contact_place .item .pic{padding-top: 52%;}
.contact_place .item .text2{padding: 40px;}
.contact_place .item .text2 h4{font-size: 28px;color: #333;}
.contact_place .item .text2 p{font-size: 18px;margin-top: 8px;color: #333;}


.contact_place .item .text2 .morn{width: 136px;
    height: 40px;line-height: 40px;
    background-color: #4381D9;padding: 0 15px;background-image: url(../images/rr2.png);background-size: 40px auto;
    border-radius:50px;background-repeat: no-repeat;background-position: right center;
    opacity: 1;
    border: 1px solid #DCDCDC;margin-top: 35px;
}
.contact_place .item .text2 .morn span{font-size: 14px;color: #fff;}
.contact_place .item .text2 .morn:hover{opacity: .8;}

.contact_place .item .con:hover {transform: translateY(-10px);box-shadow: 0px 5px 10px #dddddd;transition: .3s;}


.about_220526{margin-top:80px;background-color:#fff;padding:0 60px;padding-bottom:50px;}
.about_220526 .top_txt .item{  display: flex;padding: 50px 0;border-bottom: 1px solid #ECECEC;
  justify-content: space-between;align-items: center;
    
}

.about_220526 .top_txt .item .right{width:80%;}
.about_220526 .top_txt .item h4{font-size: 20px;color:#333;position:relative;padding-left: 12px;}
.about_220526 .top_txt .item h4 em{display:block;position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background-color: #4381D9;
    
}
.about_220526 .top_txt .item p{line-height:1.8;font-size: 18px;color:#333;text-indent: 2em;}
.about_220526 .list_220526{margin-top: 80px;}
.about_220526 .list_220526 .title{text-align: center;}
.about_220526 .list_220526 .title em{display:inline-block;width:18px;height:3px;background-color: #4381D9;vertical-align: middle;}

.about_220526 .list_220526 .title span{font-size: 24px;color:#333;margin:0 6px;display:inline-block;vertical-align: middle;}
.about_220526 .join_us{margin-top: 40px;border-top: 1px solid rgba(178, 178, 178, .2);}
.job_list_con2{background-color:#F9FAFE;}
.job_list_con2 .one{width:30%;}
.job_list_con2 .three{width:70%;text-align: right;padding-right:80px;}

/*表格*/
table{
    border-collapse:collapse;
    text-align: center;
    width:100%;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
   /* table-layout: fixed;*/
}
table tr:nth-child(odd){
    background: #e6e6e6;
    border: 1px solid #ccc
}
table tr:hover{
    background: #fdc500;

}
table td{
    border: 1px solid #ccc;
}
table tr:nth-child(1){
    background: #fdc500;
    border: 1px solid #ccc;
}
.contactb {
    position: relative;
}
/*地图*/
/*C2*/
.contactb { position: relative; }
.contactb:before { content: ""; /*position: absolute;*/ left: 0; top: 0; width: 100%; height: 100%; background-color: #231815; opacity: .2; z-index: 2; }
#allmap { height: 680px; margin-top: -95px; }
#allmap img { max-width: none; max-height: none; }
.contactb .dh { position: absolute; left: 50%; top: 50%; z-index: 3; width: 220px; height: 50px; background-color: #231815; box-shadow: 0px 0px 10px 0px
rgba(1, 124, 194, 0.2); text-align: center; line-height: 50px; color: #ffffff; font-size: 18px; margin-left: -110px; margin-top: 25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.contactb .dh i { font-size: 27px; color: #fff;  vertical-align: middle; display: inline-block; margin-top: -4px; }
.contactb .dh:hover { width: 240px; margin-left: -120px; }

/*C3*/
.contactc { padding-top: 95px; padding-bottom: 110px; }
.form-type-01 ul { }
.form-type-01 ul li { width: 32.36%; height: 60px; background-color: #ffffff; border: solid 1px #dddddd; align-items: center; }
.form-type-01 ul li label { width: 100px; font-size: 16px; color: #3c3c3c; opacity: 0.9; text-align: right; }
.form-type-01 ul li:last-child label { width: 130px; }
.form-type-01 ul li label i { font-size: 22px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.form-type-01 ul li input { flex: 1; padding-right: 15px; line-height: 30px; }
.form-type-01 textarea { width: 100%; height: 160px; background-color: #ffffff; border: solid 1px #dddddd; padding: 20px 25px; font-size: 16px; color: #81868e; opacity: 0.9; margin-top: 15px; vertical-align: middle; }
.form-type-01 .sub { display: block; margin: 40px auto 0; width: 100%; height: 60px; background-color: #767676; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; }
@media (max-width:1024px) {
    .form-type-01 ul li input { width: 50%; }
}
@media (max-width:768px) {
    .form-type-01 ul li { width: 100%; height: 50px; }
    .form-type-01 ul li label { font-size: 14px; }
    .form-type-01 ul li label i { font-size: 16px; }
    .form-type-01 ul li ~ li { margin-top: 10px; }
}
@media (max-width:640px) {
    .form-type-01 .sub { margin: 30px auto 0; width: 180px; height: 40px; line-height: 40px; font-size: 16px; }
    .form-type-01 textarea { height: 100px; border: solid 1px #dddddd; padding: 10px 10px; font-size: 14px; margin-top: 10px; }
    .form-type-01 ul li:last-child label { width: auto; }
}
/*关于我们*/
 .list li {
    width: 25%;
    float: left;
    text-align: center;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
    padding-top: 100px;
}
.list li .li_box .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
    transition: all 0.5s ease;
}
 .list li .li_box .t {
    font-size: 20px;
    line-height: 30px;
    color: #666;
    margin-bottom: 10px;
}
 .list li .li_box .number {
    font-size: 20px;
    color: #666;
}
.list li .li_box .number .num {
    font-size: 48px;
    line-height: 60px;
    color: #4381D9;
    font-family: Impact;
}
.list li .li_box sup {
    font-size: 36px;
    font-family: Arial;
}
 .list li .li_box .number {
    font-size: 20px;
    color: #666;
}
.list li .li_box sup{font-size:36px; font-family:Arial;}
.li_box:hover .icon{transform:rotateY(180deg);}
.list li .li_box .t{font-size:20px; line-height:30px; color:#666; margin-bottom:10px;}
/*服务支持*/
.hxjzl li {
    float: left;
    width: 25%;
    background-color: #eff6ff;
    color: #000;
    margin-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    height: 520px;
}
.hxjzl li h3 {
    font-size: 28px;
    text-align: center;
    margin-top: 30px;
}
.hxjzl li p {
    font-size: 14px;
    text-align: center;
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 30px;
    margin-top: 7px;
}
.hxjzl li .hxjzl_con {
    padding: 0 30px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 2em;
}
.hxjzl li:nth-child(2n) {
    background-color: #f8f7f8;
    color: #333333;
}
/*证书css*/
.zhengshu li{    float: left;
    padding: 5px 20px;
    width: 25%;    text-align: center;
 }