body{
  margin: 0;
  padding: 0;
  background:#f4f4f4;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
.clear {clear:both;}
.clearfix:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.clearfix {}
a:link, a:visited {color:#1e1e1e;font-style: normal;text-decoration: none;}
a:hover {color:#920000;text-decoration:none;}
#top-image {
  background: linear-gradient(
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
  ), url('http://www.ndwww.cn/zt2018/shinian/images/mountains_light_sun_sky_clouds_114136_2560x1080.jpg') no-repeat fixed;
  
  top:0;
  width:100%;
  z-index:0;
  height:100%;
  max-height:1080px;
  margin:0 auto;
  min-width:1200px;
}
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


#content {
  width: 100%;
  position: relative;
}

.topname{ width:73%; margin:0 auto;}
.topname img{ width:100%;}
.dh{ height:50px; width:100%;background:none; border-bottom:2px solid #fe193c }
.menu{ width:90%; margin:0 auto; min-width:1200px;}
.menu dt{height:50px; font-size:17px;float:left;background:none; width:2px; text-align:center;}
.menu dd{ font-size:1.3em;float:left;font-family: Microsoft Yahei;line-height:50px; width:8.3%; margin:0 1%;  text-align:center;  }
.menu dd a:link{color:#fe193c; }
.menu dd a:hover{ color:#fe193c; display:inline-block;background:#fac6ad; text-decoration: none; padding:0 1.2em; }
.menu dd a:visited{color:#fe193c; }
.menu dd a:actived{color:#fe193c; }

.vcontent{ margin:0 auto; width:90%; min-width:1200px; min-height:450px; margin-top:36px; max-height:570px;}
.vplayer{ width:60%; min-width:650px; float:left; min-height:365px; max-height:560px;height:auto;}
.vintro{ width:36%; min-width:420px; float:right; height:auto; max-height:550px;}
.vintro img{ width:100%;}
.video {  WIDTH: 100%; height:100%; }

.licheng{width:100%; margin:8em auto 0; min-width:1200px;  }
.licheng img{ width:100%;}

.pinpai{width:100%;  min-width:1200px;  }
.pinpai .colomnname{ margin-bottom:3em; }
.pinpai .colomnname img{ width:100%;}

.pinpai .lilist{ margin:0 auto; width:1200px; min-width:1200px; }
.pinpai .lilist1{ margin:0 auto; width:1200px; min-width:1200px; background:url(http://www.ndwww.cn/zt2018/shinian/images/rongyu.jpg) top center; padding-top:300px; }


.loading{
  position: absolute;
  top:50%;
  left:50%;
  width:50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background-image :url("http://www.ndwww.cn/zt2018/shinian/images/loading.gif");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

.dn-tip{
  margin-top: -10px;
  padding-left: 5px;
  padding-right: 5px;
  color:red;
  display: inline-block;
}

.loading ~ .mask{
  background: #f1f1f1;
  opacity: .6;
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}

.dn-carousel-setNon-scroll-main{
  overflow: hidden;
  position: relative;
}

.dn-carousel-domain{
  margin-top: 10px;
  margin-bottom: 10px;
}

.dn-carousel-domain .dn-carousel-list{
  margin:0px auto;
  font-weight: bold;
  text-align: center;
}

.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li{
  display: inline-block;
  position: relative;
  margin: 10px 15px;
  cursor: pointer;
  padding-bottom: 5px;
  color:#ccc;
  transition :color .3s ease-in-out,opacity .6s;
}
.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background: red;
  display: block;
  opacity: 0;
  width: 1%;
  height: 3px;
  transition: width .15s cubic-bezier(.215,.61,.355,1),left .15s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
}

.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li:hover,
.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li.actived{
  color:black;
  transition :color .3s ease-in-out,opacity .6s;
}

.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li:hover::after,
.dn-carousel-domain .dn-carousel-list > ul > li.dn-carousel-list-li.actived::after
{
  left:0;
  opacity: 1;
  width: 100%;
  transition: width .15s cubic-bezier(.215,.61,.355,1),left .15s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);
}


.dn-carousel-setNon-scroll-main::before ,
.dn-carousel-setNon-scroll-main::after{
  content: "";
  display: block;
  cursor: pointer;
  position:absolute;
  top:0;
  left: 0; 
  bottom: 0;
  width:5%;
  height: 100%;
  background: white;
  z-index: 1111;
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.dn-carousel-setNon-scroll-main::after{
  left:inherit;
  right: 0;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.dn-carousel-setNon-scroll-main.dn-carousel-hide-btn-left::before ,
.dn-carousel-setNon-scroll-main.dn-carousel-hide-btn-right::after {
      display: none;
}

.slide-in,.slide-out{
  transform:translate(30px);
  -ms-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  opacity:0;
　　　filter:alpha(opacity=0);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
.done{
  transform:translate(0px);all
  -ms-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  opacity:1;
　　　filter:alpha(opacity=100);
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}

.dn-carousel-scroll-domain{
  width:100%;
  position: relative;
  margin: 0px auto;
  max-width:1500px;
  overflow-y: hidden;
  text-align: center;
}

.dn-carousel-scroll-domain 
> ul.dn-carousel-scroll-main{
  white-space: nowrap;
}

.dn-carousel-scroll-domain 
> ul.dn-carousel-scroll-main 
> li.dn-carousel-li {
  height: auto ; 
  /*width:320px;*/
  cursor: pointer;
  display: inline-block;
  white-space: normal;
  margin-left: -0.3em;
}

.dn-carousel-hide-btn-left 
ul.dn-carousel-scroll-main 
> li.dn-carousel-li:first-child {
  padding-left: 70px; 
}

.dn-carousel-hide-btn-right
ul.dn-carousel-scroll-main 
> li.dn-carousel-li:last-child {
  padding-right: 70px; 
}

div.car-description h4{
  margin-top: 8px;
  margin-bottom: 8px;
}

div.font-small{ 
  color:#ccc;
  display: block;  
  font-size: x-small;
  margin-top: 8px;
  margin-bottom: 8px;
}

div.car-description{
  text-align: left;
  margin-bottom: 8px;
}

div.car-description small{
  display: block;
  margin-bottom: 2px;
}

.dn-carousel-li div.hover-btn span{
  visibility: hidden;
}

.dn-carousel-li:hover div.hover-btn span{
  display: inline-block;
  visibility: visible;
  padding:2px 15px;
  font-size: small;
}
div.hover-btn > span:first-child{
  border-right: thin solid #666;
  color: red;
  font-weight: bold;
}

.dn-carousel-li .dn-carousel-url{
  position: relative;
  display: block;
}

.dn-carousel-li .dn-carousel-url .hover-after{
  position: absolute;
  top:0;
  left: 0;  
}

[data-switch=rotate] .hover-after {
  height: 0%;
  opacity: 0;
  transition:all .2s; 
}

[data-switch=rotate]:hover .hover-before{
  opacity: 1 !important;
}

[data-switch=rotate]:hover .hover-after{
  height: 49%;
  opacity: 1;
  transition:all .2s; 
}


[data-switch=normal] .hover-after , 
.dn-carousel-li:hover .hover-before {
  opacity: 0;
}

[data-switch=normal]:hover .hover-after{
  opacity: 1;
}

[data-switch=fade] .dn-carousel-url .hover-after,
[data-switch=rotate] .dn-carousel-url .hover-after{
  transition:all .5s; 
}
[data-switch=fade] .hover-after , 
.dn-carousel-li:hover .hover-before {
  opacity: 0;
  transition:all .5s;
}

[data-switch=fade]:hover .hover-after{
  opacity: 1;
  transition:all .5s; 
}

.popup-div{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: #333;
  top: 0;
  right: 0;
  left: 0;
  background: url(http://www.ndwww.cn/zt2018/shinian/images/bg.png);
  z-index: 2222;
}

.popup{
  padding:2%;
  position: relative;
  top: 20%;
  left: 50%;
  margin-left: -30%;
  width: 60%;
  height: 40%;
  background: white;
  overflow:auto; 
  border-radius: 15px;
}
.popup-div::before{
  content: "";
  display: block;
  width:50px;
  height: 50px;
  background: black;
  position: absolute;
  right:10%;
  top:20%;
  cursor: pointer;
  background: url("http://www.ndwww.cn/zt2018/shinian/images/close.png");
  background-repeat: no-repeat;
}

.margin35{ margin:5em auto 0;}
.rollBox{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1100px;overflow:hidden;float:left;height:300px;}
.rollBox .ScrCont{width:3300px;  height:350px;}
.rollBox .Cont .pic{width:367px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block;margin:0 auto; width:90%;}
.rollBox .Cont .pic div{line-height:30px;color:#505050;margin:15px 0px;}
.rollBox .Cont .pic div span{display:block;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}



.listheight{ height:820px;}
.rollBox #List3,.rollBox #List4{float:left;}
.rollBox #List5,.rollBox #List6{float:left;}
.rollBox #List7,.rollBox #List8{float:left;}

.rollBox1{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox1 .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:240px 0 0 0;cursor:pointer;}
.rollBox1 .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:240px 0 0 0;cursor:pointer;}
.rollBox1 .Cont{width:1100px;overflow:hidden;float:left;height:550px;}
.rollBox1 .ScrCont{width:5500px;  height:550px;}
.rollBox1 .Cont .pic{width:366px;float:left;text-align:center; margin:15px 0px;}
.rollBox1 .Cont .pic img{display:block;margin:0 auto; width:90%; height:auto;}
.rollBox1 .Cont .pic div{line-height:30px;color:#505050;margin:15px 0px;}
.rollBox1 .Cont .pic div span{display:block;}
.rollBox1 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox1 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox1 #List3,.rollBox #List4{float:left;}

.rollBox2{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox2 .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.rollBox2 .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:120px 0 0 0;cursor:pointer;}
.rollBox2 .Cont{width:1100px;overflow:hidden;float:left;height:380px; }
.rollBox2 .ScrCont{width:2200px;  height:380px;}
.rollBox2 .Cont .pic{width:367px;float:left;text-align:center;margin:15px 0px;}
.rollBox2 .Cont .pic img{display:block;margin:0 auto; width:90%;}
.rollBox2 .Cont .pic  h1 {line-height:28px;color:#505050; font-size:22px; text-align:center; font-family: "楷体";text-decoration:none;}
.rollBox2 .Cont .pic  h1 a{font-family: "楷体";}
.rollBox2 .Cont .pic  span {display:block; padding:0 15px;font-family: "microsoft yahei";text-decoration:none;font-size:16px;}
.rollBox2 .Cont a:link,.rollBox2 .Cont a:visited{color:#626466;}
.rollBox2 .Cont a:hover{color:#f00;text-decoration:none;}
.rollBox2 #List5,.rollBox #List6{float:left;}


.rollBox3{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox3 .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:140px 0 0 0;cursor:pointer;}
.rollBox3 .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:140px 0 0 0;cursor:pointer;}
.rollBox3 .Cont{width:1100px;overflow:hidden;float:left;height:300px;}
.rollBox3 .ScrCont{width:3300px;  height:300px;}
.rollBox3 .Cont .pic{width:367px;float:left;text-align:center;}
.rollBox3 .Cont .pic img{display:block;margin:0 auto; width:90%;}
.rollBox3 .Cont .pic div{line-height:30px;color:#505050;margin:15px 0px;}
.rollBox3 .Cont .pic div span{display:block;}
.rollBox3 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox3 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox3 #List7,.rollBox #List8{float:left;}


.rollBox4{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox4 .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:220px 0 0 0;cursor:pointer;}
.rollBox4 .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:220px 0 0 0;cursor:pointer;}
.rollBox4 .Cont{width:1100px;overflow:hidden;float:left;height:550px;}
.rollBox4 .ScrCont{width:14300px;  height:550px;}
.rollBox4 .Cont .pic{width:1100px;float:left;text-align:center; background-color:#FFF;}
.rollBox4 .Cont .pic img{display:block; width:78%; float:right; height:550px;}
.rollBox4 .Cont .pic div{margin:0px ; float:left; width:22%;  position:relative; height:550px;}
.rollBox4 .Cont .pic div h1{line-height:60px;color:#505050; font-size:25px; text-align:center;}
.rollBox4 .Cont .pic div span{display:block; text-align:left; text-indent:2.2em; padding:15px;position:absolute; bottom:60px; left:0px; line-height:32px; font-family:"楷体";font-size:20px;}
.rollBox4 .Cont .pic div span a{ color:#333; font-size:20px; font-family:"楷体"; }
.rollBox4 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox4 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox4 #List9,.rollBox #List10{float:left;}


.rollBox5{overflow:hidden;margin:0 auto; width:1200px; }
.rollBox5 .LeftBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sl.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:118px 0 0 0;cursor:pointer;}
.rollBox5 .RightBotton{height:20px;width:50px;background:url(http://www.ndwww.cn/zt2018/shinian/images/sr.png) no-repeat center center;overflow:hidden;float:left;display:inline;margin:118px 0 0 0;cursor:pointer;}
.rollBox5 .Cont{width:1100px;overflow:hidden;float:left;height:210px;}
.rollBox5 .ScrCont{width:6600px;  height:210px;}
.rollBox5 .Cont .pic{width:367px;float:left;text-align:center; margin:15px 0px;}
.rollBox5 .Cont .pic img{display:block;margin:0 auto; width:90%;}
.rollBox5 .Cont .pic div{line-height:30px;color:#505050;margin:15px 0px;}
.rollBox5 .Cont .pic div span{display:block;}
.rollBox5 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox5 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox5 #List11,.rollBox #List12{float:left;}


.rollBox5 #List13,.rollBox #List14{float:left;}
.rollBox5 #List15,.rollBox #List16{float:left;}
.rollBox5 #List17,.rollBox #List18{float:left;}