@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/19th-bg.jpg) #c00c00;color:#333;font-size:16px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1140px; }
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('http://at.alicdn.com/t/font_1468376072_7855883.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1468376072_7855883.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1468376072_7855883.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1468376072_7855883.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1468376072_7855883.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;margin-bottom:325px;}
#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:1060px; margin:0 auto;}
.body-bg{ background:url(../../images/19th-header.jpg) no-repeat center 36px;}
#nav{ height:50px; background-color:#c9312e}
#nav ul{ float:left}
#nav ul li{ float:left;}
#nav ul li a{ display:block; line-height:50px; float:left; padding:0px 30px; color:#fff; font-size:16px;}
#nav ul li a:hover{ color:#fffc00}
#nav ul li a.current{ background-color:#a9312e}
#nav dl{ float:right; margin-top:13px; margin-right:13px;width:180px; height:24px;background-color:#ff}
#nav dl input{ width:139px; height:14px; line-height:14px; float:left; border:0; padding:5px 8px; }
#nav dl button{ width:25px; border:0; text-align:center; height:24px; background-color:#fff;cursor:pointer}
#nav dl button i{ color:#aaa; }
#nav dl button:hover i{ color:#f39800}

.index{ }
.index-item-a{ background-color:#fff; padding:25px;}
.news-slider{ width:495px; height:331px; float:left; overflow:hidden; position:relative;}
.news-slider .bd{ width:495px;}
.news-slider .bd ul li{ position:relative}
.news-slider .bd ul li img{ width:495px; height:331px;}
.news-slider .bd ul li p{ position:absolute; left:0;top:281px; height:50px; z-index:2; width:100%}
.news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:50px; background-color:#000;opacity:0.5;}
.news-slider .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:50px; padding-left:20px;}
.news-slider .bd ul li p a:hover{ text-decoration:underline}
.news-slider .hd{ position:absolute; right:15px;bottom:19px; 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-news{ width:500px; float:right}
.index-news h2{ height:32px; line-height:32px; margin-top:10px; background:url(../../images/syss-title-bg.jpg) repeat-x 1px 1px; border:1px #f3cf6e solid}
.index-news h2 strong{ background:url(../../images/syss-title-bg2.jpg) no-repeat right center #c9302b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; float:left; padding:0px 20px; font-size:15px; color:#fff; margin:1px; line-height:30px;}
.index-news h2 a.more{ font-size:12px; font-weight:normal; color:#666; float:right}
.index-news h2 a.more:hover{ color:#f39800}
.index-news div.top-news{padding:10px 20px;}
.index-news div.top-news strong{display:block; line-height:1.6; font-size:24px; text-align:center}
.index-news div.top-news strong a{ color:#c9312e}
.index-news div.top-news strong a:hover{ text-decoration:underline}
.index-news div.top-news span{ display:block; text-align:center; font-weight:bold; margin-top:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news div.top-news p{color:#888; margin-top:15px; line-height:1.8; text-indent:2em}
.index-news div.top-news p a{ color:#ee0000}
.index-news div.top-news p a:hover{ text-decoration:underline}
.index-news div.list ul{ margin-top:10px;}
.index-news div.list ul li{ padding:6px 0; text-align:right}
.index-news div.list ul li a{ float:left; background:url(../../images/li.gif) no-repeat 0 center; padding-left:10px;}
.index-news div.list ul li span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa}
.index-links{ margin-top:20px;}

.index-news2 {width:470px; float:left; margin-top:20px; background-color:#fff; padding:25px}
.index-news2 h2{ height:37px; line-height:39px;  background:url(../../images/19th-t1.jpg)}
.index-news2 h2 strong{display:block; float:left; padding-left:30px; font-size:18px; color:#fff;}
.index-news2 h2 a.more{ font-size:14px; font-weight:normal; color:#666; float:right}
.index-news2 h2 a.more:hover{ color:#f39800}
.index-news2 .list1{  height:260px; margin-top:20px; }
.index-news2 .list1 li{ padding:6px 0;}
.index-news2 .list1 li a {display:inline-block;width:455px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../../images/19th-li.jpg) no-repeat 0 center; padding-left:20px;}
.index-news2 .list1 li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa}


.index-news3{  margin-top:20px; background-color:#fff; overflow:hidden; padding-bottom:10px; padding-top:10px}
.index-news3 h2{ height:108px; background:url(../../images/19th-t2.jpg) no-repeat; text-indent:-10000px}
.index-news3 .list{ margin-top:10px; width:1100px;background-color:#fff; margin-left:20px}
.index-news3 .list li{ width:243px; float:left; margin-right:15px; margin-bottom:15px;}
.index-news3 .list li img{ width:100%; height:161px;}
.index-news3 .list li span{ display:block; height:40px; line-height:20px; overflow:hidden;text-align:center;  background-color:#eee; padding:12px 20px 18px;}



#footer{ padding-top:30px; padding-bottom:60px; text-align:center; position:relative; z-index:100; }
#footer .copyright{ line-height:180%; color:#fff }
#footer .copyright img{ margin-left:10px;}
#footer .copyright a{ color:#fff;}
#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}

#page-banner{  width:100%; position:relative; overflow:hidden; height:260px;}
#page-banner img{ position:absolute; left:50%; margin-left:-960px;top:0px;}
.page-bg{ background:url(../../images/page-bg.gif) repeat-y center 0}



.location{position:relative; height:46px; line-height:46px;  margin:0 auto; overflow:hidden; font-size:12px;  color:#888; border-bottom:1px #e2e2e2 solid;padding:0px 0px}
.location a{}
.location a:hover{ text-decoration:underline}
.location i{ margin-right:8px;}

.page-left{ width:260px; float:right; position:relative; margin-bottom:40px}
.page-left .list{ margin-bottom:20px}
.page-left .list h2{ height:32px; line-height:32px;  background:url(../../images/syss-title-bg.jpg) repeat-x 1px 1px; border:1px #f3cf6e solid}
.page-left .list h2 strong{ background:url(../../images/syss-title-bg2.jpg) no-repeat right center #c9302b; display:block; float:left; padding:0px 20px; font-size:15px; color:#fff; margin:1px; line-height:30px;}
.page-left .list h2 a.more{ font-size:12px; font-weight:normal; color:#666; float:right}
.page-left .list h2 a.more:hover{ color:#f39800}
.page-left .list .list1{ border:1px #f3cf6e solid; padding:15px 20px 20px; border-top:0;}
.page-left .list .list1 li{ padding:4px 0;}
.page-left .list .list1 li a{ display:inline-block;width:215px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../../images/li.gif) no-repeat 0 center; padding-left:10px;}
.page-left .list .list1 li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa}
.page-right{ width:720px; float:left; min-height:380px;margin-bottom:40px;}


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



.news-list{ margin-top:20px; }
.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{ margin-top:10px;}
.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:580px; 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{ margin-top:30px;}
.news-view h1{font-size:26px;text-align:center; line-height:33px; padding:10px 30px 20px; color:#333; color:#ee0000}
.news-view h1 p{ font-family:"仿宋"; color:#555; padding-top:10px; font-size:20px; font-weight:bold}
.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  color:#888; font-size:14px;}
.news-view p.news-info span{ color:#ee0000; 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:2 !important;  margin-top:20px;font-family:"微软雅黑"; }
.news-view .content p{ margin-bottom:15px;line-height:2 !important;}
.news-view .content img{ max-width:100%;_width:100%}
/*
.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{ background:#fff;  position:relative; margin:30px auto 0px; width:800px; }
.news-view .pics .swiper-container{overflow:hidden; height:490px;}
.news-view .pics .swiper-slide{ text-align:center;}
.news-view .pics .swiper-slide img{max-width:800px; height:450px;}
.news-view .pics .swiper-slide .title{ margin-top:15px; font-weight:bold}
.news-view .pics .pagination{position: absolute; z-index: 20; bottom:50px; width: 100%; text-align: center;}
.news-view .pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
.news-view .pics .swiper-active-switch{background: #0090ff;}
.news-view .pics .arrow-left{ 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:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics .arrow-right{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:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
.news-view .pics:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
.news-view .pics:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}