*{margin: 0; padding: 0;}
.w-1000{width: 1000px; margin: 0 auto;}
.header{width: 100%; height: 923px; overflow: hidden; background: url("imagesbg01.jpg") no-repeat center;z-index: 1;}
.nav{width: 100%; height: 45px; line-height: 45px; text-align: center; overflow: hidden; clear: both; background: url("imagesrgbw.png") repeat center;}
.nav ul{ margin-left: 85px; height: auto; overflow: hidden; clear: both;}
.nav ul li{float: left; line-height: 45px; font-family: "Microsoft YaHei"; font-size: 16px; overflow: hidden;color: #000000;}
.nav ul li a{ padding: 0 15px; color: #000000;}
.top{width: 1130px;  height: auto; margin: 0 auto; position: relative; clear: both;}
.top .logo{width: 197px; height: 211px; background: url("imageslogo.png") no-repeat center; position: absolute; left:460px; top: 35px; z-index: 999;  -moz-animation: rotate 2s linear;-webkit-animation: rotate 2s linear;-o-animation: rotate 2s linear; -ms-animation: rotate 2s linear;animation: rotate 2s linear;}
.top  .wenzi{width: 100%; height: 122px; overflow: hidden; position: absolute; left: 0; top: 345px;}
.top .time{ width: 100%; height: 45px; line-height: 45px; font-family: "Microsoft YaHei"; font-size: 24px; color: #000000; text-align: center; position: absolute; left: 0; top: 470px;}
.top .pep{ width: 260px; height: 285px; position: absolute; left: 420px; top: 525px; overflow: hidden; background: url("imagespep.png") no-repeat center; transition: all 0.2s ease-out;   animation-duration: 2s;
    animation-delay: 300ms;
    animation-iteration-count: infinite;
    animation-name: pulse; }


.main{width: 100%; height: auto; overflow: hidden; clear: both;}
.col0{width: 100%; height: 923px; background: url("imagesbg02.jpg") no-repeat center; overflow: hidden;}
.col0 .title{ height: auto;  margin-top: 30px; overflow: hidden;}
.col0 .title h6{width: 100%; height: 76px; line-height: 73px; font-family: "Microsoft YaHei"; font-size: 32px; color: #ffffff; text-align: center; overflow: hidden; background: url("imagesdtbg.png") no-repeat center;}
.ibody{width: 100%; height: auto; margin-top: 41px; overflow: hidden; clear: both;}
.sliderbox{ float: left; width: 574px; height: 410px; overflow: hidden; position: relative;}
.sliderbox .next{width: 18px; height: 25px; overflow: hidden; cursor: pointer; position: absolute; bottom: 15px; right: 35px;z-index: 5; background: url("imagesslidernext.png") no-repeat center;}
.sliderbox .prev{width: 18px; height: 25px; overflow: hidden; cursor: pointer; position: absolute; bottom: 15px; left: 35px;z-index: 5; background: url("imagessliderprev.png") no-repeat center;}
.sliderbox  .pageState{ line-height: 50px; font-family: "Microsoft YaHei"; font-size: 12px; color: #ffffff; position: absolute; left: 70px; bottom: 0; z-index: 5;}
.sliderbox  .pageState span{font-size: 22px; color: #d00000;}
.sliderbox .bd{width: 100%; height: 574px; overflow: hidden;}
.sliderbox .bd ul li{float: left; width: 574px; height: 410px; overflow: hidden; position: relative;}
.sliderbox .bd ul li a{display: block;}
.sliderbox .bd ul li p{ width: 405px; height: 60px; line-height: 60px; padding-left: 100px; padding-right: 70px; font-family: "Microsoft YaHei"; font-size: 14px; color: #ffffff; text-align: center; position: absolute; bottom: 0; left: 0; background: url("imagesbox.png") repeat center;}
.txtlist{float: left; width: 395px; height: auto; margin-left: 20px; overflow: hidden;}
.txtlist h6{ line-height: 32px; padding-right: 35px; font-family: "Microsoft YaHei"; font-size: 24px; text-align: center; color: #da261e;}
.txtlist h6 a{color: #da261e;}
.txtlist ul{height: auto; overflow: hidden; margin-top: 12px;}
.txtlist ul li{ width: 100%; height: 34px; line-height: 34px; font-family: "Microsoft YaHei"; font-size: 16px; text-indent: 16px; color: #060001; background: url("imagesydian.png") no-repeat left center; overflow: hidden;}
.txtlist ul li a{color: #060001;}
.txtlist ul li a:hover{color: #da261e;}
.hdfa{width: 100%; height: 108px; margin-top: 45px; text-align: center; overflow: hidden;}

/*.col1{width: 100%; height: 922px; overflow: hidden; clear: both; background: url("imagesbg03.jpg") no-repeat center;}
.col1 .title{width: 100%; height: 76px; line-height: 73px; margin-top: 65px; font-family: "Microsoft YaHei"; font-size: 32px; color: #ffffff; text-align: center;  background: url("imagesdtbg.png") no-repeat center; overflow: hidden;}
.col1 .title a{color: #ffffff;}
.col1 .vido{width: 1000px; height: 700px; margin-top: 33px; overflow: hidden; }
.col1 .vido a{display: block; width: 1000px; height: 700px; background: url("imagesshipin.jpg") no-repeat center;}
.col1 .vido a video{width: 1000px; height: 700px;}*/

.col1{width: 100%; height: 720px; overflow: hidden; clear: both; background: url("imagesbg03.jpg") no-repeat bottom center;}
.col1 .title{width: 100%; height: 76px; line-height: 73px; margin-top: 65px; font-family: "Microsoft YaHei"; font-size: 32px; color: #ffffff; text-align: center;  background: url("imagesdtbg.png") no-repeat center; overflow: hidden;}
.col1 .title a{color: #ffffff;}
.col1 .vido{ float: left; width: 600px; height: 420px; margin-top: 45px; overflow: hidden; }
.col1 .vido a{display: block; width: 600px; height: 420px; background: url("imagesshipin.jpg") no-repeat center; }
.col1 .vido a video{width: 600px; height: 420px;}
.col1 .txtcurr{float: left; width: 370px; margin-top: 45px; margin-left: 30px;}
.col1 .txtcurr p{line-height: 32px; font-family: "Microsoft YaHei"; font-size: 16px;}

.col2{width: 100%; height: 924px; overflow: hidden; clear: both; background: url("imagesbg04.jpg")  no-repeat center;}
.col2 .bd{width: 100%; height: auto; margin-top: 205px; overflow: hidden; clear: both;}
.aboutnrh{float: left; width: 475px; height: auto; margin-left: 22px; margin-right: 45px; overflow: hidden;}
.aboutnrh .hd{width: 100%; height: 48px; line-height: 48px;  border-bottom:2px solid #c31919; overflow: hidden; position: relative;}
.aboutnrh .hd h6{float: left; font-family: "Microsoft YaHei"; font-size: 22px; color: #060001; }
.aboutnrh .hd h6 a{color: #060001;}
.aboutnrh .hd span{ font-family: "Microsoft YaHei"; font-size: 12px; position: absolute; right: 5px; top: 5px;}
.aboutnrh .hd span a{color: #6a6a6a;}
.aboutnrh ul{width: 100%; height: auto; overflow: hidden; clear: both;}
.aboutnrh ul li{width: 100%; height: 120px; margin-top: 27px; overflow: hidden;}
.aboutnrh ul li .img{ float: left;width: 161px; height: 119px; overflow: hidden; position: relative;}
.aboutnrh ul li:hover  img{-webkit-transform:scale(1.2);  -moz-transform:scale(1.2);  -o-transform:scale(1.2); -ms-transform:scale(1.2);  -transform:scale(1.2);  -moz-transition:ease-in-out 1.5s;  -webkit-transition:ease-in-out 1.5s; -ms-transition:ease-in-out 1.5s; -o-transition:ease-in-out 1.5s;}
.aboutnrh ul li .img span{display: block; width: 161px; height: 119px; line-height: 30px; overflow: hidden; font-family: "Microsoft YaHei"; font-size: 14px;  color: #ffffff; text-align: center; background: url("imageshabout-nvh1.png") no-repeat center; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.aboutnrh ul li .img span em{padding: 35px 20px; display: block;}
.aboutnrh ul li p{float: left; width:304px; line-height: 25px; margin-left: 8px; font-family: "Microsoft YaHei"; font-size: 14px; color: #3a3a3a;}
.aboutnrh ul li:hover p{color: #da261e;}
.pl-yh{ float: left; width: 430px; height: auto; overflow: hidden;}
.pl-yh .hd{width: 100%; height: 48px; line-height: 48px;  border-bottom:2px solid #c31919; overflow: hidden; position: relative;}
.pl-yh .hd h6{float: left; font-family: "Microsoft YaHei"; font-size: 22px; color: #060001; }
.pl-yh .hd h6 a{color: #060001;}
.pl-yh .hd span{ font-family: "Microsoft YaHei"; font-size: 12px; position: absolute; right: 5px; top: 5px;}
.pl-yh .hd span a{color: #6a6a6a;}
.pl-yh ul{height: auto; margin-top: 10px; overflow: hidden; clear: both; }
.pl-yh ul li{ line-height: 36px; line-height: 36px; text-indent: 15px; font-family: "Microsoft YaHei"; font-size: 16px; color: #6a6a6a; background: url("imagesydian.png") no-repeat left center;}
.pl-yh ul li a{color: #6a6a6a;}
.pl-yh ul li a:hover{color: #da261e;}
.pl{width: 100%; height: auto; overflow: hidden; clear: both;}
.yh{width: 100%; height: auto; margin-top: 25px; overflow: hidden; clear: both;}

.col3{width: 100%; height: 924px; overflow: hidden; background: url("imagesbg05.jpg") no-repeat center;}
.col3 .title{width: 100%; height: 113px; line-height: 113px; margin-top: 80px; font-family: "Microsoft YaHei"; font-size: 48px; font-weight: bold; text-align: center; overflow: hidden; background: url("imagesbdr.png") no-repeat center;}
.col3 .title a{color: #f72b73;}
.photos{width: 1000px; height: 575px; overflow: hidden;}
.photos .hd{width: 100%; height: 40px; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: bold; overflow: hidden;}
.col3 .photos .hd ul{width: 380px; height: auto; margin: 0 auto; overflow: hidden; }
.photos .hd ul li{float: left; height: 35px; line-height: 35px; margin: 0 17px; overflow: hidden;}
.photos .hd ul li a{color: #8c8c8c;}
.photos .hd ul li.on{border-bottom: 5px solid #f72b73;}
.photos .hd ul li.on a{color: #f72b73;}
.col3 .photos .bd{width: 102%; height: 485px; margin-top: 45px!important; overflow: hidden;}
.photos .bd ul li{float: left; width: 322px; height: 223px; margin-right: 15px; margin-top: 15px; overflow: hidden; position: relative;}
.photos .bd ul li .desc{ position: absolute; width: 322px; height: 223px; line-height: 1; font-family: "Microsoft YaHei"; font-size: 18px; color: #ffffff; text-align: center; overflow: hidden; left: 0; bottom: -225px; background: url("imagesbox.png") repeat center;}
.photos .bd ul li .desc span{display: block; padding: 95px 25px; }
.col4{width: 100%; height: 924px; overflow: hidden; background: url("imagesbg06.jpg") no-repeat center;}
.col4 .title{width: 100%; height: 113px; line-height: 113px; margin-top: 80px; font-family: "Microsoft YaHei"; font-size: 48px; font-weight: bold; text-align: center; overflow: hidden; background: url("imagesbdr.png") no-repeat center;}
.col4 .title a{color: #f72b73;}
.col4 .photos .hd ul{width: 455px; height: auto; margin: 0 auto; overflow: hidden; }
.col4 .photos .bd{width: 102%; height: 485px; margin-top: 50px!important; overflow: hidden;}

.footer{width: 100%; height: 53px; background: #ff5a75; overflow: hidden;}
.fl{float: left; width: 175px; height: 53px; line-height: 26px; font-family: "Microsoft YaHei"; font-size: 14px; color: #ffffff; border-right: 1px solid #ffffff;}
.fl span{float: left; width: 68px; height: 53px; display: block;}
.fl a{color: #ffffff;}
.fc{float: left; width: 618px; height: 53px; line-height: 26px; font-family: "Microsoft YaHei"; font-size: 14px;  color: #ffffff; border-right: 1px solid #ffffff;}
.fc span{float: left; width: 68px; height: 53px; display: block; padding-left: 10px;}
.fc ul{float: left; width: 540px; height: auto; overflow: hidden;}
.fc ul li{float: left; line-height: 26px; padding-left: 10px; font-family: "Microsoft YaHei"; font-size: 14px; overflow: hidden;}
.fc ul li a{color: #ffffff;}
.fr{float: left; width: 205px; height: 53px; line-height: 26px; font-family: "Microsoft YaHei"; font-size: 14px;  color: #ffffff;}
.fr p{float: left; width:100%;line-height: 26px; padding-left: 10px; display: block; text-align: left;}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
    }
    100% {
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
}@keyframes rotate {
     0% {
         -webkit-transform-origin:center center;
         -ms-transform-origin:center center;
         transform-origin:center center;
         -webkit-transform:rotate(-200deg);
         -ms-transform:rotate(-200deg);
         transform:rotate(-200deg);
     }
     100% {
         -webkit-transform-origin:center center;
         -ms-transform-origin:center center;
         transform-origin:center center;
         -webkit-transform:rotate(0);
         -ms-transform:rotate(0);
         transform:rotate(0);
     }
 }.rotate {
      -webkit-animation-name:rotate;
      animation-name:rotate
  }