@font-face {
  font-family: 'DINALTERNATE';
  src: url('./DINALTERNATE.otf');
}
@font-face {
  font-family: 'EXTRALIGHT';
  src: url('./SOURCEHANSANSCN-EXTRALIGHT.OTF');
}
*{margin:0;padding:0;}
li{list-style-type: none;}
a{text-decoration:none;color:#000;}

body{margin: 0 auto; font-family:"苹方";color:#333;background:#fff;}
.no{display:none;}
.img{width: 100%;display:block}
.clear{clear:both;}
.box{width: 94%;margin:0 auto;}
.over{overflow: hidden}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 
.fr{float: right}
.fl{float: left}

.sy1{width:100%;height:3.8rem; position:fixed;top:0;left:0;z-index:999;/* background:rgba(34,56,77,0.7); */color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.sy11{float: left; margin:0.8rem 0 0 5%;}
.sy11>img{height: 1.5rem;}
.sy11>p{font-size: 0.7rem;opacity: 0.6;color: #fff;line-height: 0.8rem;}
.sy13{width: 1px ;height: 100%;float: right;background: rgba(255, 255, 255, 0.2);margin-right: 3.5rem}
.sy12{width:1.5rem;height:1rem;position:fixed;top:1.4rem;right:1rem;z-index:99;background:url('../mimg/logo1.png') no-repeat center;background-size:100%}
.sy12 div{ position:relative;background-size:auto}
.sy12 div a{ height:47px; line-height:47px;}
.sy12  .showmenu{  display:none;height:auto; width:7rem;position:absolute; right:-2rem; top:3.5rem; z-index:99; background-color:#fff;border-radius:0px 0px  5px 5px;margin-right: 1rem;}
.sy12  .showmenu p{ text-shadow:none; height:3rem; border-bottom:1px solid #e8e8e8; text-align:center}
.sy12  .showmenu p a{ height:24px; line-height:24px; width:100%; display:block; color:#666;margin-top: 1rem;}


.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}
.center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;}


.hz1{width:100%;position:relative;z-index: 998;margin-top: 0;}
.hz11{position:absolute;top:0;left:0;width:100%;height:100%}
.hz11 .main_visual{height:100%;overflow:hidden;position:relative;width:100%;}
.hz11 .main_image{height:100%;overflow:hidden;position:relative;}
.hz11 .main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.hz11 .main_image li{float:left;width:100%;height:100%;}
.hz11 .main_image li span{display:block;width:100%;height:100%}
.hz11 .main_image li .img_1{background:url('../image/1.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_2{background:url('../image/2.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_3{background:url('../image/3.jpg') center top no-repeat;background-size: 100%}
.hz11 .flicking_con{width: 100%; position:absolute;bottom:0.5rem;left:0;z-index:99;text-align: center}
.hz11 .flicking_con a{width:0.9rem;height:0.9rem; display: inline-block; background:#fff;border-radius: 50%; text-indent:-1000px;margin:0 0.3rem;}
.hz11 .flicking_con a.on{background: #e68e04;}



.title{text-align: center;padding: 10% 0 7%;}
.title img{height: 1rem;}
.title h1{font-size: 1.5rem;}
.title h1 span{color: #333333;}
.title p{font-size: 1rem;color: #707070;margin-top: 0.2rem}

.ht1,.ht13,.ht2,.ht9{padding-bottom: 8%}
.ht11 ul li{width: 48%;float: left;margin-right: 1rem;}

.ht12{width: 100%;padding: 7% 0;color: #fff; text-align: center; background: url(../mimg/ht14.webp) no-repeat center top;background-size: 100%;}
.ht12>h5{font-size: 1.2rem}
.ht12>h4{font-size: 2.1rem;margin:0.6rem 0 0.5rem;}
.ht12>p{font-size: 1.7rem;letter-spacing: 0.2rem;padding: 0 5%; font-family: 'EXTRALIGHT';line-height: 2.8rem;display: inline-block;border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.ht121{width: 60%;height: 2.2rem;border:1px solid #fff;margin:1rem auto 0;border-radius: 1.5rem;overflow: hidden}
.ht121 p{width: 53%;height: 2.2rem;font-size: 1.2rem;letter-spacing: -1px;}
.ht121 a{width: 47%;height: 2.2rem;background:#fff;border-radius: 1.5rem 0 0 1.5rem;font-size: 0.8rem;color: #22384d}

.yj>ul>li{width: 48%;border-radius: 1rem;overflow: hidden; background: #f8f8f8;float: left;margin-bottom: 1rem;}
.yj>ul>li:nth-child(2n){float: right;}
.y_img{width: 100%;height: 8rem;background: #2f4357;overflow: hidden}
.y_con{width: 100%;height: 2.5rem;text-indent: 1rem;}
.y_name{width:70%;height: 2.5rem;  display:flex;align-items:center;}
.y_more{width:2.5rem;height: 2.5rem;border-left: 1px solid #bfbfbf; }
.y_more img,.ht13>a img{height: 1rem}
.ht13>a{width: 35%;height: 2.5rem;margin: 1rem auto 0; border-radius: 2rem;background:#2f4357;font-size: 1rem;color: #fff}

.ht14,.ht3,.ht8,.ht94{width: 100%;background: #efefef;padding-bottom: 8%}

.product>ul>li{width: 49%;height: 7rem;cursor: pointer; border-radius: 0.5rem;overflow: hidden; background: #22384d;float: left;margin-bottom: 1rem;}
.product>ul>li:nth-child(2n){float: right;}
.p_img{width: 4.1rem;height: 4.1rem;overflow: hidden;border-radius: 50%;border:0.1rem solid #fff;}
.p_img img{max-width: 80%;max-height: 80%;}
.p_name{display: block;width: 50%;font-size: 1rem;text-indent: 0.5rem; color: #fff;font-weight: bold;}
.product>ul>li:last-child{width: 100%;}
.product>ul>li:last-child .p_name{text-indent: 2rem}


.ht21{text-align: center;}
.ht21 ul li{cursor: pointer;display: inline-block;margin:0 1%;}
.ht21 ul li a{border-top: 0.15rem solid #fff;text-align: center;font-size: 1rem; color: #707070;height: 3rem;}
.ht21_{border-color:#2f4357 !important;color: #2f4357 !important;font-weight: bold;font-size: 1.2rem !important;}

.ht20{width: 100%;  position: relative;}

.ht221 ul li{position: relative}
.ht2211{width: 50%;height: 3rem;font-size: 1.1rem;color: #2f4357;position: absolute;bottom:1rem;left:5%;z-index: 999}
.ht2211 span{font-size: 2.5rem;color: #f8f8f8;font-family: 'DINALTERNATE';}

.ht23{width: 90%;height: 3rem;background:rgba(255,255,255,0.5);position: absolute;bottom:1rem;left:5%;z-index: 998}
.ht231{width: 40%;float: right;margin:0.8rem 0 0 0;text-align: center; }
.ht231 ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:0.5rem;height:0.5rem;margin: 0 2%; border-radius:50%; overflow:hidden;background: #bfbfbf; line-height:999px;}
.ht231 ul .on{background:#2f4357;}




.ht311 ul li{width: 33.33%;line-height: 1.4rem; float: left;height: 4.3rem;font-size: 1rem;color: #707070}
.ht311_{color: #22384d !important;font-weight: bold; font-size: 1.2rem !important;}
.ht312 ul li{position: relative;}
.ht312 ul li .ht3121{width: 100%;height: 40%;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));position: absolute;bottom:0;left:0;}
.ht312 ul li .ht3122{width: 100%;height: 3.2rem;color: #fff; position: absolute;bottom:0;left:0;border-top: 1px solid rgba(255, 255, 255, 0.2)}
.ht312 ul li .ht3122 p:nth-child(1){width: 60%;border-right: 1px solid rgba(255, 255, 255, 0.2)}
.ht312 ul li .ht3122 p:nth-child(2){width: 40%;}

.ht4{width: 100%;background: url(../mimg/ht4.webp) no-repeat center;background-size: 100%;padding-bottom: 8%}
.ht4 .title{color: #fff}
.ht4 .title p{color: #fff}

.ht41>ul>li{width: 100%;overflow: hidden}
.ht411{text-align: center;margin-top: 1.5rem}
.ht411>ul>li{width: 44%;display: inline-block;color: #fff;text-align: center;line-height: 2rem;margin:0 2% 1rem;cursor: pointer}
.ht4111{width: 100%;height: 6rem;position: relative;border-radius: 0.5rem;overflow: hidden}
.ht4112{position: absolute;top:0;left:0;right: 0;bottom:0;margin:auto;}
.ht4111_{border:0.1rem solid #fff;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3)}


.ht5{width: 100%;background:#efefef;padding-bottom: 8%}

.ht51 ul li{width: 42%;padding:5% 3% 0;height: 5rem;background:#fff;float: left;margin-bottom: 1rem;}
.ht51 ul li:nth-child(2n){float: right;}
.ht51 ul li h5{font-size: 1.2rem;color: #1e3246}
.ht51 ul li p{font-size: 1rem;color: #707070;line-height: 1.3rem;}

.ht6{width: 100%;background:#f8f8f8;padding-bottom:10%;}
.ht6 table{border-top: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;}
.ht6 table tr td{height: 20%;border-bottom: 1px solid #bfbfbf;text-align: center; border-right: 1px solid #bfbfbf;}
.ht6 table tr td img{max-width: 100%;max-height: 100%;}

.honor>ul>li{width: 48%;background:#fff;border-radius: 0.5rem;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); overflow: hidden; float: left;margin-bottom: 1rem}
.honor>ul>li:nth-child(2n){float: right}
.h_img{width: 100%;height:17rem;background:#fff;}
.h_img img{max-width: 80%;max-height: 80%;}
.h_name{display: block;text-align: center;line-height: 3rem;background:#fff;border-top: 1px solid #f8f8f8;font-size: 1rem; color: #707070}

.ht911{position: relative;margin-top: 2rem}
.ht911 h1{font-size: 1.6rem;margin-bottom: 15%;text-align: center; }
.ht911 h5{width: 100%; font-size: 4.6rem;color: #787878;text-align: center; opacity: 0.05;position: absolute;top:0;left:0;z-index: -1;line-height: 4rem;letter-spacing: -0.1rem;}
.ht911 p{line-height: 1.8rem;color: #787878;font-size: 1rem;}
.ht911 a,.ht8>a{width: 35%;height: 2.5rem; background:#2f4357;border-radius: 1.5rem;font-size: 1rem;color: #fff;margin: 2rem auto 0}
.ht911 a img,.ht8>a img{height: 1rem }



.ly1{margin-bottom: 1rem}
.ly11{width: 100%;height: 3rem;background: #fff;border: 1px solid #fff; align-items:center;}
.ly11 .text{width:90%; height:3rem;border:none;outline: none;background: none; font-family: "苹方";font-size:1rem;}
.ly11 img{height: 1.2rem; margin:0 0.5rem;}
.ly21{height: 9rem;background: #fff;border: 1px solid #fff;}
.ly21 img{height: 1.2rem;display: block;margin:0.8rem 0.5rem 0;float: left;}
.ly21 .text1{display: block;width:90%;height: 8rem; outline: none;border:none;line-height: 1.5rem;background: none;float: right;font-size:1rem;padding-top: 2%; font-family: "苹方";}

.tj{display: block;width:45%;height:3rem; background-color: #2f4357;border-radius: 2rem; font-family: "苹方"; color:#fff;font-size: 1.1rem;outline:none;cursor: pointer;margin:2rem auto 0;}


.di{width: 100%;padding:6% 0 5.5rem;overflow: hidden;text-align: center;}
.di p:nth-child(1){font-size: 1rem;line-height: 1.6rem;}
.di p:nth-child(2){font-size: 1rem;color: #787878;opacity: 0.5; line-height: 1.6rem;}
.di p:nth-child(3){font-size: 0.8rem;color: #787878;opacity: 0.5; line-height: 1.6rem;}
.di0{position:fixed;bottom:0;left: 0;width:100%;height:4.5rem;z-index: 999}
.di0 a{display:block;width:50%;line-height:4.5rem;height:4.5rem;text-align: center;font-size: 2rem;color:#fff;letter-spacing: 0.1rem;font-weight: bold}