@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{font-size:14px;line-height:150%;text-align:left;color: #fff;font-family:"Microsoft Yahei","Simsun","Arial Black","verdana";background: #000000;}
img{border:0;-ms-interpolation-mode:bicubic;}
body .document{width:100%;text-align:left;margin:0 auto;min-width:320px;height:100%;max-width: 1024px;background: #000;}
a:link{color:#666;text-decoration:none;outline:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#510449;text-decoration:none;}
a:active{color:#510449;text-decoration:none;}
ul,li{list-style:none;}

dl,dt,dd{list-style:none;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:underline}

.left {float:left; display:inline}
.right{ float:right; display:inline}

.block{ width:100%; overflow:hidden; float:left; display:inline;background: #000;}
.block-body{ overflow:hidden;line-height:22px;color: #fff;background: #000;}
.block-body .body{overflow:hidden;}

.block .links .more{
  display: block;
  font-size: 12px;
  line-height: 28px;
}

.block .block-header{ overflow:hidden; line-height:24px;color: #000;text-align: center;}
.block .block-header .title{  font-size:16px;background: #000;}
.block .block-header .title span{color: #fff;font-weight: normal;}
.block .block-header .links{ font-size: 12px;}
.block .block-header .links a {color: #fff;background: #000;}
.block-body-right .title a {  font-size: 14px;}
.block .block-header .subTitle{font-size:14px;}
.block .block-header .subTitle span{border-bottom: 2px solid #7DB8DF;}

.block .block-body ul{}
.block .block-body ul li{line-height:26px; overflow:hidden; width:100%; float:left}
.block .block-body ul li a{ display:block;}
.block .block-body ul li span{ display:block; }
.block .block-body ul li a:link,.block .block-body ul li a:visited {color: #fff;}
.block .block-body ul li a:hover{}

.zone{ overflow:hidden;}

.head{ width:100%;overflow:hidden;background: #000000;}

/*产品栏目列表样式*/
.block-list .block-body dl{float:left;width:49%;}
.block-list .block-body dl dt{float: left;margin-left: 15px; margin-top: 4px; display: inline;text-align: center;}
.block-list .block-body dl dt a img{width: 150px; height: 120px;display:block;}
.block-list .block-body dl dd{float:left;margin-left: 15px; margin-top: 4px; display: inline;}
.block-list .block-body dl dd span{width:150px;text-align: center;}
.block-list .block-body dl dd a:hover{ text-decoration:none}
.block-list .block-body dl dd a:link,.block-list .block-body dl dd a:visited{ color:#0d61c0;}


/*底部浮动样式*/
.footer{width:100%;height:45px;max-width: 1024px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#404040), to(#000000));background:-moz-linear-gradient(top, #2E3955, #171717);position:fixed;/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2E3955,endColorstr=#171717,grandientType=0);bottom:0;border-top: #212121 solid 1px;}
.footer .block .block-body ul{width:100%;height:45px;line-height:45px;}
.footer .block .block-body ul li{width:25%;float:left;color:#fff;}
.footer .block .block-body ul li a{width:100%;height:45px;display:block;border-right: #000000 solid 1px;}
.footer .block .block-body ul li dl{width:auto;margin:0 auto;text-align:center;}
.footer .block .block-body ul li dt{width:auto;height:25px;overflow:hidden;}
.footer .block .block-body ul li dd{width:auto;height:20px;font-size:12px;color:#fff;line-height:20px;overflow:hidden;}
.footer .block .block-body ul li dt img{vertical-align:top;}

.block .block-body .title{
    width:100%;
    height: 30px;
    line-height: 30px;
    text-align: center;0:#ccc
    dotted 1px;
    font-size: 20px;
    float: left;0:10px;
    color: #FFF;
    }
.block .block-body .content{width: 98%;text-align:left;font-size:14px;  line-height: 28px;padding:0 3px;margin: 0 1%;}
.block .block-body .content img{width:auto;}

.block-body-left { float: left; width: 34%;}
.block-body-right { float: right; width: 62%;  margin: 0 2%;height: 80px;overflow: hidden;}

.main{min-width:320px;background: none repeat scroll 0% 0% #000;margin:0px auto;overflow:hidden;min-height:480px;margin-bottom:50px;}
.document{width:100%;text-align:left;margin:0 auto;min-width:320px;height:100%;max-width: 1024px;}

/*导航样式*/
.menu{width:100%;background:#7EC100;display:block;border-top: #14C300 solid 1px;margin:0 auto;}
.menu .nav {height:auto;overflow:hidden;margin:0 0}
.menu .nav ul{overflow:hidden;display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;}
.menu .nav li{width:25%;height:36px;line-height:36px;display:block;color:#ffefc4;text-align:center;float:left;}
.menu .nav li a{color:#fff;text-decoration:none;width:100%;height:36px;display:block;}
.menu .nav li a:visited{color:#ffefc4;text-decoration:none;}
.menu .nav li a:hover{color:#91CA00;text-decoration:none;background:#FEFF01;}
.menu .nav li a:active{color:#91CA00;text-decoration:none;background:#FEFF01;}
.menu .nav li.active{color:#ffffff;text-decoration:none;background:#FEFF01;}


.guestbook{width:auto;padding:10px 1% 60px 1%;}
.guestbook ul{width:100%;}
.guestbook tr td{padding:5px 28px 5px 5px;}
.guestbook .text-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.guestbook .area-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.guestbook .input-mini{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.guestbook .verify-pic{height:35px;vertical-align:middle;}
.guestbook .submitbtn{width:125px;height:34px;line-height:34px;font-size:16px;color: #000;text-align:center;background: none repeat scroll 0% 0% #fff;border:none;}

.img-list .block-body {margin: auto;width:96%;background: #000;}
.img-list .block-body ul li{float:left; margin-left: 4px; margin-top: 4px;background: #000; display: inline; border-left: none; border-right: none;}
.img-list .block-body ul li a span{display:block; line-height:28px;height:24px;overflow:hidden; padding:3px 0; text-align:center;color: #fff;}
.img-list .block-body ul li a:link,.img-list .block-body ul li a:visited{ color:#0d61c0;}
.img-list .block-body ul li a:hover{ text-decoration:none}
.img-list .block-body ul li a span:hover{ color:#C00}
.img-list .block-body ul li {width:120px;margin:10px 0 10px 23px;}
.img-list.tk .block-body ul li a img{width:145px; height:100px;}
.img-list .block-body ul li a img{width: 145px;height: 190px;display:block;}
.img-list .block-body.tk ul li a img{width: 145px;height: 100px;}
.img-list .block-body ul li span{width: 180px;}

.content-list .block-body ul li a,.product-list .block-body ul li a{ display:block; float:left}
.content-list .block-body ul li span,.product-list .block-body ul li span{ display:block; float:right }

.pagination {float:left;width: 100%;font-size: 12px;overflow: hidden;text-align: center;padding: 20px 0px;}

.pagination .page-start {padding-left: 16px;}
.pagination .page-start,
.pagination .page-end{color:#999}

.pagination .page-start,
.pagination .page-prev,
.pagination .page-next,
.pagination .page-end {    width: auto;}

.pagination a,
.pagination .page-info,
.pagination .page-start,
.pagination .page-prev,
.pagination .page-cur,
.pagination .page-end,
.pagination .page-break { border: 1px solid #CCCCCC; background-color:#eeeeee}
.pagination a,

.pagination .page-info,
.pagination .page-start,
.pagination .page-prev,
.pagination .page-cur,
.pagination .page-end,
.pagination .page-break,
.pagination .page-skip { display: inline-block; height: 24px; line-height: 24px; margin: 0; min-width: 16px; padding: 0 5px; text-align: center;vertical-align: top; white-space: nowrap;}

.pagination .page-skip button {	background:url(../images/bg.png) no-repeat; background-position: 0 -897px; border: 0 none; cursor: pointer; height: 20px;  margin: 0 0 0 5px;overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 42px;}

.pagination a { color:#666; text-decoration: none}
.pagination a:hover{ color:#fff; background-color:#F00}
.pagination .page-cur{ color:#FFF; background-color:#F00}

.next{ overflow:hidden; padding:10px;background-color: #000; margin-top:10px;color: #fff;}
.next a:link,.next a:visited{color: #fff;}
.next a:hover{ color:#F00}

.position{ height:30px; line-height:30px;color:#333; margin-top:5px; border-bottom:#cfc8ae 1px dashed; overflow: hidden;  display: none;}
.position a:link,.position a:visited{ color:#333}
.position a:hover{ color:#F00}
.document{ min-width: 320px; max-width:480px; margin: 0 auto; overflow: hidden;  padding-bottom: 7px;}
.grid960 .content { width: 96%;  margin: 0 2%;   line-height: 26px;}


/*banner样式*/
.block .block-body .hd ul{ display:bolck;text-align:center;}
.block .block-body .hd ul li{line-height:26px; width:20px;margin:0 2px; width:8px; height:8px; }
.slideBox .hd{right:48%;bottom:-10px;}
.slideBox{margin:0;max-width:1024px;}

/*自定义区块样式*/

.zone-title .custom{background: #000000;padding:10px 0} 
.zone-title .custom .block-body{padding: 10px;}
.zone-title .custom p{color: #fff;font-size:12px;}
.zone-title .custom .block-header .title span{color: #FFF;background: #000;background: #000;}
.zone-title .custom .block-header .links a{color: #333;}

/*新闻列表页*/
.gallery-list .block-body ul li{padding:10px 0}
.gallery-list .block-body ul li .summary{color:#888;font-size:12px;line-height: 24px;}
.block-body-left img{ width: 100%;}
.gallery-list img {  width: 100px; height: 80px; margin-left: 10px;}


.newslist .content-list .block-body .body{padding:0 3px;}
.newslist .content-list .block-body .body ul li{ border-bottom: #ccc dotted 1px;padding:10px 0 0 0}
.newslist .content-list .block-body .body ul li a{background: url(../images/arrow.gif) no-repeat left center;line-height:25px;padding-left: 10px; }
.newslist .content-list .block-body .body ul li a:hover{}
.newslist .content-list .block-body .body ul li .newslist_sum{ clear:both; color:#747474}
.newslist .content-list .block-body .body ul li .news_date{color:#747474;font-size:12px;float: right;margin-right: 10px;}

/*内容详情页*/
.page-body .block .block-body .title{color:#171717;  margin-top: 10px;}
.nrx{text-align:center;color:#7c7c7c;font-size: 12px;}
.info_title{ font-size:16px; text-align:center;}
.info_top{border-bottom:1px dotted #ccc;padding-bottom:5px}

form#guestbookForm { width: 80%;  margin-left: 20px;}
.document{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.clicked{right:220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.slidemenu{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;display:none;}
.fixed{background: #979797!important;width: 230px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:1000;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.black-fixed{position: fixed;z-index:99;right:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.8);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;}



.slidemenu li a { color: #fff;font-size: 16px;}
.slidemenu li { text-align: center; line-height: 40px; border-bottom: 1px #fff dotted;}

.nav-btn { width: 14.0625%; right: 1.09375%; top:20px; position: absolute; height: 80%; font-size: 0.5rem; line-height: 0.7rem; color: #fff;  text-align: center; overflow: hidden;}


/*自适应*/
@media screen and (min-width: 900px) {
    .img-list .block-body.tk ul li a img{
    width: 270px;
    height: 180px;
}
body{font-size:18px;}
.img-list .block-body ul li{width: 295px;}
.img-list .block-body ul li a img{width: 270px;height: 320px;}
.img-list .block-body ul li a span{width: 270px;line-height: 35px;height: 35px;}

.menu .nav {height: 90px;}
.menu .nav li { height: 45px; line-height: 45px;}
.menu .nav li a{height:45px;}

.head .logo{max-width:540px;height: 80px;padding: 10px;} 
.block-body{line-height:35px}
.block .block-body .content img{max-width:480px;width:100%;}
.block .block-header .title {font-size: 24px;line-height: 40px;margin: 10px 0px 0px;}
.block .links .more { font-size: 16px; padding: 4px 0px;line-height: 35px;}
.block .block-body ul li {line-height: 35px;}
.block .block-body .title{ height: 50px; line-height: 50px; font-size: 24px;margin-bottom: 10px;}
.block .block-body .content{ font-size: 18px;line-height: 32px; margin-bottom: 20px;}
.slideBox .bd li img{height:300px;}
.grid960 .content {line-height: 35px;}
.info_title { font-size: 24px;}
.nrx {  font-size: 18px;}
 
.pagination a,
.pagination .page-info,
.pagination .page-start,
.pagination .page-prev,
.pagination .page-cur,
.pagination .page-end,
.pagination .page-break,
.pagination .page-skip
{ padding: 2px 20px; font-size: 18px; line-height: 35px; height: 35px; min-width: 36px; margin: 0 5px;width: auto;}
.zone-title .custom .links {padding: 4px 0px;line-height: 35px;}
.zone-title .custom .links a{font-size:16px;}
.zone-title .custom .block-header .title{font-size:24px;}
.zone-title .custom p { font-size: 18px;}

.content-list .block-body ul li span,.product-list .block-body ul li span{display:none;}
.newslist .content-list .block-body .body ul li .news_date{font-size:18px;margin-right: 3%;}
.newslist .content-list .block-body .body ul li{margin: 10px;}

.block-body-right .title a {  font-size: 20px;}
.gallery-list img {  width: 280px;  height: 180px; margin-left: 40px;}
.gallery-list .block-body ul li .summary {  font-size: 18px;  line-height: 35px;}
.block-body-right {height: 180px;}

.footer {height: 70px;}
.footer .block .block-body ul { height: 70px; line-height: 70px;}
.footer .block .block-body ul li a { height: 70px;}
.footer .block .block-body ul li dt { height: 35px;}
.footer .block .block-body ul li dt img {width: 32px;}  
.footer .block .block-body ul li dd{font-size:16px;line-height: 22px;height: 35px;}

.fixed {width: 400px;}
.slidemenu li {line-height: 55px;}
.nav-btn img {  width: 50px; margin-top: 10px;}

}


@media screen and (min-width: 600px) and (max-device-width: 800px) {
.img-list .block-body.tk ul li a img {
    width: 210px;
    height: 150px;
}
body{font-size:18px;}
.img-list .block-body ul li{width: 220px;}
.img-list .block-body ul li a img{width: 210px;height: 260px;}
.img-list .block-body ul li a span{width: 210px;line-height: 35px;height: 35px;}

.menu .nav {height: 90px;}
.menu .nav li { height: 45px; line-height: 45px;}
.menu .nav li a{height:45px;}

.head .logo{max-width:540px;height: 80px;padding: 10px;} 
.block-body{line-height:35px}
.block .block-body .content img{max-width:480px;width:100%;}
.block .block-header .title {font-size: 24px;line-height: 40px;margin: 10px 0px 0px;}
.block .links .more { font-size: 16px; padding: 4px 0px;line-height: 35px;}
.block .block-body ul li {line-height: 35px;}
.block .block-body .title{ height: 45px; line-height: 45px; font-size: 24px;margin-bottom: 10px;}
.block .block-body .content{ font-size: 18px;line-height: 32px; margin-bottom: 20px;}
.slideBox .bd li img{}


.pagination a,
.pagination .page-info,
.pagination .page-start,
.pagination .page-prev,
.pagination .page-cur,
.pagination .page-end,
.pagination .page-break,
.pagination .page-skip
{ padding: 2px 20px; font-size: 18px; line-height: 35px; height: 35px; min-width: 36px; margin: 0 5px;width: auto;}
.zone-title .custom .links {padding: 4px 0px;line-height: 35px;}
.zone-title .custom .links a{font-size:16px;}
.zone-title .custom .block-header .title{font-size:24px;}
.zone-title .custom p { font-size: 18px;}

.content-list .block-body ul li span,.product-list .block-body ul li span{display:none;}
.newslist .content-list .block-body .body ul li .news_date{font-size:18px;margin-right: 3%;}
.newslist .content-list .block-body .body ul li{margin: 10px;}

.block-body-right {   height: 150px;}
.block-body-right .title a {  font-size: 20px;}
.gallery-list img {  width: 210px;  height: 145px; margin-left: 40px;}
.gallery-list .block-body ul li .summary {  font-size: 18px;  line-height: 35px;}
.grid960 .content {line-height: 35px;}
.info_title { font-size: 24px;}
.nrx {  font-size: 18px;}
  
.footer {height: 70px;}
.footer .block .block-body ul { height: 70px; line-height: 70px;}
.footer .block .block-body ul li a { height: 70px;}
.footer .block .block-body ul li dt { height: 35px;}
.footer .block .block-body ul li dt img {width: 32px;}  
.footer .block .block-body ul li dd{font-size:16px;line-height: 22px;height: 35px;}

.fixed {width: 400px;}
.slidemenu li {line-height: 55px;}
.nav-btn img {  width: 50px; margin-top: 10px;}
}

@media screen and (min-width: 331px) and (max-device-width: 540px) {
    .img-list .block-body.tk ul li a img {
    width: 180px;
    height: 120px;
    }
    .block-body-right { float: right;  width: 58%;}
    .img-list .block-body ul li {width:47%;margin:10px 0px 10px 10px;}
    .img-list .block-body ul li a{text-align: center;float: left;}
    .img-list .block-body ul li a img{width: 180px;height: 220px;display:block;}

    .content-list .block-body ul li span,.product-list .block-body ul li span{display:none;}
    .menu .nav {height: 72px;}
    .block .block-body .content img{max-width:480px;}
    .head .logo{max-width:480px;max-height: 70px;}
    .slideBox .bd li img{}
    .gallery-list img { width: 125px;height: 85px; }
}
@media screen and (max-width:330px){
    .img-list .block-body ul li {width:50%;margin:10px 0 10px 0px;}
    .img-list .block-body ul li a{text-align: center;float: left;}
    .content-list .block-body ul li span,.product-list .block-body ul li span{display:none;}
    .menu .nav {height: 72px;}
    .block .block-body .content img{max-width:320px;}
    .head .logo{max-width:320px;height: 50px;}
    .slideBox .bd li img{}
    .nav-btn{top:12px}
    .nav-btn img {  width: 30px; margin-top: 0px;}
}