/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 46px;
    width: 46px;
    position: fixed;
    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;
    overflow: hidden;
    z-index: 9999;
    display: block;
}

/*.selected .gh {
	transform: rotate(90deg);
}*/

.gh span {
    background-color: #fff;
    display: block;
    height: 1px;
    margin-top: -1px;
    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: 30px;
    margin: 0 auto;
}

.gh span {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    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: 30px;
    margin: 0 auto;
    right: 0;
}

.gh .span3 {
    margin-top: 8px;
}

.gh .span1 {
    margin-top: -8px;
}

/*.selected .gh .span1,
.selected .gh .span3{
	top: 0;
}*/
/*
.selected .gh .span1 {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background: #fff;
}

.selected .gh .span3{
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #fff;
}
*/

/*.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: 1420px) {
    .wrap1,
    .wrap1390 {
        width: 1200px;
    }

    .h_bds .h_slider {
        width: 600px;
        height: auto;
    }

    .h_bds .h_slider img {
        height: 353px;
    }

    .h_bds .text {
        padding-top: 0;
    }

    .h_bds .text .btns {
        margin-top: 40px;
    }

    .details .hd .text {
        padding-top: 25px;
    }

    .details .hd .text .btn {
        margin-top: 25px;
    }

}

@media only screen and (max-width: 1220px) {
    .layout {
        width: 750px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        background: #fff;
    }

    body {
        background: #333;
    }

    .wrap,
    .wrap1,
    .wrap1390 {
        width: auto;
    }

    .hl_hds {
        width: 750px;
        margin: 0 auto;
    }

    .h_banner .ban_nav li {
        width: auto;
        float: none;
        display: block;
        margin-bottom: 5px;
    }

    .h_banner .ban_nav {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .h_banner .arrow {
        display: none;
    }

    .h_bds {
        padding: 40px 30px;
    }

    .lts {
        float: none !important;
    }

    .rts {
        float: none !important;
    }

    .h_bds .text {
        width: auto;
    }

    .h_bds .h_slider {
        width: auto;
    }

    .h_bds .h_slider img {
        height: auto;
    }

    .h_bds .h_btns {
        margin: 30px auto;
        text-align: center;
    }

    .h_bds .next, .h_bds .prev {
        margin: 0 20px;
    }

    .h_bds .text p {
        font-size: 20px;
        line-height: 34px;
    }

    .h_bds .text .btns a {
        width: 180px;
        height: 60px;
        line-height: 60px;
    }

    .h_bds .text .btns a:hover .i1 {
        margin-top: 0;
    }

    .footer li:nth-child(-n+2) {
        width: 50%;
    }

    .footer li:nth-child(n+3) {
        width: calc(100% / 3);
        display: none;
    }

    .footer li .txt h3 {
        font-size: 24px;
        line-height: 1.5;
    }

    .footer li .txt h4 {
        font-size: 22px;
        line-height: 1.5;
    }

    .footer li a {
        height: 102px;
    }

    .footer li .txt h2 {
        font-size: 22px;
        padding: 0 15px;
    }

    .copyright p {
        font-size: 20px;
        line-height: 80px;
        text-align: center;
        height: auto;
    }

    .copyright {
        height: auto;
    }

    .h_banner .text {
        margin-top: 280px;
    }

    .fxtop {
        bottom: 225px;
        width: 60px;
        height: 60px;
        display: none;
        background-size: cover !important;
        background-color: #fff;
    }

    .h_con a {
        width: 100px;
    }

    .h_con a span {
        font-size: 18px;
    }

    .h_banner .hl_hds {
        background: rgba(255, 255, 255, 0.95) !important;
        height: 100px;
        padding: 30px 0;
    }

    .hl_hds {
        height: 100px;
        background: rgba(0, 0, 0.95);
    }

    .logo img {
        height: 60px;
    }

    .gh {
        width: 60px;
        height: 60px;
    }

    .gh span {
        width: 36px;
    }

    .gh .span1 {
        margin-top: -11px;
    }

    .gh .span3 {
        margin-top: 11px;
    }

    .banner .text p {
        font-size: 22px;
        line-height: 1.6;
    }

    .naver li {
        width: 280px;
        margin: 0 10px;
        margin-bottom: 20px;
    }

    .naver:before {
        display: none;
    }

    .naver li a {
        border: 1px solid #D4D4D4;
        height: 80px;
        font-size: 26px;
        line-height: 80px;
    }

    .naver {
        margin-top: 40px;
    }

    .contact .bd .text {
        margin: 0;
        padding: 0 30px;
    }

    .contact .bd {
        margin-top: 20px;
    }

    .contact .bd .text h2 {
        font-size: 32px;
    }

    .contact .bd .text p {
        font-size: 24px;
        line-height: 1.7;
    }

    .contact .bd .text .btns {
        width: 280px;
        height: 80px;
        line-height: 80px;
        font-size: 24px;
        margin-bottom: 40px;
    }

    .f_gp {
        height: 160px;
        background-size: cover;
    }

    .group .bd .txt h4 {
        font-size: 36px;
        line-height: 1.6;
    }

    .group .bd .txt h6 {
        font-size: 26px;
        line-height: 1.6;
    }

    .group .bd .txt {
        left: 30px;
        right: 30px;
    }

    .group .bd li h2 {
        font-size: 38px;
        line-height: 56px;
    }

    .group .bd li h3 {
        font-size: 26px;
        line-height: 1.7;
    }

    .news .hd .text p,
    .honor .bd p,
    .group .bd li p {
        font-size: 22px;
        line-height: 1.7;
        text-align: justify;
        text-justify: distribute-all-lines; /*ie6-8*/
        text-align-last: justify; /* ie9*/
        -moz-text-align-last: justify; /*ff*/
        -webkit-text-align-last: justify; /*chrome 20+*/
        text-align-last: left;
    }

    .honor .bd {
        margin-top: 20px;
    }

    .honor .bd h4 {
        font-size: 26px;
        line-height: 1.7;
    }

    .honor .bd h2 {
        font-size: 42px;
        line-height: 1.7;
    }

    .honor .bd .qts {
        padding: 0 30px;
    }

    .honor .bd li:nth-child(3n) {
        margin-right: 20px;
    }

    .honor .bd li {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .honor .bd li:nth-child(2n) {
        margin-right: 0;
    }

    .honor .bd li .txt h5 {
        font-size: 22px;
        line-height: 1.6;
    }

    .honor .bd li .txt h3 {
        font-size: 24px;
        line-height: 1.4;
    }

    .banner .text p br {
        display: none;
    }

    .banner .text {
        padding: 0 30px;
    }

    .news .hd {
        margin: 0;
    }

    .news .hd .text {
        float: none;
        width: auto;
        margin: 40px 30px 0;
    }

    .news .bd h4,
    .news .hd .text h4 {
        font-size: 22px;
        line-height: 1.7;
    }

    .news .hd .text h2 {
        font-size: 26px;
        line-height: 1.7;
    }

    .product .list .btns,
    .news .bd .btn,
    .news .hd .text .btn {
        width: 200px;
        height: 64px;
        margin-bottom: 30px;
    }

    .product .list .btns i,
    .news .bd .btn i,
    .news .hd .text .btn i {
        font-size: 24px;
        line-height: 64px;
        background-size: 12px auto !important;
        padding-right: 40px;
    }

    .news .hd .n_slider {
        width: auto;
        height: auto;
        margin: 0 30px;
    }

    .news .hd .ne_hd {
        text-align: center;
    }

    .news .bd ul {
        padding: 0 30px;
    }

    .news .bd ul li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .news .bd ul li:nth-child(3n) {
        margin-right: 20px;
    }

    .news .bd ul li:nth-child(2n) {
        margin-right: 0;
    }

    .news .bd h3 {
        font-size: 26px;
        line-height: 42px;
        height: 84px;
    }

    .news .bd p {
        font-size: 22px;
        line-height: 36px;
        height: 144px;
    }

    .news .bd .btns a {
        line-height: 66px;
        height: 66px;
        font-size: 26px;
    }

    .no_list ul {
        margin: 0 40px;
    }

    .no_list li .lts {
        float: left !important;
    }

    .no_list li .rts {
        width: 520px;
        float: right !important;
    }

    .no_list li .text p {
        font-size: 22px;
        line-height: 34px;
        text-align: justify;
        text-justify: distribute-all-lines; /*ie6-8*/
        text-align-last: justify; /* ie9*/
        -moz-text-align-last: justify; /*ff*/
        -webkit-text-align-last: justify; /*chrome 20+*/
        text-align-last: left;
    }

    .no_list li .text p br {
        display: none;
    }

    .no_list {
        margin: 30px 0;
    }

    .f_gp h2 {
        font-size: 28px;
    }

    .details .hd .text {
        position: static;
        width: auto;
        overflow: hidden;
        margin-bottom: 40px
    }

    .details .hd .imgs {
        float: none;
        width: auto;
    }

    .details .hd .imgs img {
        width: 100%;
        max-width: inherit;
    }

    .details .hd .text h4 {
        font-size: 32px;
        line-height: 1.6;
    }

    .details .hd .text li label {
        font-size: 22px;
        line-height: 50px;
        width: 50%;
        margin: 0;
    }

    .details .hd .text li span {
        font-size: 22px;
        line-height: 50px;
    }

    .details .hd {
        padding: 0 60px;
        margin: 0;
    }

    .details {
        margin: 0;
        margin-top: 40px;
    }

    .details h2 {
        margin-bottom: 20px;
    }

    .details .hd .bgmask {
        display: none;
    }

    .details .hd .text li {
        width: 50%;
        box-sizing: border-box;
        float: left;
        padding: 0;
    }

    .details .hd .text ul {
        overflow: hidden;
    }

    .details .hd .text {
        height: auto;
    }

    .details .p_slide .btn a,
    .details .hd .text .btn {
        margin: 40px auto;
        width: 220px;
        height: 66px;
        line-height: 66px;
        font-size: 26px;
        margin-bottom: 20px;
    }

    .details .p_slide .imgs img {
        width: 76%;
    }

    .details .p_slide {
        padding-bottom: 0;
        /*padding-bottom: 40px;*/
        margin-bottom: 40px;
    }

    .details .p_slide p {
        font-size: 24px;
        line-height: 40px;
        height: 80px;
    }

    .product .list .imgs {
        width: auto;
        height: auto;
    }

    .product .list .lts {
        width: auto;
        padding: 0;
    }

    .product .list li {
        margin: 0 30px 30px;
    }

    .product .list .imgs img {
        width: auto;
        height: auto;
        display: block;
    }

    .product .list .imgs img {
        float: none;
        opacity: 1;
    }

    .product .list h2 {
        font-size: 34px;
        line-height: 1.6;
        margin-top: 15px;
    }

    .product .list p {
        font-size: 24px;
        line-height: 40px;
        height: 80px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .product .list .btns {
        right: 0;
        margin-bottom: 0
    }

    .h_con a span {
        font-size: 22px;
        line-height: 1.7;
    }

    .hl_naver ul {
        padding: 30px;
    }

    .hl_naver li {
        float: none;
        width: auto;
        height: 90px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        margin-bottom: 20px;
        border-right: none;
    }

    .hl_naver {
        top: 100px;
        background: rgba(255, 255, 255, 1) !important;
    }

    .hl_naver li h2 {
        position: static;
        font-size: 32px;
        line-height: 90px;
        transform: scale(1);
    }

    .hnav_ft {
        left: 30px;
        right: 30px;
    }

    .hnav_ft h4 {
        font-size: 30px;
        line-height: 1.6;
    }

    .hnav_ft p {
        display: block;
        width: auto;
        margin: 0;
        font-size: 22px;
        line-height: 1.6;
    }

    .hnav_ft .weix {
        width: 66px;
        height: 66px;
        background-size: 100% auto !important;
    }

    .hnav_ft .weix .imgs {
        bottom: 75px;
    }

    .h_banner.active .hl_hds {
        background: #fff !important;
    }

    .details .hd .prev_1, .details .hd .next_1 {
        left: 0;
    }

    .details .hd .prev_1 {
        left: auto;
        right: 0;
    }

    .layout .hl_naver.selected li:nth-child(1) {
        -webkit-animation: fadeInLeftBig 1s .2s ease both !important;
        -moz-animation: fadeInLeftBig 1s .2s ease both !important;
    }

    .layout .hl_naver.selected li:nth-child(2) {
        -webkit-animation: fadeInLeftBig 1s .4s ease both !important;
        -moz-animation: fadeInLeftBig 1s .4s ease both !important;
    }

    .layout .hl_naver.selected li:nth-child(3) {
        -webkit-animation: fadeInLeftBig 1s .6s ease both !important;
        -moz-animation: fadeInLeftBig 1s .6s ease both !important;
    }

    .layout .hl_naver.selected li:nth-child(4) {
        -webkit-animation: fadeInLeftBig 1s .8s ease both !important;
        -moz-animation: fadeInLeftBig 1s .8s ease both !important;
    }

    .layout .hl_naver.selected li:nth-child(5) {
        -webkit-animation: fadeInLeftBig 1s 1s ease both !important;
        -moz-animation: fadeInLeftBig 1s 1s ease both !important;
    }

    .layout .hl_naver.selected li:nth-child(6) {
        -webkit-animation: fadeInLeftBig 1s .2s ease both !important;
        -moz-animation: fadeInLeftBig 1s .2s ease both !important;
    }

    .hl_hds.active {
        background: #000;
    }

    .logo {
        left: 30px;
    }

    .gh {
        right: 30px;
    }

    .hl_hds h3 {
        font-size: 22px;
        display: none;
    }

    .h_chen i {
        font-size: 22px;
        margin: 0 15px;
    }

    .h_chen a {
        font-size: 26px;
    }

    .h_banner {
        background-size: cover !important;
    }

    .h_banner .ban_nav li h3 {
        font-size: 28px;
        line-height: 1.7;
    }

    .h_banner .ban_nav li h5 {
        font-size: 24px;
        line-height: 1.6;
    }

    .h_banner .ban_nav li a {
        height: 100px;
    }

    .h_banner .ban_nav li h6 {
        font-size: 26px;
    }

    .hnav_ft {
        display: none;
    }

    .news .bd h2 {
        padding: 0 30px;
    }

    .lq_mask {
        display: none !important;
    }

    .details .hd .prev, .details .hd .next {
        top: 240px;
        left: -8px;
    }

    .details .hd .prev {
        left: auto;
        right: -8px;
    }

    .lq_dacen .lq_cent {
        width: 700px;
        padding: 20px;
    }

    .lq_dacen .lq_cent .ico {
        z-index: 111;
    }

    .footer ul {
        overflow: hidden;
        position: static;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 666;
    }

    .footer_ul {
        padding-bottom: 0;
    }

    .group .bd .d1 dd {
        float: none;
        display: inline-block;
        margin: 10px;
    }

    .group .bd .d1 {
        width: auto;
        text-align: center;
    }

    .group .bd dd i {
        font-size: 22px;
        line-height: 1.6;
        left: 5px;
        right: 5px;
    }

    .group .bd dd br {
        display: none;
    }

    .group .bd .d2 dd {
        line-height: 60px;
        font-size: 26px;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .group .bd .group_slider .swiper-slide {
        margin: 0 3px;
    }

    .q_pc {
        display: none;
    }

    .q_wap {
        display: block;
    }

    .copyright a {
        display: inline-block;
    }

    .copyright {
        padding-top: 30px;
    }

    .h_con a.wx {
        position: static;
        text-align: center;
        transition: all 0s;
    }

    .h_con a.wx span {
        position: relative;
        margin-top: 5px;
    }

    .h_con a.wx:hover .imgs {
        width: auto;
    }

    .wx_imgs {
        width: 300px;
        font-size: 30px;
        line-height: 2;
    }

}