﻿/*-----------------[初始化]--------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
body {font-family: "Microsoft Yahei","Arial","Roboto","PingFang SC";color: #333;font-size: 14px;line-height: 1.5;-webkit-font-smoothing: antialiased;}
table{border-collapse:collapse; border-spacing:0; } 

ol,ul{list-style:none; }

em{font-style: normal;}

a{text-decoration:none; } 

.clear{clear:both;height:0px;width:0px;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
    clear: both;
}
.fl{float:left;}

.fr{float:right;}

.dn{display:none; }

*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

img {max-width: 100%;border: none; vertical-align: middle;}
input,textarea,select {font-size: 14px;color: #333;font-family: "Microsoft Yahei","Arial","Roboto","PingFang SC";border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

::-webkit-input-placeholder {font-size: 14px;color: #999;}
::-moz-placeholder {font-size: 14px;color: #999;}
::-ms-input-placeholder {cfont-size: 14px;olor: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
.pagelink{ height: 35px;text-align: center;margin: 50px 0 30px 0;}
.pagelink .page-index , .pagelink .page-pre , .pagelink .page-next , .pagelink .page-last{ list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink .page-status {list-style: none;border: 1px solid #C7CFC2; display: inline-block;margin: 0 3px;*+display:block;*+float:left; padding: 3px 8px;}
.pagelink .page-index a, .pagelink .page-pre a, .pagelink .page-next a, .pagelink .page-last a{color:#000;padding: 3px 8px; display:block;}
.pagelink .page-numbar .page-num{ list-style: none;border: 1px solid #C7CFC2;padding: 3px 8px;display: inline-block;margin: 0 3px;*+display:block;*+float:left;}
.pagelink a.page-num-current, .pagelink a:hover{ background: #CCC;color: #FFF; display:block;}


.inner_tit{
    text-align: center;
}
.inner_tit .tit{
    font-size: 48px;
    color: #246c2f;
}
.inner_tit p{
    font-size: 16px;
    color: #7b7b7b;
}
.inner_tit .mtit{
    font-size: 30px;
}
.inner_tit .ftit{
    font-size: 24px;
}

/*内页banner*/
.banner_neiye{
    width: 100%;
    position: relative;
    margin-top: 95px;
}
.banner_neiye .tit{
    width: 100%;
    font-size: 80px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 40%;
}
.banner_neiye img{
    width: 100%;
    height: auto;
}

.h_link {
    height: 135px;
}

/*子栏目*/
.inner_tab{
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #246c2f;
    overflow: hidden;
    position: relative;
    margin-top: -70px;
}
.inner_tab ul{
    text-align: center;
}
.inner_tab li{
    display: -webkit-inline-box;
}
.inner_tab li a{
    font-size: 16px;
    color: #ffffff;
    padding: 0 30px;
    border-right: 1px dashed #89868d;
}
.inner_tab li:last-child a{
    border-right:0;
}

/*inner_pro*/
.inner_pro{
    width: 100%;
    padding: 60px 0 60px 0;
    position: relative;
    overflow: hidden;
}
.pro_con{
    position: relative;
    margin-top: 40px;
}
.pro_con ul{
    margin-top: 10px;
}
.pro_con li{
    width: 23.5%;
    margin: 0 2% 1% 0;
    float: left;
}
.pro_con li:nth-child(4n){
    margin: 0 0 1% 0;
}
.pro_con li .re_pic{
    box-shadow:-5px 0px 5px #ede8e8,
            0px -5px 5px #ede8e8,
            5px 0px 5px #ede8e8,
            0px 5px 5px #ede8e8;
    transition: all 0.3s ease-in-out;
}
.pro_con li .re_pic img{
    transition: all 0.3s ease-in-out;
}
.pro_con li a{}
.pro_con li p{
    font-size: 16px;
    color: #4f4f4f;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.pro_con_Whatsapp li{
    background: #cecece66;
    padding: 2%;
}
.pro_con_Whatsapp li p{
    font-size: 20px;
    color: #4f4f4f;
    line-height: 30px;    
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.pro_con_Whatsapp li a:hover p{color:#ff0000!important;}

.pro_con li a:hover p{
   color: #246c2f; 
}
.pro_con li a:hover .re_pic img{
    transform: scale(1.1);
}

/*features*/
.inner_features{
    width: 100%;
    position: relative;
    padding: 90px 0;
    background: #ededed;
}
.features_box{
    margin-top: 60px;
}
.features_tab{
    padding-bottom: 30px;
    position: relative;
}
.features_tab ul{
    width: 100%;
    text-align: center;
}
.features_tab li{
    width: 12%;
    display: inline-table;
}
.features_tab li img{}
.features_tab li h3{
    font-size: 15px;
}
.features_tab .icon_sanjiao{
    text-align: center;
}
.features_tab .icon_sanjiao i{
    content: " ";
    width: 36px;
    height: 19px;
    background-image: url(/template/default/images/icon_sanjiao.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
}
.features_con{
    width: 100%;
    height: 225px;
    background: #ffffff;
}
.features_con ul{}
.features_con li{
    position: relative;
}
.features_con li .text{
    width: 67%;
    margin: 0 auto;
    text-align: center;
    padding-top: 35px;
}
.features_con li .text .tit{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.features_con li .text p{
    font-size: 16px;
    color: #737373;
    line-height: 1.8;
}

/*inner_app*/
.inner_app{
    width: 100%;
    position: relative;
}
.inner_app .app_bottom{
    position: relative;
    padding-bottom: 40%;
    background: #246c2f;
}
.app_bottom .app_b_left{
    width: 37.5%;
    float: left;
}
.app_bottom .app_b_right{
    position: absolute;
    width: 62.5%;
    height: 100%;
    right: 0;
    background: #ffffff;
}
.app_bottom .app_b_right .inner_tit{
    text-align: left;
    padding: 70px 0 0 30px;
}
.app_bottom .app_b_right .inner_tit .tit{
    color: #333333;
}
.inner_app .app_up{
    width: 100%;
    position: absolute;
    top: 30%;
}
.app_up .app_up_left{
    width: 25%;
    float: left;
}
.app_up .app_up_left ul{
    margin-top: 30px;
    overflow: hidden;
}
.app_up .app_up_left li{
    font-size: 16px;
    color: #ffffff;
    margin: 15px 0;
    position: relative;
    list-style-type: disc;
    list-style-position: inside;
    cursor: pointer;
}
.app_up .app_up_left li.on:after{
    content: " ";
    width: 17px;
    height: 12px;
    background-image: url(/template/default/images/icon_jt.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 5px;
    right: 10%;
}
.app_up .app_up_right{
    width: 75%;
    float: left;
}
.app_up .app_up_right ul{}
.app_up .app_up_right li{
    width: 100%;
    background: #ededed;
}
.app_up_right li .pic{
    width: 47%;
    float: left;
}
.app_up_right li .pic img{}
.app_up_right li .text{
    width: 53%;
    float: right;
    padding: 8% 4% 0 4%;
}
.app_up_right li .text .tit{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.app_up_right li .text p{
    font-size: 16px;
    color: #737373;
}

/*inner_new*/
.inner_new{
    width: 100%;
    padding: 110px 0 100px 0;
    position: relative;
    overflow: hidden;
}
.inner_new .container{
    position: relative;
    overflow: hidden;
}
.inner_new_l{
    width: 25%;
    float: left;
}
.inner_new_l .inner_tit{
    text-align: left;
    line-height: 1.2;
}
.inner_new_l .inner_tit .tit{
    margin-bottom: 30px;
}
.inner_new_r{
    width: 75%;
    float: left;
}
.inner_new_r ul{}
.inner_new_r li{
    width: -webkit-calc(50% - 30px); 
    width: calc(50% - 30px); 
    float: left;
    margin-right: 60px;
    cursor: pointer;
}
/*.inner_new_r li .re_pic{*/
/*    padding-bottom: 52%;*/
/*}*/
.inner_new_r li .re_pic img{
    transition: all 0.3s ease-in-out;
}
.inner_new_r li .text{
    padding: 20px 30px 0 0;
}
.inner_new_r li .text .tit{
    font-size: 24px;
    margin-bottom: 15px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.inner_new_r li .text p{
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    voverflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.inner_new_r li .text span{
    font-size: 14px;
    color: #afafaf;
    margin-bottom: 20px;
    display: block;
}
.inner_new_r li .new_more{
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 20px;
    background: #246c2f;
    display: -webkit-inline-box;
    transition: all .3s;
}
.inner_new_r li .new_more:hover{
    padding: 10px 30px;
}
.inner_new_r li:hover .re_pic img{
    transform: scale(1.1);
}
.inner_new_r li:hover .text .tit{
    color: #246c2f;
}
.inner_new_r .pagen{
    position: absolute;
    left: 0;
    bottom: 20%;
}
.inner_new_r .prev,
.inner_new_r .next{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #c8c8c8;
    display: -webkit-inline-box;

}
.inner_new_r .prev:before, .inner_new_r .next:before{
    width: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: #aeaeae;
    position: absolute;
}
.inner_new_r .prev{
    margin-right: 10px;
}

.inner_diagram{
    width: 100%;
    padding: 60px 0 115px 0;
}
.diagram_con{
    margin-top: 60px;
}

.inner_quality{
    width: 100%;
    padding: 100px 0 90px 0;
    background: #246c2f;
    position: relative;
    overflow: hidden;
}
.inner_quality .inner_tit .tit{
    color: #ffffff;
}
.inner_quality .inner_tit p{
    color: #ffffff;
}
.quality_con{
    margin-top: 70px;
}
.quality_con ul{}
.quality_con li{
    float: left;
    width: 23%;
    margin-right: 2.66%;
    color: #ffffff;
}
.quality_con li:nth-child(4n){
    margin-right: 0;
}
.quality_con li img{
    margin-bottom: 30px;
}
.quality_con li .tit{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.quality_con li p{
    font-size: 15px;
}


.inner_intro{
    width: 100%;
    padding: 100px 0 60px 0;
    position: relative;
    overflow: hidden;
}
.inner_intro_l{
    width: 46%;
    float: left;
    margin-right: 5%;
}
.inner_intro_l .tit{
    font-size: 60px;
    color: #246c2f;
    line-height: 1;
}
.inner_intro_l .line{
    width: 12%;
    height: 5px;
    background: #246c2f;
    margin: 30px 0;
}
.inner_intro_l p{
    font-size: 17px;
    color: #737373;
    line-height: 30px;
    margin-bottom: 60px;
}
.inner_intro_r{
    width: 49%;
    float: right;
}
.inner_intro_r img{}

.vertical_pro{
    background: #ededed;
}
.vertical_pro li .re_pic{
    box-shadow: -5px 0px 5px #dfdddd, 
                0px -5px 5px #dfdddd, 
                5px 0px 5px #dfdddd, 
                0px 5px 5px #dfdddd;
}

.diagram_list{
    overflow: hidden;
}
.diagram_list ul{}
.diagram_list li{
    float: left;
    width: 22%;
    margin-right: 4%;
    text-align: center;
}
.diagram_list li:last-child{
    margin-right: 0;
}
.diagram_list li .re_pic{
    padding-bottom: 63%;
}
.diagram_list li .re_pic img{
    border-radius: 5px;
}
.diagram_list li .tit{
    font-size: 16px;
    font-weight: bold;
    color: #246c2f;
    padding: 15px 0 20px 0;
}
.diagram_list li p{
    font-size: 14px;
}

.inner_specification{
    width: 100%;
    position: relative;
}
.inner_specification .sft_bottom{
    position: relative;
    padding-bottom: 37.5%;
    background: #246c2f;
}
.sft_bottom .inner_sft_l{
    width: 43.5%;
    float: left;
}
.sft_bottom .inner_sft_r{
    position: absolute;
    width: 56.5%;
    height: 100%;
    right: 0;
    background: #ffffff;
}
.sft_bottom .inner_sft_r .inner_tit{
    text-align: left;
    padding: 50px 0 0 30px;
}
.sft_bottom .inner_sft_r .inner_tit .tit{
    color: #333333;
}
.inner_specification .sft_top{
    width: 100%;
    position: absolute;
    top: 20%;
    background: #ffffff;
}
.sft_top .pic{
    width: 41%;
    float: left;
    margin-right: 3%;
}
.sft_top .table{
    width: 56%;
    float: right;
    margin-top: 15px;
}
.sft_top .table table{
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-spacing: 0;
    text-align: left;
    background: #fff;
    width: 100%;
}
.sft_top .table tr{
    width: 100%;
}
.sft_top .table td{
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-indent: 40px;
}
.sft_top .table tr:nth-child(2n){
    background: #f5f5f5;
}
.sft_top .table tr td:nth-child(1){
    width: 26%;
}
.sft_top .table tr td:nth-child(2){
    width: 74%;
    font-size: 16px;
}

.vertical_app{
    width: 100%;
    padding: 60px 0 0  0;
    position: relative;
    overflow: hidden;
}
.vertical_app .inner_tit .tit{
    text-align: left;
    color: #000000;
}
.vertical_app .app_c{
    margin-top: 30px;
}
.vertical_app .app_c ul{}
.vertical_app .app_c li{
    width: 24%;
    float: left;
    margin: 0 1.33% 1.33% 0;
    cursor: pointer;
}
.vertical_app .app_c li:nth-child(4n){
    margin-right: 0;
}
.vertical_app .app_c .re_pic{
    padding-bottom: 53%;
    border-radius: 25px;
}
.vertical_app .app_c .re_pic img{
    transition: all 0.5s ease-in-out;
}
.vertical_app .app_c li:hover .re_pic img{
    transform: scale(1.1);
}

.about_intro{
    width: 100%;
    padding: 80px 0 15% 0;
    position: relative;
}
.about_intro .container{
    position: relative;
}
.about_intro .intro_text{
    text-align: center;
    padding: 30px 0 60px 0;
    position: relative;
}
.about_intro .intro_text p{
    font-size: 16px;
    color: #7b7b7b;
    line-height: 30px;
}
.about_intro .intro_text i{
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f1f5f3;
}
.intro_con{
    width: 100%;
    padding: 5% 5%;
    background: #f1f5f3;
    position: absolute;
    overflow: hidden;
    z-index: 999;
}
.intro_con .item{
    float: left;
    width: 23%;
    margin: 0 2.66% 0 0;
    background: #ffffff;
    padding-bottom: 19%;
    position: relative;
    overflow: hidden;
}
.intro_con .item:nth-child(4n){
    margin-right: 0;
}
.intro_con .item .text{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 10%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 1;
}
.intro_con .item1{
    text-align: center;
}
.intro_con .item1 .tit{
    font-size: 40px;
    color: #246c2f;
}
.intro_con .item1 .num{
    font-size: 70px;
    color: #246c2f;
    margin-bottom: 25px;
}
.intro_con .item1 .num span{
    -webkit-text-stroke-width: 0;
    text-stroke-width: 0;
    font-size: 21px;
}
.intro_con .item1 p{
    font-size: 18px;
    color: #444444;
}
.intro_con .item2{
    text-align: left;
}
.intro_con .item2 i{
    width: 43px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: -webkit-inline-box;
    vertical-align: middle;
    margin-bottom: 15px;
}
.intro_con .item2 i.dt{
    background-image: url(/template/default/images/icon_about1.png);
}
.intro_con .item2 i.pd{
    background-image: url(/template/default/images/icon_about2.png);
}
.intro_con .item2 .tit{
    font-size: 24px;
    color: #2d2d2d;
    margin-bottom: 15px;
}
.intro_con .item2 p{
    font-size: 16px;
    color: #7b7b7b;
    line-height: 1.4;
}

.about_video{
    position: relative;
    padding-bottom: 41.5%;
    background-image: url(/template/default/images/bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.video_con{
    width: 50%;
    display: block;
    position: absolute;
    left: 25%;
    bottom: 18%;
    text-align: center;
    color: #ffffff;
}
.video_con .tit{
    font-size: 75px;
    line-height: 1;
    margin-bottom: 30px;
}
.video_con p{
    font-size: 16px;
    margin-bottom: 15px;
}
.video_con .video_but{}
.video_con .video_but img{
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.video_con .video_but img:hover{
    transform: scale(1.2);
}

.about_honor{
    width: 100%;
    padding: 80px 0 30px 0;
}
.about_honor .inner_tit .tit{
    color: #333333;
}
.about_honor .inner_tit p{
    color: #333333;
}
.about_honor ul{
    overflow: hidden;
    margin-top: 60px;
}
.about_honor li{
    width: 19%;
    margin-right: 1.25%;
    float: left;
    overflow: hidden;
    border: 1px solid #eae4e3;
}
.about_honor li:last-child{
    margin-right: 0;
}
.about_honor li .re_pic{
    padding-bottom: 130%;
}
.about_honor li .re_pic img{
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.about_honor li .re_pic img:hover{
    transform: scale(1.2);
}

.about_power{
    width: 100%;
    padding: 80px 0 100px 0;
    position: relative;
    overflow: hidden;
}
.about_power .inner_tit .tit{
    color: #333333;
}
.about_power .inner_tit p{
    color: #333333;
}
.power_con{
    overflow: hidden;
    margin-top: 50px;
}
.power_con ul{}
.power_con li{
    width: 24%;
    margin: 0 1.33% 1.33% 0;
    float: left;
}
.power_con li:nth-child(4n){
    margin: 0 0 1.33% 0;
}
.power_con li .re_pic{
    padding-bottom: 72.5%;
}
.power_con li .re_pic img{
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.power_con li .text{
    position: relative;
    background-color: #f7f7f7;
}
.power_con li .text i{
    height: 10px;
    width: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f7f7f7;
}
.power_con li .text p{
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 20px;
}
.power_con li:hover .re_pic img{
    transform: scale(1.1);
}

@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1500px) {
.h_link {
    height: 110px;
}
.inner_tit .tit {
    font-size: 40px;
}
.inner_tit p {
    font-size: 14px;
}
.inner_tit .mtit{
    font-size: 24px;
}
.inner_tit .ftit{
    font-size: 20px;
}
.banner_neiye .tit{
    font-size: 58px;
}
.about_intro .intro_text p {
    font-size: 15px;
}
.about_intro .item1 .tit{
    font-size: 30px;
}
.about_intro .item1 .num{
    font-size: 56px;
    margin-bottom: 20px;
}
.about_intro .item1 p{
    font-size: 16px;
}
.about_intro .item2 .tit{
    font-size: 20px;
}
.about_intro .item2 p{
    font-size: 14px;
}
.video_con .tit{
    font-size: 56px;
}
.power_con li .text p{
    font-size: 14px;
    line-height: 40px;
}

.pro_con li p{
    font-size: 15px;
    line-height: 50px;
}
.features_tab li h3 {
    font-size: 14px;
}
.features_con li .text .tit{
    font-size: 22px;
}
.features_con li .text p{
    font-size: 15px;
}
.app_up .app_up_left li{
    font-size: 15px;
}
.app_up_right li .text .tit{
    font-size: 22px;
}
.app_up_right li .text p{
    font-size: 15px;
}
.app_bottom .app_b_right .inner_tit {
    padding: 50px 0 0 30px;
}
.inner_app .app_up{
    top: 26%;
}
.inner_new_r li .text .tit{
    font-size: 20px;
}
.inner_new_r li .text p{
    font-size: 14px;
}
.inner_new_r li .text span{
    font-size: 13px;
}
.inner_new_r li .new_more{
    padding: 7px 15px;
}
.inner_new_r li .new_more:hover{
    padding: 7px 25px;
}
.inner_tab li a{
    font-size: 15px;
    padding: 0 20px;
}

.inner_intro_l .tit {
    font-size: 50px;
}
.inner_intro_l p{
    font-size: 15px;
}
.diagram_list li .tit {
    font-size: 15px;
    padding: 10px 0 15px 0;
}
.diagram_list li p {
    font-size: 13px;
}
.sft_top .table td{
    font-size: 15px;
    text-indent: 20px;
}
.sft_top .table tr td:nth-child(2){
    font-size: 15px;
}

.quality_con li .tit {
    font-size: 22px;
}
.quality_con li p {
    font-size: 14px;
}
.quality_con li img{
    width: 100px;
}

}
@media only screen and (max-width: 1430px) {
.h_link {
    height: 100px;
}
.inner_tit .tit {
    font-size: 34px;
}
.inner_tit p {
    font-size: 12px;
}
.inner_tit .mtit{
    font-size: 20px;
}
.inner_tit .ftit{
    font-size: 16px;
}
.banner_neiye .tit {
    font-size: 46px;
}
.about_intro .intro_text p{
    font-size: 14px;
}
.about_intro .item1 .tit {
    font-size: 24px;
}
.about_intro .item1 .num {
    margin-bottom: 20px;
}
.about_intro .item1 p {
    font-size: 14px;
}
.about_intro .item2 .tit {
    font-size: 18px;
}
.video_con .tit {
    font-size: 42px;
}
.video_con p {
    font-size: 14px;
}
.video_con .video_but img{
    width: 60px;
}
.power_con li .text p {
    font-size: 13px;
}

.pro_con li p{
    font-size: 14px;
    line-height: 40px;
}
.features_con li .text .tit{
    font-size: 20px;
}
.features_con li .text p{
    font-size: 14px;
}
.app_up .app_up_left li{
    font-size: 14px;
}
.app_up_right li .text .tit{
    font-size: 20px;
}
.app_up_right li .text p{
    font-size: 14px;
}
.app_bottom .app_b_right .inner_tit {
    padding: 50px 0 0 30px;
}
.inner_new_r li .text .tit{
    font-size: 18px;
}
.inner_tab li a{
    font-size: 14px;
    padding: 0 15px;
}

.inner_intro_l .tit {
    font-size: 45px;
}
.inner_intro_l p{
    font-size: 14px;
}
.diagram_list li .tit {
    font-size: 14px;
}
.diagram_list li p {
    font-size: 12px;
}
.sft_top .table td{
    font-size: 14px;
    text-indent: 20px;
}
.sft_top .table tr td:nth-child(2){
    font-size: 13px;
}

.quality_con li .tit {
    font-size: 20px;
}
.quality_con li p {
    font-size: 14px;
}
.quality_con li img{
    width: 80px;
}

}
@media only screen and (max-width: 1359px) {

}
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1280px) {
.sft_top .table tr td:nth-child(2) {
    font-size: 12px;
}
}
@media only screen and (max-width: 1023px) {
.h_link {
    height: 70px;
}
.inner_tit .tit {
    font-size: 28px;
}
.banner_neiye{
    margin-top: 0;
}
.banner_neiye .tit {
    font-size: 38px;
}
.about_intro {
    padding: 50px 0 50px 0;
}
.about_intro .intro_text {
    padding: 20px 0 40px 0;
}
.intro_con{
    position: relative;
}
.intro_con .item{
    width: 48%;
    margin: 0 4% 4% 0;
    padding-bottom: 30%;
}
.intro_con .item:nth-child(2n){
    margin-right: 0;
}
.intro_con .item:nth-child(3){
    margin-bottom: 0;
}
.intro_con .item:nth-child(4){
    margin-bottom: 0;
}
.video_con .tit {
    font-size: 30px;
}
.about_honor {
    padding: 50px 0 30px 0;
}
.about_honor ul {
    margin-top: 30px;
}
.about_power {
    padding: 50px 0 50px 0;
}
.power_con {
    margin-top: 30px;
}
.power_con li {
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
}
.power_con li:nth-child(4n){
    margin: 0 4% 4% 0;
}
.power_con li:nth-child(2n){
    margin: 0 0 4% 0;
}

.inner_tab{
    overflow: scroll;
}
.inner_tab ul {
    width: max-content;
}
.inner_tab li{
    float: left;
}
.inner_pro {
    padding: 40px 0 30px 0;
}
.pro_con li {
    width: 48%;
    margin: 0 4% 2% 0;
}
.pro_con li:nth-child(2n){
    margin-right: 0;
}
.inner_features{
    padding: 60px 0;
}
.features_tab li {
    width: 13.83%;
}
.app_up .app_up_left {
    width: 35%;
}
.app_up .app_up_right {
    width: 65%;
}
.inner_app .app_bottom {
    padding-bottom: 53%;
}
.inner_app .app_up{
    top: 32%;
}
.app_up .app_up_left ul{
    margin-top: 0;
}
.app_up .app_up_left li{
    margin: 10px 0;
}
.inner_new {
    padding: 60px 0 60px 0;
}
.inner_new_l {
    width: 100%;
    float: none;
}
.inner_new_r {
    width: 100%;
    float: none;
}
.inner_new_r .pagen {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 1%;
    right: 0;
}
.inner_new_l .inner_tit{
    margin-bottom: 20px;
}
.inner_new_l .inner_tit .tit {
    margin-bottom: 10px;
}
.inner_tab{
    margin-top: 0;
}

.inner_intro {
    padding: 50px 0 30px 0;
}
.inner_intro_l .tit {
    font-size: 30px;
}
.inner_intro_l .line {
    margin: 20px 0;
}
.inner_intro_l p{
    line-height: 28px;
    margin-bottom: 20px;
}
.inner_diagram {
    padding: 50px 0 60px 0;
}
.diagram_list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.diagram_list li:nth-child(2n){
    margin-right: 0;
}
.diagram_list li .tit{
    padding: 5px 0 10px 0;
}
.inner_specification {
    background: #246c2f;
}
.inner_specification .sft_bottom{
    padding-bottom: 0;
}
.sft_bottom .inner_sft_l{
    display: none;
}
.sft_bottom .inner_sft_r{
    position: relative;
    width: 100%;
}
.sft_bottom .inner_sft_r .inner_tit {
    text-align: center;
    padding: 30px 0 15px 0;
}
.inner_specification .sft_top{
    position: relative;
    top: 0;
}
.sft_top .pic {
    width: 100%;
    float: none;
    margin-right: 0;
    text-align: center;
}
.sft_top .table {
    width: 100%;
    float: none;
}
.sft_top .table tr td:nth-child(2) {
    font-size: 14px;
}
.vertical_app .app_c li {
    width: 49%;
    float: left;
    margin: 0 2% 2% 0;
}
.vertical_app .app_c li:nth-child(2n) {
    margin-right: 0;
}

.quality_con li .tit {
    font-size: 18px;
}
.quality_con li p {
    font-size: 14px;
}
.quality_con li img{
    width: 70px;
}
.inner_diagram {
    padding: 30px 0 60px 0;
}
.inner_quality{
    padding: 50px 0 50px 0;
}

}

@media only screen and (max-width: 767px) {
.inner_tit .tit {
    font-size: 24px;
}
.banner_neiye .tit {
    font-size: 24px;
}
.about_intro {
    padding: 30px 0 30px 0;
}
.about_intro .intro_text {
    padding: 10px 0 30px 0;
}
.about_intro .intro_text p {
    line-height: 28px;
}
.intro_con .item{
    width: 100%;
    margin: 0 0 4% 0;
    padding-bottom: 60%;
}
.intro_con .item:nth-child(3){
    margin: 0 0 4% 0;
}
.about_video{
    padding-bottom: 50%;
}
.video_con{
    bottom: 12%;
}
.video_con .tit {
    font-size: 20px;
    margin-bottom: 15px;
}
.video_con .video_but img {
    width: 40px;
}
.video_con p {
    font-size: 13px;
    margin-bottom: 10px;
}
.about_honor {
    padding: 30px 0 30px 0;
}
.about_honor ul {
    margin-top: 20px;
}
.about_honor li{
    width: 100%;
    margin: 0 0 15px 0;
}
.about_power {
    padding: 0 0 30px 0;
}
.power_con li .text p {
    padding: 0 0;
    font-size: 12px;
    text-align: center;
}

.features_box {
    margin-top: 30px;
}
.features_tab ul {
    overflow: scroll;
    width: max-content;
}
.features_tab li{
    float: left;
    width: 14%;
}
.features_con{
    height: 280px;
}
.features_con li .text{
    width: 90%;
    padding-top: 20px;
}
.inner_pro {
    padding: 30px 0 30px 0;
}
.pro_con {
    margin-top: 20px;
}
.inner_features {
    padding: 30px 0;
}
.inner_new_r li {
    width: 100%;
    margin-right: 0;
}
.inner_app .app_bottom{
    position: relative;
    padding-bottom: 0;
}
.app_bottom .app_b_right{
    position: relative;
    width: 100%;
}
.app_bottom .app_b_right .inner_tit {
    padding: 30px 0 30px 0;
}
.app_bottom .app_b_left{
    width: 100%;
    float: none;
}
.inner_app .app_up{
    position: relative;
    top: 0;
    background: #246c2f;
}
.app_up .app_up_left{
    width: 100%;
    float: none;
}
.app_up .app_up_right{
    width: 100%;
    float: none;
}
.app_up_right li .pic {
    width: 100%;
    float: none;
}
.app_up_right li .text{
    width: 100%;
    float: none;
    padding: 8% 4% 8% 4%;
}
.app_up_right li .text .tit{
    margin-bottom: 15px;
}
.inner_intro_l {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
}
.inner_intro_r {
    width: 100%;
    float: right;
}

.inner_intro_l .tit {
    font-size: 24px;
}
.inner_diagram {
    padding: 30px 0 20px 0;
}
.sft_top .table td{
    line-height: normal;
}
.sft_top .table td {
    text-indent: 0;
    text-align: center;
}

.inner_quality{
    padding: 50px 0 20px 0;
}
.quality_con {
    margin-top: 30px;
}
.quality_con li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #a9a9a9;
    padding-bottom: 20px;
}
.quality_con li:last-child{
    border-bottom: 0;
}
.quality_con li .tit{
    margin-bottom: 10px;
}
.quality_con li .tit{
    margin-bottom: 10px;
}

}