@charset "utf-8";
/*所有step共同样式 start*/
/** * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/) * http://cssreset.com * Copyright 2012 Yahoo! Inc. All rights reserved. * http://yuilibrary.com/license/ *//*  TODO will need to remove settings on HTML since we can't namespace it.  TODO with the prefix, should I group by selector or property for weight savings?*/html{ color:#000; background:#FFF;}/* TODO remove settings on BODY since we can't namespace it.*//*   TODO test putting a class on HEAD.      - Fails on FF. */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 { margin:0;   padding:0;}table {  border-collapse:collapse;   border-spacing:0;}fieldset,img {    border:0;}/*    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...*/address,caption,cite,code,dfn,em,strong,th,var {    font-style:normal;  font-weight:normal;}?ol,ul {    list-style:none;}?caption,th {  text-align:left;}h1,h2,h3,h4,h5,h6 {    font-size:100%; font-weight:normal;}q:before,q:after {  content:'';}abbr,acronym {  border:0;   font-variant:normal;}/* to preserve line-height and selector appearance */sup { vertical-align:text-top;}sub {  vertical-align:text-bottom;}input,textarea,select { font-family:inherit;    font-size:inherit;  font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select {   *font-size:100%;}/*because legend doesn't inherit in IE */legend {  color:#000;}/* YUI CSS Detection Stamp */
html {
    height: 100%;
}
body{  
    font-size:14px;
    color:#434343;
    min-height: 100%;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 50px #FFF inset;
}
ul li{
    list-style:none;
}
a{
    text-decoration:none;
}
a:hover{
    color:#4db008;
    text-decoration:none;
}
a:link,a:visited{
    color:#333;
    text-decoration:none;
}
input,textarea{
    border:1px solid #d2d2d2;
    outline:none;
}
button[type="submit"]:focus,button[type="button"]:focus,input[type="button"]:focus,input[type="submit"]:focus{
     cursor:pointer;
     outline:none;
}
input{
    border:0 none;
    background:none;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
    outline:0 none;
    border-color:#4db008;
}
textarea{
    resize:none;
}
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill{
    box-shadow: 0 0 0 50px #FFF inset;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.cleard{
    clear:both;
}
.clearfix{
    *zoom:1;
}
.clearfix:after{
    clear:both;  
    display:block;
    height:0;
    visibility:hidden;
    content:'';
}
.fl{
    float:left;
}
.fr{
    float:right;
}
/*以上样式为公用 end*/

 /*弹出灰色的背景 start*/
.pop-underlay{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../images/underlay-bg.png) 0 0 repeat;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
}
/*弹出灰色的背景end*/
.pop-main {
   width: 100%;
   min-height: 100%;
   background: #000;
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
}
.pop-wrap{
   width: 1350px;
   height: 640px;
   margin: 0 auto;
   background: #000;
   position: fixed;
   z-index: 99999;
   top: 50%;
   left: 50%;
   margin-left: -675px;
   margin-top: -320px;
}
.pop-bg {
   width: 1350px;
   height: 478px;
   margin: 0 auto; 
   background: #000;
}
.pop-close{
    position: absolute;
    right:10px;
    top:10px;
}
/* 轮播 start*/
.main_visual {
    width: 1350px;
    height: 478px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: #000;
}
.main_image {
    height: 478px;
    overflow: hidden;
    position: relative;
}
.main_image ul {
    width: 9999px;
    height: 478px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}
.main_image li {
    float: left;
    width: 100%;
    height: 478px;
}
.main_image li span {
    display: block;
    width: 100%;
    height: 478px
}
.main_image li a {
    display: block;
    width: 100%;
    height: 478px
}
.main_image li .img_1 {
    background: url('../images/pop-banner1.jpg') center top no-repeat;
}
.main_image li .img_2 {
    background: url('../images/pop-banner2.jpg') center top no-repeat;
}
.main_image li .img_3 {
    background: url('../images/pop-banner3.jpg') center top no-repeat;
}
.main_image li .img_4 {
    background: url('../images/pop-banner4.jpg') center top no-repeat;
}
div.flicking_con {
    position: absolute;
    top: 478px;
    left: 50%;
    z-index: 999;
    width: 100px;
    margin-left: 50px;
    height: 21px;
    margin: 0 0 0 -50px;
}
div.flicking_con a {
   /* float: left;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url('../images/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1000px*/
}
div.flicking_con a.on {
    background-position: 0 -21px
}
#btn_prev, #btn_next {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 48px!important;
    height: 95px!important;
    top: 50%;
    margin-top: -47px;
    display: none;
}
#btn_prev {
    background: url('../images/hover_left.png') no-repeat left top;
    left: 185px;
}
#btn_next {
    background: url('../images/hover_right.png') no-repeat right top;
    right: 185px;
}
/* 轮播 end*/

.scroll-pop{
    width:1350px;
    margin:0 auto;
    overflow: hidden;
    margin-top: 10px;
}
.str_move{
    /*margin-left: -1350px;*/
}
.str3 a{
    margin-right: 20px;
}
.str3 a img{
 border:1px solid #000;
}
.str3 a:hover img{
    border:1px solid #fff;
}
/*右下角弹出视频 start*/
#winpop {
    width: 320px;
    height:0;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 1px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}
.title-bg{
    height: 200px;
    position: relative;
    cursor: pointer;
}
.video-close {
    position: absolute;
    right: -3px;
    top: -8px;
    font-size: 25px;
    color: #000;
    cursor: pointer;
    z-index:9999999999;
}
/*右下角弹出视频 end*/
.pop-video-wrap{
    width: 800px;
    height: 500px;
    position: fixed;
    background: #000;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -250px;
    display: none;
    z-index: 9999;
}
.video-pop {
    width: 750px;
    height: 500px;
    padding-left: 25px;
}
.vx {
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    cursor: pointer;
}
.vx img{
    width:32px;
}
@media (max-width: 1600px) and (min-width: 1366px) {
    .pop-close {
        right:145px;
    }
   
}
@media (max-width:1365px) and (min-width:1024px) {
    .pop-close {
        right:150px;
    }
}