@font-face {
  font-family: 'iconfont';  /* Project id 2529211 */
  src: url('http://at.alicdn.com/t/font_2529211_d732o496fyn.woff2?t=1624692320957') format('woff2'),
       url('http://at.alicdn.com/t/font_2529211_d732o496fyn.woff?t=1624692320957') format('woff'),
       url('http://at.alicdn.com/t/font_2529211_d732o496fyn.ttf?t=1624692320957') format('truetype');
}

.iconfont{font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

html,
body {
	position: relative;
	max-width: 100%;
	height: 100%;
	margin: auto;
	line-height: 1.2;
	font-family: "iconfont",Verdana,"微软雅黑",'Microsoft YaHei';
	word-wrap: break-word
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	color: inherit
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.flex{display: flex; text-align: center; align-items: center; justify-content: center;}
.clear{clear: both}
header{position: fixed; top: 0; left: 0; right: 0; z-index: 9;}
header .nav{position: relative; background: #e77817;height: 12vw; display: flex;}
header .nav .nav_box {margin: auto; width: 100%; text-align: center; height: 12vw;}
/*header .nav .nav_box div{display: inline-block;}*/
header .nav .nav_box .nav_left{margin-right: 10em;}
header .nav .nav_box .nav_right{margin-left: 10em;}
header .nav .nav_box .nav_logo{display: inline-block; max-width: 25%;}
header .nav .nav_box .nav_logo img{width: 100%;}
header .nav .nav_box .nav_lang{ border-radius: 50px; display: inline-block; position: absolute; top: 50%; right: 5%; width: 6vw; height: 6vw; transform: translateY(-50%);}
header .nav .nav_box .nav_lang a{color: #fff; font-size: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .nav .nav_box a{display: block; color: #fff; padding: 5%; }
.menu-button {position: absolute; top: 50%; left: 5%; transform: translateY(-50%); cursor: pointer; -webkit-transition: .3s; transition: .3s; z-index: 99; display: inline-block;}
.menu-button .bar:nth-of-type(1) {margin-top: 0px;}
.menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
.bar {position: relative; display: block; width: 8vw; height: 1vw; margin: 15% auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s;}
/*.menu-button:hover .bar:nth-of-type(1) {-webkit-transform: translateY(1.5px) rotate(-4.5deg); -ms-transform: translateY(1.5px) rotate(-4.5deg); transform: translateY(1.5px) rotate(-4.5deg);}
.menu-button:hover .bar:nth-of-type(2) {opacity: .9;}
.menu-button:hover .bar:nth-of-type(3) {-webkit-transform: translateY(-1.5px) rotate(4.5deg); -ms-transform: translateY(-1.5px) rotate(4.5deg); transform: translateY(-1.5px) rotate(4.5deg);}*/
.cross .bar:nth-of-type(1) {-webkit-transform: translateY(15px) rotate(-45deg); -ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg);	transform: translateY(-15px) rotate(45deg);}
/*.cross:hover .bar:nth-of-type(1) {-webkit-transform: translateY(13.5px) rotate(-40.5deg); -ms-transform: translateY(13.5px) rotate(-40.5deg); transform: translateY(13.5px) rotate(-40.5deg);}
.cross:hover .bar:nth-of-type(2) {opacity: .1;}
.cross:hover .bar:nth-of-type(3) {-webkit-transform: translateY(-13.5px) rotate(40.5deg); -ms-transform: translateY(-13.5px) rotate(40.5deg); transform: translateY(-13.5px) rotate(40.5deg);}*/
.nav .nav_list{position: absolute; top: 0; left: -102%; right: 0; bottom: 0; width: 100vw; padding-top: 20%; height: 100vh; background: #E77817; z-index: 9;}
.nav .nav_list_hide{height: 70vh;overflow-y: scroll;}
/*header .nav .nav_box a{color: #fff; margin-right: 2.5em; }
header .nav .nav_box a:last-child{margin-right: 0}*/
.box_swiper{--swiper-pagination-color: #fff;/* 两种都可以 */}
.box_swiper .swiper-pagination-bullet{background: #fff; opacity: initial; width: 10px; height: 10px;}
.box_swiper .swiper-pagination-bullet-active{padding: 10px 0; border-radius: 5px;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; margin-top: 12vw; background-position: center; background-repeat: no-repeat; background-size: cover;}
.banner_swiper{--swiper-navigation-size: 30px;/* 设置按钮大小 */	}
.banner_swiper .banner_button{z-index: 10; color: #fff;font-weight: 900;}
.banner_swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 5%;}
.banner_swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 5%;}

.box_box{width: 100%; height: calc(100vh - 12vw); margin-top: 12vw;}
.about_box{position: relative; display: flex; text-align: center; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover;}
.about_box .about_div{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 80%; margin: auto;}
.about_box .about{width: 87%; margin: auto;}
.about_box .about .title{font-size: 24px; font-weight: bold; color: #E77817;margin-bottom: 30px;}
.about_box .about .f_body{font-size: 14px; color: #333; margin-bottom: 10vw; line-height: 1.5;}
.about_box .fivebox{position: relative;}
.about_box .fivebox .fivebox_child{position: relative; display: inline-block; background: url(../images/duobian.png); background-size: 100% 100%; width: 25vw; height: 25vw; margin-right: 2vw; margin-bottom: 15vw;}
.about_box .fivebox .aa .fivebox_child{margin-right: 0; margin-bottom: 0;}
.about_box .fivebox .fivebox_child:nth-of-type(4){margin-bottom: 0;}
.about_box .fivebox .fivebox_child:nth-of-type(5){margin-bottom: 0; margin-right: 0;}
.about_box .fivebox .fivebox_child a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 15vw;}
.about_box .fivebox .fivebox_child .fb_img{width: 65%; margin: auto;}
.about_box .fivebox .fivebox_child .fb_img img{width: 100%;}
.about_box .fivebox .fivebox_child p{font-size: 0.1em; margin-top: 1vw;}

.content3_box{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.content3_box .content3{position: absolute; top: 22%; left: 8%; transform: translate(0, -50%); text-align: initial; display: inline-block;}
.content3_box .content3 .title{color: #fff; font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.content3_box .content3 .f_body{font-size: 18px; color: #fff;}
.content3_box .map{position: absolute; width: 95%; top: 64%; left: 50%; transform: translate(-50%, -50%);}
.content3_box .map img{width: 100%;}

.adv_swiper .swiper-slide{width: 100%; height: 100vh; margin-top: 5vw; background-position: center; background-repeat: no-repeat; background-size: cover;}
.adv_swiper .swiper-slide::before {content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.2);}
.adv_swiper{--swiper-navigation-size: 30px;/* 设置按钮大小 */	}
.adv_swiper .adv_button{z-index: 10; color: #fff;font-weight: 900;}
.adv_swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 5%;}
.adv_swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 5%;}
.content4{width: 100%; height: 100%; display: flex; align-items: center; text-align: center; justify-content: center;}
.content4 .round{cursor: pointer; z-index: 9; position: relative;}
.content4 .round .round_img{width: 80%; animation:test 3.5s infinite; -webkit-animation:test 3.5s infinite; /* Safari 和 Chrome */}
@-webkit-keyframes test {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
            
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.content4 .z_body{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.content4 .z_body .keyword{font-size: 22px; margin-bottom: 10px;}
.content4 .z_body .title{font-size: 22px; font-weight: bold; margin-bottom: 15px; margin-top: 10px;}
.content4 .z_body .f_body{font-size: 12px;}
.icon-jiantou:before { content: "\e62a"; font-size: 18px;}

.pro_box{position: relative; display: flex; text-align: center; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover;}
.pro_box .pro_div{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 85%; margin: auto;}
.pro_box .pro{width: 100%; margin: auto;}
.pro_box .pro .title{font-size: 24px; font-weight: bold; color: #E77817;margin-bottom: 15px;}
.pro_box .pro .f_body{font-size: 14px; color: #333; margin-bottom: 5vw; line-height: 1.5;}
.pro_box .pro_swiper .pro_img{height: 35vw;margin-bottom: 15px;}
.pro_box .pro_swiper .pro_img img{height: 100%;}
.pro_box .pro_swiper .swiper-slide{min-height: 50vw; display: flex;}
.pro_swiper{--swiper-pagination-color: #fff;/* 两种都可以 */ padding-bottom: 10% !important;}
.pro_swiper .swiper-pagination-bullet{background: #fff; opacity: initial;}
.pro_swiper .swiper-pagination-bullet-active{background: #E77817; padding: initial; border-radius: 50%;}
.swiper-button-prev.pro_button, .swiper-container-rtl .swiper-button-next.pro_button{left: -4%; top: 55%;z-index: 10; color: #fff;font-weight: 900;}
.swiper-button-next.pro_button, .swiper-container-rtl .swiper-button-prev.pro_button{right: -4%; top: 55%;z-index: 10; color: #fff;font-weight: 900;}

.news_box{position: relative; display: flex; text-align: center; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_box .news_div{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 85%; margin: auto;}
.news_box .news{width: 100%; margin: auto;}
.news_box .news .title{font-size: 24px; font-weight: bold; color: #fff;margin-bottom: 15px;}
.news_box .news .f_body{font-size: 14px; color: #fff; margin-bottom: 5vw; line-height: 1.5;}
.news_box .news_list .z_body{position: relative; background: #fff; width: 100%; float: left; display: flex; margin-bottom: 10px; align-items: center; justify-content: center;}
.news_box .news_list .z_body:nth-of-type(2n){margin-right: 0;}
.news_box .news_list .z_body .z_body_left{display: flex; width: 80%;}
.news_box .news_list .z_body .z_body_left img{width: 100%;}
.news_box .news_list .z_body .z_body_right{width:100%; text-align: initial; padding: 0 15px 0 10px;}
.news_box .news_list .z_body .z_body_right .title{font-size: 13px; margin-bottom: 2vw;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.news_box .news_list .z_body .z_body_right .f_body{font-size: 12px;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.news_box .news_list .z_body .icon-jia{position: absolute; bottom: 0; right: 0;border-color: transparent #e77817 transparent transparent; border-style: solid solid dashed dashed; border-width: 40px 40px 0 0; -webkit-transition: 0.5s; transition: 0.5s;}
.icon-jia:before { content: "\e659"; font-size: 16px; color: #fff; position: absolute; right: -35px; bottom: 2px;}
.news_box .news_list .z_body:hover .icon-jia{border-width: 80px 80px 0 0;}
.news_box .news_list .z_body:hover .icon-jia:before{transform: scale(2); right: -65px; bottom: 15px;  -webkit-transition: 0.5s; transition: 0.5s;}

.pages{text-align: center; font-size: 14px;}
.pages ul li{border: 1px solid #8c8c8c; display: inline-block; color: #8c8c8c;}
.pages ul li a{display: block; color: #8c8c8c; padding: 5px 10px;}
.pages ul li.active{background: #E77817; color: #fff; border: 1px solid #E77817;}
.pages ul li.active a{color: #fff;}
.pages ul li:hover{background: #E77817; color: #fff; border: 1px solid #E77817;}
.pages ul li:hover a{color: #fff;}

.main{ position: relative; width: 100%; margin-top: 12vw; display: inline-block;}
.main .banner{display: block;}
.main .banner img{width: 100%; display: block;}
.icon-home:before { content: "\e62b"; font-size: 13px; color: #999;}
.main .main_box{width: 95%; margin: auto;}
.main .main_box .sitemap{font-size: 14px; color: #999; display: flex; padding-top: 46px; padding-bottom: 32px;}
.main .main_box .sitemap a{margin: 0 5px;}
.main .main_box .about_logo{margin-bottom: 38px;}
.main .main_box .about_nav_mask {content: ""; position: fixed; width: 100%; height: 100%; z-index: 10; margin-top: 12vw; right: -100%; top: 0; background: rgba(0, 0, 0, 0.5);}
.main .main_box .about_nav_mask .about_nav{z-index: 9; position: absolute; top: 0; right: 0; margin-bottom:initial; width: 80%; background: #fff; height: 100vh;}
.main .main_box .about_nav_mask .about_nav a{display: block; border-bottom: 1px solid #E6E6E6; padding: 8%;}
.main .main_box > .title{font-size: 22px; margin-bottom: 25px;}

.icon-next{position: absolute; top: 2%; left: 8%;}
.icon-next:before { content: "\e603"; font-size: 25px; color: #fff;}

/*公司简介*/
.main .main_box > .f_body{font-size: 14px; line-height: 2; color: #666; margin-bottom: 20px;}
.main .main_box .about_img{margin-bottom: 40px;}
.main .main_box .about_img .img{width: calc(98%/2); display: inline-block;}
.main .main_box .about_img .img img{width: 100%;}
.main .main_box .about_img .img:nth-of-type(2n){margin-right: 0;}

/*企业文化*/
.main .main_box .culture{position: relative; margin-bottom: 40px;}
.main .main_box .culture .f_body_left{width: 23%;}
.main .main_box .culture .img{width: 54%;}
.main .main_box .culture .img img{width: 100%;}
.main .main_box .culture .f_body_right{width: 23%;}
.main .main_box .culture .f_body_p{width: 100%; padding: 10px 0; background: #E77817; box-shadow: -5px 7px 5px 0px rgba(117, 117, 117, 0.21); margin-bottom: 32px;}
.main .main_box .culture .f_body_p p{color: #fff; font-size: 12px; line-height: 1.3; text-align: initial; width: 82%; margin: auto;}
.main .main_box .culture .f_body_p span{font-size: 12px; font-weight: bold; color: #E77817; position: absolute;}
.main .main_box .culture .f_body_p span.key_1{top: 18%; left: 50%; transform: translate(-50%, -50%);}
.main .main_box .culture .f_body_p span.key_2{width: 20px; top: 47%; left: 50.5%; transform: translate(-50%, -50%);}
.main .main_box .culture .f_body_p span.key_3{width: 20px; top: 58%; left: 42.5%; transform: translate(-50%, -50%);}
.main .main_box .culture .f_body_p span.key_4{top: 30%; left: 50%; transform: translate(-50%, -50%);}
.main .main_box .culture .f_body_p span.key_5{width: 20px; top: 58%; left: 58.5%; transform: translate(-50%, -50%);}

.main .main_box .history{margin-bottom: 40px;}
.main .main_box .history .history_list{position: relative;}
.main .main_box .history .history_list .tuoyuan .img{width: 7%; margin: auto;}
.main .main_box .history .history_list .tuoyuan .img img{width: 100%;}
.main .main_box .history .history_list .tuoyuan .line{width: 3px; height: 15.5vw; margin: auto; background: #E77817;}
.main .main_box .history .history_list .history_box{position: absolute; transform: translate(-50%, -50%); display: inline-block; width: 40vw;}
.main .main_box .history .history_list .history_box.lbox{top: -5%; transform: translateX(-50%); left: 21%;}
.main .main_box .history .history_list .history_box.rbox{top: -5%; transform: translateX(-50%); right: -21%;}
.main .main_box .history .history_list .history_box .top{position: relative; background: #E77817; color: #fff; font-size: 16px; font-weight: 800;}
.main .main_box .history .history_list .history_box .top p{padding: 10px 15px;}
.main .main_box .history .history_list .history_box .bottom{border: 1px solid #D7D7D7; color: #333; font-size: 12px; font-weight: 400;}
.main .main_box .history .history_list .history_box .bottom p{padding: 15px 10px;}
.icon-rjiao{position: absolute; top: 20%; right: -16.5%; transform: rotate(-90deg) translate(0, -50%); }
.icon-rjiao:before { content: "\e62a"; font-size: 24px; color: #E77817;}
.icon-ljiao{position: absolute; top: 20%; left: -16.5%; transform: rotate(90deg) translate(0, -50%); }
.icon-ljiao:before { content: "\e62a"; font-size: 24px; color: #E77817;}

.main .main_box .honor{margin-bottom: 40px;}
.main .main_box .honor .honor_box{width: 48%; margin-right: 2%; margin-bottom: 5%; display: inline-block; vertical-align: top;}
.main .main_box .honor .honor_box:nth-of-type(2n){margin-right: 0;}
.main .main_box .honor .honor_box .img{width: 100%; display: inline-block;}
.main .main_box .honor .honor_box .img img{width: 100%; display: block;}
.main .main_box .honor .honor_box p{font-size: 12px; margin-top: 12px; text-align: center;}

.main .main_box .activity{position: relative; width: 98%; margin: auto; margin-bottom: 40px;}
.activity{--swiper-navigation-size: 30px;/* 设置按钮大小 */	}
.activity .activity_button{z-index: 10; color: #fff;font-weight: 900;}
/*.activity .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 5%;}
.activity .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 5%;}*/
.main .main_box .activity img{width: 100%; display: block;}
.main .main_box .activity .title{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0.5,0.5,0.5,0.5);}
.main .main_box .activity .title p{font-size: 12px; color: #fff; padding: 10px 0;}

.main .main_box .brand{ margin: auto; text-align: center; margin-bottom: 40px;}
.main .main_box .brand .title{font-size: 24px; margin-bottom: 28px;}
.main .main_box .brand .z_body{font-size: 14px; line-height: 2; color: #333;}
.main .main_box .brand .z_body img{width: 100%;}
.main .main_box .brand .f_body{font-size: 16px; font-weight: bold; line-height: 2.5; margin-top: 33px;}

.main .main_box .join{margin-bottom: 40px;}
.main .main_box .join .title{font-size: 20px; margin-bottom: 10px;color: #B28247;}
.main .main_box .join .f_body{font-size: 14px; line-height: 2;color: #B28247;}

.main .main_box .news_show{text-align: center;}
.main .main_box .news_show .title{font-size: 16px; font-weight: bold; color: #333;}
.main .main_box .news_show .f_body{font-size: 12px; color: #666; margin-top: 20px;}
.main .main_box .news_show .z_body{margin-top: 20px; margin-bottom: 40px;font-size: 14px; line-height: 2; text-align: initial;}
.main .main_box .news_show .z_body img{display: block; width: 90%; margin: auto; margin-top: 10px; margin-bottom: 20px;}
.main .main_box .news_show .pian_box{font-size: 14px; color: #666; margin-bottom: 55px;}
.main .main_box .news_show .pian_box .pian_prev{position: relative; float: left;}
.main .main_box .news_show .pian_box .pian_prev p{margin-left: 15px;}
.main .main_box .news_show .pian_box .pian_next{position: relative; float: right;}
.main .main_box .news_show .pian_box .pian_next p{margin-right: 30px;}
.pian_prev:before{position: absolute; content: "\e601"; font-size: 14px; transform: translate(-50%, -50%) rotate(180deg); left: 0; top: 50%;}
.pian_next:after{position: absolute; content: "\e601"; font-size: 14px; transform: translate(-50%, -50%); right: 0; top: 50%;}

.main .main_box .news{margin-top: 45px;}
.main .main_box .news .z_body{position: relative; border: 1px solid #E6E6E6; margin-bottom: 24px; display: block;}
.main .main_box .news .z_body .img{width: 45%; display: flex; padding: 5px; float: left;}
.main .main_box .news .z_body .img img{width: 100%;}
.main .main_box .news .z_body .z_body_right{float: left; width: 49%; padding: 15px 5px; display: inline-block;}
.main .main_box .news .z_body .z_body_right p{text-align: initial; line-height: 2;}
.main .main_box .news .z_body .z_body_right .title{font-size: 14px; margin-bottom: 5px;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.main .main_box .news .z_body .z_body_right .f_body{font-size: 12px; color: #666;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;}
.main .main_box .news .z_body .icon-jia{position: absolute; bottom: 0; right: 0;border-color: transparent #e77817 transparent transparent; border-style: solid solid dashed dashed; border-width: 40px 40px 0 0; -webkit-transition: 0.5s; transition: 0.5s;}
.main .main_box .news .z_body .icon-jia:before { content: "\e659"; font-size: 16px; color: #fff; position: absolute; right: -35px; bottom: 2px;}

.main .main_box .science{margin-top: 45px;}
.main .main_box .science .z_body{position: relative; display: block; border: 1px solid #E6E6E6; margin-bottom: 24px;}
.main .main_box .science .z_body .img{width: 45%; display: flex; padding: 5px; float: left;}
.main .main_box .science .z_body .img img{width: 100%;}
.main .main_box .science .z_body .z_body_right{float: left; width: 49%; padding: 15px 5px; display: inline-block;}
.main .main_box .science .z_body .z_body_right p{text-align: initial; line-height: 2;}
.main .main_box .science .z_body .z_body_right .title{font-size: 14px; margin-bottom: 5px;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.main .main_box .science .z_body .z_body_right .f_body{font-size: 12px; color: #666;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.main .main_box .science .z_body .icon-jia{position: absolute; bottom: 0; right: 0;border-color: transparent #e77817 transparent transparent; border-style: solid solid dashed dashed; border-width: 40px 40px 0 0; -webkit-transition: 0.5s; transition: 0.5s;}
.main .main_box .science .z_body .icon-jia:before { content: "\e659"; font-size: 16px; color: #fff; position: absolute; right: -35px; bottom: 2px;}

.main .main_box .video{margin-bottom: 40px;}
.main .main_box .video .video_box{width: 48%; margin-right: 5px; margin-top: 20px; display: inline-block; text-align: center;}
.main .main_box .video .video_box:nth-of-type(2n){margin-right: 0;}
.main .main_box .video .video_box .img{position: relative; width: 100%; display: flex;}
.main .main_box .video .video_box .img .icon-play::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2);}
.main .main_box .video .video_box .img .icon-play::after{content: "\e629"; font-size: 45px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .main_box .video .video_box .img img{width: 100%;}
.main .main_box .video .video_box p{font-size: 14px; margin-top: 10px;}

.footer{width:100%; display: flex; align-items: center; justify-content: center; color: #fff;background-image: url(../images/content7.png); background-repeat: no-repeat; background-size: cover; height: 40vh;}
.footer .footer_left{margin-right: 80px; text-align: center;}
.footer .footer_left .ewm_title{font-size: 16px;}
.footer .footer_left .ewm{width: 185px; margin-bottom: 18px;}
.footer .footer_center{color: #fff; background: #fff; width: 1px; height: 40%;}
.footer .footer_right{ text-align: center;}
.footer .footer_right .tel{font-size: 20px; margin-bottom: 15px;}
.footer .footer_right .f_body{font-size: 12px; line-height: 2;}


		
.main .main_box .product{margin-bottom: 40px;}
.main .main_box .product .product_box{margin-right: 15px; margin-top: 20px; display: inline-block; text-align: center; width: calc(100%/2 - 11px);}
.main .main_box .product .product_box:nth-of-type(2n){margin-right: 0;}
.main .main_box .product .product_box .img{position: relative; width: 100%; height: 50vw; padding: 10% 0; border: 1px solid #E6E6E6; overflow: hidden;}
.main .main_box .product .product_box .img img{height: 100%;}
.main .main_box .product .product_box .img .icon-play::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2);}
.main .main_box .product .product_box .img .icon-play::after{content: "\e629"; font-size: 45px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/*.main .main_box .product .product_box .img img{width: 100%;}*/
.main .main_box .product .product_box p{font-size: 14px; margin-top: 10px;}

.main .main_box .pro_show{text-align: center;}
.main .main_box .pro_show .title{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 30px;}
.main .main_box .pro_show .f_body{font-size: 18px; color: #666; margin-top: 20px; line-height: 2; text-align: initial;}
.main .main_box .pro_show .f_body img{display: block; width: 90%; margin-top: 10px; margin-bottom: 20px;}
.main .main_box .pro_show .pian_box{font-size: 14px; color: #666; margin-bottom: 55px;}
.main .main_box .pro_show .pian_box .pian_prev{position: relative; float: left;}
.main .main_box .pro_show .pian_box .pian_prev p{margin-left: 15px;}
.main .main_box .pro_show .pian_box .pian_next{position: relative; float: right;}
.main .main_box .pro_show .pian_box .pian_next p{margin-right: 30px;}


.gallery-top {height: 60%; width: calc(100% - 2px); border: 1px solid #E6E6E6;}
.gallery-top .img{padding: 10%;}
.gallery-top .img img{max-width: 100%;}

.gallery-bottom {position: relative; box-sizing: border-box; border: 1px solid #E6E6E6; border-top: 0; padding: 10px 0;}

.gallery-thumbs {padding-right: 20px; width: 80%; height: 60%;}
.gallery-thumbs .img{padding: 5%; height: 15vw;}
.gallery-thumbs .img img{height: 100%;}

.gallery-thumbs .swiper-slide {	border: 2px solid #A2A2A2; height: 100%; opacity: 0.4;}

.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
.gallery-bottom .swiper-button-next, .gallery-bottom .swiper-button-prev{height: 70%; width: 5%; background: #9999; top: 40%; color: #fff; z-index:1;}
.gallery-bottom .swiper-button-prev:after,.gallery-bottom .swiper-container-rtl .swiper-button-next:after{font-size: 30px;}
.gallery-bottom .swiper-button-next:after,.gallery-bottom .swiper-container-rtl .swiper-button-prev:after{font-size: 30px;}