body{background:#fff;padding-top:0;}
.welcome{height:45px;background:#F5F5F5;line-height:45px;}
.welcome .fl,
.welcome i{font-size:14px;color:#666;}
.head{height:100px;background:#fff;top:0;left:0;width:100%;z-index:99;}
.head_content{height:100%;}
.logo{margin-top:14px}
.logo_txt{font-size:20px;color:#6B6B6B;font-family: 'SourceHanSansCN-Bold';font-weight:bold;}
.logo_txt span{color:#095AB5;}
.logo_txt strong{font-size:57px;font-family: 'Arial'}
.nav_box{height:80px;background:#0E46A8 url(../images/head_bg_02.png) no-repeat left center;}
.nav{height:100%}
.nav ul{height:100%;}
.nav ul>li{height:100%;position:relative;}
.nav ul>li.on a,.nav ul>li:hover a{color:#fff;text-decoration: none;background:#002975;}
.nav li{text-align:center;}
.nav ul>li > a {font-size:16px;position: relative;color:#fff;line-height:80px;display:inline-block;padding:0;width:100px;}
.nav a{display:block;color:#B4B4B4;font-size:16px;height:100%;}
.head_r{height:100%;}
.logo_txt{display:inline-block;margin-left:40px;padding-left:40px;text-align:center;border-left:2px solid #ddd;position: relative;top:0;vertical-align: middle;}
.logo_txt h3{color:#333;font-family: 'SourceHanSansCN-Bold';background:url(../images/tl.png) no-repeat left center,url(../images/tr.png) no-repeat right center;}
.logo_txt p{color:#666;font-size:14px}
.lang{width:100px;border-left:1px solid #fff;line-height:80px;height:80px;display:flex;overflow:hidden;position:absolute;top:0;right:0;justify-content: center;}
.lang a{text-align:center;color:#fff;}
.lang a.on{background:#fff;color:#0E0E0E;}



.twoMenu{display:none;background:#fff;position: absolute;left:0;width:100%;top:65px;z-index:99;background:#0E0E0E;}
.twoMenu li{padding:none;}
.twoMenu li:hover a{color:#fff;}
.twoMenu a{background-image:none;font-size:14px;text-align:center;color:#B4B4B4;display:block;padding:10px 2px;}
.banners{position: relative;}
.banners .swiper-pagination,.cooperation .swiper-pagination{left:50%;transform: translateX(-50%);bottom:20px}
.swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;}
.banners .swiper-pagination-bullet{width:10px;height:10px;opacity: 0.4;background:#fff;outline:none;}
.banners .swiper-pagination-bullet-active,
.cooperation .swiper-pagination-bullet-active{opacity: 1;}
.banners .swiper-button-next,.banners .swiper-button-prev{background-color:rgba(0,0,0,.5);width:55px;height:55px;background-size:15px}
.banner_info{height:120px;background:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;z-index:9;width:100%;}
.banner_info_content{height:100%;}
.banner_info_l{width:280px;height:100%;font-size:18px;color:#fff;font-weight:bold;padding-top:20px;}
.banner_info_r{width:920px;padding-top:20px;}
.banner_info_r ul{justify-content: space-between;}
.banner_info_r li{
  width:24%;height:100px;
  background-color:#00B0AF;
  background-repeat:no-repeat;
  background-position: 90% center;
  background-image:url(../images/icon_09.png);
  padding:0 20px;line-height:100px;
  transition: all 0.3s
}
.banner_info_r li:nth-child(2){background-color:#B7DC96;background-image:url(../images/icon_09.png);}
.banner_info_r li:nth-child(3){background-color:#9AD6C5;background-image:url(../images/icon_12.png);}
.banner_info_r li:nth-child(4){background-color:#F3B554;background-image:url(../images/icon_14.png);}
.banner_info_r li a{font-size:20px;color:#fff;display:block;height:100%;}
.banner_info_r li.on,.banner_info_r li:hover{height: 175px;margin-top: -75px;transition: all 0.3s;background-position:20px 60%;background-size:50px;}

/*合作商家*/
.merchants{position:relative;}
.merchants::after{
  content:'';display:block;
  width:50%;height:100%;
  position:absolute;right:0;top:0;background:#E0F1FB;
  z-index:-1;
}
.mer_box{height:280px;}
.mer_l{width:280px;padding:25px 40px 20px 0;position:relative;}
.mer_l h3{color: #666666;font-weight:bold;font-size:24px;line-height:40px;}
.mer_l strong{color: #999999;font-weight:bold;font-size:24px;}
.mer_r{background:#E0F1FB;padding-right:225px;width:920px;position:relative;padding-top:25px;}
.mer_contact{height:230px;width:225px;background:url(../images/bg.jpg);background-size:100% 100%;position:absolute;right:0;top:25px;justify-content: center;color:#fff;flex-direction: column;}
.mer_contact strong{font-size:24px;}
.arrow{padding-top:20px;margin-top:20px;border-top:2px solid #E5E5E5;position:relative;display:flex;}
.arrow .swiper-button-next,.arrow .swiper-button-prev{
  width:30px;height:30px;border-radius:50%;border:2px solid #A0A0A0;
  background:none;top:0;position:static;margin-top:0;outline: none;
  background-size:25px;
}
.arrow .swiper-button-next{background-image:url(../images/previewleft.png);}
.arrow .swiper-button-prev{background-image:url(../images/previewright.png);}
.mer_r .swiper-slide{text-align:center;padding:20px 15px;}
.mer_contact{padding:30px;}

.lm_head{text-align:center;color: #4D4948;position:relative;font-size:36px;padding-bottom:15px;}
.lm_head::after{
  content:'';display: block;position:absolute;
  width:50px;height:2px;background:#666666;
  left:50%;transform: translateX(-50%);bottom:0;
}
.lm_head2{color:#fff;text-align:center;font-size:36px}
.lm_head2 p{font-size:16px;}
.footer{height:120px;background:#0E46A8;padding:25px 0;font-size: 14px;color:#4877C5;}
.footer a{color:#4877C5;}
.footer > div{justify-content: space-between;align-items: center;}
.footer_r{text-align:right;padding-right: 45px;position: relative;}
.wechat{width:35px;height:35px;background:#5AB240;display:block;border-radius: 50%;position: absolute;right:0;top:50%;margin-top:-17.5px;text-align:center;line-height:35px;}
.wechat i{color:#fff;font-size:16px;}

/*内页*/
.location{justify-content: space-between;align-items:center;}
.location_l h2{font-size:24px;color:#333;font-weight:bold;}
.location_l strong{font-size:24px;color:#999999;}
.location_r .dw a{color:#0E46A8;font-weight:bold;}
.product_wrap{padding:60px 0;}
.pro_class{margin:15px auto;}
.pro_class li{width:155px;height:40px;line-height:38px;border:1px solid #999999;color:#444444;text-align:center;}
/*.pro_class li:hover{background:#0E46A8;border-color:#0E46A8;}*//*
.pro_class li.on{border-color:#0E46A8;background:#0E46A8;color:#fff;}*/
.pro_class li:hover a,.pro_class li.on a{color:#fff;}
.pro_class li.on,.pro_class li:hover{border-color:#0E46A8;}
.pro_class li + li{margin-left:18px;}
.pro_class li a{width:100%;height:100%;display:block;color:inherit;position:relative;}

.pro_class li a::after,
.pro_search dd a::after{position: absolute;content: '';height:100%;width:0%;transition: all 0.5s;top:0;left:50%;}
.pro_class li.on a::after,.pro_class li:hover a::after,
.pro_search dd:hover a::after,.pro_search dd.on a::after{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #0E46A8;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(0);
    transform:translateX(0);
}
.pro_search dd {color:#333;margin-left:5px;}
.pro_search dd.on,.pro_search dd:hover{color:#fff;}
.pro_search dd a{width:100%;color:inherit;line-height:25px;color:inherit;display:block;position: relative;padding:0 5px;}
.pro_input{width:265px;height:40px;border:1px solid #ddd;margin-top:10px;}
.pro_input input{width:80%;background:transparent;height:100%;padding-left:10px;vertical-align: middle;}
.pro_input button{background:url(../images/search.png) no-repeat center;height:100%;width:15%;vertical-align: middle;}

.pro_list .row{margin-left:-7.5px;margin-right:-7.5px;}
.pro_img{height:140px;background:#fff;text-align:center;overflow: hidden;}
.pro_img img{max-height:100%;max-width:100%;width:auto;height:auto;}
.pro_info{height:40px;line-height:40px;background:#999999;color:#fff;padding-left:10px;}
.pro_item{padding:7.5px;}
@media screen and (min-width: 1200px){
  .pro_img{line-height:140px;}
}

.news_list li{padding:20px;background:#fff;margin-bottom:20px;}
.news_time{width:100px;text-align:center;font-size:18px;color:#0E46A8;text-align:center;font-weight: bold;display: flex;flex-direction: column;justify-content: center;height:100%;padding-top: 30px;}
.news_time strong{color:#333;}
.news_img{width:180px;height:110px;overflow:hidden;}
.news_info{padding-left: 50px;width:calc(100% - 280px);}
.news_info h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:15px;}
.news_info div{font-size:16px;color:#666;line-height:25px;height:50px;overflow:hidden;}
.news_content{background:#fff;padding:20px;margin-top:20px;}
.detail_title{text-align:center;}

.dt_l{height:240px;width:400px;background:#fff;text-align:center;line-height: 240px;overflow: hidden}
.dt_l img{width:auto;height:auto;max-width:100%;max-height:100%;}
.dt_r{width:750px;padding-left:40px;}
.dt_r h3{color:#4D4948;font-weight:bold;font-size:24px;margin-bottom:12px;}
.dt_r_info{line-height:25px;color:#666;padding-bottom:15px;border-bottom:1px solid #ddd;}
.dt_r_tag{margin-top:20px;}
.dt_r_tag dt{position: relative;top:15px;color:#666;}
.dt_r_tag dd{margin-left:10px;min-width:60px;height:40px;line-height:40px;color:#fff;text-align:center;padding:0 5px;background:#0E46A8;}
.db_content{padding:40px;background:#fff;}
.detail-bottom{margin-top:60px;}
.detail-bottom h3{margin-left:20px;display: inline-block;width:auto;border-bottom:2px solid #0E46A8;padding-bottom:20px;}
@media screen and (min-width:1200px){
    .pro_item{width:20%;}
    #closeMenu,#showMenu,#closeSearch,#showSearch{display: none;}
}
@media screen and (max-width:991px){
  body{padding-top: 70px}
  #showMenu,#closeMenu{position:absolute;right:10px;top:50%;transform: translateY(-50%);}
  #closeMenu{top:25px;}
  .nav_box{position:fixed;height:70px;z-index:999;width:100%;top:0;left:0;}
  .logo{display:block;max-width:80%;margin:0;}
  .nav{height:100%; position: fixed;right: -65%;background:#002975;top:0;width:65%;z-index:9;}
  .mobileNav_mask{height:100%; position: fixed;right: 0;top:0;width:100%;background:rgba(0,0,0,0.5);z-index:8;display:none;}
  .nav ul{height:100%;padding-top:50px;}   
  .nav ul>li{height:100%;position:relative;width: 100%;height:42px;border-bottom:1px solid #4877C5;}
  .nav ul>li.on a,.nav ul>li:hover a{color:#fff;text-decoration: none;}
  .nav li{text-align:center;}
  .nav ul>li > a {font-size:16px;position: relative;color:#fff;line-height:42px;display:block;padding:0 5px 0 15px;width:100%;text-align:left;}
  .nav a{display:block;color:#B4B4B4;font-size:16px;height:100%;}
  .width{width:100%;}
  .merchants::after,.lang{display:none;}
  .banner_info{position:static;height:auto;padding:5px;}
  .banner_info_l,.mer_l,.mer_r,.banner_info_r,.footer_l,.footer_r,.location_l,.location_r,.dt_l,.dt_r{width:100%;}
  .banner_info_r{padding-top:0;}
  .banner_info_r ul{flex-wrap:wrap;}
  .banner_info_r li{padding: 0 10px;width:49%;margin-bottom:2%;}
  .banner_info_r li.on, .banner_info_r li:hover{height:inherit;margin-top:0;background-size: auto;background-position: 95% center;}
  .mer_box{flex-wrap:wrap;height:auto;}
  .banner_info_l{padding-top:0;}
  .banner_info_content,.footer > div,.location,.detail-top{flex-wrap:wrap;}
  .mer_l{padding:10px;}
  .arrow{margin-top:5px;padding-top:5px;}
  .mer_r{padding:10px;}
  .mer_contact{position:static;width:100%;}
  .mer_r .swiper-slide{padding:0;}
  .footer{height:auto;text-align:center;padding: 10px 0;}
  .footer_r span{display:block;}
  #charts{height:300px !important;padding:0 !important;}
  .product_wrap{padding:10px;}
  .location{padding:0 5px;}
  .location_l{text-align:center;}
  .location_r{display:none;}
  .pro_class{margin-bottom: 0;}
  .pro_class li{width:32%;margin-right:2%;margin-bottom:2%;}
  .pro_class li + li{margin-left:0;}
  .pro_class li:nth-child(3n){margin-right:0;}
  .pro_img{padding:5px;height:110px;}
  .pro_img img{max-width:100%;max-height:100%;}
  .pro_search dt{width:100%;}
  .pro_search dd{margin-left:0;padding:0 5px;width:33%;text-align:center;}
  .dt_r{padding-left:0;padding-top: 10px;}
  .dt_r h3{margin-bottom:0;}
  .dt_r_tag dd{min-width:45px;line-height:30px;height:30px;font-size:12px;}
  .detail-bottom{margin-top:20px;}
  .detail-bottom h3{margin-left:0;padding-bottom:5px;}
  .db_content{padding:5px;}
  .news_list li{padding:5px;}
  .news_time{display:none;}
  .news_info{padding-left:0;width:calc(100% - 120px);padding-left:10px;}
  .news_list li a{flex-wrap:wrap;}
  .news_img{width:120px;height:90px;}
  .news_img img{width:100%;height:100%;}
  .news_info h3{margin-bottom:5px;font-size:15px;}
  .news_info div{font-size:12px;height:60px;line-height:20px;}
  .news_content{padding:5px;margin-top:5px;}
  .detail_title{font-size:18px;padding-bottom: 10px;border-bottom:1px solid #ddd;font-weight:bold;}
}
@media screen and (min-width:768px) and (max-width:991px){
  .width{width:100%;}
  .nav ul{width:100%;}
  .logo{height:100%;}
  .banner_info_r li{width:24%;margin-bottom:0;}
  .banner_info_content,.mer_box{flex-wrap:nowrap;}
  .banner_info_l{width:20%;}
  .mer_contact{display:none;}
  .mer_l{width:30%;}
  .mer_r{width:70%;}
  .pro_search dd{width:20%;}
  .dt_l{width:400px;}
  .dt_r{width:calc(100% - 400px);padding-left:10px;}
}
@media screen and (max-width:767px){
  .about_content > div.flex_row{flex-wrap:wrap;}
  .a_l,.a_r{width:100% !important;}
  .page{flex-wrap:wrap;}
  .tcdPageCode,.page_r{width:100%;}
  .page_r{margin-left:0;text-align:center;margin-top:10px;}
  .tcdPageCode a, .current, .disabled{margin-left:3px;line-height: 24px;height:26px;font-size:12px;}
  .ym,.qd_btn{height:26px;}
  .banner_info_r li a{font-size:16px;}
  .mer_contact{padding:30px 10px;}
  .mer_contact strong{font-size:20px;}
  .mer_contact img{margin-bottom: 10px;}
  .banners .swiper-button-next, .banners .swiper-button-prev{display:none;}
}
@media screen and (max-width:991px) and (min-width:768px){
  .pro_search dl{flex-wrap:wrap;}
  .pro_search dd{text-align:left;width:15%;}
  .pro_class ul{justify-content: space-between;display:flex;align-items:center;}
  .pro_class li{width:12%;margin-right:0 !important;float:none;}
  .index_case_hd{padding-left:10px;padding-right:10px;}
  .about_content >div.flex_row{flex-wrap:wrap;}
  .a_l{text-align:center;}
  .a_l,.a_r{width:100% !important;}
  .footer > div.flex_row{flex-wrap:nowrap;}
  .footer_l{text-align:left;}
}

@media screen and (max-width:1024px) and (min-width:992px){
  .width{width:100%;}
  #showMenu,#closeMenu,.m_mer_r{display:none;}
  .head_r{margin-right:100px;}
  .mer_l{padding:20px;}
  .mer_contact{z-index: 999;}
  .mer_r{width:860px;}
}