﻿
.ff-sum {font-family: "Microsoft Yahei";}
.banner-pc {height: 645px;}
.banner-m {display: none;}
.banner .item {height: 100%;position: relative;overflow: hidden;background-size:cover;}
.banner .item2 .pic {height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .slick-dots {position: absolute;font-size: 0;bottom: 20px;left: 0;width: 100%;text-align: center;}
.banner .slick-dots li {display: inline-block;margin: 0 4px;}
.banner .slick-dots button {font-size: 0;border: none;padding: 0;font-size: 0;width: 26px;height: 4px;border-radius: 4px;background-color: #505050;opacity: .3; filter: alpha(opacity=30);outline: none;cursor: pointer;}
.banner .slick-dots .slick-active button {opacity: 1; filter: alpha(opacity=100);}
.banner .txt, .banner .item1 .pic {position: absolute;top: 0;left: 50%;width: 50%;height: 100%;}
.banner .item .txt {margin-left: -580px;color: #fff;}
.banner .txt h2 {font-size: 34px;line-height: 56px;font-weight: lighter;text-transform: uppercase;margin-bottom: 68px;}
.banner .item .txt strong {font-family: "Microsoft Yahei";font-size: 1.1em;}
.banner .btn {display: block;width: 160px;height: 34px;border-radius: 6px;border: 2px solid #343539;text-align: center;line-height: 34px;text-transform: uppercase;color: #40a5f0;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.banner .btn span {display: inline-block;vertical-align: middle;}
.banner .btn .icon {width: 5px;height: 12px;background: url(/skin/image/icon-h1.png) no-repeat 0 center;margin-left: 10px;}
.banner .btn:hover {border-color: #40a5f0;}
.banner .item .inner {padding-top: 21.5%;}
.banner .slick-arrow {opacity: 0;position: absolute;left: 30px;top: 50%;margin-top: -31px;z-index: 5;width: 62px;height: 63px;background: url(/skin/image/icon-arrow1.png) no-repeat left top;border: none;outline: none;font-size: 0;font-size: 0;cursor: pointer;-webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.banner .slick-arrow:hover {opacity: .8; filter: alpha(opacity=80);}
.banner .slick-next {left: auto;right: 30px;background-position: right top;}
.banner:hover .slick-arrow {opacity: 1;}

.banner-pc .item1 .pic img {position: absolute;}
.banner-pc .item1 .img1 {bottom: -0;margin-left: 200px;z-index: 5;}
.banner-pc .item1 .img2 {top: -0.5%;margin-left: 242px;z-index: 4;}
.banner-pc .item1 .img3 {top: 51%;margin-left: 178px;z-index: 2;}
.banner-pc .item1 .img4 {bottom: -8%;margin-left: -150px;z-index: 0;}
.banner-pc .item1 .img5 {top: 50%;margin-left: 185px;z-index: 1;}
.banner-pc .item1 .img6 {top: 14.5%;margin-left: 212px;z-index: 3;}

.banner-pc .item1.move .img1 {animation: move1 2s linear; -moz-animation: move1 2s linear; -webkit-animation: move1 2s linear; -o-animation: move1 2s linear;}
@-webkit-keyframes move1 {
	0% {bottom: -57%;}
	20% {bottom: -26%;}
	40% {bottom: -5%;}
	60% {bottom: -5%;}
	80% {bottom: -5%;}
	100% {bottom: 0;}
}
@-o-keyframes move1 {
	0% {bottom: -57%;}
	20% {bottom: -26%;}
	40% {bottom: -5%;}
	60% {bottom: -5%;}
	80% {bottom: -5%;}
	100% {bottom: 0;}
}
@-moz-keyframes move1 {
	0% {bottom: -57%;}
	20% {bottom: -26%;}
	40% {bottom: -5%;}
	60% {bottom: -5%;}
	80% {bottom: -5%;}
	100% {bottom: 0;}
}
@keyframes move1 {
	0% {bottom: -57%;}
	20% {bottom: -26%;}
	40% {bottom: -5%;}
	60% {bottom: -5%;}
	80% {bottom: -5%;}
	100% {bottom: 0;}
}

.banner-pc .item1.move .img2 {animation: move2 2s linear; -moz-animation: move2 2s linear; -webkit-animation: move2 2s linear; -o-animation: move2 2s linear;}
@-webkit-keyframes move2 {
	0% {top: -59%;}
	20% {top: -39%;}
	40% {top: -28%;}
	60% {top: -28%;}
	80% {top: -22%;}
	100% {top: -0.5%;}
}
@-o-keyframes move2 {
	0% {top: -59%;}
	20% {top: -39%;}
	40% {top: -28%;}
	60% {top: -28%;}
	80% {top: -22%;}
	100% {top: -0.5%;}
}
@-moz-keyframes move2 {
	0% {top: -59%;}
	20% {top: -39%;}
	40% {top: -28%;}
	60% {top: -28%;}
	80% {top: -22%;}
	100% {top: -0.5%;}
}
@keyframes move2 {
	0% {top: -59%;}
	20% {top: -39%;}
	40% {top: -28%;}
	60% {top: -28%;}
	80% {top: -22%;}
	100% {top: -0.5%;}
}
.banner-pc .item1.move .img3 {animation: move3 2s linear; -moz-animation: move3 2s linear; -webkit-animation: move3 2s linear; -o-animation: move3 2s linear;}
@-webkit-keyframes move3 {
	0% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 34%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 40%;}
	100% {top: 51%;}
}
@-o-keyframes move3 {
	0% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 34%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 40%;}
	100% {top: 51%;}
}
@-moz-keyframes move3 {
	0% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 34%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 40%;}
	100% {top: 51%;}
}
@keyframes move3 {
	0% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 34%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 34%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 40%;}
	100% {top: 51%;}
}
.banner-pc .item1.move .img4 {animation: move4 2s linear; -moz-animation: move4 2s linear; -webkit-animation: move4 2s linear; -o-animation: move4 2s linear;}
@-webkit-keyframes move4 {
	0% {bottom: -14%;}
	20% {bottom: -11%;}
	40% {bottom: -8%;}
}
@-o-keyframes move4 {
	0% {bottom: -14%;}
	20% {bottom: -11%;}
	40% {bottom: -8%;}
}
@-moz-keyframes move4 {
	0% {bottom: -14%;}
	20% {bottom: -11%;}
	40% {bottom: -8%;}
}
@keyframes move4 {
	0% {bottom: -14%;}
	20% {bottom: -11%;}
	40% {bottom: -8%;}
}
.banner-pc .item1.move .img5 {animation: move5 2s linear; -moz-animation: move5 2s linear; -webkit-animation: move5 2s linear; -o-animation: move5 2s linear;}
@-webkit-keyframes move5 {
	0% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 52.5%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 52.5%;}
	100% {top: 50%;}
}
@-o-keyframes move5 {
	0% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 52.5%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 52.5%;}
	100% {top: 50%;}
}
@-moz-keyframes move5 {
	0% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 52.5%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 52.5%;}
	100% {top: 50%;}
}
@keyframes move5 {
	0% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	20% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	40% {top: 52.5%;opacity: 0; filter: alpha(opacity= 0);}
	60% {top: 52.5%;opacity: 1; filter: alpha(opacity= 100);}
	80% {top: 52.5%;}
	100% {top: 50%;}
}
.banner-pc .item1.move .img6 {animation: move6 2s linear; -moz-animation: move6 2s linear; -webkit-animation: move6 2s linear; -o-animation: move6 2s linear;}
@-webkit-keyframes move6 {
	0% {top: 71.5%;}
	20% {top: 41.5%;}
	40% {top: 19%;}
	60% {top: 19%;}
	80% {top: 19%;}
	100% {top: 14.5%;}
}
@-o-keyframes move6 {
	0% {top: 71.5%;}
	20% {top: 41.5%;}
	40% {top: 19%;}
	60% {top: 19%;}
	80% {top: 19%;}
	100% {top: 14.5%;}
}
@-moz-keyframes move6 {
	0% {top: 71.5%;}
	20% {top: 41.5%;}
	40% {top: 19%;}
	60% {top: 19%;}
	80% {top: 19%;}
	100% {top: 14.5%;}
}
@keyframes move6 {
	0% {top: 71.5%;}
	20% {top: 41.5%;}
	40% {top: 19%;}
	60% {top: 19%;}
	80% {top: 19%;}
	100% {top: 14.5%;}
}

.ul-ind1 {overflow: hidden;font-family: neutrafacetext;}
.ul-ind1 span {font-size: 90%;font-weight: bold;font-family: "GothamBold";}
.ul-ind1 li {float: left;width: 33.333%;position: relative;}
.ul-ind1 .li1 {z-index: 4;}
.ul-ind1 .li2 {z-index: 3;}
.ul-ind1 .li3 {z-index: 2;}
.ul-ind1 .li4 {z-index: 1;}
.ul-ind1 .item {position: relative;display: block;}
.ul-ind1 .pic {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f1f1f1;-webkit-transition: 1s; -o-transition: 1s; transition: 1s;opacity: 0;}
.ul-ind1 .pic img {max-width: 60%;max-height: 90%;position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
.ul-ind1 .txt {position: relative;z-index: 1;padding: 0 30px;background-color: #fff;-webkit-transition: 1s; -o-transition: 1s; transition: 1s;opacity: 1;}
.ul-ind1 .hd {position: relative;padding: 32px 0 15px;font-size: 30px;color: #505050;text-transform: uppercase;line-height: 32px;border-bottom: 2px solid #ededed;}
.ul-ind1 .hd:after {content: '';position: absolute;right: 10px;top: 55%;width: 30px;height: 30px;background: #fff url(/skin/image/icon-h2.png) no-repeat center center;-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;}
.ul-ind1 .hd2 {font-size: 26px;position: absolute;line-height: 30px;top: 20px;left: 20px;text-transform: uppercase;color: #505050;}
.ul-ind1 .hd2 .p1 {font-family: "GothamBold";}
.ul-ind1 .hd .p1 {font-family: "GothamBold";}
.ul-ind1 .bd {color: #989898;line-height: 16px;-padding: 10px 0 24px;}
.ul-ind1 .bd p {height: 32px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-family: "Microsoft Yahei";}
.ul-ind1 .item:hover .pic {z-index: 2;opacity: 1;}
.ul-ind1 .item:hover .txt {z-index: 1;opacity: 0;}
/* .ul-ind1 .item:hover .hd:after {background: #40a5f0 url('../images/icon-h2-2.png') no-repeat center center;} */
.ul-ind2 {overflow: hidden;}
.ul-ind2 li {float: left;width: 33.32%;}
.ul-ind2 .item {position: relative;display: block;margin: 0 1px;}
.ul-ind2 .pic {position: relative;overflow: hidden;padding-top: 40.75%;z-index: 2;}
.ul-ind2 .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;-webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.ul-ind2 .txt-ft {position: absolute;bottom: 30px;right: 30px;text-align: right;text-transform: uppercase;color: #fff;line-height: 24px;}
.ul-ind2 .txt-ft .hd {position: relative;font-size: 30px;line-height: 58px;margin-bottom: 7px;}
.ul-ind2 .txt-ft .hd:after {position: absolute;content: '';bottom: 0;right: 0;width: 46px;height: 2px;background-color: #40a5f0;}
.ul-ind2 .txt-hd {position: absolute;top: 30px;left: 30px;}
.ul-ind2 .txt-hd p {padding-left: 34px;}
.ul-ind2 .txt-hd .p1 {color: #fff;font-size: 14px;}
.ul-ind2 .txt-hd .p2 {color: #52575b;text-transform: uppercase;font-size: 12px;}
.ul-ind2 .icon1 {float: left;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;}
.ul-ind2 .item:hover .pic img {-webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
.ul-ind2 .item .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);opacity: 0;z-index: -1;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.ul-ind2 .item .mask .icon {position: absolute;top: 50%;left: 50%;width: 24px;height: 24px;margin: -12px 0 0 -12px;background: url(/skin/image/icon-h3.png) center center no-repeat;}
.ul-ind2 .item:hover .mask {opacity: 1;z-index: 3;}

.footer {background-color: #f1f1f1;}
.footer .hd {overflow: hidden;text-align: center;padding: 51px 0 41px;border-bottom: 2px solid #e1e1e1;}
.logo-ft {float: left;width: 210px;margin-right: 8%;}
.logo-ft img {display: block;width: 100%;}
.ft-nav {overflow: hidden;margin: 0 auto;display: inline-block;}
.ft-nav li {float: left;width: 180px;}
.ft-nav a {color: #505050;font-size:12px;line-height: 24px;}
.ft-nav dt {margin-bottom: 15px;text-align: left;}
.ft-nav dt a {font-size: 14px;line-height: 34px;}
.ft-nav dd {text-align: left;}
.ft-nav dd a {opacity: .5; filter: alpha(opacity=50);}
.ft-nav a:hover {color: #40a5f0;}

.contact-ft {float: right;}
.inp-ft {position: relative;width: 330px;height: 34px;border-radius: 5px;background-color: #fff;overflow: hidden;margin-bottom: 40px;}
.inp-ft .inp {position: absolute;left: 0;padding: 0 10px;height: 100%;width: 74%;border: none;}
.inp-ft .inp::-webkit-input-placeholder {color: #cacaca;opacity: 1; filter: alpha(opacity=);}
.inp-ft .inp::-moz-placeholder {color: #cacaca;opacity: 1; filter: alpha(opacity=);}
.inp-ft .inp::-ms-input-placeholder {color: #cacaca;opacity: 1; filter: alpha(opacity=);}
.inp-ft .btn {position: absolute;top: 0;right: 0;height: 100%;width: 26%;border: none;background-color: #505050;border-radius: 5px;text-align: center;color: #b9b9b9;}
.inp-ft .btn:hover {color: #fff;}
.contact-ft .txt {float: left;width: 50%;color: #505050;margin-bottom: 20px;}
.contact-ft .txt .tit {color: #a0a0a0;}

.footer .bt {line-height: 28px;padding: 18px 0;overflow: hidden; text-align: center;}
.copyright {-float: left;font-size: 12px;color: #505050; margin:0 auto;}
.share-ft {float: right;font-size: 0;}
.share-ft span {display: inline-block;vertical-align: middle;font-size: 12px;color: #505050;line-height: 18px;margin-right: 9px;}
.share-ft a {display: inline-block;width: 18px;height: 18px;background: url(/skin/image/icon-h5.png) no-repeat left center;vertical-align: middle;margin-left: 6px;}
.share-ft .a2 {background-position: -24px 0;}
.share-ft .a6 {background-position: -49px 0;}
.share-ft .a4 {background-position: -73px 0;}
.share-ft .a5 {background-position: -97px 0;}
.share-ft .a3 {background: url(/skin/image/icon-h6.png) center center no-repeat;}
.share-ft a:hover {background-image: url(/skin/image/icon-h5-2.png);}
.share-ft .a3:hover {background-image: url(/skin/image/icon-h6-2.png);}

.float-window {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.9);z-index: 100;}
.float-box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; z-index: 9992; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 5px;width: 65%;height: auto;}
.float-box .close {display: block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(/skin/image/ico-close.png) no-repeat center center; z-index: 9992; cursor: pointer;}
.float-box .tit {background-color: #000;padding: 0 10px;line-height: 50px;font-size: 20px;text-transform: uppercase;color: #fff;}
#video1 {display: block;width: 100%;height: auto;}




/* 7/19 */
.ban {height: 280px;position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover; background-size: cover;}
.ban.ban2 {height: 550px;}
.ban.ban3 {height: 450px;}
.ban.ban3 .txt {text-align: left;margin-left: -270px;}
.ban .txt {position: absolute;top: 50%;left: 50%;--webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;font-family: Microsoft Yahei;text-transform: uppercase;}
.ban .txt h2 {font-size: 36px;color: #40a5f0;}
.ban .txt span {font-size: 14px;color: rgba(255,255,255,255);*color: #fff;}

.main {background-color: #eaeaea;padding: 30px 0 0px;overflow: hidden;}
.box {background-color: #fff;}

.bgf {background-color: #fff;}

.ifilter-box {padding: 0 30px 10px;margin-bottom: 30px;background-color: #fff;}
.ifilter-box .ifilter {height: 58px;line-height: 58px;border-bottom: 2px solid #ededed;margin-bottom: 5px;}
.ifilter-box .ifilter .tit {font-size: 14px;color: #505050;float: left;margin-right: 22px;}
.ifilter-box .ifilter .item {float: left;overflow: hidden;padding-top: 18px;margin-right: 8px;}
.ifilter-box .ifilter .item a {float: left;margin: 0 7px;border: 1px solid #dcdcdc;line-height: 20px;padding: 0 0 0 4px;color: #505050;}
.ifilter-box .ifilter .show {color: #40a5f0;font-family: "Microsoft Yahei";}
.ifilter-box .ifilter .icon {float: right;width: 20px;height: 20px;margin-left: 4px;background: url(/skin/image/icon-h7.png) center center no-repeat;}
.ifilter-box .ifilter .item a:hover {border-color: #40a5f0;}
.ifilter-box .ifilter .item a:hover .icon {background-color: #40a5f0;background-image: url(/skin/image/icon-h7-2.png);}
.ifilter-box .ifilter .cle {float: left;color: #505050;}
.ifilter-box .ifilter .cle:hover {color: #40a5f0;}
.sel-nav + .sel-nav {border-top: 1px dashed #eaeaea;}
.sel-nav {line-height: 23px;padding: 11px 0;}
.sel-nav .tit {float: left;color: #505050;opacity: .5;width: 105px;}
.sel-nav .item {overflow: hidden;}
.sel-nav .item a {float: left;margin: 0 32px;color: #505050;}
.sel-nav .item a:hover,.sel-nav .item a.on {font-family: "Microsoft Yahei";color: #40a5f0;}

.ul-order {margin: 0 -15px;}
.ul-order li {float: left;width: 33.32%;}
.ul-order .box {margin: 0 15px 30px;background-color: #fff;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.ul-order.ul1 .box {padding-bottom: 35px;}
.ul-order .pic {position: relative;overflow: hidden;padding-top: 86%;}
.ul-order.ul1 .pic img {position: absolute;top: 50%;left: 50%;max-width: 80%;max-height: 80%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.ul-order.ul1 .txt {text-align: center;color: #505050;padding: 0 10px;}
.ul-order.ul1 .txt h4 {font-size: 18px;}
.ul-order.ul1 .txt p {opacity: .5;}
.ul-order.ul1 .txt a {display: block;margin: 25px auto 0;width: 158px;height: 33px;line-height: 33px;border-radius: 4px;border: 1px solid #a7a7a7;color: #40a5f0;text-transform: uppercase;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.ul-order.ul1 .txt a span {display: inline-block;padding: 0 15px 0 10px;background: url(/skin/image/icon-h8.png) right center no-repeat;}
.ul-order.ul1 .box:hover a {border-color: #40a5f0;background-color: #40a5f0;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.ul-order.ul1 .box:hover a span {color: #fff;background-image: url(/skin/image/icon-h8-2.png);}
.ul-order.ul1 .box:hover {box-shadow: inset 0 0 0 2px #49a9f0,inset 0 0 50px rgba(0,0,0,.2);-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}

.m-page {padding: 27px 30px;overflow: hidden;background-color: #fff;}
.m-page .page {float: left;}
.m-page .page li {float: left;margin-right: 8px;}
.m-page .page a {display: block;width: 44px;height: 44px;line-height: 44px;border: 1px solid #a7a7a7;background-color: #f8f8f8;font-size: 14px;color: #505050;text-align: center;}
.m-page .page span {display: block;width: 100px;height: 46px;line-height: 46px;border: 1px solid #a7a7a7;font-size: 14px;color: #505050;text-align: center;}
.m-page .page .index span {color: #4dabf1;font-family: "Microsoft Yahei";}
.m-page .page .prev a,.m-page .page .next a {width: 118px;background-color: #fbfbfb;}
.m-page .page a:hover {background-color: #fff;color: #a7a7a7;}

.m-page .page .prev span,.m-page .page .next span {width: 118px;background-color: #fbfbfb;}
.m-page .page span:hover {background-color: #fff;color: #a7a7a7;}
.m-page .to-page {float: right;color: #505050;font-size: 14px;line-height: 46px;}
.m-page .to-page span {font-family: "Microsoft Yahei";}
.m-page .to-page .txt {width: 46px;height: 46px;border: 1px solid #a7a7a7;text-align: center;font-size: 14px;}
.m-page .to-page .sbm {width: 80px;height: 46px;border: 1px solid #a7a7a7;font-size: 14px;color: #505050;background-color: #f8f8f8;}

.pic-box1 {background-color: #fff;}

.tab-link {background-color: #fff;text-align: center;line-height: 30px;height: 30px;padding: 25px 0;font-size: 0;}
.tab-link a {position: relative;display: inline-block;font-size: 14px;color: #505050;margin: 0 28px;}
.tab-link a + a:before {content: '|';position: absolute;left: -29px;color: #eaeaea;}
.tab-link a:hover,.tab-link a.on,.tab-link2 .link a:hover,.tab-link2 .link a.on {font-family: "Microsoft Yahei";color: #40a5f0;}
.tab-link2 {background-color: #f1f1f1;line-height: 30px;height: 30px;padding: 25px 0;font-size: 0;}
.tab-link2 .link a {display: inline-block;font-size: 14px;color: #505050;margin: 0 34px 0 0;}

.m-pic1 {color: #505050;line-height: 2;font-size: 14px;background-color: #fff}
.m-pic1 .pic {display: block;width: 100%;}
.m-pic1 .cont1 {padding: 40px 80px;}
.m-pic1 .cont1 img {display: block;margin: 0px auto;}
.m-pic1 h5 {font-size: 14px;font-family: "Microsoft Yahei";}
.m-pic1 .tit {background-color: #f1f1f1;line-height: 100px;text-align:center;font-size: 24px;color: #505050;font-family: "Microsoft Yahei";padding: 0 68px;}
.m-pic1 .cont2 {padding: 20px 68px 57px;}
.m-pic1 h4 {font-size: 16px;font-family: "Microsoft Yahei";}
.m-pic1 .list {margin: 10px 0 24px;}
.m-pic1 .list li {padding-left: 18px;background: url(/skin/image/icon-h9.png) 0 1em no-repeat;}
.m-pic1 .list li a {color: inherit;}
.m-pic1 .list li a:hover {color: #40a5f0;}
.ban.ban4 {
	height: 800px;
}

.m-pic1 .sign {
	padding: 60px 0;
}
.m-pic1 .sign span {
	font-size: 14px;
	text-transform: uppercase;
}
.m-pic1 .sign.sign img {
	margin: 0 0;
}
.m-pic7 .img2 {
	text-align: center;
	width: 450px;
}
.table-list {background-color: #fff;margin-bottom: 30px;}
.table-list .items {line-height: 80px;padding: 0 30px;font-size: 14px;color: #505050;}
.table-list .items > div,.table-list .items dt >div {padding: 0 30px;}
.table-list .item {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-list .down {float: right;width: 148px;}
.table-list .down a {text-transform: uppercase;display: block;width: 118px;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #fff;background-color: #40a5f0;border-radius: 4px;margin-top: 23px;border: 1px solid #40a5f0;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.table-list .down a:hover {color: #40a5f0;background-color: #fff;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.table-list .time {float: right;width: 150px;}
.table-list .head {font-size: 16px;color: #fff;background-color: #40a5f0;line-height: 60px;}
.table-list .body .items:nth-child(2n) {background-color: #f1f1f1;}

.table-list .apply {float: right;width: 150px;}
.table-list .sum {float: right;width: 82px;}
.table-list .place {float: right;width: 90px;}
.table-list .job {float: right;width: 203px;}

.table-list .items.on dt {border-bottom: 2px solid #e5e5e5;}
.table-list .items dd {display: none;}
.table-list .list {overflow: hidden;}
.table-list .list li {float: left;width: 50%;}
.table-list .list .inner {padding: 30px;font-size: 12px;line-height: 30px;color: #505050;}
.table-list .list p {max-width: 440px;}
.table-list .list h5 {font-size: 16px;}


.table-list .item.icon1 {
	line-height: 24px;
	padding: 28px 40px;
	background: url(/skin/image/icon-h14.png) no-repeat left 32px;
}
.table-list .item.icon1 p {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.faq-a {
	padding: 32px 0 103px 40px;
	background: url(/skin/image/icon-h15.png) no-repeat left 38px;
	line-height: 30px;
}



.ul-order.ul2 {margin-top: 30px;}
.ul-order.ul2 .box {display: block;overflow: hidden;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.ul-order.ul2 .pic {padding-top: 64%;}
.ul-order.ul2 .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ul-order.ul2 .txt {padding: 25px 30px 29px;text-align: left;color: #000;}
.ul-order.ul2 h4 {font-size: 16px;margin-bottom: 18px;}
.ul-order.ul2 .txt p {opacity: .6;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.ul-order.ul2 .box:hover {box-shadow: 0 5px 20px rgba(0,0,0,.2);-webkit-transform: translate3D(0,-5px,2px); -ms-transform: translate3D(0,-5px,2px); -o-transform: translate3D(0,-5px,2px); transform: translate3D(0,-5px,2px);-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}

.m-pic2 {padding: 78px 55px;overflow: hidden;}
.m-pic2 .pic {float: left;width: 306px;height: 207px;line-height: 207px;margin-right: 58px;border: 2px solid #ededed;text-align: center;}
.m-pic2 .pic img {display: inline-block;vertical-align: middle;max-width: 80%;max-height: 80%;}
.m-pic2 .txt {margin: 6px 0 34px;overflow: hidden;max-width: 700px;font-size: 14px;line-height: 18px;color: #505050;}

#googleMap {width: 100%;height: 460px;}

.addr-info {padding: 30px 30px 55px;}
.addr-info .tit {padding: 0 30px;line-height: 46px;font-size: 24px;color: #40a5f0;font-family: "Microsoft Yahei";border-bottom: 2px solid #eaeaeb;}
.addr-info .bd {padding: 30px 30px 60px;color: #505050;line-height: 20px;overflow: hidden;}
.addr-info .bd h4 {font-size: 16px;padding: 20px 0 14px;}
.addr-info .items {overflow: hidden;}
.addr-info .item {padding: 5px 0 7px 30px;background-repeat: no-repeat;background-position: left top;background-size: auto 30px;}
.addr-info .addr {background-image: url(/skin/image/icon-h10.png);}
.addr-info .man {background-image: url(/skin/image/toux.png);}
.addr-info .tel {background-image: url(/skin/image/icon-h11.png);}
.addr-info .email {background-image: url(/skin/image/icon-h12.png);}
.addr-info .fax {background-image: url(/skin/image/icon-h13.png);}
.addr-info .img {float: right;margin: 0 30px;max-width: 45%;}

.form-contact {border-top: 2px solid #eaeaeb;padding-top: 50px;}
.form-contact .inner {max-width: 700px;}
.form-contact .txt {float: left;display: block;width: 48%;margin-right:13px;margin-bottom: 23px;color: #505050;border: 2px solid #eaeaeb;padding: 10px 15px;line-height: 20px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form-contact .txt:first-child {margin-right: 4%;}
.form-contact .txt:focus {border-color: #40a5f0;}
.form-contact .area.txt {float: none;width: 100%;height: 150px;resize: none;}
.form-contact .btn {float: left;margin-right: 25px;display: block;width: 160px;height: 44px;background-color: #40a5f0;color: #fff;text-transform: uppercase;font-size: 14px;border: none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.form-contact p {line-height: 22px;color: #505050;}
.form-contact strong {font-family: "Microsoft Yahei";}

.order-detail {background-color: #fff;overflow: hidden;padding: 48px 30px;margin-bottom: 30px;}
.order-detail .pic {float: left;width: 50%;}
.img-tab {float: left;margin-right: 30px;}
.img-tab li + li {margin-top: 12px;}
.img-tab img {display: block;max-width:100%;max-height:100%;border: 1px solid #dcdcdc;}
.img-tab .on {position: relative;}
.img-tab .on:after {content: '';position: absolute;top: 0;left: 0;width: 61px;height: 61px;border: 2px solid #40a5f0;}
.img-pig {overflow: hidden;line-height: 370px;text-align: center;}
.img-pig img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.order-detail .txt {overflow: hidden;padding: 0 20px 0 55px;font-size: 12px;color: #505050;line-height: 2;}
.order-detail .txt .tit {font-size: 24px;text-transform: uppercase;margin: 8px 0 26px;}
.order-detail .txt .btn {display: block;width: 128px;height: 38px;line-height: 38px;border-radius: 4px;background-color: #40a5f0;color: #fff;text-align: center;font-size: 12px;text-transform: uppercase;border: 1px solid #40a5f0;}
.order-detail .txt .btn:hover {background-color: #fff;color: #40a5f0;}
.order-detail .txt p {margin-bottom: 72px;}

.order-use {overflow: hidden;background-color: #505050;padding: 30px 50px;margin-bottom: 30px;color: #b5b5b5;line-height: 2;}
.order-use dl {float: left;width: 50%;}
.order-use dt {font-size: 16px;color: #fff;margin-bottom: 15px;}
.order-use dd {padding-left: 16px;background: url(/skin/image/icon-h9.png) 0 9px no-repeat;}

.order-desc {background-color: #fff;padding: 30px 50px;margin-bottom: 30px;}
.order-desc .tit {font-size: 16px;color: #505050;border-bottom: 2px solid #ebebeb;line-height: 20px;padding-bottom: 12px;}
.order-desc .cont {color: #505050;line-height: 2;text-align: center;max-width: 810px;margin: 0 auto;}
.ul-img1 {overflow: hidden;text-align: center;font-size: 0;margin: 58px 0;}
.ul-img1 li {display: inline-block;margin: 0 30px;}
.ul-img1 .pic {margin: 0 auto;width: 250px;height: 250px;border-radius: 50%;overflow: hidden;opacity: .7;}
.ul-img1 .pic img {display: block;width: 100%;height: 100%;border-radius: 50%;}
.ul-img1 .on .pic {opacity: 1;}
.tab-txt {display: none;}
.tab-txt.on {display: block;}
.order-desc .cont img {display: block;margin: 300px auto;}

.tit-h2 {font-size: 16px;color: #505050;line-height: 50px;margin-bottom: 13px;}
.order-part {background-color: #fff;margin-bottom: 63px;}
.part-no {padding: 20px 50px;font-size: 14px;}
.part-no .sel-nav {padding: 10px 0;}
.part-no .sel-nav a {margin: 0;width: 105px;}
.part-no .sel-nav .tit {width: 135px;}
.order-partbd {padding: 0 50px 50px;background-color: #505050;overflow: hidden;}
.order-partbd .tit {padding: 28px 0;line-height: 40px;font-size: 24px;color: #fff;}
.order-partbd .tit span {font-size: 14px;margin-left: 20px;font-weight: normal;}
.order-partbd .img {float: left;width: 286px;margin-right: 50px;height:286px;}
.order-partbd .pic {position: relative;overflow: hidden;padding-top: 100%/*66%*/;}
.order-partbd .pic img {position: absolute;top: 0;left: 0;max-width: 286px;max-height: 286px;}
.order-partbd .txt {overflow: hidden;}
.order-partbd .inner {overflow: hidden;margin-bottom: 39px;}
.order-partbd .list {float: left;width: 50%;font-size: 14px;line-height: 40px;color: #fff;text-transform: uppercase;}
.order-partbd .list .t1 {color: #b5b5b5;width: 150px;float: left;text-transform: none;}
.order-partbd .btn {display: block;margin-left: 140px;width: 178px;height: 48px;line-height: 48px;text-align: center;background-color: #40a5f0;border: 1px solid #40a5f0;border-radius: 4px;color: #fff;font-size: 16px;text-transform: uppercase;}
.order-partbd .btn:hover {background-color: #fff;color: #40a5f0;}
.mo-slider1 {display: none;}



.ul-histroy {
	margin: 84px 0;
	position: relative;
}
.ul-histroy:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -1px;
	height: 100%;
	width: 0;
	border-left: 2px solid #f1f1f1;
	z-index: 0;
}
.ul-histroy li {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.ul-histroy li:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #40a5f0;
}
.ul-histroy .item {
	float: left;
	width: 50%;
	padding: 0 104px 24px 0;
	text-align: right;
	font-size: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ul-histroy .inner {
	display: inline-block;
	max-width: 200px;
	font-size: 12px;
	line-height: 1.5em;
	color: #505050;
}
.ul-histroy .time {
	font-size: 30px;
	line-height: 1;
	font-family: "Microsoft Yahei";
	margin-bottom: 15px;
}
.ul-histroy .desc p {
	height: 4.5em;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ul-histroy .even .item,
.ul-histroy li:nth-child(2n) .item {
	float: right;
	text-align: left;
	padding: 0 0 24px 104px;
}
.m-pic3 {
	background-color: #fff;
}
.m-pic3 img {
	display: block;
	width: 100%;
}
.m-pic3 .txt {
	margin: 0 auto;
	max-width: 80%;
	text-align: center;
	color: #505050;
	line-height: 180px;
}
.m-pic3 .valign {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
}
.m-pic3 .tit {
	font-size: 30px;
	font-family: "Microsoft Yahei";
	margin-bottom: 24px;
}
.m-pic3 .tit a {color: inherit;}
.m-pic3 .tit a:hover {color: #40a5f0;}
.m-pic4 {
	font-size: 0;
	line-height: 30px;
	color: #505050;
	text-align: center;
	padding: 30px 0 48px;
	border-bottom: 2px solid #e5e5e5;
}
.m-pic4 > div {
	display: inline-block;
	vertical-align: middle;
}
.m-pic4 .img {
	width: 500px;
	margin-right: 54px;
}
.m-pic4 .pic {
	position: relative;
	overflow: hidden;
	padding-top: 72%;
}
.m-pic4 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;height: 100%;
}
.m-pic4 .txt {
	font-size: 12px;
	text-align: left;
}
.m-pic5 {
	font-size: 16px;
	color: #505050;
	line-height: 36px;
	font-style: italic;
	padding: 60px 86px;
}
.m-pic5.bd {border-bottom: 2px solid #e5e5e5;}
.m-pic5 .tit {
	font-size: 24px;
	text-align: center;
	font-style: normal;
	font-family: "Microsoft Yahei";
	margin-bottom: 17px;
}
.m-pic5 .img {
	padding: 18px 0;
}
.m-pic5 .img img {
	display: block;
	margin: 0 auto;
}
.m-pic5 .list {
	overflow: hidden;
}
.m-pic5 .list ul {
	margin: 56px 0 30px;
	float: left;
	width: 50%;
	font-size: 12px;
	line-height: 30px;
	font-style: normal;
}
.m-pic5 .list li {
	position: relative;
	padding: 0 24px;
}
.m-pic5 .list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #40a5f0;
}
.main.bgf {padding-bottom: 0;}
.m-join {
	position: relative;
	padding-top: 23.5%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.m-join .txt {
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.m-join h2 {
	font-size: 36px;
	line-height: 1;
	font-family: "Microsoft Yahei";
	color: #fff;
	text-transform: uppercase;
}
.m-join .btn {
	display: block;
	margin: 46px auto 0;
	width: 178px;
	line-height: 48px;
	border-radius: 5px;
	border: 1px solid #40a5f0;
	background-color: #40a5f0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.m-join .btn:hover {
	background-color: transparent;
	border-color: #fff;
}

.js-point.fixed {
	position: fixed;
	top: 80px;
	width: 98%;
	max-width: 1200px;
	z-index: 10;
}

.m-pic6 {
	border-top: 2px solid #f1f1f1;
}
.m-pic6 .tit {
	margin: 60px 0 15px;
	font-size: 24px;
	color: #40a5f0;
	font-family: "Microsoft Yahei";
	text-align: center;
}
.m-pic6 .desc {
	font-size: 12px;
	line-height: 18px;
	color: #505050;
	text-align: center;
}
.m-pic6 .img {
	padding-top: 50px;
}
.m-pic6 .img img {
	display: block;
	width: 100%;
}
.ul-pic1 {
	padding: 32px 20px 75px;
	overflow: hidden;
}
.ul-pic1 li {
	float: left;
	width: 50%;
	margin-bottom : 20px;
}
.ul-pic1 .item {
	margin: 0 20px;
	color: #505050;
}
.ul-pic1 .pic {
	position: relative;
	overflow: hidden;
	padding-top: 69%;
	margin-bottom: 10px;
}
.ul-pic1 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.ul-pic1 .pic a:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.ul-pic1 .txt h5 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ul-pic1 .txt p {
	line-height: 24px;
	font-size: 12px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

.m-qms {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	padding: 60px 0 78px;
}
.m-qms > div {
	display: inline-block;
	vertical-align: middle;
	margin: 0 28px;
}
.m-qms .left {
	width: 352px;
}

.m-qms .left img {
	display: block;
	width: 100%;
}
.m-qms .right {
	width: 290px;
	font-size: 12px;
	color: #505050;
	line-height: 19px;
	text-align: left;
}
.m-qms .right dl + dl {
	margin-top: 28px;
}
.m-qms .right dt {
	line-height: 40px;
	background-color: #ededed;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}
.m-qms .right dd {
	padding-left: 20px;
}
.m-qms .right a {
	display: inline-block;
	position: relative;
	padding-left: 16px;
}
.m-qms .right a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #40a5f0;
}

.ul-pic2 {
	font-size: 0;
	padding: 20px 20px 50px;
	text-align: center;
}
.ul-pic2 li {
	width: 25%;
	display: inline-block;
}
.ul-pic2 .item1 {
	display: block;
	margin: 0 10px 20px;
	background-color: #eaeaea;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.ul-pic2 .item1:hover {
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,.3);
	box-shadow: 5px 5px 20px rgba(0,0,0,.3);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.ul-pic2 .item1 .pic {
	position: relative;
	padding-top: 100%;
}
.ul-pic2 .item1 .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ul-pic2.ul2 {
	margin: 0 -6px;
}
.ul-pic2 .item2 {
	display: block;
	margin: 0 36px 20px;
}
.ul-pic2 .item2:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.ul-pic2 .item2:hover .label {
	color: #40a5f0;
}
.ul-pic2 .item2 .pic {
	position: relative;
	padding-top: 65%;
	overflow: hidden;
}
.ul-pic2 .item2 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.ul-pic2 .item2 .label {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #505050;
	text-align: left;
}


.m-pic7 {background-color: #fff;}
.m-pic7 .item {border-top: 2px solid #f1f1f1;overflow: hidden;padding: 70px 30px;text-align: center;font-size: 0;}
.m-pic7 .left,.m-pic7 .right {display: inline-block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 0 10px;vertical-align: top;}
.m-pic7 .txt {font-size: 14px;color: #505050;text-align: left;max-width: 450px;}
.m-pic7 .txt h3 {font-size: 24px;font-family: "Microsoft Yahei";line-height: 1.25em;margin-bottom: 18px;}
.m-pic7 .txt p {margin-bottom: 18px;}
.m-pic7 .list li {padding-left: 12px;position: relative;font-size: 12px;}
.m-pic7 .list li:before {content: '';position: absolute;width: 6px;height: 6px;border-radius: 6px;background-color: #40a5f0;left: 0;top: 6px;}
.m-pic7 .img1 {overflow: hidden;}
.m-pic7 .p1 {width: 235px;float: left;margin-right: 20px;}
.m-pic7 .p2 {float: left;margin-right: 20px;}
.m-pic7 .p1 img {display: block;width: 100%;}
.m-pic7 .img2 {text-align: center;width: 450px;}
.m-pic7 .item2 .p1 {width: 220px;height: 220px;}
.m-pic7 .txt.t2 {margin-bottom: 50px;}
.m-pic7 .txt.center {text-align: center;margin: 0 auto;}
.m-pic7 .img3 {text-align: center;padding: 20px 0;}
.m-pic7 .img3 img {display: inline-block;vertical-align: middle;margin: 0 20px;}
.m-pic7 .img4 {overflow: hidden;}
.m-pic7 .img4 img {display: block;width: 100%;}
.m-pic7 .img4 .left {float: left;width: 67%;}
.m-pic7 .img4 .right {float: right;width: 32%;}
.m-pic7 .img4 .right img:first-child {margin-bottom: 10px;}
.pic-center {overflow: hidden;text-align: center;margin: 40px 0;}
.pic-center .img {width: 396px;display: inline-block;vertical-align: middle;}
/*.pic-center */
.pic-center .pic {position: relative;overflow: hidden;padding-top: 68%;}
.pic-center .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pic-center .txt {display: inline-block;vertical-align: middle;width: 50%;text-align: center;}
.pic-center .txt .inner {width: 230px;display: inline-block;text-align: left;}


.ifilter-button a {text-transform: uppercase;display: block;width: 118px;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #fff;background-color: #40a5f0;border-radius: 4px;margin: 23px auto 0;border: 1px solid #40a5f0;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.ifilter-button a:hover {color: #40a5f0;background-color: #fff;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

.img-tab li{width:65px;height:65px;}
.order-partbd .btn{margin-top:30px;}



.table-self {background-color: #fff;margin-bottom: 30px;}
.table-self .items {line-height: 20px;padding: 10px 10px;font-size: 13px;color: #505050;}
.table-self .items > div,.table-list .items dt >div {word-wrap:break-word;}
.table-self .item {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-self .down {float: right;width: 148px;}
.table-self .down a {text-transform: uppercase;display: block;width: 118px;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #fff;background-color: #40a5f0;border-radius: 4px;margin-top: 23px;border: 1px solid #40a5f0;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.table-self .down a:hover {color: #40a5f0;background-color: #fff;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.table-self .time {float: right;width: 150px;}
.table-self .head {font-size: 14px;color: #fff;background-color: #40a5f0;line-height: 60px;}
.table-self .body .items:nth-child(2n) {background-color: #f1f1f1;}

.table-self .apply {float: right;width: 150px;}
.table-self .sum {float: right;width: 82px;}
.table-self .place {float: right;width: 90px;}
.table-self .job {float: right;width: 203px;}

.table-self .items.on dt {border-bottom: 2px solid #e5e5e5;}
.table-self .items dd {display: none;}
.table-self .list {overflow: hidden;}
.table-self .list li {float: left;width: 50%;}
.table-self .list .inner {padding: 30px;font-size: 12px;line-height: 30px;color: #505050;}
.table-self .list p {max-width: 440px;}
.table-self .list h5 {font-size: 16px;}

.table-self .t1{float:right;width:100px;}
.table-self .t2{float:right;width:135px;}
.table-self .t3{float:right;width:120px;}
.table-self .t4{float:right;width:120px;}
.table-self .t5{float:right;width:80px;}
.table-self .t6{float:right;width:100px;}
.table-self .t7{float:right;width:130px;}
.table-self .t8{float:right;width:190px;}
.table-self .t9{float:right;width:70px;}
.table-self .t10{float:right;width:120px;}
.table-self a{color: #40a5f0;text-decoration: underline;}
.m-page .page .active a {background: #fff none repeat scroll 0 0;border: medium none;color: #40a5f0;}

.thirdpart .items{float:left;margin-right: 32px;overflow: hidden;margin-bottom:20px;}
.thirdpart .items .item_title{font-size: 16px;font-weight: bold;margin-bottom: 13px;}
.product_banner_text li {
	color: #ddd;
	font-size: 14px;
	line-height: 1.7;
}

.no-product{padding:20px;font-size:24px;color:#333;text-align: center;}
.m-pic4 .tit {
	font-size: 24px;
	text-align: center;
	font-style: normal;
	font-family: "Microsoft Yahei";
	margin-bottom: 30px;
}


.filter-product .product-title{background: #40a5f0;line-height:35px;padding:0 20px;font-size:16px;color:#eee;}
.filter-product-list{background: #fff;}
.filter-product .pic{width:360px;float:left;text-align: center;}
.filter-product .pic img{max-height: 200px;
	max-width: 350px;}
.filter-product .fea-app{width:800px;float:right;}
.fea-app .feature{width:500px;float:right;}
.fea-app .application{width:280px;float:right;}
.fea-app h3{border-bottom:1px solid #40a5f0; font-size:16px;color:#40a5f0;margin:10px 0;}
.filter-product .product-bottom{margin:10px 0;border-top:1px solid #40a5f0;}
.product-bottom h3{ font-size:16px;color:#40a5f0;margin:10px 0;padding:0 20px;}
.product-bottom .spec-title{ font-size:14px;color:#000;margin:10px 0;padding:0 20px;}
.product-bottom .spec-content{ font-size:13px;color:#666;margin:10px 0;padding:0 20px;}
.product-bottom span{display: inline-block;word-wrap:break-word;}
.product-bottom span.t1{width:100px;}
.product-bottom span.t2{width:100px;}
.product-bottom span.t3{width:90px;}
.product-bottom span.t4{width:70px;}
.product-bottom span.t5{width:190px;}
.product-bottom span.t6{width:110px;}
.product-bottom span.t7{width:80px;}
.product-bottom span.t8{width:100px;}
.product-bottom span.t9{width:120px;}
.product-bottom span.t10{width:150px;}
.spec-contenta:hover span{color:#40a5f0}
.banner .item .txt1 {width: 98%;max-width: 1200px;margin-left: 0;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.banner .item .txt1 h2 {float: right;text-align: center;}

.newstitle{display:block; width: 100%; text-align: center;line-height: 40px; font-size: 20px;}

/*n_content_right_m*/
.n_content_right_m{width: 1000px; margin: 0 auto;height: auto;overflow: hidden; margin-bottom: 50px; /* float: left; */}
/*end_n_content_right_m*/
/*xn_c_casec_2_wrap*/
.xn_c_casec_2_wrap{/* width: 300px; */ /* margin-left:-30%; */ /* margin-bottom:96px; *//* float: left; */}
.xn_c_casec_2_wbox{overflow: hidden;width: 1000px;/* float: left; */margin: 0 auto;}
.xn_c_casec_2_lftbox{width: 296px; height: 372px; overflow:hidden; position:relative;border: 1px solid #DAD6D6;}
.xn_c_casec_2_lftbox:hover{  -webkit-box-shadow: 0 0 25px rgba(0, 128, 204, 0.6);
    border: 1px solid rgba(0, 128, 204, 0.7);}
.xn_c_casec_2_lftbox img{width:100%;-height:100%; position:absolute;}
.xn_c_casec_2_ritbox{width: 296px; -height: 100px; /* background:#f5f5f5; */ /* padding-left:50px; */line-height: 34px;}
.xn_c_sv_4_title_c1{ font-size:30px; color:#aaaaaa; margin-top:90px;}
.xn_c_casec_2_name{ font-size: 18px; color: #f2f2f2; margin-top:6px;width: 296px;font-weight: bold;}
.xn_c_casec_2_name a{color: #969594;}
.xn_c_casec_2_name a:hover{color: #0071b6;}
.xn_c_casec_2_typec a{font-size: 14px; color:#888888; /* width: 100px; */ height: 51px; line-height:26px; overflow:hidden; /* margin-top:24px; */color:#888888;display: block;}
.xn_c_casec_2_typec a:hover{color:#0080cc;}
.xn_c_casec_2_gdmore{width:180px; height:42px; text-align:center; line-height:42px; margin-top:34px; font-size:14px;display: none;}
.xn_c_casec_2_gdmore a{ color:#888888; display:block; border:1px solid #aaaaaa;}
.xn_c_casec_2_gdmore a:hover{ background:#9acc6c;border:none;display:block; color:#fff;}
.xn_c_casec_2_xhbox1 .xn_c_casec_2_lftbox}
.xn_c_casec_2_xhbox1 .xn_c_casec_2_ritbox{}
.xn_c_casec_2_xhbox2 .xn_c_casec_2_lftbox{float: left;width: 296px;}
.xn_c_casec_2_lftbox a{height: 100%; display: table-cell; vertical-align: middle;}
.xn_c_casec_2_xhbox2 .xn_c_casec_2_ritbox{/* float: left; */ padding-left:0px;}
.xn_c_casec_2_xhbox4 .xn_c_casec_2_ritbox{/* float: left; */ padding-left:0px;}
.xn_c_casec_2_xhbox6 .xn_c_casec_2_ritbox{/*float: left;*/ padding-left:0px;}
.xn_c_casec_2_wbox>div {float: left; padding: 15px 15px;}

@media only screen and (max-width: 959px){
	.n_content_right_m{
		max-width: 100%;
		margin: 0 auto;
	    height: auto;
	    overflow: hidden;
	    margin-bottom: 50px;
	}
	.xn_c_casec_2_wbox{
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
}
.pagination li{ display:inline-block;border:1px solid #ccc;margin-right:5px; }
.pagination li a{ padding:5px 12px;display:block; }
.pagination li a:hover,.active a{ background-color:#40a5f0;color:#fff; }