/*pad*/

img {
    max-width: 100%;
}

.hs-num {
    float: right;
    height: 26px;
    width: 32px;
    left: 50%;
    top: 0;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .hs-num {
    transform: rotate(90deg);
}

.hs-num a {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.hs-num a:after,
.hs-num a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.hs-num a:after {
    top: 8px;
}

.hs-num a:before {
    top: -8px;
}

.selected .hs-num a:after,
.selected .hs-num a:before {
    top: 0;
}

.selected .hs-num a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #fff;
}

.selected .hs-num a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;
}

.selected .hs-num a {
    background-color: transparent !important;
}

.selected .header {
    overflow: visible;
}

.selected .header .nav {
    display: block;
    z-index: 111;
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    margin: 0;
}

.selected .header .nav li a {
    text-align: center;
    width: auto;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 50px;
    padding: 0;
}

.selected .header .nav li a {
    color: #000000;
}

.selected .header .nav .selected a {
    border-bottom-color: #73e5b1;
}

@media only screen and (max-width: 1480px) {
    .h-case .wap li .imgs {
        height: 195px;
    }
	.wrap,
    .ti-nav,
    .wap {
        width: 1200px;
    }

    .h-lists .text p {
        line-height: 2;
    }

    .h-lists dd a {
        line-height: 2;
    }

    .h-lists .table img {
        height: 84px;
    }

    .h-lists .table li {
    }

    .h-lists .table li h3 {
        line-height: 3;
    }

    .h-lists .text .img {
        height: auto;
    }

    .h-lists .text p {
        height: 170px;
        overflow: hidden;
    }

    .h-lists ul.ul > li {
        height: 480px;
    }

    .h-work {
        height: 600px;
    }

    .h-work li {
        height: 600px;
    }

    .c-list .bd li .imgs {
        height: 261px;
    }

}

@media only screen and (max-width: 1240px) {
    .ti-nav,
    .wap {
        width: 960px;
    }

    .c-list .bd li .txt {
        padding: 15px 20px;
    }

    .advantages .bd li {
        padding: 0 20px;
    }

    .contact li {
        padding-left: 30px;
    }

    .contact h2,
    .lianxitj {
        padding-left: 30px;
    }

    .c-list .bd li .imgs {
        height: 210px;
    }
    .y_case2 li{
        width: calc(100% / 3.01);
    }
}
@media only screen and (max-width: 1240px) {
    .wrap, .ti-nav, .wap{
        width: auto;
        padding: 0 30px;
    }
}



@media only screen and (max-width: 1000px) {
    .new-list .list,
    .rmtab,
    .news .rt{
        float: none;
        width: auto;
    }
	.wrap,
    .wap {
        width: auto;
        padding: 0;
    }
    .crumbs{
        padding: 20px 20px 0;
    }
    .hs-num {
        display: block;
        left: auto;
        right: 20px;
        top: 14px;
    }
    .news .newsbox li,
    .news .btn li:nth-child(2n+1),
    .news .btn li{
        float: none;
        width: auto;
    }
    .rmtab{
        margin: 20px 0 0;
    }
    .header .logo {
        margin-top: 12px;
    }
    
    .layout {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .hs-pd {
        display: none;
    }

    .h-naver {
        display: block;
    }

    .f-naver {
        display: none;
    }
    .h-slider{
        height: auto;
    }
    .header {
        top: 0;
        position: fixed;
        z-index: 999;
        background: rgba(0, 0, 0, 0.9);
        margin: 0 auto;
        height: 56px;
    }

    .header .logo img {
        height: 32px;
    }

    .uit-fx {
        display: none;
    }



    .h-tit .ov-bg {
        padding: 30px 15px;
    }

    .h-tit ul {
        width: auto;
    }

    .h-tit li span {
        font-size: 36px;
        line-height: 50px;
        height: auto;
    }

    .h-tit .line {
        height: 30px;
    }

    .h-tit li span::after {
        height: 25px;
    }

    .h-tit h2 {
        font-size: 20px;
        line-height: 1.7;
    }

    .h-work li {
        height: 190px;
        float: none;
        width: auto;
        margin: 0px;
        /*border: 1px solid #fff;*/
        margin-top: 10px;
        padding: 25px 15px;
        box-sizing: border-box;
    }
    .h-work .wap{
        margin: 30px 20px;
    }
    .swiper-wrapper{
        height: auto !important;
    }
    .swiper-pagination{
        position: static;
    }
    .swiper-pagination-bullet-active{
        background: #fff;
    }
    .h-work li .mask{
        height: 100%;
    }
    .h-work li .ico{
        background-position: center -66px !important;
    }

    .h-tit h4 {
        font-size: 15px;
        line-height: 1.5;
    }

    .h-work {
        height: auto;
    }

    .h-work li .ico {
        height: 66px;
        width: 66px;
        background-size: 100% auto !important;
    }

    .h-work li:hover .ico {
        background-position: center -66px !important;
    }

    .h-work li h2 {
        margin-top: 8px;
        font-size: 17px;
        line-height: 2;
    }

    .h-work li p {
        margin-top: 8px;
    }

    .ti-nav {
        width: auto;
        margin-top: 0;
    }

    .ti-nav span {
        float: none;
    }

    .ti-navr {
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ti-navr ul {
        display: none;
    }

    .ti-nav span img {
        height: 30px;
    }

    .h-case {
        padding: 30px 15px;
    }

    .h-case .wap li {
        width: auto;
        float: none;
        margin: 0;
        margin-bottom: 10px;
    }

    .case-wap {
        position: relative;
        padding-bottom: 60px;
    }

    .ti-navr font {
        float: none;
        margin: 0 auto;
    }

    .h-case .wap ul {
        margin-top: 20px;
        display: block;
    }

    .h-lists ul.ul > li {
        height: auto;
        float: none;
        margin: 0;
        width: auto;
        margin-bottom: 10px;
    }

    .h-lists {
        padding: 30px 15px;
    }

    .friendul {
        margin-top: 10px;
    }

    .footer {
        padding: 30px 15px 50px;
    }

    .h-lists dd {
        padding: 0;
    }

    .h-lists .table img {
        height: auto;
    }

    .h-lists .table li {
        padding-bottom: 0;
    }

    .footer .friend {
        display: block;
        margin-top: 0;
    }

    .footer .copyright {
        font-size: 12px;
        line-height: 1.7;
        margin: 0;
    }

    .footer .copyright br {
        display: none;
    }

    .banner {
        background-size: 400% auto !important;
        height: 180px;
        background-attachment: inherit !important;
        background-position: center top !important;
        margin-top: 56px;
        padding: 0 15px;
    }

    .h-slider {
        margin-top: 56px;
        position: relative;
    }
    .maintop{
        height: auto !important;
    }
    .h-banner{
        position: relative;
    }
    .banner h2 {
        font-size: 20px;
        line-height: 1.4;
    }

    .banner h3 {
        font-size: 14px;
        line-height: 1.6;
    }

    .banner span {
        width: 30px;
        height: 2px;
        margin-top: 5px;
    }

    .about {
        padding: 30px 15px;
    }

    .news .head h1,
    .about h2 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 10px;
        padding-top: 0;
    }
    .news .body, .news .body p{
        font-size: 16px;
    }
    .news .btn li a{
        padding: 0;
    }
    .about p {
        margin: 0;
    }

    .contact {
        margin: 0;
    }

    .contact .bd {
        box-shadow: none;
    }

    .contact .con_rt {
        float: none;
        width: auto;
        padding-top: 0;
        height: 200px;
        margin: 0;
    }

    .con_lt {
        float: none;
        width: auto;
        padding-top: 20px;
    }

    .contact h2{
    	font-size: 22px;line-height: 1.4;padding-left: 15px;margin-bottom: 8px;
    }
    .contact li {
        padding: 0 15px 5px;
    }

    .fonts_lx {
        font-size: 14px;
    }

    .contact .txt {
        width: 100%;
        margin: 0;
        float: none;
    }

    .lianxitj {
        width: auto;
        padding: 0 15px;
    }

    .contact .text {
        width: 100% !important;
    }

    .contact .bd {
        height: auto;
        padding-bottom: 30px;
    }

    .contact .btns {
        position: static;
        float: none;
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }

    .news .head {
        padding-top: 0;
    }

    .news {
        padding: 30px 15px;
    }

    .news .body p {
        margin: 0;
    }

    .news .body .img {
        max-width: 100%;
    }

    .news .btn {
        margin-top: 15px;
    }

    .news .newsbox {
        margin-top: 15px;
    }

    .news .newsbox {
        padding: 0;
    }

    .news .newsbox li {
        float: none;
    }

    .h-case .wap li .imgs {
        height: 222px;
    }

    .h-work {
        padding: 15px 0 30px;
    }
    .h-work li p{
        font-size: 12px;
        line-height: 1.6;
    }
    .h-case .wap li .txt {
        height: auto;
        padding-bottom: 8px;
    }

    .h-case .wap li p {
        padding-top: 5px;
    }

    .header .h-naver li {
        float: none;
    }

    .header {
        overflow: initial;
    }

    .header .h-naver {
        padding: 0;
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 56px;
        background: rgba(0, 0, 0, 0.9);
        padding-bottom: 15px;
        display: none;
    }

    .header .h-naver ul {
        padding: 15px 5px;
    }

    .news .newsbox li a {
        width: auto;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 34px;
        height: 34px;
    }

    .news .newsbox ul {
        width: auto;
        padding-bottom: 0;
    }

    .news .newsbox li {
        padding-left: 10px;
    }

    .new-list {
        padding: 30px 0;
    }

    .new-list li {
        padding: 15px;
        padding-bottom: 45px;
        margin: 0 15px 15px;
    }

    .new-list li .img {
        float: none;
        width: auto;
        height: auto;
    }

    .new-list .txt {
        width: auto;
        margin: 0;
        padding-top: 10px;
    }

    .new-list .txt .date h3 {
        font-size: 40px;
    }

    .new-list .txt .date span {
        font-size: 13px;
    }

    .new-list .txt .date {
        margin-bottom: 8px;
    }

    .new-list .txt h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .new-list .btn {
        width: 120px;
        height: 36px;
        line-height: 36px;
    }

    .new-list ul {
        padding-bottom: 15px;
    }

    .c-list .hd .ti-navr {
        float: none;
        position: static;
    }

    .c-list .hd .ti-nav span {
        float: none;
        margin-left: 15px;
        display: block;
    }

    .c-list .bd li {
        float: none;
        float: none;
        margin: 0 15px 15px !important;
        width: auto;
    }

    .c-list {
        padding-top: 90px;
    }

    .c-list .bd li span {
        opacity: 0;
    }

    .c-list .bd li table {
        transform: scale(1);
        opacity: 1;
    }

    .c-list .bd li .s-mask {
        opacity: 0;
    }

    .c-list .bd li span {
        transform: scale(0.8);
        opacity: 1;
        border: 2px solid #fff;
    }

    .c-list .bd li:nth-child(1n+5) {
        /*display: none;*/
    }

    .c-list .bd {
        padding-bottom: 20px;
    }

    .c-list .bd li span {
        opacity: 0;
    }

    .h-lists .text p {
        height: auto;
        line-height: 1.7;
    }
    .h-work ul{
        overflow: inherit;
    }
    .h-lists .table img {
        height: auto;
    }
    .h-banner .swiper-pagination{
        position: absolute;
        bottom: 20px;
        z-index: 111;
    }
    .swiper-pagination-bullet{
        opacity: .6;
    }
    .swiper-pagination-bullet-active{
        opacity: 1;
    }
    .header .logo h1 {
        margin-top: 0;
        font-size: 12px;
        line-height: 16px;
    }
    .maintop, .device, .swiper-container, .swiper-wrapper, .h-banner .swiper-slide{
        height: 240px;
    }
    .y_banner{
    	height: 360px;
    }
    .y_about h2 strong,
    .y_about h2{
    	font-size: 18px;
    	line-height: 1.5;
    	margin-bottom: 10px;
    }
    .y_banner h1{
    	font-size: 20px;
    	line-height: 1.7;
    }
    .y_about p{
    	line-height: 1.7;
    	font-size: 14px;
    }
    .y_banner h2{
    	font-size: 14px;
    	padding: 0 10px;
    	line-height: 1.7;
    }
    .y_about{
    	padding:40px 20px;
    }
    .y_about p br{
    	display: none;
    }
    .y_title h2{
    	font-size: 20px;
    	line-height: 1.7;
    	margin-bottom: 10px;
    }
    .y_case li .tx p,
    .y_title p{
    	line-height: 1.7;
    	font-size: 14px;
    }
    .y_case{
    	padding: 40px 10px;
    }
    .y_case ul{
    	margin-top: 20px;padding: 0;
    }
    .y_case li{
    	width: auto;
    	float: none;
    	margin: 0 0 10px 0 !important;
    }
     .y_news li{
         border-bottom:1px solid #eee;
         padding-bottom: 10px;
     }
    .y_news li p{
        height: auto;
    }
    .y_case li .tx{
    	left: 0;
    	bottom: 0;
    }
    .y_case li .tx h2{
    	font-size: 18px;
    }
    .y_news li{
    	width: auto;
    	float: none;
    	margin: 0;
    	margin-bottom: 10px;
    }
    .y_news ul{
    	margin: 20px 0;
    }
    .y_news{
    	padding: 0 10px 20px;
    }
    .y_more a{
    	margin: 20px auto 0;
    }
	.y_contact p{
		display: block;
		font-size: 12px;
    line-height: 22px;
    color: #ddd;
    text-align: left;
    margin-bottom: 20px;
	}
    .header .h-naver li{
    	padding: 0 10px;
    }
    .uccase ul li{
		width: 100%;
	}
	.uccase ul li a{
		height: 40vw !important;
	}
	.y_news{
		padding-top:30px;
	}
	.y_more a{
		margin: 0;
	}
	html{
		font-size: 14px !important;
	}
	.uccase, .y_news{
		padding: 30px 10px;
	}
	.h-banner .txt h1{
		font-size:22px;
		margin-bottom: 10px;
	}
	.h-banner .txt h2{
		font-size: 16px;
	}
	.h-banner .txt{
		width: 80%;
		margin: 0 auto;
	}
	.apage .h-tit h2{
		font-size: 18px;
	}
	.apage{
		padding: 10px 20px;
	}
	.alist ul{
		display: block;
	}
	.alist li{
		width: auto;
	}
	.about_swiper{
		height: auto;
	}
	.about_swiper .swiper-wrapper{
		display: block;
	}
	.apage1{
		padding: 100px 20px 60px;
	}
	.qmfuwlc ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.qmfuwlc li{
		width: 49%;
		border: 1px solid #fff;
		height: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 5px;
		flex-wrap: wrap;
		background: rgba(255,255,255,0.3);
	}
	.qmfuwlc li:nth-child(2n){
		display: none;
	}
	.qmfuwlc li .ico{
		width: 100%;
	}
	.qmfuwlc li p{
		margin-top: 0;
	}
	.alist li{
		margin-bottom: 20px;
	}
	.about_swiper .swiper-slide{
		height: auto;
	}
	.alist{
		margin-bottom: 20px;
	}
	.qmfuwlc ul{
		margin-top: 20px;
		padding-bottom: 20px;
	}
	#partner ul li{
		width: 50%;
	}
	.apage4{
		padding-bottom:50px;
	}
	.umcase .uccase ul li{
		margin-bottom: 0;
	}
	.sloganTitle .b p{
		font-size: 24px;
	}
	.boxes{
		padding-bottom: 30px;
	}
	.y_banner h1{
		padding: 0 10px;
	}
	.nebanner{
		height: 290px;
	}
	.crumbs{
		padding: 20px;
	}
	.contact{
		padding: 20px;
	}
	.contact li{
		overflow: hidden;
	}
	.new-list{
		padding: 1px 0 0;
	}
	.new-list li{
		padding: 10px 0;
		margin-bottom: 0;
	}
	.rmtab dd a{
		font-size: 14px;
		line-height: 30px;
	}
	.new-list .txt p{
		font-size: 14px;
		height: auto;
		line-height: 1.6;
	}
	.header .h-naver li a{
		font-size: 22px;
	}
	.contact .text{
		height: 160px;
		border-radius: 0;
		font-size: 14px;
	}
	.contact .txt{
		font-size: 14px;
		height: 40px;
		border-radius: 0;
		border-bottom: 1px solid #ccc;
	}
	.crumbs dd a, .crumbs dd{
		font-size: 13px;
	}
	.uit-page dd a{
		font-size: 14px;
	}
	.appBanner{
		height: 300px !important;
	}
	.sloganTitle{
		top: 15%;
	}
	.o-projects{
		padding-top: 30px;
	}
	.o-projects.o-projects--grid-home{
		padding-top: 40px;
	}
	.o-projects__row{
		flex-wrap: wrap;
	}
	.c-project.c-project--left,
	.c-project.c-project--right{
		-webkit-clip-path:none;
		clip-path:none;
	}
	
	
	.c-project__img .bgs{
		    background-position-x: 125%;
	}
	.o-projects.o-projects--grid .c-project__container{
		padding-top: 10%;padding-bottom: 5%;font-size: 14px;
	}
	.o-projects.o-projects--grid .c-project__container .react-reveal{
		font-size: 14px;
	}
	.c-btninline{
		width: 80px;
	}
	.o-projects.o-projects--grid .c-project__inner{
		padding-left: 20px;    padding-bottom: 95.47222%;
	}
	.boxes{
		padding: 30px 0;
	}
	.cpList ul li .info .name,
	.seoTitle b{
		font-size: 16px;
	}
	.hyList ul li .name,
	.cpList ul li .info .des,
	.seoTitle p{
		font-size: 14px;
	}
	.cpList ul li{
		width: 50%;padding-bottom: 0;margin-bottom: 10px;
	}
	.seoTitle{
		margin-bottom: 20px;
	}
	.hyList ul li{
		width: 50%;
	}
	
	
}