#head .title {
	display:none
}
#banner {
	width:100%;
	min-width:1000px;
	height:140px;
	overflow:hidden;
	position:relative
}
#banner img {
	width:1808px;
	height:140px;
	left:50%;
	position:absolute;
	margin-left:-904px
}
.wap_banner, .wap_second_navi {
	display:none
}
#main {
	min-width:1000px;
	background:#e5e5e5;
	width:100%;
	overflow:hidden
}
#main .L-R {
	background:#fff;
	overflow:hidden
}
#main .L-R .Right-head {
	width:1000px;
	height:53px;
	border-bottom:1px solid #efefef;
	position:relative
}
#main .L-R .Right-head .head-font {
	width:70px;
	text-align:center;
	padding-bottom:6px;
	border-bottom:2px solid #e3e3e5;
	position:absolute;
	right:0;
	bottom:-2px;
	font-size:14px;
	color:#1a1a1a
}
#main .L-R #Left {
	width:180px;
	margin-top:9px;
	float:left
}
#main .L-R #Left li {
	width:180px;
	height:53px;
	border-top:1px solid #f0f0f1;
	border-bottom:1px solid #f0f0f1
}
#main .L-R #Left li a {
	color:#b3b3b3;
	font-size:18px;
	width:160px;
	height:54px;
	display:block;
	line-height:54px;
	text-align:right;
	padding-right:16px;
	margin-top:-1px
}
#main .L-R #Left li a.l-current, #main .L-R #Left li a:hover {
	color:#2c2e3d
}
#main .L-R #Left li a.l-current {
	border-right:4px solid #2c2e3d
}
#main .L-R #Left .L_last_li {
	height:52px !important;
	border-bottom:1px solid #f0f0f1
}
#main .L-R #Right {
	float:left;
	width:1000px;
	padding:0 20px
}
#main .L-R #Right .content {
	width:960px;
	padding:0 20px 60px;
	margin-top:30px
}
#main .L-R #Right .content img {
	max-width:100%
}
#main .L-R #Right .content .about-head {
	margin-bottom:30px;
	width:920px
}
#main .L-R #Right .content .about-head .head_C {
	font-size:22px;
	font-weight:bold;
	color:#2c2e3d;
	margin-right:10px;
	letter-spacing:7px
}
#main .L-R #Right .content .about-head .head_E {
	color:#b3b3b3;
	font-size:14px;
	font-family:Helvetica, "PingFang SC"
}
#main .L-R #Right .content .about-head p {
	margin-top:20px;
	font-size:16px;
	color:#2c2e3d
}
#main .L-R #Right .content .about-img {
	display:block;
	max-width:920px;
	height:auto
}
#main .L-R #Right .content .wap_aboutimg {
	display:none
}
#main .L-R #Right .content .about-intro {
	margin-top:32px;
	width:920px
}
#main .L-R #Right .content .about-intro li {
	padding:0 10px 20px
}
#main .L-R #Right .content .about-intro li div {
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2c2e3d;
	position:relative
}
#main .L-R #Right .content .about-intro li div:before {
	content:"";
	width:4px;
	height:18px;
	background:#2c2e3d;
	position:absolute;
	left:0
}
#main .L-R #Right .content .about-intro li p {
	padding:12px 10px 0 10px;
	font-size:16px;
	color:#2c2e3d
}
#main .L-R #Right .content .culture-img {
	display:block;
	max-width:960px;
	height:auto
}
#main .L-R #Right .content .wap_duty {
	display:none
}
#main .L-R #Right .content .culture {
	color:#2c2e3d
}
#main .L-R #Right .content .culture h2 {
	margin:30px 0 20px 20px;
	padding-bottom:10px;
	border-bottom:2px solid #2c2e3d;
	width:348px;
	font-size:22px;
	font-weight:bold
}
#main .L-R #Right .content .culture p {
	font-size:16px;
	margin:0 0 10px 20px
}
#main .L-R #Right .content .culture img {
	display:block;
	max-width:960px;
	height:auto
}
#main .L-R #Right .content .culture table {
	border:0
}
#main .L-R #Right .content .culture table td {
	border:0
}
#main .L-R #Right .content .culture table td:first-child {
	vertical-align:top;
	font-weight:bold;
	white-space:nowrap;
	padding-left:20px;
	padding-right:10px
}
#main .L-R #Right .content .wap_culture {
	display:none;
	padding-bottom:20px
}
#main .L-R #Right .content .wap_culture img {
	display:block;
	max-width:100%;
	height:auto
}
#main .L-R #Right .content .wap_culture section {
	width:87.5%;
	margin:0 6.25%
}
#main .L-R #Right .content .wap_culture>p, #main .L-R #Right .content .wap_culture section>p {
	font-size:16px;
	color:#818083
}
#main .L-R #Right .content .wap_culture table {
	border:0
}
#main .L-R #Right .content .wap_culture table td {
	border:0;
	font-size:16px;
	color:#818083
}
#main .L-R #Right .content .wap_culture table td:first-child {
	vertical-align:top;
	font-weight:bold;
	white-space:nowrap;
	padding-left:0;
	padding-right:8px
}
#main .L-R #Right .content .duty-img {
	display:block;
	max-width:960px;
	height:auto
}
#main .L-R #Right .content .duty {
	margin:38px 20px 0;
	border-top:1px solid #f0f0f1
}
#main .L-R #Right .content .duty p {
	padding-top:18px;
	font-size:16px;
	color:#2c2e3d
}
#main .L-R #Right .content .wap_honor {
	display:none
}
#main .L-R #Right .content .bbs .interactbbs-a {
	margin-bottom:20px;
	display:block
}
#main .L-R #Right .content .bbs .interactbbs-a img {
	display:block
}
#main .L-R #Right .content .wap_bbs {
	display:none
}
#main .L-R #Right .content .interactbbs-a-last {
	margin-bottom:none;
	display:block
}
#main .L-R #Right .content .interactbbs-a-last img {
	display:block
}
#main .L-R #Right .content .interact_img {
	display:block
}
#main .L-R #Right .content .interact_introduce_p {
	border-top:1px solid #f0f0f0;
	margin:30px 0px 0
}
#main .L-R #Right .content .interact_introduce_p p {
	font-size:16px;
	color:#2c2e3d;
	margin-bottom:20px
}
#main .L-R #Right .content .interact_introduce_p p:first-child {
	margin-top:12px
}
#main .L-R #Right .content .interact_introduce_p p:last-child {
	margin-bottom:none
}
#main .L-R #Right .content .interact_introduce_p .p-head {
	font-weight:bold
}
#main .L-R #Right .wap_contact {
	display:none
}
#main .picScroll-left {
	width:1220px;
	padding:20px 0;
	background-color:#222;
	background-color:rgba(34, 34, 34, 0.2);
	position:relative;
	overflow:hidden;
	clear:both
}
#main .picScroll-left .prev {
	position:absolute;
	top:42%;
	left:20px;
	cursor:pointer
}
#main .picScroll-left .bd {
	margin:0 auto;
	width:1020px;
	overflow:hidden
}
#main .picScroll-left .bd ul {
	overflow:hidden;
	zoom:1
}
#main .picScroll-left .bd ul li {
	margin-right:12px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center
}
#main .picScroll-left .bd ul li .pic {
	text-align:center
}
#main .picScroll-left .bd ul li .pic img {
	width:332px;
	height:205px;
	display:block
}
#main .picScroll-left .next {
	position:absolute;
	top:42%;
	right:20px;
	cursor:pointer
}
#main #call {
	width:1219px;
	height:48px;
	border-top:2px solid #656565;
	float:left;
	margin-top:47px
}
#main #call #messagepng {
	vertical-align:middle;
	display:inline-block;
	height:19px;
	line-height:19px
}
#main #call #call-font {
	display:inline-block;
	height:50px;
	line-height:50px;
	margin-left:18px;
	font-size:14px;
	font-family:PingFang SC
}
#main #call #call-font a {
	color:#2c2d3e
}
#main #call #num {
	float:right;
	font-size:18px;
	color:#2c2e3d;
	font-family:PingFang SC;
	padding-right:11px;
	margin-top:16px
}
#main #call #num:after {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-right:4px solid #2c2e3d;
	border-bottom:4px solid transparent;
	position:absolute;
	margin:5px 0 0 7px
}
#main #call .call-right {
	margin-top:-2px;
	width:48px;
	background:#2c2e3d;
	float:right;
	position:relative;
	border-right:1px solid #343648;
	border-left:1px solid #242531;
	text-align:center;
	padding-top:13px;
	height:37px;
	cursor:pointer
}
#main #call .call-right #code-img {
	display:none;
	position:absolute;
	top:-118px;
	right:-20px
}
#main #call .call-right #code-img img {
	width:98px;
	height:98px;
	border-radius:5px;
	border:1px solid #2c2d3e
}
#main #call .call-right #code-img:before {
	content:"";
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid #fff;
	position:absolute;
	top:99px;
	left:43px;
	z-index:2
}
#main #call .call-right #code-img:after {
	content:"";
	width:0;
	height:0;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:9px solid #2c2d3e;
	position:absolute;
	top:99px;
	left:42px;
	z-index:1
}
#main #call .text {
	float:right;
	background:#fff;
	height:47px;
	width:0;
	overflow:hidden;
transition:all .3s linear
}
#main #call .text input {
	width:186px;
	height:47px;
	color:#2d2e3c;
	font-size:18px;
	padding-left:10px
}
#main #call .text:after {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-right:4px solid #2d2e3c;
	border-bottom:4px solid transparent;
	float:right;
	margin-top:-23px
}
#main #call .text:hover {
	width:200px !important
}
#main #call span:nth-child(3) {
border-right:none;
width:49px
}
#main #call span:nth-child(4):hover+.text {
width:200px !important
}
#main #call span:nth-child(6) {
border-left:none;
width:49px
}
#TOP {
	width:50px;
	height:50px;
	background:#888a91;
	display:inline-block;
	margin-top:47px
}
#TOP a {
	width:50px;
	height:52px;
	display:inline-block;
	text-align:center;
	line-height:50px
}
#footer {
	min-width:1000px;
	width:100%;
	border-top:1px solid #242531;
	height:58px;
	background:#2c2e3d;
	color:#fff;
	text-align:center;
	line-height:58px;
	font-size:14px;
	font-family:PingFang SC;
	clear:both
}
@media (max-width:1350px) {
#Left {
width:15% !important
}
#Left li {
width:100% !important
}
#Left li a {
width:85% !important;
padding-right:15% !important
}
.Right-head {
width:100% !important
}
#Right {
width:81% !important;
padding:0 2% !important
}
#Right .content, #Right .news_content, #Right .info_content, #Right .news_detail_content {
width:96% !important;
padding-left:2% !important;
padding-right:2% !important
}
#Right img {
width:100% !important
}
#Right .about-head, #Right .about-intro {
width:100% !important
}
#Right .culture {
width:98%
}
#Right .New {
width:49% !important
}
#Right .New .New-date {
width:100% !important
}
#Right .New .New-head {
width:100% !important
}
#Right .New .New-p {
margin-left:0 !important
}
#Right .News-logo {
width:47% !important;
padding-left:2% !important
}
#Right .News-logo img {
width:auto !important
}
#Right .news {
width:100% !important
}
#Right .news li {
margin-left:0 !important
}
#Right .news li .news-report {
margin-left:1.5% !important;
width:79% !important
}
#Right .news li .news-report p {
margin-left:0 !important
}
#Right .refresh {
width:100% !important
}
#Right .refresh img {
width:30px !important
}
#Right .news-date {
width:16% !important
}
#Right .else-news {
width:100% !important
}
#Right .else-news img {
width:12px !important;
height:12px !important
}
#Right .else-news .else {
width:10% !important
}
#Right .interact_introduce_p {
width:96% !important;
margin:30px 2% 0 !important
}
#Right .mating p {
width:100% !important
}
#Right .info-ul li {
width:100% !important
}
#Right .info_img li {
max-width:49% !important;
height:auto !important
}
#Right .info_img .three_size {
max-width:32% !important;
height:auto !important
}
#Right .notice_content p {
width:97% !important;
margin-left:3% !important
}
#Right .else-info {
width:100% !important
}
#Right .else-info img {
width:12px !important;
height:12px !important
}
#Right .else-info .else {
width:10% !important
}
.picScroll-left {
width:96% !important;
margin:0 2% !important
}
.picScroll-left .prev {
left:1% !important
}
.picScroll-left .next {
right:1% !important
}
.picScroll-left .bd {
width:744px !important
}
.picScroll-left .bd ul li .pic img {
width:240px !important;
height:auto !important
}
#call {
width:97% !important
}
#Top {
float:right !important
}
}
@media (min-width:1350px) {
.picScroll-left .bd {
width:1020px !important
}
.picScroll-left .bd .pic img {
width:332px !important;
height:auto !important
}
}
.news_content {
	width:960px;
	padding:0 20px 60px;
	margin-top:30px
}
.news_content img {
	max-width:100%
}
.news_content .New {
	width:480px;
	height:268px;
	float:left
}
.news_content .New a {
	color:#1a1a1a
}
.news_content .New a .New-date {
	width:480px;
	height:60px;
	background:url("../images/01.png");
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	font-family:Arial
}
.news_content .New a .New-head {
	padding-top:20px;
	width:480px;
	font-size:20px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.news_content .New a .New-p {
	overflow:hidden;
	padding-top:10px;
	font-size:16px;
	display:-webkit-box;
	-webkit-line-clamp:7;
	-webkit-box-orient:vertical;
	height:150px
}
.news_content .News-logo {
	float:left;
	padding-left:20px;
	width:460px;
	height:268px;
	text-align:center
}
.news_content .News-logo span {
	height:100%;
	vertical-align:middle;
	display:inline-block
}
.news_content .News-logo img {
	vertical-align:middle;
	max-height:100%
}
.news {
	position:relative;
	top:30px;
	border-top:1px solid #f0f0f0;
	width:1000px;
	clear:both
}
.news .news_content {
	width:960px;
	padding:0 20px 60px;
	margin:30px auto 30px
}
.news .news_content ul .wap_newsshow {
	display:none
}
.news .news_content ul li {
	margin-bottom:10px;
	height:130px;
	overflow:hidden
}
.news .news_content ul li .news-date {
	float:left;
	width:130px;
	height:130px;
	background:url("../images/02.png")
}
.news .news_content ul li .news-date .riqi {
	margin:13px 0 0 22px;
	display:block;
	font-family:Arial;
	font-size:40px;
	font-weight:bold;
	color:#fff
}
.news .news_content ul li .news-date .month {
	display:block;
	margin:-8px 0 0 22px;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold
}
.news .news_content ul li .news-date .year {
	display:block;
	margin:-1px 0 0 22px;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold
}
.news .news_content ul li .news-report {
	margin-left:16px;
	float:left;
	width:794px;
	height:130px;
	background:#e3e3e5;
	padding-left:20px
}
.news .news_content ul li .news-report .new-head {
	font-size:20px;
	font-weight:bold;
	color:#2c2e3b;
	padding:15px 20px 0 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.news .news_content ul li .news-report .wap_time {
	display:none
}
.news .news_content ul li .news-report p {
	padding-top:2px;
	color:#2c2e3b;
	margin-right:20px;
	height:65px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font-size:16px
}
.news .news_content .refresh {
	width:960px;
	height:60px;
	background:url("../images/03.png");
	text-align:center
}
.news .news_content .refresh a {
	display:block
}
.news .news_content .refresh a img {
	position:relative;
	top:6px;
	width:30px
}
.news .news_content .refresh a .a-load {
	font-size:16px;
	color:#fff;
	margin-left:10px;
	height:60px;
	line-height:60px
}
.news_detail_content {
	width:960px;
	padding:0 20px;
	margin-top:30px
}
.news_detail_content img {
	max-width:100%;
	display:block
}
.news_detail_content .news-date {
	float:left;
	width:130px;
	height:130px;
	background:url("../images/02.png")
}
.news_detail_content .news-date .riqi {
	position:relative;
	top:16px;
	padding-left:22px;
	font-family:Arial;
	font-size:54px;
	font-weight:bold;
	color:#fff
}
.news_detail_content .news-date .year {
	position:relative;
	top:10px;
	padding-left:22px;
	color:#fff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold
}
.news_detail_content .news-head {
	height:88px;
	padding-top:42px;
	display:block
}
.news_detail_content .news-head .font {
	font-size:26px;
	font-weight:bold;
	color:#2c2e3d;
	padding-left:36px;
	display:flex
}
.news_detail_content .news-head .time {
	margin:5px 0 0 36px;
	font-family:Arial;
	color:#b3b3b3;
	font-size:16px
}
.news_detail_content .head-p {
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	color:#2c2d3e
}
.news_detail_content p {
	font-size:16px;
	color:#2c2d3e;
	margin-top:20px
}
.news_detail_content .p1 {
	margin-top:10px
}
.news_detail_content img {
	margin-top:20px
}
.bottom {
	margin-bottom:20px
}
.else-news {
	width:1000px;
	height:24px;
	border-top:1px solid #f0f0f0;
	margin-bottom:60px
}
.else-news .else {
	float:right;
	margin:8px 10px 0 0
}
.else-news .else a {
	display:-webkit-flex;
	justify-content:center
}
.else-news .else a .fonts {
	color:#1a1a1a;
	font-size:12px
}
.else-news .else a img {
	width:12px;
	height:12px;
	margin:2px 0 0 8px
}
.news_de_more {
	display:none
}
.product_head {
	position:fixed;
	z-index:99;
	background:#fff
}
#product_banner {
	width:100%;
	min-width:1000px;
	height:500px;
	overflow:hidden;
	position:relative;
	/* padding-top:71px */
}
#product_banner img {
	width:1440px;
	height:500px;
	left:50%;
	position:absolute;
	margin-left:-720px
}
.product_main {
	padding-top:71px
}
.product_left {
	position:fixed;
	z-index:3
}
#product_Right {
	float:right;
	width:1000px;
	padding:0 20px
}
#product_Right #information .inf-logo {
	float:left;
	margin:0 10px;
	width:478px;
	height:204px;
	margin-top:30px;
	text-align:center
}
#product_Right #information .inf-logo span {
	height:100%;
	display:inline-block;
	vertical-align:middle
}
#product_Right #information .inf-logo img {
	vertical-align:middle;
	max-width:100%
}
#product_Right #information .inf-messages {
	margin-top:30px;
	float:left;
	width:462px;
	height:204px;
	background:#e5e5e5
}
#product_Right #information .inf-messages ul {
	padding:20px 0;
	margin-left:27px
}
#product_Right #information .inf-messages ul li {
	margin-bottom:12px;
	position:relative;
	height:32px
}
#product_Right #information .inf-messages ul li span {
	color:#1a1a1a;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	position:absolute;
	top:6.5px
}
#product_Right #information .inf-messages ul li #wechat {
	cursor:pointer
}
#product_Right #information .inf-messages ul li:last-child {
	margin-bottom:0
}
#product_Right #information .inf-messages ul .inf-code {
	display:none;
	position:relative;
	left:35px;
	top:-90px;
	background:url(../images/border.png) no-repeat;
	width:128px;
	height:122px;
	background-size:contain;
	padding-left:8px;
	padding-top:2px
}
#product_Right #information .inf-messages ul .inf-code img {
	width:120px;
	border-radius:5px
}
#product_Right #information .inf-messages ul .map {
	display:none;
	left:41px;
	top:-86px;
	z-index:2;
	width:240px;
	height:128px;
	position:relative;
	background:#e5e5e5;
	border:1px solid #2c2e3d;
	border-radius:5px
}
#product_Right #information .inf-messages ul .map:after, #product_Right #information .inf-messages ul .map:before {
	right:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
#product_Right #information .inf-messages ul .map:after {
	border-color:rgba(229, 229, 229, 0);
	border-right-color:#e5e5e5;
	border-width:5px;
	margin-top:-5px
}
#product_Right #information .inf-messages ul .map:before {
	border-color:rgba(44, 46, 61, 0);
	border-right-color:#2c2e3d;
	border-width:6px;
	margin-top:-6px
}
#product_Right #information .inf-messages ul .map iframe {
	border:0;
	border-radius:5px
}
#product_Right #information .inf-messages ul .map_image {
	height:128px;
	border:0;
	border-radius:5px;
	overflow:hidden
}
#product_Right #information .inf-messages ul .map_image img {
	width:100%;
	height:100%
}
#product_Right #brief {
	clear:both
}
#product_Right #brief .bri-head {
	margin:30px 0 0 20px;
	color:#2c2e3d;
	font-size:22px;
	font-weight:bold
}
#product_Right #brief p {
	margin:20px 20px 0;
	color:#2c2e3d;
	font-size:16px
}
#product_Right #brief .map2 {
	padding:20px 20px 0
}
#product_Right #brief .map2 iframe {
	border:0;
	width:100%;
	height:332px
}
#product_Right #brief .map2 .map_image_big img {
	width:100%
}
#product_Right #pro-images .pro-images-div {
	width:1000px;
	margin:30px 0 0 0;
	clear:both
}
#product_Right #pro-images .pro-images-div:after {
	content:'';
	display:block;
	clear:both
}
#product_Right #pro-images .pro-images-div .image-div {
	float:left;
	width:472px
}
#product_Right #pro-images .pro-images-div .image-div img {
	display:block;
	max-width:100%
}
#product_Right #pro-images .pro-images-div .image-div a {
	display:none
}
#product_Right #pro-images .pro-images-div .image-div a:first-child {
	display:block
}
#product_Right #pro-images .pro-images-div .image-div.odd {
	margin-left:20px
}
#product_Right #pro-images .pro-images-div .image-div.even {
	margin-left:16px
}
#product_Right #pro-images .pro-images-div .pro-image-font {
	margin:16px 0;
	font-size:18px;
	font-weight:bold;
	color:#2c2e3d;
	text-align:center
}
#product_Right #video {
	clear:both;
	margin-bottom:60px
}
#product_Right #video .video-list {
	text-align:center;
	font-size:0;
	margin-top:30px
}
#product_Right #video .video-list .video {
	width:940px;
	margin:0 auto;
	position:relative
}
#product_Right #video .video-list .video .surface {
	width:100%
}
#product_Right #video .video-list .video .icon {
	top:50%;
	position:absolute;
	margin-top:-35px;
	left:50%;
	margin-left:-35px;
	cursor:pointer;
	wdith:70px
}
#product_Right #video embed {
	width:810px;
	height:376px;
	margin:30px 0 0 95px
}
#cboxPrevious {
	background:url("../images/left.png") no-repeat scroll 0 center transparent;
	bottom:0;
	left:-100px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:80px;
	height:100%;
	border:0 none;
	outline:none
}
#cboxNext {
	background:url("../images/right.png") no-repeat scroll right center transparent;
	bottom:0;
	position:absolute;
	right:-100px;
	text-indent:-9999px;
	top:0;
	width:80px;
	height:100%;
	border:0 none;
	outline:none
}
@media (max-width:1350px) {
#product_Right {
padding:0 2% !important;
width:79% !important
}
#product_Right .pro-head {
width:100% !important
}
#product_Right .inf-logo {
margin-left:2% !important;
width:46% !important;
padding-right:1% !important
}
#product_Right .inf-logo img {
width:100% !important;
height:auto !important
}
#product_Right .inf-messages {
margin-left:2% !important;
width:47% !important
}
#product_Right .inf-messages ul {
margin:0 2% !important
}
#product_Right #brief {
width:100% !important
}
#product_Right #brief .bri-head {
margin-left:2% !important
}
#product_Right #brief p {
width:96% !important;
margin:0 2% !important
}
#product_Right #pro-images .pro-images-div {
width:100% !important
}
#product_Right #pro-images .pro-images-div .image-div {
width:47% !important
}
#product_Right #pro-images .pro-images-div .image-div img {
width:100% !important;
height:auto !important
}
#product_Right #pro-images .pro-images-div .image-div.odd {
margin-left:2%
}
#product_Right #pro-images .pro-images-div .image-div.even {
margin-left:2%
}
#product_Right #video embed {
width:96% !important;
margin:0 2% !important
}
#product_Right #video img {
max-width:96% !important
}
#product_Right #video .video-list .video {
max-width:96%
}
}
.mating img {
	display:block;
	max-width:100%
}
.mating .head {
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	background:#55466a;
	color:#fff
}
.mating .wap_head {
	display:none
}
.mating ul {
	margin:30px 0 28px 50px
}
.mating ul li {
	margin-bottom:20px
}
.mating ul li div {
	font-size:22px;
	font-weight:bold;
	color:#2c2e3d;
	margin-bottom:10px
}
.mating ul li p {
	font-size:20px;
	color:#2c2e3d;
	width:830px
}
.mating ul li img {
	margin-top:20px
}
.mating ul .five-li {
	margin:20px auto 8px
}
.mating ul .five-li li {
	margin-bottom:10px
}
.mating ul .five-li li div {
	font-size:20px;
	color:#2c2e3d;
	font-weight:bold
}
.mating ul .five-li li p {
	padding-left:15px;
	width:815px
}
.mating .sec_ul p, .mating .sec_ul img {
	margin-left:20px;
	width:810px
}
.mating .sec_ul .sec_ulimg {
	margin-bottom:10px
}
.nobottom {
	margin-bottom:0 !important;
	padding-bottom:0 !important
}
.info_content {
	width:960px;
	padding:0 20px 60px;
	margin-top:30px
}
.info_content img {
	max-width:100%
}
.info_content .info-ul li {
	width:960px;
	padding:10px 0;
	border-bottom:1px solid #e0e0e0
}
.info_content .info-ul li a {
	font-size:18px;
	color:#2c2e3d;
	padding-left:20px
}
.info_content .info-ul li .info-li-span {
	float:right;
	font-size:18px;
	color:#b3b3b3
}
.info_content .info-ul li:before {
	content:"";
	width:4px;
	height:4px;
	background:#1a1a1a;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position:absolute;
	margin:12px 10px 0 9px
}
.info_content .info-ul li:first-child {
	padding-top:0
}
.info_content .detail_head {
	color:#2c2e3d;
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px
}
.info_content p {
	color:#2c2e3d;
	font-size:18px
}
.info_content .bold {
	color:#2c2e3d;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	display:block
}
.info_content .info_img {
	margin:20px auto;
	overflow:hidden
}
.info_content .info_img li {
	float:left;
	margin-right:0
}
.info_content .info_img li img {
	display:block;
	max-width:473px;
	height:auto
}
.info_content .info_img li span {
	color:#2c2e3d;
	font-size:18px;
	display:block;
	text-align:center;
	margin-top:20px
}
.info_content .info_img li+li {
	margin-left:14px
}
.info_content .info_img .three_size img {
	max-width:310px;
	height:auto
}
.info_content .div-img-center {
	text-align:center
}
.info_content .div-img-center img {
	margin:20px auto;
	display:block
}
.info_content .div-img-center span {
	color:#2c2e3d;
	font-size:18px;
	display:block;
	text-align:center;
	margin-bottom:20px
}
.info_content .notice_head {
	color:#2c2e3d;
	font-size:24px;
	font-weight:bold;
	text-align:center
}
.info_content .time {
	color:#b3b3b3;
	font-size:18px;
	display:block;
	margin:10px auto 30px;
	text-align:center
}
.info_content.notice_content p {
	color:#2c2e3d;
	font-size:18px;
	margin:0 0 10px 20px
}
.info_content.notice_content span {
	color:#2c2e3d;
	font-size:18px
}
.info_content.notice_content span.time {
	color:#b3b3b3;
	font-size:18px
}
.info_content.notice_content .bold, .info_content.notice_content .notice_step {
	margin-left:0
}
.info_content.notice_content table {
	margin-left:20px;
	border-collapse:collapse
}
.info_content.notice_content table th, .info_content.notice_content table td {
	border:1px solid #666
}
.info_content.notice_content table th {
	text-align:center
}
.info_content .detail {
	margin-left:20px
}
.info_content .notice_step .num {
	color:#2c2e3d;
	font-size:18px;
	font-weight:bold;
	display:inline-block
}
.info_content .contact {
	padding-top:10px
}
.info_content .right-badging {
	float:right;
	margin:60px 84px 8px 0
}
.info_content .right-badging span {
	color:#2c2e3d;
	font-size:18px;
	padding-bottom:10px;
	display:inline-block
}
.info_content .attach {
	clear:both;
	padding-bottom:10px
}
.info_content .attach p {
	color:#2c2e3d;
	font-size:18px;
	margin-bottom:10px
}
.else-info {
	width:1000px;
	border-top:1px solid #f0f0f0;
	height:25px;
	margin-bottom:60px
}
.else-info .else {
	float:right;
	margin:8px 10px 0 0
}
.else-info .else a {
	display:-webkit-flex;
	justify-content:center
}
.else-info .else a .fonts {
	color:#2c2e3d;
	font-size:12px
}
.else-info .else a .else-info-more {
	width:12px;
	height:12px;
	margin-left:0 !important;
	margin-top:2px
}
.post {
	margin-top:30px;
	border-top:1px solid #f0f0f0;
	padding-bottom:30px
}
.post .head {
	margin-top:20px;
	color:#2c2e3d;
	font-size:22px;
	font-weight:bold;
	text-align:center
}
.post .job {
	margin:20px 27px 0 30px
}
.post .job .job-name {
	display:block;
	margin-bottom:10px;
	color:#2c2e3d;
	font-size:16px;
	font-weight:bold
}
.post .job .job-require {
	color:#2c2e3d;
	font-size:16px;
	margin:0 0 10px 40px
}
.post .job p:last-child {
	margin-bottom:0
}
.work {
	border-top:1px solid #f0f0f0;
	padding:20px 0
}
.work .workplace {
	margin:0 0 10px 30px
}
.work .workplace .bold-font {
	color:#2c2e3d;
	font-size:16px;
	font-weight:bold
}
.work .workplace .work-content {
	color:#2c2e3d;
	font-size:16px
}
.work div:last-child {
	margin-bottom:0
}
.last {
	padding-bottom:0
}
.content .legal-p {
	color:#2c2e3d;
	font-size:18px;
	margin-bottom:20px
}
.content .legal-content {
	border-top:1px solid #f0f0f0
}
.content .legal-content p:last-child {
	margin-bottom:0
}
.content .state {
	color:#2c2e3d;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin-bottom:10px
}
.content .state-p {
	color:#2c2e3d;
	font-size:18px;
	margin-bottom:20px
}
.content span:first-child {
	margin-top:20px
}
@media (min-width:641px) {
.wap_show {
display:none !important
}
}
@media (max-width:640px) {
html, body {
min-width:100% !important;
font-family:SansSerif !important;
font-size:12px
}
html {
overflow-x:auto
}
body {
min-width:320px !important;
overflow-x:hidden
}
.center {
width:auto !important;
margin:0 20px !important
}
.holding {
overflow-x:hidden;
height:100% !important
}
.slide-left {
margin-right:-230px;
padding-right:230px;
overflow-x:hidden;
-webkit-transform:translate(-230px, 0);
-ms-transform:translate(-230px, 0);
transform:translate(-230px, 0);
transition:transform .3s linear
}
.slide-right {
transition:all .3s linear;
margin-right:0;
padding-right:0;
overflow-x:hidden
}
.menu_slide {
-webkit-transform:translate(230px, 0);
-ms-transform:translate(230px, 0);
transform:translate(230px, 0);
transition:transform .3s linear
}
.drawer-overlay-upper {
position:fixed;
top:0;
left:-230px;
z-index:1100;
display:none;
height:100%;
width:100%;
background-color:#000;
background-color:rgba(0, 0, 0, 0.5)
}
.drawer-overlay-upper .wap_head_close {
display:block !important;
float:right;
margin-right:36px;
margin-top:21px;
cursor:pointer
}
.drawer-overlay-upper .wap_head_close img {
display:block
}
#head {
min-width:100% !important;
height:60px !important;
position:relative
}
#head .alogo {
line-height:61px !important
}
#head .alogo .logo_img {
width:128px !important
}
#head .title {
display:block !important;
margin-right:3.1%;
height:60px;
line-height:60px;
float:right;
font-size:1.33rem;
color:#808080
}
#head .title.hidden {
display:none !important
}
#head #navigation {
overflow:hidden;
position:absolute;
top:0;
right:-230px;
width:230px !important;
height:100vh !important;
background:#2c2e3d;
padding-top:80px;
z-index:99
}
#head #navigation .navi {
float:none !important;
width:200px !important;
height:28px !important;
margin-left:30px;
margin-bottom:22px;
font-size:1.67rem !important;
text-align:left !important;
line-height:normal !important
}
#head #navigation .navi .navi-a {
color:#fff !important;
display:block;
width:230px !important;
height:28px !important
}
#head #navigation .navi.current, #head #navigation .navi:hover {
background:#2c2d3e
}
#head #navigation .navi.current a, #head #navigation .navi:hover a {
color:#fff;
font-weight:bold
}
#head #navigation .navi:hover .second-navi {
display:none !important
}
#head #navigation .nav_logoimg {
display:block !important;
position:fixed;
bottom:40px;
right:58px
}
#head #navigation .nav_logoimg img {
display:block
}
#head .SubavButton {
float:right;
margin-top:21px;
display:block !important;
cursor:pointer
}
#head .SubavButton:hover+#navigation {
display:block !important
}
#index_main {
min-width:100% !important
}
#index_main #focus {
min-width:100% !important;
height:auto !important
}
#index_main #focus .bd {
height:auto !important
}
#index_main #focus .bd li {
height:auto !important;
padding-top:0 !important
}
#index_main #focus .bd li img {
width:200% !important;
height:auto !important;
left:0 !important;
margin-left:-50% !important;
position:static;
display:block
}
#index_main #focus .hd {
position:absolute !important;
bottom:14px !important;
height:6px !important
}
#index_main #focus .hd ul {
display:block !important
}
#index_main #focus .hd ul li {
width:6px !important;
height:6px !important;
margin-left:10px !important
}
#index_main #focus .hd ul .on {
width:22px !important
}
#index_main #focus:hover #P, #index_main #focus:hover #R {
display:none !important
}
#index_main .wap_index_menu, #index_main .wap_index_img {
display:block !important
}
#index_main #introduce {
display:none
}
#index_footer, #banner, #footer {
display:none
}
#wap_footer {
display:block !important
}
.wap_banner {
display:block !important;
width:100%;
height:60px;
background-color:#2c2e3d;
position:relative
}
.wap_banner .title {
font-size:1.5rem;
color:#fff;
text-align:center;
height:60px;
line-height:60px;
padding:0 50px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.wap_banner .navi_bottom {
position:absolute;
top:0;
right:20px;
height:60px;
line-height:60px
}
.wap_banner .navi_bottom a {
display:block;
font-size:0
}
.wap_banner .navi_bottom a img {
vertical-align:middle
}
.wap_second_navi {
z-index:999;
display:block !important;
background:#2c2e3d;
position:fixed;
top:0;
left:0;
width:100vw;
height:0;
overflow:hidden
}
.wap_second_navi .logoimg {
position:absolute;
top:26px;
left:0;
right:0;
margin:auto;
display:block;
width:44%
}
.wap_second_navi .logoimg img {
max-width:100%;
height:auto
}
.wap_second_navi ul {
margin-top:30%
}
.wap_second_navi ul li {
margin-bottom:22px
}
.wap_second_navi ul li a {
font-size:1.67rem;
color:#fff;
text-align:center;
display:block
}
.wap_second_navi .close {
position:absolute;
width:9.7%;
cursor:pointer;
left:0;
right:0;
bottom:20px;
margin:auto;
display:block
}
.wap_second_navi .close img {
max-width:100%;
height:auto
}
#main {
min-width:100% !important;
background:#fff !important
}
#main .center {
margin:0 !important
}
#main #Right {
float:none;
width:100% !important;
padding:0 !important
}
#main #Right .content {
padding:0 !important;
width:100% !important;
margin-top:0 !important
}
#main #Right .content .about-head {
margin:30px 6.25% 10px !important;
width:87.5% !important
}
#main #Right .content .about-head .head_C {
font-size:1.5rem !important;
color:#818083 !important;
margin-right:2.2% !important;
letter-spacing:0 !important;
font-weight:bold
}
#main #Right .content .about-head p {
margin-top:10px !important;
color:#818083 !important;
line-height:22px
}
#main #Right .content .about-img {
display:none !important
}
#main #Right .content .wap_aboutimg {
display:block !important;
width:100%
}
#main #Right .content .wap_aboutimg img {
width:100%;
height:auto;
display:block
}
#main #Right .content .about-intro {
margin:10px 0 40px !important;
width:100% !important
}
#main #Right .content .about-intro li {
padding:0 6.25% !important
}
#main #Right .content .about-intro li div {
padding-left:6px !important;
color:#818083 !important;
font-weight:bold
}
#main #Right .content .about-intro li div:before {
width:3px !important;
height:3px !important;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
background:#818083 !important;
top:8px
}
#main #Right .content .about-intro li p {
padding:10px 0 10px 10px !important;
color:#818083 !important;
line-height:22px
}
#main #Right .content .culture-img {
max-width:100% !important
}
#main #Right .content .culture {
display:none
}
#main #Right .content .wap_culture {
display:block !important;
color:#2c2e3d;
width:100%;
margin:0;
line-height:22px
}
#main #Right .content .wap_culture h2 {
margin:10px 0 !important;
padding-bottom:6px !important;
border-bottom:2px solid #f0f0f0 !important;
font-size:1.5rem !important;
color:#818083;
font-weight:bold
}
#main #Right .content .wap_culture .wap_p {
margin-bottom:40px
}
#main #Right .content .wap_culture .wap_p li {
font-size:1.33rem;
color:#818083;
padding-left:10px;
position:relative;
margin-bottom:10px
}
#main #Right .content .wap_culture .wap_p li span {
font-weight:bold
}
#main #Right .content .wap_culture .wap_p li p {
margin:0 !important
}
#main #Right .content .wap_culture .wap_p li:before {
content:"";
width:4px;
height:4px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
background:#818083;
position:absolute;
left:0;
top:9px
}
#main #Right .content .wap_culture .wap_p li:last-child {
margin-bottom:0
}
#main #Right .content .duty-img {
display:none !important
}
#main #Right .content .wap_duty {
margin-top:10px;
display:block !important;
width:100% !important;
height:auto !important
}
#main #Right .content .duty {
margin:20px 20px 40px !important
}
#main #Right .content .duty p {
padding-top:10px !important;
color:#818083 !important;
line-height:22px
}
#main #Right .content .honor_img {
display:none
}
#main #Right .content .pc_honor {
display:none
}
#main #Right .content .wap_honor {
display:block !important
}
#main #Right .content .wap_honor .head {
height:100%;
height:65px;
padding:15px 0 0 6.25%;
vertical-align:middle;
background:url(../images/honorbg.png) no-repeat;
background-size:100% auto;
font-size:1.5rem;
color:#fff
}
#main #Right .content .wap_honor .head .E {
margin-top:4px
}
#main #Right .content .wap_honor .awards {
background:#e3e3e5;
width:87.5%;
padding:20px 6.25%
}
#main #Right .content .wap_honor .awards .title {
font-weight:bold;
font-size:1.5rem;
color:#818083;
text-align:center
}
#main #Right .content .wap_honor .awards p {
margin-top:10px;
font-size:1.33rem;
color:#818083;
line-height:22px
}
#main #Right .content .wap_honor .awards p span {
font-weight:bold
}
#main #Right .content .wap_honor .h_more {
margin:10px auto;
width:100%;
height:60px;
line-height:60px;
background-image:linear-gradient(-45deg, #423762 0, #604e7c 100%);
text-align:center;
font-size:1.33rem
}
#main #Right .content .wap_honor .h_more a {
display:block;
color:#fff
}
#main #Right .content .wap_honor .h_more a .Refresh2 {
width:30px !important;
position:relative;
top:5px
}
#main #Right .wap_hide, #main #Right .news-date {
display:none
}
#main #Right .news {
position:static !important;
margin:10px 0 !important;
border-top:none !important;
width:100% !important
}
#main #Right .news .news_content {
width:100% !important;
padding:0 !important;
margin:0 !important
}
#main #Right .news .news_content ul .wap_newsshow {
display:block !important
}
#main #Right .news .news_content ul li {
width:100% !important;
height:122px !important
}
#main #Right .news .news_content ul li .news-report {
margin:0 !important;
float:none !important;
width:87.5% !important;
height:122px !important;
background:#e3e3e5;
padding:0 6.25%
}
#main #Right .news .news_content ul li .news-report .new-head {
font-size:1.33rem !important;
font-weight:bold;
color:#818083 !important;
padding:12px auto 2px !important
}
#main #Right .news .news_content ul li .news-report .wap_time {
display:block !important;
color:#858585;
font-size:1.17rem
}
#main #Right .news .news_content ul li .news-report p {
padding-top:12px !important;
color:#818083 !important;
font-size:1.33rem !important;
margin-right:0 !important;
height:44px !important;
-webkit-line-clamp:2 !important;
line-height:22px
}
#main #Right .news_detail_content {
width:87.5% !important;
padding:0 6.25% !important;
margin-top:0 !important
}
#main #Right .news_detail_content .news-head {
height:auto !important;
padding-top:10px !important
}
#main #Right .news_detail_content .news-head .font {
font-weight:bold;
font-size:1.33rem !important;
color:#818083 !important;
padding-left:0 !important
}
#main #Right .news_detail_content .news-head .time {
display:block;
margin:6px 0 15px 0 !important;
font-family:MicrosoftSansSerif !important;
font-size:1.17rem !important
}
#main #Right .news_detail_content .head-p {
margin-top:0 !important;
font-size:16px;
font-weight:normal !important;
font-family:MicrosoftSansSerif !important;
color:#818083 !important;
line-height:22px
}
#main #Right .news_detail_content p {
color:#818083 !important;
margin-top:10px !important;
font-family:MicrosoftSansSerif !important;
font-size:1.17rem !important;
line-height:20px
}
#main #Right .news_detail_content img {
margin-top:10px !important
}
#main #Right .bottom {
margin-bottom:10px !important
}
#main #Right .else-news {
display:none
}
#main #Right .news_de_more {
display:block !important;
width:100%;
height:60px;
background:url("../images/03.png");
text-align:center;
margin-bottom:10px
}
#main #Right .news_de_more a {
display:block
}
#main #Right .news_de_more a .a-load {
font-size:16px;
color:#fff;
height:60px;
line-height:60px
}
#main #Right .bbs {
display:none
}
#main #Right .wap_bbs {
display:block !important;
width:100%
}
#main #Right .wap_bbs li {
margin-bottom:20px
}
#main #Right .wap_bbs li a {
display:block
}
#main #Right .wap_bbs li a img {
max-width:100%;
height:auto;
display:block
}
#main #Right .wap_bbs li a div {
width:100%;
height:44px;
line-height:44px;
text-align:center;
background:#2c2e3d;
font-size:1.67rem;
font-weight:bold;
color:#fff
}
#main #Right .pc_contact {
display:none
}
#main #Right .wap_contact {
display:block !important;
width:90.6%;
margin:15px 4.7% 113px
}
#main #Right .wap_contact div {
margin-top:10px;
line-height:22px;
font-size:1.33rem
}
#main #Right .wap_contact div p {
color:#818083;
line-height:26px
}
#main #Right .wap_contact div p span {
color:#818083;
font-weight:bold
}
#main #Right .interact_introduce_p {
border-top:none !important;
margin:10px 6.25% 40px !important;
width:87.5% !important
}
#main #Right .interact_introduce_p p {
color:#818083 !important;
margin-bottom:15px !important
}
#main #Right .interact_introduce_p p:first-child {
margin-top:0 !important
}
#main #Right .mating .head {
display:none
}
#main #Right .mating .wap_head {
display:block !important;
background:#e3e3e5;
width:100%;
height:44px;
line-height:44px;
text-align:center;
font-size:1.5rem;
color:#818083
}
#main #Right .mating ul {
margin:10px 6.25% 0 !important
}
#main #Right .mating ul li {
margin-bottom:10px !important
}
#main #Right .mating ul li div {
font-size:1.33rem !important;
color:#818083 !important;
line-height:22px
}
#main #Right .mating ul li p {
width:100% !important;
font-size:1.33rem !important;
color:#818083 !important
}
#main #Right .mating ul li img {
margin-top:10px !important
}
#main #Right .mating ul .five-li {
margin:10px 0 0 !important
}
#main #Right .mating ul .five-li li {
margin-bottom:10px
}
#main #Right .mating ul .five-li li div {
font-size:1.33rem !important;
font-weight:bold;
color:#333235 !important;
line-height:22px
}
#main #Right .mating ul .five-li li p {
padding-left:2.5% !important;
width:97.5% !important;
font-size:1.33rem !important;
color:#818083 !important
}
#main #Right .mating .sec_ul {
margin-bottom:40px !important
}
#main #Right .mating .sec_ul p, #main #Right .mating .sec_ul img {
margin-left:0 !important;
width:100% !important
}
#main #Left, #main .Right-head, #main .picScroll-left, #main #call, #main #TOP {
display:none
}
#product_banner {
min-width:auto;
height:auto;
padding-top:0
}
#product_banner img {
position:static;
width:100%;
height:auto;
margin-left:0
}
#main .L-R #product_Right {
padding:0 !important;
width:100% !important
}
#main .L-R #product_Right .Right-head {
display:block !important;
height:31px;
margin:0 10px;
box-sizing:border-box;
width:auto !important
}
#main .L-R #product_Right .inf-logo {
box-sizing:border-box;
width:auto !important;
padding-right:0 !important;
margin:0 10px !important;
height:130px
}
#main .L-R #product_Right .inf-logo img {
max-width:75%;
margin:0 auto
}
#main .L-R #product_Right .inf-messages {
box-sizing:border-box;
width:auto !important;
clear:both;
float:none;
margin:0 !important;
height:auto;
padding:0 40px
}
#main .L-R #product_Right .inf-messages ul li {
text-align:center;
height:auto;
margin-bottom:20px
}
#main .L-R #product_Right .inf-messages ul li:last-child {
margin-bottom:0
}
#main .L-R #product_Right .inf-messages ul li>img {
width:40px;
margin-bottom:8px
}
#main .L-R #product_Right .inf-messages ul li span {
position:static;
display:block;
color:#818083;
word-wrap:break-word;
word-break:keep-all;
margin-left:0;
line-height:20px
}
#main .L-R #product_Right .inf-messages ul li .map {
display:inline-block;
position:static;
border-radius:0;
border:0;
margin-top:10px
}
#main .L-R #product_Right .inf-messages ul li .map:after, #main .L-R #product_Right .inf-messages ul li .map:before {
display:none
}
#main .L-R #product_Right .inf-messages ul li .map iframe {
border-radius:0;
border:0
}
#main .L-R #product_Right .inf-messages ul li .inf-code {
display:block;
background:transparent;
position:static;
width:122px;
padding:0;
margin:10px auto 0
}
#main .L-R #product_Right #brief .bri-head {
text-align:center;
color:#818083;
font-weight:bold;
font-size:18px;
line-height:25px;
height:25px;
margin:10px 0
}
#main .L-R #product_Right #brief p {
line-height:22px;
margin:0 20px !important;
width:auto;
width:auto !important;
color:#818083
}
#main .L-R #product_Right #brief .map2 {
display:none
}
#main .L-R #product_Right #pro-images .pro-images-div {
margin-top:10px
}
#main .L-R #product_Right #pro-images .pro-images-div .image-div {
width:100% !important;
margin:0 auto !important
}
#main .L-R #product_Right #pro-images .pro-images-div .pro-image-font {
font-size:16px;
color:#818083;
line-height:22px;
height:22px;
margin:10px auto
}
#main .L-R #product_Right .video-list {
display:none
}
#main .L-R #product_Right .video-list-wap {
margin-top:10px;
display:block !important
}
.post {
margin-top:0;
border-top:0;
padding-bottom:10px
}
.post .head {
font-size:18px;
color:#818083;
height:25px;
line-height:25px;
padding:10px 0;
text-align:left;
margin:0 20px;
border-bottom:1px solid #f0f0f0
}
.post .job {
padding:0 20px 0;
margin:0;
line-height:22px
}
.post .job .job-name {
margin:10px 0 0;
font-size:16px;
color:#818083
}
.post .job .job-require {
margin:0;
font-size:16px;
color:#818083;
margin-top:10px
}
.work {
margin:0 20px;
border-top:0;
padding:10px 0;
border-top:1px solid #f0f0f0
}
.work:last-child {
margin-bottom:20px
}
.work .workplace {
padding:0;
margin:0;
line-height:22px;
margin-top:10px
}
.work .workplace:first-child {
margin-top:0
}
.work .workplace .bold-font {
font-size:16px;
color:#818083
}
.work .workplace .work-content {
font-size:16px;
color:#818083;
display:block
}
#Right .info_content {
width:100% !important;
margin:0 !important;
padding:0 !important
}
#Right .info_content .info-ul li {
border:0;
background:#e3e3e5;
height:50px;
line-height:50px;
margin-top:10px;
padding:0 60px 0 20px;
box-sizing:border-box;
position:relative
}
#Right .info_content .info-ul li:before {
margin:23px 10px 0 2px;
background:#818083
}
#Right .info_content .info-ul li:after {
content:">";
position:absolute;
right:20px;
font-size:16px;
color:#818083;
font-family:'微软雅黑';
top:0;
line-height:50px
}
#Right .info_content .info-ul li a {
color:#818083;
font-weight:bold;
padding-left:13px;
font-size:16px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
#Right .info_content .info-ul li .info-li-span {
display:none
}
#Right .info_content.wpb30 {
padding-bottom:30px !important
}
#Right .info_content.wplr20 {
padding-left:20px !important;
padding-right:20px !important;
box-sizing:border-box
}
#Right .info_content .detail_head, #Right .info_content .notice_head {
font-size:16px;
color:#818083;
line-height:22px;
margin:10px 0;
text-align:center;
padding:0
}
#Right .info_content .detail_head {
display:none
}
#Right .info_content .notice_head {
text-align:left
}
#Right .info_content>p {
margin:0;
line-height:22px;
font-size:16px;
color:#818083
}
#Right .info_content .bold {
font-size:16px;
color:#818083;
line-height:22px;
margin:10px 0;
text-align:center;
padding:0
}
#Right .info_content .info_img {
margin:10px 0 0 !important
}
#Right .info_content .info_img li {
max-width:none !important;
margin:0 !important;
width:100%
}
#Right .info_content .info_img li img {
max-width:none !important
}
#Right .info_content .info_img li span {
line-height:22px;
font-size:16px;
color:#818083;
margin:10px 0
}
#Right .info_content .div-img-center {
margin:10px 0 0 !important
}
#Right .info_content .div-img-center img {
max-width:none !important;
margin:0 !important;
width:100%
}
#Right .info_content .div-img-center span {
line-height:22px;
font-size:16px;
color:#818083;
margin:10px 0
}
#Right .info_content .div-img-center span.nobottom {
margin-bottom:10px !important
}
#Right .info_content.notice_content table {
margin-left:0
}
#Right .info_content.notice_content table th, #Right .info_content.notice_content table td {
border:1px solid #818083;
color:#818083
}
#Right .info_content.notice_content .time {
font-size:14px;
color:#b3b3b3;
text-align:left;
margin:0 0 10px
}
#Right .info_content.notice_content p {
margin:0 0 10px !important;
font-size:16px;
color:#818083;
line-height:22px;
width:auto !important
}
#Right .info_content.notice_content .bold {
text-align:left
}
#Right .info_content.notice_content .notice_step {
margin:0 0 10px
}
#Right .info_content.notice_content .notice_step .num {
font-size:16px;
color:#818083;
line-height:22px;
margin:0;
text-align:center;
padding:0
}
#Right .info_content.notice_content .notice_step span {
font-size:16px;
color:#818083;
line-height:22px
}
#Right .info_content.notice_content .notice_step span.wb {
display:block;
margin-top:10px
}
#Right .info_content.notice_content .right-badging {
margin:20px 0 20px 0
}
#Right .info_content.notice_content .right-badging span {
font-size:16px;
color:#818083
}
#Right .info_content.notice_content .detail {
margin-left:0
}
#Right .info_content.notice_content .contact {
padding-top:0
}
.wap_hide {
display:none !important
}
}
@media (min-width:400px) {
.wap_index_menu div {
font-size:1.33rem !important;
margin:10px auto !important
}
}
@media (min-width:450px) {
.wap_index_menu div {
font-size:1.5rem !important;
margin:12px auto !important
}
}
html, body {
	margin:0;
	padding:0;
	min-width:1000px;
	font-family:Microsoft YaHei
}
img {
	border-style:none
}
p {
	margin:0;
	padding:0
}
ul, li {
	margin:0;
	padding:0;
	list-style:none
}
input, select {
	outline:none;
	margin:0;
	padding:0;
	border:none
}
input:-moz-placeholder {
color:#2d2e3c
}
::-webkit-input-placeholder {
color:#2d2e3c
}
a {
	text-decoration:none;
	outline:none
}
.noselect {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none
}
.center {
	width:1220px;
	margin:0 auto
}
#head {
	min-width:1000px;
	width:100%;
	height:70px;
	border-bottom:1px solid #ccc
}
#head .alogo {
	line-height:71px;
	font-size:0
}
#head .alogo .logo_img {
	width:168px;
	height:auto;
	vertical-align:middle
}
#head #navigation {
	float:right;
	width:720px
}
#head #navigation .navi {
	float:left;
	width:120px;
	height:71px;
	font-size:18px;
	text-align:center;
	line-height:71px;
	position:relative
}
#head #navigation .navi .navi-a {
	color:#2c2e3d;
	display:block;
	width:120px;
	height:70px
}
#head #navigation .navi.current, #head #navigation .navi:hover {
	background:#2c2d3e
}
#head #navigation .navi.current a, #head #navigation .navi:hover a {
	color:#fff
}
#head #navigation .navi:hover .second-navi {
	display:block
}
#head #navigation .navi .second-navi {
	display:none;
	position:absolute;
	z-index:1;
	top:70px;
	width:480px;
	background:#2c2d3e
}
#head #navigation .navi .second-navi .second {
	width:120px;
	height:48px;
	font-size:14px;
	float:left;
	text-align:center;
	line-height:48px
}
#head #navigation .navi .second-navi .second a {
	width:120px;
	height:48px;
	display:inline-block
}
#head #navigation .navi #interact {
	width:600px;
	right:0
}
#head #navigation .navi #product li {
	width:180px;
	height:150px
}
#head #navigation .navi #product li a {
	width:160px
}
#head #navigation .navi #product li .third-navi {
	height:62px;
	text-align:left;
	width:auto;
	display:table;
	margin:0 auto
}
#head #navigation .navi #product li .third-navi a {
	height:30px;
	width:auto;
	display:table-row
}
#head #navigation .navi #product li .third-navi a li {
	height:30px;
	line-height:30px;
	width:auto;
	display:table-row
}
#head #navigation .navi #product li .third-navi a li:before {
	content:"·";
	color:#fff;
	position:relative;
	left:-2px
}
#head #navigation .navi #consult {
	width:240px;
	right:0
}
#head #navigation li:nth-child(4):hover #interact {
display:block
}
#head #navigation li:nth-child(5):hover #consult {
display:block
}
#head #navigation .nav_logoimg {
	display:none
}
#head .SubavButton {
	float:right;
	margin-top:21px;
	display:none;
	cursor:pointer
}
#focus {
	min-width:1000px;
	width:100%;
	height:649px;
	position:relative
}
#focus .bd {
	height:649px;
	width:100%
}
#focus .bd ul li {
	width:100%;
	height:649px;
	overflow:hidden;
	position:relative
}
#focus .bd ul li img {
	width:1808px;
	height:649px;
	top:0;
	left:50%;
	position:absolute;
	margin-left:-904px
}
#focus .hd {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:30px
}
#focus .hd ul {
	display:inline-block;
	font-size:0
}
#focus .hd ul li {
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-left:20px;
	opacity:.8
}
#focus .hd ul .on {
	background:#2c2e3d;
	width:40px;
	border-radius:50px
}
#focus #P {
	display:none;
	margin-top:-27.5px;
	position:absolute;
	left:3%;
	top:50%;
	z-index:1;
	width:32px;
	height:55px;
	background-color:#172127;
	background-image:url(../images/slider-arrow.png);
	background-repeat:no-repeat;
	background-position:-110px 10px;
	opacity:.5;
	color:#333
}
#focus #R {
	display:none;
	margin-top:-27.5px;
	position:absolute;
	left:auto;
	right:3%;
	top:50%;
	z-index:1;
	width:32px;
	height:55px;
	background-color:#172127;
	background-image:url(../images/slider-arrow.png);
	background-repeat:no-repeat;
	background-position:8px 10px;
	opacity:.5;
	color:#333
}
#focus:hover #P, #focus:hover #R {
	display:block
}
.noright {
	padding-right:0 !important;
	margin-right:0 !important
}
.wap_index_menu {
	display:none;
	width:100%;
	background:#e5e5e5;
	padding:20px 0 14px 0
}
.wap_index_menu ul {
	width:81.3%;
	margin:0 auto;
	overflow:hidden
}
.wap_index_menu ul li {
	float:left;
	width:24.5%;
	margin-right:13.25%
}
.wap_index_menu ul li a {
	display:block
}
.wap_index_menu ul li a img {
	display:block;
	width:100%;
	height:auto
}
.wap_index_menu ul li a div {
	margin:6px auto;
	font-size:1.17rem;
	color:#808080;
	letter-spacing:0;
	text-align:center
}
.wap_index_img {
	display:none;
	width:100%
}
.wap_index_img li {
	margin-bottom:10px
}
.wap_index_img li a {
	display:block
}
.wap_index_img li a img {
	display:block;
	height:auto;
	width:100%;
	max-width:100%
}
#introduce {
	width:100%;
	height:345px;
	min-width:1000px;
	background:#e5e5e5
}
#introduce #pho {
	margin-top:20px;
	float:left;
	width:410px;
	height:224px;
	border-radius:10px
}
#introduce #pho #focus2 {
	position:relative;
	box-shadow:0 15px 80px #6d6c6c;
	shadow:0 15px 80px #6d6c6c;
	border-radius:10px
}
#introduce #pho #focus2 .bd2 {
	border-radius:10px
}
#introduce #pho #focus2 .bd2 ul {
	border-radius:10px
}
#introduce #pho #focus2 .bd2 ul li {
	border-radius:10px
}
#introduce #pho #focus2 .bd2 ul li a {
	width:410px;
	height:224px;
	display:block;
	border-radius:10px
}
#introduce #pho #focus2 .bd2 ul li a img {
	width:100%;
	height:100%;
	border-radius:10px
}
#introduce #pho #focus2 .hd {
	width:410px;
	position:absolute;
	bottom:-20px;
	right:0
}
#introduce #pho #focus2 .hd ul {
	display:inline-block;
	font-size:0;
	float:right;
	margin-right:20px
}
#introduce #pho #focus2 .hd ul li {
	display:inline-block;
	width:6px;
	height:6px;
	background-color:#666;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-left:10px;
	border:1px solid #aaa;
	font-size:0
}
#introduce #pho #focus2 .hd ul .on {
	background:#2c2e3d;
	width:8px;
	height:8px;
	border-radius:50px;
	border:0
}
#introduce #pho #focus2 .pho-font {
	height:40px;
	line-height:40px;
	width:370px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	position:absolute;
	bottom:0;
	font-size:18px;
	color:#fff;
	background-color:rgba(34, 34, 34, 0.4);
	padding:0 20px;
	border-radius:10px
}
#introduce #pho #focus2 #R2 {
	position:absolute;
	right:-48px;
	top:0;
	cursor:pointer;
	width:35px;
	height:224px;
	line-height:224px
}
#introduce #pho #focus2 #R2 img {
	width:12px;
	height:12px;
	margin-left:10px
}
#introduce #intro-right {
	float:left;
	margin:20px 0 0 60px;
	width:748px;
	height:224px;
	background:#fff;
	border:1px solid #ccc
}
#introduce #intro-right .intro-right-head {
	width:66px;
	font-size:16px;
	color:#1a1a1a;
	padding-bottom:8px;
	border-bottom:4px solid #1a1a1a
}
#introduce #intro-right .intro-right-head .news-more {
	float:right;
	margin:3px 10px 0 0
}
#introduce #intro-right .intro-right-head .news-more img {
	width:9px;
	height:9px
}
#introduce #intro-right #profile {
	float:left;
	margin:20px 0 0 40px
}
#introduce #intro-right #profile .profile-p {
	margin-top:8px;
	border-top:2px solid #f0f0f0;
	width:320px;
	height:154px;
	overflow:hidden;
	font-size:12px;
	color:#1a1a1a;
	text-indent:2em;
	line-height:18px
}
#introduce #intro-right #profile .profile-p p:first-child {
	padding-top:12px
}
#introduce #intro-right #news {
	float:left;
	margin:20px 0 0 30px
}
#introduce #intro-right #news .news-li {
	margin-top:8px;
	border-top:2px solid #f0f0f0;
	width:320px;
	font-size:12px;
	color:#1a1a1a
}
#introduce #intro-right #news .news-li li {
	font-size:12px;
	height:30px;
	border-bottom:1px solid #f0f0f0;
	line-height:30px
}
#introduce #intro-right #news .news-li li a {
	color:#1a1a1a;
	margin-left:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:225px;
	display:inline-block
}
#introduce #intro-right #news .news-li li:before {
	content:"";
	width:4px;
	height:4px;
	background:#1a1a1a;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	position:absolute;
	margin:14px 0 0 8px
}
#introduce #intro-right #news .news-li li .date {
	float:right;
	font-size:12px;
	color:#b3b3b3
}
#introduce #call {
	width:1219px;
	height:48px;
	border-top:2px solid #656565;
	float:left;
	margin-top:47px
}
#introduce #call #messagepng {
	vertical-align:middle;
	display:inline-block;
	height:19px;
	line-height:19px
}
#introduce #call #call-font {
	display:inline-block;
	height:50px;
	line-height:50px;
	margin-left:18px;
	font-size:14px;
	font-family:PingFang SC
}
#introduce #call #call-font a {
	color:#2c2d3e
}
#introduce #call #num {
	float:right;
	font-size:18px;
	color:#2c2e3d;
	font-family:PingFang SC;
	padding-right:11px;
	margin-top:16px
}
#introduce #call #num:after {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-right:4px solid #2c2e3d;
	border-bottom:4px solid transparent;
	position:absolute;
	margin:5px 0 0 7px
}
#introduce #call .call-right {
	margin-top:-2px;
	width:48px;
	background:#2c2e3d;
	float:right;
	position:relative;
	border-right:1px solid #343648;
	border-left:1px solid #242531;
	text-align:center;
	padding-top:13px;
	height:37px;
	cursor:pointer
}
#introduce #call .call-right #code-img {
	display:none;
	position:absolute;
	top:-118px;
	right:-20px
}
#introduce #call .call-right #code-img img {
	width:98px;
	height:98px;
	border-radius:5px;
	border:1px solid #2c2d3e
}
#introduce #call .call-right #code-img:before {
	content:"";
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid #fff;
	position:absolute;
	top:99px;
	left:43px;
	z-index:2
}
#introduce #call .call-right #code-img:after {
	content:"";
	width:0;
	height:0;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-top:9px solid #2c2d3e;
	position:absolute;
	top:99px;
	left:42px;
	z-index:1
}
#introduce #call .text {
	float:right;
	background:#fff;
	height:47px;
	width:0;
	overflow:hidden;
transition:all .3s linear
}
#introduce #call .text input {
	width:186px;
	height:47px;
	color:#2d2e3c;
	font-size:18px;
	padding-left:10px
}
#introduce #call .text:after {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-right:4px solid #2d2e3c;
	border-bottom:4px solid transparent;
	float:right;
	margin-top:-23px
}
#introduce #call .text:hover {
	width:200px !important
}
#introduce #call span:nth-child(3) {
border-right:none;
width:49px
}
#introduce #call span:nth-child(4):hover+.text {
width:200px !important
}
#introduce #call span:nth-child(6) {
border-left:none;
width:49px
}
#wap_footer {
	display:none;
	width:100%;
	height:44px;
	padding:13px 0;
	background:#2c2e3d;
	text-align:center;
	font-family:MicrosoftSansSerif;
	font-size:1rem;
	letter-spacing:0;
	line-height:22px
}
#wap_footer .endnotes {
	color:#fff
}
#wap_footer .net {
	color:#fff;
}
#wap_footer .net a { color:#FFF; text-decoration:underline;}
#index_footer {
	margin-top:-2px;
	min-width:1000px;
	width:100%;
	border-top:1px solid #242531;
	height:58px;
	background:#2c2e3d;
	color:#fff;
	text-align:center;
	line-height:58px;
	font-size:14px;
	clear:both
}
@media (max-width:1270px) {
.center {
width:90%;
margin:0 auto
}
#head {
width:100%
}
#head #navigation {
width:auto !important;
float:right
}
#pho {
width:33% !important
}
#pho #focus2 {
width:100% !important
}
#pho #focus2 .bd2 {
width:100% !important
}
#pho #focus2 .bd2 li a {
width:100% !important
}
#pho #focus2 .bd2 li a img {
width:100% !important
}
#pho .pho-font {
width:96% !important;
padding:0 2% !important;
position:absolute !important;
bottom:0 !important
}
#intro-right {
float:right !important;
width:59.7% !important
}
#intro-right #profile {
margin-left:2% !important;
width:46% !important
}
#intro-right #profile .profile-p {
width:100% !important
}
#intro-right #news {
width:46% !important;
margin-left:4% !important
}
#intro-right #news .news-li {
width:100% !important
}
#intro-right #news .news-li li a {
width:60% !important
}
#intro-right #news .news-li li span {
width:30%
}
#call {
width:100% !important
}
}

.refresh{min-width:200px;height:16px;margin:0 auto;padding-left:115px;}
.refresh li{    float: left;
    list-style: none;
    min-width: 30px;
    text-align: center;
    line-height: 60px;
    margin-left: 1em;
    color: #FFF;}
.refresh li a { color:#FFF; text-decoration:underline; margin-left:1em;}
#index_footer a { color:#FFF; text-decoration:underline;}