html,
		body,
		div,
		span,
		applet,
		object,
		iframe,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		blockquote,
		pre,
		a,
		abbr,
		acronym,
		address,
		big,
		cite,
		code,
		del,
		dfn,
		em,
		font,
		img,
		ins,
		kbd,
		q,
		s,
		samp,
		small,
		strike,
		strong,
		sub,
		sup,
		tt,
		var,
		dl,
		dt,
		dd,
		ol,
		ul,
		li,
		fieldset,
		form,
		label,
		legend,
		table,
		caption,
		tbody,
		tfoot,
		thead,
		tr,
		th,
		td,
		center,
		u,
		b,
		i {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: normal;
			font-style: normal;
			font-size: 100%;
			font-family: 'Arial';
			vertical-align: baseline
		}
		
		body {
			line-height: 1
		}
		
		:focus {
			outline: 0
		}
		
		button {
			border: none;
		}
		
		ol,
		ul,
		li {
			list-style: none
		}
		
		li {
			float: left;
		}
		
		li a {
			text-decoration: none;
			!important;
		}
		
		table {
			border-collapse: collapse;
			border-spacing: 0
		}
		
		blockquote:before,
		blockquote:after,
		q:before,
		q:after {
			content: ""
		}
		
		blockquote,
		q {
			quotes: "" ""
		}
		
		input,
		textarea {
			margin: 0;
			padding: 0
		}
		
		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #000;
		}
		
		:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #000;
		}
		
		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #000;
		}
		
		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #000;
		}
		
		select {
			background: #FFFFFF;
		}
		
		hr {
			margin: 0;
			padding: 0;
			border: 0;
			color: #000;
			background-color: #000;
			height: 1px
		}
		/* font face */
		
		@font-face {
			font-family: 'proRegular';
			src: url(../font/font/ProximaNova-Regular.otf);
		}
		
		@font-face {
			font-family: 'proSemiBold';
			src: url(../font/font/ProximaNova-Semibold.otf);
		}
		
		@font-face {
			font-family: 'proBold';
			src: url(../font/font/ProximaNova-Bold.otf);
		}
		
		@font-face {
			font-family: 'proLight';
			src: url(../font/font/ProximaNova-Light.otf);
		}
		
		@font-face {
			font-family: 'georgiaItalic';
			src: url(../font/font/georgiai.ttf);
		}
		
		@font-face {
			font-family: 'geoItalic';
			src: url(../font/font/ProximaNova-RegularItalic.otf);
		}
		
		* {
			font-family: proRegular!important;
		}
		/* display flex */
		
		.g-flex {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-start {
			-webkit-box-align: start;
			-moz-align-items: flex-start;
			-ms-align-items: flex-start;
			-webkit-align-items: flex-start;
			align-items: flex-start;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-end {
			-webkit-box-align: end;
			-moz-align-items: flex-end;
			-ms-align-items: flex-end;
			-webkit-align-items: flex-end;
			align-items: flex-end;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-stretch {
			-webkit-box-align: stretch;
			-moz-align-items: stretch;
			-ms-align-items: stretch;
			-webkit-align-items: stretch;
			align-items: stretch;
			behavior: url(ie-css3.htc);
		}
		
		.g-align-center {
			-webkit-box-align: center;
			-moz-align-items: center;
			-ms-align-items: center;
			-webkit-align-items: center;
			align-items: center;
			behavior: url(ie-css3.htc);
		}
		
		.g-align-end {
			align-items: flex-end;
			-webkit-align-items: flex-end;
		}
		
		.g-justify-content-start {
			-webkit-box-pack: start;
			-moz-justify-content: flex-start !important;
			-ms-justify-content: flex-start !important;
			-webkit-justify-content: flex-start !important;
			justify-content: flex-start !important;
			behavior: url(ie-css3.htc);
		}
		
		.g-justify-content-end {
			-webkit-box-pack: end;
			-moz-justify-content: flex-end !important;
			-ms-justify-content: flex-end !important;
			-webkit-justify-content: flex-end !important;
			justify-content: flex-end !important;
			behavior: url(ie-css3.htc);
		}
		
		.g-justify-content-center {
			-webkit-box-pack: center;
			-moz-justify-content: center !important;
			-ms-justify-content: center !important;
			-webkit-justify-content: center !important;
			justify-content: center !important;
			behavior: url(ie-css3.htc);
		}
		
		.g-justify-content-between {
			-webkit-box-pack: justify;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			behavior: url(ie-css3.htc);
		}
		
		.g-center {
			-webkit-box-pack: center;
			-moz-justify-content: center !important;
			-ms-justify-content: center !important;
			-webkit-justify-content: center !important;
			justify-content: center !important;
			-webkit-box-align: center;
			-moz-align-items: center;
			-ms-align-items: center;
			-webkit-align-items: center;
			align-items: center;
			behavior: url(ie-css3.htc);
		}
		
		.g-direction-row {
			-webkit-box-direction: normal;
			-webkit-box-orient: horizontal;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-webkit-flex-direction: row;
			flex-direction: row;
			behavior: url(ie-css3.htc);
		}
		
		.g-direction-column {
			-webkit-box-direction: normal;
			-webkit-box-orient: vertical;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-wrap-none {
			-webkit-box-lines: single;
			box-lines: single;
			-moz-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
			-webkit-flex-wrap: nowrap;
			flex-wrap: nowrap;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-wrap {
			-webkit-box-lines: multiple !important;
			box-lines: multiple !important;
			-moz-flex-wrap: wrap !important;
			-ms-flex-wrap: wrap !important;
			-webkit-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
			behavior: url(ie-css3.htc);
		}
		
		.g-flex-wrap-rewrap {
			-moz-flex-wrap: wrap-reverse;
			-ms-flex-wrap: wrap-reverse;
			-webkit-flex-wrap: wrap-reverse;
			flex-wrap: wrap-reverse;
			behavior: url(ie-css3.htc);
		}
		
		.g-align-self-start {
			-moz-align-self: flex-start;
			-ms-align-self: flex-start;
			-webkit-align-self: flex-start;
			align-self: flex-start;
			behavior: url(ie-css3.htc);
		}
		
		.g-align-self-end {
			-moz-align-self: flex-end;
			-ms-align-self: flex-end;
			-webkit-align-self: flex-end;
			align-self: flex-end;
			behavior: url(ie-css3.htc);
		}
		
		.g-align-self-center {
			-moz-align-self: center;
			-ms-align-self: center;
			-webkit-align-self: center;
			align-self: center;
			behavior: url(ie-css3.htc);
		}
		
		.layout {
			width: 1200px;
			margin: 0 auto;
		}
		/* public header */
		
		.wrapper-header {
			position: fixed;
			left: 0;
			top: 0;
			z-index: 99999;
			background: #fff;
			width: 100%;
		}
		
		.wrapper-header.hide {
			top: -100px;
		}
		
		header {
			height: 90px;
			padding: 0 81px;
			overflow: hidden;
			position: relative;
		}
		
		header .logo-tex {
			position: absolute;
			left: 81px;
			font-size: 14px;
			top: 63px;
		}
		
		header .logo {
			float: left;
			margin-left: 63px;
		}
		
		header .toolbar {
			float: right;
			height: 70px;
			overflow: hidden;
		}
		
		header .toolbar li {
			margin: 0 14px;
			line-height: 70px;
		}
		
		header .toolbar li:hover {
			text-decoration: underline;
		}
		
		header .toolbar .tool_chat,
		header .toolbar .tool_collect,
		header .toolbar .tool_person,
		header .toolbar .tool_search,
		header .toolbar .tool_line {
			margin: 0 5px;
		}
		
		header .toolbar .tool_chat:hover,
		header .toolbar .tool_collect:hover,
		header .toolbar .tool_person:hover,
		header .toolbar .tool_search:hover,
		header .toolbar .tool_line:hover {
			text-decoration: none;
		}
		
		header .toolbar li a {
			color: #000;
			font-size: 13px;
			line-height: 70px;
			font-family: 'proSemiBold'!important;
		}
		
		header .toolbar li a i {
			font-size: 32px;
			line-height: 70px;
		}
		
		header .toolbar .tool_chat {
			position: relative;
			padding-right: 30px;
			margin-right: 0;
			cursor: pointer;
		}
		
		header .toolbar .tool_chat a {
			color: #0000ff;
			font-size: 16px;
			font-weight: 600;
			width: 100%;
			height: auto;
		}
		
		header .toolbar .tool_chat i {
			margin-left: 5px;
			margin-top: 5px;
			position: absolute;
			right: 0;
			top: -5px;
		}
		
		header .toolbar .tool_line a i {
			font-size: 20px!important;
		}
		/* search box */
		
		.search-box {
			position: absolute;
			background: #fff;
			height: 46px;
			line-height: 46px;
			display: none;
			z-index: 999999;
			width: 100%;
		}
		
		.search-box input {
			border: 0;
			text-indent: 20px;
			font-size: 18px;
			color: #000;
			height: 46px;
			line-height: 46px;
			width: 95%;
			font-family: 'proLight'!important;
		}
		
		.search-box i {
			font-size: 22px;
			cursor: pointer;
			color: #cbcbcb;
			line-height: 45px;
		}
		
		.search-box i:hover {
			color: #000;
		}
		
		.result-list {
			position: absolute;
			top: 45px;
			left: 0;
			width: 100%;
			background: #fff;
			display: none;
			z-index: 999999;
		}
		
		.result-list li {
			width: 100%;
			cursor: pointer;
		}
		
		.result-list li:hover {
			background: #666;
		}
		
		.result-list li:hover a {
			color: #fff;
		}
		
		.result-list li a {
			color: #999;
			text-indent: 20px;
			display: inline-block;
			width: 100%;
			height: 100%;
			font-family: 'proLight'!important;
		}
		
		.result-list li a i {
			color: #222;
			font-size: 14px;
		}
		
		.result-list li b {
			color: #000;
		}
		
		.wrapper-header {}
		
		.public-nav {
			background: #000;
			height: 30px;
			width: 100%;
		}
		
		.public-nav ul {
			padding: 0 81px;
		}
		
		.public-nav ul li a {
			color: #b3b3b3;
			font-size: 13px;
			line-height: 30px;
		}
		
		.public-nav ul li a:hover,
		.public-nav ul li.on a {
			color: #fff;
		}
		/* title box */
		
		.title-box {
			margin-top: 36px;
			font-family: 'proBold'!important;
		}
		
		.title-box span {
			display: inline-block;
			width: 100%;
			color: #0000FF;
			font-size: 14px;
			line-height: 10px;
			font-family: 'proBold'!important;
		}
		
		.title-box h2 {
			color: #000;
			font-size: 36px;
			line-height: 30px;
			line-height: 30px;
			margin-top: 12px;
			font-family: 'proSemiBold'!important;
		}
		
		.title-box p {
			margin: 20px 0 42px 0;
			font-size: 14px;
			color: #4a4a4a;
			line-height: 17px;
			width: 418px;
		}
		
		.swiper-button-prev,
		.swiper-button-next {
			width: 40px!important;
			height: 40px!important;
			background: #000!important;
			color: #fff;
			text-align: center;
			z-index: 9999!important;
		}
		
		.swiper-button-prev:hover,
		.swiper-button-next:hover {
			background: #0000ff!important;
		}
		
		.swiper-button-prev i,
		.swiper-button-next i {
			font-size: 20px;
			line-height: 40px;
		}
		/* crumbs */
		
		.crumbs {
			background: #f7f7f7;
			height: 30px;
			margin-top: 120px;
		}
		
		.crumbs a {
			color: #3f3f3f;
			font-size: 13px;
			line-height: 30px;
			text-decoration: none;
		}
		
		.crumbs a:first-child {
			margin-left: 81px;
		}
		
		.crumbs a:after {
			content: ' / ';
		}
		
		.crumbs a:last-child:after {
			content: '';
		}
		/* blue-btn */
		
		.btn-b {
			color: #fff;
			text-decoration: none;
			text-align: center;
			background: #0000FF;
			box-shadow: 2px 4px 10px #2a2ac4;
			-moz-box-shadow: 2px 4px 10px #2a2ac4;
			-webkit-box-shadow: 2px 4px 10px #2a2ac4;
			cursor: pointer;
			font-family: 'proBold'!important;
		}
		/* page */
		
		#pagination {
			overflow: hidden;
			float: left;
			width: 100%;
			text-align: center;
			margin: 20px 0 50px 0;
		}
		
		#pagination li {
			margin: 0 5px;
			float: none;
			display: inline-block;
		}
		
		#pagination li:hover a {
			color: #000;
			font-weight: 600;
		}
		
		#pagination li a {
			color: #ccc;
			font-size: 15px!important;
		}
		
		#pagination li.active a {
			color: #000;
			font-weight: 600;
		}
		
		#pagination li.disabled a,
		#pagination li.disabled a:hover {
			color: #bbb;
			cursor: default;
			font-weight: 500;
		}
		/* footer */
		
		.other {
			/*overflow: hidden;*/
			position: relative;
			background: #f7f7f7;
			padding: 30px 0;
			width: 100%;
			float:left;
		}
		
		.other .layout {
			/*overflow: hidden;*/
			padding: 0 81px;
		}
		
		.other .public-share {
			width: 100%;
			float: left;
			text-align: center;
			margin-top: 30px;
		}
		
		.other .public-share a {
			text-decoration: none;
			color: #000;
			font-size: 30px;
			margin: 0 10px;
		}
		
		.other .public-share a:hover {
			color: #0000FF;
		}
		
		.other .logo-box {
			float: left;
		}
		
		.other .content {
			float: left;
			padding: 0!important;
			overflow:inherit;
		}
		
		.other .content .brand {
			background: none;
		}
		
		.other .content li {
			list-style: disc;
		}
		
		.other .content li a:hover {
			text-decoration: underline;
		}
		
		.other .content li:nth-child(1) {
			width: 180px;
			margin-left: 70px;
		}
		
		.other .content li:nth-child(2) {
			width: 330px;
		}
		
		.other .content li:nth-child(3) {
			width: 200px;
			margin-left: 30px;
		}
		
		.other .content li:nth-child(4) {
			width: 200px;
			margin-left: 30px;
		}
		
		.other .content .brand span {
			width: 100%;
		}
		
		.other .content .brand a {
			width: 50%;
			float: left;
		}
		
		.other .content li span {
			width: 100%;
			display: inline-block;
			font-size: 18px;
			color: #000;
			line-height: 18px;
			margin-bottom: 20px;
			font-family: 'proBold'!important;
		}
		
		.other .content li a {
			display: inline-block;
			width: 100%;
			font-size: 14px;
			color: #000;
			line-height: 17px;
			margin: 5px 0;
		}
		
		footer {
			height: 60px;
			background: #000;
			color: #8c8c8c;
			clear:left;
		}
		
		footer a {
			color: #8c8c8c;
		}
		
		footer .layout {
			height: 60px;
		}
		
		.m-show {
			display: none;
		}
		
		.js-tel-fix {
			position: fixed;
			right: 41px;
			bottom: 91px;
			width: 50px;
			height: 50px;
			display: inline-block;
			background: #2a2ac4;
			color: #fff;
			border-radius: 100%;
			text-align: center;
			font-size: 27px!important;
			line-height: 48px;
			box-shadow: 1px 1px 3px #000;
			-moz-box-shadow: 1px 1px 3px #000;
			-webkit-box-shadow: 1px 1px 3px #000;
			cursor: pointer;
			z-index: 9999;
		}
		
		.js-phone-box {
			z-index: 9999;
			text-align: center;
			position: fixed;
			bottom: 0;
			width: 600px;
			height: 320px;
			padding: 20px 40px;
			left: 50%;
			top: 50%;
			margin-left: -267px;
			margin-top: -160px;
			background: #fff;
			-webkit-box-shadow: 0 2px 5px #212224;
			box-shadow: 0 2px 5px #212224;
			border: 1px solid #eee;
			display: none;
		}
		
		.js-phone-box h3 {
			font-size: 33px;
			color: #212224;
			font-weight: 600;
			text-align: center;
		}
		
		.js-phone-box h4 {
			color: #222;
			font-size: 12px;
			line-height: 24px;
			text-align: left;
			margin-top: 20px;
			margin-left: 2%;
		}
		
		.js-phone-box input {
			width: 370px;
			height: 36px;
			border: 1px solid #ccc;
			border-radius: 4px;
			text-indent: 10px;
		}
		
		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
		}
		
		:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #999;
		}
		
		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
		}
		
		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
		}
		
		.js-phone-box i {
			text-align: center;
		}
		
		.js-phone-box .int-name {
			width: 48%;
		}
		
		.js-phone-box .phone-before {
			width: 19%;
		}
		
		.js-phone-box .phone-after {
			width: 77%;
		}
		
		.js-phone-box p {
			margin: 0 auto;
			margin-top: 16px;
			width: 100%;
			font-size: 12px;
			line-height: 16px;
			color: #999;
			text-align: justify;
		}
		
		.js-phone-box .js-submit {
			text-align: center;
			margin: 0 auto;
			height: 42px;
			line-height: 42px;
			width: 112px;
			background: #212224;
			display: block;
			color: #fff;
			font-size: 14px;
			border-radius: 2px;
			margin-top: 20px;
			text-decoration: none;
		}
		
		.js-phone-box .js-submit:hover {
			background: #4f5154;
		}
		
		.js-phone-box .icon-del {
			height: 30px;
			width: 30px;
			line-height: 32px;
			border-radius: 50%;
			background: rgba(0, 0, 0, .8);
			color: #fff;
			position: absolute;
			top: 5px;
			right: 5px;
			cursor: pointer;
		}
		/* moblie */
		
		@media screen and (max-width:850px) {
			.other .layout {
				padding: 0;
			}
			body,
			html {
				font-size: 12px;
				width: 100%;
				overflow-x: hidden;
			}
			.m-show {
				display: block!important;
			}
			.m-hide {
				display: none;
			}
			.layout {
				width: 100%;
			}
			header {
				padding: 0;
				height: 50px;
			}
			.js-tel-fix {
				bottom: 97px;
				right: 40px;
			}
			.js-phone-box {
				width: 90%;
				left: 0;
				margin-left: 3%;
				padding: 10% 2%;
			}
			header .logo {
				float: none;
				margin: 0 auto;
			}
			header .btn-menu {
				position: absolute;
				left: 13px;
				top: 16px;
			}
			header .tool_search {
				position: absolute;
				right: 25px;
				top: 0;
				height: 50px;
				line-height: 50px;
			}
			header .tool_collect i,
			header .tool_search i {
				font-size: 24px;
				color: #000;
			}
			header .tool_collect {
				position: absolute;
				right: 5px;
				top: 0;
				height: 50px;
				line-height: 50px;
			}
			header .tool_chat {
				position: absolute;
				right: 30px;
				top: 0;
				height: 50px;
			}
			header .tool_chat a {
				font-size: 12px;
				position: relative;
				padding-right: 15px;
				height: 50px;
				display: inline-block;
				line-height: 52px;
			}
			header .tool_chat a i {
				position: absolute;
				top: -2px;
				right: 0;
			}
			.int {
				display: none;
			}
			.toolbar {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: #fff;
				z-index: 999999;
				padding-top: 1rem;
				display: none;
			}
			.toolbar li {
				width: 100%;
				float: left;
			}
			.toolbar li a {
				font-size: 1.5rem;
				display: inline-block;
				width: 100%;
				line-height: 3.7rem;
				text-align: center;
				color: #000;
			}
			.toolbar li.on a {
				color: #0000FF;
			}
			.toolbar .icon-del {
				position: absolute;
				right: 1.1rem;
				top: .8rem;
				font-size: 1.5rem;
			}
			.public-nav {
				height: 45px;
				display: none;
			}
			.public-nav .layout {
				overflow-x: scroll;
			}
			.public-nav ul {
				padding: 0;
				height: 45px;
				display: block!important;
				white-space: nowrap;
			}
			.public-nav ul li {
				height: 45px;
				line-height: 45px;
				padding: 0 10px;
				display: inline-block;
			}
			.public-nav ul li a {
				display: inline-block;
				line-height: 45px;
				font-size: 15px;
			}
			.search-box {
				top: 50px;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				display: none;
			}
			.search-box.on {
				display: block;
			}
			.search-box .go {
				position: absolute;
				right: 10px;
				top: 11px;
				width: 50px;
				height: 22px;
				border: 1px solid #000;
				background: #fff;
			}
			.result-list {
				top: 47px;
			}
			.title-box {
				margin-top: 1.5rem;
			}
			.title-box span {
				font-size: 1.2rem;
			}
			.title-box h2 {
				font-size: 2rem;
				margin: .2rem 0 .5rem 0;
			}
			.swiper-button-prev,
			.swiper-button-next {
				width: 2rem!important;
				height: 2rem!important;
			}
			.swiper-button-prev i,
			.swiper-button-next i {
				font-size: 1rem;
				line-height: 2rem;
			}
			.other {
				margin: 0;
				width: 100%;
			}
			.other .content {
				padding: 0 1rem !important;
				background: #f7f7f7;
				display: block;
				float: none;
				overflow: hidden;
			}
			.other .logo-box {
				width: 100%;
				text-align: center;
				float: none;
			}
			.other .content li {
				margin: 0!important;
				width: 100%!important;
				list-style: none;
			}
			.other .content li span {
				height: 3.6rem;
				line-height: 3.6rem;
				margin: 0;
				display: block;
				border-bottom: 1px solid #d9d9d9;
			}
			.other .content li span.on {
				border: 0 none;
			}
			.other .content li span i {
				display: inline-block!important;
				float: right;
				color: #000;
			}
			.other .content li a {
				display: none;
				height: 3rem;
				line-height: 3rem;
				margin: 0;
				padding: 0 1rem;
				border-bottom: 1px solid #d9d9d9;
				width: auto!important;
				float: none!important;
			}
			footer {
				height: auto;
				overflow: hidden;
			}
			footer .layout {
				display: block!important;
				text-align: center;
				height: auto;
				padding: 0 0 1.5rem 0;
			}
			/*footer .layout .returnTop{border-bottom:;}*/
			footer .layout p {
				display: inline-block;
				text-align: center;
				margin: 0 .5rem;
				font-size: 1.1rem;
				line-height: 1.5rem;
			}
			footer .layout hr {
				background: #aaa;
				width: 90%;
				margin: .5rem auto;
			}
			footer .layout .b {
				width: 100%;
			}
			.crumbs {
				display: none;
			}
			#pagination .wrapper-list {
				display: none;
			}
			#pagination li {
				font-size: 1.5rem;
				margin: 0 1rem;
			}
			#pagination li a {
				font-size: 1.5rem!important;
			}
			.returnTop {
				display: inline-block;
				width: 100%;
				height: 2rem;
				line-height: 2rem;
				text-align: center;
				background: #000;
				color: #fff;
				font-size: 1.5rem;
			}
		}
		/*底部不同国家*/
		
		#country_style {
			width: 130px;
			height: 35px;
			background: #fff;
			margin-top: 120px;
			list-style: none;
			position: absolute;
			/*right: 25%;
			top: 26px;*/
			left:0px;
			bottom:-60px;
			border: 1px solid #f7f7f7;
			border-top: none;
			cursor: pointer;
		}
		
		#country_style .top_angle {
			display:none;
			width: 0;
			height: 0;
			border-width: 0 10px 10px;
			border-style: solid;
			border-color: transparent transparent #f7f7f7;
			position: absolute;
			left: 20px;
			top: -10px;
			z-index: 999;
		}
		
		#country_style .top_angle span {
			display: block;
			width: 0;
			height: 0;
			border-width: 0 8px 8px;
			border-style: solid;
			border-color: transparent transparent #fff;
			/*透明 透明  黄*/
			position: absolute;
			top: 2px;
			left: -8px;
		}
		
		#country_style img {
			float: left;
			margin-top: 12px;
			margin-left: 10px;
			margin-right: 14px;
		}
		
		#country_style .country_name {
			float: left;
			width: auto;
			font-size: 14px;
			color: #000;
			font-weight: 400;
			line-height: 14px;
			margin-top: 11px;
			font-family: 'Arial'!important;
		}
		
		#country_style .right_angle {
			position: absolute;
			right: 18px;
			top: 14px;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 5px solid #000;
			cursor:pointer;
		}
		
		#country_style .list {
			display:none;
			overflow:hidden;
			width: 130px;
			height: 520px;
			position: absolute;
			left: -1px;
			top: -522px;
			background: #fff;
			border: 1px solid #f7f7f7;
			border-bottom: none;
		}
		
		#country_style .list li {
			width: 130px;
			height: 35px;
			list-style: none;
			margin-left:0px;
		}
		#country_style img{
			width:18px;
			height:12px;
		}
		.show_hi{
			display:block!important;
		}
		/*@media screen and (max-width:1700px) {
			#country_style {
				right: 20%;
			}
		}
		
		@media screen and (max-width:1500px) {
			#country_style {
				right: 15%;
			}
		}
		
		@media screen and (max-width:1400px) {
			#country_style {
				right: 10%;
			}
		}*/
		
		@media screen and (max-width:768px) {
			#country_style {
				display: none;
			}
		}