@charset "UTF-8";
@import "https://at.alicdn.com/t/font_1286435_j05r9uptgj8.css"; /*客户网站公用*/
@import "base.css";




body{max-width: 1920px;font-size:16px;line-height: 1.5;font-family: "Microsoft Yahei",Arial,Verdana,SimSun, sans-serif;overflow-x: hidden;}
a{color: #000000}


.container{width:98%;max-width: 1200px;margin: 0 auto;}
.font_20{font-size: 20px;}

.menu-button{position:fixed;width: 24px;top: 60px;right:10px;z-index: 999;padding: 9px 10px;margin-right: 15px;margin-top: 8px;margin-bottom: 8px;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;display: none;background: #ffffff;}
.menu-button:hover{background: #ddd}
.menu-button span{width:100%;display: block;height: 2px;background:#888;border-radius: 1px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu-button span:nth-child(2){margin: 4px 0}

.menu-button.cross span:nth-of-type(1) {-webkit-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
.menu-button.cross span:nth-of-type(2) {opacity: 0;}
.menu-button.cross span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}

.top{background: #f5f5f5;color: #7f7f7f;line-height:3;font-size: 14px;}
.top a{color: #7f7f7f;}
.top .top_r{float: right;}
.top .top_r a{display: inline-block;padding: 0 5px;position: relative}
.top .top_r span{display: none;width:90px;border: 8px solid #ffffff;box-shadow: 2px 0 10px rgba(13,5,9,0.3);position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.top .top_r a:hover span{display: block;}


.header{padding: 25px 0}
.header .logo{float: left;width: 212px;}
.header .logoText{float: left;color: #333333;margin-left: 25px;padding-left: 25px;margin-top: 30px;position: relative;}
.header .logoText:before{position: absolute;width: 1px;height: 90%;background: #e7e7e7;top: 50%;left: 0;transform: translateY(-50%);content: ''}
.header .logoText h3{font-size: 34px;line-height: 1;margin-bottom: 8px;color: #0b83fa}
.header .logoText h4{font-size:18px;}
.header .search{float: right;width: 360px;color: #757575;text-align: right;margin-top: 10px;}
.header .search h3{color: #0b83fa;font-family: Arial;font-size:20px;letter-spacing: -1px;margin-bottom: 5px;}
.header .search h3 .iconfont{font-size: 20px;margin-right: 5px;}
.header .search .search_box .inputs,.header .search .search_box .btn_sure{float: left;height: 38px;line-height: 38px;border: 1px solid #0b83fa;box-sizing: border-box}
.header .search .search_box .inputs{width: calc(100% - 60px);text-indent: 15px;}
.header .search .search_box .btn_sure{width: 60px;height: 38px;cursor: pointer;background: #0b83fa}
.header .search .search_box .btn_sure .iconfont{color: #ffffff;font-size: 30px;}

.nav{padding: 20px 0}
.nav li{display: inline-block;margin-right: 40px;position: relative}
.nav li:last-child{margin-right:0;}
.nav li>a{color: #333333;line-height: 2;}
.nav li.current>a{color: #0b83fa}
.nav li:hover:before,.nav li.current:before{position: absolute;width: 100%;content: '';height:2px;background: #0b83fa;left: 0;bottom: 0;}
.nav .nav_child{border: 1px solid #d1d1d1;line-height: 36px;padding: 15px;box-sizing: border-box;position: absolute;width: 148px;top: 100%;left: 50%;transform: translateX(-50%);font-size: 14px;background: rgba(255,255,255,0.9);display: none;z-index: 10}
.nav .nav_child a{color: #0b83fa;display: block}
.nav li:hover .nav_child{display: block}

/*.banner .swiper-container{*/
/*    --swiper-theme-color: #0b83fa;*/
/*    --swiper-pagination-color:#0b83fa ;*/
/*}*/

.banner ul li{height: 650px;background-position: center;background-repeat: no-repeat;background-size: cover}
.banner ul li a{display: block;width: 100%;height: 100%;}
.banner .swiper-pagination-bullet{width: 32px;height: 5px;opacity: 1;border-radius: 0;background: #ffffff}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0b83fa}

.banner_page {height: 465px;background-size: cover;background-repeat: no-repeat;background-position: center;}


.show_mobile{display: none}

@media screen and (max-width: 1200px){
    body{font-size: 14px;}
    .banner ul li{height: 400px;}
    .banner_page {height: 320px;}

}
@media screen and (max-width:1024px){
    body{font-size: 12px;}
    .top p{text-indent: -999em;}
    .menu-button{display: block}

    .header{padding: 15px 0}
    .header .logo{width: 130px;}
    .header .logoText{margin-left: 25px;padding-left: 25px;margin-top:10px;}
    .header .logoText h3{font-size: 20px;}
    .header .logoText h4{font-size:14px;}

    .header .search{display: none}

    .nav{padding:0;background: #ffffff;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;display: none}
    .nav.open{display: block}
    .nav li{display:block;margin:0;text-align: center;}
    .nav li:first-child{margin-top: 50px;}
    .nav li>a{font-size: 18px;line-height: 2.5;display: block}
    .nav .nav_child{display: none!important;}
}
@media screen and (max-width:812px){
    .header .logoText{display: none}
    .banner ul li{height: 200px;}
    .banner_page {height:200px;}

    .no_mobile{display: none}
    .show_mobile{display: block}
}

.in_box{padding: 20px 0;}
.in_box ul li{margin-right: 6px;margin-bottom: 10px;width: calc((100% - 18px)/4);float: left;background-repeat: no-repeat;background-position: right center;background-color: #0e7ae4;color: #ffffff;box-sizing: border-box;padding: 50px 20px;font-size: 15px;}
.in_box ul li:nth-child(4n){margin-right: 0;}
.in_box ul li h3{font-size: 22px;font-weight: bold}
.in_box ul li a{color: #ffffff}

.title{padding: 30px 0;color: #666666}
.title h3{font-size: 50px;color: #333;margin-bottom: 10px;}
.title h3 span{color: #0b83fa;position: relative;display: inline-block;margin-left: 20px;padding-left: 30px;}
.title h3 span:before{width:14px;height: 14px;background: #333;border-radius: 50%;position: absolute;content: '';top: 50%;left: 0;transform: translateY(-50%);}
.title h3 span:after{width:84px;height: 2px;background: #333;position: absolute;content: '';left: 12px;bottom: 0;transform: translateY(-50%);}

.title.white,.title.white h3,.in_recommend .title.white h3 span{color: #ffffff;}
.title.white h3 span:before,.title.white h3 span:after{background: #ffffff;}



.in_proClass{background: #f1f1f1;padding-bottom: 40px;}
.in_proClass ul li{width: 33.3%;float: left;padding-bottom: 20px;background: #ffffff;}
.in_proClass ul li .img{position: relative;overflow: hidden}
.in_proClass ul li .img:after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #000;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.in_proClass ul li:hover .img:after{transform:scale(1) rotate(0deg);opacity:.5;}
.in_proClass ul li h3{padding: 20px 30px;}

.ad{padding: 40px 0 10px;}


@media screen and (min-width:1200px){
    .in_pro>div{height:808px;}
}
.in_pro{font-size: 18px;margin-bottom: 40px;}
.in_proL{background: #0b83fa;color: #ffffff;width: 244px;box-sizing: border-box;padding: 8px;float: left}
.in_proR{width: calc(100% - 244px);float: right;border: 1px solid #cfcfcf;box-sizing: border-box;}
.in_proL .tit{font-size: 14px;padding-left: 20px;margin-bottom: 10px;}
.in_proL .tit h3{font-size: 30px;}
.in_proL.in_case{background: url("../images/in_case.jpg") no-repeat center;background-size: cover}
.in_proL.in_case .tit{padding-left:10px;margin-bottom: 10px;}

.in_proL .con{background: #ffffff;border-radius: 8px;padding: 10px 0;line-height:2.7}
.in_proL ul li{border-bottom: 1px solid #cccccc;padding-left: 30px;position: relative;}
.in_proL ul li:before{left: 18px;top: 50%;position:absolute;width: 6px;height: 6px;background: #999999;border-radius: 50%;transform: translateY(-50%);content: ''}
.in_proL ul li:last-child{border: 0;}

.in_proL .ma{color: #434343;text-align: center;border-top: 1px solid #cccccc;padding-top: 15px;}

.in_proR ul li{width:calc(25% - 20px);float: left;margin: 10px 10px 0;text-align: center;line-height:2}
.in_proR ul li a{color: #666666;}

.process{padding: 20px 0 35px;background: url("../images/process_bg.jpg") no-repeat center;background-size: cover;}
.process ul li{color: #ffffff;width: 20%;float: left;box-sizing: border-box;padding: 20px;position: relative}
.process ul li:nth-child(n+2):before{position: absolute;content: '>';left:-6px;top:90px;font-size: 24px;}
.process ul li h3{font-size: 24px;margin-top:8px;}

.in_recommend{background: #0b83fa;color: #ffffff;padding:15px 30px 50px; }
.in_recommend .pages{margin-top: 60px;}
.in_recommend .pages span{width: 30px;height: 10px;margin:0 10px;background: #ffffff;border-radius: 0;display: inline-block;opacity: 1;}
.in_recommend .pages span.swiper-pagination-bullet-active{background: #ff9000;}

.advantage{background: #f0f0f0;}
.advantage ul li{background: #ffffff;}
.advantage .img{width: 50%;float: left}
.advantage ul li:nth-child(even) .img{float: right}
.advantage .text{width: 50%;float: left;box-sizing: border-box;padding: 50px 20px 0 50px;}
.advantage .text .num{font-size: 48px;margin-bottom: 15px;line-height: 1.2;color: #0b83fa;padding-left: 20px;background: url("../images/advantage_num.jpg") no-repeat left center;background-size: contain;font-family: Arial}
.advantage .text .tit{font-size: 20px;color: #333333;margin-bottom: 10px;}
.advantage .text .tit h3{font-size:36px;}
.advantage .text .tit h3 span{color: #0b83fa}
.advantage .text dd{line-height: 1.8;color: #666666;position: relative;padding-left: 20px;}
.advantage .text dd:before{width: 6px;height: 6px;border-radius: 50%;background: #0b83fa;left:2px;top: 12px;content: '';position: absolute}

.in_swiper,.advantage,.in_partner{padding: 20px 0 70px;}

#thumbs{margin:8px 0 30px;text-align: center;padding: 0 8%;position: relative}
#thumbs .btn_left,#thumbs .btn_right{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
#thumbs .iconfont{font-size:40px;color: #666666}
#thumbs .btn_left{left:-8px;}
#thumbs .btn_right{right:8px;}

#thumbs li span{font-size: 18px;line-height: 2.3;border-radius: 30px;border: 1px solid #666666;color: #666666;cursor: pointer;display: block;}
#thumbs li.swiper-slide-thumb-active span{color: #ffffff;background: #0b83fa;border-color: #0b83fa}

#gallery .btn_left,#gallery .btn_right{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
#gallery .iconfont{font-size: 60px;color: #666666}
#gallery .btn_left{left: -60px;}
#gallery .btn_right{right: -60px;}

#gallery .swiper-slide{}
#gallery .img{position: absolute;width: calc(100% - 385px);height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;left: 0;top: 0;z-index: 0;}
#gallery .text{width: 385px;background: #e6e6e6;color: #666666;float: right;box-sizing: border-box;padding:20px;position: relative;z-index: 2}
#gallery .text h3{margin: 20px 0;font-size: 28px;line-height: 1.8;color: #333333;position: relative}
#gallery .text h3:before{position: absolute;width: 60px;height: 3px;background: #333333;content: '';left: 0;bottom: 0;}
#gallery .text ul li{margin-top: 20px;}


@media screen and (max-width:1024px){
    .font_20{font-size: 16px;}

    .title{padding:20px 0;}
    .title h3{font-size: 40px;}

    .in_pro{font-size: 16px;}

    .in_box ul li{width: calc((100% - 10px)/2);margin-right: 10px;padding: 50px 20px;font-size: 15px;}
    .in_box ul li:nth-child(2n){margin-right: 0;}
    .in_box ul li h3{font-size: 22px;}
    .in_proClass ul li h3{padding: 10px 20px;}
    .in_proR ul li{width: calc(33.3% - 20px)}

    .advantage .text{padding:20px 20px 0 20px;}
    .advantage .text .num{font-size: 38px;margin-bottom: 10px;padding-left:15px;}
    .advantage .text .tit{font-size: 16px;}
    .advantage .text .tit h3{font-size:30px;}
    .advantage .text dd{padding-left:10px;font-size: 14px;}
    .advantage .text dd:before{width:4px;height:4px;left:2px;top: 11px;}


    #thumbs li span{font-size: 16px;}

    .in_swiper,.advantage,.in_partner{padding: 20px 0 40px;}


}
@media screen and (max-width:812px){
    .title h3{font-size: 30px;}
    .title h3 span{margin-left: 15px;padding-left: 25px;}
    .title h3 span:before{width: 10px;height: 10px;}

    .in_box ul li{width: 98%;margin:0 auto 10px !important;padding:3.5vh 3vw;font-size: 15px;float: none}
    .in_box ul li h3{font-size: 22px;}

    .in_pro{border:0;margin-bottom: 40px;}
    .in_proL,.in_proR{width: 100%;float: none;}
    .in_proL .tit{font-size: 14px;padding-left: 20px;margin-bottom: 10px;text-align: center}
    .in_proL .tit h3{font-size:20px;}

    .in_proL ul{line-height:2.5;padding: 10px 0}
    .in_proL ul li{width: 25%;padding: 0 10px;display: inline-block;border: 0;box-sizing: border-box;float: left}
    .in_proL ul li:before{display: none}

    .in_proR ul li{width:48%;margin: 10px 1%}
    .in_recommend .pages{margin-top: 30px;}
    .advantage .img,.advantage .text{width: 100%;float: none!important;}
    .advantage .img img{width: 100%;}
    .advantage .text{padding: 20px 20px 30px;}
    .advantage .text .num{font-size: 30px;margin-bottom: 5px;padding-left:10px;}
    .advantage .text .tit{font-size: 14px;}
    .advantage .text .tit h3{font-size:26px;}


    #gallery .btn_left,#gallery .btn_right{display: none}
    #gallery .img{position: initial;width:100%;height:auto;}
    #gallery .text{width:100%;float: none;padding:20px;}
    #gallery .text h3{margin:0 0 10px;font-size: 20px;}
    #gallery .text ul li{width: calc(50% - 20px);margin: 10px;float: left}

    .in_swiper,.advantage,.in_partner{padding: 20px 0 20px;}
}

@media screen and (max-width:640px){
    .title{padding:20px 0;}
    .title h3{font-size:20px;}
    .title h3 span{margin-left: 5px;padding-left: 15px;}
    .title h3 span:before{width: 5px;height: 5px;}
    .title h3 span:after{display: none}



    .ad {padding: 5px 0;}
    .in_proClass{padding-bottom: 10px;}
    .in_proL ul li,.in_proClass ul li{width:50%;padding-bottom:0;text-align: center}
    .in_proR ul li{width:48%;margin: 10px 1% 0}

    .in_recommend{padding: 15px 20px 30px;}
}


.in_partner{background: #f1f1f1;}
.in_partner ul li{width: 19%;float: left;margin: 10px 0.5% ;}

.in_about{position: relative;z-index: 2;margin-top: -99px;}
.in_about .more{background: #0b83fa;color: #ffffff;width: 307px;float: left}
.in_about .more .text{padding: 35px 0 35px 40px;}
.in_about .more .text h3{font-size: 32px;}
.in_about .more .text p{font-size:18px;}
.in_about .more .text a{margin-top: 30px;width: 100px;border: 2px solid #ffffff;display: inline-block;border-radius: 50px;color: #ffffff;text-align: center;}
.in_about .about_text{margin-top: 99px;padding: 30px 10px 0 30px;background: #ffffff;width: calc(100% - 307px);float: left;box-sizing: border-box;color: #333333;}
.in_about .about_text .text{height: 140px;}
.in_about .about_text a{width: 180px;line-height: 40px;background: #e6e6e6;text-align: center;display: inline-block;margin-right: 20px;}
.in_about .about_text .iconfont{color: #706e6d;margin-right:5px;font-size: 20px;}
.in_about .about_text a:hover{background: #0b83fa;color: #ffffff}
.in_about .about_text a:hover .iconfont{color: #ffffff}

.in_about_list ul{margin: 30px 0}
.in_about_list ul li{width: calc((100% - 40px)/5);float: left;margin-right: 10px;}
.in_about_list ul li:nth-child(5n){margin-right: 0;}


.in_news .tit_box{margin: 15px 0;}
.in_news .tit{color: #666666;width: 50%}
.in_news .tit h3{font-size: 34px;color: #333333}
.in_news .tit_more{width: 50%;text-align: right}
.in_news .tit_more a{color: #666666;margin-left: 20px;font-size: 18px;}
.in_news .tit_more a:hover{color: #ff7419;border-bottom: 1px solid #ff7419;}

.in_news .l_news,.in_news .r_news{width: 48%;font-size: 14px;}
.in_news .l_news{background: #f7f7f7;color: #666666;float: left;line-height: 1.8}
.in_news .l_news .text{padding: 10px 25px 25px;}
.in_news .l_news .text h3{font-size: 18px;color: #333333;}
.in_news .l_news .text p{text-indent: 2em;}

.in_news .r_news{float: right;color: #999999;}
.in_news .r_news ul li{border-top: 1px solid #ececec;padding: 10px 0;}
.in_news .r_news ul li:last-child{border-bottom: 1px solid #ececec}
.in_news .r_news ul li .text{width: calc(100% - 97px);box-sizing: border-box;padding-right: 10px;}
.in_news .r_news ul li .text h3{font-size: 18px;color: #333333}
.in_news .r_news ul li .time{border-left: 1px solid #ececec;width: 96px;line-height: 1;text-align: center;font-family: Arial;}
.in_news .r_news ul li .time h3{color: #333333;font-size: 32px;}

.footer{background: #2a2a2a;padding: 15px 0;color: #ffffff;margin-top: 50px;}
.footer .foot_nav{border-bottom: 1px solid #555555;line-height:4;text-align: center;margin-bottom: 25px;}
.footer .foot_nav a{color: #ffffff;display: inline-block;padding: 0 18px;}
.footer .ma{width: 280px;line-height: 2.5}
.footer .ma img{max-width: 48%;margin: 0 1%}
.footer .foot_contact{width:calc(100% - 280px);}
.footer .foot_contact .tit{font-size: 30px;line-height: 48px;}
.footer .foot_contact .tit span{font-family: Arial;font-size: 24px;}
.footer .foot_contact ul li{width: 50%;float: left;margin:10px 0 15px;font-size: 14px;}
.footer .foot_contact ul li h3{text-indent: 10px;background: #ffffff;font-size: 18px;color: #2a2a2a;width: 200px;line-height:1.9;margin-bottom: 10px;}
.footer_b{background: #1b1b1b;color: #999999;font-size: 14px;padding: 20px 0}
.footer_b a{color: #999999}

@media screen and (min-width:812px){
    .footer .foot_info{display: flex;justify-content: space-between;align-items: center;}

}


@media screen and (max-width:1200px){
    .in_partner ul li{width: 23%;margin: 10px 1% ;}

    .in_about{margin-top: -88px;}
    .in_about .more{width: 270px;}
    .in_about .more .text{padding: 35px 0 35px 20px;}
    .in_about .about_text{margin-top:88px;padding: 30px 10px 0 30px;width: calc(100% - 270px);}
    .in_about .about_text .text{height: 132px;font-size: 14px;}
    .in_about .about_text a{width: 150px;margin-right: 15px;}

    .in_about_list ul li{width: 31.3%;float: left;margin:0 1% 10px !important;}


    .footer{padding: 10px 0;margin-top: 40px;}
    .footer .foot_nav{margin-bottom: 15px;}
    .footer .foot_nav a{padding: 0 10px;}

    .footer .ma{width: 230px;}
    .footer .foot_contact{width:calc(100% - 230px);}
    .footer .foot_contact .tit{font-size: 26px;}
    .footer .foot_contact .tit span{font-size: 18px;}
    .footer .foot_contact ul li{font-size: 14px;}
    .footer .foot_contact ul li h3{font-size: 16px;width: 200px;}

}

@media screen and (max-width:812px){
    .in_partner ul li{width: 31.3%;margin:5px 1% ;}

    .in_about{margin-top:-20px;}
    .in_about .more,.in_about .about_text{width: 100%;}
    .in_about .more .text{padding:3.5vh 3vw;}
    .in_about .about_text{margin-top:0;padding: 15px 25px;}
    .in_about .about_text .text{height:auto;margin-bottom: 10px;}
    .in_about .about_text a{width:auto;margin-right: 5px;margin-bottom: 5px;padding: 0 15px;}

    .in_about_list ul li{width:48%;}
    .in_news .tit{display: none}

    .in_news .l_news,.in_news .r_news,.in_news .tit_more{width: 100%;float: none;font-size: 12px;}
    .in_news .l_news .text{padding: 10px 15px 15px}
    .in_news .r_news ul li .time{width: 80px;}
    .in_news .r_news ul li .text{width: calc(100% - 80px)}


    .footer{margin-top: 20px;padding-bottom: 50px;}

    .footer .ma,.footer .foot_contact{width:100%;float: none}
    .footer .foot_contact .tit{font-size: 22px;}
    .footer .foot_contact .tit span{font-size: 16px;}

    .footer .foot_contact ul li{font-size: 12px;width: 100%}
    .footer .foot_contact ul li h3{font-size: 16px;width: 200px;}
    .footer_b{font-size: 12px;}
    .footer .ma img{max-width: 120px;}

}




.post{padding: 20px 0 15px;margin-bottom: 20px;border-bottom: 1px  #dcdcdc dashed;color: #666666;line-height: 1;font-size: 14px;}
.post span{border-left: 10px #f8a231 solid;padding-left: 15px;}
.post a{color: #666666}

.proL{width: 240px;float:left;position: relative;z-index: 2}
.proR{width: calc(100% - 270px);float:right}

.proL>div{margin-bottom: 20px;}
.proL>div:last-child{margin-bottom: 0;}
.proL_category .tit{font-size: 24px;color: #ffffff;background: #077cf1;line-height: 3;margin-bottom: 1px;}
.proL_category h3{background: #077cf1;color: #ffffff;line-height: 2.7;margin-bottom: 1px;}
.proL_category h3 a{color: #ffffff}
.proL_category .box_con .more{background: #077cf1;color: #ffffff;padding: 0 10px;margin: auto;width: 80px;line-height: 30px;text-align: center;cursor: pointer;display: none}
.proL_category .box a{font-size: 16px;line-height: 3;background: #ececec;border-bottom: 1px #ffffff solid;padding: 0 30px;position: relative;display: block;color: #666666;}
.proL_category .box  a .iconfont{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);font-size: 18px;}
.proL_category .box  a:hover,.proL_category .box  a.current{color: #077cf1}
.proL_category .box  a:hover .iconfont,.proL_category .box  a.current .iconfont{font-weight: bold;}

.proL_recommend{border: 1px solid #ececec;padding-bottom: 20px;}
.proL_recommend .tit{background: #e1e1e1;line-height: 2.5;color: #ffffff}
.proL_recommend .tit span{background: #077cf1;display: inline-block;padding: 0 10px;}
.proL_recommend ul li{margin: 0 10px;padding: 20px 0;border-bottom: 1px #cccccc dashed;}
.proL_recommend ul li .img{width: 48%;float: left}
.proL_recommend ul li .text{width: 48%;float: right;color: #666666;font-size: 14px;}
.proL_recommend ul li .text h3{color: #077cf1;margin-bottom: 10px;}

.proL_contact .tit{color: #333333;line-height: 2.7}
.proL_contact .text{border-top: 1px solid #077cf1;border-bottom: 1px solid #077cf1;padding: 10px 0;line-height: 1.8}
.proL_contact .text strong{font-size: 20px}
.proL_ma{border: 1px solid #ececec;color: #077cf1;line-height: 2;padding: 10px 0;}


.proR .tit{margin-bottom: 20px;color: #077cf1;border-bottom: 1px #d6d6d6 solid;line-height: 2.5;}
.proR .tit span{border-bottom: 2px solid #077cf1;display: inline-block;}

.proList{margin: 10px 0}
.proList li{width: 23%;margin: 10px 1%;box-sizing: border-box;border: 1px solid #dfdfdf;line-height: 3;float: left}

.pages{margin:10px;}
.pages a{display: inline-block;border: 1px solid #e5e5e5;padding: 1px 10px;margin: 2px;}
.pages a.current,.pages a:hover{background:#077cf1;color: #FFFFFF;border-color: #077cf1}

.recommend_pro{background: #ececec;margin-top: 40px;padding: 15px 0;}
.recommend_pro .t{border-bottom: 1px solid #d2d2d2;line-height: 2;}
.recommend_pro .t span{border-bottom: 2px solid #077cf1;display: inline-block;margin-left: 10px;padding: 0 8px;}
.recommend_pro .box{margin: 25px;padding: 0 50px;position: relative;}
.recommend_pro .box .btn .iconfont{font-size: 20px;}
.recommend_pro .box .btn{position: absolute;top:50%;transform: translateY(-50%);width: 30px;height: 30px;background: #cccccc;color: #ffffff;cursor: pointer;}
.recommend_pro .box .btn:hover{background: #077cf1}
.recommend_pro .box .btn_left{left: 0;}
.recommend_pro .box .btn_right{right: 0;}
.recommend_pro .box li{line-height: 3;}



@media screen and (max-width:1024px){
    .proL_category .tit{font-size: 20px;}
    .proL_category .box a{font-size: 14px;line-height: 3;padding: 0 20px;}
    .proL_category .box a.iconfont{right: 20px;font-size: 18px;}

    .proL_recommend{padding-bottom:10px;}
    .proL_recommend ul li{padding: 10px 0;}

    .proList li{width: 31.3%;}
    .recommend_pro{margin-top: 20px;}

}

@media screen and (max-width:812px){
    .no_mobile{display: none!important;}
    .show_mobile{display: block!important;}

    .proL,.proR{width: 100%;float: none}

    .proL_category .tit{font-size:18px;}
    .proL_category h3{background: #ececec;margin-bottom: 0;cursor: pointer}
    .proL_category h3 a{color: #666666}
    .proL_category ul li{width: 50%;float: left;}
    .proL_category ul li:nth-child(odd):after{width: 1px;height: 100%;position: absolute;content: '';right: 0;top: 0;background: #ffffff}
    .proL_category ul{position: relative;z-index: 99}
    .proL_category ul li.current h3{background: #077cf1;color: #ffffff;}
    .proL_category ul li.current h3 a{color: #ffffff}
    .proL_category ul li.current .box_con{display: block}
    .proL_category ul li.current .box_con .more{display: block}
    .proL_category .box_con {width: 100%;position: absolute;left: 0;top: 100%;}
    .proL_category.proL_proM .box{display: none;}

    .proL_recommend{padding-bottom:10px;}
    .proL_recommend ul li{padding: 10px 0;}

    .proList li{width:48%;}
    .recommend_pro{margin-top: 20px;}

}
@media screen and (max-width:640px){
    .proL_category .tit{font-size: 16px;}
    .proL_category .box a{font-size: 12px;}
}



/*pro  show*/
.pro_show{border:1px solid #1684f2;padding: 20px;position: relative;margin-bottom: 30px;}
.pro_show .img{width: 52%;position: absolute;left: 0;top: 0;height: 100%;background-repeat: no-repeat;background-position: center}
.pro_show .text{width:48%;padding-left: 20px;float: right;background: #ffffff;position: relative;z-index: 2;color: #545454;box-sizing: border-box}
.pro_show .text h3{font-size: 30px;color: #077cf1;border-bottom: 1px #cccccc dashed;padding-bottom: 15px;}
.pro_show .text .info{padding: 10px 0;color: #666666;font-size: 14px;line-height: 2;height: 240px;}
.pro_show .text .tel{font-size: 24px;color: #077cf1;}
.pro_show .text .info_point{font-size: 18px;color: #fe6400;margin-bottom: 10px;}
.pro_show .text .btn_call{border-radius: 5px;padding: 0 20px;color: #ffffff;line-height: 2;background: #077cf1;display: inline-block;}

.content{color: #333333;line-height: 1.8;padding: 10px 0;}

.show{padding-bottom: 10px;}
.show .show_tit{font-size: 22px;color: #444444;line-height: 2;padding: 20px 0}
.show .show_tit h3{color:#000000;font-size: 30px;}
.show .show_tit span{padding: 0 20px;position: relative}
.show .show_tit span:before,.show .show_tit span:after{width: 50px;height: 2px;background: #077cf1;position: absolute;top: 50%;content: ''}
.show .show_tit span:before{left: -50px;}
.show .show_tit span:after{right: -50px;}

.show_ul,.show_img,.show_list .text{margin-bottom: 40px;}
.show_ul li{width: 25%;margin: 10px 0;float: left;font-size: 18px;color: #666666;}
.show_ul li h3{font-family: Impact;color: #fe6400;font-size: 50px;line-height: 1}
.show_ul li h4{font-size: 26px;color: #444444;line-height: 1;margin: 10px 0}

.show_list li{width: 31.3%;margin:0 1% 15px;float: left;border-radius: 10px;overflow: hidden;position: relative;text-align: center}
.show_list li p{position: absolute;width: 100%;left: 0;bottom: 0;color: #ffffff;line-height: 3;background: rgba(0,0,0,0.7);}
.show_list .text{font-size: 18px;color: #666666;line-height: 2}

.show_box{background: #f7f7f7;}
.show_box .img{width: 52%;position: absolute;top: 0;right: 0;height: 100%;background-repeat: no-repeat;background-position: center}
.show_box .text{width:48%;padding: 40px 40px 60px;line-height: 2;position: relative;z-index: 2;color: #666666;box-sizing: border-box}
.show_box .text h3{font-size: 20px;background: #077cf1;width:100%;max-width: 220px;margin:20px auto;color: #ffffff}
.show_box .swiper-container{margin-top: 10px;}

.show_about{margin-bottom: 20px;}
.show_about .img{left: 0;}
.show_about .text{float: right}

.newList{padding-bottom: 45px;}
.newList li{padding: 24px 0;border-bottom: 1px #e6e9ea solid;}
.newList li>a{display: block;position: relative;}
.newList li .img{position: absolute;width: 260px;height: 100%;background-repeat: no-repeat;background-position: center;}
.newList li .text{float: right;width:calc(100% - 300px);padding: 15px 0 20px;font-size: 14px;color: #969696}
.newList li .text h3{font-size: 18px;color: #00191d;margin: 10px 0}
.newList li .text p{color: #666666;margin-bottom: 40px;}


.news_show {color: #333333;line-height: 1.8;padding-bottom: 50px;}
.news_show .show_tit{font-size: 14px;color: #969696;padding: 20px 0;margin-bottom: 25px;line-height: 2;}
.news_show .show_tit h3{font-size: 28px;color: #333333;}

.show_next{padding: 20px 0;display: flex;align-content: center;justify-content: space-between;}
.show_next>div{width: 47%;padding: 25px 20px 40px;box-shadow: 0 0 16px rgba(13,5,9,0.1);border-radius: 5px;border-top: 4px #077cf1 solid;box-sizing: border-box;line-height: 2.5}
.show_next span{margin-bottom: 15px;position: relative;color: #333333;display: inline-block}
.show_next span:before{position: absolute;width: 80%;height: 2px;background: #077cf1;left: 0;bottom: 0;content: '';}
.show_next a{display: block}
.show_next p{color: #969696;font-size: 14px;}





@media screen and (max-width:1024px){
    .pro_show{padding: 15px;margin-bottom: 20px;}
    .pro_show .text h3{font-size:26px;padding-bottom:5px;}
    .pro_show .text .info{height:auto}
    .pro_show .text .tel{font-size: 20px;}
    .pro_show .text .info_point{font-size: 16px;margin-bottom: 10px;}
    .pro_show .text .btn_call{padding: 0 20px;color: #ffffff;line-height: 2;background: #077cf1;display: inline-block;}

    .show .show_tit{font-size:18px;padding:10px 0}
    .show .show_tit h3{font-size:26px;}
    .show .show_tit span{padding: 0 15px;}
    .show .show_tit span:before,.show .show_tit span:after{width:30px;}
    .show .show_tit span:before{left: -30px;}
    .show .show_tit span:after{right: -30px;}

    .show_ul,.show_img,.show_list .text{margin-bottom:20px;}
    .show_ul li{width: 25%;font-size: 16px;}
    .show_ul li h3{font-size:40px;}
    .show_ul li h4{font-size: 20px;margin: 10px 0}

    .show_list li{width: 31.3%;margin:0 1% 15px;}
    .show_list li p{line-height: 3;}
    .show_list .text{font-size: 14px;}


    .show_box .img{width: 52%;}
    .show_box .text{width:48%;padding:20px 20px 30px;}
    .show_box .text h3{font-size: 20px;margin:10px auto;}

    .show_about{margin-bottom: 20px;}
    .show_about .img{left: 0;}
    .show_about .text{float: right}

    .newList li{padding:15px 0;}
    .newList li .img{width: 200px;}
    .newList li .text{width:calc(100% - 220px);padding: 10px 0;}


    .news_show {padding-bottom:30px;}
    .news_show .show_tit{font-size: 12px;padding: 10px 0;margin-bottom: 25px;}
    .news_show .show_tit h3{font-size: 22px;}

    .show_next{padding: 20px 0;display: block;font-size: 14px}
    .show_next>div{width: 100%;padding:10px 15px;border-top: 4px #077cf1 solid;line-height: 2;margin-bottom: 10px;}
    .show_next span{margin-bottom: 15px;}
    .show_next p{font-size: 12px;}
}

@media screen and (max-width:812px){
    .newList{margin-bottom: 20px;}
    .newList li .img{display: none}
    .newList li .text{width:100%;padding:0;font-size: 12px;}
    .newList li .text h3{font-size: 14px;}
    .newList li .text p{margin-bottom:10px;}

    .pro_show .img,.pro_show .text{width: 100%;float: none;padding: 0;position: initial;}
    .pro_show .img{height: 400px;margin-bottom: 10px;}
    .pro_show .text h3{font-size: 20px;}
    .pro_show .text .info,.pro_show .text .info_point{font-size: 12px;}

}

.about_category{padding: 10px 0 55px;}
.about_category a{width: calc(100% / 7);line-height: 3.3;float:left;display: inline-block;background: #f4f4f4;color: #333333;position: relative}
.about_category a:before{width: 1px;height: 100%;background: #dddddd;right: 0;top: 0;content: '';position: absolute}
.about_category a:last-child:before{display: none}
.about_category a.current{background: url("../images/about_categorybg.jpg") no-repeat center bottom;background-color: #0b83fa;color: #ffffff;}

.about_box li{width: 33.3%;float: left;box-sizing: border-box;padding:10px 20px 15px;text-align: center;color: #4f4f4f;font-size: 14px;}
.about_box li h3{font-size: 30px;color: #000000;margin: 5px 0;}
.about_show{color: #5a5a5a;line-height: 1.8;padding-bottom: 35px;}
.about_show .video{height:560px;}

.about_tit{padding: 20px 0;font-size: 18px;color: #777676;line-height: 1.3;text-transform: uppercase;}
.about_tit>span{padding: 0 25px;position: relative;display: inline-block;}
.about_tit>span:before,.about_tit>span:after{width: 240px;height: 3px;position: absolute;top: 50%;content: ''}
.about_tit>span:before{left: -240px;background: url("../images/about_tit1.png") no-repeat right center}
.about_tit>span:after{right: -240px;background: url("../images/about_tit2.png") no-repeat left center}
.about_tit h3{font-size: 36px;color: #0b83fa;}
.about_time .about_tit,.about_time .about_tit h3{color: #ffffff;}
.about_time .about_tit>span:before{background-image: url("../images/about_tit3.png")}
.about_time .about_tit>span:after{background-image: url("../images/about_tit4.png")}





.about_service{background: #f7f7f7;padding: 25px 0;margin-bottom: 40px;}
.about_service ul li{margin-right:1%;width: calc(97% / 4);margin-bottom: 10px;float: left;color: #767676;}
.about_service ul li:nth-child(4n){margin-right: 0;}
.about_service ul li .img{position: relative;}
.about_service ul li .ico_img{position: absolute;background: #ffffff;padding:12px;box-shadow: 4px 0 18px rgba(13,5,9,0.26);    left: 50%;bottom: 0;transform: translate(-50%, 50%);}
.about_service ul li .ico_img img{}
.about_service ul li .text{padding: 40px 35px;}
.about_service ul li h3{font-size: 26px;color: #333333;margin: 10px 0;}

.about_box2{padding-left: 50%;position: relative;margin-top: 10px;}
.about_box2 .img{width: 50%;height: 100%;position: absolute;left: 0;top: 0;background: url("../images/about_img2.jpg") no-repeat left top;background-size: cover}
.about_box2 .con{padding:50px 25px;background: url("../images/about_bg2.jpg") no-repeat center;background-size: cover;box-sizing: border-box}
.about_box2 .text{padding:60px 0 50px;color: #333333;}
.about_box2 .text p{text-indent: 2em;margin-bottom: 24px;}
.about_box2 ul li{width: calc(98% / 3);float: left;margin-right: 1%;margin-bottom: 15px;background: #ffffff;}
.about_box2 ul li:nth-child(3n){margin-right: 0;}

.about_box3 ul li{width: 50%;box-sizing: border-box;padding: 60px 10%;float: left;color: #666666;line-height: 1.7}
.about_box3 ul li h3{font-size: 26px;color: #0b83fa;padding: 18px 0;}
.about_box3 ul li a{display: inline-block;font-size: 20px;color: #ffffff;background: #ff7419;line-height: 2;padding: 0 20px;margin-top: 40px;}


.about_time{padding:30px 0 65px;background: url("../images/about_bg1.jpg") no-repeat center ;background-size: cover}
.about_time .box{position: relative;padding: 30px 20px;}
.about_time .box:before{position:absolute;width: 100%;height: 1px;background: #ffffff;left: 0;top: 50%;content: ''}
.about_time .btn{background: #e7e7e7;width: 60px;height: 60px;line-height: 60px;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.about_time .btn .iconfont{color: #0e5ac0;font-size: 30px;font-weight: bold}
.about_time .btn_left{left: -70px;}
.about_time .btn_right{right: -70px;}

.about_time ul li {color: #ffffff;}
.about_time ul li .con{height: 182px;position: relative;box-sizing: border-box;}
.about_time ul li:nth-child(even){padding-top:170px;}
.about_time ul li:nth-child(even) .con{padding-top:100px; }
.about_time ul li:nth-child(even) .con:before{position: absolute;width: 11px;height: 88px;content: '';background: url("../images/about_timebg.png") no-repeat center;top: 0;left:0}
.about_time ul li:nth-child(odd){padding-bottom:170px;}
.about_time ul li:nth-child(odd) .con{padding-bottom:100px; }

.about_time ul li:nth-child(odd) .con:before{position: absolute;width: 11px;height: 88px;content: '';background: url("../images/about_timebg.png") no-repeat center;bottom: 0;left: 0;}
.about_time ul li h3{font-size: 30px;color: #ffb400;font-family: "Arial";font-weight: bold;line-height: 1;margin-bottom: 5px;}

.about_box4{padding: 25px 0;}
.about_box4 ul{background: #efefef;padding:15px 30px;}
.about_box4 ul li{float: left;margin:15px;width: calc(25% - 30px);color: #525252;font-size: 18px;}
.about_box4 ul li .img{margin-bottom: 20px;}

.about_pic ul li{margin-right:3%;margin-bottom: 20px;width: calc(94% / 3);float: left;color: #474747;line-height: 3}
.about_pic ul li:nth-child(3n){margin-right: 0;}

.contact{padding: 40px;margin-bottom: 50px;background: url("../images/contact_bg.jpg") no-repeat center;background-size: cover;}
.contact .box{width: 90%;max-width: 530px;padding:20px 30px;;float: right;background: #ffffff;box-sizing: border-box;box-shadow: 0 0 24px rgba(13,5,9,0.32);line-height: 1.67;color: #333333;border-radius: 20px;}
.contact .box h3{color: #ff7419;font-size: 18px;font-weight: bold}
.contact .box p{margin-bottom: 15px;}

.map{background: #f8f8f8;padding: 30px 0;}
.map .map_tit{border-bottom: 1px solid #c8c8c8;color: #333333;font-size: 20px;line-height: 2.5}
.map .map_tit span{display: inline-block;border-bottom: 3px #0b83fa solid}
.map #map{width: 100%;height: 430px;border: 1px #c6c0c3 solid;margin: 35px 0;}


.msg_tit{font-size: 18px;line-height: 3;color: #ffffff;}
.msg_tit span{background: #ff7419;display: inline-block;padding: 0 30px;}
.msg{border: 1px #cccccc solid;padding:30px; }
.msg .msg_box{width: 100%;max-width: 680px;margin: auto;}
.msg .btn_msg{background: #0066b3}
.msg .btn_reset{background: #dddddd}
.msg .layui-form-label{color: #666666}


.m_nav{position: fixed;width: 100%;left: 0;bottom: 0;background: #333333;border-top: 1px solid #d3d3d3;z-index: 98;display: none}
.m_nav ul li{width: 25%;padding: 10px 0;float: left;font-size: 14px;text-align: center;color: #fff}
.m_nav ul li .iconfont{font-size:20px;margin-bottom:3px;}
.m_nav ul li a{color: #fff;}
.m_nav ul li:hover,.m_nav ul li:first-child{background-color: #077cf1}

@media screen and (max-width:1200px){
    .about_category{padding: 10px 0 30px;}
    .about_box li h3{font-size: 22px;}
    .about_show{padding-bottom:20px;}
    .about_show .video{height:500px;}

    .about_tit{padding:15px 0;font-size: 16px}
    .about_tit>span{padding: 0 25px;}
    .about_tit h3{font-size:28px;}

    .about_service{padding: 25px 0;margin-bottom:20px;}
    .about_service ul li .ico_img{padding:12px;}
    .about_service ul li .ico_img img{width: 40px;}
    .about_service ul li .text{padding:30px 15px 10px;}
    .about_service ul li h3{font-size: 22px;}

    .about_box2 .con{padding:30px 25px;}
    .about_box2 .text{padding:30px 0 20px;}
    .about_box2 .text p{margin-bottom: 15px;}
    /*.about_box2 ul li{width:46%;margin:0 2% 10px !important;}*/

    .about_box3 ul li{padding: 30px 10%;}
    .about_box3 ul li h3{font-size: 22px;padding: 10px 0;}
    .about_box3 ul li a{font-size: 14px;padding: 0 20px;margin-top: 20px;}


    .about_time{padding:15px 0 30px;}
    .about_time .box{padding: 30px 20px;}
    .about_time .box:before{position:absolute;width: 100%;height: 1px;background: #ffffff;left: 0;top: 50%;content: ''}

    .about_time ul li .con{height: 120px;}
    .about_time ul li:nth-child(even) .con:before,.about_time ul li:nth-child(odd) .con:before{height:50px;background-size: contain}

    .about_time ul li:nth-child(even){padding-top:112px;}
    .about_time ul li:nth-child(odd){padding-bottom:112px;}
    .about_time ul li:nth-child(even) .con{padding-top:50px; }
    .about_time ul li:nth-child(odd) .con{padding-bottom:50px; }
    .about_time ul li h3{font-size:26px;}


    .about_box4 ul{padding:15px 10px;}
    .about_box4 ul li{margin:10px;width: calc(25% - 20px);font-size: 14px;}
    .about_box4 ul li .img{margin-bottom:10px;}



    .contact{padding:30px;margin-bottom: 30px;}
    .contact .box{padding:20px 30px;line-height: 1.67;font-size: 16px;}
    .contact .box h3{font-size: 16px;}
    .contact .box p{margin-bottom: 10px;}

    .map{padding: 20px 0;}
    .map #map{margin: 20px 0;}

    .msg{border: 1px #cccccc solid;padding:30px; }

}
@media screen and (max-width:812px){
    .about_tit{padding:10px 0;font-size: 14px}
    .about_tit>span{padding: 0 15px;}
    .about_tit h3{font-size:20px;}


    .about_category a{width: calc(100% / 3);}
    .about_category a.current{background-image: none}
    .about_box li{padding: 10px}
    .about_service ul li{width: 48%;margin: 0 1% 10px;}
    .about_service ul li p{height: 40px;}

    .about_box2{padding: 0;}
    .about_box2 .img{display: none}

    .about_box4 ul li{width: 48%;margin: 5px 1%;}

    .about_pic ul li{width:48%;margin: 0 1% 10px;line-height: 3}

    .contact{padding:20px;margin-bottom: 20px;}

    .contact .box{padding:10px 20px;font-size: 14px;float: none;margin: auto}
    .contact .box h3{font-size: 16px;}
    .contact .box p{margin-bottom: 10px;}
    .map .map_tit,.msg_tit{font-size: 16px;}
    .map{padding: 20px 0;}
    .msg{padding:20px; }
    .m_nav{display: block}
}

@media screen and (max-width:640px){
    .about_show .video{height:300px;}
    .about_box3 ul li{padding:15px 10px}
}