@charset "utf-8";

/* CSS Document */



.waploading{ display:none}

@media screen and (max-width:1000px)



{
	
.pcloading{ display:none}
.waploading{ display:flex}	

body{ padding-top:50px;}

.nav-btnbox { display:block}

.top{ padding:0px;}

.top .mainbox{ height:50px;}

.logo{ width:30%}

.synewbox{padding-bottom:10%}

.honorlist{padding-bottom:10%}

.sycasebox{padding-bottom:10%}

.syaboutleft{ width:100%}

.aboutpic{ width:100%}

.footer{ display:block}

.footleft{ display:none}

.footright{ width:100%}

.footright p{ display:block}

.fenxs{ display:block}



.language{ position:absolute; left:50%; bottom:10px; margin-left:-40px;}



.nav{ position: fixed;top:0;right:0;z-index:9999;float:inherit;width:100%;height:100vh;background:#000; text-align:center;opacity:0;visibility: hidden;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow-y:scroll;-webkit-overflow-scrolling:touch; }

.nav ul{ width:90%; display:block; text-align:center}

.nav li a{ color:#fff}

.nav li{line-height:50px;border-bottom:1px solid rgba(255,255,255,0.2);}

.nav li>a{ font-size:16px;  }



.nav li:hover>a{ color:#Fff}

.nav li:nth-child(2):before{ width:100%; height:50px; content:""; position:absolute; left:0px; top:0px; z-index:99;}



.nav li:nth-child(4):before{ width:100%; height:50px; content:""; position:absolute; left:0px; top:0px; z-index:99;}





.navdown{ position:relative; left:0%; width:100%; margin-left:0px; top:0px; background:url(../images/xials2.png) no-repeat center 10px; opacity:1; display:none;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-property:none;-webkit-transition-property:none}

.navdown a{ display:block; line-height:40px;}

.navdown a:hover{ opacity:0.8}





.nav-btnbox {position:fixed;z-index:999999;right:8px;top:15px; width:25px; height:30px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }



.nav-btnbox .icon-bar {display: block; height: 3px;border-radius: 10px;overflow: hidden;background-color: #000;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;

-ms-transition: all .3s ease; margin:0 auto;}

	

.nav-btnbox .icon-bar+.icon-bar {

	margin-top:5px

}	

.menu-open .nav-btnbox .icon-bar{ background-color:#fff;}

.menu-open .nav-btnbox .icon-bar:first-child {

    margin-left: 0;

    -webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);

    transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);

}	

.menu-open .nav-btnbox .icon-bar:nth-child(2) {

    opacity: 0;

    transform: translate(20px, 0);

}

.menu-open .nav-btnbox .icon-bar:last-child {

    -webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);

    transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);

}





.menu-open .nav{visibility:visible;opacity:1;}



.menu-open .icon-bar{ background:#FFF}

.menu-open .nav ul{padding: 0;}

.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp; display:block}



.menu-open .nav li:nth-child(1){animation-delay:0s;}

.menu-open .nav li:nth-child(2){animation-delay:0.1s;}

.menu-open .nav li:nth-child(3){animation-delay:0.2s;}

.menu-open .nav li:nth-child(4){animation-delay:0.3s;}

.menu-open .nav li:nth-child(5){animation-delay:0.4s;}

.menu-open .nav li:nth-child(6){animation-delay:0.5s;}

.menu-open .nav li:nth-child(7){animation-delay:0.6s;}



.mainbox{ padding-left:20px; padding-right:20px;}

.nymainbox { padding-left:20px; padding-right:20px;}

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}





.synewbox .swiper-slide a{ padding:0px;}

.synewbox .swiper-slide a:hover{ background:none}

.sycasebox .swiper-slide a{ margin:0px;}



.aboutpic{ margin-top:4%}



.rongdownpic{ display:none}

}











@media screen and (max-width:768px)



{

.zongjin .teampic{ width:100%}

.zongjin .teamtxt{ width:100%; margin-top:5%}

.hehuobj .zongjin{ width:100%; margin-top:5%}



.shejishi .item{ width:49.8%}

.zutu01,.zutu02,.zutu03{ height:36px;}

.zuoxuanze li p{ font-size:14px;}

.zuopinlist li{width:calc(50% - 10px); margin-left:10px; margin-bottom:10px;}

.zuopinlist ul{ width:calc(100% + 10px);margin-left:-10px;}



.jobbox li>p{ padding:4% 0px;}





.contactleft{ width:100%; float:none}

.contactright{ width:100%; float:none; margin-top:5%}

.my-map{ height:300px;}

.netesx{width: calc(100% - 100px);}

.nepic{ width:80px;}

.page a{ margin:0px 2%}

.footright div.you{ display:block}

}