@font-face {
	font-family:'Go-book';src:url('../fonts/GOTHAM-BOOK.TTF');
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-corner,::-webkit-scrollbar-track {
	background-color: #fff
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #c59f64;
	)
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #c59f64;
	)
}

::-webkit-scrollbar-thumb:vertical:active {
	background-color: #c59f64;
	)
}
/*drop_menu*/.drop_menu {
	position: fixed;
	top: 100px;
	left: 0px;
	width: 100%;
	z-index: 8;
}

.drop_menu li {
	position: absolute;
	top: 0;
	left:20%;
	right:0;
	width: 38%;
	padding-left: 2.0%;
	overflow: hidden;
	background: #f5f5f5;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	z-index: 1;
}

.drop_menu li.active {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	z-index: 2;
}

.drop_menu li .left {
	padding: 5% 0;
	overflow: hidden;
	width: 25%;
	float: left;
}

.drop_menu li .box {
	width:100%;
	float: left;
}

.drop_menu li .box h3 {
	font-size: 18px;
	color: #333;
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 20px;
}

.drop_menu li:nth-of-type(2) .box h3 {
	background-image: url(../images/drop_icon1.png);
}

.drop_menu li:nth-of-type(3) .box h3 {
	background-image: url(../images/drop_icon2.png);
}

.drop_menu li:nth-of-type(4) .box h3 {
	background-image: url(../images/drop_icon3.png);
}

.drop_menu li:nth-of-type(5) .box h3 {
	background-image: url(../images/drop_icon4.png);
}
.drop_menu li:nth-of-type(6) .box h3 {
	background-image: url(../images/drop_icon5.png);
}
.drop_menu li:nth-of-type(3){
	left:27%;
}
.drop_menu li:nth-of-type(4){
	left:35%;
}
.drop_menu li:nth-of-type(5){
	left:43%;
}
.drop_menu li:nth-of-type(6){
	left:45%;
}
.drop_menu li .box .links {
	padding: 15px 0 0 30px;
}

.drop_menu li .box .links a {
	display: block;
	font-size: 14px;
	color: #808080;
	line-height: 32px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.drop_menu li .box .links a:hover {
	color: #008cd6;
}

.drop_menu li .right {
	width: 75%;
	background: #fff;
	float: left;
	padding: 5.5% 0 5.5% 5.5%;
}

.drop_menu li .right .main {
	width: 92%;
	max-width: 510px;
}

.drop_menu li .right .img_block img {
	width: 100%;
	display: block;
}

.drop_menu li .right h3 {
	font-size: 16px;
	color: #808080;
	margin: 15px 0 50px;
}

.drop_menu li .right a {
	display: block;
	width: 155px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #008cd6;
}
.drop_menu li .right a:hover{
	background:#0473ae;
}

/*search*/.header .right .search_box form {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #e5f3fb;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	overflow: hidden;
}

.header .right .search_box .box {
	position: relative;
	padding: 0 90px;
	width: 100%;
	height: 100%;
}

.header .right .search_box .close {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -10px;
	background: url(../images/close_icon1.png) center no-repeat;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.header .right .search_box .close:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.header .right .search_box input[type="text"] {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	font-size: 16px;
	color: #bfbfbf;
	background: none;
}

.header .right .search_box button {
	width: 80px;
	height: 100%;
	background: #cee8f7 url(../images/Icon_search_on.png) center no-repeat;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.header .right .search_box button:hover{
	background: #cee8f7 url(../images/Icon_search_on2.png) center no-repeat;
}
.header .right .search_box form.active {
	width: 600px;
}

.header .right .lanage:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #cccccc;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.header .right .language_box:hover .lanage:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.header .right .language_box .lang_box {
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.header .right .language_box .lang_box:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #515151;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.header .right .language_box .lang_box a {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	background: #515151;
	font-size: 12px;
	color: #fff;
	margin-bottom: 1px;
}
.header .right .language_box .lang_box a:hover{
	background: #403f3f;
}

.header .right .language_box:hover .lang_box {
	top: 85%;
	opacity: 1;
	visibility: visible;
}
/**** header ****/.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 60px;
	height: 100px;
	background-color: #fff;
	z-index: 99;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.header .logo {
	float: left;
	margin-top: 20px;
}

.header .logo img {
	display: block;
	height: 60px;
}

.header .right {
	float: right;
	height: 100%;
}

.header .right .search_box,.header .right .language_box {
	width: 60px;
	height: 100%;
	float: left;
	position: relative;
}

.header .right a.single {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.header .right .search {
	background-image: url(../images/Icon_search.png);
}

.header .right .search:hover {
	background-image: url(../images/Icon_search_on.png);
}

.header .right .lanage {
	background-image: url(../images/Icon_lanage.png);
	position: relative;
}

.header .right .lanage:hover {
	background-image: url(../images/Icon_lanage_on.png);
}

.header .right .phone {
	float: left;
	padding: 0 55px;
	height: 100px;
	background-color: #fff;
	color: #008cd6;
	text-align: center;
}

.header .right .phone p {
	margin-top: 18px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 15px;
}

.header .right .phone h1 {
	font-size: 26px;
	line-height: 34px;
	font-family: 'Go-book','Arial';
}

.header .nav {
	float: right;
	margin-right: 100px;
}

.header .nav li {
	float: left;
	margin-right: 80px;
	transition: all 500ms ease;
	position: relative;
}

.header .nav li a {
	display: block;
	line-height: 100px;
	font-size: 16px;
	color: #333;
}

.header .nav li a:hover,.header .nav li.on a {
	color: #008cd6;
}
.header .nav li dl{
	display: none;
	position: absolute;
	left: 50%;
    top: 0;
    width: 50%;
    background: #008cd6;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
.header .nav li dl a{display: block; line-height: 36px; padding: 0 20px; font-size: 15px; text-align: right; color: #fff; border-bottom: 1px solid rgba(0,140,214,.1);}
.header .nav li.active dl{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 300ms 200ms ease; transition: all 300ms 200ms ease;}
.header .nav li.active a.single{background:  #008cd6; color: #fff; -webkit-transition: all 300ms ease; transition: all 300ms ease;}


.footer {
	position: relative;
	background-color: #272727;
}

.footer .container {
	width: 80%;
}

.footer .footerLink {
	padding: 75px 0 50px;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.1);
	overflow: hidden;
}

.footer .footerLink .left {
	float: left;
}

.footer .footerLink .left .title p {
	font-size: 14px;
	line-height: 34px;
	color: #808080;
}

.footer .footerLink .left .title h1 {
	font-size: 40px;
	color: #fff;
	font-family: 'Reznor','Arial';
}

.footer .footerLink .left .copyrightTime {
	margin-top: 0;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}
.footer .footerLink .left .p1{
	font-size: 12px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 15px;
}
.footer .footerLink .left .p1 span{
	margin-top: 10px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    display: block;
}
.footer .footerLink .left .email{
	padding-left: 27px;
    background: url(../images/footer_email_ico.png) no-repeat left center;
    font-size: 14px;
    font-family: 'Arial';
    color: #fff;
}
.footer .footerLink .left .copyright {
	font-size: 12px;
	line-height: 24px;
	color: #808080;
}

.footer .footerLink .left .linkIcon {
	margin-top: 25px;
	/*overflow: hidden;*/
}

.footer .footerLink .left .linkIcon a {
	float: left;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
}

.footer .footerLink .left .linkIcon .weibo {
	background-color: #008cd6;
	background-image: url(../images/footer_weibo_ico.png);
}

.footer .footerLink .left .linkIcon .wx {
	position: relative;
	float: left;
}
.footer .footerLink .left .linkIcon .wx .wx_ewm {
	position: absolute;
	width:110px;
	height: 110px;
	top:-115px;
	left:50%;
	margin-left:-55px;
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;

}
.footer .footerLink .left .linkIcon .wx .wx_ewm img{
	display: block;
	width: 100%;
}
.footer .footerLink .left .linkIcon .wx:hover .wx_ewm{
	opacity: 1;
    visibility: visible;
} 
.footer .footerLink .left .linkIcon .weixin{
	    background-color: rgb(23, 79, 109);
    background-image: url(../images/footer_weixin_ico.png);
}
.footer .footerLink .left .linkIcon .qq {
	background-color: #233139;
	background-image: url(../images/footer_qq_ico.png);
}

.footer .footerLink .right {
	float: right;
}

.footer .footerLink .right dl {
	float: left;
	margin-right: 130px;
}

.footer .footerLink .right dl:last-child {
	margin-right: 0;
}

.footer .footerLink .right dt {
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 18px;
	color: #fff;
}

.footer .footerLink .right dt:before {
	content: '';
	width: 30px;
	height: 1px;
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
	position: absolute;
	left: 0;
	bottom: 0;
}

.footer .footerLink .right dd a {
	font-size: 14px;
	line-height: 32px;
	color: #fff;
}

.footer .footerLink .right dd a:hover {
	color: #008cd6;
}

.footer .footerContact {
	padding: 35px 0;
	overflow: hidden;
}

.footer .footerContact ul {
	float: left;
	position: relative;
	width: 75%;
	overflow: hidden;
}

.footer .footerContact ul:before {
	content: '';
	width: 1px;
	height: 40px;
	background-color: #fff;
	background-color: rgba(255,255,255,.1);
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 0;
}

.footer .footerContact ul li {
	float: left;
	width: 50%;
}

.footer .footerContact ul li h1 {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.footer .footerContact ul li p {
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	font-family: 'Arial';
}

.footer .footerContact .email {
	float: right;
	height: 48px;
	line-height: 48px;
	font-size: 0;
}

.footer .footerContact .email span {
	padding-left: 27px;
	background: url(../images/footer_email_ico.png) no-repeat left center;
	font-size: 14px;
	font-family: 'Arial';
	color: #fff;
}

body.ovh {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@media screen and (max-width:1800px) {
	.header .nav {
		margin-right: 50px;
	}

	.header .nav li {
		margin-right: 40px;
	}
	.drop_menu li:nth-of-type(2) {
	    left: 30%;
	}
	.drop_menu li:nth-of-type(3) {
	    left: 36%;
	}
	.drop_menu li:nth-of-type(4) {
	    left: 42%;
	}
}
@media screen and (max-width:1750px) {
	.drop_menu li:nth-of-type(2) {
	    left: 23%;
	}
	.drop_menu li:nth-of-type(3) {
	    left: 30%;
	}
	.drop_menu li:nth-of-type(4) {
	    left: 36%;
	}
}
@media screen and (max-width:1600px) {
	.footer .footerLink .right dl{
		margin-right: 90px;
	}

	.drop_menu li .left{width:30%;}
	.drop_menu li .right{width:70%;}
	.drop_menu li:nth-of-type(2) {
	    left: 34%;
	}
	.drop_menu li:nth-of-type(3) {
	    left: 38%;
	}
	.drop_menu li:nth-of-type(4) {
	    left: 43%;
	}
	.drop_menu li:nth-of-type(5) {
	    left: 51%;
	}
	.drop_menu li:nth-of-type(6) {
	    left: 50%;
	}
}
@media screen and (max-width:1500px) {
	.header .nav li {
	    margin-right: 34px;
	}

}
@media screen and (max-width:1440px) {
	.header .right .phone {
		padding: 0 30px;
	}

	.header .nav {
		margin-right: 20px;
	}

	.header .nav li {
		margin-right: 20px;
	}
	.drop_menu li:nth-of-type(2) {
	    left: 32%;
	}
	.drop_menu li:nth-of-type(3) {
	    left: 38%;
	}
	.drop_menu li:nth-of-type(4) {
	    left: 44%;
	}
	.drop_menu li:nth-of-type(5) {
	    left: 49%;
	}
	.drop_menu li:nth-of-type(6) {
	    left: 53%;
	}
	.footer .footerLink {
		padding: 40px 0 30px;
	}

	.footer .footerLink .left .copyrightTime {
		margin-top: 15px;
		line-height: 36px;
	}

	.footer .footerLink .right dl {
		margin-right: 70px;
	}

	.footer .footerLink .right dd a {
		font-size: 12px;
		line-height: 26px;
	}

	.footer .footerContact {
		padding: 20px 0;
	}

	.footer .footerContact ul li p {
		font-size: 12px;
	}
	


}

@media screen and (max-width:1366px) {
	.drop_menu {
		top: 70px;
	}
	.drop_menu li{
		width: 41%;
	}
	.drop_menu li .left{
		width: 30%;
	}
	.drop_menu li .right{
		width: 70%;
	}
	.drop_menu li:nth-of-type(3) {
	    left: 42%;
	}
	.header {
		height: 70px;
	}

	.header .logo {
		margin-top: 7px;
	}

	.header .logo img {
		height: 56px;
	}

	.header .nav li a {
		line-height: 70px;
		font-size: 14px;
	}

	.header .right .phone {
		height: 70px;
	}

	.header .right .phone h1 {
		font-size: 20px;
	}

	.header .right .phone p {
		margin-top: 4px;
		letter-spacing: 9px;
	}
	.footer .footerLink .right dl {
	    margin-right: 60px;
	}
}

@media screen and (max-width:1200px) {
	.header {
		padding-left: 30px;
	}

	.header .right .phone {
		margin-left: 0;
		padding: 0 15px;
	}

	.header .right .phone h1 {
		font-size: 20px;
	}

	.header .right .phone p {
		letter-spacing: 7px;
	}

	.header .nav {
		margin-right: 10px;
	}

	.header .nav li {
		margin-right: 10px;
	}

	.footer .footerLink .right dl {
		margin-right: 20px;
	}
}
@media screen and (max-width:1100px){
	.drop_menu li{
		padding-left: 4%;
	}
	.drop_menu li .left{
		width: 34%;
	}
	.drop_menu li .right{
		width: 66%
	}
}
@media screen and (max-width:992px) {
	.drop_menu {
		display: none;
	}

	.fixedBox {
		display: none;
	}

	body {
		padding-top: 60px;
	}

	.header {
		padding: 0 15px;
		height: 60px;
	}

	.header .logo {
		margin-top: 10px;
	}

	.header .logo img {
		height: 40px;
	}
	.header .nav li a.single{
		width: 50%;
	}
	.header .nav li dl{display: block;z-index: 9999;}
	.header .right {
		margin-right: 30px;
	}

	.header .right .search_box,.header .right .language_box {
		width: 30px;
	}

	.header .right .lanage:after {
		display: none;
	}

	.header .right .search_box form {
		top: 60px;
		width: 90%;
		height: 0;
		position: fixed;
		left: 5%;
		right: 5%;
	}

	.header .right .search_box form.active {
		width: 90%;
		height: 40px;
	}

	.header .right .search_box .box {
		padding: 0 40px;
	}

	.header .right .search_box button {
		width: 40px;
	}

	.header .right .search_box .close {
		left: 10px;
	}

	.header .right .search_box input[type="text"] {
		font-size: 14px;
	}

	.header .right .phone {
		display: none;
	}

	.MenuBtn {
		display: block;
		width: 24px;
		height: 16px;
		right: 10px;
		top: 22px;
		position: fixed;
		cursor: pointer;
		z-index: 15;
	}

	.MenuBtn span {
		position: absolute;
		left: 0;
		width: 24px;
		height: 2px;
		background: #a9a9a9;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.MenuBtn span.line1 {
		top: 0;
	}

	.MenuBtn span.line2 {
		top: 7px;
	}

	.MenuBtn span.line3 {
		bottom: 0;
	}

	.MenuBtn.active .line2 {
		display: none;
	}

	.MenuBtn.active .line1 {
		transform: rotate(45deg);
		top: 7px;
	}

	.MenuBtn.active .line3 {
		transform: rotate(-45deg);
		bottom: 7px;
	}

	.header .nav {
		margin-right: 0;
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		padding-top: 60px;
		height: 100%;
		background-color: #fff;
		transition: right ease 0.5s;
		-webkit-transition: right ease 0.5s;
	}

	.header .nav.active {
		right: 0;
	}

	.header .nav li {
		float: none;
		margin-right: 0;
	}

	.header .nav li a {
		line-height: 40px;
		padding: 0 20px;
	}

	.footer .container {
		width: 100%;
	}

	.footer .footerLink {
		padding: 20px 0;
	}

	.footer .footerLink .left .copyrightTime {
		margin-top: 15px;
		line-height: 1.5;
	}

	.footer .footerLink .left .copyright span {
		display: block;
	}

	.footer .footerLink .left .linkIcon {
		margin-top: 10px;
		display: inline-block;
	}

	.footer .footerLink .left {
		float: none;
		text-align: center;
	}

	.footer .footerLink .right {
		float: none;
		margin-top: 20px;
		display: none;
	}

	.footer .footerLink .right dl {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.footer .footerLink .right dl:last-child {
		margin-bottom: 0;
	}

	.footer .footerLink .right dt {
		padding-bottom: 8px;
	}

	.footer .footerLink .right dt:before {
		width: 100%;
	}

	.footer .footerLink .right dl dd {
		float: left;
		width: 50%;
	}

	.footer .footerContact {
		padding: 15px 0;
		text-align: center;
	}

	.footer .footerContact ul {
		float: none;
		width: 100%;
	}

	.footer .footerContact ul:before {
		display: none;
	}

	.footer .footerContact ul li {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}

	.footer .footerContact .email {
		float: none;
		height: 30px;
		line-height: 30px;
	}
}