@charset "utf-8";
/* CSS Document */
.wrap {
	margin: 0 auto;
	width: 100%;
	height: 0;
	padding-top: 30%; /* ratio of image * 100 */
	overflow: hidden;
	position: relative;
}

.mockup {
	position: absolute;
	top: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.mockup::after {
	content: '';
	position: absolute;
	background:none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.mockup__img {
	display: block;
	width: 1900px;
}

.mobile {
	overflow: hidden;
	position: absolute;
	z-index: 100;
	background: #333;
	width: 320px;
	height: 480px;
	top: 55px;
	left: 65%;
	outline: 1px solid transparent;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	transform: matrix3d(-1.1723, 0.1398, 0, 0.000295, 0.167797, 0.98007, 1, -0.000034, 0, 1, 0, 0, 8, 45, 0,1);
	transform: matrix3d(-1.1723, 0.1398, 0, 0.000295, 0.167797, 0.98007, 1, -0.000034, 0, 1, 0, 0, 8, 45, 0,1);
}

.slideshow {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	list-style-type: none;
}

.slideshow__item {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.slideshow__item.current{
	pointer-events: auto;
	z-index: 100;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slideshow img {
	width: 100%;height: 100%;
}

.slideshow__item.in--next {
	-webkit-animation: inNext 0.3s forwards;
	animation: inNext 0.3s forwards;
}

.slideshow__item.out--next {
	-webkit-animation: outNext 0.3s forwards;
	animation: outNext 0.3s forwards;
}

.slideshow__item.in--prev {
	-webkit-animation: inPrev 0.3s forwards;
	animation: inPrev 0.3s forwards;
}

.slideshow__item.out--prev {
	-webkit-animation: outPrev 0.3s forwards;
	animation: outPrev 0.3s forwards;
}

@-webkit-keyframes inPrev {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes inPrev {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes inNext {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes inNext {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes outPrev {
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes outPrev {
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@-webkit-keyframes outNext {
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes outNext {
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}











.phoneBox{display:none;}
@media screen and (max-width:2000px){

footer .foo .left01 ul {
    float: left;
    margin-right: 111px;
}
}

@media screen and (max-width:1600px){
html{font-size:50%;}
.mlr50{margin:0 35px;}
.index_hd{ margin-top:30px;}
.mlr70{margin:0 0 0 35px;position:relative;}
.pwr {
    margin-top: 53px;
}
.con {
    position: absolute;
    right: 0;
    top: -3px;
}
.inner {
    right: 4%;}
.maps .hangy .it01 {
    width: 44%;}
	.maps .hangy .it {
    width: 18%;
}
footer .foo .left01 ul {
    float: left;
    margin-right: 62px;
}
.header nav {
    float: left;
    margin: 38px 0 0 406px;
}
.fixedSubNav nav {
    float: left;
    margin: 31px 0 0 533px;
}
.anlt .jop a {
    font-size: 14px;
    color: #666;
    width: 215px;}
	
.main-page .right02 {
    width: 544px;}	
.main-page .content-back {
    width: 544px;}	
.main-page .content {
    position: relative;
    width: 544px;}	
	
.main-page .content div {
    width: 544px;}	
.main-page .content div .qian {
    width: 544px;    background:none;    padding-top: 26px;}
	.main-page .content div .zhong {
    width: 544px;
    height: auto;
    background: none;}
	.main-page .content div .hou {
    width: 544px; background:none;}	
	.renli .right {
    width: 54%;
}




}
@media screen and (max-width:1440px){
footer a.item{width:12%;}

footer .foo .left01 ul {
    float: left;
    margin-right: 20px;
}
.mlr60 {
    margin: 0 55px;}
	.banner .xw .shj01 h2 {
    padding-top: 77px;
    color: #fff;
    font-size: 41.8px;
}
	.banner .xw .shj01 {
    position: absolute;
    top: 38%;}
	.renli .right {
    width: 50%;
}
.main-page {
    width: 100%;
    height: auto;
}
.main-page .left02{ width:20%;}
.main-page .right02 {
    width: 73%; margin-left:0;}
.main-page .content-back {
    width: 100%;}
.main-page .content {
    width: 100%;    box-shadow: 4px 4px 4px 6px rgba(212, 202, 202, 0.25);



}
.main-page .content div {
    width: 100%;}
.main-page .content div .qian {
    width: 100%;
    height: 51px;
    background:none;padding-top:0;}
	.main-page .content div .zhong {
    width: 100%;
    height: auto;
    background:none;}
	.main-page .content div .hou {
    width: 100%;
    height: 33px;
    background:none; }
	#works_ctrl {
    position: fixed;
    top: 300px;
    right: 0;
}
	.major-list-outer {
    margin-top: 30px; width:100%;
}
.index_hd .hd_r ul li {
    float: left;
    width: 33.3%;}
	.banner .xw .shj02 {
    position: absolute;
    top: 19%;}
	.banner .xw .shj h2 {
    font-size: 39.8px;
}
.full-length ul li {
    width: 33.3%;
    height: 375px;}
.mobile {
    overflow: hidden;
    position: absolute;
    z-index: 100;
    background: #333;
       width: 235px;
    height: 361px;
    top: 30px;}
	.header nav {
    float: left;
    margin: 38px 0 0 217px;
}
.header nav li {
    float: left;
    margin-right: 67px;}
	.fixedSubNav nav {
    float: left;
    margin: 31px 0 0 317px;
}
.xwnana ul li p b {  bottom:0;}
}

@media screen and (max-width:1390px){
footer .foo .right .rl{ margin-left:9px;}
footer .foo{ padding-top:40px;}
}
@media screen and (max-width:1366px){
footer a.item{width:12%;}
footer .foo .left{ margin-right:19px;}
footer .foo .left01 ul {
    float: left;
    margin-right: 22px;
}
.service .main, .index .main {
    top: 0;}
.full-length ul li{ width:33.3%;     height:360px;float:left; position:relative;}
.anlt .jop a {
    font-size: 14px;
    color: #666;
    width: 157px;}
	.anlt .jop .nawo{ width:400px;}
	.header nav {
    float: left;
    margin: 38px 0 0 231px;
}
.header nav li {
    float: left;
    margin-right: 79px;
    font-size: 16px;
}
.wrap {
    margin: 0 auto;
    width: 100%;
    height: 0;
    padding-top: 30%;}
.fixedSubNav .menu-right .a2.open .sear {
    width: 170px;}
}
@media screen and (max-width:1280px){
.maps .table{width:100%;}
.maps .table .item{width:60%;}
.maps .table .item:nth-child(2n){width:40%;}
.maps .btn{width:92%;}
.maps .hangy .it01 {
    width: 41%;
}
.banner .xw .shj01 h2 {
    padding-top: 34px;
    color: #fff;
    font-size: 41.8px;
}
.banner .xw .shj01 {
    position: absolute;
    top: 38%;}
	.full-length ul li {
    width: 33.3%;
    height: 341px;}
.header nav {
    float: left;
    margin: 38px 0 0 156px;
}
.fixedSubNav nav {
    margin: 38px 0 0 241px;
	
	}

footer .foo .left {
    margin-right: 17px;    width: 269px;
}
	footer .foo .left01 ul{margin-right: 8px;}
footer .foo .left .dd b{    display: block;
    float: left;
    width: 229px;}

.anlt .jop a {
    font-size: 14px;
    color: #666;
    width: 169px;
}
footer .foo .left01 { float:right;}
footer .foo .right .rl{ margin-left:11px; display:none;}
footer .you a{ margin-right:18px;}
}
@media screen and (max-width:1200px){
.nei .yi{ width:100%; margin:0 auto;}
.nei .yi img{ width:100%;}
footer .foo .left01 ul {
    float: left;
    margin-right: 18px;
}
}
@media screen and (max-width:1410px){



}

@media screen and (max-width:1024px){
.loadPage{display:none;}
.maskBtn{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.7);z-index:100;}
/*.pageFrame,.maps,footer,header .logo,header .toggle,*/header nav{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pageFrame.trx,.maps.trx,footer.trx,header .logo.trx,header .toggle.trx{-webkit-transform:translateX(-250px);transform:translateX(-250px);}
header{z-index:101;}
.mlr50{margin:0;padding:0 15px;display:block;position:relative;}
.pwr {
    margin-top: 53px;
}

.index .page3 svg{max-height:300px;min-height:300px;}
.index .page5 .tab .cm .after{width:25%;}
.maps .bg{background-position:20% center;opacity:0.1;}
.maps .send{width:60%;}
.gototop{width:40px;height:40px;margin-left:-20px;bottom:10px;}
footer a.item{font-size:50px;}
.serachTop{position: absolute;
    right: 18px;
    top: 20px;}
.con {
    position: absolute;
    right: 9%;
    top: -5px;
}
.serachBox{ width:100%; right:0;}
.serach-txt {
    width: 75%;}
}
@media screen and (max-width:900px){
.pagenow{opacity: 1;}
}
@media screen and (max-width:768px){
footer a.item{font-size:30px;}
footer .fl{margin-left:0px;width:100%;line-height:24px;padding:30px 15px;border-bottom:1px #888 solid;}
footer a.item{width:33.33333%;}
footer a.item:last-child{border:none;}
.inner {
    right: 7%;
}
.con {
    position: absolute;
    right: 14%;}
	.maps .hangy .it {
    width: 100%;
    margin-bottom: 15px;
}
.maps .hangy .it01 {
    width: 100%;
    margin-bottom: 15px;
}
.maps .hangy {
    margin-top: 38px;
}
.maps .hangy .it02 {
    width: 100%;}
	#works_ctrl {
    position: fixed;
    top: auto;
	bottom:0;
    right: 5px;}
footer .foo .left01 {
    display: none;
}
footer .foo01{ text-align:center;} 
footer .foo01 .left{ float:none; margin-bottom:15px;}

footer .foo01 .right{ float:none;}
footer .you { display:none;
}	

.banner .xw .shj h2 {
  padding-top: 18px;
    color: #fff;
    font-size: 17.8px;
}
.mlr60 {
    margin: 0 10px;}
.shak .center{ display:none;}
.shak .left{ float:none;}
.shak .right {
        margin-top: 32px;
    float: none;
    text-align: left;
}



.lxwm01 { padding:50px 15px;}
.header nav {
    float: left;
    margin: 38px 0 0 50px;
}

.fixedSubNav nav {
    margin: 38px 0 0 50px;
	
	}

.header nav li {
    float: left;
    margin-right: 39px;}
	.header .logo .po03 {
		display:none;
}


.xwnana ul li {
    width: 100%;}

.banner .xw .shj p{ display:none;}
.full-length ul li{ height:271px;}

.xwxq {
    padding-top: 21px;}
.banner .cv01 img{ width:100%; height:262px;}	
.banner .cv011 .shi011{ font-size: 28px;
    color: #fff;}
.banner .cv011 h2{padding-top: 18px;
    color: #fff;
    font-size: 17.8px;}
	.pbiao{padding: 35px 0 30px 0;}
.pbiao .left h2 {
    font-size: 22px;}
	.anlt h2{ font-size:18px; padding-top:11px;}
.sidebar {
    position: fixed;
    right: 0;
    bottom: 0%;     top: auto;}
	footer .foo .left {
    width: 269px;
    float: none;
    margin: 0 auto;
}
}
@media screen and (max-width:767px){
.pagenow{opacity:1;}
.kv.show, .services .img.i2, .services .img.i4, .index .page1{background-attachment:inherit;}
}
@media screen and (max-width:560px){
	.anlt .jop a {
    font-size: 14px;
    color: #666;
    width: 48%;
}
.abso,.job .page2 .box.red{display:none;}
.pcBox{display:none;}
.phoneBox{display:block;}
body,.services{font-size:14px;}
.pagenow{opacity:1;}
.maps .table{width:100%;position:relative;padding:20px;top:auto;right:auto;height:auto;}
.maps .btn,.maps .send{width:100%;}
.maps .table .item,.maps .table .item:nth-child(2n){width:100%;margin:0px;}

.mlr50{ padding-left:2%; padding-right:2%;}

.inner {
    width: 124px;
    position: absolute;
    right: 11%;
    top: -17px;
}
.con {
    position: absolute;
    right: 98px;
    top: -12px;
}
.f-15{font-size:14px;}

.maps .bg{display:none;}
.shang_box {
    width: 100%;
    height: 540px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 50%;
    margin-left: 0;
    margin-top: -280px;
    border: 1px dotted #dedede;}
.serachBox{ width:100%; right:0;}
.serach-txt {
    width: 50%;}
	
footer .foo .left{float:none; width:98%;}
footer .foo .right{float:none;margin: 0 48px;
    margin-top: 26px; display:none;}
	footer .foo01 .right a{ margin-left:5px;}
	
footer .you { display:none;
}	
	
	
.full-length ul li {
    height: auto;
    width: 100%;
}	
	footer .foo01 .left a{ display:none;}
	
	.xwnana ul li{    width: 100%;}

	.xwnana ul li a {
    width: 100%;    padding-bottom: 12px;}
	.xwnana ul li p b {
    bottom: 10px;
}
footer .foo .right .rl{ margin-left:10px;}

.lxwm .lx01 .left {
    width: 98%; float:none;}

.lxwm .lx01 .left01 {
    float: none;
    width: 98%; margin-top:4%;
}
.lxwm .lx01 .left02 {
    float: none;
    width: 98%; margin-top:4%;
}

.lxwm .lx02 .left {
      width: 98%; float:none;
}
.lxwm .lx02 .bbna {
    float: none;
    width: 98%; margin-top:4%;
}

.lxwm .lx02 .left02 {
    float: none;
    width: 98%; margin-top:4%;
}

.banner .xw img{ height:233px;}


}