@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');

*{ margin:0; padding:0; }
*html{background-image:url(about:blank);background-attachment:fixed;}
li{ list-style:none;}
a{ text-decoration:none;}
a:focus{outline:none;}
.a-hover:hover{ text-decoration:underline;}
img{ display:block; border:none;}
input,select,textarea{ background:none; border:none;}
input:focus, select:focus, textarea:focus { outline:none;}
.center{ width:1520px; margin:0 auto;}
.opacity-0{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.fl { float:left;}
.fr { float:right;}
.tex-l{ text-align:left;}
.tex-r{ text-align:right;}
.tex-c{ text-align:center;}
.clear:after{display: table;content: " "}
.clear:before{display: table;content: " "}
.clear:after{clear: both}
.clear{ clear:both;}
.mr20{ margin-right: 20px;}
.hide{ display:none}
.show{ display:block}
body{font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;

    color: #333;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

input[type=number]
{
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}
button,
input,
textarea
{
    resize: none;

    border: none;
    outline: none;
}

@font-face
{
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/avantgarde-demi.eot');
    src: url('../fonts/avantgarde-demi.eot') format('embedded-opentype'), url('../fonts/avantgarde-demi.woff2') format('woff2'), url('../fonts/AvantGarde-Demi.woff') format('woff'), url('../fonts/avantgarde-demi.ttf') format('truetype'), url('../fonts/avantgarde-demi.svg#avantgarde-demi') format('svg');
}
@font-face
{
    font-family: 'ITC Avant Garde Gothic';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/avantgardeitcbybt-book.eot');
    src: url('../fonts/avantgardeitcbybt-book.eot') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-book.woff2') format('woff2'), url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'), url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-book.svg#avantgardeitcbybt-book') format('svg');
}
@font-face
{
    font-family: 'Agency FB';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/agencyfb-reg.eot');
    src: url('../fonts/agencyfb-reg.eot') format('embedded-opentype'), url('../fonts/agencyfb-reg.woff2') format('woff2'), url('../fonts/AgencyFB-Reg.woff') format('woff'), url('../fonts/agencyfb-reg.ttf') format('truetype'), url('../fonts/agencyfb-reg.svg#agencyfb-reg') format('svg');
}
/*************************************
 *	Head Start :::
************************************/
.mainNav{ height:100px;background-color:#fff; width: 100%; position: absolute; top: 0; z-index: 1000;}
.mainNavFix{ height:80px;background-color:#fff; position:fixed; top:0; z-index:400;transition: all 0.4s; -webkit-transition: all 0.4s;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.mainNavFix .Head-nav .Head-nav-li{ height:76px; line-height:76px;}
.mainNavFix .Head-nav li{ height:76px; line-height:76px;}
.mainNavFix .Head-nav .Head-nav-frame{ top:80px;}
.mainNavFix .Head-logo{ margin-top:10px;}
.mainNavFix .Head-text{ margin-top:17px;}
.mainNavFix	.Head-share{ padding-top:27px;}



.Head{ width:100%; overflow:visible; content:"";}
.Head-center{ height:100%; overflow: visible;}
.Head-body{ width:100%; height:100%; background:#fff;}
.Head-logo{ display:block; width:auto; height:auto; float:left; margin-top:20px;}
.Head-text{ width:auto; height:auto; float:left; margin-top:24px; padding-left: 10px;}
.Head-text .cn-text{ font-size:24px;color:#333;}
.Head-text .cn-text a{ color:#c60006;}
.Head-text .en-text{ font-size:13px;color:#999;}
.Head-text .en-text a{ color:#c60006;}
.Head-nav{ width:auto; height:100%; overflow:visible; float:right;}
.Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0 0px; cursor:pointer; position:relative; z-index:99;}
.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}
/*.Head-nav .Head-nav-spn.active{border-bottom:solid 4px #025bab;}*/
.Head-nav li:hover{border-bottom:solid 4px #025bab;}
.Head-nav .Head-nav-li{border-bottom:solid 4px #025bab !important; color:#025bab;}

.Head-nav .Head-nav-spn a.nav-a-big{ display:block; width:auto; height:96px; line-height:96px; font-size:16px; color:#333; position:relative;}
.Head-nav .Head-nav-spn.active,.Head-nav .Head-nav-spn.active span{*width:32px;}
.Head-nav .Head-nav-spn i{ display:none; width:7px; height:3px; background-position:-84px 0; margin:0 auto;}
.Head-nav .Head-nav-spn span i{ display:block; width:8px; height:4px; background-position:-84px -6px; position:absolute; top:42px; right:-15px; z-index:990;}
.Head-nav-spn.active a{ color:#025bab;}
.Head-nav li.Head-nav-li .Head-nav-spn i{ display:block;}
.Head-nav .Head-nav-frame{ display:none; width:200%; height:auto; overflow:hidden; background:#fff; position:absolute; left:-50%; top:99px; z-index:999;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.Head-nav .Head-nav-frame span{ display:block; width:100%; height:auto; border-top:solid 1px #f7f7f7;}
.Head-nav .Head-nav-frame .span-bgColor{ background:#fff; color:#025bab;}
.Head-nav .Head-nav-frame span a{ display:block; width:auto; text-align:center;line-height:40px; font-size:14px; color:#333;}
.Head-top-btn { line-height:42px; font-size:14px; color:#fff; margin-left:20px;}
.Head-share{ float:right; padding-top:35px;}
.Head-share .share_weixin{ display:block; float:left; width:36px; height:30px; margin-left:25px; background:url(../images/share-weixin.png) no-repeat;}
.Head-share .share_weixin:hover{ display:block; float:left; width:36px; height:30px; margin-left:25px; background:url(../images/share-weixinh.png) no-repeat;}
.Head-share .share_language{ display:block; float:left; margin-left:25px; font-size:24px; color:#025bab;}



/*************************************
 *	Footer Start :::
************************************/
.Footer{ width:100%; height:auto; overflow:hidden; background:#1e2225;}
.Footer .foot-link{ padding:30px 0; border-bottom:#353739 1px solid;}
.Footer .foot-link h5{ margin-bottom:20px; font-size:20px; color:#fff;}
.Footer .foot-link h5 span{ margin-left:10px; font-weight:normal; font-size:22px;}
.Footer .foot-link a{ margin-right:20px; font-size:14px; color:#808080;}
.Footer .foot-link a:hover{ color:#fff; transition:0.4s;}
.Footer .foot-bottom{ padding:60px 0; overflow:hidden;}
.Footer .foot-bottom .foot-b-nav{ margin-right:70px;}
.Footer .foot-bottom .mb15{ margin-bottom:15px;}
.Footer .foot-bottom .foot-b-nav h5{ font-size:18px; color:#ffffff; font-weight:normal;}
.Footer .foot-bottom .foot-b-nav a{ margin-right:55px; font-size:16px; color:#919191;}
.Footer .foot-bottom .foot-b-nav a:hover{ color:#fff; transition:0.4s;}
.Footer .foot-bottom .foot-b-nav span{ display:block; width:37px; height:2px; margin-top:20px; margin-bottom:50px; background:#fff;}
.Footer .foot-bottom .foot-b-con{ margin-right:150px;}
.Footer .foot-bottom .foot-b-con h5{ font-size:18px; color:#ffffff; font-weight:normal;}
.Footer .foot-bottom .foot-b-con span{ display:block; width:37px; height:2px; margin-top:20px; margin-bottom:50px; background:#fff;}
.Footer .foot-bottom .foot-b-con p{ margin-bottom:15px; font-size:16px; color:#919191;}

.Footer .foot-bottom .foot-b-ewm p{ margin-top:10px; font-size:14px; color:#fff; text-align:center;}
.Footer .foot-bottom .foot-b-ewm img{ display:block; margin:auto; max-width:100%;}

.Footer .foot-bottom .foot-b-tel .tel-tit{ min-height:36px; padding-left:40px; margin-bottom:10px; font-size:18px; color:#fff; background-image:url(../images/foot-tel.png); background-position:0px 0px; background-repeat:no-repeat; background-size:35px 36px;}
.Footer .foot-bottom .foot-b-tel h5{ margin-bottom:20px; font-size:40px; font-weight:bold; color:#fff;font-family: 'ITC Avant Garde Gothic';}
.Footer .foot-bottom .foot-b-tel p{ margin-bottom:10px; font-size:14px; color:#919191;}
.Footer .foot-bottom .foot-b-tel p a{ color:#919191;}
.Footer .foot-bottom .foot-b-tel p a:hover{ text-decoration:underline;}









.Head-share .share_search{ display:block; float:left; width:36px; height:30px; background:url(../images/share-sur.png) no-repeat;}

.main-wrap {
	display:inline-block;
	position: relative;
	flex-direction: column;
	align-items: center;
	height:36px;
    padding-right: 0px !important;
    margin-right: 0px !important;
    width:36px !important;
    margin-left:25px;
}



.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
}

.search__input:focus {
	outline: none;
}


.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}


/* Icons */

.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}


/* Header */

.codrops-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.codrops-header__title {
	font-size: 1em;
	margin: 0;
	padding: 0 0.75em;
}

.codrops-header__side,
.search-wrap {
    width:36px;
}


/* Bottom nav */

.bottom-nav {
	position: relative;
	width: 100%;
	margin: auto 0 0 0;
	padding: 2.5em 2.75em 2.5em 2em;
}


/* Demo links */

.codrops-demos {
	font-weight: bold;
	padding: 1.25em 0;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.codrops-demos span {
	display: inline-block;
	margin: 0 1em 0 0;
	vertical-align: bottom;
}

.codrops-demos a {
	position: relative;
	display: inline-block;
	margin: 0 0.1em;
	padding: 0 0.4em;
}

.codrops-demos a.current-demo::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.25em;
	height: 2.25em;
	margin: -1.125em 0 0 -1.125em;
	border: 2px solid;
	border-radius: 50%;
}


/* Top Navigation Style */

.codrops-links {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}

.codrops-links::after {
	content: '';
	position: absolute;
	top: 15%;
	left: 50%;
	width: 2px;
	height: 70%;
	opacity: 0.1;
	background: currentColor;
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.codrops-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em;
}


/* Deco lines */

.decolines {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
}

.decoline {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ddd;
}

.decoline:first-child {
	right: 88em;
}

.decoline:nth-child(2) {
	right: 68em;
}

.decoline:nth-child(3) {
	right: 48em;
}

.decoline:nth-child(4) {
	right: 28em;
}

.decoline:nth-child(5) {
	right: 8em;
}
.search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(18, 23, 56, 0.9);
}

.js .search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.search::before,
.search::after {
	content: '';
	position: absolute;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	pointer-events: none;
}

.search::before {
	top: 0;
	left: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}

.search::after {
	right: 0;
	bottom: 0;
	border-top-width: 0;
	border-left-width: 0;
}

.btn--search-close {
	display:block;
	width:36px; height:36px;
	position: absolute;
	top: 1.25em;
	right: 1.25em;
	display: none;
	background:url(../images/close.png) no-repeat;
}

.js .btn--search-close {
	display: block;
}

.search__form {
	margin: 5em 0;
}

.search__input {
	font-family: inherit;
	font-size: 20px;
	line-height:40px;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	padding: 0.05em 60px 0.05em 0;
	color: #fff;
	border-bottom:#fff 2px solid;
}

.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	opacity: 0.3;
	color: #060919;
}

.search__input::-moz-placeholder {
	opacity: 0.3;
	/* Mozilla Firefox 19+ */
	color: #060919;
}

.search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 0.3;
	color: #060919;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
	color: #fff;
}

.search__related {
	display: flex;
	width: 75%;
	pointer-events: none;
}

.search__suggestion {
	width: 33.33%;
	text-align: left;
}

.search__suggestion:nth-child(2) {
	margin: 0 3em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin: 0;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}

/************************/
/* Transitions 			*/
/************************/

.js .search {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;
}

.js .search--open {
	pointer-events: auto;
	opacity: 1;
}

/* Border */
.search::before,
.search::after {
	transition: transform 0.5s;
}

.search::before {
	transform: translate3d(-15px, -15px, 0);
}

.search::after {
	transform: translate3d(15px, 15px, 0);
}

.search--open::before,
.search--open::after {
	transform: translate3d(0, 0, 0);
}

/* Close button */
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}

.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

/* Search form with input and description */
.js .search__form {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}

.js .search--open .search__form {
	width:1000px; margin:auto;
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.search__suggestion {
	opacity: 0;
	transform: translate3d(0, -30px, 0);
	transition: opacity 0.5s, transform 0.5s;
}

.search--open .search__suggestion {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:nth-child(2) {
	transition-delay: 0.1s;
}

.search--open .search__suggestion:nth-child(3) {
	transition-delay: 0.2s;
}


.weixin-sh{ width:auto; height:auto;background:#fff; border:#333 1px solid; margin:auto;border: solid 1px #d8d8d8;}
.weixin-sh{ display:none;}
.weixin-sh p{ width:auto; padding-top:10px; padding-left:10px; padding-right:10px;font-size: 12px;font-weight: bold;text-align: left;color: #000;}
.weixin-sh .weixin-p{ width:auto; padding-left:10px; padding-right:10px; padding-bottom:20px;font-size: 12px;text-align: left;line-height: 22px;color: #666;}
.weixin-sh img{ display:block; margin:20px auto;}


@media (min-width:768px){
    .center {
        width: 768px;
        margin: 0 auto;
    }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ width:30%; margin-right:10px;}
    .Footer .foot-bottom .foot-b-con{ width:25%; margin-right:10px;}
    .Footer .foot-bottom .foot-b-ewm{ width:15%;}
    .Footer .foot-bottom .foot-b-tel{ width:20%;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:15px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:10px; font-size:28px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 5px; color:#333; font-size:16px;}



}
@media (min-width: 991px){
    .center { width: 970px; margin: 0 auto; }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ width:25%; margin-right:10px;}
    .Footer .foot-bottom .foot-b-con{ width:25%; margin-right:10px;}
    .Footer .foot-bottom .foot-b-ewm{ width:15%;}
    .Footer .foot-bottom .foot-b-tel{ width:30%;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:15px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:10px; font-size:28px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}



}
@media (min-width:1024px){
    .center {
        width: 1024px;
        margin: 0 auto;
    }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ margin-right:20px;}
    .Footer .foot-bottom .foot-b-con{ margin-right:20px;}
    .Footer .foot-bottom .foot-b-ewm{ width:auto;}
    .Footer .foot-bottom .foot-b-tel{ width:auto;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:25px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:20px; font-size:40px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}



}
@media (min-width:1280px){
    .center {
        width: 1250px;
        margin: 0 auto;
    }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ margin-right:50px;}
    .Footer .foot-bottom .foot-b-con{ margin-right:50px;}
    .Footer .foot-bottom .foot-b-ewm{ width:auto;}
    .Footer .foot-bottom .foot-b-tel{ width:auto;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:55px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:20px; font-size:40px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}

}
@media (min-width:1366px){
    .center {
        width: 1300px;
        margin: 0 auto;
    }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ margin-right:70px;}
    .Footer .foot-bottom .foot-b-con{ margin-right:50px;}
    .Footer .foot-bottom .foot-b-ewm{ width:auto;}
    .Footer .foot-bottom .foot-b-tel{ width:auto;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:55px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:20px; font-size:40px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}

}
@media (min-width: 1560px) {
    .center {
        width: 1520px;
        margin: 0 auto;
    }
    .Head-nav li{ width:auto; height:96px; line-height:96px; overflow:visible; float:left; padding:0px; cursor:pointer; position:relative; z-index:99;}
    .Footer .foot-bottom .foot-b-nav{ margin-right:70px;}
    .Footer .foot-bottom .foot-b-con{ margin-right:150px;}
    .Footer .foot-bottom .foot-b-ewm{ width:auto;}
    .Footer .foot-bottom .foot-b-tel{ width:auto;}
    .Footer .foot-bottom .foot-b-nav a{ margin-right:55px; font-size:16px; color:#919191;}
    .Footer .foot-bottom .foot-b-tel h5{ margin-bottom:20px; font-size:40px; font-weight:bold; color:#fff;}
	.Head-nav .Head-nav-spn{ display:block; width:auto;float:left; height:100%; padding:0 30px; color:#333; font-size:16px;}


}

@media screen\0 { /*只对IE8/9/10有效*/
.Footer .foot-bottom .foot-b-nav a{ margin-right:40px; font-size:16px; color:#919191;}



} 
@media \0screen\,screen\9{ /*只对IE6/7/8有效*/
.Footer .foot-bottom .foot-b-nav a{ margin-right:40px; font-size:16px; color:#919191;}



}






.search__info{position: relative;}
.search__form .search__input_p{ position:absolute; right:0.85em; top:-38px;display: block; width: 30px; height: 30px; cursor: pointer;  background: url("../images/share-sur.png") no-repeat;}