html {
	font-size: 100px;
	width: 100%;
	min-width: 320px;
	min-width: 1280px\9;
}

body {
	width: 100%;
	background-color: #ffffff;
	font-family: Lato, sans-serif;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: .14rem;
}

.body_wrap {
	width: 100%;
	display: none/9;
}

.qs-color {
	color: #ccc;
}

header,
footer,
.wrapper,
.tools {
	font-size: .14rem;
}

a,
button,
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input::-webkit-search-cancel-button {
	display: none;
}

input::-webkit-input-placeholder {
	line-height: normal;
}

a,
img {
	-webkit-touch-callout: none;
	/*禁止长按链接与图片弹出菜单*/
}

html,
body,
header,
footer,
nav,
img,
div,
ul,
li,
ol,
p,
span,
a,
dl,
dt,
dd,
input,
textarea,
button,
input,
h1,
h2,
h3,
option,
select,
table,
tbody,
tr,
td,
label,
section,
article,form {
	padding: 0;
	margin: 0;
}

button {
	border: 1px solid transparent;
	outline: none;
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

select,
input,
textarea {
	box-sizing: border-box;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d0d1d2;
	background-color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	/*背景颜色*/
	box-shadow: 0 0 0 60px #eee inset;
	/*字的颜色*/
	-webkit-text-fill-color: #878787;
}

input[type="text"],
input[type="password"] {
	text-indent: .08rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

select {
	padding-left: 0.08rem;
	padding-left: 0px\9 !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("")\9 !important
}

select option {
	width: 100%;
}

select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"] {
	height: .35rem;
	line-height: .35rem;
}

select::-ms-expand {
	display: none;
}

option::-ms-expand {
	display: none;
}

option:hover {
	color: #fff;
	background-color: #0081cc;
	cursor: pointer;
}

textarea {
	box-sizing: border-box;
	padding: 0.08rem;
}

input[type="submit"] {
	width: auto;
	height: auto;
	cursor: pointer;
	padding: .08rem .3rem;
	border: none;
	line-height: 0;
}


.header-contact a::before,
.pc-spirite,
.wr_ul_1 li a::after,
.col-right a.search-a::after,
.f-telto::before,
.f-mailto::before,
aside .pc-spirite
{
	background-image: url("../images/pc_sprites.png");
	background-repeat: no-repeat;
}

.logo-spirite{
	background-image: url("../images/logo_sprites.png");
	background-repeat: no-repeat;
}

.common-spirite,
nav.breadcrumbs .home a::before{
	background-image: url("../images/common_spirites.png");
	background-repeat: no-repeat;
}



.ie_loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #ffffff;
	z-index: 100000;
}

.ie_loading img {
	width: 508px;
	height: 381px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 30px;
}

.ie_loading p {
	display: inline-block;
	width: 100%;
	text-align: center;
	left: 0;
	top: 55%;
	font-size: 18px;
	position: absolute;
	color: #3d3d3d;
	/* color: #0081cc; */
	/* font-weight: bold; */
}

.tijiao {
	text-align: center;
}

.submit_input {
	display: inline-block;
	background-color: #4a93d5;
	color: #ffffff;
	font-size: 0.12rem;
	padding: .05rem .42rem !important;
	cursor: pointer;
	text-align: center;
	margin-top: 0.05rem;
}

.send_code {
	display: inline-block;
	height: 0.35rem;
	line-height: 0.35rem;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	/* background-color: #4a93d5; */
	background-color: #dfdfdf;
	/* color: #ffffff; */
	color: #666666;
	vertical-align: top;
	margin-left: 0.08rem;
	font-size: .12rem;
	cursor: default;
}

.send_code.sendable {
	background-color: #7AC23C !important;
	color: #ffffff;
	cursor: pointer;
}

textarea {
	resize: none;
}

.visible_style {
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=1) !important;
	visibility: visible !important;
	display: block\9 !important;
}

.opacity_1 {
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=1) !important;
}

.visible {
	visibility: visible !important;
	display: block\9 !important;
}

.unvisible {
	visibility: hidden;
}

.hidden_style {
	-webkit-opacity: 0 !important;
	-moz-opacity: 0 !important;
	-khtml-opacity: 0 !important;
	opacity: 0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0) !important;
	visibility: hidden !important;
}

.transition_style {
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	transition: .2s linear;
}

.clear {
	clear: both;
}

.sprite {
	display: inline-block;
}


/*html5*/

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

body {
	overflow-x: hidden;
	position: relative;
}

ul{
	list-style: none;
}

a {
	text-decoration: none;
}

input {
	outline: none;
	border: none;
}

img {
	border: 0;
}

table {
	border: 0;
	border-spacing: 0;
}

.clear {
	clear: both;
}

.background-white {
	background-color: #fff !important;
}

.background-blue {
	background-color: #4a93d5 !important;
}

.background-blue-1 {
	background-color: #1dabed !important;
}

.background-blue-2 {
	background-color: #076599 !important;
}

.color-white {
	color: #fff !important;
}

.color-blue {
	color: #1894e2 !important;
}

.color-blue a{
	color: #1894e2 !important;
}

a.a-color{
	color: #0081CC;
}

/* 头部 */

.header-first-wrap {
	width: 100%;
	background-color: #ffffff;
	padding-bottom: .68rem;
	/*  height: .68rem;
    padding-bottom: .68rem; */
}

.header-first {
	box-sizing: border-box;
	width: 100%;
	max-width: 1300px;
	height: 100%;
	/* 	padding-top: .1rem; */
	/* padding-bottom: .15rem; */
	height: .3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: flex-end;
	margin: 0 auto;
}

.header-first .logo {
	width: 1.84rem;
	float: left;
}

.header-contact {
	display: flex;
	justify-items: center;
	flex-wrap: nowrap;
	float: right;
	font-size: .125rem;
}

.header-contact::after{
	content: "";
	width: 0;
	height: 0;
	clear: both;
	display: none;
}

.header-contact a {
	display: inline-block;
	padding-left: 25px;
	position: relative;
	height: 20px;
	line-height: 20px;
	color: #535353;
	font-size:12px;
	margin-right: .2rem;
}

 .header-contact a::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0px;
} 

.header-contact a:nth-child(1)::before{
	background-position:-70px -55px;
}

.header-contact a:nth-child(2)::before{
	background-position:-10px -96px;
}

.header-contact a:nth-child(3)::before{
	background-position: -115px -55px;
}

.header-contact a:last-child {
	margin-right: 0;
}

/* .header-contact a:last-child:hover,a:first-child:hover {
	color: #0081cc;
} */

header#top_nav {
	width: 100%;
	height: .68rem;
	background: #0081cc;
	position: fixed;
	left: 0;
	top: .3rem;
	z-index: 1500;
	opacity: 1;
	/* -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    -o-transition: all .05s linear;
    -ms-transition: all .05s linear;
    transition: all .05s linear; */
}

.header-up {
	top: 0 !important;
}

.header-down {
	top: .68rem;
}




header#top_nav.up:hover {
	-webkit-opacity: 1 !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}

header#top_nav .header_main {
	height: 100%;
	width: 71.15%;
	max-width: 1366px;
	min-width: 1200px;
	background: #0081cc;
	text-align: center;
	margin: 0 auto;
	height: 68px;
	/* display: -webkit-box; 
	display: -moz-box; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flexbox; 
	display: flex; 
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

.head-left,
.head-middle,
.head-search,
.head-right{
	float: left;
}

.header_main .head-left{
	width: 200px;
	height: 25px;
	margin-top: .2rem;
}

.header_main .head-left a{
	display: inline-block;
	width: 200px;
	/* height: 25px; */
	height: 100%;
	background-position: -10px -195px;
}

.header_main  .head-search {
	box-sizing: border-box;
	vertical-align: top;
	/* padding-top: .18rem; */
	padding-left: 1%;
	padding-right: 1%;
	width: 18%;
	text-align: center;
}

.header_main .li_main .logo-spirite{
	display: inline-block;
    width: 200px; 
	height: 25px;
    background-position:  -10px -195px;
}


.header_main .li_main .logo {
	width: 100%;
	margin-bottom: .12rem;
}

.head-middle{
	width: 50%;
}

nav.nav_header {
	width: 100%;
	display: -webkit-box; 
	display: -moz-box; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flexbox; 
	display: flex; 
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#nav-header-con{
	width: 100%;
	display: -webkit-box; 
	display: -moz-box; 
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flexbox; 
	display: flex; 
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#nav-header-con li.li_link {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	position: relative;
	cursor: pointer;
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.li_link:hover {
	background-color: #076599;
}

a.a_link {
	display: block;
	width: 100%;
	 height: .68rem;
	line-height: .68rem;
	font-size: .13rem;
	color: #ffffff;
	border-right: 1px solid #088ad5;
}

#nav-header-con li.no_border a {
	border-right: none !important;
}

#nav-header-con li a.a_link img {
	width: .08rem;
	height: .08rem;
	margin-left: .05rem;
	margin-bottom: .02rem;
}

.header_main .search {
	box-sizing: border-box;
	display: inline-block;
	/* margin-bottom: .18rem; */
	width: 98%;
	height: .35rem;
	line-height: .35rem;
	background-color: #b7e5ff;
	border-radius: 25px;
	padding: .06rem .15rem;
	position: relative;
	z-index: 2;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
margin-top: .18rem;
}

.header_main .search input {
	display: inline-block;
	width: 91%;
	height: .2rem;
	line-height: .2rem;
	font-size: .12rem;
	background-color: #b7e5ff;
	float: left;
	border: none;
	text-indent: 0;
}

.header_main .search input::-webkit-input-placeholder {
	color: #156fa1;
}

.header_main .search input::-moz-placeholder {
	color: #156fa1;
}

.header_main .search input:-ms-input-placeholder {
	color: #156fa1;
}

.ie_placeholder {
	color: #156fa1;
}

.header_main .search .search_result {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0;
	top: 65%;
	height: 2.5rem;
	display: none;
}

.header_main .search .search_result img.arr_top {
	display: block;
	width: .15rem;
	height: .15rem;
	color: #ffffff;
	position: relative;
	top: .11rem;
	left: .4rem;
}

.header_main .search .search_result .dl_scroll {
	box-sizing: border-box;
	border-left: 1px solid #EBEDEE;
	border-right: 1px solid #EBEDEE;
	border-bottom: 1px solid #EBEDEE;
	width: 100%;
	height: 100%;
	position: relative;
	top: .07rem;
	width: 100%;
	height: 2rem;
	overflow-y: auto;
	padding-bottom: .1rem;
	background-color: #ffffff;
	font-size: .12rem;
	text-align: left;
	line-height: 0;
	font-size: .12rem;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.search_result .dl_scroll p {
	font-size: .13rem;
	color: #454545;
	line-height: .2rem;
	padding-left: .15rem;
	padding-top: .15rem;
}

.header_main .search .search_result dl {
	width: 100%;
	font-size: .12rem;
	text-align: left;
	font-size: .12rem;
	padding-top: .1rem;
	display: block;
}

.header_main .search .search_result div.dl_up {
	width: 100%;
	height: .4rem;
	position: fixed;
	left: 0;
	bottom: 0;
}

.header_main .search .search_result div.dl_up img {
	height: .23rem;
	margin-top: 0.085rem;
	vertical-align: top;
}

.header_main .search dt {
	padding-left: .2rem;
	height: .25rem;
	line-height: .25rem;
	font-weight: bold;
	color: #3e3e3e;
}

.header_main .search dd {
	height: .25rem;
	line-height: .25rem;
	font-family: "Arial";
	cursor: pointer;
}

.header_main .search dd a {
	padding-left: .28rem;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: .25rem;
	line-height: .25rem;
	color: #3e3e3e;
	cursor: pointer;
}

.header_main .search dd a:hover {
	color: #ffffff !important;
	background-color: #0081cc;
}


.head-right {
	width: 15%;
}

.li_link.lang .pc-spirite{
	display: inline-block;
	width: 26px; 
	height: 26px;
	background-position:-10px -50px;
	margin-top:.2rem; 
}


.head-right ul li.member,
.head-right ul li.lang {
	border-left: 1px solid #088ad5;
	border-right: 1px solid #088ad5;
}

.head-right ul li.member.offline{
	line-height: .68rem;
	cursor: pointer;
}

.head-right ul li a.offline_a{
	font-size:.16rem;
	color:#ffffff;
}

.head-right ul li a.offline_a .sprite{
	width:100%;
	text-align:center;
	line-height:.26rem;
}


.menu_ul{
	display: block;
	width: 100%;
	height: 100%;
}


.menu_ul::after{
	content: "";
	width: 0;
	height: 0;
	clear: both;
	opacity: 0;
	visibility: hidden;
}

.menu_ul .li_link{
	box-sizing: border-box;
	height: .68rem; 
	color: #ffffff;
	float: left;
	width: 33%;
	position: relative;
}


.menu_ul .li_link.menu{
	padding-top: .25rem; 
	text-align: center;
}

.menu_icon{
	display: block;
	width: 24px;
	margin: 0 auto;
}





.menu_icon span {
    display: block;
	width: 24px;
    height: 2px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: #ffffff;
    position: relative;
    opacity: 1;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.menu_icon span:nth-child(2) {
    margin: 6px 0;
}

.li_link .pc-spirite {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 2px;
	background-position: -42px -136px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.li_link:hover .pc-spirite.arrow{
	transform: rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-o-transform:rotateZ(180deg);
}

.head-right ul li.member a.online {
	position: relative;
	width: 35px; 
	height: 35px;
    background-position: -340px -10px;
}


.head-right ul li.member a.online_a {
	display: inline-block;
	width: 35px; 
	height: 35px;
    background-position: -340px -10px;
	margin-top: .2rem;
	position: relative;
}

.head-right ul li.member a.online_a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: .06rem;
	height: .06rem;
	background-color: #ff4a3b;
	border-radius: 50%;
}

.head-right ul li a:not(a.online) img {
	width: .26rem;
	height: .26rem;
	display: block;
	cursor: pointer;
}

.head-right ul li.lang {
	position: relative;
}

/* header li.li_link:hover .arrow img {
	transform: rotateZ(180deg);
} */

.nav-sub {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-ms-opacity: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 1;
	-webkit-transition: opacity, visibility .2s linear;
	-moz-transition: opacity, visibility .2s linear;
	-ms-transition: opacity, visibility .2s linear;
	-o-transition: opacity, visibility .2s linear;
	transition: opacity, visibility .2s linear;
	visibility: visible\9;
	display: none\9;
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

header li.li_link:hover .nav-sub {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100) !important;
	visibility: visible !important;
	display: block\9;
}


/* 英文产品导航 begin */

#en-product {
	box-sizing: border-box;
	width: 100%;
	position: fixed;
	position: absolute\9;
	left: 0;
	top: .68rem;
	 height: 0; 
	filter:progid: DXImageTransform.Microsoft.Shadow(color='#e3e3e3', Direction=135, Strength=10);
	background-color: #ffffff;
	text-align: center;
	cursor: default;
	z-index: 1;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	max-height: 75vh;
	overflow-y: scroll;
	-webkit-filter: progid: DXImageTransform.Microsoft.Shadow(color='#e3e3e3', Direction=135, Strength=10);
	
}

#en-product .en-class {
	font-size: 0;
	display: inline-block;
	 overflow: hidden; 
	padding-top: .15rem;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
}


#en-product::-webkit-scrollbar {
    width: 8px;
}

#en-product::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 8px;
}

#en-product::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #eeeeee;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
}
#en-product::-webkit-scrollbar-thumb:hover{
    background: #ccc;
}
#en-product::-webkit-scrollbar-thumb:active{
    background: #eeeeee;
}


#en-product .en-class .col {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 25%;
}

#en-product .en-class .col:nth-child(1),
#en-product .en-class .col:nth-child(2),
#en-product .en-class .col:nth-child(3){
	padding-right: 2.5%;

}

.col-title{
    display: inline-block;
    box-sizing:border-box;
    width: 93%;
    height:.28rem;
    line-height: .28rem;
    background-color: #42a3e8;
    color: #ffffff;
    font-size: .15rem;
    padding-left: .15rem;
    position: relative;
    font-weight:bold;
	max-width: 205px;
}

.col-title::after{
    content: "";
    display:block;
    position: absolute;
    left: 100%;
    top: 0;
    border-left:solid .14rem #42a3e8;
    border-right:solid .14rem transparent;
    border-top:solid .14rem transparent;
    border-bottom:solid .14rem transparent;
}

.class-section {
    box-sizing:border-box;
	width: 100%;
	display: block;
    text-align: center;
   
}

.en-class-li-1 {
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	margin: .05rem 0rem .1rem 0rem;
	vertical-align: top;
}

.en-class-li-1 span {
    display: block;
    box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #e4eef5;
	text-align: left;
    margin-bottom: .08rem;
    padding:.08rem  0 .08rem .1rem;
	white-space: normal;
}

.en-class-li-1.class-li-more span{
	border:none;
}

.en-class-a-1 {
	font-size: .14rem;
	color: #08659a;
	line-height: .15rem;
}

.en-class-li-2 {
	padding: 5px 0;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: .2rem;
}


.en-class-a-2 {
    display: block;
    color: #666666;
    font-size: .13rem;
    line-height: .16rem;
    text-align: left;
    white-space: normal;
	position: relative;
}

.en-class-a-2::before{
	content: "";
	width: 5px;
	height: 5px;
	background: #cccccc;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	left: -15px;
    top: 6px;
}

.en-class-li-2:hover .en-class-a-2{
	color: #0081cc;
}

.en-class-li-2:hover .en-class-a-2::before{
	background: #55b9f3;
}

.col-right{
    box-sizing: border-box;  
    text-align: left;
	margin: 0 auto;
	margin-top: -20px;
	padding-bottom: .2rem;
}

.col-right a{
	display: inline-block;
	cursor: pointer;
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
}

.col-right a.search-a{
    box-sizing: border-box;
    color: #cccccc;
	width:25%;
	max-width: 290px;
 padding: .1rem 0; 
    border: solid 1px #e5e5e5;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -ms-border-radius:25px;
    -o-border-radius:25px;
    font-size: .16rem;
    margin-right: 3%;
	padding-left:4%;
	margin-left: 48%;
	position: relative;
}

.col-right a.search-a::after{
	content: "";
	width: 18px; 
	height: 18px;
    background-position: -160px -10px;
	position: absolute;
	left: 75%;
	top: 50%;
	margin-top: -9px;
}



.industry-a{
    color: #dbaf7c;
	font-size: .22rem;
}

.col-right a.search-a:hover{
	color: #0081cc;
	border: solid 1px #0081cc;
}

.col-right a.search-a:hover::after{
	background-position: -90px -96px;
}

.industry-a:hover{
	color: #f18a36;
}



/* 英文产品导航 end */

.nav-sub .slide-tab {
	width: 1.80rem;
	border-left: 0.5px solid #e3e3e3;
}

.nav-sub .slide-tab li {
	display: inline-block;
	width: 1.80rem;
	height: .5rem;
	text-align: left;
	border-bottom: 0.5px solid #e3e3e3;
	color: #323232;
	font-size: .105rem;
	padding: 0;
}

.nav-sub .slide-tab li a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	padding-left: .22rem;
}

.child_ul {
	position: absolute;
	padding-top: .05rem;
	min-width: 1.53rem;
	left: 0;
	top: 100%;
	z-index: 1;
	background: #ffffff;
	color: #0081cc;
	border-right: 1px solid #EBEDEE;
	border-left: 1px solid #EBEDEE;
}

.lang .child_ul {
	width: 1.15rem;
	min-width: 1.15rem;
	left: 0%;
	margin-left: -.52rem;
	padding: .08rem;
	border-bottom: 1px solid #EBEDEE;
}

.child_li {
	border-bottom: 1px solid #EBEDEE;
	width: 100%;
	box-sizing: border-box;
}

.lang .child_ul .child_li:last-child {
	border-bottom: none;
} 


.child_li a {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: .13rem .2rem;
	color: #3e3e3e;
	text-decoration: none;
	font-size: .13rem;
	text-align: left;
	white-space: nowrap;
}

.lang .child_ul .child_li a {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.child_li a:hover {
	background-color: #4a93d5;
	color: #fff;
} 

#wmap {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: .98rem;
	width: 100%;
	background-color: #ffffff;
	cursor: default;
	height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.wmap-con {
	display: block;
	/* width: 11.5rem; */
	width: 60%;
	max-width: 1150px;
	min-width: 1150px;
	/* font-size: 0; */
	margin: 0 auto;
	border-bottom: 1px solid #e3e3e3;
}

.wmap-con::after{
	content: "";
	width:0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	clear: both;
}

.wmap-con .wmap-l {
	float: left;
	width: 2.2rem;
	width:19%;
	padding-bottom: 20%;
	vertical-align: top;
	background-image: url("../images/bg_map.png");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #ffffff;
}

.wmap-con .wmap-l p {
	font-size: .25rem;
	line-height: .35rem;
	color: #3d3d3d;
	text-align: center;
	margin-top: 15%;
}

.wmap-con .wmap-r {
	float: right;
	width:80%;
	border-left: 1px solid #e3e3e3;
	background-color: #ffffff;
	vertical-align: top;
	

}

.wmap-con .wmap-r div ul {
	width: 100%;
	text-align: left;
}

.wr_ul {
	padding: .1rem 0;
	display: table;
	border-bottom: 1px solid #e3e3e3;
}

.wr_ul .li_r {
	display: table-cell;
	width: 8.1rem;
}

.wr_ul .li_l {
	display: table-cell;
	box-sizing: border-box;
	font-size: .14rem;
	width: 1.2rem;
	vertical-align: middle;
	position: relative;
	color: #2d2d2d;
	border-right: 1px solid #e3e3e3;
}

.wr_ul .li_l a {
	width: 1.2rem;
	color: #2a2a2a;
}

.wr_ul_1 {
	width: 100%;
	font-size: 0;
	white-space: normal;
}

.wr_ul_1 li {
	display: inline-block !important;
	padding-left: .15rem;
	margin: .08rem 0;
	line-height: 0.14rem !important;
	height: 0.14rem !important;
	display: inline-block;
	word-wrap: break-word;
}

.wr_ul_1 li .sprite {
	margin-left: .15rem;
	width: .01rem;
	height: .1rem;
	background-position: 0 0;
}

.wr_ul_1 li a {
	display: inline-block;
	word-wrap: break-word;
	font-size: 0.13rem;
	height: 0.14rem;
	line-height: 0.14rem;
	color: #666666;
	position:relative;
	margin-right: .2rem;
}

.wr_ul_1 li a:hover {
	color: #008fce;
}


.wr_ul_1 li a::after{
	content: "";
	display: inline-block;
	width: 1px; 
	height: 10px;
	background-position: -112px -215px;
	position:absolute;
	right: -.15rem;
	top: 0.02rem;
}

.request{
	display: none;
}

.tel {
	display: none;
}

/* 移动端搜索 */

.dl_search_m {
	display: none;
}

/* .menu_mobile {
	box-sizing: border-box;
	width: 70%;
	height: 100%;
	padding-top: .95rem;
	max-width: 4.68rem;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	z-index: 1000;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
} */

.head-search .search .common-spirite {
	display: block;
	position: absolute;
	right: 0.1rem;
	top: 50%;
	margin-top: -9px;
	color: #0a659a;
	width: 20px;
	 height: 20px;
    background-position:  -290px -250px;
}

/* 
.menu_mobile .menu_m_ul {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding-top: .2rem;
	padding-bottom: .5rem;
} */

/* .menu_scroll {
	overflow: scroll;
}

.menu_mobile ul.menu_m_ul li {
	width: 100%;
} */



/* .menu_mobile ul li nav {
	box-sizing: border-box;
	width: 100%;
	height: .5rem;
	line-height: 0;
	padding-left: 10%;
}

.menu_mobile ul li nav a {
	display: inline-block;
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	font-size: .13rem;
	text-align: left;
	cursor: pointer;
	position: relative;
	font-size: .15rem;
	color: #2a2a2a;
	vertical-align: top;
}

.menu_mobile ul li span {
	display: inline-block;
	float: right;
	width: 90%;
	height: 1px;
	line-height: 0 !important;
	border-bottom: 1px solid #d8d8d8;
	vertical-align: top;
}

.menu_mobile ul li nav img {
	display: inline-block;
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.06rem;
	width: .12rem;
	height: .12rem;
}

.menu_mobile ul li dl {
	width: 100%;
	margin-top: .15rem;
	display: none;
}

.menu_mobile ul li dl dd {
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	font-size: .14rem;
	padding: .06rem 0 .06rem .6rem;
} */


/* 导航end */

/* .menu_mobile ul li dl dd a {
	color: #3d3d3d;
	cursor: pointer;
}

.menu_mobile ul li dl dd a:hover {
	color: #1894e2;
} */

/* @-webkit-keyframes menuRotatation {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: rotate(0);
	}

	10% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		color: #1894e2;
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: rotate(90deg);
		color: #1894e2;
	}
}

@-moz-keyframes menuRotatation {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-moz-transform: rotate(0);
	}

	10% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		color: #1894e2;
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-moz-transform: rotate(90deg);
		color: #1894e2;
	}
}

@-o-keyframes menuRotatation {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-o-transform: rotate(0);
	}

	10% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		color: #1894e2;
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-o-transform: rotate(90deg);
		color: #1894e2;
	}
}

@-ms-keyframes menuRotatation {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		;
		-ms-transform: rotate(0);
	}

	10% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		color: #1894e2;
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		-ms-transform: rotate(90deg);
		color: #1894e2;
	}
}

@keyframes menuRotatation {
	0% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		transform: rotate(0);
	}

	10% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
		color: #1894e2;
	}

	100% {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		transform: rotate(180deg);
		color: #1894e2;
	}
} */

.ul_mobile {
	display: none;
}

.no_scroll {
	height: 100% !important;
	overflow: hidden !important;
	-ms-overflow-style: none !important;
}


/* 头部end */


/* footer begin */

footer {
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color: #f9f9f9;
	margin-top: .2rem;
	box-sizing: border-box;
	border-top:1px solid #eeeeee;
}

.footer-nav {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	max-width: 1200px;
	text-align: left;
	margin-top: .3rem;
	text-align: left;
	padding-bottom: .2rem;
	padding-left: .2rem;
	padding-right: .2rem;

}


.footer-nav-block {
	box-sizing: border-box;
	padding-right: 2%;
}

.footer-nav-block:nth-child(1){
	width: 23%;
}
.footer-nav-block:nth-child(2){
	width: 23%;
}

.footer-nav-block:nth-child(3){
	width: 18%;
}
.footer-nav-block:nth-child(4){
	width: 18%;
}

.footer-nav-block:nth-child(5){
	width: 18%;
}



.footer-nav-title {
	padding-bottom: .18rem;
	position: relative;
}

.footer-nav-title a {
	display: inline-block;
	font-weight: bold;
	color: #3a719b;
	font-size: .16rem;
	vertical-align: top;
	white-space: normal;
}


.footer-nav-block {
	float: left;
}

.footer-nav-block ul li {
	padding-bottom: .12rem;
}

.footer-nav-block ul li a {
	color: #888888;
	font-size: .14rem;
}

.footer-nav-block ul li a:hover {
	color: #008fce;
}

.f-wrapper {
	display: inline-block;
	padding-bottom: .35rem;
	padding-top: .1rem;
	text-align: center;
	position: relative;
}

.f-wrapper::before {
	content: "";
	width: 100%;
	height: 2px;
	max-width: 1200px;
	border-top: 1px solid #dddddd;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}


.f-div {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin-right: .45rem;
	padding-top: .2rem;
}

.f-div.f-media {
	margin-right: 0;
}

.f-div.f-contact,
.f-div.f-address {
	max-width: 25%;
}

.f-div a,.f-div p {
	display: block;
	color: #999999;
	 vertical-align: top; 
	margin-bottom: .02rem;
	line-height: .18rem;
	font-size: .125rem;
	position: relative;
}

.f-telto::before{
	content: "";
	display: block;
	width: 18px;
	 height: 15px;
    background-position:  -160px -48px;
	position: absolute;
	left: 0;
	top: 0;
}

.f-mailto::before{
	content: "";
	display: block;
	width: 18px;
	 height: 15px;
    background-position:  -160px -83px;
	position: absolute;
	left: 0;
	top: 0;
}
 .f-title {
	display: block;
	font-size: .15rem;
	line-height: .25rem;
	margin-bottom: .1rem;
	color: #3a719b;
	font-weight: bold;
}

.f-contact p,
.f-contact a {
	padding-left: .25rem;
	position: relative;
	color: #999999;
}



/* .f-contact p img,
.f-contact a img {
	width: .18rem;
	height: .15rem;
	position: absolute;
	left: 0;
	top: .03rem;
} */

.f-contact a:hover {
	color: #0081cc;
}

.f-input {
	width: 2.8rem;
	height: .35rem;
}

.f-input form {
	width: 100%;
}

.f-input #subscribe_email {
	width: 73.2%;
	float: left;
	border-top: 1px solid #3a719b;
	border-bottom: 1px solid #3a719b;
	border-left: 1px solid #3a719b;
	border-radius: 0;
}

.f-input #subscribe_email::placeholder {
	color: #999999;
	font-size: .12rem;
}

.f-input #subscribe_submit {
	width: 26%;
	float: left;
	height: .35rem;
	line-height: .35rem;
	background-color: #3a719b;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0;
	text-align: center;
	padding: 0;
}

.f-media ul li {
	float: left;
	margin-right: .12rem;
}

.f-media ul li a{
	display: block;
	width: 50px; 
	height: 50px;
}

.f-media ul li:nth-child(1) a{
    background-position: -220px -250px;
}
.f-media ul li:nth-child(2) a{
    background-position: -10px -250px;
}
.f-media ul li:nth-child(3) a{
    background-position: -80px -250px;
}
.f-media ul li:nth-child(4) a{
    background-position: -150px -250px;
}

.f-media ul li img {
	width: .45rem;
	height: .45rem;
}

.copyright {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: .15rem;
	background-color: #ededed;
	color: #aaaaaa;
	font-size: .12rem;
	line-height: .18rem;
}

.shopping-mall{
	width: 100%;
	text-align: center;
	margin-bottom: .35rem;
}

.shopping-mall img{
	display: inline-block;
	width: 4.71rem;
	height: .58rem;
}


/* footer end */

.fast_menu {
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	background: #2C3C4C\9;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	z-index: 10;
	text-align: center;
	height: .85rem;
}

.fast_menu.fast_menu_phone {
	display: none !important;
}

.fast_menu ul {
	/* display: inline-block; */
	width: 85%;
	height: 100%;
	max-width: 12rem;
	white-space: nowrap;
	vertical-align: top;
	margin: 0 auto;
}

.fast_menu ul li {
	width: 25%;
	height: 100%;
	/* display: inline-block; */
	box-sizing: border-box;
	/* padding-left: .3rem; */
	border-right: 1px solid rgba(253, 255, 255, 0.2);
	vertical-align: top;
	text-align: left;
	position: relative;
	text-align: center;
	float: left;
}

.fast_menu ul li:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.fast_menu ul li a {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-bottom: .2rem;
	padding-top: .17rem;
}

.fast_menu.mobile ul li a {
	padding: .15rem 0;
}

.fast_menu ul li .img {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	float: left;
}

.fast_menu ul li .img {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	float: left;
}

.fast_menu.mobile {
	display: block;
	margin: 0 auto;
}

.fast_menu ul li:hover {
	background-color: rgba(255, 255, 255, 0.1)
}

.fast_menu ul li .letter {
	text-align: left;
	display: inline-block;
	color: #ffffff;
	padding-left: .2rem;
	height: .5rem;
}

.fast_menu ul li .letter img {
	display: inline-block;
	vertical-align: top;
	width: .44rem;
	height: .3rem;
	margin-top: .05rem;
	margin-left: .05rem;
}

.fast_menu.mobile ul li .letter {
	display: block;
	width: 100%;
	padding-left: 0;
	height: auto;
	margin: 0 auto;
}

.fast_menu ul li .letter span {
	display: inline-block;
	font-size: .18rem;
	font-weight: bold;
	height: .5rem;
	line-height: .5rem;
}

.fast_menu.mobile ul li .letter span {
	width: 100%;
	line-height: .3rem;
	text-align: center;
}

.fast_menu ul li .letter p {
	font-size: .14rem;
	line-height: .2rem;
}

.fast_menu_phone .fly_num {
	display: block;
	width: .2rem;
	height: .2rem;
	text-align: center;
	position: absolute;
	top: -.03rem;
	right: .25rem;
	background-color: red;
	border-radius: 50%;
}

.fast_menu_phone .fly_num p {
	display: inline-block;
	height: .2rem;
	line-height: .2rem;
	font-size: .12rem;
	font-weight: bold;
	color: #ffffff;
}

.fast_menu.mobile ul li .letter p {
	display: none;
}

.swiper-button-next {
	right: .5rem !important;
}

.swiper-button-prev {
	left: .5rem !important;
}
/* banner end */

/* 登录 */

.mask,
.mask_1 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
}

.mask {
	z-index: 10;
}

.mask_1 {
	z-index: 15;
}

:root .mask,
:root .mask_1 {
	filter: none;
}

.login_box {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 4.5rem;
	height: 3.5rem;
	margin-left: -2.25rem;
	margin-top: -1.75rem;
	background-color: #ffffff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #eeeeee;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	z-index: 12;
	display: none;
}

.login_box input {
	font-size: .15rem;
}

.login_box .login,
.login_box .psw_reset,
.login_box .reset {
	width: 2.9rem;
	text-align: center;
	padding-bottom: .35rem;
	text-align: center;
	margin: 0 auto;
}

.login_box .psw_reset {
	margin-top: .5rem;
}

.login_box .psw_reset,
.login_box .reset {
	display: none;
}

.login_box .close {
	width: 20px;
	height: 20px;
	position: absolute;
	color: #eeeeee;
	right: 0.08rem;
	top: 0.08rem;
	cursor: pointer;
    background-position: -340px -256px;
}

.login_box .login_logo {
	display: inline-block;
	/* height: auto;
	margin: 0 auto; */
	margin-top: .4rem;
	margin-bottom: .08rem;
	width: 200px; height: 25px;
    background-position:  -10px -150px;
}

.login_box button {
	font-size: .14rem;
}

.login_box .login .div_1 {
	width: 100%;
	vertical-align: top;
	height: .5rem;
}

.login_box .phone_log .div_1 {
	margin-bottom: .35rem;
	margin-top: .2rem;
	position: relative;
	height: .35rem !important;
}

.login_box .login .div_1 {
	width: 100%;
	vertical-align: top;
	height: .5rem;
} 

 .login_box .login .div_1 span {
	display: inline-block;
	width: auto;
	height: .5rem;
	line-height: .5rem;
	color: #999999;
	font-size: .16rem;
	vertical-align: top;
	width: 1.9rem;
}

.login_box .login .div_1 .line {
	height: .25rem;
	border-bottom: 1px solid #ededed;
	width: .5rem;
}

.login_box .login .div_1 .line.l_l {
	float: left;
}

.login_box .login .div_1 .line.l_r {
	float: right;
}


/* .login_box .login .icon i.iconshoujihaoma {
	color: #f59446;
}

.login_box .login .icon i.iconqq {
	color: #2a9cd5;
}

.login_box .login .icon i.iconweixin {
	color: #00bb00;
} */

.login_box input[type="text"],
.login_box input[type="password"] {
	display: block;
	width: 100%;
	height: .4rem;
	margin-bottom: .1rem;
	border: 1px solid #d0d1d2;
}

.login_box .login .account_log input {
	width: 100%;
	margin-bottom: .1rem;
}

.login_box .blue {
	display: block;
	background-color: #4a93d5;
	color: #ffffff;
	font-size: .16rem;
	margin-bottom: .15rem;
	width: 100%;
	cursor: pointer;
	height: .4rem;
}

.login_box .sp_b {
	display: block;
	font-size: .13rem;
	text-align: left;
}

.login_box .sp_b .a_1 {
	float: left;
}

.login_box .sp_b a {
	color: #296daa;
	cursor: pointer;
}

.login_box .login .sp_b span {
	float: right;
}

.login_box .login .phone_num,
.login_box .login .verify,
.login_box .login .send {
	width: 100%;
	vertical-align: top;
	height: .4rem;
	text-align: left;
	margin-bottom: .1rem;
	white-space: nowrap;
}

.login_box .login .phone_num select option {
	font-size: .13rem;
}

.login_box .psw_reset,
.login_box .reset,
.login_box .phone_set {
	display: none;
}


.login_box .send {
	width: 100%;
	vertical-align: top;
	line-height: 0 !important;
}

.login_box .send input {
	display: inline-block;
	width: 40%;
	float: left;
}

.login_box .send .send_code {
	height: .4rem;
	line-height: .4rem;
	width: 58%;
	float: right;
	margin-left: 0;
}

.login_box .psw_reset ul {
	width: 100%;
	text-align: center;
	margin-bottom: .35rem;
	margin-top: .49rem;
	position: relative;
	height: .35rem;
}

.login_box .psw_reset ul li {
	box-sizing: border-box;
	float: left;
	width: 33%;
	font-size: .16rem;
	color: #666666;
	height: .35rem;
	vertical-align: top;
}

.login_box .psw_reset ul li span {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 100%;
	cursor: pointer;
}

.bar_show {
	border-bottom: 2px solid #4a93d5;
}

.login_box .psw_reset .send {
	width: 100%;
}

.login_box .psw_reset input#email {
	width: 100%;
	margin-bottom: .1rem;
}

.login_box .psw_reset .ques_set {
	width: 100%;
	font-size: .16rem;
}

.login_box .psw_reset .ques_set div {
	width: 100%;
	text-align: left;
	color: #3d3d3d;
}

.login_box .psw_reset .ques_set span {
	display: inline-block;
	float: left;
	height: .4rem;
	line-height: .4rem;
	width: 20%;
	color: #3d3d3d;
}

.login_box .psw_reset .ques_set .ques {
	font-size: .16rem;
	color: #4a93d5;
	margin-bottom: .15rem;
}

.login_box .psw_reset .ques_set .ques p {
	display: inline-block;
	width: auto;
	height: .4rem;
	line-height: .4rem;
	font-size: .18rem;
}

.login_box .psw_reset .ques_set input[type="submit"] {
	width: 100%;
}

.login_box .psw_reset .ques_set,
.login_box .psw_reset .phone_set {
	margin-bottom: .15rem;
	display: none;
}

.login_box .psw_reset input#email1,
.login_box .psw_reset input#phone2 {
	width: 100%;
	margin-bottom: .1rem;
}

.login_box .reset {
	margin-top: .5rem;
}

.login_box .reset div {
	width: 100%;
	height: .4rem;
	margin-bottom: .15rem;
}

.login_box .reset .layer_con {
	height: auto;
	padding: 0;
}

.login_box .reset div {
	height: auto;
}

.login_box .reset div {
	margin-bottom: 0;
}

.login_box .reset div span {
	display: inline-block;
	float: left;
	font-size: .16rem;
	height: .4rem;
	line-height: .4rem;
	width: 35%;
	text-align: right;
}

.login_box .reset .reset_psw_form span {
	width: 100%;
	text-align: left;
	float: none;
}

.login_box .reset div input {
	width: 65%;
}

.login_box .reset .reset_psw_form div input {
	width: 100%;
	margin-bottom: 0;
}

.login_box .reset .reset_psw_form div p {
	display: inline-block;
	width: 100%;
	font-size: .12rem;
	line-height: .15rem;
	text-align: left;
	color: #3d3d3d;
	padding-bottom: .2rem;
	padding-top: .15rem;
}

.login_box .reset .layer_con div {
	height: auto;
}

.login_box .reset .layer_con span {
	width: 100%;
}

.login_box .reset .layer_con input {
	width: 100%;
}


/* 登录 end */


/* 弹框 */

.layer_box {
	width: 4.5rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -2.25rem;
	margin-top: -2rem;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #eeeeee;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	z-index: 11;
	display: none;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.hide_ani {
	-webkit-animation: hideAni 0.2s linear;
	-moz-animation: hideAni 0.2s linear;
	-o-animation: hideAni 0.2s linear;
	-ms-animation: hideAni 0.2s linear;
	animation: hideAni 0.2s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes hideAni {
	0% {
		-webkit-transform: scale(1);
		-webkit-opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.5);
		-webkit-opacity: 0;
	}
}

@-moz-keyframes hideAni {
	0% {
		-moz-transform: scale(1);
		-moz-opacity: 1;
	}

	100% {
		-moz-transform: scale(0.5);
		-moz-opacity: 0;
	}
}

@-o-keyframes hideAni {
	0% {
		-o-transform: scale(1);
		-o-opacity: 1;
	}

	100% {
		-o-transform: scale(0.5);
		-o-opacity: 0;
	}
}

@-ms-keyframes hideAni {
	0% {
		-ms-transform: scale(1);
		-ms-opacity: 1;
	}

	100% {
		-ms-transform: scale(0.5);
		-ms-opacity: 0;
	}
}

@keyframes hideAni {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}

.show_ani {
	-webkit-animation: showAni 0.2s linear;
	-moz-animation: showAni 0.2s linear;
	-o-animation: showAni 0.2s linear;
	-ms-animation: showAni 0.2s linear;
	animation: showAni 0.2s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes showAni {
	0% {
		-webkit-transform: scale(0.1);
		-webkit-opacity: 0;
	}

	50% {
		-webkit-transform: scale(0.5);
		-webkit-opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1);
		-webkit-opacity: 1;
	}
}

@-moz-keyframes showAni {
	0% {
		-moz-transform: scale(0.1);
		-moz-opacity: 0;
	}

	50% {
		-moz-transform: scale(0.5);
		-moz-opacity: 0.5;
	}

	100% {
		-moz-transform: scale(1);
		-moz-opacity: 1;
	}
}

@-o-keyframes showAni {
	0% {
		-o-transform: scale(0.1);
		-o-opacity: 0;
	}

	50% {
		-o-transform: scale(0.5);
		-o-opacity: 0.5;
	}

	100% {
		-o-transform: scale(1);
		-o-opacity: 1;
	}
}

@-ms-keyframes showAni {
	0% {
		-ms-transform: scale(0.1);
		-ms-opacity: 0;
	}

	50% {
		-ms-transform: scale(0.5);
		-ms-webkit-opacity: 0.5;
	}

	100% {
		-ms-transform: scale(1);
		-ms-opacity: 1;
	}
}

@keyframes showAni {
	0% {
		transform: scale(0.1);
		opacity: 0;
	}

	50% {
		transform: scale(0.5);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.layer_box span {
	box-sizing: border-box;
	display: block;
	width: 100%;
}

.layer_t_wrap {
	width: 100%;
	height: .5rem;
	background-color: #fcfcfc;
	border-bottom: 1px solid #eeeeee;
}

.layer_title {
	box-sizing: border-box;
	display: block;
	height: .5rem;
	line-height: .5rem;
	text-align: left;
	font-size: .16rem;
	color: #2d2d2d;
	vertical-align: top;
	padding-left: .2rem;
	padding-right: .2rem;
	font-weight: bold;
	position: relative;
	margin-left: 20px\9;
	padding-left: 0\9;
	padding-right: 0\9;
	border-bottom: 1px solid #eeeeee;
}

.layer_title .common-spirite.close {
	float: right;
    width: 20px;
    height: 20px;
	margin-top: .19rem;
	cursor: pointer;
	background-position: -340px -256px;
}


.layer_con {
	padding: .2rem;
}

.layer_con span {
	width: 100%;
	font-size: .15rem;
	vertical-align: top;
	line-height: .28rem;
}

.tips_box .layer_con span {
	display: block;
	color: #3d3d3d;
}

.layer_con span p {
	display: inline-block;
	width: auto;
}

.layer_con .btn_box {
	text-align: right;
	margin-top: .3rem;
	height: .35rem;
}

.layer_con .btn_box button {
	width: 1rem;
	height: .35rem;
	line-height: .35rem;
	font-size: .15rem;
	border-radius: 5px;
	vertical-align: top;
}

.layer_con .btn_box .confirm {
	background-color: #438be9;
	color: #ffffff;
}

.layer_con .btn_box button.cancel {
	background-color: #f7f7f7;
	color: #3d3d3d;
	border: 1px solid #eeeeee;
}

.layer_sub input {
	display: block;
	box-sizing: border-box;
	height: 0.4rem;
	border: 1px solid #dddddd;
	font-size: 0.14rem;
	border-radius: 2px;
}

.layer_sub.reset_password input {
	width: 100%;
	margin-top: .1rem;
}

.layer_sub input.phone,
.layer_sub input.email {
	width: 100%;
	margin-top: 0.3rem;
	margin-bottom: 0.1rem;
}

.layer_sub .layer_con {
	padding-left: 10%;
	padding-right: 10%;
}

.layer_sub .send {
	width: 100%;
	vertical-align: top;
	height: 0.4rem;
	text-align: left;
	margin-bottom: 0.1rem;
}

.layer_sub .send input {
	width: 40%;
	float: left;
}

.layer_sub .send .send_code {
	height: 0.4rem;
	line-height: 0.4rem;
	width: 58%;
	background-color: #dddddd;
	float: right;
	margin-left: 2%;
}

.send_checked {
	cursor: pointer;
	background-color: #4a93d5;
}

.layer_sub .blue {
	display: block;
	background-color: #4a93d5;
	color: #ffffff;
	font-size: 0.16rem;
	margin-bottom: 0.15rem;
	width: 100%;
	cursor: pointer;
	height: 0.4rem;
}

.layer_sub span.success {
	display: inline-block;
	font-size: 0.25rem;
	vertical-align: top;
	text-align: center;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	line-height: 0;
}

.layer_sub span.success img {
	display: inline-block;
	vertical-align: top;
	width: .25rem;
	height: .25rem;
}

.layer_sub span.success p {
	display: inline-block;
	vertical-align: top;
	color: #333333;
	line-height: .25rem;
}

.success_box .success i {
	color: #56a059;
	font-size: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
}

.success_box p.p1 {
	display: block;
	width: 100%;
	font-size: 0.15rem;
	color: #666666;
	text-align: center;
}

.layer_sub.first_login .layer_title {
	background-color: #ffffff;
	border: 0;
}

.layer_sub.first_login .layer_con {
	text-align: center;
}

.layer_sub.first_login .layer_con {
	padding-top: 0;
	line-height: 0;
}

.layer_sub.first_login .layer_con span {
	color: #666666;
}

.layer_sub.first_login .layer_con span p {
	color: #f7862e;
}

.layer_sub.first_login .layer_con span+span {
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
	border-bottom: 1px solid #f5f5f5;
}

.layer_sub.first_login .layer_con a {
	display: inline-block;
	width: 1.2rem;
	vertical-align: top;
	line-height: 0.4rem;
	border-radius: 2px;
	border: 1px solid #4a93d5;
}

.layer_sub.first_login .layer_con .blue {
	background-color: #f7fbff;
	color: #4a93d5;
}

.layer_sub.first_login .layer_con .blue+.blue {
	background-color: #4a93d5;
	color: #ffffff;
}

.tips_box,
.success_box {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 16;
	font-size: 0.16rem;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	display: none;
}

.tips_box {
	width: 3.5rem;
	min-width: 350px\9;
	margin-left: -1.75rem;
	margin-top: -1.5rem;
}

.success_box {
	width: 2rem;
	margin-left: -1rem;
	margin-top: -.5rem;
}

.tips_box .layer_con {
	text-align: right;
	margin-top: 0.2rem;
	height: 1rem;
	margin-top: 0;
	position: relative;
}

.tips_box .layer_con span {
	text-align: left;
}

.tips_box .layer_con button.blue {
	display: inline-block;
	width: .7rem !important;
	vertical-align: top;
	border-radius: 2px;
	font-size: 0.14rem;
	height: .3rem;
	position: absolute;
	right: 10%;
	bottom: .05rem;
}

.success_box .success {
	width: 100%;
	text-align: center;
}

.layer_sub span.success p {
	font-size: .16rem;
}

.success_box .success i {
	font-size: .35rem;
}


/* 弹框 end */

/* 移动菜单出没动画 begin*/

.menu_animate_show {
	-webkit-animation: menu_show_animate .3s ease-in-out;
	-moz-animation: menu_show_animate .3s ease-in-out;
	-o-animation: menu_show_animate .3s ease-in-out;
	-ms-animation: menu_show_animate .3s ease-in-out;
	animation: menu_show_animate .3s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes menu_show_animate {
	0% {
		-webkit-transform: translateX(145%);
		-webkit-opacity: 0;
	}

	100% {
		-webkit-transform: translateX(145%);
		-webkit-opacity: 1;
	}
}

@-moz-keyframes menu_show_animate {
	0% {
		-moz-transform: translateX(145%);
		-moz-opacity: 0;
	}

	100% {
		-moz-transform: translateX(0);
		-moz-opacity: 1;
	}
}

@-o-keyframes menu_show_animate {
	0% {
		-o-transform: translateX(145%);
		-o-opacity: 0;
	}

	100% {
		-o-transform: translateX(45%);
		-o-opacity: 1;
	}
}

@-ms-keyframes menu_show_animate {
	0% {
		-ms-transform: translateX(145%);
		-ms-opacity: 0;
	}

	100% {
		-ms-transform: translateX(45%);
		-ms-opacity: 1;
	}
}

@keyframes menu_show_animate {
	0% {
		transform: translateX(145%);
		opacity: 0;
}

	100% {
		transform: translateX(45%);
		opacity: 1;
}
}

.menu_animate_hide {
	-webkit-animation: menu_hide_animate .3s ease-in-out;
	-moz-animation: menu_hide_animate .3s ease-in-out;
	-o-animation: menu_hide_animate .3s ease-in-out;
	-ms-animation: menu_hide_animate .3s ease-in-out;
	animation: menu_hide_animate .3s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes menu_hide_animate {
	0% {
		-webkit-transform: translateX(45%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(145%);
		opacity: 0;
	}
}

@-moz-keyframes menu_hide_animate {
	0% {
		-moz-transform: translateX(45%);
		opacity: 1;
	}

	100% {
		-moz-transform:  translateX(145%);
		opacity: 0;
	}
}

@-o-keyframes menu_hide_animate {
	0% {
		-o-transform: translateX(45%);
		opacity: 1;
	}

	100% {
		-o-transform:  translateX(145%);
		opacity: 0;
	}
}

@-ms-keyframes menu_hide_animate {
	0% {
		-ms-transform: translateX(45%);
		opacity: 1;
	}

	100% {
		-ms-transform:  translateX(145%);
		opacity: 0;
	}
}

@keyframes menu_hide_animate {
	0% {
		transform: translateX(45%);
		opacity: 1;
}

	100% {
		transform:  translateX(145%);
		opacity: 0;
}
}


/* 移动菜单出没动画 end*/


/* 右侧栏 begin */
.quick-button-right {
	position: fixed;
	bottom: 35%;
	right:0;
	z-index: 11;
	width: 40px;
}


.to-top.pc-spirite {
	text-align: center;
	margin-top: .1rem;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 130px;
    width: 20px;
	height: 20px;
    background-position: -50px -96px;
	margin-left:-10px;
	opacity: 0;
}

.quick-button-right a {
	display: block;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: absolute;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}

a.digikey_r {
	padding: 10px 0;
	top: 0;
}
a.cart_r{
	padding: 7.5px 0;
	top: 45px;
}
a.contact_r{
	padding: 7.5px 0;
	top: 90px;
}
a.digikey_r .pc-spirite{
	width: 40px;
	height: 20px;
    background-position: -10px -10px;
}

a.cart_r .pc-spirite{
	width: 25px; height: 25px;
	margin: 0 7.5px;
	background-position:  -115px -10px;

}
a.contact_r .pc-spirite{
	width: 25px; height: 25px;
	margin: 0 7.5px;
	background-position: -70px -10px;

}


.quick-button-right a .fly_num {
	width: .15rem;
	height: .15rem;
	position: absolute;
	top: -8px;
    left: 9px;
}

.quick-button-right a .fly_num p {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: .15rem;
	font-weight: bold;
	color: #f00;
	font-weight: bolder;
}
.hide-wrap{
	position: relative;
	width: 130px;
}

.hide-wrap .pc-spirite,
.hide-wrap p{
	display: inline-block;
	color: #ffffff;
	vertical-align: top;
}

a.digikey_r .hide-wrap p{
	height: 20px;
	line-height: 20px;
}

.hide-wrap p{
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	padding:0 5px;
}


.digikey_r{
	background-color: #585858;
}
.cart_r{
	background-color: #ef8a38;
}

.contact_r{
	background-color: #32b183;
}


.quick-button-right a:hover{
	animation: right-tools .25s ease-in-out;
	-webkit-animation: right-tools .25s ease-in-out;
	-moz-animation: right-tools .25s ease-in-out;
	-o-animation: right-tools .25s ease-in-out;
	-ms-animation: right-tools .25s ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}
@-webkit-keyframes right-tools{
	0%{
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(-85px);
	}
}
@-moz-keyframes right-tools{
	0%{
		opacity: 0;
		-moz-transform: translateX(0);
	}
	100%{
		opacity: 1;
		-moz-transform: translateX(-85px);
	}
}
@-o-keyframes right-tools{
	0%{
		opacity: 0;
		-o-transform: translateX(0);
	}
	100%{
		opacity: 1;
		-o-transform: translateX(-85px);
	}
}
@-ms-keyframes right-tools{
	0%{
		opacity: 0;
		-ms-transform: translateX(0);
	}
	100%{
		opacity: 1;
		-ms-transform: translateX(-85px);
	}
}

@keyframes right-tools{
	0%{
		opacity: 0;
		transform: translateX(0);
	}
	100%{
		opacity: 1;
		transform: translateX(-85px);
	}
}


/* 右侧栏 end */


/* 隐私政策 begin */

.regulations-box {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 3;
}

.privacy_regulations {
	box-sizing: border-box;
	width: 100%;
	padding: .15rem .5rem;
	background-color: #222222;
	display: flex;
	align-items: center;
}

.privacy_regulations p {
	display: inline-block;
	color: #ffffff;
	width: 80%;
}

.privacy_regulations p a {
	color: #0081cc;
	font-size: .14rem;
	cursor: pointer;
}

.privacy_regulations .privacy-btn {
	width: 20%;
	text-align: right;
}

.privacy_regulations button {
	display: block;
	background-color: #0081cc;
	height: .35rem;
	width: .8rem;
	margin-left: .3rem;
	border-radius: 5px;
	line-height: .15rem;
	float: right;
	color: #000000;
	font-size: .15rem;
	color: #ffffff;
	transition: background .2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
}

.privacy_regulations button:hover {
	background-color: #ffffff;
	color: #000000;
}

.privacy_box {
	box-sizing: border-box;
	position: fixed;
	width: 800px;
	height: 500px;
	font-size: .14rem;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin-left: -400px\9;
	margin-top: -200px\9;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 5px 5px 8px #aaa;
	z-index: 11;
	display: none;
}

.privacy_box .close {
	position: absolute;
	color: #eeeeee;
	width: .18rem;
	height: .18rem;
	right: 2%;
	top: 2%;
	cursor: pointer;
}

.privacy_wrapper {
	margin: .3rem;
	height: 430px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.privacy_wrapper span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: .16rem;
	margin-bottom: .15rem;
}

.privacy_wrapper p {
	font-size: .13rem;
	color: #3d3d3d;
	line-height: .18rem;
	text-indent: .2rem;
}


/* 隐私政策 end */

.mobile_contact {
	display: none;
}


/* 展会浮窗 begin */


/* .elethe {

	position: fixed;

	left: 1%;

	bottom: 20%;

	z-index: 11;

	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);

}



.elethe a{

	display:block;

	width:2rem;

	padding-bottom:145%;

	position:relative;

}



.elethe a img{

	display:block;

	position:absolute;

	left:0;

	top:0;

	width:100%;

}



.fuchuang {

	width: 100%;

}





.elestr {

	position: absolute;

	top:0;

	right:0;

	cursor: pointer;

	width:.3rem;

	height:.3rem;

} */


/* 展会浮窗 end */


/* media queries */

@media screen and (max-width:1200px) {
	.head-middle{
		display: none;
	}

	.head-right {
		width: 25%;
	}

	header#top_nav .header_main {
		height: 100%;
		width: 71.15%;
		min-width: 750px;
		}

		.header_main .head-search{
			width: auto;
		}

		.header_main .search {
			box-sizing: border-box;
			display: inline-block;
			margin-bottom: 0;

			width: 98%;
			/* height: .4rem;
			line-height: .4rem; */
			background-color: #b7e5ff;
			border-radius: 25px;
			padding: .06rem .15rem;
			position: relative;
			z-index: 2;
		}

		/* .header_main .search input {
			height: .3rem;
			line-height: .3rem;
		} */
}

@media screen and (max-width:1440px) {
	.footer-nav {
		max-width: 1000px;
	}

	.re_box .content_box {
		max-width: 1000px !important;
	}
}

@media screen and (min-width:1366px) {
	.nav-sub#product {
		min-width: 1116px;
	}
}


@media screen and (max-width:1200px) {
	.wmap-con {
		min-width: auto;
		width: 100%;
	}
}

/* @media screen and (min-width:751px) {
	header li.li_link:hover {
		background-color: #076599;
	}
} */

/* @media screen and (min-width:1024px) and (max-width:1365px) {
	html {
		font-size: 85px;
	}
} */

@media screen and (min-width:1000px) and (max-width:1024px) {
	html {
		font-size: 85px;
	}
}

@media screen and (min-width:751px) and (max-width:999px) {
	html {
		font-size: 75px;
	}
}

@media screen and (min-width:1271px) and (max-width:1367px) {
	.header_main .li_main.head-search {
		margin-left: 0;
		margin-right: 0;
	}
}


@media screen and (min-width:751px) and (max-width:1269px) {

	.wmap-con .wmap-r {
		border-left: none;
	}

	.header_main .search {
		width: 3rem;
		margin-left: .35rem;
	}

	.header_main .search dl {
		width: 2.7rem;
		text-align: left;
	}

	.header_main .search dt {
		padding-left: .2rem;
	}

	.header_main .search input {
		width: 2.5rem;
	}

	.request {
		padding-bottom: .1rem !important;
		padding-left: .29rem;
		text-align: left;
	}

	.request button {
		height: .45rem !important;
		font-size: .14rem !important;
	}

	.tel ul li {
		font-size: .14rem !important;
		height: .18rem;
		line-height: .18rem;
	}

	.fast_menu {
		height: .7rem;
	}

	.fast_menu ul {
		width: 100%;
	}

	.fast_menu ul li {
		padding-left: 0;
	}

	.fast_menu ul li a {
		display: inline-block;
		text-align: center !important;
		padding: .08rem 0;
	}

	.fast_menu ul li .img {
		float: none;
	}

	.fast_menu ul li .img {
		width: .35rem;
		height: .35rem;
	}

	.fast_menu ul li .letter {
		padding-left: 0;
		text-align: center;
		height: auto;
		vertical-align: top;
		line-height: .3rem;
		margin-left: .1rem;
	}

	.fast_menu ul li .letter span {
		font-size: .14rem;
		line-height: .3rem;
		color: #ffffff;
		margin-top: .1rem;
	}

	.fast_menu ul li .letter p {
		display: none;
	}

	.fast_menu ul li .letter img {
		margin-top: -.02rem;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 2dppx) {

	/* Retina下仍使用默认字体渲染 */
	body {
		-webkit-font-smoothing: subpixel-antialiased;
	}
}

@media screen and (max-width: 999px) {
	.privacy_box {
		width: 90%;
	}
}

@media screen and (max-width:750px) {
	.wr_ul .li_l a::after,
.request a::after,
.tel a::before,
.other_mc li a,
.phone-spirite,
.footer-nav-title a.phone-spirite::after{
	background-image: url("../images/phone_spirites.png");
	background-repeat: no-repeat;
}
	.request {
		display: block;
		padding-top: .5rem;
		text-align: center;
	}
	
	.request a {
		display: block;
		box-sizing: border-box;
		width: 90%;
		max-width: 3.98rem;
		background-color: #2fa1e3;
		border-radius: 10px;
		color: #fff;
		font-size: .15rem;
		padding: .1rem;
		position: relative;
	}
	
	.request a::after{
		content: "";
		width: .12rem;
		height: .12rem;
		background-position: 89.8% 89%;
		position: absolute;
		right: .15rem;
		top: 50%;
		margin-top: -.05rem;
		background-size: 1000%;
	
	}
	
	
	.tel {
		display: block;
		box-sizing: border-box;
		color: #444444;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
		text-align: left;
		font-size: .13rem;
		padding-top: .15rem;
	}
	
	.tel a {
		line-height: .25rem;
		color: #444444;
		vertical-align: top;
		padding-left: .05rem;
		position: relative;
	}
	
	.tel a::before{
		content: "";
		width: .18rem; 
		height: .18rem;
		background-position:  4.65% 96.44%;
		position: absolute;
		left: -.25rem;
		top: 0;
		background-size: 714%;
	}
	.fast_menu ul li .letter span {
		color: #8a8a8a;
	}

	.header-first-wrap {
		padding-bottom: 0;
		height: .95rem;
	}

	header#top_nav {
		top: 0;
	}

	/* .menu_mobile {
		display: blck;
	} */

	.elethe a {
		width: 1.5rem;
	}

	.shangqiao {
		display: none;
	}

	.wrapper {
		width: 100% !important;
	}

	.wrapper .main {
		display: block !important;
		margin: 0 auto !important;
	}

	body {
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		-webkit-touch-callout: none;
		-webkit-text-size-adjust: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-user-select: none;
		position: relative;
	}

	header#top_nav,
	.header_bg,.header_main {
		 height: .95rem; 
		/* height: auto !important; */
	}

	.header_main .search .search_result {
		-webkit-transition: 0s linear;
		-moz-transition: 0s linear;
		-o-transition: 0s linear;
		-ms-transition: 0s linear;
		transition: 0s linear;
	}

	.header_main .search .search_result img.arr_top {
		display: none;
	}

	.dl_search_m {
		top: .95rem;
	}

	.quick-button-right {
		display: none;
	}

	.fast_menu.fast_menu_pc {
		display: none;
	}

	.fast_menu.fast_menu_phone {
		background-color: #f3f3f3;
		border-top: 1px solid #e9e9e9;
		position: fixed;
		left: 0;
		bottom: 0;
		display: block !important;
		height: .6rem !important;
	}

	.fast_menu.fast_menu_phone ul {
		width: 100%;
		display: block;
	}

	.fast_menu.fast_menu_phone ul li span{
		display: block;
		font-size: 12px;
		margin-top: .05rem;
		color: #8a8a8a;
	}
 

	.fast_menu ul li {
		padding-left: 0;
	}

	.fast_menu.fast_menu_phone .phone-spirite{
		width: .25rem;
		height: .25rem;
		background-size: 500%;
		margin: 0 auto;
	}

	.fast_menu_phone ul li:nth-child(1) .phone-spirite{
		/* background-position: -190px -10px; */
		background-position: 95% 6%;
	}
	.fast_menu_phone ul li:nth-child(2) .phone-spirite{
		background-position: -190px -80px;
		background-position: 95% 48.48%;
	}
	.fast_menu_phone ul li:nth-child(3) .phone-spirite{
		background-position: -10px -100px;
		background-position: 5% 60%;
	}
	.fast_menu_phone ul li:nth-child(4) .phone-spirite{
		background-position: -80px -100px;
		background-position: 40% 60%;
	}

	.fast_menu.fast_menu_phone ul li img {
		width: .25rem;
		height: .25rem;
		margin-bottom: .06rem;
	}

	.fast_menu.fast_menu_phone ul li .letter {
		display: block;
		padding-left: 0;
		text-align: center;
		height: auto;
	}

	.fast_menu.fast_menu_phone ul li .letter span {
		display: block;
		font-size: .12rem;
		line-height: .15rem;
		color: #8a8a8a;
		font-weight: normal;
	}

	.fast_menu.fast_menu_phone ul li a {
		padding-top: .1rem;
		padding-bottom: .02rem;
		text-align: center;
		vertical-align: top;
		margin: 0;
	}

	.ul_mobile {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 0.5 0.1rem 0rem 0.1rem;
		font-size: 0;
		text-align: center;
	}

	/* .ul_mobile li.li_mobile {
		display: inline-block;
		text-align: center;
		width: 15%;
		vertical-align: top;
		height: .45rem;
		vertical-align: middle;
		text-align: center;
		margin: .03rem 0;
	}

	.ul_mobile li.li_mobile a {
		display:inline-block;
		width: 100%;
		height: .45rem;
		color:#ffffff;
		font-size:.2rem;
		line-height:.45rem;
		text-align:right;
	}

	.ul_mobile li.li_mobile.logo_m {
		width: 70%;
		text-align: center;
		position: relative;
	}

	.ul_mobile li.li_mobile img {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}

	.ul_mobile li.li_mobile .offline_a img,
	.ul_mobile li.li_mobile .menu_icon img {
		width: .25rem;
		height: .25rem;
		max-width: 44px;
	}

	.ul_mobile li a {
		display: inline-block;
		position: relative;
	}

	.ul_mobile li a.online_a img {
		display: block;
		width: 55%;
		height: auto;
		overflow: hidden;
		border-radius: 50%;
	} */

	header#top_nav .header_main .ul_main {
		width: 100%;
		min-width: auto;
	}

	.header_main .li_main.head-search {
		padding-top: 0 !important;
		width: 100%;
	}

	a.online_a::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: .05rem;
		right: .09rem;
		width: .06rem;
		height: .06rem;
		background-color: #ff4a3b;
		border-radius: 50%;
	}

	.logo_1 {
		width: 60%;
		max-width: 220px;
	}

	.header_main .li_main {
		display: none;
	}

	.header_main .li_main.head-middle {
		display: none;
	}

	.header_main .li_main .head-search {
		display: inline-block !important;
	}

	.ul_main {
		width: 100%;
		max-width: 1200px;
	}

	.ul_main .li_main {
		width: 100%;
	}

	.ul_main .li_main.head-search {
		vertical-align: top;
		display: block;
	}

	.header_main .search {
		box-sizing: border-box;
		width: 92%;
		margin-left: 0 !important;
		padding: 0.06rem .15rem !important;
		position: relative;
		margin-bottom: 0;
		margin-top: .08rem;
		padding-left: 0;
		padding-right: 0;
	}

	.header_main .search input {
		display: inline-block;
		width: 93%;
		height: 100%;
		background-color: #b7e5ff;
		float: left;
		vertical-align: top;
		font-size: .14rem;
	}

	.header_main .search input::-webkit-input-placeholder {
		font-size: .12rem !important;
	}

	.header_main .search input::-moz-input-placeholder {
		font-size: .12rem !important;
	}

	.header_main .search input::-o-input-placeholder {
		font-size: .12rem !important;
	}

	.header_main .search input::-ms-input-placeholder {
		font-size: .12rem !important;
	}

	.header_main .search input::-webkit-input-placeholder {
		color: #156fa1;
		font-size: .15rem;
	}

	.header_main .search input::-moz-placeholder {
		color: #156fa1;
		font-size: .15rem;
	}

	.header_main .search input:-ms-input-placeholder {
		color: #156fa1;
		font-size: .15rem;
	}

	/* .menu_mobile .menu_m_ul::-webkit-scrollbar {
		display: none;
	} */

	.header_main .search .search_result {
		position: fixed;
		width: 100%;
		top: 0;
		background-color: #ffffff;
	}

	.header_main .search .search_result {
		max-height: none;
	}

	.header_main .search .search_result {
		padding-bottom: .45rem;
	}

	.header_main .search .search_result dl {
		padding-top: .1rem;
		font-size: .14rem;
		border: none;
	}

	.header_main .search dt {
		height: .4rem;
		line-height: .4rem;
		font-size: .16rem;
	}

	.header_main .search dd {
		height: .35rem;
		line-height: .35rem;
	}

	.header_main .search dd a {
		height: .35rem;
		line-height: .35rem;
	}

	.header_main .search .search_result .dl_scroll {
		height: 100%;
		top: 0;
		border: none;
	}

	.dl_search_m {
		position: fixed;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		overflow-y: auto;
		display: none;
		z-index: 1001;
	}

	.dl_search_m::-webkit-scrollbar {
		display: none;
	}

	.dl_search_m dl {
		box-sizing: border-box;
		padding-top: .1rem;
		padding-bottom: .15rem;
	}

	.dl_search_m dl dt {
		padding-left: .15rem;
		font-size: .14rem;
		height: .3rem;
		line-height: .3rem;
		font-weight: bold;
		color: #3e3e3e;
	}

	.dl_search_m dl dd {
		padding-left: .25rem;
		font-size: .14rem;
		height: .3rem;
		line-height: .3rem;
		cursor: pointer;
	}

	.dl_search_m dl dd a {
		color: #3e3e3e;
		cursor: pointer;
	}

	.tips_box {
		width: 3.2rem !important;
		margin-left: -1.6rem !important;
	}

	.layer_box {
		width: 3.5rem !important;
		margin-left: -1.75rem !important;
		margin-top: -1.5rem !important;
	}

	.login_box {
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 0;
		border-radius: 0;
		z-index: 10000;
	}

	.mask_1 {
		z-index: 10001;
	}

	.tips_box {
		z-index: 10002;
	}

	footer {
		margin-bottom: .6rem;
	}

	.f-contact,
	.f-address {
		display: none;
	}

	.f-div {
		margin-left: 5%;
	}

	.f-div.f-sub {
		margin-right: 0;
	}

	.f-media ul li img {
		width: .35rem;
		height: .35rem;
	}

	.container h1 {
		font-size: .2rem;
	}

	.f-wrapper {
		margin-left: 0;
		text-align: left;
		padding-bottom: .2rem;
	}

	.privacy_box {
		width: 100%;
		height: 100%;
		z-index: 200000;
		border-radius: 0;
		border: none;
		box-shadow: none;
		left: 0;
		top: 0;
		transform: translateX(0) translateY(0);
	}

	.privacy_box .privacy_wrapper {
		height: 93%;
	}

	.privacy_box .close {
		right: 2%;
		top: 2%;
	}

	.privacy_regulations {
		padding: .15rem .1rem;
	}

	.regulations-box {
		bottom: .6rem;
	}

	.privacy_regulations p {
		width: 78%;
	}

	.privacy_regulations .privacy-btn {
		width: 22%;
	}

	.mobile_contact {
		display: block;
		position: relative;
		z-index: 2;
		font-size: .12rem;
		position: fixed;
		right: 3.5%;
		bottom: 1.7rem;
	}

	.mobile_contact .main_mc {
		background-color: #82d0f9;
		width: .68rem;
		height: .68rem;
		border-radius: 50%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
		position: relative;
		z-index: 5;
	}

	.mobile_contact .main_mc #cross {
		display: inline-block;
		width: .2rem;
		height: .2rem;
		margin-bottom: .03rem;
		position: relative;
		transform: rotate(0);
	}

	.mobile_contact .main_mc #cross::before {
		display: inline-block;
		content: "";
		height: .2rem;
		width: .03rem;
		background-color: #ffffff;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -0.015rem;
		border-radius: 25px;
	}

	.mobile_contact .main_mc #cross::after {
		display: inline-block;
		content: "";
		width: .03rem;
		height: .2rem;
		background-color: #ffffff;
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: rotateZ(90deg);
		-moz-transform: rotateZ(90deg);
		-o-transform: rotateZ(90deg);
		-ms-transform: rotateZ(90deg);
		transform: rotateZ(90deg);
		margin-left: -0.015rem;
		border-radius: 25px;
	}

	.other_mc li a {
		display: block;
		width: .55rem;
		height: .55rem;
		border-radius: 50%;
		position: absolute;
		left: -.4rem;
		top: -.4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: scale(0);
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
	}

	#qq_mc a {
		background-color: #82d0f9;
		transform: rotate(-30deg);
		background-position: 56% -3%;
		background-size: 250%;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
}

	#phone_mc a {
		background-color: #87b4fb;
		transform: rotate(30deg);
		background-position: -4% -6%;
		background-size: 250%;
	}

	.other_mc li a img {
		width: 65%;
		height: 65%;
	}

	.add-cross {
		-webkit-animation: add-cross-ani .2s linear;
		-moz-animation: add-cross-ani .2s linear;
		-o-animation: add-cross-ani .2s linear;
		-ms-animation: add-cross-ani .2s linear;
		animation: add-cross-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes add-cross-ani {
		0% {
			-webkit-transform: rotate(0);
		}

		100% {
			-webkit-transform: rotate(45deg);
		}
	}

	@-moz-keyframes add-cross-ani {
		0% {
			-moz-transform: rotate(0);
		}

		100% {
			-moz-transform: rotate(45deg);
		}
	}

	@-o-keyframes add-cross-ani {
		0% {
			-o-transform: rotate(0);
		}

		100% {
			-o-transform: rotate(45deg);
		}
	}

	@-ms-keyframes add-cross-ani {
		0% {
			-ms-transform: rotate(0);
		}

		100% {
			-ms-transform: rotate(45deg);
		}
	}

	@keyframes add-cross-ani {
		0% {
			transform: rotate(0);
		}

		100% {
			transform: rotate(45deg);
		}
	}

	.close-cross {
		-webkit-animation: close-cross-ani .2s linear;
		-moz-animation: close-cross-ani .2s linear;
		-o-animation: close-cross-ani .2s linear;
		-ms-animation: close-cross-ani .2s linear;
		animation: close-cross-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes close-cross-ani {
		0% {
			-webkit-transform: rotate(45deg);
		}

		100% {
			-webkit-transform: rotate(0);
		}
	}

	@-moz-keyframes close-cross-ani {
		0% {
			-moz-transform: rotate(45deg);
		}

		100% {
			-moz-transform: rotate(0);
		}
	}

	@-o-keyframes close-cross-ani {
		0% {
			-o-transform: rotate(45deg);
		}

		100% {
			-o-transform: rotate(0);
		}
	}

	@-ms-keyframes close-cross-ani {
		0% {
			-ms-transform: rotate(45deg);
		}

		100% {
			-ms-transform: rotate(0);
		}
	}

	@keyframes close-cross-ani {
		0% {
			transform: rotate(45deg);
		}

		100% {
			transform: rotate(0);
		}
	}

	.qq-mc-move-add {
		-webkit-animation: qq-mc-move-add-ani .2s linear;
		-moz-animation: qq-mc-move-add-ani .2s linear;
		-o-animation: qq-mc-move-add-ani .2s linear;
		-ms-animation: qq-mc-move-add-ani .2s linear;
		animation: qq-mc-move-add-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes qq-mc-move-add-ani {
		0% {
			opacity: 0;
			-webkit-transform: rotate(-135deg) scale(0);
		}

		100% {
			-webkit-transform: rotate(30deg) scale(1);
			opacity: 1;
		}
	}

	@-moz-keyframes qq-mc-move-add-ani {
		0% {
			opacity: 0;
			-moz-transform: rotate(-135deg) scale(0);
		}

		100% {
			-moz-transform: rotate(30deg) scale(1);
			opacity: 1;
		}
	}

	@-o-keyframes qq-mc-move-add-ani {
		0% {
			opacity: 0;
			-o-transform: rotate(-135deg) scale(0);
		}

		100% {
			-o-transform: rotate(30deg) scale(1);
			opacity: 1;
		}
	}

	@-ms-keyframes qq-mc-move-add-ani {
		0% {
			opacity: 0;
			-ms-transform: rotate(-135deg) scale(0);
		}

		100% {
			-ms-transform: rotate(30deg) scale(1);
			opacity: 1;
		}
	}

	@keyframes qq-mc-move-add-ani {
		0% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}

		100% {
			transform: rotate(30deg) scale(1);
			opacity: 1;
		}
	}

	.baidu-mc-move-add {
		-webkit-animation: baidu-mc-move-add-ani .2s linear;
		-moz-animation: baidu-mc-move-add-ani .2s linear;
		-o-animation: baidu-mc-move-add-ani .2s linear;
		-ms-animation: baidu-mc-move-add-ani .2s linear;
		animation: baidu-mc-move-add-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes baidu-mc-move-add-ani {
		0% {
			opacity: 0;
			-webkit-transform: rotate(-135deg) scale(0);
		}

		100% {
			-webkit-transform: rotate(0deg) scale(1);
			opacity: 1;
		}
	}

	@-moz-keyframes baidu-mc-move-add-ani {
		0% {
			opacity: 0;
			-moz-transform: rotate(-135deg) scale(0);
		}

		100% {
			-moz-transform: rotate(0deg) scale(1);
			opacity: 1;
		}
	}

	@-o-keyframes baidu-mc-move-add-ani {
		0% {
			opacity: 0;
			-o-transform: rotate(-135deg) scale(0);
		}

		100% {
			-o-transform: rotate(0deg) scale(1);
			opacity: 1;
		}
	}

	@-ms-keyframes baidu-mc-move-add-ani {
		0% {
			opacity: 0;
			-ms-transform: rotate(-135deg) scale(0);
		}

		100% {
			-ms-transform: rotate(0deg) scale(1);
			opacity: 1;
		}
	}

	@keyframes baidu-mc-move-add-ani {
		0% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}

		100% {
			transform: rotate(0deg) scale(1);
			opacity: 1;
		}
	}

	.phone-mc-move-add {
		-webkit-animation: phone-mc-move-add-ani .2s linear;
		-moz-animation: phone-mc-move-add-ani .2s linear;
		-o-animation: phone-mc-move-add-ani .2s linear;
		-ms-animation: phone-mc-move-add-ani .2s linear;
		animation: phone-mc-move-add-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes phone-mc-move-add-ani {
		0% {
			opacity: 0;
			-webkit-transform: rotate(-135deg) scale(0);
		}

		100% {
			-webkit-transform: rotate(-30deg) scale(1);
			opacity: 1;
		}
	}

	@-moz-keyframes phone-mc-move-add-ani {
		0% {
			opacity: 0;
			-moz-transform: rotate(-135deg) scale(0);
		}

		100% {
			-moz-transform: rotate(-30deg) scale(1);
			opacity: 1;
		}
	}

	@-o-keyframes phone-mc-move-add-ani {
		0% {
			opacity: 0;
			-o-transform: rotate(-135deg) scale(0);
		}

		100% {
			-o-transform: rotate(-30deg) scale(1);
			opacity: 1;
		}
	}

	@-ms-keyframes phone-mc-move-add-ani {
		0% {
			opacity: 0;
			-ms-transform: rotate(-135deg) scale(0);
		}

		100% {
			-ms-transform: rotate(-30deg) scale(1);
			opacity: 1;
		}
	}

	@keyframes phone-mc-move-add-ani {
		0% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}

		100% {
			transform: rotate(-30deg) scale(1);
			opacity: 1;
		}
	}

	.qq-mc-move-close {
		-webkit-animation: qq-mc-move-close-ani .2s linear;
		-moz-animation: qq-mc-move-close-ani .2s linear;
		-o-animation: qq-mc-move-close-ani .2s linear;
		-ms-animation: qq-mc-move-close-ani .2s linear;
		animation: qq-mc-move-close-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes qq-mc-move-close-ani {
		0% {
			opacity: 1;
			-webkit-transform: rotate(50deg) scale(1);
		}

		100% {
			webkit-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@-moz-keyframes qq-mc-move-close-ani {
		0% {
			opacity: 1;
			-moz-transform: rotate(50deg) scale(1);
		}

		100% {
			-moz-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@-o-keyframes qq-mc-move-close-ani {
		0% {
			opacity: 1;
			-o-transform: rotate(50deg) scale(1);
		}

		100% {
			-o-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@-ms-keyframes qq-mc-move-close-ani {
		0% {
			opacity: 1;
			-ms-transform: rotate(50deg) scale(0);
		}

		100% {
			-ms-transform: rotate(-135deg) scale(1);
			opacity: 0;
		}
	}

	@keyframes qq-mc-move-close-ani {
		0% {
			opacity: 1;
			transform: rotate(50deg) scale(1);
		}

		100% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}
	}

	.baidu-mc-move-close {
		-webkit-animation: baidu-mc-move-close-ani .2s linear;
		-moz-animation: baidu-mc-move-close-ani .2s linear;
		-o-animation: baidu-mc-move-close-ani .2s linear;
		-ms-animation: baidu-mc-move-close-ani .2s linear;
		animation: baidu-mc-move-close-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes baidu-mc-move-close-ani {
		0% {
			opacity: 1;
			-webkit-transform: rotate(0deg) scale(1);
		}

		100% {
			opacity: 0;
			-webkit-transform: rotate(-135deg) scale(0);
		}
	}

	@-moz-keyframes baidu-mc-move-close-ani {
		0% {
			opacity: 1;
			-moz-transform: rotate(0deg) scale(1);
		}

		100% {
			opacity: 0;
			-moz-transform: rotate(-135deg) scale(0);
		}
	}

	@-o-keyframes baidu-mc-move-close-ani {
		0% {
			opacity: 1;
			-o-transform: rotate(0deg) scale(1);
		}

		100% {
			-o-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@-ms-keyframes baidu-mc-move-close-ani {
		0% {
			opacity: 1;
			-ms-transform: rotate(0deg) scale(1);
		}

		100% {
			-ms-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@keyframes baidu-mc-move-close-ani {
		0% {
			opacity: 1;
			transform: rotate(0deg) scale(1);
		}

		100% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}
	}

	.phone-mc-move-close {
		-webkit-animation: phone-mc-move-close-ani .2s linear;
		-moz-animation: phone-mc-move-close-ani .2s linear;
		-o-animation: phone-mc-move-close-ani .2s linear;
		-ms-animation: phone-mc-move-close-ani .2s linear;
		animation: phone-mc-move-close-ani .2s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes phone-mc-move-close-ani {
		0% {
			opacity: 1;
			-webkit-transform: rotate(-30deg) scale(1);
		}

		100% {
			opacity: 0;
			-webkit-transform: rotate(-135deg) scale(0);
		}
	}

	@-moz-keyframes phone-mc-move-close-ani {
		0% {
			opacity: 1;
			-moz-transform: rotate(-30deg) scale(1);
		}

		100% {
			opacity: 0;
			-moz-transform: rotate(-135deg) scale(0);
		}
	}

	@-o-keyframes phone-mc-move-close-ani {
		0% {
			opacity: 1;
			-o-transform: rotate(-30deg) scale(1);
		}

		100% {
			-o-transform: rotate(-135deg) scale(0);
			opacity: 0;
		}
	}

	@-ms-keyframes phone-mc-move-close-ani {
		0% {
			opacity: 1;
			-ms-transform: rotate(-30deg) scale(1);
		}

		100% {
			opacity: 0;
			-ms-transform: rotate(-135deg) scale(0);
		}
	}

	@keyframes phone-mc-move-close-ani {
		0% {
			opacity: 1;
			transform: rotate(-30deg) scale(1);
		}

		100% {
			opacity: 0;
			transform: rotate(-135deg) scale(0);
		}
	}

	.mobile_contact .main_mc p {
		color: #ffffff;
		font-size: .15rem;
	}

	.mobile_contact ul {
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		left: -.2rem;
		top: -.2rem;
	}

	.mobile_contact ul li {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: rotate(-135deg) scale(0);
		-moz-transform: rotate(-135deg) scale(0);
		-o-transform: rotate(-135deg) scale(0);
		-ms-transform: rotate(-135deg) scale(0);
		transform: rotate(-135deg) scale(0);
		opacity: 0;
	}

	.mobile_contact ul li.qq_mc {
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		-webkit-transform-origin: center, center;
		-moz-transform-origin: center, center;
		-o-transform-origin: center, center;
		-ms-transform-origin: center, center;
		transform-origin: center, center;
	}

	.mobile_contact ul li.baidu_mc {
		-webkit-transform-origin: center, center;
		-moz-transform-origin: center, center;
		-o-transform-origin: center, center;
		-ms-transform-origin: center, center;
		transform-origin: center, center;
	}

	.mobile_contact ul li.phone_mc {
		-webkit-transform-origin: center, center;
		-moz-transform-origin: center, center;
		-o-transform-origin: center, center;
		-ms-transform-origin: center, center;
		transform-origin: center, center;
	}

	.contact-cross-animate {
		-webkit-animation: contact-cross-animation .25s linear;
		-moz-animation: contact-cross-animation .25s linear;
		-o-animation: contact-cross-animation .25s linear;
		-ms-animation: contact-cross-animation .25s linear;
		animation: contact-cross-animation .25s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes contact-cross-animation {
		0% {
			-webkit-transform: rotateZ(90deg);
		}

		100% {
			-webkit-transform: rotateZ(225deg);
		}
	}

	@-moz-keyframes contact-cross-animation {
		0% {
			-moz-transform: rotateZ(90deg);
		}

		100% {
			-moz-transform: rotateZ(225deg);
		}
	}

	@-o-keyframes contact-cross-animation {
		0% {
			-o-transform: rotateZ(90deg);
		}

		100% {
			-o-transform: rotateZ(225deg);
		}
	}

	@-ms-keyframes contact-cross-animation {
		0% {
			-ms-transform: rotateZ(90deg);
		}

		100% {
			-ms-transform: rotateZ(225deg);
		}
	}

	@keyframes contact-cross-animation {
		0% {
			transform: rotateZ(90deg);
		}

		100% {
			transform: rotateZ(225deg);
		}
	}

	.contact-cross-animate-1 {
		-webkit-animation: contact-cross-animation-1 .25s linear;
		-moz-animation: contact-cross-animation-1 .25s linear;
		-o-animation: contact-cross-animation-1 .25s linear;
		-ms-animation: contact-cross-animation-1 .25s linear;
		animation: contact-cross-animation-1 .25s linear;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes contact-cross-animation-1 {
		0% {
			-webkit-transform: rotateZ(225deg);
		}

		100% {
			-webkit-transform: rotateZ(90deg);
		}
	}

	@-moz-keyframes contact-cross-animation-1 {
		0% {
			-moz-transform: rotateZ(225deg);
		}

		100% {
			-moz-transform: rotateZ(90deg);
		}
	}

	@-o-keyframes contact-cross-animation-1 {
		0% {
			-o-transform: rotateZ(225deg);
		}

		100% {
			-o-transform: rotateZ(90deg);
		}
	}

	@-ms-keyframes contact-cross-animation-1 {
		0% {
			-ms-transform: rotateZ(225deg);
		}

		100% {
			-ms-transform: rotateZ(90deg);
		}
	}

	@keyframes contact-cross-animation-1 {
		0% {
			transform: rotateZ(225deg);
		}

		100% {
			transform: rotateZ(90deg);
		}
	}

	.footer-nav-block {
		width: 100% !important;
	}

	.footer-nav {
		width: 90%;
	}

	.footer-nav-block ul {
		display: none;
	}

	.footer-img-ani::after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}


	.shopping-mall{
		text-align: left;
	}

	.shopping-mall img{
		width: 80%;
		height: auto;
		margin-left: 5%;
	}
	header#top_nav .header_main{
		min-width: auto;
		height: .98rem;
		position: relative;
		width: 100%;
	}
	

	.header_main .head-left{
		display: inline-block;
		/* box-sizing: border-box; */
		 width: 50%;
		text-align: center;
		position: relative;
		z-index: 1;
		/* margin: 0 auto; */
		float: none;
		/* margin-top: .25rem; */
		/* height: auto; */
	
	}

	.header_main .head-search{
		display: block;
		width: 95%;
		margin: 0 auto;
		padding:0;
		float: none;
		
	}

	.head-right{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		
	}

	.head-right ul li.lang{
		display: none;
	}


	.head-right ul li.member{
		float: left;
	}

	.head-right ul li.menu {
		float: right;
		/* padding-top: .25rem !important; */
	}

	.menu_ul .li_link{
		width: 20%;
		height: .55rem;
	}


	.header_main .head-left a{
		width: 100%; 
    	background-position:60%  5.555% ;
		background-size: 80%;
		height:auto;
		padding-bottom: 10%;
	}

	.head-search .search .common-spirite{
		background-size: 1100%;
		/* width: 35px; 
		height: 35px; */
		/* background-position:-250px -184px; */
		background-position:71.43% 59.93%;
	}

	.head-right ul li.member.offline{
		font-size: .18rem;
		line-height: .55rem;
		border-right: none;
	}

	.wmap-con .wmap-l{
		display: none;
	}

	#wmap {
		display: block;
		height: calc(100% - .95rem);
		top: .98rem;
		width: 70%;
		max-width: 4.68rem;
		padding-bottom: .5rem;
		opacity: 0;
		overflow-y: scroll;
		padding-top: .2rem;
		z-index: 10;
		padding-left: .3rem;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform: translateX(145%);
		-webkit-transform: translateX(145%);
		-moz-transform: translateX(145%);
		-ms-transform: translateX(145%);
		-o-transform: translateX(145%);
}

.wmap-con li{
	display: inline-block;
}
.wr_ul .li_l{
	border-right: none;
	width: 100%;
	font-size: .15rem;
	text-align: left;
	cursor: pointer;
	position: relative;
	color: #2a2a2a;
	vertical-align: center;
	display: table;
	height: auto;
	line-height: auto;
	max-height: auto;
	min-height: auto;
	-webkit-border-radius:;
	-moz-border-radius:;
	-ms-border-radius:;
	-o-border-radius:;
}
.wr_ul_1 li a {
	display: inline-block;
	font-size: 0.14rem;
	height: auto;
	line-height: 0.2rem;
	color: #666666;
	width:100%;
	word-break: break-all;
}
.wr_ul_1 li a span{
	display: inline-block;
	box-sizing: border-box;
	width: .65rem;
	color: #ffffff;
	padding-left: .08rem;
	position: relative;
	height: .2rem;
	white-space: nowrap;
	margin-right: .15rem;
	font-size: .12rem;
	vertical-align: top;
}
.wr_ul_1 li a p{
	display: inline-block;
	width: 80%;
	white-space: normal;
	word-wrap: normal;
	vertical-align: top;
}
.wr_ul{
	display: block;
}

.wr_ul_1 li{
	width: 100%;
	box-sizing: border-box;
	height: auto !important;
	padding-left: 15%;
	padding-right: 5%;
}

.wr_ul_1 li a{
	margin-right: 0;

}
.wr_ul .li_l a{
	display: block;
	width: 100%;
	padding:.1rem 0;
	position: relative;
	pointer-events: none;
}

.wr_ul .li_l a::after{
	content: "";
    display: inline-block;
    width: .12rem; height: .12rem;
    background-position:-159px -170px;
    background-position:70.3% 89%;
	background-size: 1000%;
    position: absolute;
    right:15%;
	top: 0.14rem;
}

.wr_ul .li_l a.blue-arr::after{
    background-position:-115px -170px;
    background-position:51% 89%;
}


.wr_ul_1 li a::after{
	display: none;
}
.wmap-con{
	display: block;
	padding-left: 0;
	border-bottom: none;	
	width: 100%;
}

.wr_ul_1 {
    box-sizing: border-box;
    border-top: 1px solid #e3e3e3;
    border-left: none;
	display: none;
}

.wmap-con .wmap-r div:nth-child(1){
	box-sizing: border-box;
	width: 100%;
 padding-left: 0;
}
.wr_ul .li_l{
	box-sizing: border-box;
	padding-left: 0;
}

.wmap-con .wmap-r{
	width: 100%;
	box-sizing: border-box;
	border-left: none;
	
}

.login_box .close {
    background-position:  -340px -65px;
    background-position:  96.31% 20.96%;
	background-size: 1200%;
}

.login_box .login_logo {
	width: 2rem;
	height: .25rem;
    background-position:  50% 45%;
 	background-size: 105%; 
}
.layer_title .common-spirite.close {
    width: .2rem;
    height: .2rem;
    background-position: 96.31% 20.96%;
    background-size: 1200%;
}

.menu_icon span.span-top{
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 8px;
}

.menu_icon span.span-bottom{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	top: -8px;
}

.menu_icon span.span-middle{
	opacity: 0;
}
.f-media ul li a {
    display: block;
    width: .5rem;
    height: .5rem;
	background-size: 400%;
}
.f-media ul li:nth-child(1) a {
    background-position: -130px -130px;
    background-position: 46.43% 53.72%;
}
.f-media ul li:nth-child(2) a {
    background-position: -10px -10px;
	background-position: 3.5%  4.1%;
}
.f-media ul li:nth-child(3) a {
    background-position: -10px -130px;
	background-position: 3.5% 53.72%;
}
.f-media ul li:nth-child(4) a {
    background-position: -130px -10px;
	background-position: 46.43% 4.1%;
}



.footer-nav-title a {
	display: inline-block;
	font-weight: bold;
	color: #3a719b;
	font-size: .16rem;
	vertical-align: top;
	white-space: normal;
	position: relative;
	pointer-events: none;
}

.footer-nav-title  a.phone-spirite::after {
	content: "";
	display: inline-block;
	width: .15rem;
	height: .15rem;
	vertical-align: top;
	margin-left: .1rem;
	margin-top: .05rem;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	background-position:-65px -170px;
	background-position:29.55% 92%;
	background-size: 833%;
}

.head-right ul li.member a.online_a {
    width:.35rem;
    height: .35rem;
	background-position:-250px -10px;
	background-position:79.63% 3.67%;
    margin-top: .15rem;
	background-size: 530%;
}

.head-right ul li.member, .head-right ul li.lang {
     border: none;
}
}
@media screen and (max-width: 480px){
.header_main .head-left a {
    background-size: 90%;
    padding-bottom: 12%;
}
}