h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}

body{font-size: 14px;color: #333;font-family:Microsoft Yahei,Arial;}
/* body *{box-sizing: border-box;line-height: 1;} */

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom: 1;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*@font-face {
    font-family: "SourceHanSans";
    src: url("../fonts/SourceHanSansCN.ttf");
}*/

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}


@media(max-width: 750px){
    .z1{width: 100% !important;max-width: 500px !important;font-size: 0 !important;float: none !important;display: block !important;margin: 0 auto !important;padding: 20px 10px !important;}
    .z1 .z1{padding: 20px 0 0 !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
}


.subject{max-width: 92%;margin: 0 auto;width: 1400px;}
.img_{height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.a_click{display: block;}


.Title{}
.Title h2{color: #20a971;font-weight: bold}
.Title p{color: #333333;padding-top: .3rem;line-height: 1.875;}


.Title.white{}
.Title.white h2,
.Title.white p{color: #FFF}


.index_1{position: relative;padding: .6rem 0 .96rem;}
.index_1 .bg{position: absolute;top:0;right: 0;z-index: -1}
.index_1 .bg img{width: 2.49rem;}


.index_1_b{}
.index_1_top{}
.index_1_top .left{float: left}
.index_1_top .right{float: right}
.index_1_top .right .btn1{margin-top: .22rem;width: 150px;}

/* .index_1_main{margin-top: .6rem;} */

.stretch_box{height: 480px}
.stretch_box .item{height: 100%;color: #FFF;}
.stretch_box .item .bg{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top:0;}
.stretch_box .item .bg:before{transition: .3s;display: block;content: '';position: absolute;width: 100%;height: 100%;left: 0;top:0;background: #000;opacity: .5}
.stretch_box .item .text1{width: 100%;transition: .3s;text-align: center;z-index: 2;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.stretch_box .item .text1 img{max-height: .46rem;}
.stretch_box .item .text1 h2{padding: 0 5px;margin-top: .3rem;line-height: 1.3}
.stretch_box .item .text2{padding: .35rem .3rem;transition: .3s;z-index: 3;background: rgba(32, 169, 113,.8);opacity: 0;position: absolute;width: 100%;left: 0;bottom:0;}
.stretch_box .item .text2 .icon{width: .7rem;float: left;}
.stretch_box .item .text2 .icon img{max-height: .46rem}
.stretch_box .item .text2 .txt{width: calc(100% - .7rem);float: left}
.stretch_box .item .text2 .txt h3{margin-bottom: .1rem;line-height: 1.1}
.stretch_box .item .text2 .txt .p{line-height: 1.1}

.stretch_box .item.kwicks-expanded .bg:before{opacity: 0}
.stretch_box .item.kwicks-expanded .text1{opacity: 0}
.stretch_box .item.kwicks-expanded .text2{opacity: 1}


@media (max-width: 767px) {
    .stretch_box .item .text1 h2{width: 20px;margin: 0 auto;margin-top: .5rem}
    .stretch_box{height: 400px}
}

@media (max-width: 600px) {
    .stretch_box .item .text2 .icon{width: 100%;text-align: center}
    .stretch_box .item .text2 .txt{width: 100%;text-align: center;margin-top: .2rem}
    .stretch_box{height: 320px}
    .stretch_box .item .text2 .txt h3{padding-bottom: 3px}
    .stretch_box .item .text2{height: 100%;}
    /*.stretch_box .item .text2 .icon{margin-top: 1.2rem}*/
    /*.stretch_box .item.kwicks-expanded .text2 .icon img{max-height: .6rem}*/
    .stretch_box .item .text2 .txt .p{line-height: 20px;margin-top: .2rem;font-size: 12px;height: 100px;overflow: hidden;white-space:normal}
    .stretch_box .item .text2 .txt h3{margin-top: .3rem;}
    .stretch_box .item .text1{transform: translate(-50%,0);top:77px}
    .stretch_box .item .text2{padding-top: 0;top: 0;}
    .stretch_box .item .text2 .icon{margin-top: 77px;}
}

@media (max-width: 767px) {
    .nav1 .item{padding: 5px 10px}
    .index_1_top .right{float: left}
    .index_2_top .right{float: left;padding-top: 0}
    .nav1 .item{min-width: 120px;margin-top: .2rem}
    .Title p{line-height: 1.5}

}

@media (max-width: 500px) {
    .partner_num .item{min-width: 110px}
    .partner_lb .swiper-slide{height: 60px}
    .index_2,
    .index_1,
    .index_3{padding: .7rem 0}
    .index_4 .map{position: static;height: 4rem}
    .index_4{padding-bottom: 0}
    .index_4_div{margin-left: 0;display: block;margin-bottom: -.5rem}
    .index_4_div .bottom p{margin-top: 5px}
}


@media (min-width: 1920px) {
    /*body{font-size: 14px}*/
    .h_nav .li1{margin-right: 55px;}
    .Title h2{font-size: 40px;}
    .Title p{padding-top: 30px;font-size: 16px;}
    .index_1_top .right .btn1{margin-top: 22px;}
    /* .index_1_main{margin-top: 60px;} */
    .stretch_box .item .text2 .icon img,
    .stretch_box .item .text1 img{max-height: 46px;}
    .stretch_box .item .text1 h2{margin-top: 30px;font-size: 22px}
    .stretch_box .item .text2{padding: 35px 30px;}
    .stretch_box .item .text2 .icon{width: 70px;}
    .stretch_box .item .text2 .txt{width: calc(100% - 70px)}
    .stretch_box .item .text2 .txt h3{font-size: 20px;}
    .stretch_box .item .text2 .txt .p{font-size: 14px;}
    .index_2_top .right{padding-top: 20px;}
    .nav1 .item{margin-right: 20px;}
    .index_2_main{margin-top: 40px}
    .index_2{padding: 60px 0 59px;}
    .index_1{padding: 60px 0 96px}
    .index_product_list .item .swiper-container .swiper-slide .txt{padding: 0 20px;}
    .index_product_list .item .swiper-container .swiper-slide .txt .code{padding: 10px 0;font-size: 18px;}
    .index_product_list .item .swiper-container .swiper-slide .txt .name{font-size: 14px;}
    .index_3{padding: 105px 0 95px;}
    .index_3_right{padding-top: 20px;}
    .partner_num{margin-top: 100px;}
    .partner_num .item .t1 p{font-size: 60px;}
    .partner_num .item .t2{padding-top: 15px}
    .footer_1{padding: 65px 0 80px}
    .footer_img .item{margin-right: 50px;}
    .f_nav .li1 .a1{margin-bottom: 20px;}
    .f_nav .li1 .f_nav2 .li2 .a2{margin-top: 15px;}
    .footer_form .d{margin-bottom: 15px;}
    .footer_form .d .input1{padding: 0 20px;}
    .footer_form .d textarea{padding: 15px 20px;}
    .group_website{margin-left: 40px;}
    .h_lag{margin-left: 30px;}
    .banner .swiper-container .swiper-slide .text2 .t1{font-size: 40px;padding: 40px 0}
    .banner .swiper-container .swiper-slide .text2 .t2 p, .banner .swiper-container .swiper-slide .text2 .t2{font-size: 16px;}
    .about_us_1_b .tip{font-size: 53px;}
    .about_us_1{padding: 113px 0 140px;}
    .about_us_1_right .d{padding-left: 90px;}
    .about_us_1_right .d .tt{padding-left: 35px;font-size: 36px;}
    .about_us_1_right .d .con{margin-top: 55px;font-size: 24px;}
    .about_us_1_right .d .con p{padding-left: 35px;}
    .about_us_3,
    .about_us_4,
    .about_us_2{padding: 70px 0}
    .Title2{font-size: 36px;}
    .about_us_2_main{margin-top: 60px;}
    .about_us_2_main .swiper-container .swiper-slide .txt{padding: 30px;}
    .about_us_2_main .swiper-container .swiper-slide .txt .txt_ .t{font-size: 24px;}
    .about_us_2_main .swiper-container .swiper-slide .txt .txt_ .text{margin-top: 20px;}
    .about_us_2_main .swiper-container .swiper-slide .txt .txt_ .text .text_{font-size: 16px;}
    .about_us_3_main{margin-top: 40px;}
    .history_con .swiper-container .swiper-slide .txt .text{font-size: 18px;margin-top: 50px;}
    .history_con .swiper-container .swiper-slide .txt .year{font-size: 30px;}

    .about_us_4_main{margin-top: 60px;}
    .about_us_5{padding: 70px 0 90px;}
    .about_us_5_div2{padding-top: 90px;}
    .about_us_5_div2 .tt{padding: 20px 0;margin-top: 90px;font-size: 23px;}
    .about_us_5_div2 .tt img{margin-right: 25px;}
    .about_us_5_div2 .ttt{padding: 30px 50px;font-size: 18px;}

    .product_div{padding-bottom: 80px;}
    .Title3 h2{font-size: 26px;}
    .Title3 h3{font-size: 14px;}
    .product_div_right_top .r{margin-bottom: 50px;}
    .product_div_right_top .l{margin-bottom: 50px;}
    .product_div_right_top .l h1{font-size: 32px;}
    .product_list li a .txt h2{font-size: 20px;}
    .product_list li a .txt h3{font-size: 14px;}
    .relevant_div{padding: 60px 0 80px;}
    .relevant_div_top{margin-bottom: 40px;}
    .Title4{font-size: 30px;}
    .relevant_video{margin-top: 40px;margin-bottom: 60px}
    .relevant_swiper-pagination{top:-70px;}
    .relevant_video .swiper-slide .title{font-size: 16px;padding-top: 20px;}
    .specification_download .item2 .c .name, .enclosure .swiper-slide .c .name{font-size: 16px;}
    .specification_download .item2 .c .size, .enclosure .swiper-slide .c .size{font-size: 14px}

    .product_info_1 .right{padding-left: 60px;}
    .product_info_1 .right .name{font-size: 30px;}
    .product_info_1 .right .text{font-size: 18px;}
    .product_msg table tr td{padding: 10px 55px;}
    .relevant_product .swiper-slide .txt h2{font-size: 20px;}
    .relevant_product .swiper-slide .txt h3{font-size: 14px;}
    .news_1_b .swiper-container .swiper-slide .txt .title{font-size: 20px}
    .news_1_b .swiper-container .swiper-slide .txt{padding: 0 30px 0 45px;}
    .news_1{margin-bottom: 60px;}
    .news_list li{margin-bottom: 80px;}
    .news_list li a .txt{bottom:-30px;}
    .news_list li a .txt h2{font-size: 20px;}
    .news_list li a .txt .time, .news_list li a .txt .text{font-size: 16px;}
    .news_info_body{padding-bottom: 87px;}
    .news_info_left_2 .title{font-size: 30px;}
    .news_info_left_1 .time .p1{font-size: 30px}
    .news_info_left_1 .time .p2{font-size: 18px}
    .related_news_t{font-size: 18px;}
    .related_news_t:before{height: 20px;}
    .related_list li a .txt h3{font-size: 16px;}
    .contact_us_1_main h1{font-size: 24px;padding-bottom: 10px;}
    .contact_us_1{margin-bottom: 70px;}
    .contact_us_2_b .item .item_ h2{font-size: 22px;}
    .contact_us_2{padding-bottom: 70px;}
    .Title5{font-size: 30px;margin-bottom: 60px;}
    .video_list li{margin-bottom: 40px;}
    .video_list li .title{padding: 20px 0}
    .video_list{font-size: 16px}
    .paging{margin-top: 40px;}


}