@charset "UTF-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

#banner {position: relative}
#banner .slider_item img {width: 100%}
#banner .slider_item .item_phone {display: none}
#banner .slider_page {position: absolute;width: 100%;left: 0;bottom: 30px;z-index: 99;text-align: center}
#banner .slider_page span {width: 140px;height: 4px;display: inline-block;opacity: .5;margin: 0 5px;cursor: pointer}
#banner .slider_page .on {opacity: 1}
#welcome_dect .wit {padding: 80px 0}
#welcome_dect .let {width: 50%}
#welcome_dect .welcome_text .host_tit {font-size: 14px; letter-spacing:3px;}
#welcome_dect .welcome_text .title {font-size: 50px;margin-top: 15px}
#welcome_dect .welcome_text .title div {width: 430px;line-height: 60px}
#welcome_dect .rit {width: 50%;font-size: 18px;line-height: 28px}
#welcome_dect #more_href {margin-top: 65px; text-transform:uppercase;}
#more_href a {display: inline-block; padding-bottom: 4px;font-size: 14px;}
#more_href a:hover {text-decoration: none}
#product_list_index { padding-top:80px; padding-bottom:125px;}
#product_list_index .product_list {position: relative;margin-bottom: 80px}
#product_list_index .product_list:last-child {margin: 0}
#product_list_index .product_list .let {float: left;width: 50%; max-width:540px;}
#product_list_index .product_list .rit {position: absolute;width: 50%;height: 100%;right: 0;top: 0; max-width:540px;}
#product_list_index .product_list .product_list_text .dm {position: absolute;top: 50%;display: inline-block;left: 5%;transform: translate(0, -50%)}
#product_list_index .product_list .product_list_text .dm .tit {font-size: 50px;}
#product_list_index .product_list .product_list_text .dm .tit span {display: block;width: 420px;line-height: 60px}
#product_list_index .product_list .product_list_text .dm .dect {font-size: 16px;line-height: 22px;margin: 30px 0}
#product_list_index .product_list:nth-child(2n) .let {float: right}
#product_list_index .product_list:nth-child(2n) .rit {right: auto;left: 0}
#choose_us_index .tit {font-size: 50px;text-align: center;margin-bottom: 60px}
#choose_us_index .txt{position:relative; width:100%; overflow:hidden;}
#choose_us_index .txt .img{ width:1920px;}
#choose_us_index .cont_layer {width:100%; height:100%; overflow:hidden; padding-top:75px; padding-bottom:60px; position:absolute; top:0; left:0; text-align:center;}
#choose_us_index .cont_layer .slider_page {display: none;}
#choose_us_index .cont_layer .slider_page .click_pr {left: 2%;width: 25px;position: absolute;top: 50%;z-index: 999;transform: translate(0, -50%)}
#choose_us_index .cont_layer .slider_page .click_ne {right: 2%;position: absolute;width: 25px;top: 50%;z-index: 999;transform: translate(0, -50%)}
/*#choose_us_index .cont_layer .slider_page span {width: 12%;height: 4px;background: #fff;display: inline-block;opacity: .5;margin: 0 5px;cursor: pointer}
#choose_us_index .cont_layer .slider_page .on {opacity: 1}*/
#choose_us_index ul li{width: 29.5%;margin-right: 5%;float: left;}
#choose_us_index .list {padding: 80px 0}
#choose_us_index .list .modleimg {text-align: center;height: 62px;margin-bottom: 45px}
#choose_us_index .list a{text-decoration: none;}
#choose_us_index .scale:hover .modleimg img{transform:scale(1);}
#choose_us_index .list .title {text-align: center;font-size: 20px;padding-bottom: 22px;margin-bottom: 22px;position: relative}
#choose_us_index .list .title::before {content: '';width: 50px;display: inline-block;height: 1px;background: #b9bbbd;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: 0}
#choose_us_index .list .dect {font-size: 14px;text-align: center;padding: 0 5%;line-height: 25px;height: 75px;overflow: hidden;}
#choose_us_index ul li{cursor: default;}
#choose_us_index ul li:nth-child(3) {margin-right: 0;}
#latest_news .wit {padding: 110px 0 80px;}
#latest_news .let {width: 30%;padding-right: 5%}
#latest_news .let .tit {font-size: 50px;}
#latest_news .let .dect {font-size: 16px;margin: 25px 0;line-height: 26px}
#latest_news .let .switch {position: relative;margin-bottom: 20px}
#latest_news .let .switch::before {width: 2px;height: 25px;content: '';position: absolute;left: 25px}
#latest_news .let .switch img {margin-right: 20px;cursor: pointer}
#latest_news .let .modlehref a {display: inline-block;padding: 13px 43px;font-size: 14px}
#latest_news .let .modlehref a:hover{ text-decoration: none;}
#latest_news {position: relative}
#latest_news .rit {width: 64%;position: relative}
#latest_news .phone_clicks {display: none}
#latest_news .phone_clicks .click_pr {left: 2%;width: 25px;position: absolute;top: 42%;z-index: 999;transform: translate(0, -50%)}
#latest_news .phone_clicks .click_ne {right: 2%;position: absolute;width: 25px;top: 42%;z-index: 999;transform: translate(0, -50%)}
#latest_news .rit .slide_list {width: 353px;margin-right: 32px;}
#latest_news .rit .slide_list .modleimg{display: block;width: 100%;text-align: center;}
#latest_news .rit .slide_list .modleimg .type_img{overflow: hidden;position: relative;padding-top: 56%;}
#latest_news .rit .slide_list .modleimg .type_img .type_themeImg{position: absolute;width: 100%;height: 100%;margin-top: -56%;}
#latest_news .rit .slide_list .time {font-size: 16px;padding: 2px 0;padding-left: 20px;margin: 5px 0}
#latest_news .rit .slide_list .title {font-size: 24px;max-height: 56px;overflow: hidden;margin-bottom: 15px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
#latest_news .rit .slide_list .title a:hover{ text-decoration: none;}
#latest_news .rit .slide_list .dect {font-size: 16px;line-height: 24px;margin-bottom: 18px}
#latest_news .rit .slide_list #more_href{text-transform: uppercase;}
/*#latest_news .rit .slide_list:nth-child(2n) {margin-right: 0}*/
#latest_news .phone_tit {text-align: center;display: none}
#latest_news .phone_tit .t1 {font-size: 24px;margin-bottom: 10px}
#latest_news .phone_tit .t2 {font-size: 16px;}
#joinour_newsletter {width: 760px;display: block;margin: 0 auto;padding: 65px 0 60px}
#joinour_newsletter .default_newsletter_style .top_text {text-align: center;font-size: 50px;}
#joinour_newsletter .default_newsletter_style .sub_text {font-size: 16px;text-align: center;margin: 25px 0 30px}
#joinour_newsletter .default_newsletter_form {position: relative;}
#joinour_newsletter .default_newsletter_form .text {font-size: 16px;width: 100%;padding: 10px 55px 10px 0;box-sizing: border-box;}
#joinour_newsletter .default_newsletter_form .subscribe {width: 53px;height: 40px;position:absolute;top:0;right:0;text-indent: 9999px;cursor: pointer;}
#joinour_newsletter .share {text-align: center;margin-top: 20px}
#joinour_newsletter .share a{ display: inline-block;margin: 0 10px}

.share .follow_us_list{height: auto;}

.icon_follow_facebook{background-position:0 0;}
.icon_follow_instagram{background-position:0 -280px;}
.icon_follow_twitter{background-position:0 -40px;}
.icon_follow_pinterest{background-position:0 -80px;}
.icon_follow_linkedin{background-position:0 -120px;}
.icon_follow_youtube{background-position:0 -160px;}
.icon_follow_google{background-position:0 -200px;}
.icon_follow_vk{background-position:0 -240px;}
@media screen and (max-width: 1000px) {
	#banner .slider_item .item_phone {display: block}
	#banner .slider_item .item_pc {display: none}
	#banner .slider_page span {width: 12%}
	#welcome_dect .let,
	#welcome_dect .rit {width: 100%;text-align: center}
	#welcome_dect .wit {padding: 25px 0;border-bottom: 0 none}
	#welcome_dect .welcome_text .title div {line-height: 28px;font-size: 24px;padding: 0 10%;width: 80%}
	#welcome_dect .welcome_cont {font-size: 14px;line-height: 24px;margin-top: 10px}
	#welcome_dect #more_href {margin-top: 10px}
	#product_list_index {padding: 25px 0}
	#product_list_index .wit{width: 100%;padding: 0 4vw;box-sizing: border-box;}
	#product_list_index .product_list .rit {position: relative;width: 100%;height: auto;right: auto;top: auto}
	#product_list_index .product_list .product_list_text .dm {position: relative;width: 100%;height: auto;right: auto;top: auto;left: auto;bottom: auto;transform: translate(0, 0)}
	#product_list_index .product_list .let {width: 100%}
	#product_list_index .product_list .product_list_img img {width: 100%}
	#product_list_index .product_list .product_list_text .dm .tit span {width: auto;font-size: 24px;line-height: 28px;width: 80%;padding: 15px 10% 0;text-align: center}
	#product_list_index .product_list .product_list_text .dm .dect {margin: 15px 0;margin-top: 5px;text-align: center;line-height: 22px;padding: 0 5%}
	#more_href {text-align: center}
	#latest_news #more_href{text-align: left;}
	#product_list_index .product_list {margin-bottom: 40px}
	#choose_us_index .txt .img{ width:1100px; margin:0 calc((1100px - 100vw) / 2 * -1);}
	#choose_us_index .txt .img:after{ width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
	/*#choose_us_index .txt .img{width:100%; overflow:hidden; padding:0;}*/
	/*#choose_us_index .txt .img img{max-width:inherit; margin-left:calc((100% / 2 + 50vw) * -1)}*/
	#choose_us_index .cont_layer .wit{width:100%; overflow:hidden;}
	#choose_us_index ul li{width:920px;margin:0 30px;}
	#choose_us_index ul li:nth-child(3){margin-right: 30px;}
	#choose_us_index ul li:nth-child(2),
	#choose_us_index ul li:nth-child(3){ display:none;}
	#choose_us_index ul .srcoll_list li:nth-child(2),
	#choose_us_index ul .srcoll_list li:nth-child(3){ display:block;}
	#choose_us_index .list {width: 100%;margin: 0 auto;background: 0 0;padding: 10px 0;}
	#choose_us_index .list .modleimg{height: auto;margin-bottom: 10px;}
	#choose_us_index .cont_layer {overflow:hidden; /*padding:20px 0;*/ box-sizing:border-box; padding-top:45px;}
	#choose_us_index .cont_layer .slider_page {display: block}
	#choose_us_index .cont_layer .slider_page>a{ display:none;}
	#choose_us_index .list:hover {background: 0 0}
	#latest_news .let {display: none}
	#latest_news .rit {width: 80%;position: relative;padding: 0 10%}
	/*#latest_news .rit .slide_list {width: 100%;margin: 0 auto;display: none}
	#latest_news .rit .slide_list:nth-child(2n) {width: 100%;margin: 0 auto}
	#latest_news .rit .slide_list:nth-child(1) {display: block}*/
	#latest_news {padding: 25px 0 0}
	#joinour_newsletter {width: 92%;padding:5% 0 3%;}
	#joinour_newsletter .default_newsletter_style .top_text{font-size: 24px;}
	/*#latest_news .rit .slide_list .modleimg img {width: 100%}*/
	#latest_news .wit {padding: 25px 0;border-bottom: 0 none}
	#choose_us_index .tit {font-size: 24px;margin-top: 10px;margin-bottom: 15px}
	#latest_news .phone_clicks {display: block}
	#latest_news .phone_tit {display: block}
	#latest_news .rit .slide_list .title {font-size: 18px;max-height: initial;line-height: 25px;margin-bottom: 0}
	#latest_news .rit .slide_list .dect {font-size: 14px;line-height: 20px}
	#banner .slider_page {bottom: 10px}
	#latest_news .rit .slide_list{ width:75vw;}
	.follow_us_list li {width: 32px;margin-bottom: 5px;}
	#joinour_newsletter .share a{margin: 0 0;}
}
@media screen and (max-width: 768px) {
	#choose_us_index ul li{width:720px;}
}
@media screen and (max-width: 680px) {
	#choose_us_index ul li{width:620px;}
}
@media screen and (max-width: 580px) {
	#choose_us_index ul li{width:520px;}
}
@media screen and (max-width: 480px) {
	#choose_us_index ul li{width:420px;}
}
@media screen and (max-width: 375px) {
	#choose_us_index ul li{width:320px;}
}