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-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:70px;padding:0 81px;overflow:hidden;}
header .logo{float:left;}
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:#c49a6c;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;}


/* fix tool */
.fix-tool{position:fixed;bottom:50px;right:20px;z-index:999999999999;width:48px;}
.fix-tool .list{width:48px;float:left;position:relative;height:48px;}
.fix-tool .list a{position:absolute;width:96px;top:0;left:-20px;opacity:0;background:#c49a6c;color:#fff;height:48px;text-align:center;text-decoration:none;
line-height:48px;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;z-index:9;cursor:pointer;}
.fix-tool .list a:hover{text-decoration:underline;}
.fix-tool i{width:48px;height:48px;display:block;text-align:center;line-height:48px;color:#fff;font-size:32px;}
.fix-tool .list:hover a{left:-96px;opacity:1;}
.fix-tool .icon-liaotian{background:#c49a6c;position:absolute;left:0;top:0;z-index:10;}
.fix-tool .icon-top{background:#000;cursor:pointer;}


/* title box */
.title-box{margin-top:36px;font-family: 'proBold'!important;}
.title-box span{display:inline-block;width:100%;color:#c49a6c;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:20px;width:400px;}


.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:100px;}
.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:#444;}
#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;}




.other{/*overflow:hidden;*/position:relative;margin-bottom:30px;clear:both;}
.other .logo-box{float:left;}
.other .footer_content{float:left;}
.other .footer_content .brand{background:none;}
.other .footer_content li{list-style: disc;}
.other .footer_content li a:hover{text-decoration:underline;}
.other .footer_content li:nth-child(1){width:180px;margin-left:70px;}
.other .footer_content li:nth-child(2){width:330px;}
.other .footer_content li:nth-child(3){width:200px;margin-left:30px;}
.other .footer_content li:nth-child(4){width:200px;margin-left:30px;}

.other .footer_content .brand span{width:100%;}
.other .footer_content .brand a{width:50%;float:left;}

.other .footer_content li span{width:100%;display:inline-block;font-size:18px;color:#000;line-height:18px;margin-bottom:20px;font-family: 'font'!important;font-weight:600;}
.other .footer_content li a{display:inline-block;width:100%;font-size:14px;color:#000;line-height:17px;margin:5px 0;}
/* footer */
footer{height:60px;background:#000;color:#8c8c8c;width:100%;display:block;float:left;}
footer a{color:#8c8c8c;}
footer p{margin:0 5px;}
footer .layout{height:60px;}
.m-show{display:none;}

/* moblie */

@media screen and (max-width:850px) {
	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;}
	
	header .logo{float:none;margin:0 auto;}
	header .btn-menu{position:absolute;left:13px;top:16px;}
	header .tool_search{position:absolute;right:5px;top:0;height:50px;line-height:50px;}
	header .tool_search i{font-size:24px;color:#000;}
	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;}
	.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:#c49a6c;}
	.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;}
	
	.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 .footer_content{padding:0 1rem;background:#f7f7f7;display:block;float:none;overflow:hidden;}
	.other .footer_content li{margin:0!important;width:100%!important;list-style:none;}
	.other .footer_content li span{height:3.6rem;line-height:3.6rem;margin:0;display:block;border-bottom:1px solid #d9d9d9;}
	.other .footer_content li span.on{border:0 none;}
	.other .footer_content li span i{display:inline-block!important;float:right;color:#000;}
	
	.other .footer_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;padding-top:1rem;}
	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: -5px;
			border: 1px solid #f7f7f7;
			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;*/
			right:12px;
			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: 385px;
			position: absolute;
			left: -1px;
			top: -388px;
			background: #fff;
			border: 1px solid #f7f7f7;
			border-bottom: none;
		}
		
		#country_style .list li {
			width: 130px;
			height: 35px;
			list-style: none;
		}
		#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;
			}
		}