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 .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: #da0000; 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;}

.footer {height:auto; overflow:hidden; background:url(../images/footer.jpg) no-repeat center center #292929;}

.footer .footer-logo {height:140px; padding:20px 30px 20px 0px; border-right:#515151 solid 1px; float:left;}
.footer .footer-logo img {width:100px; display:block;}

.footer .footer-code {height:140px; overflow:hidden; padding:20px 0px 20px 30px; border-left:#111 solid 1px; float:left;}
.footer .footer-code img {width:100px; display:block;}

.footer .footer-text {height:auto; overflow:hidden; padding:0px 30px;}
.footer .footer-text p {height:36px; line-height:36px; color:#ccc;}
.footer .footer-text span {height:auto; overflow:hidden; line-height:24px; color:#ccc; font-size:12px; display:block;}

.footer .footer-text .ul {height:auto; overflow:hidden;}
.footer .footer-text .ul a {height:24px; line-height:24px; color:#ccc; display:block; float:left;}
.footer .footer-text .ul small {height:24px; line-height:24px; color:#ccc; display:block; padding:0px 10px; float:left;}

.footer .footer-text .copyright {height:24px; line-height:24px; color:#ccc;}

/* banner */

.banner .banner-pagination-index {width:100%; height:15px; text-align:center; position:absolute; left:0px; bottom:20px; z-index:99;}
.banner .banner-pagination-index .banner-pagination {height:15px; padding:0px 10px; display:inline-block;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:15px; height:15px; background:#fff; opacity:0.7; margin:0px 3px; float:left; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.banner .banner-pagination-index .swiper-pagination-bullet-active {background:#0078ca; opacity:1;}

.index-service {height:auto; overflow:hidden; background:#f8f8f8; text-align:center;}
.index-service .service {height:auto; overflow:hidden; margin:0px auto;}
.index-service .service a {height:auto; overflow:hidden; display:block; float:left;}
.index-service .service a img {height:90px; display:block; margin:10px auto;}
.index-service .service a p {height:30px; line-height:30px; font-size:18px; color:#444; overflow:hidden;}
.index-service .service a span {height:30px; line-height:30px; font-size:12px; color:#999; font-family:"Arial"; overflow:hidden; display:none;}
.index-service .service a:hover {background:#fff;}
.index-service .service a:hover span {display:block;}

.index-title {height:auto; overflow:hidden; padding:10px 0px; font-size:24px; text-align:center;}
.index-title span {color:#d93037; padding:0px 5px;}
.index-title font {color:#999; font-family:"Arial"; padding:0px 5px;}

.service-link {height:auto; overflow:hidden; padding:10px 0px; display:inline-block;}
.service-link a {height:38px; line-height:38px; color:#333; display:block; padding:0px 25px; margin:0px 10px; border:#dedede solid 1px; position:relative; float:left;}
.service-link a.item:hover,.service-link a.item.hover  {background:#0078ca; border:#0078ca solid 1px; color:#fff;}
.service-link a.item:hover:before,.service-link a.item.hover:before {width:0px; height:0px; border:transparent solid 8px; border-top:none; border-bottom-color:#fff; content:""; position:absolute; bottom:-1px; left:50%; margin-left:-8px;}

.index-case {height:auto; overflow:hidden; padding:30px 0px; text-align:center;}
.index-case {height:auto; overflow:hidden; padding:30px 0px; text-align:center;}
.index-case .case {height:auto; overflow:hidden;}
.index-case .case a {height:auto; overflow:hidden; display:block; position:relative;}
.index-case .case a img {width:100%; display:block;}
.index-case .case a span {width:100%; height:35px; line-height:35px; color:#fff; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0px 10px; position:absolute; left:0px; bottom:0px; background:rgba(0, 0, 0, 0.5);}

.index-case .case .none {display:none;}
.index-case .case .show {display:block;}

.index-about {height:auto; overflow:hidden; padding:30px 0px; background:#f6f6f6; position:relative;}
.index-about .title1 {width:30px; height:15px; position:absolute; top:0px; left:50%; margin-left:-15px; background:url(../images/title1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.index-about .about_title {height:auto; overflow:hidden; padding:10px 0px 10px 30px; font-size:24px; background:url(../images/lictico.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.index-about .about_title span {line-height:30px; color:#d93037; padding:0px 5px;}
.index-about .about_title font {line-height:30px; color:#999; font-family:"Arial"; padding:0px 5px;}
.index-about .p1 {height:auto; overflow:hidden; line-height:36px; color:#888; font-size:18px; padding:10px 0px;}

.index-dynamic {height:auto; overflow:hidden; padding:30px 0px; position:relative;}
.index-dynamic .title2 {width:30px; height:15px; position:absolute; top:0px; left:50%; margin-left:-15px; background:url(../images/title2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.index-dynamic .dynamic {height:auto; overflow:hidden;}
.index-dynamic .dynamic .a {height:auto; overflow:hidden; padding:0px 10px; float:left;}
.index-dynamic .dynamic .a a {height:auto; overflow:hidden; display:block; position:relative;}
.index-dynamic .dynamic .a a .title {width:100%; height:40px; line-height:40px; color:#fff; padding-left:10px; padding-right:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#0078ca; position:absolute; left:0px; bottom:0px;}
.index-dynamic .dynamic .a a .title span {width:32px; height:32px; display:block; position:absolute; top:4px; right:0px; background:url(../images/titlehover.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.index-dynamic .dynamic .a.a-8 a {line-height:40px; color:#fff; text-align:center; background:#0078ca;}
.index-dynamic .dynamic .a.a-8 a .more {width:100%; height:82px; position:absolute; top:50%; left:0px; margin-top:-41px;}
.index-dynamic .dynamic .a.a-8 a .more i {width:1px; height:20px; display:block; background:#fff; margin:0px auto;}
.index-dynamic .dynamic .a.a-8 a .more span {width:100px; height:40px; line-height:30px; color:#fff; text-align:center; padding:5px 0px; display:block; margin:0px auto;}

/* 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 .p2 {height:auto; overflow:hidden; color:#666; font-size:12px; float:right;}
.location .p2 a {color:#666;}
.location .p2 span {color:#dc0000;}

/* left_box */

.left_box {height:auto; overflow:hidden;}
.left_box .title {height:auto; overflow:hidden; color:#0078ca; padding:0px 5px; font-size:18px; border-bottom:#0078ca solid 2px; padding-bottom:10px;}
.left_box .title span {color:#999; font-family:"Arial"; padding:0px 5px;}

.left_box .ul {height:auto; overflow:hidden;}
.left_box .ul a {height:auto; overflow:hidden; line-height:30px; color:#333; display:block; padding:10px 0px 10px 20px; border-bottom:#e5e5e5 dashed 1px; position:relative;}
.left_box .ul a .i {width:12px; height:12px; padding:3px; border:#999 solid 1px; position:absolute; top:50%; left:0px; margin-top:-6px;}
.left_box .ul a .i i {width:4px; height:4px; display:block; background:#999;}
.left_box .ul a:hover,.left_box .ul a.hover {color:#0078ca;}
.left_box .ul a:hover .i,.left_box .ul a.hover .i {border:#0078ca solid 1px;}
.left_box .ul a:hover .i i,.left_box .ul a.hover .i i {background:#0078ca;}

.index-article {height:auto; overflow:hidden;}
.index-article a {height:auto; overflow:hidden; display:block; padding:10px 0px 15px; border-bottom:#999 dashed 1px; position:relative;}
.index-article a .n_title {height:30px; line-height:30px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:100px; position:relative;}
.index-article a .n_title .time {width:100px; height:30px; line-height:30px; overflow:hidden; color:#333; text-align:right; position:absolute; top:0px; right:0px;}
.index-article a .n_intro {max-height:44px; overflow:hidden; line-height:22px; color:#777; font-size:14px;}
.index-article a .n_more {height:auto; overflow:hidden; line-height:20px; color:#c0c0c0; text-align:right; font-family:"Arial";}
.index-article a:hover .n_title {color:#0078ca;}
.index-article a:hover .n_intro {color:#222;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding:5px 0px;}
.s_d_date {height:30px; line-height:30px; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

.content {height:auto; overflow:hidden;}
.content img {max-width:100%;}

.contact {height:auto; overflow:hidden;}
.contact .list {border:#e5e5e5 solid 1px; position:relative;}
.contact .list .imgs {height:120px; display:block; position:absolute; top:-60px; left:50%; margin-left:-60px;}
.contact .list .cont {height:auto; overflow:hidden; padding:20px;}
.contact .list .cont b {font-size:20px; color:#000; text-align:center; display:block;}
.contact .list .cont p {line-height:24px; color:#555; text-align:center; display:block;}
.contact .list .cont p img {width:120px; display:block; margin:0px auto;}

/* 分页样式 */

.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 div {height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.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;}

@media (max-width: 479px) {

.pages {padding-top:50px;}

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

.head #menu-holder .tel {height:auto; overflow:hidden; text-align:center; padding:10px 0px; background:url(../images/phone.png) no-repeat 15px center; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px;}
.head #menu-holder .tel a {height:auto; overflow:hidden; line-height:22px; color:#888; display:block;}
.head #menu-holder .tel a b {color:#da0000; font-size:22px; display:block;}

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

.head #menu-holder {width:300px; height:360px; position:fixed; top:100%; left:50%; margin-left:-150px; 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:-180px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; 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 .navs {height:auto; overflow:hidden; clear:both;}
.head #menu-holder .navs a {height:44px; line-height:44px; text-align:center; display:block; margin-bottom:5px;}
.head #menu-holder .navs a span {height:24px; line-height:24px; color:#333; font-size:16px; display:block; text-align:center;}
.head #menu-holder .navs a small {height:20px; line-height:20px; color:#898889; font-size:12px; font-family:"Arial"; display:block; text-align:center;}

.head #menu-holder .navs a:hover span {font-weight:bold;}

.footer {padding:10px 0px;}
.footer .footer-logo,.footer .footer-code {display:none}
.footer .footer-text {padding:0px;}
.footer .footer-text p,.footer .footer-text span {display:none;}
.footer .footer-text .ul a {height:20px; line-height:20px; font-size:12px;}
.footer .footer-text .ul small {height:20px; line-height:20px; padding:0px 8px;}

.banner {height:180px;}
.banner .banner-pagination-index {height:8px;}
.banner .banner-pagination-index .banner-pagination {height:8px;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:8px; height:8px; }

.service-link a {height:36px; line-height:36px; font-size:12px; padding:0px 18px; margin:0px 5px;}
.service-link a:nth-child(4) {display:none;}

.index-service .service {width:300px;}
.index-service .service a {width:150px; padding:30px 5px; background:#fff; border-bottom:#e6e6e6 solid 1px; border-left:#e6e6e6 solid 1px;}
.index-service .service a:nth-child(2n) {border-right:#e6e6e6 solid 1px;}

.index-service .service a img {height:60px;}
.index-service .service a p {height:24px; line-height:24px; }
.index-service .service a span {height:20px; line-height:20px; display:block;}

.index-dynamic .dynamic .a {width:100%; padding:0px 5px;}
.index-dynamic .dynamic .a a {height:200px;}

.index-dynamic .dynamic .a.a-8 a {height:150px;}

.index-article a.aa {height:120px; padding:10px 0px 20px 100px;}
.index-article a.aa .imgs {width:90px; height:90px; position:absolute; top:10px; left:0px;}
.index-article a .n_title {height:20px; line-height:20px; font-size:14px; font-weight:normal;}
.index-article a .n_title .time {height:20px; line-height:20px; font-size:12px;}
.index-article a .n_intro {max-height:22px; font-size:12px;}

.banners {height:160px;}

.contact {height:800px; padding-top:50px;}
.contact .list {height:270px; border:#e5e5e5 solid 1px; position:relative;}
.contact .list.list1 {height:230px;}
.contact .list.list2 {height:200px;}
.contact .list .cont {padding:80px 25px 20px;}

}

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

.pages {padding-top:50px;}

.head {height:50px;}
.head .logo {height:50px; padding:5px 0px; display:block;}
.head .logo img {height:40px;}

.head #menu-holder .tel {height:auto; overflow:hidden; text-align:center; padding:10px 0px; background:url(../images/phone.png) no-repeat 15px center; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px;}
.head #menu-holder .tel a {height:auto; overflow:hidden; line-height:22px; color:#888; display:block;}
.head #menu-holder .tel a b {color:#da0000; font-size:22px; display:block;}

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

.head #menu-holder {width:300px; height:360px; position:fixed; top:100%; left:50%; margin-left:-150px; 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:-180px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; 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 .navs {height:auto; overflow:hidden; clear:both;}
.head #menu-holder .navs a {height:44px; line-height:44px; text-align:center; display:block; margin-bottom:10px;}
.head #menu-holder .navs a span {height:24px; line-height:24px; color:#333; font-size:16px; display:block; text-align:center;}
.head #menu-holder .navs a small {height:20px; line-height:20px; color:#898889; font-size:12px; font-family:"Arial"; display:block; text-align:center;}

.head #menu-holder .navs a:hover span {font-weight:bold;}

.footer {padding:10px 0px;}
.footer .footer-logo,.footer .footer-code {display:none}
.footer .footer-text {padding:0px;}

.banner {height:220px;}
.banner .banner-pagination-index {height:8px;}
.banner .banner-pagination-index .banner-pagination {height:8px;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:8px; height:8px; }

.service-link a {height:36px; line-height:36px; padding:0px 20px; margin:0px 5px;}

.index-service .service {width:360px;}
.index-service .service a {width:180px; padding:30px 5px; background:#fff; border-bottom:#e6e6e6 solid 1px; border-left:#e6e6e6 solid 1px;}
.index-service .service a:nth-child(2n) {border-right:#e6e6e6 solid 1px;}

.index-service .service a img {height:60px;}
.index-service .service a p {height:24px; line-height:24px; }
.index-service .service a span {height:20px; line-height:20px; display:block;}

.index-dynamic .dynamic .a {width:50%; padding:0px 5px;}
.index-dynamic .dynamic .a a {height:200px;}

.index-article a.aa {padding:15px 0px 30px 200px;}
.index-article a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.index-article a.aa .n_intro {height:44px;}

.banners {height:200px;}

.contact {height:800px; padding-top:50px;}
.contact .list {height:270px; border:#e5e5e5 solid 1px; position:relative;}
.contact .list.list1,.contact .list.list2 {height:200px;}
.contact .list .cont {padding:80px 25px 20px;}

}

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

.pages {padding-top:60px;}

.head {height:60px;}
.head .logo {height:60px; padding:10px 0px; display:block; float:left;}
.head .logo img {height:40px;}

.head #menu-holder .tel {height:auto; overflow:hidden; text-align:center; padding:10px 0px; background:url(../images/phone.png) no-repeat 15px center; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px;}
.head #menu-holder .tel a {height:auto; overflow:hidden; line-height:22px; color:#888; display:block;}
.head #menu-holder .tel a b {color:#da0000; font-size:22px; display:block;}

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

.head #menu-holder {width:300px; height:360px; position:fixed; top:100%; left:50%; margin-left:-150px; z-index:100; -webkit-overflow-scrolling:touch; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.footer {padding:20px 0px;}
.footer .footer-text {width:460px; float:left;}

.open #menu-holder {top:50%; margin-top:-180px; -webkit-transition:800ms; -moz-transition:800ms; -o-transition:800ms; transition:800ms;}
.open #bg-menu {width:100%; height:100%; background:#fff; 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 .navs {height:auto; overflow:hidden; clear:both;}
.head #menu-holder .navs a {height:44px; line-height:44px; text-align:center; display:block; margin-bottom:10px;}
.head #menu-holder .navs a span {height:24px; line-height:24px; color:#333; font-size:16px; display:block; text-align:center;}
.head #menu-holder .navs a small {height:20px; line-height:20px; color:#898889; font-size:12px; font-family:"Arial"; display:block; text-align:center;}

.head #menu-holder .navs a:hover span {font-weight:bold;}

.banner {height:300px;}

.index-service .service {width:720px;}
.index-service .service a {width:180px; height:220px; padding:30px 30px; background:#fff; border-bottom:#e6e6e6 solid 1px; border-left:#e6e6e6 solid 1px;}
.index-service .service a:nth-child(4n) {border-right:#e6e6e6 solid 1px;}
.index-service .service a span {display:block;}

.index-about {padding:50px 0px;}
.index-about .title1 {width:60px; height:30px; margin-left:-30px;}

.index-dynamic {padding:50px 0px;}
.index-dynamic .title2 {width:60px; height:30px; margin-left:-30px;}

.index-dynamic .dynamic .a {width:50%; padding:0px 5px;}
.index-dynamic .dynamic .a a {height:240px;}

.index-article a.aa {padding:15px 0px 30px 200px;}
.index-article a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.index-article a.aa .n_intro {height:44px;}

.banners {height:240px;}

.contact {height:840px; padding-top:80px;}
.contact .list {height:270px; border:#e5e5e5 solid 1px; position:relative;}
.contact .list.list1,.contact .list.list2 {height:200px;}
.contact .list .cont {padding:80px 25px 20px;}

}

@media (min-width: 1000px) {

.pages {padding-top:120px;}

.head {height:120px; overflow:hidden; padding-bottom:20px;}
.head .logo {height:70px; padding:10px 0px; display:block; position:absolute; top:30px; left:0px;}
.head .logo img {height:80px;}

.head #bg-menu {height:0px; clear:both;}

.head #menu-holder {height:44px; float:right;}

.head #menu-holder .tel {height:auto; overflow:hidden; padding:10px 0px 10px 35px; float:right; background:url(../images/phone.png) no-repeat left center; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px;}
.head #menu-holder .tel a {height:auto; overflow:hidden; line-height:30px; color:#888; display:block;}
.head #menu-holder .tel a b {color:#da0000; font-size:24px;}

.head #menu-holder .navs {height:44px; clear:both; float:right;}
.head #menu-holder .navs a {height:44px; line-height:44px; text-align:center; margin-left:40px; display:block; float:left;}
.head #menu-holder .navs a span {height:24px; line-height:24px; color:#333; font-size:16px; display:block; text-align:center;}
.head #menu-holder .navs a small {height:20px; line-height:20px; color:#898889; font-size:12px; font-family:"Arial"; display:block; text-align:center;}

.head #menu-holder .navs a:hover span,.head #menu-holder .navs a.hover span {color:#da0000;}
.head #menu-holder .navs a:hover small,.head #menu-holder .navs a.hover small {color:#000;}

.footer {padding:20px 0px;}
.footer .footer-text {width:600px; float:left;}

.banner {height:360px;}

.index-service .service {width:880px;}
.index-service .service a {width:220px; height:220px; padding:30px 30px;}

.index-about {padding:50px 0px;}
.index-about .title1 {width:60px; height:30px; margin-left:-30px;}

.index-dynamic {padding:50px 0px;}
.index-dynamic .title2 {width:60px; height:30px; margin-left:-30px;}

.index-dynamic .dynamic .a {width:25%;}
.index-dynamic .dynamic .a a {height:180px;}

.index-dynamic .dynamic .a a .title {display:none;}
.index-dynamic .dynamic .a:hover a .title {display:block;}

.banners {height:300px;}

.boxx {background:url(../images/left_box.png) no-repeat 230px top;}

.index-article a.aa {padding:15px 0px 30px 200px;}
.index-article a.aa .imgs {width:180px; height:120px; position:absolute; top:20px; left:0px;}
.index-article a.aa .n_intro {height:44px;}

.contact {height:400px; padding-top:80px;}
.contact .list {height:300px; border:#e5e5e5 solid 1px; position:relative;}
.contact .list .cont {padding:80px 25px 20px;}

}

@media (min-width: 1260px) {

.head #menu-holder .navs a {margin-left:60px;}

.footer .footer-text {width:700px;}

.banner {height:480px;}

.index-dynamic .dynamic {height:520px; position:relative;}
.index-dynamic .dynamic .a {float:none; padding:0px; position:absolute;}

.index-dynamic .dynamic .a.a-1 {width:320px; top:0px; left:0px;}
.index-dynamic .dynamic .a.a-1 a {height:280px;}

.index-dynamic .dynamic .a.a-2 {width:240px; top:0px; left:330px;}
.index-dynamic .dynamic .a.a-2 a {height:280px;}

.index-dynamic .dynamic .a.a-3 {width:200px; top:0px; left:580px;}
.index-dynamic .dynamic .a.a-3 a {height:200px;}

.index-dynamic .dynamic .a.a-4 {width:410px; top:0px; left:790px;}
.index-dynamic .dynamic .a.a-4 a {height:200px;}

.index-dynamic .dynamic .a.a-5 {width:200px; top:290px; left:0px;}
.index-dynamic .dynamic .a.a-5 a {height:200px;}

.index-dynamic .dynamic .a.a-6 {width:360px; top:290px; left:210px;}
.index-dynamic .dynamic .a.a-6 a {height:200px;}

.index-dynamic .dynamic .a.a-7 {width:400px; top:210px; left:580px;}
.index-dynamic .dynamic .a.a-7 a {height:280px;}

.index-dynamic .dynamic .a.a-8 {width:210px; top:210px; left:990px;}
.index-dynamic .dynamic .a.a-8 a {height:280px;}

.boxx {background:url(../images/left_box.png) no-repeat 190px top;}

.contact {height:400px; padding-top:80px;}
.contact .list {height:300px; border:#e5e5e5 solid 1px; position:relative;}
.contact .list .cont {padding:80px 20px 20px;}

}




.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;}
body>iframe:last-child{
	display: none;
}