@font-face {
  font-family: 'iconfont';  /* project id 1509052 */
  src: url('//at.alicdn.com/t/font_1509052_vjddng1z0c.eot');
  src: url('//at.alicdn.com/t/font_1509052_vjddng1z0c.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1509052_vjddng1z0c.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1509052_vjddng1z0c.woff') format('woff'),
  url('//at.alicdn.com/t/font_1509052_vjddng1z0c.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1509052_vjddng1z0c.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.nav_box{ display:flex; justify-content:space-around; margin:3vw auto; }
.nav_box a{ display:flex; width:18vw; height:18vw; max-height:144px; max-width:144px; flex-wrap:wrap; }
.nav_box a div{ display:block; text-align:center; width:100%;}
.nav_box a .iconfont{ font-size:30px;  width:12vw;  height:12vw;  max-height:96px; max-width:96px; display:flex; justify-content:center; align-items:center; border-radius:2vw; background-color:red; color:#fff; margin: 0 auto;}


*{padding:0; margin:0; font-size:14px; color:#808080; font-family:微软雅黑;}
a{ text-decoration:inherit;}
html, body{ height:100%;}
table{border-collapse:collapse; border-spacing:0;}
.clr {display: block;clear: both;height: 0;overflow: hidden;}

.pager_span{ display:block; margin-bottom:6px;}
.pager_a_hover{color:red; padding:2px 6px;border:2px red solid;display:inline-block;height:24px; line-height:24px;margin-left:4px; font-weight:bold;}
.pager_a{color:#999999;border:1px #cccccc solid; padding:2px 6px; height:24px; line-height:24px; display:inline-block;margin-left:4px;}
.pager_box{ text-align:center;}

#preloader {position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#ffffff; display:none; }
#status {position:fixed;z-index:99; position:absolute;left:50%; top:50%; margin:-10px 0 0 -15px; text-align:center;display:none;}

#body_main{width:100%; margin:0 auto; max-width:800px; overflow:hidden;}
#page{width:100%; max-width:800px; margin:0 auto;min-height:350px;}

 
#logo{display: flex; height:8vw; max-height:80px; color: #313131; justify-content: center; align-items: center; padding:10px; line-height:24px; font-size:16px; background: linear-gradient(to bottom, white, #f0f0f0);}

.fenlei_a{  display:inline-block; padding:5px; white-space:nowrap; margin: 5px 5px 0px;}
.fenlei_a_hover{background-color:orange;color:white; }

.page_title{background: linear-gradient(to bottom, white, #f0f0f0); height: 40px; color: #313131; line-height: 40px; border-bottom: 1px #ececec solid; font-size:16px;}
 
.box_title{ }
.box_title_cn{ color:#333; line-height:20px; font-size:16px; border-bottom: 1px #f66 solid; display: inline-block; padding: 8px;}
.box_title_en{ color:#646464; line-height:20px; font-size:10px;}

#btn{ color:White; width:100%; max-width:800px; background-color:#004b8d; height:50px; position:absolute; bottom:0px; display:block; z-index:3; position:fixed; border-top: 1px #cecece solid; background: linear-gradient(to bottom, white, #f0f0f0);}
#btn_menu_list{width:100%;  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
#btn_menu_list li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; text-align:center; list-style:none;width: 0%;}
.btn_menu_list_a_ico{margin:0 auto;  display:block; width:24px; height:24px; font-size:22px;}
.btn_menu_list_a{margin:0 auto; text-align:center;display: flex;color: #535353; height:50px; justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;font-size: 14px;}

.menu{background-color:#0e5696; position:absolute; z-index:15; display:none; width:80px;}
.menu li{list-style:none; border-bottom:1px #004b8d solid; width:80px;}
.menu li a{ line-height:35px; text-align:center;  color:white;}

.spinner div {width: 10px;height: 10px;background-color: #004b8d;border-radius: 100%;display: inline-block;-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;animation: sk-threeBounceDelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both; }
.spinner .sk-bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s; }
.spinner .sk-bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s; }

@-webkit-keyframes sk-threeBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0); }

40% {-webkit-transform: scale(1);transform: scale(1); } }

@keyframes sk-threeBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0); }

40% {-webkit-transform: scale(1);transform: scale(1); } }

.toggle_menu{ width:50px; height:50px; cursor:pointer; border-radius:25px; display:inline-block; font-size: 30px; box-shadow:0 0 5px red; line-height:50px; text-align:center; position:fixed; right:10px; bottom:80px; z-index:999; background-color:red; color:#fff;}
/*首页*/
#swipe{overflow: hidden;visibility: hidden;position: relative;}
#slider{float:left; overflow: hidden;}
#slider img{ font-size:0px; width:100%; vertical-align:middle;}
#swipe_b{ position:absolute; width:100%; bottom:0px; z-index:5; text-align:center; }
.swipe_b{ width:20px;height:20px;padding:5px 3px; font-size:16px; color:#000005; cursor:pointer; opacity:0.6;}
.red{color:white;}
        
.product_type_a{ width:40vw; line-height:16px; padding:6px 0px; margin-left:5vw; text-align:left; display:inline-block;}
        
.news_a{line-height:16px; padding:6px 0px; text-align:left; display:block;}
.link_a{ line-height:30px; padding:6px; display:inline-block; }

#product_list{ width:96%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap: wrap;}

.product_box{max-width:376px; width:47vw;    text-align:center; float:left; margin-top:2vw;  }
.product_box_img {width:100%; max-width:376px; height:47vw; max-height:376px; border:1px #cccccc solid; box-sizing:border-box; overflow:hidden;}
.product_box_img_a{width:100%; max-width:376px; height:47vw; max-height:376px; display:flex; justify-content:center; align-items:center; }
.product_box_img img{width:100%; max-width:376px; height:47vw; max-height:376px;display:block;}
.product_box_a{ display:block; height:40px; font-size:12px; margin:10% auto 0 auto;  overflow:hidden;}
.product_box_name{ width:100%; max-width:368px; height:40px; line-height:20px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }