/* CSS Document */
@charset "utf-8";
#wrap{overflow: hidden;}
.container {  margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px){ .container {width: 1170px;}}
.row{clear: both; margin-left:auto;margin-right:auto;}
.logo{ width:401px; float:left}
.logo img{padding:10px;}

.banner{ height:350px; overflow:hidden; background:url(../images/banner02.jpg) no-repeat center;}
.navigation {margin:auto auto; text-align:center;width:100%; height:40px;_overflow:hidden; background:url(../images/navigationbg.jpg) repeat-x; position:relative; z-index:1000; padding-bottom:28px;}
.menu{margin:0px auto;position:relative; height:40px;}
#nav{text-align:center;height:40px; margin:0px auto;}
#nav li ul{display:none;width:600px; text-align:left;}
#nav li ul li{margin:0px 0px; width:auto; display:inline-block;text-align:left; margin:0px 8px;}

.first-menu li:hover{ color:#FFF}
.first-menu a,.first-menu a:link{height:40px;line-height:40px;display:block;color:#fff;font-size:16px; font-weight:400}
.first-menu a:hover{ color:#FFF}
.second-menu{position:absolute;}
.second-menu{top:41px;left:25px;}
.second-menu a,.second-menu a:link,.second-menu a:visited{color:#0085B2; font-size:14px;height:28px;line-height:28px; overflow:hidden; margin-top:-1px;}
.second-menu a:hover{color:#02adc6;}
.nav-item{ position:relative; float:left;width:11.1111111%;text-align:center; font-size:14px;}

.focus{width:100%; margin-top:1px;}
.focus > img {width:auto; display:none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; width:100%; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin:0px auto; position: relative; zoom: 1; /*  overflow:hidden; */ }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {background-color:#161616;}
.flex-direction-nav a:hover {background-color:#161616;}
.flex-direction-nav a {z-index:46;  width: 36px; height: 60px; margin: -30px 0 0; display: block; background-image: url(../../images/arrows.png); background-repeat: no-repeat; background-position: bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: bottom right; right: 0px; }
.flex-direction-nav .flex-prev {background-position: bottom left;  left: 0px;}
.flexslider:hover .flex-next {opacity: 0.75; right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.75; left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled, #carousel-pro .flex-direction-nav .flex-disabled {display:none; opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
#main .flex-direction-nav .flex-next { right: 0px; }
#main .flex-direction-nav .flex-prev {left: 0px;}
.flex-control-nav { z-index:5; width: 100%; position: absolute; bottom: 20px; text-align: center; }
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 16px; height: 16px; display: block; background: url(../../images/slider-bullets.png) 0px -25px no-repeat;  cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background-position:0px -48px; }
.flex-control-paging li a.flex-active {  background-position:0px -2px; cursor: default; }
body #main .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; }


.ptb10{ padding:10px 0px;}
.ptb20{ padding:20px 0px;}
.title{ width:100%;color:#0085B2; padding:10px 0}
.title b{ font-weight:300;font-size:25px;}
.title span{margin-left:10px; font-size:22px;font-weight:300;}

.sp-nav{width:100%; text-align:center;}
.sp-nav-title{ font-size:18px; font-weight:600; width:90%; padding:0 5%;  text-align:left; margin-bottom:10px;}
.sp-nav a{ width:90%; display:block;padding:0px 5%;line-height:200%; border-bottom:1px dotted #aaa; text-align:left;font-size:16px;}
.sp-list{width:100%; margin-top:10px;}
.sp-list li{width:23%; float:left; margin-right:2%; margin-bottom:1%;}
.sp-list li img{ width:100%;}
.sp-list li span{ width:100%; display:block; text-align:center; line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp-list li.mr_0{ margin-right:0px;}
.seemore{ width:100%; text-align:center; line-height:120%;}

.part-2{ background:#F8F8F8; margin:20px 0; padding-bottom:20px;}
.part-3{ margin-bottom:20px;}
.part-4{background:#F8F8F8;margin:0px 0 0 0;padding-bottom:20px;}
.about{ width:40%; float:left;}
.news{ width:50%; float:right;}
.about-con span{ text-align:left; display:block; text-indent:2em; line-height:175%; color:#444}
.about-con a{ color:#0085B2; float:right;}
.xw-pic{ width:40%; float:left; padding-top:5px;}
.xw-pic img{ width:100%;}
.xw-list{ width:58%; float:right;}
.xw-list li{ width:100%; line-height:200%;}
.xw-list li a{display:block; width:70%; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left;}
.xw-list li span{display:block; text-align:right; width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:right; font-size:x-small;}

.al-list{width:100%;}
.al-list li{width:24%; float:left; margin-right:1%; margin-bottom:1%;}
.al-list li img{ width:100%;}
.al-list li span{ width:100%; display:block; text-align:center; line-height:175%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.al-list li.mr_0{ margin-right:0px;}


.contact{ width:70%; float:left;}
.links{ width:30%; float:right;}
.lx-con span{ width:48%; margin-right:2%; float:left;line-height:175%;}
.link-list{ text-align:center;}
.link-list a{width:140px; height:50px; margin-bottom:5px; display:inline-block;}
.link-list a img{ width:130px; height:50px; border:1px solid #eee}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:absolute;background:;padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:20px;height:20px;padding:10px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#0085B2;text-decoration:none;font-size:14px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:500}	
.mean-container a.meanmenu-reveal span{display:block;background:#0085B2;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0085B2;margin-top:60px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:0.8em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #30e5e4;border-top:1px solid rgba(48,229,228,.2);text-decoration:none;text-transform:uppercase; font-size:larger}
.mean-container .mean-nav ul li li a{width:80%;padding:0.7em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.20);opacity:.80;filter:alpha(opacity=80);text-shadow:none!important;visibility:visible; }
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:0px;width:100%;height:32px;padding:7px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

/*footer*/
.footer{ width:100%;margin:0px auto auto auto;line-height:18pt;text-align:center;color:#fff; background:#0085B2; padding-top:5px; padding-bottom:5px;}
.footer span{display:block; text-align:center; margin:0px auto}
.footer a,.footer a:link{ color:#fff; margin:0px 5px;}

/*guestbook*/
.guestbook{ text-align:left;}
.guestbook .btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;cursor:pointer;}

.btn-2{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin-right:2px;cursor:pointer;}

.msgtd {line-height:180%;padding:5px;height:50px;}
.msgtd span { color:#ccc;}	
.timetd {border-top:1px solid #ccc;border-bottom:1px dotted #ccc;padding-left:5px;color:#999; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px; overflow:hidden;}
.timetd img{vertical-align:bottom; padding-top:10px;}
.timetd span{ display:block; float:left; font-family:宋体; color:#555555;}
.remsg{ color:#993;}
.remsg b{ font-weight:bold; color:#F00;}

.bottomtd {border-top:1px dashed #dedede;padding-left:5px;}
.bottomtd a{color:#666;}
.bottomtd a:hover{color:#f00;}
.writetable td {padding: 3px;}
.writetd {background:url(../images/wbg.gif); height:30px;}
.pagetable {border:1px solid #dedede;margin-bottom:8px;background:#FBFEED;}
.pagelistbox {}
.pagelistbox span{border:1px solid #dedede;padding:2px;margin-right:3px;background:#E8F9BF;}
.pagelistbox a {border:1px solid #dedede;padding:2px;margin-right:3px;background:#ccc;padding-left:5px;padding-right:5px;}
.rebox{padding:5px;border-bottom:1px solid #dedede; background:#f9f9f9; margin:0px auto; font-family:Arial, Helvetica, sans-serif}

.sp-title{color:#888;padding:0px 12px;margin-bottom:8px;}
.sp-title h2 {text-align:left; width:100%;line-height:27px; clear:both}
.sp-title h2 b{font-size:14px;color:#093; float:left;}
.sp-title h2 span{ font-size:12px;float:left; display:block; color:#999; font-weight:normal; text-indent:2em}
.sp-title ul{color:#F93;}
.sp-title ul li{ float:left;height:40px; line-height:40px; overflow:hidden;}
.sp-title ul li.now{ color:#b00;}
.sp-title ul li.now a{ color:#b00;}
.sp-title ul li.now a:hover{ color:#f00;}
.sp-title ul li a{color:#F93; font-size:12px; font-weight:bold; padding:0px 5px;}
.sp-title ul li a:hover{color:#F00;}
.sp-title .more{float:right;margin:5px 0px;line-height:27px;}
.sp-title .more a{ color:#F30}
.sp-title .more a:hover{ color:#f00}
.ipt-txt{line-height:12px;padding:4px 5px; overflow:hidden;border-width:1px;border-style:solid;border-color:#666 #BBB #BBB #666;font-size:12px;margin-right:2px; color:#666;}

.left-box{ width:16%; float:left;}
.left-box ul li{margin-bottom:5px; width:100%; height:42px; line-height:40px; font-size:14px;}
.left-box ul li{border:1px solid #f2f2f2; }
.left-box ul li a{color:#3D3D3D; display:block; width:100%; text-align:center;}
.left-box ul li:hover{background:#f9f9f9;}
.left-box ul li:hover a{color:#0085B2;}
.left-box ul li.on { background:#0085B2; border:1px solid #0085B2;} 
.left-box ul li.on a{color:#fff;}

.right{ width:78%;float:right;background:#fdfdfd; padding:2%;-webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; border-radius:8px; border:1px solid #eee}
.place{padding:0px 0px 10px 0px;width:100%; clear:both;text-align:left; color:#888;line-height:14px; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:15px;}
.place a{color:#888;}
.content{margin:0; width:100%; padding:0;}
/*prolist*/
.prolist{height:auto;}
.prolist li{width:32%; margin-right:2%;float:left; margin-bottom:2%;}
.prolist span{ width:100%; display:block; margin:0px auto;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prolist li span a{line-height:200%;}
.prolist li span a:hover{ color:#f00;}
.prolist li:hover{}
.prolist li img{ width:100%;}
.prolist li img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.prolist li.mr_0{ margin-right:0; float:right;}
/*newslist*/
.newslist{padding:30px auto;height:auto; margin:0px auto}
.newslist li{line-height:38px; height:38px;overflow:hidden;width:100%; border-bottom:1px dotted #ccc}
.newslist li a{float:left; display:block; padding-left:10px; font-size:16px; color:#333; vertical-align:bottom;}
.newslist li a:hover{ color:#f00;}
.newslist li span{ float:right; display:block; width:100px; font-size:11px;font-family:Arial, Helvetica, sans-serif; color:#B8B8B6;}
.newslist .doc{ color:#999; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-right:5px; padding-left:5px; display:block; float:left;}
.newslist li.darkcolor{}

/*news*/
.newsview{height:auto !important;height:500px;min-height:500px;}
.newsview h1{text-align:center;line-height:150%; overflow:hidden; font-size:22px; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","黑体","宋体"; color:#000; font-weight:500}
.newsview h6{text-align:center;font-weight:normal; height:32px; line-height:32px; overflow:hidden;margin:5px auto; font-family:Arial, Helvetica, sans-serif; color:#999; border-bottom:1px solid #eee; margin-bottom:20px;}
.newsview h6 a{ color:#999;}
.newsview .body{ font-size:15px; line-height:21pt; text-align:left;}
.newsview .next{padding:0px 5px; text-align:center;border-top:1px dotted #ddd;font-weight:normal; height:25px; line-height:25px; overflow:hidden; margin:10px auto; color:#777;}
.newsview .next a{ color:#777;}
.newsview .next a:hover{ color:#f00;}
.newsview .body img{margin:5px auto;}
.newsview .info{ font-size:14px; line-height:24pt; text-align:left;}



/*imageslist*/
.imageslist{}
.imageslist li{width:100%; padding:10px 0px; background:url(../images/line.jpg) repeat-x bottom; height:auto; float:left; text-align:left;}
.imageslist li.darkcolor{background:url(../images/line.jpg) repeat-x bottom #fff;}
.imageslist li img{ max-width:160px; max-height:135px; padding:1px;float:right; margin-left:10px;}
.imageslist li img:hover{filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}

.imageslist li h5{background:url(../images/arrow.png) 13px 6px no-repeat;text-align:left;text-indent:35px;font-weight:normal; margin-bottom:5px;}
.imageslist li h5 a{ color:#222; font-size:16px;}
.imageslist li h5 a:hover{ color:#f00;}
.imageslist li span{font-size:13px;color:#777;padding:5px 35px 0px 35px; line-height:16pt; display:block;}
.imageslist li small{ color:#999;float:right;height:18px; overflow:hidden;}
.imageslist li small img{width:auto; height:auto; float:none;border:none;}
.imageslist li small img:hover{ border:none;}

/*分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color:#666;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#999;border-color:#666;}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#666;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.pagination>li {display:inline;}

@media (max-width: 768px) {
.logo{width:70%; float:left}
.logo img{padding:10px;}
#page-title	{ display:none;}
.focus{ height:200px; overflow:hidden; background:url(../images/m-banner02.jpg) no-repeat center;}
.flex-control-paging li a { display:none;}
.banner{ height:200px; overflow:hidden; background:url(../images/m-banner02.jpg) no-repeat center;}

.part-4{background:#f8f8f8;margin:0px 0 0 0;padding-bottom:20px;color:#444;}

.navigation{ display:none;}
.menu{margin:0px auto;position:;}
#nav{text-align:center;margin:0px auto;}
#nav li ul{display:none;width:100%; text-align:center;}
#nav li ul li{margin:0px 0px; width:100%;float:none;text-align:left;}
.first-menu a,.first-menu a:link{height:20px;line-height:20px;display:block;color:#fff;font-size:14px; font-weight:400}
.second-menu a,.second-menu a:link,.second-menu a:visited{color:#0085B2; font-size:14px;height:22px;line-height:22px; overflow:hidden; margin-top:0px;}
.second-menu{position:static; cursor:pointer;}
.nav-item{ position:relative; float:left;width:100px;text-align:center; font-size:14px; z-index:1;}

.sp-list{margin-top:0px;}
.sp-list li{width:48%; float:left; margin-left:1%;margin-right:1%; margin-bottom:1%; display:none;}
.sp-list li.mr_0{margin-right:1%;}


li:nth-child(1){ display:block; width:100%;}
.sp-nav-title{ display:none;}
.sp-nav a{ width:auto; display:inline-block;padding:0px 2%;line-height:210%; border-bottom:1px dotted #CCCCCC; text-align:center;font-size:16px;margin-bottom:2%;}
.sp-nav a:hover{ color:#0085B2;}

li:nth-child(5),li:nth-child(2),li:nth-child(3),li:nth-child(4){ display:block;}

.about{ width:96%; float:none; margin:0px auto}
.news{ width:95%; float:none; margin:0px auto}
.xw-list li a{width:100%;}
.xw-list li span{display:none;}

.al-list{width:96%; float:none;margin:0px auto}
.al-list li{width:48%; float:left; margin-right:2%; margin-bottom:2%;}
.al-list li.mr_0{ margin-right:2%;}

.al-list{width:100%;}
.al-list li{width:48%; float:left; margin-right:1%; margin-left:1%; margin-bottom:1%;}
.al-list li.mr_0{ margin-right:1%;}

.contact{ width:96%; float:none;margin:0px auto}
.lx-con span{ width:100%; margin-right:0%; float:left;line-height:200%;}
.links{ width:96%; float:none;margin:0px auto}
.flexslider{ display:none}
.focus > img {width:auto; display:block;}

.left-box{ width:96%;float:none; margin:0px auto 15px auto;}
.left-box ul{ text-align:center;}
.left-box ul li{margin-bottom:5px; width:auto; padding:0 1%; display:inline-block; height:auto; line-height:175%; font-size:15px;}

.right{ width:90%;float:none; margin:0px auto;}
.place{ display:none;}

.prolist li{width:48%; margin-right:1%; margin-left:1%;float:left;}
.prolist li.mr_0{ margin-right:1%; float:right;}

.imageslist li h5{background:url(../images/arrow.png) 13px 6px no-repeat;text-align:left;text-indent:35px;font-weight:normal; margin-bottom:5px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.imageslist li small{ display:none;}
.imageslist li span{display:none;}
.imageslist li img{ display:none;}
}

@media (max-width:1200px) {
li:nth-child(7){ display:none;}
}

@media (max-width: 480px) {
.xw-pic{ width:100%; float:left; padding-top:5px;}
.xw-list{ width:100%; float:left;}
.xw-pic img{ width:100%;}
.xw-list li a{width:100%;}
.xw-list li span{display:none;}
}	

/* 主要css样式*/
.main-im{position:fixed;right:0px;top:80px;z-index:10000;width:110px;}
.main-im .qq-a{display:block;width:106px;height:90px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:80px;height:90px;border-top-left-radius:10px;border-top-right-radius:10px;background:url(../images/qq-icon-bg.png) no-repeat 0px 8px;left:15px; cursor:pointer}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:5px;background:#F9FAFB; padding-bottom:5px;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:70px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:15px;margin-top:12px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top; display:none}

.im_list{ text-align:center; margin:0 auto; width:100%;border-bottom:1px solid #dddddd; padding-bottom:10px;}
.im_list a,.im_list a:link{font-size:14px;color:#0484cd; display:block; width:100%; padding:2px 0}