/* CSS Document 全局*/
*{ margin:0px; padding:0px; box-sizing: border-box;}
body{ font-family: "microsoft yahei"; font-size:16px; background: #FFffFF; color:#333333;  position:relative;}
img{ border:none;}
ul li{ list-style-type:none}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}


.container {
	max-width: 1223px;
	margin: 0 auto;
	position: relative;
	clear: both;
}
.pages_container{ max-width:1095px; margin:0 auto; position: relative;}
.nav_container{ max-width:1223px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both}
.show{ display: block;}
.radius3{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.radius50{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;}
.animate{ transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;}
.font-style{ font-family: "宋体";}
.loginPageBox_left img {
	width: 100%;
}
/* 登录页面样式 */
.login{
	width:100vw;
	height:100vh;
	background-image: url(../images/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login .loginPage{
	width:1566px;
	height:462px;
}
.login .registerPage{
	height:670px !important;
}
.login .loginPage .loginPageBox{
	width:800px;
	height:462px;
	float:right;
	background:url(../images/login_min_bg.png) no-repeat left center;
	position:relative;
}
.login .registerPage .loginPageBox{
	height:670px !important;
	background-size: 100% 100%;
}
.login .loginPage .loginPageBox .loginPageBox_left{
	width:250px;
	height:199px;
	position:absolute;
	left:62px;
	top:107px;
}
.login .registerPage .loginPageBox .loginPageBox_left{
	top:190px !important;
}
.login .loginPage .loginPageBox .loginPageBox_right{
	width:292px;
	position: absolute;
	right:104px;
	top:49px;
	text-align: center;
}
.login .loginPage .loginPageBox .loginPageBox_right .title{
	font-size: 32px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #010E1E;
	letter-spacing: 5px;
	margin-bottom:34px;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list{
	height: 42px;
	position:relative;
	margin-bottom:20px;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .icon {
	/* width: 20px; */
	/* height: 20px; */
	color: darkgray;
	position: absolute;
	top: 8px;
	left: 10px;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .icon1{
	background:url(../images/login_icon1.png) no-repeat;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .icon2{
	background:url(../images/login_icon2.png) no-repeat;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .input_style{
	height:42px;
	width:100%;
	background: #EEF2F5;
	border:1px solid #EEF2F5;
	border-radius: 2px;
	padding-left:53px;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .input_style:hover{
	border:1px solid #BBDFFF;
}
.login .loginPage .loginPageBox .loginPageBox_right .input_list .input_style:focus{
	outline: none;
	border:1px solid #BBDFFF;
}
.login .loginPage .loginPageBox .loginPageBox_right .loginBtn{
	width:100%;
	height: 42px;
	background: linear-gradient(0deg, #71A4E9, #4B89DC);
	border-radius: 2px;
	border:none;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	letter-spacing: 5px;
	cursor:pointer;
	margin-bottom:26px;
	margin-top:20px;
	outline:none;
}
.login .loginPage .loginPageBox .loginPageBox_right .loginBtn:hover{
	background: linear-gradient(0deg, #5583C1, #2E5D9D);
}
.login .loginPage .loginPageBox .loginPageBox_right .di{
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login .loginPage .loginPageBox .loginPageBox_right .di a{
	color: #1CA4DC;
	display: block;
}
.login .loginPage .loginPageBox .loginPageBox_right .di a:hover{
	text-decoration: underline;
}

/*公共标题*/
.publicTitle{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #2B2B2B;}
.publicTitle span{display:inline-block;margin-left:10px;font-size: 12px;font-family: Source Han Sans CN;font-weight: 400;color: #9F9F9F;}


/*顶部*/
.header{width:100%; height:auto;}
.header .top{ width:100%; background:#ffffff;}
.header .header_logo{ width:315px;}
.header .header_logo img{height: 2.3rem; vertical-align: middle; }
.header .header_rg{width:182px;color:#2B2B2B;font-size:16px; display: flex; align-items: center; justify-content: flex-end;}
.header .header_rg .header_rg_icon{width:28px;height:28px;background:url(../images/noLoginIcon.png) no-repeat center center;margin-right:10px;}
.header .header_rg a{color:#2B2B2B;}
.header .nav{ width:100%; height: 48px; line-height: 48px; background: linear-gradient(0deg, #323E59, #415279); }
.header .nav ul li{ width:124px; float:left; position: relative;}
.header .nav ul li:after{ position: absolute;right:0; top:16px; content: ""; width:1px; height:16px; background: #696C7D;}
.header .nav ul li:last-child:after{width:0px; height: 0px; }
.header .nav ul li a{ display: block; width:124px;height: 48px; margin:0 auto; color:#ffffff; font-size:14px; text-align: center; position: relative; z-index: 1; }
.header .nav ul li:first-child{width:100px;}
.header .nav ul li:first-child a{width:100px;}
/* .header .nav ul li a:after{content:""; position: absolute; background: url(../images/nav_hover.jpg) no-repeat;height:103%;left: 50%;opacity: 0;top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: -webkit-translateX(-50%) -webkit-translateY(-50%);
    -moz-transform: -moz-translateX(-50%) -moz-translateY(-50%);
    -ms-transform: -ms-translateX(-50%) -ms-translateY(-50%);
    -o-transform: -o-translateX(-50%) -o-translateY(-50%);
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    width: 0;
    z-index: -1;
} */
.header .nav ul li a:hover{ color:#ffffff; text-decoration: underline;}
/* .header .nav ul li a:hover:after{ width:124px; opacity:1;} */
/* .header .nav ul li.hover a{ background: url(../images/nav_hover.jpg) no-repeat; color:#ffffff;} */

/*尾部*/
.footer{width:100%; height:324px; background: #2C2E43; }
.footer .footer_ss{ height: 128px; padding-top:53px;}
.footer .footer_list{  float:left;}
.footer .footer_list ul li{ width:220px; float:left; font-size:12px;position:relative; padding:0 39px;}
.footer .footer_list ul li:after{content:""; position:absolute; right:0; top:0;width:1px ;height:129px; background:#696C7D;}
.footer .footer_list ul li:last-child{width:300px;}
.footer .footer_list ul li:last-child:after{width:0;}
.footer .footer_list ul li a,.footer .footer_list ul li p{ display: block; color:#696C7D; margin-bottom:8px;}
.footer .footer_list ul li.overflow a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_list ul li a.footer_xbt{ font-size:15px; font-weight:bold;color:#FFffFF;margin-bottom:20px;}
.footer .footer_list ul li a:hover{ text-decoration: underline;}
.footer .footer_list ul li a.footer_xbt:hover{ font-weight: bold; text-decoration: none;}
.footer .footer_nr{ width:112px; float:right;}
.footer .footer_nr .footer_wx{ width:135px;height: 135px;  background: url("../images/footerWeixin.png") no-repeat 0 0;margin-top: -13px;}
.footer .footer_nr .footer_address{ width:135px;font-size:12px;color:#696C7D;text-align: center; margin-top:-22px;}
.footer .footer_nr .footer_address p{ margin-bottom:3px;}
.footer .footer_di{ width:100%; font-size:12px;text-align: center; color:#696C7D;clear:both;padding-top:40px;}
.footer .footer_di .di1{margin-bottom:7px;}
.footer .footer_di .di1 span{font-size:14px; color:#FF686F;}
.footer .footer_di .di2 span{display: inline-block; margin:0 10px;}

.footer_icon {animation: 1.1s ease-in-out 0s none normal infinite running footer_icon;
    -webkit-animation: 1.1s ease-in-out 0s none normal infinite running footer_icon;
    -moz-animation: 1.1s ease-in-out 0s none normal infinite running footer_icon;
    -ms-animation: 1.1s ease-in-out 0s none normal infinite running footer_icon;
    -o-animation: 1.1s ease-in-out 0s none normal infinite running footer_icon;}
@keyframes footer_icon{
    0%{ transform:translateX(10px);opacity:1}
    50%{ transform:translateX(0px); opacity:0.8}
    100%{ transform:translateX(10px);opacity:1;}
}
@-webkit-keyframes footer_icon{
    0%{ -webkit-transform:translateX(10px);opacity:1}
    50%{ -webkit-transform:translateX(0px); opacity:0.8}
    100%{ -webkit-transform:translateX(10px);opacity:1;}
}
@-moz-keyframes footer_icon{
    0%{ -moz-transform:translateX(10px);opacity:1}
    50%{ -moz-transform:translateX(0px); opacity:0.8}
    100%{ -moz-transform:translateX(10px);opacity:1;}
}
@-ms-keyframes footer_icon{
    0%{ -ms-transform:translateX(10px);opacity:1}
    50%{ -ms-transform:translateX(0px); opacity:0.8}
    100%{ -ms-transform:translateX(10px);opacity:1;}
}
@-o-keyframes footer_icon{
    0%{ -o-transform:translateX(10px);opacity:1}
    50%{ -o-transform:translateX(0px); opacity:0.8}
    100%{ -o-transform:translateX(10px);opacity:1;}
}
.pub_banner img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/*********** 公共CSS ************/
.block-area, .container {
	display: block;
	position: relative;
}
.block-area::after, .block-area::before, .container::after, .container::before {
	content: ' ';
	clear: both;
	display: block;
	height: 0.01rem;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.text-center { text-align: center; }
.text-left { text-align: left !important;}
.text-right { text-align: right; }

.text-red { color: red; }


/*多分辨率设定rem设定*/
html { font-size : 25px; }
.header .container {
	line-height: 3rem;
}
.mobile-container {
	display: none;
}
.pc-container {
	display: block;
}
/*big Resolution*/
@media only screen and (max-width: 640px) {
	html { font-size: 25px !important; }
	.mobile-container {
		display: block !important;
	}
	.pc-container {
		display: none !important;
	}
	.header .container {
		line-height: 2.2rem;
		display: flex;
	}
	.header .top {
		width: 100%;
		background: #3be6fe;
	}
	.header .container .header_logo{
		 text-align: center;
	}
	.header .header_logo img {
		height: 1.8rem;
	}
	.header .shortcuts {
		flex: 1;
		min-width: 2rem;
	}
	.header .shortcuts .shortcut {
		padding: 0 0.5rem;
	}
	.header .shortcuts .shortcut img {
		width: 1rem;
	}

	/********* 导肮 Start *********/
	.header .nav {
		width: 100%;
		height: 100%;
		line-height: 48px;
		background: rgba(255, 255, 255, 0.8);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999;
		display: none;
	}
	.header .nav ul li {
		float: left;
		position: relative;
		width: 100%;
	}
	.header .nav ul li:first-child {
		width: 100%;
	}
	.header .nav ul li a {
		display: block;
		color: #444;
		font-size: 0.7rem;
		font-weight: 700;
		height: 2rem;
	}
	.header .nav ul li a:hover {
		color: #4F98E3;
	}
	/********* 导肮 End *********/
	/********* Banner Start *********/
	body .banner {
		height: 7rem;
	}
	body .banner .banner_top {
		 top: 1.3rem;
	 }
	body .banner .banner_top .banner_top_list {
		width: 6.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: left;
		padding-left: 2.3rem;
		display: block;
		margin: 0 auto;
		font-size: 0.5rem;
		font-weight: 400;
		color: #FFFFFF;
	}
	body .banner .banner_bottom {
		width: 100%;
		height: 3rem;
		background: #FFF;
		position: absolute;
		bottom: -3rem;
		left: 0%;
		padding-top: 0.5rem;
	}
	body .banner .banner_bottom ul li {
		font-size: 0.55rem;
	}
	body .banner .banner_bottom ul li .tit {
		font-size: 0.55rem;
	}
	/********* Banner End *********/

	body .partOne {
		margin-top: 2.5rem;
		height: auto;
		margin-bottom: 0;
		overflow: hidden;
	}
	body .partOne .partOne_lf .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .publicTitle {
		font-size: 0.8rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #2B2B2B;
		padding-left: 0.2rem;
		border-left: 0.2rem solid #4F98E3;
		line-height: 0.9rem;
		height: 1rem;
		margin-left: 0.4rem;
		margin-top: 1rem;
		position: relative;
	}
	body .publicTitle::before {
		display: block;
		content: '';
		background: #EEEEEE;
		height: 0.2rem;
		position: absolute;
		top: -0.5rem;
		left: -0.6rem;
		width: 100vw;
	}
	body #Adv .ImgList img {
		display: block;
		width: 100%;
		height: auto;
	}
	body .partThree {
		height: auto;
		margin-bottom: 0.5rem;
	}
	body .partThree .fl {
		width: 100%;
	}
	body .partThree .fl .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .partThree .fl .product ul li {
		width: 30%;
		float: left;
		background: #FFFFFF;
		border: 1px solid #EFEFEF;
		margin-right: 1.666666666%;
		padding: 0.2rem;
		font-size: 0.5rem;
		box-sizing: border-box;
		margin-left: 1.666666666%;
	}
	body .partThree .fl .product ul li .mb_img {
		width: 100%;
		height: calc(30vw - 0.4rem);
		display: block;
		position: relative;
		overflow: hidden;
	}
	body .partThree .fl .product ul li .tit {
		padding: 0.2rem 0 0.2rem;
		color: #454545;
		font-size: 13px;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	/********* 贸易动态 Start *********/
	body .partThree .fr {
		width: 100%;
	}
	body .partThree .fr .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .tradeList {
		padding: 0 0.5rem;
	}

	body .partFour {
		width: 100%;
		height: auto;
		background: #FBFCFF;
		padding-top: 0;
		margin-bottom: 0;
	}
	body .partFour .fl .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .partFour .business {
		padding: 0 0.5rem;
	}
	body .partFour .fl, body .partFour .fr{
		width: 100%;
	}
	body .partFour .fl .business ul li {
		width: 23%;
		height: 2rem;
		line-height: 2rem;
		margin-right: 2.6%;
		float: left;
		color: #454545;
		font-size: 0.5rem;
		background: linear-gradient(0deg, #F9FAFF, #F1F4FF);
		box-shadow: 0px 1px 4px 0px rgba(118, 152, 255, 0.24);
		border-radius: 4px;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	body .partFour .fl .business ul li > div {
		width: 100%;
		height: 100%;
		padding: 0 0 0 1.5rem;
		overflow: hidden;
	}
	body .partFour .fl .business ul li .bus1 {
		background-position: 0.5rem;
	}
	body .problem {
		padding: 0 0.5rem;
	}
	body .partFour .fr .problem ul li a .lf {
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		padding-left: 18px;
	}
	body .partFour .fr .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .partTwo .publicTitle {
		margin-bottom: 0.5rem;
		width: 100%;
		float: left;
	}
	body .partTwo .partTwoBox .fl .tit {
		font-size: 14px;
		color: #2B2B2B;
		padding: 0.5rem 0 0.2rem;
	}
	body .partTwo .partTwoBox .fr {
		padding-top: 0.5rem;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	body .partTwo .partTwoBox {
		clear: both;
		width: 100%;
		height: auto;
		background: #F7F7F7;
	}
	body .partFive .publicTitle {
		margin-bottom: 0.5rem;
	}
	body .control-box {
		width: 100%;
		height: 155px;
		margin: 0 auto;
	}
	body .partFive {
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}
	body .partTwo {
		margin-bottom: 0;
	}
	body .partSix .publicTitle {
		width: inherit;
		text-align: left;
		margin: 0 0 1rem;
	}
	body .partSix {
		width: 100%;
		margin-bottom: 2rem;
		margin-top: 1rem;
	}
	body .partSix .publicTitle span {
		display: inline;
		padding-top: inherit;
	}
	body .partSix .friend_list .imgBox {
		width: 4rem;
		height: 4rem;
		border: 1px solid #f3f3f3;
		flex-wrap: wrap;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		margin-right: 39px;
		margin-left: 39px;
		overflow: hidden;
	}
	body .partSeven {
		height: auto;
		padding: 1rem 0.5rem;
		color: #ffffff;
		font-size: 12px;
		width: 100%;
	}
	body .partSeven .fl {
		width: 100%;
		overflow: hidden;
	}
	body .partSeven .fl .formList span {
		display: block;
		width: 100%;
	}
	body .partSeven .fl .formList .tes {
		display: block;
	}
	body .partSeven .fl .messageSubmit {
		width: 154px;
		height: 38px;
		line-height: 38px;
		cursor: pointer;
		background: #FF686F;
		border-radius: 4px;
		border: none;
		color: #ffffff;
		margin: 0 auto;
		display: block;
	}
	body .partSeven .fr {
		width: 100%;
		height: 270px;
		background: #ffffff;
		margin-top: 0.5rem;
	}
	body .footer {
		width: 100%;
		height: auto;
		background: #2C2E43;
	}
	body .footer .footer_ss {
		height: 128px;
		padding-top: 0;
	}
	body .pages {
		padding-top: .5rem;
		padding-bottom: 1rem;
	}
	body .currentPosi {
		font-size: 0.5rem;
		color: #7C7C7C;
		background: url(../images/crumbsIcon.png) no-repeat left center;
		padding-left: 26px;
		margin: 0 0.5rem;
	}
}

/*iPhone6 plus*/
@media only screen and (max-width: 414px) {
	html { font-size: 25px !important; }
}
/*iPhone6*/
@media only screen and (max-width: 376px) {
	html { font-size: 23px !important; }
}
/*Note3*/
@media only screen and (max-width: 360px) {
	html { font-size: 22px !important; }
}

/*Note3*/
@media only screen and (max-width: 320px) {
	html { font-size: 20px !important; }
}