/* banner */
#banner{/*width:100%;*/height:620px;overflow:hidden;position:relative;margin-top: 60px;}
#banner .wrapper{width:1200px;margin:0 auto;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:620px;background-position:center;background-size:cover;display:none;cursor: pointer;}

#banner_img li.item1{/*background-image:url(../images/banner_bg1.jpg);*/display:block;}
/*#banner_img li.item2{background-image:url(../images/banner_bg2.jpg);}
#banner_img li.item3{background-image:url(../images/banner_bg3.jpg);}*/
/*#banner_img li.item4{background-image:url(../images/banner_bg4.jpg);}
#banner_img li.item5{background-image:url(../images/banner_bg5.jpg);}
#banner_img li.item6{background-image:url(../images/banner_bg6.jpg);}
#banner_img li.item7{background-image:url(../images/banner_bg7.jpg);}
#banner_img li.item8{background-image:url(../images/banner_bg8.jpg);}*/

#banner_img .ad_img{position:absolute;right:4px;top:12px;width:711px;height:501px;}
/*#banner_img .ad_img a{width: 100%;height: 100%;overflow: hidden;display: block;}*/
.ad_img1,.ad_img2,.ad_img3{width: 100%;height: 100%;overflow: hidden;position: absolute;}
#banner_img .ad_img .ad_img1 img,#banner_img .ad_img .ad_img2 img,#banner_img .ad_img .ad_img3 img{width: 100%;height: 100%;overflow: hidden;display: block;}
/*#banner_img .ad_img img{position: absolute;}*/
#banner_img .ad_txt{position:absolute;left:38px;top:118px;z-index: 999; color:#fff;/*text-shadow:1px 1px rgba(51,51,51,0.3);*/}
#banner_img .ad_txt h6{font:bold 24px/24px "黑体";padding-left: 9px;}
#banner_img .ad_txt h2{font:60px/60px "黑体";margin: 34px 0 24px;padding-left: 2px;}
#banner_img .ad_txt p{font:24px/24px "黑体";padding-left: 4px;}
#banner_img .ad_txt a{display:block;width:176px;height:34px;line-height:34px;color:#f2bf1d;font-size: 22px;text-align:center;margin-top:60px;text-shadow:none;border: 2px solid #fff;}
#banner_ctr{width:100%;position:absolute;z-index:9999;left: 0;bottom:125px;height:3px;line-height: 3px;}
#banner_ctr ul{text-align: center;}
#banner_ctr li{display:inline-block;cursor:pointer;width:60px;height:3px;overflow: hidden;visibility: top;margin: 0 6px;background: #fff;opacity: 0.5;filter:alpha(opacity=50);-webkit-opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;}
#banner_ctr li.on{opacity: 1;filter:alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}

.banner_navbg{width: 100%;height: 100px;overflow: hidden;position: absolute;left: 0;bottom: 0;}
.banner_navbg>em{width: 100%;height: 100px;overflow: hidden;display: block;background: #fff;opacity: 0.05;filter:alpha(opacity=5);-webkit-opacity: 0.05;-moz-opacity: 0.05;-khtml-opacity: 0.05;position: absolute;z-index: 9}
.banner_nav{width: 1200px;height: 100px;overflow: hidden;position: absolute;left:50%; margin-left: -600px; z-index: 11}
.banner_nav ul{height: 100%;overflow: hidden;}
.banner_nav ul li{float: left;width: 239px;height: 100%;overflow: hidden;border-right: 1px solid #258ddf;position: relative;}
.banner_nav ul li:first-child{width: 238px;border-left: 1px solid #258ddf;}
.banner_nav ul li i{width: 239px;height: 100px;overflow: hidden;display: block;background: #fff;opacity: 0.08;filter:alpha(opacity=8);-webkit-opacity: 0.08;-moz-opacity: 0.08;-khtml-opacity: 0.08;display: none;position: absolute;left: 0px;top: 0;}
.banner_nav ul li:hover i{display: block;}
.banner_nav ul li a{width: 156px;height: 40px;overflow: hidden;display: block;padding: 32px 0 28px 82px;position: relative;color: #d5e3ed;/*background: url(../images/banner_nav.png) no-repeat  30px 32px;*/}
.banner_nav ul li a img{position: absolute;left: 30px;top: 32px}
.banner_nav ul li a h5{font-size: 18px;line-height: 1;margin-bottom: 8px;font-weight: bold;}
.banner_nav ul li a p{font-size: 14px;line-height: 1;height:14px;overflow:hidden;margin-right:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.banner_nav ul li a:hover img{-webkit-animation: rotate 2s linear infinite;-moz-animation: rotate 2s linear infinite;-o-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}to{-o-transform: rotate(360deg)}}
@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}