﻿*{padding:0; margin:0; font-size:1em; color:#808080; font-family:微软雅黑;}
a{ text-decoration:inherit;}
html, body{width:100%; height:100%; background-color:#f5f5f5;}
table{border-collapse:collapse; border-spacing:0;}
.clr {display: block;clear: both;height: 0;overflow: hidden;}

.pager_span{ display:block; margin-bottom:0.5em;}
.pager_a_hover{color:red; padding:0.1em 0.5em;border:2px red solid;display:inline-block;height:1.3em; line-height:1.3em;margin-left:0.2em; font-weight:bold;}
.pager_a{color:#999999;border:1px #cccccc solid; padding:0.1em 0.5em; height:1.3em; line-height:1.3em; display:inline-block;margin-left:0.2em;}
.pager_box{ text-align:center;}

#swipe{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;}

#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:100vw; margin:0 auto; max-width:1024px; }
#page{width:100vw; max-width:1024px; margin:0 auto; min-height:350px; }

#nav_box{ white-space:nowrap; overflow:hidden; background-size:contain; border-top:1px #6385f3 solid;}
#nav_box a{display:inline-block; line-height:3em; padding:0 1em; color:#ffffff;}


#menu_list{height:60px; overflow:hidden; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;   width:100%;  }
#menu_list li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;  text-align:center; list-style:none;  }
.menu_list_a{margin:0px auto 0px; line-height:94px; height:60px; overflow:hidden; display:block; color:#ea2425; background-repeat:no-repeat; background-position:center 8px; background-size:22px 22px;}
.menu{background-color:#f5f5f5; width:100%; text-align:center; display:none; padding:5px 0px;}
.menu a{ line-height:30px; font-size:0.95rem; background-color:#e53f40; border-radius:10px; display:inline-block; width:44%; margin:3px 2% 2px; text-align:center; color:white;}


.div_title{text-align:center; background-color:#ffffff; }
.div_title_name{ display:inline-block; border:1px #e5e5e5 solid; background-color:#ffffff;  text-align:center; margin:10px auto;}
.div_title_name span{display:inline-block; margin:4px 7px; color:#333333;}
.div_title_name span span{ color:#ff0000;font-weight:bold; margin:0px;}
.div_title_more{ text-align:center;}
.div_title_more a{ border:1px #ea2425 solid; border-radius:5px; color:#ea2425; display:inline-block; margin:10px auto; padding:5px 8px; font-size:0.9rem; }

.type_box{ border:1px #af1b1b solid;  background-color:#ffffff; margin-top:0.3em; }
.fenlei_a{ border:1px #ea2425 solid; color:#ea2425;display:inline-block; background-color:#ffffff; padding:0.3rem; white-space:nowrap; margin:0.3em;}
.fenlei_a_hover{ background-color:#ea2425; color:#ffffff; }


#top{ width:100%; height:20vw; max-width:1024px; background-color:#e9eaf4; display:block; z-index:6; background-size:contain; background-position:left; background-image:url(/m_temp2/img/top_bg.jpg); background-repeat:no-repeat; background-color:#ffffff;}
#top p{ word-wrap:break-word; height:1.2em; font-size:1.2em; color:#ea2425; float:left;z-index:1; margin:1em;  display:inline-block;}
#logo{ width:100%; height:80px; background-size:contain; background-position:left center;display:block;}
#menu_kg{height:20vw;}
#nav_ul{width:80%; }
#nav_ul li{list-style:none; }
#nav_ul ul>li{list-style:none; display:inline-block;}
#nav_ul{overflow:hidden; width:80%; }
.navigation_a{margin:0 auto; margin-left:20px; line-height:2rem; display:block; color:White;}
.s_navigation_a{margin:0 auto; line-height:2rem; display:inline-block; color:White; padding:0px 0px; margin-left:20px;}

.box_title{ background-color:#004b8d; color:#ffffff; line-height:2.2em; font-size:1.1em; text-indent:1.5em;}

#btn{ color:White; width:100%; max-width:1024px; background-color:#004b8d; height:65px; position:absolute; bottom:0px; overflow:hidden; display:block; z-index:3; position:fixed;}
#btn_menu_list{width:100%;  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; margin-top:10px;}
#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; background:url(/m_temp1/image/toolsico.png) no-repeat 0 0;}
.btn_menu_list_a{margin:0 auto; text-align:center; height:45px; display:block; 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); } }