body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td {
	font-weight: normal;
	margin: 0;
	padding: 0
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i {
	font: normal 12px "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
ul, ol, li {
	list-style: none
}
a {
	text-decoration: none;
	color: #333
}
a:hover {
	text-decoration: none
}
img {
	vertical-align: top;
	border: 0
}
button, input, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
div, a {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}
html {
	font-size: 100px
}
@media screen and (min-width: 360px) {
html {
	font-size: 112.5px
}
}
@media screen and (min-width: 375px) {
html {
	font-size: 117.1875px
}
}
@media screen and (min-width: 414px) {
html {
	font-size: 129.375px
}
}
@media screen and (min-width: 480px) {
html {
	font-size: 150px
}
}
@media screen and (min-width: 640px) {
html {
	font-size: 200px
}
}
@font-face {
	font-family: 'Conv_HELVETICANEUELTPRO-THEX';
	src: url("../fonts/helveticaneueltpro-thex.eot");
	src: local("☺"), url("../fonts/helveticaneueltpro-thex.ttf") format("truetype"), url("../fonts/helveticaneueltpro-thex.svg") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Conv_VonnesTTBoldCond';
	src: url("../fonts/vonnesttboldcond.eot");
	src: local("☺"), url("../fonts/vonnesttboldcond.woff") format("woff"), url("../fonts/vonnesttboldcond.ttf") format("truetype"), url("../fonts/vonnesttboldcond.svg") format("svg");
	font-weight: normal;
	font-style: normal
}
.clearfloat:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ' '
}
.clearfloat {
*zoom:1
}
.clearboth {
	clear: both
}
.wp {
	width: 1000px;
	margin: 0 auto
}
.checkBrowser {
	font-size: 14px;
	line-height: 40px;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 50%;
	width: 700px;
	height: 40px;
	margin-left: -360px;
	padding: 0 10px;
	color: #FFF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #E6212A
}
.checkBrowser a {
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	color: #333;
	border-radius: 50%;
	background-color: #FFF
}
.paged {
	padding-top: 0;
	text-align: center
}
.paged a, .paged .p_info, .paged .current {
	display: inline-block;
	zoom: 1;
*display:inline;
	border-radius: 3px;
	margin: 0px 3px;
	padding: 8px 14px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	color: #333
}
.paged .current, .paged a:hover {
	border: 1px solid #006ab6;
	background: #006ab6;
	color: #fff
}
@media screen and (max-width: 1200px) {
.paged {
	padding-top: 0;
	text-align: center
}
.paged a, .paged .p_info, .paged .current {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	zoom: 1;
*display:inline;
	border-radius: 3px;
	height: 32px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0px 3px;
	padding: 0 14px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #cfcfcf;
	background: #ffffff;
	color: #333
}
.paged .current, .paged a:hover {
	border: 1px solid #006ab6;
	background: #006ab6;
	color: #fff
}
}
.head-fixed {
	z-index: 110;
	position: fixed;
	width: 60px;
	height: 190px;
	right: 0;
	top: 48%;
	margin-top: -85px
}
.head-fixed>span {
	display: inline-block;
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 10px 0px 0px 10px/10px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	position: relative
}
.head-fixed>span:hover {
	background-color: #006ab6
}
.head-fixed .er-code-span:hover .er-code {
	display: inline-block
}
.head-fixed .telt-code-span {
	overflow: hidden
}
.head-fixed .telt-code-span:hover {
	overflow: visible
}
.head-fixed .telt-code-span:hover .telt-code {
	left: -116px;
	width: 176px;
	opacity: 1
}
.head-fixed .er-code {
	z-index: 3000;
	display: none;
	width: 200px;
	height: 150px;
	background-color: #FFFFFF;
	position: absolute;
	right: 70px;
	bottom: 0;
	border-radius: 5px;
	padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0px
}
.head-fixed .er-code span {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding-bottom: 49%;
	background-size: 100% 100%
}
.head-fixed .er-code span+span {
	margin-left: 2%
}
.head-fixed .er-code p {
	margin-top: 14px;
	font-size: 18px;
	text-align: center
}
.head-fixed .telt-code {
	display: inline-block;
	width: 176px;
	height: 100%;
	position: absolute;
	left: 60px;
	top: 0;
	border-radius: 10px 0px 0px 10px/10px 0px 0px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 40px;
	background: #006ab6 url(../images/hf-icon2.png) no-repeat 10px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 60px;
	font-family: Arial;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.mob-header {
	display: none
}
.header {
	height: 112px
}
.header .header1870 {
	width: 1870px;
	height: 100%;
	margin: 0 auto
}
.header .logo {
	display: inline-block;
	height: 100%;
	padding-left: 10px;
	width: auto
}
.header .logo:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.header .logo img {
	vertical-align: middle
}
.header .h-pro {
	display: inline-block;
	height: 100%;
	padding-left: 10px;
	width: auto
}
.header .h-pro:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.header .h-pro-con {
	vertical-align: middle;
	display: inline-block;
	height: 66px;
	border-left: 1px solid #cdd8df;
	padding-top: 9px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.header .h-pro-con span {
	vertical-align: middle
}
.header .h-pro-con>p:nth-child(1) {
	margin-bottom: 4px
}
.header .circle {
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #54598a;
	margin-left: 16px
}
.header .c-title {
	font-size: 18px;
	color: #353535;
	margin-left: 10px;
	font-weight: bold
}
.header .nav {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: 110px
}
.header .nav>li {
	height: 100%;
	float: left;
	position: relative
}
.header .nav>li:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.header .nav>li:hover>a {
	color: #FFFFFF;
	background-color: #006ab6
}
.header .nav>li>a {
	display: inline-block;
	height: 36px;
	font-weight: bold;
	padding: 0 22px;
	line-height: 36px;
	font-size: 18px;
	color: #000000;
	vertical-align: middle;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.header .second-ul {
	position: absolute;
	top: 112px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 11;
	padding: 10px 0px;
	width: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100%;
	background-color: #f5f5f5;
	display: none
}
.header .second-ul li {
	width: auto;
	line-height: 50px;
	white-space: nowrap;
	text-align: center
}
.header .second-ul li a {
	display: inline-block;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 16px;
	color: #000000;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}
.header .second-ul li a:hover {
	color: #006ab6;
	font-weight: bold
}
.header .second-ul li+li {
	border-top: 1px dashed #999
}
.header .n-li-on>a {
	color: #fff !important;
	background-color: #006ab6
}
.header .logo2-telephone {
	float: right;
	height: 100%
}
.header .logo2-d {
	display: inline-block;
	height: 100%
}
.header .logo2-d:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.header .logo2-d a {
	display: inline-block;
	vertical-align: middle
}
.header .logo2-d span {
	display: inline-block;
	vertical-align: middle
}
.footer .footer-top {
	min-height: 334px;
	background-color: #3e3e3e;
	padding-top: 52px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.footer .footer-top-con {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
.footer .footer-top-con .f-phone {
	display: none
}
.footer .footer-bot {
	min-height: 112px;
	background-color: #3a3a3a;
	border-top: 1px solid #595959
}
.footer .footer-bot-con {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
.footer .footer-bot-con .f-phone {
	display: inline-block
}
.footer .ft-left {
	width: 734px;
	float: left
}
.footer .title {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 22px
}
.footer .ft-l-con {
	border-top: 1px solid #888888;
	padding-top: 22px;
	padding-bottom: 1px
}
.footer .ft-company {
	width: 300px;
	float: left
}
.footer .big-p {
	font-size: 18px;
	color: #d7d7d7;
	margin-bottom: 16px
}
.footer .small-p {
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	margin-bottom: 16px
}
.footer .address {

}
.footer .address p {
	padding-left: 28px;
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	margin-bottom: 16px
}
.footer .address .big-p{padding-left: 0; color:#fff; font-size:18px;}
.footer .address>p:first-child {
	padding-top: 4px
}
.footer .address-p1 {
	background: url(../images/icon1.png) no-repeat left 6px
}
.footer .address-p2 {
	background: url(../images/icon2.png) no-repeat left
}
.footer .address-p3 {
	background: url(../images/icon3.png) no-repeat left
}
.footer .address-p4 {
	background: url(../images/icon4.png) no-repeat left
}
.footer .ft-right {
	float: right;
	width: 264px
}
.footer .ft-r-con {
	border-top: 1px solid #888888;
	padding-top: 22px;
	padding-bottom: 1px
}
.footer .ft-r-con>.er-code:first-child {
	margin-right: 16px
}
.footer .er-code {
	width: 124px;
	height: 148px;
	background-color: #FFFFFF;
	border-radius: 5px;
	float: left;
	padding: 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.footer .er-code span {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-bottom: 5px
}
.footer .er-code p {
	font-size: 14px;
	color: #4a4a4a;
	text-align: center
}
.footer .f-nav {
	padding-top: 36px;
	margin-bottom: 8px;
	width: 75%;
	display: inline-block
}
.footer .f-nav a {
	color: rgba(255,255,255,0.7);
	font-size: 18px;
	font-weight: bold;
	padding: 0 25px;
	position: relative
}
.footer .f-nav a:hover {
	color: #006ab6
}
.footer .f-nav>a:last-child span {
	opacity: 0
}
.footer .f-nav>a:first-child {
	padding-left: 0
}
.footer .f-nav span {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-color: #626262;
	width: 1px;
	height: 16px
}
.footer .company {
	font-size: 13px;
	color: rgba(255,255,255,0.5);
	width: 75%;
	display: inline-block
}
.footer .company a {
	margin-left: 14px;
	font-size: 13px;
	color: rgba(255,255,255,0.5)
}
.footer .company a:hover {
	opacity: .7
}
.footer .f-phone {
	display: inline-block;
	padding-top: 36px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	right: -22px;
	top: 0
}
.footer .phone-n {
	font-size: 27px;
	color: #FFFFFF;
	padding-left: 47px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/icon5.png) no-repeat 4px;
	font-family: 'Conv_VonnesTTBoldCond'
}
.footer .phone-line {
	font-size: 12px;
	color: rgba(255,255,255,0.2);
	letter-spacing: 21px
}
.web-wrap .swiper-slide {
	display: inline-block
}
.web-wrap .banner {
	position: relative
}
.web-wrap .banner .banner-pc {
	display: block
}
.web-wrap .banner .banner-mob {
	display: none
}
.web-wrap .banner .banner-pc {
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.web-wrap .banner .banner-pc-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50%
}
.web-wrap .banner .banner-pc-text .bt-ch {
	font-size: 35px;
	color: #ffffff;
	text-align: center
}
.web-wrap .banner .banner-pc-text .bt-en {
	font-size: 25px;
	color: #ffffff;
	font-family: 'Conv_HELVETICANEUELTPRO-THEX';
	text-align: center;
	letter-spacing: 5px
}
.web-wrap .b-nav {
	height: 70px;
	background-color: #343434;
	border-bottom: 1px solid #dbdbdb
}
.web-wrap .sb-nav {
	height: 64px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #dbdbdb
}
.web-wrap .b-nav-con {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 0 80px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
.web-wrap .b-nav-con>li:last-child {
	border-right: none
}
.web-wrap .b-nav-con li {
	width: auto;
	height: 100%;
	float: left;
	border-right: 1px solid #525252;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-con li .li-a {
	display: inline-block;
	height: 100%;
	padding: 0 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px;
	color: #ffffff;
	line-height: 70px;
	margin: 0 25px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	font-weight: bold
}
.web-wrap .b-nav-con li:hover .li-a {
	color: #006ab6;
	border-bottom: 3px solid #006ab6
}
.web-wrap .b-nav-con .b-on .li-a {
	color: #006ab6;
	border-bottom: 3px solid #006ab6
}
.web-wrap .sb-nav-con {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 0 80px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
.web-wrap .sb-nav-con li {
	width: auto;
	height: 100%;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .sb-nav-con li .li-a {
	display: inline-block;
	height: 100%;
	padding: 0 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	color: #333333;
	line-height: 70px;
	margin: 0 29px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	font-weight: bold
}
.web-wrap .sb-nav-con li:hover .li-a {
	color: #006ab6
}
.web-wrap .sb-nav-con .sb-on .li-a {
	color: #006ab6
}
.web-wrap .b-nav-big {
	width: 1200px;
	height: 55px;
	margin: 0 auto;
	position: relative
}
.web-wrap .b-nav-big .b-nav-big-con {
	position: absolute;
	height: 110px;
	width: 1200px;
	left: 0;
	top: -55px
}
.web-wrap .b-nav-big .b-nav-big-con>li:last-child {
	border-right: none
}
.web-wrap .b-nav-big li {
	display: inline-block;
	width: 33.33333333%;
	height: 100%;
	float: left;
	border-right: 1px solid #51514f;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-big li:hover a {
	background-color: rgba(114,187,56,0.95)
}
.web-wrap .b-nav-big li:hover .b-icon2 {
	opacity: 1
}
.web-wrap .b-nav-big li:hover .b-icon1 {
	opacity: 0
}
.web-wrap .b-nav-big a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(41,41,41,0.95);
	padding-top: 24px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.web-wrap .b-nav-big .bnc-en {
	font-size: 17px;
	color: #ffffff;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding-left: 20%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-big .bnc1 {
	text-align: left;
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	padding-left: 20%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto
}
.web-wrap .b-nav-big .bnc1 .b-icon {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: bottom
}
.web-wrap .b-nav-big .bnc1 .b-icon1 {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transform: all .3s;
	-moz-transform: all .3s;
	-ms-transform: all .3s;
	transform: all .3s
}
.web-wrap .b-nav-big .bnc1 .b-icon2 {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.web-wrap .b-nav-big .li-on a {
	background-color: rgba(114,187,56,0.95)
}
.web-wrap .b-nav-big .li-on .b-icon2 {
	opacity: 1
}
.web-wrap .b-nav-big .li-on .b-icon1 {
	opacity: 0
}
.web-wrap .web-wrap-con .wwc1200 {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0 100px
}
.web-wrap .search-l {
	height: 60px
}
.web-wrap .search-l form {
	height: 100%;
	overflow: hidden;
	border-radius: 3px
}
.web-wrap .search-l .s-input-t {
	width: 88.5%;
	float: left;
	height: 100%;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 18px;
	font-size: 16px;
	color: #999999;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	background-color: #f5f5f5
}
.web-wrap .search-l .s-input-t::-webkit-input-placeholder {
font-size:16px;
color:#999999;
font-family:"Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif
}
.web-wrap .search-l .s-input-b {
	height: 100%;
	border: none;
	width: 11.5%;
	float: right;
	background-color: #343434;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.web-wrap .search-l .s-input-b:hover {
	background-color: #006ab6
}
@media screen and (max-width: 1900px) {
.header .header1870 {
	width: 98%
}
}
@media screen and (max-width: 1600px) {
.header .header1870 {
	width: 98%
}
.header .nav {
	margin-left: 40px
}
}
@media screen and (max-width: 1550px) {
.header .header1870 {
	width: 98%
}
.header .nav {
	margin-left: 30px
}
.header .nav>li>a {
	padding: 0 12px
}
}
@media screen and (max-width: 1376px) {
.header .header1870 {
	width: 98%
}
.header .nav {
	margin-left: 30px
}
.header .nav>li>a {
	padding: 0 12px
}
.header .logo2-dt {
	display: none
}
}
@media screen and (max-width: 1200px) {
.head-fixed {
	display: none
}
.web-wrap .banner {
	position: relative
}
.web-wrap .banner .banner-pc {
	display: block
}
.web-wrap .banner .banner-mob {
	display: none
}
.web-wrap .banner .banner-pc {
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.web-wrap .banner .banner-pc-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.web-wrap .banner .banner-pc-text .bt-ch {
	font-size: 35px;
	color: #ffffff
}
.web-wrap .banner .banner-pc-text .bt-en {
	font-size: 25px;
	color: #ffffff
}
.web-wrap .web-wrap-con .wwc1200 {
	width: 98%;
	margin: 0 auto;
	padding: 50px 0 70px
}
.web-wrap .search-l {
	height: 60px
}
.web-wrap .search-l form {
	height: 100%;
	overflow: hidden;
	border-radius: 3px
}
.web-wrap .search-l .s-input-t {
	width: 80%;
	float: left;
	height: 100%;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 18px;
	font-size: 16px;
	color: #999999;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	background-color: #f5f5f5
}
.web-wrap .search-l .s-input-t::-webkit-input-placeholder {
font-size:16px;
color:#999999;
font-family:"Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif
}
.web-wrap .search-l .s-input-b {
	height: 100%;
	border: none;
	width: 20%;
	float: right;
	background-color: #343434;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.web-wrap .search-l .s-input-b:hover {
	background-color: #006ab6
}
.web-wrap .b-nav-big {
	width: 98%
}
.web-wrap .b-nav-big .b-nav-big-con {
	width: 100%
}
.web-wrap .b-nav {
	display: none
}
.web-wrap .sb-nav {
	display: none
}
}
@media screen and (max-width: 1024px) {
.web-wrap .banner {
	position: relative
}
.web-wrap .banner .banner-pc {
	display: block
}
.web-wrap .banner .banner-mob {
	display: none
}
.web-wrap .banner .banner-pc {
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.web-wrap .banner .banner-pc-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.web-wrap .banner .banner-pc-text .bt-ch {
	font-size: 35px;
	color: #ffffff
}
.web-wrap .banner .banner-pc-text .bt-en {
	font-size: 25px;
	color: #ffffff
}
.web-wrap .web-wrap-con .wwc1200 {
	width: 98%;
	margin: 0 auto;
	padding: 30px 0 50px
}
.web-wrap .search-l {
	height: 50px
}
.web-wrap .search-l form {
	height: 100%;
	overflow: hidden;
	border-radius: 3px
}
.web-wrap .search-l .s-input-t {
	width: 80%;
	float: left;
	height: 100%;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 18px;
	font-size: 16px;
	color: #999999;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	background-color: #f5f5f5
}
.web-wrap .search-l .s-input-t::-webkit-input-placeholder {
font-size:16px;
color:#999999;
font-family:"Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif
}
.web-wrap .search-l .s-input-b {
	height: 100%;
	border: none;
	width: 20%;
	float: right;
	background-color: #343434;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.web-wrap .search-l .s-input-b:hover {
	background-color: #006ab6
}
}
@media screen and (max-width: 768px) {
.web-wrap .banner {
	position: relative
}
.web-wrap .banner .banner-pc {
	display: none
}
.web-wrap .banner .banner-mob {
	display: block
}
.web-wrap .banner .banner-mob {
	height: 1.8rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.web-wrap .banner .banner-pc-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%
}
.web-wrap .banner .banner-pc-text .bt-ch {
font-size:.15rem;
	color: #ffffff;
	text-align: center
}
.web-wrap .banner .banner-pc-text .bt-en {
font-size:.11rem;
	color: #ffffff;
	text-align: center
}
.web-wrap .web-wrap-con .wwc1200 {
	width: 98%;
	margin: 0 auto;
padding:.2rem 0 .25rem
}
.web-wrap .search-l {
height:.35rem
}
.web-wrap .search-l form {
	height: 100%;
	overflow: hidden;
	border-radius: 3px
}
.web-wrap .search-l .s-input-t {
	width: 80%;
	float: left;
	height: 100%;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 18px;
	font-size: 16px;
	color: #999999;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	background-color: #f5f5f5
}
.web-wrap .search-l .s-input-t::-webkit-input-placeholder {
font-size:16px;
color:#999999;
font-family:"Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif
}
.web-wrap .search-l .s-input-b {
	height: 100%;
	border: none;
	width: 20%;
	float: right;
	background-color: #343434;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.web-wrap .search-l .s-input-b:hover {
	background-color: #006ab6
}
.web-wrap .b-nav-big {
	width: 98%;
	height: auto;
	margin: 0 auto;
	position: relative
}
.web-wrap .b-nav-big .b-nav-big-con {
	position: static;
	height: auto;
	width: 100%;
	left: 0;
	top: -30px;
padding-top:.1rem
}
.web-wrap .b-nav-big .b-nav-big-con>li:last-child {
	border-bottom: none
}
.web-wrap .b-nav-big li {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: none;
	border-bottom: 1px solid #51514f;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-big li:hover a {
	background-color: #006ab6
}
.web-wrap .b-nav-big li:hover .b-icon2 {
	opacity: 1
}
.web-wrap .b-nav-big li:hover .b-icon1 {
	opacity: 0
}
.web-wrap .b-nav-big a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #292929;
	padding-top: 6px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	padding-bottom: 10px
}
.web-wrap .b-nav-big .bnc-en {
font-size:.1rem;
	color: #ffffff;
	text-align: left;
	width: 100%;
	margin: 0 auto;
padding-left:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-big .bnc1 {
	text-align: center;
font-size:.14rem;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	vertical-align: middle;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
padding-left:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.web-wrap .b-nav-big .bnc1 .b-icon {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: bottom
}
.web-wrap .b-nav-big .bnc1 .b-icon1 {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
background-size:.15rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.web-wrap .b-nav-big .bnc1 .b-icon2 {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
background-size:.15rem
}
.web-wrap .b-nav-big .li-on a {
	background-color: #006ab6
}
.web-wrap .b-nav-big .li-on .b-icon2 {
	opacity: 1
}
.web-wrap .b-nav-big .li-on .b-icon1 {
	opacity: 0
}
}
@media screen and (max-width: 1280px) {
.footer .f-phone {
	right: 0px
}
}
@media screen and (max-width: 1200px) {
.header {
	display: none
}
.web-wrap {
padding-top:.56rem
}
.footer .footer-top-con {
	width: 98%
}
.footer .footer-bot-con {
	width: 98%
}
.mob-header {
	display: block;
height:.56rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100
}
.mob-header .header-mobile-white {
	height: 100%;
	background-color: #ffffff;
	padding: 0 2%
}
.mob-header .logo {
	display: inline-block;
	height: 100%;
	float: left
}
.mob-header .logo:before {
	content: '';
	vertical-align: middle;
	height: 100%;
	display: inline-block
}
.mob-header .logo img {
	vertical-align: middle;
	width: auto;
	height: 80%
}
.mob-header .logo2-d {
	display: inline-block;
	height: 100%;
margin-left:.07rem
}
.mob-header .logo2-d:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.mob-header .logo2-d a {
	display: inline-block;
	height: 80%;
	vertical-align: middle;
	border-left: 1px solid #cdd8df;
padding-left:.08rem
}
.mob-header .logo2-d img {
	height: 100%
}
.mob-header .logo2-d span {
	display: inline-block;
	vertical-align: middle
}
.mob-header .h-pro {
	display: inline-block;
	height: 80%;
padding-left:.02rem;
	width: auto;
	border-left: 1px solid #cdd8df;
margin-left:.05rem
}
.mob-header .h-pro:before {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}
.mob-header .h-pro-con {
	vertical-align: middle;
	display: inline-block
}
.mob-header .h-pro-con span {
	vertical-align: middle
}
.mob-header .h-pro-con>p:nth-child(1) {
	margin-bottom: 4px
}
.mob-header .circle {
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #54598a;
	margin-left: 8px
}
.mob-header .c-title {
font-size:.09rem;
	color: #353535;
	margin-left: 5px;
	font-weight: bold
}
.mob-header .mob-h-nav-div {
	height: auto;
	display: none
}
.mob-header .mob-h-nav {
	width: 60%;
	min-height: 200px;
	right: 0;
top:.6rem;
	background-color: #272b2a;
	z-index: 10;
	float: right;
	overflow-y: scroll
}
.mob-header .mob-h-nav-div-left {
	width: 40%;
	float: left
}
.mob-header .show-munm {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
background:url(../images/icon6.png) no-repeat center/.2rem;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.mob-header .n-show-munm {
background:url(../images/icon7.png) no-repeat center/.2rem
}
.mob-header .nav-select {
	border-top: 1px solid #525555;
	padding-bottom: 66px
}
.mob-header .nav-select .select-step1>a {
	display: inline-block;
	width: 100%;
	height: auto;
font-size:.12rem;
	color: #ffffff;
line-height:.45rem;
padding:0 .2rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #525555;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 93% 50%;
	position: relative
}
.mob-header .nav-select .select-step>a {
	display: inline-block;
	width: 100%;
	height: auto;
font-size:.11rem;
	color: #ffffff;
line-height:.45rem;
padding:0 .2rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #525555;
	position: relative
}
.mob-header .nav-select .select-step1>a {
	position: relative
}
.mob-header .nav-select .select-step1 .step1-icon {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/turn-right.png) no-repeat center;
	right: 0;
	top: 50%;
	margin-top: -15px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.mob-header .nav-select .select-step1 .secondary {
top:.45rem;
	left: 0;
	background-color: #272b2a;
	display: none;
	border-bottom: 1px solid #525555;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mob-header .nav-select .select-step1 .secondary>li {
	width: 100%;
	margin: 0 auto;
	height: auto;
	position: relative
}
.mob-header .nav-select .select-step1 .secondary>li:after {
	content: '-';
	position: absolute;
left:.2rem;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #006ab6;
font-size:.2rem;
	height: 100%;
line-height:.4rem
}
.mob-header .nav-select .select-step1 .secondary>li>a {
	display: inline-block;
	width: 100%;
	height: auto;
font-size:.11rem;
	color: #ffffff;
line-height:.45rem;
padding:0 0 0 .35rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 7.3%;
	background-position: 100.3% 50%;
	position: relative;
	border-bottom: 1px solid #525555
}
.mob-header .nav-select .three-level {
	display: none;
top:.45rem;
	left: 0;
	background-color: #272b2a;
	display: none;
	border-bottom: 1px solid #525555;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mob-header .nav-select .three-level>li {
	width: 100%;
	margin: 0 auto;
height:.45rem;
	position: relative
}
.mob-header .nav-select .three-level>li a {
	display: inline-block;
	width: 100%;
	height: auto;
font-size:.11rem;
	color: #ffffff;
line-height:.45rem;
padding:0 .35rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 7.3%;
	background-position: 100.3% 50%;
	position: relative;
	border-bottom: 1px solid #525555
}
.mob-header .nav-select .three-level .step3-icon {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/turn-right.png) no-repeat center;
	right: 0;
	top: 50%;
	margin-top: -15px
}
}
@media screen and (max-width: 1250px) {
.footer .footer-top {
	min-height: 1rem;
	background-color: #3e3e3e;
padding-top:.2rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.footer .footer-top-con {
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
padding-bottom:.1rem
}
.footer .footer-top-con .f-phone {
	display: block
}
.footer .footer-bot {
min-height:.525rem;
	background-color: #3a3a3a
}
.footer .footer-bot-con {
	width: 94%;
	margin: 0 auto;
	position: relative;
padding-top:.15rem
}
.footer .footer-bot-con .f-phone {
	display: none
}
.footer .ft-left {
	width: 100%;
	float: none
}
.footer .title {
	font-size: 18px;
	color: #ffffff;
margin-bottom:.1rem
}
.footer .ft-l-con {
	border-top: 1px solid #888888;
padding-top:.1rem;
	padding-bottom: 1px
}
.footer .ft-company {
	width: 300px;
	float: none
}
.footer .big-p {
	font-size: 18px;
	color: #d7d7d7;
	margin-bottom: 16px
}
.footer .small-p {
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	margin-bottom: 16px
}
.footer .address {
	margin-left: 0
}
.footer .address p {
	padding-left: 28px;
	font-size: 15px;
	color: rgba(255,255,255,0.4);
	margin-bottom: 16px
}
.footer .address>p:first-child {
	padding-top: 4px
}
.footer .address-p1 {
	background: url(../images/icon1.png) no-repeat left 6px
}
.footer .address-p2 {
	background: url(../images/icon2.png) no-repeat left
}
.footer .address-p3 {
	background: url(../images/icon3.png) no-repeat left
}
.footer .address-p4 {
	background: url(../images/icon4.png) no-repeat left
}
.footer .ft-right {
	float: none;
	width: 100%;
margin-top:.15rem
}
.footer .ft-r-con {
	border-top: 1px solid #888888;
	padding-top: 22px;
	padding-bottom: 1px;
	overflow: hidden
}
.footer .ft-r-con>.er-code:first-child {
	margin-right: 16px
}
.footer .er-code {
	width: 124px;
	height: 148px;
	background-color: #FFFFFF;
	border-radius: 5px;
	float: left;
	padding: 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.footer .er-code span {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-bottom: 5px
}
.footer .er-code p {
	font-size: 14px;
	color: #4a4a4a;
	text-align: center
}
.footer .f-nav {
	display: none
}
.flink_box{display: none}
.footer .company {
	font-size: 13px;
	color: rgba(255,255,255,0.5);
	width: 100%;
	display: inline-block;
	text-align: center
}
.footer .company a {
	margin-left: 14px;
	font-size: 13px;
	color: rgba(255,255,255,0.5)
}
.footer .company a:hover {
	opacity: .7
}
.footer .f-phone {
	display: inline-block;
padding-top:.15rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: static;
	right: 0;
	top: 0
}
.footer .phone-n {
	font-size: 27px;
	color: #FFFFFF;
	padding-left: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/icon5.png) no-repeat left
}
.footer .phone-line {
	font-size: 12px;
	color: rgba(255,255,255,0.2);
	letter-spacing: 22px
}
}
.classics-wrap {
	background: url(../images/bac1.png) no-repeat right bottom
}
.classics-wrap .list {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px
}
.classics-wrap .list>a:nth-child(3n) {
	margin-right: 0
}
.classics-wrap .list a {
	display: inline-block;
	width: 31.6%;
	float: left;
	margin-right: 2.6%;
	margin-bottom: 2.6%
}
.classics-wrap .list a:hover .posi-hide {
	opacity: 1
}
.classics-wrap .list a:hover .more {
	top: 67%;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.6s;
	-moz-transition: all 1.6s;
	transition: all 1.6s
}
.classics-wrap .list a:hover .p-test {
	opacity: 0
}
.classics-wrap .list .padd {
	padding-top: 100%;
	position: relative
}
.classics-wrap .list .posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3
}
.classics-wrap .list .posi img {
	width: 100%;
	height: 100%
}
.classics-wrap .p-test {
	height: 42px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 42px
}
.classics-wrap .posi-hide {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
	    background-color: rgba(0,106,182,0.9);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.classics-wrap .ph-text {
	position: absolute;
	top: 24%;
	width: 100%;
	padding: 0 5%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}
.classics-wrap .ph-text p {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 8px;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif
}
.classics-wrap .more {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 3px;
	border: 1px solid #c7e3b1;
	text-align: center;
	line-height: 26px;
	color: #c7e3b1;
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -14px
}
@media screen and (max-width: 1200px) {
.classics-wrap {
	background: none
}
.classics-wrap .list {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px
}
.classics-wrap .list>a:nth-child(3n) {
	margin-right: 3%
}
.classics-wrap .list>a:nth-child(2n) {
	margin-right: 0
}
.classics-wrap .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
}
@media screen and (max-width: 768px) {
.classics-wrap .list {
	margin-top: 30px;
	margin-bottom: 50px
}
.classics-wrap .list>a:nth-child(3n) {
	margin-right: 3%
}
.classics-wrap .list>a:nth-child(2n) {
	margin-right: 0
}
.classics-wrap .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
}
@media screen and (max-width: 500px) {
.classics-wrap .list {
margin-top:.15rem;
margin-bottom:.25rem
}
.classics-wrap .list>a:nth-child(3n) {
	margin-right: 0
}
.classics-wrap .list>a:nth-child(2n) {
	margin-right: 0
}
.classics-wrap .list a {
	display: inline-block;
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 5%
}
}
.publicity {
	background: url(../images/bac2.png) no-repeat right bottom
}
.publicity .list {
	overflow: hidden;
	margin-bottom: 50px
}
.publicity .list>a:nth-child(3n) {
	margin-right: 0
}
.publicity .list a {
	display: inline-block;
	width: 31.6%;
	float: left;
	margin-right: 2.6%;
	margin-bottom: 2.6%
}
.publicity .list a:hover .posi-hide {
	opacity: 1
}
.publicity .list a:hover .more {
	top: 67%;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.6s;
	-moz-transition: all 1.6s;
	transition: all 1.6s
}
.publicity .list a:hover .p-test {
	opacity: 0
}
.publicity .list .padd {
	padding-top: 63%;
	position: relative
}
.publicity .list .posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3
}
.publicity .list .posi img {
	width: 100%;
	height: 100%
}
.publicity .p-test {
	height: 42px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 42px
}
.publicity .posi-hide {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
	background-color: rgba(114,187,56,0.9);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.publicity .ph-text {
	position: absolute;
	top: 18%;
	width: 87%;
	left: 50%;
	margin-left: -43.5%;
	padding: 0 5%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}
.publicity .ph-text .title {
	font-size: 16px;
	color: #FFFFFF;
	text-align: center
}
.publicity .ph-text .con {
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 8px;
	font-family: "Microsoft JhengHei", "Microsoft JhengHei", Helvetica, STHeiTi, sans-serif;
	line-height: 24px;
	height: 72px;
	overflow: hidden
}
.publicity .more {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 3px;
	border: 1px solid #c7e3b1;
	text-align: center;
	line-height: 26px;
	color: #c7e3b1;
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -14px
}
@media screen and (max-width: 1200px) {
.publicity {
	background: none
}
.publicity .list {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px
}
.publicity .list>a:nth-child(3n) {
	margin-right: 3%
}
.publicity .list>a:nth-child(2n) {
	margin-right: 0
}
.publicity .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
}
@media screen and (max-width: 768px) {
.publicity .list {
	margin-top: 30px;
	margin-bottom: 50px
}
.publicity .list>a:nth-child(3n) {
	margin-right: 3%
}
.publicity .list>a:nth-child(2n) {
	margin-right: 0
}
.publicity .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
.index-home .fast-go{ display:none;}
}
@media screen and (max-width: 500px) {
.publicity .list {
	margin-top: 0;
margin-bottom:.25rem
}
.publicity .list>a:nth-child(3n) {
	margin-right: 0
}
.publicity .list>a:nth-child(2n) {
	margin-right: 0
}
.publicity .list a {
	display: inline-block;
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 5%
}
}
.serve {
	/*background: url(../images/bac2.png) no-repeat right bottom*/
}
.serve .list {
	margin-top: 30px;
	margin-bottom: 50px
}
#liucheng a{ margin-right:0;}
.serve .list>a:nth-child(3n) {
	margin-right: 0
}
.serve .list a {
	display: inline-block;
	width: 31.6%;
	float: left;
	margin-right: 2.6%;
	margin-bottom: 2.6%
}
.serve .list a:hover .posi-hide {
	opacity: 1
}
.serve .list a:hover .more {
	top: 67%;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.6s;
	-moz-transition: all 1.6s;
	transition: all 1.6s
}
.serve .list a:hover .p-test {
	opacity: 0
}
.serve .list .padd {
	padding-top: 100%;
	position: relative
}
.serve .list .posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3
}
.serve .list .posi img {
	width: 100%;
	height: 100%
}
.serve .p-test {
	height: 42px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 42px
}
.serve .posi-hide {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
	background-color: rgba(0,106,182,0.9);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.shuzi{ position:absolute; background-color: rgba(0,106,182,0.9); width:40px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; right:0; top:0; z-index:9999; text-align:center; border-bottom-left-radius:15px;}
.serve .ph-text {
	position: absolute;
	top: 24%;
	width: 100%;
	padding: 0 5%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}
.serve .ph-text p {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 8px
}
.serve .more {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 3px;
	border: 1px solid #c7e3b1;
	text-align: center;
	line-height: 26px;
	color: #c7e3b1;
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -14px
}
.serve .text-wrap {
	margin-bottom: 60px
}
.serve .text-wrap .title {
	padding-left: 40px;
	background: url(../images/p-iocn1.png) no-repeat left center;
	font-size: 34px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 26px
}
.serve .text-wrap .con {
	font-size: 20px;
	color: #333333;
	line-height: 34px
}
.serve .text-wrap .con p {
margin-bottom:.1rem
}
@media screen and (max-width: 1200px) {
.serve {
	background: none
}
.serve .list {

	margin-top: 30px;
	margin-bottom: 50px
}
.serve .list>a:nth-child(3n) {
	margin-right: 3%
}
.serve .list>a:nth-child(2n) {
	margin-right: 0
}
.serve .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
.serve .text-wrap {
margin-bottom:.1rem
}
.serve .text-wrap .title {
padding-left:.2rem;
	background: url(../images/p-iocn1.png) no-repeat left center;
font-size:.17rem;
	font-weight: bold;
	color: #333333;
margin-bottom:.1rem
}
.serve .text-wrap .con {
font-size:.12rem;
	color: #333333;
line-height:.2rem
}
}
@media screen and (max-width: 768px) {
.serve .list {
	margin-top: 30px;
	margin-bottom: 50px
}
.serve .list>a:nth-child(3n) {
	margin-right: 3%
}
.serve .list>a:nth-child(2n) {
	margin-right: 0
}
.serve .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
}
@media screen and (max-width: 500px) {
.serve .list {
margin-top:.15rem;
margin-bottom:.25rem
}
.serve .list>a:nth-child(3n) {
	margin-right: 0
}
.serve .list>a:nth-child(2n) {
	margin-right: 0
}
.serve .list a {
	display: inline-block;
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 5%
}
#liucheng a{ margin-right:0; margin-left:0;}
}
.serve-deails {
	background: url(../images/bac2.png) no-repeat right bottom
}
.serve-deails .sd-banner .title {
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 36px
}
.serve-deails .sd-banner .banner-con {
	overflow: hidden
}
.serve-deails .sd-banner .banner-left {
	width: 78.3%;
	float: left
}
.serve-deails .sd-banner .banner-right {
	width: 19.6%;
	float: right
}
.serve-deails .sd-banner .banner-right-padd {
	width: 100%;
	padding-top: 252%;
	position: relative
}
.serve-deails .sd-banner .banner-left-padd {
	width: 100%;
	padding-top: 63.2%;
	position: relative
}
.serve-deails .sd-banner .banner-left-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.serve-deails .sd-banner .banner-left-posi .swiper-big {
	height: 100%
}
.serve-deails .sd-banner .banner-left-posi .s-big-img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.serve-deails .sd-banner .banner-left-posi .s-big-text {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 10%;
	width: 100%;
	background-color: rgba(0,0,0,0.6)
}
.serve-deails .sd-banner .banner-left-posi .s-big-text span {
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 16px;
	color: #FFFFFF
}
.serve-deails .sd-banner .banner-right-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.serve-deails .sd-banner .banner-right-posi .swiper-small {
	width: 100%;
	height: 78.6%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide-active-me span {
	border: 2px solid #006ab6
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-prev {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 8.4%;
	background: #343434 url(../images/turn-top.png) no-repeat center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-prev:hover {
	background: #006ab6 url(../images/turn-top.png) no-repeat center
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-next {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 8.4%;
	background: #343434 url(../images/turn-top.png) no-repeat center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-next:hover {
	background: #006ab6 url(../images/turn-top.png) no-repeat center
}
.serve-deails .pro-name {
	height: 80px;
	border-bottom: 1px solid #d6d6d6;
	padding: 61px 0;
	margin-bottom: 60px
}
.serve-deails .pro-name .pro-name-s {
	width: 50%;
	height: 100%;
	float: left;
	position: relative
}
.serve-deails .pro-name .i-img {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left
}
.serve-deails .pro-name .i-img1 {
	background: #006ab6 url(../images/sd-icon2.png) no-repeat center
}
.serve-deails .pro-name .i-img2 {
	background: #006ab6 url(../images/sd-icon1.png) no-repeat center
}
.serve-deails .pro-name .i-text {
	position: absolute;
	left: 110px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.serve-deails .pro-name .title {
	font-size: 24px;
	color: #333333
}
.serve-deails .pro-name .pro {
	font-size: 18px;
	color: #333333
}
.serve-deails .article-text {
	margin-bottom: 94px
}
.serve-deails .article-text .title {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 34px
}
.serve-deails .article-text .article {
	font-size: 18px;
	color: #333333;
	line-height: 34px
}
.serve-deails .prev-next {
	height: 60px;
	position: relative
}
.serve-deails .prev-next a {
	display: block;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	width: 80%;
	cursor: pointer
}
.serve-deails .prev-next a:hover {
	color: #006ab6
}
.serve-deails .prev-next .butotn-go {
	width: 173px;
	height: 46px;
	display: inline-block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 46px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.serve-deails .prev-next .butotn-go:hover {
	background-color: #006ab6
}
@media screen and (max-width: 1200px) {
.serve-deails .list {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 50px
}
.serve-deails .list>a:nth-child(3n) {
	margin-right: 3%
}
.serve-deails .list>a:nth-child(2n) {
	margin-right: 0
}
.serve-deails .list a {
	display: inline-block;
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%
}
}
@media screen and (max-width: 768px) {
.serve-deails {
	background: none
}
.serve-deails .sd-banner .title {
font-size:.15rem;
	color: #333333;
	text-align: center;
	font-weight: bold;
margin-bottom:.2rem
}
.serve-deails .sd-banner .banner-con {
	overflow: hidden
}
.serve-deails .sd-banner .banner-left {
	width: 100%;
	float: left;
margin-bottom:.1rem
}
.serve-deails .sd-banner .banner-right {
	width: 100%;
	float: right
}
.serve-deails .sd-banner .banner-right-padd {
	width: 100%;
	padding-top: 18%;
	position: relative
}
.serve-deails .sd-banner .banner-left-padd {
	width: 100%;
	padding-top: 63.2%;
	position: relative
}
.serve-deails .sd-banner .banner-left-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.serve-deails .sd-banner .banner-left-posi .swiper-big {
	height: 100%
}
.serve-deails .sd-banner .banner-left-posi .s-big-img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.serve-deails .sd-banner .banner-left-posi .s-big-text {
	position: absolute;
	left: 0;
	bottom: 0;
height:.25rem;
	width: 100%;
	background-color: rgba(0,0,0,0.6)
}
.serve-deails .sd-banner .banner-left-posi .s-big-text span {
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
font-size:.1rem;
	color: #FFFFFF
}
.serve-deails .sd-banner .banner-right-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.serve-deails .sd-banner .banner-right-posi .swiper-small {
	width: 86%;
	height: 100%;
	position: absolute;
	right: auto;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.serve-deails .sd-banner .banner-right-posi .swiper-slide-active-me span {
	border: 2px solid #006ab6
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-prev {
	position: absolute;
	width: 6%;
	top: 0;
	left: 0;
	height: 100%;
	background: #343434 url(../images/turn-right2.png) no-repeat center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-prev:hover {
	background: #006ab6 url(../images/turn-right2.png) no-repeat center
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-next {
	position: absolute;
	width: 6%;
	bottom: 0;
	left: auto;
	right: 0;
	height: 100%;
	background: #343434 url(../images/turn-right2.png) no-repeat center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.serve-deails .sd-banner .banner-right-posi #detailsBannder-next:hover {
	background: #006ab6 url(../images/turn-right2.png) no-repeat center
}
.serve-deails .pro-name {
height:.4rem;
	border-bottom: 1px solid #d6d6d6;
padding:.3rem 0;
margin-bottom:.3rem
}
.serve-deails .pro-name .pro-name-s {
	width: 50%;
	height: 100%;
	float: left;
	position: relative
}
.serve-deails .pro-name .i-img {
	display: inline-block;
width:.4rem;
height:.4rem;
	border-radius: 50%;
	float: left
}
.serve-deails .pro-name .i-img1 {
background:#006ab6 url(../images/sd-icon2.png) no-repeat center/.2rem
}
.serve-deails .pro-name .i-img2 {
background:#006ab6 url(../images/sd-icon1.png) no-repeat center/.2rem
}
.serve-deails .pro-name .i-text {
	position: absolute;
left:.5rem;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
padding-right:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.serve-deails .pro-name .title {
font-size:.12rem;
	color: #333333
}
.serve-deails .pro-name .pro {
font-size:.1rem;
	color: #333333
}
.serve-deails .article-text {
margin-bottom:.2rem
}
.serve-deails .article-text .title {
font-size:.16rem;
	color: #333333;
	font-weight: bold;
margin-bottom:.15rem
}
.serve-deails .article-text .article {
font-size:.12rem;
	color: #333333;
line-height:.19rem
}
.serve-deails .prev-next {
	height: auto;
	position: relative
}
.serve-deails .prev-next a {
font-size:.13rem;
	color: #333333;
	font-weight: bold;
line-height:.2rem;
	width: 100%
}
.serve-deails .prev-next .butotn-go {
	width: 140px;
	height: 40px;
	display: block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
	position: static;
	right: auto;
	top: 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.serve-deails .prev-next .butotn-go:hover {
	background-color: #006ab6
}
}
@media screen and (max-width: 500px) {
.serve-deails .list {
margin-top:.15rem;
margin-bottom:.25rem
}
.serve-deails .list>a:nth-child(3n) {
	margin-right: 0
}
.serve-deails .list>a:nth-child(2n) {
	margin-right: 0
}
.serve-deails .list a {
	display: inline-block;
	width: 100%;
	float: left;
	margin-right: 0;
	margin-bottom: 5%
}
}
.contact-us {
	background: url(../images/bac2.png) no-repeat right bottom
}
.contact-us .title {
	font-size: 35px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 70px
}
.contact-us .form-div {
	padding: 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50-all {
	overflow: hidden
}
.contact-us .input-div50-all>.input-div50:nth-child(2n) {
	float: right
}
.contact-us .input-div50-all>.input-div50:nth-child(2n-1) {
	float: left
}
.contact-us .input-div50 {
	position: relative;
	background-color: #f5f5f5;
	width: 48%;
	border: 1px solid #dbdbdb;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	overflow: hidden;
	height: 60px;
	margin-bottom: 20px
}
.contact-us .input-div50 input {
	border: none;
	height: 100%;
	width: 100%;
	background-color: transparent;
	position: relative;
	z-index: 2;
	padding: 0 10px 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50 span {
	font-size: 18px;
	color: #999999;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1
}
.contact-us .textarea-div {
	width: 100%;
	border: 1px solid #dbdbdb;
	background-color: #f5f5f5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	max-height: 400px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 68px
}
.contact-us .textarea-div textarea {
	min-height: 220px;
	max-height: 400px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	z-index: 2
}
.contact-us .textarea-div span {
	font-size: 18px;
	color: #999999;
	position: absolute;
	top: 16px;
	left: 20px;
	z-index: 1
}
.contact-us .input-b {
	display: block;
	margin: 0 auto;
	width: 320px;
	height: 70px;
	background-color: #333333;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	border-radius: 5px;
	border: none;
	cursor: pointer
}
.contact-us .input-b:hover {
	background-color: #006ab6
}
@media screen and (max-width: 1200px) {
.contact-us {
	background: none
}
.contact-us .title {
	font-size: 30px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px
}
.contact-us .form-div {
	padding: 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50-all {
	overflow: hidden
}
.contact-us .input-div50-all>.input-div50:nth-child(2n) {
	float: right
}
.contact-us .input-div50-all>.input-div50:nth-child(2n-1) {
	float: left
}
.contact-us .input-div50 {
	position: relative;
	background-color: #f5f5f5;
	width: 100%;
	border: 1px solid #dbdbdb;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	overflow: hidden;
	height: 60px;
	margin-bottom: 20px
}
.contact-us .input-div50 input {
	border: none;
	height: 100%;
	width: 100%;
	background-color: transparent;
	position: relative;
	z-index: 2;
	padding: 0 10px 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50 span {
	font-size: 18px;
	color: #999999;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1
}
.contact-us .textarea-div {
	width: 100%;
	border: 1px solid #dbdbdb;
	background-color: #f5f5f5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	max-height: 400px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 38px
}
.contact-us .textarea-div textarea {
	min-height: 220px;
	max-height: 400px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	z-index: 2
}
.contact-us .textarea-div span {
	font-size: 18px;
	color: #999999;
	position: absolute;
	top: 16px;
	left: 20px;
	z-index: 1
}
.contact-us .input-b {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 64px;
	background-color: #333333;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	border-radius: 5px;
	border: none;
	cursor: pointer
}
.contact-us .input-b:hover {
	background-color: #006ab6
}
}
@media screen and (max-width: 768px) {
.contact-us .title {
font-size:.15rem;
	color: #333333;
	text-align: center;
	font-weight: bold;
margin-bottom:.25rem
}
.contact-us .form-div {
	padding: 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50-all {
	overflow: hidden
}
.contact-us .input-div50-all>.input-div50:nth-child(2n) {
	float: right
}
.contact-us .input-div50-all>.input-div50:nth-child(2n-1) {
	float: left
}
.contact-us .input-div50 {
	position: relative;
	background-color: #f5f5f5;
	width: 100%;
	border: 1px solid #dbdbdb;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	overflow: hidden;
height:.39rem;
	margin-bottom: 20px
}
.contact-us .input-div50 input {
	border: none;
	height: 100%;
	width: 100%;
	background-color: transparent;
	position: relative;
	z-index: 2;
	padding: 0 10px 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us .input-div50 span {
	font-size: 16px;
	color: #999999;
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1
}
.contact-us .textarea-div {
	width: 100%;
	border: 1px solid #dbdbdb;
	background-color: #f5f5f5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	max-height: 400px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
margin-bottom:.2rem
}
.contact-us .textarea-div textarea {
	min-height: 220px;
	max-height: 400px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	border: none;
	z-index: 2
}
.contact-us .textarea-div span {
	font-size: 16px;
	color: #999999;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1
}
.contact-us .input-b {
	display: block;
	margin: 0 auto;
	width: 1.5rem;
height:.4rem;
	background-color: #333333;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	border-radius: 5px;
	border: none;
	cursor: pointer
}
.contact-us .input-b:hover {
	background-color: #006ab6
}
}
.contact-us-map {
	background: url(../images/bac2.png) no-repeat right bottom
}
.contact-us-map .map {
	height: 528px;
	width: 100%;
	border: 2px solid #efefef;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 60px
}
.contact-us-map .map-text {
	padding-left: 26px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.contact-us-map .map-text .title {
	font-size: 40px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 24px
}
.contact-us-map .con p {
	font-size: 18px;
	color: #333333;
	line-height: 30px
}
@media screen and (max-width: 1200px) {
.contact-us-map {
	background: none
}
.contact-us-map .map {
	height: 500px;
	width: 100%;
	border: 2px solid #efefef;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 40px
}
.contact-us-map .map-text .title {
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 18px
}
.contact-us-map .con p {
	font-size: 18px;
	color: #333333;
	line-height: 30px
}
}
@media screen and (max-width: 768px) {
.contact-us-map .map {
	height: 2rem;
	width: 100%;
	border: 2px solid #efefef;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
margin-bottom:.25rem
}
.contact-us-map .map-text {
	padding-left: 0
}
.contact-us-map .map-text .title {
font-size:.16rem;
	color: #333333;
	font-weight: bold;
margin-bottom:.1rem
}
.contact-us-map .con p {
font-size:.12rem;
	color: #333333;
	line-height: 26px
}
}
.recuit-fixed {
	display: none;
	z-index: 900;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15)
}
.recuit-win {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 500px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden
}
.recuit-win-top {
	position: relative;
	width: 100%;
	height: 50px;
	background: #006ab6;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff
}
.recuit-win-top-close {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(../images/close.png) no-repeat center center;
	background-size: 20px 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.recuit-win-top-close:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.recuit-win-content {
	text-align: center;
	font-size: 16px;
	padding: 40px 0px
}
.recuit-win-content span {
	color: #006ab6
}
.recuit {
	background: url(../images/bac2.png) no-repeat right bottom
}
.recuit .examine-singles {
	margin-bottom: 60px
}
.recuit .examine-singles>.single:last-child {
	margin-bottom: 0
}
.recuit .examine-singles li {
	margin-bottom: 20px;
	border: 1px solid #e2e2e2;
	background-color: #f5f5f5
}
.recuit .examine-singles .single-text {
	background-color: #f4f4f4;
	padding: 64px 30px 90px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	display: none
}
.recuit .examine-singles .colot-t {
	font-size: 15px;
	color: #00c7b4;
	font-weight: bold
}
.recuit .examine-singles .single {
	display: block;
	line-height: 70px;
	height: auto;
	padding: 0 5% 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background: #f4f4f4 url(../images/t-down7.png) 97% no-repeat;
	cursor: pointer;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	position: relative
}
.recuit .examine-singles .single:hover {
	background: #006ab6;
	color: #FFFFFF
}
.recuit .examine-singles .single:hover .s-span-a {
	opacity: 0
}
.recuit .examine-singles .single:hover .s-span-j {
	opacity: 1
}
.recuit .examine-singles .single .s-span {
	display: inline-block;
	width: 30px;
	height: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -15px;
	border-radius: 50%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold
}
.recuit .examine-singles .single .s-span-a {
	background: rgba(52,52,52,0.4) url(../images/icon-add.png) no-repeat center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.recuit .examine-singles .single .s-span-j {
	opacity: 0;
	background: #fff url(../images/icon-j.png) no-repeat center;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.recuit .examine-singles .single-on {
	background: #006ab6;
	color: #FFFFFF
}
.recuit .examine-singles .single-on .s-span-a {
	opacity: 0
}
.recuit .examine-singles .single-on .s-span-j {
	opacity: 1
}
.recuit .article-s {
	margin-bottom: 40px
}
.recuit .article-s .title {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 8px
}
.recuit .article-s .con p {
	font-size: 18px;
	color: #333333;
	line-height: 34px
}
.recuit .butotn-go {
	cursor: pointer;
	width: 172px;
	height: 44px;
	display: inline-block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	line-height: 44px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.recuit .butotn-go:hover {
	background-color: #006ab6
}
@media screen and (max-width: 1200px) {
.recuit .map {
	height: 500px;
	width: 100%;
	border: 2px solid #efefef;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 40px
}
.recuit .map-text .title {
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 18px
}
.recuit .con p {
	font-size: 18px;
	color: #333333;
	line-height: 30px
}
}
@media screen and (max-width: 768px) {
.recuit {
	background: none
}
.shuzi{ width:30px; height:30px; line-height:30px;}
.recuit .examine-singles {
margin-bottom:.2rem
}
.recuit .examine-singles>.single:last-child {
	margin-bottom: 0
}
.recuit .examine-singles li {
margin-bottom:.1rem;
	border: 1px solid #e2e2e2;
	background-color: #f5f5f5
}
.recuit .examine-singles .single-text {
	background-color: #f4f4f4;
padding:.2rem .1rem .3rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	display: none
}
.recuit .examine-singles .colot-t {
	font-size: 15px;
	color: #00c7b4;
	font-weight: bold
}
.recuit .examine-singles .single {
	display: block;
	line-height: 50px;
	height: auto;
	padding: 0 3% 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background: #f4f4f4 url(../images/t-down7.png) 97% no-repeat;
	cursor: pointer;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	position: relative
}
.recuit .examine-singles .single:hover {
	background: #006ab6;
	color: #FFFFFF
}
.recuit .examine-singles .single:hover .s-span-a {
	opacity: 0
}
.recuit .examine-singles .single:hover .s-span-j {
	opacity: 1
}
.recuit .examine-singles .single .s-span {
	display: inline-block;
	width: 24px;
	height: 24px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	border-radius: 50%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold
}
.recuit .examine-singles .single .s-span-a {
	background: rgba(52,52,52,0.4) url(../images/icon-add.png) no-repeat center/10px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.recuit .examine-singles .single .s-span-j {
	opacity: 0;
	background: #fff url(../images/icon-j.png) no-repeat center/10px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.recuit .examine-singles .single-on {
	background: #006ab6;
	color: #FFFFFF
}
.recuit .examine-singles .single-on .s-span-a {
	opacity: 0
}
.recuit .examine-singles .single-on .s-span-j {
	opacity: 1
}
.recuit .article-s {
margin-bottom:.15rem
}
.recuit .article-s .title {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 8px
}
.recuit .article-s .con p {
	font-size: 16px;
	color: #333333;
	line-height: 30px
}
.recuit .butotn-go {
	width: 140px;
	height: 38px;
	display: inline-block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 38px
}
.recuit .butotn-go:hover {
	background-color: #006ab6
}
}
.web-wrap .publicity_details .wwc1200 {
	padding: 70px 0 50px
}
.publicity_details {
	background: url(../images/bac2.png) no-repeat right bottom
}
.publicity_details .p-article .p-title {
	padding-left: 30px;
	background: url(../images/p-icon1.png) no-repeat left;
	font-size: 25px;
	color: #333333;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: 16px
}
.publicity_details .p-article .p-title .title-en {
	font-size: 15px;
	color: #006ab6;
	font-family: Arial;
	vertical-align: middle;
	font-weight: normal;
	line-height: 34px;
	margin-left: 10px
}
.publicity_details .p-article .p-con {
	border-top: 1px dashed #d8d8d8;
	font-size: 18px;
	line-height: 34px;
	color: #333333;
	padding: 30px 0 50px
}
.publicity_details .p-article .p-con p {
	font-size: 18px;
	line-height: 34px;
	color: #333333
}
.publicity_details .p-article .s-title {
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 10px
}
.publicity_details .p-article img {
	max-width: 100%;
	height: auto
}
.publicity_details .banner-left-padd {
	width: 100%;
	padding-top: 51.8%;
	position: relative;
	margin-top: 20px
}
.publicity_details .banner-left-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.publicity_details .banner-left-posi .swiper-l {
	position: absolute;
	z-index: 50;
	top: 50%;
	margin-top: -22px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.publicity_details .banner-left-posi .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
.publicity_details .banner-left-posi .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 50;
	top: 50%;
	margin-top: -22px;
	right: -1px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.publicity_details .banner-left-posi .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}
.publicity_details .banner-left-posi .swiper-big {
	height: 100%
}
.publicity_details .banner-left-posi .s-big-img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.publicity_details .banner-left-posi .s-big-text {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background-color: rgba(0,0,0,0.6)
}
.publicity_details .banner-left-posi .s-big-text span {
	position: absolute;
	left: 28px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 20px;
	color: #FFFFFF;
	width: 70%
}
.publicity_details .swiper-pagination {
	position: absolute;
	right: 20px;
	bottom: 9px
}
.publicity_details .swiper-pagination .swiper-pagination-bullet {
	background-color: #FFFFFF;
	margin: 0 3px;
	opacity: 1
}
.publicity_details .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #006ab6
}
@media screen and (max-width: 768px) {
.web-wrap .publicity_details .wwc1200 {
padding:.2rem 0 0rem
}
.publicity_details {
	background: none
}
.publicity_details .p-article .p-title {
padding-left:.175rem;
background:url(../images/p-icon1.png) no-repeat left/.15rem;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
line-height:.18rem;
margin-bottom:.05rem
}
.publicity_details .p-article .p-title .title-en {
	font-size: 14px;
	color: #006ab6;
	font-family: Arial;
	vertical-align: middle;
	font-weight: normal;
line-height:.18rem;
	margin-left: 5px
}
.publicity_details .p-article .p-con {
	border-top: 1px dashed #d8d8d8;
	font-size: 16px;
line-height:.2rem;
	color: #333333;
padding:.15rem 0 .25rem
}
.publicity_details .p-article .p-con p {
	font-size: 16px;
	line-height: 32px;
	color: #333333
}
.publicity_details .p-article .s-title {
	font-size: 17px !important;
	color: #333333;
	font-weight: bold;
margin-bottom:.015rem;
margin-top:.04rem
}
.publicity_details .banner-left-padd {
	width: 100%;
	padding-top: 51.8%;
	position: relative;
	margin-top: 0
}
.publicity_details .banner-left-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}
.publicity_details .banner-left-posi .swiper-big {
	height: 100%
}
.publicity_details .banner-left-posi .s-big-img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.publicity_details .banner-left-posi .s-big-text {
	position: absolute;
	left: 0;
	bottom: 0;
height:.25rem;
	width: 100%;
	background-color: rgba(0,0,0,0.6)
}
.publicity_details .banner-left-posi .s-big-text span {
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
font-size:.1rem;
	color: #FFFFFF;
	width: 70%
}
.publicity_details .swiper-pagination {
	position: absolute;
	right: 5px;
	bottom: 4px
}
.publicity_details .swiper-pagination .swiper-pagination-bullet {
	background-color: #FFFFFF;
	margin: 0 3px;
	opacity: 1
}
.publicity_details .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #006ab6
}
}
.infor_details {
	background: url(../images/bac2.png) no-repeat right bottom
}
.infor_details .article p {
	font-size: 18px;
	color: #333333;
	line-height: 34px
}
.infor_details .article .title {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px
}
.infor_details .article img {
	max-width: 100%;
	height: auto !important
}
.infor_details .time-view {
	font-size: 15px;
	color: #333333;
	text-align: center
}
.infor_details .time-view span {
	font-size: 15px;
	color: #333333;
	margin: 0 14px
}
.infor_details .article-con2 {
	margin-top: 35px
}
.infor_details .article-con2 p {
	font-size: 18px;
	color: #333333;
	line-height: 34px
}
.infor_details .article-con2 .title-p {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-top: 46px;
	margin-bottom: 34px
}
.infor_details .article-con {
	padding-top: 46px;
	margin-top: 46px;
	border-top: 1px dashed #d8d8d8
}
.infor_details .article-con p {
	font-size: 18px;
	color: #333333;
	line-height: 34px
}
.infor_details .article-con .title-p {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-top: 46px;
	margin-bottom: 34px
}
.infor_details .img-all {
	width: 100%;
	overflow: hidden;
	margin-top: 34px;
	margin-bottom: 35px
}
.infor_details .img-all>.imgs:nth-child(2n-1) {
	margin-right: 2%
}
.infor_details .img-all .imgs {
	width: 49%;
	float: left
}
.infor_details .img-all .imgs span {
	display: inline-block;
	width: 100%
}
.infor_details .img-all .imgs span img {
	width: 100%
}
.infor_details .img-all .imgs p {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-top: 8px
}
.infor_details .prev-next {
	margin-top: 100px;
	height: 60px;
	position: relative
}
.infor_details .prev-next a {
	display: block;
	cursor: pointer;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	width: 80%
}
.infor_details .prev-next a:hover {
	color: #006ab6
}
.infor_details .prev-next .butotn-go {
	width: 173px;
	height: 46px;
	display: inline-block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 46px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -23px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.infor_details .prev-next .butotn-go:hover {
	background-color: #006ab6
}
@media screen and (max-width: 768px) {
.infor_details {
	background: none
}
.infor_details .article p {
	font-size: 16px;
	color: #333333;
	line-height: 32px
}
.infor_details .article .title {
	font-size: 19px;
	color: #333333;
	font-weight: bold;
	text-align: center;
margin-bottom:.1rem
}
.infor_details .article img {
	max-width: 100%;
	height: auto !important
}
.infor_details .time-view {
	font-size: 12px !important;
	color: #333333;
	text-align: center
}
.infor_details .time-view span {
	font-size: 14px;
	color: #333333;
margin:0 .03rem
}
.infor_details .article-con2 {
margin-top:.175rem
}
.infor_details .article-con2 p {
	font-size: 16px;
	color: #333333;
	line-height: 32px
}
.infor_details .article-con2 .title-p {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
margin-top:.2rem;
margin-bottom:.15rem
}
.infor_details .article-con {
padding-top:.2rem;
margin-top:.2rem;
	border-top: 1px dashed #d8d8d8
}
.infor_details .article-con p {
	font-size: 16px;
	color: #333333;
	line-height: 32px
}
.infor_details .article-con .title-p {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
margin-top:.2rem;
margin-bottom:.15rem
}
.infor_details .img-all {
	width: 100%;
	overflow: hidden;
margin-top:.15rem;
margin-bottom:.15rem
}
.infor_details .img-all>.imgs:nth-child(2n-1) {
	margin-right: 2%
}
.infor_details .img-all .imgs {
	width: 49%;
	float: left
}
.infor_details .img-all .imgs span {
	display: inline-block;
	width: 100%
}
.infor_details .img-all .imgs span img {
	width: 100%
}
.infor_details .img-all .imgs p {
font-size:.11rem;
	color: #333333;
	font-weight: bold;
	text-align: center;
margin-top:.04rem
}
.infor_details .prev-next {
margin-top:.4rem;
	height: auto;
	position: relative
}
.infor_details .prev-next a {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
line-height:.2rem;
	width: 100%
}
.infor_details .prev-next .butotn-go {
	width: 140px;
	height: 40px;
	display: block;
	background-color: #343434;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
	position: static;
	right: auto;
	top: 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.infor_details .prev-next .butotn-go:hover {
	background-color: #006ab6
}
}
.development-history {
	width: 100%;
	font-size: 0
}
.development-history-left {
	margin-top: 40px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-left: 15px;
	padding-right: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Microsoft YaHei"
}
.development-history-left-img {
	width: 100%;
	border: 1px solid #DEDEDE;
	padding: 35px 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	text-align: center
}
.development-history-left-img img {
	width: 100%;
	height: auto !important;
	margin-bottom: 25px
}
.development-history-right {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.development-history-right-box {
	position: relative;
	width: 100%
}
.development-history-right-box .link {
	position: absolute;
	padding-top: 10px;
	padding-bottom: 35px;
	left: 9px;
	width: 4px;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.development-history-right-box .link-box {
	width: 100%;
	height: 100%;
	background: #343434
}
.development-history-right-box .link:before {
	content: "";
	position: absolute;
	top: 0;
	left: -6px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #343434
}
.development-history-right .development-history-right-t, .development-history-right .development-history-right-b {
	height: 74px;
	width: 100%;
	text-align: center;
	padding-left: 43px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.development-history-right .development-history-right-t-box, .development-history-right .development-history-right-b-box {
	width: 100%;
	height: 100%
}
.development-history-right .development-history-right-t .btn, .development-history-right .development-history-right-b .btn {
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	background: url(../images/development_history_1.png) #343434 no-repeat center center
}
.development-history-right .development-history-right-t .btn:hover, .development-history-right .development-history-right-b .btn:hover {
	background-color: #79be42
}
.development-history-right .development-history-right-t .swiper-button-disabled, .development-history-right .development-history-right-b .swiper-button-disabled {
	background-color: #79be42
}
.development-history-right .development-history-right-b .btn {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.development-history-right-swiper {
	height: 524px;
	overflow: hidden
}
.development-history-right .swiper-slide {
	position: relative;
	padding-left: 43px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.development-history-right .swiper-slide:after {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	width: 22px;
	height: 22px;
	background: #fff
}
.development-history-right .swiper-slide:before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 43px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #343434;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.development-history-right .slide-box {
	cursor: pointer;
	width: 100%;
	height: 100%;
	background: #efefef;
	border-radius: 10px;
	padding-left: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: 18px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.development-history-right .slide-box div {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.development-history-right .slide-box p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.development-history-right .slide-box img {
	display: none
}
.development-history-right .slide-box h1 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.development-history-right .on .slide-box, .development-history-right .on:before {
	background: #79BE42;
	color: #FFF
}
.development-history-right .on h1 {
	color: #FFF
}
@media screen and (max-width: 950px) {
.development-history {
	margin-bottom: 40px
}
.development-history-left-img {
padding:15px .1rem
}
.development-history-left {
	width: 100%;
	padding: 0px;
	margin-top: 0px
}
.development-history-right-box {
margin-top:.25rem
}
.development-history-right {
	width: 100%;
	padding-right: 0px
}
.development-history-right .development-history-right-t, .development-history-right .development-history-right-b {
	padding-left: 28px;
	height: 50px
}
.development-history-right .development-history-right-t .btn, .development-history-right .development-history-right-b .btn {
	margin-top: 0px
}
.development-history-right .development-history-right-b-box {
	margin-top: 10px
}
.development-history-right .slide-box h1 {
	font-size: 20px
}
.development-history-right .slide-box {
	font-size: 16px
}
.development-history-right-swiper {
	height: 440px
}
.development-history-right .swiper-slide {
	padding-left: 28px;
	padding-right: 10px
}
}
.techology {
	font-size: 18px;
	color: #333;
	line-height: 30px
}
.techology-title {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	padding-left: 33px;
	background: url(../images/technology-0.png) no-repeat center left;
	background-size: 25px
}
.techology-box {
	margin-bottom: 40px
}
.techology-list {
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
	font-size: 0px
}
.techology-li {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 15px
}
.techology-li-box {
	position: relative;
	width: 100%;
	border: 1px solid #E2E2E2;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 275px;
	background: #F5F5F5;
	overflow: hidden;
	padding: 0 30px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.techology-li-box>div {
	position: relative;
	top: 74px;
	width: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.techology-li-box:hover {
	background: #79BE42
}
.techology-li-box:hover>div {
	top: -60px
}
.techology-li-box:hover .techology-li-img {
	opacity: 0
}
.techology-li-box:hover .techology-li-title {
	color: #FFF
}
.techology-li-box:hover .techology-li-text {
	margin-top: 20px;
	opacity: 1
}
.techology-li-img {
	opacity: 1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0 auto;
	width: 35.16484%
}
.techology-li-img img {
	width: 100%
}
.techology-li-title {
	margin-top: 15px;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	font-weight: bold;
	color: #333;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.techology-li-text {
	margin-top: 60px;
	opacity: 0;
	font-size: 16px;
	line-height: 30px;
	height: 180px;
	overflow: hidden;
	color: #FFF;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.techology-swiper {
	position: relative;
	margin-left: -8px;
	margin-right: -8px;
	overflow: hidden
}
.techology-swiper .swiper-slide {
	width: 33.33%;
	padding: 0 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.techology-swiper .img {
	position: relative;
	width: 100%;
	padding-bottom: 141.22137%;
	overflow: hidden
}
.techology-swiper .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto !important
}
.techology-swiper .swiper-l {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -22px;
	left: 8px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer
}
.techology-swiper .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -22px;
	right: 8px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.techology-swiper .swiper-button-disabled {
	opacity: .7
}
@media screen and (max-width: 950px) {
.techology-list, .techology-swiper {
	margin-left: 0px;
	margin-right: 0px
}
.techology-li {
	width: 50%;
margin-bottom:.05rem;
padding:0 .035rem
}
.techology-li-box {
	height: 320px;
padding:0 .1rem
}
.techology-li-box>div {
top:.1rem
}
.techology-li-box:hover {
	background: #F5F5F5
}
.techology-li-box:hover>div {
	top: 0
}
.techology-li-box:hover .techology-li-img {
	opacity: 1
}
.techology-li-box:hover .techology-li-title {
	color: #333
}
.techology-li-box:hover .techology-li-text {
margin-top:.1rem;
	opacity: 1
}
.techology-li-text {
margin-top:.1rem;
	color: #343434;
	opacity: 1
}
}
@media screen and (max-width: 550px) {
.techology-box {
margin-bottom:.2rem
}
.techology {
	font-size: 16px
}
.techology-title {
	font-size: 20px;
	margin-bottom: 10px
}
.techology-li-box {
	height: auto
}
.techology-li-box:hover {
	background: #F5F5F5
}
.techology-li-box:hover>div {
	top: 0
}
.techology-li-box:hover .techology-li-img {
	opacity: 1
}
.techology-li-box:hover .techology-li-title {
	color: #333
}
.techology-li-box:hover .techology-li-text {
margin-top:.1rem;
	opacity: 1
}
.techology-li-box>div {
	top: 0;
padding-top:.1rem;
padding-bottom:.1rem
}
.techology-li {
	width: 100%;
margin-bottom:.05rem;
padding:0 .035rem
}
.techology-li-text {
	height: auto
}
.techology-swiper .swiper-slide {
	width: 50%
}
}
.infor {
	background: url(../images/bac2.png) no-repeat right bottom
}
.y-swiper .y-swiper-padd {
	padding-top: 37%;
	position: relative
}
.y-swiper .y-swiper-posi {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f5f5f5;
	padding: 24px 50px 24px 24px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}
.y-swiper .ys-left {
	width: 51.4%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden
}
.y-swiper .swiper-big {
	height: 100%
}
.y-swiper .swiper-big .s-big-img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.y-swiper .ys-right {
	width: 45%;
	height: 100%;
	float: right
}
.y-swiper .ys-right .swiper-slide {
	display: inline-block;
	padding-top: 40px;
	padding-bottom: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5
}
.y-swiper .ys-right .swiper-slide:hover .more-y {
	background-color: #006ab6;
	color: #ffffff;
	border: 1px solid #006ab6
}
.y-swiper .ys-right .title {
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px
}
.y-swiper .ys-right .time {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 42px
}
.y-swiper .ys-right .con {
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-bottom: 40px
}
.y-swiper .ys-right .more-y {
	display: inline-block;
	width: 150px;
	height: 44px;
	border: 1px solid #c4c4c4;
	border-radius: 44px;
	font-size: 13px;
	color: #62676f;
	text-align: center;
	line-height: 44px;
	font-family: VonnesTTBoldCond;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-l {
	position: absolute;
	z-index: 50;
	top: 50%;
	margin-top: -22px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
.y-swiper .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 50;
	top: 50%;
	margin-top: -22px;
	right: -1px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}
.information-list {
margin-top:.3rem;
margin-bottom:.5rem
}
.information-list li {
	position: relative;
	height: 60px;
	padding-right: 80px;
	line-height: 60px;
	border-bottom: 1px dashed #d6d6d6;
	padding-left: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
.information-list li:hover {
	background: #f9f9f9
}
.information-list li:hover a {
	padding-left: 35px;
	color: #006ab6
}
.information-list a {
	display: block;
	line-height: 60px;
	font-size: 16px;
	color: #333;
	background: url(../images/technology-7.png) no-repeat center left;
	padding-left: 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.information-list .time {
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	font-size: 14px;
	line-height: 60px
}
@media screen and (max-width: 950px) {
.information-list a {
	font-size: 14px;
line-height:.4rem
}
.information-list li {
line-height:.4rem;
height:.4rem
}
.information-list .time {
	font-size: 12px;
line-height:.4rem
}
}
@media screen and (max-width: 1200px) {
.infor {
	background: none
}
.y-swiper .y-swiper-posi {
	padding: 20px
}
.y-swiper .ys-right .title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px
}
.y-swiper .ys-right .swiper-slide {
	padding-top: 20px;
	padding-bottom: 14px
}
.y-swiper .ys-right .time {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 32px
}
.y-swiper .ys-right .con {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-bottom: 30px
}
}
@media screen and (max-width: 1000px) {
.y-swiper .y-swiper-posi {
	padding: 10px
}
.y-swiper .ys-right .title {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px
}
.y-swiper .ys-right .swiper-slide {
	padding-top: 10px;
	padding-bottom: 6px
}
.y-swiper .ys-right .time {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 14px
}
.y-swiper .ys-right .con {
	font-size: 14px;
	color: #333333;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	margin-bottom: 16px
}
.y-swiper .ys-right .more-y {
	width: 130px;
	height: 32px;
	line-height: 32px
}
}
@media screen and (max-width: 768px) {
.y-swiper .y-swiper-padd {
	padding-top: 0;
	position: static;
	height: auto
}
.y-swiper .y-swiper-posi {
	position: static;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f5f5f5;
padding:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}
.y-swiper .ys-left {
	width: 100%;
	height: 2.05rem;
	float: none;
	position: relative
}
.y-swiper .swiper-big {
	height: 100%
}
.y-swiper .swiper-big .s-big-img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.y-swiper .ys-right {
	width: 100%;
	height: 100%;
	float: none
}
.y-swiper .ys-right .swiper-slide {
	display: inline-block;
padding-top:.2rem;
padding-bottom:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5
}
.y-swiper .ys-right .swiper-slide:hover .more-y {
	background-color: #006ab6;
	color: #ffffff;
	border: 1px solid #006ab6
}
.y-swiper .ys-right .title {
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px
}
.y-swiper .ys-right .time {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
margin-bottom:.15rem
}
.y-swiper .ys-right .con {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
margin-bottom:.15rem
}
.y-swiper .ys-right .more-y {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1rem;
height:.3rem;
	border: 1px solid #c4c4c4;
	border-radius: 44px;
	font-size: 13px;
	color: #62676f;
	font-family: VonnesTTBoldCond;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-l {
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -22px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
.y-swiper .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -22px;
	right: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.y-swiper .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}
}
.index-home .swiper-slide {
	display: inline-block
}
.index-home .h-banner .index-home-padd {
	padding-top: 52.1%;
	position: relative
}
.index-home .h-banner .index-home-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.index-home .h-banner .swiper-big {
	width: 100%;
	height: 100%
}
.index-home .h-banner .swiper-big-mob {
	display: none
}
.index-home .h-banner .swiper-slide {
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.index-home .h-banner .h-logo-img {
	display: inline-block;
	position: absolute;
	bottom: 150px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background: url(../images/h-logo-img.png) no-repeat center;
	z-index: 9;
	cursor: pointer
}
.index-home .fast-go {
	position: absolute;
	width: 100%;
	height: 110px;
	bottom: 0;
	left: 0;
	z-index: 10
}
.index-home .fast-go .h-nav-big {
	height: 100%
}
.index-home .fast-go .h-nav-big .b-nav-big-con {
	height: 110px;
	width: 100%
}
.index-home .fast-go .h-nav-big .b-nav-big-con>li:last-child {
	border-right: none
}
.index-home .fast-go .h-nav-big li {
	width: 25%;
	display: inline-block;
	height: 100%;
	float: left;
	border-right: 1px solid #51514f;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .fast-go .h-nav-big .con-li:hover a {
	background-color: rgba(0,106,182,0.95)
}
.index-home .fast-go .h-nav-big .con-li:hover .b-icon2 {
	opacity: 1 !important
}
.index-home .fast-go .h-nav-big .con-li:hover .b-icon1 {
	opacity: 0 !important
}
.index-home .fast-go .h-nav-big .con-li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(41,41,41,0.95);
	padding-top: 24px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.index-home .fast-go .h-nav-big .con-li .bnc-en {
	font-size: 17px;
	color: #fff;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding-left: 20%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .fast-go .h-nav-big .con-li .bnc1 {
	text-align: left;
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	padding-left: 20%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: bottom
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon1 {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transform: all .3s;
	-moz-transform: all .3s;
	-ms-transform: all .3s;
	transform: all .3s
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon2 {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .fast-go .h-nav-big .con-main {
	background: url(../images/h-bac-1.png) no-repeat center/cover;
	position: relative
}
.index-home .fast-go .h-nav-big .con-main .people {
	position: absolute;
	left: 21%;
	bottom: 0
}
.index-home .fast-go .h-nav-big .con-main .con-text {
	display: inline-block;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-width: 50%
}
.index-home .fast-go .h-nav-big .con-main .con-text p {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF
}
.index-home .fast-go .h-nav-big .li-on a {
	background-color: rgba(114,187,56,0.95)
}
.index-home .fast-go .h-nav-big .li-on .b-icon2 {
	opacity: 1 !important
}
.index-home .fast-go .h-nav-big .li-on .b-icon1 {
	opacity: 0 !important
}
.index-home .home-title-all {
	position: relative;
	width: 1200px;
	margin: 0 auto 44px
}
.index-home .home-title-all .title {
	font-size: 42px;
	color: #000000;
	font-weight: bold;
	text-align: center
}
.index-home .home-title-all .title-en {
	font-size: 15px;
	color: #454545;
	text-align: center;
	font-family: Arial;
	margin-bottom: 8px;
	text-transform:uppercase;
}
.index-home .home-title-all .h-line {
	width: 40px;
	height: 2px;
	margin: 0 auto;
	background-color: #006ab6
}
.index-home .home-title-all .h-read-more {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	display: inline-block;
	width: 150px;
	height: 44px;
	border-radius: 44px;
	border: 1px solid #cccccc;
	font-size: 13px;
	color: #62676f;
	font-weight: bold;
	font-family: VonnesTTBoldCond;
	text-align: center;
	line-height: 44px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.index-home .home-title-all .h-read-more:hover {
	background-color: #006ab6;
	border: 1px solid #006ab6;
	color: #FFFFFF
}
.index-home .more-mob {
	display: none
}
.index-home .home2 {
	height: 560px;
	background: url(../images/h-bac-2.jpg) no-repeat center/cover;
	padding-top: 58px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home2 .h-con-text {
	margin-bottom: 60px
}
.index-home .home2 .h-con-text p {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	color: #474747
}
.index-home .home2 .home2-list {
	height: auto;
	width: 1200px;
	margin: 0 auto
}
.w1200{    max-width: 1200px; width:100%;
    margin: 0 auto;}
.index-home .home2 .home2-list>.home2-list-s:nth-child(2n) {
	float: right
}
.index-home .home2 .home2-list>.home2-list-s:nth-child(2n-1) {
	float: left
}
.index-home .home2 .home2-list .home2-list-s {
	width: 100%;
	height: 100%;
	border-top: 1px solid #006ab6;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(249,249,249,0.5);
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	position: relative;
	padding: 46px 50px 50px
}
.index-home .home2 .home2-list .h-bac {
	display: inline-block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background: url(../images/home-bac-3.png) no-repeat center/cover
}
.index-home .home2 .home2-list .h2-title {
	font-size: 28px;
	font-weight: bold;
	color: #006ab6;
	margin-bottom: 30px;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home2 .home2-list .h2-title:hover {
	padding-left: 10px
}
.index-home .home2 .home2-list .h2-title1 {
	/*background: url(../images/home-icon1.jpg) no-repeat right*/
}
.index-home .home2 .home2-list .h2-title2 {
	background: url(../images/home-icon2.jpg) no-repeat right
}
.index-home .home2 .home2-list .s-line {
	width: 30px;
	height: 2px;
	background-color: #006ab6;
	margin-bottom: 20px
}
.index-home .home2 .home2-list .s-test p {
	font-size: 18px;
	color: #353535;
	line-height: 35px;
	font-weight: bold
}
.index-home .home2 .home2-list .s-text2 {
	overflow: hidden
}
.index-home .home2 .home2-list .s-text2 ul {
	width: 33.33333%;
	float: left
}
.index-home .home2 .home2-list .s-text2 ul>li:first-child {
	color: #353535;
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 46px
}
.index-home .home2 .home2-list .s-text2 ul>li:first-child a {
	font-size: 18px
}
.index-home .home2 .home2-list .s-text2 ul li a {
	font-size: 15px;
	color: rgba(53,53,53,0.8);
	line-height: 30px
}
.index-home .home2 .home2-list .s-text2 ul li a:hover {
	color: #006ab6
}
.index-home .home2 .home2-list .ul-m {
	border-left: 1px solid #b9cbcb;
	border-right: 1px solid #b9cbcb;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home2 .home2-list .ul-c {
	text-align: center
}
.index-home .home3 {
	height: auto;
	overflow:hidden;
	background-color: #FFFFFF;
	padding-top: 58px;
	padding-bottom: 58px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home3 .home3-wrap {
	width: 1200px;
	margin: 0 auto
}
.index-home .home3 .home3-wrap .home3swiper {
	width: 100%;
	height: 100%
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide {
	display: inline-block;
	position: relative
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide .h3-img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide:hover .h3-img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.index-home .home3 .home3-wrap .home3-padd {
	padding-top: 41.66%;
	position: relative;
	margin-bottom: 20px
}
.index-home .home3 .home3-wrap .home3-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.index-home .home3 .home3-posi-text {
	width: 31.6666%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0,106,182,0.8);
	height: 100%;
	padding: 100px 58px 0 52px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home3 .h3-title {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 36px
}
.index-home .home3 .h3-con {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px
}
.index-home .home3 .h-prev-next {
	position: absolute;
	bottom: 100px;
	right: 256px;
	width: 70px;
	height: 30px;
	overflow: hidden;
	z-index: 9
}
.index-home .home3 .h-prev-next #bigBannder-prev {
	margin-right: 10px;
	background: url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next #bigBannder-prev:hover {
	background: #333 url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next #bigBannder-next {
	background: url(../images/t-tight-h.png) no-repeat center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.index-home .home3 .h-prev-next #bigBannder-next:hover {
	background: #333 url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next div {
	display: inline-block;
	width: 30px;
	height: 100%;
	float: left;
	border: 1px solid #c4ddb5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .home3-list>.home3-list-s:last-child {
	margin-right: 0
}
.index-home .home3 .home3-list .home3-list-s {
	display: inline-block;
	width: 22.5%;
	float: left;
	margin-bottom:2%;
}
.index-home .home3 .home3-list .home3-list-s:hover .home3-l-img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06)
}
.index-home .home3 .home3-list .home3-list-s .home3-l-padd {
	padding-top: 62.3%;
	position: relative;
	overflow: hidden
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi .home3-l-img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi p {
	height: 40px;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .swiper-pagination {
	display: none
}
.index-home .home4 {
	height: 716px;
	background-color: #f3f3f3;
	padding-top: 58px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home4 .home4-wrap {
	height: 444px;
	background-color: #FFFFFF;
	width: 1200px;
	margin: 0 auto;
	padding: 20px 24px 20px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home4 .hw-left {
	width: 49%;
	height: 100%;
	float: right;
	position: relative;
	overflow: hidden
}
.index-home .home4 .hw-left .home4swiper {
	width: 100%;
	height: 100%
}
.index-home .home4 .swiper-slide {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.index-home .home4 .swiper-slide:hover span {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06)
}
.index-home .home4 .swiper-slide span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home4 .s-text {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 60px;
	font-size: 18px;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.4);
	text-align: center;
	width: 100%
}
.index-home .home4 .swiper-l {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -22px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home4 .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
.index-home .home4 .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -22px;
	right: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home4 .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}
#anli .swiper-l {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -32px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
#anli .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
#anli .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -32px;
	right: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
#anli .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}
#liucheng .swiper-l {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -42px;
	left: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-6.png) #006ab6 no-repeat center center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
#liucheng .swiper-l:hover {
	background-color: rgba(21,103,57,0.5)
}
#liucheng .swiper-r {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -42px;
	right: 0px;
	width: 34px;
	height: 44px;
	background: url(../images/technology-5.png) #006ab6 no-repeat center center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
#liucheng .swiper-r:hover {
	background-color: rgba(21,103,57,0.5)
}

.index-home .home4 .hw-right {
	margin-right: 49%;
	height: 100%
}
.index-home .home4 .hw-right {
	padding-top: 16px
}
.index-home .home4 .hw-right li {
	position: relative;
	height: 60px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	padding: 0 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home4 .hw-right li:hover {
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	background: #f9f9f9
}
.index-home .home4 .hw-right li:hover .li-div {
	border-bottom: none
}
.index-home .home4 .hw-right li:hover a {
	padding-left: 35px;
	color: #006ab6
}
.index-home .home4 .hw-right li>.li-div {
	height: 100%;
	border-bottom: 1px solid #d0d0d0
}
.index-home .home4 .hw-right a {
	display: block;
	line-height: 60px;
	font-size: 16px;
	color: #151515;
	background: url(../images/technology-7.png) no-repeat center left;
	padding-left: 25px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.index-home .home4 .hw-right .time {
	position: absolute;
	top: 0;
	right: 50px;
	color: #777777;
	font-size: 14px;
	line-height: 60px
}
.index-home .home5 {
	height: 488px;
	background-color: #FFFFFF;
	padding-top: 58px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home5 .home6-list {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
.index-home .home5 .home6-list>a:nth-child(5n) {
	margin-right: 0
}
.index-home .home5 .home6-list a {
	width: 18.4%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%
}
.index-home .home5 .home6-list a:hover .a-posi span {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.index-home .home5 .a-padd {
	padding-top: 42.7%;
	position: relative
}
.index-home .home5 .a-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background-color: #f8f8f8;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home5 .a-posi span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
@media screen and (max-width: 1400px) {
.index-home .fast-go .h-nav-big .con-main .people {
	position: absolute;
	left: 10%;
	bottom: 0
}
.index-home .fast-go .h-nav-big .con-main .con-text {
	display: inline-block;
	position: relative;
	left: 40%;
	top: 60%
}
}
@media screen and (max-width: 1200px) {
.index-home {
margin-top:.56rem
}
.index-home .h-banner .index-home-padd {
	padding-top: 0;
	position: static
}
.index-home .h-banner .index-home-posi {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	height: auto
}
.index-home .h-banner .swiper-big {
	display: none;
	width: 100%;
	height: 100%
}
.index-home .h-banner .swiper-big-mob {
	height: 3.1rem;
	display: block
}
.index-home .h-banner .swiper-slide {
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.index-home .h-banner .h-logo-img {
	display: none
}
.index-home .fast-go {
	position: relative;
	width: 100%;
	height: 1.12rem;
	bottom: 0;
	left: 0;
	z-index: 10
}
.index-home .fast-go .h-nav-big {
	height: 100%
}
.index-home .fast-go .h-nav-big .b-nav-big-con {
	height: 1.12rem;
	position: relative;
	width: 100%
}
.index-home .fast-go .h-nav-big .b-nav-big-con>li:last-child {
	border-right: none
}
.index-home .fast-go .h-nav-big li {
	width: 33.3333%;
	display: inline-block;
height:.56rem;
	float: left;
	border-right: 1px solid #51514f;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .fast-go .h-nav-big .con-li {
margin-top:.56rem
}
.index-home .fast-go .h-nav-big .con-li:hover a {
	background-color: rgba(114,187,56,0.95)
}
.index-home .fast-go .h-nav-big .con-li:hover .b-icon2 {
	opacity: 1 !important
}
.index-home .fast-go .h-nav-big .con-li:hover .b-icon1 {
	opacity: 0 !important
}
.index-home .fast-go .h-nav-big .con-li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(41,41,41,0.95);
padding-top:.11rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.index-home .fast-go .h-nav-big .con-li .bnc-en {
	display: none
}
.index-home .fast-go .h-nav-big .con-li .bnc1 {
font-size:.12rem;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
height:.25rem;
	padding-left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
	position: relative
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon {
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: bottom;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon1 {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transform: all .3s;
	-moz-transform: all .3s;
	-ms-transform: all .3s;
	transform: all .3s
}
.index-home .fast-go .h-nav-big .con-li .bnc1 .b-icon2 {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .fast-go .h-nav-big .con-main {
	width: 100%;
	background: url(../images/h-bac-1.png) no-repeat center/cover;
	position: absolute;
	top: 0;
	left: 0
}
.index-home .fast-go .h-nav-big .con-main .people {
	position: absolute;
	left: 21%;
	bottom: 0;
	width: 16%
}
.index-home .fast-go .h-nav-big .con-main .con-text {
	display: inline-block;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-width: 50%
}
.index-home .fast-go .h-nav-big .con-main .con-text p {
font-size:.14rem;
	font-weight: bold;
	color: #FFFFFF
}
.index-home .fast-go .h-nav-big .li-on a {
	background-color: rgba(114,187,56,0.95)
}
.index-home .fast-go .h-nav-big .li-on .b-icon2 {
	opacity: 1 !important
}
.index-home .fast-go .h-nav-big .li-on .b-icon1 {
	opacity: 0 !important
}
.index-home .home-title-all {
	position: relative;
	width: 80%;
margin:0 auto .1rem
}
.index-home .home-title-all .title {
font-size:.21rem;
	color: #000000;
	font-weight: bold;
	text-align: center
}
.index-home .home-title-all .title-en {
font-size:.1rem;
	color: #454545;
	text-align: center;
	font-family: Arial;
	margin-bottom: 8px
}
.index-home .home-title-all .h-line {
	width: 40px;
	height: 2px;
	margin: 0 auto;
	background-color: #006ab6
}
.index-home .home-title-all .h-read-more {
	display: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	width: 150px;
	height: 44px;
	border-radius: 44px;
	border: 1px solid #cccccc;
	font-size: 13px;
	color: #62676f;
	font-weight: bold;
	font-family: VonnesTTBoldCond;
	text-align: center;
	line-height: 44px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.index-home .home-title-all .h-read-more:hover {
	background-color: #006ab6;
	border: 1px solid #006ab6;
	color: #FFFFFF
}
.index-home .more-mob {
	display: block;
	margin: 0 auto;
	width: 96%;
height:.34rem;
	border-radius: 44px;
	border: 1px solid #cccccc;
	font-size: 13px;
	color: #62676f;
	font-weight: bold;
	font-family: VonnesTTBoldCond;
	text-align: center;
line-height:.34rem;
margin-top:.1rem
}
.index-home .more-mob:hover {
	background-color: #006ab6;
	border: 1px solid #006ab6;
	color: #FFFFFF
}
.index-home .home2 {
	height: auto;
	background: url(../images/h-bac-2.png) no-repeat center/cover;
padding-top:.3rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home2 .h-con-text {
margin-bottom:.3rem
}
.index-home .home2 .h-con-text p {
font-size:.12rem;
	font-weight: bold;
	text-align: center;
line-height:.2rem
}
.index-home .home2 .home2-list {
	height: auto;
	width: 96%;
	margin: 0 auto;
	overflow: hidden
}
.index-home .home2 .home2-list>.home2-list-s:nth-child(2n) {
	float: right
}
.index-home .home2 .home2-list>.home2-list-s:nth-child(2n-1) {
	float: left
}
.index-home .home2 .home2-list .home2-list-s {
	width: 100%;
	height: auto;
	border-top: 1px solid #006ab6;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(249,249,249,0.5);
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	position: relative;
padding:.1rem;
margin-bottom:.2rem
}
.index-home .home2 .home2-list .h-bac {
	display: inline-block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background: url(../images/home-bac-3.png) no-repeat top/contain
}
.index-home .home2 .home2-list .h2-title {
font-size:.14rem;
	font-weight: bold;
	color: #006ab6;
margin-bottom:.15rem
}
.index-home .home2 .home2-list .h2-title1 {
/*background:url(../images/home-icon1.jpg) no-repeat right/.2rem*/
}
.index-home .home2 .home2-list .h2-title2 {
background:url(../images/home-icon2.jpg) no-repeat right/.2rem
}
.index-home .home2 .home2-list .s-line {
	width: 30px;
	height: 2px;
	background-color: #006ab6;
	margin-bottom: 20px
}
.index-home .home2 .home2-list .s-test p {
font-size:.11rem;
	color: #353535;
line-height:.2rem;
	font-weight: bold
}
.index-home .home2 .home2-list .s-text2 {
	overflow: hidden
}
.index-home .home2 .home2-list .s-text2 ul {
	width: 33.33333%;
	float: left
}
.index-home .home2 .home2-list .s-text2 ul>li:first-child {
font-size:.11rem;
	color: #353535;
	font-weight: bold;
	margin-bottom: 4px;
line-height:.2rem
}
.index-home .home2 .home2-list .s-text2 ul li a {
font-size:.11rem;
	color: rgba(53,53,53,0.8);
line-height:.18rem
}
.index-home .home2 .home2-list .s-text2 ul li a:hover {
	color: #006ab6
}
.index-home .home2 .home2-list .ul-m {
	border-left: 1px solid #b9cbcb;
	border-right: 1px solid #b9cbcb;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home2 .home2-list .ul-c {
	text-align: center
}
.index-home .home3 {
	height: auto;
	background-color: #FFFFFF;
padding-top:.3rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
padding-bottom:.37rem
}
.index-home .home3 .home3-wrap {
	width: 96%;
	margin: 0 auto
}
.index-home .home3 .home3-wrap .home3swiper {
	width: 100%;
	height: 100%
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide {
	display: inline-block;
	position: relative
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide .h3-img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .home3-wrap .home3swiper .swiper-slide:hover .h3-img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.index-home .home3 .home3-wrap .home3-padd {
	padding-top: 1.6rem;
	position: relative;
	margin-bottom: 20px
}
.index-home .home3 .home3-wrap .home3-posi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.index-home .home3 .home3-posi-text {
	width: 100%;
	position: absolute;
	right: 0;
	top: auto;
	bottom: 0;
	background-color: rgba(114,187,56,0.8);
height:.37rem;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home3 .h3-title {
font-size:.13rem;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0;
margin-top:.1rem;
padding-left:.1rem
}
.index-home .home3 .h3-con {
	display: none;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px
}
.index-home .home3 .h-prev-next {
	display: none;
	position: absolute;
	bottom: 100px;
	right: 256px;
	width: 70px;
	height: 30px;
	overflow: hidden;
	z-index: 9
}
.index-home .home3 .h-prev-next #bigBannder-prev {
	margin-right: 10px;
	background: url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next #bigBannder-prev:hover {
	background: #333 url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next #bigBannder-next {
	background: url(../images/t-tight-h.png) no-repeat center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.index-home .home3 .h-prev-next #bigBannder-next:hover {
	background: #333 url(../images/t-tight-h.png) no-repeat center
}
.index-home .home3 .h-prev-next div {
	display: inline-block;
	width: 30px;
	height: 100%;
	float: left;
	border: 1px solid #c4ddb5;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .home3-list {

}
.index-home .home3 .home3-list>.home3-list-s:last-child {
	margin-right: 0
}
.index-home .home3 .home3-list>.home3-list-s:nth-child(2n) {
	margin-right: 0
}
.index-home .home3 .home3-list .home3-list-s {
	display: inline-block;
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%
}
.index-home .home3 .home3-list .home3-list-s:hover .home3-l-img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06)
}
.index-home .home3 .home3-list .home3-list-s .home3-l-padd {
	padding-top: 62.3%;
	position: relative;
	overflow: hidden
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi .home3-l-img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.index-home .home3 .home3-list .home3-list-s .home3-l-posi p {
height:.2rem;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
line-height:.2rem;
font-size:.11rem;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home3 .swiper-pagination {
	display: inline-block;
	position: absolute;
	right: 20px;
bottom:.12rem
}
.index-home .home3 .swiper-pagination .swiper-pagination-bullet {
	background-color: #FFFFFF;
	margin: 0 3px;
	opacity: .5
}
.index-home .home3 .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}
.index-home .home4 {
	height: auto;
	background-color: #f3f3f3;
padding-top:.3rem;
padding-bottom:.385rem
}
.index-home .home4 .home4-wrap {
	height: auto;
	background-color: #FFFFFF;
	width: 96%;
	margin: 0 auto;
padding:.1rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home4 .hw-left {
	width: 100%;
	height: 1.97rem;
	float: none;
	position: relative
}
.index-home .home4 .hw-left .home4swiper {
	width: 100%;
	height: 100%
}
.index-home .home4 .swiper-slide {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.index-home .home4 .swiper-slide:hover span {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06)
}
.index-home .home4 .swiper-slide span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.index-home .home4 .s-text {
	position: absolute;
	left: 0;
	bottom: 0;
line-height:.3rem;
font-size:.11rem;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.4);
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}
.index-home .home4 .swiper-l {
	display: none
}
.index-home .home4 .swiper-r {
	display: none
}
.index-home .home4 .hw-right {
	margin-right: 0;
	height: auto
}
.index-home .home4 .hw-right {
	padding-top: 16px
}
.index-home .home4 .hw-right li {
	position: relative;
height:.385rem;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home4 .hw-right li:hover {
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	background: #f9f9f9
}
.index-home .home4 .hw-right li:hover .li-div {
	border-bottom: none
}
.index-home .home4 .hw-right li:hover a {
padding-left:.15rem;
	color: #006ab6
}
.index-home .home4 .hw-right li>.li-div {
	height: 100%;
	border-bottom: 1px solid #d0d0d0
}
.index-home .home4 .hw-right a {
	display: block;
	width: 75%;
line-height:.385rem;
font-size:.12rem;
	color: #333;
	background: url(../images/technology-7.png) no-repeat center left;
padding-left:.1rem;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.index-home .home4 .hw-right .time {
	position: absolute;
	top: 0;
	right: 0px;
	color: #666;
font-size:.09rem;
line-height:.385rem
}
.index-home .home5 {
	height: auto;
	background-color: #FFFFFF;
padding-top:.3rem;
padding-bottom:.385rem
}
.index-home .home5 .home6-list {
	width: 96%;
	margin: 0 auto;
	overflow: hidden
}
.index-home .home5 .home6-list>a:nth-child(5n) {
	margin-right: 2%
}
.index-home .home5 .home6-list>a:nth-child(2n) {
	margin-right: 0
}
.index-home .home5 .home6-list a {
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%
}
.index-home .home5 .home6-list a:hover .a-posi span {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.index-home .home5 .a-padd {
	padding-top: 42.7%;
	position: relative
}
.index-home .home5 .a-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background-color: #f8f8f8;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.index-home .home5 .a-posi span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
}
.partner {
	background: url(../images/bac1.png) no-repeat right bottom
}
.partner .home6-list {
	width: 1200px;
	margin: 0 auto 30px;
	overflow: hidden
}
.partner .home6-list>a:nth-child(5n) {
	margin-right: 0
}
.partner .home6-list a {
	width: 18.4%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%
}
.partner .home6-list a:hover .a-posi span {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.partner .a-padd {
	padding-top: 42.7%;
	position: relative
}
.partner .a-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background-color: #f8f8f8;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.partner .a-posi span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
@media screen and (max-width: 1200px) {
.partner {
	background: none
}
.partner .home6-list {
	width: 96%;
margin:0 auto .15rem;
	overflow: hidden
}
.partner .home6-list>a:nth-child(5n) {
	margin-right: 2%
}
.partner .home6-list>a:nth-child(2n) {
	margin-right: 0
}
.partner .home6-list a {
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%
}
.partner .home6-list a:hover .a-posi span {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.partner .a-padd {
	padding-top: 42.7%;
	position: relative
}
.partner .a-posi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
	background-color: #f8f8f8;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.partner .a-posi span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
}
.flink{ width:100% !important;padding-top:10px !important; margin:0 auto; padding-bottom:10px;}
.flink a{ float:left;    font-weight: normal !important;}
.flink a:nth-child(8) {
    padding-left: 0;
}
.flink_box .title{ margin-bottom:0; margin-top:22px;}
.s-test img{ max-width:100%;}
/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */