@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:#fff4e9 ;color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1240px; }
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:#f30; text-decoration:none}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#f30}
.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; border-bottom:1px #ddd solid;margin-bottom:500px}
#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/20th-banner2.jpg) no-repeat center top; }
.main-box{ }

.index .item-a{background-color:#fff;position:relative;padding:40px;margin-top:40px;}
.index .item-a strong{display:block;font-size:30px;text-align:center}
.index .item-a strong a{color:#ee0000}
.index .item-a p{margin-top:15px; line-height:1.8}
.index .item-a p a{color:#06c}

.index .item-b{margin-top:50px; }
.index .item-b .list{width:500px; float:right}
.index .item-b .list ul{ }
.index .item-b .list li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px;margin-bottom:17px;padding-bottom:17px;border-bottom:1px #aaa dotted;background:url(../../images/bwcx-li.jpg) no-repeat 0 13px;padding-left:15px }

.topic-links{margin-top:30px;}
.topic-links a{width:283px;float:left;display:block;}
.topic-links a img{width:100%}



.slider{ width:580px; height:390px; position:relative; overflow:hidden; float:left; }
.slider .swiper-slide {font-size:18px;background:#fff;/* Center slide text vertically */      display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.slider .swiper-slide img{ width:100%; height:390px;}
.slider .swiper-slide p{ position:absolute; background-color:rgba(0,0,0,0.5);color:#fff; left:0;top:330px; height:60px;line-height:60px;padding-left:20px; z-index:2; width:100%}
.slider .swiper-pagination{ text-align:right;bottom:24px ;left:-20px ;}
.slider .swiper-pagination-bullet{background-color:#fff; width:10px;height:10px;}
.slider .swiper-pagination-bullet-active{background-color:#f39800}

.index .item-b{ background-color:#fff;margin-top:30px; padding:45px;box-shadow: 0px 3px 15px rgba(0,0,0,.07);}
.index .item-c{width:560px;float:left}
.index .item-c h2{background:url(../../images/bwcx/section-title-bg.png) repeat-x 0 5px; position:relative}
.index .item-c h2 span{ display:inline-block; background:url(../../images/bwcx/icon1.png) no-repeat 0 center #fff; padding-left:35px; padding-right:10px; height:24px; line-height:24px; font-size:24px; font-weight:600; color:#f30}
.index .item-c h2 a{ display:inline-block; line-height:30px; background-color:#fff; padding-left:10px; position:absolute; right:0;top:0; font-size:16px;}
.index .item-c dl{ margin-top:30px;}
.index .item-c h3{font-size:20px;font-weight:600; text-align:center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .item-c p{margin-top:15px;line-height:1.8;font-size:16px;color:#888}
.index .item-c p img{float:left;margin-right:20px; margin-top:5px;margin-bottom:10px;}
.index .item-c a.btn{display:inline-block;margin-left:400px;margin-top:20px;font-weight:bold;color:#ff0000;font-size:16px;}
.index .item-c a.btn:hover{color:#f30}
.index .item-c ul{margin-top:20px;}
.index .item-c ul li{margin-bottom:13px;font-size:16px;background:url(../../images/bwcx/li.gif) no-repeat 0 center;padding-left:20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .item-d{ width:500px; height:333px; float:right; overflow:hidden}
.index .item-d .slides li p{ height:107px; background:url(../../images/bwcx/mask.png) repeat-x; position:absolute; left:0;bottom:0; width:100%; color:#fff; padding:40px 20px 0; font-size:16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#fff; text-align:center; }
.index .item-d .flex-control-nav{bottom:20px; z-index:20}
.index .item-d .flex-control-paging li{ margin:0 3px}
.index .item-d .flex-control-paging li a{background-color:#fff;background:rgba(255,255,255,0.8);-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.index .item-d .flex-control-paging li a.flex-active{background:#f30;}

/*
.index .item-e{ background-color:#fff;margin-top:30px; padding:35px;box-shadow: 0px 3px 15px rgba(0,0,0,.07);}
.index .item-e h2{background:url(../../images/bwcx/section-title-bg.png) repeat-x 0 5px; position:relative}
.index .item-e h2 span{ display:inline-block; background:url(../../images/bwcx/icon1.png) no-repeat 0 center #fff; padding-left:35px; padding-right:10px; height:24px; line-height:24px; font-size:24px; font-weight:600; color:#f30}
.index .item-e h2 a{ display:inline-block; line-height:30px; background-color:#fff; padding-left:10px; position:absolute; right:0;top:0; font-size:16px;}
.index .item-e ul{ margin-top:15px;}
.index .item-e ul li{margin-bottom:13px;font-size:16px;background:url(../../images/bwcx/li2.png) no-repeat 0 center;padding-left:20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:40%; float:left; margin-right:10%}
*/
.index .item-e{margin-top:30px;}
.index .item-e img{width:100%}


.index .item-f{overflow:hidden; background-color:#fff;margin-top:30px; padding:45px;box-shadow: 0px 3px 15px rgba(0,0,0,.07);}
.index .item-f h2{ text-indent:-10000px; background:url(../../images/bwcx/t4.jpg) no-repeat center top; height:69px;}
.index .item-f ul{ width:1250px; }
.index .item-f ul li{ width:255px; float:left; margin-right:31px; margin-top:30px}
.index .item-f ul li .image{ overflow:hidden; position:relative}
.index .item-f ul li .image img{ width:100%}
.index .item-f ul li .title{ text-align:center; font-size:16px; line-height:42px; height:45px; background-color:#f2f2f2;}
.index .item-f ul li a{ display:block; position:absolute; left:0;top:0; width:100%; height:100%; z-index:10}

.index .item-g{ background:url(../../images/dangshi-ppt-bg.jpg) no-repeat; height:800px; margin-top:35px; overflow:hidden;}
.index .item-g .flexslider2{ margin:120px 75px 35px; height:590px; position:relative; background-color:#fff}
.index .item-g .flexslider2 .slides li{ background-color:#fff}
.index .item-g .flexslider2 .slides li img{ width:100%}
.index .item-g .flex-control-nav{bottom:-50px; z-index:20}
.index .item-g .flex-control-paging li{ margin:0 3px}
.index .item-g .flex-control-paging li a{background-color:#fff;background:rgba(255,255,255,0.8); width:24px; height:24px; text-indent:0; text-align:center; line-height:24px;}
.index .item-g .flex-control-paging li a.flex-active{background:#f30; color:#fff; text-decoration:none}
.index .item-g .flex-prev{ background:url(../../images/bwcx/left.png) no-repeat center center; z-index:100;opacity: 1; text-indent:-100000px}
.index .item-g .flex-next{ background:url(../../images/bwcx/right.png) no-repeat center center; z-index:100;opacity: 1; text-indent:100000px}






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


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

#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:14px;  color:#888;background-color:#f2eede;padding-left:20px; }
.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:#f30}
.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{ padding:30px 50px 50px; background-color:#fff;box-shadow: 1px 3px 3px rgba(0,0,0,.07);}
.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:#f30; 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:#f30; border-color:#f30}
.news-search button{ background:#777; border:0; height:33px; line-height:32px; color:#fff; width:90px; cursor:pointer}
.news-search button:hover{ background:#f30; }
.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:#f30; 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:40px 50px 50px; background-color:#fff;box-shadow: 1px 3px 3px rgba(0,0,0,.07);}
.news-view h1{font-size:26px;font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 30px; color:#333; color:#f30}
.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:#f30; 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:#f30}
.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:#f30; 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}