@charset "utf-8";
/* CSS Document */
@import"font.css";
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,figure,input,textarea,a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	box-sizing:border-box;
	font-family:"PlusJakartaSans-Regular";
	color:#3c3c3c;
	}
html{height:100%;font-size:16px; line-height: 1.5;}

:focus {
	outline:0;
}
ol,ul,dl,li {
	list-style:none;
	padding:0
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption,th,td {

	font-weight:normal;
	box-sizing:border-box
}
a {
	text-decoration:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}
blockquote,q {
	quotes:"" "";
}
sub {

}
sup {

}
input,select {

}
a:hover {
 text-decoration:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.fix {
	display:inline-block;
}
.fix {
	display:block;
}
.fix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:before,.clearfix:after {
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}


*.{padding:0;margin:0;}

h1,h2,h3,h4,h5,h6{ padding:0; margin:0;font-family:"PlusJakartaSans-Bold";}
h1{ font-size:42px; text-align:center;text-transform:uppercase;}
h2{ font-size:60px; color:#333;text-align:center; font-weight: bold;}
h3{ font-size:36px; color:#333;}
h4{ font-weight:200;}
h5{ font-size:24px; text-align:center; margin:0 auto;font-family:"PlusJakartaSans-SemiBold";}
a {color:#333;text-decoration: none;}
a:hover {text-decoration: none; color:#333;}
img a:hover{text-decoration: none;}
p{ margin-bottom:20px;}
form{margin:0;padding:0;}
input, select, textarea{ font-size:12px;}
@media (max-width:1440px) {
	html{ font-size: 16px;}
	h2{ font-size:48px;}
	h3{ font-size:36px;}
	h5 { font-size:18px;}
	}
@media (max-width:1180px) {
	html{ font-size:16px;}
	h2{ font-size:36px;}
	h3{ font-size:30px;}
	h5 { font-size:18px;}
	}
@media (max-width:1020px) {
	h2{ font-size:24px;}

	h5 { font-size:16px;}
	}

.left{float:left;}
.right{float:right;}
.space{ clear:both;}
.grey{ background:#f8f8f8;}
.blue{ background:#f2f2f2;}

.buttom{ margin:0 auto; height:36px; text-align:center;}
.buttom a{font-size:14px; font-family:"PlusJakartaSans-SemiBold"; line-height:34px; height:34px; border:1px solid #FFF; border-radius:40px; display:inline-block; color:#fff; padding:0 30px; text-align:center; }
.buttom a:hover{ background:#ea3328; color:#fff;border:1px solid #ea3328;}



.left_tools{ position:fixed; bottom:0; width:78px; right:0;  z-index:1000;}
.left_tools div{ margin-bottom:8px;}
.left_tools div a{display:flex;align-items:center;justify-content: center;width:100%; height:78px;background-image: linear-gradient(to right, #41ca1c , #029084); border-radius:30px;}
.left_tools div a:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}
.left_tools div img{ width: 48px;}

@media (max-width:1440px) {
	.left_tools{ width:72px;}
	.left_tools div a{height:72px; border-radius:24px;}
	.left_tools div img{ width: 48px;}
}

@media (max-width:1180px) {
	.left_tools{ display:none;}
	}
@media (max-width:1020px) {
	.left_tools{ display:none;}
	}
	


.wrap{max-width: 1632px;margin: 0 auto;}

/*__header_____*/
.mall_header{box-shadow: 0px 0px 10px #e5e5e5; height: 90px; background: #fff; position: relative;position: fixed; top: 0; z-index: 888; width: 100%;}
.mall_header .wrap{ max-width: 1632px; margin: 0 auto;}
.mall_header .logo{ height: 90px; font-family: "PlusJakartaSans-Bold"; color: #74787b;float:left; margin-right:2%;display: flex;align-items: center;}
.mall_header .logo a{ display:block; background:url(../images/logo.png) no-repeat; width:200px; background-size:100%;}
.mall_header .logo img{ width:100%; display:block;}
.mall_header .logo span{ font-size: 25px; display: block; height: 48px;}


.mall_header .search{ float: left; display: flex;align-items: center; height: 90px; width: 500px; margin-left: 80px; position: relative;}
.mall_header .search .btn{ background: url("../images/icon_search2.png") no-repeat center; background-size:  30px;border: 0;width: 60px; height: 60px; position: absolute; right: 0;}
.mall_header .search input{ width: 100%;border: 1px solid #333; border-radius: 8px; line-height: 44px; height: 44px; padding: 0 15px; font-size: 14px;}
.mall_header .search input:focus{ outline: none;border: 1px solid #42cb1b;}
.mall_header .search input::-webkit-input-placeholder { color: #ccc; font-weight: 100; font-size: 14px; line-height: 50px;} 
.mall_header .search input:-moz-placeholder {color: #ccc;  line-height: 50px;} 
.mall_header .search input::-moz-placeholder {color: #ccc;  line-height: 50px;} 
.mall_header .search input:-ms-input-placeholder {color: #ccc;  line-height: 50px;} 


.mall_header .phone_menu{float:right;position: relative;display: flex;align-items: center; height: 80px; display: none;}
.mall_header .phone_menu>a{ display:block;  height:36px; width: 24px; font-weight:400;background:url(../images/icon_menu.png) no-repeat; background-position:center ; background-size:36px;}

.mall_header .phone_top{ display: none; background: #202020; height: 40px;}

.mall_header .user_icon{ float: right; margin-right: 50px; position: relative;display: flex;align-items: center; height: 90px;}
.mall_header .user_icon>a{ background: url("../images/icon_user3.png") no-repeat;  height: 26px; background-size:26px; display: block; padding-left: 30px; font-size: 14px; line-height: 26px;}
.mall_header .logon{}
.mall_header .logon>a{ background: url("../images/icon_user2.png") no-repeat; background-size:26px;}
.mall_header .logon .user_menu{ display: none;}
.mall_header .on .user_menu{ position: absolute; top: 80px; left: -20px; z-index: 111;box-shadow: 0px 0px 10px #e5e5e5; background: #fff; padding: 30px; font-size: 14px; width: 200px;display: block;}
.arrow_box{position: relative;background:#d551c8; }
.arrow_box:after,.arrow_box:before {bottom:100%;left:50%;border: solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;}
.arrow_box:after{ border-width:50px; margin-left:-50px;}
.arrow_box:before{border-bottom-color:#fff; border-width: 16px;margin-left:-16px;}
.user_menu .title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 12px;font-family: "PlusJakartaSans-Bold";}
.user_menu ul{}
.user_menu ul li{ line-height: 36px;}
.user_menu ul .acc{font-family: "PlusJakartaSans-Bold";}
.user_menu .ext{ margin-top: 12px;}
.user_menu .ext a{font-family: "PlusJakartaSans-Bold";}


.mall_header .card_icon{ float: right; margin-right: 50px;  position: relative;display: flex;align-items: center; height: 90px;}
.mall_header .card_icon a{ background: url("../images/icon_shopping2.png") no-repeat; width: 26px; height: 26px; background-size:26px; display: block;}
.mall_header .card_icon .nub{ position: absolute; width: 16px; height: 16px; font-size: 11px; line-height: 16px; text-align: center; color: #fff; top: 26px; right: -8px; background: #42cb1b; border-radius: 50%;}

.mall_header .contact_icon{ float: right; margin-right: 50px;display: flex;align-items: center; height: 90px;}
.mall_header .contact_icon a{ background: url(../images/icon_mall_contact.png) no-repeat; width: 24px; height: 24px; background-size:24px; display: block;}

.mall_header .change_icon{float: right;display: flex;align-items: center; height: 90px;}
.mall_header .change_icon a{ display: block; background: url(../images/icon_mall_change.png) no-repeat; width: 40px; height: 24px; background-size:24px;font-size: 14px; padding-left: 30px; line-height: 24px; }


.mall_nav{border-bottom: 1px solid #74787b; height: 70px; position: fixed; z-index: 880; top: 90px; width: 100%; background: #fff;}
.mall_nav .wrap{ max-width: 1632px; margin: 0 auto;}
.mall_nav .wrap>ul>li{ float: left; height: 70px; margin-right: 60px; position: relative;}
.mall_nav .wrap>ul>li>a{font-family: "PlusJakartaSans-Bold"; display: block; height: 70px; line-height: 70px; background: url("../images/icon_xiala.png") no-repeat right center; background-size:9px; padding-right: 20px; font-size: 14px;}

.mall_nav .mall_subMenu{ display: none; padding: 0 30px; position: absolute; z-index: 999; background: #fff; top: 69px; left: -30px; width: 400px; padding-bottom: 20px;}
.mall_nav .mall_subMenu ul{}
.mall_nav .mall_subMenu ul li{ border-bottom: 1px solid #e5e5e5;position: relative;}
.mall_nav .mall_subMenu ul li a{ font-family: "PlusJakartaSans-Bold"; line-height: 1.5; padding: 18px 0; width: 100%; display: block;}
.mall_nav .mall_subMenu ul li a i{ width: 100%;transition: .25s;transform: scaleX(0); position: absolute; bottom: -1px; left: 0; height: 2px;}
.mall_nav .mall_subMenu ul li a:hover i {background-color:#42cb1b; width: 100%;transform: scaleX(1);}
.mall_nav .mall_subMenu ul .on a i{background-color:#42cb1b; width: 100%;transform: scaleX(1);}

.mall_nav .wrap>ul .on >a {color: #42cb1b;}
.mall_nav .wrap>ul .on .mall_subMenu{ display: block;}

.nav-menu { height: 0; overflow: hidden; transition:  0.3s; position: absolute; top: 120px; z-index: 100; width: 100%;}
.nav-menu.active { height: calc(100vh); background: rgba(0, 0, 0, .6);}
.nav-list {width: 100%;background: #fff; font-size: 24px; height: calc(100vh - 160px);}
.nav-list .wrap{max-width: 1632px; margin: 0 auto;position: relative; height: 100%;}
.close{ position: absolute; width: 80px; height: 40px;background: #42cb1b ; color: #fff; text-align: center; bottom: 0;
  left: 50%; cursor: pointer; font-size: 30px; line-height: 30px; transform: translate(-50%, 0); z-index: 36;}

.nav-list a{font-family:"PlusJakartaSans-Bold";display: block; width:100%;padding:20px 10px; font-size: 16px;}
.nav-list li{border-bottom: 1px solid #d9d8d3;position: relative;}
.nav-list li a{}
.nav-list li a i{ width: 100%;transition: .25s;transform: scaleX(0); position: absolute; bottom: -1px; left: 0; height: 2px;}
.nav-list li a:hover i {background-color:#42cb1b; width: 100%;transform: scaleX(1);}
.nav-list .on a i{background-color:#42cb1b; width: 100%;transform: scaleX(1);}

.menu1 { position: absolute;  width: 50%; left: 0; height: 100%;overflow-y:auto;}
.menu1 ul{padding:0 20px;}
.menu1 ul li { background: url("../images/icon_jt.png") no-repeat 97%; background-size: 18px;}
.menu1 ul li a { }

.menu2_wrap{position: absolute;top:0;left:50%;width: 50%;  height: 100%; overflow: hidden; display: none;}
.menu2{height: 100%;transition:.5s;background:#f8f8f8;transform: translateX(-100%);position: absolute;width: 100%;}
.menu2 ul{ padding: 0 20px; }
.menu2 ul li{ background: url("../images/icon_jt.png") no-repeat 97%; background-size: 24px;}
.menu2 ul li a{}
.menu2 .nosub{background: none;}
.menu2 .back{background: none; display: none;}
.menu2_wrap .on2{transform: translateX(0);}

.wrap_on{ height: 100%; display: block !important;}

@media (max-width:1700px) {
	.mall_nav .wrap>ul>li>a{ font-size: 14px;}	
	.mall_nav .wrap>ul>li>a{background-size: 7px; padding-right: 12px;}	
}
@media (max-width:1600px) {
	.mall_nav .wrap>ul>li{margin-right: 35px;}	
	
}
@media (max-width:1440px) {
	.mall_header{ height: 90px;}
	.mall_header .logo{ height: 90px;}
	.mall_header .search{ height: 90px; width: 440px; margin-left: 50px;}
	.mall_header .search input{ height: 46px; line-height: 46px; font-size: 18px;}
	.mall_header .search input::-webkit-input-placeholder { font-size: 16px; line-height: 40px;} 
	
	.mall_header .user_icon,.mall_header .card_icon,.mall_header .contact_icon,.mall_header .change_icon{ height: 90px; margin-right: 40px;}
	.mall_header .card_icon .nub{top:20px;}
	.mall_header .change_icon{ margin-right: 0;}
	.mall_header .change_icon a{ font-size: 18px;}
	
	.mall_nav{ height: 64px;}
	.mall_nav .mall_subMenu{top:63px;}
	.mall_nav .wrap>ul>li{ height: 64px;}
	.mall_nav .wrap>ul>li{margin-right: 30px;}	
	.mall_nav .wrap>ul>li>a{ line-height: 64px; height: 64px;font-size: 13px;}	
	
}
@media (max-width:1280px) {
	
	
	.mall_nav .wrap{ padding-right: 0;}

	.mall_header .search{ margin-left: 20px;width: 400px;}
	.mall_header .search input::-webkit-input-placeholder { font-size: 14px;} 
	.mall_header .user_icon,.mall_header .card_icon,.mall_header .contact_icon,.mall_header .change_icon{margin-right: 30px;}
	.mall_header .change_icon{ margin-right: 0;}
	
}
@media (max-width:1180px) {
	.mall_header{ height: 80px;}
	.mall_header .logo{ height: 80px;}
	.mall_header .logo a{ width: 160px;}
	.mall_header .logo span{ font-size: 19px; height: 38px;}
	.mall_header .search{ height: 80px; width: 380px; margin-left: 40px;}
	.mall_header .search input{ height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #333; border-radius: 8px;}
	.mall_header .search input:focus{border: 1px solid #42cb1b;}
	.mall_header .search input::-webkit-input-placeholder { font-size: 14px; line-height: 40px;} 
	.mall_header .search .btn{ background-size: 24px; width: 38px; height: 38px;}
	
	.mall_header .user_icon,.mall_header .card_icon,.mall_header .contact_icon,.mall_header .change_icon{margin-right: 30px; height: 80px;}
	.mall_header .change_icon{ margin-right: 0;}
	.mall_header .change_icon a{ font-size: 16px;}
	.mall_header .user_icon>a{background-size:30px; height: 30px; font-size: 16px;  padding-left: 36px;}
	.mall_header .card_icon a{background-size:30px; height: 30px; width: 30px;}
	.mall_header .card_icon .nub{ font-size: 11px; line-height: 18px; width: 18px; height: 18px;}
	
	.mall_nav{top:80px;}
	.mall_nav .wrap>ul>li>a{ font-size: 12px;}	
	.mall_nav .wrap{ padding-right: 0;}
	
	.mall_header .on .user_menu{ top: 80px; font-size: 16px; padding: 20px; left: -85px;}
	.user_menu .title{ padding-bottom: 12px; margin-bottom: 12px;}
	.user_menu ul li{ line-height: 36px;}
	
	
}
@media (max-width:1024px) {
	.mall_header .search{ margin-left: 20px;width: 320px;}
	.mall_header .user_icon,.mall_header .card_icon,.mall_header .contact_icon,.mall_header .change_icon{margin-right: 20px;}
	.mall_header .change_icon{ margin-right: 0;}

	
	.mall_nav .wrap>ul>li{margin-right: 20px;}	
	.mall_nav .wrap>ul>li>a{ font-size: 13px;}	
	
	.mall_header .card_icon .nub{ font-size: 10px; width: 16px; height: 16px; line-height: 16px; }
	.mall_header .user_icon>a{ font-size: 14px;}
}
@media (max-width:1020px) {
	.mall_header .wrap{ padding: 0 20px;}
	.mall_header .search{ display: none;}
	.mall_nav{ display: none;}
	.mall_header .user_icon>a{ width: 30px; overflow: hidden; padding-left: 30px;}
	.mall_header .wrap .change_icon{ display: none;}
	.mall_header .wrap .contact_icon{ display: none;}
	.mall_header .phone_menu{ display: flex;}
	
	.mall_header .card_icon{ display:none;}
	.mall_header .user_icon { display:none;}
	.mall_header .phone_top{ display: block;}
	.mall_header{ height: 120px;box-shadow:none;}
	.mall_header .phone_top .change_icon{ height: 40px;}
	.mall_header .phone_top .change_icon a{ color: #fff; width: 60px;background: url(../images/icon_mall_change2.png) no-repeat; background-size:20px; height: 20px; line-height: 22px; padding-left: 24px; font-size: 12px;}
	.mall_header .phone_top .contact_icon{ height: 40px;}
	.mall_header .phone_top .contact_icon a{background: url(../images/icon_mall_contact2.png) no-repeat; background-size:20px; height: 20px; line-height: 20px; padding-left: 24px; }
	.mall_header .phone_top .search_icon{ height: 40px;display: flex; align-items: center; float: right; margin-right: 20px;}
	.mall_header .phone_top .search_icon a{background: url(../images/icon_search.png) no-repeat; background-size:22px; height: 20px; line-height: 20px; padding-left: 24px; }
	.mall_header .phone_top .card_icon{ display:flex; height: 40px; float: left;}
	.mall_header .phone_top .card_icon a {background: url(../images/icon_shopping.png) no-repeat; background-size: 24px; height: 24px;}
	.mall_header .phone_top .card_icon .nub{ background: none; top: 14px; font-size: 12px;}
	.mall_header .phone_top .user_icon{ display:flex; height: 40px; float: left;margin-left: 20px; margin-right: 15px;}
	.mall_header .phone_top .user_icon a{background-size: 24px; height: 24px;}
	
	
}

@media (max-width:840px) {
	.mall_header{ height: 104px;}
	.mall_header .logo{ height: 64px;}
	.mall_header .logo a{ width: 130px;}
	.mall_header .logo span{ font-size: 16px; height: 33px;}
	.mall_header .user_icon{ height: 64px;}
	.mall_header .card_icon{ height: 64px;}
	.mall_header .card_icon .nub{ top: 13px;}
	.mall_header .phone_menu{ height: 64px;}
	.nav-menu{ top: 104px;}
}

@media (max-width:600px) {
	.menu1{ width: 100%;}
	.menu2_wrap{ width: 100%; left:0%; }
	.menu3_wrap{ width: 100%;left:0%;}	
}
/*__footer_____*/


.footer{ background:#333; padding:60px 0 40px 0;}
.footer .main{ max-width:1632px; margin:0 auto;}


.footer_tools2{height:80px; border-bottom:1px solid #666;}
.footer_tools2 .list2{ float:right;width:50px; height:50px; margin-right:10px;}
.footer_tools2 .list2 a{ display:flex;justify-content: center; align-items: center;width:50px; height:50px; border-radius: 50px;}
.footer_tools2 .list2 a:hover{background-image: linear-gradient(to right, #41ca1c , #029084);}
.footer_tools2 .list2 a img{width: 24px;}


.footer .main .footer_nav{padding:60px 0; border-bottom:1px solid #666; float: right; width: 77%;}
.footer .main .footer_nav .list{ width:33.3%; float:left; line-height:30px;font-size: 14px;}
.footer .main .footer_nav .list h1{ font-size:16px; color:#fff; margin-bottom:20px; letter-spacing:0; text-align:left;font-family:"PlusJakartaSans-SemiBold";}
.footer .main .footer_nav .list a{ color:#ccc; }
.footer .main .footer_nav .list a:hover{ text-decoration:underline;}

.footer .main .footer_nav .contact{ float:right; width:25%; font-size:14px;}
.footer .main .footer_nav .contact a{ color:#ccc;}
.footer .main .footer_nav .mail{ margin-right:22px; background:url(../images/icon_mail.png) no-repeat 0 4px; background-size: 24px; padding-left:26px; margin-bottom:10px; color:#ccc;}
.footer .main .footer_nav .tel{ margin-right:22px;background:url(../images/icon_tel.png) no-repeat 0 4px; background-size: 24px; padding-left:26px; margin-bottom:10px;  margin-top:4px; color:#ccc;}
.footer .main .footer_nav .whatsapp{ margin-right:22px; background:url(../images/icon_whatsapp.png) no-repeat 0 4px; background-size: 24px;  padding-left:26px; margin-bottom:10px; }
.footer .main .footer_nav .chat{ margin-right:22px;background:url(../images/icon_chat.png) no-repeat 0 4px; background-size: 24px;  padding-left:26px;margin-bottom:10px; }

.footer .main .footer_title{ padding-top:60px; float: left; width: 23%;}
.footer .main .footer_title .footer_logo{ float:left; width:300px;}
.footer .main .footer_title .footer_logo img{ width:100%;}

.footer .main .footer_cr{ padding-top:40px; height:60px; position: relative;}
.footer .main .footer_cr .copyright{ float:left;color:#fff; position: absolute; top: -30px; font-size: 16px;}

.footer .main .sub_menu{ color:#666; float:right; font-size: 14px;}
.footer .main .sub_menu span{ padding:0 15px;}
.footer .main .sub_menu a{ color:#fff;}
.footer .main .sub_menu a:hover{ text-decoration:underline;}

@media (max-width:1440px) {
	.footer{padding:40px 0;}
	.footer .main .footer_title .footer_logo { width:240px;}
	.footer .main .footer_nav .list{ font-size: 16px;line-height:24px;}
	.footer .main .footer_nav .list h1{ font-size: 18px;}
	.footer .main .footer_cr{ padding-top: 20px;}
	.footer .main .footer_cr .copyright{ font-size: 16px;}
	.footer .main .sub_menu{ font-size: 16px;}
	}

@media (max-width:1180px) {
	.footer{padding:20px 0;}
	.footer .main .footer_title .footer_logo { width:200px;}
	.footer .main .footer_nav{ padding: 40px 0;}
	.footer .main .footer_title{ padding-top: 40px;}
	.footer .main .footer_nav .list{ font-size: 14px;}
	.footer .main .footer_nav .list h1{ font-size: 16px;}
	.footer .main .footer_cr .copyright{ font-size: 14px;}
	.footer .main .sub_menu{ font-size: 14px;}
	
	}
@media (max-width:1024px) {
	.footer .main .footer_title .footer_logo { width:180px;}
	.footer .main .footer_nav .list{ font-size: 12px;}
	.footer .main .sub_menu{ font-size: 12px;}
	
}
@media (max-width: 1020px){
	.footer .main{ position: relative;}
	.footer .main .footer_title{ padding-top: 40px; position: absolute; top: 10px; padding-top: 0;}
.footer .main .footer_nav{ width: 100%; padding: 0;}
.footer .main .footer_nav .list{ width:45%; margin-bottom:20px; margin-right:5%; padding-top:30px; min-height:200px;}
.footer .main .footer_nav .list h1{ margin-bottom:8px;}


.footer .main .footer_cr .copyright{top:20px; font-size: 14px;}

}
@media (max-width: 640px){
	.footer .main .footer_title{ position: relative; padding-top: 20px;}
.footer .main .footer_nav .list{ float:none; width:100%;min-height: inherit;}
	.footer .main .footer_cr{ margin-bottom: 30px; height: auto;}
.footer .main .footer_cr .copyright{ position: relative; top: 0; width: 100%; font-size:14px; margin-bottom: 20px;}
	.footer .main .sub_menu{ float: none;}

}



/*__index/banner_____*/
.more{ margin-top: 40px; height: 80px; padding-top: 20px;}
.more a{text-decoration:none; line-height: 1; background-image: linear-gradient(to right, #41ca1c , #029084); color: #fff; border-radius: 18px; padding: 18px 36px;}
.more a:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}

.play{ width:100px; height:100px; position:absolute; background:url(../images/icon_play.png) no-repeat #42cb1b; background-size:40px; background-position:center; z-index:100; border-radius: 50%;box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);animation: shadow-expand 2s infinite;}
@keyframes shadow-expand {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); 
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); 
  }
}
.list .play{background-size: 12px; width:20px; height: 20px;}

@media (max-width:1440px) {
	.play{ background-size: 36px; width:90px; height: 90px;}
	
	}
@media (max-width:1180px) {
	.play{ background-size: 28px; width: 70px; height: 70px;}
	
	@keyframes shadow-expand {
 	0% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); }
  	100% {box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
	}
}


.jq22-container{height:800px; position: relative; background: #333; display: flex;align-items:center; margin-top: 160px;}
.jq22-container .swiper{ margin-bottom: 0;}
.jq22-container .swiper-slide{ position: relative;}
.banner_txt_warp{ color:#fff; margin:0 auto;max-width: 1632px; position: absolute;} 
.banner_txt_warp .banner_txt{width: 100%;  margin: 0 auto;}
.banner_txt_warp h2{ line-height:1.5; color:#fff; width: 50%; text-align: left;}
.banner_txt_warp .txt{ line-height:1.5; color:#fff;width: 50%;}
.banner_txt_warp .more{ float: left; margin-right: 20px;}
.banner_txt_warp .more .read{ background: url("../images/icon_read.png") no-repeat; background-size: 24px; padding-left: 32px; width: 30px; height: 30px;}
.banner_txt_warp .more .video{ background: url("../images/icon_video.png") no-repeat; background-size: 24px; padding-left: 32px; width: 30px; height: 30px;}
.jq22-container .img{ width: 100%;}
.jq22-container .img img{ width: 100%;}

@media (max-width:1440px) {
	.jq22-container{margin-top: 154px;}
	.banner_txt_warp .more .read,.banner_txt_warp .more .video{ width: 24px; height: 24px;background-size: 24px; padding-left: 30px;}
	
	
}
@media (max-width:1180px) {
	.jq22-container{ height:600px; margin-top: 144px;}
	.jq22-container .img{ width: 100%; height: 100%;}
	
	.more a{border-radius: 16px; padding: 12px 24px;}

	}
@media (max-width:1024px) {
	.jq22-container{ margin-top: 120px;}
	}
@media (max-width:1020px) {
	.jq22-container{height: 600px;}
	.banner_txt_warp h2{ width: 70%;}
	.banner_txt_warp .txt{ width: 70%;}
	.jq22-container .img img{ height: 100%; width: auto;}
	
}
@media (max-width:840px) {
	.jq22-container{margin-top: 104px;}
	
}
@media (max-width:640px) {
	.jq22-container{margin-top: 104px;}
	.banner_txt_warp .more{ height: auto; padding: 0;}
}

/*__index_____*/
.mall_index4{ margin: 80px 0;}
.mall_index4 .wrap{max-width: 1632px; margin: 0 auto;justify-content:space-between; flex-wrap: wrap; display: flex;}
.mall_index4 .list{ width: 24%;}
.mall_index4 .list .title{ font-size: 32px; padding:25px; padding-top: 40px; font-family:"PlusJakartaSans-Bold";}
.mall_index4 .list .txt{padding:0 25px; height: 160px;}
.mall_index4 .list .img{ height: 240px; overflow: hidden;}
.mall_index4 .list .img img{ width: 100%; display: block;}
.mall_index4 .list a{display:block; transition: 0.5s ; background:#f8f8f8;border-bottom:4px solid #fff;}
.mall_index4 .list a:hover{box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}
.mall_index4 .list a:hover .pro_name{ text-decoration:underline;}

.mall_index2{ margin: 80px 0;}
.mall_index2 .wrap{max-width: 1632px; margin: 0 auto;justify-content:space-between; flex-wrap: wrap; display: flex;}
.mall_index2 .list{width: 49.25%; background: #f8f8f8; padding: 40px;}
.mall_index2 .list .txt{}
.mall_index2 .list .link{ margin-top: 10px;}
.mall_index2 .list .link a{font-family:"PlusJakartaSans-Bold"; display: block; background: url("../images/jt2.png") no-repeat; background-size: 16px; background-position: right -96px; display: inline-block; padding-right: 22px;}
.mall_index2 .list .link a:hover{ color: #42cb1b;}

@media (max-width:1600px) {
	.mall_index4 .list .title{ font-size: 24px;}

	.mall_index4 .list .txt_wrap{ height: 280px;}
}
@media (max-width:1440px) {
	.mall_index4 .list .txt_wrap{ height: 280px;}
	.mall_index4 .list .img{ height: 200px;}
	
}
@media (max-width:1180px) {
	.mall_index4 .list .txt_wrap{ height: 240px;}
	.mall_index4 .list .title{ padding: 15px; padding-top: 20px;}
	.mall_index4 .list .txt{ font-size: 16px; padding: 0 15px;}
	.mall_index4 .list .img{ height: 160px;}
	
	.mall_index2 .list{ padding: 20px;}
}
@media (max-width:840px) {
	.banner_txt_warp .banner_txt{ width: 80%;}
	
	.mall_index4 .list{ width: 48%; margin-bottom: 20px;}
	.mall_index2 .list{width: 48%;}
	.mall_index4 .list .txt_wrap{ height: 160px; margin-bottom: 30px;}
	
	.mall_index4 .list .txt{ height: auto;}
	.mall_index4{ margin-bottom: 30px;}
	.mall_index2{margin:20px 0;}
	
}
@media (max-width:640px) {
	.mall_index4 .list{ width: 100%; margin-bottom: 20px;}
	.mall_index4 .list .txt_wrap{ height: auto; margin-bottom: 30px;}
	.mall_index2 .list{width: 100%;margin-bottom: 20px;}
	
}

/*_______account_____________*/
.account{ margin: 80px 0; margin-top: 130px;}
.account .wrap{ max-width: 1632px; margin: 0 auto; position: relative;}
.account .acc_menu{ float: left;box-shadow: 0px 0px 20px #e5e5e5; width: 280px; padding:30px;}
.account .acc_menu ul{}
.account .acc_menu li{}
.account .acc_menu li a{ font-family: "PlusJakartaSans-Bold"; line-height: 20px; font-size: 16px; padding: 16px 0; display: block; border-bottom: 1px solid #f8f8f8;}
.account .acc_menu li a:hover{ color: #42cb1b;}
.account .acc_menu li .add{ padding-left: 20px; background: #f8f8f8;}
.account .acc_menu li .add a { font-family: "PlusJakartaSans-Regular";padding: 10px 0;}
.account .acc_menu .on>a{ color: #42cb1b;}

.account .overview{ padding-left: 320px;}
.account .overview .list{ width: 23%; margin-left:2%; border-radius: 6px;background: #f8f8f8; float: left; margin-bottom: 40px; text-align: center;}
.account .overview .list a{ padding: 40px 20px; display: block; }
.account .overview .list .title{ font-family: "PlusJakartaSans-Bold";  margin-bottom: 40px; height: 60px; display: flex; align-items: center; justify-content: center;line-height: 1.35;font-size: 18px;}
.account .overview .list .img{ margin: 0 auto; width: 100px;}
.account .overview .list .img img{ width: 100%;}
.account .overview .list .txt{margin-top: 20px; font-size: 16px;}

.account .right_lr{ margin-top: 0; position: absolute; right: 0; top: 0;}
.account .right_lr .faq_contact{ margin: 0;background: url(../images/support_bg.png) no-repeat #ffffff bottom;}
.account .right_lr .faq_contact .title{ color: #000;}
.account .right_lr .faq_contact .contact2_list .buttom2 a{ color:#000; }
.account .right_lr .faq_contact .contact2_list .buttom2 a:hover{ color:#42cb1b; }
.account .right_lr .faq_contact .contact2_list .request a{ background:url(../images/icon_message4.png) no-repeat; background-size:30px; }
.account .right_lr .faq_contact .contact2_list .chat a{ background:url(../images/icon_chat3.png) no-repeat ;background-size:30px;}
.account .right_lr .faq_contact .contact2_list .mail a{ background:url("../images/icon_mail2.png") no-repeat;background-size:30px;}
.account .right_lr .faq_contact .contact2_list .whatsapp a{background:url(../images/icon_whatsapp2.png) no-repeat ;background-size:30px;}

.account .bank{ padding-left: 340px; padding-right: 420px; width: 100%;}
.account .bank .title{ font-size: 32px; font-family: "PlusJakartaSans-Bold"; margin-bottom: 40px;}
.account .bank .tips{ margin-bottom: 40px; color: #fff; background: url("../images/icon_bank_tips.png") no-repeat #42cb1b 40px center; background-size:60px; padding: 30px; padding-left: 120px; font-size: 18px;}
.account .bank .tips a{ color: #fff; text-decoration: underline;}
.account .bank .bank_wrap{border: 1px solid #aeaeae; padding: 50px 30px;}
.account .bank .bank_wrap h4{ margin-bottom: 40px;}
.account .bank .bank_wrap .list{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.account .bank .bank_wrap .list .img{ float: left; width: 25%;}
.account .bank .bank_wrap .list .img img{ width: 100%;}
.account .bank .bank_wrap .list .txt{ width: 70%; float: right;}
.account .bank .bank_wrap .bt0{ border: 0;}




.account .info{ padding-left: 340px; padding-right: 420px; width: 100%;}
.account .info .title{ font-size: 32px; font-family: "PlusJakartaSans-Bold"; margin-bottom: 40px;}
.account .info .top_info{ margin-bottom: 40px; color: #fff; height: 60px;}
.account .info .top_info div{ width: 50%; float: left;}
.account .info .top_info .change{ color: #42cb1b; display: block;}
.account .info .info_wrap{border: 1px solid #aeaeae; padding: 50px 30px; margin-bottom: 40px;}
.account .info .info_wrap .info_title{ height: 40px;font-family: "PlusJakartaSans-Bold"; font-size: 24px; margin-bottom: 30px;}
.account .info .info_wrap .new{ display: block; float: right; color: #42cb1b; font-size: 16px; line-height: 40px;}
.account .info .info_wrap .list{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #e5e5e5;}
.account .info .info_wrap .list .lr{ margin-bottom: 20px; display: inline-block; width: 100%;}
.account .info .info_wrap .list .lr div{ width: 50%; float: left; margin-bottom: 15px;}
.account .info .info_wrap .list .lr span{color: #999;}
.account .info .info_wrap .list .lr .long{ width: 100%;}
.account .info .info_wrap .list .lr .long span{ width: 100%; display: block;}
.account .info .info_wrap .list .gn{ height: 36px;font-size: 18px;}
.account .info .info_wrap .list .sz{ float: left;}
.account .info .info_wrap .edit{ width: 30px; height: 30px;background: url("../images/icon_acc_edit.png") no-repeat; background-size:30px; display: block; float: right;}
.account .info .info_wrap .del{ width: 30px; height: 30px;background: url("../images/icon_del-2.png") no-repeat; background-size:30px; display: block; float: right; margin-left: 20px;}

.quest_form .form_wrap .list3{ width: 96%; min-height: inherit; margin-bottom: 30px; overflow-x: auto; overflow-y: hidden;}


.account .store_hj{width: 360px;box-shadow: 0px 0px 20px #e5e5e5; margin-bottom: 40px; padding: 40px 25px;}
.account .store_hj .title{font-family: "PlusJakartaSans-Bold"; margin-bottom: 30px;font-size: 18px;}
.account .store_hj .list{ font-size: 16px; padding-bottom: 15px; display: inline-block; width: 100%;}
.account .store_hj .list span{font-family: "PlusJakartaSans-Bold"}
.account .store_hj .list .mc{ float: left; width: 70%;}
.account .store_hj .list .nub{ float: right;}
.account .store_hj .hj{ border-top: 1px solid #e5e5e5; padding-top: 15px;}
.account .store_hj .list2{ display: inline-block; width: 60%;}
.account .store_hj .more{ text-align: center;}
.account .store_hj .more a{ padding: 12px 48px; border-radius: 20px;}

.account .acc_store{ padding-left: 340px; padding-right: 420px; width: 100%; min-height: 1200px;}
.account .acc_store .title{ font-size: 30px; font-family: "PlusJakartaSans-Bold"; margin-bottom: 40px;}
.account .acc_store .store_wrap{}
.account .acc_store .store_wrap .select{ position: relative; margin-bottom: 20px; border-bottom: 1px solid #ccc; height: 20px;}
.account .acc_store .store_wrap .select .ss{ position: absolute; background: #fff; top: 0px; padding-right: 10px; font-size: 18px;}
.account .acc_store .store_wrap .list{ border-bottom: 1px solid #e5e5e5; padding: 30px 0; display: flex;justify-content: space-between; font-size: 16px;
    flex-wrap: wrap;}
.account .acc_store .store_wrap .list .s1{ width: 8%;display: flex; align-items: center;}
.account .acc_store .store_wrap .list .s2{ width: 22%;display: flex; align-items: center;}
.account .acc_store .store_wrap .list .s3{ width: 36%; margin:0 2%;}
.account .acc_store .store_wrap .list .s4{ width: 22%;text-align: center; }
.account .acc_store .store_wrap .list .s5{ width: 8%; display: flex; align-items: center; justify-content: center;}
.account .acc_store .store_wrap .list .s2 img{width: 100%; border: 1px solid #e5e5e5;}
.account .acc_store .store_wrap .list .s4 .yj{text-decoration:line-through; color: #999; display: inline-block; width: 100%;}
.account .acc_store .store_wrap .list .s4 .sale{ color: #42cb1b; display: inline-block; width: 100%;}
.account .acc_store .store_wrap .list .s4 .xj{font-family: "PlusJakartaSans-Bold";}
.account .acc_store .store_wrap .list .s5 .del{width: 24px; height: 24px;background: url("../images/icon_del.png") no-repeat; background-size:24px; display: block;}
.account .acc_store .store_wrap .list .nub{ margin: 0 auto; display: inline-block;}
.account .acc_store .store_wrap .list .nub div{ width: 36px; height: 36px; float: left; text-align: center; line-height: 30px;border:1px solid #333;}
.account .acc_store .store_wrap .list .nub .left{ border-radius: 8px 0 0 8px;cursor: pointer;display: block;}
.account .acc_store .store_wrap .list .nub .right{ border-radius:0  8px  8px 0;cursor: pointer;display: block;}
.account .acc_store .store_wrap .list .nub .input{width: 50px; border-left: 0; border-right: 0;}
.account .acc_store .store_wrap .list .nub .input input{ text-align: center; border: 0; height: 36px; line-height: 36px; width: 100%; background: none; font-size: 16px;}

.checkbox{ display: inline-block;}
.checkbox input{ width: 24px; height: 24px; margin-right: 10px;}


.checkbox-label{ float: left; margin-right: 10px;}
.input_check {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
	
}
.input_check{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 24px;
    height: 24px;
	margin-top: 4px;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{
    outline: none;   
}

.input_check:checked {
    display: inline-block;
    background: url('../images/message_tj_icon.png') #42cb1b;
    background-repeat: no-repeat;  
    background-position: -4px -4px; 
	background-size:32px;
    width: 24px;
    height: 24px;
    border: none;
} 



.account .acc_store2{ padding-left: 340px; width: 100%; min-height: 1200px;}
.account .acc_store2 .title{ font-size: 30px; font-family: "PlusJakartaSans-Bold"; margin-bottom: 20px;}
.account .acc_store2 .title .new{ display: block; float: right; color: #42cb1b; font-size: 16px; line-height: 48px;}

.account .acc_store2 .add_list{ margin-bottom: 40px;font-size: 16px;}
.account .acc_store2 .add_list .list{ padding: 10px 20px; padding-left: 60px; margin-bottom: 20px; width: 100%; display: inline-block;}
.account .acc_store2 .add_list .checkbox{ float: left; padding-top: 4px;}
.account .acc_store2 .add_list .lr{ float: left;}
.account .acc_store2 .add_list .on{box-shadow: 0px 0px 20px #e5e5e5; background: url("../images/icon_add2.png") no-repeat 10px 8px; background-size:36px;}


.account .acc_store2 .store_wrap{ margin-bottom: 20px;}
.account .acc_store2 .store_wrap .list{ border-bottom: 1px solid #e5e5e5; padding: 30px 0;display: flex;justify-content: space-between; font-size: 16px;
    flex-wrap: wrap;}
.account .acc_store2 .store_wrap .list2{ background: #42cb1b; padding: 20px 0; font-size: 14px;}
.account .acc_store2 .store_wrap .list2 div{ color: #fff;font-family: "PlusJakartaSans-Bold";}
.account .acc_store2 .store_wrap .list2 .s1{ padding-left: 15px;}
.account .acc_store2 .store_wrap .list .s1{ width: 20%;display: flex; align-items: center;}
.account .acc_store2 .store_wrap .list .s2{ width: 36%; margin:0 2%;}
.account .acc_store2 .store_wrap .list .s3{ width: 10%;text-align: center;}
.account .acc_store2 .store_wrap .list .s4{ width: 10%;text-align: center; }
.account .acc_store2 .store_wrap .list .s5{ width: 10%;text-align: center;}
.account .acc_store2 .store_wrap .list .s6{ width: 10%;text-align: center; }
.account .acc_store2 .store_wrap .list .s1 img{width: 100%; border: 1px solid #e5e5e5;}
.account .acc_store2 .store_wrap .list .s2 h4{ font-size: 18px;}

.account .acc_store2 .acc_message{ margin-bottom: 40px;}
.account .acc_store2 .acc_message .acc_message_title{background: url("../images/icon_chat2.png") no-repeat ; background-size:40px; padding-left: 46px; line-height: 40px; margin-bottom: 15px;font-size: 18px;}
.account .acc_store2 .acc_message textarea{border: 1px solid #999; height: 100px; width: 100%; padding: 15px; font-size: 16px;}

.account .acc_store2 .store_hj{ border: 1px solid #42cb1b; margin: 0; width: 100%;}
.account .acc_store2 .store_hj_wrap{ float: right; width: 50%; min-width: 650px;}
.account .acc_store2 .store_hj_wrap .tips{ font-size: 14px;background: url("../images/icon_tz.png") no-repeat 0 3px; background-size:22px; padding-left: 30px;}

.account .acc_store2 .tj_wrap{ display: inline-block; width: 100%; margin-bottom: 20px;}
.account .acc_store2 .tj_wrap .back{float: right; margin-right: 40px;font-size: 16px;}
.account .acc_store2 .tj_wrap .back a{padding: 18px 0; display: block;background: url("../images/icon_back2.png") no-repeat 0 16px; background-size:30px; padding-left: 36px;}
.account .acc_store2 .tj_wrap .tj{float: right;}
.account .acc_store2 .tj_wrap .tj a{ display: block; background: #42cb1b; padding: 15px 50px; color: #fff;}

.panel-body .order_tips{ width: 100%;padding:40px 80px;}
.panel-body .order_tips h4{font-family: "PlusJakartaSans-Bold"; font-size: 36px;}
.panel-body .order_tips .tips_list{ display: flex;justify-content:space-between; margin: 20px 0;}
.panel-body .order_tips .tips_list .list{width: 22%;}
.panel-body .order_tips .tips_list .list a{border: 1px solid #42cb1b; text-align: center; font-size: 14px; padding: 20px 0; display: block; width: 100%;}
.panel-body .order_tips .tips_list .list a img{ width: 40%;}
.panel-body .order_tips .tips_list .bank_account{ background: #42cb1b;}
.panel-body .order_tips .tips_list .bank_account .txt{color: #fff;}
.panel-body .order_tips .btn{ border: 1px solid #666; padding: 10px 30px; width: 200px; margin: 40px auto; text-align: center; cursor: pointer; border-radius: 10px;}
.panel-body .order_tips .btn a{ color: #202020;}


.account .acc_order{ padding-left: 340px; width: 100%; min-height: 1200px;}
.account .acc_order .title{ font-size: 30px; font-family: "PlusJakartaSans-Bold"; margin-bottom: 20px;}

.account .acc_order .store_wrap{ margin-bottom: 20px;}
.account .acc_order .store_wrap2{ margin-top: 10px; overflow-x: auto;}
.account .acc_order .store_wrap3{padding: 20px; background: #42cb1b; font-size: 16px; }
.account .acc_order .store_wrap .list{ border-bottom: 1px solid #e5e5e5; padding: 20px 0; font-size: 14px; width: 100%;background: #42cb1b; display: inline-block;}
.account .acc_order .store_wrap .list2{ background: #f8f8f8; height: 60px; line-height: 60px; width: 100%;font-size: 14px;}
.account .acc_order .store_wrap .list3{ display: flex; align-items: center; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 20px 0;font-size: 16px;}

.account .acc_order .store_wrap .list div{ color: #fff;font-family: "PlusJakartaSans-Bold";}
.account .acc_order .store_wrap .list .s1{ width: 70%;padding-left: 15px;float: left;}
.account .acc_order .store_wrap .list .s3{ width: 15%;float: left; text-align: center;}
.account .acc_order .store_wrap .list .s4{ width: 15%;float: left; text-align: center;}
.account .acc_order .store_wrap .list .s5{ width: 10%;float: left; text-align: center;}
.account .acc_order .store_wrap .list .s6{ width: 18%; float: left; text-align: center;}

.account .acc_order .store_wrap .list2 div{font-family: "PlusJakartaSans-Bold";}
.account .acc_order .store_wrap .list2 .s1{ width: 26%; padding-left: 15px; float: left;}
.account .acc_order .store_wrap .list2 .s2{ width: 46%;float: left;}
.account .acc_order .store_wrap .list2 .s3{ width: 20%; text-align: left;float: left;}
.account .acc_order .store_wrap .order_contact{ background: url("../images/icon_kefu3.png") no-repeat center left;background-size:  30px; display: inline-block;padding-left: 30px; color: #42cb1b;}

.account .more{}
.account .more a{ font-size: 16px; border-radius: 8px; padding: 10px 20px;}

.account .acc_order .store_wrap .list3 .s1{ width: 25%;float: left;}
.account .acc_order .store_wrap .list3 .s2{ width: 45%;margin:0 2%;float: left; }
.account .acc_order .store_wrap .list3 .s3{ width: 15%;text-align: center;float: left;}
.account .acc_order .store_wrap .list3 .s4{ width: 15%;text-align: center; float: left;}
.account .acc_order .store_wrap .list3 .s1 img{width: 100%; border: 1px solid #e5e5e5; display: block;}

.account .acc_order .store_wrap .list3 .s3 .yj{text-decoration:line-through; color: #999; display: inline-block; width: 100%;}
.account .acc_order .store_wrap .list3 .s3 .sale{ color: #42cb1b; display: inline-block; width: 100%;}

.account .acc_order .store_wrap3 a:hover{ color: #42cb1b;}
.account .acc_order .store_wrap3 .list3_left{ width: 100%;}
.account .acc_order .store_wrap3 .sf{ width: 20%; float: left;color: #fff;}
.account .acc_order .store_wrap3 .sf span{font-family: "PlusJakartaSans-Bold"; font-size: 30px;}
.account .acc_order .store_wrap3 .status{text-align: right; line-height: 2; float: right; width: 60%;color: #fff;}
.account .acc_order .store_wrap3 .status a{ line-height: 2; padding: 0 10px;color: #fff;}
.account .acc_order .store_wrap3 .zt {float: right;}
.account .acc_order .store_wrap3 .zt span{padding: 6px 25px; border: 1px solid #fff;color:#fff;border-radius: 8px;}
.account .acc_order .store_wrap3 .zt2 span{padding: 6px 25px;  border: 1px solid #fff;color:#fff; border-radius: 8px; }
.account .acc_order .store_wrap3 .zt3 span{padding: 6px 25px; background: #caedbf; color:#42cb1b; border-radius: 8px; }
.account .acc_order .store_wrap3 .time{ background: url("../images/icon_time.png") no-repeat center left; background-size:20px; padding-left: 25px; width: 100px; height: 42px; line-height: 42px; float: right; margin-right: 20px; text-align: left;}
.account .acc_order .store_wrap3 .zt1{padding: 2px 25px; border: 1px solid #fff; color: #fff; border-radius: 8px; display: inline-block; float: right;}
.account .acc_order .document{font-size: 16px; display: inline-block; width: 100%;; padding: 15px; border: 1px solid #42cb1b;}
.account .acc_order .document li{ width: 30%; margin-right: 3.3%; float: left;text-align: left; list-style:disc; margin-bottom: 10px; color: #42cb1b;}
.account .acc_order .document li a{ color: #333;}



.account .zj .store_wrap .list3 .bh{ color: #F32020;}

.account .zj .store_wrap3 .document{ width: 15%;}
.account .zj .store_wrap2 .list2{ position: relative;}
.account .zj .store_wrap2 .list2 .sf{ width: 15%; position: absolute; right: 0; top: 0;background: #666; color: #fff; font-size: 14px; line-height: 1.2; padding-top: 10px; height: 60px; padding-left: 20px;}
.account .zj .store_wrap2 .list2 .sf span{ font-size: 20px;}
.account .zj .store_wrap .list2 .s2{ width: 30%;}


.account .acc_order .search{ height: 90px; width: 500px;position: relative;}
.account .acc_order .search .btn{ background: url("../images/icon_search2.png") no-repeat center; background-size:  30px;border: 0;width: 60px; height: 60px; position: absolute; right: 0;}
.account .acc_order .search input{ width: 100%;border: 1px solid #999; border-radius: 12px; line-height: 56px; height: 56px; padding: 0 15px; font-size: 24px;}
.account .acc_order .search input:focus{ outline: none;border: 1px solid #42cb1b;}
.account .acc_order .search input::-webkit-input-placeholder { color: #ccc; font-weight: 100; font-size: 18px; line-height: 50px;} 
.account .acc_order .search input:-moz-placeholder {color: #ccc;  line-height: 50px;} 
.account .acc_order .search input::-moz-placeholder {color: #ccc;  line-height: 50px;} 
.account .acc_order .search input:-ms-input-placeholder {color: #ccc;  line-height: 50px;} 

@media (max-width:1700px) {
	.account .right_lr{ right: 30px;}
}

@media (max-width:1440px) {
	.account{ margin: 40px 0; margin-top: 130px;}
	.account .overview .list .img{ width: 50%;}
	.account .acc_menu{ width: 260px;}
	.account .acc_menu li a{ font-size: 18px;}
	
	.account .info{padding-left:300px; padding-right: 340px;}
	
	.account .bank{padding-left:300px; padding-right: 340px;}
	.account .bank .title{ font-size: 30px; margin-bottom: 30px;}
	
	.account .acc_store{padding-left:300px; padding-right: 340px;}
	.account .store_hj{ width: 300px; padding: 30px 25px;}
	.account .store_hj .title{ margin-bottom: 15px;}
	.account .store_hj .more{ margin-top: 0px; height: auto; text-align: right; padding-top: 0;}
	.account .acc_store .store_wrap .list .nub .input{ width: 48px;}
	.account .acc_store .store_wrap .list .nub .input input{ font-size: 16px;}
	.account .acc_store .store_wrap .list .nub div{ line-height: 28px;}
	.account .acc_store .store_wrap .list .s5 .del{ width: 24px; height: 24px; background-size: 24px;}
	.account .acc_store .store_wrap .list .s3{ font-size: 16px;}
	
	.account .acc_store2{padding-left:300px;}
	.account .acc_store2 .title{ font-size: 30px; margin-bottom: 30px;}
	
	.account .zj .store_wrap2 .list2 .sf{ width: 20%; font-size: 14px; padding-top: 10px;}
	.account .zj .store_wrap2 .list2 .sf span{ font-size: 20px;}
	
	.account .acc_order{padding-left:300px;}
	.account .acc_order .title{ font-size: 30px;}
	.account .acc_order .store_wrap .list{ font-size: 16px;}
	.account .acc_order .store_wrap .list2 div{font-size: 16px;}
	.account .acc_order .store_wrap3 .status{ font-size: 16px;}
	
	.account .acc_order .search input { height: 48px; line-height: 48px; font-size: 18px;}
	.account .acc_order .search .btn { width: 48px; height: 48px; background-size:24px; }
	.account .acc_order .search input::-webkit-input-placeholder {font-size: 16px; line-height: 50px;} 
}

@media (max-width:1180px) {
	.account .acc_menu{ width: 240px; padding-top: 20px;}
	.account .acc_menu li a{ font-size: 16px;}
	.account .overview{padding-left: 280px;}
	.account .overview .list{width:31.3%;}
	.account .overview .list .img{ width: 40%;}
	.account .overview .list .title { margin-bottom: 20px;}
	
	.account .info{padding-left:270px; padding-right:0px;}
	.account .info .title{ font-size: 24px; margin-bottom: 20px;}
	.account .info .info_wrap{ padding: 30px 20px;}
	.account .info .info_wrap .info_title { font-size: 24px; margin-bottom: 20px; height: auto;}
	.account .info .info_wrap .new{ font-size: 16px;}
	.account .info .info_wrap .list{ padding-top: 20px; margin-bottom: 20px;}
	.account .info .info_wrap .list .lr{ margin-bottom: 5px;}
	.account .info .info_wrap .edit{width: 24px; height: 24px; background-size: 24px;}
	.account .info .info_wrap .del{width: 24px; height: 24px; background-size: 24px;}
	.account .info .info_wrap .list .sz {line-height: 30px;}
	
	.account .bank{padding-left:270px; padding-right:0;}
	.account .bank .title{ font-size: 24px; margin-bottom: 20px;}
	
	.account .acc_store{ min-height: inherit; padding-right: 0; padding-left: 270px;}
	.account .acc_store .title{ font-size: 24px; margin-bottom: 20px;}
	.account .right_lr{ position: static; padding-left: 270px; width: 100%;}
	
	.account .store_hj{ width: 100%; padding: 30px 25px;}
	
	.account .zj .store_wrap2 .list2 .sf{ width: 22%; font-size: 14px; padding-top: 10px;}
	.account .zj .store_wrap2 .list2 .sf span{ font-size: 18px;}
	
	.account .acc_store2{padding-left:270px;}
	.account .acc_store2 .title{ font-size: 24px; margin-bottom: 20px;}
	.account .acc_store2 .store_wrap .list2{ font-size: 14px;}
	.account .acc_store2 .title .new{ font-size: 16px;}
	.account .store_hj .list{ font-size:16px;}
	.account .acc_store2 .store_hj_wrap .tips{ font-size: 16px;}
	
	.account .right_lr .faq_contact{ width: 100%;}
	.account .right_lr .faq_contact{ width: 100%; padding-bottom: 30px; background-size: 260px; background-position: right bottom;}
	.account .right_lr .faq_contact .contact2_list .buttom2{ padding-bottom: 10px;}
	
	
	.account .acc_order{padding-left:270px;}
	.account .acc_order .title{ font-size: 24px;}
	.account .acc_order .store_wrap .list{ font-size: 14px;}
	.account .acc_order .store_wrap .list2 div{font-size: 14px;}
	.account .acc_order .store_wrap3 .status{ font-size: 14px;}
	.account .acc_order .document{ font-size: 14px;}
	
	.account .acc_order .search{ width: 300px; height: 60px;}
	.account .acc_order .search input { height: 38px; line-height: 38px; font-size: 14px; border-radius: 8px;}
	.account .acc_order .search .btn { width: 38px; height: 38px; background-size:18px; }
	.account .acc_order .search input::-webkit-input-placeholder {font-size: 14px; line-height: 40px;} 
}
@media (max-width:1024px) {
	.account .overview .list a{ padding: 20px;}
	.account .overview .list .txt{ font-size: 14px;}
	
}
@media (max-width:1020px) {
	.account .acc_menu{ display: none;}
	.account .overview{ padding-left: 0;}
	.account .acc_order{ padding-left: 0;}
	
	.account .acc_store{ padding-left: 0;}
	.account .right_lr{ padding-left: 0;}
	
	.account .acc_store2{padding-left: 0;}
	
	.account .info{padding-left: 0;}
	
	.account .bank{padding-left: 0;}
	
	.account .acc_order .document li{ width: 50%;}
}


@media (max-width:840px) {
	.account .acc_menu{ }
	
}
@media (max-width:640px) {
	.account .acc_store .store_wrap .select .ss{ font-size: 14px; line-height:30px;}
	
	.account .wrap{ padding:0 20px;}
	.account .overview .list{ width: 46%;}
	
	.account .acc_order .search{width:100%;}
	
	.panel-body .order_tips{ padding: 20px;font-size:12px;}
	.panel-body .order_tips h4{ font-size:24px;}
	.panel-body .order_tips .tips_list{ display:block;}
	.panel-body .order_tips .tips_list .list a img{width:80%;}
	.panel-body .order_tips .tips_list .list a{ padding:20px 10px;}
	.panel-body .order_tips .tips_list .list{ width:46%; margin: 0 2%; float:left; margin-bottom: 15px;}
	.panel-body .order_tips .tips_list .list .txt{font-size:12px;}
	.panel-body .order_tips .btn{ display:inline-block; width: 120px; margin:0 auto;}
	
	.account .acc_store .store_wrap .list .s1{ width: 10%;}
	.account .acc_store .store_wrap .list .s2{ width: 85%;}
	.account .acc_store .store_wrap .list .s3{ width: 85%; margin-left: 15%; margin-bottom:10px;}
	.account .acc_store .store_wrap .list .s3 div{font-size:14px;}
	.account .acc_store .store_wrap .list .s4{ width: 85%; margin-left: 15%;}
	
	.account .acc_store .store_wrap .list .s4>div{ float: right;width:100px;}
	.account .acc_store .store_wrap .list .s4 .nub{ float: left; width:120px;}
	.account .acc_store .store_wrap .list .s5{ width: 85%; margin-left: 15%; display: block;}
	
	.account .store_hj .list{font-size:14px;}
	
	.account .acc_store2 .add_list .lr{font-size:14px;}
	
	.account .acc_store2 .store_wrap .list .s1{ width: 100%;}
	.account .acc_store2 .store_wrap .list .s2{ width: 100%; margin:0; margin-bottom: 10px;}
	.account .acc_store2 .store_wrap .list .s3{ width: 100%; display: none;}
	.account .acc_store2 .store_wrap .list .s4{ width: 85%;display: none;}
	.account .acc_store2 .store_wrap .list .s5{ width: 45%; text-align: left;}
	.account .acc_store2 .store_wrap .list .s6{ width: 45%; text-align: right;}
	
	.account .acc_store2 .store_wrap .list2 .s2{ display: none;}
	.account .acc_store2 .store_wrap .list2 .s3{ display: none;}
	.account .acc_store2 .store_wrap .list2 .s4{ display: none;}
	.account .acc_store2 .store_wrap .list2 .s5{ display: none;}
	.account .acc_store2 .store_wrap .list2 .s6{ display: none;}
	
	.account .acc_store2 .store_hj_wrap{width:100%; min-width:inherit;}
	.account .acc_store2 .store_hj_wrap .tips{font-size: 14px;}
	
	.account .bank .tips{font-size:14px; background-size:40px;padding:20px; padding-left:80px; background-position: 20px center;}
	.account .bank .bank_wrap{padding:20px;}
	.account .bank .bank_wrap .list .img{ width:50%;}
	.account .bank .bank_wrap .list .txt{width:100%;font-size:14px;}
	
	.account .info .top_info{font-size:14px;}
	.account .info .top_info div{width:100%;}
	.account .info .info_wrap .list .lr{font-size:14px;}
	.account .info .info_wrap .list .lr div{width:100%}
	.account .info .info_wrap .list .sz {font-size:14px;width:100%}
	.account .info .info_wrap .new{float:left;font-size:14px;}
	
	.account .acc_order .store_wrap .list{padding:10px 0;}
	.account .acc_order .store_wrap .list .s2{ display:none;}
	.account .acc_order .store_wrap .list .s3{ display:none;}
	.account .acc_order .store_wrap .list .s4{ display:none;}
	.account .acc_order .store_wrap .list2{ height: 40px; line-height: 40px;}
	.account .acc_order .store_wrap .list2 div{font-size:12px;}
	.account .acc_order .store_wrap .list2 .s3{ display:none;}
	.account .acc_order .store_wrap .list2 .s1{ width: auto;}
	.account .acc_order .store_wrap .list2 .s2{text-align: right; width: auto; float: right; padding-right: 10px;}
	.account .acc_order .store_wrap .list3{display:block;}
	.account .acc_order .store_wrap .list3 .s1{width:100%;}
	.account .acc_order .store_wrap .list3 .s2{width:100%;margin: 10px 0;}
	.account .acc_order .store_wrap .list3 .s4{ display: none;}
	.account .acc_order .store_wrap3 .sf{width:100%;}
	.account .acc_order .store_wrap3 .status{width:100%;}
	.account .acc_order .store_wrap3 .zt1{padding:2px 10px;}
	.account .acc_order .document li{width:100%;}
	
	.account .zj .store_wrap2 .list2 .sf{width:100%;top: 40px; font-size: 12px; height: 52px;}
	.account .zj .store_wrap .list2{ height: 82px;}

}

/*_______product_____________*/




.wz{font-size:14px; line-height:20px; padding:14px 0; margin-top: 160px;}
.wz .wrap{color:#999;}
.wz a{ font-weight:normal; color:#333;}
.wz a:hover{ text-decoration:underline;}
.wz span{ padding:0 5px; color:#333;}
.wz .on{ font-family:"PlusJakartaSans-SemiBold";}


.main_title{margin-bottom:30px; color:#666; }
.main_title .title_wrap{max-width: 1632px;;margin: 0 auto;} 

@media (max-width:1440px) {
	.wz{ margin-top: 154px;}
}
@media (max-width:1180px) {
	.wz{ margin-top: 144px;}
	.main_title{margin-bottom:10px; }
}
@media (max-width:1024px) {
	.wz{ margin-top: 120px; font-size: 12px;}
}
@media (max-width:1020px) {
	.wz{ margin-top: 110px;}
}
@media (max-width:840px) {
	.wz{margin-top: 104px;}
}
/*_______________Product_____*/

.product2{}
.product2 .pro_wrap{ margin:0 auto;max-width:1700px;}
.product2 .pro_title{padding: 30px 0;text-align: center; margin-bottom: 30px;}

.product2 .liftup{margin:0 2%; width:46%; float:left; margin-bottom:80px; position:relative;}
.product2 .liftup .img{ position: relative;display: flex;justify-content: center;align-items: center;}
.product2 .liftup img{width:100%; display:block;}
.product2 .liftup .pro_name{ font-size:32px; color:#333;line-height:1.35; margin:30px 24px 10px 24px;overflow:hidden;  text-align:left; font-family:"PlusJakartaSans-SemiBold";;}
.product2 .liftup .pro_txt{ padding:0 24px 20px 24px; line-height:1.4; text-align:left;}
.product2 .liftup .pro_txt span{ color: #42cb1b;}
.product2 .liftup a{display:block; transition: 0.5s ; background:#fff; border: 1px solid #ebebeb; height:600px; }
.product2 .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}
.product2 .liftup a:hover .pro_name{ text-decoration:underline;}


.product .pro_title{ text-align: left;}


.product3{}
.product3 .pro_wrap{ margin:0 auto;max-width:1664px;}
.product3 .pro_title{padding: 30px 0;text-align: center; margin-bottom: 30px;}
.product3 .liftup{margin:0 1%; width:23%; float:left; margin-bottom:80px; position:relative;}
.product3 .liftup .img{}
.product3 .liftup img{width:100%; display:block;}
.product3 .liftup .pro_name{ font-size:24px; color:#333;line-height:1.35; margin:30px 24px 10px 24px;overflow:hidden;  text-align:left; font-family:"PlusJakartaSans-SemiBold";}
.product3 .liftup .pro_txt{ padding:10px 24px; line-height:1.4; text-align:left;max-height:90px; overflow:hidden;}
.product3 .liftup .pro_txt span{ color: #42cb1b;}
.product3 .liftup a{display:block; transition: 0.5s ; background:#fff; border: 1px solid #ebebeb; height:530px; }
.product3 .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}
.product3 .liftup a:hover .pro_name{ text-decoration:underline;}

.product3 .more{ text-align: center;}




.pt80{ padding-top:80px;}



.pro_contact{ padding:80px 0;}
.pro_contact .wrap{ max-width:1632px; margin:0 auto;display: flex; background:#42cb1b;}
.pro_contact .c1{ width: 70%;font-size:48px; line-height:1.3;color:#fff; padding:70px 50px;font-family:"PlusJakartaSans-SemiBold";  justify-content: center;}
.pro_contact .c2{ width: 30%;justify-content: center; align-items: center; display: flex;}
.pro_contact .btn{}
.pro_contact .btn a{border: 1px solid #fff; border-radius: 20px; padding: 16px 35px 14px 35px; font-size: 20px; color: #fff;font-family:"PlusJakartaSans-SemiBold";}
.pro_contact .btn a:hover{ background: #fff;color:#42cb1b;}




.pro_options{ margin-bottom:0; padding: 80px 0;}
.pro_options .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.pro_options .index_pro_title{padding: 20px 0;}
.pro_options .liftup{ width:100%; margin: 0;}
.pro_options .liftup a{ height:490px; display: block; background: #f8f8f8; border: 0; padding: 20px 30px;}
.pro_options .liftup .img{ text-align: left; color: #42cb1b; font-size: 60px; display: block; font-family:"PlusJakartaSans-Bold";}
.pro_options .liftup .pro_name{ padding: 0; margin: 0; font-size: 30px; margin-bottom: 30px;}
.pro_options .liftup a:hover .pro_name{ text-decoration: none;}
.pro_options .liftup .pro_txt{ padding:0;}


.mall_detail_list{ width: 70%; position: relative;}


.pro_introduction{padding: 80px 0;}
.pro_introduction .wrap{ margin:0 auto; max-width:1632px; position: relative;}
.pro_introduction .main_title{max-width: 1632px; margin: 0 auto;margin-bottom:50px;}
.pro_introduction h3{ margin-bottom: 40px;}
.pro_introduction h4{ font-size: 36px; margin: 20px 0;}

.pro_introduction .pro_overview{ width:70%;float: left;}

.pro_overview .list{ min-height:70px; margin-bottom:40px;} 
.pro_overview .list .title{float:left; width:100%;    display: flex;align-items: center;justify-content: space-between; cursor:pointer; border-bottom: 1px #ebebeb solid;}
.pro_overview .list .title div{ float:left;line-height:40px; padding:25px 0; font-size:28px;font-family:"PlusJakartaSans-SemiBold"; width: 90%;}
.pro_overview .list .title .jt{ float:right; width:20px; height:20px; background:url(../images/jt_down.png) no-repeat; background-size:20px; margin-top:25px; padding:0;}
.pro_overview .list .txt{ display:none; line-height:1.5; padding:20px 0; clear: both;}

.pro_overview .on .txt{ display:block; overflow:auto;}
.pro_overview .on .txt table{ border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.pro_overview .on .txt table td{ border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding: 8px;}

.pro_overview .list .title .jt{background:url(../images/jt_down.png) no-repeat; background-size: 20px;}
.pro_overview .on .title .jt{background:url(../images/jt_up.png) no-repeat; background-size: 20px;}


.faq_contact{width: 360px;background:url(../images/support_bg.png) no-repeat #ffffff bottom; float: right; padding: 40px; padding-bottom: 350px; margin-top: 50px;box-shadow: 0px 0px 20px #e5e5e5;}
.faq_contact .title{color: #000;font-size: 30px;font-family:"PlusJakartaSans-SemiBold"; padding-bottom:20px;}
.faq_contact .contact2_list .buttom2 {padding-bottom: 20px;}
.faq_contact .contact2_list .buttom2 a{ color:#000; display:block;padding-left:36px; line-height: 30px;}
.faq_contact .contact2_list .buttom2 a:hover{ color:#42cb1b;}

.faq_contact .contact2_list .request a{ background:url(../images/icon_message4.png) no-repeat; background-size:30px; }
.faq_contact .contact2_list .chat a{ background:url(../images/icon_chat3.png) no-repeat ;background-size:30px;}
.faq_contact .contact2_list .mail a{ background:url("../images/icon_mail2.png") no-repeat;background-size:30px;}
.faq_contact .contact2_list .whatsapp a{background:url(../images/icon_whatsapp2.png) no-repeat ;background-size:30px;}

@media (max-width:1700px) {
	.pro_contact .wrap{ margin: 0 30px;}
	.about{ padding: 0 30px;}
	.pro_introduction .main_title{ padding: 0;}
}

@media (max-width:1440px) {
	.product2 .liftup a{ height: 480px;}
	.product2 .liftup .pro_name{ font-size: 24px; margin-bottom: 15px;}
	
	.product3 .liftup{ width:31.3%;}
	.product3 .liftup .pro_name{ font-size: 24px;}
	

	.pro_contact .c1{ font-size: 48px; }
	.pro_contact .c2 .btn a{border-radius: 18px;padding: 12px 24px;}
	
	.pro_options .liftup a{ height: 480px; }
	.pro_options .liftup .pro_txt{ font-size: 16px;}
	
	.faq_contact{ width: 300px;padding-bottom: 300px; background-size:300px; }
	}

@media (max-width:1180px) {
	.product2{ padding-left:10px;padding-right:10px;}
	.product2 .pro_title {padding: 20px 0; margin-bottom: 20px;}
	.product2 .liftup{ margin-bottom: 40px;}
	.product2 .liftup a{ height: 380px;}
	.product2 .liftup .pro_name{ font-size: 18px;}
	
	.product3 .pro_title {padding: 20px 0; margin-bottom: 20px;}
	.product3 .liftup .pro_name{ font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
	.product3 .liftup a{ height: 320px;}
	
	.pro_introduction{ padding: 40px 0;}
	
	.pro_contact .c1{font-size: 36px; padding: 50px 30px;}
	.pro_contact .c2 .btn a{border-radius: 16px;font-size: 18px;}
	
	.pro_introduction h4{ font-size: 24px;}
	.pro_introduction h3{ margin-bottom: 20px; font-size: 30px;}
	.pro_introduction .main_title{ margin-bottom: 30px;}
	
	.pro_overview .list .title div{ font-size: 18px;padding: 12px 0;}
	.pro_overview .list .title .jt {background-size: 16px;margin-top: 12px;}
	.pro_overview .on .title .jt{ background-size: 16px;}
	.pro_overview .list{ margin-bottom: 20px;}
	
	.pro_options { padding: 40px 0;}
	.pro_options .liftup a{ height: 350px; padding: 20px;}
	.pro_options .liftup .img{font-size: 48px;}
	.pro_options .liftup .pro_txt{ font-size: 14px;}
	
	.pro_image .liftup a{ height: auto;}
	
	.faq_contact{ width: 240px; padding: 30px 20px; padding-bottom: 240px; background-size:240px; }
	.faq_contact .title{ font-size: 24px;}
	.faq_contact .contact2_list .buttom2{ padding-bottom: 12px;}
	}
@media (max-width:1024px) {
	
	}

@media (max-width:1020px) {
	.product2 .liftup .pro_name{ font-size: 16px;}
	.product2 .liftup a{ height: 340px;}
	.product3 .liftup{ margin: 0 2%; width: 46%; margin-bottom: 40px;}
	.product3 .liftup .pro_name{ font-size: 16px;}
	
	.pro_contact .c1{font-size: 30px;padding: 40px 20px;}
	.pro_contact .c2 .btn a{border-radius: 12px;font-size: 14px;}
	
	
	.pro_introduction .pro_overview{ width: 100%;}
	.pro_introduction .pro_download{ width: 100%;}
	
	.faq_contact{ width: 100%;background: url(../images/support_bg.png) no-repeat #42cb1b bottom right; padding-bottom: 30px; background-size: 280px;}
	.faq_contact .contact2_list .buttom2{ padding-bottom: 10px;}
		
	}
@media (max-width:840px) {
	.product2 .liftup a{ height: 300px;}
	
}
@media (max-width:640px) {
	.product2 { padding: 0 30px;}
	.product2 .liftup{width: 100%; margin: 0; margin-bottom: 30px;}
	.product2 .liftup a{ height: auto;}
	.product2 .pro_title{ padding-left: 0;}
	.product2 .liftup .pro_name{margin: 20px;}
	.product2 .liftup .pro_txt{ padding-left:20px; }
	
	.pro_options .liftup .pro_name{margin: 0;}
	.pro_options .liftup .pro_txt{ padding-left:0; }
	
	.product3 .liftup{width: 100%; margin: 0; margin-bottom: 30px;}
	.product3 .liftup a{ height: auto;}
	.product3 .liftup .pro_name{ margin: 20px;}
	.product3 .liftup .pro_txt{padding: 0 20px 24px 20px;}
	
	.pro_options { padding: 40px 0;}
	
	.pro_contact .wrap{ display: block;}
	.pro_contact .c1{ width: 100%;}
	.pro_contact .c2{ width: 100%; display: block; padding:0 0 40px 20px;}
	
	.about .wrap .left_img{ width: 100%;}

	}

/*_______________Product－detail_____*/

.mall_detail{width: 100%;  margin-top:40px;position: relative;}
.mall_detail .wrap{max-width: 1632px;margin: 0 auto;}
.mall_detail .img{width:48%;float:left; position: relative;}
.mall_detail .img img{ width:100%; padding:0 ; display:block;}
.mall_detail .img .pic{}
.mall_detail .img .list{}
.mall_detail .img .swiper-slide{ width: 100%; padding-top: 0; border: 1px solid #e5e5e5;}
.mall_detail .img .swiper-pagination{ bottom: 20px; right: 50px; width: 200px; left: auto;}
.mall_detail .img .swiper-pagination span{ font-size: 16px; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #ddd; line-height: 24px; color: #999;}
.mall_detail .img .swiper-pagination .swiper-pagination-bullet-active{ color:#fff;border: 1px solid #42cb1b;}

.mall_detail .txt{ line-height:1.45;  width:48%; float: right; background: #f8f8f8; padding: 20px 40px; padding-right: 0;}
.mall_detail .name{margin-bottom:40px; font-size:40px; line-height: 1.1;}

.mall_detail .txt .tips{ font-weight: 600; margin-bottom: 20px;}

.mall_detail .order_info_list{ display:inline-block; width: 100%; margin-bottom: 20px;}
.mall_detail .order_info_list .title{float: left; width: 140px;}
.mall_detail .order_info_list .lr{ padding-left: 140px;}
.mall_detail .order_info_list .price{ color: #42cb1b;}
.mall_detail .order_info_list .lr .sale{ color: #EF1B1B; background:url(../images/icon_sale.png) no-repeat 0 2px; background-size:24px; padding-left: 30px; margin-left: 30px;}
.mall_detail .order_info_list .lx_list{max-height: 100px; overflow-x: auto; display: block;}
.mall_detail .order_info_list .lx_list .lx{ border:1px solid #e5e5e5; padding: 4px 10px; float: left; margin-right: 10px; cursor: pointer; margin-bottom: 10px;}
.mall_detail .order_info_list .lx_list .on{ border:1px solid #42cb1b;}
.mall_detail .order_info_list .lr .nub{}
.mall_detail .order_info_list .lr .nub div{ width: 48px; height: 48px; float: left; text-align: center; line-height: 40px;border:1px solid #333;}
.mall_detail .order_info_list .lr .nub .left{ border-radius: 12px 0 0 12px;cursor: pointer;display: block;}
.mall_detail .order_info_list .lr .nub .right{ border-radius:0  12px  12px 0;cursor: pointer;display: block;}
.mall_detail .order_info_list .lr .nub .input{width: 120px; border-left: 0; border-right: 0;}
.mall_detail .order_info_list .lr .nub .input input{ text-align: center; border: 0; height: 48px; line-height: 48px; width: 100%; background: none; font-size: 20px;}

.mall_detail .contact2_list{ margin-top: 20px;}  
.mall_detail .contact2_list .buttom2 {margin-bottom: 20px;float: left;width: 280px; margin-right: 20px; font-size: 16px;}
.mall_detail .contact2_list .buttom2 a{ display:block;line-height: 30px; border:1px solid #666;border-radius: 12px; padding: 8px 12px; padding-left: 55px;}
.mall_detail .contact2_list .buttom2 a:hover{color: #fff; border: 1px solid #42cb1b;}

.mall_detail .contact2_list .request{background-image: linear-gradient(to right, #41ca1c, #029084);border-radius: 12px;}
.mall_detail .contact2_list .request a{ background:url(../images/icon_message.png) no-repeat 18px 8px; border: 0; background-size:30px; color: #fff;}
.mall_detail .contact2_list .request a:hover{ border: 0; background:url(../images/icon_message.png) no-repeat 18px 8px #42cb1b;background-size:30px;}
.mall_detail .contact2_list .chat a{ background:url("../images/icon_whatsapp2.png") no-repeat 18px 8px;background-size:30px;}
.mall_detail .contact2_list .chat a:hover{ background:url("../images/icon_whatsapp.png") no-repeat 18px 8px #42cb1b;background-size:30px;}
.mall_detail .contact2_list .mail a{ background:url("../images/icon_mail2.png") no-repeat 18px 8px;background-size:30px;}
.mall_detail .contact2_list .mail a:hover{ background:url("../images/icon_mail.png") no-repeat 18px 8px #42cb1b;background-size:30px;}
.mall_detail .contact2_list .add_car a{background:url("../images/icon_shopping2.png") no-repeat 18px 8px;background-size:30px;}
.mall_detail .contact2_list .add_car a:hover{background:url(../images/icon_shopping.png) no-repeat 18px 8px #42cb1b;background-size:30px;}



.right_detail{border: 1px solid #ebebeb; width: 300px; float: right;padding:40px 30px;font-family: "PlusJakartaSans-SemiBold"; font-size: 24px;background: url(../images/support_bg.png) no-repeat #ffffff bottom; background-size: 240px; padding-bottom: 280px}
.right_detail .link{ margin-top:40px;}
.right_detail .link a{border-radius:8px; border:1px solid #e5e5e5;padding: 8px 10px 10px 10px; font-size: 14px;}
.right_detail .link a:hover{border-radius:8px; border:0;padding: 9px 11px 11px 11px; color: #fff;background-image: linear-gradient(to right, #41ca1c, #029084);}


.related_pro{ padding:80px 0; margin-bottom:0;}
.related_pro .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.related_pro .liftup{ width:100%; margin-bottom:20px;}
.related_pro .liftup a{ background:#fff; height:450px;}
.related_pro .liftup .pro_name{ font-size: 24px;}

@media (max-width:1700px) {
	.right_detail  .wrap{ padding: 0;}
	.pro_introduction .main_title{ padding-left: 30px;}
	.pro_overview .main_title{ padding-left: 0px;}
	
}

@media (max-width:1440px) {
	.mall_detail .name{ font-size: 48px;}
	.product_detail .txt .name{ font-size: 48px;}
	.product_detail .wrap { height: 800px;}
	.mall_detail .order_info_list .title{ width: 120px;}
	.mall_detail .order_info_list .lr{padding-left:120px;}
	.mall_detail .order_info_list .lr .lx{ font-size: 16px;}
	.mall_detail .order_info_list .lr .sale{ background-size: 20px; padding-left: 28px;}
	.mall_detail .contact2_list .buttom2{ font-size: 16px; width: 260px;}
	.mall_detail .order_info_list .lr .nub div{ width: 40px; height: 40px; line-height: 32px;}
	.mall_detail .order_info_list .lr .nub .input{width: 80px;;}
	.mall_detail .order_info_list .lr .nub .input input{ line-height: 40px;font-size: 18px; height: 40px;}
	
	.right_detail .order_info_list .title{ width: 100%;}
	.right_detail .order_info_list .lr {width: 100%;padding: 0;}
}
@media (max-width:1280px) {
	.right_detail  { width: 260px;}
	.mall_detail .name{ font-size: 36px;}
	.right_detail .contact2_list .buttom2{ font-size: 13px; width: 220px; margin-bottom: 12px;}
	.right_detail .contact2_list .buttom2 a { background-size: 24px; background-position: 10px 8px; line-height: 24px; padding-left: 36px;}
	
	.right_detail .order_info_list .title{ width: 100%;}
	.right_detail .order_info_list .lr {width: 100%;padding: 0;}
}
@media (max-width:1180px) {
	.right_detail  { font-size: 18px;}
	.mall_detail .name{ font-size: 32px;}
	.mall_detail .order_info_list{ margin-bottom: 12px;}
	.mall_detail .order_info_list .title{ width: 100px;}
	.mall_detail .order_info_list .lr{padding-left:100px;}
	.mall_detail .txt{ padding-left: 20px;}
	.product_detail .txt .name{ font-size: 36px;}
	.mall_detail .contact2_list .buttom2{ font-size: 13px; width: 190px;}
	.mall_detail .contact2_list .buttom2 a { background-size: 24px; background-position: 10px 8px; line-height: 24px; padding-left: 36px;}

	
	.related_pro{ padding: 40px 0;}
	
	.right_detail .order_info_list .title{ width: 100%;}
	.right_detail .order_info_list .lr {width: 100%;padding: 0;}
	

	}
@media (max-width:1020px) {
	.right_detail  { width: 100%; background-position: bottom right; padding-bottom: 40px; background-size: 200px;}
	
	.mall_detail .img{ width: 100%;}
	.mall_detail .txt{ width: 100%;}
	.pro_introduction .pro_overview{ width: 100%;}
	.mall_detail_list{ width: 100%;}
	.fixedshop{ display: none;}

	}	
@media (max-width:840px) {
	.pro_pbs .txt li{width: 46%; margin-right: 4%;}
}

@media (max-width:640px) {
	.product_detail .txt .name{ font-size:16px;}
	.product_detail .txt .name h4{ font-size:28px;}
	
	.detail_contact .left_img{ display: none;}
	.detail_contact .right{ padding-left: 30px;}
	
	}





/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.reg_form{ width:80%;position:relative; margin: 80px auto; padding-bottom: 200px;}
.reg_form .main_title{margin:20px 2%; margin-bottom: 50px;}
.reg_form .more{margin:0 2%; margin-top: 20px;}
.reg_form .list{ float:left; margin:0 2%; width:46%;position:relative; min-height:130px;}
.reg_form .list span{ color: #41ca1c ;}
.reg_form .list2{ width:46%; float: left; margin: 0;}
.reg_form .list3{ width:46%; float: right; margin: 0;}

.reg_form .title{ margin-bottom: 40px; margin-left: 2%;}

.reg_form .input_wrap{ margin-top: 10px;}
.reg_form .input_wrap input{ border:1px solid #d0d0d0; height:60px; line-height:60px;  width:100%; padding:0 ; font-size: 18px; border-radius: 12px; padding-left: 15px;}
.reg_form .input_wrap textarea{  border:1px solid #cdcdcd;  line-height:24px;background:#fff; width:100%; font-size:24px;border-radius: 12px; z-index:9; height:200px; color:#666;}
.reg_form .form-error{ font-size:14px; color:red;}
.reg_form .input_wrap2 input{ font-size:14px;}

.reg_form .email_tips{ font-size: 16px;}
.reg_form .line {border-bottom: 1px solid #e5e5e5; margin: 0 2%;margin-bottom: 30px;}
.reg_form .txt{ font-size: 18px;}
.reg_form .dc{ margin: 0 2%; margin-bottom: 30px; text-align: left; position: relative;}

.reg_form .dc a{ color: #42cb1b;}
.reg_form .dc a:hover{ text-decoration: underline; color: #333;}

.list_wrap3{ position: relative;}

.new_add{margin: 0 2%;width: 46%; position: absolute; top: 0; right: 0;}
.new_add .list{ width: 100%; margin-left: 0; margin-right: 0;}
.new_add .list2{ width:46%; float: left; margin: 0;}
.new_add .list3{ width:46%; float: right; margin: 0;}

.reg_form .input_wrap .select{  width:100%; height:60px;position:relative;}
/* select */
.reg_form .input_wrap .select dt{height:60px;display:inline-block;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:60px;padding-left:15px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; }
.reg_form .input_wrap .select dd{position:absolute; width:100%;left:-1px;top:58px;background:#fff;display:none; z-index:99;}
.reg_form .input_wrap .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.reg_form .input_wrap .select dd ul li a{line-height:58px;display:block;padding:0 8px; color:#333;}
.reg_form .input_wrap .select dd ul li a:hover{background:#f5f5f5;}

.reg_form .contact_select {border: 1px solid #d0d0d0;background:#fff; height:60px; border-radius: 8px;}
.reg_form .contact_select .select dt{padding-right:40px;background:url(../images/jt_select2.png) no-repeat right;}
.reg_form .contact_select .select dd{border: 1px solid #d0d0d0;}
.reg_form .contact_select .select dd ul li a{ font-size:20px;}


.have{ position:fixed; bottom: 0; height: 120px; border-top: 4px solid #42cb1b; width: 100%; background: #fff; z-index: 90;}
.have .wrap2{ width: 76%; margin: 0 auto;}
.have .left{ float: left; background: url("../images/icon_user2.png") no-repeat; background-size:30px; padding-left: 36px; margin-top: 42px;}
.have .more{ float: right; padding: 0; margin-top: 42px;}
.have .more a{padding: 8px 60px; border-radius: 8px; }
.have .more a span{background:url("../images/jt3.png") no-repeat; background-size:15px; padding-right: 15px; background-position:right -60px; }

.pro_form{ padding:80px 0; }
.pro_form .wrap{max-width: 1632px;}

.pro_form .form_wrap{ width:66%; float:right; position:relative; background: #fff; box-shadow: 0px 0px 20px #e5e5e5;height: 980px;}
.pro_form .form_wrap .list_wrap2{ padding:40px 2%;}
.pro_form .form_wrap .main_title{margin:20px 2%; margin-bottom: 50px;}
.pro_form .form_wrap .more{margin:0 2%; margin-top: 20px;}
.pro_form .form_wrap .list{ float:left; margin:0 2%; width:46%;position:relative; min-height:90px;}
.pro_form .form_wrap .list2{ width:96%;}

.pro_form .form_wrap .list .call_back{ position:absolute; right:0; top:8px; font-size:18px; height:60px; width:136px;  padding-left:10px;}
.pro_form .form_wrap .list .call_back .call_input{float:left;}
.pro_form .form_wrap .list .call_back input{ width:18px; height:18px; border:1px solid #cdcdcd;}
.pro_form .form_wrap .list .call_back .txt{ float:right; margin-left:4px; width: 100px; font-size: 14px;}
.pro_form .form_wrap .list .bt{ position: absolute; right: -15px; color: #42cb1b; line-height: 60px;}


.pro_form .form_wrap .title{line-height:60px;font-weight:300; position:absolute; padding-left:10px;}

.pro_form .form_wrap .input_wrap{}
.pro_form .form_wrap .input_wrap input{ border:1px solid #d0d0d0; height:60px; line-height:60px;  width:100%; padding:0 ; font-size: 16px; border-radius: 12px;}
.pro_form .form_wrap .input_wrap textarea{  border:1px solid #cdcdcd;  line-height:24px;background:#fff; width:100%; font-size:16px;border-radius: 12px; z-index:9; height:200px; color:#666;}
.pro_form .form_wrap .form-error{ font-size:14px; color:red;}
.pro_form .form_wrap .input_wrap2 input{ font-size:14px;}
.pro_form .form_wrap .tel{ padding-right: 140px;}

.pro_form .form_wrap .input_wrap .pl70{ padding-left:70px;}
.pro_form .form_wrap .input_wrap .pl90{ padding-left:90px;}
.pro_form .form_wrap .input_wrap .pl100{ padding-left:100px;}
.pro_form .form_wrap .input_wrap .pl120{ padding-left:120px;}
.pro_form .form_wrap .input_wrap .pl140{ padding-left:140px;}
.pro_form .form_wrap .input_wrap .pl160{ padding-left:160px;}
.pro_form .form_wrap .input_wrap .pl180{ padding-left:180px;}
.pro_form .form_wrap .input_wrap .pl210{ padding-left:210px;}
.pro_form .form_wrap .input_wrap .pl230{ padding-left:230px;}
.pro_form .form_wrap .input_wrap .pl250{ padding-left:250px;}
.pro_form .form_wrap .input_wrap .pl280{ padding-left:280px;}
.pro_form .form_wrap .input_wrap .pl430{ padding-left:430px;}
.pro_form .form_wrap .input_wrap .pl540{ padding-left:540px;}
.pro_form .form_wrap .input_wrap .plpb{ padding-left:10px; padding-top:50px;}


.mt80{ margin-top:80px;}
.pt0{ padding-top:0px;}


.form_contact { float:left; width:30%; background:#42cb1b; padding-bottom:20px; height: 980px;}
.form_contact .line{ border-bottom: 1px #fff solid}
.form_contact>div{ margin:0 40px; margin-bottom:50px; min-height: 54px; align-items: center; padding-bottom: 50px; line-height: 54px;}
.form_contact a{ color:#fff;}
.form_contact a:hover{ color:#fff;}

.form_contact .main_title{margin-top: 60px; padding: 0;}
.form_contact .main_title h3{ color: #fff;}
.form_contact .mail{ background:url("../images/icon_mail.png") no-repeat; padding-left:66px; background-size: 54px;}
.form_contact .tel{background:url("../images/icon_whatsapp.png") no-repeat; padding-left:66px;  color:#fff; background-size: 54px;}
.form_contact .chat{background:url("../images/icon_kefu.png") no-repeat; padding-left:66px; color:#fff;background-size:21px; background-size: 54px;line-height: 1.5;}
.form_contact .contact_form{background:url("../images/icon_tel.png") no-repeat; padding-left:66px; color:#fff; background-size: 54px;line-height: 1.5;}
.form_contact .contact_form>div{ margin-bottom: 10px; color: #fff;}

.form_contact h4{ margin:20px; color:#fff; font-size:30px;}



.pro_form .input_wrap .select{  width:100%; height:60px;position:relative;}
/* select */
.pro_form .input_wrap .select dt{height:60px;display:inline-block;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:60px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; }
.pro_form .input_wrap .select dd{position:absolute; width:100%;left:-1px;top:58px;background:#fff;display:none; z-index:99;}
.pro_form .input_wrap .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.pro_form .input_wrap .select dd ul li a{line-height:58px;display:block;padding:0 8px; color:#333;}
.pro_form .input_wrap .select dd ul li a:hover{background:#f5f5f5;}

.pro_form .contact_select {border: 1px solid #d0d0d0;background:#fff; height:60px; border-radius: 8px;}
.pro_form .contact_select .select dt{text-align:right; padding-right:40px;background:url(../images/jt_select2.png) no-repeat right; background-size:24px;}
.pro_form .contact_select .select dd{border: 1px solid #d0d0d0;}
.pro_form .contact_select .select dd ul li a{ font-size:16px;}


@media (max-width:1440px) {
	.form_contact{ height: 900px;}
	.form_contact>div{ margin:0 40px; margin-bottom:40px; min-height: 48px;padding-bottom: 40px; line-height: 48px;}
	.form_contact .mail,.form_contact .tel,.form_contact .contact_form,.form_contact .chat{ background-size: 48px; padding-left: 60px;}

	
	.pro_form .form_wrap{ height: 900px;}
	.pro_form .form_wrap .list{ min-height: 80px;}
	.pro_form .form_wrap .title{ line-height: 54px;}
	.pro_form .form_wrap .input_wrap input{ font-size: 18px; height: 54px; line-height:54px; border-radius: 8px;}
	.pro_form .form_wrap .list .call_back{right: -15px; top:0;}
	.pro_form .form_wrap .input_wrap textarea{ font-size: 18px;}
	.pro_form .form_wrap .tel{ padding-right: 120px;}
	
	.contact_select{ height: 54px; line-height: 54px;}
	.input_wrap .select dt{ height: 54px; font-size: 18px; line-height: 54px;}
	.input_wrap .select dd{ top: 52px;}
	.contact_select .select dd ul li a{ font-size: 16px;}
	
	.pro_form .form_wrap .input_wrap .pl70{ padding-left:60px;}
.pro_form .form_wrap .input_wrap .pl90{ padding-left:70px;}
.pro_form .form_wrap .input_wrap .pl100{ padding-left:90px;}
.pro_form .form_wrap .input_wrap .pl120{ padding-left:100px;}
.pro_form .form_wrap .input_wrap .pl140{ padding-left:120px;}
.pro_form .form_wrap .input_wrap .pl160{ padding-left:130px;}
.pro_form .form_wrap .input_wrap .pl180{ padding-left:140px;}
.pro_form .form_wrap .input_wrap .pl210{ padding-left:170px;}
.pro_form .form_wrap .input_wrap .pl250{ padding-left:250px;}
.pro_form .form_wrap .input_wrap .pl280{ padding-left:220px;}
.pro_form .form_wrap .input_wrap .pl430{ padding-left:340px;}
.pro_form .form_wrap .input_wrap .pl540{ padding-left:420px;}
	
	.reg_form  .title{ line-height: 54px;}
	.reg_form  .input_wrap input{ font-size: 18px; height: 54px; line-height:54px; border-radius: 8px;}
	.reg_form .contact_select{ height: 54px; line-height: 54px;}
	.reg_form .input_wrap .select dt{ height: 54px; font-size: 18px; line-height: 54px;}
	.reg_form .input_wrap .select dd{ top: 52px;}
	
		.have .left{ background-size:24px; }
	.have .more a span{background-position: right -72px; background-size:  12px;}
}

@media (max-width:1180px) {
	.form_contact{ height: 850px;}
	.form_contact .main_title{ margin-top: 40px;}
	.form_contact>div{min-height: 36px;line-height: 36px;}
	.form_contact .mail,.form_contact .tel,.form_contact .contact_form,.form_contact .chat{ background-size: 36px; padding-left: 42px;}

	
	.pro_form .form_wrap .main_title{ margin-top: 0; margin-bottom: 30px;}
	.pro_form .form_wrap{ height: 850px;}
	.pro_form .form_wrap .list{ min-height: 80px;}
	.pro_form .form_wrap .title{ line-height: 54px;}
	.pro_form .form_wrap .input_wrap input{ font-size: 16px; }
	.pro_form .form_wrap .list .call_back{right: -15px; top:0; width: 114px;}
	.pro_form .form_wrap .list .call_back .txt{ font-size: 14px; width: 80px;}
	.pro_form .form_wrap .input_wrap textarea{ font-size: 16px;}
	.pro_form .form_wrap .tel{ padding-right: 100px;}
	
	.contact_select{ height: 54px; line-height: 54px;}
	.input_wrap .select dt{  font-size: 16px;}
	.input_wrap .select dd{ top: 52px;}
	.contact_select .select dd ul li a{ font-size: 16px;}
	
	.pro_form .form_wrap .input_wrap .pl70{ padding-left:50px;}
.pro_form .form_wrap .input_wrap .pl90{ padding-left:60px;}
.pro_form .form_wrap .input_wrap .pl100{ padding-left:76px;}
.pro_form .form_wrap .input_wrap .pl120{ padding-left:90px;}
.pro_form .form_wrap .input_wrap .pl140{ padding-left:100px;}
.pro_form .form_wrap .input_wrap .pl160{ padding-left:110px;}
.pro_form .form_wrap .input_wrap .pl180{ padding-left:120px;}
.pro_form .form_wrap .input_wrap .pl210{ padding-left:150px;}
.pro_form .form_wrap .input_wrap .pl250{ padding-left:250px;}
.pro_form .form_wrap .input_wrap .pl280{ padding-left:190px;}
.pro_form .form_wrap .input_wrap .pl430{ padding-left:340px;}
.pro_form .form_wrap .input_wrap .pl540{ padding-left:420px;}
	
	.reg_form{ margin: 60px auto; width: 100%; padding-left:30px; padding-right:30px;}
	.reg_form .input_wrap input{ font-size: 16px; }
	.reg_form .input_wrap .select dt{  font-size: 16px;}
	.reg_form .input_wrap .select dd{ top: 52px;}
	
	.have{ padding-left: 30px; padding-right: 30px; height: 90px;}
	.have .wrap2{ width: 96%;}
	.have .left{margin-top: 30px;}
	.have .more{ margin-top: 30px;}
	.have .more a{ padding: 8px 40px;}
	
	}
@media (max-width:1024px) {
	.pro_form { padding-top:50px}
	}

@media (max-width:1020px) {
	.form_contact>div{ margin: 0 20px; margin-bottom: 20px; padding-bottom: 20px;}
	.form_contact .line,.form_contact .contact_form{ width: 42%; float: left;}
	.form_contact .chat{ border: 0;}
	
	.pro_form { padding-top:40px}
	.pro_form .form_contact{ width:100%; height: auto; padding-bottom:0px;}
	

	.pro_form .form_wrap{ width:100%;}
	.pro_form .form_wrap .list{}
	.form_contact .main_title{ margin-bottom: 30px;}
	

	}


@media (max-width:640px) {
	.pro_form .form_contact{ padding:0 20px;}
	.form_contact>div{ margin: 0; padding-left: 30px; margin-top: 20px;}
	.form_contact .line, .form_contact .contact_form{ width: 100%; }
	.form_contact .chat{border-bottom: 1px #fff solid;}
	.form_contact .main_title{ padding-bottom: 0; margin-bottom: 5px;}
	.form_contact .contact_form{ height: auto;}
	
	.pro_form .form_wrap{ height: auto;}
	.pro_form .form_wrap .main_title{ margin-left: 0;}
	.pro_form .form_wrap .list_wrap2{padding: 40px 20px;}
	.pro_form .form_wrap .main_title h3{font-size: 18px;}
	.pro_form .form_wrap .list{ width: 100%; margin: 0;}
	
	
	.reg_form .list{ width: 100%; height: auto; min-height: inherit; margin: 0; margin-bottom: 20px;}
	.reg_form .txt{ font-size: 14px; margin: 0;}
	.reg_form .email_tips{ position:static; font-size: 14px;}
	
	.new_add{ width: 100%; position: static; margin: 0;}
	.new_add .list3{ margin-bottom: 0;}
	.reg_form .line{margin: 0; margin-bottom: 30px;}
	.reg_form .title{ margin-left: 0;}
	
	.have{ height:120px; padding-bottom: 20px;}
	.have .left{ margin-top: 20px;}
	.have .more{ float: left;margin-top:20px;}
	}





/*_______________contact_____*/

.contact_wrap{ max-width:1632px; margin:0 auto; margin-bottom:80px;}
.contact_wrap .main_title{ text-align: center; margin-bottom: 60px;}
.contact_wrap .contact_left{ float: left;width:45%;}
.contact_wrap .contact_left h3{font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.contact_wrap .contact_left>div { margin-bottom: 20px;}
.contact_wrap .contact_left div a{ display:block;}
.contact_left .txt{ padding-top: 6px;}
.contact_left .icon{width: 40px;height: 40px;text-indent: -40px; overflow: hidden; margin-right: 10px; float: left;}
.contact_left .icon .pic{-webkit-filter: drop-shadow(40px 0 #333); width:100%;}


.contact_wrap .contact_right{ width:45%; height: 480px; color: #fff; float:right;font-size:64px; padding:70px 50px; background:url("../images/support_bg.png")no-repeat bottom right #42cb1b ;font-family: "PlusJakartaSans-Bold";}
.contact_wrap .contact_right .btn{ margin-top: 40px;}
.contact_wrap .contact_right .btn a{border: 1px solid #fff; border-radius: 24px; padding: 14px 35px 19px 35px; font-size: 24px; color: #fff;}
.contact_wrap .contact_right .btn a:hover{border: 1px solid #fff; background: #fff;color:#42cb1b;}

.contact_form .form_wrap{ width: 100%; height: auto;}



@media (max-width: 1440px){
	.contact_wrap .contact_left h3{ font-size: 30px;}
	.contact_wrap .contact_right{ font-size: 48px; height: 420px;}
	.contact_wrap .contact_right .btn a{ font-size: 18px;border-radius: 18px; padding: 10px 24px 14px 24px}
	}

@media (max-width: 1180px){
	.contact_map { margin:0 auto; width:90%;}

	.contact_wrap .contact_left h3{ font-size: 18px;}
	.contact_wrap .contact_right{ font-size: 36px; height: 360px; background-size: 60%;}
	.contact_wrap .contact_right .btn a{ font-size: 16px;}
	}
@media (max-width: 840px){
	.contact_wrap .contact_left{ width: 50%;}
	.contact_wrap .contact_right{ width: 48%; padding: 50px 30px;}
	
	.contact_left .icon{ height: 32px; width: 32px; text-indent: -32px;}
	.contact_left .txt{ padding-top: 2px;}
	.contact_left .icon .pic{    -webkit-filter: drop-shadow(32px 0 #333);}
	}

@media (max-width: 640px){
	.contact_wrap .contact_left{ width: 100%;}
	.contact_wrap .contact_right{ width: 100%; padding: 50px 30px; height: 300px; font-size: 30px;}
}
	

/*____________________________________________________________________________________________________________________________________________________________________________________________________________*/


.about_title{ text-align: center; margin-top: 20px;}

.about{}
.about .wrap{ max-width:1632px; margin: 0 auto; padding: 80px 0;}

.about .wrap .left_img{ width:46%; float:left; }
.about .wrap .left_img img{ width:100%;display:block}

.about .wrap .rig_txt{ width:50%; float:right;}
.about .wrap .case_name{ margin-bottom:30px;}
.about .wrap .case_name h2{ font-size: 30px; text-align:left; line-height:1.35; margin-bottom: 10px;font-family:"PlusJakartaSans-SemiBold";}
.about .wrap .case_name span{color: #41cb1d;}
.about .wrap .case_sm{ margin-bottom:30px; margin-top:20px; font-family:"PlusJakartaSans-SemiBold";}

.grey .wrap .left_img{ width:46%; float:right; }
.grey .wrap .rig_txt{ width:50%; float:left;}





.news_detail{padding:80px 0; max-width:1632px; margin:0 auto;}
.news_detail .wrap { width: 90%; margin: 0 auto;max-width: none;}
.news_detail h3{ color:#333;letter-spacing:0; text-align:left;}
.news_detail .date{ color:#999; margin-top:15px;padding-bottom:10px;}
.news_detail .lr{ margin-top:30px; margin-bottom:30px; line-height:1.5;}

@media (max-width: 1180px){
	.news_detail{ padding: 40px 0;}
	
	.about .wrap{ padding: 40px 0;}
	}


@media (max-width: 840px){

	.news_detail .wrap{ width: 100%;}
	.news_detail .lr img{ width: 100%;}
	
	.about .wrap .case_name h2{ font-size: 24px;}
	.about .wrap .case_name{ margin-bottom: 0;}

	}
@media (max-width:640px) {

	
	.about .wrap .left_img{ width: 100%;}
	.about .wrap .rig_txt{width: 100%; margin-top: 20px;}

	}

.sitemap{ max-width:1632px; margin:0 auto; padding:80px 0;}
.sitemap a:hover{ color:#90af22;}
.sitemap .list{ margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.sitemap .list2{ margin-bottom:30px; float:left; width:33.3%;}
.sitemap .list2 ul{}
.sitemap .list2 ul li{ font-size:15px; line-height:1.6;}
.sitemap .list2 ul li a{}
.sitemap .industry{ border:0;}
.sitemap h4 { font-size:18px; margin-bottom:15px; font-weight:300;}
.sitemap h6 {font-size:16px;margin-bottom:8px; font-weight:300;}
.sitemap h4 a{ }
.sitemap h6 a{}

@media (max-width:1020px) {
	
	.sitemap .list2{ width:100%;}
	}


@media (max-width:640px) {
	.sitemap h6{ font-size:13px;}
	}




.member_top{box-shadow: 0px 0px 10px #e5e5e5; height: 110px; background: #fff;}
.member_top .wrap{ max-width: 1632px; margin: 0 auto;}
.member_top .logo{ height: 110px; font-family: "PlusJakartaSans-Bold"; color: #74787b; font-size: 30px;float:left; margin-right:2%;display: flex;align-items: center;}
.member_top .logo a{ display:block; background:url(../images/logo.png) no-repeat; width:200px; background-size:100%;}
.member_top .logo img{ width:100%; display:block;}
.member_top .logo span{ font-size: 25px; display: block; height: 48px;}


.member_top .contact_icon{ float: right; margin-right: 50px; padding-top: 34px;}
.member_top .contact_icon a{ background: url(../images/icon_mall_contact.png) no-repeat; width: 24px; height: 24px; background-size:24px; display: block;}
.member_top .change_icon{float: right;  padding-top: 34px;}
.member_top .change_icon a{ display: block; background: url(../images/icon_mall_change.png) no-repeat; width: 40px; height: 24px; background-size:24px;font-size: 20px; padding-left: 30px; line-height: 24px; }


.member{ padding-bottom: 60px;}
.member .wrap{}
.member .login{ margin:80px auto; margin-bottom: 100px; text-align:center; width:80%;box-shadow: 0px 0px 20px #e5e5e5; }
.member .login_ok{ padding:100px 0;}
.member .login_ok .icon{ margin:0 auto; margin-bottom:40px;}
.member .login_ok .icon img{ width:120px;}
.member .login_ok h1{ font-size:36px; margin-bottom:40px;}
.member .login_ok .txt{ margin: 0 auto;margin-bottom:160px; width: 60%;}
.member .login_ok .more{ text-align: center;}

.login h3{ text-align: left; margin-bottom: 50px;}
.login h4{ text-align: left; margin-bottom: 15px; font-size: 18px;}
.login .login_form{ width: 50%; float: left; padding: 60px;}
.login .login_form> div{ margin-bottom: 30px; text-align: left;position: relative;}
.login .login_form input{ border: 1px solid #aeaeae; width: 100%; height: 48px;line-height: 48px; padding: 0 15px; font-size: 16px;border-radius: 8px;}
.login .login_form input:focus{border: 1px solid #42cb1b;}
.login .login_form .txt_forgot a{ text-decoration: underline;}
.login .login_form .txt_forgot a:hover{ text-decoration: none;}

.login .show_pw{position: absolute; right: 0; bottom: 0; background:url("../images/icon_eyes_close.png") no-repeat 8px; background-size: 32px; width: 48px; height: 48px; display: block; cursor: pointer;}
.login .on{background:url("../images/icon_eyes.png") no-repeat 8px;background-size: 36px;}

.login .login_regst{ width: 50%; float: right; padding: 60px; background: #f8f8f8;}
.login .login_regst div{ margin-bottom: 40px; text-align: left;font-size: 18px}
.login .login_regst ul{ margin-top: 20px; margin-left: 18px;}
.login .login_regst li{ text-align: left; list-style:disc; margin-bottom: 10px; color: #42cb1b;}
.login .login_regst li span{ color: #333;}

.login button{text-decoration:none; line-height:48px; background-image: linear-gradient(to right, #41ca1c , #029084); color: #fff; border-radius: 8px;  height: 48px; border: 0; font-size: 20px; width: 100%; cursor: pointer;}
.login button:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}

.member .register{ box-shadow:0 0 0 0;}
.register .login_form{width: 60%; padding: 0;}
.register .login_form input{ width: 500px;}
.register  span{color: #42cb1b;}
.register .dc label{ font-size: 22px;}
.register .dc input{ width: 20px; height: 20px; margin-right: 8px;}
.register .dc input[type="checkbox"] {color:#42cb1b; }
.register .dc a{ color: #42cb1b;}
.register .dc a:hover{ text-decoration: underline; color: #333;}
.register button{ width: 200px;}


.forgot .login_form{ width: 100%;}
.forgot .login_form input{ width: 500px;}
.forgot .login_form button{ width: 230px;}
.forgot .login_form .re{ margin-left: 40px; background:#fff; border: 1px solid #999; color: #333;}
.forgot .login_form .re:hover{background:#f5f5f5; }
.forgot .login_form div{ width: 600px;}
.forgot .login_form .fogot_step{ margin-bottom: 50px; height: 60px; width: 100%;}
.forgot .fogot_step div{ height: 60px; width: 33.3%; float: left; line-height: 40px; border-bottom: 4px solid #f8f8f8; font-family:"PlusJakartaSans-SemiBold";  color: #999;}
.forgot .fogot_step div span{display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #e5e5e5; border-radius: 8px; float: left; margin-right: 8px;}
.forgot .fogot_step .step_on{border-bottom: 4px solid #42cb1b; color: #333;}

@media (max-width: 1440px){
	.register .dc label{ font-size: 18px;}
	
}
@media (max-width: 1180px){
	.member .login{ width: 100%; margin: 60px auto; margin-bottom: 40px;}
	.login .login_regst div{ font-size: 16px;}
	.login .login_form input{font-size: 16px;}
	.login h4{font-size: 16px;}
	.register .dc label{ font-size: 16px;}
	.login .login_form> div{ font-size: 16px;}
	.member .login_ok .icon img{ width: 120px;}
	.member .login_ok h1{ font-size: 24px;}
	.member .login_ok .txt{ margin-bottom: 100px;}
	
	.login_ok{ padding-top: 80px;}
	
}

@media (max-width: 840px){
	.login .login_form {width: 100%;}
	.login .login_regst{width: 100%;}
	.login .login_form> div{ width: 100%;}
	.forgot .login_form{ padding: 50px 30px;}
	.forgot .login_form input{width: 100%;}
	.forgot .fogot_step div{ width: 100%; margin-bottom: 15px;}
	
	.member_top{ height: 90px;}
	.member_top .logo{ height: 90px;}

}

@media (max-width: 640px){
	.member_top{ height: 70px;}
	.member_top .logo{ height: 70px;}
	.member_top .logo a{ width:120px;}
	.member_top .logo span{ font-size:18px; height: 36px;}
	.member_top .change_icon{ padding-top: 24px;}
	.member_top .change_icon a{ font-size: 14px; background-size:20px; padding-left: 24px; line-height: 20px;}
	.member_top .contact_icon{padding-top: 24px; margin-right: 20px;}
	.member_top .contact_icon a{background-size:20px; padding-left: 24px;}
	
	.forgot .login_form button{ margin-bottom: 15px;}
	.forgot .login_form .re{ margin-left: 0;}
	
	.login button{font-size:16px;}
	.forgot .login_form button{width:100%;}
	
}



.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.bt1{ border-top:1px solid #e5e5e5;}


@media (max-width: 1700px){
	.wrap,.footer,.nav-header,.banner_txt_warp,.footer_tools,.main_title,.index_pro_wrap,.pro_shop,.global_list,.contact_wrap,.career_video .pro_case,.search_wrap,.sitemap{ padding-left:30px;padding-right:30px;}

	.pro_index .index_pro_wrap,.index_video .index_pro_wrap{ padding: 0;}
	.pro_wrap ,.case_list .index_pro_wrap,.case_t3,.news2_list .index_pro_wrap,.video_list .index_pro_wrap { padding-left: 20px; padding-right: 20px;}
	.product2 .pro_wrap,.help_support .wrap,.case_detail .wrap,.pro_form .form_wrap .main_title{ padding-left: 0; padding-right: 0;}
	.related_case .index_pro_wrap,.related_news .index_pro_wrap,.related_video .index_pro_wrap{ padding-left:30px;padding-right:30px;}
	.case_detail .wrap{}
	.video_detail .wrap{width:100%}
	.nav_wrap .menu-change{ padding-right: 40px;}
	.video_detail .detail_contact{ width: 55%;}
	.case_detail .detail_contact{ width: 65%;}
	.form_contact .main_title{ padding-left: 0;}
	.buy_right .pro_contact .wrap{ padding: 0;}
	}
@media (max-width: 1180px){
	.nav_wrap .menu-change{ padding-right: 30px;}
}
@media (max-width: 1020px){
	.nav_wrap .menu-change{ padding-right: 0px;}
	.case_detail .wrap{ width: 100%; padding:0 30px;}
	.case_detail .detail_contact{ width: 100%;}
	.video_detail .detail_contact{ width: 100%; position:static; margin-top: 20px;}
}

@media (max-width: 840px){
	.nav-header{ padding-left:20px;padding-right:20px;}
	.nav_wrap .menu-change{ padding-right: 0;}
	.case_t3{padding-left: 30px; padding-right: 30px}
	.case_list .index_pro_wrap,.news2_list .index_pro_wrap{ padding-left: 10px; padding-right: 10px;}
	.related_news .index_pro_wrap{ padding-left: 30px; padding-right: 30px;}
	
}
@media (max-width: 640px){
	.product3 .pro_wrap{padding: 0 30px;}
	.case_list .index_pro_wrap,.news2_list .index_pro_wrap,.video_list .index_pro_wrap{ padding-left: 30px; padding-right: 30px;}
	
}


.contact_img{ border:1px solid #cfcfcf; background:url(../images/contact_left_img.jpg) no-repeat #f6f6f6 bottom right; padding:20px 20px 0 20px; height:560px; position:relative; }
.contact_img a{display:block; width:100%; height:100%;}
.contact_img h1{ font-size:50px; line-height:54px; color:#4a4f55; font-weight:bold;}
.contact_img h3{ margin-bottom:20px; color:#4a4f55;}
.contact_img h4{ background:#009992; color:#fff; font-size:18px; float:left; padding:6px 10px;}
.contact_img .pad{ position:absolute; right:-1px; bottom:-5px;display:none;}
.contact_img .jiao{ position:absolute; left:-1px; bottom:-10px; display:block;display:none;}


@media (max-width: 1180px){
	.contact_img{ height:400px;padding:20px 15px 0 15px; background-size:75%;}
	.contact_img h1{ font-size:34px; line-height:36px; }
	.contact_img h3{ font-size:12px; line-height:16px; margin-bottom:10px;}
	.contact_img h4{ font-size:12px; }
	.contact_img .pad img{ width:160px;}
	.contact_img .jiao img{ width:35px;}
}

@media (max-width: 840px){
	.contact_img{  height:200px; background-size: auto 100%; }
	.contact_img h1{ font-size:36px; line-height:32px; margin-bottom:10px;}
	.contact_img h3{ font-size:14px; line-height:16px;}
	.contact_img h4{ font-size:14px; }
	.contact_img .pad{ bottom:-7px}
	.contact_img .pad img{ width:160px;}
	.contact_img .jiao{  bottom:-11px;}
	.contact_img .jiao img{ width:35px;}
}
@media (max-width: 600px){
	.contact_img{ height:220px; }
	.contact_img h1{line-height:36px;}
	.contact_img h3{ font-size:14px; line-height:16px; width:250px;}
	}
@media (max-width: 520px){
	.contact_img h1{ font-size:28px;line-height:30px;}
	.contact_img h3{ font-size:14px; line-height:16px; width:200px;}
	
	}		
@media (max-width: 420px){
	.contact_img{ height:240px; }
	.contact_img h3{ width:150px;}
	}	
	


/* ===============弹窗窗口 start============================== */

.zoom-anim-dialog .box-heading-gray{ margin-top:0px;}
.zoom-anim-dialog .panel{ margin-bottom:0;}
/*.zoom-anim-dialog .table-responsive{ max-height:350px; overflow-y: scroll;}*/
.zoom-anim-dialog{
	background: white;
	max-width: 60%;
	vertical-align:middle;
	height:100%;
	margin: 0 auto;
	position: relative;	
}
@media (max-width: 1000px){
.zoom-anim-dialog{
	background: white;
	max-width: 85%;
	vertical-align:middle;
	height:100%;
	margin: 20px auto;
	position: relative;	
}
	}
.zoom-anim-dialog .table-responsive{
    max-height: 350px;
    overflow-y: scroll;
}	

.width80{
	max-width: 80%;
}
.width60{
	max-width: 60%;
}
.width40{
	max-width: 40%;
}

.header .mfp-container{ height: auto;}
@media (max-width: 1180px){
	.width40{max-width: 50%;}
	.width60{max-width: 80%;}
	}

@media (max-width: 800px){
	.width40{max-width: 75%;}
	.width60{max-width: 100%;}
	}


@media (max-width: 800px){
#small-dialog {
	background: white;
	padding: 0;	
}
}
/* ===============弹窗窗口 start============================== */

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/* ===============弹窗窗口 start============================== */
.panel {
	background: #FFFFFF;
	margin-bottom: 16px;
	border-radius: 3px;
	background-clip: padding-box;
}
.panel .panel-body {
	
}
.panel-body .panel-plate {
	margin-bottom:20px;
}

@media (max-width: 767px) {
.panel {
	margin-bottom: 10px;
}
.panel .panel-body {

}
.panel .table-responsive { 
     margin-bottom:0;
}
}


.panel .no-header {
	padding-top: 20px;
}
.panel .panel-heading {
	padding: 10px 20px;  color:#333;
}

.panel .panel-title a{
	color: #2980b9;
}
.panel .panel-title a:hover {
	color: #3498db;
}


.panel-default>.panel-heading {
	background-color: #fff;
	border-color:#ddd;
	color: #333;
	border-radius: 0;
	background-clip: padding-box;
}
.panel-default>.panel-heading.white {
	background-color: #fff;
}

.panel-body .pro_form{padding:0;}
.panel-body .pro_form .form_wrap{ border:0; width:100%; height: auto; box-shadow: none;}
.panel-body .pro_form .form_wrap .list{ margin:0 2.5%; width:45%; }
.panel-body .pro_form .form_wrap .list2{ width:95%;}
.panel-body .pro_form .form_wrap .list3{ width:95%; min-height: 124px;}
.panel-body .pro_form .form_wrap .list3 .title{ position: relative; padding: 0; line-height: 1; margin-bottom: 10px;}
.panel-body .pro_form .form_wrap .list3 input{ padding-left: 15px;}


.panel-body .pro_form .form_wrap .list_wrap2{ width:100%; margin:0px; }
.panel-body .pro_form .form_wrap .buttom{ width:100%; margin-top:10px; padding:0 20px;}

.panel-body .message_txt{ width:80%;}

.panel-body .account{padding: 40px;}
.panel-body .account .acc_store2{padding: 0;}
.panel-body .account .acc_store2 .add_list .list { padding: 0;}
.panel-body .account .acc_store2 .title{ font-size: 24px; margin-bottom: 10px;}
.panel-body .account .acc_store2 .order_info{ display: inline-block; width: 100%;}
.panel-body .account .acc_store2 .order_info div{ float: left; width: 50%;}
.panel-body .account .acc_store2 .add_list{ margin: 0;}
.panel-body .account .acc_store2 .tips {font-size: 18px; background: url(../images/icon_tz.png) no-repeat 0 3px; background-size: 22px;padding-left: 30px;}
.panel-body .account .acc_store2 .more{ float: right; margin-top:0;}
.panel-body .account .acc_store2 .more a{padding: 10px 30px; border-radius: 12px; font-size: 18px;}
.panel-body .account .acc_store2 h3{ margin-bottom: 15px;}

@media (max-width: 840px) {
.contact_message{padding:20px 0 0 0;}
.contact_message h2{ font-size:18px; margin-bottom:10px;}
.contact_message .message_txt{ width:90%; font-size:14px; line-height:18px;}
.contact_message .message_table{ font-size:11px;}
.contact_message .message_table .input{  line-height:30px; padding:0 10px; font-size:12px;}
.contact_message .message_table .input:focus{border:1px solid #009992; background:#fff;}
.contact_message .message_table .select{ height:30px; font-size:12px;}

.contact_message .message_table .phone{ display:none;}
.contact_message .message_table .pc{ display:block;}
.contact_message .message_table .input_td{ width:75%;}
.contact_message .message_table .sm_td{ width:0%;}

.panel-body .pro_form .form_wrap .list{ margin:0; width:100%; }
.panel-body .pro_form .form_wrap .buttom{ padding:0;}
.panel-body .pro_form .form_wrap .list2{ width:100%;}

}
.share_list{ padding-left:10px;}
.share_list li{ margin-bottom:18px;}
.share_list li a:hover{ color:#009992;}
.share_list li img{ width:24px;}
.share_list li span{ float:left; margin-right:10px;}
.share_list li h3{ font-size:16px;}


.open_tel{}
.open_tel h2{ font-size:24px; font-family:Gotham; line-height:36px; color:#333; margin-bottom:20px; text-align:center;letter-spacing:0;}
.open_tel div{ background:#ea3328; border-radius:50%; width:100px; height:100px; padding-top:20px; text-align:center; margin:0 auto; margin-bottom:10px; }
.open_tel div img{ width:60px; height:60px;}


.related_pro2{ padding:80px 0; margin-bottom:0;}
.related_pro2 .index_pro_wrap{ max-width:1240px; position:relative;}
.related_pro2 .liftup{ width:100%; margin-bottom:20px;}
.related_pro2 .liftup .pro_name{ font-size:14px;}



.service_detail_img{ padding:0;}
.service_detail_img .index_pro_wrap{ max-width:1220px;}
.service_detail_img .liftup a{height:320px;}
.service_detail_img .liftup .pro_name{ font-size:16px; margin:20px;}

@media (max-width:1180px) {

	.service_detail_img .liftup a{ height:auto;}
}
@media (max-width:1024px) {

	.related_pro .liftup a{ height:475px;}

}
@media (max-width:1020px) {

	.related_pro .liftup a{ height:auto;}
	.related_pro2 .liftup{ margin:0; margin-bottom:20px;}
	
	.related_pro2 .index_pro_wrap{ padding:0;}
	.video_black .index_pro_wrap{ padding:0 30px;}
	
}
@media (max-width:640px) {

	}

.sitemap{ max-width:1632px; margin:0 auto;}
.sitemap a:hover{ color:#90af22;}
.sitemap .list{ margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.sitemap .list2{ margin-bottom:30px; float:left; width:33.3%;}
.sitemap .list2 ul{}
.sitemap .list2 ul li{ font-size:15px; line-height:1.6;}
.sitemap .list2 ul li a{}
.sitemap .industry{ border:0;}
.sitemap h4 { font-size:18px; margin-bottom:15px; font-weight:600;}
.sitemap h6 {font-size:16px;margin-bottom:8px; font-weight:300;}
.sitemap h4 a{ }
.sitemap h6 a{}

@media (max-width:1020px) {
	
	.sitemap .list2{ width:100%;}
	}


@media (max-width:640px) {
	.sitemap h6{ font-size:13px;}
	}


.swiper-button-prev{ background:url(../images/jt2.png) no-repeat; background-position:0 0px;}
.swiper-button-prev:hover{ background:url(../images/jt2.png) no-repeat;background-position:0 -60px;}
.swiper-button-next{ background:url(../images/jt2.png) no-repeat; background-position:0 -120px;}
.swiper-button-next:hover{ background:url(../images/jt2.png) no-repeat; background-position:0 -180px;}


.jq22-container .swiper-button-prev{ background:url(../images/jt2.png) no-repeat; background-position:0 0px;}
.jq22-container .swiper-button-prev:hover{ background:url(../images/jt2.png) no-repeat;background-position:0 -60px;}
.jq22-container .swiper-button-next{ background:url(../images/jt2.png) no-repeat; background-position:0 -120px;}
.jq22-container .swiper-button-next:hover{ background:url(../images/jt2.png) no-repeat; background-position:0 -180px;}

 

.pro_introduction,.pro_contact,.index_pro,.pro_form{ position:relative;}


.gototop{position: fixed;right: 0;bottom: 50px;width: 68px;height: 64px;display: none;z-index:1111; background:url(../images/gototop.png) #fff no-repeat; background-position:center 16px; background-size:24px;cursor:pointer;  font-size:12px; text-align:center; padding-top:44px;}