@font-face {
	font-family: "CenturyGothicbold";
	src:url('../font/CenturyGothicbold.TTF');
}
@media screen and (min-width: 1701px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1601px) and (max-width: 1700px){
    html {
        font-size: 1150%!important
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    html {
        font-size: 1050%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */}

.w{width:90%; max-width:1600px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

.menu .nav__list > ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.menu .nav__list > ul > li{position: relative;z-index: 9999;margin-right: .15rem;}
.menu .nav__list > ul > li > a{display: block;color: #333333;font-size: .1rem;line-height: .45rem;}
.menu .nav__list > ul > li > ul{position: absolute;width: 2rem;left: 0;}
.menu .nav__list > ul > li > ul > li{position: relative;}
.menu .nav__list > ul > li > ul > li > a{display: block;width: 100%;background: #2b8fd6;color: #FFFFFF;font-size: .08rem;line-height: .22rem;height: 0;overflow: hidden;padding: 0 .05rem}
.menu .nav__list > ul > li:hover > ul > li > a{height: .22rem;}
.menu .nav__list > ul > li:hover > a{color: #0263a7;}
.menu .nav__list > ul > li > ul > li:hover > a{background: #0263a7;}
.menu .nav__list > ul.pc_dn{display:none;}

/* index.html */
.top_tel{position: relative;height: .45rem;}
.top_tel:before{content: "";display: block;position: absolute;width: 1px;height: .11rem;background: #dddddd;left: 0;top: 0;bottom: 0;margin: auto 0;}
.top_tel p{float: left;line-height: .45rem;font-size: .1rem;color: #666666;margin-left: .15rem;}
.top_tel p img{display: block;float: left;width: .11rem;margin: .17rem .04rem 0 0;}

.cp_top_c ul li:nth-child(4n+1){margin-left: 0;}
.ind_why_c ul li:nth-child(4n+1){margin-left: 0;}
.ind_message_c h3 span{display: block;}
.fot_share a:hover{transform: translateY(-.05rem);}

.cp_list ul li:nth-child(3n+1){margin-left: 0;}
.zhengshu ul li:nth-child(5n+1){margin-left: 0;}

.xinxi ul li:nth-child(-n+4){padding-top: 0;border-bottom: 1px solid #dddddd;}
.xinxi ul li:nth-child(n+4):nth-child(-n+8){padding-bottom: 0;}
.xinxi ul li:nth-child(4n+1){border-left: none;}

}

/* index.html */
header{width: 100%;height: .46rem;background: #FFFFFF;}
.logo{width: auto;height: .33rem;margin: .06rem 0 0 0;}
.logo.logo img{display: block;width: auto;height: 100%;}
.banner .swiper-pagination{bottom: .1rem;}
.banner .swiper-pagination-bullet{width: .08rem;height: .08rem;border: 1px solid #0263a7;border-radius: .04rem;background: none;opacity: 1;margin: 0 .02rem;transition:all .3s;}
.banner .swiper-pagination-bullet-active{background: #0263a7;width: .18rem;}

.ind_cp{margin-top: .1rem;width: 100%;}
.ind_cp .swiper-slide a{display: block;width: 100%;position: relative;transition:all .3s;}
.ind_cp .swiper-slide a .img img{width: 100%;display: block;}
.ind_cp .swiper-slide a .txt{position: absolute;bottom: .08rem;left: 0;right: 0;margin: 0 auto;width: 91%;height: .25rem;border: .01rem solid #0263a7;border-radius: .14rem;background: rgba(255,255,255,.85);padding: 0 .35rem 0 .1rem;line-height: .25rem;font-size: .11rem;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all .3s;}
.ind_cp .swiper-slide a .txt i{display: block;position: absolute;width: .2rem;height: .2rem;background: #0263a7;border-radius: 50%;right: .025rem;top: 0;bottom: 0;margin: auto 0;}
.ind_cp .swiper-slide a .txt i img{display: block;width: 100%;height: 100%;}
.ind_cp .swiper-slide a:hover{box-shadow:0 0 10px rgba(2, 99, 167, .5);}
.ind_cp .swiper-slide a:hover .txt{background: #0263a7;color: #FFFFFF;}
.ind_cp .swiper-button-prev,.ind_cp .swiper-button-next{width: .35rem;height: .35rem;background-size: 100% 100%;margin-top: -.175rem;}
.ind_cp .swiper-button-prev{background-image: url("../img/004.png");left: .2rem;}
.ind_cp .swiper-button-next{background-image: url("../img/005.png");right: .2rem;}

.cp_top{margin-top: .42rem;}
.ind_tit h3{text-align: center;color: #333333;line-height: 1;font-size: .22rem;}
.ind_tit p{text-align: center;color: #999999;font-size: .12rem;margin-top: .07rem;}
.cp_top_c ul{display:flex;flex-wrap: wrap;margin-top: .1rem;}
.cp_top_c ul li{width: 23.75%;margin: .11rem 0 0 1.666%;border: 1px solid #dddddd;background: #f8f8f8;padding: .06rem;transition:all .3s;}
.cp_top_c ul li .img a{display: block;width: 100%;height: 1.31rem;overflow: hidden;}
.cp_top_c ul li .img a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cp_top_c ul li .more{margin-top: -.125rem;}
.cp_top_c ul li .more a{display: block;width: auto;height: .25rem;position: relative;z-index: 99;}
.cp_top_c ul li .more a img{display: block;width: auto;height: 100%;}
.cp_top_c ul li .txt h3 a{display: block;color: #333333;font-size: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: .08rem;}
.cp_top_c ul li .txt p{font-size: .08rem;line-height: .14rem;margin-top: .05rem;color: #999999;height: .42rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;}
.cp_top_c ul li:hover{border-color: #0263a7;box-shadow:0 0 10px rgba(2, 99, 167, .5);}
.cp_top_c ul li:hover .txt h3 a{color: #0263a7;text-decoration: underline;}

.ind_about{width: 100%;margin-top: .45rem;background: url("../img/bg01.png") center bottom no-repeat;background-size: 100%;padding-bottom: .45rem;}
.ind_about_c{background: #0263a7;}
.ind_about_c .img{width: 50%;height: 2.5rem;overflow: hidden;}
.ind_about_c .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind_about_c .txt{width: 50%;height: 2.5rem;background: url("../img/013.png") no-repeat;background-size: 1.77rem;padding: .35rem .45rem 0 .45rem;}
.ind_about_c .txt h3{color: #FFFFFF;line-height: 1;font-size: .22rem;}
.ind_about_c .txt p{color: #FFFFFF;font-size: .08rem;line-height: .16rem;margin-top: .06rem;}
.ind_about_c .txt a{display: block;width: 1.16rem;margin-top: .25rem;}
.ind_about_c .txt a img{display: block;width: 100%;}

.ind_why{margin-top: .45rem;}
.ind_why_c ul{display:flex;flex-wrap: wrap;margin-top: .13rem;}
.ind_why_c ul li{width: 23.75%;margin: .12rem 0 0 1.666%;background: #FFFFFF;border: 1px solid #dddddd;padding: .2rem .25rem .1rem;transition:all .3s;}
.ind_why_c ul li p{font-size: .09rem;line-height: .17rem;color: #666666;height: .85rem;transition:all .3s;}
.ind_why_c ul li .img{width: 100%;position: relative;}
.ind_why_c ul li i{display: block;text-align: center;color: #f5f5f5;font-size: .85rem;line-height: 1;}
.ind_why_c ul li img{display: block;position: absolute;width: .46rem;height: .46rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.ind_why_c ul li:hover{border-color: #0263a7;box-shadow:0 0 10px rgba(2, 99, 167, .5);}
.ind_why_c ul li:hover p{color: #0263a7;}

.ind_message{width: 100%;background: #0263a7;padding: .2rem 0;}
.ind_message h3{color: #FFFFFF;font-size: .15rem;line-height: .17rem;display: block;float: left;width: .95rem;}
.ind_message form{float: right;width: calc(100% - .95rem);display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: .045rem;}
.ind_message form input{display: block;height: .28rem;border-radius: .14rem;border: none;outline: none;font-size: .09rem;background-repeat: no-repeat;background-position: .1rem center;background-size: .09rem;}
.ind_message form textarea{display: block;height: .28rem;border-radius: .14rem;border: none;outline: none;font-size: .09rem;background-repeat: no-repeat;background-position: .1rem center;background-size: .09rem;background-color: #FFFFFF;background-image: url("../img/022.png");padding-left: .25rem;line-height: .25rem;resize:none;width: 34%;}
.ind_message form input.name{background-color: #FFFFFF;background-image: url("../img/019.png");padding-left: .25rem;width: 17%;}
.ind_message form input.email{background-color: #FFFFFF;background-image: url("../img/020.png");padding-left: .25rem;width: 17%;}
.ind_message form input.phone{background-color: #FFFFFF;background-image: url("../img/021.png");padding-left: .25rem;width: 17%;}
.ind_message form input.submit{background: #000000;color: #FFFFFF;font-size: .09rem;width: 11%;transition:all .3s;cursor: pointer;}
.ind_message form input.submit:hover{background: #FFFFFF;color: #0263a7;}

.footer{width: 100%;background: #eff2f7;padding: .45rem 0;}
.fot_lf{width: 2.65rem;}
.fot_logo{overflow: hidden;}
.fot_logo img{display: block;float: left;width: .33rem;}
.fot_logo p{display: block;float: right;width: calc(100% - .4rem);font-weight: bold;font-size: .12rem;color: #333333;line-height: .33rem;}
.fot_lf .txt{font-size: .08rem;line-height: .17rem;margin-top: .08rem;color: #999999;}
.fot_sech{width: 2.59rem;height: .32rem;background: url("../img/023.png");background-size: 100% 100%;margin-top: .2rem;}
.fot_sech button{display: block;float: right;width: .32rem;height: .28rem;background: url("../img/024.png");background-size: 100% 100%;border: none;outline: none;margin: .02rem .04rem 0 0;cursor: pointer;}
.fot_sech button img{width: .08rem;}
.fot_sech input{display: block;float: left;width: calc(100% - .36rem);height: .28rem;border: none;outline: none;font-size: .09rem;padding: 0 .1rem;}
.fot_ewm{margin-top: .15rem;display:flex;flex-wrap: wrap;}
.fot_ewm .item{width: .69rem;margin-right: .12rem;}
.fot_ewm .item img{display: block;width: 100%;}
.fot_ewm .item p{text-align: center;color: #999999;font-size: .08rem;margin-top: .04rem;}
.fot_rt h3{font-size: .12rem;color: #333333;margin-bottom: .05rem;}
.fot_rt .fot_nav a{display: block;color: #999999;font-size: .09rem;line-height: .2rem;}
.fot_rt .quote p{color: #999999;font-size: .09rem;line-height: .2rem;}
.fot_rt .fot_nav,.fot_rt .quote{float: left;}
.fot_rt .quote{margin-left: .32rem;}
.fot_rt .fot_nav a:hover{color: #0263a7;}
.fot_bot{border-top: 1px solid #dddddd;margin-top: .2rem;padding-top: .2rem;}
.fot_bot p{display: block;float: left;font-size: .08rem;color: #999999;line-height: .2rem;}
.fot_bot p a{color: #999999;}
.fot_bot p a:hover{color: #0263a7;}
.fot_share a{display: inline-block;width: .2rem;margin-left: .05rem;}
.fot_share a img{display: block;width: 100%;}

/* cp_detail.html */
.ny_banner{width: 100%;height: 2rem;background-size: cover;padding-top: .7rem;}
.ny_banner h3{color: #0263a7;font-size: .2rem;}
.bread img{display: block;position: absolute;width: .07rem;top: .01rem;left: 0;}
.bread{color: #666666;font-size: .09rem;margin-top: .08rem;position: relative;padding-left: .1rem;}
.bread a{color: #666666;}
.bread a:hover{color: #0263a7;}

.container{margin-top: .5rem;margin-bottom: .5rem;}
.left_side{width: 1.7rem;}
.left_side .tit{text-align: center;color: #FFFFFF;font-size: .15rem;line-height: .18rem;background: #0263a7 url("../img/013.png") no-repeat left bottom;background-size: .56rem;padding: .08rem 0;font-weight: bold;}
.left_side ul{border: 1px solid #dddddd;}
.left_nav ul li{border-bottom: 1px solid #dddddd;}
.left_nav ul li a{display: block;color: #333333;font-size: .09rem;line-height: .32rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background-image: url("../img/034.png");background-repeat: no-repeat;background-size: .09rem;background-position: right .08rem center;padding: 0 .2rem 0 .07rem;}
.left_nav ul li a:hover,.left_nav ul li.on a{background-color: #0263a7;background-image: url("../img/035.png");color: #FFFFFF;}
.left_cp{margin-top: .18rem;}
.left_cp ul{padding-bottom: .1rem;}
.left_cp ul li{padding: .1rem .07rem 0;}
.left_cp ul li .img{width: 100%;height: 1.14rem;overflow: hidden;}
.left_cp ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .5s;}
.left_cp ul li h3{color: #333333;font-size: .09rem;margin-top: .05rem;transition:all .3s;}
.left_cp ul li p{color: #999999;font-size: .07rem;line-height: .12rem;margin-top: .04rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.left_cp ul li:hover .img img{transform:scale(1.15,1.15);}
.left_cp ul li:hover h3{color: #0263a7;}
.left_lxwx{margin-top: .18rem;}
.left_lxwx ul{padding: .07rem;}
.left_lxwx ul h3{color: #0263a7;font-size: .09rem;}
.left_lxwx ul li{position: relative;color: #666666;font-size: .08rem;margin-top: .06rem;padding-left: .12rem;}
.left_lxwx ul li img{display: block;position: absolute;width: .09rem;left: 0;}

.right_side{width: calc(100% - 1.95rem);}
.produce_det_t{border-bottom: 1px solid #dddddd;color: #333333;font-size: .17rem;padding-bottom: .08rem;font-weight: bold;}
.produce_det{margin-top: .2rem;}
.list_det_img{width:45.8%;}
.list_det_img .gallery-top .swiper-slide{width: 100%;height: 2.08rem;}
.list_det_img .gallery-top .swiper-slide img{width:100%;height: 100%;display: block;object-fit: cover;}
.list_det_img .gallery-thumbs{width:calc(100% - .45rem);margin: 0 auto;margin-top: .1rem;height: .46rem;}
.list_det_img .gallery-thumbs .swiper-slide{border:#dddddd solid 1px;}
.list_det_img .gallery-thumbs .swiper-slide img{width:100%;height: 100%;display:block;cursor:pointer;object-fit: cover;}
.list_det_img .gallery-thumbs .swiper-slide-thumb-active{border-color:#0263a7;}
.list_det_img .swiper-button-prev{left:0; background-image:url("../img/044.png");}
.list_det_img .swiper-button-next{right:0; background-image:url("../img/045.png");}
.list_det_img .swiper-button-next, .list_det_img .swiper-button-prev{width:.14rem;height:100%;margin-top:0; top:0; background-color:#f4f4f4; background-size:.06rem; background-position:center; background-repeat:no-repeat;outline: none;}
.cp_det_txt{width: 51%;}
.cp_det_txt h3{font-size: .16rem;line-height: .2rem;color: #333333;}
.cp_det_txt_1{color: #999999;font-size: .08rem;margin-top: .06rem;border-bottom: 1px solid #dddddd;padding-bottom: .06rem;}
.cp_det_txt_1 i{margin: 0 .05rem;}
.cp_det_txt p{font-size: .08rem;line-height: .17rem;margin-top: .06rem;color: #777777;height: 1.1rem;}
.cp_det_txt .link{display:flex;flex-wrap: wrap;justify-content: space-between;}
.cp_det_txt .link a{display: block;color: #FFFFFF;height: .25rem;font-size: .12rem;padding: 0 .14rem;font-weight: bold;line-height: .25rem;}
.cp_det_txt .link a.link1{background: #0263a7;}
.cp_det_txt .link a.link2{background: #fc5c02;}
.cp_det_txt .link a.link1:hover{background: #014777;}
@media screen and (min-width: 1401px) and (max-width: 1500px){
.cp_det_txt .link a{font-size: .11rem;padding: 0 .13rem;}
}
@media screen and (min-width: 1201px) and (max-width: 1300px){
.cp_det_txt .link a{font-size: .1rem;padding: 0 .12rem;}
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
.cp_det_txt .link a{font-size: .09rem;padding: 0 .15rem;}
}
.det_share{margin-top: .2rem;}
.det_share a{display: inline-block;width: .2rem;margin-right: .05rem;}
.det_share a img{display: block;width: 100%;}
.pod_det{margin-top: .25rem;}
.pod_det .zx_t{border-bottom: 1px solid #e1e1e1;height: .27rem;}
.pod_det .zx_t li{float: left;height: .27rem;width: .8rem;text-align: center;background: #e7e7e7;font-size: .13rem;color: #999999;cursor: pointer;margin-right: 5px;line-height: .27rem;transition:all .3s;font-weight: bold;}
.pod_det .zx_t li.active{background: #0263a7;color: #FFFFFF;}
.pod_det .zx_c{margin-top: .15rem;}
.pod_det_txt p{font-size: .09rem;line-height: .2rem;color: #333333;}
.pod_det_txt p img{display: block;max-width: 100%;margin: .15rem auto .05rem;width: auto;}
.det_page{margin-top: .2rem;display:flex;flex-wrap: wrap;justify-content: space-between;background: #f2f2f2;height: .4rem;padding: 0 .12rem;}
.det_page a{display: block;max-width: 48%;color: #999999;font-size: .09rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: .4rem;}
.det_page a:hover{color: #0263a7;}

/* 留言 */
.inquire{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background: rgba(0,0,0,.5);display: none;}
.inquire .rt_message{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.inquire .close{position: absolute;width: .1rem;top: -.2rem;right: 0;cursor: pointer;}
.inquire .close img{display: block;width: 100%;}
.rt_message{width: 40%;background: #f8f8f8;border-radius: .05rem;padding: .1rem .2rem;}
.rt_message .txt{font-size: .08rem;line-height: .14rem;color: #999999;}
.rt_message form{display:block; width:100%; margin-top:.05rem;}
.rt_message form input{display:block; width:100%; height:.25rem; background:#FFFFFF; border:1px solid #dddddd; outline:none; font-size:.08rem; padding:0 .06rem; margin-top:.05rem;border-radius: 5px;}
.rt_message form textarea{display:block; width:100%; margin-top:.05rem; background:#FFFFFF; outline:none; height:.75rem; padding:.05rem .06rem; font-size:.08rem;border-radius: 5px;border:1px solid #dddddd; }
.rt_message form input[type="submit"]{background:#0263a7; cursor:pointer; color:#FFFFFF;transition:all .3s;width: .7rem;border: none;}
.rt_message form input[type="submit"]:hover{background: #014777;}

.rt_message form input.messSave{background:#0263a7; cursor:pointer; color:#FFFFFF;transition:all .3s;width: .7rem;border: none;}
.rt_message form input.messSave:hover{background: #014777;}

.rt_message form .yzm{background: #FFFFFF;height: .27rem;border-radius: 5px;position: relative;width: 48%;margin-top: .08rem;}
.rt_message form .yzm img {
    display: block;
    position: absolute;
    width: auto;
    height: 0.17rem;
    max-height: 90%;
    right: .04rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    max-width: .45rem;
}

/* cp_list.html */
.pages{text-align: center;margin-top: .4rem;}
.pages a{display: inline-block;line-height: .25rem;border: 1px solid #909090;font-size: .08rem;color: #666666;width: .27rem;}
.pages a.prve,.pages a.next{width: .5rem;}
.pages span{display: inline-block;line-height: .25rem;font-size: .08rem;color: #666666;width: .27rem;}
.pages a:hover,.pages a.on{color: #FFFFFF;background: #0263a7;border-color: #0263a7;}

.cp_list ul{display:flex;flex-wrap: wrap;margin-top: .08rem;}
.cp_list ul li{width: 31.8%;margin: .12rem 0 0 2.3%;border: 1px solid #dddddd;background: #f8f8f8;padding: .06rem .07rem .12rem;transition:all .3s;}
.cp_list ul li .img a{display: block;width: 100%;height: 1.3rem;overflow: hidden;}
.cp_list ul li .img a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cp_list ul li h3 a{color: #333333;font-size: .1rem;line-height: .15rem;height: .3rem;margin-top: .06rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.cp_list ul li p{color: #999999;font-size: .08rem;line-height: .14rem;height: .56rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;margin-top: .02rem;}
.cp_list ul li .more a{display: block;width: .75rem;margin-top: .06rem;}
.cp_list ul li .more a img{display: block;width: 100%;}
.cp_list ul li:hover{border-color: #0263a7;box-shadow:0 0 10px rgba(2, 99, 167, .5);}
.cp_list ul li:hover h3 a{color: #0263a7;}

/* news_list.html */
.news_top{margin-top: .2rem;}
.news_top .img{float: left;width: 1.65rem;}
.news_top .img a{display: block;width: 100%;height: 1.02rem;overflow: hidden;}
.news_top .img a img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .5s;}
.news_top .txt{float: right;width: calc(100% - 1.8rem);margin-top: .1rem;}
.news_top .txt h3 a{display: block;color: #333333;font-weight: normal;font-size: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_top .txt p{color: #999999;font-size: .08rem;line-height: .16rem;margin-top: .06rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.news_top .txt .more a{display: block;width: .75rem;margin-top: .1rem;}
.news_top .txt .more a img{display: block;width: 100%;}
.news_top:hover .img a img{transform:scale(1.15,1.15);}
.news_top:hover .txt h3 a{color: #0263a7;}
.news_list{margin-top: .1rem;}
.news_list li{overflow: hidden;background-image: url("../img/053.png");background-repeat: no-repeat;background-position: left center;background-size: 10px;font-size: .09rem;line-height: .26rem;}
.news_list li a{display: block;color: #333333;float: left;padding-left: .1rem;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list li span{display: block;float: right;color: #999999;transition:all .3s;}
.news_list li:hover a{color: #0263a7;}
.news_list li:hover span{color: #0263a7;}

/* about_us.html */
.about_top{margin-top: .4rem;}
.about_top .txt1{color: #333333;font-weight: bold;font-size: .18rem;line-height: .3rem;}
.about_video{width: 49%;margin-top: .3rem;}
.about_video h3{color: #333333;font-size: .14rem;}
.about_video p{color: #666666;font-size: .08rem;line-height: .18rem;margin-top: .07rem;}
.about_video #video{width: 100%;position: relative;height: 2.25rem;margin-top: .25rem;}
.about_video #video video{width: 100%;object-fit: fill;}
.about_video .VideoBtn{position: absolute;display: block;cursor: pointer;z-index: 10;width: .47rem;height: .47rem;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.about_video .VideoBtn img{display: block;width: 100%;}
.about_top_rt{width: 40.5%;margin-top: .3rem;}
.about_top_rt h3{color: #333333;font-size: .14rem;}
.about_top_rt ul{margin-top: .07rem;height: .9rem;}
.about_top_rt li{position: relative;font-size: .08rem;line-height: .18rem;color: #666666;padding-left: .1rem;}
.about_top_rt li:before{content: "";display: block;position: absolute;width: .04rem;height: .04rem;border-radius: 50%;background: #a6a6a6;left: 0;top: .07rem;}
.about_top_rt .img{width: 100%;height: 2.25rem;overflow: hidden;margin-top: .25rem;}
.about_top_rt .img img{display: block;width: 100%;height: 100%;object-fit: cover;}

.zhengshu{width: 100%;background: url("../img/bg02.png") center;background-size: cover;margin-top: .45rem;padding: .4rem 0;}
.zhengshu ul{margin-top: .1rem;display:flex;flex-wrap: wrap;}
.zhengshu ul li{width: 18.875%;margin: .1rem 0 0 1.0425%;}
.zhengshu ul li img{display: block;width: 100%;}

.factory{margin-top: .45rem;margin-bottom: .45rem;}
.factory_img{margin-top: .28rem;}
.factory_img .swiper-slide{height: 2.72rem;overflow: hidden;}
.factory_img .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.factory_img .swiper-button-prev,.factory_img .swiper-button-next{width: .35rem;height: .35rem;background-size: 100% 100%;margin-top: -.175rem;}
.factory_img .swiper-button-prev{background-image: url("../img/065.png");left: .1rem;}
.factory_img .swiper-button-next{background-image: url("../img/066.png");right: .1rem;}

/* download.html */
.download ul{margin-top: .1rem;}
.download ul li{overflow: hidden;font-size: .09rem;line-height: .37rem;}
.download ul li .txt{float: left;width: 70%;}
.download ul li .txt a{display: block;width: 100%;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: .15rem;background-image: url("../img/067.png");background-repeat: no-repeat;background-position: left center;background-size: .07rem;}
.download ul li span{display: block;float: right;color: #999999;}
.download ul li .more{display: block;float: right;width: .76rem;margin: .08rem .2rem 0 0;}
.download ul li .more a{display: block;width: 100%;}
.download ul li .more a img{display: block;width: 100%;}
.download ul li:hover .txt a{color: #0263a7;}

/* contact_us.html */
.xinxi ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: .4rem;}
.xinxi ul li{width: 25%;text-align: center;padding: .25rem 0;border-left: 1px solid #dddddd;}
.xinxi ul li img{display: block;width: .17rem;margin: 0 auto;}
.xinxi ul li h3{color: #333333;font-size: .12rem;margin-top: .07rem;}
.xinxi ul li h4{color: #333333;font-size: .09rem;margin-top: .07rem;}
.xinxi ul li p{color: #999999;font-size: .09rem;margin-top: .03rem;}

.faq{width: 100%;background: #f4f4f4;margin-top: .4rem;padding: .4rem 0;}
.faq .tit{font-weight: bold;text-align: center;color: #333333;font-size: .22rem;}
.faq dl{margin-top: .12rem;}
.faq .items{width: 46.25%;}
.faq .items dt{color: #333333;font-size: .11rem;font-weight: bold;border-bottom: 1px solid #dddddd;background-image: url("../img/076.png");background-repeat: no-repeat;background-position: right top;background-size: .17rem;padding: 0 .3rem .1rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: .17rem;cursor: pointer;transition:all .3s;margin-top: .12rem;}
.faq .items dd{color: #999999;font-size: .09rem;line-height: .17rem;padding-bottom: .1rem;border-bottom: 1px solid #dddddd;margin: 0;display: none;}
.faq .items dt#open{background-image: url("../img/077.png");border-bottom: none;}


@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

header{height: .5rem;}
.logo{height: .34rem;margin: .08rem 0 0 .1rem;}
.logo.logo img{display: block;width: auto;height: 100%;}
.top_tel{position: relative;height: .24rem;border-bottom: 1px solid #dddddd;text-align: right;}
.top_tel p{display: inline-block;line-height: .24rem;font-size: .11rem;color: #666666;margin-right: .15rem;}
.top_tel p img{display: block;float: left;width: .11rem;margin: .055rem .04rem 0 0;}
/*    导航     */
.nav {position:fixed;opacity:0;z-index: 10001;-webkit-transform:translateX(0);transform:translateX(0);width:52%;height:100%;-webkit-transition-property: all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms; padding: .4rem 0 .15rem 0; top:0;}
.nav--active .nav {opacity: 1;background:rgba(0,0,0,.8);}
.nav__list {padding:0.1rem;line-height:0.35rem;font-size:0.13rem; height:100%;overflow:scroll;}
.nav__list li,.nav__list li a{color:#FFFFFF;}
.nav__trigger{display: block;position:absolute;width: 30px;height: 25px;right: .1rem;top: .37rem;z-index: 1001;}
.nav--active .nav__trigger{position: fixed;z-index: 10002;}
.nav__icon {display: inline-block;position: relative;width: 28px;height: 3px;background-color: #0263a7;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width: 28px;height: 3px;position: absolute;background: #0263a7;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}
.nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.nav--active .nav__icon {background: rgba(0, 0, 0, 0)!important;}
.nav--active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg); background:#FFFFFF;}
.nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); background:#FFFFFF;}
.nav__list li ul li{line-height:.2rem; margin-top:.12rem;}
/* 二级导航 */
.cd-accordion-menu {width: 100%;}
.cd-accordion-menu ul {display: none;}
.cd-accordion-menu li {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;}
.cd-accordion-menu label, .cd-accordion-menu a {position: relative;display: block;color: #ffffff;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background: #52565d;}
.cd-accordion-menu label::before, .cd-accordion-menu a::after {content: '';display: inline-block;width: 16px;height: 16px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top:-1px;}
.cd-accordion-menu label {cursor: pointer;}
.cd-accordion-menu label::before{background-image: url(../img/cd-icons.svg);background-repeat: no-repeat;}
.cd-accordion-menu label::before {right: 0;background-position: 0 0;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.cd-accordion-menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-accordion-menu input[type=checkbox]:checked + label::after {background-position: -32px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {display: block;}
.cd-accordion-menu ul label,.cd-accordion-menu ul a {padding-left: 0.1rem;font-size:0.12rem;}
.cd-accordion-menu ul label::before {right: 0;}
.cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a {padding-left:0.2rem;font-size:0.09rem;line-height:0.25rem;color:#cbd8da;}
.cd-accordion-menu.animated label::before {-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

/* index.html */
.ind_cp .swiper-button-prev,.ind_cp .swiper-button-next{width: .26rem;height: .26rem;margin-top: -.13rem;}
.ind_cp .swiper-button-prev{left: .1rem;}
.ind_cp .swiper-button-next{right: .1rem;}

.cp_top{margin-top: .42rem;}
.ind_tit h3{font-size: .2rem;line-height: 1.4;}
.ind_tit p{font-size: .11rem;margin-top: .07rem;}
.cp_top_c ul li{width: 48%;margin: .11rem 0 0 4%;}
.cp_top_c ul li:nth-child(2n+1){margin-left: 0;}
.cp_top_c ul li .img a{height: 1.25rem;}
.cp_top_c ul li .more{margin-top: -.11rem;}
.cp_top_c ul li .more a{height: .22rem;}
.cp_top_c ul li .txt h3 a{font-size: .12rem;}
.cp_top_c ul li .txt p{font-size: .11rem;line-height: .16rem;height: .48rem;}

.ind_about{background: url("../img/bg01.png") center bottom no-repeat;background-size: 100%;}
.ind_about_c .img{width: 100%;height: 2rem;}
.ind_about_c .txt{width: 100%;height: auto;background-size: 1.3rem;padding: .25rem .3rem;}
.ind_about_c .txt p{font-size: .11rem;line-height: .18rem;margin-top: .1rem;}
.ind_about_c .txt a{margin-top: .15rem;}
.ind_why{margin-top: .45rem;}
.ind_why_c ul{margin-top: .13rem;}
.ind_why_c ul li{width: 48%;margin: .12rem 0 0 4%;padding: .12rem .1rem .03rem;}
.ind_why_c ul li:nth-child(2n+1){margin-left: 0;}
.ind_why_c ul li p{font-size: .11rem;line-height: .18rem;height: 1.45rem;}
.ind_why_c ul li i{display: block;text-align: center;color: #f5f5f5;font-size: .85rem;line-height: 1;}
.ind_why_c ul li img{display: block;position: absolute;width: .46rem;height: .46rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.ind_message{padding: .2rem 0;}
.ind_message h3{font-size: .18rem;line-height: .17rem;float: none;width: 100%;text-align: center;}
.ind_message form{float: none;width: 100%;margin-top: .1rem;}
.ind_message form input{height: .3rem;border-radius: .15rem;font-size: .12rem;background-size: .12rem;margin-top: .1rem;}
.ind_message form textarea{height: .7rem;border-radius: .1rem;font-size: .12rem;background-size: .12rem;padding: .05rem .1rem 0 .28rem;line-height: .18rem;width: 100%;background-position: .1rem .08rem;margin-top: .1rem;}
.ind_message form input.name{padding-left: .28rem;width: 100%;}
.ind_message form input.email{padding-left: .28rem;width: 100%;}
.ind_message form input.phone{padding-left: .28rem;width: 100%;}
.ind_message form input.submit{font-size: .12rem;width: .8rem;}

.footer{padding: .3rem 0;}
.fot_lf{width: 100%;}
.fot_logo p{width: calc(100% - .45rem);}
.fot_lf .txt{font-size: .11rem;line-height: .18rem;}
.fot_sech button img{width: .12rem;}
.fot_sech input{font-size: .12rem;}
.fot_ewm .item{width: .72rem;}
.fot_ewm .item p{font-size: .11rem;margin-top: .08rem;}
.fot_rt .quote{margin-top: .2rem;margin-left: 0;}
.fot_rt h3{font-size: .13rem;margin-bottom: .05rem;}
.fot_rt .fot_nav {display: none;}
.fot_rt .quote p{font-size: .11rem;line-height: .22rem;}
.fot_rt .fot_nav,.fot_rt .quote{float: none;}
.fot_bot p{float: none;font-size: .11rem;line-height: .18rem;text-align: center;}
.fot_share{text-align: center;margin-top: .08rem;}
.fot_share a{margin: 0 .03rem;}

/* cp_detail.html */
.ny_banner{height: 1.4rem;padding-top: .4rem;}
.bread img{display: block;position: absolute;width: .1rem;top: .04rem;left: 0;}
.bread{font-size: .12rem;margin-top: .05rem;padding-left: .16rem;line-height: .2rem;}

.container{margin-top: .35rem;margin-bottom: .5rem;}
.left_side{display: none;}
.right_side{width: 100%;}
.list_det_img{width:100%;}
.cp_det_txt{width: 100%;margin-top: .2rem;}
.cp_det_txt_1{font-size: .1rem;margin-top: .1rem;padding-bottom: .1rem;}
.cp_det_txt p{font-size: .11rem;line-height: .18rem;margin-top: .1rem;height: auto;}
.cp_det_txt .link{margin-top: .15rem;}
.det_share{margin-top: .15rem;}
.pod_det_txt p{font-size: .12rem;line-height: .22rem;}
.det_page{height: auto;padding: .08rem .12rem;}
.det_page a{max-width: 100%;font-size: .12rem;line-height: .25rem;}

.rt_message{width: 100%;margin-top: .2rem;}
.rt_message .txt{font-size: .11rem;line-height: .18rem;}
.rt_message form{display:block; width:100%; margin-top:.1rem;}
.rt_message form input{height:.3rem;font-size:.12rem;}
.rt_message form textarea{font-size:.12rem;}
.rt_message form input[type="submit"]{width: .75rem;}
.inquire .rt_message{width: 90%;}

/* cp_list.html */
.cp_list ul{margin-top: .08rem;}
.cp_list ul li{width: 48%;margin: .12rem 0 0 4%;}
.cp_list ul li:nth-child(2n+1){margin-left: 0;}
.cp_list ul li h3 a{font-size: .13rem;line-height: .2rem;height: .4rem;}
.cp_list ul li p{font-size: .11rem;line-height: .18rem;height: .72rem;}
.cp_list ul li .more a{width: .85rem;margin-top: .1rem;}

/* news_list.html */
.news_top .img{float: left;width: 1.3rem;}
.news_top .img a{height: 1.02rem;}
.news_top .txt{width: calc(100% - 1.4rem);margin-top: 0;}
.news_top .txt h3 a{font-size: .12rem;}
.news_top .txt p{font-size: .1rem;-webkit-line-clamp: 3;}
.news_top .txt .more a{display: block;width: .78rem;margin-top: .08rem;}
.news_list li{font-size: .12rem;line-height: .3rem;}
.news_list li a{padding-left: .15rem;width: 75%;}

/* about_us.html */
.about_top{margin-top: .4rem;}
.about_top .txt1{font-size: .15rem;line-height: .26rem;}
.about_video{width: 100%;}
.about_video p{font-size: .12rem;line-height: .2rem;}
.about_top_rt{width: 100%;margin-top: .3rem;}
.about_top_rt ul{height: auto;}
.about_top_rt li{font-size: .12rem;line-height: .2rem;}
.about_top_rt .img{height: 2rem;margin-top: .15rem;}
.about_video #video{margin-top: .15rem;}

.zhengshu ul{margin-top: .1rem;display:flex;flex-wrap: wrap;}
.zhengshu ul li{width: 48%;margin: .1rem 0 0 4%;}
.zhengshu ul li:nth-child(2n+1){margin-left: 0;}
.factory{margin-top: .4rem;margin-bottom: .4rem;}
.factory_img{margin-top: .2rem;}
.factory_img .swiper-slide{height: 1.8rem;}
.factory_img .swiper-button-prev,.factory_img .swiper-button-next{width: .3rem;height: .3rem;margin-top: -.15rem;}

/* download.html */
.download ul{margin-top: .2rem;}
.download ul li{font-size: .12rem;line-height: .2rem;margin-top: .15rem;}
.download ul li .txt{width: 75%;}
.download ul li .txt a{background-size: .1rem;}
.download ul li .more{width: .76rem;margin: .08rem 0 0 0;}
.download ul li .more a{display: block;width: 100%;}
.download ul li .more a img{display: block;width: 100%;}

/* contact_us.html */
.xinxi ul{margin-top: .4rem;}
.xinxi ul li{width: 50%;padding: .2rem 0;border-bottom: 1px solid #dddddd;}
.xinxi ul li:nth-child(-n+2){padding-top: 0;}
.xinxi ul li:nth-child(n+7):nth-child(-n+8){padding-bottom: 0;border-bottom: none;}
.xinxi ul li:nth-child(2n+1){border-left: none;}
.xinxi ul li img{width: .18rem;}
.xinxi ul li h3{columns: #333333;font-size: .12rem;margin-top: .07rem;}
.xinxi ul li h4{columns: #333333;font-size: .09rem;margin-top: .07rem;}
.xinxi ul li p{columns: #999999;font-size: .09rem;margin-top: .03rem;}

.faq{margin-top: .4rem;padding: .35rem 0;}
.faq .tit{font-size: .2rem;}
.faq dl{margin-top: .22rem;}
.faq .items{width: 100%;}
.faq .items dt{font-size: .12rem;margin-top: .17rem;}
.faq .items dd{font-size: .11rem;line-height: .18rem;padding-bottom: .15rem;}






}