@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; scroll-behavior: smooth;}
body{ font-family:"Microsoft YaHei",Arial; font-size:100%; color:#000; max-width: 1920px; margin:0px auto; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none;margin:0px;padding:0px;font-size:100%;font-weight:normal;}
img {border:none;transition: 0.5s;max-width: 100%;}
a:link, a:visited { color: #222; text-decoration: none; outline:none;}
a:hover, a:active { color: #222; text-decoration: none; outline:none;}
.clear{ clear:both;}
.page_button a { color: #222; font-size: 14px; margin: 0 5px; padding: 0 8px; display: inline-block; width: auto; line-height: 24px; border: 1px rgba(0, 0, 0, 0.103) solid; box-sizing: border-box; border-radius: 5px;}
.page_button span { display: inline-block; padding: 0 8px; font-size: 14px; line-height: 24px; border-radius: 5px;}
.page_button span.current { border: 1px solid #cccccc; color: #dbc4b4; border-radius: 5px;}
.page_button a:hover { border: 1px solid #cccccc; color: #dbc4b4;border-radius: 5px;}
.iw_poi_title { color: #cc5522;}
:root {
    --style_color: #144cb6;
}


/* bread list*/
.met_position{
	font-size:15px;
	padding: 20px 0px;
	border-bottom:1px #144cb6 dashed;
	margin-top: 20px;
	width: 1346px;
	margin: 0 auto;
}
/* bread list end*/

/* newshow------------------------------------ */
.newsshow { width: 100%;}
.newsshow_container {width: 95%;max-width: 1500px;margin: 10px auto;}
.newsshow_content { width: 100%;}
.newsshow_title { text-align: center; font-size: 22px; margin-bottom: 20px;}
.newsshow_title p { font-size: 16px; margin-top: 10px;}
.newsshow_text { padding: 20px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-bottom: 30px;}
.newsshow_text>div {width: 1200px;max-width:100%;margin:0 auto;margin-bottom: 30px;}
.newsshow_text .case_photograhp img{
	width: 100%;
	height:auto;
}
.relevant_case {width: 95%; max-width: 1500px; margin:auto;}
.relevant_case a{height:100%;display: block;}
.relevant_case a .case_photograph{
	height: 84%;
	overflow:hidden;
	margin-bottom: 15px;
}
.relevant_case ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.relevant_case li {flex: 0 1 24%;margin-bottom: 15px;text-align: center;height: 250px;}
.relevant_case li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant_case li img {transition: 0.5s;height: 100%;width: auto;border-radius: 10px;}
.case_pic { overflow: hidden;}
.case_wb { line-height: 30px; background: rgb(123, 123, 138); margin-top: 15px; transition: 0.5s; color: #fff;}
.relevant-case li:hover .case_wb { background: rgb(168, 168, 200); transition: 0.5s;}
.toggle_button {display: flex;justify-content: space-between;}
.toggle_button a {background: #009688;line-height: 24px;display: inline-block;text-align: center;color: #fff !important;padding: 10px;border-radius: 5px;}
.bdsharebuttonbox  { margin: 20px 0;}
.bdsharebuttonbox a { width: auto;}
.relevant_title { font-size: 20px; padding: 10px; margin-bottom: 15px; position: relative; text-align: center;}
.relevant_title::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); backgroundd: var(--style_color);}
.relevant_news li { float: left; width: 45%; list-style-type: circle;  list-style-position: inside;}
.relevant_news li span { float: right; color: #b6b2b2;}
.relevant_news li:nth-of-type(even) { margin-left: 4%; padding-left: 5%; box-sizing: border-box;}


/* productshow--------------------------------------------------- */
.product_show { padding: 110px 0 0; background: #efefef ;}
.product_show_container { border-top: 4px solid var(--style_color); width: 95%; max-width: 1300px; margin: auto; padding: 27px; background: #fff; box-sizing: border-box; display: flex;}
.product_show_container .left { flex: 0 1 50%; text-align: center;}
.product_show_container .right { flex: 0 1 50%; padding: 20px 30px; box-sizing: border-box;}
.product_show_container .right>div { height: 100%; display: flex; flex-direction: column;}
.product_show_title { font-size: 30px;; display: block; font-weight: bold; color: #090909;}
.product_show_content { margin: 30px 0 20px; padding: 25px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.hot_line { color: #303030; margin: auto; margin-left: 0; margin-bottom: 0;}
.hot_line a { margin-top: 10px; width: max-content; display: flex; align-items: center; padding: 12px 15px; border-radius: 10px; background: var(--style_color);}
.hot_line a span { color: #ffffff; font-family: Myriad_Pro; padding-left: 13px; margin-left: 13px; border-left: 1px solid rgba(255, 255, 255, 0.5);}
.product_show .item_middle { line-height: 60px; padding-left: 21px; font-size: 24px; color: #fff; width: 95%; margin: 50px auto 0; max-width: 1300px; background: var(--style_color); position: relative;}
.product_show .item_middle::after { content: ''; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 25%));}
.pro_introdution { padding: 20px 0; width: 95%; margin: auto; max-width: 1300px; position: relative; z-index: 1; box-sizing: border-box; background: #fff; display: block; justify-content: space-between;}
.pro_introdution::after { content: ''; position: absolute; left: -50%; top: 0; background: #fff; width: 200%; height: 100%; z-index: -1;}
.pro_introdution .left { flex: 0 1 78%;}
.introduction_title { display: flex; justify-content: space-between;  margin-bottom: 30px;}
.introduction_title p { font-size: 20px; color: #212121; padding: 10px 20px; color: #000; position: relative;}
.introduction_title p::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); background: var(--style_color);}
.introduction_title a { display: block; font-size: 18px; color: #fff; width: 136px; line-height: 42px; background: #8fafca; text-align: center;}
.relevant_product { background: #fff; padding: 0 20px; box-sizing: border-box; flex: 0 1 20%;}
.relevant_text { color: #fff;  line-height: 32px; text-align: center; background: #c5c5c5; transition: 0.5s; height: 32px; overflow: hidden; padding: 0 10px;}
.relevant_content li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant_content li:hover .relevant_text { background: var(--style_color); transition: 0.5s;}
.relevant_content li img { transition: 0.5s;}
.relevant_content li + li { margin-top: 10px;}
.relevant_photograph { overflow: hidden;}
.productshow_button a { display: block; padding:5px 10px; color: #000; width: max-content; position: relative;}
.productshow_button a::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); background: var(--style_color);}
.dd ul { display: block !important;}
.dd h4:after { margin-bottom: 0 !important;}


::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}


@media screen and (max-width: 1024px) {
    .relevant_product { margin-top: 50px; padding: 0;}
    .relevant_content ul { display: flex; justify-content: space-between;}
    .relevant_content li { flex: 0 1 32%;} 
    .relevant_content li + li { margin-top: 0;}
    .relevant_title { font-weight: bold; color: var(--style_color_1d2088);}
    .product_container .right div>span { font-size: 24px;}
    .product_show_title { font-size: 24px;}
    
}
@media screen and (max-width: 768px) {
    .product_show { padding: 50px 0 0;}
    .product_container .right div>span { font-size: 22px;}
    .relevant_news ul { display: flex; flex-wrap: wrap;}
    .relevant_news li { width: 100%;}
    .relevant_news li:nth-of-type(even) { padding-left: 0; margin-left: 0;}
}
@media screen and (max-width: 700px) {
    .product_show_container { display: block;}
    .product_container .right div>span { font-size: 18px;}
    .relevant_content li:nth-of-type(n+3) { display: none;}
    .relevant_content li { flex: 0 1 49%;}
    .relevant_text { padding: 0 10px;}
    .product_show  { padding: 40px 0 50px;}
    .newsshow_title { font-size: 22px;}
    .introduction_title p { font-size: 16px; padding: 5px;}
    .productshow_button a { padding: 5px;}
    .newsshow_title { font-size: 18px;}
    .newsshow_title p { font-size: 14px;}
    .hot_line a span { font-size: 20px;}
    .product_show_container { padding: 15px;}
    .product_show_title { font-size: 20px;}
    .product_show_container .right { padding: 20px 0 0;}
    .product_show .item_middle { width: 100%; line-height: 45px; padding-left: 20px; font-size: 20px;}
    .product_show_content { margin: 20px 0; padding: 20px 0;}
}
/*基础配置*/


@font-face {
    font-family: DINCondensed;
    src: url(../fonts/d-dincondensed.ttf);
}
@font-face {
    font-family: DINCondensedBold;
    src: url(../fonts/d-dincondensed-bold.ttf);
}


/* nav */
body { margin-top: 75px !important;}
.nav {position: fixed;top: 0;left: 0;z-index: 10;width: 100%;background: linear-gradient(45deg, #037268,#006a61, #009688);background-size: cover;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.indexBody { margin-top: 0 !important;}
.indexBody .nav {background: #00000066;}
.navContainer { width: 95%; max-width: 1760px; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative;}
.navContainer img{
	/* background: linear-gradient(123deg, #ffffffb0,transparent, transparent,transparent,transparent); */
	border-top-left-radius: 30px;
	border-bottom-left-radius: 35px;
}





.navContainer .itemRight .tel {color: #e60013;text-shadow: 1px 1px 1px #0000007d;font-size: 17px;font-weight: 600;width: 202px;font-family: Avenir;}
.navContainer .itemRight { display: flex; align-items: center;width:63%}
.headList {display: flex;flex: 1;margin-right: 20px;}
.headList li {padding: 0 12px;}
.headList li a {line-height: 75px;display: block;color: #fff;font-size: 18px;text-shadow: 1px 1px 1px #000;font-weight: 600;}
.headIcon a ~ a { margin-left: 15px;}
.mobile_menu { display: none;}
.mobile_menu div { width: 24px; height: 2px; background:var(--style_color);}
.mobile_menu div + div { margin-top: 5px;}
.mobile_sub_menu { display: none; width: 35%; position: fixed; right:-100%; height: 1000px; background: #fff; padding: 30px; box-sizing: border-box; transition: 0.5s; z-index: 10;}
.mobile_sub_menu>div>a { font-size: 16px; font-weight: bold;}
.mobile_sub_menu ul { padding-left: 20px;}
.mobile_sub_menu a { display: block; line-height: 32px; font-size: 15px;}
.toggleClass { right: 0%; transition: 0.5s;}
@media screen and (max-width: 1280px) {
    .headList li {padding: 0 17px;}
}
@media screen and (max-width: 1024px) {
    .navContainer { padding: 12px 0;}
    .navContainer .itemRight { margin: auto; margin-right: 0;}
    body { margin-top: 70px !important;}
    .headList { display: none;}
    .mobile_menu { flex: 0 1 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 18px;}
    .mobile_sub_menu { display: block;}
}
@media screen and (max-width:500px) {
    .headIcon { font-size: 0;}
    .headIcon img { max-width: 23%;}
    .navContainer .itemLeft { flex: 0 1 30%;}
    body { margin-top: 53px !important;}
    .headIcon a ~ a { margin-left: 10px;}
    .mobile_sub_menu { width: 60%; padding: 20px 20px;}
}


@media screen and (min-width:1600px) {
.navContainer .itemRight .tel { color: #e60013;text-shadow: 1px 1px 1px #0000007d;font-size: 24px;font-weight: 600;width: 300px;font-family: Avenir;}



}



.navContainer .itemLeft{
	width: 33%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}

/* indexOne */
.indexOne { position: relative; overflow: hidden;}
.indexOne .swiper-wrapper li:nth-child(1)>.oneLayout{
	left:0;
}

.indexOne .swiper-wrapper li:nth-child(2)>.oneLayout{
	/* left: 35%; */
	/* background: none; */
}

.indexOne .swiper-wrapper li:nth-child(3)>.oneLayout{
	right:0;
}

.swiper_a li img { display: block;}
.swiper-pagination-a { position: absolute; bottom: 5% !important; text-align: center; z-index: 10;}
.swiper-pagination-a .swiper-pagination-bullet {width: 10px !important;height: 10px !important;background: #ec1d25 !important;margin: 0 10px !important;border: 1px #ffffff6e solid;}
.oneLayout {left: 0;/* height: 30%; */width: 100%;padding: 3% 2.5%;position: absolute;top: 30%;transform: translateY(-50%);z-index: 10;background: #ffffff38;/* border-radius: 20px; */text-align:center;margin:0px auto;}

.oneLayout h1{
	font-size: 48px;
	margin-bottom: 30px;
	color: #e60013;
	font-weight: bold;
	width: 1200px;
	text-align: center;
	border-radius: 5px;
	margin:0px auto;
	text-shadow: 1px 1px 1px #000;
}
.oneDiv1 {font-size: 30px;line-height: 70px;color: #ffffff;font-weight: 600;text-shadow: 1px 1px 1px #000;}
.oneDiv2 {font-size: 30px;/* line-height: 1.5; *//* margin: 60px 0; */font-weight: 600;color: #FF9800;text-shadow: 1px 1px 1px #000;}
.oneDiv3 {width: 150px;line-height: 40px;text-align: center;/* display: none; */border-radius: 20px;border: 1px solid #fff;margin:0px auto;}
.oneDiv3 a { display: block; color: #fff;}
@media screen and (max-width: 1024px) {
    .oneDiv1 { font-size: 32px;}
}
@media screen and (max-width: 768px) {
    .oneDiv1 { font-size: 28px;}
    .oneDiv2 { font-size: 18px;}
}
@media screen and (max-width: 500px) {
    .oneDiv1 { font-size: 16px; line-height: 1.5;}
    .oneDiv2 { font-size: 16px; margin: 25px 0;}
    .oneDiv3 { font-size: 13px; width: 100px; line-height: 28px;}
}



/* indexTwo */
.indexTwo {background: linear-gradient(99deg, #500000,#b52e2e, #b51a1a);background: url('../images/homeusbg.jpg');background-size: cover;width: 100vw;height: 100vh;overflow: hidden;}
.twoContainer {width: 95%;margin: auto;max-width: 1600px;padding-top: 10vh;display: flex;justify-content: space-between;height: 85%;}
.twoContainer .itemLeft {flex: 0 1 35%;margin-right: 50px;display: flex;flex-wrap: wrap;}
.twoDiv1 {font-size: 40px;color: #ffffff;font-weight: bold;text-shadow: 1px 1px 1px #000;}
.twoDiv1 span { font-size: 18px;}
.twoDiv2 {font-size: 24px;color: #ffffff;text-shadow: 1px 1px 1px #000;}
.twoDiv3 {color: #fff;/* line-height: 24px; *//* margin-top: 50px; */max-height: 273px;overflow: hidden;background: #0000007d;padding: 20px;}
.twoDiv3 p + p { margin-top: 20px;}
.twoDiv4 {display: block;width: 120px;line-height: 40px;text-align: center;background: #e60013;border-radius: 5px;margin: 25px 0 60px;color: #fff !important;}
.twoDiv5 { display: flex; flex-wrap: wrap; width: 70%; justify-content: space-between;}
.twoDiv5 li { flex: 0 1 40%; color: #fff; text-align: center; margin-bottom: 20px;}
.twoDiv5 li div {font-size: 60px;font-family: Avenir;text-shadow: 1px 1px 1px #000;}
.twoDiv5 li p {font-size: 18px;text-shadow: 1px 1px 1px #000;}
.twoContainer .itemRight {display: flex;flex-direction: column;justify-content: space-around;}
.twoContainer .twoDiv6{
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.twoDiv6 { border-radius: 16px; overflow: hidden;}
.twoDiv7 {display: flex;justify-content: space-between;margin-top: 20px;}
.twoDiv7 li {text-align: center;width: 18%;}
.twoDiv7 li img{
	border-radius: 5px;
	height: 125px;
}
.twoDiv7 li p {font-size: 14px;color: #fff;/* font-weight: bold; */background: #00000038;border-radius: -1px;margin-top: 8px;}
@media screen and (max-width: 1600px) {
    .twoContainer {padding-top: 14vh;}
    .twoDiv1 {font-size: 48px;text-shadow: 1px 1px 1px #000;}
    .twoDiv4 { margin: 18px 0 10px;}
    .twoDiv5 li div { font-size: 45px;}
    .twoContainer .itemLeft { flex: 0 1 45%;}
	.twoContainer .twoDiv6{height: 545px;}
}
@media screen and (max-width: 1440px) {
    .twoContainer .itemRight { flex: 1;}
    .twoDiv7 { flex-wrap: wrap; margin-top: 20px;}
    .twoDiv7 li {margin-bottom: 10px;width: auto;}
}
@media screen and (max-width: 1366px) {
    .twoDiv4 { margin: 30px 0 25px;}
}
@media screen and (max-width: 1280px) {
    .twoDiv3 { margin-top: 32px;}
    .twoDiv1 { font-size: 32px;}
    .twoDiv2 { font-size: 30px;}
    .twoDiv7 li { flex: 0 1 23%;}
}
@media screen and (max-width: 1024px) {
    .twoContainer .itemLeft { flex: 0 1 40%;}
    .twoDiv7 { justify-content: flex-start;}
    .twoDiv7 li { flex: 0 1 33%;}
    .twoDiv5 li div {font-size: 32px;text-shadow: 1px 1px 1px #000;}
    .twoDiv4 { margin: 15px 0;}
    .twoContainer .itemRight { justify-content: space-evenly;}
    .twoContainer { padding-top: 6vh; display: block;}
    .twoDiv2 { font-size: 20px;}
    .twoDiv3 { margin-top: 12px;}
    .twoContainer .itemLeft { margin-right: 0; margin-bottom: 30px;}
    .twoDiv4 { width: 120px;}
    .twoDiv5 { flex-wrap: nowrap; width: 100%;}
    .twoDiv1 { font-size: 42px;}
    .twoDiv7 { flex-wrap: nowrap; margin-top: 40px;}
}
@media screen and (max-width: 768px) {
    .twoDiv7 { display: none;}
    .twoDiv1 { font-size: 40px;}
}
@media screen and (max-width: 500px) {
    .twoDiv1 { font-size: 24px;}
    .twoDiv2 { font-size: 16px; font-weight: bold;}
    .twoContainer { padding-top: 10vh;}
    .twoContainer .itemRight { display: none;}
    .twoDiv3 { font-size: 15px;}
    .twoDiv4 { font-size: 14px; line-height: 30px; width: 90px; margin: 12px 0;}
    .twoDiv5 { flex-wrap: wrap;}
    .twoDiv5 li { margin-bottom: 12px;}
    .twoDiv5 li div { font-size: 20px;}
}




/* indexThree */
.indexThree { position: relative; overflow: hidden;}



/* four */
.four {width: 100vw;height: 100vh;/* background: linear-gradient(45deg, #641515,#b52e2e, #b51a1a); */background-image: url('../images/homeusbg.jpg');background-size: cover;overflow: hidden;}
.fourContainer {width: 95%;margin: auto;max-width: 1800px;padding-top: 10vh!important;}
.fourContainer .itemTop div { color: #fff; text-align: center; font-size: 36px; font-weight: bold;}
.fourContainer .itemTop p { color: #fff; text-align: center; line-height: 24px; margin: 25px 0 55px;}
.fourContainer .itemBottom { height: max-content;}
.fourImg {margin-bottom: 10px;}
.fourImg img { border-radius: 16px;}
.fourLayout {position: absolute;transition: 1s;display: flex;justify-content: center;width: 100%;}
.fourIcon { display: flex; align-items: center; color: #fff; font-size: 30px; font-weight: bold;}
.fourIcon img { margin-right: 10px;}
.fourContent {color: #fff;line-height: 24px;/* flex: 0 1 60%; */font-size: 30px;}
.swiperFour ul { align-items: center; left: -18%;}
.swiperFour .swiper-slide { transition: 1s;}
.swiperFour .swiper-slide .fourLayout { visibility: hidden; opacity: 0;}
.swiperFour .swiper-slide-active .fourLayout {visibility: visible;opacity: 1;}
.swiperFour .swiper-slide-active { width: 43% !important;}
.swiperFour .swiper-slide-prev { width: 36% !important;}
.swiperFour .swiper-slide-next { width: 36% !important;}
.swiperFour { position: relative;}
.FourControl-prev { cursor: pointer; position: absolute; left: 14.6%; top: 50%; transform: translateY(-50%); z-index: 10;}
.FourControl-next { cursor: pointer; position: absolute; right: 15.5%; top: 50%; transform: translateY(-50%); z-index: 10;}
@media screen and (max-width: 1600px) {
    .fourContainer {padding-top: 10vh;}
    .fourContainer .itemTop p { margin: 20px 0 40px;}
}
@media screen and (max-width: 1440px) {
    .fourContainer .itemTop p { margin: 20px 0 50px;}
}
@media screen and (max-width: 1366px) {
    .fourContainer {padding-top: 15vh;}
}
@media screen and (max-width: 1024px) {
    .swiperFour .swiper-slide-active { width: 50% !important;}
    .swiperFour .swiper-slide-prev { width: 40% !important;}
    .swiperFour .swiper-slide-next { width: 40% !important;}
    .swiperFour ul { left: -25.5%;}
    .four { background-size: 100% 150%; background-position-y: 0%;}
    .fourContainer { padding-top: 22vh;}
}
@media screen and (max-width: 768px) {
    .fourContainer .itemTop p br { display: none;}
    .fourContainer .itemTop div { font-size: 28px;}
    .swiperFour .swiper-slide-active { width: 60% !important;}
    .swiperFour .swiper-slide-prev { width: 50% !important;}
    .swiperFour .swiper-slide-next { width: 50% !important;}
    .swiperFour ul { left: -40%;}
    .fourLayout { display: block;}
    .fourIcon { font-size: 20px; margin-bottom: 18px;}
}
@media screen and (max-width: 500px) {
    .fourContainer { padding-top: 10vh;}
    .fourContainer .itemTop div { font-size: 18px;}
    .fourContainer .itemTop p { margin: 12px 0 30px; font-size: 15px;}
    .fourIcon { font-size: 18px; margin-bottom: 10px;}
    .swiperFour .swiper-slide-active { width: 100% !important;}
    .swiperFour .swiper-slide-prev { width: 100% !important;}
    .swiperFour .swiper-slide-next { width: 100% !important;}
    .swiperFour ul { left: -110% !important;}
    .four { background-size: 100% 160%;}
    .FourControl-prev { left: 0; top: 75%; width: 20%;}
    .FourControl-next { right: 0; top: 75%; width: 20%;}
    .fourContent { font-size: 15px;}
}



/* five */
.five { width: 100vw; height: 100vh; background: url(../images/bgfive.jpg) center; background-size: cover; overflow: hidden;}
.fiveContainer .itemBottom{
	width: 35%;
}
.fiveContainer .vedio{
	width: 1200px;
	margin: 0 auto;
	height: 600px;
	display: none;
	opacity: 0;
}


.fiveContainer .text-box{
    text-align: center;
    width: 1200px;
}


.fiveContainer .text-box p{
    color: #fff;
    font-size: 70px;
    margin-top: 16%;
    /* letter-spacing: 20px; */
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}


.fiveContainer {width: 95%;margin: auto;max-width: 1600px;padding-top: 15vh;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: flex-start;}
.fiveContainer .itemTop {text-align: center;color: #fff;width: 100%;}
.fiveContainer .itemTop div { font-size: 36px; font-weight: bold;}
.fiveContainer .itemTop p { line-height: 24px; margin: 25px 0 55px;}
.fiveContainer .itemBottom ul {display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;width: 100%;}
.fiveContainer .itemBottom li { flex: 0 1 48%; margin: 0 1% 20px 1%; display: flex; padding: 15px; box-sizing: border-box; background: #fff; border-radius: 8px;}
.fiveImg { flex: 0 1 40%; overflow: hidden; border-radius: 8px;}
.fiveImg {width: 200px;height: 250px;}
.fiveImg img{
	position:realave;
	height:100%;
	max-width:none;
}
.fiveLayout {flex: 1;margin-left: 30px;display: flex;flex-direction: column;justify-content: space-evenly;}
.fiveDiv1 {text-align: center;box-shadow: 0 5px 20px 0 #9305055b;width: 210px;line-height: 30px;border-radius: 20px;background: #910000;color: #fff;}
.fiveDiv2 { padding-left: 15px; padding-bottom: 25px; border-bottom: 1px solid #ccc; box-sizing: border-box; color: #222; line-height: 24px;}
.fiveDiv3 {border-radius: 8px;width: 80px;line-height: 20px;font-size: 14px;text-align: center;background: #999;color: white;font-weight: bold;}
.fiveDiv4 { padding-left: 15px; box-sizing: border-box; color: #666666; line-height: 24px;}
@media screen and (max-width: 1600px) {
    .fiveDiv3 { margin: 5px 0;}
}
@media screen and (max-width: 1440px) {
    .fiveDiv2 { padding-bottom: 10px; padding-top: 10px; padding-left: 0;}
    .fiveDiv4 { padding-left: 0;}
    .fiveLayout { margin-left: 15px;}
}
@media screen and (max-width: 1366px) {
    .fiveImg { display: flex;}
}
@media screen and (max-width: 1024px) {
    .fiveContainer .itemTop p { margin: 20px 0 30px;}
    .fiveContainer .itemTop p br { display: none;}
    .fiveContainer { padding-top: 10vh;}
    .fiveContainer .itemBottom li { display: block;}
    .fiveImg { height: 280px; align-items: center;}
    .fiveImg img { width: 100%;}
    .fiveLayout { margin-left: 0; margin-top: 12px;}
}
@media screen and (max-width: 768px) {
    .fiveContainer { padding-top: 8vh;}
    .fiveImg { height: 160px;}
    .fiveContainer .itemTop div { font-size: 28px; margin-bottom: 30px;}
    .fiveContainer .itemTop p { display: none;}
}
@media screen and (max-width: 500px) {
    .fiveContainer { padding-top: 10vh;}
    .fiveContainer .itemTop div { font-size: 18px; margin-bottom: 12px;}
    .fiveImg { display: none;}
    .fiveDiv1 { width: auto; padding: 0 10px; line-height: 20px;}
    .fiveContainer .itemBottom li { font-size: 12px; padding: 3px 8px; margin: 0 1% 12px 1%;}
    .fiveDiv3 { font-size: 12px;}
    .fiveLayout { margin-top: 5px;}
}



/* six */
.six {width: 100vw;height: 100vh;background: #5999c9;background-size: cover;overflow: hidden;}
.sixContainer { width: 95%; margin: auto; max-width: 1600px; padding-top: 12vh;}
.sixContainer .itemTop { text-align: center; color: #fff;}
.sixContainer .itemTop div { font-size: 36px; font-weight: bold;}
.sixContainer .itemTop p { line-height: 24px; margin: 25px 0 55px;}
.sixContainer .itemBottom { display: flex; justify-content: space-between; align-items: flex-start;}
.sixImg { flex: 0 1 55%;}
.sixUl { margin-top: 20px; background: #fff; flex: 1; display: flex; flex-wrap: wrap; border: 1px solid #078c47; border-radius: 16px;}
.sixUl li { padding: 50px 40px 20px; box-sizing: border-box; flex: 0 1 50%; border-bottom: 1px solid #078c47; border-right: 1px solid #078c47;}
.sixUl li div { font-size: 24px; color: #059344; margin: 20px 0; font-weight: bold;}
.sixUl li p { line-height: 24px; color: #222222;}
.sixUl li:nth-of-type(n+3) { border-bottom: none;}
.sixUl li:nth-of-type(even) { border-right: none;}
@media screen and (max-width: 1440px) {
    .sixUl li { padding: 35px 30px 20px;}
}
@media screen and (max-width: 1366px) {
    .sixUl { margin-top: 0;}
    .headList li {padding: 0 8px;}
}
@media screen and (max-width: 1280px) {
    .sixContainer .itemBottom { align-items: center;}
    .sixUl li div { font-size: 22px;}
}
@media screen and (max-width: 1024px) {
    .sixContainer { padding-top: 8vh;}
    .sixContainer .itemBottom { display: block;}
    .sixImg { text-align: center; height: 550px;}
    .sixImg img { height: 100%;}
    .sixContainer .itemTop p { margin: 20px 0 30px;}
}
@media screen and (max-width: 768px) {
    .sixContainer { padding-top: 9vh;}
    .sixContainer .itemTop div { font-size: 28px;}
    .sixImg { height: 350px;}
    .sixUl li { padding: 25px 30px;}
    .sixUl li div { margin: 10px 0;}
}
@media screen and (max-width: 500px) {
    .sixContainer .itemTop div { font-size: 18px;}
    .sixContainer .itemTop p { margin: 12px 0 20px; font-size: 15px;}
    .sixContainer { padding-top: 10vh;}
    .sixContainer .itemTop p br { display: none;}
    .sixImg { display: none;}
    .sixUl li div { font-size: 16px;}
    .sixUl li { padding: 12px;}
    .sixUl li p { font-size: 15px;}
}




/* about */
.aboutBanner { position: relative; height: 400px; background: url(../images/about.jpg) center; background-size: cover;}
.aboutBanner div { position: absolute; font-size: 40px; color: #fff; text-align: center; width: 100%; top: 50%; transform: translateY(-50%);}
@media screen and (max-width: 1024px) {
    .aboutBanner div { font-size: 28px;}
    .aboutBanner { height: 300px !important;}
}
@media screen and (max-width: 500px) {
    .aboutBanner div { font-size: 18px;}
    .aboutBanner { height: 180px !important;}
}




/* aboutOne */
.aboutOneContianer { width: 95%; margin: auto; max-width: 1346px; padding-top: 35px;}
.aboutOneContianer .itemTop img { border-radius: 16px;}
.aboutOneContianer .itemBottom { text-align: center; margin-top: 60px;}
.aboutOneDiv1 { font-size: 36px; color: #222;}
.aboutOneDiv2 { margin: 20px 0;}
.aboutOneDiv2 p { color: #666; line-height: 24px; margin-bottom: 20px;}
.aboutOneList { margin: auto; padding: 15px; box-sizing: border-box; display: flex; justify-content: space-between; max-width: 934px; background: #fff; border-radius: 20px; position: relative; bottom: -25px; z-index: 1;}
.aboutOneList li { flex: 1;}
.aboutOneList li div { font-size: 60px; color: #e60013; font-family: Avenir;}
.aboutOneList li p { font-size: 14px; color: #666666; margin-top: 30px;}
@media screen and (max-width: 1024px) {
    .aboutOneContianer .itemBottom { margin-top: 36px;}
    .aboutOneDiv1 { font-size: 28px;}
    .aboutOneDiv2 { text-align: left;}
    .aboutOneDiv2 br { display: none;}
    .aboutOneList li div { font-size: 40px;}
    .aboutOneList li p { margin-top: 5px;}
}
@media screen and (max-width: 768px) {
    .aboutOneDiv1 { font-size: 24px;}
    .aboutOneDiv2 { margin: 20px 0 0 0;}
    .aboutOneDiv2 p { margin-bottom: 12px;}
    .aboutOneList { padding: 0 15px 15px;}
    .aboutOneList li div { font-size: 35px;}
}
@media screen and (max-width: 500px) {
    .aboutOneDiv1 { font-size: 18px; font-weight: bold;}
    .aboutOneDiv2 p { line-height: 2;}
    .aboutOneDiv2 { margin: 10px 0 0 0;}
    .aboutOneList { flex-wrap: wrap;}
    .aboutOneList li { flex: 0 1 50%;}
    .aboutOneList li div { font-size: 26px;}
    .aboutOneList li:nth-of-type(-n+2) { margin-bottom: 10px;}
}



/* aboutTwo */
.aboutTwo { background: #f5f5f5;}
.aboutTwoContainer { width: 95%; margin: auto; max-width: 1118px; padding: 100px 0 30px;}
.aboutTwoContainer ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutTwoContainer li { flex: 0 1 40%; margin-bottom: 30px;}
.aboutTwoImg img { border-radius: 16px;}
.aboutTwoLayout { display: flex; justify-content: space-between; margin-top: 20px;}
.aboutTwoIcon { margin-right: 20px;}
.aboutTwoContent { flex: 1;}
.aboutTwoContent div { font-size: 40px; color: #222; padding: 20px 0;}
.aboutTwoContent p { line-height: 24px; color: #666666;}
@media screen and (max-width: 1024px) {
    .aboutTwoContainer li { flex: 0 1 45%;}
    .aboutTwoContent div { font-size: 20px; padding: 0 0 15px;}
    .aboutTwoIcon { width: 12%;}
}
@media screen and (max-width: 768px) {
    .aboutTwoContainer li { flex: 0 1 48%;}
    .aboutTwoContainer { padding: 80px 0 30px;}
}
@media screen and (max-width: 500px) {
    .aboutTwoContainer ul { display: block;}
    .aboutTwoContent div { padding: 10px 0 15px; font-size: 16px; font-weight: bold;}
    .aboutTwoContainer { padding: 70px 0 20px;}
}



/* aboutThree */
.aboutThree { height: 787px;width:80%!important;background: url(../images/bgaboutthree.jpg) center; background-size: cover;}
.aboutThreeContainer { padding-top: 75px; text-align: center;width:80%!important}
.aboutThreeContainer div { font-size: 40px; color: #222222;width:80%!important}
.aboutThreeContainer p { color: #666666; margin-top: 20px;}
@media screen and (max-width: 1024px) {
    .aboutThreeContainer { padding-top: 40px;}
    .aboutThreeContainer div { font-size: 28px;}
    .aboutThreeContainer p { margin-top: 10px;}
    .aboutThree { height: 500px;}
}
@media screen and (max-width: 768px) {
    .aboutThreeContainer div { font-size: 24px;}
    .aboutThreeContainer p { display: none;}
    .aboutThree { height: 400px;}
}
@media screen and (max-width: 500px) {
    .aboutThree { display: none;}
}

.page_button{
	width:100%;
}

/* solve */
.solveBanner { background: url(../images/solve.jpg) center;}
.caseList ul {display: flex;/* border-bottom: 1px solid var(--style_color); */padding: 30px 0 10px;flex-wrap: wrap;justify-content: center;}
.caseList li {padding: 10px 0;text-align: center;width: 25%;}
.activeny{
	background: #009688;
	color:#fff!important;
}
.caseList li a {padding: 7px 5px;color: #222;transition: 0.5s;border-radius: 3px;line-height: 1;}
.caseList li.current a { background: var(--style_color); border-radius: 20px; color: #fff;}
.caseList li:hover a {background: #009688;color: #fff;}
.case { width: 95%; margin: auto; max-width: 1346px;}
.caseContainer { padding: 50px 0 70px;}
.caseContainer ul{
	display:flex;
	flex-wrap:wrap;
	
}
.caseContainer ul a{
	height:100%;
}
.caseContainer li {float: left;width: 31%;margin: 0 1% 3% 1%;height: 315px;}
.caseImg img {transition: 0.5s;display: block;height: 100%;width: 100%;margin: 0 auto;}
.caseImg {overflow: hidden;border-radius: 8px;height: 80%;}
.caseName { text-align: center; font-size: 18px; color: #222222; margin-top: 18px;}
.caseContainer li:hover img { transform: scale(1.05);}
@media screen and (max-width: 1024px) {
    .caseList ul { flex-wrap: nowrap; white-space: nowrap; overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
    .caseList ul::-webkit-scrollbar { display: none;}
}
@media screen and (max-width: 768px) {
    .caseList ul { padding: 10px 0;}
    .caseContainer { padding: 40px 0 50px;}
    .caseContainer li { width: 48%;}
    .caseName { padding: 0 10px; overflow: hidden; line-height: 24px; height: 24px;}
    .caseName p { overflow: hidden; line-height: 24px; height: 24px;}
}
@media screen and (max-width: 500px) {
    .caseLi .caseName div { font-size: 12px !important;}
    .caseName { font-size: 15px; margin-top: 8px;}
}



/* case */
.caseBanner { background: url(../images/case.jpg) center;}
.caseLi .caseName { display: flex; align-items: center;}
.caseLi .caseName div { background: #e6e6e6; border-radius: 20px; font-size: 14px; color: #666666; width: 100px; line-height: 20px; text-align: center; margin-right: 12px;}







/* news */
.newsBanner { background: url(../images/news.jpg) center;}
.news { width: 95%; margin: auto; max-width: 1346px;}
.newsContainer { padding: 40px 0 60px;}
.newsContainer a{height:100%;display:block}
.newsContainer li {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);box-sizing: border-box;float: left;width: 31%;margin: 0 1% 3% 1%;background: #fff;overflow: hidden;border-radius: 8px;height: 450px;}
.newsLayout { padding: 25px 30px;}
.newsTitle { font-size: 20px; color: #222222; font-weight: bold; line-height: 1.5; height: 60px; overflow: hidden;}
.newsDate { margin: 8px 0 12px; display: flex; align-items: center; font-size: 14px; color: #cccccc;}
.newsDate img { margin-right: 4px;}
.newsContent { color: #666666; line-height: 1.5; height: 72px; overflow: hidden;}
.newsImg {overflow: hidden;height: 52%;}
.newsImg img {display: block;height: 100%;width: auto;margin: 0 auto;}
@media screen and (max-width: 1024px) {
    .newsLayout { padding: 15px 20px;}
    .newsTitle { height: 27px; font-size: 18px;}
}
@media screen and (max-width: 768px) {
    .newsContainer li { width: 48%;}
    .newsContainer { padding: 40px 0 50px}
}
@media screen and (max-width: 500px) {
    .newsContainer li { width: 100%; margin: 0 1% 8% 1%;}
}



/* contact */
.contactBanner { background: url(../images/contact.jpg) center;}
.contactContainer {width: 95%;margin: auto;max-width: 1346px;padding: 20px 0;display: flex;justify-content: space-between;}
.contactDiv1 { font-size: 30px; color: #222222;}
.contactDiv2 { margin-bottom: 10px;}
.contactContainer .itemLeft { display: flex; flex-direction: column; justify-content: space-around;}
.contactContainer .itemLeft p { color: #666666; line-height: 24px;}
.contactDiv3 { display: flex; text-align: center; color: #808080; font-size: 14px;}
.contactDiv3 div { margin-right: 40px;}
.contactContainer .itemRight { flex: 0 1 50%;}
#dituContent { border-radius: 16px; height: 400px !important;}
@media screen and (max-width: 1024px) {
    .contactContainer { padding: 50px 0;}
    .contactDiv1 { font-size: 28px;}
}
@media screen and (max-width: 768px) {
    .contactDiv1 { font-size: 22px;}
    .contactContainer .itemLeft { justify-content: space-evenly;}
}
@media screen and (max-width: 500px) {
    .contactContainer { display: block; padding: 20px 0 40px;}
    #dituContent { height: 220px !important;}
    .contactContainer .itemLeft { height: 320px;}
    .contactDiv1 { font-size: 20px;}
    .contactDiv3 div { margin-right: 20px;}
}




/* footer */
.footer {height: auto !important;background: linear-gradient(45deg, #037268,#006a61, #009688);/* background: #007b6f; */background-size: cover;}
.footer .footerLogo{
	width:100%;
	/* padding-top: 40px; */
	margin-bottom: 30px;
}
.footer .footerLogo img{
	/* background: linear-gradient(123deg, #ffffffb0,transparent, transparent,transparent,transparent); */
	/* border-bottom-left-radius: 60px; */
	/* width: 480px; */
}


.footerContainer {width: 95%;margin: auto;max-width: 1600px;padding-top: 23px;}
.footerContainer .itemTop {padding: 0 0 10px;display: flex;justify-content: space-between;}
.footerList { display: flex; justify-content: space-between; flex: 0 1 54%; margin-right: 60px;}
.footerDiv1 h3 {color: #fff;margin-bottom: 20px;font-size: 18px;}
.footerDiv1 a {color: #fff;margin-bottom: 12px;display: block;font-size: 14px;}
.footerDiv1:nth-of-type(3) div { display: flex;}
.footerDiv1:nth-of-type(3) ul + ul { margin-left: 20px;}
.footerImformation { display: flex;}
.footerDiv3 {margin-right: 10px;text-align: right;}
.footerDiv3 div {color: #000000;display: flex;align-items: center;justify-content: center;margin: auto;margin-right: 0;width: 100px;height: 24px;background: #fff;border-radius: 12px;}
.footerDiv3 img {margin-right: 5px;display: none;}
.footerDiv3 p {font-size: 36px;color: #fff;font-family: Avenir;margin: 6px 0 8px;font-weight: bold;text-shadow: 1px 1px 1px #000;}
.footerDiv3 span {color: #fff;font-size: 16px;}
.footerScan ul { display: flex; text-align: center;}
.footerScan li p {color: #fff;/* opacity: 0.5; */font-size: 12px;}
.footerScan li { margin-left: 10px;}
.footerScan img{width:150px;height:auto}
.footerContainer .itemBottom {border-top: 1px dashed rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5);line-height: 80px;display: flex;justify-content: space-between;font-size: 14px;}
.footerContainer .itemBottom a { color: rgba(255, 255, 255, 0.5);}
.footer a:hover { text-decoration: underline;}
@media screen and (max-width: 1280px) {
    .footerList { flex: 0 1 45%;}
    .footerLogo { display: none;}
}
@media screen and (max-width: 1024px) {
    .footerList { margin-right: 20px; flex: 0 1 40%;}
    .footerDiv3 p { font-size: 28px;}
    .footerDiv3 { margin-right: 12px;}
    .footerDiv1 h3 { font-size: 16px;}
    .footerDiv1:nth-of-type(3) div { display: block;}
    .footerDiv1:nth-of-type(3) ul + ul { margin-left: 0;}
    .footerContainer .itemBottom span { display: none;}
}
@media screen and (max-width: 768px) {
    .footerList { display: none;}
    .footerContainer .itemTop { padding: 40px 0 30px;}
    .footerImformation { justify-content: space-between; align-items: center;}
    .footerContainer .itemTop { display: block;}
    .footerDiv3 div { margin-right: 0; margin-left: 0;}
    .footerDiv3 { text-align: left;}
    .footerContainer .itemBottom { line-height: 50px; font-size: 14px;}
}
@media screen and (max-width: 500px) {
    .footerDiv3 p { font-size: 20px;}
    .footerScan ul { width: 50%; margin-top: 20px;}
    .footerImformation { display: block;}
    .footerContainer .itemBottom { display: block; line-height: 30px; padding: 5px 0;}
    .footerContainer .itemTop { padding: 30px 0 25px;}
    .footerDiv3 div { font-size: 12px;}
}




.swiper_pagination_all { z-index: 10; position: fixed; right: 35px !important; top: 50%; transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet { outline: 2px solid transparent; transition: 0.5s; position: relative; background: #fff !important; margin: 24px auto !important; opacity: 1 !important;}
.swiper_pagination_all .swiper-pagination-bullet-active {background: transparent !important;width: 12px !important;height: 12px !important;outline: 2px solid #e60013ba;}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(1) { display: none !important;}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(2)::before {content: '了解润土';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(3)::before {content: '技术介绍';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(4)::before {content: '产品展示';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(5)::before {content: '工程案例';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(6)::before {content: '恒祥实力';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(7)::before {content: '产品优势';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(8)::before {content: '视频展示';position: absolute;left: -80px;color: #e60013;font-size: 14px;width: max-content;top: 50%;transform: translateY(-50%);}
.swiper_pagination_all .swiper-pagination-bullet:nth-child(9) { display: none !important;}
.swiper_pagination_all .swiper-pagination-bullet::before { opacity: 0; transition: 0.5s;}
.swiper_pagination_all .swiper-pagination-bullet-active::before { opacity: 1;}
@media screen and (max-width: 500px) {
    .swiper_pagination_all { right: 20px !important;}
    .swiper_pagination_all .swiper-pagination-bullet::before { left: -65px !important; font-size: 12px;}
}













.lbj {width:780px;max-width:100%;margin:auto;}
.lbj img {display:block; margin:.5em auto;}


/* pro css */
.homepage-product {
	width: 100%;
	/* height: 950px; */
	overflow: hidden;
	background: url(../images/homepage-product_bg.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 50px;
}

.homepage-product .product-title {
	width: 100%;
	line-height: 1;
	text-align: center;
	font-size: 35px;
	margin: 50px 0 50px;
	color: #fff;
	font-weight: 700;
}

.homepage-product .product_box {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.homepage-product .product_box .product_nav {
	width: 100%;
	margin-bottom: 50px;
}

.homepage-product .product_box .product_nav .li {
	line-height: 1;
	float: left;
	margin: 0 17px;
}

.homepage-product .product_box .product_nav .li a {
	color: #fff;
	font-size: 16px
}

.homepage-product .product_box .product_nav .li:hover a {
	text-decoration: underline
}

.homepage-product .product_box .list {
	width: 100%
}

.homepage-product .product_box .list li {
	float: left;
	width: 32%;
	overflow: hidden;
	margin-right: 2%;
	padding-bottom: 25px;
}

.homepage-product .product_box .list li:nth-child(3n) {
	margin-right:  0
}

.homepage-product .product_box .list li .img {
	width: 100%;
	height: 277px;
	overflow: hidden;
	position: relative;
	background: #f9f9f9
}

.homepage-product .product_box .list li .img img {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.homepage-product .product_box .list li .title {
	width: 99.5%;
	/* height: 104px; */
	overflow: hidden;
	background-color: rgba(0, 0, 0, .4);
	border: 1px solid #fff;
	border-top: none;
}

.homepage-product .product_box .list li .title>span {
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden
}

.homepage-product .product_box .list li .title .cha {
	margin: 16px 0 16px;
}

.homepage-product .product_box .list li .title .cha span {
	font-size: 18px;
	line-height: 1;
	color: #fff;
	padding-bottom: 4px
}

.homepage-product .product_box .list li .title .desc {
	font-size: 14px;
	color: #ccc;
	padding: 0 10px;
	box-sizing: border-box;
	white-space: normal
}

.homepage-product .product_box .list li:hover .cha span {
	border-bottom: 1px solid #fff
}


/*peo*/
.index-product {height: 600px;overflow: hidden;}
.index-product-nav {width: 25%;height: 600px;background: #2c2d2d57;}
.one-side {position: relative;}
.one-side a {display: block;/*background: url(../images/circle.png) 28px center no-repeat;*/padding-left: 35px;font-size: 16px;line-height: 57px;height: 57px;color: #fff;border-bottom: 1px solid #423e3e;}
.one-side span {display: none;position: absolute;color: #ee3e3e;right: 25px;top: 0;font-family: "SimSun";}
.one-side:last-child a{border-bottom: none;}
.one-side.on a ,.one-side:hover a {/*background: url(../images/circle2.png) 28px center no-repeat;*/color: #ee3e3e;}
.one-side.on span ,.one-side:hover span {display: inline;}
.index-product-slide {float: right;overflow: hidden;width: 70%;}
.index-product-slide .tempWrap {overflow: visible!important;}
.inex-one-series {width: 942px;height: 600px;font-size: 14px;line-height: 30px;color: #8d8d8d;background-position: center center;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;align-content: stretch;justify-content: flex-start;}
.inex-one-series a {position: relative;display: block;width: 30%;height: 40%;background-size: 100% 100%;margin-right: 30px;}
.inex-one-series p {position: absolute;font-size: 14px;color: #fff;right: 0;left: 0;bottom: 0;padding-left: 26px;display:block!important;/* background: rgb(47 47 45 / 65%); */}
.inex-one-series p span{
    display: inline-block;
    width: 650px;
    min-height: 60px;
    font-size: 17px;
    line-height: 60px;
    color: #fff;
    }
.inex-one-series p em{display:block;width:114px;height:36px;line-height: 36px;color: #fff;text-align: center;background: #973437;border-radius: 24px;font-size: 14px;position: absolute;right: 15px;top:13px;font-style: normal;opacity: 0;}
.index-product .l-mask,.index-product .r-mask  {background: rgba(0,0,0,.52); display: block; }
.index-product .l-mask{position: absolute;top: 0;bottom: 0;left: -360px;z-index: 8;width: 360px;height: 600px;}
.index-product .r-mask {position: absolute;top: 0;bottom: 0;right: -360px;z-index:8;width: 360px;height: 600px;}
.index-product .prev,.index-product .next{ display: block; width: 45px;height: 79px;cursor:pointer;position: absolute; top: 50%; z-index: 10; margin-top: -38px;}
.index-product .prev {left: -88px;background: url(../images/p-l.png); }
.index-product .next {right: -88px;background: url(../images/p-r.png);}
.index-product .l-mask,.index-product .r-mask  {*background: rgba(0,0,0,.52);display: block;background: #373735;}
.index-product .l-mask{position: absolute;top: 0;bottom: 0;left: -360px;z-index: 8;width: 360px;}
.index-product .r-mask {position: absolute;top: 0;bottom: 0;right: -360px;z-index:8;width: 360px;}
.index-product-nav .div_scroll{height:570px; margin: 15px 7px;  overflow: auto;}
.index-product-nav .scroll_container {overflow: hidden;position: relative;}
.index-product-nav .scroll_absolute {position: absolute;}
.index-product-nav .scroll_vertical_bar {position: absolute;top: 0; right: 0;width: 6px;height: 100%;background:transparent; margin: 0;padding: 0;}
.index-product-nav .scroll_track {position: relative;background-color: #463c3f;}
.index-product-nav .scroll_drag {position: relative;top: 0;left: 0;cursor: pointer;background-color: #b38c48;border-radius: 8px;}
.index-product-nav .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;background-color: #463c3f;}
.main-box {
    position: relative;
    width: 1300px;
    height: 600px;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.index-product .index-product-nav{
	width: 20%;
}
.index-product .index-product-slide{
	/* width: 75%; */
	/* padding: 20px; */
}
.index-product .inex-one-series a:hover em{
	animation: showbutton 0.5s forwards;
}

.index-product .inex-one-series a:hover{
	animation: photobig 1s forwards;
}


@keyframes showbutton {
	from{opacity: 0;}
	to{opacity:1;}
}

@keyframes photobig{
	from{background-size:100% 100%}
	to{background-size: 110% 110%;}
}



/*pro*/
/* pro css end finally*/


/* fullscreen slider */



#department-image-slider {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 1078px;
  color: #fff; }
  @media only screen and (max-width: 1399px) {
    #department-image-slider {
      height: auto; } }
  #department-image-slider .slider {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3; }
    #department-image-slider .slider .slick-slide.slick-active .slice {
      transform: scale(1.15); }

    #department-image-slider .slider .slick-slide.slick-active .slice:before{
		    filter: blur(1px);
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.2);
    /* background: url("/themes/pc/public/static/image/case.jpg") 0% 0% / cover no-repeat; */
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:
    "";
    display: block;
	}
    #department-image-slider .slider .slice {
      height: 1078px;
      background-size: cover;
      background-repeat: no-repeat;
      transition: transform 3s, opacity .5s, -webkit-transform 3s !important; }
  #department-image-slider .content-overlay {
    position: relative;
    z-index: 4;
    padding-top: 120px;
    padding-bottom: 120px; }
    @media only screen and (max-width: 991px) {
      #department-image-slider .content-overlay .container .col-12, #department-image-slider .content-overlay #content .ce-branches_text_and_image header .col-12, #content .ce-branches_text_and_image #department-image-slider .content-overlay header .col-12 {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 1399px) {
      #department-image-slider .content-overlay {
        padding-bottom: 100px; } }
    @media only screen and (max-width: 767px) {
      #department-image-slider .content-overlay {
        padding-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      #department-image-slider .content-overlay > .container:first-of-type, #department-image-slider #content .ce-branches_text_and_image .content-overlay > header:first-of-type, #content .ce-branches_text_and_image #department-image-slider .content-overlay > header:first-of-type {
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    #department-image-slider .content-overlay h2 {
      line-height: 80px;
      font-size: 36px;
      font-family: wevoUltraLight,PingFangSC-Ultralight,Microsoft YaHei,SimHei,Arial;
      margin-top: -20px;
      font-weight: bold;
      color: #f00;
      text-align: center;
      }
      @media only screen and (max-width: 991px) {
        #department-image-slider .content-overlay h2 {
          line-height: 1em;
          font-size: 70px;
          margin-top: 0; } }
      @media only screen and (max-width: 767px) {
        #department-image-slider .content-overlay h2 {
          line-height: 40px;
          font-size: 40px;
          margin-top: -50px;
          margin-bottom: 0; } }
    #department-image-slider .content-overlay a {
      color: #fff; }
      #department-image-slider .content-overlay a:hover {
        color: #0084ff !important; }
    #department-image-slider .content-overlay a.main-button {
      margin-top: 20px;
      line-height: 2em;
      color: #fff;
      transition: all 125ms ease-in-out;
      width: 200px;
      height: 46px;
      font-size: 18px;
      font-family: wevoLight,PingFangSC-Light,Microsoft Yahei,SimHei,Arial;
      text-transform: uppercase;
      background: none;
      margin-bottom: 0;
      font-weight: 400;
      text-align: center;
      cursor: pointer;
      border: 1px solid #fff;
      white-space: nowrap;
      padding: 6px 12px;
      border-radius: 3px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 767px) {
        #department-image-slider .content-overlay a.main-button {
          width: 160px;
          height: 40px;
          font-size: 14px; } }
      #department-image-slider .content-overlay a.main-button:hover {
        color: #0084ff;
        border: 1px solid #0084ff; }
    #department-image-slider .content-overlay .preview-slider {
      margin-top: 75px; }
      @media (min-width: 1400px) {
        #department-image-slider .content-overlay .preview-slider {
          margin-top: 265px; } }
      #department-image-slider .content-overlay .preview-slider .slick-track {
        transform: translate3d(0px, 0px, 0px) !important; }
        @media only screen and (max-width: 767px) {
          #department-image-slider .content-overlay .preview-slider .slick-track {
            max-width: 360px !important; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #department-image-slider .content-overlay .preview-slider .slick-track .slick-slide {
            padding-left: 14px;
            padding-right: 14px; } }
        @media only screen and (max-width: 767px) {
          #department-image-slider .content-overlay .preview-slider .slick-track .slick-slide {
            width: 135px !important; } }
        @media only screen and (max-width: 767px) {
          #department-image-slider .content-overlay .preview-slider .slick-track .slick-slide:nth-of-type(2n) {
            float: right;
            margin-right: 25px; } }
        @media only screen and (max-width: 767px) {
          #department-image-slider .content-overlay .preview-slider .slick-track .slick-slide[data-slick-index='2'],
          #department-image-slider .content-overlay .preview-slider .slick-track .slick-slide[data-slick-index='3'] {
            margin-top: 45px;
            margin-bottom: 45px; } }
    #department-image-slider .content-overlay .preview-element .preview-slice {
      transition: color 125ms;
      position: absolute;
      top: 200px;
      width: 100%;
      }
      #department-image-slider .content-overlay .preview-element .preview-slice p {
        font-size: 35px;
        line-height: 35px;
        font-family: wevoUltraLight,PingFangSC-Ultralight,Microsoft YaHei,SimHei,Arial;
        color: #fff;
        margin-top: 20px;
        }
        @media only screen and (max-width: 991px) {
          #department-image-slider .content-overlay .preview-element .preview-slice p {
            margin-top: 10px;
            font-family: wevoLight,PingFangSC-Light,Microsoft Yahei,SimHei,Arial;
            font-size: 16px;
            line-height: 21px;
            margin-bottom: -5px; } }
        @media only screen and (max-width: 767px) {
          #department-image-slider .content-overlay .preview-element .preview-slice p {
            font-family: wevoLight,PingFangSC-Light,Microsoft Yahei,SimHei,Arial;
            font-size: 16px;
            line-height: 21px;
            color: #fff;
            margin-left: 22px;
            margin-top: -10px; } }
      #department-image-slider .content-overlay .preview-element .preview-slice:hover a, #department-image-slider .content-overlay .preview-element .preview-slice:hover p, #department-image-slider .content-overlay .preview-element .preview-slice:hover i {
        color: #ff0000;
        }
    #department-image-slider .content-overlay .preview-element .progress {
      margin-top: 20px;
      max-width: 160px;
      margin-left: auto;
      margin-right: auto;
      height: 7px;
      background-color: transparent;
      position: relative;
      overflow: visible; }
      @media only screen and (max-width: 767px) {
        #department-image-slider .content-overlay .preview-element .progress {
          margin-left: 19px; } }
      #department-image-slider .content-overlay .preview-element .progress:before, #department-image-slider .content-overlay .preview-element .progress:after {
        content: "";
        height: 2px;
        width: 100%;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6px' height='2px' viewBox='0 0 6 2' enable-background='new 0 0 6 2' xml:space='preserve'><path d='M0,1c0-0.55,0.44-1,1-1l0,0c0.55,0,1,0.45,1,1l0,0c0,0.55-0.45,1-1,1l0,0C0.44,2,0,1.55,0,1z' fill='%23ffffff'></path></svg>"); }
      #department-image-slider .content-overlay .preview-element .progress:before {
        top: -1px; }
      #department-image-slider .content-overlay .preview-element .progress:after {
        bottom: 1px; }
      #department-image-slider .content-overlay .preview-element .progress .progress-bar {
        position: absolute;
        top: -1px;
        bottom: -1px;
        z-index: 6;
        width: 0;
        height: 7px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #0084ff 100%);
        background-repeat: repeat-x;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        transition: width .6s ease;
        transition-duration: 50ms;
        display: block;
        background-color: transparent; }
        #department-image-slider .content-overlay .preview-element .progress .progress-bar .sr-only {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
    #department-image-slider .content-overlay .slick-current .preview-element .preview-slice a, #department-image-slider .content-overlay .slick-current .preview-element .preview-slice i, #department-image-slider .content-overlay .slick-current .preview-element .preview-slice p {
      color: #ff0000 !important;
      }
  #department-image-slider i {
    width: 160px !important;
    font-size: 160px;
    margin-bottom: 28px;
    line-height: 1.1;
    margin: 0 auto;
    color: #fff;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #department-image-slider i {
        width: 140px !important;
        font-size: 140px !important; } }
    @media only screen and (max-width: 767px) {
      #department-image-slider i {
        width: 125px !important;
        font-size: 125px !important;
        margin: 0 auto;
        margin-bottom: 0;
        margin-right: -20px !important; } }
    #department-image-slider i p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 24px;
      line-height: 32px;
      font-family: wevoUltraLight,PingFangSC-Ultralight,Microsoft YaHei,SimHei,Arial;
      color: #fff; }
    #department-image-slider i .progress {
      margin-top: 20px;
      max-width: 160px;
      margin-left: auto;
      margin-right: auto;
      height: 7px;
      background-color: transparent;
      position: relative;
      overflow: visible; }
      #department-image-slider i .progress:before, #department-image-slider i .progress:after {
        content: "";
        height: 2px;
        width: 100%;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6px' height='2px' viewBox='0 0 6 2' enable-background='new 0 0 6 2' xml:space='preserve'><path d='M0,1c0-0.55,0.44-1,1-1l0,0c0.55,0,1,0.45,1,1l0,0c0,0.55-0.45,1-1,1l0,0C0.44,2,0,1.55,0,1z' fill='%23ffffff'></path></svg>"); }
      #department-image-slider i .progress:before {
        top: -1px; }
      #department-image-slider i .progress:after {
        bottom: 1px; }
      #department-image-slider i .progress .progress-bar {
        position: absolute;
        top: -1px;
        bottom: -1px;
        z-index: 6;
        width: 0;
        height: 7px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #0084ff 100%);
        background-repeat: repeat-x;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        transition: width .6s ease;
        transition-duration: 50ms;
        display: block;
        background-color: transparent; }
        #department-image-slider i .progress .progress-bar .sr-only {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip: rect(0, 0, 0, 0);
          border: 0; }
				
				#department-image-slider .content-overlay p{
					text-align: center;
					line-height: 30px;
				}

/* Slider */



.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  position: relative;
  /* padding: 20px; */
  display: none;
  }
.slick-slide .b_icon img:nth-child(2){
	display:none
}

.slick-slide.slick-current .b_icon img:nth-child(2){
	display:block
}
.slick-slide.slick-current .b_icon img:nth-child(1){
	display:none
}


  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block;
    width: 25%;
    margin: 0 auto;
    }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */



/* advantage css */

.development-history-list {
    width: 100%;
    height: 750px;
}
.development-history-list>ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 80%;
    /* background: rgb(175 1 1 / 66%); */
}

li.development-history-item:nth-child(1)  {
      background: #00b8a7ba;
}
li.development-history-item:nth-child(2)  {
    background: #ff980096;
}
li.development-history-item:nth-child(3)  {
    background: rgb(33 150 243 / 65%);
}
li.development-history-item:nth-child(4)  {
    background: rgb(139 195 74 / 70%);
}
li.development-history-item:nth-child(5)  {
    background: rgb(103 58 183 / 75%);
}






li.development-history-item-active.development-history-item {
    width: 60%;

        background: rgb(175 1 1 / 66%);
}
li.development-history-item-active>div {/* background: #035850; */}
li.development-history-item-active>div>div {
    display: block;
    text-align: center;
    text-shadow: 1px 1px 2px #555;
}
li.development-history-item-active>div>h1 {
    /* padding-left: 160px; */
    text-align: center;
}
li.development-history-item-active>div>p {
    /* padding-left: 160px; */
    text-align: center;
}
li.development-history-item-active>div>a {
    display: inline-block;
    float: left;
    margin-left: 40%;
}
li.development-history-item-active .add-btn {
    display: none;
}
.development-history-item {
    width: 10%;
    transition: all 300ms;
    height: 100%;
    /* margin-top: 5%; */
    float: left;
    text-align: center;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    /* opacity: 0.8; */
}
 
.development-history-item-active.development-history-item:nth-child(2)>div>h1 {
}
.development-history-item-active.development-history-item:nth-child(2)>div>p {
}

.development-history-item>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.development-history-item>img {
    position: absolute;
    /* top: 34%; */
    /* left: 23%; */
    z-index: 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.development-history-item:nth-child(1) a {
    /*display: inline-block;*/
}
/*.development-history-item:nth-child(1) {*/
/*background-image: url("../images/development_03.jpg");*/
/*}*/
/*.development-history-item:nth-child(2) {*/
/*background-image: url("../images/development_02.jpg");*/
/*}*/
.development-history-item>div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    /* background-color: rgb(175 1 1 / 66%); */
    transition: all 300ms;
}
.development-history-item>div>h1 {
    margin-top: 30%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}
.development-history-item>div>p {
    margin: 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
    text-transform:capitalize;
    text-shadow: 1px 1px 1px #000;
}
.development-history-item>div>div {
    display: none;
    margin-top: 40px;
    margin-bottom: 44px;
    font-size: 18px;
    padding: 0 100px;
    font-weight: 700;
    /* width: 100%; */
    color: #fff;
    /*text-shadow: 2px 2px 4px #999;*/
}
.development-history-item>div>a {
    display: none;
    width: 153px;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, rgb(124 3 3), rgb(250 64 64));
    /*transition: all 600ms;*/
    opacity: 0;
}
.development-history-item .add-btn {
    display: inline-block;
    margin-top: 135px;
    width: 32px;
    height: 32px;
    background-image: url('../images/add-circle.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


/*showfour slide*/
#carousel {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#carousel .swiper {
	/* padding-top: 20px; */
	padding-bottom: 40px;
	height: 250px;
}
#carousel .swiper-wrapper{

}

#carousel  .swiper-slide {
	width: 300px;
	background: #fff;
	height: 241px;
	padding: 5px;
	box-shadow: 0 8px 20px #ddd;
	/* border: 1px red solid; */
}
#carousel  .swiper-slide img{
	display:block;
	width: 100%;
	height:100%;
}
#carousel  .swiper-slide p {
	line-height: 58px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 0.8em;
	margin: 0;
}

#carousel .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #e8f5ff;
	width: 20px;
	height: 10px;
	opacity: 1;
	border-radius: 5px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #3eb2f3;
	width: 35px;
}

#carousel .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#carousel .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#carousel .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#carousel .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
#carousel .swiper-button-prev::after,#carousel .swiper-button-next::after{
	content: '';
}


/*scheme show*/

/* Acoustics */
.Acoustics{/* background-color: #242424; *//* padding: 60px 0 40px; */}
.AcousticsBox{padding: 0px;padding-top: 20px;}
.AcousticsCon{max-height: 500px;overflow: hidden;}
.Acoustics .Title02{
	text-align:center;
	color:#fff;
	font-size:30px;
	text-shadow: 1px 1px 1px #000;
}

.Acoustics .Title02 a{
	color:#fff;
	font-size: 48px;
	text-shadow: 1px 1px 1px #000;
}



.AcousticsText{/* background-color: #fff; */}
.AcousticsText dl{padding: 0 15px;display: flex;justify-content: space-between;align-items: center;}
.AcousticsText dl dt{width: 45%;overflow: hidden;}
.AcousticsText dl dt a{width: 100%;height: 100%;display: block;overflow: hidden;}
.AcousticsText dl dt img{display: block;transition: .8s;height: 100%;}
.AcousticsText dl dt:hover a img{transform: scale(1.1);}
.AcousticsText dl dd{width: 55%;height: 450px;background: #00000047;padding: 20px;box-sizing: border-box;}
.AcousticsText dl dd h4{font-size: 28px;color: #fff;padding: 5px 0 20px;}
.AcousticsText dl dd p{font-size: 14px;color: #fff;margin-bottom: 5px;}
.AcousticsText dl dd p.p3{color: #fff;margin: 30px 0 35px;line-height: 30px;}
.AcousticsText dl dd a{font-size: 15px;color: #ffffff;position: relative;display: block;text-align: center;background: #c30000;border-radius: 10px;height: 30px;line-height: 30px;width: 100px;float: right;margin-right: 55px;}

@keyframes buttonchange{
	from{background:#c30000}
	to{background:#1b1b1b70}
}
.AcousticsText dl dd a:hover{
	animation:buttonchange 0.5s forwards;
}





.AcousticsText dl dd a i{width: 21px;height: 3px;display: block;background-color: #ff0000;position: absolute;left: 0px;top: 15px;}
.AcousticsText dl dd ul li{float: left;width: 170px;}
.AcousticsText dl dd ul li span{font-size: 32px;color: #333;font-weight: bold;}
.AcousticsText dl dd ul li em{font-weight: normal;font-size: 12px;}
.AcousticsText dl dd ul li p{color: #333;font-size: 14px;margin-top: 5px;}

.AcousticsNav{height: 115px;background-color: #fff0;/* margin-top: 30px; */padding: 25px;overflow: hidden;}
.AcousticsNav ul{width: 1203px;}
.AcousticsNav ul li{width: 171px;float: left;text-align: center;border-left: 1px #d6d6d6 solid;position: relative;}
.AcousticsNav ul li:first-child{border-left: none;}
.AcousticsNav ul li.cur{background-color: #00000030;box-shadow: 0 0 20px rgb(135 135 135 / 90%);}
.AcousticsNav ul li.cur a p{color: #fff;position: absolute;bottom: 0;background: #00000070;overflow: hidden;white-space: nowrap;width: 100%;text-overflow: ellipsis;box-sizing: border-box;padding: 5px;}
.AcousticsNav ul li a{display: block;height: 100%;/* padding: 5px 0; */}
.AcousticsNav ul li a span{width: 100%;height: 100%;overflow: hidden;display: block;position: relative;margin: 0 auto;/* filter: brightness(200); */}
.AcousticsNav ul li a span img{display: block;width: 100%;/* height: 100%; *//* margin-top: 30px; */position: relative;/* filter: brightness(200); */}
.AcousticsNav ul li.cur a span img{/* top: -30px; */}
.AcousticsNav ul li a p{font-size: 13px;color: #333;margin-top: 0px;}
.AcousticsNav ul li a i{width: 28px;height: 13px;display: block;background: url(../images/acousticssjx.png) no-repeat center;position: absolute;top: -13px;left: 50%;right: 0;display: none;margin-left: -14px;}
.AcousticsNav ul li.cur a i{display: block;}
/* Acoustics End */



/*scheme show end*/


/*about us*/

.box2ImgBg {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 42%;
	height: 100%;
}

.box2ImgBg .imgBg {
	height: 100%;
	transition: all 1s ease 0s;
	transform: scale(1.05)
}

.box2ImgBg .imgBg:hover {
	transform: scale(1)
}

.mbox2Text {
	padding: 20px 5%;
	/* padding-top: 50px; */
	width: 100%;
	text-align: left;
	float: left;
	/* background: #97000061; */
	display: flex;
	border-radius: 10px;
}

.mbox2Text .leftBox{
	width:48%;
	margin-right:2%;
}

.mbox2Text .rightBox{
	width:50%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.mbox2Text .rightBox img{
	width:100%;
	height: 48%;
	border-radius: 20px;
}

.mbox2TitEn {
	color: #fff;
	text-transform: uppercase;
	font-size: 46px;
	font-family: Arial;
	line-height: 150%;
	opacity: 1;
}

.mbox2TitCn {
	color: #fff;
	font-size: 30px;
	line-height: 150%;
	opacity: 1;
}

.mbox2Brief {
	overflow: hidden;
	margin: 20px 0;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	opacity: 1;
	transition: all .8s ease 0s;
}

.mbox2Num {
	margin: 40px 0;
	color: #fbfbfb;
	font-size: 0;
	line-height: 26px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-evenly;
}

.mbox2Num li {
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
	width: 34%;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.mbox2NumSp {
	font-size: 38px;
	font-family: Arial
}

.mbox2Bot {
	position: relative;
	margin: 0 -2px;
	border-bottom: 10px solid #260303;
	padding: 35px 35px 25px;
	background: rgb(255,255,255,0.5);
	font-size: 0;
	display: flex;
	display: none;
}

/*.mbox2Bot:after {
	position: absolute;
	top: 0;
	right: -130px;
	display: block;
	width: 130px;
	height: 100%;
	background: rgb(255,255,255,0.5);
	border-bottom: 10px solid #98ddde;
	content: ""
}*/

.mbox2Bot li {
	padding: 2px;
	width: 25%;
	vertical-align: top;
	text-align: center;
	opacity: 0;
	transition: all .8s ease 0s;
	transform: translateX(-20px)
}

.mbox2Bot li a {
	display: block
}

.mbox2Img {
	margin-bottom: 10px
}

.mbox2Img img {
	margin: 0 auto
}

.mbox2BotH3 {
	color: #333;
	font-size: 15px;
	line-height: 34px
}

.mbox2Bot li a:hover .mbox2Img img {
	animation: swing 1s infinite linear
}

.mbox2More .welcome {
	position: static;
	width: 220px;
	height: 54px;
	line-height: 54px
}

.active .mbox2Bot li,
.active .mbox2Brief,
.active .mbox2TitCn,
.active .mbox2TitEn {
	opacity: 1;
	transform: translateX(0)
}

.active .mbox2TitEn {
	transition-delay: .3s
}

.active .mbox2TitCn {
	transition-delay: .5s
}

.active .mbox2Brief {
	transition-delay: .7s
}

/*about us end*/
/* indexThree */
.indexThree { position: relative; overflow: hidden;}
.threeContainer li:nth-of-type(1) {width: 100vw;height: 100vh;background: url(../images/banner1.jpg) center;background-size: cover;}
.threeContainer li:nth-of-type(2) { width: 100vw; height: 100vh; background: url(../images/bigslider2.jpg) center; background-size: cover;}
.threeContainer li:nth-of-type(3) { width: 100vw; height: 100vh; background: url(../images/bigslider3.jpg) center; background-size: cover;}
.threeContainer li div {text-align: center;font-size: 36px;color: #ffffff;margin: 15vh 0 110px;font-weight: bold;text-shadow: 1px 1px 1px #000;}
.threeContainer li p {color: #fff;text-align: left;line-height: 24px;width: 1200px;margin: 0px auto;background: #00000078;padding: 10px;}
.threeControl { position: absolute; bottom: 0%; height: 100%; width: 100%;}
.threeControl ul { height: 100%; display: flex; flex: 1;}
.threeControl li { height: 100%; position: relative; cursor: pointer; flex: 0 1 33.3%; text-align: center; color: #fff; opacity: 0.5; transition: 0.5s; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 5%; box-sizing: border-box;}
.threeControl li div { transition: 0.5s;}
.threeControl li p {transition: 0.5s;font-size: 36px;font-weight: bold;margin: 10px 0 15px;text-shadow: 1px 1px 1px  #000;}
.threeControl li span { opacity: 0; transition: 0.5s;}
.threeControl li span a{color:#fff;text-shadow: 1px 1px 1px #000;}

.threeControl li.on { opacity: 1;}
.threeControl li.on div, .threeControl li.on p, .threeControl li.on span { transform: translateY(-60px);}
.threeControl li.on span { opacity: 1;}
.threeControl li + li::after { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; background: #fff; opacity: 0.5; height: calc(100vh - 75px);}
@media screen and (max-width: 1024px) {
    .threeControl li { padding-bottom: 30%;}
    .threeContainer li div { margin: 22vh 0 20px;}
}
@media screen and (max-width: 768px) {
    .threeContainer li div { font-size: 28px;}
    .threeContainer li p { padding: 0 20px; box-sizing: border-box;}
    .threeContainer li p br { display: none;}
    .threeControl li p { font-size: 22px;}
}
@media screen and (max-width: 500px) {
    .threeControl li p { margin: 8px 0 5px; font-size: 15px;}
    .threeControl li span { font-size: 12px;}
    .threeContainer li div { font-size: 18px; margin: 22vh 0 10px;}
    .threeContainer li p { font-size: 15px;}
    .threeControl li + li::after { height: calc(100vh - 54px);}
}

/* indexThree end */


/* compony sybom */

.seven { width: 100vw; height: 100vh; background: url(../images/bgseven.jpg) center; background-size: cover; overflow: hidden;}
.sevenContainer {width: 95%;margin: auto;max-width: 1600px;padding-top: 10vh;}

.seven .onetit{background: none;width: 100%;margin-bottom:30px;text-align: center;}
.seven .onetit span{background: #009688;display:inline-block;width:15px;height:15px;border-radius:50%;margin:0 20px}
.seven .onetit h4{
	color: #009688;
	font-size:40px;
	display: flex;
	margin-bottom:10px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}

.seven .onetit p{
	color: #047a6f;
	font-size:20px;
	font-weight: bold;
	/* text-shadow: 1px 1px 1px #000; */
}
.fourleft{width: 10%;height: 100%;}
.fournr{position: relative;height: 66%;width: 90%;max-width: 1500px;margin: 0 auto;display: flex;justify-content: space-evenly;}

.fourleft li em{ transition:.5s; margin-top: 5px; display: block; background:  url(../images/t13.png) no-repeat; width: 18px; height: 18px; margin-left: 32px; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.fourleft li span{text-align: center;font-size: 17px;font-weight: bold;color: #fff;display: block;line-height: 90px;}
.fourleft li a{transition:.5s;background: #f9f9f900;width: 120px;height: 90px;display: block;box-shadow: 0 0 15px rgb(135 135 135 / 90%);}
.fourleft li {margin-bottom: 1px;}
.fourleft li.cur a,.fourleft li:hover a{padding-top: 20px;text-align: center;font-size: 24px;color: #fff;text-shadow: 1px 1px 1px #000;line-height: 32px;background:  url(../images/z3.jpg) no-repeat;background: #0006;background-size: auto 100%;display: block;width: 120px;height: 200px;}
.fourleft li.cur a em,.fourleft li:hover a em{background:  url(../images/t13s.png) no-repeat;margin-left: 35px;margin-top: 25px; }
.fourleft li.cur a span,.fourleft li:hover a span{width: 20px;font-size: 24px;color: #fff;margin:auto;line-height: 50px;text-shadow: 1px 1px 1px #000;}


.fourright{width: 85%;overflow: hidden;height: 100%;}
.fourright .clearfix{
	display:flex;
	height: 100%;
	width: 100%;
	justify-content: space-between;
}
.fourright dt{float: left;width: 40%;padding-bottom: 45px;background: content-box;}
.fourright dt h4{line-height: 40px;font-size: 30px;color: #fff;text-shadow: 1px 1px 1px #000;font-weight: bold;padding-bottom: 22px;background:  url(../images/t12.png) no-repeat bottom left;}
.fourright dt p{font-size: 20px;line-height: 31px;color: #fff;background: #0000005e;height: 335px;padding: 20px;text-indent: 20px;}
.fourright dt p img{display: inline-block;vertical-align: top;margin-right: 16px;}
.fourright dt p span{display: inline-block;vertical-align: top;width: 335px;}
.fourright dd{width: 58%;display: flex;align-items: center;}
.fourright dd img{display: block;max-width: 100%;width: 100%;height: 80%;}

.fourbtn{position: absolute;left: 223px;bottom: 0;z-index: 101;}
.fourbtn p span { display: inline-block; width: 12px; height: 12px; background: #c4c1c4; overflow: hidden; margin: 0 15px; border-radius: 16px; cursor: pointer; opacity: 1; vertical-align: middle; }
.fourbtn p span.swiper-pagination-bullet-active {background: #ff0000;width: 12px;height: 12px;}
.fourbtn p{display: inline-block;vertical-align: middle;}
.jt1,.jt2{position: absolute;top: -10px;width: 35px;height: 35px;display: inline-block;vertical-align: middle;}
.jt1{background:  url(../images/jt1.png) no-repeat;left: -40px;z-index: 101;background-size: 100% 100%;}
.jt2{background: url(../images/jt2.png) no-repeat;right: -40px;z-index: 101;background-size: 100% 100%;}
.jt1:hover{background:  url(../images/jt1s.png) no-repeat;background-size: 100% 100%;}
.jt2:hover{background:  url(../images/jt2s.png) no-repeat;background-size: 100% 100%;}


/*company member*/
.eight {width: 100vw;height: 100vh;background: #31455e;background-size: cover;overflow: hidden;}
.eightContainer {width: 1300px;margin: auto;max-width: 1600px;padding-top: 8vh;}
.eightContainer .member-box{
    width: 1300px;
    margin:0 auto;
    height: 42%;
    display: flex;
    justify-content: space-between;
}
.eightContainer .member-title{
    text-align: center;
    margin: 20px 0;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 10px;
}

.eightContainer .member-title h4{
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}


.eightContainer .member-box .pic-box{
    height: 100%;
    width: 49%;
}

.eightContainer .member-box .pic-box img{
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
}

.eightContainer .partner .partner-box{
    width: 100%;
    overflow-x: hidden;
}

.eightContainer .partner .partner-box{
    margin-top: 20px;
}
.eightContainer .partner .partner-box .partner-pic img{
    height: 100px;
    width: auto;
    display: block;
    margin: 0 auto;
}


.eightContainer .partner h1{
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}




/*company member end*/
/*about us*/
/*about us end*/
.wrapper_about{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    /* background: #0038a9; */
    padding-bottom: 20px;
}


.wrapper_about .contain-box{
	width:1200px;
	margin:0 auto;
}


.wrapper_about .membershow{
    width: 100%;
    margin-bottom: 50px;
}


.wrapper_about h1{
	font-size:40px;
	color: #009688;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	margin:10px
}


.wrapper_about .membershow h2{
	font-size: 15px;
	letter-spacing:10px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	margin: 20px;
}



.wrapper_about .membershow img{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.wrapper_about hgroup{
	color: #009688;
	font-size:40px;
	text-align:center;
	margin:20px 0;
	font-weight:bold;
}

.wrapper_about hgroup h3{
	font-weight:bold;
}


.wrapper_about .right .text{
	padding:0 10px;
}
.wrapper_about p{
	font-size:20px;
	line-height: 55px;
	/* color: white; */
}


.partnershow .partnerbox{
    display: flex;
    flex:wrap;
    justify-content: space-between;
    flex-wrap: wrap;
}


.partnershow .partnerbox img{
    display: block;
    width: 15%;
    border: 1px #c2c2c2 solid;
    border-radius: 20px;
    margin: 25px;
}

.honorshow{
	overflow:hidden;
	margin-top: 100px;
	margin-bottom: 100px;
}
.honorshow .honorbox{
	width:100%;
	margin-top: 45px;
}
/*design css*/
	.ns-top {
								text-align: center;
								padding: 25% 0;
								background: #aaa url(/themes/pc/public/static/images/allsj.jpg);
								background-position: center;
								color: #fff;
								background-size: auto 100%;
							}


							.ns-top h2 {
								line-height: 1.25;
								font-size: 5rem;
							}

							.ns-top h2 b {
								display: inline-block;
								padding: 1em;
								border: 1px solid #fff;
							}

							.ns-top p {
								line-height: 2;
								font-size: 1.25rem;
							}

							.ns-top img {
								margin: 3em auto 1.5em;
							}

							.ns-top tt {
								display: block;
								text-transform: uppercase;
								font-size: 1rem;
								font-family: 'Din', arial;
							}

							.nst {
								clear: both;
								margin: 0;
								padding: 0;
								color: #252525;
							}

							.nst ul {
								display: flex;
								width: 800px;
								max-width: 100%;
								padding: 2em 0;
								margin: 0 auto;
							}

							.nst ul li {
								box-sizing: border-box;
							}

							.nst ul li:nth-child(1) {
								marghin-left: 0;
							}

							.nst h4 {
								text-align: center;
								line-height: 2;
								font-size: 2.5rem;
							}

							.nst p {
								line-height: 1.75;
								font-size: 1.15rem;
							}

							.nst img {
								display: block;
								max-width: 100%;
								margin: auto;
							}

							.nst>div>p {
								text-align: center;
							}

							.ga,
							.gb,
							.gc,
							.gd,
							.ge,
							.gf {
								padding: 5% 0;
							}

							.ga>h4 {
								color: #fff;
							}

							.gb>h4,
							.gc>h4,
							.gd>h4,
							.ge>h4,
							.gf>h4 {
								color: #252525;
							}

							.ga>p {
								color: #fff;
							}

							.gb>p,
							.gc>p,
							.gd>p,
							.ge>p,
							.gf>p {
								color: #484848;
							}

							.ga {
								background: linear-gradient(45deg, #2e2e2e 48%, #9a9a9a);
							}

							.ga ul {
								background: rgba(250, 250, 250, .9);
								max-width: 80%;
								margin: 2em auto 1em;
								padding: 2em;
								border-radius: 20px;
							}

							.gal ul {
								display: flex;
								align-items: center;
								justify-content: space-around;
							}

							.gaga {
								flex: 1;
							}

							.gaga h5 {
								font-size: 1.75rem;
								color: #383838;
								font-weight: 500;
							}

							.gaga i {
								display: block;
								width: 25px;
								height: 2px;
								margin: 1em 0;
								background: #555;
							}

							.gaga p {
								text-align: justify;
								font-size: 1.25rem;
								color: #555;
							}

							.gagb {
								flex: 0 1 36%;
								margin-left: 10%;
							}

							.gagb img {
								border-radius: 14px;
								height: 150px!important;
								filter: grayscale(80%);
							}

							.gb {
								background: #ededed url(/themes/pc/public/static/images/gbbg.jpg) no-repeat center;
							}

							.gb ul {
								flex-wrap: wrap;
								justify-content: space-around;
							}

							.gb ul li {
								flex: 0 1 30%;
								margin-left: 2%;
								margin-bottom: 2%;
							}

							.gb ul li:nth-child(3n+1) {
								marghin-left: 0;
							}

							.gb ul li>div {
								text-align: center;
							}

							.gb ul li>div img {
								text-align: center;
							}

							.gbl p {
								font-weight: bold;
							}

							.gc {}

							.gd {
								border: 20px solid #c30000;
								padding: 5% 1em;
							}

							.gd h5 {
								line-height: 2;
								font-size: 1.5rem;
								color: #252525;
							}

							.gd h5 span {
								line-height: 2;
								font-size: 2rem;
								color: var(--style_color);
								font-family: 'Din';
							}

							.gd ul {
								align-items: center;
								justify-content: space-around;
								padding: 0;
							}

							.gd ul:nth-child(1) {
								padding-top: 2em;
							}

							.gd ul:nth-child(odd) {
								flex-direction: row-reverse;
							}

							.gd ul li {
								flex: 1 1 49%;
							}

							.gd ul li img {
								border-radius: 14px;
								height: 200px!important;
							}

							.don {
								padding: 1em;
							}

							.don p {
								font-size: 1rem;
								color: #5a5a5a;
							}

							.ge {}

							.gel {
								width: 780px;
								max-width: 90%;
								margin: 2em auto;
								overflow-y: auto;
							}

							.gel table {
								width: 100%;
								border: 0;
								border-collapse: collapse;
							}

							.gel table td,
							.gel table th {
								vertical-align: middle;
								border: 1px solid #cecece;
								padding: 1em;
								text-align: center;
								font-size: 1rem;
							}

							.gel table th {
								background: #c30000;
								border: 1px solid #cecece;
								color: #fff;
							}

							.gf {
								background: #ededed;
							}

							.gf ul {
								width: 95%;
								justify-content: space-around;
							}

							.gf ul li {
								flex: 0 1 28%;
								text-align: center;
								background: rgb(255 255 255 / .75);
								padding: 2em 1em;
								border-radius: 10%;
							}

							.he {
								position: relative;
								margin: 0 auto 1em;
							}

							.he h {
								position: relative;
								display: block;
								height: 120px;
								width: 120px;
								margin: 0 auto;
								background: linear-gradient(45deg, #2b2b2b 41%, #dadada);
								border-radius: 50%;
								box-shadow: 0 3px 6px rgb(25 25 25 / .75);
							}

							.he e {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								text-align: center;
								font-size: 3.6rem;
								color: #fff;
							}

							.ns-foot {
								background: #c30000;
								padding: 5% 0;
								text-align: center;
								color: #fff;
							}

							.ns-foot h3 {
								font-size: 2.5rem;
								margin-bottom: 1em;
							}

							.ns-foot a {
								font-size: 1.75rem;
								margin: 2em auto 1em;
								color: #fff;
							}

							.ns-foot a b {
								font-family: 'Din';
								font-size: 2rem;
							}

							.ns-foot h5 {
								font-size: 1.5rem;
								line-height: 2;
								margin-bottom: 2em;
							}

							.ns-foot p {
								width: 98%;
								margin: 0 auto;
								padding-top: 1em;
								text-align: justify;
								line-height: 1.75;
								font-size: 1rem;
								color: #fefefe;
								border-top: 1px solid #fefefe;
							}

							@media (max-width: 768px) {
								.ns-top h2 {
									line-height: 1.5;
									font-size: 2.5rem;
								}

								.ns-top tt {
									font-size: .6rem;
								}

								.nst h4 {
									font-size: 1.5rem;
								}

								.nst p {
									font-size: 1rem;
								}

								.nst ul {
									flex-wrap: wrap;
								}

								.ga>h4 {
									color: #fff;
								}

								.ga ul {
									padding: 1em;
								}

								.gaga,
								.gagb {
									flex: 1 0 100%;
								}

								.gaga h5 {
									font-size: 1.25rem;
								}

								.gagb {
									margin-left: 0;
									margin-top: 1em;
								}

								.gd {
									border: 10px solid #c30000;
									padding: .5em;
								}

								.gd h5 {
									font-size: 1.25rem;
								}

								.gd h5 span {
									font-size: 1.5rem;
								}

								.gd ul li {
									flex: 1 0 100%;
								}

								.don {
									padding: 1em 0;
									padding-top: 2em;
								}

								.gd ul:nth-child(1) {
									padding-top: 1em;
								}

								.gd ul li>div:nth-child(1) {
									padding-top: 1em;
								}

								.gel {
									max-width: 100%;
								}

								.gel table td,
								.gel table th {
									font-size: .9rem;
								}

								.gbf ul li {
									flex: 1 0 100%;
									padding: 1em;
									margin-bottom: 1em;
								}

								.gf ul li {
									background: none;
									padding: 0;
								}

								.he h {
									height: 66px;
									width: 66px;
								}

								.he e {
									font-size: 2rem;
								}

								.ns-foot h3 {
									font-size: 2rem;
								}

								.ns-foot h5 {
									font-size: 1.125rem;
									margin-bottom: 1em;
								}

								.ns-foot a {
									font-size: 1.05rem;
								}

								.ns-foot a b {
									font-size: 1.5rem;
								}

								.ns-foot p {
									width: 90%;
									line-height: 1.5;
									font-size: .8rem;
									padding: 2%;
								}
							}
		/*design css end*/
/*foot-nav*/
.footer-nav{
    display: none;
}
/*foot-nav end*/