/*****Reset Css  2014.5.29 by Changl*****/
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
border:none;padding:0;
}

/***** common css *****/
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.text{ border:none;}
.btn{ cursor:pointer; border:none;}
.core{ color:#9b0a00;}
em,i{ font-style:normal;}


/* index */
.flex-direction-nav{ display:none;}
.flex-control-nav {position: absolute;left:50%;bottom: 16px; z-index:9999; text-align:right; width:1100px; margin-left:-550px;}
.flex-control-nav li{  margin:0 3px; cursor:pointer; *display:block; *zoom:1; display:inline-block;}
.flex-control-nav li a {background:#fff; width: 12px; height: 12px;display: block; font-size: 0;
text-indent: -9999px;border-radius:12px;float:left;}
.flex-control-nav li a.flex-active{ background:#e42700; width:30px; transition:all 0.6s ease 0s;}
.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; }
.slides li img{ width:100%; height:auto;}



@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}}

.into .brief{-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into #left{-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into #right{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-30px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.into .nexus{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(30px)}
100%{opacity:1;-moz-transform:translateX(0)}}

.into .press_left {-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.into .press_right{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.6)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.6)}
100%{-moz-transform:scale(1)}}

.into .business:nth-child(1){-webkit-animation:up 0.4s linear 0.4s both; animation:up 0.4s linear 0.4s both;}
.into .business:nth-child(2){-webkit-animation:up 0.4s linear 0.6s both; animation:up 0.4s linear 0.6s both;}
.into .business:nth-child(3){-webkit-animation:up 0.4s linear 0.8s both; animation:up 0.4s linear 0.8s both;}

@-webkit-keyframes up{
0%{opacity:0;-webkit-transform:translateY(30px)}
50%{opacity:0.5;-webkit-transform:translateY(15px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

.into .oper_div{-webkit-animation:up 1s linear 0.2s both; animation:up 1s ease 0.2s both;}
@-webkit-keyframes up{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes up{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}


.phone{ display:none;}
.slides li{ position:relative; overflow:hidden;}
.banner1_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:95px; overflow:hidden; top:50%; margin-top:-42.5px;}
.slides li .banner1_box img{ width:416px!important; height:95px!important;overflow:hidden;}
.slides li .banner2_box .index_pic1 img{ width:562px!important; height:100px!important; overflow:hidden;}
.slides li .banner2_box .index_pic1{ margin:150px 0 42px 0;}
.slides li .banner2_box .index_pic2 img{ width:1172px!important; height:187px!important; overflow:hidden;}
.slides li .banner3_box  .box_pic4{ width:1049px!important; height:607px!important; overflow:hidden;}
.banner2_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:490px;  top:0;}
.banner3_box .box_pic5{ position:absolute; left:-100px; top:80px; z-index:9999999; width:252px; height:67px;}
.banner3_box{ width:1200px; position:absolute; left:50%; margin-left:-600px; z-index:999999; text-align:center; height:607px; top:50%; margin-top:-303.5px;}
.flex-active-slide .banner1_box img{ animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both; }
.flex-active-slide .banner2_box .index_pic1{animation:zuo 1s ease 0.2s both;-webkit-animation:zuo 1s linear 0.2s both; }
.flex-active-slide .banner2_box .index_pic2{animation:shang 1s ease 0.2s both;-webkit-animation:shang 1s linear 0.2s both; }
.flex-active-slide .banner3_box .box_pic4{animation:fadeInLeft 0.8s ease 0.2s both;-webkit-animation:fadeInLeft 0.8s linear 0.2s both; }
.flex-active-slide .banner3_box .box_pic5{-webkit-animation:fadeInRight 0.8s linear 0.2s both; animation:fadeInRight 0.8s ease 0.2s both;}

@-webkit-keyframes zuo{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes zuo{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
4%{opacity:0.4}
80%{opacity:0.8}
100%{opacity:1}}