html { overflow-x: hidden; overflow-y: auto; }
/*导航*/
* { box-sizing: border-box; }
/*左浮动*/
.float-left { float: left; }
/*右浮动*/
.float-right { float: right; }
/*清除浮动*/
.clearfix::before { content: ""; display: table-cell; }
.clearfix::after { content: ""; display: table; clear: both; }
body { margin: 0; padding: 0; color: #333; font: 16px/24px "-apple-system", "Helvetica", "Microsoft YaHei", "PingFang SC"; outline: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
a, a:after, a:before { text-decoration: none; color: #333; cursor: pointer; outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #2073cf; }
/* 
- 设置导航高度宽度和背景色 
- 没有边距，文字贴着边不好看，给个内边距padding: 16px;
*/
.menu { padding: 0 25px; width: 1100px; margin:0 auto; height: 60px;}
.menu_bgs{ width:100%; height:60px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#b8c4cb, endColorStr=red); /*IE 6 7 8*/
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1c64dc, endcolorstr=#38c7ff, gradientType=1);background: -ms-linear-gradient(left, #1c64dc, #38c7ff);/* IE 10 */
 background: -moz-linear-gradient(left, #1c64dc, #38c7ff);/*火狐*/ 
 background: -webkit-gradient(left, 0% 0%, 0% 100%, from(#1c64dc), to(#38c7ff));/*谷歌*/
  background: -webkit-gradient(left, 0% 0%, 0% 100%, from(#1c64dc), to(#38c7ff));      /* Safari 4-5, Chrome 1-9*/ 
  background: -webkit-linear-gradient(left, #1c64dc, #38c7ff);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(left, #1c64dc, #38c7ff);  /*Opera 11.10+*/
}
/* 一级菜单设置为相对定位 */
.menu > ul > li { position: relative;}
/* 
- 因为导航背景颜色是黑色，所以设置一级导航的文字颜色是白色 
- 导航高48px，一级导航的文字要垂直居中，可以计算（48-文字行高）/2，然后设置外边距或者内边距，让文字刚好居中。
- 上面的居中方式太复杂了，不如line-height: 48px;让文字行高和导航高度一样，自然就居中了。
*/
.menu > ul > li > a { line-height: 60px; color: #FFF; font-size:16px; }
.menu > ul > li > a { display: block; padding: 0 33.6px; line-height: 60px; color: #FFF; }
.menu > ul > li:hover > a,
.menu > ul > li.active > a { background: #ea860c; }
/* 
- 二级菜单会占用高度，因此需要给它设置绝对定位，因为一级菜单是相对定位，因此二级菜单的位置是根据一级菜单来的
- 二级菜单的宽度100%也是根据一级菜单来的
*/
.sub-menu { position: absolute; width: 100%; top: 60px; left: 0; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.sub-menu > li > a { display: block; padding: 8px; text-align: center; font-size: 14px; color:#000;}
.sub-menu > li + li > a { border-top: 1px solid rgba(255,255,255,0.3); }
.sub-menu > li:hover > a { background-color:rgba(234,134,12,0.8); color:#fff;}
.sub-menu { position: absolute; width: 100%; top: 60px; left: 0; background-color:rgba(255,255,255,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.1); opacity: 0; z-index: 999; visibility: hidden; color:#000; 
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s; 
            transition: all 0.5s; 
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0; 
            -webkit-transform:scaleY( 0 );
            -moz-transform:scaleY( 0 );
            -ms-transform:scaleY( 0 );
            -o-transform:scaleY( 0 );
            transform:scaleY( 0 ); }
.menu > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 );  }
	/*banner*/
.fullSlide{width:100%;position:relative;height:600px; overflow:hidden;}
.fullSlide .bd{ position:absolute; left:50%; margin-left:-960px; width:1920px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#ff8c00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}