@charset "UTF-8";

/* always display scrollbars */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

input, select { vertical-align: middle; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

input { outline: none; padding: 0; }

img { border: 0; display: inline-block; }

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }

::-moz-selection { background: #ad2e2e; color: #fff; text-shadow: none; }

::selection { background: #ad2e2e; color: #fff; text-shadow: none; }

a { display: inline-block; text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #000; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.fc { text-align: center; }

.fr { text-align: right; }

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }

.vt { vertical-align: topf; }

.vm { vertical-align: middle; }

.hide { display: none; }

.tc { text-align: center; }

.fb { font-weight: bold; }

#container { padding-bottom: 0 !important; }

.fontOver { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hWra { text-align: center; }

.hWra h1 { margin-top:20px;font-size: 30px; line-height: 30px; font-weight: bold;}

.hWra h6 { font-size: 12px; line-height: 12px; text-transform: uppercase; color: #999; margin-top: 10px; }

.hWral strong {
		font-size: 28px;
		color: #2c2c2c;
		position: relative;
		display: block;
		padding-bottom: 20px;
}

.hWral strong::after {
		content: "";
		width: 55px;
		height: 3px;
		background: #0181d7;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
}	
.hWral {text-align: center; float:left; width:68% }

.hWral h1 {text-align: center;
	font-size: 32px;
    color: #170B35;
    font-weight: 600;
	margin-bottom: 10px;
	font-family: "思源黑体 CN Regular"; }

.hWral h6 { font-size: 16px;
    text-align: center;
    line-height: 26px;
    color: #656565;
    margin-top: 10px;
	font-family: "思源黑体 CN Regular";
	margin-bottom:40px; }
	
	
.hWrar strong {
		font-size: 28px;
		color: #2c2c2c;
		position: relative;
		display: block;
		padding-bottom: 20px;
}

.hWrar strong::after {
		content: "";
		width: 55px;
		height: 3px;
		background: #0181d7;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;}
	
.hWrar {text-align: center; float: right; width:30%; margin-top:-138px  }

.hWrar h1 {text-align: center;
	font-size: 32px;
    color: #170B35;
    font-weight: 600;
	margin-bottom: 10px;
	font-family: "思源黑体 CN Regular"; }

.hWrar h6 { font-size: 16px;
    text-align: center;
    line-height: 26px;
    color: #656565;
    margin-top: 10px;
	font-family: "思源黑体 CN Regular";
	margin-bottom:40px; }
	
.inner { width: 1000px; margin: 0px auto; }

.ant3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.ant5 { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.ant10 { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }

.ant20 { -webkit-transition: 2s; -moz-transition: 2s; -o-transition: 2s; transition: 2s; }

.ant50 { -webkit-transition: 5s; -moz-transition: 5s; -o-transition: 5s; transition: 5s; }

.hide1660 { display: block !important; }

.show1660 { display: none !important; }

.hide1440 { display: block !important; }

.show1440 { display: none !important; }

.hide1366 { display: block !important; }

.show1366 { display: none !important; }

.hide1024 { display: block !important; }

.show1024 { display: none !important; }

.hide960 { display: block !important; }

.show960 { display: none !important; }

.hide768 { display: block !important; }

.show768 { display: none !important; }

.hide374 { display: block !important; }

.show374 { display: none !important; }



.linkWra { padding-bottom: 5px; }

.linkWra .main_1400 { border-topf: 1px solid #302a26; }

.linkWra .links_nav { padding: 14px 0; overflow: hidden; }

.linkWra .links { padding: 15px 0px 25px; line-height: 14px; display: none; overflow: hidden; }

.linkWra .links a { color: #8D867C; margin-right: 20px; font-size: 12px; line-height: 22px; width: 90px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.linkWra .links a:hover { color: #C7C0B9;  }

.foot_select { color: #898179; padding: 7px 20px; position: relative; display: inline-block; border-radius: 40px; cursor: pointer; font-size: 12px; line-height: 12px; margin-right: 10px; line-height: 14px; }

.foot_select span { float: left; margin-right: 20px; }

.foot_select img { float: left; }

.foot_select.act { color: #C7C0B9; }

.foot_select.act img { transform: rotate(90deg); }

#choice {
	padding-top:30px;
	padding-bottom:50px;
	background-color: #004EA2;
	background-image: url(../imge/choice2.jpg);
	color: #FFFFFF;
}

#choice .itemfs { margin-top: 30px; padding: 34px 40px 28px; box-sizing: border-box; background: #fff; border-radius: 5px; position: relative; }

#choice .itemfs:after { content: ''; border-style: dashed  dashed  solid dashed; border-color: transparent  transparent #fff transparent; border-width: 8px; position: absolute; top: 0; margin-top: -16px; left: 50%; margin-left: -8px; }

#choice .itemfs .itemf { width: 25%; float: left; position: relative; font-size: 12px; line-height: 12px; text-align: center; }

#choice .itemfs .itemf img { height: 42px; display: block; margin: auto; }

#choice .itemfs .itemf .tag { margin-top: 12px; display: inline-block; background: #0181d7; border-radius: 20px; padding: 2px 10px; color: #fff; text-transform: uppercase; }

#choice .itemfs .itemf .font1 { margin-top: 14px; font-size: 16px; line-height: 16px;   color: #323232;}

#choice .itemfs .itemf .font2 { margin-top: 12px; color: #999; }

#choice .itemfs .itemf .line { height: 100%; width: 1px; background: #EFEFEF; position: absolute; right: 0; top: 0; }


.youshi {
    height: 123px;
    background: url(../imge/youshi_bg.jpg) no-repeat center;
}
.youshi .box {
    max-width: 1300px;
    margin: 0 auto;
}
.youshi .box ul {
    display: flex;
    height: 123px;
    align-items: center;
    justify-content: center;
}
.youshi .box ul li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.youshi .box ul li i {
    font-size: 40px;
    color: #FFFFFF;
}
.youshi .box ul li .youshi_wz {
    margin-left: 12px;
}
.youshi .box ul li .youshi_wz strong {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
}
.youshi .box ul li .youshi_wz span {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 8px;
}
ul:after {
    content: "";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}
.box:after {
    content: "";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}
#footer { background: url(../imge/footer_bg.jpg) bottom; background-size: cover; color: #5C5A57; }

#footer .main_1400 { position: relative; overflow: hidden; }

#footer .topf { overflow: hidden; padding: 53px 0 30px; border-bottom: 1px solid #1A130F; }

#footer .topf .l { width: 180px; font-size: 13px; line-height: 18px; color: #BBB9B7; text-align: center; }

#footer .topf .l .foot_logo {
	width: 100%;
	max-width: 180px;
}

#footer .topf .l .ewm {
	width: 100%;
	max-width: 145px;
	display: block;
	margin: auto;
	margin-top: 30px;
}

#footer .topf .l .font1 { margin-top: 14px; color: #BBB9B7; }

#footer .topf .l .font2 { margin-top: 35px;font-size: 15px; }

#footer .topf .l .font3 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 18px;
	font-family: "思源黑体 CN Heavy";
}

#footer .topf .r { width: auto; overflow: hidden; padding-left: 16px; }

#footer .topf .r .itemf { width: 170px; float: left; font-size: 13px; }
#footer .topf .r .itemf_EN { width: 210px; float: left; font-size: 13px; }

#footer .topf .r .itemf2 { width: 300px; float: left; font-size: 13px; }

#footer .topf .r .itemf .titlef { color: #B3B1B0; font-size: 14px; line-height: 14px; margin-bottom: 22px;font-weight: bold; position: relative; }
#footer .topf .r .itemf_EN .titlef_EN { color: #B3B1B0; font-size: 14px; line-height: 14px; margin-bottom: 22px;font-weight: bold; position: relative; }

#footer .topf .r .itemf2 .titlef { color: #B3B1B0; font-size: 14px; line-height: 14px; margin-bottom: 22px;font-weight: bold; position: relative; }

#footer .topf .r .itemf .titlef span { width: 6px; height: 6px; border-radius: 6px; position: absolute; top: 50%; left: -16px; background: #e4382a; }

#footer .topf .r .itemf_EN .titlef_EN span { width: 6px; height: 6px; border-radius: 6px; position: absolute; top: 50%; margin-top:-3px; left: -16px; background: #e4382a; }

#footer .topf .r .itemf a { color: #65615E; line-height: 14px; margin-bottom: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#footer .topf .r .itemf_EN a { color: #65615E; line-height: 14px; margin-bottom: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#footer .topf .r .itemf2 p { color: #B3B1B0; line-height: 14px; margin-bottom: 16px;  display: block; }

#footer .topf .r .itemf a:hover { color: #B3B1B0; }
#footer .topf .r .itemf_EN a:hover { color: #B3B1B0; }
#footer .copyRight { color: #797573; background: #1A130F; font-size: 13px; }

#footer .copyRight .main_1400 { border-topf: 1px solid #302A26; padding: 20px 0; overflow: hidden; }

#footer .copyRight .r span { color: #BB8E25; }






#topfGo { width: 50px; position: fixed; height: 200px; bottom:47px;right:40px; z-index: 20; }

#topfGo .jt { padding: 0; background: #1679d3; box-sizing: border-box; width: 50px; height: 50px; line-height: 50px; cursor: pointer; text-align: center; font-size: 22px; color: #fff;margin-top:4px;background-image: url(../imge/top_icon_3.png);}

#topfGo .jt:hover { background: #1679d3;  color: #fff; background-image: url(../imge/top_icon_3.png);}

#topfGo .icons .itemf { position: relative; box-sizing: border-box;width: 50px; height: 50px; line-height: 50px; text-align: center; background:#000022;display: block; color: #858585; cursor: pointer; font-weight: bold;}

#topfGo .icons .itemf .more { position: absolute; right: 100%; top: 50%; margin-right: 20px; transform: translateX(-10px); visibility: hidden; opacity: 0; border-radius: 5px; background: #fff; }

#topfGo .icons .itemf .more:after { content: ''; border-style: dashed  dashed  dashed solid; border-color: transparent transparent transparent #424953; border-width: 8px; position: absolute; top: 50%; margin-top: -8px; right: -16px; }

#topfGo .icons .itemf .more.phone { width: 120px; height: 30px; margin-top: -17px; line-height: 30px; text-align: center; color: #333; }

#topfGo .icons .itemf .more.weixin { width: 100px; height: 100px; margin-top: -52px;  padding: 8px; box-sizing: border-box; }

#topfGo .icons .itemf .more.weixin img { width: 100%; height: 100%; margin: 0; }

#topfGo .icons .itemf:hover {background: #1679d3; color: #fff; }

#topfGo .icons .itemf:hover .more { transform: translateX(0px); visibility: visible; opacity: 1; }

/* side */
.side {
	position:fixed;
	width:50px;
	height:50px;
	right:40px;
	bottom:299px;
	z-index:100;
}
.side ul li {
	width:50px;
	height:50px;
	float:left;
	position:relative;
}
.side ul li .sidebox {
	position:absolute;
	width:50px;
	height:50px;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#000022;
	color:#fff;
	font:16px/50px "思源黑体 CN Regular";
	overflow:hidden;
}
.side ul li a:hover .sidebox {
	padding-left:10px;
	width: 220px;
	background:#1679d3;
}
.side ul li img {
    float: right;
}
.side2 {
	position: fixed;
	width: 50px;
	right: 40px;
	z-index: 100;
	bottom: 246px;
	height: 50px;
}
.side2 ul li {
	width: 50px;
	height: 50px;
}
.side2 ul li a {
	display: block;
	background-color: #000022;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover {
	background-color: #1679d3;
}
.side2 ul li .weixin {
	position: absolute;
	left: -170px;
	bottom: -53px;
	display: none;
}
.side2 ul li .weixin em {
	 content: ''; border-style: dashed  dashed  dashed solid; border-color: transparent transparent transparent #424953; border-width: 7px; position: absolute; top: 50%; margin-top: -8px; right: -15px;
}
.side2 ul li .weixin img {
	display: block;
}

@media only screen and (max-width: 1660px) { 
.main_1400 { width: 96%; }
#footer .topf .r .itemf { width: 140px; float: left; font-size: 13px; }

#footer .topf .r .itemf2 { width: 300px; float: right; font-size: 13px; }
  }

@media only screen and (max-width: 1450px) {
	.main_1400 { width: 90%; }
  .hWra h1 { font-size: 30px; line-height: 30px; }

  .login .login_main { max-width: 600px; }
  .login .login_main .r .t img { height: 50px; }
  .login .login_main .r .icons { margin-topf: 40px; }
  .login .login_main .r .icons .itemf img { height: 40px; }
  #footer .topf { padding: 53px 0 30px; }
  #footer .topf .l { width: 180px; font-size: 13px; line-height: 18px; color: #BBB9B7; text-align: center; }
  #footer .topf .l .ewm {
	margin-top: 0;
}
  #footer .topf .r .itemf { margin-right: 5px; width: 130px; } 
  #footer .topf .r .itemf2 { margin-right: 5px; width: 300px; }
  }

@media only screen and (max-width: 1366px) { 
  #footer .topf .r { padding-left: 0; }
  #footer .topf .r .itemf { width: 110px; }
  #footer .topf .r .itemf .titlef span { display: none; } 
  #footer .topf .r .itemf_EN { width: 170px; }
  #footer .topf .r .itemf_EN .titlef_EN span { display: none; } 
  #footer .topf .r .itemf2 { width: 300px; }
  #footer .topf .r .itemf2 .titlef span { display: none; }
  }

@media only screen and (max-width: 1200px) {
	.main_1400 { width: 90%; } 
  #footer .topf .r { padding-left: 0; }
  #footer .topf .r .itemf { width: 100px; }
  #footer .topf .r .itemf .titlef span { display: none; } 
  #footer .topf .r .itemf_EN { width: 155px; }
  #footer .topf .r .itemf_EN .titlef_EN span { display: none; } 
  #footer .topf .r .itemf2 { width: 300px; }
  #footer .topf .r .itemf2 .titlef span { display: none; }
  }

@media only screen and (max-width: 1100px) {
  #choice .itemfs { margin-top: 20px; padding: 34px 0px 28px; }
  #choice .itemfs .itemf { width: 50%; margin-bottom: 20px; }
  #choice .itemfs .itemf img { height: 28px; }
  #choice .itemfs .itemf .tag { margin-top: 6px; }
  #choice .itemfs .itemf .font1 { margin-top: 7px; font-size: 14px; }
  #choice .itemfs .itemf .font2 { margin-top: 6px; }
  #choice .itemfs .itemf .line.cur2 { display: none; }
  #footer .topf { padding: 53px 0 30px; }
  #footer .topf .l { width: 100%; }
  #footer .topf .l .ewm { margin-top: 20px; }
  #footer .topf .r { width: 100%; overflow: hidden; margin-top: 20px; }
  #footer .topf .r .itemf { width: 100%; margin-bottom: 10px; }
  #footer .topf .r .itemf_EN { width: 100%; margin-bottom: 10px; }
  #footer .topf .r .itemf2 { width: 99%; margin-bottom: 10px; }
	
  #footer .topf .r .itemf a { width: 90px; margin-bottom: 15px; float: left; }
  #footer .topf .r .itemf_EN a { width: 90px; margin-bottom: 15px; float: left; }
#footer .topf .r .itemf2 a { width: 90px; margin-bottom: 15px; float: left; }
  
  #footer .copyRight .l { width: 100%; }
  
  #footer .copyRight .r { width: 100%; margin-topf: 10px; } }

@media only screen and (max-width: 768px) { 
}

@media only screen and (max-width: 420px) {
   #footer .topf .r .itemf a { width: 33.3%; }
   #footer .topf .r .itemf_EN a { width: 33.3%; }
   .linkWra .links a { width:33.3%; }
	 }

@media only screen and (max-width: 1440px) { }

@media only screen and (max-width: 1366px) { }

@media only screen and (max-width: 1200px) { }

@media only screen and (max-width: 1024px) { }

@media only screen and (max-width: 960px) { 
	
.hWral {
	text-align: center;
	width: 100%;

}

.hWral h1 {
	text-align: center;
	font-size: 32px;
}

.hWral h6 { 
    font-size: 16px;
    text-align: center;
}
	
.hWrar {
	text-align: center; 
	width:100%; 
	margin-top:0px
}

.hWrar h1 {
	text-align: center;
}

.hWrar h6 { 
    font-size: 16px;
    text-align: center;
}

}

@media (max-width: 768px) {
	#choice {
	padding-top:20px;
	padding-bottom:40px;}
	  .hWra h1 { font-size: 25px; line-height: 30px; }
  .main_1400 { width: 90%; }
  #footer { background: url(../imge/footer_bg.jpg) bottom right; }
  #footer .topf .r .itemf { margin-bottom: 20px; }
  #footer .topf .r .itemf .titlef { margin-bottom: 10px; }
  #footer .topf .r .itemf_EN { margin-bottom: 20px; }
  #footer .topf .r .itemf_EN .titlef_EN { margin-bottom: 10px; }
  #footer .topf .r .itemf2 { margin-bottom: 20px; }
  #footer .topf .r .itemf2 .titlef { margin-bottom: 10px; }
  #footer .topf .r .itemf a { width: 25%; }
  #footer .topf .r .itemf_EN a { width: 25%; }
  .foot_select { padding: 7px 20px 7px 0; }
  .linkWra .links { padding-topf: 0; }
  .linkWra .links a { width: 25%; margin-right: 0; }
  .linkWra .links_nav { padding-bottom: 0; } 

.hWral {
	margin-top:0px
}
.hWrar {
	margin-top:0px
}}