@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:#666;font-family:"Microsoft Yahei","Simsun","Arial Black","verdana";background:#ffffff;}
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;}
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;}
.block-body{ overflow:hidden;line-height:22px; color:#333;}
.block-body .body{overflow:hidden;}

.block .links .more{ display: block; font-size: 12px;     text-align: center; color: #0078C1;float: right;line-height: 35px;padding-right: 10px;}
.block .block-header{ overflow:hidden; line-height:24px;color:#555;text-align:center;}
.block .block-header .title{  font-size:16px; text-align: left;      width: 100%;      margin-top: 3%;      text-indent: 20px;background: #eaeaea;            line-height: 35px;color: #0078c1;font-weight: normal;}

.block .block-body ul{ margin-top: 5px;  overflow: hidden;}
.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:#171717;}
.block .block-body ul li a:hover{}

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

.block.category-list ul li {
    width: 45%;
    text-align: center;
    border-bottom: 1px dotted #aaa;
    margin: 0 2%;
}

/*底部浮动样式*/
.footer{width:100%;height:45px;max-width: 1024px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#6C9FD8), to(#0D3F77));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: #1A3F6B 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:#fff 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:20px;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:36px; line-height:36px; text-align:center; font-size:16px; float: left; margin-bottom: 10px; }
.block .block-body .content{width: 98%;text-align:left;font-size:14px;  line-height: 28px;padding: 0 1%;}
.block .block-body .content img{width:auto;}

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

/*导航样式*/
.menu{width:100%;background: #0078c1;display:block;border-top: #0078c1 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: 24.9%;height:36px;line-height:36px;display:block;color:#ffefc4;text-align:center;float:left;}
.menu .nav li a{color:#ffefc4;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:#ffffff;text-decoration:none;background:#007cb8;}
.menu .nav li a:active{color:#ffffff;text-decoration:none;background:#0295c1;}
.menu .nav li.active{color:#ffffff;text-decoration:none;background:#0295c1;}


.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: #D6F6FB;text-align:center;background: none repeat scroll 0% 0% #2B63AB;border:none;}

.img-list .block-body {margin: auto;width:96%;}
.img-list .block-body ul li{float:left; margin-left: 4px;  margin-top: 4px;  background: #ffffff; 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: #1251A1;}
.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 .block-body ul li a img{width:150px;/* height:*/ 120px;display:block;}
.img-list .block-body ul li span{width: 160px;}

.content-list .block-body ul li a,.product-list .block-body ul li a{ display:block; float:left;margin-left:10px;}
.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 0;}

.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: 36px;}

.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:#eeeeee; margin: 20px 0px; color:#333}
.next a:link,.next a:visited{ color:#555}
.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: 1024px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 7px;
}


/*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{width: 100%;            margin: 0 auto;            padding-bottom: 3%;} 
.zone-title .custom .block-header .title{  color: #fff; background: #0082D0; }
.zone-title .custom .block-body{padding:10px 20px;}
.zone-title .custom .links .more a{ color: #fff;}

.content-list .block-header .title { background-color: #0082d0;  color: #fff;}
.content-list .links .more { color: #fff;}

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


.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/li.png) no-repeat left center;
 line-height:25px;
 padding-left: 20px;
 margin-left: 0px;
 -webkit-transition:all ease-in 0.3s;
 -moz-transition:all ease-in 0.3s;
 transition:all ease-in 0.3s;
 }
.newslist .content-list .block-body .body ul li a:hover{   background: url(../images/li.png) no-repeat left center;
  -webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s;}
.newslist .content-list .block-body .body ul li .newslist_sum{ clear:both; color:#747474}
.newslist .content-list .block-body .body ul li .news_date{clear:both;color:#747474;font-size:12px;}


/*内容详情页*/
.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;line-height: 40px;}
.info_top{border-bottom:1px dotted #ccc;padding-bottom:5px}


/*自适应*/
@media screen and (min-width: 900px) {
body{font-size:18px;}
.img-list .block-body ul li{width: 220px;}
.img-list .block-body ul li a img{width: 210px;height: 170px;}
.img-list .block-body ul li span{width:210px}

/*.menu .nav {height: 90px;}*/
.menu .nav li { height: 45px; line-height: 45px;border-right: 1px solid #00609a;border-bottom: 1px solid #00609a;}
.menu .nav li a{height:45px;}

.head .logo{max-width: 700px;height: 120px;} 
.block-body{line-height:35px}
.block .block-body .content img{max-width:480px;width:100%;}
.block .block-header .title {font-size: 24px;line-height: 50px;text-indent: 42px;}
.block .links .more { font-size: 18px; line-height: 50px;padding-right: 20px;}
.block .block-body ul li {line-height: 35px;}
.block .block-body .title{ height: 50px; line-height: 50px; font-size: 24px;}
.block .block-body .content{ font-size: 18px;line-height: 32px; margin-bottom: 20px;}
.slideBox .bd li img{height:300px;}
.content-list .block-body ul li a{margin-left: 42px;font-size: 20px;line-height: 40px;}

.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;}

.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;}
.newslist .content-list .block-body .body ul li{margin: 10px;}

.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;}
}


@media screen and (min-width: 600px) and (max-device-width: 800px) {
body{font-size:18px;}
.img-list .block-body ul li{width: 160px;}
.img-list .block-body ul li a img{width: 150px;/*height: 130px;*/}
.img-list .block-body ul li span{width:160px}

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

.head .logo{max-width: 620px;height: 100px;} 
.block-body{line-height:35px}
.block .block-body .content img{max-width:480px;width:100%;}
.block .block-header .title {font-size: 24px;line-height: 50px;text-indent: 40px;}
.block .links .more { font-size: 18px; line-height: 50px;}
.block .block-body ul li {line-height: 35px;}
.block .block-body .title{ height: 50px; line-height: 50px; font-size: 24px;}
.block .block-body .content{ font-size: 18px;line-height: 32px; margin-bottom: 20px;}
.slideBox .bd li img{height:250px;}

.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;}

.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;}
.newslist .content-list .block-body .body ul li{margin: 10px;}

.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;}
}

@media screen and (min-width: 331px) and (max-device-width: 540px) {
    .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;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: 350px;}
    .slideBox .bd li img{height:150px;}
}
@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{height:120px;}
}