@charset "utf-8";

html{ width:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;-webkit-backface-visibility: hidden;}
body{background:url(../../images/ddh/bg.gif) #fff; color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1180px; }
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Helvetica,"微软雅黑",Arial,sans-serif;}

@font-face {font-family: 'iconfont';
    src: url('../iconfont.eot'); /* IE9*/
    src: url('../iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
      

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

a{text-decoration:none; color:#333}
a:hover{color:#f39800;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#f39800}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}


#top-bar{ height:36px; line-height:36px; background-color:#f2f2f2;}
#top-bar .top-left{ float:left;}
#top-bar .top-left a{ color:#005acb; font-weight:bold}
#top-bar .top-left a:hover{ text-decoration:underline; color:#f39000}
#top-bar .top-right{ float:right; margin-top:7px;}

.wrapper{ width:1080px; margin:0 auto}


.body-bg{ background:url(../../images/ddh/main-bg.jpg) no-repeat center 0px; padding-top:330px;}


#follow-btn{ position:fixed;right:5px;bottom:-106px; z-index:99;-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;transition: bottom 0.3s; display:none}
#follow-btn a{ display:block; background-color:#888; color:#fff; width:50px; height:50px; margin-bottom:3px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; }
#follow-btn a i{font-size:20px;}
#follow-btn a:hover{ background-color:#f39800}


.nav{ height:70px; background-color:#b11016; line-height:70px; padding:0 40px; position:relative}
.nav a.back-btn{ position:absolute; right:40px;top:0; background:url(../../images/ddh/back-icon.png) no-repeat 0 center; padding-left:35px;}
.nav a{ color:#fff; font-size:16px;}
.nav a:hover{ color:#f39800} 
.nav span{ display:inline-block; margin:0 20px; color:#ff0000}

.index-item1{ background-color:#fff; padding:30px; margin-top:25px;}
.index-item1 .image{ width:385px; float:left}
.index-item1 .image img{ width:385px}
.index-item1 .text{ width:590px; float:right}
.index-item1 .text h1{ text-align:center; font-size:26px; color:#ee4433; margin-top:10px;}
.index-item1 .text h1 a{ color:#f00}
.index-item1 .text h1 a:hover{ color:#f39800}
.index-item1 .text h2{ font-size:16px; margin-top:20px; line-height:1.8}
.index-item1 .text p{ margin-top:10px; line-height:2; color:#888}
.index-item1 .text p a{ color:#f00}

.index-item2{ margin-top:25px; background-color:#fff; position:relative}
.index-item2 a.more{ position:absolute; right:20px;top:22px; color:#fff}
.index-item2 a.more:hover{ text-decoration:underline}
.index-item2 h2{ height:61px; background:url(../../images/ddh/t-bg.jpg) no-repeat; line-height:61px; padding:0 30px; color:#fff; font-size:20px;}
.index-item2 .con{ padding:10px 30px}
.index-item2 .item{ padding:20px 0; border-bottom:1px #ccc dashed}
.index-item2 .item .image{ width:180px; float:left}
.index-item2 .item .image img{ width:180px; height:120px;}
.index-item2 .item .text{ width:800px; float:right; margin-top:10px}
.index-item2 .item .text h3{ font-size:16px;}
.index-item2 .item .text p{ margin-top:10px; line-height:2; color:#888}
.index-item2 .item .text p a{ color:#f00}
.index-item2 .item:last-child{ border:0;}


.index-item3{ margin-top:25px; background-color:#fff; position:relative}
.index-item3 a.more{ position:absolute; right:20px;top:22px; color:#fff}
.index-item3 a.more:hover{ text-decoration:underline}
.index-item3 h2{ height:61px; background:url(../../images/ddh/t-bg.jpg) no-repeat; line-height:61px; padding:0 30px; color:#fff; font-size:20px;}
.index-item3 .con{ padding:30px 30px}
.index-item3 .con .image{ width:450px; height:300px; float:left; overflow:hidden}
.index-item3 .con .list{ width:540px; float:right;}
.index-item3 .con .list dl strong{ display:block; font-size:18px;}
.index-item3 .con .list dl p{margin-top:10px; line-height:2; color:#888}
.index-item3 .con .list ul { margin-top:15px;}
.index-item3 .con .list ul li{ border-top:1px #ccc dashed; line-height:20px; padding:11px 0 11px 20px; background:url(../../images/ddh/li.gif) no-repeat 0 center;}


.news-slider{ width:450px; height:450px; position:relative; overflow:hidden}
.news-slider .bd{ width:450px;}
.news-slider .bd ul li{ position:relative}
.news-slider .bd ul li img{ width:450px; height:300px;}
.news-slider .bd ul li p{ position:absolute; left:0;top:260px; height:40px; z-index:2; width:100%}
.news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.5;}
.news-slider .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px;}
.news-slider .bd ul li p a:hover{ text-decoration:underline}
.news-slider .hd{ position:absolute; right:15px;bottom:14px; z-index:10}
.news-slider .hd li{ width:12px; height:12px; background:url(../../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:3px;}
.news-slider .hd li.on{ background-position:0 center;}


.index-item4{ margin-top:25px; background-color:#fff; position:relative}
.index-item4 a.more{ position:absolute; right:20px;top:22px; color:#fff}
.index-item4 a.more:hover{ text-decoration:underline}
.index-item4 h2{ height:61px; background:url(../../images/ddh/t-bg.jpg) no-repeat; line-height:61px; padding:0 30px; color:#fff; font-size:20px;}
.index-item4 .con{ padding:30px 0px 20px 40px}
.index-item4 .con .item{ width:300px; height:240px; float:left; margin-right:40px; margin-bottom:30px;}
.index-item4 .con .item h3{ text-align:center; font-size:14px; font-weight:normal; margin-top:10px; line-height:1.6}
.index-item4 .con .item img{ width:300px; height:200px;}


.footer{ padding:30px 0 50px; text-align:center}


.news-view{ padding:30px 40px 40px; background-color:#fff}
.news-view h1{font-size:26px;font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 20px; color:#333; color:#f39800}
.news-view h1 p{ font-family:"仿宋"; color:#444; padding-top:4px; font-size:18px;}
.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  color:#888}
.news-view p.news-info span{ color:#f39800; margin-right:3px;}
.news-view p.news-info a{ cursor:pointer}
.news-view p.news-info a.btn{ display:inline-block; width:74px; line-height:25px; color:#fff; height:25px; background:url(../../images/download.gif) no-repeat; padding-left:11px; }
.news-view p.news-info a.btn:hover{ color:#f39800}
.news-view .content{ line-height:200% !important;  margin-top:20px;font-family:"微软雅黑"; font-size:14px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
/*
.news-view .content span{ margin-bottom:15px;line-height:240% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
*/
.news-view .other{ border-top:4px #e2e2e2 solid; padding-top:25px; margin-top:25px; font-size:14px;}
.news-view .other .left{ float:left;color:#777; width:550px;}
.news-view .other .left p{height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:25px;}
.news-view .download h2{ font-size:15px; color:#f39800; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(../../images/file.gif) no-repeat 0 center; padding-left:20px;}
.news-view .download p a{ color:#0033FF; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#0033FF}
.news-view .pics{ margin-top:30px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:842px; max-height:500px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .prev{ width:421px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:421px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60}


.imgShowBox{background: url(../../images/ddh/black.png) repeat;background: none rgba(0,0,0,0.85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;transform: translateY(100%);transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;z-index: 99999;width: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;}
.no-csstransitions .imgShowBox{display: none;}
.imgShowDemo{width: 100%;height: 100%;position: relative;overflow: hidden;}
.imgShowDemo .item{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;position: relative;background-size: contain;}
.imgShowDemo .img{vertical-align: middle;height: auto;width: auto;max-height: 100%;max-width: 90%;margin: auto;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px; }
.imgShowDemo p{background: url(../../images/black.png) repeat;background:#005bac;font-size: 16px;color: #fff;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding: 20px 0px; text-align:center}
/*.imgShowDemo .txt .i{padding:0px 3%;}
.imgShowDemo .txt .t{font-size: 22px;line-height: 1.4;padding: 15px 0px;}*/.hi-num{width: 85px;height: 65px;background: #272727;color: #fff;border-left: 1px solid #3a3a3a;position: absolute;bottom: 0;right: 0;text-align: center;line-height: 65px;font-size: 16px;}
.img-show{transform: translateY(0) !important;-webkit-transform: translateY(0) !important;}
.no-csstransitions .img-show{display: block;}
.imgShowDemo .slick-prev, .imgShowDemo .slick-next{width: 51px;height: 51px;position: absolute;top: 50%;margin-top: -25px;z-index: 100;transition: all 0s ease 0s;-webkit-transform: all 0s ease 0s;font-size: 0; border:0;}
.imgShowDemo .slick-prev{background: url(../../images/ddh/img_btn2.png) no-repeat scroll left top;left: 2%;}
.imgShowDemo .slick-next{background: url(../../images/ddh/img_btn2.png) no-repeat scroll right top;right: 2%;}
.imgShowDemo .slick-prev:hover{background-position: left bottom;}
.imgShowDemo .slick-next:hover{background-position: right bottom;}
.overlayClose{width: 56px;height: 56px;display: block;position: fixed;right: 20px;top:20px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer}
.overlayClose i{background: url(../../images/ddh/close4.png) no-repeat scroll center center;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;}
.overlayClose:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}


/* Slider*/.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
/*slick end*/