/* CSS Document */
body{background:#161616; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; margin:0 auto }
ul{margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
h1{font-size:18px;}
h2{ font-size:30px; font-style:normal}
form{margin:0px; padding:0px;}
.page{ width:750px; float:left; height:50px; margin-top:20px; text-align:center;}
em{ font-size:12px; color:#BF1B1A; font-weight:bold;}
input{ font-size:11px;}
textarea{ font-size:11px;}

/*inc*/
.f-right {float: right !important;}
.f-left {float: left !important;}
.nodata{
    text-align: center;
    color: #999;
    padding: 5%;
}
.note-txt{
    font-size: 12px !important;
}
/*clear*/

.blank{clear:both; visibility:hidden; margin:0px;}
.blank5{height:5px; line-height:5px; clear:both; visibility:hidden;}
.blank10{height:10px; line-height:10px; clear:both; visibility:hidden;}
.top{ margin-top:10px; width:100%; height:105px; background:#222222;}
.top1{ width:940px; margin:0px auto;}
.logo{ float:left; width:315px;}
.banner{ width:625px; height:30px; font-family:"Trebuchet MS"; color:#727272; font-weight:bold;}
.banner ul li{float:left; position:relative; margin:0px 18px; font-size:13px; height:30px; line-height:30px;}
.banner ul li:hover{color:#FFFFFF;-moz-border-radius:3px; -webkit-border-radius:3px; background:#8ec63f; cursor:pointer}
.banner ul li a{color:#727272; text-decoration:none; display:block; padding:0px 10px; text-transform: uppercase}
.banner ul li a:hover{ color:#FFF}
.banner ul li a span{ padding:0px}
.banner ul li.onli{-moz-border-radius:3px; -webkit-border-radius:3px; background:#8ec63f; cursor:pointer}
.banner ul li.onli a{color:#FFFFFF;}

.one{position:absolute; background:#0f0f0f; border-radius: 2px; display:none; padding:0px; margin-top:0px; z-index:999; width:135px;}
.one ul li{ margin:0px; padding:0px; border-bottom:1px dotted #272727; width:135px; font-weight:normal; text-transform:uppercase}
.one ul li:hover{ background:none}
.one ul li span{ color:#727272}
.one ul li span:hover{ color:#FFF}

.midpic{ width:940px; height:522px; overflow:hidden;}
.midbg{ background:#2d2d2c; height:6px;}


.hellybody{ width:100%; height:auto; background:url(../images/bg.jpg); float:left}
.helly{margin:0px auto; width:940px;}

.indexpro{width: 940px; clear: both; margin: 0 auto;}
.indexpro img{
    -moz-transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8); /**/
    -webkit-transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8);
    transition: opacity .7s cubic-bezier(0.2, 0.4, 0.7, 0.8);
}
.indexpro ul{width:220px; height:390px; float:left; margin-right:20px; display:inline}
.indexpro ul:nth-last-child(1){ margin-right:0px;}
.indexpro ul li.proimg{ height:358px;}
.indexpro ul li.protxt{ width:220px; height:32px; line-height:32px; background:#8ec63f; text-align:center; color:#FFF; font-size:18px; text-transform: uppercase}

.intro{ margin-top:50px;}
.intronav{ font-size:28px; color:#818181}
.introtxt{ width:420px; height:330px; overflow:hidden; line-height:18px; font-size:11px; text-transform:uppercase; color:#818181; margin-top:10px}

.indexnews{ width:460px; height:100px; border-bottom:1px solid #303030; margin-top:10px}
.indexnews ul{float:left; height:90px; overflow:hidden}
.indexnews ul.date{width:80px; border-right:1px solid #303030; color:#717171}
.indexnews ul li{ float:left;}
.date li{ text-align:center;  width:80px;}
.bigdate{ font-size:52px;}
.indexnews ul.rcontent{ width:340px; margin-left:10px; display:inline}
.rcontent li{ width:340px;}
.rtitle{ color:#8dc63f; font-size:14px; text-transform:uppercase}
.rtitle a{ text-decoration:none; color:#8dc63f}
.rscontent{ line-height:18px; font-size:11px; text-transform:uppercase; color:#818181; margin-top:8px}
.rscontent a{ text-decoration:none; color:#818181}
.rcontent li a:hover{ color:#FFF}

.allbot{ float:left; width:100%;  border-top:1px solid #222222;}
.indexbot{ width:940px; margin:0px auto; height:70px; padding-top:10px;}
.botinfo{ font-size:12px; color:#818181; line-height:20px;}
.botinfo a{text-decoration:none; color:#818181}
.botinfo a:hover{ text-decoration:underline}
.flink{ width:940px; margin:0 auto; margin-top:5px; border-top:1px solid #212121; color:#3f3f3f;}
.flink td{ padding:5px 0px;}
.flink_left{  font-size:14px; font-weight:bold}
.flink_right{ font-size:11px;}
.flink_right a{ text-decoration:none; color:#3f3f3f}
.flink_right a:hover{ color:#666;}


/*single*/
.singlecontent{ height:auto; overflow:hidden; line-height:20px; color:#717171}
.singlecontent a{  color:#8dc63f; text-decoration:none}
.singlecontent a:hover{ color:#CCC}

.page_title{ font-size:45px; color:#717171; line-height:40px; font-family:arial;}
.newlist{ width:860px; height:160px; margin-top:50px;}
.newlist ul{ float:left;}
.newlist ul.pic{ border:1px solid #292929; background:#171717; width:200px; height:150px; padding:9px}
.newlist ul.rc{ width:580px; margin-left:25px; display:inline}
.rc li{ float:left; width:600px; margin-top:3px}
.rc li.ndate{ font-size:15px; color:#6b6b6b}
.rc li.ntitle{color:#8dc63f; font-size:16px; text-transform:uppercase;}
.re li.ntitle a{ text-decoration:none}

.news_title{ height:50px; line-height:50px; font-size:20px; border-bottom:1px solid #292929; color:#8dc63f}
.news_content{ height:auto; line-height:22px; color:#717171; font-size:13px}
.news_other{border-bottom:1px solid #292929; font-size:16px;}
.n_other_list{ margin-top:2px; width:800px}
.n_other_list ul li{ height:20px; line-height:25px; font-size:12px; color:#5b5b5b;}
.n_other_list ul li span{ padding-left:20px; font-style:italic}
.n_other_list ul li a{ color:#717171}

.pmidpic{ width:940px; height:234px; margin:0px auto;}
.whiteblank15{ height:15px; background:#fafafa;}
.whiteblank50{ height:50px; background:#fafafa;}
.pDiv{ background:#fafafa; width:940px; height:auto; float:left; padding-bottom:30px}

.plisttable{ background:#fafafa;}
.pleft{ width:150px; margin-left:12px; float:left}
.pleft ul li{ width:130px; height:46px; padding-left:20px; background:url(../images/pleftbg1.png) no-repeat; line-height:46px; margin-bottom:15px}
.pleft ul li:hover{ background:url(../images/pleftbg2.png) no-repeat; color:#FFF}
.pleft ul li a{ color:#333333; text-decoration:none; display:block; font-size:13px}
.pleft ul li a:hover{ color:#FFF}
.pleft ul li.onli{background:url(../images/pleftbg2.png) no-repeat; color:#FFF}
.pleft ul li.onli a{ color:#FFF}
.pleft ul li.lnav{ width:150px; padding-left:0px; height:35px; line-height:35px; border-bottom:1px solid #a4c870; background:none; text-align:left; font-size:30px; color:#528212;text-transform: uppercase}
.pleft ul li.lnav:hover{ color:#528212}

.plistr{float:left; margin-left:50px; width:700px; height:auto; display:inline }
.purl{ width:700px; height:31px;}
.purl ul li{  float:left}
.purl ul li.lr{ width:6px; height:31px; line-height:31px; overflow:hidden; }
.purl ul li.urlc{ height:29px; line-height:29px; border-top:1px solid #d2d3d4; border-bottom:1px solid #d2d3d4; width:670px; background:#FFF; padding-left:8px}
.purl ul li.urlc a{ font-size:11px; color:#646464; text-decoration:none; text-transform:uppercase}
.purl ul li.urlc a:hover{ text-decoration:underline; color:#8dc63f}
.purl ul li.urlc h3{ font-size:11px; color:#646464; font-weight:normal}

.plistDiv{ width:700px; height:auto; float:left;}
.plist{ float:left; width:215px; height:220px; background:#FFF; margin-top:15px; margin-right:22px; margin-bottom:15px; display:inline}
.plist ul li{text-align:center}
.plist ul li.listpic{ width:203px; height:185px; overflow:hidden; padding:5px; border:1px solid #e5e6e7; border-bottom:none; }
.plist ul li.listpname{border-left:1px solid #e5e6e7;border-right:1px solid #e5e6e7; height:22px; line-height:22px;}
.plist ul li.listbot{ background:url(../images/pbotbg.png) no-repeat; height:13px; overflow:hidden}
.plist ul li a{ text-decoration:none; font-size:13px; color:#292929}
.plist1{ margin-right:0px}
.plist:nth-child(3n){
    margin-right:0
}
.ppage{ width:700px; margin-top:30px; float:left}

.pbot{ margin:0px auto; width:100%; height:100px; margin-top:-6px; float:left }
.pbot1{width:940px; height:100px; background:#fafafa url(../images/pbot.gif) no-repeat bottom; margin:0 auto; }
.botline{ height:12px; width:940px; background:url(../images/botline.gif) repeat-x; text-align:center}
.pbotinfo{ height:30px; line-height:30px; width:940px; text-align:center; margin-top:10px}
.pbotinfo a{ text-decoration:none; color:#2f2f2f; font-size:12px}
.pbotinfo a:hover{ text-decoration:underline; color:#8dc63f}

.pshow{ width:700px; height:auto; margin-top:25px;}
.ppic{ width:314px; height:320px; float:left; background:#FFF;}
.ppic ul li.pics{ height:305px; line-height:300px; border:1px solid #eaebec; border-bottom:none; text-align:center; position:relative;}
.ppic ul li.pics p {position:static;+position:absolute;top:50%}
.ppic ul li.pics img {position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle}
.ppic ul li.pics p:after {content:".";font-size:1px;visibility:hidden}
.ppic ul li.picbot{ background:url(../images/pshowbot.gif) no-repeat bottom; height:15px; overflow:hidden}
.pinfo{ float:left; width:350px; margin-left:20px; height:auto}
.pinfo ul li{ width:350px; color:#595959; overflow:hidden}
.pinfo ul li.stitle{ font-size:14px;}
.pinfo ul li.stitle h1{ font-size:15px;}
.pinfo ul li.spno{ font-size:15px; margin-top:5px;}
.pinfo ul li.scontent{ font-size:12px; margin-top:10px}
.pinfo ul li.scontent ul li{ font-size:12px; line-height:22px; background:url(../images/mo.png) no-repeat left top; padding-left:15px; margin-top:5px}

/*page*/
.pager {TEXT-ALIGN: center; font-size:12px; color:#999999; padding-top:25px}
.pager li{
    display: inline-block;
    margin-right: 3px;
}
.pager li.active span{
    background: #719c37; padding:3px 10px; border: 1px solid #719c37; margin-left:5px; color:#FFFFFF;
}
.pager A {background: #020202; padding: 3px 10px; border: 1px solid #020202; color:#666666; display: inline-block; text-decoration:none}
.pager A:hover {background: #719c37; border: 1px solid #719c37; color: rgb(255, 255, 255); text-decoration: none;}
.pager .current { background: #719c37; padding:3px 10px; border: 1px solid #719c37; margin-left:5px; color:#FFFFFF; }
.pager .disabled {padding: 3px 10px; border: 1px solid #121212; color:#666666; display: inline-block; background:#121212; margin-left:5px}

/*content*/
.ctxt1{ font-size:25px; text-transform:uppercase; color:#717171;}
.ctxt2{ font-size:15px; color:#999999; line-height:25px;}
.ctxt2 span{ font-size:18px; color:#8dc63f}
.ctxt2 img{ border:3px solid #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cimg1 img{ border:3px solid #000; border-bottom:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cimg2 img{ border:3px solid #000; border-top:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.partner img{ border:3px solid #8dc63f; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.ctxt3{ font-size:15px; color:#999999; line-height:25px;}
.ctxt3 span{ font-size:18px; color:#8dc63f}
.ctxt3 p{ margin-top:20px}
.ctxt4{ font-size:13px;color:#999999;}
.ctxt5{ font-size:12px;color:#999999;}
.ctxt6{ font-size:15px; line-height:25px; text-transform:uppercase;}
.ctxt6 span{ font-size:18px; color:#8dc63f}
.ctxt6 a{ font-size:14px; text-decoration:none; margin-right:30px; color:#999999;}
.ctxt6 a:hover{ text-decoration:underline}
.cbotline{ border-bottom:1px dotted #000}

.bannerbox{
    width: 940px;
    height: auto;
    position: relative;
}
#indexad{
    width: 100%;
    top: 0;
    height: auto;
    position: relative;
    overflow: hidden;
}
#indexad .swiper-slide{
    width: 100%;
    overflow: hidden;
}
#indexad .swiper-slide img{
    width: 100%;
}
#indexad .swiper-pagination {
    width: 100%;
    bottom: 20px;
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
#indexad .swiper-container-horizontal>.swiper-pagination-bullets, #indexad .swiper-pagination-custom, #indexad .swiper-pagination-fraction{
    bottom: 30px;
}
#indexad .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 8px;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
    width: 80px;
    height: 10px;
    background: #ccc;
    text-indent: -9999px;
}
#indexad .swiper-pagination-bullet-active {
    background-color: #2ed3ae;
}