/*common*/
.flex-module{display: flex;gap:10px;}
.flex-module .flex-list{flex: 1;overflow: hidden;}
.flex{display: flex;}
*.black .banner-content .con *{color: #000;border-color: #000;}

#position{height: 80px;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;width: 100%;z-index: 2;}
#position .left{float: left;}
#position .left b{font-size: 16px;line-height: 80px;color: #fff;}
#position .right{float: right;}
#position .right a{display: inline-block;margin-left: 25px;color: #fff;font-size: 14px;line-height: 80px;}
#position .right a.on,#position .right a:hover{color: #EC6125;}

/*solution*/
#solution_hot{padding:10px;}


.sol-box{padding:60px 0;}
.sol-box .module>h2{text-align: center;}
.sol-box .module>p{margin:26px auto 56px;text-align: center;}
.sol-box .flex {position: relative;margin-top: 10px;}
.sol-box .flex * {color: #fff;width: 100%;}
.sol-box .flex .img img{display: block;width: 100%;}
.sol-box .flex::after{content:"";background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top:0;display: block;width: 100%;height: 100%;z-index: 2;}
.sol-box .flex .con{position: absolute;left: 0;bottom:0;width: 100%;padding:50px 25px;z-index: 3;}
.sol-box .flex .con p{margin-bottom: 15px;}
.sol-box .flex .con h2{font-weight: 300;}

#solution_product{background-color: #f8f8f8;padding:60px 0}
#solution_product .w1200>h2{text-align: center;}
#solution_product .w1200>p{margin:26px auto 56px;text-align: center;}
#solution_product .pro-hot a{float:left;width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;position: relative;height: 400px;}
#solution_product .pro-hot a:nth-child(2n){margin-right: 0;}
#solution_product .pro-hot a .img{height: 205px;display: flex;justify-content: center;align-items: center;}
#solution_product .pro-hot a .img img{height: 90%;width: auto;}
#solution_product .pro-hot a .banner-content{height: 100%;}

#sol_list_show {position: relative;}
#sol_list_show .sol_list{margin-bottom: 15px;}


#detail_box{background-color: #f8f8f8;}
#detail_box .detail_show .img_show p{line-height: 25px;}
#detail_box .detail_show .img_show img{max-width: 100%;}


.news{padding:80px 0;}
.news .module>h2{text-align: center;}
.news .module>p{text-align: center;margin:25px auto 60px}
.news .flex-module{gap: 20px;display: flex;flex-wrap: wrap;}
.news a {background-color: #fff;}
.news a .con{padding:40px 25px}
.news a .img{position: relative;}
.news a .img img{width: 100%;}
.news a .img::after{position: absolute;content: "";display: block;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,0.5);z-index: 3;}
.news a .con .tit{font-size: 18px;line-height: 27px;}
.news a .con .url{font-size: 13px;font-weight: bold;border: 1px solid #000;color: #000;border-radius: 25px;line-height: 25px;text-align: center;border:1px solid #000;margin-top:20px;width: 110px;}

/*@media for solution*/
@media(max-width:1440px){
    #solution_product .pro-hot a .img{height: 155px;}

    .news a .con .tit{font-size: 16px;}
}

@media(max-width:1100px){
    .sol-box{padding:30px 0;}
    .sol-box .module>p{margin:20px auto;}
    .sol-box .flex-module{display: block;}
    .sol-box .flex .con{padding:15px}

    #solution_product{padding:30px 0}
    #solution_product .w1200>p{margin:20px auto;}
    #solution_product .pro-hot a{height: 260px;}
    #solution_product .pro-hot a .img{height: 95px;}
    .banner-content .con p{font-size: 14px;}

    .news{padding:30px 0;}
    .news .module>p{margin:20px auto;}
    .news a .con{padding:20px 10px;}
    .news a .con .tit{font-size: 14px;line-height: 23px;}
}

@media(max-width:768px){
    #solution_product .pro-hot a{height: 200px;}
    #solution_product .pro-hot a .img{height: 70px;}
    .news a .con .tit{font-size: 13px;line-height: 21px;}
    .news .flex-module{display: block;}
    .news .flex-module a{margin-top: 10px;display: block;}
}










/*product*/
.pro-list-box{background-color: #f8f8f8;}
.pro-list-box .pro-list{height: 600px;}
.pro-list-box .pro-list .banner-content{height: 100%;}
#product.pro-list-box .pro-list{background-color: #eee;border-radius: 0;}
#product.pro-list-box  .pro-list:nth-child(2n){background-color: #fff;}
#product.pro-list-box  .pro-list.change{background-color: #fff;}
#product.pro-list-box  .pro-list:nth-child(2n).change{background-color: #eee;}
.m10{margin-bottom: 10px;}

.pro-list-box .pro-list .banner-content .con h3{font-size: 24px;font-weight: 500;}
.pro-list-box .pro-list  .banner-content .con a{display: block;width: 103px;border-radius: 25px;line-height: 27px;text-align: center;border:1px solid #fff;margin: 25px auto 25px;font-weight: bold;}



#cate_pro_list_box{background-color: #f8f8f8;}
#cate_pro_list_box .w1200>h2,#cate_pro_list_box .w1200>p{text-align: center;}
#cate_pro_list_box .cate-choose{margin:25px 0;text-align: center;}
#cate_pro_list_box .cate-choose a{font-size: 16px;height: 30px;line-height: 30px;border: 1px solid #000;padding:0 15px;font-weight: 500;border-radius: 27px;margin:0 10px}
#cate_pro_list_box .cate-choose a:hover,#cate_pro_list_box .cate-choose a.active{background-color: #EC6125;color: #fff;border-color: #EC6125;}

#cate_pro_list_box .cate-pro-list a{float: left;width: 31.3%;margin-left: 2%;margin-bottom: 2%;background-color: #fff;padding:65px 25px}
#cate_pro_list_box .cate-pro-list a:nth-child(3n){margin-right: 0;}
#cate_pro_list_box .cate-pro-list a .img{height: 180px;justify-content: center;align-items: center;display: flex;}
#cate_pro_list_box .cate-pro-list a .img img{max-height: 100%;width: auto;margin: 0 auto;}
#cate_pro_list_box .cate-pro-list a {text-align: center;}



.downloadpage {padding:80px 0}
#cate_pro_list_box.downloadpage .cate-choose{float: left;}
.pro-search form{float: right;position: relative;margin:25px 0;}
.pro-search form input[type=text]{width: 400px;height: 35px;line-height: 35px;padding-left: 10px;font-size: 14px;border:1px solid #999}
.pro-search form button{position: absolute;right: 0;top: 0;background-color: transparent;border: 0;text-indent: -200px;overflow: hidden;background-image: url(../images/icon_search_black.png);background-repeat: no-repeat;background-position: center;background-size: 13px;width: 37px;height: 28px;top: 4px;border-left: 1px solid #999;}

#cate_pro_list_box.downloadpage .cate-pro-list a.loadMore{height: auto;margin:50px auto 0;font-size: 16px;height: 30px;line-height: 30px;border: 1px solid #000;padding:0 15px;font-weight: 500;border-radius: 27px;width: 110px;text-align: center;float: unset;clear: both;display: block;}


#position .w1200{overflow: hidden;}

@media(max-width:1440px){
    #cate_pro_list_box .cate-pro-list a .img{height: 155px;}
    #cate_pro_list_box .cate-choose a{font-size: 15px;}
}

@media(max-width:1100px){
    .pro-list-box .pro-list{height: 450px;border: 1px solid #eee;}

    
    #cate_pro_list_box .cate-choose a{font-size: 14px;}
    #cate_pro_list_box .cate-pro-list a{width: 49%;padding:30px 15px;}
    #cate_pro_list_box .cate-pro-list a:nth-child(3n){margin-right: 2%;}
    #cate_pro_list_box .cate-pro-list a:nth-child(2n){margin-right: 0;}
    #cate_pro_list_box .cate-pro-list a .img{height: 100px;}


    /* #position{position: relative;height: auto;background-color: #000} */


    .downloadpage {padding:30px 0}

    #cate_pro_list_box.downloadpage .cate-choose{width: 100%;}
    #cate_pro_list_box.downloadpage .pro-search{width: 100%;margin-top: 10px;overflow: hidden;text-align: center;}
    .pro-search form{float: unset;width: 100%;}
    .pro-search form input[type=text]{width: 100%;}
}

@media(max-width:768px){
    .pro-list-box .pro-list{height: 270px;border: 1px solid #eee;}

    #cate_pro_list_box .cate-choose a{margin:0;margin-top: 10px;width: 100%;display: block;}
    #cate_pro_list_box .cate-pro-list a .img{height: 70px;}


    #position .w1200{padding:20px;}
    #position .left b{line-height: 24px;}
    #position .right{float: left;text-align: left;width: 100%;}
    #position .right a{margin-left: 0;margin-right: 5px;line-height: 24px;margin-top: 10px;}
}



/*service*/
#detail_box.service_list{padding:80px 0;}

@media(max-width:1100px){
    #detail_box.service_list{padding:30px 0}

   
}



/*about*/
.module .con-box{margin-bottom: 10px;}
.module .con-box:nth-child(1) .flex-list{background-color: #f9bcab;}
.module .con-box:nth-child(2) .flex-list{width: 49%;height: 300px;}
.module .con-box:nth-child(2) .flex-list:nth-child(1){background-color: purple;}
.module .con-box:nth-child(3) .flex-list:nth-child(1) .con:nth-child(1){background-color: pink;}
.module .con-box:nth-child(3) .flex-list:nth-child(2){background-color: #dee2f7;}
.module .con-box .flex-list {border-radius: 15px;padding:40px;}
.module .con-box:nth-child(3) .flex-list{padding:0;}
.module .con-box:nth-child(3) .con{margin-bottom: 10px;padding:40px;border-radius: 15px;}

#about_con{padding:80px 0}
#about_con>h2{text-align: center;}
#about_con>p{text-align: center;margin:25px auto 60px}


/*#news*/
#news-list{background-color: #f8f8f8;}
#news-list .news a{background-color: #fff;display: block;flex: 0 0 calc(50% - 10px);}



#news_show{padding:45px 0 100px;background-color: #f8f8f8;}
#news_show .left{float: left;width: 71%;}
#news_show .right{float: right;width: 25.5%;}

#news_show .left .news_title{font-size: 30px;line-height: 35px;}
#news_show .left .icon_news{margin: 15px 0 30px;padding-bottom: 35px;border-bottom: 1px solid #ccc;}
#news_show .left .show_p_des{line-height: 1.6;}

#news_show .left .viewpage a{display: block;margin-top: 20px;}

#news_show .right .right-box{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
#news_show .right .content-title{font-size: 24px;}
#news_show .right .menu-list a{margin-top: 30px;display: block;}
#news_show .right .menu-list a b{font-size: 16px;line-height: 1.6;}
#news_show .right .menu-list a img{display: block;width: 100%;}
#news_show .right .menu-list a .m15{margin-bottom: 15px;}
#news_show .right .share a{display: block;margin-top: 20px;padding-left: 40px;height: 35px;line-height: 35px;font-size: 16px;background-image: url(../images/share.png);background-repeat: no-repeat;}

#news_show .right .share a.weibo{background-position: 0 0px;}
#news_show .right .share a.wechat{background-position: 0 -35px;}


@media(max-width:1440px){
    #news_show .left .news_title {font-size: 24px;line-height: 30px;}
}

@media(max-width:1100px){
    #news_show{padding:30px 0;}

    #news_show .left{width: 100%;}
    #news_show .left .news_title {font-size: 20px;line-height: 27px;}

    #news_show .right{width:100%;padding:20px 15px;background-color: #fff;margin-top: 20px;}


    #news_show .right .menu-list a b{font-size: 14px;}
}

@media(max-width:1100px){
    #news_show .left .news_title {font-size: 18px;line-height: 25px;}

    #news_show .right .menu-list a b{font-size: 13px;line-height: 21px;}
}


#page_contact{padding:25px 0 50px;background-color: #fff;}
#page_contact .page_h2_title{text-align: left;margin-bottom: 20px;text-transform: capitalize;}
#page_contact .left{float: left;width: 47%;}
#page_contact .left img{max-width: 100%;max-height: 100%;width: auto;}

#page_contact .left .contact_box{padding: 30px 40px 30px 80px;background-color: #bdd8f2;overflow: hidden;margin-bottom:15px}
#page_contact .left .contact_box p{font-size: 16px;line-height: 22px;margin-bottom: 10px;}
#page_contact .right .contact_box{padding: 30px 40px 30px 80px;background-color:#c7c1c2;overflow: hidden;margin-bottom:15px}
#page_contact .right .contact_box p{font-size: 16px;line-height: 22px;margin-bottom: 10px;}


#page_contact .right{float: right;width: 50%;}
#page_contact .input_list{float: left;margin-right: 6%;width: 47%;margin-bottom: 3%;}
#page_contact .input_list:nth-child(3){margin-right: 0;}
#page_contact .input_list label{display: block;font-size: 16px;}
#page_contact .input_list input{width: 100%;border:0;outline: 0;height: 55px;line-height: 55px;padding-left: 5px;margin-top:10px;border: 1px solid #ccc;}
#page_contact .area_list{width: 100%;clear: both;margin-top: 3%;}
#page_contact .area_list label{display: block;font-size: 16px;}
#page_contact .area_list textarea{width: 100%;border:0;outline: 0;height: 235px;padding:10px 7px;border: 1px solid #ccc;margin-top:20px;}
#page_contact #contactSub{outline:0;border:0;width: 100%;text-align: center;background-color: #EC6125;color: #fff;margin-top: 30px;height: 55px;line-height: 55px;display: block;font-size: 16px;}




#join_contact{padding-bottom: 100px;}
#join_contact .h1_title{padding: 50px 0 0 0;text-align: center;font-size: 50px;}
#join_contact .subtitle{margin-bottom: 35px;text-align: center;}
#join_contact .join_box{padding:115px 135px;background-image: url(../images/join-back.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
#join_contact .join-box-one{text-align:center;}
#join_contact .join_box b{font-size: 30px;line-height: 35px;color: #fff;}
#join_contact .join_box p{font-size: 16px;line-height: 24px;margin:25px 0 100px;color: #fff;}
#join_contact .join_box a{display: inline-block;font-size: 14px;border: 1px solid #fff;color: #fff;padding:15px 27px;padding-right: 75px;background-image: url(../images/icon_bjt_w.png);background-repeat: no-repeat;background-position: 85% center;}

@media(max-width:1440px){
    #add_contact .top .list{font-size: 20px;}
    #add_contact .top .list:nth-child(3){font-size: 16px;}
    #page_contact .left .contact_box p{font-size: 15px;line-height: 22px;}

    #join_contact .join_box{padding: 10% 12%;}

    #join_contact .join_box b{font-size: 26px;line-height: 32px;}
    #join_contact .join_box p{font-size: 15px;line-height: 22px;}
    #join_contact .join_box a{font-size: 13px;}
}


@media(max-width:1100px) {
    #page_contact{padding:35px 0;}
    #page_contact .page_h2_title{margin-bottom: 20px;}
    #page_contact .left{width: 100%;margin-bottom: 20px;height: auto;}
    #page_contact .left #contactSub{margin-top: 15px;}

    #page_contact .left .contact_box{margin-bottom: 25px;}
    
    #page_contact .right{width: 100%;margin-top: 20px;}
    #page_contact .left .contact_box p{font-size: 14px;line-height: 20px;background-size: 25px auto;}


    #add_contact{padding:35px 0;}
    #add_contact .page_h2_title{margin-bottom: 20px;}
    #add_contact .top{margin-bottom: 20px;}
    #add_contact .top .list{font-size: 17px;line-height: 22px;}
    #add_contact .top .list:nth-child(3){font-size: 15px;line-height: 20px;}
    #page_contact .input_list label{font-size: 14px;}
    #page_contact .area_list label{font-size: 14px;}
    #page_contact .input_list input{height: 40px;line-height: 40px;font-size: 14px;}
    #page_contact .area_list textarea{font-size: 14px;height: 140px;margin-top: 10px;}

    
    #join_contact{padding-bottom: 35px;}
    #join_contact .join_box{padding: 20px 20px;}
    #join_contact .join_box p{margin:20px 0 25px;}

    
    #join_contact .join_box b{font-size: 22px;line-height: 28px;}
    #join_contact .join_box p{font-size: 14px;line-height: 20px;}
    #join_contact .join_box a{font-size: 12px;}

    #page_contact #contactSub{height: 40px;line-height: 40px;font-size: 14px;}
}


@media(max-width:768px){
    #add_contact .top{display: block;}
    #add_contact .top .list{font-size: 14px;line-height: 18px;background-size: 30px;margin-bottom: 10px;padding-left: 50px;}
    #add_contact .top .list:nth-child(3){font-size: 14px;line-height: 17px;margin-top: 0;background-position: 5px 0px;}
    #page_contact .left .contact_box p{font-size: 13px;line-height: 18px;}
    #page_contact .left .contact_box{display: block;}

    #page_contact .left .contact_box p:nth-child(2){width: 100%;}
    #page_contact .left .contact_box p:nth-child(3){width: 100%;}

    #page_contact .input_list{width: 100%;}
    
    #join_contact .join_box b{font-size: 20px;line-height: 24px;}
    #join_contact .join_box p{font-size: 13px;line-height: 18px;}
    #join_contact .join_box a{font-size: 12px;}
}