@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-size:14px; font-family:微软雅黑;}
a{ color:#333; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1240px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

header{ width:100%; height:90px;z-index:99; position:relative;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
header .logo{ float:left; padding:16px 0 0; box-sizing:border-box;width:410px; margin-right:0px;}
header .jh_dh{ width: 700px; height:90px;box-sizing:border-box; font-size:16px; float:left;}
header .jh_dh li{ float:left; width:110px; margin-right:5px;}
header .jh_dh li a{ width:100%; height:50px; line-height:50px; margin:20px 0; display:block; text-align:center;font-size: 14px;}
header .jh_dh li:hover a { background:#91c53c; color:#FFF;}
header .jh_dh li .on{background:#91c53c; color:#FFF;}
header .jh_dh li dl{ display:none; margin-top:1px;}
header .jh_dh li:hover dl{ display:block;}
header .jh_dh li dl dd{     width: 312px;
    margin-left: -96px;
    height: 50px;
    margin-top: 1px;
    background: rgba(255,255,255, 0.8);}

header .jh_dh li dl dd a
{
	font-size: 12px;
}
header .jh_dh li:hover dl dd a{ margin:0; background:none; color:#333;}
header .jh_dh li dl dd a:hover{ background:#91c53c; color:#FFF;}

header .zy{ float:right; padding:32px 0 0; font-size:16px;}
header .zy span{ box-sizing:border-box; border-right: 1px solid #91c53c;margin:0px; display:block; float:left;}
header .zy span a { display:block;  padding:5px 20px; }
header .zy span:last-child{ border:none;}
header .zy span:hover{  background-color:#91c53c;}
header .zy span:hover a{color:#FFF;}

/* bannercss */
.slideBox{ width:100%; /*height:600px;*/clear:both;overflow:hidden; margin-top:0px;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  margin-top:530px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:40px; height:5px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#91c53c; filter: Alpha(Opacity=100);opacity: 1;}/*#1166b6*/
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:570px;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}


/*标题*/
.jh_tit{ text-align:center;}
.jh_tit h5{ text-align:center;}
.jh_tit h2{ font-size:30px; margin:5px 0; font-weight:500; color:#333;}
.jh_tit p{ text-transform: uppercase; color:#666; text-align:center;}


/*简介*/
.jh_jj{ margin-top:40px;}
.jh_jj .jj_nr{ height:430px; width:100%; margin-top:30px;}
.jh_jj .jj_nr .tu{ width:590px; height:100%; overflow:hidden; border:1px solid #ebebeb; box-sizing:border-box;}
.jh_jj .jj_nr .zi{ width:630px; padding:20px 0;}
.jh_jj .jj_nr .zi p{ text-indent:2em; font-size:14px; line-height:32px; color:#333;}
.jh_jj .jj_nr .zi h5{ font-weight:500; margin:10px 0 20px; font-size:14px;}
.jh_jj .jj_nr .zi h5 a{ color:#91c53c;}
.jh_jj .zi .jj_sz{ width:630px; height:105px; background:#91c53c; margin-top:0px;}
.jh_jj .zi .jj_sz li{float:left;padding:17px 22px;margin:10px 0; box-sizing:border-box; border-right:1px solid #e1fcb5;}
.jh_jj .zi .jj_sz li:last-child {border: none;}
.jh_jj .zi .jj_sz li p{ color:#FFF; text-indent:0; font-size:24px;}
.jh_jj .zi .jj_sz li h4{ font-size:14px; font-weight:500; color:#FFF;}
/*简介图标 图片*/
.jj_dt{ margin-top:30px;}
.jj_dt .banner li{ height:300px;}
.jj_tb{ width:100%; height:280px;}
.jj_tb li { width: 130px;
    height: 160px;
    float: left;
    margin: 60px 90px;
    text-align: center;}
.jj_tb li i{ font-size:48px; border:3px solid #91c53c; display:block; height:120px; line-height:120px; text-align:center; color:#91c53c; box-sizing:border-box; border-radius:60px;}
.jj_tb li:hover i{ background:#91c53c; color:#FFF;}
.jj_tb li p{ text-align:center; margin-top:20px;}


/*产品展示*/
.jh_cp{ height:980px; padding-top:40px; background:url(../images/cp_bg.jpg) no-repeat top center; box-sizing:border-box;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {clear:both;*zoom:1;}
.show {	display:block!important;}
.ul_list {width:100%; height:90px; position:relative; background:#FFF; margin:30px 0;  box-sizing:border-box; color:#5a5a5a; font-size:14px;}
.ul_list li 
{
    float: left;
    width: 22%;
    margin: 0 1%;
    line-height: 88px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    color: #5a5a5a;
    font-size: 14px;
}
.ul_list li a{color:#5a5a5a;}
.ul_list li.active { color:#91c53c; font-weight:bold; border-bottom: 2px solid #91c53c;}
.div_box {padding:0px; margin-top:70px;}
.div_box .div_list {	display:none; width:100%;}
.div_box .div_list ul li { width:290px; height:280px;margin-bottom:26px;margin-right:26px; float:left; background:#FFF; border:1px solid #ebebeb; box-sizing:border-box; transition:ease 1s;}
.div_box .div_list ul li a{ display:block; padding:15px 10px 0; box-sizing:border-box; }
.div_box .div_list ul li img{ width:100%; height:200px; padding-bottom:10px; transition:ease 1s;}
.div_box .div_list ul li p{ width:94%; margin:0 3%; height:50px; line-height:50px; border-top: 1px solid #91c53c; text-align:center;}
.div_box .div_list ul li:nth-child(4n){margin-right:0px;}
.div_box .div_list ul li:hover{ border:1px solid #91c53c; }
.div_box .div_list ul li:hover img {transform: scale(0.9);}
.jh_cp .cp_nr{ position:relative;}/**/
.cp_js{ width: 330px; height:140px; background:rgba(145,197,60,0.9); position:absolute; top:-24px; left:0; z-index:10;}
.cp_js .fl{ width:130px; height:120px; box-sizing:border-box; padding:16px 20px; color:#FFF; border-right:1px solid #c3de97; margin:10px auto;}
.cp_js .fl i{ font-size:58px; width:100%; text-align:center; display:block;} 
.cp_js .fl p{ width:100%; text-align:center; font-size:20px; font-weight:bold;}
.cp_js .fr
{
    line-height: 34px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    width: 198px;
    text-align: center;
    padding-top: 36px;
}



/*新闻资讯*/
.jh_xw{ padding-top:50px;}
.jh_xw .xw_nr{ width:100%; margin-top:30px; overflow:hidden;}
.jh_xw .xw_nr .fl { width:480px; height:470px; background:#91c53c;}
.jh_xw .xw_nr .fl a{ color:#FFF;}
.jh_xw .xw_nr .fl .tu{ width:100%; height:340px; overflow:hidden; border: 1px solid #ebebeb; box-sizing:border-box;}
.jh_xw .xw_nr .fl img{ width:100%; height:100%; transition:all ease 1s;}
.jh_xw .xw_nr .fl:hover .tu img{transform: scale(1.05);}
.jh_xw .xw_nr .fl .zi{ padding:10px 15px;}
.jh_xw .xw_nr .fl h2{ font-size:16px; margin-top:5px;}
.jh_xw .xw_nr .fl h5{ overflow:hidden; font-weight:500; margin:8px 0;}
.jh_xw .xw_nr .fl h5 .z{ float:left; }
.jh_xw .xw_nr .fl h5 .y{ float:right;}
.jh_xw .xw_nr .fl p{ line-height:24px; text-align:justify;}

.jh_xw .xw_nr .fr{ width:745px; height:470px;}
.jh_xw .xw_nr .fr li{ width:100%; height:146px; border:1px solid #ebebeb; transition:all ease 0.5s;box-sizing:border-box; margin-bottom:16px;}
.jh_xw .xw_nr .fr li:nth-child(3n){ margin-bottom:0;}
.jh_xw .xw_nr .fr li a{ overflow:hidden; display:block; padding:10px 15px 10px 10px; box-sizing:border-box;transition:all ease 0.5s;}
.jh_xw .xw_nr .fr li:hover { background:#91c53c;}
.jh_xw .xw_nr .fr li:hover a{ color:#FFF;}
.jh_xw .xw_nr .fr li .tu{ width:166px; height:125px; float:left;}
.jh_xw .xw_nr .fr li .tu img{ width:100%; height:100%;}
.jh_xw .xw_nr .fr li .zi{ width:540px; float:right;}
.jh_xw .xw_nr .fr li .zi h2{ font-size:16px; margin:10px 0;}
.jh_xw .xw_nr .fr h5{ overflow:hidden; font-weight:500; margin: 0;}
.jh_xw .xw_nr .fr h5 .z{ float:left; }
.jh_xw .xw_nr .fr h5 .y{ float:right;}
.jh_xw .xw_nr .fr p{ line-height:24px; margin-top:8px; text-align:justify;}

.xw_gd{ width:126px; height:40px; line-height:40px; display:block; margin:50px auto; text-align:center; border:1px solid #ebebeb; color: #666;transition:all ease 0.5s;}
.xw_gd:hover { color:#91c53c; border:1px solid #91c53c;}


/*底部*/
footer{ width:100%; height:710px; background:#6a6f78; clear:both;}
footer .db_lx{ height:650px; padding-top:90px; box-sizing:border-box;}
.db_lx .tu{ width:50%; float:left; position:relative; text-align:right;}
.db_lx .tu .dw_dh{ width:16px; height:24px; display:block; position: absolute;
/*border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.3) inset;*/
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 0.5s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple { 0% { opacity:1;transform: scale(1);} 100% {opacity: 1;transform: scale(1.08);}}
.db_lx .tu .dw_dh img{ width:100%;}
.db_lx .tu .dw01{/*left:240px; top:220px; */ left:290px; top:220px;-webkit-animation-duration: 0.8s;}
.db_lx .tu .dw02{/*left:370px; top:240px;*/ left:420px; top:240px; -webkit-animation-duration: 0.5s; -webkit-animation-delay: 1.5s;}
.db_lx .tu .dw03{/*left:330px; bottom:160px;*/ left:380px; bottom:160px; -webkit-animation-duration: 0.8s; -webkit-animation-delay: 2.3s;}

.db_lx .zi{ width:50%; float:right; padding-left:150px; box-sizing:border-box; color:#FFF;}
.db_lx .zi .gsm{ margin-top:70px;}
.db_lx .zi .gsm h2{ font-size:18px; font-weight:500; margin-bottom:2px;}
.db_lx .zi .gsm p{ font-size:12px; text-transform: uppercase;}
.db_lx .zi .lx{ font-size:14px; line-height:28px; margin:20px 0; color:#ccc;}
.db_lx .zi .ewm {}
.db_lx .zi .ewm .ewm01{ width:110px; height:150px; transition: all 1s ease;cursor:pointer; float:left; margin-right:50px;}
.db_lx .zi .ewm .ewm01 p{ text-align: center; margin:10px;     height: 40px;}
.db_lx .zi .ewm .ewm01:hover{ margin-top:-10px;}

footer .db_bq{ width:100%; height:60px; line-height:60px; color: #FFF; background:#585d66; text-align:center;}
footer .db_bq a{ color:#CCC;}


/*内页内容*/ /*内页大图*/
.nyban1{ height:300px; background:url(../images/br4.jpg) no-repeat center; }
.ny_nav{ height:60px; width:50%; margin-top:-35px; line-height:60px;text-align:right;}
.ny_nav1{width:100%;}
.ny_nav li{ display:inline-block;width:130px; height:60px; line-height:60px; text-align:center; font-size:16px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; font-size:14px; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#91c53c; color:#FFF;}
.ny_nav ul li a:hover{ background:#91c53c; color:#FFF;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll .mmx{ width:50%;}
.ny_ll ul p{ border-bottom:2px solid #91c53c; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p img{ float:left; padding-top:20px; padding-right:6px;}
.rhny_nr{ line-height:34px; color:#333; font-size:14px; padding:30px;}


#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom li{ float:left; padding:0 2px; list-style:none}
#articeBottom .pagebarCurrent{ font-weight:bold;}/*
.jieshao{line-height:44px;border-bottom:#acacad 1px dotted; padding:1em 0em;}
.jieshao_ls img{margin-right:20px; padding:2px; border:#efefef 1px solid; float:left; width:150px; height:110px;}
.col-md-10 span{float:right;font-size:16px;}
.col-md-10 p{color:#797979; line-height:1.8em;font-size:13px;}
a{ text-decoration:none;}*/
.ny_xw{ overflow:hidden; margin-bottom:20px; line-height:34px; padding:20px 0;}
.ny_xw li{ height:160px; border-bottom:1px solid #e5e5e5; padding-top:20px;}
.ny_xw li:hover{ background:#f1f1f1;}
.ny_xw .ny_xw_lt{ float:left;width:180px; padding-left:20px;}
.ny_xw .ny_xw_lt span{ font-size:20px; color:#8b8b8b; font-weight:300; float:left; padding-right:30px;}
.ny_xw .ny_xw_lt p{ padding-top:18px;}
.ny_xw .ny_xw_zh{ float:left; margin-left:30px;width:680px;}
.ny_xw .ny_xw_zh p{ font-size:18px; color:#383838;}
.ny_xw .ny_xw_zh span{ color:#7c7c7c; font-size:14px;}
.ny_xw .ny_xw_rt{ float:right;width:200px; padding-right:20px;}


.i-06{width:100%; height:auto;overflow: hidden;}
.i-06 ul{width:100%; height:auto; margin:5px auto; }
.i-06 ul li{width:23.8%; height:275px; float:left; padding:10px; margin-bottom:3px; overflow:hidden; transition:all .4s;  -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s;    box-sizing: content-box; margin:15px 0.59%; border:1px solid #ebebeb; box-sizing:border-box;/*box-shadow: 0px 0px 5px #e5e5e5; border-bottom:solid 1px #CCC; background:#e3e3e3;*/}/*#f8f8f8*/
.i-06 ul li span{display:block; width:100%; height:210px; overflow:hidden;}
.i-06 ul li span img{/*transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); -ms-transform:translate(-100px,0px);  -o-transform:translate(-100px,0px); -webkit-transform:translate(-100px,0px);*/width: 100%; height:210px;}
.i-06 ul li p{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; color:#333; font-weight:lighter; line-height:40px; margin-top:5px;text-align: center; border-top:1px solid #91c53c; padding-top:4px;}
.i-06 ul li i{font-style:normal; font-size:14px; color:#999; line-height:25px;font-family:"\5fae\8f6f\96c5\9ed1";}
.i-06 ul li:hover{-moz-box-shadow: 0px 3px 10px #e5e5e5; box-shadow: 0px 3px 10px #e5e5e5; transform:translate(0px,-20px); -moz-transform:translate(0px,-20px); -ms-transform:translate(0px,-20px); -o-transform:translate(0px,-20px); -webkit-transform:translate(0px,-20px); /*background:#1166b6;*/ border:1px solid #91c53c;}
.i-06 ul li:hover p{/*color:#FFF;*/}
.i-06-1{width:100%; height:40px; padding:20px 0px 40px 0px; text-align:center;}
.i-06-1 a:link{display:block; width:230px; height:60px; margin:0 auto; text-align:center; text-decoration:none; font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; border:1px solid #ff3131; line-height:60px; font-family:"\5fae\8f6f\96c5\9ed1"; font-weight:lighter; font-size:16px; transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; -webkit-transition:all .4s;}
.i-06-1 a:visited{display:block; width:230px; height:60px; margin:0 auto; text-align:center; text-decoration:none; font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; border:1px solid #ff3131; line-height:60px; font-family:"\5fae\8f6f\96c5\9ed1"; font-weight:lighter; font-size:16px; transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; -webkit-transition:all .4s;}
.i-06-1 a:hover{display:block; width:230px; height:60px; margin:0 auto; text-align:center; text-decoration:none; font-family:"\5fae\8f6f\96c5\9ed1"; color:#fff; border:1px solid #ff3131; line-height:60px; font-family:"\5fae\8f6f\96c5\9ed1"; font-weight:lighter; font-size:16px; background:#ff3131}
.i-06-1 a img{width:0px; transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; -webkit-transition:all .4s;}
.i-06-1 a:hover img{width:10px; vertical-align:middle; margin-left:10px}

#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%; }
#articeBottom li{ float:left; padding:0 2px; list-style:none}
#articeBottom .pagebarCurrent{ font-weight:bold;}


.probox { position:relative; width: 100%;padding-top: 20px; float:left;}
.pro_img { /*width:400px; */ text-align:center; position:relative; float:left; }
.pro_txt { width: 658px;  float:left; }
.pro_txt p { height:30px; line-height:25px; }
.pro_txt h2 { font-weight:bold; line-height:30px; }
.pro_txt .details { line-height:20px; margin: 10px 0; border:1px solid #ddd; padding:6px; background:#fff; height:137px; overflow:hidden;}
.main1box { margin-bottom:10px; }
#main1 ul { display:none; width: 100%; }
#main1 ul li { display:inline-block; _display:inline; position:relative; margin:0 auto;width: 100%; }
#main1 ul.block { display:block; }
.menu1box { }
#menu1{ width: 100%;}
#menu1 li { display:inline; cursor:pointer; width: 20%;background-color:#FFF; }
#menu1 li img { border:1px solid #ccc; width:50px; height:50px;}
#menu1 li.hover img { border:1px solid #669900; }
.jqzoom { border:1px solid black; float:left; position:relative; padding:0px; cursor:pointer; }
.jqzoom img { float:left; }
div.zoomdiv { z-index:100; position:absolute; top:0px; left:405px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.jqZoomPup { z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid #aaa; background:#ffffff url(/skins/jiheng/res/images/zoom.gif) 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*分页*/
.endPageNum { clear:both; font-size:12px; text-align:center; font-family:"宋体"; padding:10px 20px; }
.endPageNum table { margin:auto; width: 100%; }
.endPageNum .s1 { width:52px; }
.endPageNum .s2 { background:#1f3a87; border:1px solid #ccc; color:#fff; font-weight:bold; }
.endPageNum a.s2:visited { color:#fff; }
.endPageNum a { padding:2px 5px; margin:5px 4px 0 0; color:#1F3A87; background:#fff; display:inline-table; border:1px solid #ccc; float:left; }
.endPageNum a:visited { color:#1f3a87; }
.endPageNum a:hover { color:#fff; background:#1f3a87; border:1px solid #1f3a87; float:left; text-decoration:underline; }
.endPageNum .s3 { cursor:default; padding:2px 5px; margin:5px 4px 0 0; color:#ccc; background:#fff; display:inline-table; border:1px solid #ccc; float:left; }

#con {	font-size: 12px; margin: 0px auto; width:98%;}
#tags {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 0px 10px; width: 400px; padding-top: 0px; height: 23px}
#tags li{	background: url(/skins/jiheng/res/images/tagleft.gif) no-repeat left bottom; float: left; margin-right: 1px; list-style-type: none; height: 23px}
#tags li a{	padding-right: 10px; padding-left: 10px; background: url(/skins/jiheng/res/images/tagright.gif) no-repeat right bottom; float: left; padding-bottom: 0px; color: #999; line-height: 23px; padding-top: 0px; height: 23px; text-decoration: none}
#tags li.emptyTag {	background: none transparent scroll repeat 0% 0%; width: 4px}
#tags li.selectTag,#tags li.selectTag0 {	background-position: left top; margin-bottom: -2px; position: relative; height: 25px}
#tags li.selectTag a,#tags li.selectTag0 a{	background-position: right top; color: #000; line-height: 25px; height: 25px}
#tagContent {border-right: #aecbd4 1px solid; padding-right: 1px; border-top: #aecbd4 1px solid; padding-left: 1px; padding-bottom: 1px; border-left: #aecbd4 1px solid; padding-top: 1px; border-bottom: #aecbd4 1px solid; background-color: #fff}
.tagContent {padding:10px; display: none; background: url(/skins/jiheng/res/images/bg.gif) repeat-x; color: #474747;}
#tagContent div.selectTag0 {	display: block}
#tagContent0{ display:block;}
.details h2{ font-size:12px; font-weight:normal;}
.xgprlist{ width:100%; float:left; padding-top:15px;}
.xgprlist h3{ font-size:16px; font-weight:normal; padding:10px 0 10px 15px; height: auto; background:#f0f0f0; margin-bottom:10px;}
.xgprlist ul li{ width:146px; height:160px; float:left; margin:0 12px; display:inline;}
.xgprlist ul li a{ display:block; width:145px; height:160px; z-index:10;}
.xgprlist ul li img{ width:140px; height:105px; float:left; padding:2px; border:1px solid #ccc;}
.xgprlist ul li span{ width:146px; text-align:center; float:left; padding-top:10px; font-size:12px;}

.rjny_cp { width:80%; margin:0 10%;}
.rjny_cp p { font-size:22px; line-height:40px; text-align:justify;}
.rjny_cp img{ width:100%;}
.neirong_
{
	font-size: 16px;
	line-height: 34px;
	margin-top: 20px;
}


#articlebox{ margin:0 15px; line-height:20px;}
#articlebox h1{text-align:center; font-size:20px; font-family:'微软雅黑'; font-weight:normal; padding:10px 0;}
#articlebox hr{height:5px;border:none;border-top:5px ridge green;}
.details h2{ background:#F8F8FF; border: 1px solid #DDD; line-height: 25px; margin-bottom: 15px;  padding: 10px; font-size:14px; text-indent:28px;}
.artcontent{clear: both; font-size: 16px; line-height: 28px; overflow: hidden; padding: 9px 0; width:99%; word-wrap: break-word; }
.artcontent p{ margin:8px 0}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span { float: left;}
#articeBottom span a { font-size: 12px;}
#articeBottom span a:hover {color: #0099FF;}


figure {position: relative;float: left;overflow: hidden;width: 100%;height: 100%;background: #3085a3;text-align: center;cursor: pointer;margin: 0;}
figure img {/*width:295px;*/ height:225px; max-width:100%;position: relative;	display: block; margin:0 auto;}
figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,figure figcaption::after {pointer-events: none;}
figure figcaption,figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 285px;	height:225px;}
figure figcaption > a {	z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2 {word-spacing: -0.15em;font-size:28px;	font-weight: 300;}
/***** Winston *****/
figure.effect-winston {background: #3C3C3C;text-align: left;}
figure.effect-winston img {-webkit-transition: opacity 0.45s;transition: opacity 0.45s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure.effect-winston figcaption::before {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: url(triangle.svg) no-repeat center center;background-size: 100% 100%;content: '';	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate(45deg); -ms-transform: rotate(0deg); transform: rotate(45deg);	-webkit-transform-origin: 0 100%;	-ms-transform-origin: 0 100%;	transform-origin: 0 100%;}
figure.effect-winston h2 {	letter-spacing: 2px;opacity:0;transition: opacity 0.45s;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,20px,0);	transform: translate3d(0,20px,0);}
figure.effect-winston h2 span{	font-weight: normal;	font-size: 1rem;}
figure.effect-winston h2 div{font-size: 0.9rem;margin-top: .2rem;margin-left: 1.4rem;}
figure.effect-winston p {	position: absolute;	right: 0;bottom: 0;padding: 0 8% 8% 0;}
figure.effect-winston figcaption > a{-webkit-transform: rotate3d(0,0,1,73deg);transform: rotate3d(0,0,1,73deg);
margin: -3rem 0 0 -1rem;}
figure.effect-winston p>a {margin: 0 10px;color: #626262;	font-size: 170%;}
figure.effect-winston p>a:hover,figure.effect-winston p>a:focus {color: #009966;}
figure.effect-winston p>a>i {	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,50px,0);	transform: translate3d(0,50px,0);}
figure.effect-winston:hover img {	opacity: 0.6;}
figure.effect-winston:hover h2 {	opacity:1;	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;	transition: opacity 0.45s, transform 0.45s;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-winston:hover figcaption::before {	opacity: 0.7;    -webkit-transform: rotate(25deg);    -ms-transform: rotate(25deg);    transform: rotate(25deg);}
figure.effect-winston:hover p i {	opacity: 1;	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-winston:hover p a:nth-child(2) i {-webkit-transition-delay: 0.1s;	transition-delay: 0.1s;}
figure.effect-winston:hover p a:first-child i {	-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}
/***** Jazz *****/
figure.effect-jazz{	background: #FFFFFF;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption {	padding:0px;}
figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	-ms-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
figure.effect-jazz p,figure.effect-jazz h2{	padding:5px;	text-transform: none;	opacity: 0;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {letter-spacing: 2px;padding-top:90px;font-size:24px;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;background: rgba(0, 0, 0, 0.7); height:100%; box-sizing:border-box;}
figure.effect-jazz h2 span{	letter-spacing: 0;	font-size:1rem;}
figure.effect-jazz:hover img {opacity: 0.2;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
.items {	margin: 0 auto;	overflow: hidden;}
.items li {position: relative;width:290px;height:235px;margin:10px;float: left;padding:5px; box-sizing:border-box; border:1px solid #CCC;}
.items li:first-child figure.effect-winston{background: transparent;}
.items li:first-child figure.effect-winston figcaption{	background: rgba(255,255,255, 0.6);}
.items li:first-child figure.effect-winston:hover figcaption{background: rgba(0, 0, 0, 0);}
.items li:first-child figure.effect-winston h2{	opacity: 1;}
.items li:first-child figure.effect-winston:hover h2{opacity: 0;}
.items li:first-child figure.effect-winston figcaption::before{	display: none;}
.items li:first-child figure.effect-winston:hover img {	opacity: 1;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}

.endPageNum{ clear:both; font-size:12px; text-align:center;}
.endPageNum table{ margin:auto;}
.endPageNum .s1{width:52px;}
.endPageNum .s2{background:#1f3a87; border:1px solid #ccc; color:#fff; font-weight:bold;}
.endPageNum a.s2:visited {color:#fff;}
.endPageNum a{padding:2px 5px;margin:5px 4px 0 0; color:#1F3A87;background:#fff; display:inline-table; border:1px solid #ccc; float:left;}
.endPageNum a:visited{color:#1f3a87;} 
.endPageNum a:hover{color:#fff; background:#1f3a87; border:1px solid #1f3a87;float:left; text-decoration:underline;}
.endPageNum .s3{cursor:default;padding:2px 5px;margin:5px 4px 0 0; color:#ccc;background:#fff; display:inline-table; border:1px solid #ccc; float:left;}
.clear{ clear:both;}
.editor{ float:left; font-size:12px; margin:11px 0; width:545px; text-align:right;}
#newscontent{ width:100%; margin:0 auto; padding:0px;}
#newsconttitle a:hover{ color:#04d;}
#newsconttitle span{ float:left;}
#newsconttitle h1{ font-size:24px; text-align:center; font-weight:bold; color:#666; padding:0; margin:0;}
#newsconttitle p{ width:100%; line-height:20px; float:left; padding:15px 0; margin:10px 0; color:#666; border-bottom:1px #ddd solid; text-align:left;}
#newsconttitle p a{ width:410px;height:20px; overflow:hidden; display:block; color:#1e6bc5;word-wrap: break-word;word-break: normal; float:left;}	
#newsummary{margin: 10px 0px 0px;padding: 12px 5px 6px;width:98%; background:#FFF;border: 1px solid #DCDDDD; }
#newsummary h2{text-indent: 2em;font-size: 14px;line-height: 20px;color:#666; font-weight:500;}
#newcontent{ line-height:30px; font-size:16px; color:#666; margin:10px 5px 0 5px; float:left; display:inline;}
#newcontent p{ text-indent:2em; padding:0; margin:0; font-size:15px; text-align:justify; line-height:24px; color:#373737;}
#newcontent p a:hover{ color:#04d;}
#newsleft .ad{ margin:10px 0; float:left;}
#newsright{ float:left; width:350px; margin-left:10px; display:inline;}
#articeBottom {font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span{ float:left;}
#articeBottom span a{ font-size:12px;}
#articeBottom span a:hover{ color:#0099FF;}
#articleHeader { margin:5px 0; padding:10px;/*background:#F5F5F5; */height:60px;}
#articleHeader h4{font-size:12px; color:#333; height:20px;}
#articleHeader h4 a{ font-size:12px; color:#333}
.details h2{ background:#F8F8FF; border: 1px solid #DDD; line-height: 25px; margin-bottom: 15px;  padding: 10px; font-size:14px; text-indent:28px;}


.pagebar { padding:20px; overflow:hidden; clear:both}
	.pagebar .pagination {
	  display: flex;
	  justify-content: center;
	  margin-top: 10px;
	}
	.pagination a {
	  background: #fff;
	  border: 1px solid #ccc;
	  color: #333;
	  font-size: 12px;
	  padding: 8px 10px;
	  margin: 0 2px;
	  border-radius: 3px; line-height:100%
	}
	.pagination span {
	    color: #333;
	    font-size: 12px;
	    padding: 7px 2px;
	    margin: 0 2px;
	    border-radius: 3px;
	}
	.pagination a:hover {
	  color: #333;
	  border: 1px solid #333;
	}
	.pagination a.page-num-current {
	  color: #fff;
	  background: #333;
	  border: 1px solid #333;
	}
	.pagination .st{ font-family:宋体}
	.text-secondary{ text-align:center; padding:20px 0}