html,body {padding:0px; margin:0px;}
body {font-size:14px; font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", "Microsoft Yahei", "Helvetica", "STHeitiSC-Light", "Arial", "sans-serif";}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}


.space-0 {width:100%; height:0px; clear:both;}
.space-5 {width:100%; height:5px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius3 {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.ease03 {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ease06 {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.ease09 {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.ease12 {-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
.ease15 {-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}

/* link color */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* code */

.code {height:auto; overflow:hidden;}
.code img {width:100%; display:block;}

/* head */

.head {width:100%; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.3); position:fixed; top:0px; left:0px; z-index:99; position:fixed; top:0px;}
.head .logo {float:left;}

.head #menu-holder a {color:#333; font-size:16px; display:block;}

.head .menu-handler {width: 30px; height: 50px; cursor: pointer; position: fixed; right: 5px; top: 0px; z-index: 100; display:none;}
.head .menu-handler .burger {width: 30px; height: 1px; background: #cc3333; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px;}
.head .menu-handler .burger-2 {top: 24px;}
.head .menu-handler .burger-3 {top: 32px;}
.head .menu-handler.active .burger-1 {top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.head .menu-handler.active .burger-2 {filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.head .menu-handler.active .burger-3 {top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.trans, .trans:hover {-webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}

/* banner */

.banner .swiper-pagination-bullet {width:15px; height:10px; background:#fff; opacity:0.7; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.banner .swiper-pagination-bullet-active {width:30px; opacity:1;}

/* foot */

.footer {height:auto; overflow:hidden; color:#8e8e8e; font-size:12px; background:#333;}
.footer .f-code {height:auto; overflow:hidden;}
.footer .f-code img {width:100px; display:block;}
.footer .f-code span {height:25px; line-height:25px; display:block; text-align:center;}
.footer .f-word {height:auto; overflow:hidden;}
.footer .f-word img {height:50px; display:block;}
.footer .f-word p,.footer .f-word a {height:25px; line-height:25px; color:#8e8e8e; display:block;}
.footer .f-list {height:auto; overflow:hidden;}
.footer .f-list a {height:25px; line-height:25px; color:#8e8e8e; display:block;}
.footer .f-list a.a1 {height:38px; line-height:32px; color:#999; font-size:24px; letter-spacing:2px;}
.footer .f-list s {width:50px; height:1px; background:#8e8e8e; display:block; margin-bottom:10px;}
.footer .f-text {height:auto; overflow:hidden;}
.footer .f-text p {height:25px; line-height:25px; color:#8e8e8e; font-size:14px;}

/* about */

.index-about {height:auto; overflow:hidden; padding:30px 0px; background:#f8f8f8;}

.about {height:auto; overflow:hidden;}
.about .p1 {height:auto; overflow:hidden; line-height:30px; color:#000; font-size:20px; font-weight:bold; padding:5px 0px;}
.about .p2 {height:auto; overflow:hidden; line-height:30px; color:#000; font-size:16px;}
.about .p3 {height:auto; overflow:hidden; line-height:28px; color:#333; padding:20px 0px;}
.about .p4 {width:300px; height:auto; overflow:hidden; padding-bottom:10px; display:block; position:relative;}
.about .p4 span {height:40px; line-height:40px; color:#333; font-size:16px; display:block; padding-right:10px; float:left;}
.about .p4 font {width:40px; height:20px; display:block; margin-top:10px; float:left; background:url(../images/arrow.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.about .p4 .line {width:100%; height:2px; background:#ddd; position:absolute; bottom:0px; left:0px;}
.about .p4 .line i {width:0px; height:2px; background:#333; display:block;}
.about .p4:hover .line i {width:300px;}

.honor {height:auto; overflow:hidden; padding-top:5px;}
.honor a {height:auto; overflow:hidden; padding:10px; box-shadow:0 0 4px rgba(0,0,0,0.2); display:block; background:#fff;}
.honor a img {width:100%; display:block;}
.honor a span {display:none;}
.honor a:hover {box-shadow:0 0 4px rgba(0,0,0,0.5);}
.honor a:hover img {filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6;}

/* case */

.case-title {height:50px; line-height:50px; color:#333; padding-left:20px; border-bottom:#ddd solid 1px; position:relative;}
.case-title i {width:10px; height:10px; display:block; background:#dc0000; position:absolute; top:50%; left:0px; margin-top:-5px;}
.case-title b {color:#dc0000; font-size:16px;}
.case-title a {width:70px; line-height:30px; color:#999; font-size:12px; text-align:right; display:block; position:absolute; top:20px; right:0px;}

.index-case {height:auto; overflow:hidden; padding:30px 0px;}
.index-case .bg {height:auto; overflow:hidden; background:#f4f4f4;}
.index-case .bg a {height:auto; overflow:hidden; display:block;}
.index-case .bg .s-0 img {width:100%; box-sizing:border-box; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:all 1.8s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.index-case .bg .s-1 {height:50px; line-height:50px; color:#333; font-size:18px; font-weight:bold; margin:0px 20px 10px; border-bottom:#dcdcdc solid 1px;}
.index-case .bg .s-1 img {width:40px; display:block; margin:5px 10px 0px 0px; float:left;}
.index-case .bg .s-2 {height:auto; line-height:22px; overflow:hidden; color:#777; font-size:12px; padding:0px 20px;}
.index-case .bg .s-3 {width:80px; height:30px; line-height:30px; color:#777; text-align:center; border:#777 solid 1px; margin-left:20px;}
.index-case .bg:hover img {opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 1.8s ease; -moz-transition:all 1.8s ease; -o-transition:all 1.8s ease; -ms-transition:all 1.8s ease; transition:all 1.8s ease;}
.index-case .bg .s-1:hover {color:#dc0000; text-decoration:underline;}
.index-case .bg .s-3:hover {color:#dc0000; border:#dc0000 solid 1px;}

/* article */

.article-title {height:50px; line-height:50px; color:#333; padding-left:20px; border-bottom:#dbdbdb solid 1px; position:relative;}
.article-title i {width:10px; height:10px; display:block; background:#dc0000; position:absolute; top:50%; left:0px; margin-top:-5px;}
.article-title b {color:#dc0000; font-size:16px;}
.article-title a {width:70px; line-height:30px; color:#999; font-size:12px; text-align:right; display:block; position:absolute; top:20px; right:0px;}

.index-article {height:auto; overflow:hidden; padding:30px 0px; background:#f8f8f8;}

/* article */

.article01 {height:auto; overflow:hidden;}
.article01 a {height:auto; overflow:hidden; display:block; border-bottom:#999 dashed 1px; position:relative;}
.article01 a .p1 {overflow:hidden; color:#333; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.article01 a .p2 {overflow:hidden; line-height:25px; color:#777; font-size:12px; text-indent:25px;}
.article01 a:hover .p1 {color:#0071be;}
.article01 a:hover .p2 {color:#222;}

.article02 {height:auto; overflow:hidden;}
.article02 .list {height:auto; overflow:hidden; font-size:12px; padding-left:100px; position:relative;}
.article02 .list .p1 {height:32px; overflow:hidden; line-height:32px; color:#000; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.article02 .list .p1 a {color:#000;}
.article02 .list .p2 {height:66px; overflow:hidden; line-height:22px; color:#555;}
.article02 .list .p3 {height:22px; line-height:22px; color:#dc0000; display:block;}
.article02 .list .p3 a {color:#dc0000;}
.article02 .line {height:auto; overflow:hidden; padding:25px 0px 20px;}
.article02 .line s {height:1px; background:#e5e5e5; display:block;}

.article03 {height:auto; overflow:hidden; padding:10px 0px;}
.article03 a {height:36px; overflow:hidden; display:block; padding-left:12px; padding-right:85px; position:relative;}
.article03 a i {width:4px; height:4px; background:#666; display:block; position:absolute; top:50%; left:0px; margin-top:-2px;}
.article03 a span {height:36px; line-height:36px; display:block; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.article03 a time {width:80px; height:36px; line-height:36px; color:#666; text-align:right; display:block; position:absolute; top:0px; right:0px;}
.article03 a:hover span {color:#000; text-decoration:underline;}

.article04 {height:auto; overflow:hidden;}
.article04 .bg {height:auto; overflow:hidden; background:#f4f4f4;}
.article04 .bg a {height:auto; overflow:hidden; display:block;}
.article04 .bg .s-0 img {width:100%; box-sizing:border-box; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:all 1.8s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.article04 .bg .s-1 {height:50px; line-height:50px; color:#333; font-size:18px; font-weight:bold; margin:0px 20px 10px; border-bottom:#dcdcdc solid 1px;}
.article04 .bg .s-1 img {width:40px; display:block; margin:5px 10px 0px 0px; float:left;}
.article04 .bg .s-2 {height:auto; line-height:22px; overflow:hidden; color:#777; font-size:12px; padding:0px 20px;}
.article04 .bg .s-3 {width:80px; height:30px; line-height:30px; color:#777; text-align:center; border:#777 solid 1px; margin-left:20px;}
.article04 .bg:hover img {opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 1.8s ease; -moz-transition:all 1.8s ease; -o-transition:all 1.8s ease; -ms-transition:all 1.8s ease; transition:all 1.8s ease;}
.article04 .bg .s-1:hover {color:#dc0000; text-decoration:underline;}
.article04 .bg .s-3:hover {color:#dc0000; border:#dc0000 solid 1px;}

/* bigimg */

.bigimg {height:auto; overflow:hidden;}
.bigimg img {max-width:100%; display:block}

/* location */

.location {height:auto; overflow:hidden; border-bottom:#e4e4e4 solid 1px; padding-bottom:10px;}
.location .p1 {height:auto; overflow:hidden; font-size:18px; color:#333; float:left;}
.location .p1 strong {padding-right:10px;}
.location .p1 span {font-family:'Arial'; opacity:0.5; filter:alpha(opacity=50);}
.location .p2 {height:auto; overflow:hidden; color:#666; font-size:12px; float:right;}
.location .p2 a {color:#666;}
.location .p2 span {color:#dc0000;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both;}
.page a {height:25px; line-height:23px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 10px; margin-right:5px; margin-bottom:5px; float:left;}
.page span {height:25px; line-height:23px; font-size:12px; color:#666; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page span.current {color:#666; border:#666 solid 1px;}
.page a:hover {color:#666; border:#666 solid 1px;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#000;}

/* mapbox */

.mapbox {height:auto; overflow:hidden; position:relative;}
.mapbox .maplink {width:100%; height:100%; display:block; background:none; position:absolute; top:0px; left:0px; z-index:9;}
.mapbox .maplink span {display:none;}

.jobbox {height:auto; overflow:hidden;}
.jobbox .list {height:auto; overflow:hidden; padding:10px 0px;}
.jobbox .list .title {height:auto; overflow:hidden; border:#e5e5e5 solid 1px; padding:10px 15px; cursor:pointer; position:relative;}
.jobbox .list .title .t1 {height:25px; line-height:25px; color:#000; font-size:16px; font-weight:bold; padding-right:10px; float:left;}
.jobbox .list .title .t2 {height:25px; line-height:25px; color:#dc0000; float:left;}
.jobbox .list .title .t3 {width:25px; height:25px; position:absolute; top:10px; right:5px; background: url(../images/t3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.jobbox .list .intro {height:auto; overflow:hidden; line-height:24px; padding:15px 15px; display:none; border:#e5e5e5 solid 1px; border-top:none;}
.jobbox .list.hover .intro {display:block;}
.jobbox .list.hover .title .t3 {transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}

.content img {max-width:100%;}

@media (max-width: 479px) {

.pages {padding-top:50px;}

.head {height:50px;}
.head .logo {height:50px; padding:8px 0px;}
.head .logo img {height:34px;}

.head .menu-handler {display:block;}

.head #menu-holder {width:240px; height:200px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-140px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#333; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder a {height:50px; line-height:40px; font-size:18px; color:#fff; text-align:center;}
.head #menu-holder a:hover {font-weight:bold;}

.footer {padding:20px 0px;}
.footer .f-word img {height:40px;}
.footer .f-word p,.footer .f-word a {height:20px; line-height:20px;}
.footer .f-code,.f-list,.footer .f-text {display:none;}

.banner {height:160px;}
.banner .swiper-pagination {bottom:5px;}
.banner .swiper-pagination-bullet {width:10px; height:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.banner .swiper-pagination-bullet-active {width:20px;}

.about .p1 {font-size:18px;}
.about .p2 {font-size:14px;}

.article01 a {padding-bottom:10px; margin-bottom:10px;}
.article01 a .imgs {height:180px; margin-bottom:10px;}
.article01 a .p1 {height:40px; line-height:40px;}
.article01 a .p2 {max-height:75px;}

.article02 .list {padding-left:0px;}
.article02 .list .time {display:none;}
.article02 .list .imgs {width:120px; height:80px; display:block; position:absolute; top:38px; left:0px;}
.article02 .list .p2 {padding-left:130px;}
.article02 .list .p3 {padding-left:130px;}
.article02 .list .space-10 {height:0px;}
.article02 .line {padding:10px 0px 5px;}

.article03 a {padding-right:0px;}
.article03 a time {display:none;}

/* menus */

.menus {height:auto; overflow:hidden;}
.menus .title {display:none;}

.menus .li {height:auto; overflow:hidden; margin-right:10px; margin-bottom:10px; float:left;}
.menus .li a {height:auto; overflow:hidden; line-height:30px; color:#333; text-align:center; display:block; padding:0px 20px; border:#e5e5e5 solid 1px;}
.menus .li a:hover,.menus .li a.hover {background:#dc0000; color:#fff; font-size:16px; border:#dc0000 solid 1px;}

.location {display:none;}

.mapbox .maps {height:200px;}

.fixed_menus {height:56px; border-bottom:#e6e6e6 solid 1px; padding-top:12px; position:relative;}

.fixed_menus .title {height:auto; overflow:hidden; line-height:30px; color:#333; font-size:16px; font-weight:bold; display:block; float:left;}
.fixed_menus .s-nav {width:100px; height:32px; line-height:30px; color:#333; font-weight:bold; text-align:center; display:block; border:#e5e5e5 solid 1px; float:right; background:url(../images/subpage-nav.png) no-repeat 80px center; background-size:16px 16px; -webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px;}

.fixed_menus .fr_navs {width:120px; height:auto; overflow:hidden; border:#e5e5e5 solid 1px; background:#fff; display:none; padding:5px; position:absolute; top:43px; right:10px; z-index:99; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -ms-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.fixed_menus .fr_navs a {height:auto; overflow:hidden; line-height:35px; color:#333; font-size:12px; text-align:center; display:block; background:#ebebeb; border-bottom:#fff solid 1px;}
.fixed_menus .fr_navs a:hover {color:#fff; background:#dc0000;}

.singlepage {height:160px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.pages {padding-top:50px;}

.head {height:50px;}
.head .logo {height:50px; padding:8px 0px;}
.head .logo img {height:34px;}

.head .menu-handler {display:block;}

.head #menu-holder {width:240px; height:200px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-140px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#333; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder a {height:50px; line-height:40px; font-size:18px; color:#fff; text-align:center;}
.head #menu-holder a:hover {font-weight:bold;}

.footer {padding:20px 0px;}
.footer .f-word img {height:40px;}
.footer .f-word p,.footer .f-word a {height:20px; line-height:20px;}
.footer .f-code,.f-list,.footer .f-text {display:none;}

.banner {height:240px;}
.banner .swiper-pagination {bottom:5px;}
.banner .swiper-pagination-bullet {width:10px; height:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.banner .swiper-pagination-bullet-active {width:20px;}

.article01 a {padding:5px 10px 10px 135px;}
.article01 a .imgs {width:120px; height:90px; position:absolute; top:15px; left:0px;}
.article01 a .p1 {height:34px; line-height:34px;}
.article01 a .p2 {max-height:72px; line-height:24px;}

.article02 .list {padding-left:75px;}
.article02 .list .time {width:60px; height:88px; position:absolute; top:-5px; left:0px;}
.article02 .list .time span {height:45px; line-height:45px; color:#a8a8a8; font-size:20px; text-align:center; border-bottom:#cecece solid 1px; display:block;}
.article02 .list .time p {height:43px; line-height:43px; color:#a8a8a8; font-size:16px; text-align:center; display:block;}
.article02 .list .imgs {width:120px; height:80px; display:block; position:absolute; top:38px; left:75px;}
.article02 .list .p2 {padding-left:130px;}
.article02 .list .p3 {padding-left:130px;}
.article02 .list .space-10 {height:0px;}
.article02 .line {padding:10px 0px 5px;}

/* menus */

.menus {height:auto; overflow:hidden;}
.menus .title {display:none;}

.menus .li {height:auto; overflow:hidden; margin-right:10px; margin-bottom:10px; float:left;}
.menus .li a {height:auto; overflow:hidden; line-height:30px; color:#333; text-align:center; display:block; padding:0px 20px; border:#e5e5e5 solid 1px;}
.menus .li a:hover,.menus .li a.hover {background:#dc0000; color:#fff; font-size:16px; border:#dc0000 solid 1px;}

.mapbox .maps {height:240px;}

.fixed_menus {height:56px; border-bottom:#e6e6e6 solid 1px; padding-top:12px; position:relative;}
.fixed_menus.fixed {width:100%; background:#fff; position:fixed; left:0px; top:50px;}
.fixed_menus .title {height:auto; overflow:hidden; line-height:30px; color:#333; font-size:16px; font-weight:bold; display:block; float:left;}
.fixed_menus .s-nav {width:100px; height:32px; line-height:30px; color:#333; font-weight:bold; text-align:center; display:block; border:#e5e5e5 solid 1px; float:right; background:url(../images/subpage-nav.png) no-repeat 80px center; background-size:16px 16px; -webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px;}

.fixed_menus .fr_navs {width:120px; height:auto; overflow:hidden; border:#e5e5e5 solid 1px; background:#fff; display:none; padding:5px; position:absolute; top:43px; right:10px; z-index:99; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -ms-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.fixed_menus .fr_navs a {height:auto; overflow:hidden; line-height:35px; color:#333; font-size:12px; text-align:center; display:block; background:#ebebeb; border-bottom:#fff solid 1px;}
.fixed_menus .fr_navs a:hover {color:#fff; background:#dc0000;}

.singlepage {height:240px;}

}

@media (min-width: 768px) and (max-width: 999px){

.pages {padding-top:60px;}

.head {height:60px;}
.head .logo {height:60px; padding:5px 0px;}
.head .logo img {height:50px;}

.head .menu-handler {display:block; top:5px;}

.head #menu-holder {width:240px; height:200px; position:fixed; top:100%; left:50%; margin-left:-120px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.open #menu-holder {top:50%; margin-top:-140px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#333; display:none; position:fixed; top:0px; left:0px; z-index:99; -webkit-overflow-scrolling:touch; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {display:block; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.head #menu-holder a {height:50px; line-height:40px; font-size:18px; color:#fff; text-align:center;}
.head #menu-holder a:hover {font-weight:bold;}

.footer {padding:20px 0px;}
.footer .f-code,.footer .f-word,.footer .f-list {float:left;}
.footer .f-word {padding-left:20px;}
.footer .f-word,.footer .f-list {padding-right:20px;}
.footer .f-list a.a1 {font-size:18px;}
.footer .f-text {display:none;}

.banner {height:360px;}

.index-case .bg .s-2 {height:44px;}

.article01 a {padding:5px 10px 10px 135px;}
.article01 a .imgs {width:120px; height:90px; position:absolute; top:15px; left:0px;}
.article01 a .p1 {height:34px; line-height:34px;}
.article01 a .p2 {height:72px; line-height:24px;}

.article02 .list .time {width:60px; height:88px; position:absolute; top:-5px; left:0px;}
.article02 .list .time span {height:45px; line-height:45px; color:#a8a8a8; font-size:24px; text-align:center; border-bottom:#cecece solid 1px; display:block;}
.article02 .list .time p {height:43px; line-height:43px; color:#a8a8a8; font-size:18px; text-align:center; display:block;}
.article02 .list .imgs {width:180px; height:100px; display:block; position:absolute; top:38px; left:100px;}
.article02 .list .p2 {padding-left:190px;}
.article02 .list .p3 {padding-left:190px;}

.article04 .bg .s-2 {height:44px;}

/* menus */

.menus {height:auto; overflow:hidden; padding-bottom:20px;}
.menus .title {display:none;}

.menus .li {height:auto; overflow:hidden; margin-right:10px; margin-bottom:10px; float:left;}
.menus .li a {height:auto; overflow:hidden; line-height:30px; color:#333; text-align:center; display:block; padding:0px 20px; border:#e5e5e5 solid 1px;}
.menus .li a:hover,.menus .li a.hover {background:#dc0000; color:#fff; font-size:16px;}

.mapbox .maps {height:320px;}

.fixed_menus {height:66px; border-bottom:#e6e6e6 solid 1px; padding-top:12px; position:relative;}
.fixed_menus.fixed {width:100%; background:#fff;position:fixed; left:0px; top:50px;}
.fixed_menus .title {height:auto; overflow:hidden; line-height:45px; color:#333; font-size:16px; font-weight:bold; display:block; float:left;}
.fixed_menus .s-nav {width:160px; height:42px; line-height:40px; color:#333; font-size:16px; font-weight:bold; text-align:center; display:block; border:#e5e5e5 solid 1px; float:right; background:url(../images/subpage-nav.png) no-repeat 125px center; background-size:16px 16px; -webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px;}

.fixed_menus .fr_navs {width:160px; height:auto; overflow:hidden; border:#e5e5e5 solid 1px; background:#fff; display:none; padding:10px; position:absolute; top:41px; right:10px; z-index:99; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -ms-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.fixed_menus .fr_navs a {height:auto; overflow:hidden; line-height:35px; color:#333; text-align:center; display:block; background:#ebebeb; border-bottom:#fff solid 1px;}
.fixed_menus .fr_navs a:hover {color:#fff; background:#dc0000;}

.singlepage {height:300px;}

}

@media (min-width: 1000px) {

.pages {padding-top:70px;}

.head {height:70px;}
.head .logo {height:70px; padding:10px 0px;}
.head .logo img {height:50px;}

.head #menu-holder {height:70px; float:right;}
.head #menu-holder a {height:70px; line-height:49px; text-align:center; padding:0px 17px; float:left;}
.head #menu-holder a:hover,.head #menu-holder a.hover {background:#ff7300; color:#fff;}

.footer {padding:30px 0px;}
.footer .f-code,.footer .f-word,.footer .f-list {float:left;}
.footer .f-word,.footer .f-list {padding:0px 20px;}
.footer .f-text {padding:0px 10px;}

.banner {height:480px;}

.index-about {padding:50px 0px;}

.index-case {padding:50px 0px;}
.index-case .bg .s-2 {height:44px;}

.article01 a {padding:5px 10px 10px 190px;}
.article01 a .imgs {width:180px; height:100px; position:absolute; top:15px; left:0px;}
.article01 a .p1 {height:40px; line-height:40px;}
.article01 a .p2 {height:75px;}

.article02 .list .time {width:60px; height:88px; position:absolute; top:-5px; left:0px;}
.article02 .list .time span {height:45px; line-height:45px; color:#a8a8a8; font-size:24px; text-align:center; border-bottom:#cecece solid 1px; display:block;}
.article02 .list .time p {height:43px; line-height:43px; color:#a8a8a8; font-size:18px; text-align:center; display:block;}
.article02 .list .imgs {width:180px; height:100px; display:block; position:absolute; top:38px; left:100px;}
.article02 .list .p2 {padding-left:190px;}
.article02 .list .p3 {padding-left:190px;}

.article04 .bg .s-2 {height:44px;}

/* menus */

.menus {height:auto; overflow:hidden; padding-bottom:110px; background:url(../images/menus.png) no-repeat center bottom #f2f2f2;}
.menus .title {height:auto; overflow:hidden; text-align:right; padding:28px 20px 20px 0px; background:#f2f2f2; border-bottom:#fff solid 1px;}
.menus .title p {color:#ccc; font-size:18px;}
.menus .title b {color:#333; font-size:22px;}

.menus .li {height:auto; overflow:hidden; border-bottom:#fff solid 1px;}
.menus .li a {height:auto; overflow:hidden; line-height:43px; color:#333; text-align:right; display:block; padding-right:20px;}
.menus .li a:hover,.menus .li a.hover {background:#dc0000; color:#fff; font-size:16px;}

.mapbox .maps {height:400px;}

.fixed_menus {height:auto; overflow:hidden; border-bottom:#e6e6e6 solid 1px;}
.fixed{ position:fixed; top:70px;width:215px;}


.fixed_menus .title {height:auto; overflow:hidden; line-height:60px; color:#333; font-size:16px; font-weight:bold; display:block;text-align:center;}
.fixed_menus .s-nav {display:none;}

.fixed_menus .fr_navs {height:auto; overflow:hidden;}
.fixed_menus .fr_navs a {height:auto; overflow:hidden; line-height:60px; color:#333; text-align:center; display:block; margin:0px 15px; position:relative;}
.fixed_menus .fr_navs a:hover:before,.fixed_menus .fr_navs a.hover:before {width:100%; height:2px; background:#333; content:""; position:absolute; bottom:0px; left:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.singlepage {height:360px;}

}

@media (min-width: 1260px) {

.head #menu-holder a {padding:0px 30px;}

.footer {padding:45px 0px;}
.footer .f-word,.footer .f-list,.footer .f-text {padding:0px 30px;}

.banner {height:640px;}
.fixed{width:275px;}
.fixed_menus .fr_navs a {margin:0px 20px;}

.singlepage {height:400px;}

}

.front_a a font{line-height: 0;display: block;font-size: 14px;}