*{ margin: 0; padding: 0;line-height:1.5;font-size: 20px; color: #333;}
body{ width:750px; margin: 0 auto;font-family:'Roboto', sans-serif,'Microsoft Yahei'; font-weight: normal; background: #f8f8f8;counter-reset: my-item;}
div, h1, h2, h3, h4, h5, h6, p,span,a,input,textarea,select,span,i,b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {margin: 0;padding: 0;border: 0; outline:none;}
input,button,select{ padding:0; margin:0; outline:none;}
li{list-style-type:none;list-style:none;}
img {max-width: 100%; display:inline-block;border:0;vertical-align:middle; height: auto;object-fit:cover}
a{text-decoration: none;}
.swiper-container{width:100%;height:100%;}
:root{--swiper-theme-color:#000;}
.hw750{ width:750px; margin: 0 auto; background-color: #fff;}
.swiper-pagination{z-index: 2;}
.swiper-pagination span{width:12px;height: 12px;border-radius:6px;}
.swiper-pagination span.swiper-pagination-bullet-active{width:24px;}


/* 通用 */
.nav-top{height:130px;background-color:black;box-sizing: border-box; padding:25px 50px; position: fixed;top: 0; z-index: 150;}
.logo{width: 290px; height: 80px; float: left;}
.logo h1{display: none;}
.nav_right{width: 360px; height:60px; float: left;text-align: right;padding-top: 10px;}
.nav_right>*{display: inline-block;}
.nav_right>img{margin-left:30px; cursor: pointer;display: inline-block;height: 100%;width: auto;}


.banner{padding-top: 130px;}
.img_1 img{border-radius: 20px; overflow: hidden; margin: 35px;}

.introduce{height: auto; background: url(../images/bg_yuan_two.jpg) no-repeat 102px 285px white;}
.introduce .who{text-align: center;}
.introduce h2,.introduce2 h2{font-size: 50px;text-transform:uppercase;line-height: 1.2;color: black;padding: 50px 0;}
.introduce .market{width: 630px; padding:60px;}
.introduce .market p{font-size: 30px; line-height: 1.4}

.introduce2{height:950px; background: url(../images/icon_hua.png) no-repeat right 170px white;}
.introduce2 h2{padding-top: 0;}
.introduce2 .ingredients{width: 630px; padding:0 60px;}
.introduce2 .ingredients p{font-size: 36px; line-height: 50px;}

.map{overflow-x: scroll;position: relative;}
.map img{ max-width:1080px;height: 483px;}
.map::-webkit-scrollbar{height: 15px;background-color: #eee;position: absolute;top: 0;zoom: 1;}
.map::-webkit-scrollbar-track{background-color: white;}
.map::-webkit-scrollbar-thumb{background: #000;border-radius: 10px;}

.map_li{height: 360px;overflow: hidden;padding: 60px 0 0;}
.map_li .swiper {width: 100%;height: 100%; box-sizing: border-box; padding:0 70px;}
.map_li .swiper-slide {font-size: 24px;line-height:calc((100% ) / 7);color: black;height: calc((100% ) / 7);box-sizing: border-box;padding:10px 0;}
.map_li .swiper-slide:before{ counter-increment: my-item; content:counter(my-item);display:inline-block;background-color: #3670ff;color: white;width: 32px;height:32px;border-radius: 50%;text-align: center;font-size:24px;line-height: 32px; margin-right: 20px;position: relative;top: -3px;}
.map_li .swiper-pagination{position: absolute;right: 50px;}
.map_li .swiper-pagination span.swiper-pagination-bullet-active{height:24px;width: 12px;}


.pro{overflow: hidden;}
.menu {width: 630px; padding:0 60px 60px;}
.menu h2{font-size: 50px;text-transform:uppercase;line-height: 1.2;color: black;padding:40px 0 60px;}
.menu p{font-size: 30px;line-height: 1.4;}

.pro_menu{height: 879px;padding-bottom: 50px;}
.pro_menu .swiper {width: 100%;height: 100%; box-sizing: border-box; padding:40px 0;}
.pro_menu .swiper-slide {text-align: center;background: #fff;height:50%;}
.pro_menu h3{font-size: 30px;line-height:40px;height: 100px;display: flex;align-items: center;justify-content: center;}
.pro_menu img{box-sizing: border-box;border: 2px solid #ccc;border-radius: 20px;}

.pro_application{width:610px;height:700px; margin:0 70px;position: relative;}
.pro_application .swiper{height:610px;border-radius: 20px;overflow: hidden;}
.pro_application img{display: block; width: 610px; height: 540px;}
.pro_application p{height: 70px; text-align: center;color: white;line-height: 70px;font-size: 30px;background-color: #081639;}

.tolink{padding-bottom: 20px;}
.tolink h3{background-color: #3670ff;height: 180px;width: 660px; margin: 0 auto;border-radius: 20px; color: white;font-size: 50px;line-height: 60px;text-transform: uppercase;padding: 30px;box-sizing: border-box; text-align: right;position: relative;}
.tolink h3::before{content: url(../images/icon_link.png);position: absolute;left:30px;}

.video{overflow: hidden; height:auto;padding-bottom: 40px;}
.video h2{font-size:60px;text-transform:uppercase;line-height:1.2;color: black;padding: 60px 0  20px;text-align: center;}
.video p{padding: 0 40px 60px;font-size: 22px;line-height: 1.5;}
.videos{overflow: hidden;text-align: center; width:1200px; position: relative; left: 50%; margin-left: -600px;}
.videos .swiper-slide{transform:scale(0.8); position: relative;}
.videos .swiper-slide::after{ content: url(../images/icon_video.png);position: absolute; left: 50%; top: 50%; margin:-75px 0 0 -60px;}
.videos .swiper-slide-active,.videos .swiper-slide-duplicate-active{transform: scale(1);}
.videos .swiper-slide img {border-radius: 20px;overflow: hidden;}
.videos .swiper-slide p{font-size:20px;line-height: 1.2;padding: 10px;}

.foot{text-align: center; box-sizing: border-box; padding:70px;}
.foot p{font-size: 16px;line-height: 1.4;}
.foot b{ font-size: 30px; line-height: 40px; color: #3670ff;}
.foot h3{font-size: 60px;line-height: 1.2;padding-bottom: 20px;}


.pop-up-windows{width:750px;height: 100vh;background:url(../images/xlogo.png) ;position: fixed;z-index:200;opacity: 0;background-color: #000; height: 0;bottom: 0;}
.pop-up-windows #ytplayer{position: absolute;left:25px;top: 50%; margin-top: -250px;}
.pop-up-windows .close{position: absolute;width:380px;height: 70px;background: white;border-radius:20px; left: 50%; margin-left: -190px;top: 50%;margin-top: 280px;text-align: center;line-height: 70px;cursor: pointer;font-size: 40px;}


.nav_box{width:750px;height: 100vh;position: fixed;z-index:200;display: block;background-color: white;display: none;}
.nav_box .close_nav{height: 170px;width: 170px;position: absolute;right: 0;top: 0;padding:30px 50px;box-sizing: border-box;}
.nav_box ul{display: block;height: 250px;width:100%;box-sizing: border-box;padding: 200px 70px;}
.nav_box li{cursor: pointer;border-bottom: 1px solid #ccc;}
.nav_box li a{font-size:40px; color: #000;font-weight: bold; line-height: 100px;display: block;}




.Message2{max-width:760px;margin:0 auto;text-align:left}
.Message2>input,.Message2>select{display:flex;width:100%;height:60px;margin-bottom:10px;box-sizing:border-box;padding:0 20px;font-size:22px;border: 1px solid #000;}
.Message2>input::placeholder,.Message2>textarea::placeholder{color:#333}
.Message2>textarea{display:flex;width:100%;margin-bottom:10px;box-sizing:border-box;padding:20px;font-size:22px;border: 1px solid #000;}
.Model{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.Model>label{font-family:Barlow Condensed Medium;font-weight:300;font-size:30px}
.Model label{padding:0 10px;display:inline-block;line-height:1}
.Model>label{width:300px}
.Model label input{margin-right:10px}
.Message2 button{display:block;margin:0 auto;width: 100%;height:60px;font-family:Barlow Condensed Medium;font-weight:300;font-size:30px;cursor:pointer;background-color:#486ee3;color:#fff;border:0}