html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {margin: 0;padding: 0;border: 0;outline: 0;}
html{ width: 100%; overflow-x:hidden;}
body {font: 12px/1.5  Arial,'微软雅黑';color: #333;/*background-color: #fff; */  overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
:focus {outline: 0;}
ul, ol {list-style: none;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size: 100%;outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.fl {float: left;}
.fr {float: right;}
a {color: #333;text-decoration: none;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
a:hover {color: #a30707;text-decoration: none;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {clear: both;*zoom: 1; height:0; overflow:hidden;}
.w{ width:1024px; margin:0 auto;}
.mbottom{margin-bottom: 30px;}
.ds_none{ display: none; }

#head{background-color:#f7f7f7;}
.sina-logo-top,.to-phone,.disclose-tit,.icon-join,.icon-strategy,.icon-time,.icon-hui,.btn-haggle,.icon-left,.icon-right,.back-top,.select_dfz_2014 .select_btn,#datepicker,.close-btn,.icon-collect{background:url(images/bg_index.png) no-repeat;}
.top-nav-wrap{border-top:1px solid #fff;border-bottom:1px solid #f2f2f2;font-family:"sinmsun";}
.top-nav{border-bottom:1px solid #d8d8d8;height:43px;line-height:43px;overflow:hidden;background-color:#f7f7f7;}
.top-nav .in{width:1200px;margin:0 auto;color:#c1c1c1;}
.top-nav .fr{margin-right:-10px;}
.top-nav a{margin:0 12px;}
.top-nav .sina-logo-top{float:left;display:inline;width:33px;height:24px;margin:7px 7px 0 2px;overflow:hidden;}
	
.animated05 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated5 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay025{animation-delay:.25s;-webkit-animation-delay:.25s;}
.delay05{animation-delay:.5s;-webkit-animation-delay:.5s;}
.delay075{animation-delay:.75s;-webkit-animation-delay:.75s;}
.delay1{animation-delay:1s;-webkit-animation-delay:1s;}
.delay125{animation-delay:1.25s;-webkit-animation-delay:1.25s;}
.delay15{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.delay175{animation-delay:1.75s;-webkit-animation-delay:1.75s;}
.delay2{animation-delay:2s;-webkit-animation-delay:2s;}
.delay25{animation-delay:2.5s;-webkit-animation-delay:2.5s;}
.delay3{animation-delay:3s;-webkit-animation-delay:3s;}
.delay35{animation-delay:3.5s;-webkit-animation-delay:3.5s;}

#box1{ height:733px; background:url(images/bg.jpg) no-repeat center bottom; position: relative;  z-index: 1;}
.box1{ position: relative; height: 733px;}
.logo{ width: 213px; position: absolute; top: 52px; left: 388px; }
.slogan{ width: 655px; position: absolute; top: 153px; left: 174px; }
.yun{ position: absolute; bottom:-28px; left: 0; z-index: 1; }


#box2{ height: 302px;  background: url(images/bg1.jpg) no-repeat center top;}
.box2{ height: 302px; z-index: 100; position:relative;}
.box2 .tit{ text-align: center; height: 46px; width: 100%; position: absolute; top: 0; left: 0; }
/*.box2 .intro{ font-size: 14px; color: #8a1d0f; line-height: 20px; height: 132px; overflow: hidden; width: 860px; position: absolute; top: 74px; left: 80px; }*/
.box2 .intro{font-size: 14px;
    color: #8a1d0f;
    line-height: 20px;
    height: 176px;
    overflow: hidden;
    width: 900px;
    position: absolute;
    top: 59px;
    left: 64px;}
.box2 .intro p{ text-indent: 28px; }

#box3{ height: 794px; background: url(images/bg2_1.jpg) no-repeat center top; padding-top: 150px; }
.box3{ width: 850px; margin: 0 auto 126px; }
.imgs{ width: 405px; height: 253px; background: #4a0000;}
.imgs .swiper-container{width: 405px;}  
.imgs .swiper-slide{ width: 100%; position: relative;}
.imgs .swiper-slide img{width: 405px; height: 253px; }
.imgs .swiper-button-prev{width: 24px; height: 34px; background: none; position: absolute; top: 140px; left: 10px;}
.imgs .swiper-button-next{width: 24px; height: 34px; background: none; position: absolute; top: 140px; right: 10px;}
.imgs .swiper-button-prev img, .imgs .swiper-button-next img{ width: 100%;}
.newslist{ width: 430px; padding-top: 20px; }
.newslist li{ height: 42px; margin: 0 10px; background:url(images/icon.png) no-repeat center left; text-indent: 20px; line-height: 42px; font-size: 18px; float: left; display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;}
.newslist li a{ color: #98331e; }
.newslist li:hover a{ color: #d56715; }

.videobox{ width: 866px; margin: 0 auto; position: relative; }
.videobox .tabcon{ width: 610px; height: 352px; position: absolute; top: 0; left: 0;}
.tabcon .conbox{ width: 610px; height: 352px; position: absolute; top: 0; left: 0; }
.videobox .tab{ width: 230px; height: 352px; overflow-x: hidden; overflow-y:scroll; position: absolute; top: 0; right: 0; }
.videobox .tab li{ width: 214px; height: 112px; overflow: hidden; margin-bottom: 10px; background: #ccc; }
.videobox .tab li:nth-child(5){ margin-bottom: 0; }
.videobox .tab li.on{ background: #000; }
.videobox .tab li img{ width: 214px; height: 112px;}

#box5{ height: 688px; background: url(images/bg3_1.jpg) no-repeat center top; padding-top: 120px; }
.box5 ul{ width: 992px; height: 457px; margin: 0 auto; }
.box5 li{ width: 228px; height: 457px; float: left; margin: 0 10px; }
.box5 li img{width: 228px; height: 457px;}

.footer{line-height:28px; color:#333; text-align:center; margin-top: 70px; }
.footer a{margin:0 6px;color:#333;}
.footer p{ text-align: center; color: #333;}