@charset "utf-8";
/*=============================公共样式=====================================*/
 
 

:root{--wz-color:#000}
:root{--font-color:#000}
:root{--bt-color:#000}
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
html,body{width:100%;position:relative;height:auto;font-size: 14px;color:var(--font-color);}
*[align="center"]{margin:0 auto;}
html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}

::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;}
::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;}
::selection{background:var(--wz-color);color:#fff;}
::-moz-selection{background:var(--wz-color);color:#fff;}
::-webkit-selection{background:var(--wz-color);color:#fff;}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/
input, textarea {outline-style: none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,li{list-style:none}
i, cite, em, var, address, dfn {font-style: normal;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;}
ins{background-color:var(--wz-color);color:#000;text-decoration:none}
mark{background-color:var(--wz-color);color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle;border:0;}
input{padding: 0 5px;vertical-align: middle;line-height: normal;}
input[type="submit"],button,select,textarea{background-image:none;border-radius: 0;border:0;}
img{max-width:100%;vertical-align: middle;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.bold{font-weight: bold;}
.c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.c-label.onsell{color: var(--wz-color);border-color: var(--wz-color);}
.tc{width: 100%;text-align: center;}
.pr{position: relative;}
.f12 {font-size: 12px;}
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited{text-decoration: none;cursor:pointer !important;}
a:hover, a:active{border: none;color:var(--wz-color);}

/*辅助样式*/
.fl,.left{float:left !important;}
.fr,.right{float:right !important;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_margin{margin:0 !important;}
.no_bg_img{background-image:none !important;}
.fix{position:fixed;top:0;*padding-top:50px;}
.border{border:1px solid #dedede;}
.clear{clear:both;}
.clearfix:after,.main_box:after,.wrap:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.main_box,.wrap {width: 1360px;display: block; margin-left: auto; margin-right: auto; position: relative;*z-index:1;}
.h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;}
.dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;}
hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0}
 
/*banner*/
.banner {display:block;position: relative; overflow:hidden;}
.banner .swiper .swiper-pagination{bottom:30px;width:100%;}
.banner .swiper .swiper-pagination span{width:15px;height:15px;border-radius:100%; margin:0 12px;opacity: 1;background:#FFFFFF;}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active{background:#ef8200;}
.banner .swiper .swiper-button-next,.banner .swiper .swiper-button-prev{color:#fff;}
.banner .swiper-slide {position: relative;overflow: hidden;z-index: 1;}
.bannerimg .img_hezi {padding-bottom: 37% !important;} 
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev,.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{background:none;}
.banner .swiper-button-prev:after{content: 'prev';font-family: swiper-icons;font-size: 40px;}
.banner .swiper-button-next:after{content: 'next';font-family: swiper-icons;font-size: 40px;}


.top_bg{ position:fixed; top:0; left:0; z-index:999;  width:100%;  background:#fff; box-shadow:0px 0px 8px #ccc } 
.top_main{    padding:10px; }

.menu_fix{ width:100%;  position:fixed; top:88px; left:0; z-index:999; display:none; background:#fff;}

.menu_fix ul li a.menu_top{ display:inline-block; width:90%; height:40px; line-height:40px; border-bottom:#000 solid 1px; padding-bottom:10px;   }

.menu_fix ul li a.menu_down{ display:inline-block; width:90%; height:40px; line-height:40px; border-bottom:#000 solid 1px; padding-bottom:10px;   background:url(images/menu_arrow.jpg) no-repeat right;}


.menu_fix ul li{   width:100%;     margin-right:10px;   padding-left:30px;}
.menu_fix ul li .sub_menu{ display:none; }
.menu_fix ul li .sub_menu dl{ }
.menu_fix ul li .sub_menu dl dd{ }
.menu_fix ul li .sub_menu dl dd a,.menu ul li .sub_menu dl dd a:link,.menu ul li .sub_menu dl dd a:active{  height:40px; line-height:40px; color:#000; background:url(images/sub_menu_arrow.jpg) no-repeat; padding-left:15px; }
.menu_fix ul li .sub_menu dl dd a:hover{  color:#000; }

.menu_fix ul li a{ color:#000; font-size:16px; font-weight:bold;}
/*.triangle{ 
width:0;
height:0;
border-left:15px solid transparent;

border-right:15px solid transparent;

border-bottom:30px solid #137db9;
margin:0 auto;
}*/


.triangle{ height:14px; background:url(images/down_nav.png) no-repeat center;}


.menu ul li:hover .sub_menu { display:block;  position:absolute;top:50px;}

.product_bg{ background:url(images/product_bg.png);}
.product_main{  margin:0 auto;}
.product_top{ text-align:center;}
.product_top img{ max-width:100%;}


.product_list{ padding:10px;}
.product_list a{  display: flex; align-items: center;  width:48%;   margin:15px 5px 15px 5px; float:left; height:150px; background:#fff;}
.product_list a img{ max-width:100%; max-height:100%;margin:0 auto; }
.product_list a:nth-of-type(even){ float:right; margin-right:0;}

.product_more{ width:150px; height:45px; line-height:45px; text-align:center; background:#cccccc; color:#000; display:block; margin:20px auto;}


.about_bg{ /*background:url(images/about_bg.png) no-repeat;*/ background:#f2f2f2;  }
.about_main{ padding:5px 20px;}
.about_top{ font-size:32px; font-weight:bold;   text-align:center; margin:0 auto; height:60px; line-height:60px;}

.about_c{ font-size:16px; line-height:200%;   padding:20px 0; }
.about_video{ width:100px; height:100px; margin:0 auto;}

.about_bottom{ padding:20px 10px; background:#fff; }

/*.about_bottom_in{  padding:20px 20px;}*/


.about_culture_main{ margin:0 auto; }
.about_culture_top{ margin:0 auto; text-align:center}
.about_culture_c{ background:url(images/about_culture_bg.png) no-repeat center; padding:10px;  }



.app_area_main{  margin:10px auto;}
.app_area_top{   margin:0 auto; text-align:center;}


.news_main{ margin:5px auto;}
/*.news_left{width:750px; height:500px; float:left;}
.news_left img{width:750px; height:500px;}
.news_right{ width:770px; float:right;}
*/

.news_top{  margin:0 auto;text-align:center; }
.news_subtitle{ text-align:center; font-size:14px; padding:0 30px;}
.news_c{  }
.news_left{  }
.news_left img{ }
.news_right{ padding:10px 40px; }
.news_item{ width:100%; height:94px; background:#f2f2f2; margin-bottom:20px; padding:15px 10px 0 15px;}
.news_txt{ margin-left:10px;  }
.news_title{ font-size:16px; font-weight:bold; margin-bottom:10px; line-height:150%;}
.news_summary{ font-size:14px;}
.news_time{ width:46px;  float:left; margin-left:10px;   }
.news_year{ font-size:18px; color:#107eb9; }
.news_day{ font-size:16px; color:#4c4c4c; text-align:center;  }
.news_more{ width:150px; height:45px; line-height:45px; text-align:center; background:#cccccc; color:#000; display:block; margin:0px auto;}

.cooperate_main{  margin:10px auto;}

.cooperate_top{margin:30px auto; text-align:center}
.cooperate_top img{max-width:100%}
.cooperate_subtitle{margin:30px auto; text-align:center}

.cooperate_c{ margin:0px 20px;}
.cooperate_item{  width:32%; float:left; height:80px; border:#ddd solid 1px;display: flex; align-items: center; padding:5px;  }
.cooperate_item img{max-width: 100%;max-height:100%;margin:0 auto;   }

.foot_bg{ width:100%; background:#137db9; }
.foot_main{  color:#fff; padding:20px;}
.foot_left{ margin:10px auto;   }
.foot_item{ border-bottom:#8bbedd solid 1px; height:40px; line-height:40px; }
.foot_ewm{ margin:20px auto;  }


.foot_left a:visited,.foot_left a,.foot_left a:link{ color:#fff;display:inline-block; width:90px; margin-bottom:20px;}
.foot_right{ margin:20px auto;  }
.foot_contact{ line-height:200%;}

.in_main{  margin:50px 10px;}
.in_nav{ padding:10px 0;}

.in_content{ padding:20px; line-height:200%;}

.factroy_item{ margin-bottom:10px;width:45%;  margin:5px; float:left;       }
.factroy_img{ width: 100%; height:90px;display: flex; align-items: center; background:#ccc;}
.factroy_img img{ max-width: 100%;max-height:100%;margin:0 auto;    }
.factroy_txt{ font-size:12px; text-align:center; background:#ccc; height:20px; line-height:20px;}


.honor_item{ margin-bottom:10px;width:45%;  margin:15px 5px; float:left; border:#000000 solid 1px; padding:10px;  }
.honor_img { display: flex; align-items: center;  height:160px;   }
.honor_img img{  max-width: 100%;max-height:100%;margin:0 auto;   }
.honor_txt{ font-size:16px; text-align:center; background:#ccc; height:40px; line-height:40px;}



.page{  margin:20px auto; width:310px;}
.page a{display:inline-flex;align-items: center;margin:0 3px;padding:0 5px;justify-content: center;cursor: pointer;font-size:12px;color:#333; min-width:16px;height:34px;border:1px solid #dedede;}
.page a:hover,.page a.on{background:#1050ba; border:1px solid #1050ba;color:#FFFFFF;}



.product_list_item{ padding:20px;}
.product_item_in{ width:47%; float:left; margin:5px; }
.product_item_in:nth-of-type(even){ float:right;margin-right:0;}

/*.product_item_in:nth-of-type(3n){  float:right;  border:#D40F13 solid 1px;}*/
.product_item_in:visited,.product_item_in:link,.product_item_in:hover{   }


.product_item_in_img{ width:100%; height:150px;  border:#ccc solid 1px;display: flex; align-items: center;  }
.product_item_in_img img{ max-width: 100%;max-height:100%;margin:0 auto;  }
.product_item_in_txt{ text-align:center; height:50px; line-height:50px; font-size:16px; background:#137db9; color:#fff; }


.view .swiper-container { width: 100%; }
.view:hover .arrow{display: block;}

.slide_big_img img{ width:100%; height: 290px; border:#eee solid 1px; object-fit: contain;}

.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }
.view .arrow-left {background: url("images/arrow-left.png") no-repeat center; left: 10px;}
.view .arrow-right {background: url("images/arrow-right.png") no-repeat center; right: 10px;}
.preview { padding: 25px 35px 0 35px;width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide { padding: 0 3px; }
.preview .arrow{position: absolute;top: 50%;margin-top: -9px;width: 30px; height: 45px;z-index: 10;}
.preview .arrow-left {background: url("images/arrow-left.png") no-repeat center;left: 5px;   background-size:contain; }
.preview .arrow-right {background: url("images/arrow-right.png") no-repeat center;right: 5px; background-size:contain;}
.preview img { padding: 1px; width:80px; height:80px; border: 1px solid #ccc; object-fit: contain; }
.preview .active-nav img { padding: 0;border: 1px solid #137dbb; }

.show_product_in table{ border:#ddd solid 1px; border-collapse:collapse; font-size:14px;}
.show_product_in table tr td,.show_product_in table tr th{ border:#ddd solid 1px; border-collapse:collapse; padding:5px;}

/*.show_product_in  table thead{ display:inline-block; width:50%; float:left;}
.show_product_in  table thead tr th{display:inline-block; width:100%;}
.show_product_in  table tbody{ display:inline-block; width:50%; float:right;}
.show_product_in  table tbody tr td{display:inline-block; width:100%;}
*/

.foot_copyright{color:#cbcdcc; line-height:200%; margin:10px auto;border-top:#9eb8c7 solid 1px; padding-top:20px; }
.foot_copyright a,.foot_copyright a:link{color:#cbcdcc;}

.contact_txt{margin:20px auto; font-size:14px; font-weight:bold;  }


.in_news_right .i_title a{ display:inline-block; width:100%;font-size:14px; font-weight:bold; border-bottom:#7f7f7f solid 1px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; padding:5px 0;}


@media  only screen and (min-width: 721px) and (max-width: 1024px) {

    /* >=721px  , <=1024的设备  */
    

    .banner img{ width:100%;}
    
    .about_bottom{ padding:50px 10px; background:#fff; }
    
    .contact_txt{margin:20px auto; font-size:14px; font-weight:bold; width:50%;}
    
    .about_main_1{font-size:38px;}
    .about_plus_1{font-size:38px; position:absolute; top:-10px;}
    .about_sub_1{font-size:16px; color:#137db9; zoom: 0.65;}
    
    .about_main_2{font-size:38px;}
    .about_plus_2{font-size:14px; position:absolute; top:-5px;}
    .about_sub_2{font-size:16px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_3{font-size:38px;}
    .about_plus_3{font-size:38px; position:absolute; top:-10px;}
    .about_sub_3{font-size:16px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_4{font-size:38px;}
    .about_plus_4{font-size:38px; position:absolute; top:-10px;}
    .about_sub_4{font-size:16px; color:#137db9;zoom: 0.65; }
    
    
    .about_main_5{font-size:38px;}
    .about_plus_5{font-size:38px;}
    .about_sub_5{font-size:16px; color:#137db9;zoom: 0.65;}
    .num_item { float:left; margin-right:80px;  }
  
     
    .about_culture_item_wrap{ width:90%; margin:0 auto;}
 
    .about_culture_item{ width:30%; float:left; margin-right:25px;}
    .about_culture_item_4{width:30%; float:left;margin-left:100px; margin-right:25px;}
    .about_culture_item img{ max-width:100%;}

   .foot_ewm .ewm_item{ display:inline-block; width:84px; height:84px; float:left; margin-right:12px; }
   .foot_ewm .ewm_item img{ display:inline-block; width:100%; height:100%; }
   .foot_ewm .ewm_item p{font-size:12px; margin-top:5px;text-align:center}
   
   .in_news_left{  width:25%; float:left; }
   .in_news_right{ float:right; width:70%;  }
   
   
   .product_category{   width:90%; margin:20px auto;}

   .product_category a,.product_category a:active,.product_category a:link{ width:48%; height:40px; line-height:40px; display:inline-block; float:left; background:#f2f2f2; color:#137db9;text-align:center; margin:0 5px 5px 0;}
   .product_category a:hover,.product_category a.on{ background:#137db9; color:#fff;}
   .product_category a:nth-of-type(even){ float:right; margin-right:0;}
   
   .in_nav a:visited,.in_nav a,.in_nav a:link{ width:126px; height:40px; line-height:40px; text-align:center;   display:inline-block; background:#f2f2f2; color:#137db9; margin-right:5px;}
   .in_nav a.on,.in_nav a:hover{ background:#137db9; color:#fff;}
   .in_nav a:last-of-type{ float:right; margin-right:0;}
   
   .app_area_c{ width:96%; margin:0 auto;}
   
   
    .app_area_item{   margin:6px 6px 6px 0; width:49%; float:left;}
    .app_area_img img{ width:100%; height:120px;}
    .app_area_txt{ height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#137db9;}
    
    .app_area_item:nth-of-type(even){ float:right;margin-right:0;}


  
}





@media  only screen and (min-width: 414px) and (max-width: 720px) {

    /* >=414px  , <=720的设备  */
    
    
    .about_main_1{font-size:28px;}
    .about_plus_1{font-size:28px; position:absolute; top:-10px;}
    .about_sub_1{font-size:14px; color:#137db9; zoom: 0.65;}
    
    .about_main_2{font-size:28px;}
    .about_plus_2{font-size:12px; position:absolute; top:-5px;}
    .about_sub_2{font-size:14px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_3{font-size:28px;}
    .about_plus_3{font-size:18px; position:absolute; top:-10px;}
    .about_sub_3{font-size:14px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_4{font-size:28px;}
    .about_plus_4{font-size:28px; position:absolute; top:-10px;}
    .about_sub_4{font-size:14px; color:#137db9;zoom: 0.65; }
    
    
    .about_main_5{font-size:28px;}
    .about_plus_5{font-size:28px;}
    .about_sub_5{font-size:14px; color:#137db9;zoom: 0.65;}
    .num_item { float:left; margin-right:22px;  }
  
     
    .about_culture_item_wrap{ width:400px; margin:0 auto;}
 
    .about_culture_item{ width:129px; float:left; margin-right:5px;}
    .about_culture_item_4{width:129px; float:left;margin-left:60px;}
    .about_culture_item img{ max-width:100%;}

   .foot_ewm .ewm_item{ display:inline-block; width:84px; height:84px; float:left; margin-right:12px; }
   .foot_ewm .ewm_item img{ display:inline-block; width:100%; height:100%; }
   .foot_ewm .ewm_item p{font-size:12px; margin-top:5px;text-align:center}
   
   .in_news_left{  width:25%; float:left; }
   .in_news_right{ float:right; width:70%;  }
   
   
   .product_category{   width:90%; margin:20px auto;}

   .product_category a,.product_category a:active,.product_category a:link{ width:180px; height:40px; line-height:40px; display:inline-block; float:left; background:#f2f2f2; color:#137db9;text-align:center; margin:0 5px 5px 0;}
   .product_category a:hover,.product_category a.on{ background:#137db9; color:#fff;}
   .product_category a:nth-of-type(even){ float:right; margin-right:0;}
   
   .in_nav a:visited,.in_nav a,.in_nav a:link{ width:126px; height:40px; line-height:40px; text-align:center;   display:inline-block; background:#f2f2f2; color:#137db9; margin-right:5px;}
   .in_nav a.on,.in_nav a:hover{ background:#137db9; color:#fff;}
   .in_nav a:last-of-type{ float:right; margin-right:0;}
   
   .app_area_c{ width:96%; margin:0 auto;}
   
   
    .app_area_item{   margin:6px 6px 6px 0; width:49%; float:left;}
    .app_area_img img{ width:100%; height:120px;}
    .app_area_txt{ height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#137db9;}
    
    .app_area_item:nth-of-type(even){ float:right;margin-right:0;}


  
}


/*@media screen and (min-width: 300px) and (max-width: 413px) {*/

/*@media only screen and (device-width: 360px)   {*/





@media screen and (min-width: 300px) and (max-width: 413px) {
    
    
    .product_list{ padding:10px;}
    .product_list a{  display: flex; align-items: center;  width:47%;   margin:15px 5px 15px 5px; float:left; height:150px; background:#fff;}
    .product_list a img{ max-width:100%; max-height:100%;margin:0 auto; }
    .product_list a:nth-of-type(even){ float:right; margin-right:0;}


    
    .about_main_1{font-size:18px;}
    .about_plus_1{font-size:18px; position:absolute; top:-10px;}
    .about_sub_1{font-size:12px; color:#137db9; zoom: 0.65;}
    
    .about_main_2{font-size:18px;}
    .about_plus_2{font-size:12px; position:absolute; top:-5px;}
    .about_sub_2{font-size:12px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_3{font-size:18px;}
    .about_plus_3{font-size:18px; position:absolute; top:-10px;}
    .about_sub_3{font-size:12px; color:#137db9; zoom: 0.65;}
    
    
    .about_main_4{font-size:18px;}
    .about_plus_4{font-size:18px; position:absolute; top:-10px;}
    .about_sub_4{font-size:12px; color:#137db9;zoom: 0.65; }
    
    
    .about_main_5{font-size:18px;}
    .about_plus_5{font-size:18px;}
    .about_sub_5{font-size:12px; color:#137db9;zoom: 0.65;}
 
    .num_item { float:left; margin-right:22px;   } 
    
    
    .about_culture_item_wrap{ width:94%; margin:0 auto;  }
    
    .about_culture_item{ width:107px; float:left; margin-right:5px;}
    .about_culture_item_4{width:107px; float:left;margin-left:50px; margin-right:20px;}
    .about_culture_item img{ max-width:100%;}

    
    .foot_ewm .ewm_item{ display:inline-block; width:74px; height:74px; float:left; margin-right:13px; }
    .foot_ewm .ewm_item img{ display:inline-block; width:100%; height:100%; }
    .foot_ewm .ewm_item p{font-size:11px; margin-top:5px; text-align:center}
    
    .in_news_left{  width:25%; float:left; }
    .in_news_right{ float:right; width:70%;  }
    
    
    .product_category{ padding:20px;   }
    .product_category a,.product_category a:active,.product_category a:link{ width:49%; height:40px; line-height:40px; display:inline-block;  background:#f2f2f2; color:#137db9;text-align:center; margin:0 5px 5px 0;}
    .product_category a:hover,.product_category a.on{ background:#137db9; color:#fff;}
    .product_category a:nth-of-type(even){ float:right; margin-right:0;}

    .in_nav a:visited,.in_nav a,.in_nav a:link{ width:106px; height:40px; line-height:40px; text-align:center;   display:inline-block; background:#f2f2f2; color:#137db9; margin-right:8px;}
    .in_nav a.on,.in_nav a:hover{ background:#137db9; color:#fff;}
    .in_nav a:last-of-type{ float:right; margin-right:0;}
   
   
    .app_area_c{ width:96%; margin:0 auto;  }
    .app_area_item{   margin:6px 6px 6px 0; width:49%; float:left;}
    .app_area_img img{ width:100%; height:120px;}
    .app_area_txt{ height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#137db9;}
    
    .app_area_item:nth-of-type(even){ float:right; margin-right:0;}
    
    
}

@media only screen and (device-width: 360px)  {

   .num_item { float:left; margin-right:25px;     }
   
   
   .about_culture_item{ width:100px; float:left; margin-right:9px;}
   .about_culture_item_4{width:100px; float:left;margin-left:50px; margin-right:20px;}
   .about_culture_item img{ max-width:100%;}
   
  
    
}


@media only screen and (device-width: 375px)  {

   .num_item { float:left; margin-right:29px;   }
   
    .in_nav a:visited,.in_nav a,.in_nav a:link{ width:110px; height:40px; line-height:40px; text-align:center;   display:inline-block; background:#f2f2f2; color:#137db9; margin-right:8px;}
    .in_nav a.on,.in_nav a:hover{ background:#137db9; color:#fff;}
    .in_nav a:last-of-type{ float:right; margin-right:0;}
    
   

}


.in_nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
     
}
.in_nav a {
    flex: 1;
    
    background-color: #f0f0f0;
    margin: 10px;
}

.t_responsive{overflow:auto; width:100%; }
.t_responsive table{ width:250%; border:#eee solid 1px; table-layout: fixed;border-collapse: collapse; /* 边框合并 */ }
.t_responsive table td{  border:#eee solid 1px;  text-align:center;border-collapse: collapse; /* 边框合并 */}


.foot_ewm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
     
}
.foot_ewm ewm_item {
    flex: 1;
    
    background-color: #f0f0f0;
    margin: 10px;
}



.about_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
     
}
.about_bottom num_item {
    flex: 1;
    
    background-color: #f0f0f0;
    margin: 10px;
}


.about_culture_item_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
     
}
.about_culture_item_wrap about_culture_item {
    flex: 1;
    
    background-color: #f0f0f0;
    margin: 10px;
}