@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:18px; 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;
}




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:48px; 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;}

@media (max-width:1440px) {
	html{ font-size: 18px;}
	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:24px;}
	h5 { font-size:18px;}
	}
@media (max-width:1020px) {
	h2{ font-size:24px;}
	h5 { font-size:16px;}
	}
@media (max-width:640px) {
	h3{ font-size:18px;}
	}
.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;}

.phone_message{ position:fixed; bottom:20px; width:48px; height: 48px; right:20px;  z-index:990; display: none;}
.phone_message a{width:48px; height:48px;background-image: linear-gradient(to right, #41ca1c , #029084); border-radius:30px; display: block;}
.phone_message a img{ width: 48px; padding:8px;}
.phone_whatsapp{ position:fixed; bottom:78px; width:48px; height: 48px; right:20px;  z-index:991; display: none;}
.phone_whatsapp a{width:48px; height:48px;background-image: linear-gradient(to right, #41ca1c , #029084); border-radius:30px; display: block;}
.phone_whatsapp a img{ width: 48px; padding:8px;}
@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;}
	}
	
@media (max-width:640px) {
	.phone_message{ display:block;}
	.phone_whatsapp{ display:block;}
	}

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

/*__header_____*/
.nav-container { position: fixed;top: 0;left: 0;width: 100%;z-index: 1000; background: #fff; height: 120px;}
.nav-header { display: flex;justify-content: space-between; align-items: center; max-width: 1632px; margin: 0 auto;}

.nav-search .help_top .search_t{ margin: 0; padding: 120px;}
.nav-search .search-list {width: 100%; font-size: 18px;background: #f8f8f8; position:relative;}
.nav-search .help_top .search_t .btn_wrap{ width: 160px;}

.nav-login {}
.nav-login .login-list {width: 100%; font-size: 24px;background: #f8f8f8; position:relative;}
.nav-login .wrap{ padding-top: 40px;padding-bottom:80px;justify-content: space-between;flex-wrap: wrap;display: flex;}
.nav-login .list{ width: 32%; border-radius: 8px; background: #fff; padding: 30px;}
.nav-login .list .img{ height: 140px; overflow: hidden;}
.nav-login .list .img img{ width: 100%;}
.nav-login .list .title{ margin: 20px 0;}
.nav-login .list .title h3{ font-size: 30px;}
.nav-login .list .txt{ font-size: 16px;}
.nav-login .list .more{margin-top: 20px;}
.nav-login .list .more a{ font-size: 14px; border-radius: 12px; font-family: "PlusJakartaSans-Bold";}

.nav-menu { height: 0; overflow: hidden; transition:  0.3s;}
.nav-menu.active { height: calc(100vh); background: rgba(0, 0, 0, .6);}
.nav-list {width: 100%;background: #fff; font-size: 18px; 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:25px 20px;}
.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: 3px;}
.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: 33%; 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: 24px;}
.menu1 ul li a { }

.menu2_wrap{position: absolute;top:0;left:33%;width: 33%; overflow: hidden;}
.menu2{height: 100%;transition:.5s;background:#f8f8f8;transform: translateX(-100%);position: absolute;width: 100%; overflow-y: auto;}
.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 ul li .color_grey{ color: #999;}
.menu2 .nosub{background: none;}
.menu2 .back{background: none; display: none;}
.menu2 .fenlei{background:none}
.menu2 .fenlei a,.menu3 .fenlei a{color: #42cb1b;}

.menu2_wrap .on2{transform: translateX(0);}

.menu3_wrap{position: absolute;top:0;left:66%;width: 34%;  overflow: hidden;}
.menu3{ height: 100%;overflow-y:auto;transition:.5s;transform: translateX(-100%); display: none; background: #fff;position: absolute;width: 100%;}
.menu3 ul{ padding: 0 20px;}
.menu3 ul li{}
.menu3 ul li a{ color: #757575;}
.menu3_wrap .on3{transform: translateX(0); display: block;}
.menu3 .back{background: none; display: none;}

.wrap_on{ height: 100%;}

.logo{ float:left; margin-right:2%; height:120px;display: flex;align-items: center;}
.logo a{ display:block; background:url(../images/logo.png) no-repeat; width:300px; background-size:100%;}
.logo img{ width:100%; display:block;}
		
.nav_wrap {position: absolute; right:0; height:120px; top: 0; z-index:990; display: flex;}
.nav_wrap button{float: left;border: 0; margin-left: 1px; text-align: left; padding: 0 40px; font-size: 18px; background: #f8f8f8;}
.nav_wrap button .icon{width: 30px;height: 30px;text-indent: -30px; overflow: hidden; margin-top: 6px;}
.nav_wrap button .icon .pic{-webkit-filter: drop-shadow(30px 0 #333); width:100%;}
.nav_wrap button a{display: block;}
.nav_wrap button .txt{font-size: 12px;} 
.nav_wrap button  .bg{ height: 0; background: #42cb1b; position: absolute; bottom: 0; left: 0; width: 100%; transition: 0.5s;}
.nav_wrap button .icon_nav{background:url("../images/icon_nav2.png") no-repeat; background-size: 30px;}
.nav_wrap button .icon_shopping{background:url(../images/icon_shopping2.png) no-repeat; background-size: 30px;}
.nav_wrap button .icon_user{background:url("../images/icon_user5.png") no-repeat; background-size: 30px;}
.nav_wrap button .icon_search{background:url("../images/icon_search2.png") no-repeat; background-size: 30px;}
.nav_wrap button .icon_contact{background:url("../images/icon_mall_contact.png") no-repeat; background-size: 30px;}
.nav_wrap button .icon_change{background:url("../images/icon_change2.png") no-repeat; background-size: 30px;}
.nav_wrap .menu-btn{ position: relative;}
.nav_wrap .menu-btn .txt{ color: #333;transition: 0.5s;}
.nav_wrap .menu-btn .m1{ padding-top: 6px; font-size: 24px;font-family:"PlusJakartaSans-Bold"; color: #333;transition: 0.5s;}
.nav_wrap .menu-btn .m1 .icon{ float: left; margin: 0; margin-right: 8px;}
.nav_wrap .menu_on  .m1 .icon_nav {transition: 0.5s;background:url("../images/icon_nav.png") no-repeat; background-size: 30px; }
.nav_wrap .menu-btn { background-color: #f8f8f8;clip-path: polygon(15% 0,100% 0,100% 100%,0 100%);height: 120px; width: 380px; cursor: pointer; }
.nav_wrap .menu-btn a{ padding-left: 12%; position: absolute; z-index: 10; top: 35px;}

.nav_wrap .menu-store{}
.nav_wrap .menu-search{position: relative; width: 130px;}
.nav_wrap .menu-search a{position: absolute; z-index: 11; top: 35px;}
.nav_wrap .menu-search .txt{ color: #333;transition: 0.5s;}
.nav_wrap .menu_on .icon_search {transition: 0.5s;background:url("../images/icon_search.png") no-repeat; background-size: 30px; }

.nav_wrap .menu-user{}
.nav_wrap .menu-user{position: relative; width: 120px;}
.nav_wrap .menu-user a{position: absolute; z-index: 12; top: 35px;}
.nav_wrap .menu-user .txt{ color: #333;transition: 0.5s;}
.nav_wrap .menu_on .icon_user {transition: 0.5s;background:url("../images/icon_user.png") no-repeat; background-size: 30px; }

.nav_wrap .menu-change{}

.nav_wrap .menu_on{}
.nav_wrap .menu_on .icon{text-indent: 0;}
.nav_wrap .menu_on a .txt,.nav_wrap .menu_on a .m1{ color: #fff;}
.nav_wrap .menu_on .bg{ height: 100%;}

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

@media (max-width:1440px) {
	.nav-container{ height: 110px;}
	.logo { height: 110px;}
	.logo a{width:240px;}
	
	.nav_wrap{ height: 110px;}
	.nav_wrap .menu-btn{ height: 110px; width: 350px;}
	.nav_wrap .menu-btn .m1{ font-size: 22px;}
	.nav_wrap button{ font-size: 16px;}
	.nav-list{ font-size: 18px;}
	.nav-list a{ padding: 20px;}
	.nav-list .on a i{ height: 2px;}
	.nav_wrap .menu-btn a{ top: 27px;}
	.nav_wrap .menu-search{width: 145px;}
	.nav_wrap .menu-search a{ top: 27px;}
	.nav_wrap .menu-user a{ top: 27px;}
}
@media (max-width:1180px) {
	.nav-container{ height: 90px;}
	.logo { height: 90px;}
	.logo a{width:200px;}
	
	.nav_wrap{ height: 90px;}
	.nav_wrap .menu-btn{ height: 90px; width: 280px;}
	.nav_wrap .menu-btn .m1{ font-size: 18px;}
	.nav_wrap button{ font-size: 14px; padding: 0 30px;}
	.nav_wrap button .icon{ width: 24px; height: 24px;}
	
	.nav_wrap button .icon_nav{background-size: 24px;}
	.nav_wrap button .icon_shopping{ background-size: 24px;}
	.nav_wrap button .icon_user{ background-size: 24px;}
	.nav_wrap button .icon_search{background-size: 24px;}
	.nav_wrap button .icon_contact{ background-size: 24px;}
	.nav_wrap button .icon_change{ background-size: 24px;}
	
	.nav_wrap .menu_on .icon_nav{background-size: 24px;}
	.nav_wrap .menu_on .icon_user{ background-size: 24px;}
	.nav_wrap .menu_on .icon_search{background-size: 24px;}
	
	.nav-list{ font-size: 16px;}
	.nav-list a{ padding: 20px 15px;}
	.nav-list .on a i{ height: 2px;}
	.nav_wrap .menu-btn a{ top: 21px;}
	.nav_wrap .menu-search{width: 117px;}
	.nav_wrap .menu-search a{ top: 21px;}
	.nav_wrap .menu-user{ width: 112px;}
	.nav_wrap .menu-user a{ top: 21px;}
	.nav-search .help_top .search_t{ padding-top:80px;}
	
	.nav-login .list .title h3{ font-size: 24px;}
	.nav-login .list .txt{ font-size: 16px;}
	.nav-login .list .more a{font-size: 16px;border-radius:8px;}
}
@media (max-width:1024px) {
	.nav-container{ height: 80px;}
	.logo { height: 80px;}
	.logo a{width:180px;}
	
	.nav_wrap{ height: 80px;}
	.nav_wrap .menu-btn{ height: 80px; width: 260px;}
	.nav_wrap button{ font-size: 12px;}
	.nav_wrap .menu-btn .m1{ font-size: 16px; padding-top: 3px;}
	.nav_wrap button .icon{ margin-top: 3px;}
	.nav-list{ font-size: 14px;}
	.nav-list a{ padding: 20px 10px;}
	
	.nav-search .help_top .search_t{ padding:80px;}
}
@media (max-width:1020px) {
	
	.nav-container{ height: 110px;}
	.nav-header{ height: 110px;}
	.logo { height: 60px; position: absolute;top: 0;}
	.logo a{width:160px;}
	.nav_wrap{ height: 50px; top: 60px; width: 100%;}
	.nav_wrap button{ padding:0;}
	.nav_wrap button .txt{ display: none;}
	.nav_wrap button .icon{ margin: 0;}
	.nav_wrap .menu-btn{ clip-path:none; width: 100%; height: 50px;}
	.nav_wrap .menu-btn a{ padding-left: 20px; top: 0;}
	.nav_wrap .menu-btn .m1{ font-size: 14px; padding-top: 0px; line-height: 24px;}
	.nav_wrap .menu-store{}
	.nav_wrap .menu-search{width: 64px;}
	.nav_wrap .menu-search a{ top: 0;}
	.nav_wrap .menu-user{ width: 64px;}
	.nav_wrap .menu-user a{ top: 0;}
	.nav_wrap button a{ display: block; width: 100%; height: 100%; padding:15px;}
	
	.nav_wrap .menu-change{ position: absolute; top: -60px;right:0; background: #fff; width: 52px;}
	.nav_wrap .menu-contact{right:55px;}
	
	.nav-login .list .title h3{ font-size: 18px;}
	.nav-login .list .img{ height: auto; width: 100%;}
	.nav-login .list .txt{ font-size: 14px;}
	.nav-login .list .more{ margin-top: 20px;}
	.nav-login .list .more a{font-size: 14px;}

}

@media (max-width:840px) {
	.menu1{ width: 50%; z-index: 31}
	.menu2_wrap{ width: 50%; left: 50%; z-index: 32;}
	.menu3_wrap{ width: 50%;left: 50%; z-index: 33;}
	.menu2 .back,.menu3 .back{ display: block;}
	.menu2 .back a,.menu3 .back a{ color: #42cb1b; background: url("../images/icon_jt_back.png") no-repeat center left; background-size:14px; padding-left: 20px; }
	
	.nav_wrap .menu-btn{ width: 90%;}
	
	.nav-login .list{ width: 100%; margin-bottom: 20px;}
	.nav-login .list .title{padding-left: 40%; margin-top: 0; margin-bottom: 12px;}
	.nav-login .list .img{ height: auto; width: 35%; float: left;}
	.nav-login .list .txt{ font-size: 14px;padding-left: 40%;}
	.nav-login .list .more{ margin-top: 20px;padding: 0;padding-left: 40%; height: 50px;}
	.nav-login .list .more a{font-size: 14px;}
	
	.nav-search .help_top .search_t{ padding:80px 20px;}
}
@media (max-width:640px) {
	.nav_wrap .menu-btn{ width: 80%;}
}
@media (max-width:600px) {
	.menu1{ width: 100%;}
	.menu1 ul{ padding-bottom: 60px;}
	.menu2_wrap{ width: 100%; left:0%; }
	.menu3_wrap{ width: 100%;left:0%;}	
	
	.nav-login .list{ width: 100%; margin-bottom: 20px; padding: 20px;}
	.nav-login .list .title{padding-left: 40%; margin-top: 0; margin-bottom: 8px;}
	.nav-login .list .title h3{ font-size: 16px;}
	.nav-login .list .img{ height: auto; width: 35%; float: left;}
	.nav-login .list .txt{ display: none;}
	.nav-login .list .more{ margin-top: 10px;}
	.nav-login .list .more a{font-size: 13px; padding: 10px 20px;}
}
	@media (max-width:480px) {
		.nav_wrap .menu-btn{ width: 70%;}
	}
/*__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:25%; float:left; line-height:28px; font-size: 14px;}
.footer .main .footer_nav .list h1{ font-size:14px; color:#fff; margin-bottom:20px; letter-spacing:0; text-align:left;font-family:"PlusJakartaSans-SemiBold";}
.footer .main .footer_nav .list a{ color:#fff; }
.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: 18px;}

.footer .totop{width: 40px; height: 40px; border-radius: 40px; background:url("../images/jt_totop.png") #ffffff no-repeat; position: absolute; left: 50%; cursor: pointer;}

.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_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_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;}
	.footer .totop{ left: auto; right: 0;}
	.footer_nav .list{ display: none;}
	.footer_nav .footer_contact{ display: block;}

}



/*__index/banner_____*/

.jq22-container{height:800px; position: relative; background: #333; display: flex;align-items:center; margin-top: 120px;}
.jq22-container .swiper{ margin-bottom: 0;}
.jq22-container .swiper-slide{ position: relative;}
.banner_txt_warp{ color:#fff; margin:0 auto;width: 90%; position: absolute;} 
.banner_txt_warp h2{ line-height:1.5; color:#fff; width: 55%; text-align: left;}
.banner_txt_warp .txt{ line-height:1.5; color:#fff;width: 55%;}
.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: 28px; width: 30px; height: 30px;}
.banner_txt_warp .more .video{ background: url("../images/icon_video.png") no-repeat; background-size: 24px; padding-left: 28px; width: 30px; height: 30px;}
.jq22-container .img{ width: 100%;}
.jq22-container .img img{ width: 100%;}

@media (max-width:1440px) {
	.jq22-container{margin-top: 110px;}
	.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: 90px;}
	.jq22-container .img{ width: 100%; height: 100%;}
	
	
	}
@media (max-width:1024px) {
	.jq22-container{ margin-top: 80px;}
	}
@media (max-width:1020px) {
	.jq22-container{margin-top: 110px; 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:640px) {
	
}

/*__index_____*/

/*__index_pro_____*/

.index_pro{padding:20px 0;}
.index_pro .index_pro_wrap{ margin:0 auto;max-width:1700px;}
.index_pro .index_pro_title{padding: 50px 0;}
.index_pro .liftup{margin:0 2%; width:46%; float:left; margin-bottom:80px; position:relative;}
.index_pro .liftup .img{}
.index_pro .liftup img{width:100%; display:block;}
.index_pro .liftup .pro_name{ font-size:32px; color:#333;line-height:1.35; margin:30px 24px 20px 24px;max-height:48px; overflow:hidden;  text-align:left; font-family:"PlusJakartaSans-SemiBold";}
.index_pro .liftup .pro_txt{ padding:0 24px 20px 24px; line-height:1.4; text-align:left;max-height:90px; overflow:hidden;}

.index_pro .liftup .pro_txt2{ padding:0 15px ; height:20px; margin-top:15px;}
.index_pro .liftup .pro_txt2 div{ float:left; font-size:12px; padding-right:20px; margin-right:10px; line-height:1.5;}
.index_pro .liftup a:hover img{}

.index_pro .liftup a{display:block; transition: 0.5s ; background:#f8f8f8; height:650px; }
.index_pro .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}

.index_pro .liftup a:hover .pro_name{ text-decoration:underline;}


.pt80{ padding-top:80px;}

@media (max-width:1440px) {
	.index_pro .liftup .pro_name{ font-size: 24px; margin-bottom: 12px; margin-top: 24px;}
	
}

@media (max-width:1180px) {
	.index_pro .liftup .pro_name{ font-size:18px; }
	.index_pro .liftup a{ height: 480px;}
}
@media (max-width:1024px) {
	.index_pro{padding:10px 0;}
	.index_pro .liftup a{ height:470px;}
	.index_pro .liftup .pro_name{ font-size:16px;}
	.index_pro .liftup .pro_txt{ font-size:14px;}
}

@media (max-width:1020px) {
	.index_pro .index_pro_title{ padding: 30px 0;}
	.index_pro .liftup {width:46%;margin:0 2%;margin-bottom:30px;}
	.index_pro .liftup img{width:100%; height:100%; display:block;}
	.index_pro .liftup a{ height:auto; padding-bottom:10px;}
	.index_pro .liftup:hover .caption { display:none;}
	.index_pro .liftup .pro_name{ height:auto; overflow: inherit; max-height:inherit;}
	}

@media (max-width:640px) {
	.index_pro .main_title{ margin-bottom:0;}
	.index_pro .liftup { width:100%;margin:0;margin-bottom:30px; padding: 0 30px;}
	.index_pro .liftup .pro_txt{ height: auto; max-height: none;}
	}



/*__index_news_____*/
.index_news{padding:60px 0;}
.index_news .news_wrap{ margin:0 auto; max-width:1700px;}
.index_news .news_title{clear: both; width: 96%; margin: 0 auto; margin-bottom: 60px; margin-top: 20px; position: relative;}
.index_news h2{ text-align: left;}
.index_news h5{ text-align: left; margin-bottom: 20px;}
.index_news .all_news{ position: absolute; right: 0; bottom: 20px;}
.index_news .all_news a{ font-size: 14px;}
.index_news .all_news a:hover{text-decoration:underline; color:#41ca18; }


.index_news .list{ margin: 0 2%; width: 29.33%;float: left;margin-bottom: 40px; position:relative;}
.index_news .list .time{ color:#536071; margin-bottom:10px; font-size: 14px;}
.index_news .list .title{ margin-bottom:10px; font-size: 22px;}
.index_news .list .title a:hover{ text-decoration: underline;}
@media (max-width:1440px) {
	
	.index_news h5{ margin-bottom: 0px;}
	.index_news .list .title{ font-size: 18px;}
}

@media (max-width:1020px) {
	.index_news { padding: 30px 0;}
	.index_news .list{ margin-bottom: 0;}
	.index_news .list .time{ font-size: 14px;}
	
	
	}

@media (max-width:840px) {
	.index_news .list{ width: auto; margin-bottom: 12px;}
	.index_news .list .time{ font-size: 14px; margin-bottom: 4px;}
	
	.index_news .list .title{ font-size: 16px;}
	}

@media (max-width:640px) {
	.index_news .news_title{ margin-left: 0; padding: 0 30px;}
	.index_news .list{padding: 0 30px; margin-left: 0;}
}

	
	
/*__index_video_____*/
.index_video{ padding: 80px 0;}
.index_video .index_pro_wrap{ margin-top:0; max-width:1700px; margin:0 auto;}
.index_video .liftup { margin:0 2%; width:46%; float:left; position: relative;}
.index_video .liftup a{ height:380px;}
.index_video .liftup .img{ position:relative; display: flex;justify-content: center;align-items: center;}
.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); 
  }
}
.index_video .liftup .img img{ width:100%;display:block}
.index_video .liftup .txt{ margin:0 20px; font-size:14px;}

.index_video .video_title{width: 46%; margin: 0 2%; float: left;}
.index_video h2{ text-align: left; margin-bottom: 20px; line-height: 1.35;}
.index_video h5{ text-align: left; margin-bottom: 20px;}
.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: 16px; padding: 15px 30px;}
.more a:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}

.more2 {text-decoration:none; line-height: 1; background-image: linear-gradient(to right, #41ca1c , #029084); color: #fff; border-radius: 16px; padding: 15px 30px; width: 180px; text-align: center;}

@media (max-width:1440px) {
	.index_video h5{margin-bottom: 0px;}
	.play{ background-size: 36px; width:90px; height: 90px;}
	.more a{ border-radius: 18px; padding: 12px 24px;}
	
	}
@media (max-width:1180px) {
	.index_video{ padding: 50px 0;}
	.play{ background-size: 32px; width: 80px; height: 80px;}
	.more a{ border-radius: 16px; padding: 12px 24px; font-size: 16px;}
	@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); }
	}
}

@media (max-width:640px) {
	.index_video .liftup{ width: 100%; margin: 0; padding: 0 30px;}
	.index_video .video_title{ width: 100%; padding: 0 30px; margin: 0; margin-top: 20px;}
	.play{ background-size: 16px; width: 40px; height: 40px;}
	.more{ height: auto; padding-top: 0;}
	
	
}

/*_______product_____________*/

.banner{ height:800px; position:relative;}
.banner .txt_warp{position:absolute; width:100%; height:800px;display: flex;align-items: center;}
.banner .txt_warp .warp{ width:1200px; margin:0 auto;}
.banner .txt_warp .txt_main{ width:560px; padding:40px 56px; background:rgba(0,0,0,.5);}
.banner .txt_warp .line{ width:100px; height:5px; background:#ea3328; border-radius:3px; margin-bottom:40px;}
.banner .txt_warp h1{ margin-bottom:20px; color:#fff; font-size:48px; text-align:left;}
.banner .txt_warp .txt{ color:#fff; font-size:22px;margin-bottom:20px; line-height:1.5;}
.banner .txt_warp .buttom{ margin:0; text-align:left;}
.banner .txt_warp .buttom a{ padding:0 40px;}


.banner .banner_bg{height:800px;}
.banner .banner_bg .img{ width:100%;height:800px;background-size:100% auto;}


.wz{font-size:14px; line-height:20px; padding:14px 0; margin-top: 132px;}
.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: 110px;}
}
@media (max-width:1180px) {
	.wz{ margin-top: 90px;}
	.main_title{margin-bottom:10px; }
}
@media (max-width:1024px) {
	.wz{ margin-top: 80px; font-size: 12px;}
}
@media (max-width:1020px) {
	.wz{ margin-top: 110px;}
}
/*_______________Product_____*/

.product2{}
.product2 .pro_wrap{ margin:0 auto;max-width:1700px;}
.product2 .pro_title{padding: 30px 0; padding-left: 34px;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;  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; padding-left: 34px; text-align: center;}
.product3 .pro_title h3{ margin-bottom: 40px;}
.product3 .liftup{margin:0 1%; width:31.33%; float:left; margin-bottom:80px; position:relative;}
.product3 .liftup .img{}
.product3 .liftup img{width:100%; display:block;}
.product3 .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";}
.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:600px; }
.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;}


.pt80{ padding-top:80px;}



.pro_contact{ padding:80px 0;}
.pro_contact .wrap{ max-width:1632px; margin:0 auto;}
.pro_contact .c1{ width:64%; height: 480px; float:left;font-size:60px; line-height:1.3;color:#fff; padding:70px 50px; background:#42cb1b;font-family:"PlusJakartaSans-SemiBold";}
.pro_contact .c1 .btn{ margin-top: 40px;}
.pro_contact .c1 .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 .c1 .btn a:hover{ background: #fff;color:#42cb1b;}
.pro_contact .c2{ width:32%; height: 480px;float:right;font-size:36px; padding:70px 50px; padding-right: 80px; background:url("../images/wenjuan_bg.png")no-repeat bottom right #f8f8f8 ;font-family:"PlusJakartaSans-SemiBold";}
.pro_contact .c2 .btn{ margin-top: 60px;}
.pro_contact .c2 .btn a{border: 1px solid #333; border-radius: 24px; padding: 16px 35px 14px 35px; font-size: 20px; color: #333;font-family:"PlusJakartaSans-SemiBold";}
.pro_contact .c2 .btn a:hover{border: 1px solid #42cb1b; background: #42cb1b;color:#fff;}
.pro_contact .dc{font-size:60px; padding:70px 50px;}
.pro_contact .dc .btn{ margin-top: 40px;}


.pro_service{ padding:80px 0; margin-bottom:0;}
.pro_service .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.pro_service .index_pro_title{padding: 20px 0;}
.pro_service .liftup{ width:100%;float:left;}
.pro_service .liftup img{width:100%; display:block;}
.pro_service .liftup a{ background:#f8f8f8; display: block; overflow: hidden;}
.pro_service .liftup .open{ background: #f8f8f8; padding:30px 24px;width: 100%;}
.pro_service .liftup .pro_name{font-size:32px;line-height:1.35;text-align:left;font-family:"PlusJakartaSans-SemiBold";}
.pro_service .liftup a .open{ }
.pro_service .liftup a:hover .open{ text-decoration: underline;}
.pro_service .liftup a .txt{ display: none;}
.pro_service .liftup a:hover .txt{}



.pro_expertise{ margin-bottom:0; padding: 80px 0;}
.pro_expertise .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.pro_expertise .index_pro_title{padding: 20px 0;}
.pro_expertise .liftup{ width:100%; margin: 0;}
.pro_expertise .liftup img{width:100%; display:block;}
.pro_expertise .liftup a{ height:660px; display: block;}


.pro_image{ margin-bottom:0; padding: 80px 0;}
.pro_image .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.pro_image .index_pro_title{padding: 20px 0;}
.pro_image .liftup{ width:100%; margin: 0;}
.pro_image .liftup img{width:100%; display:block;}
.pro_image .liftup a{ height:auto; display: block;}
.pro_image .liftup a:hover{ height:auto; display: block;border: 1px #ebebeb solid;}


.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:21%; margin: 0 2%;}
.pro_options .liftup a{ height:auto; display: block;}
.pro_options .options_li{margin: 20px 30px; margin-left: 40px; }
.pro_options .options_li li:before { content: "\2022";
  color: #42cb1b; 
  display: inline-block;
  width: 1em;
  margin-left: -1em; }
.pro_options .options_li li{ margin-bottom: 10px;}


.pro_features{ margin-bottom:0; padding: 80px 0;}
.pro_features .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.pro_features .index_pro_title{padding: 20px 0;}
.pro_features .liftup{ width:100%; margin: 0;}
.pro_features .liftup img{width:100%; display:block;}
.pro_features .liftup a{ height:500px; display: block;}
.pro_features .liftup .pro_txt{ padding:30px 20px; overflow: hidden;}



.pro_shop{ padding:80px 0;}
.pro_shop .shop_wrap{ max-width:1632px; margin:0 auto; background: #42cb1b;display: flex;align-items: center;}
.pro_shop .img{ width: 45%;position: relative;}
.pro_shop .img img{ width: 100%; display: block;}
.pro_shop .img .shop_icon{position: absolute;right: 0;bottom: 0; width: 100px; height: 100px; background: rgba(255,255,255,.4); padding: 20px 0 0 20px;}
.pro_shop .img .shop_icon img{ width: 60px;}
.pro_shop .txt{ width: 55%; padding-left: 50px;}
.pro_shop .txt .t1{ font-size: 24px;;color: #fff;font-family:"PlusJakartaSans-Bold";}
.pro_shop .txt .t2{ margin:40px 0;color: #fff;}
.pro_shop .txt .t2 span{ font-size: 36px;}
.pro_shop .txt .go{color: #fff;}
.pro_shop .txt .go a{color: #fff; background: url("../images/shop_jt.png")no-repeat right 2px; padding-right: 20px; background-size: 16px;font-family:"PlusJakartaSans-SemiBold";}
.pro_shop .txt .go a:hover{ text-decoration: underline;}


.pro_introduction{padding: 80px 0;}
.pro_introduction .wrap{ margin:0 auto; max-width:1632px;}
.pro_introduction .main_title{max-width: 1632px; margin: 0 auto;margin-bottom:30px;}

.pro_introduction .pro_overview{ width:60%;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:32px;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 .title .jt{background:url(../images/jt_up.png) no-repeat; background-size: 20px;}
.pro_overview .list .title:hover .jt{background:url(../images/jt_down.png) no-repeat; background-size: 20px;}
.pro_overview .on .title:hover .jt{background:url(../images/jt_up.png) no-repeat; background-size: 20px;}

.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;}

.overview_li{ margin-left: 20px;}
.overview_li li:before { content: "\2022";
  color: #42cb1b; 
  display: inline-block;
  width: 1em;
  margin-left: -1em; }
.overview_li li{ margin-bottom: 10px;}
 

.pro_introduction .pro_download{ float: right;width: 35%;}
.pro_download h3{ font-size: 32px;line-height: 20px; padding: 25px 0;font-family:"PlusJakartaSans-SemiBold";}
.pro_download .list{ margin-bottom:30px;width:100%;}
.pro_download .list .pdf{float: left;width:100px;}
.pro_download .list .pdf img{ width:100%; display:block;}
.pro_download .list .txt{padding-left:120px; color:#999; line-height:1.4;}
.pro_download .list .txt .title{ color:#333; margin-bottom:10px;  max-height:80px; overflow:hidden;}



.pro_case{ background:#fff; width:100%; padding:30px 30px;}
.pro_case .left_img{ width:46%; float:left;position:relative;display: flex;justify-content: center;align-items: center; }
.pro_case .left_img img{ width:100%;display:block}

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


@media (max-width:1440px) {
	.product2 .liftup .pro_name{ font-size: 24px;}
	
	.product3 .liftup .pro_name{ font-size: 24px;}
	
	.pro_overview .list{ margin-bottom: 30px;}
	.pro_overview .list .txt{ font-size: 18px;}
	.pro_overview .list .title div{ font-size: 24px; padding: 20px 0;}
	
	.pro_download h3{ font-size: 24px;}
	
	.pro_contact .c1{ height: 400px; font-size: 48px; width: 65%;}
	.pro_contact .c1 .btn a{border-radius: 18px;padding: 12px 24px;}
	.pro_contact .c2{ height: 400px; font-size: 30px;}
	.pro_contact .c2 .btn a{border-radius: 18px;padding: 12px 24px;}
	
	.pro_service .liftup a{}
	.pro_service .liftup .pro_name{ font-size: 24px;}

	
	.pro_case .case_name h2{ font-size: 24px;}
	
	.pro_options .liftup .img{ margin: 15px;}
	.pro_options .liftup .pro_txt{ font-size: 18px; padding-left: 110px;}
	}

@media (max-width:1180px) {
	.product2{ padding-left:10px;padding-right:10px;}
	.product2 .pro_title { padding-left: 24px;}
	.product2 .liftup{ margin-bottom: 40px;}
	.product2 .liftup a{ height: 460px;}
	.product2 .liftup .pro_name{ font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
	
	.product3 .liftup .pro_name{ font-size: 18px; margin-top: 20px; margin-bottom: 5px;}
	.product3 .liftup a{ height: 320px;}
	
	.pro_introduction{ padding: 40px 0;}
	.pro_overview .list{ margin-bottom: 20px;}
	.pro_overview .list .txt{ font-size: 16px;}
	.pro_overview .list .title div{ font-size: 18px;padding: 12px 0;}
	.pro_download h3{ font-size: 18px; padding: 12px 0;}
	.pro_overview .list .title .jt{background-size: 16px; margin-top: 12px;}
	.pro_download .list .pdf{ width: 80px;}
	.pro_download .list .txt{ padding-left: 100px;}
	
	.pro_contact{ padding: 40px 0;}
	.pro_contact .c1{ height: 320px; font-size: 36px; width: 65%;}
	.pro_contact .c1 .btn a{border-radius: 16px;font-size: 18px;}
	.pro_contact .c2{ height: 320px; font-size: 24px; background-size: 80%; padding: 50px;}
	.pro_contact .c2 .btn a{border-radius: 16px;font-size: 18px;}
	
	.pro_service{ padding: 40px 0;}
	.pro_service .liftup a{}
	.pro_service .liftup .open{ padding-top:20px; }
	.pro_service .liftup .pro_name{ font-size: 18px; margin-bottom: 24px;}
	
	.pro_options { padding: 40px 0;}
	.pro_options .liftup a{ height: 300px;}
	.pro_options .liftup .img{ margin: 15px auto; float: none;}
	.pro_options .liftup .pro_txt{ font-size: 16px; padding:0 20px;}
	
	.pro_image .liftup a{ height: auto;}
	
	.pro_shop{ padding: 40px 0;}
	.pro_shop .txt .t2{ margin:20px 0;}
	.pro_shop .txt .t2 span{ font-size: 24px;}
	.pro_shop .txt .t1{ font-size: 18px;}
	.pro_shop .img .shop_icon{ width: 64px; height: 64px;padding:14px 0 0 14px;}
	.pro_shop .img .shop_icon img{width: 36px;}
	}
@media (max-width:1024px) {
	
	}

@media (max-width:1020px) {
	.product2 .liftup .pro_name{ font-size: 16px;}
	.product3 .liftup{ margin: 0 2%; width: 46%; margin-bottom: 40px;}
	.product3 .liftup .pro_name{}
	
	.pro_service .liftup a{ margin-bottom: 20px;}
	
	.pro_contact{ padding: 40px 0;}
	.pro_contact .c1{ height: 300px; font-size: 30px; width: 48%; padding: 40px;}
	.pro_contact .c1 .btn a{border-radius: 12px;font-size: 14px;}
	.pro_contact .c2{ height: 300px; font-size: 24px; background-size: 70%; padding: 40px;width: 48%;}
	.pro_contact .c2 .btn a{border-radius: 12px;font-size: 14px;}
	
	.pro_case .left_img{ width: 100%;}
	.pro_case .rig_txt{ width: 100%; margin-top: 20px;}
	
	.pro_introduction .pro_overview{ width: 100%;}
	.pro_introduction .pro_download{ width: 100%;}
	.pro_download .list{ width: 50%; float: left;}
	
	
	.pro_shop .txt{ padding-left: 30px;}
	.pro_shop .txt .t1{ font-size: 12px;}
	.pro_shop .txt .t2 { margin:10px 0; font-size: 12px;}
	.pro_shop .txt .t2 span{ font-size: 18px;}
	.pro_shop .img .shop_icon{ width: 48px; height: 48px; padding: 12px 0 0 12px;}
	.pro_shop .img .shop_icon img{ width: 24px;}
	.pro_shop .txt .go{ font-size: 14px;}
		
	.pro_service .liftup .pro_name{ font-size: 16px;}
	
	.pro_download .list .pdf{ width: 60px;}
	.pro_download .list .txt{ padding-left: 70px;}
	
	}
@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{ display: none;}
	
	.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_image{ padding: 40px 0;}
	.pro_features{ padding: 40px 0;}
	.pro_options { padding: 40px 0;}
	
	.pro_case .case_name{ font-size: 12px;}
	
	.pro_case{ padding: 20px;}
	.pro_case .case_txt{ display:none;}
	.pro_case .case_sm{ display:none;}
	.pro_case .more2{ display:none;}
	
	.pro_download h3 { padding: 30px 0;}
	.pro_download .list{ width: 100%;}
		
	.pro_contact .c1{ width: 100%; height: 240px; font-size: 24px; padding: 25px; }
	.pro_contact .c2{ width: 100%; height: 240px; background-size: 220px; padding: 25px;}
	
	.pro_shop .shop_wrap{ display: block;}
	.pro_shop .img{ width: 100%; float: none; height: 200px; overflow: hidden;}
	.pro_shop .txt{ width: 100%; float: none; padding-top: 30px; padding-bottom: 30px;}
	
	.pro_overview .list .txt img{ width: 100%; height: auto;}
	}
@media (max-width:540px) {
	.pro_shop .img{ width: 100%;height: 200px;}
	.pro_shop .img>img{height: 200px; width: auto;}
	.pro_contact .c2 .btn{ margin-top: 20px;}
}

/*_______________Product－detail_____*/

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

.product_detail .txt{ line-height:1.45;  width:42%;}
.product_detail .txt .name{margin-bottom:30px; font-size:54px; line-height: 1.1;}
.product_detail .txt .name_icon{ background:#333; float:left; width:140px; height:124px; text-align:center; line-height:18px; font-size:16px; color:#fff; margin-right:20px;}
.product_detail .txt .name_icon img{ width:80px;}
.product_detail .lr{  line-height:1.6; color:#333; margin-bottom:30px; font-size: 18px;}
.product_detail .lr span{ margin-right:4px; font-weight: bold;}
.product_detail .lr .strong{}

.detail_contact{width: 850px;height: 360px; position: absolute; bottom: 0px; z-index: 10;background:#42cb1b}
.detail_contact .title{color: #fff;font-size: 30px;font-family:"PlusJakartaSans-SemiBold"; padding:40px 0 20px 0;}
.detail_contact .contact2_list{border-left: 4px #fff solid; padding-left: 20px; margin-left: 6px; font-size: 18px;}  
.detail_contact .contact2_list .buttom2 {padding-bottom: 15px;}
.detail_contact .contact2_list .buttom2 a{ color:#fff; display:block;padding-left:36px; line-height: 30px;}

.detail_contact .contact2_list .request a{ background:url(../images/icon_message.png) no-repeat; background-size:30px; }
.detail_contact .contact2_list .chat a{ background:url(../images/icon_chat.png) no-repeat ;background-size:30px;}
.detail_contact .contact2_list .mail a{ background:url("../images/icon_mail.png") no-repeat;background-size:30px;}
.detail_contact .contact2_list .whatsapp a{background:url(../images/icon_whatsapp.png) no-repeat ;background-size:30px;}
.detail_contact .contact2_list .software a{background:url(../images/icon_software.png) no-repeat ;background-size:30px;}
.detail_contact .left_img{background:url(../images/support_bg.png) no-repeat #f5f5f5 bottom;width: 340px;height: 360px;background-size:320px; float: left; margin-right: 40px;}
.detail_contact .right{float: left;}


.product_sys{padding:20px 0;}
.product_sys .pro_wrap{ margin:0 auto;max-width:1700px;}
.product_sys .main_title{ text-align: center;}
.product_sys .main_title div{ width: 80%; margin: 0 auto;}
.product_sys .main_title h3{ margin-bottom: 20px;}

.product_sys .liftup{margin:0 2%; width:46%; float:left; margin-bottom:80px; position:relative; border: 1px solid #ebebeb; height: 900px;}
.product_sys .liftup .img{ position: relative;display: flex;justify-content: center;align-items: center;}
.product_sys .liftup img{width:100%; display:block;}
.product_sys .liftup .pro_name{ font-size:32px; color:#333;line-height:1.35; margin:40px 30px; margin-bottom: 20px; overflow:hidden;  text-align:left; font-family:"PlusJakartaSans-SemiBold";}
.product_sys .liftup .pro_txt{ padding:0 30px 40px 30px; line-height:1.4; text-align:left;}
.product_sys .liftup a{display:block; width: 100%; height: 100%;}

.zdc_video .liftup a{ height: auto; border: 0;}
.zdc_video .liftup a .img{position: relative;display: flex;justify-content: center;align-items: center;}
.zdc_video .liftup a:hover{ border: 0;}
.zdc_video .liftup a .pro_name{ text-decoration: none;}
.zdc_video .pro_name{ padding-top: 30px;}
.zdc_solutions .pro_case{padding: 20px 0 0 ;}


.pro_pbs{ padding: 80px 0;}
.pro_pbs .txt{ margin-bottom: 25px;}
.pro_pbs .txt ul{ padding-left: 20px;}
.pro_pbs .txt li{ float: left;list-style:disc; color: #42cb1b; line-height: 1.5;width: 30%; margin-right: 3%;}
.pro_pbs .txt li span{ color: #333;}

.pro_pbs .pbs_map{ position: relative;}
.pro_pbs .pbs_map img{ width: 100%;}
.pbs_map .tips{ height: 68px; width: 68px;background:#42cb1b;position: absolute; border-radius: 50%; color:#fff; text-align: center;font-family:"PlusJakartaSans-SemiBold"; line-height: 68px;box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);animation: shadow-expand 2s infinite; font-size: 30px; cursor: pointer;}
@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); 
  }
}

.pbs_map .open_left .tips_open{ right: 100px; top: -50px;}
.pbs_map .open_right .tips_open{left: 100px; top: -50px;}
.pbs_map .tips_open{width: 400px; padding: 10px; background: rgba(255,255,255,.6); position: absolute; line-height: 1.5; text-align: left; font-size: 18px;font-family:"PlusJakartaSans-Regular";}
.pbs_map .tips_open .img{}
.pbs_map .tips_open .txt{}
.pbs_map .tips_open .txt h4{}
.pbs_map .tips_open .more{ height: 50px; margin: 0; padding: 0;}
.pbs_map .tips_open .more a{border-radius: 12px;  padding: 10px 24px;}

.pro_pbs .pbs_table{ margin-top: 60px;}
.pro_pbs .pbs_table .wrap{ max-width: 1700px;}
.pro_pbs .pbs_table .list{ width:46%; margin: 0 2%; float: left;}
.pro_pbs .pbs_table .list .title{ background: #f8f8f8;}
.pro_pbs .pbs_table .list table{ border-top: 1px solid #e3e3e3 ;border-left: 1px solid #e3e3e3; }
.pro_pbs .pbs_table .list table td{ border: 1px solid #e3e3e3; border-top:0 ;border-left:0 ; padding: 10px 15px;}


.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:600px;}

.pro_planning .pro_case{ padding: 0;}
.pro_planning .pro_case .left_img{ float: right;}
.pro_planning .pro_case .rig_txt{ float: left; padding: 0;}

.pro_solutions .pro_case{ padding: 0;}
.pro_solutions .pro_case .rig_txt{ padding: 0;}

@media (max-width:1440px) {
	.product_detail .txt .name{ font-size: 48px;}
	.product_detail .wrap { height: 800px;}
	
	.detail_contact{ background-size: 280px; height: 300px; width: 700px;}
	.detail_contact .left_img{width: 310px;height: 300px;background-size:280px; margin-right: 20px;}
	.detail_contact .contact2_list{ border-left: 3px solid #fff;}
	.detail_contact .title{ font-size: 24px;}
	.detail_contact .contact2_list .buttom2{ padding-bottom: 10px;}
	
	.pbs_map .tips{ width: 70px; height: 70px; font-size: 24px;}
	.pbs_map .tips_open{width: 300px;}
	.pbs_map .open_left .tips_open{ right: 80px; top: -40px;}
	.pbs_map .open_right .tips_open{left: 80px; top: -40px;}

	.product_sys .liftup .pro_name{ font-size: 24px;}
	
}
@media (max-width:1180px) {
	.product_detail .wrap { height: auto;}
	.product_detail .txt .name{ font-size: 36px;}
	
	.detail_contact{width: 650px; position: relative;}
	.detail_contact .left_img{width: 280px;background-size:270px; margin-right: 20px;}
	.detail_contact .contact2_list{ border-left: 2px solid #fff;}
	.detail_contact .title{ font-size: 24px; padding-top: 20px;}
	.detail_contact .contact2_list .buttom2{ padding-bottom: 10px;}
	
	.pbs_map .tips{ width: 60px; height: 60px; line-height: 60px;}
	.pbs_map .tips a{width: 48px; height: 48px;line-height: 48px; font-size: 20px;}
	.pbs_map .tips_open{width: 240px;}
	.pbs_map .open_left .tips_open{ right: 70px; top: -30px;}
	.pbs_map .open_right .tips_open{left: 70px; top: -30px;}
	
	.pro_pbs .tips_open .txt{ font-size: 16px;}
	
	.related_pro{ padding: 40px 0;}
	.pro_case .case_name h2{ font-size: 18px;}
	
	.pro_expertise{ padding: 40px 0;}
	.pro_expertise .liftup a{ height: 420px;}
	
	.pro_solutions .main_title{ margin-bottom: 30px;}
	
	.pro_features .liftup a{ height: 300px;}
	.pro_features .liftup .pro_txt{ padding: 20px;}
	
	.product_sys .liftup{ height: 600px;}
	.product_sys .liftup .pro_name{ font-size: 18px; margin: 20px;}
	.product_sys .liftup .pro_txt{ padding: 0 20px 0 20px;}
	
	.product_detail .lr{ font-size: 16px;}

	}
@media (max-width:1020px) {
	.product_detail{ margin-top: 0;}
	.product_detail .wrap{ height: auto;}
	.product_detail .img{ width:100%; position: relative;}
	.detail_contact{ position: relative; width: 100%;}
	.product_detail .txt .name{ padding-top: 20px; font-size: 30px;}
	.product_detail .txt{ width: 100%;}
	
	.pro_case .case_name h2{ font-size: 16px;}
	.product_sys .liftup .pro_name{ font-size: 16px;}
	.product_sys .main_title div{ width: 100%;}
	.product_sys .main_title { padding-bottom: 30px;}
	}	
@media (max-width:840px) {
	.pro_pbs .txt li{width: 46%; margin-right: 4%;}
	.pro_pbs .pbs_table .list{ width:96%; margin: 0 2%; float: left; margin-bottom: 20px;}
	
	.pbs_map .tips{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.pro_pbs .tips_open .txt{ font-size: 14px;}
}

@media (max-width:640px) {
	.pro_pbs{ padding: 40px 0;}
	.product_detail .txt .name{ font-size:16px;}
	.product_detail .txt .name h4{ font-size:28px;}
	
	.pro_pbs .pbs_table{ margin-top: 30px;}
	.pbs_map .tips{ display: none;}
	.pro_pbs .pbs_table .list table td{ font-size: 12px;}
	
	.detail_contact .left_img{ display: none;}
	.detail_contact .right{ padding-left: 30px; width: 90%;}
	.detail_contact .contact2_list { font-size: 16px;}
	
	.product_sys .liftup{ width: 100%; margin: 0; margin-bottom: 30px; height: auto;}
	.product_sys .liftup .pro_txt{ padding-bottom: 20px;}
	
	.pro_features .liftup a{ height: auto;}
	
	.pro_pbs .txt li{width: 96%; margin-right: 4%; margin-bottom: 8px;}
	
	.product_detail .lr{ font-size: 16px;}
	.detail_contact{ height: 340px;}
	}






.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;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;}
.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: 18px; border-radius: 12px;}
.pro_form .form_wrap .input_wrap textarea{  border:1px solid #cdcdcd;  line-height:24px;background:#fff; width:100%; font-size:18px;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 .pl250{ padding-left:250px;}
.pro_form .form_wrap .input_wrap .pl280{ padding-left:280px;}
.pro_form .form_wrap .input_wrap .pl350{ padding-left:350px;}
.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;font-size: 22px;}
.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;}



.input_wrap .select{  width:100%; height:60px;position:relative;}
/* select */
.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; }
.input_wrap .select dd{position:absolute; width:100%;left:-1px;top:58px;background:#fff;display:none; z-index:99;}
.input_wrap .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.input_wrap .select dd ul li a{line-height:58px;display:block;padding:0 8px; color:#333;}
.input_wrap .select dd ul li a:hover{background:#f5f5f5;}

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


@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;font-size: 18px;}
	.form_contact .line{ font-size: 18px;}

	
	.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 .list .call_back .txt{ font-size: 16px;}
	.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;}
}

@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;}
	
	}
@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; font-size: 16px;}
	
	.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 .list{ width: 100%; margin: 0;}
	
	.form_contact .line{ font-size: 16px;}
	}


.how_buy{ padding: 60px 0;}
.how_buy .wrap{ max-width: 1632px; margin: 0 auto;}
.how_buy .buy_menu{ width: 35%; float: left;}
.how_buy .buy_right{ width: 60%; float: right;}
.how_buy .buy_title{ float: left;}

.buy_menu .a1{border-left: 4px solid #e5e5e5; margin-left:38px; padding-bottom: 60px;}
.buy_menu .a1 .title{ position: relative;}
.buy_menu .a1 .img{ border: 8px solid #fff; background: #737373; border-radius: 50%; position: absolute; width: 96px; height: 96px; padding: 10px; top:-8px; left: -50px;}
.buy_menu .a1 .img img{width: 100%;}
.buy_menu .a1 h4{ margin-left: 60px; padding-left: 10px; height: 80px;  border-bottom: 1px solid #eee; display: flex;align-items: center; font-size: 32px; line-height: 1;}

.buy_menu .on .img{background: #42cb1b;}
.buy_menu .on h4{ color: #42cb1b;}

.buy_menu .b1_wrap{ padding-top: 40px;}
.buy_menu .b1{ width: 100%; position: relative; height: 110px;}
.buy_menu .b1 .list{display: flex;align-items: center; justify-content: center; border-bottom: 1px solid #eee; padding-left: 30px;position: absolute; left: -4px;border-left: 4px solid #e5e5e5;width: 100%;}
.buy_menu .b1 .img2{background: #737373; border-radius: 80px; width: 54px; height: 54px;display: flex;align-items: center; justify-content: center; color: #fff;font-family:"PlusJakartaSans-SemiBold";}
.buy_menu .b1 .img2 img{width: 60%;}
.buy_menu .b1 h5{ width: 75%; margin-left: 20px; height: 110px; display: flex;align-items: center; font-size: 24px; line-height: 1.2; text-align: left;}
.buy_menu .on2{}
.buy_menu .on2 .list{box-shadow: 0px 0px 5px #f5f5f5; background: #f8f8f8; border-left: 4px solid #42cb1b;}
.buy_menu .on2 .img2{background: #42cb1b;}
.buy_menu .on2 h5{ color:#42cb1b; }
.buy_menu a:hover{ color:#42cb1b;}
.buy_menu .back{ background: url(../images/icon_back.png) no-repeat center left; background-size:24px; padding-left: 26px;  margin-bottom: 20px;font-family: "PlusJakartaSans-SemiBold";}
.buy_menu .expand{ display: none;font-family: "PlusJakartaSans-SemiBold";}

.how_buy .default{box-shadow: 0px 0px 20px #e5e5e5; padding: 60px; width: 55%; float: right;}
.how_buy .default .expand{ background: url(../images/jt_down.png) no-repeat center right; background-size:20px; padding-right: 26px; text-align: right; display: block; cursor: pointer; float: right; margin-bottom: 20px;}
.how_buy .default .on{ border-left: 4px solid #42cb1b;}
.how_buy .default .back{ display: none;}
.default .b1 .list{ border: 0; left: -58px;}

.buy_right .right_txt{ box-shadow: 0px 0px 20px #e5e5e5; padding: 50px;}
.buy_right .right_txt .txt{ margin-top: 40px; margin-bottom: 60px;}
.buy_right .right_txt .txt table{ border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.buy_right .right_txt .txt table td{ border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; padding: 8px;}
.buy_right .right_txt h4{font-size: 32px;}
.right_txt .page{ float: left;}
.right_txt .page a{ display: block; width: 100%; background:url("../images/icon_next.png") no-repeat #f5f5f5 8px; background-size: 24px; margin-bottom: 6px; padding: 0 20px; padding-left: 40px; height: 40px; line-height: 40px; font-family:"PlusJakartaSans-SemiBold"; font-size: 18px;}
.right_txt .page .pre{background:url("../images/icon_pre.png") no-repeat #f5f5f5 8px;background-size: 24px;}

.buy_right .pro_contact .c1{ width: 100%;}

@media (max-width:1440px) {
	.buy_menu .a1 h4{ font-size: 28px;}
	
}
@media (max-width:1180px) {
	.how_buy .default{ width: 65%;}
	.buy_menu .b1{ height: 90px;}
	.buy_menu .b1_wrap{ padding-top: 24px;}
	.buy_menu .a1 .img{ width: 80px; height: 80px; border: 6px solid #fff; left: -42px;}
	.buy_menu .a1 h4{ font-size: 24px; height: 68px; margin-left: 40px;}
	.buy_menu .b1 h5{ font-size: 18px; height: 90px;}
	.buy_menu .b1 .img2{ height: 48px; width: 48px;}
	.buy_menu .b1 .list{ padding-left: 24px;}
	
	
	.default .b1 .list{left: -50px;}
}

@media (max-width:1020px) {
	.how_buy .buy_title{ margin-bottom: 30px;}
	.how_buy .buy_menu { width: 100%;}
	
	.how_buy .buy_right{ width: 100%;}
	
	.how_buy .default{ padding: 20px;}
	
}

/*______case_____*/

.case .main_title{ margin-top: 60px; text-align: center;}

.case_list{padding-bottom:80px;}
.case_list .index_pro_wrap{ margin:0 auto; margin-top:50px; max-width:1664px;}
.case_list .liftup{margin:0 1%; width:31.33%; float:left; margin-bottom:40px; position:relative;}
.case_list .liftup img{width:100%; display:block;}
.case_list .liftup .pro_font{ padding:30px 20px; overflow:hidden;color:#888; font-size: 18px;}
.case_list .liftup .pro_name{ font-size:30px; color:#333; padding-top:25px; }
.case_list .liftup a{ display:block; transition: 0.5s ; height:750px; background: #f8f8f8;}
.case_list .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5;transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}
.case_list .liftup a:hover .pro_name{ }


.case_lb{ margin:0 20px;margin-top:10px;}
.case_lb .a1{ }
.case_lb .list{ width:100%; float:left;padding:0 15px;color:#888; font-size: 14px;}
.case_lb .a1 .list{ padding-left:0;}
.case_lb .list .f1{ font-family:"PlusJakartaSans-SemiBold";color:#333;}


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

@media (max-width:1440px) {
	.case_list .liftup .pro_font{ font-size: 18px;}
	.case_list .liftup .pro_name{font-size:24px;}
	.case_lb .list .f1{ font-size: 18px;}
	.case_lb .list{ font-size: 14px;}
	
}

@media (max-width:1180px) {
	.case_list .liftup a{ height: 480px;}
	.case_list .liftup .pro_font{ font-size: 16px;}
	.case_list .liftup .pro_name{font-size:18px;}
	.case_lb .list .f1{ font-size: 16px;}
	.case_lb .list{ font-size: 12px;}
		}
@media (max-width:1020px) {
	.case_list .liftup{ width: 46%; margin: 0 2%; margin-bottom: 40px;}
	
	.case_list .index_pro_wrap{ margin-top: 30px;}
	.case_detail_video{ padding: 40px 0 0 0 ;}	
}

@media (max-width:640px) {
	.case_list .liftup{ width: 100%; margin: 0; margin-bottom: 40px;}
	.case_list .liftup a{ height: auto; padding-bottom: 20px;}
	.case_lb{ margin-bottom: 0;}
	.case_lb .list .f1{ font-size: 12px;}
	
}

.case_t3{ max-width:1664px; margin:0 auto;  height:60px;}
.case_t3 .list{margin: 0 1%;width: 31.33%;float: left;margin-bottom: 40px;}
.case_t3 .select{  width:100%; height:58px;position:relative;}

.help_search{ background:#fff; border:1px solid #e5e5e5;}
.help_search .input{line-height:58px; height:58px; border:1px solid #fff; background:#fff; padding:0 10px;  width:100%; font-size: 18px;}
.help_search .input:focus{border:1px solid #fff; background:#fff;}
.help_search .buttom3 a{ display:block; width:48px; height:42px; background:url(../images/icon_search_black.png) no-repeat ; background-position:10px; background-size:20px;}
.case_t3 .help_search{margin-bottom: 38px; }

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


@media (max-width: 1440px){
		.case_t3{ padding-left: 10px; padding-right: 10px;}
	.help_search .input{ font-size: 18px;}
	.case_t3 .select dt{font-size: 18px;}
	.case_t3 .select dd ul li a{font-size: 18px;}
	}

@media (max-width: 1180px){
	.help_search .input{ font-size: 16px;}
	.case_t3 .select dt{font-size: 16px;}
	.case_t3 .select dd ul li a{font-size: 16px;}
	}

@media (max-width: 840px){
	.case_t3{ margin-bottom:10px; height:auto;}
	.case_t3 .list{ margin:0; width:100%; margin-bottom:25px;}
	.case_t3 h3{ margin:0; margin-bottom:20px;}
	}



.case_detail_video{max-width:1632px; margin: 0 auto;}
.case_detail_video .index_pro_wrap{ margin: 0 auto; width: 1000px;}
.case_detail_video .case_title2{ color: #888; padding-top: 20px;}
.case_detail_video .title_wrap{ width: 90%;}


.case_detail{ max-width: 1632px; margin: 0 auto;}
.case_detail .wrap{ width: 80%; max-width: none;}
.case_detail .case_info{float: left; width: 240px;}

.case_info .list{ width:100%; float:left; line-height:1.5;color:#888; margin-bottom: 30px;}
.case_info .list .f1{ font-family:"PlusJakartaSans-SemiBold";color:#333; font-size: 20px;}

.case_detail .detail_contact{ float: right; margin-bottom: 80px; position: inherit;}

.customer_message{ max-width: 1632px; margin: 0 auto;}
.customer_message .wrap{ width: 80%; max-width: none; border: 1px #42cb1b solid; padding: 50px; position: relative;}
.customer_message .fh{ position: absolute; top: -30px; left: 50px;}
.customer_message .fh img{width: 100%;}
.customer_message .txt{ float:left; font-style: oblique; width: 70%; font-size: 36px; line-height: 1.5;}
.customer_message .info{ float:right; width: 25%; font-family: "PlusJakartaSans-SemiBold";}
.customer_message .info .img{ width: 100%; margin-bottom: 20px;}
.customer_message .info img{width: 100%;}

.related_case{ padding:80px 0; margin-bottom:0;}
.related_case .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.related_case .liftup{ width:100%; margin-bottom:20px;}
.related_case .liftup a{ height:750px;}


@media (max-width: 1440px){
	.customer_message .txt{ font-size: 30px;}
	}

@media (max-width: 1180px){
	.customer_message .txt{ font-size: 24px;}

	.case_detail_video .title_wrap{width: 100%;}
	
	.related_case{ padding: 40px 0;}
	.related_case .liftup a{ height:480px;}
	}
@media (max-width: 840px){
	.case_detail_video .index_pro_wrap{ width: 100%;}
	.case_detail .case_info{ width: 100%;}
	.case_detail .case_info .list{ width: 50%; float: left;}
	
	.customer_message{ padding: 0 30px;}
	.customer_message .wrap{ width: 100%; padding: 30px;}
	.customer_message .txt{ font-size: 18px;}
	.customer_message .fh{ left: 30px;}
	
}
@media (max-width: 640px){
	.customer_message .txt{ width: 100%; margin-bottom: 15px;}
	.customer_message .info{ float: left; width: 100%;}
	.customer_message .info .img{width: 30%;}
	
}



/*________download_____*/
.download{ width:100%; margin:0; padding-top:0;}
.download .index_pro_wrap{ max-width:1230px; margin:0 auto;}


.download_title{ padding-bottom:0; padding-top:40px;}


/*__________service－list_____*/
.service {}

.service .pro_title{ text-align: center;}
.service .pro_title .txt{width: 80%; margin: 0 auto; margin-top: 40px;}

.service_list{ padding: 0;}
.service_list .pro_wrap{margin: 0 auto;max-width: 1664px;}
.service_list .pro_title{ text-align: center; padding: 30px 0;}
.service_list .pro_title .txt{width: 80%; margin: 0 auto; margin-top: 40px;}
.service_list .liftup{margin: 0 1%;width: 31.33%; margin-bottom: 60px;}


.service_detail_list{}
.service_detail_list .wrap{ padding-bottom:120px; max-width: 1632px;}
.service_detail_list .img{ float:left; width:47%;}
.service_detail_list .img img{ width:100%;}
.service_detail_list .txt{ line-height:150%; float:right; width:47%;}

.service_detail_list2{ background:#fff;}
.service_detail_list2 .img{ float:right;}
.service_detail_list2 .txt{ float:left;}

.pro_introduction .service_overview{width: 100%;}

.service_detail1{}
.service_detail1 .wrap{ padding-bottom:70px; max-width: 1632px;}
.service_detail1 .img{}
.service_detail1 .txt{ line-height:150%; margin-bottom: 30px; }

.service_deatil2{ padding: 80px 0;}
.service_deatil2 .wrap{max-width: 1632px;}
.service_deatil2 .wrap h3{ font-size: 54px; margin-bottom: 40px; line-height: inherit; padding: 0;}
.service_deatil2 .deatil2_video{ float: left;width: 47%; padding: 0;}
.service_deatil2 .deatil2_download{ float: right;width: 47%;}

.service_support{ padding:80px 0;}
.service_support .wrap{ max-width:1632px; margin:0 auto; position: relative;}
.service_support .c1{ padding:70px 50px; background:#42cb1b;}
.service_support .c1 .txt{ float: left;color:#fff;font-size:64px; line-height:1.3;}
.service_support .c1 .btn{ margin-top: 40px; float: right; margin-right: 240px;}
.service_support .c1 .btn a{border: 1px solid #fff; border-radius: 16px; padding: 12px 24px 10px 24px;  color: #fff;}
.service_support .c1 .btn a:hover{ background: #fff;color:#42cb1b;}
.service_support .img{ position: absolute; bottom:0; right: 20px; width: 300px;}
.service_support .img img{display: block; width: 100%;}


.service_advantages{}
.service_advantages .liftup .pro_name{ font-size: 24px;}
.service_advantages .liftup .pro_txt{ font-size: 20px; padding-top: 0;}

@media (max-width: 1440px){
	.service_deatil2 .wrap h3{ font-size: 36px;}
	
	.service_support .c1 .txt{ font-size: 48px;}
	.service_support .c1 .btn a{border-radius: 18px;padding: 12px 24px; font-size: 20px;}
	.service_support .img{ width: 260px; right: 30px;}
	
}

@media (max-width: 1180px){
	.service_support{ padding: 40px 0;}
	.service_deatil2 .wrap h3{ font-size: 24px;}
	.service_support .c1 .txt{ font-size: 36px;}
	.service_support .c1 .btn a{border-radius: 16px;padding: 12px 24px; font-size: 18px;}
	.service_support .img{ width: 260px; right: 30px;}
	.service_deatil2 .wrap h3{ }
	
	.service_advantages .liftup .pro_name{ font-size: 18px;}
	.service_advantages .liftup .pro_txt{ font-size: 16px;}
	
}
@media (max-width: 1024px){
	.service_support .c1 .txt{ float: none;}
	.service_support .c1 .btn{ float: none; margin-right: 0;}
	
}
@media (max-width: 1020px){
	.service .pro_title .txt{ width: 100%; margin-top: 20px;}
	.service_list .pro_title .txt{ width: 100%; margin-top: 20px;}
	.service_list .liftup{ width: 46%; margin: 0 2%;}
	
	.service_detail1 .img img{ width: 100%;}
	.service_advantages .liftup .pro_name{font-size: 16px;}
	
	.service_detail_list .img{ width: 100%; margin-bottom: 15px;}
	.service_detail_list .txt{ width: 100%;}
	
	.deatil2_download .list{ width: 100%;}
	}

@media (max-width: 840px){
	.service_deatil2 .deatil2_video{ width: 100%;}
	.service_deatil2 .deatil2_download{ width: 100%;}

	
}
@media (max-width: 640px){
	.service_list .liftup { width: 100%; margin: 0; margin-bottom: 30px;}
	.service_list .liftup a{ height:auto;}
	.service_list .liftup .open{ height: auto;}
	.service_list .liftup .open .txt{ height: auto;}
	
	.service_support{ padding: 40px 0; margin: 0 30px;}
	.service_support .wrap{ background: #42cb1b; height: 200px;}
	.service_support .c1{ padding: 40px 0; background: none; position: absolute; z-index: 60; width: 80%;}
	.service_support .img{ width: 180px; right: 0px;}
	.service_support .c1 .txt{ font-size: 24px;}

	.help_support .wrap .img{ width: 170px; right: 0px;}
	
	.service_support .c1 .btn a{ font-size: 14px;}
}

/*_______________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;display: grid;grid-template-columns: 40px auto}
.contact_wrap .contact_left div a{ display:block;}
.contact_left .txt{ padding-top: 6px;}
.contact_left .icon{width: 40px;height: 40px;}
.contact_left .icon .pic{ 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;}
	.contact_left .txt{ padding-top: 2px;}

	}

@media (max-width: 640px){
	.contact_wrap .contact_left{ width: 100%;}
	.contact_wrap .contact_right{ width: 100%; padding: 50px 30px; height: 300px; font-size: 30px;}
}
	
.global_list{ max-width:1664px; margin:0 auto; margin-top:60px; }
.global_list .list{ float:left;  width:23%; margin:0 1%; margin-bottom:60px;}

.global_list .country{ height:40px;}
.global_list .country .img{ height:40px;float: left; margin-right: 20px;}
.global_list .country .img img{ height:100%;}
.global_list .list h3{ font-size:24px; float: left; line-height: 40px;}

.global_list .company{ background:none; border:0;font-size: 18px; margin-top: 20px;}
.global_list .company .user{ margin-bottom: 6px;}
.global_list .company h5{ font-size:16px; text-align: left;}
.global_list .company .mail{ line-height: 24px;}
.global_list .company .tel{margin-bottom: 5px; line-height: 24px;}
.global_list .company .icon{width: 24px;height: 24px;text-indent: -24px; overflow: hidden; margin-right: 10px; float: left;}
.global_list .company .icon .pic{-webkit-filter: drop-shadow(24px 0 #333); width:100%;}
.global_list .tips{ font-size: 18px; margin: 0 1%;}

@media (max-width: 1180px){
	
	.global_list .country {height: 30px}
	.global_list .country .img{ height: 30px;}
	.global_list .list h3{font-size: 18px; line-height: 30px;}
	.global_list .company{ font-size: 14px;}
	
	.global_list .tips{font-size: 16px;}
	}

@media (max-width: 1024px){
	.global_list .list{ height:340px;}
	}
@media (max-width: 840px){
	
	.global_list .list{ width:46%; height:300px;}
	}
@media (max-width: 640px){

	
	.global_list .list{ width:100%; height:auto; padding-bottom:40px;}
	}	

/*_______________career_____*/
.career{ height: 600px; overflow: hidden;}
.career_list{ margin: 80px 0;}
.career_list .pro_wrap{max-width:1700px;}
.career_list .liftup{width:46%; margin: 0 2%;}
.career_list .liftup .open{ padding: 30px;}
.career_list .liftup a:hover .open{}



.career_video{max-width:1632px; margin: 0 auto; padding: 80px 0;}
.career_video .pro_case{ padding: 0;}

.jobs_wrap{ padding-bottom:80px;}
.jobs_wrap .main_title{ text-align: center; margin-bottom: 60px;}
.jobs_wrap .wrap{ max-width:1664px; margin:0 auto;}

.jobs_wrap .jobs_list{padding:20px 0; margin:40px auto; max-width: 1632px; overflow-x: auto;}
.jobs_wrap .jobs_list .jobs_container{ width: 100%; min-width: 800px;}
.jobs_wrap .jobs_list .list{ height:80px; line-height:80px; border-bottom:1px solid #e9e9e9;}
.jobs_wrap .jobs_list .title{color:#666;}
.jobs_wrap .jobs_list .title div{ font-family:"PlusJakartaSans-SemiBold";}
.jobs_wrap .jobs_list .list .t1{ float:left; width:50%; text-transform:uppercase; padding-left: 10px;}
.jobs_wrap .jobs_list .list .t2{ float: left; width:15%;}
.jobs_wrap .jobs_list .list .t3{ float: left; width:10%;}
.jobs_wrap .jobs_list .list:hover{background: #f8f8f8;}
.jobs_wrap .more{ text-align: center;}


.jobs_detail{ padding-bottom: 80px;}
.jobs_detail .wrap{max-width:1632px; margin:0 auto;}
.jobs_detail .left {float: left; width: 25%; line-height: 1.5; padding-top: 100px;}
.jobs_detail .left span{ font-weight: bold;}
.jobs_detail .right_lr{ width: 100%;}
.jobs_detail h3{ color:#333;letter-spacing:0; text-align:left;float: right; width: 70%;}
.jobs_detail .date{ color:#999; margin-top:15px;  padding-bottom:10px;float: right; width: 70%;}
.jobs_detail .lr{ margin-top:30px; margin-bottom:30px; line-height:1.8;float: right; width: 70%; }

.jobs_detail .jobs_contact{ width: 70%;float: right;}
.jobs_detail .detail_contact{ position: inherit; height: 300px; width: 800px;}
.jobs_detail .detail_contact .left_img{ width: 320px; height: 300px; background-size: 320px;} 
.jobs_detail .detail_contact .contact2_list { border: 0; padding: 0;}
.jobs_detail .detail_contact .title { padding-top: 50px;}
.jobs_detail .detail_contact .contact2_list .user{ color: #fff; padding-bottom: 15px; padding-left: 36px; background: url(../images/icon_user.png) no-repeat;background-size: 30px; line-height: 30px;}
.jobs_detail .detail_contact .contact2_list .tel{ color: #fff; padding-bottom: 15px; padding-left: 36px; background: url(../images/icon_tel.png) no-repeat;background-size: 30px; line-height: 30px;}
.jobs_detail .detail_contact .contact2_list .mail{ color: #fff; padding-bottom: 15px; padding-left: 36px; background: url(../images/icon_mail.png) no-repeat;background-size: 30px; line-height: 30px;}
.jobs_detail .detail_contact .contact2_list .mail a{color: #fff;background: none;}

@media (max-width: 1440px){
	.career{ height: 500px;}
	.jobs_detail .detail_contact{height: 280px;}
	.jobs_detail .detail_contact .left_img{ width: 280px; height: 280px; background-size: 280px;} 
	.jobs_wrap .jobs_list .list .t1{ width: 40%;}
	.jobs_wrap .jobs_list .list .t2{ width: 15%;}
	.jobs_wrap .jobs_list .list .t3{ width: 15%;}
	
	.jobs_detail .detail_contact .contact2_list .user{ padding-bottom: 10px;}
	.jobs_detail .detail_contact .contact2_list .mail{ padding-bottom: 10px;}

}
@media (max-width: 1180px){
	.career{ height: 400px;}
	.career_list{ margin: 40px 0;}
	.jobs_detail .detail_contact{height: 240px; width: 600px;}
	.jobs_detail .detail_contact .left_img{ width: 240px; height: 240px; background-size: 240px;} 
	.jobs_detail .detail_contact .title{ padding-top: 30px;}

}
@media (max-width: 1024px){
	.jobs_detail .detail_contact{width: 100%;}
	
}
@media (max-width: 1020px){
	.jobs_detail .detail_contact{width: 100%;}
	.career{ height: auto;}
	
}
@media (max-width: 840px){
	
	
	.jobs_wrap .jobs_list{ margin: 0;  padding: 0;}
	.jobs_wrap .jobs_list .title div{ font-size: 14px;}
	.jobs_wrap .jobs_list .list .t2,.jobs_wrap .jobs_list .list .t3{ font-size: 14px;}
	.jobs_wrap .jobs_list .list .t1{ width: 28%;}
	.jobs_wrap .jobs_list .list .t2{ width: 18%;}
	.jobs_wrap .jobs_list .list .t3{ width: 18%;}
	
	.jobs_detail h3{ width: 100%;}
	.jobs_detail .left{ font-size: 14px; width: 100%; padding: 0;}
	.jobs_detail .date{ font-size: 14px; width: 100%;}
	.jobs_detail .lr{ width: 100%;}
	.jobs_detail .jobs_contact{ width: 100%;}
	
	.jobs_detail .detail_contact{height: 180px;}
	.jobs_detail .detail_contact .left_img{ width: 180px; height: 180px; background-size: 180px;} 
	.jobs_detail .detail_contact .title{ padding-top: 20px; padding-bottom: 10px; font-size: 18px;}
	.jobs_detail .detail_contact .buttom2{ padding-bottom: 5px; }
}
@media (max-width: 840px){
	
	.career_list .liftup{ width: 100%; margin: 0; margin-bottom: 30px;}
	.career_list .liftup .open{ padding: 30px 20px;}
	.career_list .liftup .pro_name{ margin-bottom: 0;}
	
	.jobs_contact .detail_contact .right{ width:100%;}
}



/*_______________search_____*/
.help_top .wrap{ max-width: 1632px;}
.help_top .search_t{ border:0; background: #f8f8f8; padding: 80px 200px; margin-bottom: 60px;}
.search_t .input{ border:1px solid #e5e5e5; border-right:0; font-size: 18px; border-radius: 12px 0 0 12px; line-height: 64px; height: 64px;}
.search_t .input:focus{border:1px solid #42cb1b; border-right:0;}
.search_t  .buttom3 a{height:64px; width:160px; background:#42cb1b; color: #fff; line-height: 64px; text-align: center;border-radius: 0 12px 12px 0;font-family: "PlusJakartaSans-Bold";}
.search_t .btn_wrap{ width: 160px;}
.help_top .jg{}
.help_top .jg span{ font-weight: bold;}
.help_top .jg .sz{ color: #42cb1b;}

.search_wrap{ max-width:1632px; margin:0 auto; padding:60px 0;}
.search_wrap .search_fl{ float:left; width: 25%;}
.search_wrap .search_fl h3{ font-size: 24px;border-bottom: 1px #ededed solid; padding-bottom: 20px;}
.search_wrap .search_fl div{ border-bottom: 1px #ededed solid; padding:20px 0; }
.search_wrap .search_fl .on a{ color: #42cb1b;}
.search_list{ width:70%; float: right;}
.list_wrap{padding-bottom:20px;}
.list_wrap .list{ margin-bottom:40px; line-height:1.45; border-bottom:1px solid #e9e9e9; padding-bottom:40px;}
.list_wrap .list h3{ font-size:14px; color:#42cb1b; margin-bottom:8px; text-transform: uppercase;}
.list_wrap .list h4{color:#333;margin-bottom:8px; font-size: 36px;font-family: "PlusJakartaSans-SemiBold"; text-transform:uppercase; }
.list_wrap .list a:hover h4{ text-decoration: underline;}
.list_wrap .list div{ color:#333; line-height:1.5;}


@media (max-width:1440px) {
	.list_wrap .list h4{font-size: 30px;}
	
	}
@media (max-width:1180px) {
	.list_wrap .list h4{font-size: 24px;}
	.search_wrap .search_fl h3{ font-size: 18px;}
	.help_top .search_t{ margin-bottom: 20px;}
	.search_wrap{ padding-top: 30px;}
	
	.search_t .buttom3 a{ font-size: 18px;height: 54px; line-height: 54px;}
	.search_t .input{ height: 54px;line-height: 54px; font-size: 18px;}
	}

@media (max-width:1020px) {
	.help_top .search_t{ padding: 70px 100px;}
	.search_t .input{ height: 48px; line-height: 48px; border-radius: 8px 0 0 8px; font-size: 14px;}
	.search_t .buttom3 a{ width: 120px; font-size: 14px; height: 48px; line-height: 48px;}
	.nav-search .help_top .search_t .btn_wrap{ width: 120px;}
	.search_wrap .search_fl h3{ font-size: 16px;}
	.search_wrap .search_fl div{ font-size: 14px;}
	
	.list_wrap .list h4{ font-size: 18px;}
	.list_wrap .list h3{ font-size: 14px;}	
}
@media (max-width:840px) {
	.help_top .search_t{ padding: 40px 60px;}
	
}
@media (max-width:640px) {
	.search_wrap .search_fl{ width: 100%; border-bottom: 1px #ededed solid; margin-bottom: 30px;}
	.search_list{ width: 100%;}
	.search_wrap .search_fl div{ border:0 ;margin-right: 20px; padding:10px 0;} 
	
	.help_top .search_t{ padding: 40px;}
	.search_t .btn_wrap{ width: 80px;}
	.search_t .buttom3 a{width: 80px;}
	
}

.search_list .select{  width:100%; height:60px;position:relative;}
/* select */
.search_list .select dt{height:60px;display:inline-block; border:1px solid #eeeeed;background:url(../images/jt_select2.png) #eeeeed 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 }
.search_list .select dt:hover,.search_list .select dt.cur{ border:1px solid #eeeeed;}
.search_list .select dd{position:absolute;width:100%;left:0;top:59px;background:#f5f5f5;display:none; z-index:99;}
.search_list .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.search_list .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.search_list .select dd ul li a:hover{background:#fff;}



/*______________news_____*/
.news2_list{ padding-top:10px; padding-bottom:40px;}
.news2_list .index_pro_wrap{margin: 0 auto;max-width: 1664px; margin-top: 50px;}

.news2_list .liftup{ margin: 0 1%; width: 31.33%;float: left;margin-bottom: 60px; position:relative;}
.news2_list .liftup .time{color:#888; padding:20px; padding-top: 30px; font-size:14px;}
.news2_list .liftup .title{padding:0 20px; margin-bottom:10px; height:100px; overflow:hidden;font-size:22px; }
.news2_list .liftup .img img{ width:100%; border:0; display:block;}
.news2_list .liftup a{transition: 0.5s; display:block; background:#f8f8f8; height:600px;}
.news2_list .liftup a:hover{ box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}

.related_news{ padding:80px 0; margin-bottom:0;}
.related_news .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.related_news .liftup{ width:100%; margin-bottom:20px;}
.related_news .liftup a{ height:620px;}

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


.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;}
.news_detail .lr table{ border-top: 1px solid #f5f5f5; border-left:1px solid #f5f5f5;}
.news_detail .lr td{ border-bottom: 1px solid #f5f5f5; border-right:1px solid #f5f5f5; padding:4px 10px;}


@media (max-width: 1440px){
	.news2_list .liftup{margin-bottom: 40px;}
	.news2_list .liftup .title{ font-size: 24px;}
	.news2_list .liftup .time{ font-size: 18px;}
	}
@media (max-width: 1180px){
	.related_news{ padding: 40px 0;}
	.news2_list .liftup a{ height: 450px;}
	.news2_list .liftup .time{ font-size: 16px; padding: 20px; padding-bottom: 10px;}
	.news2_list .liftup .title{ font-size: 18px;}
	
	.news_detail{ padding: 40px 0;}
	}


@media (max-width: 840px){
	.news2_list .index_pro_wrap{ margin-top:0;}
	.news2_list .liftup{ width:46%; margin:0 2%; margin-bottom:40px;}
	.news2_list .liftup .time{ font-size: 14px;}
	.news_detail .wrap{ width: 100%;}
	.news_detail .lr img{ width: 100%; height: auto;}

	}
@media (max-width: 640px){
	.news2_list .liftup{ width:100%; margin:0; margin-bottom:40px;}
	.news2_list .liftup a{ height: auto;}
	.news_detail .lr{ overflow-x: auto;}
	}




/*______________video_____*/

.video_list{ margin-bottom:60px;}
.video_list .index_pro_wrap{ margin: 0 auto;max-width: 1664px; margin-top: 50px;;}
.video_list .liftup { margin: 0 1%; width: 31.33%;float: left;margin-bottom: 60px; }
.video_list .liftup a{ transition: 0.5s; display:block; background:#f8f8f8; height:560px;}
.video_list .liftup a:hover{ box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);border-bottom:4px solid #42cb1b;}
.video_list .liftup .img{ position:relative;display: flex;justify-content: center;align-items: center; }
.video_list .liftup .img img{ width:100%;display:block}
.video_list .liftup .pro_name{padding: 0 20px; padding-top: 30px; font-size: 32px;}

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

.related_video{ padding:80px 0; margin-bottom:0;}
.related_video .index_pro_wrap{ max-width:1632px; position:relative; margin: 0 auto;}
.related_video .liftup{ width:100%; margin-bottom:20px;}


.video_detail{padding:40px 0; max-width:1632px; margin:0 auto;}
.video_detail .wrap { width: 90%; margin: 0 auto;max-width: none;}
.video_detail h3{ color:#333;letter-spacing:0; text-align:center; margin-bottom: 80px;}
.video_detail .video{ position:relative; margin:0 auto; width:fit-content; display: flex;justify-content: center;align-items: center;}
.video_detail .video img{ width:100%; display: block;}

.video_detail .txt_wrap{ position: relative;height: 550px;}
.video_detail .txt_wrap .txt{ background: #f8f8f8; width: 60%; position: absolute; right: 0; height: 550px; display: flex; align-items: center;}
.video_detail .txt_wrap .txt div{ padding-left: 35%; line-height: 1.8; padding-right: 60px;}
.video_detail .detail_contact{ left: 0; top: 100px; position: absolute; z-index: 1;}

.video_detail .detail_contact .left_img{ width: 40%;}


@media (max-width:1440px) {
	.video_list .liftup .pro_name{ font-size: 24px;}
	.video_detail .txt_wrap{ height: 450px;}
	.video_detail .txt_wrap .txt{ height: 450px;}
	.video_list .liftup a{ height: 320px;}
	
}

@media (max-width:1180px) {
	.related_video{ padding: 40px 0;}
	
	.video_list .liftup .pro_name{ font-size: 18px; padding-top: 20px;}
	.video_list .liftup a{ height:320px;}
	
	.help_wrap .liftup a{ height:400px;}
	
	.video_detail .detail_contact .left_img{ width: 35%;}
	}
@media (max-width:1020px) {
	.video_detail .txt_wrap .txt{ position: relative; width: 100%; height: auto;}
	.video_detail .txt_wrap .txt div{ padding: 40px;}
	} 
@media (max-width:840px) {
	.video_list .liftup{ width:46%; margin:0 2%; margin-bottom: 30px;}
	
}
@media (max-width:640px) {
	.video_list .index_pro_wrap{ margin-top: 30px;}
	.video_list .liftup{ width:100%; margin:0 0 40px 0;}
	.video_list .liftup a{ height: auto; padding-bottom: 20px;}
	}
	


/*________help__________*/
.index_pro .main_title{ text-align: center;}

.help_list{ max-width:1200px; margin:0 auto;}
.help_list  h2{ font-size:24px; color:#009992;border-bottom:1px solid #e5e5e5; padding-bottom:15px;margin-bottom:10px;}
.help_list .list{ margin-bottom:30px; border:1px solid #e9e9e9; padding:30px;}
.help_list .list .img{ float:left; width:35%;}
.help_list .list .img img{ width:100%;}
.help_list .list .txt{ float:right; width:60%;}
.help_list .list h3{ font-size:18px; margin-bottom:20px;}
.help_list .list .lr{ font-size:14px; line-height:1.8; max-height:220px; overflow:hidden; margin-bottom:20px;}

.help_list .btn_black a{padding: 6px 20px; padding-bottom: 10px;}

.help_support{ padding-top: 100px; padding-bottom: 40px;}
.help_support .wrap{width: 900px; margin: 0;}
.help_support .wrap .txt{ font-size: 48px;}

.message{width: 900px;}
.message .tools{ height: 48px; margin-bottom: 40px; border-bottom: 1px solid #f8f8f8;}
.message .tools div{ width: 25%; height: 48px; float: left; display: flex;justify-content: center; align-items: center; line-height: 36px;}
.message .tools div a{ width: 100%; height: 48px; display: flex;justify-content: center; align-items: center;}
.message .tools .tools_like{background: url("../images/icon_like.png") no-repeat 2px; background-size: 30px; width: 36px;height: 36px;}
.message .tools .tools_comments{background: url("../images/icon_message2.png") no-repeat 2px; background-size: 30px; width: 36px;height: 36px;}
.message .tools .tools_share{background: url("../images/icon_share.png") no-repeat 2px; background-size: 30px; width: 36px;height: 36px;}
.message .tools .tools_save{background: url("../images/icon_fav.png") no-repeat 2px; background-size: 30px; width: 36px;height: 36px;}
.message .tools .on{ background: #f8f8f8;}

.new_message{ margin-bottom: 40px;}
.new_message .input_list{ margin-bottom: 15px; width: 50%; float: left; position: relative;}
.new_message .kuan{ width: 100%; padding: 0;}
.new_message .input_yzm{padding-left:30px;}
.new_message .yzm{ position: absolute; right: 4px; top: 2px; width: 100px;}
.new_message .yzm img{width: 100%;}
.new_message .input_list input{ border:1px solid #d0d0d0; height:48px; line-height:48px;  width:100%; padding:0 ; font-size: 14px; border-radius: 8px; padding-left: 15px;}
.new_message .input_list textarea{  border:1px solid #cdcdcd;  line-height:24px;background:#fff; width:100%; font-size:14px;border-radius: 8px; z-index:9; height:120px; color:#666; padding: 15px;}
.new_message button{text-decoration:none; line-height:40px; background-image: linear-gradient(to right, #41ca1c , #029084); color: #fff; border-radius: 8px;  height: 40px; border: 0; font-size: 14px; width: 160px; cursor: pointer;}
.new_message button:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}

.message .message_list{}
.message .message_list .title{ border-bottom: 1px solid #f5f5f5; margin-bottom: 40px;}
.message .message_list .list{ margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px;}
.message .message_list h5{ text-align: left; font-size: 14px; color: #999;}
.message .message_list .list_tools{ margin-top: 20px; height: 40px;}
.list_tools a{ display: block; width: 100px; height: 30px; padding-left: 30px; line-height: 30px; float: left;}
.list_tools .zhan{ background: url("../images/icon_zhan.png") no-repeat 0 4px; background-size: 24px;}
.list_tools .cai{ background: url("../images/icon_cai.png") no-repeat 0 4px; background-size: 24px;}
.list_tools .btn_reply{ background: url("../images/icon_message2.png") no-repeat 0 4px; background-size: 24px;}
.message .message_list .reply_list{ height: 40px; overflow: hidden; margin-top: 20px;}
.message .message_list .on{ height: auto; overflow:visible; background: #f8f8f8;}
.message .message_list .reply_list .t1{background: url("../images/jt_select2.png") no-repeat -2px 9px; background-size: 24px; padding-left: 24px; display: block; margin-bottom: 10px; line-height: 40px; height: 40px; cursor: pointer;}
.message .message_list .reply_list .list{ padding-left: 24px; margin-bottom: 0;}
.message .message_list .on .t1{margin-left: 24px;}


.message_tj{ margin:50px auto; padding:100px 0; margin-bottom: 100px; text-align:center; width:80%;box-shadow: 0px 0px 20px #e5e5e5; }
.message_tj .icon{ margin:0 auto; margin-bottom:40px;}
.message_tj .icon img{ width:160px;}
.message_tj h1{ font-size:36px; margin-bottom:40px;}
.message_tj .txt{ margin-bottom:160px;}

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

@media (max-width:1440px) {
	.message_tj .icon img{ width:120px;}
	.help_support .c1{ padding: 50px;}
	.help_support .wrap .txt{ font-size: 48px;}
	.help_support .c1 .btn{ float: left;}
}
@media (max-width:1180px) {
	.help_support .wrap{ width: 100%;}
	.help_support .wrap .txt{ font-size: 36px;}
	.help_support .c1 .btn a{ font-size: 16px; padding: 10px 20px;}
	
	.new_message .input_list textarea{ font-size: 16px;}
	.new_message .input_list input{ font-size: 16px;}
	
	.message{ width: 100%;}
	.message .message_list h5{ font-size: 14px;}
	.message .message_list { font-size: 16px;}
	.list_tools .zhan,.list_tools .cai,.list_tools .btn_reply{background-size: 24px; padding-left: 30px;}

}

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

@media (max-width:640px) {
	.help_support .c1{ padding: 30px;}
	.help_support .wrap .txt{ font-size: 24px;}
	.message_tj .icon{ margin:0 auto; margin-bottom:50px; width:30%;}
	.message_tj .icon { margin-bottom:20px;}
	.message_tj .icon img{ width:100%;}
	.message_tj h3{ font-size:24px;margin-bottom:30px;}
	.message_tj h1{ font-size:24px;margin-bottom:30px;}
	.message_tj .txt{ font-size:14px; margin-bottom:50px;}
	
	.message .tools{}
	.message .tools div{ display: block; width: auto;}
	.message .tools div a{ justify-content: flex-start; margin: 0 8px;}
	}

/*________company__________*/
.member{}
.member .wrap{}
.member .login{ margin:50px 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:160px;}
.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;font-size: 18px; position: relative;}
.login .login_form input{ border: 1px solid #aeaeae; width: 100%; height: 48px;line-height: 48px; padding: 0 15px; font-size: 18px;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; top:42px; 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{ width: 100%; 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: 20px 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;}

}

@media (max-width: 640px){
	
	
	.forgot .login_form button{ margin-bottom: 15px;}
	.forgot .login_form .re{ margin-left: 0;}
	
	
}

/*________company__________*/
.company { padding-top:0;}
.company .index_pro_wrap{ margin-top:0;}
.company .main_title{ margin-bottom:40px;}
.company .liftup .pro_name{ border:0;}

.company_memeber{padding-bottom:20px;}
.company_memeber .index_pro_wrap{ margin:0 auto; max-width:1250px;}
.company_memeber .liftup{margin:0 1.5%; float:left; margin-bottom:40px; background:#fff;width:22%;}
.company_memeber .liftup img{ width:100%; display:block;}
.company_memeber .liftup .sm{ border:1px solid #e5e5e5; border-top:0; padding:0 20px; padding-bottom:20px;}
.company_memeber .liftup .pro_name{ font-size:14px; color:#333; line-height:1.2; padding-top:20px; font-family:"PlusJakartaSans-SemiBold";}
.company_memeber .liftup .position{ font-size:14px; line-height:1.5; color:#333; margin-bottom:20px;}

.company_memeber .liftup .mail{ background:url(../images/icon_mail2.png) no-repeat; padding-left:20px; background-size:16px; font-size:14px; margin-bottom:10px;}
.company_memeber .liftup .tel{background:url(../images/icon_tel3.png) no-repeat; padding-left:20px;background-size:16px; font-size:14px;}

@media (max-width: 1180px){
	
	}
@media (max-width: 840px){
	.company_memeber .liftup{width:46%; padding:0; margin:0 2%; margin-bottom:40px;}
	}
@media (max-width: 640px){
	.company_memeber .liftup{width:100%; padding:0; margin:0; margin-bottom:40px;}
	}

.company_partner{}
.company_partner .index_pro_wrap{ margin:0 auto; max-width:1240px;}
.company_partner .liftup{margin:0 2%; float:left; margin-bottom:40px;width:21%;  padding:20px 50px; text-align:center; border:1px solid #e5e5e5;}
.company_partner .liftup .img{width:100%;}
.company_partner .liftup img{ width:100%;}

.line3{ border-top:1px solid #e5e5e5; max-width:1250px; margin:0 auto;}

.certificate{ margin:0;}
.certificate .index_pro_wrap{ margin-top:0; width:80%;}
.certificate .liftup a{ height:550px;}
.certificate .liftup a img{ padding:20px;}
.certificate .index_pro_wrap .pro_name{ text-align:center; font-family:"MyriadPro";}

@media (max-width: 840px){
	.company_partner .liftup{width:46%; margin:0 2%; margin-bottom:30px; padding:0;}
	}
	@media (max-width: 640px){
.certificate{ padding-top:60px; margin-bottom:40px;}
}


.customers_map{max-width: 1632px;  margin:0 auto; padding:30px 0 60px 0;}
.customers_map #map1{max-width: 1632px; height: 600px; margin:0 auto; position:relative}


.customers_map #map1 .add{ position:absolute; z-index: 999;}
.customers_map .add .add_icon{ float:left; cursor:pointer; width: 24px;}
.customers_map .add .add_icon img{ width: 100%;}
.customers_map .add .add_info{ margin-left:10px;float:left; background:rgba(255,255,255,.6);padding:15px 20px; width:240px;  top:-8px; display:none;}
.customers_map .on .add_info{ display:block;}
.customers_map .country{ height:30px;}
.customers_map .country .img{ height:30px;float: left; margin-right: 20px;}
.customers_map .country .img img{ height:100%;}
.customers_map .country h3{ font-size:20px; float: left; line-height: 30px;}
.customers_map .company{ background:none; border:0;font-size: 16px; margin-top: 20px;}
.customers_map .company .user{ margin-bottom: 6px;}
.customers_map .company h5{ font-size:16px; text-align: left;}
.customers_map .company .mail{ line-height: 24px;}
.customers_map .company .tel{margin-bottom: 5px; line-height: 24px;}
.customers_map .company .icon{width: 24px;height: 24px;text-indent: -24px; overflow: hidden; margin-right: 10px; float: left;}
.customers_map .company .icon .pic{-webkit-filter: drop-shadow(24px 0 #333); width:100%;}
@media (max-width: 1180px){
	.customers_map{ padding: 0;}
	.customers_map #map1{padding: 0 20px;}
	.global_list .country{}
	
	}
@media (max-width: 840px){
	.customers_map{ padding-top:0;}
	.customers_map #map1{width:90%; height:380px; margin:0 auto;}
	}
@media (max-width: 640px){
	.customers_map #map1{ height:280px; }
	}

/*_________about_____*/
.about_video{padding:40px 0; max-width:1632px; margin:0 auto;}
.about_video .wrap { width: 90%; margin: 0 auto;max-width: none;}
.about_video h3{ color:#333;letter-spacing:0; text-align:center; margin-bottom: 60px;}
.about_video .video{ position:relative; margin:0 auto;display: flex;justify-content: center;align-items: center;}
.about_video .video img{ width:100%; display: block;}

.about_video .txt{margin:60px 0;}
.about_video .txt .title{ font-weight: bold;font-size: 36px; margin-bottom: 10px;}

.about{padding:40px 0;}
.about .wrap { max-width:1632px; margin:0 auto;}
.about h3{ color:#333;letter-spacing:0; text-align:center; margin-bottom: 60px;}
.about .img{ float: right;width: 40%;}
.about .img .swiper-slide{ padding: 20px;}
.about .img img{width: 100%; box-shadow:0px 0px 20px #e5e5e5;}
.about .txt{float: left;width: 55%; margin-bottom: 60px;}
.about .txt .title{font-family: "PlusJakartaSans-SemiBold";font-size: 30px; margin-bottom: 10px;}


.about .about_list{ margin-bottom: 40px;}
.about .about_list .list_img{ width: 32%; float: left;}
.about .about_list .list_img img{ width: 100%;}
.about .about_list .list_title{ width: 60%; float: right; color:#42cb1b; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;font-size: 18px;}
.about .about_list .list_txt{ width: 60%; float: right; font-size: 16px; margin-top: 25px; }

.milestone{padding:40px 0; max-width:1632px; margin:0 auto;}
.milestone .wrap { width: 90%; margin: 0 auto;max-width: none;}
.milestone h3{ color:#333;letter-spacing:0; text-align:center; margin-bottom: 60px;}

.milestone_img{ float: right; width: 85%; margin: 40px 0; background: #f8f8f8; padding: 80px 0;}
.milestone_img .line{ width: 4px; background: #eee; margin: 0 auto; padding: 50px 0;}
.milestone_img .dian{position: relative; width: 12px; height: 12px; background: #42cb1d; border-radius: 12px; margin-bottom: 250px; right: 4px;}
.milestone_img .t1{ background: #fff; padding: 30px; width: 400px; position: absolute; top: -40px; right: 40px;}
.milestone_img .dian2 .t1{ left: 40px;}
.milestone_img .t1 .txt{ margin-bottom: 40px;}
.milestone_img .t1 .txt h3{ text-align: left; font-size: 36px; margin-bottom: 0;}
.milestone_img .t1 .img img{ width: 100%;}

.milestone .milestone_list{padding:20px 0; margin:40px auto;}
.milestone .milestone_list .list{border-bottom:1px solid #e9e9e9; padding: 20px 0;}
.milestone .milestone_list .title{color:#666; border-top:1px solid #e9e9e9; background: #f8f8f8; }
.milestone .milestone_list .title div{ font-family:"PlusJakartaSans-SemiBold"; }
.milestone .milestone_list .list .t1{ float:left; width:15%; text-transform:uppercase; padding-left: 20px;}
.milestone .milestone_list .list .t2{ float: left; width:80%; }
.milestone .milestone_list .list:hover{background: #f8f8f8;}

.career_cles{}
.career_cles .name{ font-size: 54px; margin-bottom: 30px; line-height: 1.1;}
.career_cles .txt{ width: 42%;}
.career_cles .img{ width: 55%;}


@media (max-width:1440px) {
	.about_video .txt .title{ font-size: 24px;}
	
	.about .txt .title{ font-size: 24px; margin-bottom: 10px;}
	.about .txt{ margin-bottom: 20px;}
	
}
@media (max-width:1180px) {
	.milestone_img .t1{ width: 300px; padding: 20px;}
	.milestone_img .t1 .txt h3{ font-size: 30px;}
	
	.about .txt .title{ font-size: 18px; margin-bottom: 10px;}
	.about .txt{ margin-bottom: 20px;}
	
	.about_video .txt .title{ font-size: 18px;}
	
	.career_cles .name{ font-size: 36px; margin-bottom: 20px;}
}
@media (max-width:1020px) {
	.milestone .wrap{ width: 100%;}
	.milestone_img .t1{ width: 240px; padding: 20px;}
	.milestone_img .t1 .txt h3{ font-size: 18px;}
	.milestone_img .t1 .txt { font-size: 14px;}
	.milestone_img .dian{ margin-bottom: 200px;}
}
@media (max-width:840px) {
	.about .img{width: 100%; margin-bottom: 20px;}
	.about .img .swiper-slide{ padding: 0px;}
	.career_cles .name{ font-size: 24px; margin-bottom: 10px;}
	.about .txt{ width: 100%;}
	
}
@media (max-width:640px) {
	.milestone_img{ width: 100%;}
	.milestone_img .t1{ left: 40px;}
	.milestone_img .line{ margin-left: 40px;}
	
}
@media (max-width:480px) {
	.milestone .milestone_list .title .t1{ display: none;}
	.milestone .milestone_list .list .t1 { float: none;}
	.milestone .milestone_list .list .t2 { padding-left: 20px; width: 100%;}
	
}

/*________engineering_consulting__________*/
.agent_form .form_wrap{ width: 100%; height: auto;}

.agent_form h4{ margin: 0 2%; margin-bottom: 30px;}
.agent_form .form_wrap .list3{ width: 96%; margin-bottom: 20px;}
.agent_form .form_wrap .list3 .title{ position: relative; padding-left: 0; line-height: 1.5; padding-bottom: 8px;}
.agent_form .form_wrap .list3 .plpb{ padding-top: 10px;}
.agent_form .form_wrap .pl0{ padding-left:0px;}
.agent_form .form_wrap .pb30{ padding-bottom: 30px;}
.agent_form .form_wrap .list4{ width: 96%;}
.agent_form .form_wrap .list4 .title2{ float: left; width: 12%; line-height: 60px;}
.agent_form .form_wrap .list4 .list4_wrap{ float: right; width: 88%; }
.agent_form .form_wrap .list4_wrap div{float: left; width: 50%; margin-bottom: 20px;}
.agent_form .form_wrap .list4 .radio{ width: 20px; height: 20px;}
.agent_form .form_wrap .list4 label{ line-height: 60px;}
.agent_form .form_wrap .list4 label input{ margin-left: 10px; width: 60%;}
.agent_form .form_wrap .list4 label .input2{ width: 100px;}
.agent_form .form_wrap .list4 input{border:1px solid #d0d0d0; line-height:60px; height: 60px; padding:0 15px ; font-size: 24px; border-radius: 12px;}
.agent_form .form_wrap .list5{ width: 96%;}
.agent_form .form_wrap .list5 .title3{ float: left; width: 25%; line-height: 60px;}
.agent_form .form_wrap .list5 .input_wrap2{ float: left; width: 25%; line-height: 60px; padding-right: 30px;}




.quest_form .form_wrap{ width: 100%; height: auto;}
.quest_form h3{ text-align: center; margin-bottom: 40px;}
.quest_form h4{ margin: 0 2%; margin-bottom: 30px;}
.quest_form .form_wrap .line{ border-bottom: 1px solid #e5e5e5; margin: 0 2%; margin-bottom: 30px;}
.quest_form .form_wrap .list2{ height: auto; margin-bottom: 30px; min-height: inherit;}
.quest_form .form_wrap .list input{padding:0 15px ;}
.quest_form .form_wrap .list3{ width: 96%; min-height: inherit; margin-bottom: 30px; overflow-x: auto; overflow-y: hidden;}
.quest_form .form_wrap .list3 .input_wrap{ margin-top: 8px; width: 100%; position: relative;}
.quest_form .form_wrap .list .input_wrap .dw{ position: absolute; right: 0; width: 50px; line-height: 60px;}
.quest_form .form_wrap .list3 .list3_table{ min-width: 1000px;}
.quest_form .form_wrap .list .plpb{ padding-top: 10px; height: 120px;}
.quest_form .form_wrap .list3 .radio{ width: 20px; height: 20px;}
.quest_form .form_wrap .list3 table{ border-top: 1px solid #f5f5f5; border-left:1px solid #f5f5f5;}
.quest_form .form_wrap .list3 td{ border-bottom: 1px solid #f5f5f5; border-right:1px solid #f5f5f5; padding:4px 10px;}
.quest_form .form_wrap .list3 td input{ border: 0; width: 100%; padding: 0;}
.quest_form .form_wrap .list3 label{ margin-right: 30px;}
.quest_form .form_wrap .list3 a{color:#42cb1b;}
.quest_form .form_wrap .list4{float: left; width: 29%;}
.quest_form .form_wrap .list5{margin-bottom: 30px; }
.quest_form .form_wrap .list5 .input_wrap{ margin-top: 8px; width: 100%; position: relative;}
.quest_form .form_wrap .input_wrap4{}
.quest_form .form_wrap .input_wrap4 input{border:1px solid #d0d0d0; height:60px; line-height:60px;  width:100px; padding:0 10px ; font-size: 18px; border-radius: 12px;}

.quest_form .form_tips{ margin: 0 2%; margin-bottom: 30px;}
.quest_form .form_tips span{color:#42cb1b;}
.quest_form .bt2{color:#42cb1b; margin-left: 10px;}
.quest_form .txt_red{ color: #f30;}
.quest_form .form_wrap .list3 td{ padding: 8px 10px;}
.quest_form .form_check_li{}
.quest_form .form_check_li li{ width: 33.3%; float: left; margin-bottom: 10px;}
.quest_form .form_img{ width: 400px;}
.quest_form .quest_form_working { margin-top: 10px;}
.quest_form .quest_form_working div{ float: left; width: 120px; height: 100%; line-height: 60px;}
.quest_form .form_wrap .capacity{ margin-bottom: 10px;}
.quest_form .form_wrap .input_wrap4 .input_capacity{ width:400px;}
.agent_form .form_wrap .input_wrap3{ position: relative; margin-top: 30px;}

.agent_form .form_wrap .list4 .list4_wrap .zt1{ width: 100%;}
.agent_form .form_wrap .list4 .list4_wrap .zt2{width: 100%;}

.agree .logo{ clear: both; padding: 25px 40px; border-bottom: 1px solid #eee; width: 100%; height: auto; position: relative;}
.agree .logo img{ width: 200px;}
.agree .txt{ padding: 60px 40px;}
.agree 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; cursor: pointer; width: 250px; margin-top: 40px;}
.agree button:hover{background-image: linear-gradient(to right, #41ca1c , #41ca1c);}
.agree .re{ margin-left: 40px; background:#fff; border: 1px solid #999; color: #333;}
.agree .re:hover{background:#f5f5f5;}

#small-dialog-agree .mfp-close{ display: none;}

@media (max-width:1700px) {
	.agent_form .form_wrap .list4 { border-bottom: 1px solid #e5e5e5;}
	.agent_form .form_wrap .list4 .title2{ float: none; width: 100%;}
	.agent_form .form_wrap .list4 .list4_wrap{ width: 100%; float: left;}
	.agent_form .form_wrap .list5 { padding: 20px 0;}
	.agent_form .form_wrap .list5 .title3{ float: none; width: 100%; }
	.agent_form .form_wrap .list5 .input_wrap2{ float: left; width: 33.3%; line-height: 60px; padding-right:3%;}
	
}

@media (max-width:1440px) {
	.agent_form .form_wrap .list3 input{border:1px solid #d0d0d0; line-height:54px; height: 54px; padding:0 15px ; font-size: 18px; border-radius: 12px;}
	.agent_form .form_wrap .input_wrap2{line-height: 54px;}	

	.agent_form .form_wrap .list4 input{ line-height: 54px; height: 54px; font-size: 18px;}
	.agent_form .form_wrap .list4 label{ line-height: 50px;}
	
	
	.quest_form .form_wrap .list3 img{ width: 80%;}
	
}
@media (max-width:1180px) {
	.agent_form .form_wrap .list3 input{ font-size: 16px;}
	.agent_form .form_wrap .list4 input{font-size: 16px;}
	
	
	
}
@media (max-width:840px) {
	.agent_form .form_wrap .list4_wrap{ margin-bottom: 30px;}
	.agent_form .form_wrap .list4_wrap div{ width: 100%; margin: 0;}

	.agent_form .form_wrap .list5 .input_wrap2{ width: 100%; padding-right: 0; margin-bottom: 15px;}
	
	.quest_form .form_wrap .list3 img{ width: 100%;}
	}

@media (max-width:640px) {
	.agree .re{ margin-left:0; }
	.quest_form .form_wrap .list3{ width: 100%;}
	.quest_form .form_wrap .list4{ width: 100%;}
	}



.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: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;}
	}


.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;
}	


.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 .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%;}

@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:10px;}
.share_list li{ margin-bottom:18px; width: 50%; float: left; padding: 0 20px;}
.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) {

	}



.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;}