body {background-color: #FFFFFF;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#333333 }
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p,div{padding: 0; margin: 0;}
ul,li{list-style: none;}
img {border: 0;}
.l { float: left;}.r { float: right;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 

html, body {
  overflow-x: hidden;
  margin: 0; 
  padding: 0;
}

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}

td {font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #333333;line-height: 20px;WORD-WRAP: break-word}
a {
	text-decoration: none;
	outline: none;
	color: #333333;
	font-size:15px;
}
.ziti{font-family:"SYFont1"}



.fz_42{ font-size:44px;}
.fz_38{ font-size:40px;}
.fz_32{ font-size:32px;}
.fz_30{ font-size:30px;}
.fz_28{ font-size:28px;}
.fz_25{ font-size:25px;}
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_17{ font-size:17px;}
.fz_16{ font-size:16px;}
.fz_15{ font-size:15px;}
.fz_14{ font-size:14px;}
.fz_13{ font-size:13px;}
.fz_12{ font-size:12px;}

 @media (min-width: 1680px) {
.fz_42{ font-size:46px;}
.fz_38{ font-size:44px;}
.fz_32{ font-size:38px;}
.fz_30{ font-size:33px;}
.fz_28{ font-size:30px;}
.fz_25{ font-size:28px;}
.fz_24{ font-size:26px;}
.fz_20{ font-size:22px;}
.fz_18{ font-size:20px;}
.fz_17{ font-size:19px;}
.fz_16{ font-size:18px;}
.fz_15{ font-size:17px;}
.fz_14{ font-size:16px;}
.fz_13{ font-size:15px;}
.fz_12{ font-size:14px;}
}



@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto.woff2") format("woff2");
  font-weight: normal;
	font-style: normal;
  }
@font-face {
	font-family: "RobotoLight";
	src: url("../fonts/RobotoLight.ttf") format("truetype");
   font-weight: 800;
	font-style: normal;
  }
@font-face {
	font-family: "RobotoRegular";
	src: url("../fonts/RobotoRegular.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  }
  @font-face {
	font-family: "BCd";
	src: url("../fonts/BCd.woff2") format("woff2"),
		 url("../fonts/BCd.woff") format("woff"),
		 url("../fonts/BCd.ttf") format("truetype"),
		 url("../fonts/BCd.eot") format("embedded-opentype"),
		 url("../fonts/BCd.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }


#main-nav {display: none}
header {position: relative;	padding: 50px 0 20px}

.mainmenu-area{display: block;float: right;padding-left: 10px;padding-top: 10px;padding-right:25px;}
.mainmenu_box{float:left;width:36%;padding-right:0;}
.find .product_vmegamenu>ul li a {
	padding: 14px 10px;
}
.product_vmegamenu ul li a.hover-icon::after {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute;
	right: 0;
	color: #808080;
	top: 14px;
}
.product_vmegamenu>ul>li .vmegamenu {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eaeaea;
	box-shadow: 0 0 5px -1px #666666;
	left: 0;
	position: absolute;
	top: 82px;
	width: 100%;
	opacity: 0;
	z-index: 999999;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	visibility: hidden;
	padding: 10px;
}
.product_vmegamenu ul li:hover .vmegamenu {
	opacity: 1;
	top: 52px;
	visibility: visible;
}
/* mainmenu */
.mainmenu{text-align:left;/*position: relative;*/}
.mainmenu>nav>ul{width: 100%;}
.mainmenu>nav>ul>li {
    display: inline-block;
	padding: 0;
	padding:0 23px;;
}
.mainmenu ul li a{transition:all .3s;}
.mainmenu>nav>ul>li>a {
  color: #333333;
  display:inline-block;
  font-size: 22px;
  line-height:24px;
  padding:24px 0 34px 0;
  text-transform:uppercase;
  transition:all .5s;
  position:relative;
  z-index:2;
  background-position: center center;
  background-repeat: no-repeat;
  align-items: center;justify-content: center;
  font-family: "BCd";
}
@media (max-width: 1300px){
.mainmenu>nav>ul>li {
    display: inline-block;
	padding: 0;
	padding:0 13px;;
}
.mainmenu>nav>ul>li>a {
font-size: 20px;
}
}

.mainmenu nav>ul>li>a i{position: relative;}
.mainmenu nav>ul>li>a i:before,
.mainmenu nav>ul>li>a i:after{
	content:'';display:block;width:6px;height:2px;background:#ccc;position:absolute;pointer-events:none;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);z-index: 5;
}
.mainmenu nav>ul>li>a i:before{right:-14px;top:8px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.mainmenu nav>ul>li:hover>a i:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background-color:#333333;}
.mainmenu nav>ul>li>a i:after{right:-18px;top:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.mainmenu nav>ul>li:hover>a i:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color:#333333;}

.mainmenu>nav>ul>li>a:after{ position: absolute; left: 50%; bottom:10px; content: ''; width: 23px;height: 34px;transition: 0.8s all; margin-left: -12px; opacity: 0;transition: 0.6s all;background-position: -134px -46px;}
.mainmenu>nav>ul>li:hover>a:after,.mainmenu>nav>ul>li.active>a:after{opacity: 1;}

.mainmenu nav>ul>li>a:before{
	position: absolute;left: 50%;width:0;height: 4px; bottom: 10px;width: 0; content: '';z-index: -1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;opacity: 0;filter: alpha(opacity=0);transform: translate(-50%, 0);background: #000000;
}
.mainmenu nav>ul>li:hover>a:before,.mainmenu nav>ul>li.active>a:before ,.mainmenu nav>ul>li#active>a:before{
	opacity: 1;filter: alpha(opacity=100);width: 100%;transform: translate(-50%, 0);
}

.mainmenu ul li:hover > a, .mainmenu ul li.active > a{color:#333333;}
.mainmenu>nav>ul>li:hover > a, .mainmenu>nav>ul>li.active > a{text-decoration:none;color:#333333 !important;}
.mainmenu>nav>ul>li.active>a,.mainmenu>nav>ul>li#active>a{color:#333333 !important;}

.mainmenu>nav>ul>li>ul , .mainmenu>nav>ul>li>div.vmegamenu{
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
	left: auto;
	opacity: 0;
	position: absolute;
	top: auto;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease 0s;
	z-index: 99999999;
	padding: 0;
	visibility: hidden;
	text-align: left;
	width: 200px;
	background: #fff;
	border: 1px solid #ECECEC;
	border-bottom: none; margin-left:-77px
}
.mainmenu>nav>ul>li>ul:after , .mainmenu>nav>ul>li>div.vmegamenu:after{
	bottom: 100%;
    left: 88px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
	display: inline-block;
}
.mainmenu ul li:hover > ul , .mainmenu ul li:hover>div.vmegamenu{
	opacity:1;
	visibility:visible;
	transform:scaleY(1);
}
.mainmenu ul li > ul li{
	display:block;
	padding:0;
	background:none;
	position:relative;
	border-bottom: 1px solid #ECECEC;
} 
.mainmenu ul li > ul li > a {
	color: #333333;
	padding:14px 15px;
	text-transform: capitalize;
	font-size:14px;
	line-height: 20px;
	font-style:normal;
	position:relative;
	z-index:1;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position:90% center;
	font-weight: 300;
	transition:all .5s;
}
.mainmenu ul li > ul li > a:hover, .mainmenu ul li > ul li.has-menu:hover > a{
	text-decoration:none;color:#333333;background-position:right center;background: rgba(0,0,0,0.05);
} 

.mainmenu ul li > ul li:last-child > a:after{background:#fff;}

.mainmenu ul li > ul li.has-menu::after , .mainmenu ul li >div > ul li.has-menu::after{content:"\f105";font-family:FontAwesome;font-size:16px;color:#333333;position:absolute;right:15px;top:50%;line-height:20px;margin-top:-11px;z-index: 2;transition:all .5s;}
.mainmenu ul li > ul li:hover.has-menu::after ,  .mainmenu ul li >div > ul li:hover.has-menu::after{color: #333333;transform: rotate(90deg);}

.mainmenu>nav>ul>li ul.vmegamenu02{
	box-shadow: 10px 10px 20px rgba(0,0,0,.15);
	left: 329px;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0 0 0;
	transition: all 0.4s ease 0s;
	z-index: 99999999;
	padding:0;
	visibility: hidden;
	text-align: left;
	width: 240px;
	background: #fff;
	transition:.3s ease;
	border: 1px solid #ECECEC;
	border-left: none;
	border-bottom: none;
	max-height: 400px;
	overflow-y: auto;
}
.mainmenu ul li:hover > ul.vmegamenu02{
	opacity:1;
	visibility:visible;
	transform:scaleX(1);
}
.mainmenu ul li > ul.vmegamenu02 .vmegamenu03{background: #f7f7f7;border-top:1px solid #ECECEC; }
.mainmenu ul li > ul.vmegamenu02 .vmegamenu03 li a:before{content:">";font-family: FontAwesome;display: inline-block;margin-right: 5px;}
.mainmenu ul li > ul.vmegamenu02 .vmegamenu03 li:last-child{border-bottom: none;}

/*nav list*/
.mainmenu ul li.product_vmegamenu > div.vmegamenu{width: 100%;padding: 0;background: none;height: 500px;overflow-y: auto;border: none;box-shadow: none;direction: rtl;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul{direction: ltr;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li{display: flex;align-items: center;padding: 10px 5px;background: #fff;width: 330px;border-bottom: 1px solid #ECECEC;position: relative;padding-left: 10px;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li:hover{background:#fafafa}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li .image:after{display: none;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li .title{padding: 0; margin-left: 10px;width: 100%;margin-bottom: 0;padding-bottom: 5px;font-size: 14px;padding-top: 5px;padding-right: 20px;text-decoration: none;text-transform: capitalize;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li .title:after{left: 0;right: 0;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul > li a:hover , .mainmenu ul li.product_vmegamenu.vmegamenu > ul > li.has-menu:hover > a{background-color: transparent;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu > ul li>a.image{display:block;margin-bottom:0;padding: 0;max-width:40px;min-width: 40px;height: 40px;background-repeat: no-repeat;background-size: 40px;background-position: 0 0;transition:all .5s;}

/*nav container list*/
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu{width: 1000px;padding-bottom: 10px;max-height: 500px;height: auto;direction: inherit;padding-left: 30px;padding-right: 30px;background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);left: 30px;right: 30px;padding-top: 20px; margin:auto}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul{direction: inherit;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li{border: none;width:33%;float: left;padding: 0 10px;padding-bottom: 10px;margin-bottom: 10px;display: block;background: #ffff;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li:hover{border: none;width:33%;float: left;padding: 0 10px;padding-bottom: 10px;margin-bottom: 10px;display: block;background: #f8f8f8;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li:nth-child(3n+1){clear: both;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .top{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;width: 100%;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .top .image{max-width: 80px;height: 80px;min-width: 80px;background-size: 80px;display: inline-block;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .top .image img{max-width: 80px; height:80px}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .top .title{margin-left: 8px;font-size: 22px;line-height: 120%;text-transform: uppercase;font-family: "BCd";display: block;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02{background: #f8f8f8;padding: 3px;position: relative;left: auto;top: auto;box-shadow: none;transform:none;visibility:visible;width: 100%;border: none;max-height: inherit;overflow: inherit;opacity: 1;max-height: 100px;overflow: hidden;overflow-y: auto;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02 li{margin: 0;margin-bottom:10px;display: flex;align-items: center;border: none;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li.has-menu::after {display: none;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02 li:last-child{margin-bottom: 0;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02 li a{ color:#666; line-height:20px; padding:0; display:inline-block;text-transform:capitalize;position: relative;transition:all .5s;font-size: 13px;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02 li a:hover{ color:#333;text-decoration:none;padding-left
:5px}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02 li a:before{content:">";margin-right: 5px;}

.mainmenu ul li.product_vmegamenu > div.vmegamenu::-webkit-scrollbar {width: 5px;}
.mainmenu ul li.product_vmegamenu > div.vmegamenu::-webkit-scrollbar-track {
	background-color:#f2f2f2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.mainmenu ul li.product_vmegamenu > div.vmegamenu::-webkit-scrollbar-thumb {
	background-color:#ccc;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}

.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02::-webkit-scrollbar {width: 3px;}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02::-webkit-scrollbar-track {
	background-color:#f2f2f2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.mainmenu ul li.product_vmegamenu.product_menu_list > div.vmegamenu > ul > li .vmegamenu02::-webkit-scrollbar-thumb {
	background-color:#ccc;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}

@media only screen and (max-width: 992px) {
	header .wrapper{display:block;}
}

/*index*/
.social_icons {
    list-style: none;
}
 
.social_icons li {
    display: inline-block;
    padding: 7px 7px;
    margin-bottom: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    margin-left: 4px;
    margin-right: 4px;
    position: relative; /* 添加相对定位 */
}
 
.social_icons li:first-child {
    padding-left: 0;
}
 
.social_icons li a {
    transition: all .5s;
}
 
.social_icons li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tiktok-icon .qr-code {
    display: none;
    position: absolute;
    bottom: -110px; 
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
 
.tiktok-icon .qr-code img {
    width: 100px;
    height: 100px;
}
 
.tiktok-icon:hover .qr-code {
    display: block;
}

.head_top{position: relative;padding-left: 6%;padding-right: 6%;padding-top:0px;padding-bottom: 3px;}
.head_top:before{content:'';z-index: -1;position: absolute;width: 100%;left: 0;top: 0;bottom: -20px;backdrop-filter:blur(0.2rem);display: block;}

.head_con{float: left;list-style: none;padding-top: 17px; margin-bottom:1px }
.head_con li{margin-right: 20px;display: inline-flex;align-items: center;}
.head_con li .icon{display: inline-flex;width: 16px;height: 16px;align-items: center;justify-content: center;}
.head_con li .icon i{width: 16px;height: 16px;background: url(headtop.png) no-repeat;}
.head_con li p{margin-left:6px;font-size: 14px;line-height: 20px;color: #ffffff;}
.head_con li p a{color: #fff;font-size: 14px;line-height: 20px;}

.head_top .social_icons{float: right;position: relative;padding-right: 0px; padding-top:10px}
.head_top .social_icons:before{position: absolute;right: 0;top: 0; transform: rotate(10deg);opacity: 0.5;width: 1px;background: #fff;height: 100%;display:block;}

.header{transition:all .5s;position: relative;padding-top: 0;padding-left: 0px;padding-right: 0px;background-color: rgba(255,255,255,0.9);}
.header .container{position: relative;width: 90%;padding: 10px;}
#logo{position:relative;text-align:center;z-index:9999999;display: inline-flex;align-items: center;transition:all .5s;float: left;padding-top: 0px;padding-bottom: 0px;padding-right:0px;padding-left: 8px;  font-size:32px; font-weight:bold}
#logo:before{position: absolute;right: 0;top: 0;opacity: 0.1;display:block;}
.header h1{margin:0;padding:0;}
#logo a{padding:0;display:block;position: relative;z-index: 5;transition:all .5s;}
#logo img{height:auto;padding:0;transition:all .5s;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1);
    transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1);
    transition: transform .3s cubic-bezier(.77,0,.175,1);
    transition: transform .3s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);
	will-change: transform;
    -webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transform-origin: left top;
    transform-origin: left top;
}
#logo img{max-width:300px; margin-right:6px}
@media screen and (max-width: 1560px) {
#logo img{max-width:250px; margin-right:3px}
.header .container{position: relative;width: 94%;padding: 10px;}
.head_top{position: relative;padding-left: 4.5%;padding-right: 4.5%;padding-top:0px;padding-bottom: 3px;}
}

@media (max-width: 1300px){
#logo img{max-width:240px; margin-right:3px}
.header .container{position: relative;width: 96%;padding: 10px;}
.head_top{position: relative;padding-left: 4%;padding-right: 4%;padding-top:0px;padding-bottom: 3px;}
}

.header .select{float: right; margin-top:8px}
.header .select a{display: inline-block;background: #0d3b7c;padding-top: 12px;padding-right: 10px;padding-left: 10px;padding-bottom: 8px;font-size: 12px;line-height: 20px;color: #fff;text-transform: uppercase;text-decoration: none;font-family: 'osk';text-align: center;}
.header .select a p{margin: 0;}
.header .select a i{display: inline-block;margin-bottom: 10px;background: url(message.png) no-repeat;width: 28px;height: 22px;}

.header_search{position: relative;z-index: 2;float: right;width: 250px;margin-right: 8px;}
.header_search .form-control{height:55px;line-height: 55px;padding-left: 20px;padding-right: 45px;border: none;border-radius: 0;box-shadow: none;font-size: 11px;color: #888;width: 100%;background-color: #e3e5e5;  border-radius: 30px; margin-top:20px}
.header_search input.form-control:focus{color:#333;font-style:inherit;border-color:#333333;background: #fff;}
.header_search .search_btn{position: absolute;right: 14px;top: 60%;width: 30px;height:30px;display: inline-flex;align-items: center;justify-content: center;box-shadow: none;border: none;background-color: transparent;padding: 0;margin-top: -15px;}
.header_search .search_btn:before{content:'';width: 22px;height: 22px;display: inline-block;background: url(search.png);}
.header_search .search_btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 2;background: none;box-shadow: none;}
.header_search input.form-control:focus{color:#333;font-style:inherit;}
.header_search form button[type=submit]:hover:before{background-position: -333px -14px;}
.header_search form input[type=text]:focus+button:before {
    background-position: -333px -14px;
}
@media (max-width: 1300px){
.header_search{position: relative;z-index: 2;float: right;width: 250px;margin-right: 8px;}
}

header{width: 100%;z-index: 9999999;padding: 0;position:absolute;}
header.large{top:0;}


.height{padding-top: 0;background: #fff;z-index: 5;position: relative;}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}


#owl-demo{position: relative;}
#owl-demo .hd{position: absolute;text-align: center;bottom: 30px;left: 0;right: 0;margin:auto; border-radius:2px}
#owl-demo .hd ul{width: 100%;font-size: 0;}
#owl-demo .hd .button{display: inline-block;vertical-align: top;width: 30px;height:6px;margin-right:8px;background: #d2d2d2;border:1px solid #d2d2d2; border-radius:17px}
#owl-demo .hd .button:hover,
#owl-demo .hd .button.on{background: transparent;border:1px solid #fff; background:#fff; cursor: hand;border-radius:17px;width: 30px;height:6px;cursor:pointer;}
#owl-demo .prev,
#owl-demo .next{ position:absolute; left:3%; top:60%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#owl-demo .next{ left:auto; right:3%; background-position:8px 5px; }
#owl-demo .prev:hover,
#owl-demo .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#owl-demo .prevStop{ display:none;  }
#owl-demo .nextStop{ display:none;  }


#owl-demo .item img{display: block;width: 100%;height: auto;}


.wrap{ width: 100%; }
.index_product{ padding-bottom: 80px; background-color: #fff; z-index: 9; position: relative;}
.index_product .title_cn{ padding-top: 55px; text-transform: uppercase;  font-size: 50px; font-weight:bold;font-family: "BCd";}
.index_product  .slanted-line-svg {
            width: 100px;
            height: 3px; margin-top:7px
        }
.index_product .more{ padding-top: 48px; }
.more{color: #666; font-size: 18px; text-transform: uppercase;}


.idx_pros{
    width:1280px;
    margin:0 auto;
    background:#fff;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    }
.idx_pros a{
    display:block;
    width:426px;
    height:150px;
    float:left;
    color:#646464;
    border:1px solid #f5f5f5;
    position:relative;
    border-right:0;
    border-bottom:0;
    overflow:hidden;
    }
.idx_pros .ico,
.idx_pros .txts{
    position:absolute;
    top:0; margin-top:15px; margin-left:30px
    }
.idx_pros .ico{
    background-repeat:no-repeat;
    background-position:center center;    
    left:0;
    transition:left 500ms;
    -webkit-transition:left 500ms;   height:120px; width:120px;
    }
.idx_pros a:nth-child(2){ background-color: #f5f5f5; }
.idx_pros a:nth-child(4){ background-color: #f5f5f5; }
.idx_pros a:nth-child(6){ background-color: #f5f5f5; }
.idx_pros a:nth-child(8){ background-color: #f5f5f5; }
.idx_pros a:nth-child(10){ background-color: #f5f5f5; }
.idx_pros a:nth-child(12){ background-color: #f5f5f5; }

.idx_pros .txts{
    left:33%;
    width:60%;
    transition:500ms;
    -webkit-transition:500ms;
    }
.idx_pros .txts .ch{
    font-size:19px;
    padding-bottom:3px;
    margin-top:48px;
	text-align:left; text-transform: uppercase; font-weight:400; 

    }
.idx_pros .idxp1 .txts .ch{
    font-size: 18px;
    color:#323232;
    }
.idx_pros .txts .en{
    font-size:14px;
    margin-top:2px;
    color: #999;
    }
.idx_pros .pic{ 
    width:100%; 
    height:100%; 
    overflow:hidden;
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
    }
.idx_pros .pic img{ width:100%; }
.idx_pros .idxp2{ color:#323232; }
.idx_pros .idxp2 .txts .ch{ border-color:#fff; } 
.idx_pros .cover{ position:absolute; left:0; top:0; bottom:0; right:0; opacity: 0; overflow:visible; border:0 solid #0d3b7c; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.idx_pros a:hover .cover{ opacity:1; border:150px solid #0d3b7c;}
.idx_pros a:hover .ico{ left:50%; }
.idx_pros a:hover .txts{ left:0; padding-right:0; padding-left:10%; }
.idx_pros .idxp1:hover { color:#fff; }
.idx_pros .idxp1:hover .txts .ch{ color:#fff; }
.idx_pros .arrow{ width:18px; height:18px; position:absolute; bottom:15px; left:15%; transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0; display:none\9; transition:500ms; -webkit-transition:500ms; }
.idx_pros a:hover .arrow{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1; }
.idx_pros a:hover .en{ color: #fff; }


		
.jj_tab_list_item{ float:left; width:300px; margin-right:10%; position:relative; overflow: hidden;}
.jj_tab_list_item_last{ margin-right:0;}
.jj_tab_list_item_div{ position: absolute; height:300px; width:100%; top: 0; border:#ccc 1px solid;}
.jj_tab_list_item_div3{ position: absolute; height:240px; width:100%; top: 0; border:#ccc 1px solid;}

.jj_tab_list_item2{ float:left; width:300px; margin-bottom:40px; position:relative; overflow: hidden;border:#f1f1f1 1px solid; }
.jj_tab_list_item3{ float:left; width:240px; margin-bottom:10px; margin-top:15px; position:relative; overflow: hidden;border:#f1f1f1 1px solid; }
.jj_tab_list_item4{ float:left; width:220px; margin-bottom:10px; margin-top:15px; position:relative; overflow: hidden;border:#f1f1f1 1px solid; }

.swiper_solution_outter {position:relative; }
.swiper_solution .swiper-slide {height:auto !important;}
.swiper_solution .swiper-wrapper {height:auto !important;}

.jj_tab_list_item2 .jj_tab_list_item_div img
{
	display:none;
}
.jj_tab_list_item2 a:hover .jj_tab_list_item_div img{
    display:block;
}

.jj_tab_list_item3 .jj_tab_list_item_div3 img
{
	display:none;
}
.jj_tab_list_item3 a:hover .jj_tab_list_item_div3 img{
    display:block;
}
.jj_tab_list_item4 .jj_tab_list_item_div4 img
{
	display:none;
}
.jj_tab_list_item4 a:hover .jj_tab_list_item_div4 img{
    display:block;
}
.jj_tab_list_item_div img{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.jj_tab_list_item_div .da-txt{
	height:48px;
	position: absolute;
	background: #000;
    opacity: 0.4;
    text-align:center;
    width:100%;
    bottom:0px;
    color:#fff;
    font:18px Microsoft YaHei; 
}

.jj_tab_list_item_div .da-text {
    height: 44px;
    position: absolute;
    background: none;
    opacity: 1;
    text-align: center;
    width: 100%;
    bottom: 0px;
    color: #fff;
    font: 14px/40px Microsoft YaHei;
}

.jj_tab_list_item_div3 img{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.jj_tab_list_item_div3 .da-txt{
	height:48px;
	position: absolute;
	background: #000;
    opacity: 0.4;
    text-align:center;
    width:100%;
    bottom:0px;
    color:#fff;
    font:18px Microsoft YaHei; 
}

.jj_tab_list_item_div3 .da-text {
    height: 44px;
    position: absolute;
    background: none;
    opacity: 1;
    text-align: center;
    width: 100%;
    bottom: 0px;
    color: #fff;
    font: 14px/40px Microsoft YaHei;
}


.jj_tab_list_item_div4 img{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.jj_tab_list_item_div4 .da-txt{
	height:40px;
	position: absolute;
	background: #000;
    opacity: 0.4;
    text-align:center;
    width:100%;
    bottom:0px;
    color:#fff;
    font:18px Microsoft YaHei; 
}

.jj_tab_list_item_div4 .da-text {
    height: 38px;
    position: absolute;
    background: none;
    opacity: 1;
    text-align: center;
    width: 100%;
    bottom: 0px;
    color: #fff;
    font: 14px/34px Microsoft YaHei;
}

.jj_tab_list_item a>img{width:100%; height:auto; display:block; transition: all 0.5s;}
.jj_tab_list_item:hover a>img{ transform: scale(1.15);}


.jj_tab_list_item1 a>img{width:100%; height:300px; display:block; transition: all 0.6s;}
.jj_tab_list_item1:hover a>img{ transform: scale(1.15);}

.jj_tab_list_item2 a>img{width:100%; height:300px; display:block; transition: all 0.6s;}
.jj_tab_list_item2:hover a>img{ transform: scale(1.15);}

.jj_tab_list_item3 a>img{width:100%; height:240px; display:block; transition: all 0.6s;}
.jj_tab_list_item3:hover a>img{ transform: scale(1.15);}

.jj_tab_list_item4 a>img{width:100%; height:240px; display:block; transition: all 0.6s;}
.jj_tab_list_item4:hover a>img{ transform: scale(1.15);}

.opacity img{opacity: 0.5;}

.indexpr1 a { font-size:30px; line-height:80px; background:#e3e5e5; margin-left:7px; margin-right:7px; padding:16px 40px; color:#333; font-family:"Bcd";clip-path: polygon(10% 0, 100% 0, 88% 100%, 0% 100%);cursor:pointer; font-weight:500}
.indexpr1 a:hover { font-size:30px; line-height:80px; background:#0d3b7c; margin-left:7px; margin-right:7px; padding:16px 40px; color:#fff;font-family: "Bcd";clip-path: polygon(10% 0, 100% 0, 88% 100%, 0% 100%);cursor:pointer;}


.modular {
    padding: 70px 0;
}
.modular-title, .modular-sub-title {
    margin-top: 0;
    text-align: center;
	padding-top:8px;

}
.modular-title {
    font-size: 32px;
    color: #e1e0e0;
	text-transform: uppercase; 
}
.modular-sub-title {
    font-size: 27px;
    color: #010101;
	text-transform: uppercase; 	
}
.modular-border-bottom {
    width: 60px;
    height: 3px;
    margin: 10px auto 40px;
    background-color: #f07407;
}
.modular-content, .cardbox, .imagebox, .namebox {
    width: 100%;
}
a.cardbox {
    display: block;
    text-decoration: none;
}
.modular-content {
    overflow: hidden; line-height:32px; text-align:center; color:#cecece;  margin: 15px 0 20px;text-overflow: ellipsis;
    white-space: nowrap;
}
.modular-content .row {
  text-align:center; width:900px; margin:auto
}
.imagebox img, .list-imagebox img {
    width: 100%;
    height: 100%;
}
.namebox p {
    margin: 15px 0 20px;
    text-align: center;
    color: #464646;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-us {
    background: url('about_us_bg.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.about-us .modular-sub-title {
    color: #fff;
}
.about-us .modular-content p {
    text-align: center;
    color: #cecece;
}
.about-us .modular-content .count_title .count{
    position: relative;
    font-size: 42px;
    color: #fff;
}
.about-us .modular-content .count_title .count .counter{
    font-size: 42px;
    color: #fff;
}
.about-us .modular-content .count_title .count .unit-top{
    position: absolute;
    top: 6px;
    right: -20px;
    font-size: 20px;
}
.about-us .modular-content .describe {
    font-size: 16px;
    color: #fefefe;
	padding-top:10px
}
.countbox {
    width: 100%;
    text-align: center;
}
.jishuqi li{ display: inline-block; font-size: 24px; color: #ffffff; padding-left: 80px; padding-right: 50px;}
.jishuqi li>i{  font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 50px; color: #ffffff; padding-bottom: 20px;font-style:normal }
.jishuqi li p{ font-size: 16px; color: #333; margin-top: 20px; }
.jishuqi{padding-top: 50px;  text-align: center; }
.jishuqi li span{ display: inline-block; position: absolute; padding-left:5px}


.indexnew{width:100%;height:auto;overflow:hidden;padding-bottom:120px;}
.m{width:1280px;margin:0 auto;  }

.indexnew .recommend{border-bottom:1px solid #ccc;width:100%; }
.indexnew .recommend1{border-bottom:1px solid #ccc;width:97%;  margin-left:30px}
.indexnew .newlist{margin-top:34px;}
.indexnew .newest{width:550px;height: 400px;}
.indexnew .newest .tit{width:100%;height:40px; position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.5);line-height:40px;}
.indexnew .newest .tit a{color:#fff;font-size:18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.indexnew .newright{width:680px;float:left;margin-left:0px; margin-top:30px}
.indexnew .newright .newrightlist{width:100%;height:120px;overflow:hidden;margin-bottom:20px;}
.indexnew .newright .newrightlist:nth-of-type(3){margin-bottom:0px;}
.indexnew .newright .newrightlist .newdate{width:100px;height:130px;float:left;border-right:1px solid #ccc;text-align:center;font-size:22px;color:#333;padding-top:30px; line-height:35px }
.indexnew .newright .newrightlist .newdate span{font-size:18px;color:#999;}
.indexnew .newright .newrightlist .newcon{width:530px;float:left;margin-left:49px;}
.indexnew .newright .newrightlist .newcon .tit{color:#333;font-size:18px;height:44px;line-height:44px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.indexnew .newright .newrightlist .newcon .con{font-size:14px;color:#999;font-weight:lighter;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.indexnew .newright .newrightlist .newcon .line{padding:15px 0px}
.indexnew .newest:hover{cursor:pointer;}
.indexnew .newright .newrightlist:hover{cursor:pointer}
.indexnew .newright .newrightlist:hover .newdate{color:#D72952}
.indexnew .newright .newrightlist:hover .newcon .tit{color:#D72952}

.recommend{width:100%;overflow:hidden;padding:40px 0px 15px 0px;line-height:46px;}
.foryou{float:left;font-weight:lighter;line-height:46px;}
.foryou .tittj{font-size:32px;color:#333;vertical-align: middle;line-height:46px;float:left}
.foryou .titcon{font-size:18px;color:#999;display:table-cell;vertical-align:bottom;line-height:46px;float:left;margin-left:50px;}
.recommend1 .more{width:120px;float:right;text-align:right;line-height:46px;}
.recommend1 .more a{font-size:15px;color:#999;font-weight:lighter}

.recommend .more{width:120px;float:right;text-align:right;line-height:46px;}
.recommend .more a{font-size:15px;color:#999;font-weight:lighter}

 .video{width:300px; }
 .video figure{ position:relative;}
 .video figure .shp{ position:absolute; left:0; top:0; width:100%; height:100%;background: url(ab-play.png)no-repeat center;  margin-top:0px;opacity: 0.8;}
 .video figure .shp:hover{background: url(ab-playon.png)no-repeat center;opacity: 0.8;}
 .video figure img{width: 300px;height: 250px; margin-left:-40px; margin-top:-15px}
.video figure .dzll{position: absolute;bottom: 10px;right: 10px;}
 .video figure .dzll a{margin-right:10px;display:inline-block;line-height: 32px;padding:3px 0 0 0px;color: #fff;}
.video figure .dzll span{padding-left: 20px;display: inline-block;line-height: 32px;color: #fff;}
.video figure .dzll .zhan{background: url(dzon.png)no-repeat left center;}





/*底部*/
.footer {
  width: 100%;
  min-height: 100px;
  background-color: #333;
  float: left;
  padding-top: 10px;
}

  .footer .foot {
    width: 1300px;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 80px;}
    .footer .foot .con {
      width: 25%;
      height: auto;
      float: left; }
      .footer .foot .con .logo {
        width: 20px;
        height: 32px;
        display: block; text-align:left; margin-top:-15px; margin-bottom:34px }
      .footer .foot .con .tel {
        width: 100%;
        height: auto;
        margin-top: 15px; }
        .footer .foot .con .tel span {
          font-size:24px;
          line-height: 36px;
          color: #fff;
          width: 100%; letter-spacing:1px;
          display: block;  font-family:"Bcd" }
        .footer .foot .con .tel i {
          font-size: 16px;
          line-height: 32px;
          color: #fff !important;
          display: block;font-style:normal; }
		 
		  
      .footer .foot .con .tag {
        width: 100%;
        height: auto;
        margin-top: 23px; }
        .footer .foot .con .tag a {
          font-size: 14px;
          line-height: 36px;
          color: #fff;
          padding-left: 26px;
          display: block; }
		  	
		   
          .footer .foot .con .tag a.i1 {
            background: url(footer_icon1.png) left center no-repeat; }
          .footer .foot .con .tag a.i2 {
            background: url(footer_icon3.png) left center no-repeat; }
          .footer .foot .con .tag a.i3 {
            background: url(footer_wx.png) left center no-repeat; }
          .footer .foot .con .tag a:hover {
            color: #1ba5e2; }
    .footer .foot .nav {
      width: 70%;
      height: auto;
      float: right; }
      .footer .foot .nav dl {
        width: 15%;
        height: auto;
        margin-right: 5%;
        float: left; }
        .footer .foot .nav dl dt {
          width: 100%;
          height: auto;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          font-size: 18px;
          line-height: 18px;
          padding-bottom: 20px;
          margin-bottom: 12px; }
          .footer .foot .nav dl dt a {
            display: block;
            width: 100%;
            height: auto;
            color: #fff;letter-spacing:1px;
            transition: color .5s; font-size:22px; font-family:"Bcd" }
            .footer .foot .nav dl dt a:hover {
              color: #1ba5e2; }
			  
        .footer .foot .nav dl dd {
          width: 100%;
          height: auto;
          font-size: 15px;
          line-height: 30px; }
          .footer .foot .nav dl dd a {
            color: #c2c2c2;
            display: block;
            width: 100%;  font-size: 14px;
            height: auto;
            transition: color .5s; }
            .footer .foot .nav dl dd a:hover {
              color: #fff; }
		


  .footer .foott {
    width: 100%;
    height: 60px;
    background: #222; }
    .footer .foott .foott-new {
      height: auto;
      margin: 0 auto; }
      .footer .foott .foott-new .foott-left { text-align:center; }
        .footer .foott .foott-new .foott-left .txt {
		text-align:center;
          font-size: 15px;
          line-height: 60px;
          color: #9f9f9f; }
		  .footer .foott .foott-new .foott-left .txt a {

          color: #9f9f9f; }
		  
        .footer .foott .foott-new .foott-left .nav {
          float: left;
          font-size: 12px;
          line-height: 68px;
          color: #9f9f9f;
          margin-left: 30px; }
          .footer .foott .foott-new .foott-left .nav a {
            color: #9f9f9f;
            transition: color .5s; }
         
          .footer .foott .foott-new .foott-left .nav span {
            margin: 0 4px; }
      .footer .foott .foott-new .foott-right {
        float: right; }
        .footer .foott .foott-new .foott-right span {
          float: left;
          font-size: 12px;
          line-height: 68px;
          color: #b5b5b5; }
		  
        .footer .foott .foott-new .foott-right a {
          float: left;
          width: 21px;
          height: 20px;
          display: block;
          margin: 24px 0 0 21px;
          transition: background .5s; }
   
    

   
.footer-m{
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: none;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background-color: #333;}
  .footer-m .logo{
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;}
  .footer-m .t{
    margin-top: 15px;
  }
  .footer-m .t1{
    display: inline-block;
    margin-top: 10px;
    color: #fff;}
  .footer-m .t2{
    margin-top: 10px;
  }
    .footer-m .t2 a{
      color: #fff;
    }
    .footer-m .t2 span{
      margin: 0 5px;}
  .footer-m .t3{
    margin-top: 10px;
  }
  
 @media (min-width: 1680px) {
     .pp1{ font-size:17px}    }

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fontleft{ font-size:20px}



.wrap-sidenav
{
    position: relative;
    border-bottom: 1px solid #dcdcdc;
	
}
 .container
    {
        width: 1280px;
		margin:auto
    }
.wrap-sidenav .sidenav
{
    display: inline-block;
}
.wrap-sidenav .sidenav ul li
{
    position: relative;
    display: inline-block;
    padding: 0 32px;
}

.wrap-sidenav .sidenav ul li:after
{
    line-height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '|';
    color: #ddd;
}
.wrap-sidenav .sidenav ul li:first-child
{
    padding-left: 0;
}
.wrap-sidenav .sidenav ul li:last-child
{
    padding-right: 0;
}
.wrap-sidenav .sidenav ul li:last-child:after
{
    display: none;
}
.wrap-sidenav .sidenav ul li a
{
    font-size: 19px;
    line-height:38px;
    position: relative;
    display: block;
    color: #444; padding-bottom:4px
}


.wrap-sidenav .sidenav ul li a:before
{
    position: absolute;
    z-index: 5;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 3px;
    content: '';
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #0d3b7c;
}
.wrap-sidenav .sidenav ul li.active a:before,
.wrap-sidenav .sidenav ul li:hover a:before
{
    width: 100%;
}

.wrap-sidenav .location
{
    font-size: 16px;
    line-height: 58px;
    z-index: 4;
    color: #444;
	
}





.wrap-sidenav .location span
{
    display: inline-block;
	font-size:16px;
	color:#666666
}
.wrap-sidenav .location a
{
    display: inline-block;
	font-size:16px;
	color:#444
}


.wrap-sidenav .location a:after
{
    content: '\00a0\00a0 >>\00a0\00a0 ';
}
.wrap-sidenav .location a:last-child:after
{
    display: none;
}
.wrap-sidenav .location a:hover
{
    color: #0d3b7c;
	font-size:16px;
}




.er_nav1 ul li { width:280px; }
 
.er_nav1 ul .dq {
  background: #E7E7E7;
  display:block; 
  width:280px; 
  height:65px; 
  line-height:43px; 
  font-size:17px; 
  color:#333333;
  cursor:pointer;
  position: relative;
}
 
.er_nav1 ul li {
  background:#f6f6f6;
  display: block;
  width: 280px;
  font-size: 17px;
  color: #333333;
  cursor: pointer;
  position: relative;
}
 
.er_nav1 ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #333333; 
  font-size:16px;
  width: calc(100% - 40px);
}
 
.er_nav1 ul li a:hover {
  background:#d6d6d6; width:280px
}
 
.er_nav1 ul .dq a img {
  width: 40px;
  height: 40px;
  margin-right: 15px;  
  margin-left: 25px; 
}
 
.er_nav1 ul .dq1 a { 
  display: flex;
  align-items: center;
  height: 100%;  width:280px; 
  text-decoration: none;
  color: #333333; 
  font-size:14px; 
  border-bottom:#e1e1e1 1px solid; 
  height:50px; 
  line-height:50px; 
  background:#f6f6f6;
}
 
.er_nav1 ul .dq1 a:hover { 
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #333333; 
  font-size:14px; 
  border-bottom:#e1e1e1 1px solid; 
  height:50px; 
  line-height:50px; 
  background:#ececec;
}
.er_nav1 ul .dq1 a img {
  width: 30px;
  height: 30px;
  margin-right: 12px;  
  margin-left: 40px; 
}
 
.er_nav1 ul .dq1:last-child a {
  border-bottom: none;
}

.er_nav1 ul .dq2 a { 
  display: flex;
  align-items: center;
  height: 100%;  width:280px; 
  text-decoration: none;
  color: #333333; 
  font-size:14px; 
  border-bottom:#e1e1e1 1px solid; 
  height:50px; 
  line-height:50px; 
  background:#ececec;
}
 
.er_nav1 ul .dq2 a:hover { 
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #333333; 
  font-size:14px; 
  border-bottom:#e1e1e1 1px solid; 
  height:50px; 
  line-height:50px; 
  background:#ececec;
}
 .er_nav1 ul .dq2 a img {
  width: 30px;
  height: 30px;
  margin-right: 12px;  
  margin-left: 40px; 
}
 
.er_nav1 ul .dq2:last-child a {
  border-bottom: none;
}

 
/* 新增的展开按钮样式 */
.expand-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
 
/* 修改一级菜单链接样式，使其占据大部分宽度 */
.main-link {
  width: calc(100% - 30px);
}

.er_nav ul li { width:280px; }

.er_nav ul .dq {background:url(ico10.png) 255px center no-repeat #E7E7E7 ;display:block; width:280px; height:65px; line-height:43px; font-size:17px; color:#333333;cursor:pointer;  }
.er_nav ul li {
  display: block;
  width: 280px;

  font-size: 17px;
  color: #333333;
  cursor: pointer;
}
 
.er_nav ul li  a {
 background: url(ico10.png) 255px center no-repeat #E7E7E7;
  display: flex;
  align-items: center;
    height: 65px;
  line-height: 65px; 
  height: 100%;
  text-decoration: none;
  color: #333333; font-size:16px
}
.er_nav ul li .dq a:hover {
 background: url(ico11.png) 255px center no-repeat #ccc;
}
.er_nav ul .dq a img {
  width: 40px;
  height: 40px;
  margin-right: 15px;  margin-left: 25px; 
}
.er_nav ul .dq1:last-child a {
    border-bottom: none;
  }

.er_nav ul .dq1 a { display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #333333; font-size:14px; border-bottom:#e1e1e1 1px solid; height:50px; line-height:50px; background:#f6f6f6}
 .er_nav ul .dq1 a:hover { display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #333333; font-size:14px; border-bottom:#e1e1e1 1px solid; height:50px; line-height:50px; background:#e1e1e1}
.er_nav ul .dq1 a img {
  width: 30px;
  height: 30px;
  margin-right: 12px;  margin-left: 40px; 
}

.er_nav ul .dq2 a {background:url(ico12.png) 25px center no-repeat ;  display:block; width:280px; height:38px; line-height:38px; padding-left:40px; font-size:14px; color:#ED1B23;border-top:#E4E4E3 1px solid;border-bottom:#E4E4E3 1px solid;}
.er_nav ul .dq2 a:hover { Background:url(ico12.png) 25px center no-repeat ; width:280px; height:38px; line-height:38px; padding-left:40px; font-size:14px; color:#ED1B23;border-top:#E4E4E3 1px solid;border-bottom:#E4E4E3 1px solid; }
primg{ max-width:800px}

.er_nav ul  .dq3 a:link {background:url(lei1.png) 45px center no-repeat ; display:block; width:280px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#333333;}
.er_nav ul  .dq3 a:visited { background:url(lei1.png) 45px center no-repeat ;display:block; width:280px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#333333;}
.er_nav ul  .dq3 a:hover {background:url(lei2.png) 45px center no-repeat #EDEDED;display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382; }
.er_nav ul  .dq3 a:active {background:url(lei2.png) 45px center no-repeat #EDEDED;display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382; }

.er_nav ul  .dq4 a:link {background:url(lei2.png) 45px center no-repeat #EDEDED; display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382;}
.er_nav ul  .dq4 a:visited { background:url(lei2.png) 45px center no-repeat #EDEDED ;display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382;}
.er_nav ul  .dq4 a:hover {background:url(lei2.png) 45px center no-repeat #EDEDED ;display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382; }
.er_nav ul  .dq4 a:active {background:url(lei2.png) 45px center no-repeat #EDEDED ;display:block; width:270px; height:36px; line-height:36px; padding-left:60px; font-size:14px; color:#1B3382; }


.piccca4{
overflow: hidden;
 border: #dfdfdf 1px solid;
 padding:1px

}
.piccca4 img{  
cursor: pointer;  
transition: all 0.4s;  
    width: auto;  
    height: auto;  
    width: 225px;  
    height: 225px;
}  
.piccca4 img:hover{  
transform: scale(1.2);
border: #000 1px solid;
}

.piccca5{
overflow: hidden;
 border: #dfdfdf 1px solid;
 padding:1px

}
.piccca5 img{  
cursor: pointer;  
transition: all 0.4s;  
    width: auto;  
    height: auto;  
    width: 280px;  
    height: 280px;
}  
.piccca5 img:hover{  
transform: scale(1.2);
border: #000 1px solid;
}

.picc1{
overflow: hidden;

}
.picc1 img{  
cursor: pointer;  
transition: all 0.4s;  
    width: auto;  
    height: auto;  
    width: 280px;  
    height: 180px;
}  
.picc1 img:hover{  
transform: scale(1.2);
}


.piccc3{
width: 300px;  
overflow: hidden;
}
.piccc3 img{  
cursor: pointer;  
transition: all 0.6s;  
}  
.piccc3 img:hover{  
transform: scale(1.1);  
}    

.pick3{
width: 585px;  
overflow: hidden; 
}
.pick3 img{  
cursor: pointer;  
transition: all 0.4s;  
}  
.pick3 img:hover{  
transform: scale(1.1);  
}    

.pr13{word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height:56px; margin-bottom:25px; line-height:27px}
.pr13 A:link   {font-size:16px; }
.pr13 A:visited{font-size:16px; }
.pr13 A:hover  {font-size:16px; }
.pr13 A:active {font-size:16px; }


.pagination{
	text-align: center;
}
/* pager style */
.page{
	padding:50px 0;
	font-size:14px;
	/*font-weight:bold;*/
	line-height:22px;
	text-align:center;
	clear:both;}
.page a{
	text-decoration:none;
	color:#333;
	background:#fff;
	border:1px solid #CCCCCC;
	padding-left:11px;
	padding-right:11px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	margin-right:3px}
.page a.active{
	background:#0d3b7c;
	border:1px solid #0d3b7c;
	color:#fff;
	font-size:14px;}
.page a:hover{
	text-decoration:none;
	color:#fff;
	background:#0d3b7c;
	border:1px solid #0d3b7c}
.aaimg img { max-width:1150px}
.page a span{ font-size:18px; }

.child ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
 
.child li {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  margin: 0;
}
 
.child li a {
  align-items: center; 
  text-decoration: none;
  color: #333333;
   border-radius: 4px;
   width:170px;text-align:center;  font-size:14px; font-weight:bold
}
.child li a:hover {
  align-items: center; 
  text-decoration: none;
  color: #f07407;
  border-radius: 4px;
 width:170px; text-align:center ;  font-size:14px
}


.child li a img {
  margin-right: 8px; 
  width: 120px; 
  height: 120px;  
}


.childthree ul {
  list-style: none;
  padding: 0;
  width: 100%
}
 
.childthree li {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
 
.childthree li a {
 display: inline-flex; 
  align-items: center; 
  padding: 8px 16px;
  border: 1px solid #f6f6f6;
  text-decoration: none;
  color: #333333;
  white-space: nowrap;
  background-color: #f6f6f6;
   border-radius: 4px; font-size:14px; margin-top:15px; margin-right:15px
}
.childthree li a:hover {
 display: inline-flex; 
  align-items: center; 
  padding: 8px 16px;
  border: 1px solid #f07407;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  background-color: #f07407;
  border-radius: 4px;
}


.childthree li a img {
  margin-right: 8px; 
  width: 25px; 
  height: 25px;
  object-fit: contain; 
}
 a.proB_order1{display:block;width:140px;height:44px;line-height:44px;color:#fff;font-size:18px;font-weight:bold;text-align:center; background:url(../img/face.png) #0d3b7c no-repeat; padding-left:38px;border-radius:5px}
 a.proB_order1:hover{background:url(../img/face.png) #FF6600 no-repeat;}
.zhixun{
	BORDER: #0d3b7c 1px solid;
	BACKGROUND-COLOR: #0d3b7c;
	font-size: 18px;
	width:140px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;
	border-radius:3px;
	letter-spacing:1px

}
.zhixun a{
	BORDER: #0d3b7c 1px solid;
	BACKGROUND-COLOR: #0d3b7c;
	font-size: 18px;
	width:140px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;
	border-radius:3px;
	letter-spacing:1px

}
.zhixun a:hover{
	BORDER: #f07407 1px solid;
	BACKGROUND-COLOR: #f07407;
	font-size: 18px;
	width:123px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;border-radius:3px
}

.zhixun1 {
    BORDER: #fd6104 1px solid;
	BACKGROUND-COLOR: #fd6104;
	font-size: 18px;
	width:140px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;
	border-radius:3px;
	letter-spacing:1px; margin-left:20px

}

.zhixun1 a{
	BORDER: #fd6104 1px solid;
	BACKGROUND-COLOR: #fd6104;
	font-size: 18px;
	width:140px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;
	border-radius:3px;
	letter-spacing:1px
}
.zhixun1 a:hover{
	BORDER: #fd6104 1px solid;
	BACKGROUND-COLOR: #fd6104;
	font-size: 18px;
	width:140px;
	color: #fff;
	height:40px;
	cursor: hand;
	padding:9px 23px 9px 23px;
	border-radius:3px;
	letter-spacing:1px
}

.produ_info{width:100%;overflow:hidden;margin-top:0px;}
.produ_img{width:552px;float:left;margin-right:20px;}
.show_img{width:552px;height:502px;border:1px solid #cfcfcf; margin-left:12px}
.show_img img{max-width:550px;max-height:500px;}
.btn_img{display:block;width:75px;overflow:hidden;}
.btn_img a{width:75px;height:75px;  border-radius: 4px; }
.btn_img a img{max-width:75px;max-height:75px;  border-radius: 4px;border:solid 1px #e9e8e8;}
.btn_img a:hover img{max-width:75px;max-height:75px;  border-radius: 4px;border:solid 1px #0d3b7c;}
.produ_mtn{width:550px;float:left;}


.leftabout {
    margin: auto;
    width: 100%;
    text-align: center; /* 添加这一行使ul居中 */
}
.leftabout ul {
    display: inline-block; /* 使ul成为行内块元素，以便居中 */
    padding: 0; /* 移除默认的padding */
    margin: 0; /* 移除默认的margin */
}
.leftabout ul li {
    width: auto;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    display: inline-block; /* 改为inline-block以便居中 */
    margin-right: 20px;
    margin-bottom: 7px;
    position: relative;
}
.leftabout ul li a {
    color: #6B6B6B;
    display: block;
    background: #fff;
    font-size: 18px;
    border: #E5E4E4 1px solid;
    border-radius: 22px;
    padding-left: 30px;
    padding-right: 30px;
}
.leftabout ul li a:hover, .leftabout ul li a.shover {
    background: #0d3b7c;
    color: #fff;
    border: #0d3b7c 1px solid;
    border-radius: 22px;
    transition-delay: 800ms;
    transition: 800ms;
}
.js-m {
  transform: translateY(80px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .6s,opacity .6s; }

.js-m1 {
  transform: translateY(-80px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .6s,opacity .6s; }

.js-m2 {
  transform: translateX(-120px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .9s,opacity .9s; }

.js-m3 {
  transform: translateX(120px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .9s,opacity .9s; }

.animate {
  transform: translate(0px);
  opacity: 1;
  filter: alpha(opacity=100); }


.js-m21 {
  transform: translateX(-150px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }

.js-m31 {
  transform: translateX(150px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }



.dypassage{}
.dypassage a{
	padding:5px 20px;
	display:block;
	height:195px;
	line-height:28px

	}
.dypassage p{
	font-size:14px;
	color:#787878;
	overflow:hidden;
	line-height:25px;
	
	}
.dynamic{
	font-size:20px;
	margin-bottom:15px;
	color:#555;

	}
.dynamic span{
	color:#3c3c3c;
	font-family:"Arial";
	float:right;
	}
.dypassage a:hover{
	background:#0d3b7c;
	}
.dypassage a:hover .dynamic,  .dypassage a:hover p ,.dypassage a:hover span{
	color:#fff;
	}
.dypassage a:hover .nlistr{ color:#fff; border:1px solid #F4E3D1;}

.dypassage .nlistr { display:block; width:100px; height:32px; border:1px solid #e1e1e1; border-radius:4px; text-align:center; line-height:32px; color:#818181; margin-top:9px}


/* Title */
.Titlee{text-align: center;padding: 0px 0 17px;}
.Titlee h5{font-size: 32px;color: #333;}
.Titlee h5 b{color: #0854A3;}
.Titlee h5 a{font-size:42px;color: #333;text-decoration: none; padding-bottom:6px; line-height:70px}
.Titlee h5 a b{color: #C21920;}
.Titlee p{font-size: 12px;color: #999;margin-top: 0px;text-transform: uppercase;background: url(../img/TitleBg1.png) no-repeat bottom;padding-bottom: 6px;}
/* Title End */

.qus-list {
	margin-bottom: 77px;
}
.qus-one {
	padding-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #e5e5e5;
	line-height: 26px;
	font-size: 16px;
	color: #838383;
}
.qus-one-q,
.qus-one-a {
	position: relative;
	padding-left: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qus-one-q {
	margin-bottom: 10px;
	color: #f14e4e; font-size:18px
}
.qus-one-q::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	background-image: url(../img/qus-q.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
.qus-one-a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	background-image: url(../img/qus-a.png);
	background-size: 20px 20px;
	background-repeat: no-repeat; 
}


.main{ width: 1280px; margin: 0 auto; overflow: hidden;}
.contact{ width: 100%; margin: 0 auto; overflow: hidden;}
.contact .title{ font-size: 45px; color: #333333;  margin-top: 0px; border-bottom: 1px solid #eaeaea;text-align:center; font-weight:bold; padding-top:50px; padding-bottom:30px}
.contact .list{ margin: 80px 0; overflow: hidden;}
.contact .list .w1{ width: 260px; }
.contact .list .w2{ width: 250px; }
.contact .list .w3{ width: 260px;}
.contact .list .w4{ width: 220px;}
.contact .list div{ float: left; overflow: hidden;}
.contact .list div img{ margin: 0 auto 30px; display: block;}
.contact .list div .name{ font-size: 22px; line-height: 36px; color: #141414; text-align: center; font-family:"bcd"}
.contact .list div .text{ font-size: 16px; line-height: 22px; color: #333; text-align: center;padding-top:6px}
.contact .list div.line{ width: 1px; height: 65px; margin: 35px 42px; background-color: #e5e5e5;}
#allmap{ width: 100%; height: 500px; overflow: hidden; border-bottom:#ccc 1px solid}
.contact .list div .text input::placeholder {
    color: #999999; /* 浅灰色，可根据需求调整 */
}

facebook{width:100%; background:#e4e4e4}
.facebook .form{display:inline-block; font-size:18px; padding-top:10px; color:#555; vertical-align:middle}
.facebook .form .text{width:380px;height:42px;display:inline-block;text-indent:1em;margin-top:16px; font-size:16px;outline:none; border:#ccc 1px solid;border-radius:3px}
.facebook .form .text1{width:200px;height:42px;display:inline-block;text-indent:1em;font-size:16px;outline:none; border:#ccc 1px solid;border-radius:3px}

.facebook .form .yhly {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
} 
.facebook .form #Content{resize:none;height:130px;width:1200px;display:inline-block; padding:10px; font-size:16px; line-height:27px; margin-top:16px;outline:none; border:#ccc 1px solid;border-radius:3px; }
 .facebook .cz{ margin-top:8px}
.facebook .cz .ly1{width:200px;height:50px;font-size:18px; font-weight:300;border:none;color:#fff;line-height:50px; border-radius:4px;cursor:pointer;
background-color: #0169b2;
    background-image: url(../img/yhplane.png); 
    background-repeat: no-repeat; 
    background-position: calc(100% - 40px) center; 
    background-size: 25px auto; padding-right:40px}
	

facebookinquire{width:100%; background:#e4e4e4}
.facebookinquire .form{display:inline-block; font-size:16px; padding-top:10px; color:#555; vertical-align:middle}
.facebookinquire .form .text{width:640px;height:42px;display:inline-block;text-indent:1em;margin-top:16px; font-size:16px;outline:none; border:#ccc 1px solid;border-radius:3px}
.facebookinquire .form .text1{width:160px;height:42px;display:inline-block;text-indent:1em;font-size:16px;outline:none; border:#ccc 1px solid;border-radius:3px}
.facebookinquire .form .text2{width:330px;height:32px;font-size:16px;outline:none; border:#ccc 1px solid;border-radius:3px; }
.facebookinquire .form .yhly {display: flex;align-items: center; margin-bottom: 10px;} 
.facebookinquire .form #Content{resize:none;height:130px;width:640px;display:inline-block; padding:10px; font-size:16px; line-height:27px; margin-top:16px;outline:none; border:#ccc 1px solid;border-radius:3px; }
.facebookinquire .cz{ margin-top:8px}
.facebookinquire .cz .ly1{width:200px;height:50px;font-size:18px; font-weight:300;border:none;color:#fff;line-height:50px; border-radius:4px;cursor:pointer;background-color: #0d3b7c;
    background-image: url(../img/yhplane.png); 
    background-repeat: no-repeat; 
    background-position: calc(100% - 35px) center; 
    background-size: 25px auto; padding-right:40px; margin-right:4px; margin-top:-7px}
	
	
.find{
    height: 43px!important;


}
.find-box{
    width: 670px;
    height: 50px;
    background: #fff;
    border-radius: 10px;
	border:#aaa 1px solid;white-space: nowrap; margin-top:0px; margin-left:180px


}
.find .sub{
    width: 25px!important; height:25px;
    background: url("search.png") no-repeat center center;
    background-size:100%;
    border: none;
    float: right!important;
    margin:12px 11px 0 0!important;cursor:pointer;
}

.find .texts{
    border:none;
    color: #505050;
	 padding-left:0px;
	 font-size:16px; line-height:46px;outline:none; width:600px; margin-left:10px; margin-top:2px
}
    #Keyword1::placeholder {
            color: #b1b3b2; 
            opacity: 1;  font-size:14px; 
        }
 
        #Keyword1:-ms-input-placeholder {
            color: #b1b3b2;
        }
 
        #Keyword1::-webkit-input-placeholder {
            color: #b1b3b2;
        }


  .right-contact{
        position: fixed;
        right: 6px;
        top: 65%;
        transform: translateY(-50%);
        z-index: 99;
    }
    .right-contact-container{
        background: rgba(0,0,0,0.3);
        border-radius: 30px;
    }
    .right-contact-list{
    }
    .right-contact-item{
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .right-go-top i{
        font-size: 42px;
    }
    .is-top .right-go-top{
        display: none !important;
    }
    .right-contact .right-contact-item:hover{
        background: #0d3b7c;
        border-radius: 0 30px 30px 0;
    }
    .right-contact .right-go-top:hover{
        border-radius: 30px;
    }
    .right-contact-item i,.right-contact-item span{
        font-size: 28px;
        color: #fff;
    }
    .right-contact-content-box{
        position: absolute;
        top: 0;
        right: 0;
        width:0;
        height: 100%;
        overflow: hidden;
    }
    .right-contact-content{
        position: absolute;
        top: 0;
        right: 50px;
        transform: translateX(100%);

		padding-left:22px;
        height: 100%;
        transition: all .3s;
        z-index: -1;
        white-space: nowrap;
        font-size: 14px;
        color: #fff;
        background: #0d3b7c;
        border-radius: 30px 0 0 30px;
    }
	    .right-contact-content a{ color:#fff

    }
    .right-contact-content img{
        width: 100px;
        height: 100px;
    }
    .right-contact .right-contact-item:hover .right-contact-content-box{
        overflow: unset
    }
    .right-contact .right-contact-item:hover .right-contact-content{
        transform: translateX(0);
    }



.aboutziti1 {
    font-size:45px;
    font-weight:bold;
    padding-bottom:13px;
    text-align:center;
    position: relative;
	 padding-top:40px
}
.aboutziti1::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #0d3b7c;
    margin: 0 auto;
    margin-top: 13px;
}
.aboutziti2 { font-size:46px; font-weight:700; color:#fff; line-height:197px; width:1251px; height:197px; margin-top:50px; margin-bottom:30px}
.aboutziti3 { font-size:28px; font-weight:bold; padding-bottom:5px}
.canshu{  font-size:14px; color:#444; line-height:24px; padding-left:8px}
.canshu1{  font-size:14px; color:#444; line-height:24px; padding-left:8px}

.newsletter{ overflow:hidden; margin-bottom:20px;}
.newsletter .text{ float:left; width:210px; height:37px; line-height:37px; text-indent:13px; font-size:15px; color:#fff; border:0px none; background:#515151;outline:none;}
.newsletter .sub{ float:left; height:37px; line-height:37px; background:#2c98b3; font-size:15px; color:#fff; border:0px none; padding:0px 10px;cursor:pointer; border-radius: 0 4px 4px 0;}

.newsletter .text::placeholder {
    color: #999; 
    opacity: 1; 
}

 .sort-dropdown {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    user-select: none;
  }
 
  .dropdown-container {
    display: flex;
    align-items: center;
  }
 
  .dropdown-label {
    margin-right: 10px;
    color: #666;
    font-size: 15px;
    white-space: nowrap; margin-top:-50px; background:#fff; padding:5px 5px
  }
 
  .dropdown-header {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 130px;
    position: relative;
  }
 
  .dropdown-header:hover {
    border-color: #ccc;
  }
   .dropdown-header1 {
    padding: 3px 12px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 130px;
    position: relative; margin-left:-73px; font-size:16px; margin-top:5px
  }
  .dropdown-selected {
    flex-grow: 1;
    text-align: left;
  }
 
  .dropdown-arrow {
    margin-left: 8px;
    font-size: 10px;
    transition: transform 0.2s;
  }
 
  .dropdown-options {
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    border: 1px solid #ddd; border-top:none;
    border-radius: 0 0 4px 4px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 100;
    min-width: 168px;
    margin-top: 0px;
  }
 
  .dropdown-option {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    text-align: left;
    margin: 0;
  }
 
  .dropdown-option:hover {
    background: #f0f0f0;
  }
 
  .sort-dropdown.active .dropdown-options {
    display: block;
  }
 
  .sort-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
  }
 
 
 
     .product-container {
           position: relative;
        width: 225px;
        height: 275px;
        display: inline-block;
    }
    
    .product-image-container {
        position: relative;
        width: 225px;
        height: 225px;
        overflow: hidden; border:#ccc 1px solid
    }
    
    .product-image {
        width: 225px;
        height: 225px;
        transition: opacity 0.3s ease;
    }
    
 .product-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; 
}
 
.product-container:hover .product-nav {
    opacity: 1; 
}

 
.product-containerindex {
        position: relative;
        width: 300px;
        height: 350px;
        display: inline-block;
}
    
.product-image-containerindex {
        position: relative;
        width: 300px;
        height: 300px;
        overflow: hidden; border:#ccc 1px solid
}
    
.product-imageindex {
        width: 300px;
        height: 300px;
        transition: opacity 0.3s ease;
}
 
.product-containerindex:hover .product-nav {
    opacity: 1; 
}    
	
.nav-button {
    pointer-events: auto; /* 恢复按钮可点击 */
    background: rgba(0, 0, 0, 0.6);
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    transition: all 0.2s ease;
}
 
.nav-button:hover {
    background: rgba(0, 0, 0, 0.3);
}
    
    .nav-button .arrow {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 2px solid white;
        border-right: 2px solid white;
    }
    
    .nav-button .arrow-left {
        transform: rotate(-135deg);
        margin-left:4px
    }
    
    .nav-button .arrow-right {
        transform: rotate(45deg);
        margin-right: 4px;
    }
    
    .product-info {
        height:68px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px; 
        padding-top: 2px;
    }
    
    .product-title {
        text-align: center;
        padding: 0;
        margin: 0; font-size:15px
    }
	 .product-click-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* 确保在导航按钮下方 */
    }

.Productimg img { max-width:920px}
.aboutimg img{ width:613px; margin-bottom:15px}

.aboutSERVICES {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
  .aboutSERVICES b {
        font-size: 17px;
        display: block;
        padding-top: 10px;
        position: relative;
        padding-left: 14px; /* 给圆点留出空间 */
    }
   .aboutSERVICES b::before {
        content: "\2022";
        position: absolute;
        left: 0; 
        font-size: 20px;
        color: #333; 
    }
	
.leftkongge{padding-left:15px;padding-right:15px;}




/*联系我们*/
.contact-section {
    padding: 80px 0;
    background: #f9fafc;
    position: relative;
}

.contact-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

.contact-header {
    text-align: center;
    margin-bottom: 60px;
}

.contact-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.contact-title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #0169b2;
    border-radius: 2px;
}


.contact-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.contact-card {
    background: #f2f2f2;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.contact-card:hover {
    transform: translateY(-10px);
}


.phone-card {
    background: linear-gradient(135deg, #0169b2 0%, #0169b2 100%);
    color: white;
}

.phone-card .contact-icon {
    color: white;
}

.phone-card .contact-type {
    color: white;
}

.phone-card .contact-info {
    color: white;
}

.phone-card .contact-desc {
    color: rgba(255, 255, 255, 0.9);
}

.contact-icon {
    font-size: 50px;
    color: #0169b2;
    margin-bottom: 25px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icon i {
    transition: transform 0.3s ease;
}

.contact-card:hover .contact-icon i {
    transform: scale(1.1);
}

.contact-content {
    position: relative;
    z-index: 1;
}

.contact-type {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.contact-email {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0169b2;
    line-height: 1.4;
}
.contact-info {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.4; letter-spacing:1px
}
.contact-desc {
    font-size: 16px;
    color: #666;
    margin-top: 8px; line-height:26px
}



@media screen and (max-width: 1560px) {
    .contact-container {
        width: 85%;
        max-width: none;
    }
}

@media screen and (max-width: 1280px) {
    .contact-container {
        width: 96%;
    }
    
    .contact-cards {
        gap: 20px;
    }
    
    .contact-info {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .contact-section {
        padding: 60px 0;
    }
    
    .contact-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    

    
    .contact-card {
        padding: 35px 25px;
    }
    
    .contact-title {
        font-size: 32px;
    }
    
    .contact-info {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .contact-section {
        padding: 50px 0;
    }
    
    .contact-container {
        width: 94%;
        padding: 0 15px;
    }
    
    .contact-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
 
    .contact-card {
        padding: 30px 20px;
    }
    
    .contact-header {
        margin-bottom: 40px;
    }
    
    .contact-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .contact-title:after {
        width: 60px;
        height: 3px;
        bottom: -12px;
    }
    
    .contact-icon {
        font-size: 40px;
        margin-bottom: 20px;
        height: 60px;
    }
    
    .contact-type {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .contact-info {
        font-size: 20px;
    }
    
    .contact-desc {
        font-size: 16px;
    }
}

.modular {
    padding: 70px 0;
}
.about-us {
    background: url('about_us_bg.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.btn-more{display:inline-block;padding:13px 38px;text-align:center;position:relative;text-decoration:none;letter-spacing:2px; font-size:16px;border-radius:5px}
.btn-more.btn-more-default{background-color:#2c98b3;color:#fff; font-size:16px}
.btn-more.btn-more-default:hover{background-color:#e1336e}

.btn-more1{display:inline-block;padding:13px 33px;text-align:left;position:relative;text-decoration:none;font-size:16px;border-radius:8px; width:96%}
.btn-more1.btn-more1-default{background-color:#F5F6F7;color:#59597E; font-size:16px; line-height:28px}
.btn-more1.btn-more1-default:hover{background-color:#163581;color:#ffffff;transform: translateX(-15px);filter: alpha(opacity=0); transition: transform .5s,opacity .5s; }



.join1 {
  width: 100%;
  height: 609px;

}
.join1 .store-title {
  text-align: center;
  width: 100%;
  padding-top: 56px;
  position: relative;
  padding-bottom: 20px;
}
.join1 .store-title:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 0;
  width: 70px;
  height: 4px;
  background-color: #FF5E1E;
}
.join1 .store-title h3 {
  width: 100%;
}
.join1 .store-title h3 span {
  display: block;
  line-height: 50px;
  font-size: 39px;
  color: #000;
}
.store .store-title h3 span b {
  join1-weight: bold;
  font-size: 32px;
}


.search_cp{    width: 930px;
      
}
.fl{float:left;}
.fr{float:right;}

.search_cp{}
.search_cp li{
    float:left;
   list-style-type:none
}
.search_cp li:nth-child(1n){
    margin-right:17px; margin-left:8px
}
.search_cp li:nth-child(2n){
    margin-right:17px;
}
.search_cp li:nth-child(3n){
    margin-right:17px;
}