﻿@charset "utf-8";
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#000}
html *{outline:0;-webkit-text-size-adjust:none;tap-highlight-color:rgba(0,0,0,.05);-webkit-tap-highlight-color:rgba(0,0,0,.05);-ms-tap-highlight-color:rgba(0,0,0,.05)}
body{font-family:"Helvetica";font-size:12px}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,em{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
i,em,address{font-style:normal}
ul,ol,li{list-style:none}
a{text-decoration:none;color:inherit}
iframe{line-height:0;overflow:hidden}
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}/*IE/7/6*/
.container {position: relative; margin: 0 auto; max-width: 640px;  overflow: hidden;}
.show{display:block}
.hide{display:none}
.blank5 { height:5px;}
.blank10 { height:10px;}

.header{ height:47px; position:relative; background-color:#0C121C; border-bottom:1px #ededed solid; overflow:hidden; padding:0!important; display:-webkit-box;display:-webkit-flex;display:flex; z-index:999}
.header .logo{ width:135px; height:47px; margin-left:10px; background:url(../images/logo.png) no-repeat; background-size:135px 47px; overflow:hidden; text-indent:-9999em;}
.header .head_more{ width:31px; height:31px; text-align:center; line-height:31px;  position:absolute ; top:8px; right:10px;}
.header .head_more i {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 2px;
    background: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.footer {width: 100%;}
.footer .footer_nav{ text-align:center; color:#e1620b;background: #3d4049;padding: 20px 0;}
.footer .footer_nav a { display:inline-block; height: 33px;line-height: 33px; overflow:hidden; font-size:16px; font-weight:600; margin-right:20px;}
.footer .footer_copy{ text-align:center; color:#e1620b;padding: 20px 0; font-size:14px;}
.clear{clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}

.pop_bg {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-transform: scale(0);
    -webkit-transition: opacity 0.2s;
}
.pop_bg.on {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.header_nav {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	z-index: 998;
	position:fixed;
    width: 100%;
    text-align: center;
    background: #fff;
    overflow: hidden;
    -webkit-transform: translateY(-185px);
    -moz-transform: translateY(-185px);
    -ms-transform: translateY(-185px);
    transform: translateY(-185px);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -moz-transition: transform 0.2s, -moz-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
}

.header_nav .nav_m{ height:21px; line-height:21px; display:inline-block; color:#008CD6; font-size:14px; font-weight:600; padding:15px 25px;}

.header_nav.on {
	    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#adSlider{ margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;}
.swipe-wrap {
    position: relative;
  width: 100%;
  height: 155px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swipe-wrap > div {
    -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 155px;
  position: relative;
}
.swipe-wrap img{ width:100%; height:155px;}
#bullets {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    background: none;
	z-index:2
}
#bullets #position {
    position: absolute;
    text-align: right;
    bottom: 3px;
    right: 4px;
}
#bullets #position li {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    margin-left: 6px;
}
#bullets #position li.current {
    background: #ff6666;
}
.swipe-slide h1,.swipe-slide h2,.swipe-slide h3{ position:absolute; width:100%; text-align:center; left:0; font-size:14px; color:#FFF; font-weight:500;}
.swipe-slide h1{ top:32px;}
.swipe-slide h2{ top:62px;}
.swipe-slide h3{ top:92px;}

.box_con {
    clear: both;
    margin-top: 15px;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top-width: 1 !important;
    border-bottom-width: 1 !important;
    background: #fff;
    overflow: hidden;
}
.box_con .tit {
    text-align: center;
    color: #333;
	padding: 0 15px;
    line-height: 45px;
}
.box_con .tit strong {
    position: relative;
    font-size: 18px;
    font-weight: normal;
}

.box_con .tit strong::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    width: 30px;
    height: 1px;
    margin: 0;
    background: #999;
    overflow: hidden;
}

.box_con .tit strong::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -40px;
    width: 30px;
    height: 1px;
    background: #999;
    overflow: hidden;
}
.txt_list{ margin:15px; line-height:21px; font-size:14px;color: #333;}
.txt_list p{ margin-bottom:5px;line-height:21px; font-size:14px;color: #333;}
.img_list{margin:15px;}
.img_list li{ width:45.4%; float:left; padding:15px 2%; border:1px #ddd solid; border-left:0; border-bottom:0}
.img_list li:nth-child(2n+1){  border-left:1px #ddd solid; }
.img_list li img{ width:100%;}