html,body {padding:0px; margin:0px;}
body {font-size:14px;}
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 {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

#ckplayer_a1 {position:relative; z-index:0;}

/* 二维码 */

.code-top {height:50px; line-height:50px; overflow:hidden; color:#333; font-size:16px; padding:0px 20px; border-bottom:#ddd solid 1px;}
.code-center {height:auto; overflow:hidden; text-align:center; padding:10px 10px; border-bottom:#ddd solid 1px;}
.code-center img {width:180px; display:block; margin:0px auto;}
.code-bot {height:auto; line-height:20px; color:#777; font-size:12px; overflow:hidden; padding:10px 20px 0px;}

/* header */

.head {height:80px; position:relative; box-shadow:0 0 4px rgba(0,0,0,0.3); background:#fff;}
.head .logo {height:80px; display:block; padding:10px; position:absolute; top:0px; left:0px;}
.head .logo img {height:60px; display:block;}

.head .navs {height:80px; margin:0px auto; display:none;}
.head .navs .navli {height:80px; position:relative; float:left;}
.head .navs .navli .a1 {height:80px; line-height:80px; color:#8b8b8c; font-size:16px; display:block; padding:0px 18px;}
.head .navs .navli.hover .a1 {background:#ff6633; color:#fff;}
.head .navs .navli:hover .a1 {background:#ff6633; color:#fff;}

.head .navs .navli .ulbg {width:150%; height:8px; background:url(../images/nav_bg.png) no-repeat center top; position:absolute; top:75px; left:-25%; z-index:999; display:none;}
.head .navs .navli .ul {width:150%; height:auto; overflow:hidden; background:url(../images/ul-line.png) repeat-y 20px center #fff; padding:10px 0px; position:absolute; top:83px; left:-25%; z-index:999; display:none;}
.head .navs .navli .ul .a2 {height:30px; line-height:30px; color:#8b8b8c; display:block; padding-left:40px; padding-right:25px; position:relative;}
.head .navs .navli .ul .a2 i {width:3px; height:30px; display:block; position:absolute; top:0px; left:19px;}
.head .navs .navli .ul .a2 small {width:22px; height:30px; display:block; position:absolute; top:0px; right:0px;}
.head .navs .navli .ul .a2:hover {color:#ff6633;}
.head .navs .navli .ul .a2:hover i {background:#ff6633;}
.head .navs .navli .ul .a2:hover small {background:url(../images/ul-arr.png) no-repeat right center;}

.head .tel {height:80px; display:block; padding:10px 10px 10px 60px; position:absolute; top:0px; right:0px;}
.head .tel small {height:25px; line-height:25px; color:#333; font-size:16px; display:block;}
.head .tel span {height:35px; line-height:35px; color:#ff6633; font-size:24px; font-weight:bold; display:block;}
.head .tel i {display:block; position:absolute;}
.head .tel i.i1 {width:60px; height:60px; background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; left:0px;}
.head .tel i.i2 {width:13px; height:13px; background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:15px; right:18px;}

/* web header */

.menu-handler { width: 50px; height: 50px; cursor: pointer; position: absolute; right: 0px; top: 2px; z-index: 10002; display:none;}
.menu-handler .burger { width: 30px; height: 2px; background: #000; display: block; position: absolute; z-index: 5; top: 12px; 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; }
.menu-handler .burger-2 { top: 20px; }
.menu-handler .burger-3 { top: 30px; }
.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); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.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; }
#menu-holder { position: fixed; left:0px; top:-100%; width: 100%; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#ebebeb; color: #333; z-index: 10000; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #333; font-size:18px; font-weight:bold; text-align:center;}
#menu-holder a:active, #menu-holder a:hover { color: #ff6633; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #333; font-size:14px; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #ff6633; }
.navMobile { padding: 0px 0px 15%; margin-top: 86px; display: block; }
.navMobile dd { padding:10px 0px; position: relative; width: 100%; }
.navMobile p a { font: bold 16px; display: block; }
.navMobile .msubnav { width: 100%; padding: 32px 0px 0px; text-align:center; display: none;}
.navMobile .msubnav a { font-size: 16px; color:#333; margin: 0px 5px 10px 5px; display:block; float:left;}
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 99; display: none; }
.open #menu-holder { top: 0px; }

/* footer */

.footer {height:auto; overflow:hidden; background:#f5f5f5; padding:20px 0px; border-top:#d8d8d8 solid 2px;}
.footer .con1 {height:auto; overflow:hidden; padding:10px 0px; float:left;}
.footer .con1 a {width:33.333%; height:24px; line-height:24px; color:#333; display:block; float:left;}
.footer .con2 {height:auto; overflow:hidden; padding:10px 0px 10px 50px; position:relative; float:left;}
.footer .con2 span {width:40px; height:40px; overflow:hidden; display:block; position:absolute; top:16px; left:0px; background:url(../images/c-tel.png) no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px;}
.footer .con2 p {height:22px; line-height:22px; color:#333; display:block;}
.footer .con2 p.p1 {height:28px; line-height:28px; color:#ff6633; font-size:20px;}
.footer .con3 {height:auto; overflow:hidden; padding:10px 0px 10px 50px; position:relative; float:left;}
.footer .con3 a {height:40px; display:block; padding-left:50px; padding-top:5px; padding-right:10px; position:relative; float:left;}
.footer .con3 a span {width:40px; height:40px; overflow:hidden; display:block; position:absolute; top:5px; left:0px;}
.footer .con3 a p {height:40px; line-height:40px; color:#333; display:block;}
.footer .con3 a.wechat span {background:url(../images/c-wechat.png) no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px;}
.footer .con3 a.wechat p {height:18px; line-height:18px; color:#333; display:block;}
.footer .con3 a.sina span {background:url(../images/c-sina.png) no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px;}
.footer .con3 a.qq span {background:url(../images/c-qq.png) no-repeat; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px;}
.footer .con3 a.qq p {height:18px; line-height:18px; color:#333; display:block;}

.footer .copyright {height:auto; overflow:hidden; padding:20px 0px 0px;}
.footer .copyright span,.footer .copyright a {height:24px; line-height:24px; color:#333; font-size:12px; padding:0px 10px; display:block;}

/* home banner */

.banner {width:100%; position:relative;}
.banner .swiper-slide {background:url(../images/banner.jpg); position:relative;}

.banner .banner-button-prev {width:50px; height:50px; position:absolute; top:50%; left:-100px; z-index:99; margin-top:-15px;}
.banner .banner-button-prev {background:url(../images/prev.png) no-repeat #ff6633 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.banner .banner-button-next {width:50px; height:50px; position:absolute; top:50%; right:-100px; z-index:99; margin-top:-15px;}
.banner .banner-button-next {background:url(../images/next.png) no-repeat #ff6633 center center; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.banner .banner-button-prev,.banner .banner-button-next {-webkit-transition: all 1200ms ease-in-out; -moz-transition: all 1200ms ease-in-out; -o-transition: all 1200ms ease-in-out; transition: all 1200ms ease-in-out; -ms-transition: all 1200ms ease-in-out;}
.banner .swiper-pagination-bullet {width:15px; height:10px; background:#000; 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; background:#ff6633; opacity:1;}

.banner .bgcolor {height:80px; position:absolute; left:50%; bottom:0px; z-index:999;}
.banner .bgcolor span {height:80px; background:#fff; display:block;}
.banner .bgcolor span {-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -ms-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -ms-border-top-right-radius:5px; border-top-right-radius:5px;}
.banner .bgcolor .title {width:100%; height:80px; position:absolute; top:0px; left:0px;}
.banner .bgcolor .title s {width:300px; height:2px; display:block; background:#888; position:absolute; top:60px; left:50%; margin-left:-150px;}
.banner .bgcolor .title .box {width:200px; height:40px; background:#fff; margin:0px auto; position:absolute; top:30px; left:50%; margin-left:-100px;}
.banner .bgcolor .title .box b {height:30px; line-height:30px; font-size:18px; color:#333; letter-spacing:5px; text-align:center; display:block;}
.banner .bgcolor .title .box font {height:20px; line-height:20px; font-size:16px; color:#999; letter-spacing:3px; text-align:center; display:block; font-family:Arial;}

.banner:hover .banner-button-prev {left:10px;}
.banner:hover .banner-button-next {right:10px;}

.index-title {height:auto; overflow:hidden; position:relative;} 
.index-title.t1 {background:url(../images/title1.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;} 
.index-title.t2 {background:url(../images/title2.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;} 
.index-title.t3 {background:url(../images/title3.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;} 
.index-title.t4 {background:url(../images/title4.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;} 
.index-title.t11 {background:url(../images/title11.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;} 

.index-title b {height:40px; line-height:40px; color:#fff; font-size:16px; display:block; padding:0px 25px; float:left;} 
.index-title p {height:40px; line-height:40px; color:#fff; display:block; padding:0px 15px; float:left;} 
.index-title a {height:40px; line-height:40px; color:#fff; display:block; padding:0px 10px; float:right;} 

.index-about {height:auto; overflow:hidden;}
.index-about .about {height:auto; overflow:hidden; margin:0px auto; position:relative;}
.index-about .about .imgs {width:50%; height:auto; overflow:hidden;}
.index-about .about .imgs img {max-width:100%;}
.index-about .about .text {width:50%; height:auto; overflow:hidden; background:#eee; padding:40px 20px;}
.index-about .about .text b {height:30px; line-height:30px; font-size:20px; color:#333; letter-spacing:5px; display:block;}
.index-about .about .text p {line-height:24px; color:#333; display:block; overflow:hidden;}
.index-about .about .text a {width:180px; height:50px; display:block; border:#ff6633 solid 1px; position:relative;}
.index-about .about .text a span {width:0px; height:48px; background:#ff6633; position:absolute; top:0px; left:0px;}
.index-about .about .text a font {width:100%; height:48px; line-height:48px; color:#000; font-weight:bold; text-align:center; position:absolute; top:0px; left:0px;}
.index-about .about .text a:hover span {width:100%;}
.index-about .about .text a:hover font {color:#fff;}

.index-serve {height:auto; overflow:hidden; padding:30px 0px;}
.index-serve .list {height:auto; overflow:hidden; display:block; border:#e5e5e5 solid 1px; padding:30px; position:relative;}
.index-serve .list span {color:#333; font-weight:bold; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-serve .list p {color:#333; display:block; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-serve .list s {width:0px; height:2px; background:#333; display:block;}
.index-serve .list i {width:60px; height:60px; display:block; position:absolute; right:-60px; bottom:-60px;}
.index-serve .list i {background:url(../images/serve-icon-bg.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.index-serve .list:hover span {color:#ff6633;}
.index-serve .list:hover p {color:#000;}
.index-serve .list:hover s {width:40px;}
.index-serve .list:hover i {right:0px; bottom:0px;}

.index-case .list {height:auto; overflow:hidden; display:block; position:relative;}
.index-case .list .bgcolor {width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; position:absolute; top:100%; left:0px;}
.index-case .list span {width:100%; color:#fff; font-weight:bold; text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0px 20px; position:absolute; top:100%; left:0px;}
.index-case .list:hover .bgcolor {top:0px;}

.index-news .list {height:auto; overflow:hidden; display:block; box-shadow:0 0 4px rgba(0,0,0,0.3);}
.index-news .list span {color:#666; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-news .list s {width:15px; height:2px; background:#666; display:block;}
.index-news .list p {max-height:75px; color:#8b8b8c; display:block; overflow:hidden;}
.index-news .list font {width:80px; height:35px; line-height:33px; color:#333; font-size:16px; text-align:center; display:block; overflow:hidden; border:#e5e5e5 solid 1px;}
.index-news .list:hover {box-shadow:0 0 4px rgba(0,0,0,0.5);}
.index-news .list:hover .imgsrc {filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6;}
.index-news .list:hover span {color:#ff6633;}
.index-news .list:hover s {background:#ff6633;}
.index-news .list:hover font {color:#fff; border:#ff6633 solid 1px; background:#ff6633;}

.index-team .title {color:#ff6633; font-weight:bold; text-align:center; letter-spacing:5px; background:url(../images/team.png) no-repeat center center; background-size:auto 100%; -ms-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.index-team .list {height:auto; overflow:hidden; padding:0px 10px; display:block;}
.index-team .list span {height:50px; line-height:50px; color:#363636; font-size:16px; font-weight:bold; text-align:center; display:block;}
.index-team .list p {line-height:24px; color:#363636; text-align:center; display:block;}

.index-team .team-button-prev {left:0px; margin-top:0px;}
.index-team .team-button-prev {background:url(../images/prev.png) no-repeat #ff6633 center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}
.index-team .team-button-next {right:0px; margin-top:0px;}
.index-team .team-button-next {background:url(../images/next.png) no-repeat #ff6633 center center; background-size:20px 20px; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px;}

.index-partner .title {color:#ff6633; font-weight:bold; text-align:center; letter-spacing:5px; background:url(../images/partner.png) no-repeat center center; background-size:auto 100%; -ms-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.index-partner a {height:auto; overflow:hidden; display:block; padding:10px; background:#fff; border:#e5e5e5 solid 1px;}
.index-partner a img {width:100%; display:block; overflow:hidden; box-sizing:border-box;}
.index-partner a span {height:40px; line-height:40px; font-size:16px; color:#000; font-weight:bold; display:block; overflow:hidden;}
.index-partner a:hover {background:#eceff3; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}
.index-partner a:hover img{width:100%; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}

.bigimg {position:relative;}
.bigimg .bgcolor {height:80px; position:absolute; left:50%; bottom:0px; z-index:999;}
.bigimg .bgcolor span {height:80px; background:#fff; display:block;}
.bigimg .bgcolor span {-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -ms-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -ms-border-top-right-radius:5px; border-top-right-radius:5px;}
.bigimg .bgcolor .title {width:100%; height:80px; position:absolute; top:0px; left:0px;}
.bigimg .bgcolor .title s {width:300px; height:2px; display:block; background:#888; position:absolute; top:60px; left:50%; margin-left:-150px;}
.bigimg .bgcolor .title .box {width:200px; height:40px; background:#fff; margin:0px auto; position:absolute; top:30px; left:50%; margin-left:-100px;}
.bigimg .bgcolor .title .box b {height:30px; line-height:30px; font-size:18px; color:#333; letter-spacing:5px; text-align:center; display:block;}
.bigimg .bgcolor .title .box font {height:20px; line-height:20px; font-size:16px; color:#999; letter-spacing:3px; text-align:center; display:block; font-family:Arial;}

.links {height:auto; overflow:hidden; border-right:#fff solid 1px;}
.links a {color:#dbdbdb; text-align:center; background:#888; border-left:#fff solid 1px; border-bottom:#fff solid 1px; display:block; overflow:hidden; cursor:pointer; position:relative; float:left;}
.links a i {width:100%; display:block; background:#ff6633; position:absolute; top:105%; left:0px;}
.links a span {width:100%; position:absolute; top:0px; left:0px;}
.links a.hover i {top:0px;}
.links a.no:hover i {top:0px;}

.case {height:auto; overflow:hidden;}
.case .list {height:auto; overflow:hidden; display:block; position:relative; float:left;}
.case .list .bgcolor {width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; position:absolute; top:100%; left:0px;}
.case .list span {width:100%; color:#fff; font-weight:bold; text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0px 20px; position:absolute; top:100%; left:0px;}
.case .list:hover .bgcolor {top:0px;}

.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%; display:block;}

.design .item {height:auto; overflow:hidden; display:block; color:#989898; border:solid 1px #656565; position:relative;}
.design .item .design-info{ position:absolute; left:0; bottom:0; width:100%; height:60px; padding:5px 15px; background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); bottom:-60px; transition:all ease .3s;-webkit-transition:all ease .3s;}
.design .item:hover .design-info {bottom:0;}
.design .item .design-info p {display:block; overflow:hidden;}
.design .item .design-info .p1{height:26px; line-height:26px; font-size:14px; color:#fff;}
.design .item .design-info .p2{height:24px; line-height:24px; font-size:12px;}

.contact {height:auto; overflow:hidden;}
.contact .list {height:auto; overflow:hidden; display:block; padding:30px 0px; border:#e5e5e5 solid 1px;}
.contact .list i {width:40px; height:40px; display:block; margin:0px auto;}
.contact .list i.i1 {background:url(../images/ico7_1.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list i.i2 {background:url(../images/ico7_2.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list i.i3 {background:url(../images/ico7_3.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list i.i4 {background:url(../images/ico7_4.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list i.i5 {background:url(../images/ico7_5.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list b {height:35px; line-height:35px; font-size:14px; color:#333; text-align:center; display:block;}
.contact .list s {width:20px; height:2px; display:block; background:#333; margin:0px auto;}
.contact .list span {line-height:22px; color:#777; text-align:center; display:block; padding:10px 0px;}

.contact .list:hover {background:#ff6633;}
.contact .list:hover i.i1 {background:url(../images/ico7_1on.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list:hover i.i2 {background:url(../images/ico7_2on.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list:hover i.i3 {background:url(../images/ico7_3on.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list:hover i.i4 {background:url(../images/ico7_4on.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list:hover i.i5 {background:url(../images/ico7_5on.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact .list:hover b {color:#fff;}
.contact .list:hover s {background:#dbdbdb; margin:0px auto;}
.contact .list:hover span {color:#dbdbdb;}

.contact .listt {height:auto; overflow:hidden; display:block; padding:10px; border:#e5e5e5 solid 1px;}
.contact .listt img {width:100%;}

/* 分页样式 */

.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:0px 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:#ff6633; border:#ff6633 solid 1px;}
.page a:hover {color:#000; border:#000 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:#d7181f;}

.stage_title {height:60px; line-height:60px; font-size:18px; color:#000; border:#e5e5e5 solid 1px; border-bottom:none; padding:0px 20px; display:block;}
.stage_title2 {height:60px; line-height:60px; font-size:18px; color:#000; border:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; padding:0px 20px; border-top:none;}

.side_div {height:auto; overflow:hidden; border:#e5e5e5 solid 1px; border-top:none;}
.side_div .a1 {height:45px; line-height:45px; color:#333; font-size:16px; overflow:hidden; display:block; border-top:#e5e5e5 solid 1px; padding-left:30px; position:relative;}
.side_div .a1 i {width:3px; height:15px; background:#666; position:absolute; top:15px; left:15px;}
.side_div .a1.hover {color:#ff6633;}
.side_div .a1.hover i {background:#ff6633;}
.side_div .a1:hover {color:#ff6633;}
.side_div .a1:hover i {background:#ff6633;}

.side_div .ul {height:auto; overflow:hidden; padding-bottom:10px;}
.side_div .ul4 {padding-bottom:0px;}
.side_div .ul .a2 {height:30px; line-height:30px; color:#555; overflow:hidden; display:block; padding:0px 40px; position:relative;}
.side_div .ul .a2 i {width:4px; height:4px; background:#555; position:absolute; top:13px; left:25px;}
.side_div .ul .a2.hover {color:#ff6633;}
.side_div .ul .a2.hover i {background:#ff6633;}
.side_div .ul .a2:hover {color:#ff6633;}
.side_div .ul .a2:hover i {background:#ff6633;}
.side_text {height:auto; overflow:hidden; padding:20px; border:#e5e5e5 solid 1px; border-top:none;}
.side_text p {line-height:25px; color:#333;}

.s_title {height:60px; line-height:60px; overflow:hidden; border-bottom:#e5e5e5 solid 1px;}
.s_title span {height:60px; line-height:60px; color:#555; font-size:16px; overflow:hidden; display:block; padding-left:10px; float:left;}

.newsbox a {height:auto; overflow:hidden; display:block; padding:10px 0px 15px; border-bottom:#999 dashed 1px; position:relative;}
.newsbox a .n_title {height:30px; line-height:30px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsbox a .n_intro {max-height:44px; overflow:hidden; line-height:22px; color:#777; font-size:14px;}
.newsbox a .time {height:auto; overflow:hidden; line-height:20px; color:#c0c0c0;}
.newsbox a:hover .n_title {color:#fb5015;}
.newsbox a:hover .n_intro {color:#222;}
.newsbox a:hover .time {color:#777;}

.p-left {height:auto; overflow:hidden;}

.index-titles {height:40px; overflow:hidden; padding-left:120px; position:relative;} 
.index-titles b {height:40px; line-height:40px; color:#fff; font-size:16px; display:block; background:#ff6633; padding:0px 25px; position:absolute; top:0px; left:0px;} 
.index-titles p {height:40px; line-height:40px; color:#333; display:block;} 
.index-titles .more-btn {width:100%; height:40px; line-height:40px; color:#333; text-align:right; padding-right:10px; display:block; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; position:absolute; top:0px; right:0px; z-index:1;} 

.partners-container a {height:auto; overflow:hidden; padding:10px; display:block; border:#e5e5e5 solid 1px;}
.partners-container img {width:100%; display:block;}

@media (max-width: 479px) {

.head {height:50px;}
.head .logo {height:50px; padding:5px 10px;}
.head .logo img {height:40px;}

.head .tel {height:50px; padding:10px 20px 10px 30px; right:40px;}
.head .tel small {height:15px; line-height:15px; font-size:12px;}
.head .tel span {height:15px; line-height:15px; font-size:14px;}
.head .tel i {display:block; position:absolute;}
.head .tel i.i1 {width:30px; height:30px; background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; left:0px;}
.head .tel i.i2 {width:10px; height:10px; background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; right:15px;}

.menu-handler {display:block; top:0px; right:0px;}
.menu-handler .burger {width:36px;}
.menu-handler .burger-2 {top:24px;}
.menu-handler .burger-3 {top:36px;}

.height {height:50px;}

.footer .con1,.footer .con3 {width:100%; padding-left:10px;}
.footer .con2 {width:100%; padding-left:60px;}
.footer .con2 span {left:10px;}
.footer .con3 a {width:100%; height:50px; padding-bottom:10px;}

.banner .swiper-slide .imgs {height:240px;}

.banner .banner-button-prev {width:30px; height:30px; margin-top:-15px; background:url(../images/prev.png) no-repeat #ff6633 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .banner-button-next {width:30px; height:30px; margin-top:-15px; background:url(../images/next.png) no-repeat #ff6633 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}

.banner .swiper-pagination-bullet {height:5px;}

.banner .bgcolor {width:100%; left:0px; padding:0px 10px;}

.banner .banner-pagination {bottom:100px;}

.index-title b {height:50px; line-height:50px; font-size:16px; padding:0px 0px 0px 110px;} 
.index-title p {display:none;} 
.index-title a {height:50px; line-height:50px; font-size:16px;} 

.index-about .about {width:100%; padding:50px 10px 0px;}
.index-about .about .imgs {width:100%;}
.index-about .about .imgs .imgsrc {height:240px;}
.index-about .about .text {width:100%;}
.index-about .about .text a {width:120px; height:40px;}
.index-about .about .text a span {height:38px;}
.index-about .about .text a font {height:38px; line-height:38px;}

.index-serve .list {padding:20px 20px;}
.index-serve .list span {height:30px; line-height:30px; font-size:16px;}
.index-serve .list p {height:20px; line-height:20px; font-size:14px;}
.index-serve .list s {width:40px; margin-top:10px;}
.index-serve .list i {width:30px; height:30px; right:0px; bottom:0px;}

.index-case .list .imgsrc {height:200px;}
.index-case .list .bgcolor {top:0px;}
.index-case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px; top:50%; margin-top:-20px;}

.index-news .list {padding:10px 10px 20px;}
.index-news .list .imgsrc {height:200px;}
.index-news .list span {height:40px; line-height:40px; font-size:16px;}

.index-team .title {height:50px; line-height:50px; font-size:16px;}

.index-team .list .imgsrc {height:300px;}
.index-team .team-button-prev {top:130px;}
.index-team .team-button-next {top:130px;}

.index-partner .title {height:50px; line-height:50px; font-size:16px;}

.bigimg {height:140px;}

.links a {height:35px; line-height:34px; font-size:16px;}
.links a i,.links a span {height:34px;}

.links a.w1 {width:100%;}
.links a.w2 {width:50%;}
.links a.w3 {width:50%;}
.links a.w4 {width:50%;}
.links a.w5 {width:50%;}

.case .list {width:50%;}
.case .list .imgsrc {height:180px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

.NBYZMAP {height:200px;}

.newsbox a.aa {padding:15px 0px 30px;}
.newsbox a.aa .imgs {height:180px; margin-bottom:10px;}

.index-titles p {display:none;} 

}

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

.head {height:50px;}
.head .logo {height:50px; padding:5px 10px;}
.head .logo img {height:40px;}

.head .tel {height:50px; padding:10px 10px 10px 35px; right:50px;}
.head .tel small {height:15px; line-height:15px; font-size:12px;}
.head .tel span {height:15px; line-height:15px; font-size:14px;}
.head .tel i {display:block; position:absolute;}
.head .tel i.i1 {width:30px; height:30px; background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; left:0px;}
.head .tel i.i2 {width:10px; height:10px; background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; right:15px;}

.menu-handler {display:block; top:0px; right:10px;}
.menu-handler .burger {width:36px;}
.menu-handler .burger-2 {top:24px;}
.menu-handler .burger-3 {top:36px;}

.height {height:50px;}

.footer .con1,.footer .con3 {width:100%; padding-left:10px;}
.footer .con2 {width:100%; padding-left:60px;}
.footer .con2 span {left:10px;}

.banner .swiper-slide .imgs {height:320px;}

.banner .banner-button-prev {width:30px; height:30px; margin-top:-15px; background:url(../images/prev.png) no-repeat #ff6633 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}
.banner .banner-button-next {width:30px; height:30px; margin-top:-15px; background:url(../images/next.png) no-repeat #ff6633 center center; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px;}

.banner .swiper-pagination-bullet {height:5px;}

.banner .bgcolor {width:100%; left:0px; padding:0px 10px;}

.banner .banner-pagination {bottom:100px;}

.index-title b {height:50px; line-height:50px; font-size:16px; padding:0px 0px 0px 110px;} 
.index-title p {display:none;} 
.index-title a {height:50px; line-height:50px; font-size:16px; display:none;} 
.index-title.t11 b {padding-left:40px;}

.index-about .about {width:100%; padding:50px 10px 0px;}
.index-about .about .imgs {width:100%;}
.index-about .about .imgs .imgsrc {height:240px;}
.index-about .about .text {width:100%;}
.index-about .about .text a {width:120px; height:40px;}
.index-about .about .text a span {height:38px;}
.index-about .about .text a font {height:38px; line-height:38px;}

.index-serve .list {padding:20px 20px;}
.index-serve .list span {height:35px; line-height:35px; font-size:16px;}
.index-serve .list p {height:30px; line-height:30px; font-size:14px;}
.index-serve .list s {margin-top:10px;}

.index-case .list .imgsrc {height:300px;}
.index-case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.index-case .list:hover span {top:50%; margin-top:-20px;}

.index-news .list {padding:10px 10px 20px;}
.index-news .list .imgsrc {height:200px;}
.index-news .list span {height:40px; line-height:40px; font-size:16px;}

.index-team .title {height:60px; line-height:60px; font-size:16px;}

.index-team .list .imgsrc {height:300px;}
.index-team .team-button-prev {top:130px;}
.index-team .team-button-next {top:130px;}

.index-partner .title {height:60px; line-height:60px; font-size:16px;}

.bigimg {height:200px;}

.links a {height:40px; line-height:39px; font-size:16px;}
.links a i,.links a span {height:39px;}

.links a.w1 {width:100%;}
.links a.w2 {width:50%;}
.links a.w3 {width:50%;}
.links a.w4 {width:50%;}
.links a.w5 {width:50%;}

.case .list {width:50%;}
.case .list .imgsrc {height:200px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

.NBYZMAP {height:200px;}

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

}

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

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

.head .tel {height:60px; padding:10px 10px 10px 45px; right:80px;}
.head .tel small {height:15px; line-height:15px; font-size:12px;}
.head .tel span {height:25px; line-height:25px; font-size:16px;}
.head .tel i {display:block; position:absolute;}
.head .tel i.i1 {width:40px; height:40px; background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:10px; left:0px;}
.head .tel i.i2 {width:10px; height:10px; background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:12px; right:15px;}

.menu-handler {display:block; top:5px; right:20px;}
.menu-handler .burger {width:40px;}
.menu-handler .burger-2 {top:24px;}
.menu-handler .burger-3 {top:36px;}

.height {height:60px;}

.footer .con1,.footer .con3 {width:100%; padding-left:10px;}
.footer .con2 {width:100%; padding-left:60px;}
.footer .con2 span {left:10px;}

.banner .swiper-slide .imgs {height:480px;}

.banner .bgcolor {width:740px; margin-left:-370px;}

.banner .banner-pagination {bottom:100px;}

.index-title b {height:60px; line-height:60px; font-size:20px; padding:0px 0px 0px 150px;} 
.index-title p {height:60px; line-height:60px; font-size:16px; padding:0px 25px;} 
.index-title a {height:60px; line-height:60px; font-size:16px;} 

.index-about .about {width:740px; padding:50px 20px 10px;}
.index-about .about .imgs {width:100%;}
.index-about .about .imgs .imgsrc {height:300px;}
.index-about .about .text {width:100%;}

.index-serve .list {padding:30px 20px;}
.index-serve .list span {height:35px; line-height:35px; font-size:16px;}
.index-serve .list p {height:30px; line-height:30px; font-size:14px;}
.index-serve .list s {margin-top:10px;}

.index-case .list .imgsrc {height:280px;}
.index-case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.index-case .list:hover span {top:50%; margin-top:-20px;}

.index-news .list {padding:15px 15px 20px;}
.index-news .list .imgsrc {height:220px;}
.index-news .list span {height:40px; line-height:40px; font-size:16px;}

.index-team .title {height:60px; line-height:60px; font-size:18px;}

.index-team .list .imgsrc {height:200px;}
.index-team .team-button-prev {top:80px;}
.index-team .team-button-next {top:80px;}

.index-partner .title {height:60px; line-height:60px; font-size:18px;}

.bigimg {height:270px;}

.links a {height:50px; line-height:49px; font-size:16px;}
.links a i,.links a span {height:49px;}

.links a.w1 {width:100%;}
.links a.w2 {width:50%;}
.links a.w3 {width:33.3333%;}
.links a.w4 {width:25%;}
.links a.w5 {width:20%;}

.case .list {width:33.333%;}
.case .list .imgsrc {height:200px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

.NBYZMAP {height:270px;}

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

.contact .list {padding:50px 0px;}
.contact .listt {padding:21px 80px;}

}

@media (min-width: 1000px) {

.head .tel {height:80px; padding:20px 20px 20px 45px; right:80px;}
.head .tel small {height:15px; line-height:15px; font-size:14px;}
.head .tel span {height:25px; line-height:25px; font-size:20px;}
.head .tel i {display:block; position:absolute;}
.head .tel i.i1 {width:45px; height:45px; background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:15px; left:0px;}
.head .tel i.i2 {width:10px; height:10px; background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; top:22px; right:22px;}

.menu-handler {display:block; top:13px; right:20px;}
.menu-handler .burger {width:50px;}
.menu-handler .burger-2 {top:25px;}
.menu-handler .burger-3 {top:40px;}

.height {height:80px;}

.footer .con1 {width:230px;}
.footer .con2 {width:220px;}
.footer .con3 {width:500px;}

.footer .copyright {text-align:center; border-top:#2c313c solid 1px; margin-top:10px;}
.footer .copyright .copy {display:inline-block;}
.footer .copyright a,.footer .copyright span {float:left;}

.banner .swiper-slide .imgs {height:600px;}

.banner .bgcolor {width:940px; height:120px; margin-left:-470px;}
.banner .bgcolor span {height:120px;}
.banner .bgcolor .title {height:120px;}
.banner .bgcolor .title .box {height:65px; top:50px;}
.banner .bgcolor .title s {top:80px;}
.banner .bgcolor .title .box b {height:40px; line-height:40px; font-size:24px;}
.banner .bgcolor .title .box font {height:25px; line-height:25px; font-size:18px;}

.banner .banner-pagination {bottom:130px;}

.index-title b {height:60px; line-height:60px; font-size:20px; padding:0px 0px 0px 150px;} 
.index-title p {height:60px; line-height:60px; font-size:16px; padding:0px 25px;} 
.index-title a {height:60px; line-height:60px; font-size:16px;} 

.index-title.t11 b {padding-left:34px;}

.index-about .about {width:940px; padding:50px 20px 20px;}
.index-about .about .imgs .imgsrc {height:350px;}
.index-about .about .text {position:absolute; top:130px; left:450px;}
.index-about .about .text p {height:96px;}

.index-serve .list {padding:30px 20px;}
.index-serve .list span {height:40px; line-height:40px; font-size:18px;}
.index-serve .list p {height:30px; line-height:30px; font-size:14px;}
.index-serve .list s {margin-top:15px;}

.index-case .list .imgsrc {height:180px;}
.index-case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.index-case .list:hover span {top:50%; margin-top:-20px;}

.index-news .list {padding:20px;}
.index-news .list .imgsrc {height:180px;}
.index-news .list span {height:40px; line-height:40px; font-size:16px;}

.index-team .title {height:80px; line-height:80px; font-size:20px;}

.index-team .list .imgsrc {height:200px;}
.index-team .team-button-prev {top:80px;}
.index-team .team-button-next {top:80px;}

.index-partner .title {height:80px; line-height:80px; font-size:20px;}

.bigimg {height:320px;}

.links a {height:50px; line-height:49px; font-size:16px;}
.links a i,.links a span {height:49px;}

.links a.w1 {width:100%;}
.links a.w2 {width:50%;}
.links a.w3 {width:33.3333%;}
.links a.w4 {width:25%;}
.links a.w5 {width:20%;}

.case .list {width:25%;}
.case .list .imgsrc {height:180px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

.NBYZMAP {height:320px;}

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

.p-left {padding-left:10px;}

.contact .list {padding:50px 0px;}
.contact .listt {padding:28px 60px;}

.index-titles {height:60px;}
.index-titles b {height:60px; line-height:60px; font-size:20px; padding:0px 25px;} 
.index-titles p {height:60px; line-height:60px; padding-left:30px; font-size:16px;} 
.index-titles .more-btn {height:60px; line-height:60px; font-size:16px;} 

}

@media (min-width: 1260px) {

.head .navs {width:830px; display:block;}

.head .tel {right:0px;}

.menu-handler {display:none;}

.footer .con1 {width:420px;}
.footer .con2 {width:260px;}
.footer .con3 {width:500px;}

.banner .swiper-slide .imgs {height:720px;}

.banner .bgcolor {width:1180px; margin-left:-590px;}

.index-title b {height:70px; line-height:70px; font-size:20px; padding:0px 0px 0px 150px;} 
.index-title p {height:70px; line-height:70px; font-size:16px; padding:0px 25px;} 
.index-title a {height:70px; line-height:70px; font-size:16px;} 

.index-about .about {width:1180px; padding:50px 20px 20px;}
.index-about .about .imgs .imgsrc {height:400px;}
.index-about .about .text {position:absolute; top:150px; left:550px;}
.index-about .about .text p {height:auto;}

.index-serve .list {padding:30px;}
.index-serve .list span {height:40px; line-height:40px; font-size:20px;}
.index-serve .list p {height:30px; line-height:30px; font-size:16px;}
.index-serve .list s {margin-top:15px;}

.index-case .list .imgsrc {height:200px;}
.index-case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.index-case .list:hover span {top:50%; margin-top:-20px;}

.index-news .list {padding:20px;}
.index-news .list .imgsrc {height:200px;}
.index-news .list span {height:40px; line-height:40px; font-size:16px;}

.index-team .title {height:80px; line-height:80px; font-size:24px;}

.index-team .list .imgsrc {height:200px;}
.index-team .team-button-prev {top:80px;}
.index-team .team-button-next {top:80px;}

.index-partner .title {height:80px; line-height:80px; font-size:24px;}

.bigimg {height:400px;}

.case .list {width:25%;}
.case .list .imgsrc {height:220px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

.design .item .imgsrc {height:360px;}

.NBYZMAP {height:400px;}

.p-left {padding-left:15px;}

.contact .list {padding:80px 0px;}
.contact .listt {padding:38px 80px;}

}

@media (min-width: 1600px) {

.case .list {width:20%;}
.case .list .imgsrc {height:240px;}
.case .list span {height:40px; line-height:40px; font-size:16px; letter-spacing:3px;}
.case .list:hover span {top:50%; margin-top:-20px;}

}