/* base */

*{margin:0;padding:0}

a{color:#555;text-decoration:none}

a:hover{color:#0078bd;}

.fl{float:left;display:inline}

.fr{float:right;display:inline}

.clearfix { *zoom: 1; } 

.clearfix:after { content: ''; display: table; clear: both; }

li{list-style:none}

body{/*padding-left: calc(100vw - 100%);*/}

img{border: none;}



.webkit-scroll{-webkit-overflow-scrolling: touch;}



/* framework */

.wrap{background: url(/style2016/jnnews/img/water.jpg) no-repeat top center;width: 100%;margin:0 auto;padding: 0 0 20px;}



.header{width:100%;height: auto;overflow:hidden;}

.banner{width:1000px;height:200px;margin:0 auto}

.nav{width: 100%;height: 48px;background:#0078bd;}

.nav ul{width: 1070px;height: 48px;margin:0 auto;}

.nav li{float: left;display: inline;background: url(/style2016/jnnews/img/l.png) no-repeat center right;}

.nav li a{display: block;color: #feffff;padding: 0 8px;margin:0 1px;font:16px/48px 'Microsoft Yahei';}

.nav li a:hover{background:#005d93;}

.nav li.noline{background: none;}



.content{width:1000px;height:auto;margin:30px auto 0;-overflow: hidden;}

.section{background:#FFF;height:auto;overflow:hidden;margin-bottom:20px;-zoom:1;}





.hd {height: 40px;margin-bottom: 10px;}

.hd h2{font: 32px/40px 'Microsoft Jhenghei','Microsoft Yahei';float: left;color: #666;}

.hd .more {float: right;}



.bd{/*height:auto;overflow:hidden;background: #FFF;*/}

.bd h3{height:30px;font:16px/30px 'microsoft yahei';border-bottom:2px solid #ddd;background: #FFF;overflow: hidden;-zoom:1;}

.bd a.more{font-size: 12px;float: right;display: inline;}



.col-left{width:50%;margin-right:30px;height:auto;float:left;display: inline;overflow: hidden;}

.col-auto{overflow:hidden;-float:left;-clear:right;}



.col-2{background:#EEE;width:49%;margin-right:2%;float:left}

.col-3{background:#EEE;width:32%;margin-right:2%;float:left}

.col-4{background:#EEE;width:23.5%;margin-right:2%;float:left}







/* list01 */

.list01{width:1000px;zoom:1;overflow:hidden}

.list01 li{float:left;display:inline;margin:0 10px 10px 0}





/* article-list */

.article-list{background:#FFF}

.article{height:auto;overflow:hidden;margin:10px 0 4px 15px;padding:10px 0}

.article h4{font: 18px/30px 'microsoft yahei';margin-bottom: 10px;}

.article h4 a:hover{color:#0078bd;}

.article .thumb{width:228px;margin-right:10px;float:left}

.article .brief{height:66px;font:14px/23px  'microsoft yahei';color:#919191;margin-bottom:10px;-display:inline;/*-margin-bottom: 0*/ overflow:hidden;margin-top: 13px;}

.article .brief p{text-indent:2em;}

.article .brief a{color:#0078bd;}

.article .info{display:none}

.article .info a{margin-right:10px;font:12px/22px 'simsun';color:#999}

.article2{height:auto;overflow:hidden;margin:10px 0 4px 15px;padding:4px 0}

.article2 h4{font: 24px/30px 'microsoft yahei';margin-bottom: 10px; height:30px; overflow:hidden;}

.article2 h4 a:hover{color:#0078bd;}

.article2 .thumb{width:228px;margin-right:10px;float:left}

.article2 .brief{height:44px;font:14px/23px  'microsoft yahei';color:#919191;margin-bottom:10px;-display:inline;/*-margin-bottom: 0*/ overflow:hidden;margin-top: 13px;}

.article2 .brief p{text-indent:2em;}

.article2 .brief a{color:#0078bd;}





/* news-list */



.news-list{height:auto;overflow:hidden;clear: both; margin-left:15px; padding-bottom:15px;}

.news-list li{height:35px;font:16px/35px 'microsoft yahei';overflow:hidden;padding: 2px 0;}

.news-list li span{font:12px/26px 'simsun';color: #999;padding-right: 4px;}

.news-list a.cate{color: #555555;padding-right: 4px;}

.news-list li a{ padding-left:5px;}









.footer {

	width: 100%;

    font: 14px/26px "simsun";

    color: #555;

    margin: 0 auto;

    text-align: center;

}





.fixA {

	background: #EEE;

	width: 100px;

	height: 100px;

	overflow: hidden;

	position: fixed;

	top: 50%;

	_position: absolute;

	_top: expression(eval(document.documentElement.scrollTop+200));

	right: 50%;

	margin-top: -50px;

	margin-right: -580px;

	display: none;

}



/*16.12¼ÃÄϵÚÒ»ÑÛ*/

.datu{ margin-bottom:20px;}

.qcyc{ background-color:#f7f7f7;}

.sltu{ clear:both;margin-top: 20px;}

.vid { float: left; width: 222px; height: 185px; display: block;margin-left: 15px;}

.vid .twP { display: inline; float: left; position: relative;}

.vid .twP p { font: 16px/42px 'microsoft yahei'; text-align: center; color: #555555;}

.vid .twP p:hover{color:#0078bd;}

.ggtu{ margin:23px 0;}

.newbk{ margin-top:5px;}

.newbk h1{ margin-bottom:15px;padding-top: 5px;}

.jrtj h1{ margin-bottom:20px;}




/*4-1*/
.addshiwei{ overflow:hidden;zoom:1; margin-bottom:25px;}
.shiwei{ width:210px; border:#c5e6f5 solid 1px; float:right; text-align:center; height:484px; }

.shiwei ul{ text-align:left; width:160px; margin-left:40px;}
.shiwei ul li { overflow:hidden;zoom:1;}
.shiwei ul li a{ color:#000; line-height:24px; font-size:12px; }
.shiwei ul li a span{ text-align:left;float:right; display:inline;  width:100px;}
.qcsy{ margin-bottom:10px; width:250px; }
.bgt{ background-color:#e3fbff; width:250px; padding-bottom:20px; height:325px;}
.bgt h1{ margin-bottom:15px;}
.bgt ul{ padding:0px 20px;}
.bgt ul li{font:16px/35px 'microsoft yahei';overflow:hidden;padding: 2px 5px;}
.bgt ul li a{ color:#0078bd ; line-height:1.8;}
/*4-1*/
.spzb{ background-color:#e3fbff; height:670px;}
.spzb h3{ background:url(../img/spzb.jpg) no-repeat; height:63px;}
.spzb .more{ background:url(../img/11.png) no-repeat center right; font:18px/65px 'microsoft yahei'; color:#0078bd;padding: 0 10px;}
.sptu{ clear:both; margin-top:20px;}
.spv { float: left; width: 220px; display: block;margin-left:10px;position: relative;}
.spv .title{height: 30px; line-height: 30px; background: rgba(0,0,0,0.7);left: 0; bottom: 0;position: absolute;width: 100%;}
.spv .title a{font: 16px/30px 'microsoft yahei'; color: #fff; padding-left: 10px;}
.spzb .ship{ background:url(../img/sxt.png) no-repeat left center;padding-left: 25px;}
.jczt{ margin:28px 0;}
.jczt h1{ margin-bottom:25px;}
.ztbt{height:32px;font:16px/32px 'microsoft yahei';overflow:hidden;padding: 2px 0 0 7px;}
.tushuo{ background-color:#e6e6e6; height:430px;padding-top: 55px;}
.section1{ width:1000px; height: auto; margin: 0 auto;}
.section1 .tus_l{float: left; width: 478px; position: relative;}
.section1 .tus_r{float: right; width: 515px;}
.tushuo .tus_l .lunbo li{ width:478px; height:346px;}
.tushuo .tus_l .lunbo li .title{height: 30px; line-height: 30px; background: rgba(0,0,0,0.7);left: 0; bottom: 0;position: absolute;width: 100%;}
.tushuo .tus_l .lunbo li .title a{font: 16px/30px 'microsoft yahei'; color: #fff; padding-left: 10px;}
.tushuo .tus_r .list li{ width:220px; height:145px; float:left;margin-left: 37px;position: relative;margin-bottom: 55px;}
.tushuo .tus_r .list li .title{height: 30px; line-height: 30px; background: rgba(0,0,0,0.7);left: 0; bottom: 0;position: absolute;width: 100%;}
.tushuo .tus_r .list li .title a{font: 16px/30px 'microsoft yahei'; color: #fff; padding-left: 10px;}


#wrap{width:500px;background: #fefefe;}

.hiSlider{overflow: hidden;height: 292px;width: 500px;background: #eee;}

.hiSlider-item{float: left;}

.shiweinav {font: 16px/33px 'microsoft yahei';height:33px;line-height:33px;background-color:#c5e8fb;}
.shiweinav a {color:#097abc;float:left;display:block;}
.shiweinav a.current {background-color:#0079c0;color:#fff;float:left;display:block;}