#top_menu{background-color: #fff;height: 16vw; position: fixed; z-index:999; }
#top_menu_{height: 16vw;}
.top_menu_a,#toggle-sidebar{border-radius: 0.3rem;width:3rem; height:2rem; line-height:2rem; background-color: #e80015; display: inline-block;text-align: center;color: #ffffff; font-size: 1em;}
.top_menu_b{color:#999999;font-size: 2.3rem; height:3.5rem; line-height:3.5rem;}
#close_s{ color:#ffffff; text-align: center; font-size:2rem; width:2.5rem; height:2.5rem; background-color:#e80015; position: relative; right: 0px; float: right;top: 0px;}
.page_title{text-align:center;  width:64vw; max-width:calc(800px*0.64); overflow: hidden; display: table-cell; color:#e80015}
.page_title img{ height:auto;  width:45vw; max-width:calc(800px*0.64);}
.sidebar{  background-color: rgba(100, 0, 0, 0.9);  width:90%; margin:5% auto; }
.sidebar li{list-style:none; text-align: left; line-height: 2rem; }
.sidebar a{ color:#ffffff; font-size: 1.2rem; display:block; text-indent: 2rem; }
.sidebarhover{ box-shadow: 0px 0px 9px #000;}
.nav_li li{background-color: #363636;border-bottom: 1px #474747 solid;line-height: 1.8rem; }
.nav_li li a{text-indent:3rem;}
#page_p{display:none; width:100%; max-width:800px; height:100%; top:0px; background-color:rgba(22,53,136,0.4); z-index:999; position: absolute;}
#nav_ul{ margin-top:0.5rem;}
.navigation2_a{text-indent:0.7rem; display: inline-block;}*{margin:0px; padding:0px; font-size:1rem;font-family:Microsoft YaHei; color:#616161;}
img{border:0px; display:inline-block; font-size:0px; position:relative;}
a{text-decoration:none;}
body { margin:0px; padding:0px; background-color:#fff; }
#body_main{ width:100%; margin:0 auto; max-width:800px;  overflow:hidden;}
#page_main{ width:96%; margin:5px auto; min-height:350px;}

.pager_box{clear:both; text-align:center; line-height:2em; margin:1.5em auto;font-size:1em; color:#666;} 
.pager{font-size:1em; border:1px #eee solid; padding:0 0.8em;  color:#666;  line-height:2em; display:inline-block;background-color:#fff; margin:0px 0.2em;}
.pager_hover,.pager:hover{font-size:1em; font-weight:bold; background-color:#0069b6; padding:0 0.8em; line-height:2em; display:inline-block; margin:0px 0.2em; color:#ffffff; font-weight:bold;}
.first_pager,.prev_pager,.next_pager,.last_pager{ line-height:2em; color:#666; display:inline-block; margin:0px 0.2em; font-size:1em; }
#page_main img {
    max-width: 960px;
    width: 100%;
}
@font-face {font-family: "iconfont";
          src: url('/iconfont/iconfont.eot'); /* IE9*/
          src: url('/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
          url('/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
.iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

.d_title{margin:0.5rem 0px;}
.d_title_1{border-bottom:1px #cccccc solid; text-align:center;}
.d_title_2{text-align:center;}
.d_title_1 span{color:#e80015; border-bottom:1px #e80015 solid; font-weight: bold; font-size:1.1rem; width:10rem; display:inline-block; margin:0 auto;}
.d_title_2 span{color:#cccccc; width:10rem; font-size:0.8rem; display:inline-block; margin:0 auto;}

.product_box{width:44%;   text-align:center; float:left; margin:1% 3% 1%; }

.product_box_img {display:block; width:44vw;  height:44vw; max-width:calc(800px*0.44); max-height:calc(800px*0.44); border:1px #cccccc solid;background: #fff;}
.product_box_img_a{ width:44vw; height:44vw; max-width:calc(800px*0.44); max-height:calc(800px*0.44); display:block; background-size:contain; }
.product_box_img img{width:44vw; height:44vw; max-width:calc(800px*0.44); max-height:calc(800px*0.44); object-fit:contain;}
.product_box_a{ display:block; height:1.8rem; font-size:0.92rem; margin:10% auto 0 auto;  overflow:hidden;}
.product_box_name{ width:44vw; max-width:calc(800px*0.44); height:2rem; line-height:2rem; margin-top:5px; text-align:center; overflow:hidden; }
.product_box{width:44%;   text-align:center; float:left; margin:1% 4% 1% 2%; }


.div_title_name{font-size:1.1em; text-align:center; line-height:2em; color:#333333;}
.time{color:#aeaeae; height:2em; text-align:center; line-height:2em;   margin:0px auto; }
.time>div{ padding-right:1em; float:right; }
#upnext_box{ width:96%; margin:1em auto;}
#upnext_box div{ line-height:2em;}
#page_main img{max-width:100%; height:auto;}
#page_main p,#page_main span{ line-height:1.5em;}

#bottom{color:#282828; padding:1rem; text-align:center; line-height:2.5rem; font-size:0.9rem;}
#bottom a{color:#282828;font-size:0.9rem;}
#btn{ color:White; width:100vw; max-width:800px; background-color:#000; height:3em;  bottom:0px; overflow:hidden; display:block; z-index:666; position:fixed;border-top: 0px #f39800 solid;}
#btn .icon{font-size:1.4rem; color:#fff; display:block;}
#btn a{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:1.2em; color:#000005; cursor:pointer; opacity:0.6;}
.red{color:white;}#default_nav{ margin:0.5rem auto; text-align: center; display: flex;;justify-content: space-around; align-items: center;}
#default_nav a{line-height: 1.5em; width:4.5em; height:4.5em; display: inline-block; background-color:#e80015; margin:0.1em; border-radius: 2.25em; text-align: center;}
#default_nav .icon{ color:#ffffff; font-size: 1.8em;  display:block; margin-top: 0.5em;}
#default_nav h5{ color:#ffffff;  font-weight: inherit; margin-top:0.1em; font-size:0.9em;}
#default_company{ width:96%; margin:0 auto;}
#default_company img{ width:100%;}
#default_company p{ font-size:0.9rem; color:#666666; line-height:1.2rem; text-indent:1.8rem; height:6rem; overflow: hidden;}
#default_company a{ background-color:#fcfcfc; width:50vw; margin:0.5rem auto; height:1.8rem; line-height:1.8rem; text-align:center; color:#163588;display: block;}
#default_producttype{margin-top:1rem;}
.type_a{line-height: 1.5rem; width:30vw; overflow: hidden;max-width:calc(800px*0.3); border-radius: 0.5rem; margin:2% 0.5%; display:inline-block; height:1.5rem; text-align:center; border:2px #f9f9f8 solid; color:#f9f9f8;}#default_tproduct{margin-top:1rem;}#default_news{margin-top:1em;}

/*news*/
.news_list{ height:20vw; max-height:calc(800px*0.2); width:100%; margin:1em auto 0em;}
.news_list_img{ width:30vw; height:20vw; max-width:calc(800px*0.3); max-height:calc(800px*0.2); float:left;}
.news_list_img img {width:30vw;height:20vw; max-width:calc(800px*0.3); max-height:calc(800px*0.2);}
.news_list_title{ width:64vw; height:14vw; float:right; max-width:calc(800px*0.64); max-height:calc(800px*0.14);}
.news_list_title h2{color:#333333; font-weight: inherit;}
.news_list_dt{margin-left:2vw; width:8rem; height:1.5em;  overflow: hidden;  float:left;}
/*友情连接*/
.lj{padding:0.5em;}
.lj a{display: inline-block; padding:0 0.5em; line-height:1.5em;}

/*Edit By Lok*/
.news_list_title span{font-size:12px;color:#aaa;}
.news_list_title p{font-size:14px;color:#999;padding-top:10px;}
.news_list_dt a{font-size:14px;color:#FFF; background:#cc3333;border:#cc3333 1px solid;border-radius:5px;padding:5px 10px;}
#default_company a{width: 30vw; font-size:14px;color:#cc3333; background-color:#fff;border:#cc3333 1px solid;border-radius:5px;padding:5px 10px;}
/*Edit By Lok*/