@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:#eff5f9 ;color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1160px; }
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('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/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:46px; line-height:46px; background-color:#fff; margin-bottom:470px}
#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:1200px; margin:0 auto;}
.body-bg{ background:url(../../images/ds2018/body-bg.jpg) no-repeat center 35px;}


.index .item-a{ background-color:#fff;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.02);border-radius:5px; padding:40px;}
.index .item-a h2{height:40px; background:url(../../images/ds2018/t1.png) no-repeat center top; text-indent:-10000px;}
.index .item-a .content{ margin-top:30px; line-height:1.9; font-size:16px; }
.index .item-a .content p{text-indent:2em;margin-bottom:10px;}
.index .item-a .book-list{margin-top:30px; overflow:hidden}
.index .item-a .book-list ul{ width:1250px;}
.index .item-a .book-list ul li{ width:164px; float:left; margin-right:30px; text-align:center;}
.index .item-a .book-list ul li p{ color:#888; margin-top:10px;}


.index .item-b{background-color:#fff;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.02);border-radius:5px; padding:40px; margin-top:30px}
.index .item-c{margin-top:40px;}
.index .item-c h2{height:40px; background:url(../../images/ds2018/t2.png) no-repeat left top; text-indent:-10000px;}
.index .item-c .list{ margin-top:20px;}
.index .item-c .list li{ padding:8px 0 8px 0px; font-size:16px;}
.index .item-c .list li span{ color:#999; margin-right:20px;}
.index .item-c .list li a{ display:inline-block; background:url(../../images/ds2018/pdf.jpg) no-repeat left center; padding-left:35px;}

.index .item-d{ }
.index .item-d h2{height:40px; background:url(../../images/ds2018/t3.png) no-repeat left top; text-indent:-10000px;}
.index .item-d .list{ margin-top:30px; width:600px; float:left}
.index .item-d .list dl h3{ font-size:18px; line-height:1.4; padding-left:95px; position:relative}
.index .item-d .list dl h3 span{ color:#0e95ad; position:absolute; left:0;top:3px; font-size:14px;}
.index .item-d .list dl p{ margin-top:10px; line-height:1.7; color:#888; text-indent:2em}
.index .item-d .list ul{ margin-top:10px;}
.index .item-d .list li{ font-size:16px; padding:4px 0; overflow:hidden;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .item-d .list li span{ color:#999; margin-right:20px; font-size:14px;}
.index .item-d .list a.more{ display:block; width:100%; text-align:center; line-height:40px; font-size:16px; background-color:#b7da6b; color:#fff; margin:20px auto 0}
.index .item-d .list a.more:hover{ background-color:#f39800}

.index .item-e{background-color:#fff;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.02);border-radius:5px; padding:40px; margin-top:30px}
.index .item-e h2{height:40px; background:url(../../images/ds2018/t5.png) no-repeat left top; text-indent:-10000px;}
.index .item-e .list{ margin-top:30px; overflow:hidden}
.index .item-e .list ul{ width:1250px;}
.index .item-e .list ul li{ width:257px;height:240px; float:left; margin-right:30px; text-align:center;position:relative}
.index .item-e .list ul li a{display:block;width:100%;height:240px; z-index:2;position:absolute;left:0;top:0}
.index .item-e .list ul li img{ width:100%;}
.index .item-e .list ul li span{ display:block; margin-top:10px;}


.index .item-f{background-color:#fff;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.02);border-radius:5px; padding:40px; margin-top:30px;overflow:hidden}
.index .item-f h2{height:40px; background:url(../../images/ds2018/t6.png) no-repeat left top; text-indent:-10000px;}
.index .item-f .list{ margin-top:40px; overflow:hidden;width:1250px;}
.index .item-f .list li{ line-height:16px;font-size:16px; text-align:right;margin-bottom:20px; width:500px;float:left;margin-right:80px;} 
.index .item-f .list li span{ color:#888;font-size:14px;}
.index .item-f .list li a{float:left; background:url(../../images/dszw/li.png) no-repeat 0 center;padding-left:13px;display:inline-block;max-width:350px;_width:350px;;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.index .item-g{background-color:#fff;box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.02);border-radius:5px; padding:40px; margin-top:30px}
.index .item-g h2{height:40px; background:url(../../images/ds2018/t7.png) no-repeat left top; text-indent:-10000px;}

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




.video-layer{ position:fixed; left:0;top:0; z-index:888999; width:100%; height:100%; display:none; background:url(../../images/sub-nav-bg.png)}
.video-layer .change-lag{ position:absolute; left:0;top:-45px; background-color:#444; height:45px; width:850px; overflow:hidden}
.video-layer .change-lag a{ display:block; line-height:45px; width:120px; text-align:center; background-color:#555; float:left;  color:#fff; font-size:14px; margin-right:1px}
.video-layer .change-lag a.current{ background-color:#ff4a00}
.video-layer .box{ width:850px; height:480px; position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-200px; background-color:#000; z-index:2}
.video-layer .close{ width:46px; height:45px; background:url(../../images/close.png) no-repeat center center; position:absolute; left:50%; margin-left:425px;top:50%; margin-top:-245px; z-index:2; cursor:pointer}
.video-layer .close:hover{ }
.video-layer .mask{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;position:absolute; left:0;top:0; width:100%; height:100%; background-color:#000}




#footer{ padding-top:30px; padding-bottom:50px; text-align:center; position:relative; z-index:100;font-size:16px}
#footer .copyright{ line-height:2; color:#333 }
#footer .copyright img{ margin-left:10px;}
#footer .copyright a{ color:#666;}
#footer .copyright a:hover{ color:#f39800}


#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}




.location{position:relative; height:46px; line-height:46px;  margin:0 auto; padding-left:20px; overflow:hidden; font-size:14px;  color:#888; }
.location a{}
.location a:hover{ text-decoration:underline}
.location i{ margin-right:8px;}


p.none{ background-color:#fff; padding:20px 0; color:#888; text-indent:2em}
p.none i{ font-size:24px; margin-right:10px;}



.news-list{ padding:20px 40px 40px;background-color:#fff}
.news-search{ background:#ddd; }
.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#f39800; color:#fff}
.news-search .input{border:0; width:240px; height:31px; line-height:31px; text-indent:10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:5px;margin-left:20px;}
.news-search .hover{ background:#f8f8f8; color:#f39800; border-color:#f39800}
.news-search button{ background:#777; border:0; height:33px; line-height:32px; color:#fff; width:90px; cursor:pointer}
.news-search button:hover{ background:#f39800; }
.news-list ul.list{ }
.news-list ul.list li{ padding:20px 0px; border-bottom:1px #ccc dotted; text-align:right;}
.news-list ul.list li span{ color:#aaa; font-size:14px;}
.news-list ul.list li strong{float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:800px; text-align:left; font-weight:normal}
.news-list ul.list li a{ line-height:16px; font-size:16px; background:url(../../images/li.gif) no-repeat 0 center; padding-left:9px; float:left}
.news-list ul.list li s{background:url(../../images/small_img.gif) no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}
.news-list ul.list2{ margin-top:10px;}
.news-list ul.list2 li{padding:25px 0px; border-bottom:1px #ccc dotted;}
.news-list ul.list2 li .time{ width:70px; float:left}
.news-list ul.list2 li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff}
.news-list ul.list2 li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc}
.news-list ul.list2 li .text{ width:720px; float:right}
.news-list ul.list2 li .text strong{ background:url(../../images/li.gif) no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list ul.list2 li .text p{ margin-top:10px; line-height:160%; color:#888}


.news-list .list3{ position:relative; margin-top:-30px;}
.news-list .list3 li{ padding:30px 0; border-bottom:1px #ccc dotted; height:110px;}
.news-list .list3 li div{width:620px; float:right; }
.news-list .list3 li h2{font-size:15px;  background:url(../../images/li.gif) no-repeat 0 center; text-indent:10px}
.news-list .list3 li p{padding-top:8px; line-height:180%;color:#555}
.news-list .list3 li p span{ display:block; color:#aaa; background:url(../../images/time-icon.gif) no-repeat 0 center; margin-top:10px; text-indent:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news-list .list3 li img{ display:block; width:150px; height:100px; position:relative; z-index:2; border:1px #ddd solid;padding:4px; background:#fff;}
.news-list .list3 li a.image{ display:block; width:160px; height:110px; float:left; position:relative;}
.news-list .list3 li a.image em{ display:block; width:160px; height:110px; background:#eee; position:absolute; left:4px;top:4px}
.news-list .list3 li a:hover{ text-decoration:underline}

/**************分页********************/
#pages{ text-align:center; padding-top:30px; height:50px;}
#pages a{ display:inline-block; padding:10px 14px; background-color:#ccc; color:#fff; margin:0 2px;-webkit-transition: background-color .25s;transition:background-color .25s;}
#pages a:hover{ background-color:#828d95; color:#fff}
#pages a.active{ background-color:#f39800; color:#fff}
#pages a.prev,#pages a.next{ font-size:14px; position:relative;top:-1px; padding:9px 10px 10px} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}


.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 30px; color:#333; color:#0e95ad}
.news-view h1 p{ font-family:"仿宋"; color:#444; padding-top:4px;}
.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:16px;}
.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}