﻿@charset "utf-8";
/* 初始化CSS */
.l{float:left;}
.r{float:right;}
body{background:#fff; font-family:"Microsoft YaHei"; color:#000}
/*header*/
header{ max-width:10rem; overflow: hidden; margin:0 auto; height:1.34375rem; padding-top:0.671875rem}
header .l{margin-left:0.3906255rem}
header .l img{width:3.203125rem;  }
header .r{margin-right:0.390625rem}
header .r img{width:2.71875rem;}


.banner{ background:url(../images/banner.jpg) no-repeat; height:6.21875rem; overflow:hidden; position:relative;max-width:10rem;margin:0 auto; background-size:100% 100% }
.banner a{ position:absolute; width:100%; height:0.75rem; display:block;} /*left:6.984375rem; top:5.125rem;*/
.box{max-width:10rem;margin:0 auto; overflow:hidden}
.box-h2{ color:#000000; font-size:0.46875rem; text-align:center; margin:0.9375rem 0 0.234375rem;}
.box-p{ color:#626262; font-size:0.28125rem; text-align:center; line-height:0.390625rem;}
.zixun{ background:url(../images/but.jpg) no-repeat; width:8.015625rem; height:1.46875rem; display:block; color:#fff; text-align:center; line-height:1.171875rem; margin:0.9375rem auto 0; font-size:0.375rem;background-size:100% 100%}
.box1{ margin:0.78125rem 0.390625rem 0; height:3.140625rem } 
.box1 img{ width:4.390625rem; -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  -o-transition: 0.2s;}
.box1 img:hover{-webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);}  
  .dispe{ display:inline-block}
.box1-right{ width:3.90625rem; color:#000000}
.box1-right h3{ font-size:0.3125rem; font-weight:normal; border-bottom:1px solid #dddddd; overflow:hidden; width:3.015625rem; height:1.09375rem; line-height:1.09375rem; margin-bottom:0.234375rem;}
.box1-right p{ background:url(../images/yes.jpg) left center no-repeat; padding-left:0.578125rem; font-size:0.25rem; line-height:0.515625rem; background-size:0.421875rem 0.328125rem}
.m25{ margin-top:0.390625rem;}
.box2{ margin:0.84375rem 0.390625rem 0; overflow:hidden;-webkit-column-count:3 ;-moz-column-count:3 ;column-count:3 ; text-align:center;-webkit-column-gap:0.40625rem;-moz-column-gap:0.40625rem;column-gap:0.40625rem;}
.box22{margin:0.390625rem 0.390625rem 0; overflow:hidden;}
.box22 li{ float:left; text-align:center; margin-left:0.40625rem ; display:inline-block; width:2.8125rem}
.box22 li.bor2{margin-left:1.609375rem}
.box2 li img,.box22 li img{ display:block; width:2.8125rem; }
.box2 li h3,.box22 li h3{ color:#010101; font-size:0.28125rem; font-weight:normal; margin-top:0.46875rem; overflow:hidden}
.box2 li p,.box22 li p{ color:#909090; font-size:0.234375rem; line-height:0.490625rem; margin-top:0.15625rem;}
.huoqu{ display:block; text-align:center; margin-top:0.625rem; color:#d24752; font-size:0.28125rem;}
.huoqu img{ display:block; width:0.453125rem; margin:0.203125rem auto 0;}
.box3{ margin:0.84375rem 0.390625rem 0; overflow:hidden;-webkit-column-count:5 ;-moz-column-count:5 ;column-count:5 ;-webkit-column-gap:0.3125rem;-moz-column-gap:0.3125rem;column-gap:0.3125rem; text-align:center}
.box3 li{ display:inline-block}
.box3 img{ display:block; width:1.5625rem}
.box3 p{ font-size:0.28125rem; margin-top:0.234375rem;}
.m40{ margin-top:0.625rem;}
.box55{margin:0.46875rem 0.390625rem 0; overflow:hidden}
.box5{margin-top:0.3125rem; overflow:hidden;-webkit-column-count:2 ;-moz-column-count:2 ;column-count:2 ;-webkit-column-gap:0.3125rem;-moz-column-gap:0.3125rem;column-gap:0.3125rem; text-align:center}
.box5 img{ display:block; width:4.46875rem;}
.box51{-webkit-column-count:3 ;-moz-column-count:3 ;column-count:3 ;}
.box51 img{ width:2.859375rem}
.box6,.box-71{margin:0.859375rem 0.390625rem 0; overflow:hidden}
.box6 img,.box6-1 img{ width:100%; display:block}
.box6-1{ display:block; margin-top:0.5625rem;}
.bottom{text-align:center;max-width:10rem; height:1.578125rem;  overflow:hidden; margin:0 auto; position:fixed; bottom:0; width:100%; background:#fff; z-index:2}
.box6{margin-bottom:1.578125rem;}

.bo-left{ width:50%;border-top:1px solid #cecece;padding-top:0.321875rem; overflow:hidden;-webkit-column-count:3 ;-moz-column-count:3 ;column-count:3 ;}
.bo-left li a{ display:inline-block}
.bottom a.lrgt{ width:50%; height:100%; background:#ff0000; font-size:0.46875rem; color:#fff;line-height:1.578125rem;}
.bo-left li img{ display: inline-block; height:0.46875rem}
.bo-left li p{ font-size:0.21875rem; margin-top:0.0489375rem;}
.box-71{height: 4.515625rem; position:relative;overflow:hidden}
.flexslider {
	position: relative;
	width: 100%;
	height:4.515625rem;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width:100%;   
}
.flexslider .slides li img{ display:block; width:100%}
.flex-control-nav {
 border-radius:0.234375rem ; position:absolute; bottom:0.3125rem; left:3.503125rem; z-index:1; height:0.46875rem;padding:0 0.21875rem;
}
.flex-control-nav li {
	width: 0.71875rem;height: 0.2391304347826087rem; float:left; margin:0 0.0234375rem 0;
}
.flex-control-paging li a {
	width: 0.71875rem;height: 0.2391304347826087rem;background: #dadada;border-radius: 0.15625rem;display: block;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { width: 0.71875rem;height: 0.2391304347826087rem;background: #fff;border-radius: 0.15625rem;display: block;
}
.box-8{ margin:0.828125rem auto 0; border-top:1px solid #cecece; position:relative}
.box-8 li{ width:2rem; height:0.859375rem; line-height:0.859375rem; text-align:center; overflow:hidden; background:#fff; border:1px solid #cecece; float:left;border-radius: 0.390625rem; color:#000000; font-size:0.25rem; margin-left:0.390625rem }
.box-8 li.active{ background:#000000; color:#fff;border:1px solid #000000;}
.box81{ position:absolute; margin-top:-0.4296875rem;}
.box-82{ margin-top:0.9375rem; overflow:hidden;height:3.125rem;}
.box-82 img{ display:block; width:100%; display:none}
@keyframes xguide_down{
    0%,100%{
        transform:scale(0.58);
        -moz-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -ms-transform:scale(0.5);
        opacity:0.5
    }
    50%{
        transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -ms-transform:scale(1.4);
        opacity:1
    }
 
}
@-webkit-keyframes xguide_down{
     0%,100%{
        transform:scale(0.58);
        -moz-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -ms-transform:scale(0.5);
        opacity:0.5
    }
    50%{
        transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -ms-transform:scale(1.4);
        opacity:1
    }
}
@-moz-keyframes xguide_down{
    0%,100%{
        transform:scale(0.58);
        -moz-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -ms-transform:scale(0.5);
        opacity:0.5
    }
    50%{
        transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -ms-transform:scale(1.4);
        opacity:1
    }
}
@-o-keyframes xguide_down{
    0%,100%{
        transform:scale(0.58);
        -moz-transform:scale(0.5);
        -o-transform:scale(0.5);
        -webkit-transform:scale(0.5);
        -ms-transform:scale(0.5);
        opacity:0.5
    }
    50%{
        transform:scale(1.4);
        -moz-transform:scale(1.4);
        -o-transform:scale(1.4);
        -webkit-transform:scale(1.4);
        -ms-transform:scale(1.4);
        opacity:1
    }
}
.trans{
    -webkit-animation:xguide_down 4.0s infinite ease-in-out;
    -moz-animation:xguide_down 4.0s infinite ease-in-out;
    -o-animation:xguide_down 4.0s infinite ease-in-out;
    animation:xguide_down 4.0s infinite ease-in-out
}
