*{margin: 0; padding: 0;}
body{background: url("imagesindexbg.jpg") no-repeat top center;}
.w-1065{width: 1065px; margin: 0 auto;}
.header{width: 100%; height: auto; overflow: hidden; clear: both;}
.hdtitle1{width: 100%; height: 85px; margin-top: 245px; text-align: center; overflow: hidden; clear: both;}
.hdtitle1 p{padding-left: 140px;}
.hdtitle1 span{margin-left: 8px; }
.hdtitle1 span img{-moz-animation: fadeInDown  linear;-webkit-animation: fadeInDown linear;-o-animation: fadeInDown linear; -ms-animation: fadeInDown linear;animation: fadeInDown linear;}
.hdtitle1 span:nth-child(1) img{transition-delay: 0s;  -moz-transition-delay: 0s; /* Firefox 4 */  -webkit-transition-delay: 0s; /* Safari 和 Chrome */  -o-transition-delay: 0s;}
.hdtitle1 span:nth-child(2) img{transition-delay: 0.8s;  -moz-transition-delay: 0.8s; /* Firefox 4 */  -webkit-transition-delay: 0.8s; /* Safari 和 Chrome */  -o-transition-delay: 0.8s;}
.hdtitle1 span:nth-child(3) img{transition-delay: 1.3s;  -moz-transition-delay: 1.3s; /* Firefox 4 */  -webkit-transition-delay: 1.3s; /* Safari 和 Chrome */  -o-transition-delay: 1.3s;}
.hdtitle1 span:nth-child(4) img{transition-delay: 1.7s;  -moz-transition-delay: 1.7s; /* Firefox 4 */  -webkit-transition-delay: 1.7s; /* Safari 和 Chrome */  -o-transition-delay: 1.7s;}
.hdtitle1 span:nth-child(5) img{transition-delay: 2s;  -moz-transition-delay: 2s; /* Firefox 4 */  -webkit-transition-delay: 2s; /* Safari 和 Chrome */  -o-transition-delay: 2s;}
.hdtitle1 span:nth-child(6) img{transition-delay: 2.3s;  -moz-transition-delay: 2.3s; /* Firefox 4 */  -webkit-transition-delay: 2.3s; /* Safari 和 Chrome */  -o-transition-delay: 2.3s;}
.hdtitle2{width: 0; height: 292px; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: center; overflow: hidden; clear: both;}


.main{width: 100%; height: auto; margin-top: 127px; padding-bottom: 112px; overflow: hidden; clear: both;}
.preface{width: 100%; height: auto; overflow: hidden; clear: both;}
.preface h6{width: 100%; height: 55px; margin-bottom: 45px; text-align: center; overflow: hidden; -moz-animation: slideInDown 1s linear;-webkit-animation: slideInDown 1s linear;-o-animation: slideInDown 1s linear; -ms-animation: slideInDown 1s linear;animation: slideInDown 1s linear;}
.preface p{line-height: 31px; font-family: "Microsoft YaHei"; font-size: 18px; color: #272727; text-align: center; overflow: hidden;}
.happybox{width: 100%; height: auto;  overflow: hidden; clear: both;}
.one{width: 100%; height: 406px; overflow: hidden; clear: both; background: url("imagesboder1.png") no-repeat center;}
.inbox{width: 1023px; height: auto;  overflow: hidden; }
.mt{margin-top: 40px;}
.inbox .title{float: left; width: 45px; height: 332px; overflow: hidden; background: url("imagestitlebg.png") no-repeat center;}
.inbox .title em{display: block; width: 45px; height: 63px; line-height: 63px; font-family: "Arial"; font-style: normal; font-weight: lighter; letter-spacing: -2px; font-size: 42px; text-align: center; color: #ffffff;}
.inbox .title p{width: 45px; height: auto; line-height: 25px; padding-top: 15px; font-family: "Microsoft YaHei"; font-size: 24px; color: #ffffff; text-align: center; overflow: hidden; }
.inbox .sliderbox{float: left; width: 469px; height: 332px; padding-left: 1px; overflow: hidden; position: relative;z-index: 55; background: #ffffff;}
.inbox .sliderbox .hd{width: auto; height: 20px; position: absolute; right: 3px; bottom: 4px; z-index: 6;}
.inbox .sliderbox .hd ul li{float: left; width: 20px; height: 20px; line-height: 20px; font-family:"Microsoft YaHei"; text-align: center; color: #ffffff;  cursor: pointer;}
.inbox .sliderbox .hd ul li.on{background: #ff0000;}
.inbox .sliderbox .bd{width: 468px; height: 332px; overflow: hidden;}
.inbox .sliderbox .bd ul li{width: 468px; height: 332px; overflow: hidden; position: relative;}
.inbox .sliderbox .bd ul li a{display: block; width: 100%; height: 100%;}
.inbox .sliderbox .bd ul li img{width: 100%; max-width: 100%;vertical-align: middle; display: block;}
.inbox .sliderbox .bd ul li p{ width: 100%; height: 30px; line-height: 30px; font-family: "Microsoft YaHei"; font-size: 14px; text-indent: 32px; color: #ffffff; position: absolute; bottom: 0; left: 0; background: url("imagesblackbox.png") repeat center;}
 .txtbox{float: left; width: 470px; height: 342px; line-height: 30px; overflow: hidden; position: relative; color: #343434;}
.ml{margin-left: 37px;}
 .txtbox h6{height: auto; line-height: 35px; margin-bottom: 5px; padding: 0 11px; font-family: "Microsoft YaHei"; font-size: 20px; text-align: center; overflow: hidden;}
 .txtbox h6 a{color: #c30d23; display: block;}
.txtbox h6 a span{display: block; width: 100%; height: 35px; line-height: 35px; overflow: hidden;  color: #c30d23;}
.more{line-height: 30px; font-family: "Microsoft YaHei"; font-size: 14px; color: #c30d23;  position: absolute; right: 0; bottom: 0;}
 .txtbox p{line-height: 30px; font-family: "Microsoft YaHei"; font-size: 14px; color: #343434;}
 .txtbox p a{color: #c30d23;}
.two{width: 100%; height: 385px; margin-top: -6px; overflow: hidden; clear: both; background: url("imagesboder2.png") no-repeat center;}
.inbox1{width: 1026px; height: auto; margin-top: 25px; margin-left: 30px; overflow: hidden; }
.inbox1 .title{float: left; width: 45px; height: 332px; overflow: hidden; background: url("imagestitlebg2.png") no-repeat center;}
.inbox1 .title em{display: block; width: 45px; height: 63px; line-height: 63px; font-family: "Arial"; font-style: normal; letter-spacing: 0; font-size: 42px;font-weight: lighter;  text-align: center; color: #ffffff;}
.inbox1 .title p{width: 45px; height: auto; line-height: 25px; padding-top: 15px; font-family: "Microsoft YaHei"; font-size: 24px; color: #ffffff; text-align: center; overflow: hidden; }
.sliderbox1{float: left; width: 469px; height: 332px;margin-left: 40px; padding-right: 1px; overflow: hidden; position: relative;z-index: 55; background: #ffffff;}
.sliderbox1 .hd{width: auto; height: 20px; position: absolute; right: 3px; bottom: 4px; z-index: 6;}
.sliderbox1 .hd ul li{float: left; width: 20px; height: 20px; line-height: 20px; font-family:"Microsoft YaHei"; text-align: center; color: #ffffff;  cursor: pointer;}
.sliderbox1 .hd ul li.on{background: #ff0000;}
.sliderbox1 .bd{width: 468px; height: 332px; overflow: hidden;}
.sliderbox1 .bd ul li{width: 468px; height: 332px; overflow: hidden; position: relative;}
.sliderbox1 .bd ul li a{display: block; width: 100%; height: 100%;}
.sliderbox1 .bd ul li img{width: 100%; max-width: 100%;vertical-align: middle; display: block;}
.sliderbox1 .bd ul li p{ width: 100%; height: 30px; line-height: 30px; font-family: "Microsoft YaHei"; font-size: 14px; text-indent: 32px; color: #ffffff; position: absolute; bottom: 0; left: 0; background: url("imagesblackbox.png") repeat center;}
.three{width: 100%; height: 389px; margin-top: -5px; overflow: hidden; clear: both; background: url("imagesboder3.png") no-repeat center;}
.mt1{margin-top: 28px;}
.mt4{margin-top: -5px!important;}
.four{width: 100%; height: 398px; margin-top: -5px; overflow: hidden; clear: both; background: url("imagesboder5.png") no-repeat center;}




