@charset "utf-8";
/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑";} 
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.jz{ width:1200px; margin:0 auto;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*header*/
.header .top { font-size:14px; background:#ededed; }
.header .top .hy { float:left; color:#7b7a7a; line-height:31px;}
.header .top .home { float:right; padding-right:5px;}
.header .top .home a { color:#7b7a7a; line-height:31px;}
.header .top2 { margin:30px auto 16px; width:1200px; }
.header .top2 .logo { float:left;}
.header .top2 .search { border:1px solid #dedede; float:left; margin-left:34px; margin-top:18px; width:265px;}
.header .top2 .search input { height:48px; line-height:48px; float:left; padding-left:20px; font-size:14px; color:#a7a7a7;}
.header .top2 .top2_right { float:right;}
.header .top2 .top2_right .tel { float:left; margin-top:14px; margin-right:33px;}
.header .top2 .top2_right .ewm { width:80px; float:right;}
.header .top2 .top2_right .ewm p { text-align:center; font-size:14px; color:#6c6c6c;}

/*Mobile-header*/
.m_header { width:100%; height:60px; text-align:center; background:#ffffff; display:none;}
.m_header .logo { width:40%; margin-left:2%; float:left;}
.m_header .logo img { width: 100%; display: block;}
.m_header .menu1 { background:none; border:none; float:right; margin-right:0.37rem;}
.m_header .menu1 img { width:40px;}

/*menu*/
.nav { width:100%; background:#333333; background:url(../images/menu_02.jpg) no-repeat center center;}
.nav ul li { float:left; text-align:center; position:relative}
.nav ul li a { line-height:46px; font-size:16px; color:#ffffff; display:block; height:46px; padding:0 16px;}
.nav ul li a:hover , .nav ul li .active{ background:#e32433; }
.nav ul li ul { position:absolute; top:46px; left:50%; margin-left:-82px; z-index:99; background:#333333; display:none;}
.nav ul li ul li { width:165px;  text-align:left;}
.nav ul li:hover ul { display:block;}
.nav ul li:hover ul li a { height:auto;line-height:25px; padding:10px 8px; text-align:center;}

/* banner */
.block_home_slider{ position: relative;background-color: #ffffff; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;} /*底部小图标*/
.block_home_slider .slide{position:relative;}
.block_home_slider .caption{padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../bg_caption.png); text-align:left;}
.block_home_slider .caption p{padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title{padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.block_home_slider .flex-direction-nav a{width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background:url(../images/sprite_arrow_2.png) no-repeat; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev{left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover{background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next{right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover{background-position:right bottom;}

.block_home_slider .flex-control-paging{padding-top:15px; display:inline-block; position:absolute; bottom:5%; left:50%;}
.block_home_slider .flex-control-paging li{margin: 3px;padding: 0px;float: left;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active{background-position:right top;}
.block_home_post_feature{width:300px;}
.block_home_post_feature p{padding-bottom:0px;}
.flexslider{margin: 0; padding: 0;}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width: 100%; display: block;}
.flex-pauseplay span{text-transform: capitalize;}

.m_banner{ display:none;}

/*footer*/
.footer { width:100%; background:url(../images/foot_04.jpg) repeat; text-align:center; margin-top:30px; border-bottom:1px solid #0e0f13;}
.footer ul { width:1100px; margin:0 auto;}
.footer ul li { float:left; text-align:center;}
.footer ul li a { line-height:70px; font-size:14px; color:#ffffff; display:block; height:70px; padding:0 16px;}
.footer a {color:#ffffff; }
.footer .foot1 { border-bottom:1px solid #15161a;}
.footer .foot { text-align:left; width:100%; border-top:1px solid #3f4044; padding:40px 0;}
.footer .foot .logo { float:left;}
.footer .foot .text { font-size:14px; color:#fff; line-height:30px; float:left;}
.footer .foot .ewm { float:left; margin-left:70px;}
.footer .foot .ewm img { margin-right:20px;}

.footercopy{width:100%; height:70px; background:#2c2c2c; display:none;}
.footercopy .con{text-align:center; font-size:12px; color:#888888; line-height:18px; padding-top:17px;}

/*弹出菜单*/
.menu{background-color:rgba(51,53,57,0.9);  font-family:"微软雅黑";}
.menu a{color: #fff; font-size:14px;}
.menu a:hover{text-decoration: underline;}
.menu-header{border-bottom: 1px solid #2a2d2f; padding: 20px 0 20px 25px;}
.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}
.menu-section{ width:200px; position:absolute; right:0; background-color: #1D1F20; background-image: linear-gradient(145deg, #1D1F20, #404348); height:100%; }
.menu-section-title{text-transform: uppercase; color: #85888d; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0; margin: 10px 0; list-style:none;}
.menu-section-list a{display: block; padding: 10px 20px;}
.menu-section-list a:hover{background-color: rgba(255, 255, 255, 0.1); text-decoration: none;}
.menu {position: fixed; top: 0; bottom: 0; right: 0; z-index: 99; width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform:translate3d(-10px, 0, 0);
    transform:translate3d(-10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform:translate3d(-10px, 0, 0);
    transform:translate3d(-10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name:shake;
  animation-name:shake;
  -webkit-animation-duration:0.5s;
  animation-duration:0.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  display:block;
}

@media screen and (max-width:1000px) {
	body { max-width:640px; margin:0 auto;}
	.header , .nav , .banner , .footer { display:none;}
	.m_header , .m_banner { display:block;}
	.jz { width:100%;}
	.footercopy { display:block;}
}
@media screen and (max-width:414px) {
	.m_header .logo { width:60%;}

}