@charset "utf-8";

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0
}

* {
	margin: 0;
	padding: 0
}

body {
	font-family: "microsoft yahei",arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	margin: 0 auto;
	background: #fff;
	max-width: 1920px;
	-webkit-tap-highlight-color: transparent
}

a:link,a:visited {
	text-decoration: none;
	outline: 0;
	color: #666
}

a:hover,a:active,a:focus {
	color: #666;
	text-decoration: none
}

ul,li {
	list-style: none
}

ul {
	padding: 0
}

li {
	zoom: 1;
	vertical-align: middle
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 36px
}

fieldset,img {
	border: 0
}

img {
	border: 0;
	max-width: 100%
}

div {
	outline: 0
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: 0;
	width: 100%
}

th,td {
	padding: 0
}

input,textarea {
	font-family: arial;
	font-size: 14px
}

input {
	outline: 0
}

textarea {
	outline: 0
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0
}

input,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden
}

::-webkit-input-placeholder {
	color: #7a7a7a
}

:-moz-placeholder {
	color: #7a7a7a;
	opacity: 1
}

::-moz-placeholder {
	color: #7a7a7a;
	opacity: 1
}

:-ms-input-placeholder {
	color: #7a7a7a
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
	clear: both
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic img {
	transition: .5s
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.font20 {
	font-size: 20px
}

.bold {
	font-weight: bold
}

.container {
	width: 1565px;
	margin-left: auto;
	margin-right: auto
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(?images/ie_sosad.png) no-repeat center 35% #fff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: #666
}

.prompt span a {
	text-decoration: underline
}

.prompt .prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(?images/closed.png) no-repeat center center;
	cursor: pointer
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-thumb {
	background: #bbb;
	background: rgba(0,0,0,0.15);
	border-radius: 5px
}

::-webkit-scrollbar-track {
	background: #ddd;
	background: rgba(0,0,0,0.05)
}

#container {
	overflow: hidden;
	position: relative;
	background: #fff
}

.header {
	height: 98px;
	transition: .5s;
	width: 100%;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background: #fff
}

.header .container {
	width: 1843px
}

.header .lan {
	position: relative;
	margin-top: 28px
}

.header .lan a.la {
	width: 174px;
	height: 41px;
	line-height: 41px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 30px;
	font-size: 20px;
	display: block;
	padding-left: 48px;
	transition: .5s;
	background: #0375c4 url(../images/map.png) no-repeat 15px 12px;
	background-size: 27px
}

.header .lan .hover {
	position: absolute;
	top: 41px;
	width: 100%;
	display: none;
	padding-top: 29px
}

.header .lan .hover .arrow,.header .lan .hover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.header .lan .hover .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-color: #0375c4;
	top: 9px;
	border-width: 11px
}

.header .lan ul {
	background: #0375c4;
	padding: 20px 0
}

.header .lan ul li a {
	display: block;
	line-height: 40px;
	text-align: center;
	color: rgba(255,255,255,0.7);
	font-size: 16px
}

@media (min-width:1025px) {
	.header .lan ul li:hover a {
		color: #fff;
		text-decoration: underline
	}
}

@media (min-width:1025px) {
	.header .lan:hover .hover {
		display: block
	}
}

.header .logo {
	float: left;
	z-index: 4;
	transition: .5s;
	padding-top: 16px;
	margin-left: 18px
}

.header .logo a {
	float: left;
	position: relative
}

.header .logo a img {
	transition: .5s;
	display: block;
	max-height: 64px
}

.header .lan {
	float: right
}

.header .header-right {
	transition: .5s;
	float: right
}

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

.header .header-right .nav ul li {
	float: left;
	margin-left: 22px;
	position: relative
}

.header .header-right .nav ul li a {
	display: block;
	color: #333;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	position: relative;
	transition: .5s;
    font-weight:bold;
	padding: 0 8px;
	line-height: 98px
}

.header .header-right .nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 4px;
	background: #0375c4;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: .5s
}

.header .header-right .nav ul li .subnav {
	position: absolute;
	top: 98px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	display: none;
	z-index: 4
}

.header .header-right .nav ul li .subnav ul {
	/*background: rgba(0,103,180,0.7);*/
    background: rgba(0,0,0,0.7);
	padding:15px;
}

.header .header-right .nav ul li .subnav ul li {
	float: none;
	margin: 0;
	width: 100%
}

.header .header-right .nav ul li .subnav ul li a {
	font-size: 16px;
	height: auto;
	padding: 0;
	color: rgba(255,255,255,1);
	line-height: 40px;
	font-weight:bold;
	position: relative
}

.header .header-right .nav ul li .subnav ul li a:after {
	display: none
}

.header .header-right .nav ul li .subnav ul li a:before {
	display: none
}

.header .header-right .nav ul li .subnav ul li a .pic:after {
	padding-bottom: 74.91166077738517%
}

.header .header-right .nav ul li .subnav ul li a:hover {
	color: #fff;
	background: #0375c4
}

@media (min-width:1025px) {
	.header .header-right .nav ul li:hover a:after {
		left: 0;
		width: 100%
	}
}

.header .header-right .nav ul li:nth-child(1) a:before {
	display: none
}

.header .header-right .nav ul .active a:after {
	left: 0;
	width: 100%
}

.header .header-right .header-search {
	position: relative;
	float: right;
	margin-right: 8px
}

.header .header-right .header-search .pull-right {
	height: 98px;
	transition: .5s;
	position: relative;
	padding-left: 4px
}

.header .header-right .header-search .pull-right:after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background: #e5e5e5;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.header .header-right .header-search .pull-right a {
	font-size: 16px;
	display: block;
	width: 50px;
	height: 98px;
	line-height: 98px;
	text-align: center;
	background: url("?images/search.png") no-repeat center center;
	background-size: 22px;
	color: #fff
}

.header .header-right .header-search .search {
	z-index: 9;
	position: relative
}

.header .header-right .header-search .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All .2s ease-in-out;
	transition: All .2s ease-in-out;
	position: relative
}

.header .header-right .header-search .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.header .header-right .header-search .search .search-main {
	top: 0;
	right: 0;
	z-index: 9;
	width: 340px;
	display: none;
	padding: 20px;
	position: absolute
}

.header .header-right .header-search .search-container {
	background-color: #fff;
	padding-left: 0;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.header .header-right .header-search .search-container .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	height: 42px;
	vertical-align: top;
	padding: 10px 86px 10px 10px;
	-webkit-appearance: none;
	background-color: #fff
}

.header .header-right .header-search .search-container .btn {
	top: 0;
	right: 0;
	color: #043b83;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	border-radius: 0;
	border: 0;
	background: url(?images/search.png) no-repeat center center;
	background-size: 20px
}

.header .header-right .header-search #search-closed {
	right: 0;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer
}

.header .header-right .zhuce {
	float: right;
	position: relative
}

.header .header-right .zhuce:after {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background: #e5e5e5;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.header .header-right .zhuce a {
	height: 98px;
	width: 54px;
	background: url("?images/quit.png") no-repeat center center;
	background-size: 24px;
	display: none
}

.header .header-right .login {
	float: right
}

.header .header-right .login a {
	height: 98px;
	width: 61px;
	background: url("?images/login.png") no-repeat center center;
	background-size: 21px;
	display: block
}

.headerFixed {
	box-shadow: 0 0 18px 0 rgba(0,0,0,0.2)
}

#menu .lan {
	position: relative;
	padding: 0 20px
}

#menu .lan a {
	display: block;
	line-height: 40px;
	color: #333;
	font-size: 16px;
	float: left;
	margin-right: 5px
}

@-webkit-keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	50% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		-webkit-transform: translateY(80px);
		transform: translateY(80px)
	}
}

@keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	50% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		-webkit-transform: translateY(80px);
		transform: translateY(80px)
	}
}

.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
	margin-top: 98px
}

.home-banner .home-banner-slick {
	position: relative
}

.home-banner .home-banner-slick .slick-list {
	position: relative;
	display: block
}

.home-banner .home-banner-slick .item {
	position: relative;
	overflow: hidden
}

.home-banner .home-banner-slick .item .img {
    height: calc(100vh - 98px);
}

.home-banner .home-banner-slick .item img {
	display: block;
	transition: 5s
}

.home-banner .home-banner-slick .banner-hover {
	position: absolute;
	bottom: 16%;
	left: 0;
	width: 100%;
	z-index: 5
}

.home-banner .home-banner-slick .banner-hover .info {
	float: right;
	text-align: left
}

.home-banner .home-banner-slick .banner-hover .bt {
	margin-bottom: 25px
}

.home-banner .home-banner-slick .banner-hover .span {
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px
}

.home-banner .home-banner-slick .slick-dots {
	z-index: 10;
	bottom: 40px;
	width: 100%;
	line-height: 0
}

.home-banner .home-banner-slick .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 52px;
	height: 5px;
	transition: .5s;
	float: none;
	border: 1px solid transparent
}

.home-banner .home-banner-slick .slick-dots li button {
	width: 20px;
	height: 20px;
	padding: 0;
	display: block;
	border: 0;
	transition: .5s;
    background: #fff;
    border-radius: 50%;
}

.home-banner .home-banner-slick .slick-dots li button:before {
	content: ""
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
	/*background: url("?images/doth.png") no-repeat center center*/
        background: #0375c4;
}

.home-banner .home-banner-slick .slick-dots .slick-active button:before {
	color: transparent
}

.home-banner .home-banner-slick .slick-active a img {
	transition: 5s;
	animation: mymove4 5s
}

.home-banner .home-banner-slick .slick-active .banner-hover .bt {
	transition: 2s;
	animation: fadeInRight2 2s
}

.home-banner .home-banner-slick .slick-active .banner-hover .span {
	transition: 2s;
	animation: fadeInRight2 2.5s
}

.home-banner .home-banner-slick .custom_paging {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-family: "Impact"
}

.home-banner .home-banner-slick .custom_paging li {
	font-size: 18px;
	padding-left: 61px;
	letter-spacing: 2px;
	line-height: 47px;
	color: rgba(255,255,255,0.8);
	position: relative;
	text-align: center
}

.home-banner .home-banner-slick .custom_paging li:after {
	content: '';
	display: none;
	width: 39px;
	height: 2px;
	background: #0375c4;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px
}

.home-banner .home-banner-slick .custom_paging li.slick-active {
	font-size: 24px;
	color: #0375c4
}

.home-banner .home-banner-slick .custom_paging li.slick-active:after {
	display: block
}

.home-banner .home-banner-slick-phone {
	position: relative;
	display: none
}

.home-banner .home-banner-slick-phone .slick-list {
	position: relative;
	display: block
}

.home-banner .home-banner-slick-phone .item {
	position: relative;
	overflow: hidden
}

.home-banner .home-banner-slick-phone .item img {
	display: block;
	transition: 5s
}

.home-banner .home-banner-slick-phone .banner-hover {
	position: absolute;
	bottom: 16%;
	left: 0;
	width: 100%;
	z-index: 5
}

.home-banner .home-banner-slick-phone .banner-hover .info {
	float: right;
	text-align: left
}

.home-banner .home-banner-slick-phone .banner-hover .bt {
	margin-bottom: 25px;
	text-align: right
}

.home-banner .home-banner-slick-phone .banner-hover .bt img {
	max-height: 40px
}

.home-banner .home-banner-slick-phone .banner-hover .span {
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: right
}

.home-banner .home-banner-slick-phone .banner-hover .span img {
	max-height: 20px
}

.home-banner .home-banner-slick-phone .slick-dots {
	z-index: 10;
	bottom: 26px;
	width: 100%;
	line-height: 0
}

.home-banner .home-banner-slick-phone .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 52px;
	height: 5px;
	transition: .5s;
	float: none;
	border: 1px solid transparent
}

.home-banner .home-banner-slick-phone .slick-dots li button {
	width: 52px;
	height: 5px;
	padding: 0;
	display: block;
	border: 0;
	background: url("?images/dot.png") no-repeat center center;
	transition: .5s
}

.home-banner .home-banner-slick-phone .slick-dots li button:before {
	content: ""
}

.home-banner .home-banner-slick-phone .slick-dots .slick-active button {
	background: url("?images/doth.png") no-repeat center center
}

.home-banner .home-banner-slick-phone .slick-dots .slick-active button:before {
	color: transparent
}

.home-banner .home-banner-slick-phone .slick-active a img {
	transition: 5s;
	animation: mymove4 5s
}

.home-banner .home-banner-slick-phone .slick-active .banner-hover .bt {
	transition: 2s;
	animation: fadeInRight2 2s
}

.home-banner .home-banner-slick-phone .slick-active .banner-hover .span {
	transition: 2s;
	animation: fadeInRight2 2.5s
}

.home-banner .home-banner-slick-phone .custom_paging {
	position: absolute;
	bottom: 10px;
	left: 0;
	font-family: "Impact";
	width: 100%;
	text-align: center
}

.home-banner .home-banner-slick-phone .custom_paging li {
	margin: 0 5px;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 35px;
	color: rgba(255,255,255,0.8);
	position: relative;
	text-align: center
}

.home-banner .home-banner-slick-phone .custom_paging li.slick-active {
	font-size: 17px;
	color: #0375c4
}

.home-banner .home-banner-slick-phone .custom_paging li.slick-active:after {
	display: block
}

@keyframes jump {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes jump1 {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes mymove {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes mymove {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1)
	}
}

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

.phone-nav {
	position: fixed;
	right: 15px;
	top: 0;
	line-height: 60px;
	display: none;
	color: #666;
	z-index: 115
}

.phone-nav svg {
	height: 22px;
	margin-top: 19px;
	display: block;
	fill: #0375c4
}

.inbanner {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-top: 98px
}

.inbanner .inbanner-slick {
	position: relative;
	/*width: 1920px;
	height: 544px;
	left: 50%;
	margin-left: -960px;*/
}

.inbanner .inbanner-slick img {
	transition: 5s;
	animation: mymove4 5s;
	display: block;
	width:100%;
}

.inbanner .inbanner-slick .banner-info {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center
}

.inbanner .inbanner-slick .banner-info .bt {
	font-size: 60px;
	color: #fff;
	line-height: 110px;
	position: relative
}

.inbanner .inbanner-slick-phone {
	display: none
}

.inbanner .inbanner-slick-phone img {
	display: block;
	transition: 5s;
	animation: mymove4 5s
}

.inbanner .inbanner-slick-phone .banner-info {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center
}

.inbanner .inbanner-slick-phone .banner-info .bt {
	font-size: 60px;
	color: #fff;
	line-height: 110px;
	position: relative
}

.home-about {
	padding: 100px 0 50px 0;

	background: url("?images/bg.jpg") no-repeat top right;
	background-size: 100%
}

.home-about .text {
	width: 52%
}

.home-about .text .bt {
	font-size: 40px;
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 30px
}

.home-about .text .jsh {
	color: #333;
	line-height: 40px;
	/*height: 280px;*/
	height: 200px;
	overflow: hidden;
	margin-bottom: 31px
}

@media (max-width:1600px) {
    .home-about .text .jsh {
        font-size:18px;
    }
}

@media (min-width:1025px) {
	.home-about .text .more a:hover {
		background: #0375c4;
		color: #fff;
		border: 1px solid #0375c4
	}
}

.home-about .list {
	float: right;
	width: 65.7%;
	/*padding-top: 96px;*/
	padding-top: 66px
}

.home-about .list ul {
	box-shadow: 0 0 73px 0 rgba(190,190,190,0.35);
	background: #fff
}

.home-about .list ul li {
	width: 25%;
	float: left
}

.home-about .list ul li a {
	display: block
}

.home-about .list ul li .box {
	padding: 71px 10px 87px 10px;
	transition: .5s
}

.home-about .list ul li .img {
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
	position: relative
}

.home-about .list ul li .img .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: .5s
}

.home-about .list ul li .img .ph {
	top: -100%
}

.home-about .list ul li .bt {
	text-align: center;
	color: #333;
	margin-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:1025px) {
	.home-about .list ul li:hover .box {
		box-shadow: 0 0 73px 0 rgba(190,190,190,0.35)
	}

	.home-about .list ul li:hover .img .ph {
		top: 0
	}

	.home-about .list ul li:hover .img .p {
		top: 100%
	}

	.home-about .list ul li:hover .bt {
		color: #0375c4
	}
}

.more a,.more p {
	width: 167px;
	height: 43px;
	line-height: 41px;
	text-align: center;
	display: block;
	color: #0375c4;
	font-size: 18px;
	border: 1px solid #0266ab
}

.more a span,.more p span {
	font-family: 宋体
}

.in-title {
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: bold
}

.home-title {
	text-align: center;
	font-size: 40px;
	color: #333;
	font-weight: bold
}

.home-product {
	padding: 30px 0 80px 0
}

/*.home-product .container {
	width: 1780px
}*/

.home-product .home-bottom {
	padding-top: 30px
}

.pclist {
	margin: 0 -5px
}

.pclist li {
	width: 33.333333%;
	float: left;
	padding: 0 10px;
    margin-bottom:20px;
    overflow:hidden;
}

.pclist li a {
	position: relative;
	display: block
}

.pclist li:hover .hover .info {
    height: 100%;
}

.pclist li:hover .hover .info .jsh{
    top: 50%;
    transform: translateY(-50%);
}

.pclist li .pic:after {
	padding-bottom: 65%
}

.pclist li .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  color: #fff;
  transition: .5s;
}

.pclist li .hover .info {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  padding: 0 64px;
  background: rgba(3,117,196,0.5);
  transition: .5s;
}

.pclist li .hover .bt:after {
	content: '';
	display: block;
	width: 43px;
	height: 6px;
	background: #fff;
	margin-top: 8px
}

.pclist li .hover .jsh {
    font-size:16px;
	line-height: 30px;
	overflow: hidden;
    height:180px;
    position:relative;
	transition: .5s;
	margin-bottom: 0;
	margin-top: 0
}

.pclist li  .hover .jsh .more a {
  margin-top: 20px;
  width: 167px;
  height: 43px;
  line-height: 41px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
}

.pclist li .bt {
    font-size: 24px;
    color: #fff;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    background: rgba(0,107,180,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (min-width:1025px) {
	.pclist li:hover .pic img {
		transform: scale(1.05)
	}

	.pclist li:hover .bt {
		text-decoration: underline
	}
}

@media (max-width:1025px) {

    .pclist li:hover .hover .info {
        height: 0;
    }

    .pclist li:hover .hover .info .jsh{
        display:none;
    }
}

.home-cuanxin {
	padding: 44px 0
}

.home-cuanxin ul li {
	overflow: hidden
}

.home-cuanxin ul li .text {
	width: 50%;
	float: left
}

.home-cuanxin ul li .pic {
	float: right;
	width: 50%
}

.home-cuanxin ul li .pic:after {
	padding-bottom: 52.083333333333336%
}

.home-cuanxin ul li .text {
	padding: 4% 9%
}

.home-cuanxin ul li .text .bt {
	font-size: 40px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 10%
}

.home-cuanxin ul li .text .jsh {
	color: #333;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 12%
}

@media (min-width:1025px) {
	.home-cuanxin ul li:hover .pic img {
		transform: scale(1.03)
	}

	.home-cuanxin ul li:hover .text .more p {
		background: #0375c4;
		color: #fff;
		border: 1px solid #0375c4
	}
}

.home-cuanxin ul li:nth-child(2n) .pic {
	float: left
}

.home-cuanxin ul li:nth-child(2n) .text {
	float: right;
	text-align: right
}

.home-cuanxin ul li:nth-child(2n) .more {
	float: right
}

.home-news {
	padding: 50px 0 80px 0;
	background: #f8f8f8
}

.home-news .container {
	width: 100%;
	padding: 0 72px
}

.home-news .home-bottom {
	padding-top: 30px;
	position: relative
}

.home-news .home-bottom .slick-prev,.home-news .home-bottom .slick-next {
	/*width: 68px;*/
	height: 68px;
	border-radius: 50%;
	top: 75px;
	margin-top: 25px;
	z-index: 5
}

.home-news .home-bottom .slick-prev:before,.home-news .home-bottom .slick-next:before {
	content: ''
}

.home-news .home-bottom .slick-prev {
	left: -15px;
	background: url("?images/left.png") no-repeat center center;
    background-size: 20px;
    /*#0375c4*/
}

.home-news .home-bottom .slick-next {
	right: -15px;
	background: url("?images/right.png") no-repeat center center;
    background-size: 20px;
    /*#0375c4*/
}

.home-news .home-bottom .more {
	margin-top: 30px
}

.home-news .home-bottom .more font {
    font-size:16px;
    line-height:42px;
}

.home-news .home-bottom .more a {
	margin: 0 auto;
	border: 1px solid #5a5a5a;
	color: #333
}

@media (min-width:1025px) {
	.home-news .home-bottom .more a:hover {
		background: #0375c4;
		color: #fff;
		border: 1px solid #0375c4
	}
}

.newslist {
	position: relative;
	margin: 0 -24px
}

.newslist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 24px
}

.newslist li .pic:after {
	padding-bottom: 66.78571428571429%
}

.newslist li .text {
	padding: 33px 22px 25px 22px;
	border-bottom: 4px solid #fff;
	background: #fff
}

.newslist li .text .bt {
	color: #333;
	line-height: 37px;
	height: 37px;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	margin-bottom: 2px
}

.newslist li .text .jsh {
    line-height:24px;
    height:120px;
    font-size:16px;
    overflow:hidden;
}

.newslist li .text .more p {
	float: right
}

@media (min-width:1025px) {
	.newslist li:hover .pic img {
		transform: scale(1.03)
	}

	.newslist li:hover .text {
		border-bottom: 4px solid #0375c4
	}

	.newslist li:hover .text .bt {
		color: #0375c4
	}

	.newslist li:hover .text .more p {
		background: #0375c4;
		color: #fff;
		border: 1px solid #0375c4
	}
}

.home-video {
	position: relative
}

.home-video .img {
	width: 1920px;
	height: 634px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 1
}

.home-video .img img {
	display: block
}

.home-video .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: url("?images/video.png") no-repeat center center
}

.footer {
	padding: 37px 0 48px 0;
	background: url("?images/bg1.jpg") no-repeat bottom center
}

.footer-top {
	padding-bottom: 107px
}

.footer-top ul {
	float: left;
	width: 79%
}

.footer-top ul li {
	float: left;
	width: 16.666666666666668%
}

.footer-top ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px
}

@media (min-width:1025px) {
	.footer-top ul li a:hover {
		color: #0375c4
	}
}

.footer-top ul li ul li {
	width: 100%;
	float: none
}

.footer-top ul li ul li a {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	margin: 0
}

.footer-top .footer-contact {
	float: right;
	width: 21%;
	padding-top: 8px
}

.footer-top .footer-contact .f-phone {
	margin-bottom: 11px
}

.footer-top .footer-contact .f-phone a {
	font-size: 20px;
	color: #444;
	font-weight: bold;
	background: url("?images/phone.png") no-repeat center left;
	background-size: 19px;
	padding-left: 30px;
	font-family: arial
}

.footer-top .footer-contact .p {
	font-size: 18px;
	color: #333;
	line-height: 32px;
	margin-bottom: 15px
}

.footer-top .footer-contact .item {
	float: left;
	margin-right: 5px;
	position: relative
}

.footer-top .footer-contact .item span,.footer-top .footer-contact .item a {
	display: block;
	width: 30px!important;
	height: 30px!important;
	float: right;
	border: 1px solid #999;
	cursor: pointer;
	border-radius: 50%
}

.footer-top .footer-contact .item span.wb {
	background: url("?images/f2.png") no-repeat center center;
	background-size: 21px
}

.footer-top .footer-contact .item span.wb:hover {
	background: #0375c4 url("../images/f2h.png") no-repeat center center;
	background-size: 21px;
	border: 1px solid #0375c4
}

.footer-top .footer-contact .item span.wx {
	background: url("?images/f1.png") no-repeat center center;
	background-size: 23px
}

.footer-top .footer-contact .item span.wx:hover {
	background: #0375c4 url("../images/f1h.png") no-repeat center center;
	background-size: 23px;
	border: 1px solid #0375c4
}

.footer-top .footer-contact .item a.dy {
	display: block;
	background: url("?images/f3.png") no-repeat center center;
	background-size: 20px
}

.footer-top .footer-contact .item a.dy:hover {
	background: #0375c4 url("../images/f3h.png") no-repeat center center;
	background-size: 20px;
	border: 1px solid #0375c4
}

.footer-top .footer-contact .item .hover {
	position: absolute;
	bottom: 45px;
	left: 50%;
	padding: 10px;
	background: #fff;
	width: 130px;
	margin-left: -65px;
	text-align: center;
	display: none;
	z-index: 77;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
	font-size: 13px;
	line-height: 23px
}

.footer-top .footer-contact .item:hover .hover {
	display: block
}

.footer-top .footer-contact .item .hover .arrow,.footer-top .footer-contact .item .hover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.footer-top .footer-contact .item .hover .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-color: #fff;
	bottom: -21px;
	border-width: 11px
}

.footer-bottom {
	font-size: 18px;
	color: #333;
	text-align: center
}


.current {
	padding: 17px 0 13px 0;
	border-bottom: 1px solid #eee
}

.current span {
	background: url(?images/home.png) no-repeat left 0;
	background-size: 18px;
	padding-left: 28px;font-size:16px;
}

.current span b {
	font-weight: normal;
	color: #0375c4
}

.second-nav {
	text-align: center;
	font-size: 25px
}

.second-nav ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 11px
}

.second-nav ul li a {
	color: #333;
	padding-bottom: 22px;
	display: block;
	border-bottom: 6px solid transparent
}

@media (min-width:1025px) {
	.second-nav ul li:hover a {
		color: #0375c4;
		border-bottom: 6px solid #0375c4
	}
}

.second-nav ul li.active a {
	color: #0375c4;
	border-bottom: 6px solid #0375c4
}

.content {
	padding: 57px 0
}

.field .field-bottom {
	padding: 69px 0 58px 0
}

.field .field-bottom .in-title {
	margin-bottom: 70px
}

/*.field .field-bottom .container {
	width: 1780px
}*/

.chemical .chemical-bottom {
	padding: 70px 0 33px 0
}

.chemical .chemical-bottom .in-title {
	margin-bottom: 60px
}

.chemical .chemical-bottom .p {
	color: #333;
	line-height: 40px;
	margin-bottom: 70px
}

.chemicallist {
	margin: 0 -8px
}

.chemicallist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 8px;
	margin-bottom: 20px
}

.chemicallist li .box {
	position: relative
}

.chemicallist li .box .pic img {
	transition: .5s;width:100%;
}

.chemicallist li .box .pic:after{padding-bottom:65%}

.chemicallist li .box .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	color: #fff;
	transition: .5s
}

.chemicallist li .box .hover .info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 25px;
	background: rgba(3,117,196,0.5);
	transition: .5s
}

.chemicallist li .box .hover .bt {
    font-size: 24px;
    color: #fff;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    background: rgba(0,107,180,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
width: 100%;
}

/*.chemicallist li .box .hover .bt:after {
	content: '';
	display: block;
	width: 43px;
	height: 6px;
	background: #fff;
	margin-top: 8px
}*/

.chemicallist li .box .hover .jsh {
	line-height: 40px;
	height: 0;
	overflow: hidden;
    max-height:200px;
	transition: .5s;
	margin-bottom: 0;
	margin-top: 0
}

.chemicallist li .box .hover .jsh .more a{
    margin-top:20px;
    width: 167px;
    height: 43px;
    line-height: 41px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
}

@media (min-width:1025px) {
	.chemicallist li .box:hover .hover {
		background: rgba(3,117,196,0.5)
	}

	.chemicallist li .box:hover .hover .info {
		background: 0
	}

	.chemicallist li .box:hover .hover .jsh {
		display: block;
		height: auto;
		margin-top: 35px;
		margin-bottom: 35px
	}
}

.news .news-bottom {
	padding: 78px 0 57px 0
}

.news .news-bottom .n-search {
	padding: 41px 50px 41px 191px;
	margin-bottom: 126px;
	background: #f6f6f6 url("../images/search1.png") no-repeat 53px 26px
}

.news .news-bottom .n-search .n-info {
	position: relative
}

.news .news-bottom  .n-search input {
    width: 100%;
    height: 58px;
    border: 1px solid #eeecec;
    background: #fff;
    font-size: 16px;
    padding: 0 30px
}

.news .news-bottom .n-search .submit {
    display: block;
    width: 222px;
    height: 58px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    z-index: 5;
    background: #0375c4
}

.newslist1 {
	padding-bottom: 33px
}

.newslist1 li {
	margin-bottom: 43px
}

.newslist1 li .box {
	position: relative;
	padding-left: 206px;
	padding-bottom: 41px;
	border-bottom: 1px solid #d9d8d8
}

.newslist1 li .box .date {
	font-size: 20px;
	color: #333;
	background: url("?images/date.png") no-repeat bottom left;
	padding-bottom: 83px;
	position: absolute;
	top: 0;
	left: 0
}

.newslist1 li .box .text .bt {
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 18px
}

.newslist1 li .box .text .bt span {
	color: #0375c4
}

.newslist1 li .box .text .jsh {
	font-size: 18px;
	color: #333;
	line-height: 36px;
	height: 72px;
	overflow: hidden
}

@media (min-width:1025px) {
	.newslist1 li:hover .date {
		background: url("?images/date1.png") no-repeat bottom left
	}

	.newslist1 li:hover .text .bt {
		color: #0375c4
	}
}

.page {
	text-align: center;
	overflow: hidden
}

.page a {
	color: #585858;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	margin: 0 3px 5px 3px;
	min-width: 40px;
	height: 40px;
	padding: 0 8px;
	font-family: arial;
	background: #f5f5f5;
	border-radius: 5px;
	-webkit-transition: all .5s;
	transition: all .5s
}


.page select {
	height: 40px;
	width: 85px;
	border-radius: 5px;
	border: 1px #eee solid;
	display: inline-block;
	text-align: center
}

.page a.cpb,.page a:hover {
	background: #0375c4;
	color: #fff
}

.page span {
	display: inline-block;
	padding: 0 3px
}

.page b {
	padding: 0 10px;
	font-size: 16px;
	color: #595757;
	font-weight: normal
}

.news-show .news-bottom {
	padding: 70px 0 49px 0
}

.news-show h1 {
	font-size: 32px;
	line-height: 40px;
	text-align: center;
	color: #404040;
	font-family: "microsoft yahei"
}

.news-show .tag {
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	margin: 12px 0 0 0;
	color: #666;
	background: url("?images/line2.png") no-repeat bottom center;
	padding-bottom: 11px
}

.news-show .tag span {
	padding: 0 10px;
	display: inline-block
}

.news-show .ee {
	font-size: 18px;
	color: #404040;
	line-height: 34px;
	overflow: hidden;
	padding-bottom: 102px
}

.news-show .ee .leftTool {
	float: left;
	width: 93px;
	text-align: center
}

.news-show .ee .leftTool .kan {
	width: 90px;
	margin: 0 auto;
	font-size: 24px;
	color: #0080d8;
	line-height: 51px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 5px;
	margin-bottom: 13px;
	font-family: arial
}

.news-show .ee .leftTool .kan .pic {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	border: 1px solid #f1f1f1;
	border-radius: 50%
}

.news-show .ee .leftTool .share span {
	display: block;
	margin-bottom: 9px;
	font-size: 14px;
	color: #999
}

.news-show .ee .leftTool .share a {
	display: block;
	width: 47px!important;
	height: 47px!important;
	transition: all .9s;
	margin: 8px auto!important;
	padding: 0!important;
	border: 1px solid #f1f1f1;
	border-radius: 50%
}

.news-show .ee .leftTool .share a:hover {
	border: 1px solid #0375c4
}

.news-show .ee .leftTool .share a.bds_weixin {
	background: url(?images/fn1.png) no-repeat center center
}

.news-show .ee .leftTool .share a.bds_tqq {
	background: url(?images/fn2.png) no-repeat center center
}

.news-show .ee .leftTool .share a.bds_tsina {
	background: url(?images/fn3.png) no-repeat center center
}

.news-show .ee .leftTool .share a.bds_tqz {
	background: url(?images/fn4.png) no-repeat center center
}

.news-show .ee .anchor_fixed {
	position: fixed;
	top: 0
}

.news-show .ee .con-article {
	color: #404040;
	font-size: 18px;
	line-height: 36px;
	float: right;
	width: 91%;
	padding-right: 75px;
	border: 1px solid #ddd;
	padding:20px;
}

.news-show .ee .con-article .nr {
	padding: 35px 0 0 0
}

.news-show .link1 {
	font-size: 18px;
	color: #333
}

.news-show .link1 span {
	font-weight: bold;
	color: #0375c4
}

.news-show .link1 a {
	color: #333;
	margin-right: 5px
}

.inside-page-news {
	margin-top: 22px;
	position: relative
}

.inside-page-news ul {
	height: 39px;
	line-height: 39px;
	background: #e3e3e3;
	position: relative
}

.inside-page-news li {
	width: 50%;
	float: left;
	height: 39px;
	color: #333;
	font-size: 18px;
	padding: 0 107px 0 30px;
	overflow: hidden
}

.inside-page-news li a {
	color: #333;
	transition: all 0s
}

.inside-page-news li:last-child {
	float: right;
	padding: 0 30px 0 107px
}

.inside-page-news li:last-child:hover {
	color: #fff;
	background: #0375c4
}

.inside-page-news li:hover {
	color: #fff;
	background: #0375c4
}

.inside-page-news li:hover a {
	color: #fff
}

.inside-page-news .fanhui {
	top: 0;
	left: 50%;
	width: 162px;
	color: #333!important;
	text-align: center;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom:none;
	border-top:none;
	vertical-align: top;
	line-height: 39px;
	height: 39px;
	margin-left: -81px;
	position: absolute;
	background: #e3e3e3
}

.inside-page-news .fanhui:before {
	content: "";
	width: 17px;
	height: 15px;
	vertical-align: top;
	margin: 12px 10px 0 0;
	background: url(?images/fanhui.png) center left no-repeat;
	display: inline-block
}

.inside-page-news .fanhui:hover {
	color: #fff!important;
	background: #0375c4
}

.inside-page-news .fanhui:hover:before {
	background: url(?images/fanhui1.png) center left no-repeat
}

.related {
	padding: 77px 0 0 0
}

.related .related-title {
	color: #fff;
	font-size: 16px;
	width: 128px;
	height: 33px;
	line-height: 33px;
	padding-left: 17px;
	background: url("?images/bg2.png") no-repeat top left
}

.related ul {
	margin: 0 -56px;
	padding-top: 30px
}

.related ul li {
	width: 50%;
	float: left;
	padding: 0 56px
}

.related ul li a {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 43px;
	position: relative;
	padding-left: 14px;
	background: url("?images/dot.png") no-repeat center left;
	padding-right: 110px
}

.related ul li a .box {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.related ul li a span {
	position: absolute;
	top: 0;
	right: 0;
	color: #333
}

@media (min-width:1025px) {
	.related ul li:hover a {
		color: #0375c4;
		background: url("?images/dot1h.png") no-repeat center left
	}

	.related ul li:hover a span {
		color: #0375c4
	}
}

.join {
	margin-top: 98px
}

.jitem {
	font-size: 80px;
	text-align: center;
	position: relative;
	transition: .5s;
	height: 100vh
}

.jitem a {
	display: block
}

.jitem .bt {
	color: #fff;
	letter-spacing: 27px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	z-index: 5;
	width: 100%
}

@media (min-width:1025px) {
	.jitem .bt:hover span {
		border-bottom: 1px solid #fff
	}
}

.section {
	overflow: hidden;
	height: 100vh;
	position: relative
}

#fp-nav.right {
	right: 47px!important
}

.fp-section {
	z-index: 2
}

.fp-section.fp-table,.fp-slide.fp-table {
	overflow: hidden!important
}

.section:nth-child(1) {
	z-index: 666
}

.anniu123 {
	width: 44px;
	margin-left: -22px;
	position: absolute;
	left: 50%;
	bottom: 70px;
	z-index: 9;
	cursor: pointer
}

.anniu123 img {
	-webkit-animation: myfirst04 1.5s linear infinite;
	animation: myfirst04 1.5s linear infinite
}

.more1 a {
	display: block;
	width: 246px;
	height: 74px;
	line-height: 74px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 38px;
	letter-spacing: 8px;
	background: #437acf
}

@media (min-width:1025px) {
	.more1 a:hover {
		background: #3d6fbc
	}
}

.transparent {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	display: none
}

.video-popup1 {
	position: absolute;
	top: 98px;
	right: 0;
	width: 50%;
	height: 100vh;
	color: #fff;
	overflow: auto;
	display: none;
	padding: 130px 100px;
	font-size: 24px;
	line-height: 42px;
	background: #333;
	z-index: 999;
	pointer-events: painted
}

.video-popup1 .close {
	display: block;
	width: 30px;
	height: 25px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(?images/close1.png) no-repeat center center;
    background-size:18px;
}

.video-popup1 .p {
	overflow: auto;
	height: 100%
}

.join01-1 {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%)
}

.join01-1 .bt {
	font-size: 60px;
	letter-spacing: 21px;
	margin-bottom: 26px
}

.join01-1 .span {
	font-size: 60px;
	letter-spacing: 16px;
	margin-bottom: 95px
}

.join01-1 .info {
	font-size: 38px;
	color: #fff;
	line-height: 56px;
	position: relative;
	letter-spacing: 8px;
	height: 168px;
	overflow: hidden;
	margin-bottom: 128px
}

.join01-2 {
	color: #fff;
	padding: 126px 0 0 0;
	position: relative
}

.join01-2 .bt {
	font-size: 74px;
	text-align: center;
	letter-spacing: 17px;
	margin-bottom: 230px
}

.join01-2 .span {
	font-size: 75px;
	text-align: center;
	letter-spacing: 15px;
	text-shadow: 0 0 8px rgba(2,102,171,0.93)
}

.join01-3 {
	position: relative
}

.join01-3 .title {
	color: #fff;
	text-align: center;
	font-size: 74px;
	letter-spacing: 15px;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 5
}

.join01-3 ul li {
	width: 25%;
	float: left;
	color: #fff
}

.join01-3 ul li .box {
	padding: 494px 33px 0 33px;
	cursor: pointer;
	height: 100vh;
	border-right: 1px solid rgba(255,255,255,0.17)
}

.join01-3 ul li .bt {
	font-size: 56px;
	letter-spacing: 10px
}

.join01-3 ul li .jsh {
	line-height: 35px;
	height: 481px;
	font-size: 26px;
	margin-top: 15px;
	overflow: hidden;
	display: none;
	letter-spacing: 4px
}

@media (min-width:1025px) {
	.join01-3 ul li:hover .box {
		padding: 270px 33px 0 33px;
		background: rgba(0,0,0,0.58)
	}

	.join01-3 ul li:hover .jsh {
		display: block
	}
}

.join02-1 {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%)
}

.join02-1 .bt {
	font-size: 60px;
	letter-spacing: 18px;
	margin-bottom: 100px;
    margin-top: 25px;
	line-height: 114px;
	height: 228px;
	overflow: hidden
}

.join02-1 .info {
	color: #fff;
	font-size: 38px;
	line-height: 56px;
	height: 168px;
	letter-spacing: 8.3px;
	width: 81%;
	margin-bottom: 134px;
	overflow: hidden;
	position: relative
}

.join03-3 {
	text-align: center;
	top: 75%;
	overflow: hidden
}

.join03-3 ul {
	padding: 0 111px
}

.join03-3 ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 14px
}

.join03-3 ul li .box {
	position: relative;
	padding: 54px 40px 50px 40px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	background: rgba(2,102,171,0.59)
}

.join03-3 ul li .box:after {
	width: 3px;
	height: 29px;
	background: #fb780e;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 3;
	display: block;
	content: ''
}

.join03-3 ul li .box .pic {
	width: 78px;
	background: url("?images/bg13.png") no-repeat center center
}

.join03-3 ul li .box .bt1 {
	text-align: left;
	padding-top: 44px
}

.join03-3 ul li:nth-child(2) .box {
	background: rgba(71,171,52,0.6)
}

.join03-3 ul li:nth-child(3) .box {
	background: rgba(22,154,228,0.64)
}

.active .jitem {
	-webkit-animation: fadeInUp2 1.3s alternate;
	animation: fadeInUp2 1.3s alternate
}

.active .join01-1 .bt {
	-webkit-animation: fadeInLeft2 1.3s alternate;
	animation: fadeInLeft2 1.3s alternate
}

.active .join01-1 .span {
	-webkit-animation: fadeInLeft2 1.5s alternate;
	animation: fadeInLeft2 1.5s alternate
}

.active .join01-1 .info {
	-webkit-animation: fadeInLeft2 2s alternate;
	animation: fadeInLeft2 2s alternate
}

.active .more1 {
	-webkit-animation: fadeInLeft2 2.3s alternate;
	animation: fadeInLeft2 2.3s alternate
}

.active .join01-2 .bt {
	-webkit-animation: fadeInDown2 1.3s alternate;
	animation: fadeInDown2 1.3s alternate
}

.active .join01-2 .span {
	-webkit-animation: fadeInUp2 1.3s alternate;
	animation: fadeInUp2 1.3s alternate
}

.active .join01-3 .title {
	-webkit-animation: fadeInDown2 1.3s alternate;
	animation: fadeInDown2 1.3s alternate
}

.active .join01-3 ul li {
	-webkit-animation: fadeInUp2 1.3s alternate;
	animation: fadeInUp2 1.3s alternate
}

.active .join02-1 .bt {
	-webkit-animation: fadeInLeft2 1.3s alternate;
	animation: fadeInLeft2 1.3s alternate
}

.active .join02-1 .info {
	-webkit-animation: fadeInLeft2 2s alternate;
	animation: fadeInLeft2 2s alternate
}

.active .join03-3 ul li {
	-webkit-animation: fadeInUp2 1.3s alternate;
	animation: fadeInUp2 1.3s alternate
}

.yuanjing {
	background: url("?images/bg3.jpg") no-repeat top center;
	background-size: 100%;

}

.yuanjing .yuanjing-bottom {
	padding-top: 713px
}

.yuanjing .yuanjing-bottom .item {
	margin-bottom: 60px
}

.yuanjing .yuanjing-bottom .in-title {
	text-align: left;
	letter-spacing: 2px;
	margin-bottom: 72px
}

.yuanjing .yuanjing-bottom .p {
	color: #333;
	line-height: 40px
}

.sustainable {
	padding-bottom: 0;
	/*background: #fff url("../images/bg6.png") no-repeat top center;*/
	background-size: 100%;
	position: relative
}

.sustainable .in-title {
	letter-spacing: 6px
}

.sustainable .sus01 {
	padding: 71px 0 86px 0
}


.sustainable .sus01 .jsh{
	margin-top: 40px;
	line-height: 40px;
	color: #333;
}

.sustainable .sus01 ul {
	padding: 63px 77px 0 77px
}

.sustainable .sus01 ul li {
	width: 16.666666666666668%;
	text-align: center;
	float: left
}

.sustainable .sus01 ul li .pic {
	width: 147px;
	margin: 0 auto;
	background: url("?images/bg4.png") no-repeat top center;
	background-size: 100%;
	transition: .5s
}

.sustainable .sus01 ul li .bt {
	color: #333;
	margin-top: 24px;
	line-height: 40px
}

@media (min-width:1025px) {
	.sustainable .sus01 ul li:hover .pic {
		background: url("?images/bg5.png") no-repeat top center;
		background-size: 100%
	}
}

.sustainable .sus02 {
	padding: 42px 0 42px 0;
	background: rgba(236,242,253,0.4)
}

.sustainable .sus02 .p {
	color: #333;
	line-height: 46px;
	margin-top: 30px;
	margin-bottom: 0
}

.sustainable .sus02 .img {
	text-align: center
}

.sustainable .sus02 .img img {
    max-height:600px;
}

.sustainable .sus03 {
	padding: 20px 0
}

.sustainable .sus03 .left {
	float: left;
	width: 61%
}

.sustainable .sus03 .text {
	float: right;
	width: 35%;
	padding-top: 35px
}

.sustainable .sus03 .text .in-title {
	margin-bottom: 38px;
	text-align: left
}

.sustainable .sus03 .text .jsh {
	line-height: 40px;
	color: #333
}

.sustainable .sus03 .jsh {
	line-height: 40px;
	color: #333
}

.sustainable .sus04 {
	padding: 40px 0;
	/*background: rgba(236,242,253,0.4)*/
}

.sustainable .sus04 .text {
	float: left;
	width: 48%;
	padding: 0 1%
}

.sustainable .sus04 .text .jsh {
	margin-top: 40px;
	line-height:40px;
	color:#333;
    font-size:20px;
}


.sustainable .sus05 .text .jsh {
	font-size:20px;
}

.sustainable .sus04 .text .jsh .btn{
	color:#0375c4;
	cursor: pointer;
}


.sustainable .sus04 .text .jsh p {
	width: 50%;
	float: left;
	padding-left: 40px;
	background: url("?images/su8.png") no-repeat left 21px;
	color: #333;
	line-height: 56px
}

.sustainable .sus04 .img {
	float: right;
	width: 52%
}

.sustainable .sus04 .img img {
	display: block
}

.sustainable .sus05 {
	/*padding: 0 0 82px 0;*/
	position: relative;
	background: 0;
	overflow: hidden
}

.sustainable .sus05:after {
	content: '';
	display: block;
	width: 100%;
	height: 43%;
	/*background: rgba(236,242,253,0.4);*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.sustainable .sus05 .text {
	float: right;
	padding:0 1%;
	position: relative;
	width:48%;
	z-index: 3
}

.sustainable .sus05 .text .jsh p {
	/*background: url("?images/su14.png") no-repeat left 10px*/
    background: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
	line-height: 40px
}
.sustainable .duty .sus04,.sustainable .duty .sus06{
    position: relative;
}
.sustainable .duty .sus04 .text{
    padding:0 2%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sustainable .duty .sus04 .text .jsh {
    margin-top: 30px;
    line-height: 38px;
    font-size: 19px;
    text-align: justify;
}
.sustainable .duty .sus03 .text .in-title {
    margin-bottom: 30px;
}
.sustainable  .duty .sus05 .text{
    left:auto;
    right:0;
}
.sustainable  .duty .sus05 .text .jsh {
    font-size: 19px;
}
.sustainable  .duty .sus06 .text {
    padding: 0 2%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sustainable  .duty .sus06 .text .jsh {
    line-height: 38px;
    font-size: 19px;
    margin-top: 30px;
    text-align: justify;
}
@media (max-width:1600px){
	.sustainable .sus01 .jsh{
		margin-top: 40px;
		line-height: 30px;
		font-size:16px;

	}
	.sustainable .sus03 .text .jsh {
		line-height:30px;
		font-size:16px;
	}
	.sustainable .sus03 .jsh {
		line-height:30px;
		font-size:16px;
	}
	.sustainable .sus04 .text .jsh {
		line-height:30px;
		font-size:16px;
	}

	.sustainable .sus05 .text .jsh {
		line-height:30px;
		font-size:16px;
	}
    .sustainable .duty .sus04 .text .jsh {
        line-height:30px;
        font-size:16px;
        margin-top: 25px;
    }

    .sustainable  .duty  .sus05 .text .jsh {
        line-height:30px;
        font-size:16px;
        margin-top: 25px;
    }
    .sustainable  .duty  .sus06 .text .jsh {
        line-height:30px;
        font-size:16px;
        margin-top: 25px;
    }
    .sustainable .duty .sus03 .text .in-title {
        margin-bottom:25px;
    }
    .sustainable .duty .sus06 .text .jsh p {
        padding-left: 30px;
        background-size: 28px;
    }
}
@media(max-width:1400px){

    .sustainable .duty .sus04 .text .jsh {
        line-height:26px;
        font-size:14px;
        margin-top: 15px;
    }

    .sustainable  .duty  .sus05 .text .jsh {
        line-height:26px;
        font-size:14px;
        margin-top: 15px;
    }
    .sustainable  .duty  .sus06 .text .jsh {
        line-height:26px;
        font-size:14px;
        margin-top: 15px;
    }
    .sustainable .duty .sus03 .text .in-title {
        margin-bottom:15px;
    }
}

@media(max-width:1200px){
    .sustainable .duty .sus04 .text {
        position: relative;
        left: auto;
        top: auto;
        transform: inherit;
        padding:20px;
    }
    .sustainable .duty .sus05 .text {
        left: auto;
        right: auto;
    }
    .sustainable .duty .sus06 .text {
        padding: 20px;
        position: relative;
        right: auto;
        top: auto;
        transform: inherit;
    }
}
.sustainable .susxz .text .jsh p{
	background: url("?images/su15.png") no-repeat left 2px;
	width:100%;
	text-align:left;
	padding-left:40px;
}

.sustainable .sus05 .img {
	float: left;
	position: relative;
	width:52%;
	z-index: 3
}


.sustainable .sus09 .text {
	float: right;
	padding:0 3%;
	position: relative;
	width:40%;
	z-index: 3
}
.sustainable .sus09 .img {
	float: left;
	position: relative;
	width:60%;
	z-index: 3
}


.sustainable .sus09 .text .jsh p {
	/*background: url("?images/su14.png") no-repeat left 10px*/
    background: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
	line-height: 40px
}

.sustainable .sus06 {
	padding: 40px 0;
}

.sustainable .sus06 .text{
	width: 48%;
    padding:0 1%;
}
.sustainable .sus04.xz-sus .container{
    position: relative;
    overflow: hidden;
}
.sustainable .sus04.xz-sus .text{
    padding:0 2%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sustainable .sus04.xz-sus .text .jsh {
    margin-top: 30px;
    line-height: 38px;
    font-size: 19px;
}
.sustainable .sus06 .text .in-title{
	margin-bottom: 0;
}

.sustainable .sus06 .text .jsh {
  line-height: 40px;
  color: #333;
}

.sustainable .sus06 .text .jsh p{
	background: url("?images/su15.png") no-repeat left 2px;
	width:100%;
	text-align:left;
	padding-left:40px;
}

.sustainable .sus06 .img {
  float: left;
  width: 52%;
}
.sustainable .sus04.xz-sus .text .jsh p{
    line-height:inherit;
}
@media(max-width:1600px){
    .sustainable .sus04.xz-sus .text .jsh {
        line-height:30px;
        font-size:16px;
        margin-top: 25px;
    }
    .sustainable .sus04.xz-sus .text .in-title {
        margin-bottom:25px;
    }
}

@media(max-width:1400px){

    .sustainable .sus04.xz-sus .text .jsh {
        line-height:26px;
        font-size:14px;
        margin-top: 15px;
    }
    .sustainable .sus04.xz-sus .text .in-title {
        margin-bottom:15px;
    }
}

@media(max-width:1200px){
    .sustainable .sus04.xz-sus .text {
        position: relative;
        left: auto;
        top: auto;
        transform: inherit;
        padding:20px;
    }
}
.loginbg {
	background: #f7f8f9 url(../images/login-img1.jpg) no-repeat top center;
	padding: 129px 0;
	overflow: hidden;
	background-size: cover
}

.loginbg .box {
	height: 861px;
	font-size: 16px;
	width: 535px;
	float: right;
	margin: 0 10%;
	background: #fff
}

.loginbg .box .icon {
	top: 50px;
	left: 100px;
	position: absolute
}

.loginbg .box .leftbox {
	padding: 60px 51px 0 51px
}

.loginbg .box .leftbox h1 {
	color: #333;
	font-weight: bold;
	font-size: 45px;
	line-height: 50px;
	letter-spacing: 7px;
	padding-bottom: 27px
}

.loginbg .box .leftbox .text {
	font-size: 21px;
	color: #858585
}

.loginbg .box .leftbox .text a {
	color: #0375c4
}

.loginbg .box .leftbox .tabmenu {
	padding-bottom: 10px
}

.loginbg .box .leftbox .tabmenu li {
	width: 50%;
	float: left;
	height: 70px;
	font-size: 18px;
	line-height: 80px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	border-bottom: solid 1px #a9a9a9
}

.loginbg .box .leftbox .tabmenu .active {
	border-color: #0375c4
}

.loginbg .box .leftbox .tabmenu .active a {
	color: #0375c4
}

.loginbg .box .leftbox .ltag {
	padding: 20px 0;
	max-width: 300px;
	width: 100%;
	margin: 0 auto
}

.loginbg .box .leftbox .ltag li {
	width: 33.333%;
	float: left;
	font-size: 14px;
	position: relative;
	text-align: center
}

.loginbg .box .leftbox .ltag li i {
	left: 52px;
	top: 10px;
	width: 100%;
	height: 4px;
	font-style: normal;
	position: absolute
}

.loginbg .box .leftbox .ltag li i img {
	vertical-align: top
}

.loginbg .box .leftbox .ltag li span {
	color: #666;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 100%;
	background: #eee;
	display: inline-block;
	font-family: arial
}

.loginbg .box .leftbox .ltag li p {
	padding-top: 10px;
	color: #333
}

.loginbg .box .leftbox .ltag .active span {
	color: #fff;
	background: #0375c4
}

.loginbg .box .leftbox .content-3 {
	display: none
}



.loginbg .box .leftbox .content1,.loginbg .box .leftbox .tabmenu {
	width: 100%;
	margin: 0 auto
}

.loginbg .box .leftbox .content1 .pass,.loginbg .box .leftbox .tabmenu .pass {
	right: 15px;
	top: 12px;
	color: #5badf2;
	position: absolute
}

.loginbg .box .leftbox .content1 .t1,.loginbg .box .leftbox .tabmenu .t1 {
	color: #959595;
	font-size: 16px;
	margin-top: 30px
}

.loginbg .box .leftbox .content1 .t1 a,.loginbg .box .leftbox .tabmenu .t1 a {
	padding: 0 5px;
	color: #333;
	display: inline-block
}

.loginbg .box .leftbox .content1 .t1 a:hover,.loginbg .box .leftbox .tabmenu .t1 a:hover {
	color: #0375c4;
	text-decoration: underline
}

.loginbg .box .leftbox .content1 .t1 input[type="checkbox"],.loginbg .box .leftbox .tabmenu .t1 input[type="checkbox"] {
	width: 24px;
	height: 24px;
	opacity: .5;
	-webkit-appearance: checkbox;
	border: solid 1px #d4d4d4
}

.loginbg .box .leftbox .content1 .t2,.loginbg .box .leftbox .tabmenu .t2 {
	height: 49px;
	margin-top: 30px;
	line-height: 49px;
	text-align: center;
	background: #0375c4;
	transition: all 500ms ease
}

.loginbg .box .leftbox .content1 .t2 a,.loginbg .box .leftbox .tabmenu .t2 a {
	color: #fff;
	display: block;
	font-size: 20px
}

.loginbg .box .leftbox .content1 .t2:hover,.loginbg .box .leftbox .tabmenu .t2:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.15)
}

.loginbg .box .leftbox .content1 .t3,.loginbg .box .leftbox .tabmenu .t3 {
	margin-top: 15px
}

.loginbg .box .leftbox .content1 .t3 a,.loginbg .box .leftbox .tabmenu .t3 a {
	color: #0375c4;
	display: block;
	width: 50%;
	float: left
}

.loginbg .box .leftbox .content1 .t3 a:hover,.loginbg .box .leftbox .tabmenu .t3 a:hover {
	text-decoration: underline
}

.loginbg .box .leftbox .content1 .t3 a:last-child,.loginbg .box .leftbox .tabmenu .t3 a:last-child {
	text-align: right
}

.loginbg .box .leftbox .content1 .t4,.loginbg .box .leftbox .tabmenu .t4 {
	margin-top: 30px;
	text-align: center
}

.loginbg .box .leftbox .content1 .t4 span,.loginbg .box .leftbox .tabmenu .t4 span {
	max-width: 60px;
	width: 100%;
	height: 1px;
	margin: 0 5px;
	margin-top: 10px;
	background: #959595;
	vertical-align: top;
	display: inline-block
}

.loginbg .box .leftbox .content1 .t5,.loginbg .box .leftbox .tabmenu .t5 {
	height: 45px;
	margin: 0 45px;
	margin-top: 30px;
	line-height: 45px;
	border-radius: 5px;
	background: #47b247;
	text-align: center;
	transition: all 500ms ease
}

.loginbg .box .leftbox .content1 .t5 img,.loginbg .box .leftbox .tabmenu .t5 img {
	margin: 3px 5px 0 0
}

.loginbg .box .leftbox .content1 .t5 a,.loginbg .box .leftbox .tabmenu .t5 a {
	display: block;
	color: #fff;
	vertical-align: top
}

.loginbg .box .leftbox .content1 .t5:hover,.loginbg .box .leftbox .tabmenu .t5:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.15)
}

.loginbg .box .leftbox .content1 .t6,.loginbg .box .leftbox .tabmenu .t6 {
	margin: 0 45px;
	color: #464646;
	font-size: 14px;
	margin-top: 20px
}

.loginbg .box .leftbox .content1 .t7,.loginbg .box .leftbox .tabmenu .t7 {
	text-align: center;
	padding-top: 70px;
	font-size: 16px
}

.loginbg .box .leftbox .content1 .t7 a,.loginbg .box .leftbox .tabmenu .t7 a {
	color: #0375c4;
	display: block;
	margin-top: 15px
}

.loginbg .box .leftbox .content1 .t8,.loginbg .box .leftbox .tabmenu .t8 {
	padding-top: 20px;
	text-align: center;
	font-size: 21px;
	letter-spacing: 11px
}

.loginbg .box .leftbox .content1 .t8 a,.loginbg .box .leftbox .tabmenu .t8 a {
	color: #0375c4;
	padding: 0 30px;
	display: inline-block
}

.loginbg .box .leftbox .content1 .t8 a:hover,.loginbg .box .leftbox .tabmenu .t8 a:hover {
	text-decoration: underline
}

.loginbg .box .leftbox .content1 .lbtn,.loginbg .box .leftbox .tabmenu .lbtn {
	top: 9px;
	right: 9px;
	border-radius: 5px;
	max-width: 143px;
	width: 100%;
	color: #fff;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
    border:none;
	background: #0375c4
}

.loginbg .box .leftbox .content1 .yz,.loginbg .box .leftbox .tabmenu .yz {
	margin-top: 25px;
	display: block;
	position: relative
}

.panel-bd {
	display: none;
	width: 100%
}

.panel-bd #step_3 {
	text-align: center
}

.panel-bd .icon-success {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(?images/ic-success.png);
	-webkit-background-size: cover;
	background-size: cover;
	margin: 60px auto 0 auto
}

.panel-bd .prompt-info {
	margin-top: 20px;
	font-size: 18px;
	color: #333;
	line-height: 18px;
	text-align: center
}

.panel-bd .btn-to-login {
	width: 90px;
	margin: 45px auto 0 auto;
	height: 40px;
	background: #0375c4;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
	outline: 0;
	border: 0;
	cursor: pointer
}

.panel-bd.active {
	display: block
}

.input {
	z-index: 1;
	display: block;
	background: #fff;
	vertical-align: top;
	padding: 0 20px;
	margin-top: 18px;
	height: 54px;
	border: solid 1px #d4d4d4
}

.input select {
    height: 52px;
    line-height:52px;
    border: none;
    -webkit-appearance: none;
    background: #fff url(../images/arrow.png) no-repeat scroll 95% center;
    color: #666;
    width: 100%;
    padding-right: 25px;
    font-size: 14px;
}

.input2 {
	position: relative;
}

.input .icon1 {
	width: 36px;
	height: 36px;
	background: url(?images/eye-close.svg) no-repeat center center;
	background-size: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

.input .num {
	top: 0;
	left: 0;
	width: 100px;
	height: 52px;
	background: #f7f8f9;
	position: absolute;
	text-align: center;
	font-family: arial;
	line-height: 52px;
	border-right: solid 1px #d4d4d4
}

.input.open .icon1 {
	background: url(?images/eye-open.svg) no-repeat center center;
	background-size: 20px
}

.input-top .input__field {
	padding-left: 100px
}

.input-code .input {
	width: 70%;
	float: left
}

.input-code .tu {
	float: left;
	padding-top: 18px
}

.input--hoshi {
	overflow: hidden
}

.input__field {
	width: 100%;
	height: 20px;
	background: #fff;
	color: #858585!important;
	border: 0;
	margin-top: 18px
}

.input__field::-webkit-input-placeholder {
	color: #858585
}

.input__field:-moz-placeholder {
	color: #858585;
	opacity: 1
}

.input__field::-moz-placeholder {
	color: #858585;
	opacity: 1
}

.input__field:-ms-input-placeholder {
	color: #858585
}

.number-bg {
	background: #f7f8f9!important
}

.number-bg .member-box {
	padding-top: 96px;
	padding-bottom: 100px
}

.number-bg .member-box .header {
	border-top: 0
}

.number-bg .member-box .container {
	max-width: 1370px;
	width: 100%;
	margin: 0 auto
}

.number-bg .member-box .current {
	border-bottom: 0
}

.number-bg .member-box .mleftbox {
	width: 21%;
	float: left;
	padding: 20px;
	padding-top: 30px;
	font-size: 16px;
	background: #fff
}

.number-bg .member-box .mleftbox .list-1 {
	min-height: 600px
}

.number-bg .member-box .mleftbox .list-1 .t1 {
	padding-bottom: 15px;
	font-size: 16px;
	font-family: arial;
	border-bottom: solid 1px #eee
}

.number-bg .member-box .mleftbox .list-1 li {
	margin: 15px 0;
	height: 25px;
	line-height: 25px;
	position: relative
}

.number-bg .member-box .mleftbox .list-1 li:before {
	content: "";
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	background: #44a8fa
}

.number-bg .member-box .mleftbox .list-1 li:after {
	content: "";
	right: 0;
	top: 10px;
	opacity: 0;
	position: absolute;
	border-left: solid 3px #333;
	border-top: solid 3px transparent;
	border-bottom: solid 3px transparent
}

.number-bg .member-box .mleftbox .list-1 li a {
	color: #333;
	display: block;
	padding-left: 20px
}

.number-bg .member-box .mleftbox .list-1 li:hover>a,.number-bg .member-box .mleftbox .list-1 .active>a {
	text-shadow: 0 0 1px #333
}

.number-bg .member-box .mleftbox .list-1 li:hover:before,.number-bg .member-box .mleftbox .list-1 .active:before,.number-bg .member-box .mleftbox .list-1 li:hover:after,.number-bg .member-box .mleftbox .list-1 .active:after {
	opacity: 1
}

.number-bg .member-box .mrightbox {
	width: 77%;
	float: right;
	background: #fff;
	padding-top: 25px
}

.number-bg .member-box .mrightbox .title {
	font-size: 25px;
	color: #333;
	line-height: 30px;
	padding-bottom: 15px;
	border-bottom: solid 1px #eee
}

.number-bg .member-box .mrightbox .item {
	color: #333;
	padding: 0 20px;
	font-size: 16px
}

.number-bg .member-box .mrightbox .item .list {
	padding-top: 40px
}

.number-bg .member-box .mrightbox .item .list li:first-child {
	background: #f7f8f9
}

.number-bg .member-box .mrightbox .item .list li:first-child span {
	color: #888!important
}

.number-bg .member-box .mrightbox .item .list li {
	padding: 16px 40px 16px 40px;
	overflow: hidden;
	border-bottom: solid 1px #eee
}

.number-bg .member-box .mrightbox .item .list li span {
	display: block;
	float: left;
	color: #333;
	font-size: 18px;
	padding-left: 10px
}

.number-bg .member-box .mrightbox .item .list li span .title01 {
	color: #333
}

.number-bg .member-box .mrightbox .item .list li span:first-child {
	width: 30%
}

.number-bg .member-box .mrightbox .item .list li span:nth-child(2),.number-bg .member-box .mrightbox .item .list li span:nth-child(3) {
	width: 27%
}

.number-bg .member-box .mrightbox .item .list li span:nth-child(4) {
	width: 16%
}

.number-bg .member-box .mrightbox .item .list li span:nth-child(4) b {
	width: 83px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #0375c4;
	border: 1px solid #5badf2;
	display: block;
	background: #e1effb;
	font-weight: normal
}

.number-bg .member-box .mrightbox .item .list li a {
	color: #858585
}

.number-bg .member-box .mrightbox .item .list li a:hover {
	color: #0375c4
}

.number-bg .member-box .mrightbox .item .list-2 {
	padding-bottom: 90px
}

.number-bg .member-box .mrightbox .item .list-2 li:first-child {
	padding-top: 0
}

.number-bg .member-box .mrightbox .item .list-2 li {
	padding-top: 30px;
	border-bottom: solid 1px #eee
}

.number-bg .member-box .mrightbox .item .list-2 li .tit {
	padding: 20px 0
}

.number-bg .member-box .mrightbox .item .list-2 li .info {
	height: 57px;
	padding: 0 70px;
	font-size: 14px;
	color: #888a8a;
	line-height: 57px;
	background: #f7f8f9
}

.number-bg .member-box .mrightbox .item .list-2 li .info span {
	display: block;
	width: 25%;
	float: left
}

.number-bg .member-box .mrightbox .item .list-2 li .txt {
	position: relative;
	padding: 0 70px;
	font-size: 14px;
	height: 60px;
	line-height: 60px
}

.number-bg .member-box .mrightbox .item .list-2 li .txt span {
	display: block;
	width: 25%;
	float: left
}

.number-bg .member-box .mrightbox .item .list-2 li .txt span i {
	width: 83px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	background: #e1effb;
	font-style: normal;
	color: #0375c4;
	border: solid 1px #0375c4
}

.number-bg .member-box .mrightbox .item .list-2 li .txt em {
	right: 0;
	top: 22px;
	right: 16px;
	z-index: 1;
	height: 11px;
	font-style: normal;
	position: absolute
}

.number-bg .member-box .mrightbox .item .list-2 li .txt-2 {
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
	color: #666;
	border-top: solid 1px #eee
}

.number-bg .member-box .mrightbox .item .personal {
	padding-bottom: 60px;
	min-height: 550px;
	font-size: 14px!important
}

.number-bg .member-box .mrightbox .item .shzhmm {
	margin-bottom: 25px;
	position: relative;
	height: 36px
}

.number-bg .member-box .mrightbox .item .shzhmm.open .icon {
	background: url(?images/eye-open.svg) no-repeat center center
}

.number-bg .member-box .mrightbox .item .shzhmm:nth-child(2) {
	margin-bottom: 0
}

.number-bg .member-box .mrightbox .item .shzhmm .icon {
	width: 36px;
	height: 36px;
	background: url(?images/eye-close.svg) no-repeat center center;
	background-size: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

.number-bg .member-box .mrightbox .item .xgtx {
	padding-top: 21px;
	font-size: 14px;
	color: #444;
	position: relative
}

.number-bg .member-box .mrightbox .item .uploadFiles {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	color: #666;
	border: 1px #000 solid;
	height: 38px;
	line-height: 36px;
	text-align: center;
	padding: 0 10px;
	min-width: 100px;
	cursor: pointer;
	position: relative;
	margin-right: 20px
}

.number-bg .member-box .mrightbox .item .uploadFiles input {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 9
}

.number-bg .member-box .mrightbox .item .touxiang {
	position: relative;
	width: 80px;
	height: 80px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.number-bg .member-box .mrightbox .item .touxiang:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.number-bg .member-box .mrightbox .item .bd li {
	margin-top: 30px
}

.number-bg .member-box .mrightbox .item .bd .title-2 {
	float: left;
	height: 36px;
	font-size: 18px;
	line-height: 36px;
	width: 12%;
	color: #333;
	padding-right: 20px;
	text-align: right
}

.number-bg .member-box .mrightbox .item .bd .info {
	line-height: 36px;
	float: left;
	color: #999
}

.number-bg .member-box .mrightbox .item .bd .info-2 {
	float: left
}

.number-bg .member-box .mrightbox .item .bd input[type="text"],.number-bg .member-box .mrightbox .item .userCenter .right .form select,.number-bg .member-box .mrightbox .item .userCenter .right .form input[type="password"] {
	border: 1px #dedede solid;
	line-height: 34px;
	height: 36px;
	width: 310px;
	padding: 0 15px;
	transition: all .5s;
	color: #666;
	font-family: "微软雅黑"
}

.number-bg .member-box .mrightbox .item .bd .input-radio {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	margin-right: 40px
}

.number-bg .member-box .mrightbox .item .form .input-radio input {
	width: 0;
	display: none
}

.number-bg .member-box .mrightbox .item .bd .input-radio input+i {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px #686868 solid;
	position: relative
}

.number-bg .member-box .mrightbox .item .bd .input-radio input+i:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.number-bg .member-box .mrightbox .item .bd .input-radio input:checked+i {
	border-color: #000
}

.number-bg .member-box .mrightbox .item .bd .input-radio input:checked+i:after {
	background: #000
}

.number-bg .member-box .mrightbox .item input[type="text"],.number-bg .member-box .mrightbox .item select,.number-bg .member-box .mrightbox .item input[type="password"] {
	border: 1px #dedede solid;
	line-height: 34px;
	height: 36px;
	width: 310px;
	color: #666;
	padding: 0 15px;
	transition: all .5s
}

.number-bg .member-box .mrightbox .item .select {
	width: 310px;
	position: relative
}

.number-bg .member-box .mrightbox .item .select select {
	color: #666;
	width: 100%;
	appearance: none;
	background: 0;
	padding-right: 25px;
	font-size: 14px
}

.number-bg .member-box .mrightbox .item .select select::-ms-expand {
	display: none
}

.number-bg .member-box .mrightbox .item .select select::-ms-expand {
	display: none
}

.number-bg .member-box .mrightbox .item .select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../images/arrow.png) no-repeat scroll 95% center;
	background: #fff\9\0
}

.number-bg .member-box .mrightbox .item .btn {
	font-size: 14px;
	padding-bottom: 0
}

.number-bg .member-box .mrightbox .item .btn a {
	display: inline-block;
	line-height: 36px;
	min-width: 80px;
	text-align: center;
	background: #000;
	color: #fff;
	padding: 0 10px
}

.number-bg .member-box .mrightbox .item .btn a:hover {
	background: #0375c4;
	color: #fff
}

.number-bg .member-box .mrightbox .item .btn-2 a {
	color: #fff;
	background: #333
}

.number-bg .member-box .mrightbox .item .btn-2 a:hover {
	background: #0375c4
}

.number-bg .member-box .mrightbox .more2 {
	margin: 40px 0;
	line-height: 40px;
	text-align: center;
	background: #0375c4;
	transition: all 500ms ease
}

.number-bg .member-box .mrightbox .more2 a {
	display: block;
	color: #fff
}

.number-bg .member-box .mrightbox .more2:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.number-bg .member-box .ladd .hezi-1 {
	padding: 20px;
	margin: 0 20px;
	margin-top: 30px;
	position: relative;
	background: #f7f8f9
}

.number-bg .member-box .ladd .hezi-1 p {
	padding: 5px 0
}

.number-bg .member-box .ladd .hezi-1 p span {
	color: #888a8a
}

.number-bg .member-box .ladd .hezi-1 .lx {
	margin-top: 10px;
	border-top: solid 1px #f1f1f2
}

.number-bg .member-box .ladd .hezi-1 .btn-3 {
	right: 20px;
	top: 20px;
	font-size: 14px;
	position: absolute
}

.number-bg .member-box .ladd .hezi-1 .btn-3 a {
	display: block;
	color: #0375c4;
	padding-top: 10px
}

.number-bg .member-box .ladd .hezi-1 .btn-3 a:hover {
	text-decoration: underline
}

.number-bg .member-box .ladd .hezi-2 {
	padding: 30px;
	margin: 0 20px;
	margin-top: 30px;
	text-align: center;
	border: dashed 1px #f0f0f0
}

.number-bg .member-box .ladd .hezi-2 span {
	display: block
}

.number-bg .member-box .ladd .hezi-2 span:first-child {
	font-size: 30px;
	line-height: 30px;
	font-weight: lighter
}

.number-bg .member-box .ladd .hezi-2 a:hover {
	color: #0375c4
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.contact {
	padding-bottom: 0
}

.contact .map-box1 {
	display: none
}

/*.contact-bottom {
	width: 1670px;
	margin: 0 auto;
	padding-bottom: 44px;
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    zoom:0.75;
}*/

.contact-bottom .map_box {
	position: relative;
	height: 946px;
}

.contact-bottom .map_box .point_item {
	/*position: absolute*/
    float:left;
    width:50%;
}

/*.contact-bottom .map_box .point_list1 .point_item:first-child {
	top: 36.6%;
	left: 39.7%
}*/

.contact-bottom .map_box .point_item .text {
	padding: 40px 54px;
	box-shadow: 0 0 4px #ebebeb;
	background: rgba(255,255,255,0.73);
	/*margin-left: 50px;*/
	/*opacity: 0;*/
	display: block;
	position: relative;
    height:300px;
	z-index: 4;
    width: 100%;
	/*width: 625px*/
}

.contact-bottom .map_box .point_item .text .des {
	color: #333;
	line-height: 40px
}

.contact-bottom .map_box .point_item .text .title {
	margin-bottom: 30px;
	font-size: 25px;
	color: #333;
	font-weight: bold;
	padding-left: 28px;
	position: relative
}

.contact-bottom .map_box .point_item .text .title:after {
	content: '';
	display: block;
	width: 4px;
	height: 35px;
	background: #0375c4;
	position: absolute;
	top: 2px;
	left: 0
}

.contact-bottom .map_box .point_item.active .text {
	opacity: 1;
	display: block;
	z-index: 9
}

/*.contact-bottom .map_box .point_list2 .point_item:nth-child(1) {
	top: 14.3%;
	left: 11.4%
}

.contact-bottom .map_box .point_list2 .point_item:nth-child(2) {
	top: 38.9%;
	left: 20.9%
}

.contact-bottom .map_box .point_list2 .point_item:nth-child(3) {
	top: 55.3%;
	left: 33.6%
}

.contact-bottom .map_box .point_list2 .point_item:nth-child(4) {
	top: 33.4%;
	left: 79.7%
}*/

.contact-bottom .map_box .point_item .point {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	background: #0375c4;
	border-radius: 100%;
	position: absolute;
	top: 11px;
	left: 14px;
	z-index: 5;
	border: 1px solid #fff;
    display:none;
}

.contact-bottom .map_box .point_item2 .point {
	background: #1f78e6
}

.contact-bottom .map_box .point_item .span1 {
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 3;
	background: rgba(187,230,255,0.33);
	border-radius: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear
}

.contact-bottom .map_box .point_item .span1.span2 {
	background: rgba(45,200,187,0.2)
}

.contact-bottom .map_box .pulsed {
	-webkit-animation-name: pulsed;
	animation-name: pulsed
}

/*.contact-bottom .map_box .point_list2 .point_item:nth-child(4) .text {
	margin-left: -350px;
	margin-top: 50px
}*/

.message {
	padding: 68px 0 63px 0;
    position:relative;
	background: #f8fcff
}

.message .in-title {
	text-align: left;
	margin-bottom: 27px
}

.message ul {
	margin: 0 -5px
}

.message ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 5px;
	margin-bottom: 11px
}

.message ul li .box {
	position: relative
}

.message ul li .box span {
	color: #ed2d2d;
	position: absolute;
	top: 10px;
	left: 9px
}

.message ul li input,.message ul li select {
	width: 100%;
	height: 50px;
	border: 1px solid #d1d1d1;
	background: #fff;
	font-size: 14px;
	padding: 0 20px;
	color: #333;
	border-radius: 3px
}

.message ul li input:focus,.message ul li select:focus {
	border: 1px solid #0375c4
}

.message ul li select::-ms-expand {
	display: none
}

.message ul li select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../images/arrow.png) no-repeat scroll 95% center;
	background: #fff\9\0;
	background-size: 11px;
	color: #7a7a7a
}

.message ul li select option {
	color: #333
}

.message ul li textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #d1d1d1;
	background: #fff;
	font-size: 14px;
	padding: 17px 20px;
	color: #333;
	border-radius: 3px
}

.message ul li textarea:focus {
	border: 1px solid #0375c4
}

.message ul li a {
	width: 201px;
	height: 57px;
	line-height: 57px;
	display: block;
	float: left;
	text-align: center;
	border-radius: 5px;
	margin-right: 20px;
	font-size: 16px;
	margin-top: 27px
}

.message ul li a.submit {
	color: #fff;
	background: #0375c4
}

@media (min-width:1025px) {
	.message ul li a.submit:hover {
		background: #036ab2
	}
}

.message ul li a.chongzhi {
	color: #666;
	background: #ddd
}

@media (min-width:1025px) {
	.message ul li a.chongzhi:hover {
		background: #036ab2;
		color: #fff
	}
}

.innovation {
	background: url("?images/bg8.jpg") no-repeat top center
}

.innovation01 {
	padding: 67px 0 78px 0
}

.innovation01 .jsh {
	color: #333;
	line-height: 40px;
	margin-top: 91px
}

.innovation01 .num1 {
	text-align: center;
	padding-top: 49px
}

.innovation01 .num1 li {
	display: inline-block;
	vertical-align: top;
	padding: 0 186px;
	position: relative
}

.innovation01 .num1 li:after {
	content: '';
	display: block;
	width: 1px;
	height: 43px;
	position: absolute;
	top: 49px;
	background: #bdbdbd;
	right: 0
}

.innovation01 .num1 li .num {
	font-size: 60px;
	color: #0375c4;
	line-height: 70px;
	font-family: "akzidenzgroteskbq-xbold"
}

.innovation01 .num1 li i {
	color: #333;
	font-style: normal
}

.innovation01 .num1 li .p {
	color: #333
}

.innovation01 .num1 li:nth-last-child(1):after {
	display: none
}

.innovation02 {
	padding: 54px 0 0 0;
	position: relative;
	z-index: 2
}

.innovation02 .jsh {
	font-size: 25px;
	color: #333;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 12px
}

.innovation02 .jsh span {
	margin: 0 65px
}

.innovation02 .jsh span img {
    max-height:18px;
    padding-right:10px;
}

.innovation02 .map_box {
	position: relative;
	height: 306px;
	width: 413px;
	margin: 0 auto;/*
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    zoom:0.75;*/
}

.innovation02 .map_box .point_item {
	position: absolute
}

.innovation02 .map_box .point_list1 .point_item:first-child {
	top: 36.5%;
	left: 39.3%
}

.innovation02 .map_box .point_item .text {
	padding: 50px 44px;
	box-shadow: 0 0 4px #ebebeb;
	background: rgba(255,255,255,0.73);
	margin-left: 50px;
	opacity: 0;
	display: none;
	position: relative;
	z-index: 4;
	width: 580px
}

.innovation02 .map_box .point_item .text .des {
	color: #333;
	line-height: 36px
}

.innovation02 .map_box .point_item .text .des a {
	color: #0375c4;
	text-decoration: underline
}

.innovation02 .map_box .point_item .text .title {
	margin-bottom: 30px;
	font-size: 25px;
	color: #333;
	font-weight: bold;
	position: relative
}

.innovation02 .map_box .point_item.active .text {
	opacity: 1;
	display: block;
	z-index: 9
}

.innovation02 .map_box .point_list1 .point_item:nth-child(2) {
	top: 36.5%;
	left: 38.5%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(3) {
	top: 33%;
	left: 39%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(4) {
	top: 32.2%;
	left: 39.8%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(5) {
	top: 31.4%;
	left: 38.5%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(6) {
	top: 29.4%;
	left: 40.7%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(7) {
	top: 41.4%;
	left: 37.2%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(8) {
	top: 42.1%;
	left: 36.5%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(9) {
	top: 40.4%;
	left: 38.5%
}

.innovation02 .map_box .point_list1 .point_item:nth-child(10) {
	top: 55.3%;
	left: 33.6%
}

.innovation02 .map_box .point_list2 .point_item:nth-child(1) {
	top: 16.6%;
	left: 14%
}

.innovation02 .map_box .point_list3 .point_item:nth-child(1) {
	top: 34.4%;
	left: 78.7%
}

.innovation02 .map_box .point_item .point {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	background: #dc241a;
	border-radius: 100%;
	position: absolute;
	top: 11px;
	left: 14px;
	z-index: 5;
	border: 1px solid #fff
}

.innovation02 .map_box .point_item.point_item1 .point {
	background: #0266ab
}

.innovation02 .map_box .point_item.point_item2 .point {
	background: #47ab34
}

.innovation02 .map_box .point_item .span1 {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 3;
	background: rgba(187,230,255,0.33);
	border-radius: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear
}

.innovation02 .map_box .point_item .span1.span2 {
	background: rgba(45,200,187,0.2)
}

.innovation02 .map_box .pulsed {
	-webkit-animation-name: pulsed;
	animation-name: pulsed
}

.innovation02 .map_box .point_list3 .point_item:nth-child(1) .text {
	margin-left: -350px;
	margin-top: 50px
}

.innovation02 .map-box1 {
	display: none
}

.innovation03 {
	padding: 83px 0 44px 0;
	position: relative;
	z-index: 1;
	background: url("?images/bg7.jpg") no-repeat top center
}

.innovation03 .in-bottom {
	padding-top: 74px
}

.innovation03 .in-bottom ul {
	margin: 0 -15px
}

.innovation03 .in-bottom ul li {
	width: 20%;
	float: left;
	padding: 0 15px;
	margin-bottom: 27px
}

.innovation03 .in-bottom ul li a {
	display: block;
	border: 1px solid #dedede
}

.innovation03 .in-bottom ul li .pic:after {
	padding-bottom: 46.19565217391304%
}

@media (min-width:1025px) {
	.innovation03 .in-bottom ul li:hover a {
		border: 1px solid #0375c4
	}

	.innovation03 .in-bottom ul li:hover .pic img {
		transform: scale(1.03)
	}
}

.product {
	padding: 82px 0;
	background: url("?images/bg10.jpg") no-repeat top center;
	background-size: cover
}

.product .product-bottom {
	min-height: 728px;
	padding-left: 195px;
	position: relative
}

.product .product-bottom .list {
    width: 195px;
    position: absolute;
    top: 0;
    left: 0;
    /*max-height: 728px;
    overflow: auto;*/
}

.product .product-bottom .list ul li {
	text-align: center
}

.product .product-bottom .list ul li .box {
	padding-top: 30px;
	background: #148bde;
	border-bottom: 1px solid #0c75be;
	height: 146px
}

.product .product-bottom .list ul li .pic {
	width: 112px;
	height: 65px;
	margin: 0 auto
}

.product .product-bottom .list ul li .bt {
	color: #fff;
    font-size:18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 6px
}

.product .product-bottom .list ul li.on .box {
	background: #0375c4
}

.product .product-bottom .show {
    display: none;
	height: 730px;
	padding: 47px 0 47px 113px;
	background: url("?images/bg9.jpg") no-repeat top right;
	background-size: cover
}

.product .product-bottom .show .info {
	max-height: 624px;
	overflow: auto;
	padding-right: 40px
}

.product .product-bottom .show .info a {
	display: inline-block;
	max-width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: url("?images/more.png") no-repeat center right;
	padding-right: 33px;
	color: #333;
	line-height: 73px
}

@media (min-width:1025px) {
	.product .product-bottom .show .info a:hover {
		color: #0375c4;
		background: url("?images/more1.png") no-repeat center right
	}
}

.product-show {
	padding: 67px 0;
	background: url("?images/bg12.jpg") no-repeat top center
}

.product-show .n-search {
	padding: 41px 16px 44px 138px;
	margin-bottom: 50px;
	background: #f6f6f6 url("../images/search2.png") no-repeat 24px 26px;
}

.product-show .n-search .n-info {
	position: relative
}

.product-show .n-search p {
	padding: 0 5px;
	width: 24.3%;
	float: left
}

.product-show .n-search select {
	width: 100%;
	height: 58px;
	border: 1px solid #eeecec;
	background: #fff;
	font-size: 16px;
	padding: 0 30px
}

.product-show .n-search span {
	display: block;
	float: left;
	width: 13.5%;
	padding: 0 5px
}

.product-show .n-search .submit {
	display: block;
	width: 100%;
	height: 58px;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	color: #fff;
	z-index: 5;
	background: #0375c4
}

.product-show .pro-bottom .pl {
	float: left;
	width: 70%;
	padding-top: 8px
}

.product-show .pro-bottom .pl .in-title {
	text-align: left;
	margin-bottom: 43px
}

.product-show .pro-bottom .pl .jsh {
	font-size: 18px;
	color: #333;
	line-height: 36px;
	margin-bottom: 40px
}

.product-show .pro-bottom .pl .faq-list {
	margin-bottom: 42px
}

.product-show .pro-bottom .pl .faq-list .list_dt {
	height: 68px;
	line-height: 68px;
	cursor: pointer;
	background: #fff url(../images/dd.png) no-repeat 97% center;
	display: block;
	padding: 0 38px 0 106px;
	margin-bottom: 17px;
	color: #333;
	box-shadow: 0 0 6px 0 rgba(201,201,201,0.32);
	position: relative
}

.product-show .pro-bottom .pl .faq-list .list_dt .bt {
	display: block;
    padding-right:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.product-show .pro-bottom .pl .faq-list .list_dt .img {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 14px;
	left: 38px
}

.product-show .pro-bottom .pl .faq-list .list_dt .img .pic {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.product-show .pro-bottom .pl .faq-list .list_dt .img .ph {
	display: none
}

.product-show .pro-bottom .pl .faq-list #open {
	background: #f6fafd url("../images/ddh.png") no-repeat 97% center;
	margin-bottom: 0
}

.product-show .pro-bottom .pl .faq-list #open .img .p {
	display: none
}

.product-show .pro-bottom .pl .faq-list #open .img .ph {
	display: block
}

.product-show .pro-bottom .pl .faq-list #open .bt {
	border-bottom: 1px solid #e9e9e9
}

.product-show .pro-bottom .pl .faq-list .list_dd {
	display: none;
	padding: 22px 106px 8px 106px;
	background: #f6fafd;
	margin-bottom: 17px
}

.product-show .pro-bottom .pl .faq-list .list_dd .jsb {


	font-size: 18px;
	color: #333;
	line-height: 36px
}

.product-show .pro-bottom .pl .faq-list .list_dd .down {
	padding: 38px 47px;
	overflow: hidden
}

.product-show .pro-bottom .pl .faq-list .list_dd .down a {
	width: 136px;
	height: 39px;
	line-height: 37px;
	border: 1px solid #e9e9e9;
	display: block;
	float: left;
	margin-right: 19px;
	font-size: 18px;
	color: #333;
	padding-left: 59px;
	background: url(?images/do.png) no-repeat 28px center;
	background-size: 20px
}

@media (min-width:1025px) {
	.product-show .pro-bottom .pl .faq-list .list_dd .down a:hover {
		background: #0375c4 url(../images/doh.png) no-repeat 28px center;
		background-size: 20px;
		color: #fff
	}
}

.product-show .pro-bottom .pl .d a {
	display: block;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #0375c4
}

.product-show .pro-bottom .pl .d a:hover {
	background: #036ab2
}

.product-show .pro-bottom .pr {
	float: right;
	width: 430px;
	padding: 46px 40px;
	/*background: url("?images/bg11.jpg") no-repeat top right*/
}

.product-show .pro-bottom .pr h3 {
	font-size: 35px;
	color: #333;
	font-weight: bold;
	margin-bottom: 18px
}

.product-show .pro-bottom .pr span {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 23px;
	display: block
}

.product-show .pro-bottom .pr p {
	font-size: 18px;
	color: #333;
	line-height: 36px
}

.product-show .pro-bottom .pr p .contact{
	color: #333;
	border: 1px solid #999;
	padding: 5px 10px;
}

.product-show .pro-bottom .pr p .contact:hover{
	color: #fff;
	background: #0375c4;
	border-color:#0375c4;
}

.layout01 {
	padding: 50px 0 0 0;
	position: relative;
	z-index: 2
}

.layout01 .jsh {
	font-size: 25px;
	color: #333;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px
}

.layout01 .jsh span {
	margin: 0 47px
}

.layout01 .jsh span img {
    max-height:18px;
    padding-right:10px;
}

.layout01 .map_box {
	position: relative;
	height: 946px;
	width: 1670px;
	margin: 0 auto;
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    zoom:0.75;
}

.layout01 .map_box .point_item {
	position: absolute
}

.layout01 .map_box .point_list1 .point_item:first-child {
	top: 36.5%;
	left: 39.6%
}

.layout01 .map_box .point_item .text {
	padding: 45px;
	box-shadow: 0 0 4px #ebebeb;
	background: rgba(255,255,255,0.73);
	margin-left: 50px;
	opacity: 0;
	display: none;
	position: relative;
	z-index: 4;
	width: 580px
}

.layout01 .map_box .point_item .text .des {
	color: #333;
	line-height: 36px
}

.layout01 .map_box .point_item .text .des a {
	color: #0375c4;
	text-decoration: underline
}

.layout01 .map_box .point_item .text .title {
	margin-bottom: 10px;
	font-size: 25px;
	color: #333;
	font-weight: bold;
	position: relative
}

.layout01 .map_box .point_item.active .text {
	opacity: 1;
	display: block;
	z-index: 9
}

.layout01 .map_box .point_list2 .point_item:nth-child(1) {
	top: 29.3%;
	left: 40.5%
}

.layout01 .map_box .point_list2 .point_item:nth-child(2) {
	top: 33%;
	left: 38.5%
}

.layout01 .map_box .point_list2 .point_item:nth-child(3) {
	top: 37.6%;
	left: 39.3%
}

.layout01 .map_box .point_list2 .point_item:nth-child(4) {
	top: 40.2%;
	left: 37.7%
}

.layout01 .map_box .point_list2 .point_item:nth-child(5) {
	top: 41.6%;
	left: 36.8%
}

.layout01 .map_box .point_list2 .point_item:nth-child(6) {
	top: 46.8%;
	left: 35%
}

.layout01 .map_box .point_list3 .point_item:nth-child(1) {
	top: 55.4%;
	left: 33.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(2) {
	top: 56.4%;
	left: 93.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(3) {
	top: 33.4%;
	left: 77.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(4) {
	top: 38.4%;
	left: 78.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(5) {
	top: 81.4%;
	left: 13%
}

.layout01 .map_box .point_list3 .point_item:nth-child(6) {
	top: 17.4%;
	left: 14%
}

.layout01 .map_box .point_list3 .point_item:nth-child(7) {
	top: 14.4%;
	left: 12.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(8) {
	top: 26.4%;
	left: 17.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(9) {
	top: 11.7%;
	left: 26.7%
}

.layout01 .map_box .point_list3 .point_item:nth-child(10) {
	top: 38%;
	left: 19%;
}

.layout01 .map_box .point_list3 .point_item:nth-child(11) {
	top: 36.9%;
	left: 38.5%
}

.layout01 .map_box .point_list4 .point_item:nth-child(1) {
	top: 16.4%;
	left: 14.2%
}

.layout01 .map_box .point_list4 .point_item:nth-child(2) {
	top: 40.4%;
	left: 38.5%
}

.layout01 .map_box .point_list4 .point_item:nth-child(3) {
	top: 42%;
	left: 36.2%
}

.layout01 .map_box .point_list4 .point_item:nth-child(4) {
	top: 36.1%;
	left: 39%
}

.layout01 .map_box .point_list4 .point_item:nth-child(5) {
	top: 32.8%;
	left: 39.1%
}

.layout01 .map_box .point_list4 .point_item:nth-child(6) {
	top: 28.6%;
	left: 41%
}

.layout01 .map_box .point_list4 .point_item:nth-child(7) {
	top: 31.6%;
	left: 38.5%
}

.layout01 .map_box .point_list4 .point_item:nth-child(8) {
	top: 32.1%;
	left: 39.7%
}

.layout01 .map_box .point_item .point {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	background: #dc241a;
	border-radius: 100%;
	position: absolute;
	top: 11px;
	left: 14px;
	z-index: 5;
	border: 1px solid #fff
}

.layout01 .map_box .point_item.point_item1 .point {
	background: #0266ab
}

.layout01 .map_box .point_item.point_item2 .point {
	background: #47ab34
}

.layout01 .map_box .point_item.point_item3 .point {
	background: #f7af00
}

.layout01 .map_box .point_item .span1 {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 3;
	background: rgba(187,230,255,0.33);
	border-radius: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear
}

.layout01 .map_box .point_item .span1.span2 {
	background: rgba(45,200,187,0.2)
}

.layout01 .map_box .pulsed {
	-webkit-animation-name: pulsed;
	animation-name: pulsed
}

.layout01 .map_box .point_list3 .point_item:nth-child(2) .text {
	margin-left: -550px;
	margin-top: 50px
}

.layout01 .map_box .point_list3 .point_item:nth-child(3) .text {
	margin-left: -350px;
	margin-top: 50px
}

.layout01 .map_box .point_list3 .point_item:nth-child(4) .text {
	margin-left: -350px;
	margin-top: 50px
}

.layout01 .map_box .point_list3 .point_item:nth-child(5) .text {
	margin-top: -250px;
}

.layout01 .map-box1 {
	display: none
}

.about01 {
	padding: 69px 0 75px 0
}

.about01 .jsh {
	color: #333;
	line-height: 40px;
	margin-top: 64px
}

.about01 .num1 {
	text-align: center;
	padding-top: 59px
}

.about01 .num1 li {
	display: inline-block;
	vertical-align: top;
	padding: 0 136px;
	position: relative
}

.about01 .num1 li:after {
	content: '';
	display: block;
	width: 1px;
	height: 43px;
	position: absolute;
	top: 49px;
	background: #bdbdbd;
	right: 0
}

.about01 .num1 li .num {
	font-size: 60px;
	color: #0375c4;
	line-height: 70px;
	font-family: "akzidenzgroteskbq-xbold"
}

.about01 .num1 li i {
	color: #333;
	font-style: normal
}

.about01 .num1 li .p {
	color: #333
}

.about01 .num1 li:nth-last-child(1):after {
	display: none
}

.about02 {
    position:relative;
	width: 100%;
	background: #f8fcff url("../images/bg16.jpg") no-repeat center center;
	background-size: 100%
}

.about02 .in-title {
	margin-top: 50px;
	text-align: left;
	padding-top: 50px;
	padding-left: 100px;
}

.about02 .about-bottom {
	background: url("?images/bg15.png") no-repeat top left;
	height: 1310px;
	position: relative;
	margin-top: -450px;
	overflow: hidden;
	min-width: 1910px
}
@media (max-width:1800px) {
    .about02 .about-bottom {
        transform: scale(0.75);
        zoom: 0.75;
    }
}

.about02 .about-bottom ul li {
	float: left
}

.about02 .about-bottom ul li .bt {
	font-family: "Oswald-Bold";
	background: url("?images/dot2.png") no-repeat center left;
	padding-left: 27px;
	font-size: 40px;
	color: #333;
	font-style: italic
}

.about02 .about-bottom ul li .p {
	font-size: 18px;
	color: #333;
	line-height: 20px;
    max-width:210px;
	padding-left: 34px
}

.about02 .about-bottom ul li:first-child {
	padding-top: 1115px;
	padding-left: 186px
}

.about02 .about-bottom ul li:nth-child(2) {
	padding-top: 859px;
	padding-left: 48px
}

.about02 .about-bottom ul li:nth-child(3) {
	padding-top: 1110px;
	padding-left: 20px
}

.about02 .about-bottom ul li:nth-child(4) {
	padding-top: 671px;
	padding-left: 1px
}

.about02 .about-bottom ul li:nth-child(5) {
	padding-top: 893px;
	padding-left: 20px
}

.about02 .about-bottom ul li:nth-child(6) {
	padding-top: 509px;
	padding-left: 0
}

.about02 .about-bottom ul li:nth-child(7) {
	padding-top: 822px;
	padding-left: 20px
}

.about02 .about-bottom ul li:nth-child(8) {
	padding-top: 420px;
	padding-left: 0
}

.manage {
	padding-bottom: 0;
	background: url("?images/bg17.jpg") no-repeat top center
}

.manage01 {
	/*padding: 76px 0 152px 0*/
    padding: 46px 0 152px 0
}

.manage01 .jsh {
	color: #333;
	line-height: 40px;
	margin-top: 56px
}

.manage02 {
	padding-bottom: 52px
}

.manage02 .jsh {
	margin-top: 50px
}

.manage02 .p,.manage02 .p1 {
	width: 34%;
	display: inline-block;
	vertical-align: middle;
	color: #333;
	padding: 0 7px;
	line-height: 46px
}

.manage02 .img {
	display: inline-block;
	vertical-align: middle
}

.manage03 {
	padding: 71px 0 47px 0;
	text-align: center;
	background: rgba(236,242,253,0.4)
}

.manage03 .img {
	margin-top: 73px
}

.pro-left {
	/*padding-top: 86px*/
    padding-top: 46px
}

.pro-left .pro-max .box {
	position: relative;
	padding-left: 780px;
	min-height: 355px
}

.pro-left .pro-max .box .pic {
	width: 702px;
	float: left;
	position: absolute;
	top: 0;
	left: 0
}

.pro-left .pro-max .box .pic:after {
	padding-bottom: 50.56980056980057%
}

.pro-left .pro-max .box .text {
	color: #333;
	padding-top: 42px
}

.pro-left .pro-max .box .text .bt span {
	font-size: 50px;
	letter-spacing: 9px;
	font-family: "akzidenzgroteskbq-xbold"
}

.pro-left .pic:after {
	padding-bottom: 103.27380952380952%
}

.pro-left .pro-min {
	/*margin: 87px 0 0 0;*/
    margin: 47px 0 0 0;
	padding: 0 150px;
	position: relative
}

.pro-left .pro-min:after {
	content: '';
	display: block;
	height: 1px;
	width: 1920px;
	position: absolute;
	top: 23px;
	left: 50%;
	margin-left: -960px;
	background: #e9e9e9;
	z-index: 1
}

.pro-left .pro-min .slick-list {
	position: relative;
	z-index: 4
}

.pro-left .pro-min .getIndex {
	padding: 0 2px;
	position: relative;
	z-index: 2
}

.pro-left .pro-min .getIndex .item {
	font-size: 25px;
	color: #333;
	padding-top: 47px;
	font-family: "akzidenzgroteskbq-xbold";
	text-align: center;
	letter-spacing: 3px;
	position: relative;
	z-index: 2
}

.pro-left .pro-min .getIndex .item:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #909090;
	border-radius: 50%;
	position: absolute;
	top: 19px;
	left: 50%;
	margin-left: -4px
}

.pro-left .pro-min .getIndex .item:before {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #e9e9e9;
	position: absolute;
	top: 23px;
	left: 50%
}

.pro-left .pro-min .slick-current .item:after {
	background: #0375c4
}

.pro-left .pro-min .slick-current .item:before {
	background: #0375c4
}

.pro-left .pro-min .slick-prev:before,.pro-left .pro-min .slick-next:before {
	content: ''
}

.pro-left .pro-min .slick-prev,.pro-left .pro-min .slick-next {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	top: 0;
	left: 0;
	margin-top: 0;
	z-index: 6
}

.pro-left .pro-min .slick-prev {
	left: 0;
	background: #e9e9e9 url("?images/left2.png") no-repeat center center!important;
	background-size: 20px!important
}

@media (min-width:1025px) {
	.pro-left .pro-min .slick-prev:hover {
		background: #0375c4 url("../images/left2h.png") no-repeat center center!important;
		background-size: 20px!important
	}
}

.pro-left .pro-min .slick-next {
	left: auto;
	right: 0;
	background: #e9e9e9 url("?images/right2.png") no-repeat center center!important;
	background-size: 20px!important
}

@media (min-width:1025px) {
	.pro-left .pro-min .slick-next:hover {
		background: #0375c4 url("../images/right2h.png") no-repeat center center!important;
		background-size: 20px!important
	}
}

@font-face {
	font-family:"Impact";src:url("?font/Impact.woff2") format("woff2"),url("?font/Impact.woff") format("woff"),url("?font/Impact.ttf") format("truetype"),url("?font/Impact.eot") format("embedded-opentype"),url("?font/Impact.svg") format("svg");font-weight:normal;font-style:normal
}

@font-face {
	font-family:"Oswald-Bold";src:url("?font/Oswald-Bold.woff2") format("woff2"),url("?font/Oswald-Bold.woff") format("woff"),url("?font/Oswald-Bold.ttf") format("truetype"),url("?font/Oswald-Bold.eot") format("embedded-opentype"),url("?font/Oswald-Bold.svg") format("svg");font-weight:normal;font-style:normal
}

@font-face {
	font-family:"akzidenzgroteskbq-xbold";src:url(?font/akzidenzgroteskbq-xbold.otf);font-weight:normal;font-style:normal
}

@media (max-width:1850px) {
	.header .container {
		width: 1565px
	}

	.home-product .container {
		width: 1565px
	}

	.field .field-bottom .container {
		width: 1565px
	}
}

@media (max-width:1600px) {
	.container {
		width: 1360px
	}

	.header .container {
		width: 1360px
	}

	.home-product .container {
		width: 1360px
	}

	.field .field-bottom .container {
		width: 1360px
	}

	.manage02 .p,.manage02 .p1 {
		width: 31%
	}

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

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

	.contact-bottom {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .8
	}

	.layout01 .map_box {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .7
	}

	.innovation02 .map_box {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .7
	}

	.sustainable .sus04 .text .jsh p {
		font-size: 16px
	}

	.sustainable .sus05 .text .jsh p {
		font-size: 16px
	}

	.sustainable .sus06 ul li .text .jsh {
		font-size: 16px;
		line-height: 30px
	}

	.sustainable .sus06 ul li:nth-child(2n) .text .list {
		font-size: 16px;
		line-height: 35px;
		margin-top: 30px
	}

	.product-show .pro-bottom .pl {
		width: 66%
	}

	.about01 .num1 li {
		padding: 0 90px
	}

	.yuanjing .yuanjing-bottom {
		padding-top: 590px
	}

	.footer-top ul li ul li a {
		font-size: 16px
	}

	.footer-top .footer-contact .p {
		font-size: 16px
	}

	.sustainable .sus01 ul {
		padding: 63px 0 0 0
	}
}

@media (max-width:1400px) {
	.container {
		width: 1200px
	}

	.header .container {
		width: 1200px
	}

	.home-product .container {
		width: 1200px
	}

	.field .field-bottom .container {
		width: 1200px
	}

	.manage02 .p,.manage02 .p1 {
		width: 29%;
		line-height: 35px
	}

	.header .header-right .nav ul li a {
		font-size: 16px
	}

	.header .logo {
		margin-left: 0
	}

	.font20 {
		font-size: 16px
	}

	.home-about .text .jsh {
		line-height: 35px;
		height: 245px
	}

	.home-about .list {
		width: 82%
	}

	.home-cuanxin ul li .text .jsh {
		line-height: 35px
	}

	.more a,.more p {
		width: 130px;
		height: 37px;
		line-height: 35px;
		font-size: 14px
	}

	.pclist li .bt {
		font-size: 20px;
	}

	.home-cuanxin ul li .text .bt {
		font-size: 30px;
		margin-bottom: 7%
	}

	.newslist li .text .bt {
		line-height: 35px;
		height: 35px
	}

	.home-news .home-bottom .more {
		margin-top: 50px
	}

	.second-nav {
		font-size: 20px
	}

	.in-title {
		font-size: 24px
	}

	.about01 .jsh {
		line-height: 35px;
		margin-top: 50px
	}

	.about01 .num1 li .num {
		font-size: 50px
	}

	.product-show .pro-bottom .pl .jsh {
		font-size: 16px;
		line-height: 35px
	}

	.product-show .pro-bottom .pl .in-title {
		margin-bottom: 35px
	}

	.product-show .pro-bottom .pl .faq-list .list_dd .jsb {
		font-size: 14px;
		line-height: 30px
	}

	.product-show .pro-bottom .pl .faq-list .list_dd .down a {
		width: 110px;
		height: 39px;
		line-height: 37px;
		margin-right: 19px;
		font-size: 14px;
		padding-left: 47px;
		background: url(?images/do.png) no-repeat 15px center;
		background-size: 16px
	}

	.product-show .pro-bottom .pr h3 {
		font-size: 26px
	}

	.product-show .pro-bottom .pr {
		width: 380px;
		padding: 30px
	}

	.product-show .pro-bottom .pl .d a {
		height: 40px;
		line-height: 40px;
		font-size: 16px
	}

	.innovation01 .jsh {
		line-height: 35px;
		margin-top: 50px
	}

	.innovation01 .num1 li .num {
		font-size: 50px
	}

	.innovation02 .map_box {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .7;
		margin-left: -140px;
		margin-top: -100px
	}

	.contact-bottom {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .7;
		/*margin-left: -140px;
		margin-top: -100px;*/
		padding-bottom: 0
	}

	.layout01 .map_box {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		zoom: .7;
		margin-left: -140px;
		margin-top: -100px
	}

	.innovation02 .jsh {
		font-size: 20px;
		margin-top: 44px;
		margin-bottom: 12px
	}

	.innovation02 .jsh span {
		margin: 0 35px
	}

	.innovation02 .jsh span img {
		max-width: 16px
	}

	.layout01 .jsh {
		font-size: 20px;
		margin-top: 44px;
		margin-bottom: 13px
	}

	.layout01 .jsh span {
		margin: 0 35px
	}

	.layout01 .jsh span img {
		max-width: 16px
	}

	.innovation {
		background-size: 1700px
	}

	.chemical .chemical-bottom .p {
		line-height: 35px;
		margin-bottom: 50px
	}

	.chemical .chemical-bottom .in-title {
		margin-bottom: 40px
	}

	.chemicallist li .box .hover .bt {
		font-size: 25px
	}

	.chemicallist li .box .hover .info {
		padding: 46px 44px
	}

	.sustainable .sus01 ul li .bt {
		line-height: 35px
	}

	.sustainable .sus01 ul li .pic {
		width: 100px
	}

	.sustainable .sus02 .p {
		line-height: 35px;
		margin-top: 15px;

	}

	.sustainable .sus03 .text .jsh {
		line-height: 33px
	}

	.sustainable .sus03 .jsh {
		line-height: 33px
	}

	.sustainable .sus04 .text {
		padding: 2% 4% 0 7%
	}

	.sustainable .sus04 .text .jsh {
		line-height: 33px;
		font-size:16px;
		margin-top: 50px
	}

	.sustainable .sus05 .text .jsh {
		margin-top: 20px
	}
	.sustainable .sus04 {
		padding: 40px 0
	}

	.sustainable .sus04 .text .jsh p {
	  line-height: 40px;
		background-size: 20px;
	}

	.sustainable .sus06 ul li .text .jsh {
		font-size: 16px
	}

	.sustainable .sus06 ul li:nth-child(2n) .text .list {
		font-size: 16px;
		line-height: 30px
	}

	.news-show .ee .con-article {
		font-size: 16px;
		line-height: 30px;
		padding-right: 0
	}

	.inside-page-news li {
		font-size: 14px
	}

	.related ul li a {
		font-size: 14px;
		line-height: 35px
	}

	.header .lan a.la {
		width: 140px;
		font-size: 14px
	}

	.newslist1 li .box .text .jsh {
		font-size: 14px;
		line-height: 30px;
		height: 60px
	}

	.newslist1 li .box .date {
		font-size: 14px
	}
}

@media (max-width:1200px) {
	.container {
		width: 100%;
		padding: 0 15px
	}

	.header .container {
		width: 100%
	}

	.home-product .container {
		width: 100%
	}

	.field .field-bottom .container {
		width: 100%
	}

	.about02 .about-bottom {
		background: 0;
		height: auto;
		position: relative;
		margin-top: 0;
		min-width: 0;
		padding: 15px
	}


	.about02 .in-title {
		margin-top: 15px;
		padding-top: 15px;
	}

	.about02 .about-bottom ul li {
        padding-top: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 10px;
        width: 50%;
        float: left;
        min-height: 100px;
	}

	.about02 .about-bottom ul li .p br {
		display: none
	}

	.about02 .about-bottom ul li .bt {
		font-size: 24px
	}

	.about02 {
		overflow: hidden
	}

	.manage01 {
		padding: 30px 0
	}

	.manage01 .jsh {
		line-height: 30px;
		margin-top: 20px
	}

	.pro-left {
		padding-top: 20px
	}

	.pro-left .pro-max .box .pic {
		width: 600px
	}

	.pro-left .pro-max .box {
		padding-left: 645px;
		min-height: 303px
	}

	.pro-left .pro-max .box .text .bt span {
		font-size: 40px
	}

	.pro-left .pro-min {
		margin: 20px 0 0 0;
		padding: 0 60px
	}

	.manage02 {
		text-align: center
	}

	.manage02 .img {
		margin: 10px 0
	}

	.manage02 .jsh {
		margin-top: 20px
	}

	.number-bg .member-box {
		padding-top: 60px;
		padding-bottom: 30px
	}

	.manage02 .p,.manage02 .p1 {
		width: 100%;
		line-height: 30px;
		text-align: center
	}

	.manage03 {
		padding: 30px 0
	}

	.manage03 .img {
		margin-top: 20px
	}

	.header .header-right .nav {
		display: none
	}

	.pro-left .pro-min .getIndex .item {
		font-size: 20px
	}

	.phone-nav {
		display: block
	}

	.header {
		height: 60px
	}

	.header .logo {
		padding-top: 10px
	}

	.header .logo a img {
		max-height: 40px
	}

	.header .lan {
		display: none
	}

	.header .header-right .header-search {
		display: none
	}

	.header .header-right .zhuce a {
		height: 60px;
		width: 54px
	}

	.header .header-right .login a {
		height: 60px
	}

	.header .header-right {
		padding-right: 30px
	}

	.home-banner {
		margin-top: 60px
	}

	.home-about .text {
		width: 100%
	}

	.home-about {
		padding: 40px 0
	}

	.home-about .text .bt {
		font-size: 24px;
		margin-bottom: 20px
	}

	.font20 {
		font-size: 14px
	}

	.home-about .text .jsh {
		line-height: 30px;
		max-height: 240px;
		height: auto
	}

	.home-about .list {
		width: 100%;
		padding-top: 30px
	}

	.home-about .list ul li .box {
		padding: 30px 10px
	}

	.home-product {
		padding: 30px 0
	}

	.home-title {
		font-size: 24px
	}

	.home-product .home-bottom {
		padding-top: 30px
	}

	.pclist li .bt {
		font-size: 16px;
        line-height: 30px;
	}

	.home-cuanxin ul li .text .bt {
		font-size: 20px;
		margin-bottom: 10px
	}

	.home-cuanxin ul li .text .jsh {
		line-height: 30px;
		margin-bottom: 10px
	}

	.home-cuanxin {
		padding: 30px 0
	}

	.home-news {
		padding: 30px 0
	}

	.home-news .home-bottom {
		padding-top: 30px
	}

	.home-news .container {
		padding: 0 15px
	}

	.newslist li {
		padding: 0 10px
	}

	.newslist {
		margin: 0 -10px
	}

	.newslist li .text {
		padding: 15px
	}

	.home-news .home-bottom .more {
		margin-top: 30px
	}

	.home-news .home-bottom .slick-prev,.home-news .home-bottom .slick-next {
		width: 40px;
		height: 40px;
		top: 50%;
		margin-top: -20px
	}

	.home-news .home-bottom .slick-prev {
		left: 0;
		background-size: 40px
	}

	.home-news .home-bottom .slick-next {
		right: 0;
		background-size: 40px
	}

	.home-video .img {
		width: 1600px;
		height: 528px;
		margin-left: -800px
	}

	.footer {
		padding: 30px 0
	}

	.footer-top {
		padding-bottom: 20px
	}

	.footer-bottom {
		font-size: 14px
	}

	.footer-top ul {
		display: none
	}

	.footer-top .footer-contact {
		width: 100%;
		padding-top: 0
	}

	.footer-top .footer-contact .p {
		font-size: 14px;
		line-height: 30px
	}

	.home-about .list ul li .img {
		width: 40px;
		height: 40px
	}

	.inbanner .inbanner-slick .banner-info .bt {
		font-size: 40px;
		line-height: 60px
	}

	.inbanner {
		margin-top: 60px
	}

		.inbanner .inbanner-slick {
			/*width: 1600px;
		height: 453px;
		margin-left: -800px;*/
		}

	.current {
		padding: 10px 0 10px 0
	}

	.content {
		padding: 30px 0
	}

	.second-nav ul li a {
		padding-bottom: 10px;
		border-bottom: 2px solid transparent
	}

	.second-nav ul li.active a {
		border-bottom: 2px solid #0375c4
	}

	.second-nav {
		font-size: 16px
	}

	.about01 {
		padding: 30px 0
	}

	.about01 .jsh {
		line-height: 30px;
		margin-top: 20px
	}

	.about01 .num1 li .num {
		font-size: 30px;
		line-height: 40px
	}

	.about01 .num1 li {
		padding: 0 10px;
        width:50%;
	}

	.about01 .num1 li:after {
		display: none
	}

	.about01 .num1 {
		padding-top: 20px
	}

	.yuanjing .yuanjing-bottom {
		padding-top: 30px
	}

	.in-title {
		font-size: 20px
	}

	.yuanjing .yuanjing-bottom .in-title {
		margin-bottom: 20px
	}

	.yuanjing .yuanjing-bottom .p {
		line-height: 30px
	}

	.yuanjing .yuanjing-bottom .item {
		margin-bottom: 30px
	}

	.layout01 {
		padding: 30px 0 0 0
	}

	.layout01 .map_box {
		display: none
	}

	.layout01 .map-box1 {
		display: block;
		margin-top: 10px;
		padding: 0 15px
	}

	.layout01 .jsh span {
		margin: 0 5px
	}

	.layout01 .jsh {
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 13px
	}

	.layout01 .jsh span img {
		max-width: 10px
	}

	.product-show .pro-bottom .pl .jsh {
		font-size: 14px;
		line-height: 30px
	}

	.product-show .n-search {
		padding: 20px;
		margin-bottom: 20px;
		background: #f6f6f6
	}

	.product-show .n-search select {
		height: 45px;
		font-size: 14px;
		padding: 0 20px
	}

	.product-show .n-search .submit {
		height: 45px;
		line-height: 45px;
		font-size: 14px
	}

	.innovation01 {
		padding: 30px 0
	}

	.innovation01 .jsh {
		line-height: 30px;
		margin-top: 20px
	}

	.innovation01 .num1 li .num {
		font-size: 30px;
		line-height: 40px
	}

	.innovation01 .num1 li {
		padding: 0 20px
	}

	.innovation01 .num1 li:after {
		display: none
	}

	.innovation01 .num1 {
		padding-top: 20px
	}

	.innovation {
		background: 0
	}

	.innovation02 {
		padding: 30px 0 0 0
	}

	.innovation02 .map_box {
		display: none
	}

	.innovation02 .map-box1 {
		display: block;
		margin-top: 10px;
		padding: 0 15px
	}

	.innovation02 .jsh span {
		margin: 0 15px
	}

	.innovation02 .jsh {
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 13px
	}

	.innovation02 .jsh span img {
		max-width: 10px
	}

	.innovation03 {
		padding: 30px 0;
		margin-top: 0
	}

	.innovation03 .in-bottom {
		padding-top: 20px
	}

	.innovation03 .in-bottom ul li {
		padding: 0 10px;
		margin-bottom: 20px
	}

	.innovation03 .in-bottom ul {
		margin: 0 -10px
	}

	.field .field-bottom {
		padding: 30px 0
	}

	.field .field-bottom .in-title {
		margin-bottom: 20px
	}

	.chemical .chemical-bottom {
		padding: 30px 0
	}

	.chemical .chemical-bottom .in-title {
		margin-bottom: 20px
	}

	.chemical .chemical-bottom .p {
		line-height: 30px;
		margin-bottom: 20px
	}

	.chemicallist li .box .hover .bt {
		font-size: 18px
	}

	.chemicallist li .box .hover .info {
		padding: 20px
	}

	.sustainable .sus01 ul li .pic {
		width: 60px
	}

	.sustainable .sus01 ul li .bt {
		line-height: 30px;
		margin-top: 10px
	}

	.sustainable .sus01 {
		padding: 30px 0
	}

	.sustainable .sus01 ul {
		padding: 20px 0 0 0
	}

	.sustainable .sus02 {
		padding: 30px 0
	}

	.sustainable .sus02 .p {
		line-height: 30px;
		margin-top: 20px;

	}

	.sustainable .sus03 {
		padding: 30px 0
	}

	.sustainable .sus04 .text {
		width: 100%;
		padding: 0 15px
	}

	.sustainable .sus03 .left {
		width: 100%;
		text-align: center
	}

	.sustainable .sus03 .text {
		width: 100%;
		padding-top: 15px
	}


	.sustainable .sus03 .text .in-title {
		margin-bottom: 10px
	}

	.sustainable .sus03 .text .jsh {
		line-height: 30px
	}

	.sustainable .sus03 .jsh {
		line-height: 30px
	}

	.sustainable .sus04 {
		padding: 30px 0 0 0
	}

	.sustainable .sus04 .text .jsh {
		margin-top: 20px;
		line-height: 30px
	}

	.sustainable .sus04 .img {
		width: 100%
	}

	.sustainable .sus04 .img img {
		width: 100%
	}

	.sustainable .sus06 {
		padding: 30px 0
	}


    .sustainable .sus06 .img {
      float: none;
      width: 100%;
    }


	.news .news-bottom {
		padding: 30px 0
	}

	.news .news-bottom .n-search {
		padding: 20px;
		margin-bottom: 20px;
		background: #f6f6f6
	}

	.newslist1 li .box {
		padding-left: 110px;
		padding-bottom: 20px
	}

	.newslist1 li {
		margin-bottom: 20px
	}

	.news-show .ee .leftTool {
		display: none
	}

	.news-show .news-bottom {
		padding: 30px 0
	}

	.news-show .ee .con-article {
		font-size: 14px;
		width: 100%
	}

	.news-show h1 {
		font-size: 22px
	}

	.news-show .tag {
		font-size: 14px;
		line-height: 35px;
		margin: 12px 0 0 0
	}

	.news-show .ee .con-article .nr {
		padding: 20px 0 0 0
	}

	.news-show .ee {
		padding-bottom: 30px
	}

	.news-show .link1 {
		font-size: 14px
	}

	.inside-page-news {
		margin-top: 15px
	}

	.related {
		padding: 30px 0 0 0
	}

	.related ul {
		padding-top: 20px
	}

	.related ul li {
		width: 100%
	}

	.contact-bottom {
		display: none
	}

	.contact .map-box1 {
		display: block;
		margin-top: 10px;
		padding: 0 15px
	}

	.message {
		padding: 30px 0
	}

	.home-cuanxin ul li .pic {
		width: 100%
	}

	.home-cuanxin ul li .text {
		width: 100%;
		padding: 15px
	}

	.number-bg .member-box .mrightbox {
		width: 100%;
		padding-top: 20px;
		margin-top: 20px
	}

	.number-bg .member-box .mleftbox {
		width: 100%;
		font-size: 14px
	}

	.number-bg .member-box .mleftbox .list-1 {
		min-height: 0
	}

	.number-bg .member-box .mrightbox .item .bd .title-2 {
		font-size: 14px;
		width: 12%
	}

	.number-bg .member-box .mrightbox .item .bd li {
		margin-top: 17px
	}

	.number-bg .member-box .mrightbox .item .personal {
		padding-bottom: 30px;
		min-height: 0;
		font-size: 14px!important
	}

	.number-bg .member-box .mrightbox .item .list li span {
		font-size: 14px
	}

	.number-bg .member-box .mrightbox .item .list li {
		padding: 10px 20px 10px 20px;
		border-bottom: solid 1px #eee
	}

	.number-bg .member-box .mrightbox .title {
		font-size: 20px
	}

	.number-bg .member-box .mrightbox .item .list {
		padding-top: 20px
	}

	.join {
		margin-top: 60px
	}
}

@media (max-width:768px) {
	.product-show .pro-bottom .pl {
		width: 100%
	}

	.product-show .pro-bottom .pr {
		display: none
	}

	.pro-left .pro-max .box .pic {
		width: 100%;
		float: none;
		position: relative;
		top: auto;
		left: auto
	}

	.pro-left .pro-max .box {
		padding-left: 0;
		min-height: 0
	}

	.pro-left .pro-max .box .text {
		padding-top: 10px
	}

	.inbanner .inbanner-slick {
		/*width: 1000px;
		height: 283px;
		margin-left: -500px;*/
	}

	.number-bg .member-box .mrightbox .item .bd .title-2 {
		width: 15%
	}

	.loginbg {
		padding: 50px 0;
		background-size: cover
	}

	.loginbg .box {
		height: auto;
		font-size: 14px;
		width: 100%;
		float: none;
		margin: 0
	}

	.loginbg .box .leftbox {
		padding: 30px
	}

	.loginbg .box .leftbox h1 {
		font-size: 26px;
		line-height: 40px;
		padding-bottom: 10px
	}

	.loginbg .box .leftbox .text {
		font-size: 16px
	}

	.input {
		margin-top: 12px;
		height: 45px
	}

	.input__field {
		margin-top: 12px
	}

	.loginbg .box .leftbox .content1 .t1,.loginbg .box .leftbox .tabmenu .t1 {
		font-size: 14px;
		margin-top: 20px
	}

	.loginbg .box .leftbox .content1 .t2 a,.loginbg .box .leftbox .tabmenu .t2 a {
		font-size: 14px
	}

	.loginbg .box .leftbox .content1 .t8,.loginbg .box .leftbox .tabmenu .t8 {
		font-size: 16px
	}

	.loginbg .box .leftbox .content1 .t7,.loginbg .box .leftbox .tabmenu .t7 {
		padding-top: 40px;
		font-size: 14px
	}

	.input .num {
		height: 43px;
		line-height: 43px
	}

	.loginbg .box .leftbox .content1 .lbtn,.loginbg .box .leftbox .tabmenu .lbtn {
		top: 6px;
		right: 6px;
		max-width: 100px;
		height: 30px;
		line-height: 30px
	}

	.loginbg .box .leftbox .content1 .t1 input[type="checkbox"],.loginbg .box .leftbox .tabmenu .t1 input[type="checkbox"] {
		width: 18px;
		height: 18px
	}

	.home-banner .home-banner-slick {
		display: none
	}

	.home-banner .home-banner-slick-phone {
		display: block
	}

	.jitem .bt {
		letter-spacing: 2px;
		padding: 150px 20px
	}

	.anniu123 {
		display: none
	}

	.joinlist li {
		font-size: 40px
	}

	.join01-1 .bt {
		font-size: 40px;
		letter-spacing: 3px;
		margin-bottom: 20px
	}

	.join01-1 .span {
		font-size: 40px;
		letter-spacing: 6px;
		margin-bottom: 25px
	}

	.join01-1 .info {
		width: 94%;
		font-size: 16px;
		padding: 20px;
		line-height: 30px
	}

	.join01-1 {
		padding: 100px 0
	}

	.join01-2 {
		padding: 100px 0 100px 0
	}

	.join01-2 .bt {
		font-size: 40px;
		letter-spacing: 3px;
		margin-bottom: 25px
	}

	.join01-2 .span {
		font-size: 45px;
		letter-spacing: 3px
	}

	.join01-3 ul li .box {
		padding: 30px
	}

	.join01-3 ul li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.17)
	}

	.join01-3 .title {
		font-size: 40px;
		letter-spacing: 3px;
		position: relative;
		top: auto;
		left: auto
	}

	.join01-3 {
		padding: 50px 0
	}

	.join01-3 ul li .bt {
		font-size: 25px;
		letter-spacing: 3px
	}

	7215 {
		line-height: 30px;
		height: auto;
		margin-top: 10px;
		display: block
	}

	.join02-1 {
		padding: 100px 0!important
	}

	.join02-1 .bt {
		font-size: 30px;
		letter-spacing: 3px;
		margin-bottom: 20px
	}

	.join02-1 .info {
		padding: 0;
		line-height: 30px
	}

	.join03-3 ul {
		padding: 0
	}

	.join03-3 ul li {
		width: 100%
	}

	.join03-3 {
		padding: 50px 0!important
	}

	.join03-3 ul li .box {
		padding: 25px;
		margin-bottom: 20px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px
	}

	.join03-3 ul li .box .pic {
		width: 50px;
		background-size: 50px
	}

	.join03-3 ul li .box .bt1 {
		padding-top: 20px
	}
}

@media (max-width:420px) {
	.home-about .list ul li {
		width: 50%
	}

	.pclist li {
		width: 50%;
		margin-bottom: 10px
	}

	.home-video .img {
		width: 1000px;
		height: 330px;
		margin-left: -500px
	}

	.home-video .hover {
		background-size: 60px
	}



	.product .product-bottom .list ul li {
		width: 50%;
		float: left
	}

	.product .product-bottom .show {
		height: auto;
		padding: 20px;
		width: 100%;
		float: none
	}

	.product .product-bottom .list {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		overflow: hidden
	}

	.product .product-bottom {
		min-height: 0;
		padding-left: 0
	}

	.product .product-bottom .show .info p {
		width: 50%;
		float: left;
		padding: 0 5px
	}

	.product .product-bottom .show .info a {
		display: block;
		max-width: none;
		background: url(?images/more.png) no-repeat center right;
		padding-right: 33px;
		line-height: 40px
	}

	.product-show .n-search p {
		width: 100%;
		margin-bottom: 5px
	}

	.product-show .n-search span {
		width: 50%
	}

	.product-show .pro-bottom .pl .faq-list .list_dd {
		padding: 20px
	}

	.product-show .pro-bottom .pl .faq-list .list_dt .img {
		left: 20px
	}

	.product-show .pro-bottom .pl .faq-list .list_dt {
		padding: 0 38px 0 71px
	}

	.product-show .pro-bottom .pl .faq-list .list_dd .down a {
		margin-right: 5px
	}

	.product-show .pro-bottom .pl .faq-list .list_dd .down {
		padding: 10px
	}

	.innovation03 .in-bottom ul li {
		width: 50%
	}

	.chemicallist li {
		width: 100%
	}

	.sustainable .sus01 ul li {
		width: 33.333333%;
		margin-bottom: 10px
	}

	.sustainable .sus04 .text .jsh p {
		width: 100%
	}

	/*.sustainable .sus04 .text .jsh p {
		background: url(?images/su8.png) no-repeat left 11px;
		line-height: 40px
	}

	.sustainable .sus05 .text .jsh p {
		background: url(?images/su9.png) no-repeat left 9px
	}*/

	.newslist1 li .box .date {
		background: 0;
		padding-bottom: 0;
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 4px
	}

	.newslist1 li .box {
		padding-left: 0
	}

	.page a {
		display: none
	}

	.page a.prev,.page a.next {
		display: inline-block
	}

	.message ul li {
		width: 100%
	}

	.message ul li a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		margin-right: 10px;
		font-size: 14px;
		margin-top: 0
	}

	.inside-page-news li {
		width: 100%;
		padding: 0 20px!important
	}

	.inside-page-news ul {
		height: auto
	}

	.inside-page-news .fanhui {
		display: none !important;
	}

	.number-bg .member-box .mrightbox .item .bd .title-2 {
		width: 100%;
		text-align: left
	}

	.number-bg .member-box .mrightbox .item .list li span:nth-last-child(1) {
		display: none
	}

	.number-bg .member-box .mrightbox .item .list li span:first-child {
		width: 42%
	}
}

#fp-nav ul li,.fp-slidesNav ul li {
	width: 25px!important;
	height: 25px!important;
	border: 0!important;
	margin: 5px 0!important
}

#fp-nav ul li a span,.fp-slidesNav ul li a span {
	width: 10px!important;
	height: 10px!important;
	border: 0!important;
	background: #fff!important;
	margin: 6px 7px!important
}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span {
	width: 25px!important;
	height: 25px!important;
	background: #437acf!important;
	margin: 0!important
}

@media (max-height:1050px) {
	.join01-3 ul li .jsh {
		font-size: 22px;
		margin-top: 15px
	}
}

@media (max-height:900px) {
	.join01-3 .title {
		font-size: 54px;
	}

	.join01-3 ul li .bt {
		font-size: 40px
	}

	.join01-3 ul li .box {
		padding: 294px 33px 0 33px
	}

	.join01-3 ul li:hover .box {
		padding: 200px 33px 0 33px
	}

	.join01-3 ul li .jsh {
		font-size: 18px;
		margin-top: 15px
	}

	.join01-1 .info {
		font-size: 24px;
		line-height: 40px;
		height: 120px;
		margin-bottom: 80px
	}

	.more1 a {
		width: 180px;
		height: 50px;
		line-height: 50px;
		font-size: 24px
	}

	.join01-1 .span {
		font-size: 54px;
		margin-bottom: 55px
	}

	.join01-1 .bt {
		font-size: 54px
	}

	.join01-2 .bt {
		font-size: 54px;
		margin-bottom: 180px
	}

	.join01-2 .span {
		font-size: 55px
	}

	.jitem {
		font-size: 60px
	}

	.join02-1 .bt {
		font-size: 54px;
		margin-bottom: 80px;
		line-height: 90px;
		height: 180px
	}

	.join02-1 .info {
		font-size: 24px;
		line-height: 40px;
		height: 120px;
		margin-bottom: 80px
	}

	.video-popup1 {
		font-size: 20px;
		line-height: 30px
	}
}

@media (max-height:768px) {
	.join01-3 ul li .jsh {
		font-size: 16px;
		margin-top: 15px;
		line-height: 30px;
		height: 390px
	}
}

@media (max-width:1260px) {
	.section {
		height: auto
	}

	.jitem {
		padding: 300px 0;
		height: auto
	}

	.jitem .bt {
		letter-spacing: 2px;
		position: relative;
		top: auto;
		transform: none;
		left: auto
	}

	.anniu123 {
		display: none
	}

	.jitem {
		font-size: 44px
	}

	.join01-2 {
		padding: 126px 0
	}

	.join01-2 .bt {
		font-size: 34px;
		margin-bottom: 100px
	}

	.join01-2 .span {
		font-size: 45px
	}

	.join01-3 .title {
		font-size: 34px;
		letter-spacing: 5px;
		position: relative;
		top: auto;
		left: auto
	}

	.join01-3 {
		padding: 100px 0
	}

	.join01-3 ul li .box {
		padding: 30px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		height: auto
	}

	.join01-3 ul li {
		width: 100%
	}

	.join01-3 ul li .bt {
		font-size: 24px
	}

	.join01-3 ul li .jsh {
		font-size: 16px;
		margin-top: 10px;
		line-height: 30px;
		height: auto;
		display: block
	}

	.join01-3 ul li .jsh br {
		display: none
	}

	.join02-1 {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		transform: none;
		padding: 100px 0
	}

	.join02-1 .bt {
		font-size: 30px;
		margin-bottom: 20px;
		line-height: 40px;
		height: auto;
		letter-spacing: 2px
	}

	.join02-1 .info {
		font-size: 16px;
		line-height: 30px;
		height: auto;
		margin-bottom: 10px;
		max-height: 90px;
		letter-spacing: 1px;
		width: 100%
	}

	.more1 a {
		width: 110px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		letter-spacing: 0
	}

	.join03-3 ul li .box .bt1 img {
		height: 17px
	}

	.join03-3 ul {
		padding: 0 50px
	}

	.video-popup1 {
		position: fixed;
		width: 100%;
		height: 100vh;
		padding: 60px 30px;
		font-size: 18px;
		line-height: 30px;top:60px;
	}

	.video-popup1 .close {
		background-size: 18px
	}
}

@media (max-width:768px) {
	.jitem {
		padding: 100px 0
	}

	.jitem {
		font-size: 34px
	}

	.join01-2 .bt {
		margin-bottom: 40px
	}

	.join01-2 .span {
		font-size: 40px
	}

	.join01-3 {
		padding: 70px 0
	}

	.join02-1 {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		transform: none;
		padding: 100px 0
	}

	.join02-1 .bt {
		font-size: 30px;
		margin-bottom: 20px;
		line-height: 40px;
		height: auto;
		letter-spacing: 2px
	}

	.join02-1 .info {
		font-size: 16px;
		line-height: 30px;
		height: auto;
		margin-bottom: 10px;
		max-height: 90px;
		letter-spacing: 1px
	}

	.more1 a {
		width: 110px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		letter-spacing: 0
	}

	.join03-3 ul li .box .bt1 img {
		height: 17px
	}

	.join03-3 ul {
		padding: 0 50px
	}
}


.inmain {
    position:relative;
}

#dingwei {
    position:absolute;
    height:0;
    top:-95px;
}

#message {
    position:absolute;
    height:0;
    top:-95px;
}

#history {
    position:absolute;
    height:0;
    top:-95px;
}

.fp-nav1 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width:100%;
    height:100vh;
}
.bg{
    width:100%;
    height:100vh;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
    opacity: 0;
    transition: 1.5s;
}
#fullpage{
    z-index:3;
}

.active .bg{
    opacity: 1;
}

.yuanjing{
    background: none;
}
.yuanjing .yuanjing-bottom {
    padding-top: 50px;
}
.yuanjing .yuanjing-bottom ul li{
    position: relative;
    margin-bottom:70px;
}
.yuanjing .yuanjing-bottom ul li .box{

}
.yuanjing .yuanjing-bottom ul li .box .pic{
    width:52%;
    z-index:1;
    float:left;
}

.yuanjing .yuanjing-bottom ul li .box .pic:after{
    padding-bottom:61.6%;
}
.yuanjing .yuanjing-bottom ul li .box .text{
    width:48%;
    float:right;
    z-index:5;
    /*position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    background: #fff;*/
    padding:40px;
    box-shadow: 0 0 73px 0 rgba(190,190,190,0.35);
}
.yuanjing .yuanjing-bottom ul li .box .text .bt{
    font-size: 26px;
    color: #333;
    letter-spacing: 5px;
    font-weight: bold;
    margin-bottom:20px;text-align:center;
}
.yuanjing .yuanjing-bottom ul li .box .text .jsh{
    font-size: 20px;
    color: #333;

    line-height:40px;
    text-indent:2em;
    text-align:justify;
}


.yuanjing .yuanjing-bottom ul li:nth-child(2n) .box .text{
    left:0;
    right:auto;
}


.yuanjing .yuanjing-bottom ul li:nth-child(2n) .box .pic{
    float:right;
}


@media (max-width: 1600px){
    .yuanjing .yuanjing-bottom ul li .box .text .bt{
        font-size: 20px;
        letter-spacing: 3px;
        margin-bottom:15px;
    }
    .yuanjing .yuanjing-bottom ul li .box .text .jsh{
        font-size: 18px;
        line-height:34px;
    }
}

@media (max-width: 1200px){
    .yuanjing .yuanjing-bottom ul li{
        margin-bottom:30px;
    }
    .yuanjing .yuanjing-bottom ul li .box .pic{
        width:100%;
    }
    .yuanjing .yuanjing-bottom ul li .box .text{
        width:100%;
        position: relative;
        top:auto;
        right:auto;
        transform: translateY(0);
        padding:20px;
        margin-top:0 !important;
    }
    .yuanjing .yuanjing-bottom ul li .box .text .bt{
        font-size: 18px;
        letter-spacing: 2px;
        margin-bottom:10px;
    }
    .yuanjing .yuanjing-bottom ul li .box .text .jsh{
        font-size: 16px;
        line-height:30px;
    }
}

.shichang-show{
    background: #fafafa;
}
.shichang-show .sc-title{
    text-align: center;
    width:716px;
    min-height:103px;
    position: relative;
    z-index:3;
    margin:-110px auto 77px auto;
    color:#fff;
    padding: 18px 10px;
    font-size:42px;
    background: #0375c4;
}

	.shichang-show .sc-jsh {
		text-align: left;
		font-size: 20px;
		color: #333;
		text-indent: 2em;
        padding: 20px;
        background: #F4F9FF;
	}
.shichang-show .sc-list{
    padding: 79px 0 0 0;
}
.shichang-show .sc-list .item{
    position: relative;
    min-height:357px;
    background: #fff;
    margin-bottom:121px;
}
.shichang-show .sc-list .item .pic{
    width:518px;
    position: absolute;
    top:0;
    left:0;
}

.shichang-show .sc-list .item .pic:after{
    padding-bottom: 69%;
}

	.shichang-show .sc-list .item .text {
		padding-left: 569px;
		padding-left: 560px;
		padding-top: 26px;
        padding-bottom:50px;
	}

.shichang-show .sc-list .item .text .bt{
    font-size:28px;
    color:#4a4a4e;
    font-weight: bold;
    margin-bottom: 16px;
}
.shichang-show .sc-list .item .text .jsh{
    font-size:18px;
    color:#666666;
    line-height:30px;
    margin-bottom: 27px;
}

.shichang-show .sc-list .item .text .jsh .p{
    float:left;
    width:28%;
}
.shichang-show .sc-list .item .text .jsh .p p{
    padding-left:26px;
    background: url("?images/dot3.png") no-repeat left center;
}
.shichang-show .sc-list .item .text .jsh .span{
    float:right;
	float: right;
	width: 70%;
	padding-right: 20px;
	text-align: justify;
}

.shichang-show .sc-list .item .xg{
    font-size:18px;
    color:#666666;
    bottom:10px;
    position: absolute;

}

.shichang-show .sc-list .item>.xg{
    padding-left: 569px;
}

.shichang-show .sc-list .item .xg span{
    font-weight: bold;
}

.shichang-show .sc-list .item .xg span{
    display: inline-block;
    vertical-align:top;
}


.shichang-show .sc-list .item .xg a{
    display: inline-block;
    vertical-align:top;
}

.shichang-show .sc-list .item .xg a img{
    max-height:28px;
}

.shichang-show .sc-list .item:nth-child(2n) .pic{
    right:0;
    left:auto;
}
.shichang-show .sc-list .item:nth-child(2n) .text{
    padding-left: 29px;
    padding-right: 569px;
}


@media (max-width:1400px){
    .shichang-show .sc-list .item .text .jsh {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .shichang-show .sc-list .item .text {
        padding-top: 23px;
    }
    .shichang-show .sc-list .item .text .bt {
        font-size: 26px;
    }
    .shichang-show .sc-list .item {
        margin-bottom: 50px;
    }
    .shichang-show .sc-list .item .text .xg {
        font-size: 16px;
    }
}
@media (max-width:1200px){
    .shichang-show .sc-list .item .xg {
        bottom: auto;
        position: relative;
    }
    .shichang-show .sc-title {
        min-height: 0;
        margin: -69px auto 30px auto;
        font-size: 34px;
    }
    .shichang-show .sc-jsh {
        font-size: 20px;
    }
    .shichang-show .sc-list {
        padding: 40px 0 0 0;
    }
    .shichang-show .sc-list .item .text .bt {
        font-size: 20px;
    }
    .shichang-show .sc-list .item .text .jsh {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .shichang-show .sc-list .item .text .xg {
        font-size: 14px;
    }
    .shichang-show .sc-list .item .text .jsh .p p {
        background: url(?images/dot3.png) no-repeat left 8px;
    }
}

@media (max-width:768px){
    .shichang-show .sc-list .item .pic {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }
    .shichang-show .sc-list .item .pic img{
        width:100%;
    }
    .shichang-show .sc-list .item .text{
        padding:20px !important;
    }

    .shichang-show .sc-list .item .xg{
        padding:20px !important;
    }

    .shichang-show .sc-title{
        width:100%;
    }
    .shichang-show .sc-list .item .text .jsh .p {
        width: 100%;
    }
    .shichang-show .sc-list .item .text .jsh .span{
        width:100%;
    }
}

.fanhui {
    position: absolute;
    top: 120px;
    right: 22px;
    z-index: 999;
    color: #fff !important;
    border: 1px solid #fff;
    width: 100px;
    display: block !important;
    text-align: center;
    height: 30px;
    line-height: 24px;
    font-size: 16px;
    border-radius:15px;
}

.jianjie {
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight:normal;
    margin-top: 40px;
    text-align: left;
    text-indent: 2em;
}
@media (max-width:1200px) {
    .jianjie {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }
}









.shiyanshi-list {
    margin-top: 40px;
}
.shiyanshi-list ul{
    margin:0 -13px;
}
.shiyanshi-list ul li{
    width:50%;
    float:left;
    padding:0 13px;
    margin-bottom: 26px;
}
.shiyanshi-list ul li .box{
    padding: 18px 32px 0 32px;
    background: #fff;
    box-shadow: 0 0 79px 0 rgba(98,98,98,0.09);
}
.shiyanshi-list ul li .h3{
    font-size:20px;
    margin-bottom: 13px;
    color:#333333;
    font-weight: bold;
}

.shiyanshi-list .map_box01 {
    position: relative;
    height: 306px;
    width: 413px;
    text-align: center;
    margin: 0 auto;/*
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    zoom:0.75;*/
}

.shiyanshi-list .map_box01 .point_item {
    position: absolute;
    font-size:12px;
    color:#242424;
    cursor: pointer;
    text-align: left;
    width:auto;
}

.shiyanshi-list .map_box01 .point_item .h33{
    padding-left: 8px;
    position: relative;
    display: none;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:first-child {
    top: 59.5%;
    left: 71.3%;
}

.shiyanshi-list .map_box01 .point_item .text {
    padding:44px;
    box-shadow: 0 0 4px #ebebeb;
    background: rgba(255,255,255,0.9);
    margin-left: 50px;
    margin-top:-40px;
    opacity: 0;
    display: none;
    position: relative;
    cursor: pointer;
    z-index: 4;
    width: 580px
}

.shiyanshi-list .map_box01 .point_item .text .des {
    color: #333;
    line-height: 36px
}

.shiyanshi-list .map_box01 .point_item .text .des a {
    color: #0375c4;
    text-decoration: underline
}

.shiyanshi-list .map_box01 .point_item .text .title {
    margin-bottom: 30px;
    font-size: 25px;
    color: #333;
    font-weight: bold;
    position: relative
}

.shiyanshi-list .map_box01 .point_item.active .text {
    opacity: 1;
    display: block;
    z-index: 9
}

.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(2) {
    top: 60.5%;
    left: 73.5%;

}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(2) .h33{
    margin-left: -52px;
    top:10px;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(3) {
    top: 46%;
    left: 67%;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(3) .h33{
    margin-left: -52px;
    top:10px;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(4) {
    top: 41.2%;
    left: 70.8%;
}

.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(5) {
    top: 38.4%;
    right: 33.5%;
left: 58%;
    text-align: right;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(5) .point{
    right: 0;
    left: auto;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(5) .span1{
    right: -9px;
    left:auto;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(5) .text{
    text-align: left;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(6) {
    top: 29.4%;
    left: 72.7%;
}

.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(7) {
    top: 84.4%;
    left: 58.2%;
}

.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(8) {
    top: 88.1%;
    left: 55.5%;
}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(8) .h33{
    margin-left: -91px;
    top: 6px;

}
.shiyanshi-list .map_box01 .point_list1 .point_item:nth-child(9) {
    top: 74.4%;
    left: 70.5%;
}
.shiyanshi-list .map_box01 .point_item .point {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background: #dc241a;
    border-radius: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 5;
    border: 1px solid #fff
}

.shiyanshi-list .map_box01 .point_item .point01 {
    background: #0265a9;
}
.shiyanshi-list .map_box01 .point_item .point02 {
    background: #46a933;
}
.shiyanshi-list .map_box01 .point_item .point03 {
    background: #f7af00;
}
.shiyanshi-list .map_box01 .point_list4 .point_item:nth-child(1) {
    top: 78.5%;
    left: 52.5%;

}
.shiyanshi-list .map_box01 .point_list4 .point_item:nth-child(1) .text {
    margin-left: -350px;
    margin-top: 50px
}
.shiyanshi-list .map_box01 .point_list2 .point_item:nth-child(1) {
    top: 46.5%;
    left: 31.5%;

}
.shiyanshi-list .map_box01 .point_list2 .point_item:nth-child(1) .text {
    margin-left: -150px;
    margin-top: 50px
}
.shiyanshi-list .map_box01 .point_list3 .point_item:nth-child(1) {
    top: 38.5%;
    left: 56.5%;

}
.shiyanshi-list .map_box01 .point_list3 .point_item:nth-child(1) .text {
    margin-left: -150px;
    margin-top: 50px
}
.shiyanshi-list .map_box01 .point_item .span1 {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -8px;
    left: -9px;
    z-index: 3;
    background: rgba(187,230,255,0.33);
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear
}

.shiyanshi-list .map_box01 .point_item .span1.span2 {
    background: rgba(45,200,187,0.2)
}

.shiyanshi-list .map_box01 .pulsed {
    -webkit-animation-name: pulsed;
    animation-name: pulsed
}

.shiyanshi-list .map_box01 .point_list3 .point_item:nth-child(1) .text {
    margin-left: -350px;
    margin-top: 50px
}

@media (max-width:1440px){
	.shiyanshi-list .map_box01 .point_list2 .point_item:nth-child(1) .text {
	  margin-left: -300px;
	  margin-top: 50px;
	}	
	.layout01 .shiyanshi-list .map_box01 .point_list3 .point_item:nth-child(1) .text {
		margin-left: 0;
	}
}
.shiyanshi-list .mail{
    margin: 13px -32px 0 -32px;
    padding: 0 33px;
    background: #0374c3;
}
.shiyanshi-list .mail a{
    color:#fff;
    display: block;
    font-size:20px;
    line-height:58px;
    background:url(?images/mail.png) no-repeat center left;
    padding: 0 29px;
}
.shi01 ul{
    margin:0 -15px;
}
.shi01 ul li{
    width:33.3333333%;
    float:left;
    padding:0 15px;
    margin-bottom: 26px;
}
.shi01 .map_box01 {
    position: relative;
    height: 222px;
    width: 298px;
}
.shi01 .p{
    color:#333333;
    font-size:20px;
}
.shi01 .map_box01 .point_list4 .point_item:nth-child(1) {
    top: 68.5%;
    left: 66.5%;
}
.shi01 .map_box01 .point_list4 .point_item:nth-child(2) {
    top: 58.5%;
    left: 63.5%;
}

.shi01 .map_box01 .point_list2 .point_item:nth-child(1) {
    top: 48.5%;
    left: 31.5%;
}
.shi01 .map_box01 .point_list2 .point_item:nth-child(2) {
	top: 48.5%;
	left: 34.5%;
}
.shi01 .map_box01 .point_list2 .point_item:nth-child(2) .text{
    margin-left:-300px;
    margin-top: 50px;
}
.shi01 .map_box01 .point_list2 .point_item:nth-child(2) .h33 {
    padding-left: 0;
    position: relative;
    top: -18px;
}
.shi01 .map_box01 .point_list2 .point_item:nth-child(3) {
    top: 43.5%;
    left: 22.5%;
}
.shi01 .map_box01 .point_list2 .point_item:nth-child(3) .text{
    margin-left:-300px;
    margin-top: 50px;
}

.shi01 .map_box01 .point_list3 .point_item:nth-child(1) {
    top: 29.5%;
    left: 52.5%;
}
.shi01 .map_box01 .point_list3 .point_item:nth-child(2) {
    top: 60.5%;
    left: 62.5%;
}

.shi01 .map_box01 .point_list3 .point_item:nth-child(3) {
    top: 59.5%;
    left: 62.5%;
}
.shi01 .map_box01 .point_list5 .point_item:nth-child(1) {
    top: 45.5%;
    left: 34.5%;
}
.shi01 .map_box01 .point_list5 .point_item:nth-child(2) {
     top: 45.5%;
    left: 34.5%;
}

.shi01 .map_box01 .point_list5 .point_item:nth-child(3) {
    top: 72.5%;
    left: 24.5%;
}
.shi01 .map_box01 .point_list5 .point_item:nth-child(4) {
    top: 35.5%;
    left: 27.5%;
}

.shi01 .map_box01 .point_list1 .point_item:nth-child(1) {
    top: 59.5%;
    left: 72.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(2) {
    top: 28.5%;
    left: 72.5%;
}

.shi01 .map_box01 .point_list1 .point_item:nth-child(3) {
    top: 44.5%;
    left: 63.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(4) {
    top: 62.5%;
    left: 72.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(5) {
    top: 72.5%;
    left: 60.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(6) {
    top: 82.5%;
    left: 55.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(7) {
    top: 59.5%;
    left: 68.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(8) {
    top: 72.5%;
    left: 69.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(9) {
    top: 82.5%;
    left: 52.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(10) {
    top: 63.5%;
    left: 69.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(11) {
    top: 44.5%;
    left: 65.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(12) {
    top: 28.5%;
    left: 76.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(13) {
    top: 36.5%;
    left: 61.5%;
}
.shi01 .map_box01 .point_list1 .point_item:nth-child(14) {
    top: 40.5%;
    left: 70.5%;
}

.shi01 .map_box01 .point_list1 .point_item:nth-child(15) {
	top: 61%;
	left: 44%;
}

.shi01 .map_box01 .point_list1 .point_item:nth-child(16) {
	top: 63%;
	left: 75%;
}

.shi01 .map-box00 img{
    display: block;
}

@media(max-width:1600px){
    .shi01 ul li .map-box00{
        padding: 15px 0;
    }
}
@media(max-width:1400px){
    .shi01 ul li .map-box00{
        padding: 28px 0;
    }
    .shi01 .p {
        font-size: 16px;
    }
}
@media(max-width:1200px){
    .shi01 ul li .map-box00 {
        padding: 0;
    }
    .shiyanshi-list .map_box01{
        display: none;
    }
    .shiyanshi-list ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .shiyanshi-list .mail a {
        font-size: 16px;
        line-height: 50px;
    }
}











/*xinzeng*/

 .banner-login {
    position: fixed;
    top: 50%;
    left: 50%;
     z-index:99999;
     display: none;
     transform: translate(-50%,-50%);
}


	.banner-login .banner-text {
		width: 400px;
		height: 470px;
		z-index: 999;
		padding: 30px 35px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		border-top: 3px solid #29a016;
	}

.banner-login .banner-text .list {
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

.banner-login .banner-text .list li {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 45px
}

.banner-login .banner-text .list li a {
    display: block;
    font-size: 18px;
    color: #333;
    position: relative;
    padding: 0 14px
}

.banner-login .banner-text .list li a:after {
    content: '';
    display: none;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #256ec2
}

.banner-login .banner-text .list .sel a {
    color: #256ec2
}

.banner-login .banner-text .list .sel a:after {
    display: block
}

.banner-login .show {
    padding: 30px 0
}

.banner-login .show .info {
    display: none
}
.third-account {
    text-align: center;
    margin-bottom: 15px;
    color: #999999;
}
.account-login { text-align: center; }

.account-login a { display: inline-block;margin:0 5px;}

.account-login .weibo-login, .account-login .wechat-login, .account-login .qq-login { width: 42px; height: 42px; background-color: #dddddd; background-repeat: no-repeat; background-position: center; border-radius: 50%; cursor: pointer; }

.account-login .wechat-login { background-image: url("?images/wechat.png"); }

.account-login .wechat-login:hover { background-color: #58bc46; }

.account-login .weibo-login { background-image: url("?images/weibo.png"); margin: 0 20px; }

.account-login .weibo-login:hover { background-color: #e90e24; }

.account-login .qq-login { background-image: url("?images/qq.png"); }

.account-login .qq-login:hover { background-color: #3caae3; }
.banner-login .show .info ul {
    overflow: hidden;
    margin-bottom: 15px;
}

.banner-login .show .info ul li {
    width: 100%;
    margin-bottom: 14px;
    position: relative;
    text-align: center;
    color: #666;
    overflow: hidden
}

.banner-login .show .info ul li input {
    width: 100%;
    height: 38px;
    border: 1px solid #bfbfbf;
    background: #f9f9f9;
    padding: 0 10px 0 18px;
    font-size: 13px;
    color: #666
}

.banner-login .show .info ul li input::-webkit-input-placeholder {
    color: #ccc
}

.banner-login .show .info ul li input:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.banner-login .show .info ul li input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.banner-login .show .info ul li input:-ms-input-placeholder {
    color: #ccc
}

.banner-login .show .info ul li input:focus {
    border: 1px solid #256ec2
}

.banner-login .show .info ul li a {
    color: #666
}

.banner-login .show .info ul li label input {
    width: 12px;
    height: 12px
}

.banner-login .show .info ul li .yzm {
    width: 55%;
    float: left
}

.banner-login .show .info ul li a.ff {
    width: 40%;
    height: 38px;
    background: #f5f5f5;
    line-height: 38px;
    text-align: center;
    display: block;
    float: right;
    cursor: pointer
}

.banner-login .show .info ul li label {
    position: relative;
    float: left
}

.banner-login .show .info ul li label .bt {
    user-select: none;
    position: relative;
    cursor: pointer;
    padding: 0 10px 0 24px;
    font-size: 13px;
    color: #999;
    margin-bottom: 10px
}

.banner-login .show .info ul li label .bt:after {
    content: '';
    display: block;
    position: absolute;
    left: 4px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    transition: all .15s ease
}

.banner-login .show .info ul li label input {
    position: absolute;
    top: 0;
    left: -20px;
    cursor: pointer;
    opacity: 0
}

.banner-login .show .info ul li label input:checked {
    border: 0 !important;
    background: 0
}

.banner-login .show .info ul li label input:checked + .bt {
    color: #999
}

.banner-login .show .info ul li label input:checked + .bt:after {
    border-color: #256ec2;
    background-color: #256ec2
}

.banner-login .show .info ul li label input:checked + .bt:before {
    left: 7px;
    top: 5px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    display: block;
    content: "";
    z-index: 1
}

@media (min-width: 1025px) {
    .banner-login .show .info ul li label:hover .bt:after {
        border-color: #898989;
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.075)
    }
}

.banner-login .show .info ul li .span {
    float: right;
    font-size: 13px;
    color: #999
}

.banner-login .show .info ul li .span a {
    color: #999
}

.banner-login .show .info ul .submit {
    margin-top: 18px
}

.banner-login .show .info ul .submit a {
    background: #256ec2;
    color: #fff;
    padding: 0;
    border: 1px solid #256ec2;
    height: 36px;
    line-height:34px;
    display: block;
}

@media (min-width: 1025px) {
    .banner-login .show .info ul li .span a:hover{
        color:#256ec2;text-decoration: underline;
    }
    .banner-login .show .info ul .submit a:hover {
        background: #256ec2;
        border: 1px solid #256ec2
    }
}

.icon-l {
    width: 53px;
    height: 53px;

    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.static-l { background: url(?images/wx_l.png) no-repeat;background-size: 53px; }

	.static-l i {
		color: #29a016;
		font-size: 12px;
		line-height: 20px;
		text-indent: 5px;
		width: 98px;
		height: 20px;
		position: absolute;
		right: 53px;
		background: url(?images/icon-code-tip.svg) no-repeat;
		background: url(?images/icon-code-tip2.svg) no-repeat;
		font-style: normal;
	}
.quick-l{
    background: url(?images/web_l.png) no-repeat 1px 0;background-size: 53px;
}

.ewm2{
    text-align: center;
    font-size:16px;
    color:#333;
    line-height:30px;
}


.huodong-bottom{
    padding: 78px 0;
}
.huodong-t{
    font-size: 36px;
    color: #333333;
    line-height: 50px;
    letter-spacing: 3px;
    margin-bottom:60px;
}

.huodong-bottom .n-search {
    padding: 41px 50px 41px 50px;
    margin-bottom: 50px;
    background: #f6f6f6;
}

.huodong-bottom .n-search .n-info {
    position: relative
}

.huodong-bottom .n-search input {
    width: 100%;
    height: 58px;
    border: 1px solid #eeecec;
    background: #fff;
    font-size: 16px;
    padding: 0 30px
}

.huodong-bottom .n-search .submit {
    display: block;
    width: 222px;
    height: 58px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    z-index: 5;
    background: #0375c4
}
.huodong-bottom ul li{
    margin-bottom:100px;
}
.huodong-bottom ul li .box{
    position: relative;
    min-height:300px;
    padding-left:480px;
    background: #F8F8F8;
}
.huodong-bottom ul li .pic{
    width: 450px;
    position: absolute;
    top:0;
    left:0;

}

.huodong-bottom ul li .pic:after{
    padding-bottom:66.66666667%;
}
.huodong-bottom ul li .text{
    padding-right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 69%;
}
.huodong-bottom ul li .text .bt{
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom:20px;
}

.huodong-bottom ul li .text .jsh{
    max-height: 132px;
    font-size: 24px;
    color: #333333;
    overflow: hidden;
    line-height: 44px;
    letter-spacing: 1px;
    margin-bottom:10px;
}
.huodong-bottom ul li .text .p{
    font-size: 20px;
    color: #666;
    overflow: hidden;
    line-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.huodong-bottom ul li .text .p span{
    padding-right:15px;
    margin-right:15px;
    position: relative;
}
.huodong-bottom ul li .text .p span:after{
    content:'';
    display: block;
    width:1px;
    height:16px;
    background: #ccc;
    position: absolute;
    top:50%;
    margin-top:-8px;
    right:0;
}
.huodong-bottom ul li .text .p span:nth-last-child(1):after{
    display: none;
}
@media(min-width:1025px){
    .huodong-bottom ul li:hover .pic img{
        transform: scale(1.04);
    }
    .huodong-bottom ul li:hover .text .bt{
        color:#0375c4;
    }
}
@media(max-width:1600px){
    .huodong-bottom ul li .text .bt {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .huodong-bottom ul li .text .jsh {
        max-height: 108px;
        font-size: 19px;
        line-height: 36px;
    }
    .huodong-bottom ul li .text .p {
        font-size: 18px;
        line-height: 36px;
    }
    .huodong-bottom ul li .text {
        width: 65%;
    }
    .huodong-t {
        font-size: 32px;
        margin-bottom: 40px;
    }
}
@media(max-width:1400px){
    .huodong-bottom ul li .text {
        width: 59%;
    }
    .huodong-bottom {
        padding: 50px 0;
    }
    .huodong-t {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .huodong-bottom ul li .text .bt {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .huodong-bottom ul li .text .jsh {
        max-height: 105px;
        font-size: 18px;
        line-height: 35px;
    }
    .huodong-bottom ul li .text .p {
        font-size: 16px;
        line-height: 35px;
    }
    .huodong-bottom ul li {
        margin-bottom: 50px;
    }
}
@media(max-width:1024px){
    .huodong-bottom ul li .text {
        width: 50%;
    }
    .huodong-bottom .n-search {
        padding: 20px;
        margin-bottom: 30px;
    }
}

@media(max-width:768px){
    .news .news-bottom .n-search .submit {
        display: block;
        width: 120px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        z-index: 5;
        background: #0375c4;
    }
    .news .news-bottom .n-search input {
        width: 100%;
        height: 45px;
        border: 1px solid #eeecec;
        background: #fff;
        font-size: 14px;
        padding: 0 14px;
    }
	
	
	.huodong-bottom .n-search .submit {
        display: block;
        width: 120px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        z-index: 5;
        background: #0375c4;
    }
    .huodong-bottom .n-search input {
        width: 100%;
        height: 45px;
        border: 1px solid #eeecec;
        background: #fff;
        font-size: 14px;
        padding: 0 14px;
    }
	
    .huodong-bottom ul li .text {
        position: relative;
        top: auto;
        transform: none;
        width: 100%;
    }
    .huodong-t {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .huodong-bottom ul li .pic {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }
    .huodong-bottom ul li .pic img{
        width:100%;
    }
    .huodong-bottom ul li .box {
        min-height: 0;
        padding-left: 0;
    }
    .huodong-bottom ul li .text {
        padding: 20px;
    }
    .huodong-bottom ul li .text .bt {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .huodong-bottom ul li .text .jsh {
        max-height: 50px;
        font-size: 14px;
        line-height: 25px;
    }
    .huodong-bottom ul li {
        margin-bottom: 20px;
    }
    .huodong-bottom {
        padding: 30px 0;
    }
}
.transparent {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.caigou-bottom{
    padding: 71px 0 86px 0;
}

.caigou-bottom .cg-top .cleft{
    background: linear-gradient(47deg, #3A6BB9 0%, #6FC3F2 100%);
    width:30%;
    float:left;
    padding:30px 40px;
}
.caigou-bottom .cg-top {
    background: #F4F9FF;
}

.caigou-bottom .cg-top .cleft .bt{
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 56px;
    letter-spacing: 1px;
    margin-bottom:20px;
}
.caigou-bottom .cg-top .cleft .span{
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
    letter-spacing: 1px;
}
.caigou-bottom .cg-top .cright{
    float:right;
    width:70%;
    padding:42px;
    font-size: 22px;
    color: #000000;
    line-height: 40px;
    letter-spacing: 1px;
}

.caigou-bottom .cg-bottom{
    padding-top:101px;
}
.caigou-bottom .cg-bottom .cleft{
    float:left;
    width: 72.206%;
}
.caigou-bottom .cg-bottom .cleft a{
    color:#4070bb;
    position: relative;
}
.caigou-bottom .cg-bottom .cleft a:after{
    position: absolute;
    bottom:0;
    left:0;
    width:0;
    transition: 0.5s;
    height:2px;
    display: block;
    content:'';
    background: #4070bb;
}
.caigou-bottom .cg-bottom .cleft a:hover:after{
     width:100%;
}
.caigou-bottom .cg-bottom .title{
    font-size: 32px;
    color: #333333;
    line-height: 45px;
    letter-spacing: 1px;
    margin-bottom:60px;
    font-weight: bold;
}
.caigou-bottom .cg-bottom .cleft .list li{
    margin-bottom:50px;
    overflow: hidden;
}
.caigou-bottom .cg-bottom .cleft .list li .box .pic{
    width: 448px;
    position: absolute;
    top:0;
    left:0;
}

.caigou-bottom .cg-bottom .cleft .list li .box{
    background: #F6F6F6;
    position: relative;
    padding-left:448px;
    min-height:320px;
}
.caigou-bottom .cg-bottom .cleft .list li .box .pic:after{
    padding-bottom:71.42%;
}

.caigou-bottom .cg-bottom .cleft .list li .box .text{
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    letter-spacing: 2px;
    padding:0 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.caigou-bottom .cg-bottom .cleft .p{
    font-size: 22px;
    color: #333333;
    line-height: 40px;
    letter-spacing: 2px;
    padding:40px;
    background: #F7FDF7;
}
.caigou-bottom .cg-bottom .cleft .p img{
    margin-bottom:39px;
}
.caigou-bottom .cg-bottom .cright{
    float:right;
    width: 24.3%;
}

.caigou-bottom .cg-bottom .cright .title{
    border-bottom: 2px dashed #333333;
    padding-bottom:20px;
    margin-bottom:38px;
}
.caigou-bottom .cg-bottom .cright .pdf{
    margin-bottom:100px;
}
.caigou-bottom .cg-bottom .cright .pdf a{
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 1px;
    background: url("?images/pdf.png") no-repeat center left;
    padding-left:50px;
    display: block;
    margin-bottom:40px;
}
.caigou-bottom .cg-bottom .cright .world a{
    background: url("?images/world1.png") no-repeat center left;
    background-size: 30px;
}
.caigou-bottom .cg-bottom .cright .shichang1{
    margin-bottom:100px;
}
.caigou-bottom .cg-bottom .cright .shichang1 a{
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 1px;
    background: url("?images/shichang1.png") no-repeat center left;
    background-size: 30px;
    padding-left:50px;
    display: block;
    margin-bottom:40px;
}
.caigou-bottom .cg-bottom .cright .email a{
    font-size: 22px;
    color: #333333;
    line-height: 32px;
    background: url("?images/email.png") no-repeat center left;
    padding-left:40px;
    background-size: 28px;
    display: block;
}

.caigou-bottom .cg-bottom .cleft .list1{
    margin:0 -20px;
}
.caigou-bottom .cg-bottom .cleft .list1 li{
    width:33.33333333%;
    float:left;
    padding:0 20px;
    margin-bottom:60px;
}
.caigou-bottom .cg-bottom .cleft .list1 li .pic:after{
    padding-bottom:57.14%;
}
.caigou-bottom .cg-bottom .cleft .list1 li .bt{
    font-size: 22px;
    color: #333333;
    line-height: 45px;
    letter-spacing: 2px;
    text-align: center;
    margin-top:10px;
}
.caigou-bottom .cg-bottom .cg-p{
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 20px;
    background: #F4F9FF;

}
.caigou-bottom .cg-bottom .cleft .list2 li{
    margin-bottom:40px;
}
.caigou-bottom .cg-bottom .cleft .list2 li .box  .pic{
    width:315px;
}
.caigou-bottom .cg-bottom .cleft .list2 li .box  .pic:after{
    padding-bottom:69.84%;
}
.caigou-bottom .cg-bottom .cleft .list2 li .box {
    padding-left: 315px;
    min-height: 220px;
}

.caigou-bottom .cg-bottom .cleft .list2 li .text .bt{
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom:16px;
    font-weight: bold;
}
.caigou-bottom .cg-bottom .cleft .list2 li .text .jsh{
    font-size: 22px;
    color: #333333;
    line-height: 36px;
    letter-spacing: 1px;
    height:108px;
    overflow: hidden;
}
@media (max-width: 1600px){
    .caigou-bottom .cg-bottom .cleft ul li .box .text {
        font-size: 20px;
        line-height: 33px;
    }
    .caigou-bottom .cg-bottom .cleft .p {
        font-size: 20px;
        line-height: 33px;
    }
    .caigou-bottom .cg-bottom .title {
        font-size: 26px;
        margin-bottom: 40px;
    }
    .caigou-bottom .cg-bottom .cright .pdf a {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .caigou-bottom .cg-bottom .cright .pdf {
        margin-bottom: 80px;
    }
    .caigou-bottom .cg-bottom .cright .shichang1 a {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .caigou-bottom .cg-bottom .cright .shichang1 {
        margin-bottom: 80px;
    }
    .caigou-bottom .cg-bottom .cright .email a {
        font-size: 18px;
    }
    .caigou-bottom .cg-bottom .cleft .list li {
        margin-bottom: 40px;
    }
    .caigou-bottom .cg-top .cleft .bt {
        font-size: 30px;
        line-height: 45px;
    }
    .caigou-bottom .cg-top .cleft .span {
        font-size: 20px;
    }
    .caigou-bottom .cg-top .cright {
        padding: 37px;
        font-size: 18px;
    }
    .caigou-bottom .cg-bottom .cleft .list li .box .text {
        font-size: 20px;
        padding: 40px 36px;
    }
    .huodong-bottom .n-search {
        padding: 20px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1400px){

    .caigou-bottom .cg-bottom .cleft .list li .box .text {
        font-size: 16px;
        padding: 37px 30px;
        line-height: 35px;
    }
    .caigou-bottom .cg-bottom .cleft ul li .box .text {
        font-size: 16px;
        padding: 41px;
    }
    .caigou-bottom .cg-bottom .cright .pdf a {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .title {
        font-size: 22px;
        line-height:35px;
    }
    .caigou-bottom .cg-bottom .cright .email a {
        font-size: 16px;
    }
    .caigou-bottom .cg-bottom .cright .pdf {
        margin-bottom: 50px;
    }

    .caigou-bottom .cg-bottom .cright .shichang1 {
        margin-bottom: 50px;
    }.caigou-bottom .cg-bottom .cright .shichang1 a {
         font-size: 16px;
         margin-bottom: 20px;
     }
    .caigou-bottom .cg-bottom .cleft .p {
        font-size: 16px;
    }
    .caigou-bottom .cg-top .cleft .span {
        font-size: 17px;
    }
    .caigou-bottom .cg-top .cright {
        padding: 36px;
        font-size: 16px;
    }
    .caigou-bottom .cg-bottom {
        padding-top: 70px;
    }
    .caigou-bottom .cg-bottom .cleft .p img {
        margin-bottom: 20px;
        width: 300px;
    }
}

@media(max-width:1024px){
    .caigou-bottom .cg-bottom .cleft {
        width: 100%;
    }
    .caigou-bottom .cg-bottom .cright {
        width: 100%;
    }
    .caigou-bottom .cg-top .cright {
        width: 100%;
        padding: 20px;
        font-size: 16px;
        line-height: 30px;
    }
    .caigou-bottom .cg-top .cleft {
        width: 100%;
        padding: 20px;
    }
    .caigou-bottom .cg-top .cleft .bt {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 0;
    }
    .caigou-bottom .cg-bottom {
        padding-top: 30px;
    }
    .caigou-bottom .cg-bottom .title {
        margin-bottom: 20px;
    }
    .caigou-bottom {
        padding: 30px 0;
    }
    .huodong-bottom ul li .text .bt {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .huodong-bottom ul li .text .jsh {
        max-height: 90px;
        font-size: 16px;
        line-height: 30px;
    }
}

@media(max-width:768px){
    .caigou-bottom .cg-bottom .cleft .list li .box .text {
        position: relative;
        top: auto;
        transform: none;
    }
    .caigou-bottom .cg-bottom .cleft .list li .box .text {
        font-size: 15px;
        padding: 20px;
    }
    .caigou-bottom .cg-bottom .cleft .list li .box .pic {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }
    .caigou-bottom .cg-bottom .cleft .list li .box .pic img{
        width:100%;
    }
    .caigou-bottom .cg-bottom .cleft .list li {
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cleft .list li .box {
        padding-left: 0;
        min-height: 0;
    }
    .caigou-bottom .cg-bottom .cleft .p {
        font-size: 15px;
        line-height: 30px;
        padding:20px;
    }
    .caigou-bottom .cg-bottom .cleft{
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cleft .p img {
        margin-bottom: 10px;
        width: 200px;
    }
    .caigou-bottom .cg-bottom .cright .title {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cright .pdf {
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cright .pdf a {
        margin-bottom: 10px;
    }
    .caigou-bottom .cg-bottom .cright .shichang1 {
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cright .shichang1 a {
        margin-bottom: 10px;
    }
}

.product1 ul{
    font-size:0;
    margin:0 -15px;
}
.product1 ul li{
    width:33.333333%;
    display: inline-block;
    vertical-align: top;
    padding:0 15px;
    margin-bottom:120px;
}
.product1 ul li .pic:after{
    padding-bottom:65%;
}

.product1 ul li .box{
    position: relative;
}
.product1 ul li .box .text{
    padding-top:30px;
}
.product1 ul li .box .text .bt{
    font-size: 32px;
    color: #333333;
    line-height: 45px;
    letter-spacing: 2px;
    margin-bottom:30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product1 ul li .box .text .jsh{
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    letter-spacing: 2px;
    margin-bottom:40px;
    max-height:256px;
    overflow: hidden;
}
.product1 ul li .box .text .more1{
    font-size: 22px;
    font-weight: 400;
    color: #437ACF;
    line-height: 45px;
    letter-spacing: 2px;
    height: 45px;
    background: #F4F4F4 url(../images/m.png) no-repeat 20px center;
    padding-left:60px;
}


@media(min-width:1025px){
    .product1 ul li:hover .pic img{
        transform: scale(1.04);
    }
    .product1 ul li:hover .text .bt{
        color: #437ACF;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li a:hover .box .pic img{
        transform: scale(1.04);
    }
    .caigou-bottom .cg-bottom .cleft .list1 li a:hover  .bt{
        color:#3a6bb9;
    }
    .caigou-bottom .cg-bottom .cleft .list2 li a:hover .box .pic img{
        transform: scale(1.04);
    }
    .caigou-bottom .cg-bottom .cleft .list2 li a:hover .text .bt{
        color:#3a6bb9;
    }
    .caigou-bottom .cg-bottom .cright .pdf a:hover{
        color:#3a6bb9;
    }
    .caigou-bottom .cg-bottom .cright .shichang1 a:hover{
        color:#3a6bb9;
        background: url("?images/shichang1h.png") no-repeat center left;
        background-size: 30px;
    }
    .caigou-bottom .cg-bottom .cright .world a:hover{
        color:#3a6bb9;
        background: url("?images/world.png") no-repeat center left;
        background-size: 30px;
    }
    .caigou-bottom .cg-bottom .cright .email a:hover{
        color:#3a6bb9;
        background: url("?images/email1.png") no-repeat center left;
        background-size: 28px;
    }
}

@media(max-width:1600px){
    .product1 ul li .box .text .bt {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .product1 ul li .box .text .jsh {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .product1 ul li .box .text .more1 {
        font-size: 18px;
    }
    .product1 ul li {
        margin-bottom: 80px;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li .bt {
        font-size: 20px;
        margin-top: 10px;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li {
        margin-bottom: 40px;
    }
    .caigou-bottom .cg-bottom .cleft .list2 li .text .bt {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .caigou-bottom .cg-bottom .cleft .list2 li .text .jsh {
        font-size: 18px;
    }
    .huodong-bottom ul li {
        margin-bottom: 50px;
    }

}
@media(max-width:1400px){
    .product1 ul li .box .text .bt {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .product1 ul li .box .text .jsh {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .product1 ul li .box .text .more1 {
        font-size: 16px;
    }
    .product1 ul li {
        margin-bottom: 40px;
    }
    .product1 ul li .box .text {
        padding-top: 20px;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li .bt {
        font-size: 18px;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li {
        margin-bottom: 30px;
    }
    .caigou-bottom .cg-bottom .cleft .list2 li .text .bt {
        font-size: 18px;
    }
    .caigou-bottom .cg-bottom .cleft .list2 li .text .jsh {
        font-size: 16px;
    }
}
@media(max-width:1024px){
    .product1 ul li .box .text .bt {
        font-size: 18px;
        margin-bottom: 0;
    }
}

@media(max-width:768px){
    .product1 ul li{
        width:100%;
    }
    .product1 ul li .pic img{
        width:100%;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li {
        width: 100%;
        margin-bottom: 20px;
    }
    .caigou-bottom .cg-bottom .cleft .list1 li .pic img{
        width:100%;
    }
}
.shichang{
    margin-bottom:84px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.shichang a .pic:after{
    padding-bottom:57.89%;
}

.shichang a .bt{
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
    padding:15px 22px;
}

.shichang a .bt p{
    height:50px;
    overflow: hidden;
}

.product2{
    padding-top:0;
}
.banner-login .show .info ul li input.yanzhenm{
    width:200px;
    float:left;
}

.banner-login .show .info ul li .yzm1{
    width: 115px;
    height: 38px;
    line-height: 38px;
    background: #256ec2;
    display: block;
    color: #fff;
    float: right;
    padding: 0;
    font-size: 13px;
    border: none;
}
.banner-login.banner2 .banner-text {
    height: 550px;
}

.banner-login.banner3 .banner-text {
    height: 350px;
}
.banner-login.banner5 .banner-text {
    height: 350px;
}
.banner-login.banner6 .banner-text {
    height: 350px;
}
.chenggong{
    font-size:18px;
}
.banner-login .show .info .icon-success {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(?images/ic-success.png);
    -webkit-background-size: cover;
    background-size: cover;
    margin: 20px auto 10px auto;
}


.banner-login.banner3 .show .info ul{
    display: none;
}


.banner-login.banner3 .show .info ul.active{
    display: block;
}

.product1 .in-title{
	margin-bottom:40px;
}

a.dlxiazai {
	cursor: pointer;
}


.join-zong{
    padding:100px 0;
}

.join-zong .item{
    margin-bottom:50px;
}
.join-zong .item .img{
    position: relative;
    z-index:1;
}
.join-zong .item .img img{
    display: block;
}
.join-zong .item .text{
    background: #F8F8F8;
}
.join-zong .item .span{
    background: url("?images/bg1.png") no-repeat center center;
    background: linear-gradient(270deg, #78B2E9 0%, #437ACF 100%);
    line-height:60px;
    font-size: 32px;
    font-weight: 600;
    color: #FFFFFF;
    padding:0 22px;
    display: inline-block;
    margin-top:-30px;
    position: relative;
    z-index:3;
}

.join-zong .item .p{
    padding:20px 42px 50px 42px;
    font-size: 24px;
    color: #333333;
    line-height: 40px;
    letter-spacing: 1px;
}



@media (max-width:1600px){
    .join-zong .item .p {
        font-size: 20px;
        line-height: 35px;
    }
    .join-zong .item .span {
        font-size: 24px;
    }
}


@media (max-width:1440px){
    .join-zong .item .p {
        font-size: 18px;
        line-height: 35px;
        padding: 20px 30px 30px 30px;
    }
    .join-zong .item .span {
        font-size: 22px;
        line-height: 50px;
    }
}

@media (max-width:768px){
    .join-zong .item .p {
        font-size: 16px;
        line-height: 30px;
        padding: 20px 20px 20px 20px;
    }
    .join-zong .item .span {
        font-size: 18px;
        line-height: 40px;
        padding: 0 5px;
        margin-top: -20px;
    }
    .join-zong {
        padding: 30px 0;
    }
    .join-zong .item {
        margin-bottom: 20px;
    }
}
.loginbg2 {
	background: #f7f8f9 url(../images/banner01.jpg) no-repeat top center;
}
.loginbg .box2 {
	background: none;
}
.loginbg .box .leftbox2 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999999;
	display: block;
	transform: translate(-50%,-50%);
}
	.loginbg .box .leftbox2 .leftbox2-text {
		width: 400px;
		height: 470px;
		z-index: 999;
		padding: 30px 35px;
		background: #fff;
		border-radius: 5px;
		position: relative;
		border-top: 3px solid #29a016;
		text-align: center;
	}
		.loginbg .box .leftbox2 .leftbox2-text h1 {
			color: #256ec2;
			font-size: 28px;
			text-align: center;
		}
		.loginbg .box .leftbox2 .leftbox2-text .content1 input {
			width: 100%;
			height: 38px;
			border: 1px solid #bfbfbf;
			background: #f9f9f9;
			padding: 0 10px 0 18px;
			font-size: 13px;
			color: #666;
		}
		.loginbg .box .leftbox2 .leftbox2-text .content1 .inputlist:nth-child(2) .input__field {
			width: 200px;
			float: left;
		}
			.loginbg .box .leftbox2 .leftbox2-text .content1 input.lbtn {
				width: 115px;
				height: 38px;
				line-height: 38px;
				background: #256ec2;
				display: block;
				color: #fff;
				float: right;
				padding: 0;
				font-size: 13px;
				border: none;
				margin-top:18px;
			}
		.loginbg .box .leftbox2 .leftbox2-text .content1 .t2 {
			margin-top: 18px;
		}
		.loginbg .box .leftbox2 .leftbox2-text .content1 .t2 a {
			background: #256ec2;
			color: #fff;
			padding: 0;
			border: 1px solid #256ec2;
			height: 36px;
			line-height: 34px;
			display: block;
		}


.huodong-bottom ul li .box:hover {
	border-bottom: 1px solid #0375c4;
}

.home-news .home-bottom .slick-prev:hover {
	background: url("?images/left2.png") no-repeat center center;
	background-size: 20px;
	left: -15px;
}

.home-news .home-bottom .slick-next:hover {
	background: url("?images/right2.png") no-repeat center center;
	background-size: 20px;
	right: -15px;
}

.message .jubao {
          float: left;
 
          padding-right: 10px;
         }

.message .btn{float:right}
         
         .message .jubao a {
          width: auto;
          height: auto;
          line-height: inherit;
          margin: 0 10px 0 0;
          display: inline-block;
          color: #0375c4;
          float: none;
         }
         
         .message .btns {
          float: right;
         }
         
         @media (max-width: 768px) {
          .message .jubao {
           float: none;
           width: 100%;
           line-height: 30px;
           padding-top: 10px;
          }
          .message .btn {
           float: left;
          }
         }



/*20221013 update cookie*/
.cookie {
	background: #a7161c;
	color: #fff;
	clear: both;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
}

.cookie .left {
	width: 67%;
	float: left;
	height: 150px;
	padding-left: 13%;
	padding-top: 30px;
	padding-right: 0;
}

.cookie .left img {
	float: left;
	margin-right: 20px;
}

.cookie .left h4 {
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
}

.cookie .left p {
	font-size: 16px;
}

.cookie .right {
	height: 150px;
	width: 33%;
	float: right;
	background: #0d61a4;
	border-left: 2px #fff solid;
	text-align: center;
	padding-top: 55px;
}

.cookie .a-01 {
	line-height: 38px;
	display: inline-block;
	padding-left: .7rem;
	padding-right: .8rem;
	color: #fff;
	border: 1px #FFF solid;
	border-radius: 3px;
	background: transparent;
	transition: all .5s;
}

.cookie .a-01:hover {
	background: #fff;
	color: #0078a1;
}

.cookie .a-02 {
	display: inline-block;
	color: #fff;
	text-decoration: underline;
	margin-left: 10px;
}

@media (max-width: 1023px) {
	.cookie {
		display: flex;
	}
	.cookie .left {
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	.cookie .left img {
		width: 30px;
	}
	.cookie .left h4 {
		font-size: 16px;
	}
	.cookie .left p {
		font-size: 12px;
	}
	.cookie .right {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
}
.hidden{display:none}


.privacyBtn {
		color: #bd0410;
	}
	.privacyBtn:hover {
		text-decoration: underline;
	}
    #privacy_dialog {
        z-index: 10000;
        position: fixed;
        width: 800px;
        height: 600px;
        background: #fff;
        border: 4px solid rgba(0, 0, 0, .15);
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -400px;
        border-radius: 5px;
        box-sizing: border-box;
        display: none;
    }

    #privacy_dialog .dialog_header {
        width: 100%;
        position: relative;
        padding: 0 10px;
        height: 31px;
        box-sizing: border-box;
        background: #f3f3f3;

    }

    #privacy_dialog .dialog_header .title {
        width: 100%;
        color: #000;
        font-weight: 700;
        line-height: 31px;
        font-size: 14px;
    }

    #privacy_dialog .dialog_header .close {
        position: absolute;
        width: 31px;
        height: 31px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 31px;
        font-size: 22px;
        color: #c5c5c5;
        cursor: pointer;
    }

    #privacy_dialog .privacy_footer {
        width: 100%;
        margin-top:10px;

    }

    #privacy_dialog .close_btn {
        margin: 0 auto;
        width: 200px;
        height: 40px;
        background: #e22;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }

    #privacy_dialog .privacy_dialog_iframe {
        width: 100%;
        height: 300px;
        display: block;
    }

    #privacy_dialog .privacy_content {
        box-sizing: border-box;
        width: 100%;
        height: 503px;
        padding: 10px;
        overflow: auto;
    }

    #privacy_dialog .privacy_content p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    #privacy_dialog .privacy_content .font_blod{
        font-weight: bold;
    }

    @media screen and (max-width: 450px) {
        #privacy_dialog {
            width: 90%;
            transform: translate(-50%, -50%);
            margin-top:0;
            margin-left:0;
        }
    }


.about .privacy_content p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .about .privacy_content .font_blod{
        font-weight: bold;
    }

.agree {color: #fff;}
.agree input[type="checkbox"] {width: 16px!important; height: 16px!important; appearance: auto!important; -webkit-appearance: auto;}
.agree a {color: #fff;}


.product-show .pro-bottom .pr .cright .title{
    border-bottom: 2px dashed #333333;
    padding-bottom:20px;
    margin-bottom:38px;
	font-size: 32px;
	color: #333333;
	line-height: 45px;
	letter-spacing: 1px;
	margin-bottom: 60px;
	font-weight: bold;	
}
.product-show .pro-bottom .pr .cright .pdf{
    margin-bottom:100px;
}
.product-show .pro-bottom .pr .cright .pdf a{
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 1px;
    background: url("?images/pdf.png") no-repeat center left;
    padding-left:50px;
    display: block;
    margin-bottom:40px;
}
.product-show .pro-bottom .pr .cright .world a{
    background: url("?images/world1.png") no-repeat center left;
    background-size: 30px;
}