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

body {
	width: 100%;
	background-color: #ffffff;
	font-family: Tahoma, Helvetica, Arial, Verdana, "Microsoft YaHei", "SimSun", "宋体";
	-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;
}

.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,
h4,
h5,
option,
select,
table,
tbody,
tr,
td,
label,
section,
article {
	padding: 0;
	margin: 0;
}

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

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

.common-spirite-pc{
	background-image: url("https://www.mornsun.cn/static/index/common/images/common_sprites_pc.png?v=1.1");
	background-repeat: no-repeat;
}

.common-spirite{
	background-image: url("https://www.mornsun.cn/static/index/common/images/common_sprites.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;
}

.td_img_lineheight {
	line-height: 0;
}

.clear {
	clear: both;
}

.sprite {
	display: inline-block;
}

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

/* 百度商桥begin */

/* .shangqiao {
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -71px;
	z-index: 11;
	width: 212px;
	height: 142px;
}

.shangqiao_visible {
	background-color: #999999;
	font-size: .12rem;
	color: #ffffff;
	padding: 5px 0;
	text-align: center;
	width: 45px;
	position: absolute;
	right: 20px;
	top: -16%;
	cursor: pointer;
}

.shanqiao_btn {
	background-color: #999999;
	font-size: .12rem;
	color: #ffffff;
	padding: .05rem 0;
	text-align: center;
	width: .45rem;
	position: absolute;
	right: 0;
	top: -17%;
	cursor: pointer;
}

.shangqiao img {
	display: block;
	width: 2.12rem;
	height: 1.42rem;
}
 */
/* .shangqiao_hide {
	background-color: #07AAED;
	font-size: .12rem;
	color: #ffffff;
	padding: .05rem 0;
	text-align: center;
	width: 1rem;
	position: absolute;
	left: 3px;
	bottom: 0;
	cursor: pointer;
	display: none;
} */

/* 百度商桥end */
/*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;
}

.fast_menu.fast_menu_phone {
	display: none;
}
.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 ul {
    display: inline-block;
    width: 85%;
    height: 100%;
    max-width: 12rem;
    white-space: nowrap;
    font-size: 0;
    vertical-align: top;
}

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

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


/* 头部 */

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

.is-hide {
	opacity: 0 !important;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.header_bg {
	height: .68rem;
	background: #185FB1;
	position: relative;
	z-index: 1001;
}

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 {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%;
	width: 100%;
	background: #185FB1;
	text-align: center;
}

header#top_nav .header_main .ul_main {
	display: inline-block;
	font-size: 0;
	width: 71.15%;
	max-width: 1366px;
	min-width: 1280px;
	text-align: center;
	line-height: 0;
}

.header_main .li_main {
	display: inline-block;
}

.header_main .li_main:first-child+li {
	/* width: 56.36%; */
	width: 54.5%;
}

.header_main .li_main.li_search {
	vertical-align: top;
	padding-top: .18rem;
	margin-left: 1%;
	margin-right: 1%;
}

.header_main .li_main.logo_1 {
	/* width: 13.46%; */
	width: 20%;
	max-width: 200px;
	background-color: #0081CC;
	height: 0.68rem;
	vertical-align: top;
	position: relative;
	color: #ffffff;

}

.header_main .li_main.logo_1 .slogan{
	position: absolute;
	left: 0;
	top: 105%;
	background-color: #0081cc;
	padding: .16rem 0;  
	width: 100%; 
	font-size: .13rem;
}

.logo-spirite{
	background-image: url("../images/logo1.png");
	background-repeat: no-repeat;
}
.header_main .li_main.logo_1 a{
	display:inline-block;
	/* width: 184px; 
	height: 40px;  */
	/* width:1.84rem; 
	height: .4rem; */
	width:1.65rem; 
	height:.36rem;
	 /* background-position: -10px -148px;  */
	background-position:3% 71.15%;
	/* margin-bottom: 12px; */
	margin-top: 17px;
	background-size: 228.26%;
}
.header_main .li_main .logo {
	width: 100%;
	margin-bottom: .12rem;
}

.header_main .li_main nav.nav_header {
	width: 100%;
	height: .68rem;
	float: left;
}

ul#header_nav {
	height: .68rem;
	font-size: 0;
}

ul#header_nav li.li_link {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	height: .68rem;
	max-width: 110px;
	/* width: 14.28%; */
	width: 12.5%;
	position: relative;
	cursor: pointer;
	-webkit-transition:background .2s linear ;
	-moz-transition:background .2s linear ;
	-ms-transition:background .2s linear ;
	-o-transition:background .2s linear ;
	transition:background .2s linear ;
	vertical-align: top;
}



ul#header_nav li a.a_link {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: .68rem;
	line-height: .68rem;
	font-size: .14rem;
	color: #ffffff;
	border-right: 1px solid #1069B9;
	padding-left: .08rem;
}

ul#header_nav li.no_border a {
	border-right: none !important;
}

ul#header_nav li.no_center a.a_link {
	text-align: center;
	padding-left: 0;
}

ul#header_nav li a.a_shop {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: .68rem;
	line-height: .55rem;
	font-size: .14rem;
	color: #ffffff;
	/*border-right: 1px solid #124587;
	background-color: #124587;*/

	/* padding-left: .08rem; */
}

ul#header_nav li.no_center:hover a.a_shop u{
	color: #f5f33b;
}

ul#header_nav li.no_center a.a_shop u{
	display: block;
	line-height: 0;
	margin-top: -0.10rem;
	font-size: 0.12rem;
	text-decoration: none;
	color: #62c1f9;
}

ul#header_nav li a.a_shop img {
	width: .10rem;
	height: .10rem;
	margin-left: .03rem;
}

ul#header_nav 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: 1.96rem;
	height: .32rem;
	line-height: .32rem;
	background-color: #b7e5ff;
	border-radius: 25px;
	padding: .06rem .15rem;
	position: relative;
	z-index: 1;
}

.header_main .search input {
	display: inline-block;
	width: 1.5rem;
	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;
	/* right: .5rem; */
	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: .12rem;
	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;
	/* line-height: 0; */
	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: inline-block; */
	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;
}

.nav_right {
	height: .68rem;
}

.nav_right ul.menu_ul {
	height: .68rem;
}

.nav_right ul li.member,
.nav_right ul li.lang,
.nav_right ul li.menu {
	float: left;
	height: .68rem;
	padding: 0 .2rem;
	cursor: pointer;
	position: relative;
}

.nav_right ul li.member,
.nav_right ul li.lang {
	border-left: 1px solid #1069B9;
	border-right: 1px solid #1069B9;
}

.nav_right ul li a.menu_a,
.nav_right ul li a.lang_a,
.nav_right ul li a.online_a,
.nav_right ul li a.offline_a {
	display: table-cell;
	vertical-align: middle;
	height: .68rem;
}

/* .nav_right ul li a .common-spirite-pc {
	height: .26rem;
	width: .26rem;
	background-size:892.3% ;
} */

.offline_a .common-spirite{
	/* height: 26px;
	width:  26px; */
	width: .26rem;
	height: .26rem;
	/* background-position: -78px -290px;  */
	background-position: 23.35% 90.06%; 
	position: relative;
	background-size:1384.61% ;
}

 .online_a .common-spirite{
	/* height: 26px;
   width:  26px;
	background-position: -78px -290px;  */
	 width: .35rem; height: .35rem;
	background-position: 72% 47.92%;
	background-size: 1028.57%; 
	position: relative;
}



.lang_a .common-spirite-pc {
	width: 26px; height: 26px;
	background-position:  -172px -59px;
}

.nav_right ul li a.menu_a .common-spirite-pc{
	background-position: 95.14% 5.02%;
}


.arrow.common-spirite-pc{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-position:  -45px -171px;
	-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;
	/* background-size: 2320%; */
}

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

/* header li.li_link span.arrow img {
	width: .8rem;
	height: .8rem;
	-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;
} */

.nav_right ul li.member a.online {
	position: relative;
}

a.online_a img {
	display: block;
	width: .34rem;
	height: .34rem;
	overflow: hidden;
	border-radius: 50%;
}

/* .nav_right ul li.member a.online_a {
	position: relative;
} */

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

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

.nav_right ul li.lang {
	position: relative;
}



.nav-sub {
 	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-ms-opacity: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-filter: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 {
    visibility: visible !important;
    display: block\9;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-filter:alpha(opacity=100);
} 

.nav-sub#product {
	box-sizing: border-box;
	width: 1200px;
	position: absolute;
	/* position: absolute\9;
	left: 50%;
	left: -150%\9; */
	top: .68rem;
	left:0;
	/* margin-left: -600px; */
	/* margin-left: -480px; */
	margin-left: 0\9;
	-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;
	transition: all .2s ease-in-out;
	filter: progid: DXImageTransform.Microsoft.Shadow(color='#e3e3e3', Direction=135, Strength=10);
	background-color: #ffffff;
	-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);
	border: 1px solid #EBEDEE;
	font-size: 0;
	white-space: nowrap;
	height: auto;
	display:table;
	height: 5.02rem;

}

.nav-sub#product .menu-l,
.nav-sub#product .menu-r {
	display: inline-block;
	vertical-align: top;
	display:table-cell;
}

.nav-sub#product .menu-l {
	box-sizing: border-box;
	padding-top: .06rem;
	padding-bottom: .06rem;
	width: 300px;
	line-height: 0;
	vertical-align: top;
	border-right: 1px solid #EBEDEE;
}

.nav-sub#product .menu-l .menu-l-b ul li {
	width: 100%;
	height: .3rem;
	text-align: left;
	cursor: pointer;
	margin-bottom: 3px; 
}

.nav-sub#product .menu-l .menu-l-b ul li:nth-child(1) .inner{
	background-color: rgb(52, 118, 204);
}


.nav-sub#product .menu-l .menu-l-b ul li .inner {
	width: 100%;
	height: 100%;
	padding-left: .15rem;
	box-sizing: border-box;
}



.goods-family{
	display: inline-block;
	box-sizing: border-box;
	width: .65rem;
	height: .22rem;
	line-height: .22rem;
	color: #ffffff;
	text-align: center;
	position: relative;
	margin-top: .04rem;
	vertical-align: top;
	white-space: nowrap;
	padding-left: .05rem;
	font-size: .13rem;
}



.menu-l-b ul li:nth-child(4),
.menu-l-b ul li:nth-child(8),
.menu-l-b ul li:nth-child(9),
.menu-l-b ul li:nth-child(11){
	border-top:1px solid #edf0f5;
	/* padding-top: .06rem;  */
}

/* .menu-l-b ul li:nth-child(3),
.menu-l-b ul li:nth-child(7),
.menu-l-b ul li:nth-child(8),
.menu-l-b ul li:nth-child(10){
	padding-bottom: .06rem; 
} */

.menu-l-b ul li:nth-child(1) .goods-family,
.menu-l-b ul li:nth-child(2) .goods-family,
.menu-l-b ul li:nth-child(3) .goods-family

{
	background-color: #3476cc;
}
.menu-l-b ul li:nth-child(4) .goods-family,
.menu-l-b ul li:nth-child(5) .goods-family,
.menu-l-b ul li:nth-child(6) .goods-family,
.menu-l-b ul li:nth-child(7) .goods-family

{
	background-color: #44a29f;
}
.menu-l-b ul li:nth-child(4) .goods-family span, 
.menu-l-b ul li:nth-child(5) .goods-family span,
.menu-l-b ul li:nth-child(6) .goods-family span,
.menu-l-b ul li:nth-child(7) .goods-family span
{
	border-left:.12rem solid #44a29f;
}

.menu-l-b ul li:nth-child(9) .goods-family,
.menu-l-b ul li:nth-child(10) .goods-family
{
	background-color: #c3a072;
}
.menu-l-b ul li:nth-child(9) .goods-family span,
.menu-l-b ul li:nth-child(10) .goods-family span
{
	border-left:.12rem solid #c3a072;
}
.menu-l-b ul li:nth-child(11) .goods-family,
.menu-l-b ul li:nth-child(12) .goods-family,
.menu-l-b ul li:nth-child(13) .goods-family,
.menu-l-b ul li:nth-child(14) .goods-family,
.menu-l-b ul li:nth-child(15) .goods-family,
.menu-l-b ul li:nth-child(16) .goods-family
{
	background-color: #9e94c0;
}

.menu-l-b ul li:nth-child(11) .goods-family span,
.menu-l-b ul li:nth-child(12) .goods-family span,
.menu-l-b ul li:nth-child(13) .goods-family span,
.menu-l-b ul li:nth-child(14) .goods-family span,
.menu-l-b ul li:nth-child(15) .goods-family span,
.menu-l-b ul li:nth-child(16) .goods-family span
{
	border-left:.12rem solid #9e94c0;
}
.menu-l-b ul li:nth-child(8) .goods-family
{
	background-color: #e97a4e;
}
.menu-l-b ul li:nth-child(8) .goods-family span{
	border-left:.12rem solid #e97a4e;
}

.li-hasclicked .goods-family{
	color: #3e3e3e !important;
	background-color: #ffffff !important;
}

.li-hasclicked  .goods-family span{
	border-left:.12rem solid #ffffff !important;
}

.inner p{
	display: inline-block;
	height: .3rem;
	line-height: .3rem;
	white-space: nowrap;
	padding-left: .2rem;
	vertical-align: top;
}

.inner.li-hasclicked p{
	color: #ffffff;
}

.goods-family span{
	display: inline-block;
	position: absolute;
	left: 100%;
	top: 0;
	border-left:.11rem solid #3476cc;
	border-top:.11rem solid transparent;
	border-right:.11rem solid transparent;
	border-bottom:.11rem solid transparent;
}



.nav-sub#product .menu-l .menu-l-b ul li .inner a {
	display: block;
	box-sizing:border-box;
	height: .3rem;
	line-height: .3rem;
	padding: 0 !important;
	text-align: left;
	color: #3e3e3e;
	font-size: .13rem;
}

.nav-sub#product .menu-r {
	width: 900px;
	height: 100%;
	position: relative;
}
.product-type-wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* display: none; */
}

.nav-sub#product .menu-r .product-type {
	width: 100%;
	height: 100%;
	text-align: left !important;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	z-index: 1;
	white-space: wrap;
}

.nav-sub#product .menu-r .product-type:first-child{
	z-index: 2;
}
.nav-sub#product .menu-r .product-type:nth-child(1),
.nav-sub#product .menu-r .product-type:nth-child(2)
{
	background-image: url("https://www.mornsun.cn/static/index/common/images/jike-bg.png");
	background-position:bottom right;
	background-repeat: no-repeat;
}



.nav-sub#product .menu-r .product-type:first-child {
	display: inline-block;
	display: block;
}

.nav-sub#product .menu-r .product-type li {
	box-sizing: border-box;
	width: 25%;
	height: 1.67rem;
	border-right: 1px solid #EBEDEE;
	border-bottom: 1px solid #EBEDEE;
	padding: 0;
	text-align: center;
	vertical-align: top;
	float: left; 
	position: relative;
	background-color: #ffffff;
}

.nav-sub#product .menu-r .product-type li a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: .22rem;
}

.nav-sub#product .menu-r .product-type li a div {
	display: block;

	width: 110px;
	height: 80px;
	margin: 0 auto;
}


.nav-sub#product .menu-r .product-type li a img {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.nav-sub#product .menu-r .product-type li a span {
	text-align: center !important;
	display: block;
	word-break: normal;
	line-height: .2rem;
	width: 100%;
	margin: 0 !important;
	padding-top: .15rem;
	white-space: normal;
	font-weight: normal !important;
	font-size: .12rem;
	color: #000 !important;
}

.nav-sub#product .menu-r .product-type li a.mall span {
	color: #d8411e !important;
	font-weight: bold !important;
	letter-spacing: 1px;
}

.nav-sub#product .menu-r .product-type li a.mall img{
	width: 90px;
	height: 90px;
}

/* .nav-sub#product .menu-r .product-type li:hover a {
	background-color: #f8fcff !important;
} */

.nav-sub#product .menu-r .product-type li:not(.jike-nav):hover a {
	background-color: #f8fcff !important;
}


.nav-sub#product .menu-r .product-type li.jike-nav span{
	display: inline-block;
	width: 100px;
	position: absolute;
	right:40px;
	top: 25px;
	color: #0081cc !important;
	padding-top: 0;
	font-size: .22rem;
	line-height: .28rem;
	text-align: right !important;
	font-weight: bold !important;
}

.jike-nav span::after {
    content: "";
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #0081cc;
    position: absolute;
    right: -25px;
    top: 7px;
}

.jike-nav a{
	cursor: default  !important
}

.jike-nav#kejiashi{
	background-image: url("https://www.mornsun.cn/static/index/common/images/kejia.jpg");
}
.jike-nav#daoguishi{
	background-image: url("https://www.mornsun.cn/static/index/common/images/daogui.jpg");
}
.jike-nav#tese{
	background-image: url("https://www.mornsun.cn/static/index/common/images/tese.jpg");
}

.industry-div{
	padding-top: 0.15rem;
	width: 100% !important;
}

.industry-div i{
	/* width: .3rem;
	height: .3rem; */
	width: 30px;
	height: 30px;
	background-image: url('https://www.mornsun.cn/static/index/common/images/industry_spirites.png');
	margin-top: 0.07rem;
	margin-right: 0.08rem;
}

.industry-div i,
.industry-div span{
	display: inline-block !important;
	vertical-align: top;
}

.nav-sub#product .menu-r .product-type li a .industry-div span{
	text-align: left !important;
	width: auto ;
	padding-top: 0 ;
}

.industry-div#in590 i{
	background-position: -10px -10px;
}
.industry-div#in593 i{
	background-position:-60px -10px;
}
.industry-div#in594  i{
	background-position:-110px -10px;
}
.industry-div#in595  i{
	background-position:-160px -10px;
}
.industry-div#in597  i{
	background-position:-210px -10px;
}
.industry-div#in598  i{
	background-position:-260px -10px;
}
.industry-div#in1906  i{
	background-position:-310px -10px;
}
.industry-div#in1970  i{
	background-position:-360px -10px;
}
.industry-div#in1995  i{
	background-position:-410px -10px;
}
.industry-div#in2408  i{
	background-position:-460px -10px;
}


.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;
	width: 1.53rem;
	left: 0;
	top: 100%;
	z-index: 1;
	background: #ffffff;
	color: #0081cc;
	border-right: 1px solid #EBEDEE;
	border-left: 1px solid #EBEDEE;
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
}

.lang .child_ul {
	width: 1.15rem;
	left: 50%;
	margin-left: -.55rem;
	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_ul li {
	cursor: pointer;
	height: .4rem;
	line-height: .4rem;
}

.child_li a {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #3e3e3e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .12rem;
	text-align: left;
}

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

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

#wmap {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: .68rem;
	width: 100%;
	background-color: #ffffff;
	/* max-height: 0;
    height: 0\9;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-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; */
	/* opacity: 0;
    visibility: hidden;
    overflow: hidden; */
	/* -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    transition: .3s linear; */
	cursor: default;
	/* display: none; */
	/* display: none; */
	/* visibility: visible\9; */
	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_ul {
	display: block;
	width: 11.5rem;
	font-size: 0;
	display: table;
	margin: 0 auto;
	vertical-align: top;
	border-bottom: 1px solid #e3e3e3;
}

/* .menu.li_link:hover #wmap {
    max-height: 500px;
    height: 500px\9;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    visibility: visible;
} */

.wmap_ul li {
	display: table-cell;
}

.wmap_ul li.wmap_l {
	width: 2.2rem;
	vertical-align: top;
	background-image: url("https://www.mornsun.cn/static/index/common/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_ul li.wmap_l span {
	display: inline-block;
	width: 100%;
	margin-top: .45rem;
	margin-left: .45rem;
}

.wmap_ul li.wmap_l span {}

.wmap_ul li.wmap_l span p {
	font-size: .25rem;
	line-height: .35rem;
	color: #3d3d3d;
	text-align: left;
}

.wmap_ul li.wmap_l span p+p {
	font-size: .18rem;
	line-height: .2rem;
}

.wmap_ul li.wmap_r {
	width: 9.3rem;
	border-left: 1px solid #e3e3e3;
	background-color: #ffffff;
}

.wmap_ul li.wmap_r div:not(:last-child) {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
}

.wmap_ul li.wmap_r div ul {
	width: 100%;
	text-align: left;
}


.m-lang{
	display: none;
}

.wr_ul {
	margin: .1rem 0;
	display: table;
}

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

.wr_ul .li_l {
	display: table-cell;
	box-sizing: border-box;
	font-size: .16rem;
	width: 1.2rem;
	vertical-align: middle;
	padding-left: .25rem;
	position: relative;
}

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

.wr_ul_1 {
	width: 100%;
	font-size: 0;
	white-space: normal;
	border-left: 1px solid #e3e3e3;
}
/* .wr_ul .li_l{
	width: 100%;
    width: 100%;
    font-size: .15rem; 
    text-align: left;
    cursor: pointer;
    position: relative;
    font-size: .15rem;
    color: #2a2a2a;
	vertical-align: center;
	 display: table;
} */
.wr_ul_1 li {
	display: inline-block; 
	padding-left: .15rem;
	margin: .08rem 0;
 /* line-height: 0.14rem !important;
	height: 0.14rem !important;  */
	 line-height: 0.14rem;
	height: 0.14rem; 
	display: inline-block;
	word-wrap: break-word;



	/* text-align: left; */
    /*  */
}




.wr_ul_1 li .common-spirite-pc {
	display: inline-block;
	margin-left: .15rem;
	width: 1px;
    height: 10px;
    background-position: -135px -171px;
}

.wr_ul_1 li a {
	display: inline-block;
	word-wrap: break-word;
	/* width: 100%; */
	/* text-align: center; */
	font-size: 0.14rem;
	height: 0.14rem;
	line-height: 0.14rem;
	color: #666666;
	white-space: nowrap;
	vertical-align: top;
}

.wr_ul_1 li a p{
	display: inline-block;
	width: 100%;
	white-space: normal;
	word-wrap: normal;
	vertical-align: top;
	/* height: 0.14rem;
	line-height: 0.14rem; */
}

.wr_ul_1 li a span{
	display: none;
}





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


.menu_a{
	width: 24px;
	height: 18px;
	margin: 0 auto;
	margin-top: .15rem;
}

.menu_a span{
	display: block;
	width: 100%;
	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_a span:nth-child(2){
margin:6px 0;
}

/* 移动端搜索 */

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

.header_main .search .common-spirite {
	width: .2rem;
	height: .2rem;
	position: absolute;
	right: 0.1rem;
	top: 50%;
	margin-top: -.1rem;
	cursor: pointer;
	color: #0a659a;
 background-position:61.47%  88.41%;
	/* background-size:1300% ;  */
  background-size: 1800%; 
 /* background-position:61.47%  88.41%;  */
}

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

.request {
	padding-top: .5rem;
	text-align: center;
	line-height: 0;
}

.request a {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	width: 80%;
	max-width: 3.98rem;
	background-color: #2fa1e3;
	border-radius: 10px;
	color: #fff;
	font-size: .15rem;
	padding: .15rem .1rem .15rem .1rem;
	position: relative;
}

.request a img {
	width: .12rem;
	height: .12rem;
	position: absolute;
	right: .15rem;
	top: 50%;
	margin-top: -.05rem;
}

.tel {
	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-left: .38rem;
	padding-top: .15rem;
}

.tel img {
	margin-top: .03rem;
	width: .18rem;
	height: .18rem;
}

.tel a {
	line-height: .25rem;
	color: #444444;
	vertical-align: top;
	padding-left: .05rem;
}

.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: .15rem;
	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 nav  .common-spirite-phone{
	display: inline-block;
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.06rem;
	width: .12rem;
	height: .12rem;
	background-position:21.37% 93.52%;
	background-size:1308%;
}

.menu_mobile ul li nav  .common-spirite-phone.arr-top-phone{
	background-position:73.79% 68.34%;
}



.menu_mobile ul li dl {
	width: 100%;
	margin-top: .15rem;
	display: none;
	/* position: relative;
    z-index: 301; */
}

.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 {
	text-align: center;
	background-color: #ededed;
}

footer ul {
	font-size: 0;
	box-sizing: border-box;
}

footer ul li {
	display: inline-block;
	vertical-align: top;
}

footer .ul1 {
	box-sizing: border-box;
	background-color: #ededed;
	border-bottom: .01rem solid #e1e1e3;
	border-top: .01rem solid #e1e1e3;
	text-align: left;
	width: 12rem;
	display: inline-block;
	vertical-align: top;
}

footer .ul1 li {
	margin: .15rem 0;
	text-align: center;
	color: #ababab;
}

footer .ul1 li i {
	font-size: .1rem;
}

footer .ul1 li a {
	display: inline-block;
	margin: 0 .12rem;
	font-size: .13rem;
	color: #3d3d3d;
}

footer .ul1 li:first-child a {
	margin-left: 0;
}

footer .ul2 {
	padding-top: .2rem;
	text-align: center;
	padding-bottom: .25rem;
	white-space: nowrap;
	background-color: #ffffff;
}

footer .ul2 li {
	box-sizing: border-box;
	padding-top: .3rem;
}

footer .ul1 li .common-spirite-pc {
	display: inline-block;
	width: 1px;
	height: 10px;
	background-position: -135px -171px;
}

footer .ul2 li .logo-spirite {
	display: block;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: .08rem;
    background-position: -10px -208px;
}




footer .ul2 li+li+li img {
	width: 1.16rem;
	height: .98rem;
}

footer .ul2 li+li {
	padding: .2rem .6rem 0 .45rem;
}

footer .ul2 li+li+li {
	padding-top: 0;
}

footer .ul2 li+li {
	text-align: left;
}

footer .ul2 li+li span {
	display: inline-block;
	font-size: .14rem;
	padding-bottom: .1rem;
	color: #3d3d3d;
}

footer .ul2 li+li p {
	font-size: .12rem;
	line-height: .2rem;
	color: #9a9a9b;
}

footer .ul2 li+li p a {
	color: #9a9a9b;
	display: inline-block;
}

/* footer end */
/* tools begin */

.tools {
	position: fixed;
	right: 0;
	bottom: 140px;
	z-index: 10;
}

.tools ul {
	width: .56rem;
	/* font-size: 0; */
}

.tools ul li {
	float: left;
	background-color: #ffffff;
	text-align: center;
	cursor: pointer;
	position: relative;
	/* width: 100%; */
	/* height: .51rem; */
	height: 41px;
	width: 44px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	/* box-sizing: border-box; */
}

.tools ul li .a_con {
	display: table-cell;
	width: .56rem;
	height: .51rem;
	vertical-align: middle;
}

.tools ul li.to_top {
	border-bottom: 1px solid #dfdfdf;
}

.tools ul li.t_slide {
	border-top: 1px solid #dfdfdf;
	color: #666666;
}

.tools ul li.t_slide.li_hide {
	margin-bottom: .05rem;
	border-bottom: 1px solid #dfdfdf;
}

.tools ul li.t_slide,
.tools ul li.to_top {
	height: .4rem;
	padding-top: .1rem;
	height: 25px;
	padding-top: 5px;
}

.tools ul li .img_bc {
	width: .3rem;
	height: .29rem;
	margin-top: .1rem;
}

.tools ul li .common-spirite-pc {
	/* width: 30px;
	height: 29px; */
	width: 44px;
	height: 41px;
	/* margin-top: .1rem; */
	display: inline-block;
	/* background-size: 773.33%; */
}


.t_shangqiao .common-spirite-pc{
	background-position:-109px -117px;
}
.t_qq .common-spirite-pc{
	background-position:-112px -5px;
	
}
.t_consult .common-spirite-pc{
	background-position:-58px -117px;
}
.t_wechat .common-spirite-pc{
	background-position:-162px -5px;
}
.t_request .common-spirite-pc{
	background-position: -7px -117px;
}
.t_describe .common-spirite-pc{
	background-position: -112px -58px;
}

.t_consult .float-box-content .common-spirite-pc{
	width: 36px;
	height: 36px;
}

.t_consult .float-box-content .common-spirite-pc.consult-phone{
	 background-position:-66px -66px; 

}

.t_consult .float-box-content .common-spirite-pc.consult-phone.phone-blue{
	background-position:-10px -66px;
}

.t_consult .float-box-content .common-spirite-pc.consult-message{
	 background-position:-10px -10px; 
	
}

.t_consult .float-box-content .common-spirite-pc.consult-message.message-blue{
	background-position:-66px -10px;
}

.tools ul li.to_top .common-spirite-pc{
	width: 20px;
	height:  20px;
	margin-top:0;
	display: inline-block;
	/* background-size: 1150%; */
	background-position:-172px -105px;
}

.tools ul li .img_bc img {
	width: 100%;
	height: 100%;
}

.tools ul li.to_top .img_bc {
	margin-top: 0rem;
}

/* .tools ul li.t_shangqiao .a_1 {
	background-color: #F95B5B;
} */

.tools ul li.t_qq .a_1 {
	background-color: #2cb7da;
}

.tools ul li.t_wechat .a_1 {
	background-color: #61ba46;
}

.tools ul li.t_request .a_1 {
	background-color: #ff7300;
}

.tools ul li.t_consult .a_1 {
	background-color: #0081cc;
}

.tools ul li.t_describe .a_1 {
	background-color: #444444;
}

.tools ul li.to_top .img_bc {
	height: .2rem;
	width: .2rem;
	background-position: -7.3rem 0;
}

.tools ul li .a_1 {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	font-size: .12rem;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-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;
	box-sizing: border-box;
	padding-top: 5px;

}

.tools ul li.t_describe .a_1{
	padding-top: 12px;
}



.tools ul li.to_top:hover .tools ul li.t_consult:hover {
	background-color: rgb(233, 248, 253);
}

.tools ul .li_hover:hover .img_bc {
	-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);
	transform: scale(0.5);
}

.tools ul li:hover a.a_1 {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	visibility: visible;
}


.tools ul li.t_shangqiao .float_box {
	opacity: 1;
	visibility: visible;
	left: -120px;
	bottom: 15%;
	width: 1.1rem;
	display:none;
}

.tools ul li.t_shangqiao .float_box a span {
	margin-left: .05rem;
}

#float-box-close {
	padding: .02rem .1rem;
	position: absolute;
	left: 0;
	bottom: 100%;
	background-color: #409EFF;
	color: #ffffff;
	font-size: .12rem;
	cursor: pointer;
}


#float-box-close img {
	width: 100%;
}


.t_shangqiao .float-box-content::after {
	/* content: "";
	display: inline-block;
	border-left: .08rem solid #0081cc;
	border-top: .08rem solid transparent;
	border-right: .08rem solid transparent;
	border-bottom: .08rem solid transparent;
	position: absolute;
	left: 100%;
	top: 28%; */

	content: "";
    display: inline-block;
    border-left: .06rem solid #0081cc;
    border-top: .06rem solid transparent;
    border-right: .06rem solid transparent;
    border-bottom: .06rem solid transparent;
    position: absolute;
    left: 100.2%;
    top: 35%;
}

.t_shangqiao .float-box-content {
	padding: .05rem 0;
	width: auto;
	border: 2px solid #0081cc;
	margin-right: 0;
	cursor: pointer;
}

.tools ul li.t_shangqiao .float_box a {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


.tools ul li.t_shangqiao .float_box p {
	display: inline-block;
	vertical-align: top;
	color: #0081cc;
	font-size: .13rem;
	padding-left: .08rem;
}

.tools ul li.t_shangqiao .float_box i {
	display: inline-block;
	width: 0;
	overflow: hidden;
	animation: shangqiaoAni 2s infinite;
	vertical-align: top;
	color: #0081cc;
}


@keyframes shangqiaoAni {
	0% {
		width: 0;
	}

	40% {
		width: 8px;
	}

	60% {
		width: 15px;
	}

	100% {
		width: 15px;
	}
}

.tools ul li .float_box {
	box-sizing: border-box;
	width: 2.52rem;
	position: absolute;
	left: -470%;
	left: -260px;
	bottom: 0;
	-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;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	transition: 0.2s linear;

}

/* .tools ul li.t_wechat .float_box{
	bottom: -200%;
} */

.float-box-content {
	box-sizing: border-box;
	width: 2.38rem;
	margin-right: .15rem;
	padding: .2rem .15rem .2rem .18rem;
	background-color: #ffffff;
	border: 1px solid #e4e3e3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.float-box-content {
	text-align: center;
}

.float-box-content span {
	margin-left: 0;
}

.tools ul li:hover .float_box {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	visibility: visible;
	cursor: default;
}

.tools ul li .float_box a {
	display: inline-block;
	width: 100%;
	text-align: left;
	
	border-bottom: 1px solid #f8f8f8;
	/* padding-bottom: .15rem; */
}

.tools ul li.t_consult .float_box a{
	padding-bottom: .15rem; 
	margin-bottom: .2rem;
}

.tools ul li.t_wechat .float_box a {
	width: auto;
	margin-bottom: 0;
	padding-bottom: .1rem;
}

.tools ul li.t_wechat .float_box a:nth-child(2){
	padding-top: .2rem;
	padding-bottom: 0rem;
	border-bottom:none;
}

.tools ul li.t_consult .float_box a:first-child+a {
	cursor: pointer;
	margin-bottom: 0;
}

.tools ul li .float_box p {
	color: #3a3a3a;
	font-size: .14rem;
}

.tools ul li .float_box a+a+a+a {
	margin-bottom: 0rem;
	border-bottom: none;
	padding-bottom: .15rem;
}

.tools ul li .float_box form input {
	width: 1.9rem;
}

.tools ul li .float_box form input[type="text"] {
	border: 1px solid #cccccc;
	margin-top: .1rem;
	margin-bottom: .1rem;
	height: .35rem;
	line-height: .35rem;
}

.tools ul li .float_box form input[type="submit"] {
	width: 1.08rem;
	color: #ffffff;
	background-color: #ff9900;
	padding: 0;
	height: .32rem !important;
	line-height: .34rem !important;
	font-weight: bold;
	border-radius: .05rem;
	font-size: .14rem;
}

.tools ul li .float_box a span {
	display: inline-block;
	text-align: left;
	margin-left: .1rem;
}
.tools ul li.t_describe .float_box a span {
	margin-left: 0;
}

.tools ul li.t_wechat .float_box a span {
	text-align: center;
}

.tools ul li .float_box a .sprite {
	width: .36rem;
	height: .36rem;
	vertical-align: top;
}

.tools ul li .float_box a .sprite img {
	width: 100%;
	height: 100%;
}

.tools ul li .float_box a span p:first-child {
	font-size: .14rem;
	/* padding-bottom: .03rem; */
}

.tools ul li.t_wechat .float_box a span p:first-child,
.tools ul li.t_describe .float_box a span p:first-child
 {
	display: inline-block;
	width: 100%;
	padding-bottom: .08rem;
	text-align: center;
}



.tools ul li .float_box a span p+p {
	color: #c6c6c6;
}

.tools ul li .float_box a span p.num {
	font-weight: bold;
	color: #ffb34e;
	font-size: .16rem;
}

.tools ul li .float_box a span img {
	width: 1.3rem;
	height: 1.3rem;
	display: inline-block;
}

.tools ul li .float_box a span img {
	width: 1.3rem;
	height: 1.3rem;
	display: inline-block;
}

.tools ul li.t_describe .float_box a span{
	text-align: center;
}

.tools ul li.t_describe .float_box a span img{
	margin-top: 5px;
	width: 150px;
	height: 80px;
}






.tools ul li.t_request  .fly_num {
	display: block;
	width: .2rem;
	height: .2rem;
	text-align: center;
	position: absolute;
	top: 0rem;
	right: 0rem;
	background-color: red;
	border-radius: 50%;
}

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

/* .tools ul li.t_request .sprite img {
	animation: cartMove 1s linear;
} */



/* tools end */
/* banner */
/* .swiper-container {
    width: 100%;
    display: inline-block;
    position: relative;
}

.swiper-container .swiper-slide {
    width: 100%;
    display: inline-block;
}

.swiper-container .swiper-slide a {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
}

.swiper-container .swiper-slide a img {
   display: block;
    width: 100%;
    padding-bottom: 25%;
    background: url("../images/loading.gif") no-repeat center 48%;
}

.swiper-container.banner_phone {
    display: none;
}

.banner {
    position: relative;
} */



.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: 5.2rem;
	height: 4.4rem;
	margin-left: -2.6rem;
	margin-top: -2.2rem;
	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,
.login_box .reset {
	display: none;
}

.login_box .close {
	position: absolute;
	color: #eeeeee;
	width: 20px;
	height:  20px;
	right:15px;
	top:8px;
	cursor: pointer;
	background-position: -169px -290px;
}

.login_box .login_logo {
	display: block;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	margin-top: .35rem;
	margin-bottom: .08rem;
	background-position:  -10px -208px;
}

.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 {
	width: 100%;
	height: auto;
	height: .55rem;
}

.login_box .login .icon a {
	cursor: pointer;
	display: inline-block;
	width: 48px;
	height:  48px;
	margin: 0 .1rem;
	vertical-align: top;
}

.login-bg-phone{
	background-position: -290px -90px;
}
.login-bg-qq{
	background-position: -290px -158px;
}
.login-bg-wechat{
	background-position:-10px -290px;
}

.login_box .login .icon a img {
	display: inline-block;
	vertical-align: top;
	width: .48rem;
	height: .48rem;
}

.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 .login .phone_log,
.login_box .psw_reset,
.login_box .reset,
.login_box .phone_set {
	display: none;
}

.login_box .login .phone_log .verify input {
	width: 58%;
	float: left;
}

.login_box .login .phone_log .verify .img {
	width: 40%;
	float: right;
	height: 100%;
	background-color: green;
}

.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;
	/* border: 1px solid green; */
}

.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 .layer_con div {
    width: 100%;
    height: auto;
    margin-bottom: .15rem;
} */

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

.layer_title {
	box-sizing: border-box;
	display: block;
	/* width: 100%; */
	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 img.close {
	float: right;
	width: .16rem;
	height: .16rem;
	margin-top: .19rem;
	cursor: pointer;
}

.layer_t_wrap .close{
	float: right;
	cursor: pointer;
	position: absolute;
    /* right: .1rem;
	top: .13rem; */
	width: 20px;
    height: 20px;
    right: 15px;
    top: 13px;
    background-position:-169px -290px;
}

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

.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 .success {
	display: inline-block;
	font-size: 0.25rem;
	/* line-height: 0.6rem; */
	vertical-align: top;
	text-align: center;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	line-height: 0;
}

.layer_sub .success .common-spirite{
	display: inline-block;
	vertical-align: top;
	width:25px;
	height: 25px;
	background-position:  -124px -290px;
}

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

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

.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;
	/* 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);
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	display: none;
}

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

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

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

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

.tips_box .layer_con button.blue {
	display: inline-block;
	width: .6rem !important;
	margin-top: 0.15rem;
	vertical-align: top;
	border-radius: 2px;
	font-size: 0.14rem;
	height: .3rem;
}

.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% {
		/* left: 100%; */
		-webkit-transform: translateX(145%);
		-webkit-opacity: 0;
	}

	100% {
		/* 	left: 30%; */
		-webkit-transform: translateX(43%);
		-webkit-opacity: 1;
	}
}

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

	100% {
		/* left: 30%; */
		-moz-transform: translateX(43%);
		-moz-opacity: 1;
	}
}

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

	100% {
		/* left: 30%; */
		-o-transform: translateX(43%);
		-o-opacity: 1;
	}
}

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

	100% {
		/* left: 30%; */
		-ms-transform: translateX(43%);
		-ms-opacity: 1;
	}
}

@keyframes menu_show_animate {
	0% {
		transform: translateX(145%);
		/*left: 100%;
		*/opacity: 0;
		
}

	100% {
		transform: translateX(43%);
		/*left: 30%;
		*/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% {
		/* left: 30%; */
		-webkit-transform: translateX(42%);opacity: 1;
	}

	100% {
		/* left: 100%; */
		-webkit-transform: translateX(145%);	
	}
}

@-moz-keyframes menu_hide_animate {
	0% {
		/* 	left: 30%; */
		-moz-transform: translateX(42%);opacity: 1;
	}

	100% {
		/* left: 100%; */
		-moz-transform: translateX(145%);	
	}
}

@-o-keyframes menu_hide_animate {
	0% {
		/* left: 30%; */
		-o-transform: translateX(42%);opacity: 1;
	}

	100% {
		/* left: 100%; */
		-o-transform: translateX(145%);	
	}
}

@-ms-keyframes menu_hide_animate {
	0% {
		/* left: 30%; */
		-ms-transform: translateX(42%);opacity: 1;
	}

	100% {
		/* left: 100%; */
		-ms-transform: translateX(145%);	
	}
}

@keyframes menu_hide_animate {
	0% {
		/*left: 30%;
		*/transform: translateX(42%);
		opacity: 1;
	}
	

	100% {
		/*left: 100%;
		*/transform: translateX(145%);
	
}
}


.mobile_contact {
	display: none;
}

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

/* 机壳经销商 begin */

.distributor-jike-wrap {
	position: fixed;
	left: 0;
	top: 75%;
	width: 1.8rem;
	z-index: 11;
	font-size: .14rem;
	max-width: 260px;
	display: none;
}

.distributor-jike {
	width: 100%;
	padding-bottom: 93.07%;
	position: relative;
}

.distributor-jike a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.distributor-jike-img {
	position: absolute;
	left: 2%;
	top: 0;
	width: 100%;
	font-size: .18rem;
	font-weight: bold;
}

.distributor-jike-close {
	position: absolute;
	right: -5%;
	top: -5%;
	width: .25rem;
	height: .25rem;
	cursor: pointer;
	font-size: .14rem;
	z-index: 12;
}

/* 机壳经销商 end */

/* 有奖调研 begin */
/* .survey-wrapper{
	display: block;
	width: 138px;
	height: 138px;
	position: fixed;
	bottom: 30px;
	left: 30px;
	display: none; 
	
}

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

.survey-close{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}

.survey img{
	width: 100%;
	font-size: .14rem; 
} */

/* 有奖调研 end */

#newBridge .nb-icon-skin-0 .nb-icon-bridge0 {
	height: 0px !important;
	width: 0px !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	background: transparent url("") no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='//sgoutong.baidu.com/embed/1588057042/asset/embed/css/pc/icon/img/iconWord0.png');
}

#newBridge .nb-icon-right-bottom {
	 width: 44px !important;
    height: 41px !important; 
	right: 11px !important;
	bottom: 343px !important;
	opacity: 0 !important;
	border: 1px solid red;

}

#newBridge .nb-icon-base .nb-icon-inner-wrap {
	opacity: 0;
}

#newBridge .icon-right-bottom {
	right: 3px !important;
	bottom: 340px !important;
	top: auto;
	left: auto;
	width: 500px;
}

.m-mall{
	display: none;
}

/* .menu-tips{
	display: none;
} */
header#top_nav .header_main .ul_main {
	display: inline-block;
	font-size: 0;
	width: 85%;
	max-width: 1500px;
	min-width: 1280px;
	text-align: center;
	line-height: 0;
}
.embed-icon{
	display: none;
}
#newBridge .nb-icon-right-bottom{
	display: none;
}


.survey-wrapper{
	position: fixed;
	right:5px;
	bottom: 5px;
	z-index: 1;
	display: none;
}

.survey-close{
	width: .2rem;
	height: .2rem;
	position: absolute;
	right: .15rem;
	top: .15rem;
	z-index: 1;
	cursor: pointer;
}

.survey-form{
	/* width: 80%;
	max-width: 1000px; */
	width: 1000px;
	height: 80%;
	position: fixed;
	top:1.1rem;
	left: 50%;
	margin-left: -500px;
	border: 1px solid #d0d1d2;
	font-size: .14rem;
	z-index: 10;
	background-color: #fff;
	text-align: left;
	color: #666666;
	overflow-y: scroll;
	display: none;
}
/* 定义滚动条样式 */
.survey-form::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: rgba(240, 240, 240, 1);
  }
	
  /*定义滚动条轨道 内阴影+圆角*/
  .survey-form::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); 
	border-radius: 5px;
	background-color: rgba(240, 240, 240, .5);
  }
	
  /*定义滑块 内阴影+圆角*/
  .survey-form::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); 
	background-color: #dddddd;
  }

.survey-img{
	cursor: pointer;
	width: 1.2rem;
}

.survey-form-close{
	position:absolute;
	right:5px;
	top: 5px;
	width: .3rem;
	cursor: pointer;
}


.survey-title{
	display: block;
	padding: .25rem 0;
	background-color: #0081cc;
	font-size: .22rem;
	color: #ffffff;
	text-align: center;
}
.sruvey-content{
	display: block;
	padding: .4rem;

}
.questions-wrapper{
	display: block;
	/* background-color: #fafafa; */
	padding: .3rem .24rem;
	margin-top: .35rem;
}

.grey-bg{
	background-color: #fafafa;
	padding: .3rem .24rem;
	margin-top: .3rem;
}
.question{
	margin-bottom: .25rem;
}
.question-name{
	margin-bottom: .2rem;
	position: relative;
	line-height: .24rem;
}
.q-required .question-name::before{
	content: "*";
	color: red;
}


.score-name{
	display: block;
	width: 1.15rem;
	padding: 5px 0;
	border: 1px solid #d0d1d2;
	text-align: center;
	border-radius: 5px;
	margin-right: .15rem;
}

#pro_found_y,
#pro_found_n
{
	cursor: pointer;
}
.question label{
	cursor: pointer;
}
.question input{
	border: 1px solid #d0d1d2;
}

.answer{
	padding-left: .15rem;
}
.score-li{
	width: 49%;
	float: left;
	margin-bottom: .15rem;
}

.score-name,.score-box, .score{
	float: left;
}

.score{
	width: 20px;
	height:20px;
	position: relative;
	margin-right:.15rem;
	margin-top:5px;
	
}

.score i{
	display: block;
	width: 20px;
	height:20px;
	background-image:url("https://www.mornsun.cn/static/index/common/images/start-w.png");
}

.score i.star-y{
	display: block;
	width: 20px;
	height:20px;
	background-image:url("https://www.mornsun.cn/static/index/common/images/start-y.png");
}

.score input{
	width: 20px;
	height:20px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.radio-ul li{
	float: left;
	width: 1.5rem;
	margin-bottom: .15rem;
}

.radio-ul li input{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: top;
	margin-right: 5px;
	cursor: pointer;
}

.radio-ul li label{
	display: inline-block;
	height: 15px;
	line-height:15px;
	vertical-align: top;
	cursor: pointer;
}

.contact-ul li{
	width:49% ;
	float: left;
	margin-bottom: .15rem;
}
.contact-ul li input{
	width: 70%;
}

.contact-ul label{
	cursor: default;
}

.survey-submit{
	display: block;
	margin: 0 auto;
	background-color: #3a64ea;
	width: 1.6rem !important;
	height: .4rem !important;
	line-height: .4rem;
	color: #ffffff;
}

.answer textarea{
	font-family: "Microsoft YaHei" !important;
	color: #666666  !important;
}
/* 
@media screen and (min-width:1600px) {
	header#top_nav .header_main .ul_main {
		display: inline-block;
		font-size: 0;
		width: 90%;
		max-width: 1600px;
		min-width: 1280px;
		text-align: center;
		line-height: 0;
	}
} */

@media screen and (max-width:1600px) and (min-width:1366px){
	header#top_nav .header_main .ul_main {
		display: inline-block;
		font-size: 0;
		width: 100%;
		max-width: 1366px;
		min-width: 1280px;
		text-align: center;
		line-height: 0;
	}
	ul#header_nav li.li_link {
		width: 12.5%;
	}
}


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

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

@media screen and (min-width:1000px) and (max-width:1024px) {
	html {
		font-size: 85px;
	}
}
@media screen and (max-width:1000px) {
	.survey-form {
		width: 90%;
		margin-left: 0;
		left: 5%;
	}
}
 


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

	.tools ul li.t_shangqiao .float_box {
		width: 1.2rem;
		left: -250%;
	}
}

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

@media screen and (min-width:1270px) and (max-width:1331px) {

	.nav_right ul li.member,
	.nav_right ul li.lang,
	.nav_right ul li.menu {
		padding-left: .15rem;
		padding-right: .15rem;
	}
}

@media screen and (min-width:751px) and (max-width:1269px) {
	.header_main .li_main nav.nav_header {
		display: none !important;
	}

	.header_main .li_main:first-child+li {
		display: none;
	}

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

	.header_main .li_main.logo_1 {
		width: 1.84rem
	}

	.wmap_ul {
		width: auto;
	}

	.wmap_ul li.wmap_l {
		display: none;
	}

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

	.menu_mobile ul li nav {
		height: .4rem !important;
		line-height: .4rem !important;
		font-size: .14em !important;
	}

	.menu_mobile ul li dl dd {
		font-size: .13rem !important;
		padding: .1rem 0 .1rem .93rem !important;
	}

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

	footer {
		background-color: #f7f7f7 !important;
	}

	footer .ul1,
	footer .ul2 li:nth-child(1),
	footer .ul2 li:nth-child(2) span,
	footer .ul2 li:nth-child(2) p.phone,
	footer .ul2 li:nth-child(3) {
		display: none !important;
	}

	footer .ul2 li+li {
		text-align: center !important;
	}

	footer .ul2 li {
		padding-top: 0 !important;
	}
	

}

@media screen and (max-width:750px) {
	.wr_ul .li_l a{
		pointer-events: none;
	}
	.m-lang{
		display: block;
	}
	.header_main .li_main.logo_1 a{
		width: 1.8rem;
		height:.21rem; 
	    background-position: 9.61%  42.9%;
		margin-bottom: 0;
	    background-size: 132.91%;
	    margin-top:.15rem
	}
	.login_box .login_logo{
		width: 2rem;
		height: .3rem;
		background-position: 50%  4.76%;
		background-size: 105%;
	}
	.common-spirite-phone{
		background-image: url("https://www.mornsun.cn/static/index/common/images/common_spirite_phone.png");
		background-repeat: no-repeat;
	}
	.menu_mobile {
		display: block;
	}

	/* .login_box .login .icon a{
		background-image: url("../images/common_spirite_login.png");
	background-size: 233%;
	}
	.login-bg-phone{
		background-position: 93.75% 6.25%;
	}
	.login-bg-qq{
		background-position: 6.25% 6.25%;
	}
	.login-bg-wechat{
		background-position: 6.25% 93.75%;
	} */


.wr_ul .li_l{
	display: inline-block; 
    height: .5rem; 
 	line-height: .5rem;
   
}


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



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


	.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(45deg) scale(1);
			opacity: 1;
		}
	}

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

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

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

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

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

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

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

		100% {
			transform: rotate(45deg) 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(-45deg) scale(1);
			opacity: 1;
		}
	}

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

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

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

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

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

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

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

		100% {
			transform: rotate(-45deg) 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(-50deg) scale(1);
		}

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

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

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

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

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

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

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

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

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

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

	.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;
		/*border: 1px solid red;
		*/transform: rotate(-135deg) scale(0);
		opacity: 0;
		-webkit-transform:;
		-moz-transform:;
		-ms-transform:;
		-o-transform:;
}

	.mobile_contact ul li.qq_mc {
		transform: rotate(-135deg);
		transform-origin: center, center;
        background-position:;
	}

	.mobile_contact ul li .common-spirite-pc{
		width: .7rem;
		height: .7rem;
	}

	.qq_mc .common-spirite-pc{
		background-position:29.06% 43.10%;
	}

	.mobile_contact ul li.baidu_mc {
		/* transform: rotate(-7deg); */
		transform-origin: center, center;
	}

	.mobile_contact ul li.phone_mc {
		/* transform: rotate(-50deg); */
		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);
		}
	}







	.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;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.15);
	}

	.other_mc li a .common-spirite-phone {
		width: .36rem;
		height: .36rem;
		background-size:985.71% ;
	}

	#qq_mc a {
		background-color: #82d0f9;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

	#qq_mc a .common-spirite-phone{
		background-position:83.87% 50%;
	}
	#baidu_mc a .common-spirite-phone{
		background-position:98.38% 50%;
	}
	#phone_mc a .common-spirite-phone{
		
		background-position:69.35% 50%;
	}

	#baidu_mc a {
		background-color: #71e28e;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
}

	#phone_mc a {
		background-color: #87b4fb;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
}

	/* #newBridge .nb-icon-right-bottom {
		right: 1.15rem !important;
		bottom: .72rem !important;
		opacity: 0 !important;
	}  */

	.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 {
		height: .95rem;
	}

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

	.tools {
		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;
		display: block;
	}

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

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

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

	
	.fast_menu.fast_menu_phone ul li a .common-spirite-phone {
		width: .25rem;
		height: .25rem;
		background-size:1380%;
		margin: 0 auto;
	} 

	.fast_menu.fast_menu_phone ul li:nth-child(1) a .common-spirite-phone {
		background-position: 34.37% 25%;
	}
	.fast_menu.fast_menu_phone ul li:nth-child(2) a .common-spirite-phone {
		background-position: 56.25% 25%;
	}
	.fast_menu.fast_menu_phone ul li:nth-child(3) a .common-spirite-phone {
		background-position: 23.43% 25%;
	}
	.fast_menu.fast_menu_phone ul li:nth-child(4) a .common-spirite-phone {
		background-position: 45.31% 25%;
	}

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

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

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

	.fast_menu_phone .fly_num {
		display: block;
		width: .2rem;
		height: .2rem;
		text-align: center;
		position: absolute;
		top: -.03rem;
		right: .22rem;
		background-color: red;
		border-radius: 50%;
	}
	.fast_menu.fast_menu_phone ul li a {
		padding-top: .065rem;
		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;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: 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 {
		width: 100%;
		height: 100%
	} */

	.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_a img {
		width: .25rem;
		height: .25rem;
		max-width: 44px;
	}
	.offline_a.common-spirite-phone ,.menu_a.common-spirite-phone{
		width: .3rem;
		height: .3rem;
		background-size:650%;
		margin-top: .1rem;
	}

/* .menu_a{
		width:25px;
		height: 18px;
		margin: 0 auto;
		margin-top: .15rem;
}  */

	/* .menu_a span{
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 30%;
		-webkit-border-radius: 30%;
		-moz-border-radius: 30%;
		-ms-border-radius: 30%;
		-o-border-radius: 30%;
		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_a span:nth-child(2){
	margin: 7px 0;
} */


.menu_a 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_a 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_a span.span-middle{
	opacity: 0;
}


	.offline_a.common-spirite-phone{
		background-position:96.29% 28.24% ;
	}
    .menu_a.common-spirite-phone{
		background-position:55.55% 72.51% ;
	}

	.menu_a.common-spirite-phone.menu_close_a{
		background-position:96.29% 3.81% ;
	}

	.ul_mobile li.li_mobile.logo_m a{
		width: 100%;
		height: 100%;
	}

	.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;  */
		 height: 100%;
		position: relative;
		min-width: auto;
	
	}

	.header_main .li_main.li_search {
		display: block;
		padding-top: 0 !important;
		width: 90%;
		position: absolute;
		left: 5%;
		bottom: .1rem;
		/* transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%); */
		margin: 0;
}

.nav_right ul.menu_ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

	height: .3rem;
	margin-top: .1rem;
}

.nav_right ul li a.menu_a, .nav_right ul li a.lang_a, .nav_right ul li a.online_a, .nav_right ul li a.offline_a,.nav_right ul li.member, .nav_right ul li.lang, .nav_right ul li.menu,.nav_right{
	height: .3rem;
}

.nav_right ul li.lang{
	display: none;
}

.header_main .li_main.logo_1{
	display: inline-block;
	width: 80%;
	position: relative;
	z-index: 10;
	text-align: center;
	height: auto;
	background-color: #185FB1;
}

.header_main .li_main.logo_1 img{
	width: 100%;
}
.logo-spirite img{
	width: 100%;
	height: 100%;
}
.header_main .li_main.logo_1 .slogan{
	display: none;
}



.wmap_ul li.wmap_l{
	display: none;
}
.wmap_ul{
	width: 100%;
}
.wmap_ul li.wmap_r{
	width: 100%;
}

.wmap_ul li,.wr_ul .li_l,.wr_ul{
	display: block;
}

.wr_ul_1 li{
	width: 100%;
    box-sizing: border-box;
    font-size: .14rem;
	padding: .02rem 0 .02rem .3rem;
	height: auto;
	line-height: .18rem;
}


.wmap_r div:nth-child(1) .wr_ul .li_r .wr_ul_1 li{
	padding: .02rem 0 .02rem 0rem;
}



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

.wr_ul_1 li .common-spirite-pc{
opacity: 0;
display: none;
}

.wr_ul .li_r{
	display: none;
	width: 100%;
}

.wr_ul{
	margin: 0;
	
}

.wmap_ul{
	display: block;
	/* box-sizing: border-box; */
	padding-left: 10%;
	border-bottom: none;
	/* height: auto; */
	/* padding-top: .2rem; */
	
	/* overflow-y: scroll; */
	
}
.wmap_ul li.wmap_r{
	border-left: none;
	
}

.wmap_ul li.wmap_r div:last-child{
	border-bottom: 1px solid #e3e3e3;
}

.wr_ul .li_l{
	padding-left: 0;
}


.li_l .common-spirite-phone{
	display: inline-block;
    width: .12rem;
    height: .12rem;
	background-position: 8.1% 15.15%;
	/* background-position: 1.5% 15.15%; */
	background-size: 2875%;
	float: right;
	margin-right: 20%;
	margin-top: 7%;
}

.li_l .common-spirite-phone.arr-b-t {
	background-position: 1.5% 15.15%;
}


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

	z-index: 10;
	/* background-color: transparent; */
}





/* 
	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_middle {
		display: none
	}

	.li_main.nav_right{
		position: absolute;
		left: 0;
		top: 0;
	}

	/* .header_main .li_main .li_search {
		display: inline-block !important;
	} */

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

	.ul_main .li_main {
		width: 100%;
	}

	.ul_main .li_main.li_search {
		/* vertical-align: top; */
		
	}

	.header_main .search {
		box-sizing: border-box;
		width: 100%;
		display: none;
		height: .35rem !important;
		margin-left: 0 !important;
		padding: 0.06rem .15rem !important;
		position: relative;
		margin-bottom: 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%;
		left: 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 {
		/* top: 0; */
		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;
	}

	footer {
		background-color: #f7f7f7 !important;
	}

	footer .ul1,
	footer .ul2 li:nth-child(1),
	footer .ul2 li:nth-child(2) span,
	/* footer .ul2 li:nth-child(2) p, */
	footer .ul2 li:nth-child(3) {
		display: none !important;
	}

	footer .ul2 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		height: 1.4rem;
	}

	footer .ul2 li+li {
		text-align: center !important;
		padding-left: 0;
		padding-right: 0;
	}

	/* footer .ul2 li+li p.phone {
        display: block !important;
        font-size: .12rem;
        line-height: .18rem;
    } */
	footer .ul2 li+li p a {
		display: block;
	}

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

	/* 	#procenter .content_box .ct_z {
		display: block;
	} */


	/* 机壳经销商 begin */

	.distributor-jike-wrap {
		width: 40%;
	}


	.distributor-jike-wrap {
		top: 70%;
	}


	/* 机壳经销商 end */





	.nav_right ul li.member, .nav_right ul li.lang{
		border: none;
	}
	.nav_right ul li.member a.online_a::after {
		top: 0;
	}

	 .online_a .common-spirite{
		background-position: 96.66% 3.4%;
		background-size: 600%;	
	}

	.header_main .search .common-spirite{
		background-position: 46.15% 74.76%;
		background-size:1028.25%;	
	}

	.offline_a .common-spirite{
		width: .26rem;
		height: .26rem;
		background-position: 92.94% 74.34%; 
		background-size:818.18%;
		position: relative;
   }

   .login_box .login .icon a{
	    background-size: 300%;
   }

	.login-bg-phone{
		background-position: 4.16% 4.3%;
	}
	.login-bg-qq{
		background-position: 62.5% 4.3%;
	}
	.login-bg-wechat{
		background-position:4.16%  65.78%;
	}


	.login_box .close,.layer_t_wrap .close {
		background-position: 62.5% 74.05%;
		background-size:1125% ;
	}

	.layer_sub .success .common-spirite{
		width:.25rem;
		height: .25rem;
		background-position:  50.67% 52.81%;
		background-size: 5625%;
	}

	#newBridge .nb-icon-wrap,
	#newBridge .nb-icon-right-bottom,
	#newBridge .nb-icon-wrap-1 .nb-icon-wrap-base
	{
		width: 44px  !important;
		height: 41px !important;
	} 

	#newBridge .nb-icon-wrap,
	#newBridge .nb-invite-wrap-base,
	#newBridge{
		z-index: 5 !important;
	}
	.wr_ul .li_l{
		width: 100%;
		font-size: .15rem; 
		text-align: left;
		cursor: pointer;
		position: relative;
		font-size: .15rem;
		color: #2a2a2a;
		vertical-align: center;
		display: table;
		height: auto;
		line-height: auto;
	}
	.wr_ul_1 li a {
		display: inline-block;
		word-wrap: break-word;
		font-size: 0.14rem;
		height: auto;
		line-height: 0.2rem;
		color: #666666;
	}
	.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 span::after{
		content: "";
		display: inline-block;
		border-left:.1rem solid red ;
		border-right:.1rem solid transparent;
		border-top:.1rem solid transparent ;
		border-bottom:.1rem solid transparent ;
		position: absolute;
		left: 100%;
		top: 0;
	}
	
	.wr_ul_1 li:nth-child(1) a span,
	.wr_ul_1 li:nth-child(2) a span,
	.wr_ul_1 li:nth-child(3) a span
	{
		background-color: #3476cc;
	}
	.wr_ul_1 li:nth-child(1) a span::after,
	.wr_ul_1 li:nth-child(2) a span::after,
	.wr_ul_1 li:nth-child(3) a span::after
	{
		border-left:.1rem solid #3476cc ;
	}
	
	
	
	.wr_ul_1 li:nth-child(4) a span,
	.wr_ul_1 li:nth-child(5) a span,
	.wr_ul_1 li:nth-child(6) a span,
	.wr_ul_1 li:nth-child(7) a span
	{
		background-color:#44a29f;
	}
	
	.wr_ul_1 li:nth-child(4) a span::after,
	.wr_ul_1 li:nth-child(5) a span::after,
	.wr_ul_1 li:nth-child(6) a span::after,
	.wr_ul_1 li:nth-child(7) a span::after
	{
		border-left:.1rem solid #44a29f ;
	}
	
	.wr_ul_1 li:nth-child(8) a span,
	.wr_ul_1 li:nth-child(9) a span
	{
		background-color:#e97a4e;
	}
	
	.wr_ul_1 li:nth-child(8) a span::after,
	.wr_ul_1 li:nth-child(9) a span::after
{
		border-left:.1rem solid #e97a4e ;
	}
	

	.wr_ul_1 li:nth-child(11) a span,
	.wr_ul_1 li:nth-child(10) a span
	{
		background-color:#c3a072;
	}

	.wr_ul_1 li:nth-child(11) a span::after,
	.wr_ul_1 li:nth-child(10) a span::after
	{
		border-left:.1rem solid #c3a072 ;
	}
	
	
	.wr_ul_1 li:nth-child(15) a span,
	.wr_ul_1 li:nth-child(16) a span,
	.wr_ul_1 li:nth-child(12) a span,
	.wr_ul_1 li:nth-child(13) a span,
	.wr_ul_1 li:nth-child(14) a span
	{
		background-color:#9e94c0;
	}
	
	
	.wr_ul_1 li:nth-child(15) a span::after,
	.wr_ul_1 li:nth-child(16) a span::after,
	.wr_ul_1 li:nth-child(12) a span::after,
	.wr_ul_1 li:nth-child(13) a span::after,
	.wr_ul_1 li:nth-child(14) a span::after
	{
		border-left:.1rem solid #9e94c0;
	}
	


	.wr_ul_1 li a p{
		display: inline-block;
		width: 80%;
		white-space: normal;
		word-wrap: normal;
		vertical-align: top;
	}

	.wmap_ul{
		display: block;
		padding-left: 0;
		border-bottom: none;	
	}

	.wmap_ul li.wmap_r div:not(:nth-child(1)){
		box-sizing: border-box;
		width: 100%;
	}
	.wmap_ul li.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: 10%;
	}


	.m-mall{
		 display: block; 
		width: 100% !important;
		border:none !important;
		margin-top: .3rem;
	}

	.m-mall a{
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.m-mall a img{
		width: 100% !important;
		height: auto !important;
	}

	.menu_a{
		position: relative;
	}

	.menu_a::before{
		/* content: "菜单"; */
		display: inline-block;
		height: 100%;
		position: absolute;
		left: -140%;
		bottom: -50%;
		font-size: .14rem;
		color: #ffffff;
	}
	.survey-wrapper{
		position: fixed;
		bottom: .7rem;
		left: .1rem;
	}

	.score-li {
		width: 100%;
	}
	.score-box{
		margin-top: .1rem;
		margin-bottom: .1rem;
	}
	.sruvey-content,.grey-bg {
		padding:0.2rem
	}

	.answer textarea{
		width: 100% !important;
	}

	input[name="pro_not_found_reason"]{
		width: 85% !important;
	}

	.contact-ul li{
		width: 100%;
	}
	.contact-ul label {
		display: block;
		cursor: default;
		width: 100%;
		margin-bottom: .1rem;
	}
	.contact-ul li input {
		width: 100%;
	}
	.survey-form {
		top:15%;
	}
	.survey-img{
		width:.8rem;
	}
	.survey-close {
		left: .6rem;
		top: 5px;
	}
	.survey-form-close{
		width: 20px;
	}

	.survey-title {
		font-size: .2rem;
	}

}