*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 14px;
    font-family: 微软雅黑, sans-serif;
    background: #fff;
    width: 100%;
    max-width: 1920px;
    margin: auto;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.w1200{
    width: 1200px;
    margin: auto;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.ov{
    overflow: hidden;
}
.header-logo{
    position: relative;
    text-align: center;
    width: 1050px;
    margin: auto;
}
.header-logo::after{
    position: absolute;
    border-bottom: 1px solid #e3e4e4;
    width: 100%;
    content: ' ';
    left: 0;
    top: 45px;
    z-index: 0;
}
.logo{
    margin: auto;
    background: #fff;
    padding: 30px 35px 0 35px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.header-company{
    text-align: center;
    color: #5D6970;
    width: 1050px;
    padding: 10px 0 20px 0;
    margin: auto;
}
.nav{
    width: 1050px;
    margin: auto;
}
.nav a{
    color: #666666;
    font-size: 16px;
    position: relative;
    padding: 3px 15px;
    transition: all 0.3s;
}
.nav a:hover{
    color: #00ab9a;
}
.nav .nav-left span.nav-p:first-child>a{
    margin-left: -10px;
}
.nav .nav-left span.nav-p:first-child span.nav-c{
    left: -8px;
}
.nav a::after{
    content: ' ';
    position: absolute;
    right: 0;
    height: 22px;
    border-right: 1px solid #d6d6d6;
}
.nav span.nav-p:last-child>a{
    padding-right: 0;
}
.nav span.nav-p:last-child a::after{
    display: none;
}
.banner{
    padding-top: 10px;
}
.index-main{
    position: relative;
    z-index: 1000;
}
.index-ico{
    width: 1010px;
    margin: auto;
    margin-top: -35px;
    box-shadow: 0 12px 5px -5px #ddd;
}
.index-ico-item{
    width: 337px;
    background: #fff;
    height: 155px;
    position: relative;
    cursor: pointer;
}
.index-ico-item .ico-item-h{
    display: none;
}
.index-ico-item::after{
    position: absolute;
    content: ' ';
    right: 0;
    bottom: 0;
    width: 128px;
    height: 5px;
    background: #00ab9a;
}
.index-ico-item.on,.index-ico-item:hover{
    background: #00ab9a;
}
.index-ico-item.on .ico-item-h,.index-ico-item:hover .ico-item-h{
    display: block;
}
.index-ico-item.on .ico-item,.index-ico-item:hover .ico-item{
    display: none;
}
.index-ico-item.on::after,.index-ico-item:hover::after{
    background: #fff;
}
.index-ico-item{
    float: left;
}
.index-ico-item-img{
    width: 150px;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-ico-item-img img{
    max-width: 100px;
    max-height: 50px;
}
.index-ico-item-info{
    width: 185px;
    height: 125px;
    color: #666666;
    padding-top: 35px;
}
.index-ico-item.on .index-ico-item-info,.index-ico-item:hover .index-ico-item-info{
    color: #fff;
}
.index-ico-item-info span{
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
}
.index-ico-item-info p{
    font-size: 12px;
    width: 180px;
}
.index-main-1{
    width: 1010px;
    margin: 145px auto 0 auto;
}
.index-main-1-desc{
    font-size: 18px;
    color: #5D6970;
}
.index-main-1-list-item-title{
    color: #666;
    font-size: 24px;
    margin-bottom: 15px;
}
.index-main-1-list{
    margin-top: 25px;
}
.index-main-1-list-item:last-child .index-main-1-list-item-title{
    color: #00AB9A;
}
.index-main-1-list-item{
    width: 336px;
    /*height: 464px;*/
}
.index-main-1-list-item img{
    width: 100%;
    height: 100%;
}
.index-main-2{
    margin-top: 55px;
}
.index-main-common-title{
    background: #EEEEEE;
    height: 90px;
    position: relative;
    color: #666666;
    font-size: 18px;
    line-height: 60px;
    padding-left: 95px;
    z-index: 100;
}
.index-main-common-title img{
    position: absolute;
    bottom: 0;
    left: 95px;
}
.index-main-2-content{
    padding: 50px 0;
}
.index-main-2-content img{
    max-width: 100%;
}
.index-main-2-text{
    font-size: 16px;
    color: #5D6970;
    width: 340px;
    height: 559px;
    overflow: hidden;
    padding-left: 95px;
    padding-right: 21px;
    position: relative;
}
.hover-text{
    display: none;
}
.init-text{
    transition: all 0.5s;
}
.init-text.bottom{
    position: absolute;
    bottom: 0;
    width: 340px;
}
.index-main-2-img{
    width: 744px;
    height: 559px;
    overflow: hidden;
}
.index-main-2-img img{
    max-height: 100%;
    max-width: 100%;
}
.index-main-3-content{
    padding: 20px 0 50px 0;
    width: 1200px;
    margin: auto;
}
.index-main-3-content img{
    max-width: 100%;
}
.index-main-4-content{
    font-size: 18px;
    color: #5D6970;
    padding: 40px 0 0 0;
}
.index-main-4 img{
    max-width: 100%;
}
.index-main-5-title{
    font-size: 24px;
    color: #666666;
    height: 90px;
    line-height: 120px;
    padding-left: 95px;
}
.index-map{
    height: 480px;
    position: relative;
}
.footer{
    background: #1c1e2b;
}
.footer-main{
    width: 1200px;
    padding: 20px 0 40px 0;
    margin: auto;
}
.copyright{
    width: 1200px;
    margin: auto;
    border-top: 1px solid #414249;
    line-height: 50px;
    text-align: center;
    color: #717071;
}
.footer-main dl{
    float: left;
    padding-right: 93px;
}
.footer-main.foot-2{
    border-top: 1px solid #414249;
    padding-top: 40px;
}
.footer-main.foot-2 dl{
    padding-right: 89px;
}
.footer-main dl:last-child{
    padding-right: 0;
}
.footer-main dl dt{
    margin-bottom: 10px;
}
.footer-main dl dd p{
    color: #666666;

}
.footer-main dl dt a{
    color: #fff;
    font-size: 15px;
}
.footer-main dl dd a{
    display: block;
    color: #666666;
    line-height: 22px;
}
.footer-main dl dd .footer-tel{
    color: #00AB9A;
    font-weight: bold;
}
#allmap{
    height: 100%;
}
.index-map .search{
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 95px;
    height: 98px;
}
.index-map .search input[type='text']{
    width: 248px;
    height: 50px;
    border: 1px solid #c8cacb;
    padding: 0 0 0 20px;
    float: left;
}
.index-map .search a{
    background: rgba(0,0,0, 0.7);
    color: #fff;
    width: 95px;
    height: 52px;
    font-size: 16px;
    float: left;
    line-height: 52px;
    text-align: center;
    margin-left: 10px;
}
.index-map .search input[type='text']::-webkit-input-placeholder{
    color: #999;
    font-size: 16px;
}
.index-map .search .crosshairs{
    position: absolute;
    left: 238px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../images/crosshairs.png) no-repeat center center;
}
.index-map .search .crosshairs:hover{
    background: url(../images/crosshairs_h.png) no-repeat center center;
}
.search-result{
    position: absolute;
    bottom: 20px;
    z-index: 100;
    width: 100%;
    overflow-x: auto;
}
.search-result::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}
.search-result-list{
    padding-left: 95px;
    width: auto;
    padding-top: 15px;
    display: flex;
    align-content: flex-end;
}
.search-result-list-item{
    background: #fff;
    float: left;
    width: 310px;
    position: relative;
    padding: 15px;
    margin-right: 15px;
    align-self: flex-end;
}
.search-result-list-item .marker{
    position: absolute;
    left: 0;
    top: -20px;
    background: url("../images/marker.png") no-repeat center center;
    width: 40px;
    height: 40px;
    background-size: 26px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}
.search-result-list-item .name{
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}
.search-result-list-item.on .name{
    color: #d5001c;
}
.search-result-list-item .arrow{
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
}
.search-result-list-item .arrow{
    transition: all 0.3s;
}
.search-result-list-item.on .arrow{
    transform: rotate(180deg);
}
.search-result-list-item.on .arrow i{
    color: #d5001c;
}
.search-result-list-item.on{
    border-bottom: 3px solid #d5001c;
}
.search-result-list-item .line-web{
    margin: 30px 0 0 0;
    overflow: hidden;
}
.search-result-list-item .line-web a{
    float: left;
    text-align: center;
    margin-right: 15px;
}
.search-result-list-item .line-web a:hover{
    color: #d5001c;
}
.search-result-list-item .line-web a span{
    display: block;
}
.search-result-list-item .line-web a:last-child{
    margin: 7px 0 0 0;
}
.search-result-list-item .line-web i{
    font-size: 40px;
}
.search-result-list-item .line-web a:last-child i{
    font-size: 30px;
}
.search-result-list-item .line-web a:last-child span{
    margin-top: 4px;
}
.hide-info{
    font-size: 16px;
    padding-top: 15px;
    display: none;
}
.hide-info p span{
    font-size: 14px;
}
.search-result-btn{
    display: none;
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #fff;
    z-index: 1;
    transition: all .3s;
    cursor: pointer;
}
.search-result-btn:hover{
    background: #d5001c;
}
.search-result-btn:hover i{
    color: #fff;
}
.search-result-btn.search-result-right-btn{
    left: auto;
    right: 15px;
}
.search-result-btn i{
    font-size: 18px;
}
.search-result-left-btn{
    display: none;
}



.side-content{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding: 50px 0;
}
.side-content img{
    max-width: 100%;
}
.about-main-1{
    width: 100%;
    max-width: 1010px;
    margin: auto;
}
.about-main-1-item-1{
    padding: 80px 0;
}
.about-main-1-title{
    font-size: 22px;
    border-bottom: 1px solid #5D6970;
    color: #5D6970;
    padding-bottom: 5px;
}
.about-main-1-item-1-l p:nth-of-type(1){
    font-size: 24px;
    margin-bottom: 10px;
}
.about-main-1-item-1-l{
    text-align: right;
    width: 40%;
    color: #5D6970;
    font-size: 18px;
}
.about-main-1-item-1-l img{
    margin-bottom: 20px;
}
.about-main-1-item-1-r{
    width: 45%;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
}
.about-main-1-item-2-l{
    width: 40%;
    text-align: right;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    padding-top: 115px;
}
.about-main-1-item-2-r{
    width: 45%;
}
.about-main-1-item-2-r-content{
    padding: 80px 0;
}
.about-main-1-item-3{
    text-align: center;
    color: #FABE00;
    line-height: 24px;
    font-size: 16px;
}
.about-main-1-item-4{
    padding-top: 50px;
}
.about-main-2 img{
    max-width: 100%;
}
.biaoshi-content{
    width: 100%;
    max-width: 1050px;
    margin: auto;
    margin-bottom: 50px;
}
.bs-title{
    color: #00AB9A;
    margin: 60px 0 50px 0;
    font-size: 28px;
}
.bs-subtitle{
    color: #231815;
    font-size: 22px;
}
.bs-item-1{
    margin: 90px 0 100px 0;
}
.bs-item-l{
    width: 35%;
    padding: 0 10% 0 5%;
}
.bs-item-1-title{
    margin: 35px 0 25px 0;
    background-repeat: no-repeat;
    background-size: 75px auto;
    background-position: left top;
    padding-left: 85px;
}
.bs-item-1-title-en{
    font-size: 38px;
    font-weight: bold;
    margin-top: -7px;
    float: left;
    width: 100%;
}
.bs-item-1-title-cn{
    font-size: 24px;
    font-weight: bold;
}
.bs-item-1-content{
    font-size: 18px;
    color: #5D6970;
    line-height: 28px;
}
.bs-item-1-content .video-link{
    color: #5D6970;
    border: 1px solid #5D6970;
    width: 110px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    margin-top: 100px;
}
.bs-video-main{
    width: 800px;
    height: 600px;
    overflow: hidden;
    margin: 45px auto 100px auto;
}
.bs-video-main iframe, .bs-video-main embed{
    width: 100% !important;
    height: 100% !important;
}
.bs-sl{
    margin: 40px 0 0 0;
}
.bs-sl ul li{
    float: left;
    width: 513px;
    height: 329px;
    overflow: hidden;
    margin-bottom: 23px;
}
.bs-sl ul li:nth-of-type(even){
    float: right;
}
.bs-sl ul li img{
    display: block;
    width: 100%;
    height: 100%;
}
.dls-main{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.dls-main-title{
    color: #00AB9A;
    font-size: 28px;
    padding: 40px 0 0 73px;
}
.dls-main .index-main-5-title{
    padding-left: 73px;
    line-height: 90px;
    height: 75px;
}
.shengming{
	height:30px;
	line-height:30px;
	color: #00AB9A;
	font-size:20px;
	margin:80px 0 0 100px;
}		
.dls-list{
    width: 100%;
    max-width: 1000px;
    margin: 60px auto 100px;
}
.dls-list table{
    width: 100%;
}
.dls-list table td{
    width: 33%;
    color: #5D6970;
    font-size: 14px;
    vertical-align: top;
}
.dls-list table td .area{
    margin-bottom: 30px;
    font-size: 20px;
	color: #00AB9A;
}
.dls-list table td .area-dls{
    margin-bottom: 35px;
}
.dls-list table td .area-dls:last-child{
    margin-bottom: 0;
}
.contact-content-1{
    padding: 100px 0 0 0;
}
.contact-content-1-text{
    width: 475px;
    padding-left: 95px;
    color: #5D6970;
    font-size: 18px;
}
.contact-content-1-text img{
    display: block;
    margin-bottom: 15px;
}
.contact-content-1-text p.web_company_name{
    font-size: 24px;
}
.contact-content-1-info{
    color: #5D6970;
    font-size: 14px;
    margin: 30px 0;
}
.contact-content-1-text .cx-link{
    background: #5D6970;
    color: #FFFFFF;
    width: 159px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
}
.contact-content-1-2-info{
    width: 630px;
    overflow: hidden;
}
.contact-content-1-2-info div.c-item{
    width: 33.3%;
    float: left;
}
.contact-content-1-2-info .c-item span{
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
}
.contact-content-1-2-info .c-item img{
    width: 115px;
}
.contact-content-1-2-info .c-item i,.contact-content-1-2-info .c-item em{
    color: #00AB9A;
    font-size: 18px;
    font-style: normal;
}
.contact-content-1-1{
    padding: 0 95px;
    margin: 50px 0 150px 0;
}
.contact-content-1-1 table{
    width: 100%;
}
.contact-content-1-1 table th{
    background: #00AB9A;
    color: #fff;
    height: 35px;
    text-align: left;
}
.contact-content-1-1 table th:nth-of-type(1){
    padding-left: 30px;
    width: 25%;
}
.contact-content-1-1 table th:nth-of-type(2){
    width: 20%;
}
.contact-content-1-1 table th:nth-of-type(3){
    width: 20%;
}
.contact-content-1-1 table th:nth-of-type(4){
    width: auto;
}
.contact-content-1-1 table td{
    background: #5D6970;
    color: #fff;
    border-bottom: 1px solid #fff;
    height: 35px;
}
.contact-content-1-1 table td:nth-of-type(1){
    padding-left: 30px;
}
.contact-content-2{
    padding: 0 95px 0 95px;
}
.contact-content-2-title{
    font-size: 22px;
    font-weight: bold;
    color: #00AB9A;
}
.contact-content-2-info{
    margin: 15px 0 100px 0;
    font-size: 18px;
}
.contact-content-2-info p{
    color: #5D6970;
}
.contact-content-2-list ul{
    overflow: hidden;
}
.contact-content-2-list ul li{
    width: 45%;
    float: left;
    margin-bottom: 100px;
}
.contact-content-2-list ul li:nth-of-type(even){
    float: right;
}
.contact-content-2-list ul li .job-name{
    color: #00AB9A;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
.job-info{
    color: #5D6970;
    font-size: 14px;
    line-height: 24px;
}
.job-info p:first-child{
    font-size: 16px;
    font-weight: bold;
}
.job-info-main{
    margin-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    margin-bottom: 8px;
}
.contact-content-2-end{
    border-top: 1px solid #ddd;
    color: #5D6970;
    line-height: 24px;
    font-size: 14px;
    padding: 5px 0 50px 0;
}
.contact-3-content{
    padding: 60px 95px 0 95px;
    color: #5D6970;
    line-height: 24px;
    font-size: 14px;
}
.contact-3-form form{
    padding-left: 95px;
    width: 800px;
    margin-bottom: 100px;
}
.contact-3-form input,.contact-3-form textarea{
    height: 40px;
    width: 97%;
    display: block;
    border: 1px solid #ccc;
    outline: none;
    margin-bottom: 15px;
    padding-left: 3%;
}
.contact-3-form textarea{
    height: 100px;
    padding-top: 10px;
}
.contact-3-form .form-title{
    font-size: 26px;
    text-align: center;
    color: #00AB9A;
    margin: 30px 0;
    width: 800px;
    padding-left: 95px;
}
.contact-3-form input[type='submit']{
    background: #00AB9A;
    color: #fff;
    border-radius: 3px;
    width: 300px;
    margin: auto;
    font-size: 16px;
    padding-left: 0;
    cursor: pointer;
}
.news-title{
    color: #00AB9A;
    font-size: 28px;
    margin: 50px 0 30px 0;
}
#fh5co-board .item a.link{
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #00AB9A;
    margin: 15px 0 0 82px;
    float: left;
    border-radius: 3px;
    transition: all 0.3s;
}
#fh5co-board .item a.link:hover{
    opacity: 0.8;
}
.news-show-title{
    color: #00AB9A;
    font-size: 28px;
    margin: 50px 0 15px 0;
    text-align: center;
}
.news-date{
    text-align: center;
    color: #999;
    margin-bottom: 20px;
}
.news-content{
    line-height: 24px;
    text-align: center;
    color: #666;
    font-size: 14px;
    width: 1000px;
    margin: auto;
    padding-bottom: 50px;
}
.news-content p img{
    max-width: 100%;
}
.product-subtitle{
    margin: 50px 0 0 95px;
}
.yy-content{
    width: 1000px;
    font-size: 18px;
}
.manual{
    margin-bottom: 50px;
}
.manual li{
    overflow: hidden;
    line-height: 40px;
    font-size: 14px;
}
.manual li a.down-title{
    float: left;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.manual li span{
    float: left;
    cursor: pointer;
    width: 15%;
    text-align: center;
}
.manual li i{
    font-size: 20px;
}
.bs-tips{
    color: #00487E;
    margin: -20px 0 40px 0;
    font-size: 14px;
}
.bs-1{
    background: #96a7b6;
    padding: 35px 50px 25px 50px;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
.bs-1-mark{
    margin: 50px 0 0 0;
    text-align: right;
}
.bs-2-list-img{
    width: 500px;
    height: 300px;
    overflow: hidden;
}
.bs-2-list-img img{
    display: block;
}
.bs-2-list-info{
    width: 450px;
    padding: 0 0 0 50px;
}
.bs-2-list-info-title{
    color: #96A7B6;
    font-size: 20px;
    margin: 10px 0 15px 0;
}
.bs-2-list-info-title span{
    font-size: 14px;
}
.bs-2-list-info-content{
    color: #9ba1a3;
    font-size: 18px;
    width: 300px;
    line-height: 28px;
}
.bs-2-list:nth-of-type(even) .bs-2-list-info{
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-2-list:nth-of-type(even) .bs-2-list-info-title span{
    display: block;
    margin-right: -5px;
}
.bs-2-list:nth-of-type(even) .bs-2-list-info-title{
    text-align: right;
}
.bs-2-list:nth-of-type(3n) .bs-2-list-info{
    padding-top: 40px;
}
.bs-3-title{
    background: #00AB9A;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.bs-title-3{
    margin-bottom: 30px;
}
.bs-3-content{
    color: #9ba1a3;
    line-height: 24px;
    font-size: 14px;
}
.bs-3-content img{
    max-width: 100%;
}
.ix_left{
    width: 556px;
}
.hover-text{
    background: #f3f5f5;
    padding: 50px;
}
.hover-text p:first-child{
    margin-bottom: 5px;
}
.index-main-2-img .item{
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.index-main-2-img .item div{
    display: none;
}
.index-main-2-img .item img{
    transition: all 0.5s;
}
.index-main-2-img .item img:last-child{
    position: absolute;
    top: 100%;
    z-index: 1;
    left: 0;
}
.item:hover img:last-child{
    top: 0;
}
.ix_left .item:nth-of-type(1){
    width: 556px;
    height: 168px;
    margin-bottom: 5px;
}
.ix_left .item:nth-of-type(2){
    width: 182px;
    height: 386px;
    float: left;
    margin-right: 5px;
}
.ix_left .item:nth-of-type(3){
    width: 369px;
    height: 169px;
    float: left;
    margin-bottom: 5px;
}
.ix_left .item:nth-of-type(4){
    width: 182px;
    height: 213px;
    float: left;
    margin-right: 5px;
}
.ix_left .item:nth-of-type(5){
    width: 182px;
    height: 213px;
    float: left;
}
.ix_right{
    width: 182px;
}
.index-main-common-title .child a{
    color: #fff;
    display: block;
    cursor: pointer;
    min-width: 200px;
    padding: 0 0 0 30px;
    line-height: 50px;
}
.index-main-common-title .child p span{
    min-width: 200px;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 50px;
}
.index-main-common-title .child p span:last-child{
    border-bottom: none;
}
.index-main-common-title .child a:last-child{
    padding-right: 30px;
    border-bottom: 0;
    border-top: 1px solid #ddd;
    transition: all 0.3s;
}
.index-main-common-title .child a:last-child:hover{
    background: #00ab99;
}
.index-main-common-title .child p span{
    padding: 0 30px;
    transition: all 0.3s;
}
.index-main-common-title .child p span em{
    font-style: normal;
    display: block;
    border-bottom: 1px solid #ddd;
}
.index-main-common-title .child p span:last-child em{
    border-bottom: 0;
}
.index-main-common-title .child p span:hover{
    background: #00ab99;
}
.index-main-common-title .child a i,.index-main-common-title .child span i{
    float: right;
    margin-right: 20px;
    margin-left: 10px;
}
.index-main-common-title .child{
    position: absolute;
    left: 95px;
    top: 90px;
    background: #5D6970;
    display: none;
}
.index-main-common-title .ico:hover .child{
    display: block;
}
.index-main-common-title.fixed{
    position: fixed;
    width: 1105px;
    top: 0;
    z-index: 100;
}
.index-main-common-title .child a:nth-of-type(1){
    background: #00ab99;
    border-bottom: 1px solid #ddd;
}
.product-list{
    width: 100%;
    max-width: 1050px;
    margin: auto;
}
.product-list-1{
    overflow: hidden;
}
.product-list-1-item{
    width: 48%;
    float: left;
    padding-bottom: 50px;
}
.product-list-1-item:nth-of-type(even){
    float: right;
}
.product-list-common-title{
    color: #00AB9A;
    border-bottom: 2px solid #00AB9A;
    padding-bottom: 5px;
    font-size: 22px;
    position: relative;
}
.title-tips{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #00AB9A;
    color: #fff;
    padding: 0 30px;
    border-top-left-radius: 10px;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-top-right-radius: 10px;
}
.product-list-1-item-img{
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 30px;
}
.product-list-1-item-attr{
    font-size: 20px;
    color: #5D6970;
    text-align: center;
    margin-top: 20px;
}
.product-list-1-item-img a{
    display: block;
}
.product-list-1-item:hover a{
    color: #00AB9A;
}
.product-list-1-item-img img{
    max-width: 100%;
    max-height: 250px;
}
.product-list-2{
    overflow: hidden;
}
.product-list-2 .product-list-1-item{
    width: 31.3%;
    margin-right: 2%;
}
.product-list-2 .product-list-1-item:nth-of-type(even){
    float: left;
}
.product-list-2 .product-list-1-item-img{
    height: 250px;
}
.product-list-3{
    overflow: hidden;
}
.product-list-3-item{
    float: left;
    width: 33.3%;
    margin-bottom: 80px;
}
.product-list-3-item-img{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 30px;
}
.product-list-3-item-img img{
    max-height: 100px;
}
.product-list-3-item-attr p{
    text-align: center;
    font-size: 18px;
}
.product-list-3-item-attr p{
    color: #5D6970;
}
.product-list-3-item-attr:hover p{
    color: #00AB9A;
    cursor: pointer;
}
.product-list-3-item-attr p:nth-of-type(1){
    color: #00AB9A;
    margin-bottom: 5px;
}
.ys-content{
    width: 1050px;
    margin: auto;
}
.ys-content img{
    max-width: 100%;
}
.ys-content .news-title{
    text-align: left;
}
.ys-item-list{
    overflow: hidden;
    width: 1010px;
}
.ys-item-1{
    width: 487px;
    float: left;
    font-size: 14px;
    margin: 0 0 100px 0;
}
.ys-item-1:nth-of-type(even){
    float: right;
}
.ys-item-1-2{
    font-size: 16px;
    color: #00AB9A;
    margin: 3px 0 10px 0;
}
.ys-item-content{
    font-size: 16px;
    margin: 15px 0 0 0;
}
.ys-item-1-img img{
    display: block;
    width: 100%;
    height: 150px;
}
.ys-item-content .red{
    color: #ea1e2a;
}
.ys-item-list-2-1-l{
    width: 263px;
    color: #666666;
    font-size: 14px;
}
.ys-item-list-2-1-l p:first-child{
    font-size: 18px;
}
.ys-item-list-2-1-c{
    width: 372px;
    color: #666666;
    font-size: 14px;
}
.ys-item-list-2-1-r p{
    height: 30px;
}
.ys-item-list-2-1-r p span{
    background: #5d6970;
    padding: 4px 15px;
    color: #fff;
    border-radius: 15px;
    display: inline-block;
}
.ys-item-list-2-1-r p:nth-of-type(2) span {
    background: #00AB9A;
}
.ys-item-list-2-img{
    margin: 50px 0 150px 0;
}
.ys-item-list-2-img img{
    max-width: 100%;
}
.ys-item-list-3-footer{
    background: url("../images/20200801162845.png") no-repeat left center;
    width: 999px;
    height: 580px;
    background-size: 100% auto;
}
.ys-item-list-3-footer-item{
    float: left;
    color: #5D6970;
    padding: 25px 20px;
    font-size: 18px;
    width: 268px;
    line-height: 22px;
}
.ys-item-list-3-footer-item p:first-child{
    margin-bottom: 10px;
}
.ys-item-list-3-footer-item:nth-of-type(1){
    margin-left: 70px;
}
.ys-item-list-3-footer-item:nth-of-type(2){
    margin-left: 1px;
}
.ys-item-list-3-footer-item:nth-of-type(3){
    margin-left: 2px;
}
.ys-item-list-4-content {
    margin: 30px 0;
}
.ys-item-list-4-content-footer{
    width: 680px;
    margin: 100px auto;
}
.ys-item-list-4-content-footer table{
    width: 100%;
    border-collapse: collapse;
}
.ys-item-list-4-content-footer table td{
    width: 60%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    color: #231815;
    padding: 9px 0;
}
.ys-item-list-4-content-footer table td:first-child{
    text-align: right;
    padding-right: 45px;
    width: 270px;
}
.m-113__error-msg{
    position: absolute;
    z-index: 10;
    top: 52px;
    left: 0;
    background-color: #fff;
    color: #d5001c;
    padding: 15px;
    display: none;
}
.gallery-thumbs{
    width: 1010px;
    margin: auto;
    margin-top: -35px;
}
.swiper-slide-thumb-active .index-ico-item{
    background: #00ab9a;
}
.swiper-slide-thumb-active .index-ico-item .ico-item-h{
    display: block;
}
.swiper-slide-thumb-active .index-ico-item .ico-item{
    display: none;
}
.swiper-slide-thumb-active .index-ico-item .index-ico-item-info {
    color: #fff;
}
.swiper-slide-thumb-active .index-ico-item::after {
    background: #fff;
}
.nav{
    height: 20px;
    padding-bottom: 2px;
}
.nav-p{
    position: relative;
    z-index: 10000;
    padding: 0 0 12px 0;
}
.nav-c:before{
    position: absolute;
    top: -9px;
    left: 25px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    content: "";
    transition: background-color .24s,color .24s,border-color .24s;
    z-index: 1;
}
.nav-c:after{
    position: absolute;
    top: -10px;
    left: 25px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    content: "";
    transition: background-color .24s,color .24s,border-color .24s;
}
.nav-c.first:before{
    border-bottom-color: #00ab9a;
}
.nav-p:hover .nav-c{
    display: block;
}
.nav-c{
    position: absolute;
    left: 3px;
    top: 28px;
    background: #fff;
    display: none;
    border: 1px solid #e3e4e4;
}
.nav .nav-c a{
    display: block;
    white-space: nowrap;
    padding: 15px 20px;
    min-width: 200px;
    line-height: 12px;
    transition: all 0.4s;
}
.nav .nav-c a i{
    float: right;
}
.nav .nav-c .nav-d:hover>a,.nav-e a:hover{
    background: #00ab9a;
    color: #fff;
}
.nav .nav-c a:after{
    display: none;
}
.nav-d{
    position: relative;
    display: block;
}
.nav-d:hover .nav-e{
    display: block;
}
.nav-e{
    position: absolute;
    left: 100%;
    top: 0;
    background: rgba(224,224,224,.9);
    display: none;
    padding: 10px 0 0 0;
}
.nav .nav-c .nav-e a{
    position: relative;
    margin-bottom: 20px;
}
.nav .nav-c .nav-e a:last-child{
    margin-bottom: 10px;
}
.nav .nav-c .nav-e a i{
    position: absolute;
    left: 20px;
    content: '';
    border-bottom: 1px solid #efebeb;
    bottom: -10px;
    height: 1px;
    right: 20px;
}
.page-list ul{
    text-align: center;
}
.page-list ul li{
    display: inline-block;
    border: 1px solid #ddd;
    border-right: 0;
}
.page-list ul li:last-child{
    border-right: 1px solid #ddd;
}
.page-list ul li a{
    padding: 5px 10px;
    display: block;
}
.page-list ul li.sel{
    border-color: #00ab9a;
}
.page-list ul li.sel a{
    background: #00ab9a;
    color: #fff;
}
.haocai-content{
    width: 1010px;
    margin: 0 auto;
    font-size: 18px;
    color: #5D6970;
}
.haocai-content img{
    max-width: 100%;
}
.about-ico .index-ico-item{
    width: 336px;
}
.about-ico .index-ico-item-info p:nth-of-type(1){
    white-space: nowrap;
}
.about-main-2{
    line-height: 24px;
}
.support-list{
    padding: 50px 0;
}
.support-list li{
    overflow: hidden;
    position: relative;
    padding-left: 190px;
    height: 170px;
    margin-bottom: 30px;
}
.support-list li .support-list-info-title{
    color: #00AB9A;
}
.support-list li .support-list-img{
    position: absolute;
    left: 0;
    width: 150px;
}
.support-list li .support-list-img img{
    width: 100%;
    display: block;
}
.support-list-info-title{
    color: #5D6970;
    font-size: 18px;
    margin-bottom: 15px;
}
.support-list-info-title a{
    color: #5D6970;
    transition: all 0.5s;
}
.support-list li:hover .support-list-info-title,.support-list li:hover .support-list-info-desc{
    color: #00AB9A;
}
.support-list-info-desc{
    color: #5D6970;
    line-height: 22px;
    font-size: 14px;
    width: 560px;
    transition: all 0.5s;
}
.support-list-info-2{
    overflow: hidden;
    margin-left: -16px;
}
.support-list-info-2-item{
    float: left;
    width: 100px;
    cursor: pointer;
}
.support-list-info-2-item-img{
    width: 55px;
    height: 55px;
    margin: auto;
    overflow: hidden;
}
.support-list-info-2-item-img img{
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    transition: all 0.5s;
    display: block;
}
/*.support-list-info-2-item:hover img:nth-of-type(1){
    margin-top: -55px;
}*/
.support-list-info-2-item-text{
    padding: 5px 0 0 0;
    background-position: center 5px;
    background-repeat: no-repeat;
    background-size: auto 28px;
    font-weight: bold;
    text-align: center;
}
.banner .swiper-slide img{
    display: block;
    max-width: 100%;
}
.index-ys-item-text .ys-item-list-2-1-c{
    width: 436px;
    color: #666666;
    font-size: 16px;
    padding-left: 50px;
}
.index-ys-item-text .ys-item-list-2-1-c:last-child{
    padding-left: 75px;
    width: 520px;
}
.index-ys-l1{
    width: 520px;
}
.index-main-2-content-1{
    width: 100%;
    max-width: 1010px;
    margin: auto;
    padding: 50px 0;
}
.index-main-2-content-1-img{
    width: 40%;
    margin: 0 50px 15px 0;
}
.index-main-2-content-1-img img{
    display: block;
    max-width: 100%;
}
.index-main-2-content-1-info{
    color: #5D6970;
    line-height: 24px;
    font-size: 16px;
}
.index-main-2-content-1-info img{
    max-width: 100%;
}
.principle-list{
    overflow: hidden;
}
.principle-list li{
    float: left;
    text-align: center;
    width: 33.3%;
    margin-bottom: 50px;
}
.principle-list li:hover p{
    color: #00AB9A;
}
.principle-list li img{
    display: block;
    margin: 0 auto 10px auto;
}
.ys-item-list-2 img{
    max-width: 100%;
}
@media screen and (max-width: 1024px){
    .w1200{
        width: 100%;
        overflow: hidden;
    }
    .index-main-1-desc{
        padding: 0 15px;
    }
    .nav{
        width: 100%;
    }
    .index-ico{
        width: 100%;
    }
    .index-ico-item{
        width: 326px;
    }
    .index-ico-item-img{
        width: 141px;
    }
    .index-main-1{
        width: 100%;
    }
    .index-main-1-list-item{
        width: 33%;
    }
    .index-main-2-img{
        width: 524px;
    }
    .index-main-3-content{
        width: 100%;
    }
    .header-logo{
        width: 100%;
    }
}