@charset "UTF-8";
body {
	font-family: '微软雅黑';
}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
.container {
	margin: 0 5%;
	max-width: 1700px;
}
.container2 {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.container3 {
	max-width: 900px;
	margin: 0 auto;
}
.boxtbp {
	margin-top: 100px;
}
.clear {
	clear: both;
}
.top-title {
	font-size: 28px;
	color: #000;
	padding-bottom: 20px;
}
.cleargap {
	font-size: 0;
	letter-spacing: -8px;
	text-align: left;
}
.ibox {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	vertical-align: top;
	font-size: 12px;
	letter-spacing: normal;
}
.footer:before {
	content: '';
	display: table;
}
.fl {
	float: left;
	display: inline;
}
.footer-con .footer-r {
	float: right;
}
.footer-con .footer-l ul li {
	float: left;
}
.footer-con .footer-l ul .f-01 {
	padding-right: 2%;
	width: initial;
}
.footer-con .footer-l ul .f-01 a {
	display: block;
	width: 200px;
	cursor: default;
}
.footer-con .footer-l ul .f-01 img {
	max-width: 100%;
}
.footer-con .footer-m .f-02:last-child {
	border-right: 1px solid #c0c0c0;
}
.footer-con .footer-m .f-02 .f-02-con {
	display: inline-block;
}
.footer-con .footer-m .f-02 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-m .f-02 dl {
	margin-top: 30px;
}
.footer-con .footer-m .f-02 dl dd {
	margin: 10px 0;
}
.footer-con .footer-m .f-02 dl dd a {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-r .r-con01 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-r .r-con01 ul {
	margin-top: 30px;
}
.footer-con .footer-r .r-con01 ul li {
	margin: 10px 0;
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-l {
	float: left;
	font-size: 52px;
	color: #ccc;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r {
	float: left;
	margin-left: 10px;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xxtime {
	float: left;
	font-size: 14px;
	color: #8c8c8c;
	margin: 40px 0 0 20px;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r span {
	display: block;
	font-size: 20px;
	color: #ccc;
	margin: 4px 0;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 .jm {
	margin-top: 60px;
}
.footer-con .footer-r .r-con01 .jm p {
	font-size: 16px;
	color: #ccc;
	margin-bottom: 30px;
}
.footer-con .footer-r .r-con01 .jm span {
	display: block;
	font-size: 24px;
	color: #ccc;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 .jm a {
	display: block;
	font-size: 14px;
	color: #8c8c8c;
	width: 208px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #696969;
	margin-top: 50px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	text-align: center;
}
.footer-con .footer-r .r-con02 .co-icon-item:last-child {
	margin-left: 3%
}
.footer-con .footer-r .r-con02 .co-icon-item .text {
	height: 35px;
	display: table;
	width: 100px;
	margin: 5% auto 0 auto;
	padding-bottom: 15px;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon img {
	width: 20px;
	display: block;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-text {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon, .footer-con .footer-r .r-con02 .co-icon-item .text .rc-text {
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
}
.footer .f_con01 {
	float: left;
}
.footer .f_con01 .pad_lay {
	width: 280px; float: left;
}

.phone_body .pc_dom {
	display: none !important;
}

@media screen and (max-width: 1200px) {
.footer-con .footer-r .r-con02 {
	width: 280px
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm {
	max-width: 90px;
	margin: 0 auto;
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm img {
	width: 100%;
}
.footer-con .footer-m {
	padding-right: 280px;
}
.footer-con .footer-m .f-02 {
	width: 20%;
}
}

@media screen and (max-width: 960px) {
.footer-con .footer-m {
	padding-right: 200px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	width: 80px;
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm {
	max-width: 100%;
}
.footer-con .footer-r .r-con02 .co-icon-item .text {
	width: 100%;
}
.footer-con .footer-r .r-con02 {
	width: 200px;
}
}

@media screen and (max-width: 768px) {
.footer-con .footer-l ul .f-01 {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
}
.footer-con .footer-l ul .f-01 a {
	width: 100%;
}
.footer-con .footer-l ul .f-01>img {
	float: left;
}
.footer-con .footer-l ul .f-02 {
	width: 31.33%;
}
.footer-con .footer-m {
	position: relative;
	left: auto;
	top: auto;
	padding: 0;
}
.footer-con .footer-m .f-02 {
	width: 120px;
}
.footer-con .footer-r {
	float: none;
	display: block;
	width: 100%;
	margin-top: 4%;
}
.footer-con .footer-r .r-con02 {
	width: 100%;
}
.footer-con .footer-r .r-con01 {
	margin-bottom: 30px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	float: left;
}
}

@media screen and (max-width:479px) {
.footer-con .footer-l {
	width: 100%;
}
.footer-con .footer-l ul .f-01 a {
	text-align: left
}
.footer-con .footer-m .f-02 {
	width: 100%;
	border-left: none;
	text-align: left;
	height: auto;
}
.footer-con .footer-m .f-02:last-child {
	border-right: none;
}
.footer-con .footer-m .f-02 dl dd {
	float: left;
}
.footer-con .footer-m .f-02 dl dd:not(:first-child) {
	margin-left: 10px;
}
}

@media screen and (max-width: 1024px) {
.container2 {
	margin: 0 6%;
}
.container3 {
	margin: 0 6%;
}
.boxtbp {
	margin: 50px 0;
}
}

@media screen and (max-width: 480px) {
.container2 {
	margin: 0 5%;
}
.container3 {
	margin: 0 5%;
}
.boxtbp {
	margin: 30px 0;
}
.top-title {
	font-size: 20px;
}
}
.index-case {
	background: #fff;
	overflow: hidden;
}
.index-case img {
	display: block;
}
.index-case .case-title {
	padding-top: 20px;
}
.index-case .case-title .title {
	font-size: 24px;
	color: #000;
	padding-bottom: 10px;
}
.index-case .case-title .desc {
	font-size: 16px;
	color: #666666;
	text-align: justify;
	line-height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.index-case .banner-swiper .pic img {
	width: 100%;
	height: auto;
}
.index-case .co1 {
	float: left;
	width: 60%;
	overflow: hidden;
	padding-right: 40px;
	box-sizing: border-box;
}
.index-case .co2 {
	width: 40%;
	float: left;
	position: relative;
	margin-top: 8px;
}
.index-case .co2 img {
	width: 100%;
	height: auto;
}
.index-case .co2 .title {
	position: absolute;
	bottom: 30px;
	left: 0;
	font-size: 24px;
	color: #000;
}
.index-case .co3 {
	width: 40%;
	float: left;
	padding-top: 40px;
}
.index-case .co3 img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1024px) {
.index-case .case-title {
	padding-top: 20px;
}
.index-case .case-title .title {
	font-size: 18px;
}
.index-case .case-title .desc {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-case .co2 .title {
	position: absolute;
	bottom: 20px;
	left: 0;
	font-size: 18px;
}
.index-case .co3 {
	width: 40%;
	float: left;
	padding-top: 20px;
}
.index-case .co3 img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width: 480px) {
.index-case .top-title {
	font-size: 20px;
	width: 100%;
	padding-bottom: 15px;
}
.index-case .case-title {
	padding-top: 10px;
}
.index-case .case-title .title {
	font-size: 16px;
	color: #000;
	padding-bottom: 10px;
}
.index-case .case-title .desc {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index-case .co1 {
	float: none;
	width: 100%;
	padding: 0;
	padding-bottom: 30px;
}
.index-case .co2 {
	width: 100%;
	float: none;
}
.index-case .co2 .title {
	bottom: 15px;
	left: 0px;
	font-size: 16px;
}
.index-case .co3 {
	width: 100%;
	float: none;
	padding-top: 30px;
}
}
.index-news {
	background: url("index-news-bg.png") center center #eee;
	background-size: 100% 100%;
	position: relative;
	padding: 100px 5%;
	margin-top: 100px;
}
.index-news .left {
	position: absolute;
	left: 65%;
	top: 100px;
}
.index-news .left ul {
	font-size: 18px;
}
.index-news .left ul li.on a {
	color: #d6000f;
	border-bottom: 2px solid #d6000f;
}
.index-news .left ul li a {
	padding: 30px 0;
	padding-bottom: 15px;
	color: #333333;
	display: inline-block;
}
.index-news .right {
	width: 100%;
	height: auto;
	position: relative;
}
.index-news .right .n-r { /*display: none;*/
}
.index-news .right .n-r.on {
	display: block;
}
.index-news .right .news-top {
	width: 60%;
	overflow: hidden;
	float: left;
}
.index-news .right .news-top img {
	width: 100%;
	height: auto;
}
.index-news .right .wrap {
	width: 40%;
	float: left;
	padding-left: 5%;
	box-sizing: border-box;
}
.index-news .right .news-text {
	color: #fff;
}
.index-news .right .news-text ul li {
	transition: all 1.2s;
	opacity: 0;
	display: none;
}
.index-news .right .news-text ul li.on {
	opacity: 1;
	display: block;
}
.index-news .right .news-text .time {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 16px;
	color: #aaa;
	text-align: justify;
}
.index-news .right .news-text .title {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 12px;
	color: #333;
	height: 56px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.title-h5 {
	display: block;
	width: 24px;
	height: 3px;
	background: #d6000f;
	margin-bottom: 16px;
}
.index-news .right .news-text .desc {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.index-news .right .news-text .go {
	margin-top: 20px;
	display: block;
	width: 120px;
	height: 36px;
	border: 2px solid #333;
	color: #333;
	line-height: 36px;
	text-align: center;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.index-news .right .news-text .go:hover {
	background: #d6000f;
	border: 2px solid #d6000f;
	color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.index-news .right .news-thumbs {
	width: 60%;
	overflow: hidden;
	position: absolute;
	bottom: -8%;
	right: 0;
}
.index-news .right .news-thumbs .swiper-slide img {
	vertical-align: top
}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai-box {
	width: 100%;
	height: 100%;
	position: relative;
}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 28px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h2 {
	font-size: 32px;
	line-height: 32px;
	margin-top: 1.4rem;
	font-weight: 200;
}
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h5 {
	font-size: 18px;
	line-height: 18px;
	margin-top: 0.5rem;
	font-weight: 300;
}
.index-news .right .news-thumbs .swiper-slide {
	width: 25%;
	padding-left: 4%;
	box-sizing: border-box;
}
.index-news .right .news-thumbs .swiper-slide.on img {
	border: 2px solid #d6000f;
	box-sizing: border-box;
}
.index-news .right .news-thumbs .swiper-slide.on .news-thumbs-bai {
	display: none;
}
.index-news .right .news-thumbs img {
	width: 100%;
	height: auto;
}
.top-title-bai {
	font-size: 24px;
	margin-bottom: 16px;
	line-height: 28px;
}

@media screen and (max-width: 1480px) {
.top-title-bai {
	margin-top: 0;
}
}

@media screen and (max-width: 1480px) {
.index-news .right .news-thumbs .swiper-slide .news-thumbs-bai h2 {
	font-size: 32px;
	line-height: 32px;
	margin-top: 1rem;
	font-weight: 200;
}
}

@media screen and (max-width: 1024px) {
.index-news .right {
	width: 100%;
}
.top-title-bai {
	margin-top: 0px;
	font-size: 22px;
	color: #000;
	line-height: 22px;
	margin-bottom: 20px;
}
.index-news .right .news-text .title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #333;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.index-news .right .news-text .desc {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.index-news .right .news-text .time {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 15px;
	color: #aaa;
	text-align: justify;
}
.index-news .right .news-thumbs {
	width: 104%;
	overflow: hidden;
	position: absolute;
	left: -4%;
	bottom: auto;
	margin-top: 32px;
}
.index-news {
	padding: 100px 5% 200px 5%;
}
}

@media screen and (max-width: 768px) {
.footer .f_con01 .pad_lay {
	width: 100%;
	float: none;
}
.index-news {
	padding: 0;
	padding-bottom: 5%;
}
.solution-nav {
	display: none;
}
.index-news {
	margin-top: 50px;
}
.index-news .left .top-title {
	text-align: center;
	font-size: 20px;
	color: #333;
	padding: 0;
}
.index-news .left .news-nav {
	overflow: hidden;
	padding-top: 20px;
}
.index-news .left .news-nav li {
	float: left;
	width: 33%;
	font-size: 14px;
	text-align: center;
}
.index-news .left .news-nav li a {
	padding: 10px 0;
}
.index-news .right {
	width: 100%;
	top: 0;
	position: relative;
	padding: 30px 5%;
	overflow: hidden;
	box-sizing: border-box;
}
.index-news .right .news-top {
	float: none;
	width: 100%;
}
.index-news .right .wrap {
	width: 100%;
	float: none;
	padding: 0;
	padding-top: 25px;
}
.index-news .right .news-text {
	width: 100%;
}
.index-news .right .news-text .title {
	font-size: 16px;
	height: 32px;
}
.index-news .right .news-text .desc {
	font-size: 14px;
}
.index-news .right .news-text .go {
	display: none;
}
.index-news .right .news-thumbs {
	padding-top: 25px;
}
}
.success-case {
	background: url("index-case-bg.jpg");
	background-size: 100% 100%;
	padding: 10% auto;
}
.success-case-con {
}
.success-case-tit {
	text-align: center;
	margin: 0 5%;
}
.success-case-tit .case-js {
	max-width: 910px;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-align: justify;
}
.index-case-txt {
}
.index-case-txt .case-t-l {
	float: left;
	width: 50%;
}
.index-case-txt .case-t-l img {
	width: 100%;
}
.index-case-txt .case-t-r {
	float: left;
	width: 50%;
	position: relative;
}
.index-case-txt .case-t-r img {
	width: 100%;
	display: block;
}
.index-case-txt .case-search {
	margin: 100px 5%;
}
.index-case-txt .case-search .top-title {
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 32px;
}
.index-case-txt .case-search p {
	max-width: 80%;
	margin: 0 auto;
	font-size: 14px;
	margin: 40px auto;
	text-align: center;
	color: #fff;
	line-height: 28px;
}
.index-case-txt .case-search .case-search-con {
	width: 80%;
	margin: 0 auto;
	padding: 2%;
	background: rgba(0,0,0,0.4)
}
.case-search-con .d_select {
	position: relative;
	width: 46%;
	float: left;
	margin: 0 2%;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.case-search-con .d_select .d_inSelect {
	cursor: pointer;
	width: 100%;
	border: none;
	height: 58px;
	color: #fff;
	font-family: "Microsoft YaHei";
	line-height: 58px;
	outline: none;
	text-indent: 1em;
	background: url("slide-icon.png") no-repeat;
	background-position: right center;
}
.case-search-con .d_select .d_SelectList {
	display: none;
	position: absolute;
	top: 58px;
	left: 0;
	width: 100%;
	z-index: 2;
	overflow: auto;
	max-height: 520px
}
.case-search-con .d_select .d_SelectList li {
	line-height: 58px;
	background: #f1f1f1;
	text-indent: 1em;
}
.case-search-con .d_select .d_SelectList li a {
	display: block;
}
.choose-btn {
	width: 240px;
	height: 58px;
	margin: 0 auto;
	margin-top: 40px;
}
.choose-btn .btn {
	width: 100%;
	height: 58px;
	line-height: 58px;
	background: #c90312;
	text-align: center;
	font-size: 24px;
	color: #fff;
	border: none;
	cursor: pointer;
	outline: none;
	font-weight: normal;
	border-radius: 0;
}

@media screen and (max-width: 1024px) {
.index-case-txt .case-search {
	margin: 50px 5%;
}
.case-search-con .choose-btn .btn {
	font-size: 16px;
}
.index-case-txt .case-search .top-title {
	font-size: 28px;
}
.index-case-txt .case-search p {
	font-size: 14px;
}
.choose-btn {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	margin-top: 28px;
}
.choose-btn .btn {
	line-height: 40px;
	font-size: 20px;
}
}

@media screen and (max-width: 480px) {
.success-case {
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.success-case .success-case-con {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.success-case .success-case-con .success-case-tit {
	padding: 0 5% 20px 5%;
}
.success-case .success-case-con .success-case-tit .top-title {
	font-size: 20px;
}
.success-case .success-case-con .success-case-tit .case-js {
	font-size: 14px;
}
.success-case .success-case-con .index-case-txt {
	margin: 0;
}
.case-search-con .d_select {
	border-bottom: 1px solid #fff;
	position: relative;
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.case-search-con .choose-btn {
	width: 100%;
	float: none;
}
.case-search-con .choose-btn .btn {
	font-size: 16px;
}
.case-search-con .d_select .d_SelectList {
	display: none;
	position: absolute;
	top: 59px;
	left: 0;
	width: 100%;
	z-index: 2;
	overflow: auto;
	max-height: 400px
}
.case-search-con .d_select .d_SelectList li {
	line-height: 40px;
	background: #f1f1f1;
	text-indent: 1em;
}
.index-case-txt .case-search .top-title {
	font-size: 26px;
}
}
.footer {
	width: 100%;
	background: #363636;
}
.footer-con {
	width: 90%;
	margin: 0 5%;
	border-bottom: 1px solid #4d4d4d;
	overflow: hidden;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-top: 2%;
	visibility: visible;
}
.footer-con .con-clear {
	position: relative;
	height: 240px;
}
.footer-con .footer-l {
	float: left;
	width: 300px;
}
.footer-con .footer-l ul li {
	float: left;
}
.footer-con .footer-l ul .f-01 {
	padding-right: 2%;
}
.footer-con .footer-l ul .f-01 img {
	max-width: 100%;
}
.footer-con .footer-m {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 300px;
	padding-right: 280px;
	visibility: visible;
}
.footer-con .footer-m .f-02 {
	width: 20%;
	height: 200px;
	padding: 0 10px;
	border-left: 1px solid #c0c0c0;
	text-align: center
}
.footer-con .footer-m .f-02:last-child {
	border-right: 1px solid #c0c0c0;
}
.footer-con .footer-m .f-02 .f-02-con {
	display: inline-block;
}
.footer-con .footer-m .f-02 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-m .f-02 dl {
	margin-top: 30px;
}
.footer-con .footer-m .f-02 dl dd {
	margin: 10px 0;
}
.footer-con .footer-m .f-02 dl dd a {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-m .f-02 dl dd a:hover {
	color: rgb(241, 242, 242);
}
.footer .footer_con01 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1720px;
}
.footer .pad_lay p {
	width: 100%;
	font-size: 14px;
	color: #8c8c8c;
	margin-bottom: 10px;
}
.footer .pad_lay .p {
	width: 100%;
	font-size: 16px;
	color: #FFF;
}

.footer .share {
	width: 300px;
}
.footer .share  p em {
	border-radius: 3px;
	width: 30px;
	height: 24px;
	float:left;
	
}
.footer .share p em svg {
	padding: 3px;
	border-radius: 5px;
	margin-top: 6px;
}
.footer .share p a {
	width:250px;
	height: 32px;
	color: rgb(165, 165, 165);
	line-height: 32px;
	font-size: 16px;
}
.footer .share p a:hover {
	color: rgb(255, 255, 255);
}

.footer-con .footer-r {
	float: right;
}
.footer-con .footer-r .r-con01 {
	width: 58%;
	float: left;
	padding-right: 2%;
	display: none;
}
.footer-con .footer-r .r-con01 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-r .r-con01 ul {
	margin-top: 30px;
}
.footer-con .footer-r .r-con01 ul li {
	margin: 10px 0;
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-l {
	float: left;
	font-size: 52px;
	color: #ccc;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r {
	float: left;
	margin-left: 10px;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xxtime {
	float: left;
	font-size: 14px;
	color: #8c8c8c;
	margin: 40px 0 0 20px;
}
.footer-con .footer-r .r-con01 ul li .gpxx .xx-r span {
	display: block;
	font-size: 20px;
	color: #ccc;
	margin: 4px 0;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 .jm {
	margin-top: 60px;
}
.footer-con .footer-r .r-con01 .jm p {
	font-size: 16px;
	color: #ccc;
	margin-bottom: 30px;
}
.footer-con .footer-r .r-con01 .jm span {
	display: block;
	font-size: 24px;
	color: #ccc;
	font-family: "Microsoft YaHei";
}
.footer-con .footer-r .r-con01 .jm a {
	display: block;
	font-size: 14px;
	color: #8c8c8c;
	width: 208px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #696969;
	margin-top: 50px;
}
.footer-con .footer-r .r-con02 {
	float: left;
	width: 280px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	text-align: left;
}
.footer-con .footer-r .r-con02 .co-icon-item:last-child {
	margin-left: 3%
}
.footer-con .footer-r .r-con02 .co-icon-item .text {
	height: 35px;
	display: table;
	width: 135px;
	margin: 5% auto 0 auto;
	padding-bottom: 15px;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon img {
	width: 20px;
	display: block;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-text {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-r .r-con02 .co-icon-item .text .rc-icon, .footer-con .footer-r .r-con02 .co-icon-item .text .rc-text {
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
}
/*
.footer-con .footer-r .r-con02 p { float: left; width: 100%; min-width: 117px; text-align: center; margin-bottom: 40px; }
.footer-con .footer-r .r-con02 img { max-width: 100%; }
.footer-con .footer-r .r-con02 span.ewm{display: block;}
.footer-con .footer-r .r-con02 span { display: inline-block; font-size: 14px; color: #8c8c8c; margin-top: 10px; }
.footer-con .footer-r .r-con02 .rc-icon{width: 20px;height: auto;padding-right: 5px;}
*/
.footer-copy {
	width: 100%;
	background: rgb(26, 27, 29);
	padding-bottom: 20px;
	padding-top: 20px;
}
.cf {
	width: auto;
	color: #333333;
	font-size: 14px;
	font-family: "微软雅黑";
	float: none;
}
.footer-copy-txt {
	padding-bottom: 5px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5px;
}
.footer-copy-txt p {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-copy-txt p a {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-copy-txt p span {
	margin: 0 4px;
}
.footer-copy-txt .fl {
	float: left;
}
.footer-copy-txt .fr {
	float: right;
}

@media screen and (max-width:1400px) {
.index-case-txt .case-t-r .case-search {
	padding: 13% 18%;
}
.case-search-con .choose-btn .btn {
	height: 60px;
	line-height: 60px;
}
.footer-con .footer-r .r-con02 {
	width: 280px
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm {
	max-width: 90px;
	margin: 0 auto;
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm img {
	width: 100%;
}
.footer-con .footer-m {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 280px;
	padding-right: 260px;
	visibility: visible;
}
.footer-con .footer-m .f-02 {
	width: 20%;
	height: 200px;
	padding: 0 10px;
	border-left: 1px solid #c0c0c0;
	text-align: center
}
.footer-con .footer-m .f-02:last-child {
	border-right: 1px solid #c0c0c0;
}
.footer-con .footer-m .f-02 .f-02-con {
	display: inline-block;
}
.footer-con .footer-m .f-02 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-m .f-02 dl {
	margin-top: 30px;
}
.footer-con .footer-m .f-02 dl dd {
	margin: 10px 0;
}
.footer-con .footer-m .f-02 dl dd a {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-m .f-02 dl dd a:hover {
	color: rgb(241, 242, 242);
}
}

@media screen and (max-width: 1200px) {
.footer-con .footer-l {
	display: block;
	margin-bottom: 10px;
	float: none;
}
.index-case-txt .case-t-r .case-search {
	padding: 13% 18%;
}
.case-search-con .choose-btn .btn {
	height: 60px;
	line-height: 60px;
}
.footer-con .footer-r {
	float: left;
}
.footer-con .footer-r .r-con02 {
	width: 280px
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm {
	max-width: 90px;
	margin: 0 auto;
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm img {
	width: 100%;
}
.footer-con .footer-m {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 280px;
	padding-right: 50px;
}
.footer-con .footer-m .f-02 {
	width: 20%;
	height: 200px;
	padding: 0 10px;
	border-left: 1px solid #c0c0c0;
	text-align: center
}
.footer-con .footer-m .f-02:last-child {
	border-right: 1px solid #c0c0c0;
}
.footer-con .footer-m .f-02 .f-02-con {
	display: inline-block;
}
.footer-con .footer-m .f-02 span {
	font-size: 16px;
	color: #ccc;
}
.footer-con .footer-m .f-02 dl {
	margin-top: 30px;
}
.footer-con .footer-m .f-02 dl dd {
	margin: 10px 0;
}
.footer-con .footer-m .f-02 dl dd a {
	font-size: 14px;
	color: #8c8c8c;
}
.footer-con .footer-m .f-02 dl dd a:hover {
	color: rgb(241, 242, 242);
}
}

@media screen and (max-width: 960px) {
.footer-con .footer-l {
	display: block;
	margin-bottom: 30px;
	float: none;
}
.footer-con .footer-r {
	float: none;
	display: block;
	width: 100%;
	margin-top: 4%;
}
.footer-con .footer-r .r-con02 {
	width: 100%;
}
.footer-copy-txt p {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.index-case-txt .case-t-l {
	display: none;
}
.index-case-txt .case-t-r {
	width: 100%;
}
.index-case-txt .case-t-r .case-search {
	padding: 18%;
}
.footer-con .footer-r .r-con01 {
	margin-bottom: 30px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	float: left;
}
.footer-con .footer-r .r-con02 .co-icon-item .ewm {
	max-width: 100%;
}
.footer-con .footer-r .r-con02 .co-icon-item .text {
	width: 100%;
}
.footer-con .footer-r .r-con02 {
	width: 180px;
}
.footer-con .footer-m {
	position: relative;
	left: auto;
	top: auto;
	padding: 0;
	visibility: visible;
}
.footer-con .footer-m .f-02 {
	width: 100%;
	border-left: none;
	text-align: left;
	height: auto;
}
.footer-con .footer-m .f-02:last-child {
	border-right: none;
}
.footer-con .footer-m .f-02 dl dd {
	float: left;
}
.footer-con .footer-m .f-02 dl dd:not(:first-child) {
	margin-left: 10px;
}
}

@media screen and (max-width: 768px) {
.footer-con .footer-l {
	display: block;
	margin-bottom: 30px;
	float: none;
}
.footer-con .footer-l ul .f-01 {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	margin-bottom: 20px;
}
.footer-con .footer-l ul .f-01 a {
	width: 100%;
}
.footer-con .footer-l ul .f-01>img {
	float: left;
}
.footer-con .footer-l ul .f-02 {
	width: 31.33%;
}
.footer-con .footer-m {
	position: relative;
	left: auto;
	top: auto;
	padding: 0;
}
.footer-con .footer-m .f-02 {
	width: 100%;
	border-left: none;
	text-align: left;
	height: auto;
}
.footer-con .footer-m .f-02:last-child {
	border-right: none;
}
.footer-con .footer-m .f-02 dl dd {
	float: left;
}
.footer-con .footer-m .f-02 dl dd:not(:first-child) {
	margin-left: 10px;
}
.footer-con .footer-r {
	float: none;
	display: block;
	width: 100%;
	margin-top: 4%;
}
.footer-con .footer-r .r-con02 {
	width: 100%;
}
.footer-copy-txt p {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.index-case-txt .case-t-l {
	display: none;
}
.index-case-txt .case-t-r {
	width: 100%;
}
.index-case-txt .case-t-r .case-search {
	padding: 18%;
}
.footer-con .footer-r .r-con01 {
	margin-bottom: 30px;
}
.footer-con .footer-r .r-con02 .co-icon-item {
	float: left;
}
}

@media screen and (max-width:479px) {
.footer-con .footer-l {
	display: block;
	margin-bottom: 30px;
	float: none;
}
.footer-con .footer-l ul .f-01 a {
	text-align: left
}
.footer-con .footer-m .f-02 {
	width: 100%;
	border-left: none;
	text-align: left;
	height: auto;
}
.footer-con .footer-m .f-02:last-child {
	border-right: none;
}
.footer-con .footer-m .f-02 dl dd {
	float: left;
}
.footer-con .footer-m .f-02 dl dd:not(:first-child) {
	margin-left: 10px;
}
}

@media screen and (max-width: 540px) {
.index-case-txt .case-t-r img {
	width: 540px;
	position: relative;
	left: 50%;
	margin-left: -270px;
}
.index-case-txt .case-t-r .case-search {
	padding: 16% 5%;
	width: 100%;
	box-sizing: border-box;
}
}
.index-banner {
	overflow: hidden;
	position: relative;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
}
.index-banner ul li {
	width: 100%;
	position: relative;
}
.index-banner ul li .ban-img {
	background-position: center;
	background-repeat: no-repeat;
	height: 800px;
}
.index-banner .ban-text {
	position: absolute;
	top: 30%;
	left: 0;
	z-index: 12;
	text-align: center;
	width: 100%;
}
.index-banner .ban-text .bt-en {
	font-size: 60px;
	color: #fff;
}
.index-banner .ban-text .bt-cn {
	font-size: 70px;
	color: #fff;
	padding: 30px 0 40px 0;
}
.index-banner .ban-text .bt-cn span {
	display: inline-block;
	border-bottom: 1px solid #fff;
}
.index-banner .ban-text a {
	font-size: 18px;
	background: rgba(255,255,255,0.3);
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	padding: 8px 0;
	width: 140px;
	text-align: center;
	transition: 0.5s;
}
.index-banner .ban-text a:hover {
	border: 2px solid #d6000f;
	background: #d6000f;
	color: #fff;
	transition: 0.5s;
}
/*.index-banner .swiper-pagination { width: 11px; position: absolute; right: 5%; left: auto; bottom: 350px;z-index: 9 }
.index-banner .swiper-pagination .swiper-pagination-switch { width: 6px; height: 6px;  opacity: 1; margin: 0; display: block;cursor: pointer;}
.index-banner .swiper-pagination .swiper-active-switch { width: 11px; height: 11px; }
.index-banner .swiper-pagination i { display: block; width: 1px; height: 32px; background: #fff; opacity: .5; margin: 0 auto; }
.index-banner .swiper-pagination i:last-child { display: none; }*/
.index-banner .swiper-pagination {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 10%;
	z-index: 9;
	text-align: center;
}
.index-banner .swiper-pagination span {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	margin: 0px 5px;
}
.index-banner .swiper-pagination span.swiper-active-switch {
	background-color: red;
}
.index-banner .swiper-btn {
	position: absolute;
	left: 5%;
	bottom: 10%;
	width: 20%;
	height: 8px;
	z-index: 11;
	display: none;
}
.index-banner .swiper-btn .button-next, .index-banner .swiper-btn .button-prev {
	position: absolute;
	width: 28px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	cursor: pointer;
}
.index-banner .swiper-btn .button-prev {
	background-image: url("icon-prev.png");
	left: 0;
}
.index-banner .swiper-btn .button-next {
	background-image: url("icon-next.png");
	left: 70px;
}
.index-banner .swiper-btn .line {
	display: block;
	width: 1px;
	height: 11px;
	background: #fff;
	opacity: .5;
	position: absolute;
	left: 50px;
}

@media screen and (max-width: 1600px) {
.index-banner .ban-text .bt-en {
	font-size: 40px;
}
.index-banner .ban-text .bt-cn {
	font-size: 50px;
}
}

@media screen and (max-width: 480px) {
.index-banner .ban-text {
	top: 20%;
}
.index-banner .ban-text .bt-en {
	font-size: 30px;
}
.index-banner .ban-text .bt-cn {
	font-size: 26px;
	padding: 20px 0;
}
.index-banner .ban-text a {
	width: 150px;
	padding: 7px 0;
	font-size: 14px;
}
.swiper-btn {
	display: none;
}
.index-banner .swiper-pagination {
	width: 100%;
	position: absolute;
	bottom: 5%;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index-banner .swiper-pagination i {
	display: inline-block;
	width: 32px;
	height: 1px;
	margin: 0 10px;
}
}
.header {
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	z-index: 999;
}
.header .top {
	background: #f8f8f8;
	text-align: right;
	color: #808080;
	font-size: 14px;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	height: 5px;
}
.header .top span {
	padding-left: 50px;
}
.header .top span:first-child {
	display: none;
}
.header .top span img {
	margin-left: 5px;
	vertical-align: middle;
}
.header .top a {
	color: #808080;
	font-size: 14px;
}
.header .logo {
	width: 160px;
	float: left;
	padding: 18px 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.header .logo img {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.header .nav {
	width: 85%;
	float: right;
	text-align: right;
	position: relative;
	background: #fff;
}
.header .nav ul {
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
}
.header .nav ul li {
	padding: 30px 2%;
	display: inline-block;
	display: inline;
	zoom: 1;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.header .nav ul li.on .bai-nav-line {
	display: inline-block;
	width: 24px;
	height: 2px;
	position: absolute;
	bottom: 16px;
	transition: 0.5s;
	background: #d6000f;
	left: 50%;
	margin-left: -12px;
	transition: 0.5s;
}
.header .nav ul li.on a {
	color: #d6000f;
}
.header .nav ul li a {
	align-items: center;
	font-size: 16px;
	color: #333333;
	transition: 0.5s;
	position: relative;
}
.header .nav ul li a:hover {
	color: #d6000f;
	transition: 0.5s;
}
.bai-nav-line {
	display: inline-block;
	width: 0px;
	height: 2px;
	position: absolute;
	bottom: 16px;
	left: 50%;
	transition: 0.5s;
}
.header .nav ul li:hover .bai-nav-line {
	display: inline-block;
	width: 24px;
	height: 2px;
	position: absolute;
	bottom: 16px;
	transition: 0.5s;
	background: #d6000f;
	left: 50%;
	margin-left: -12px;
	transition: 0.5s;
}
.header .search {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}
.header .search .btn {
	background: url("search.png") no-repeat center;
	display: inline-block;
	width: 30px;
	height: 30px;
}
.header .phone-close {
	display: none;
}
.header .phone-btn {
	display: none;
}
.header.index-header {
	width: 100%;
	height: auto;
	position: fixed;
	top: -200px;
	left: 0;
	z-index: 99;
	overflow: visible;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}
.header.fixed {
	position: fixed;
	width: 100%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.header.fixed .top {
	display: none;
}
.header.fixed .nav ul li {
	padding: 20px 2%;
}
.header.fixed .logo {
	width: 113px;
	padding: 15px 0;
}

@media (min-width: 1185px) {
.header .nav .subnav {
	position: absolute;
	z-index: -2;
	text-align: left;
	top: -590px;
	left: 50%;
	margin-left: -100px;
	background: url("subnav-bg.png");
	padding-bottom: 25px;
	transition: 0.3s;
}
.header .nav .subnav.on {
	display: block;
}
.header .nav .subnav a {
	color: #fff !important;
	font-size: 14px;
	text-align: center;
	transition: all .5s;
}
.header .nav .subnav a:hover {
	color: #d6000f !important;
}
.header .nav .subnav dl {
	padding-bottom: 25px;
}
.header .nav .subnav dt {
	width: 200px;
	text-align: center;
	padding-top: 25px;
}
}

@media screen and (max-width: 1185px) {
.header {
	height: 70px;
}
.header .nav ul {
	float: left;
	width: 95%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: none;
}
.header.fixed {
	height: 70px !important;
}
.header .top {
	display: none;
}
.header .logo {
	width: 120px;
}
.header .nav {
	display: none;
	background: #284198;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 12;
	text-align: left;
}
.header .nav ul {
	width: 100%;
}
.header .nav ul li {
	padding: 0;
	margin: 0 5%;
	float: none;
	border-bottom: 1px solid #3d54a2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.header .nav ul li .bai-nav-line {
	display: none;
}
.header .nav ul li:hover .bai-nav-line {
	display: none;
}
.header .nav ul li a {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
}
.header .nav ul li.has-child {
	background: url("icon-down.png") no-repeat right 22px;
}
.header .nav ul li.on {
	border-bottom: 1px solid #3d54a2;
}
.header .nav ul li.on a {
	color: #fff;
}
.header .nav .subnav {
	overflow: hidden;
	display: none;
	position: relative;
	transition: all 2s;
	width: 100%;
	padding-bottom: 10px;
}
.header .nav .subnav.on {
	display: block;
}
.header .nav .subnav dt {
	height: 40px;
	padding-left: 30px;
	display: flex;
	align-items: center;
}
.header .nav .subnav a {
	color: #fff;
	font-size: 14px;
	background: none !important;
}
.header .phone-close {
	display: block;
	height: 80px;
	background: url("icon-close.png") no-repeat center right;
	background-size: 40px;
	margin-right: 5%;
}
.header .search {
	display: none;
}
.header .phone-btn {
	display: block;
	width: 28px;
	height: 24px;
	margin-top: 23px;
	background: url("phone-btn.png")no-repeat center;
	float: right;
}
.index-header {
	height: 1px;
}
}
.sub-banner {
	width: 100%;
	height: 450px;
	background: url("sub-banner1.jpg") no-repeat center;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: -30;
}
.sub-banner .wrap {
	display: table-cell;
	vertical-align: middle;
	height: 450px;
}
.sub-banner h1 {
	font-size: 46px;
	color: #fff;
	font-weight: normal;
}
.sub-banner .line {
	width: 30px;
	height: 3px;
	background: #fff;
	margin: 15px 0;
}
.sub-banner .en {
	font-size: 20px;
	color: #fff;
}
.crumbs {
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	color: #d6000f;
	font-size: 14px;
}
.crumbs ul li {
	float: left;
	padding: 0 5px;
}
.crumbs ul li a {
	color: #d6000f;
}
.crumbs ul li.on {
	color: #333;
}
.crumbs ul li.on a {
	color: #333333;
}
.top-tab {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 14px;
}
.top-tab ul {
	margin: 0 auto;
	padding-top: 24px;
}
.top-tab ul li {
	display: inline-block;
	padding: 4px 20px;
	float: left;
	margin-right: 20px;
	border: 2px solid #dcdcdc;
	line-height: 32px;
	text-align: center;
	transition: 0.3s;
	margin-bottom: 24px;
}
.top-tab ul li a {
	color: #333;
}
.top-tab ul li:hover {
	background: #d6000f;
	border: 2px solid #d6000f;
	color: #fff;
	transition: 0.3s;
}
.top-tab ul li:hover a {
	color: #fff;
	transition: 0.3s;
}
.top-tab ul li.on {
	border: 2px solid #d6000f;
	background: #d6000f;
	color: #fff;
	transition: 0.3s;
}
.top-tab ul li.on a {
	color: #fff;
}
.top-tab ul li.line {
	width: 1px;
	background: #cccccc;
	height: 10px;
	padding: 0;
}

@media screen and (max-width: 1024px) {
.top-tab {
	margin: 0 6%;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 14px;
}
}

@media screen and (max-width: 480px) {
.top-tab {
	margin: 0 5%;
	text-align: left;
	overflow: hidden;
}
.top-tab ul {
	display: block;
	justify-content: space-around;
}
.top-tab ul li {
	display: block;
	float: left;
	padding: 12px;
}
.top-tab ul li.on a {
	color: #fff;
}
.top-tab ul li.line {
	display: none;
}
}
.t-title {
	font-size: 28px;
	color: #333333;
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 30px;
}
.t-title .line {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
	display: block;
	width: 28px;
	height: 2px;
	background: #d6000f;
}
.tab-co {
	display: none;
}
.tab-co.on {
	display: block;
}
.tab-co .desc {
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 2;
	padding-bottom: 30px;
}
.tab-co .desc.tal {
	text-align: left;
}
.tab-co img {
	width: 100%;
}

@media screen and (max-width: 480px) {
.tab-co .desc {
	padding: 0;
	text-align: left
}
}
.advantage {
	margin-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}
.advantage ul li {
	width: 33%;
	float: left;
	padding: 5%;
	padding-top: 0;
	box-sizing: border-box;
	text-align: center;
}
.advantage ul li .pic {
	width: 100%;
	padding-bottom: 20px;
}
.advantage ul li .title {
	font-size: 24px;
	color: #333333;
}
.advantage ul li .desc {
	padding-top: 20px;
	font-size: 14px;
	color: #666666;
	min-height: 80px;
}

@media screen and (max-width: 768px) {
.advantage ul li {
	width: 50%;
}
}

@media screen and (max-width: 480px) {
.advantage {
	margin-top: 50px;
}
.advantage ul li {
	width: 100%;
	text-align: center;
}
.advantage ul li .pic {
	padding-bottom: 3%
}
}
.appl {
	overflow: hidden;
	padding-bottom: 100px;
}
.appl .wrap {
	background: #7f7f7f;
	overflow: hidden;
}
.appl .a-left {
	width: 40%;
	float: left;
	padding: 5%;
	box-sizing: border-box;
}
.appl .a-left ul { /*list-style-type: disc;*/
}
.appl .a-left ul li {
	font-size: 16px;
	border-bottom: 1px solid #bfbfbf;
	padding: 15px 0;
}
.appl .a-left ul li a {
	color: #fff;
	border-left: 2px solid #fff;
	padding-left: 20px;
	line-height: 1;
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.appl .a-left ul li.on a {
	color: #d6000f;
	border-left: 2px solid #d6000f;
	background: url("icon-right-btn.png") no-repeat center right;
}
.appl .a-right {
	width: 60%;
	float: left;
	overflow: hidden;
}
.appl .a-right img {
	width: 100%;
	display: none;
}
.appl .a-right img.on {
	display: block;
}

@media screen and (max-width: 1024px) {
.appl .a-left ul li {
	font-size: 16px;
}
}

@media screen and (max-width: 768px) {
.appl {
	margin: 0;
}
.appl .a-left {
	width: 100%;
	float: none;
	padding: 5%;
	overflow: hidden;
}
.appl .a-left ul {
	overflow: hidden;
	font-size: 20px;
}
.appl .a-left ul li {
	width: 40%;
	margin: 0 5%;
	float: left;
}
.appl .a-right {
	width: 100%;
}
}
.realted {
	padding-bottom: 100px;
	overflow: hidden;
}
.realted .real-box {
	padding: 68px 0;
	background: #363636;
	overflow: hidden;
}
.realted .real-box .r-left {
	width: 40%;
	float: left;
}
.realted .real-box .r-left img {
	width: 100%;
}
.realted .real-box .r-right {
	float: left;
	width: 55%;
	padding-left: 5%;
}
.realted .real-box .r-right .rb-title {
	font-size: 22px;
	color: #fff;
	padding-bottom: 15px;
}
.realted .real-box .r-right .rb-desc {
	padding-bottom: 35px;
	font-size: 14px;
	color: #fff;
}
.realted .real-box .r-right .rb-table {
	border-top: 1px solid #6d6d6d;
}
.realted .real-box .r-right .rb-table ul li {
	width: 50%;
	float: left;
	border-bottom: 1px solid #6d6d6d;
	color: #fff;
	font-size: 14px;
	height: 60px;
	display: table;
	vertical-align: middle;
}
.realted .real-box .r-right .rb-table ul li .rb-left, .realted .real-box .r-right .rb-table ul li .rb-right {
	display: table-cell;
	vertical-align: middle;
}
.realted .real-box .r-right .rb-table ul li .rb-left {
	width: 35%;
}
.realted .real-box .r-right .rb-table ul li .rb-right {
	width: 50%;
	line-height: 1.5;
}
.realted .real-box .r-right .rb-table ul li .rb-right a {
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #d6000f;
	margin-bottom: 10px;
}
.realted .real-box .r-right .rb-table ul li .rb-right span {
	padding-right: 5%
}
.realted .real-box .r-right .rb-table.rb-table2 {
	border-top: 1px solid #d5dcdf;
}
.realted .real-box .r-right .rb-table.rb-table2 ul li {
	width: 100%;
	border-bottom: 1px solid #d5dcdf;
}
.realted .real-box .r-right .rb-table.rb-table3 {
	margin-top: 95px;
	border-top: 1px solid #d5dcdf;
}
.realted .real-box .r-right .rb-table.rb-table3 ul li {
	width: 100%;
	border-bottom: 1px solid #d5dcdf;
}
.realted .real-box.gsy {
	background: #e4eff5;
}
.realted .real-box.gsy .r-right .rb-title {
	color: #333333;
}
.realted .real-box.gsy .r-right .rb-desc {
	color: #333333;
}
.realted .real-box.gsy .r-right .rb-table ul li {
	color: #333333;
}
.realted .real-box.gsy .r-right .rb-table ul li .rb-left {
	width: 23%;
}
.realted .real-box.hw {
	background: #f8f8f8;
}
.realted .real-box.hw .r-right .rb-title {
	color: #333333;
}
.realted .real-box.hw .r-right .rb-desc {
	color: #333333;
}
.realted .real-box.hw .r-right .rb-table ul li {
	color: #333333;
}
.realted .real-box.hw .r-right .rb-table ul li .rb-left {
	width: 50%;
}

@media screen and (max-width: 480px) {
.realted .real-box {
	padding: 5% 0;
}
.realted .real-box .r-left {
	width: 100%;
}
.realted .real-box .r-right {
	float: left;
	width: 100%;
	padding-left: 0;
	padding-top: 30px;
}
.realted .real-box .r-right .rb-table {
	border-top: 1px solid #6d6d6d;
}
.realted .real-box .r-right .rb-table ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #6d6d6d;
	color: #fff;
	font-size: 14px;
	height: 50px;
	display: table;
	vertical-align: middle;
}
.realted .real-box .r-right .rb-table ul li .rb-left, .realted .real-box .r-right .rb-table ul li .rb-right {
	display: table-cell;
	vertical-align: middle;
}
.realted .real-box .r-right .rb-table ul li .rb-left {
	width: 35%;
}
.realted .real-box .r-right .rb-table ul li .rb-right {
	width: 65%;
}
}
.case, .casebox {
	padding-bottom: 40px;
}
.case .more, .casebox .more {
	background: url("case-more.png") no-repeat center;
	display: block;
	width: 59px;
	height: 59px;
	margin: 0 auto;
	margin-top: 20px;
}
.case ul, .casebox ul {
	overflow: hidden;
}
.case ul li, .casebox ul li {
	width: 32.6%;
	float: left;
	padding-right: 1%;
	padding-bottom: 1%;
	position: relative;
}
.case ul li:nth-child(3n), .casebox ul li:nth-child(3n) {
	padding-right: 0;
}
.case ul li a, .casebox ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}
.case ul li img, .casebox ul li img {
	width: 100%;
	display: block;
}
.case ul li span, .casebox ul li span {
	word-break: keep-all; /* 不换行 */
	white-space: nowrap; /* 不换行 */
	overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 15px;
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: url("case-bg.png") repeat center;
	font-size: 14px;
}

@media screen and (max-width: 480px) {
.case ul li, .casebox ul li {
	width: 100%;
	padding: 2% 0;
}
}
.casebox .top-tab ul li {
	width: auto;
	margin: 0 15px;
}
.casebox .top-tab ul li.line {
	width: 1px;
}
.caseshow-top {
	overflow: hidden;
	padding-bottom: 80px
}
.caseshow-top .ct-left {
	width: 40%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.caseshow-top .ct-left .title {
	padding-top: 8%;
	font-size: 28px;
	color: #333333;
}
.caseshow-top .ct-left .desc {
	padding-top: 5%;
	font-size: 14px;
	color: #595959;
	line-height: 1.5;
}
.caseshow-top .ct-right {
	width: 60%;
	float: right;
}
.caseshow-top .ct-right img {
	width: 100%;
	display: block;
}

@media screen and (max-width: 1024px) {
.caseshow-top {
	overflow: hidden;
	padding: 50px 0;
}
.caseshow-top .ct-left {
	width: 100%;
	float: none;
	padding-right: 0;
}
.caseshow-top .ct-left .title {
	padding-top: 8%;
	font-size: 36px;
	color: #333333;
}
.caseshow-top .ct-left .desc {
	padding-top: 5%;
	font-size: 16px;
	color: #595959;
	line-height: 1.5;
}
.caseshow-top .ct-right {
	width: 100%;
	float: none;
}
}
.t-title2 {
	font-size: 28px;
	color: #333333;
	padding-bottom: 65px;
	text-align: center;
}
.point {
	overflow: hidden;
	padding-bottom: 100px;
}
.point ul li {
	width: 23%;
	padding: 70px 0;
	margin: 0 1%;
	float: left;
	background: #f6f6f6;
	text-align: center;
}
.point ul li span {
	display: block;
	width: 100%;
}
.point ul li i {
	display: inline-block;
	width: 35px;
	height: 2px;
	background: #d03030;
}

@media screen and (max-width: 1024px) {
.point ul li {
	width: 48%;
	margin-bottom: 2%;
}
}

@media screen and (max-width: 480px) {
.point ul li {
	width: 100%;
	margin-bottom: 5%;
}
}
.socica {
	padding-bottom: 100px;
	overflow: hidden;
}
.socica .soc-left {
	width: 60%;
	float: left;
}
.socica .soc-left img {
	width: 100%;
}
.socica .soc-right {
	width: 40%;
	float: right;
	padding-left: 80px;
	box-sizing: border-box;
}
.socica .soc-right ul li {
	width: 100%;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
}
.socica .soc-right ul li .l, .socica .soc-right ul li .r {
	width: 50%;
	float: left;
}
.socica .soc-right ul li .l {
	height: 50px;
	line-height: 50px;
}
.socica .soc-right ul li .r {
	text-align: right;
	color: #666666;
}
.socica .soc-right ul li .r span {
	font-size: 28px;
	padding-right: 10px;
	color: #333;
}

@media screen and (max-width: 1024px) {
.socica {
	padding-bottom: 50px;
}
.socica .soc-left {
	width: 100%;
	float: none;
}
.socica .soc-right {
	width: 100%;
	float: none;
	padding-left: 0;
}
.socica .soc-right ul li {
	width: 100%;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
	font-size: 20px;
	color: #333333;
}
}
.case-pic { /*padding-bottom: 100px; */
}
.case-pic .t-title2 {
	padding-top: 65px;
}
.case-pic.e-m .t-title2 {
	padding-top: 0
}
.case-pic .case-swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.case-pic .case-swiper .swiper-button-next, .case-pic .case-swiper .swiper-button-prev {
	width: 53px;
	height: 53px;
}
.case-pic .case-swiper .swiper-button-prev {
	left: 2%;
	background: url("case-left.png") no-repeat center;
}
.case-pic .case-swiper .swiper-button-next {
	right: 2%;
	background: url("case-right.png") no-repeat center;
}
.case-pic .case-swiper ul li img {
	width: 100%;
}

@media screen and (max-width: 480px) {
.case-pic {
	padding-bottom: 50px;
}
}
.index-header-top {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.index-header-top .wrap {
	max-width: 1800px;
	margin: 0 2%;
	overflow: hidden;
}
.index-header-top .logo {
	padding-top: 25px;
	float: left;
}
.index-header-top .text {
	float: right;
	font-size: 14px;
	color: #fff;
	padding-top: 30px;
}
.index-header-top .text span {
	padding-left: 35px;
}
.index-header-top .text a {
	color: #fff;
}
.index-header-top .menu {
	float: right;
	display: block;
	width: 26px;
	height: 22px;
	background: url("icon-top-menu.png") no-repeat center;
	margin-top: 28px;
	margin-left: 30px;
}
.index-header-top .nav {
	display: none;
	background: #284198;
	width: 30%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 12;
	text-align: left;
}
.index-header-top .nav ul {
	width: 100%;
}
.index-header-top .nav ul li {
	height: 50px;
	padding: 0;
	margin: 0 5%;
	float: none;
	border-bottom: 1px solid #3d54a2;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.index-header-top .nav ul li a {
	font-size: 16px;
	color: #fff;
	display: block;
}
.index-header-top .nav ul li.has-child {
	background: url("icon-down.png") no-repeat center right;
}
.index-header-top .nav .subnav {
	overflow: hidden;
	display: none;
	transition: all 2s;
}
.index-header-top .nav .subnav.on {
	display: block;
	padding-top: 20px;
}
.index-header-top .nav .subnav dt {
	height: 40px;
	padding-left: 10%;
}
.index-header-top .nav .subnav a {
	color: #fff;
	font-size: 14px;
}
.index-header-top .phone-close {
	display: block;
	height: 80px;
	background: url("icon-close.png") no-repeat center right;
	background-size: 40px;
	margin-right: 5%;
}

@media screen and (max-width: 480px) {
.index-header-top .text {
	display: none;
}
}
.index-case .pic {
	overflow: hidden;
}
.index-case .co2 {
	overflow: hidden;
}
.index-case .co3 {
	overflow: hidden;
}
.index-case img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.index-case img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.casebox img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.case img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.case img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.yf-title {
	font-size: 28px;
	color: #777777;
}
.yf-title i {
	margin-top: 10px;
	display: block;
	width: 50px;
	height: 1px;
	background: #d6000f;
}
.yf-box {
}
.yf-box .yf-content {
	line-height: 2;
	font-size: 14px;
	color: #777777;
}
.yf-box .yf-content img {
	width: 100%;
	padding-top: 50px;
}
.yf-nav {
	padding-top: 20px;
}
.yf-nav ul {
	overflow: hidden;
}
.yf-nav ul li {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border: 2px solid #dcdcdc;
	color: #666;
	float: left;
	cursor: hand;
	transition: 0.3s;
	margin-right: 24px;
	margin-bottom: 20px;
}
.yf-nav ul li.on {
	background: #d6000f;
	color: #fff;
	border: 2px solid #d6000f;
	transition: 0.3s;
}
.yf-nav ul li.on a {
	color: #fff;
}
.yf-top {
	padding-top: 80px;
}

@media screen and (max-width: 480px) {
.yf-box {
	padding: 8% 0;
}
}
.gszl-top {
	padding-top: 80px;
	padding-bottom: 55px;
	text-align: center;
	font-size: 26px;
	color: #333333;
}
.gszl-title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	padding-bottom: 50px;
}
.gszl-title span {
	display: block;
}
.gszl-title span:nth-child(2) {
	padding: 1% 0 2.5%;
}
.gszl-title i {
	width: 50px;
	height: 3px;
	display: inline-block;
	background: #d6000f;
}
.gszl-list {
	overflow: hidden;
}
.gszl-list li {
	padding-bottom: 50px;
}
.gszl-list li:last-child {
	padding: 0;
}
.gszl-list li .g-top {
	display: inline-block;
	border-bottom: 1px solid #d6000f;
	font-size: 16px;
	color: #777;
	padding-bottom: 30px;
	padding-right: 100px;
}
.gszl-list li .g-top .name {
	font-size: 24px;
	padding-right: 10px;
}
.gszl-list li .g-top .position {
	padding-left: 30px;
}
.gszl-list li dl {
	overflow: hidden;
	padding-top: 20px;
	color: #777;
}
.gszl-list li dl dt {
	font-size: 14px;
	margin-bottom: 20px;
	background-image: url("icon-xueli.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
}
.gszl-list li dl dt.xing {
	background-image: url("icon-xing.jpg");
	line-height: 28px;
}

@media screen and (max-width: 480px) {
.gszl-list {
	padding-bottom: 10%;
}
.gszl-list li {
	padding-bottom: 8%;
}
.gszl-list li .g-top {
	padding: 0 0 5% 0;
}
.gszl-list li .g-top .name {
	font-size: 20px;
}
}
.details-content {
	line-height: 1.8;
	color: #333333;
	font-size: 14px;
}
.details-content p {
	padding-bottom: 35px;
}
.sub-nav {
	overflow: hidden;
	padding: 6% 0;
	text-align: center;
}
.sub-nav ul {
	overflow: hidden;
	display: inline-block;
}
.sub-nav ul li {
	font-size: 24px;
	float: left;
	padding: 0 10px;
	text-align: center;
}
.sub-nav ul li a {
	color: #333333;
	display: block;
}
.sub-nav ul li i {
	width: 35px;
	height: 3px;
	display: inline-block;
}
.sub-nav ul li.on a {
	color: #d6000f;
}
.sub-nav ul li.on i {
	background: #d6000f;
}
.jsxl-box {
	overflow: hidden;
	padding-bottom: 100px;
	padding-top: 60px;
}
.js-left {
	width: 270px;
	float: left;
	margin-right: 40px;
	box-sizing: border-box;
	background: #fff;
	padding-bottom: 40px;
}
.js-left ul {
	overflow: hidden;
	display: inline-block;
	width: 100%;
}
.js-left ul li {
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #dcdcdc;
	padding: 1.2rem 0;
	position: relative;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.js-left ul li div {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #d6000f;
	bottom: -1px;
	left: -100%;
	transition: 0.3s;
	z-index: 20;
}
.js-left ul li a {
	line-height: 0;
	color: #333;
	font-size: 16px;
}
.js-left ul li a span {
	display: inline-block;
	width: 2px;
	height: 16px;
	background: #eee;
	margin-right: 1rem;
	transition: 0.3s;
}
.js-left ul li.on a {
	color: #d6000f;
}
.js-left ul li.on div {
	display: block;
	background: #d6000f;
	left: 0;
}
.js-left ul li:hover a {
	color: #d6000f;
	transition: 0.3s;
}
.js-left ul li:hover a span {
	background: #d6000f;
	width: 4px;
	transition: 0.3s;
}
.js-left ul li:hover div {
	display: block;
	background: #d6000f;
	left: 0;
	transition: 0.3s;
}
.js-left ul li.on a span {
	color: #d6000f;
	background: #d6000f;
	width: 4px;
	transition: 0.3s;
}
.js-left-bai {
	font-size: 24px;
	color: #000;
	line-height: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
}
.jsxl-box .js-right {
	width: 890px;
	float: right;
	display: none;
	text-align: justify;
}
.jsxl-box .js-right.on {
	display: block;
}
.jsxl-box .js-right .j-top {
	font-size: 18px;
	color: #333333;
	font-weight: bolder;
	padding: 10px 0 30px 0;
}
.jsxl-box .js-right .j-content {
	font-size: 14px;
	color: #666666;
	line-height: 1.8;
	transition: 0.3s;
}
.jsxl-box .js-right .j-content p {
	padding-bottom: 25px;
}
.jsxl-box .js-right .j-content .social-video {
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	line-height: 0;
}
.jsxl-box .js-left .left-mid {
	overflow: inherit;
}
.jsxl-box .js-left .left-mid li {
	overflow: inherit;
	line-height: 24px;
	font-size: 22px;
	white-space: normal;
	text-overflow: inherit;
}
.jsxl-box .js-left .left-mid li a {
	display: block;
	line-height: 24px;
	text-align: justify;
}
.jsxl-box .js-left .left-mid li b {
	display: block;
	width: 100%;
	font-weight: normal;
	height: 20px;
	margin-top: 8px;
	line-height: 20px;
}
.jsxl-box .js-left .left-mid li b h2 {
	float: left;
	font-size: 14px;
	color: #aaa;
}
.jsxl-box .js-left .left-mid li b h5 {
	float: right;
	font-size: 14px;
	color: #aaa;
	transition: 0.3s;
}
.jsxl-box .js-left .left-mid li:hover b h5 {
	float: right;
	font-size: 14px;
	color: #d6000f;
	transition: 0.3s;
}
.jsxl-box .js-left .left-mid li.on b h5 {
	float: right;
	font-size: 14px;
	color: #d6000f;
	transition: 0.3s;
}
.jsxl-box .js-left-b {
	width: 270px;
	float: left;
	margin-right: 40px;
	box-sizing: border-box;
	background: #fff;
	padding-bottom: 40px;
}
.jsxl-box .js-left-b ul {
	overflow: hidden;
	display: inline-block;
	width: 100%;
}
.jsxl-box .js-left-b ul li {
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #dcdcdc;
	padding: 1.2rem 0;
	position: relative;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jsxl-box .js-left-b ul li div {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #d6000f;
	bottom: -1px;
	left: -100%;
	transition: 0.3s;
	z-index: 20;
}
.jsxl-box .js-left-b ul li a {
	line-height: 0;
	color: #333;
	font-size: 16px;
}
.jsxl-box .js-left-b ul li a span {
	display: inline-block;
	width: 2px;
	height: 16px;
	background: #eee;
	margin-right: 1rem;
	transition: 0.3s;
}
.jsxl-box .js-left-b ul li.on a {
	color: #d6000f;
}
.jsxl-box .js-left-b ul li.on div {
	display: block;
	background: #d6000f;
	left: 0;
}
.jsxl-box .js-left-b ul li:hover a {
	color: #d6000f;
	transition: 0.3s;
}
.jsxl-box .js-left-b ul li:hover a span {
	background: #d6000f;
	width: 4px;
	transition: 0.3s;
}
.jsxl-box .js-left-b ul li:hover div {
	display: block;
	background: #d6000f;
	left: 0;
	transition: 0.3s;
}
.jsxl-box .js-left-b ul li.on a span {
	color: #d6000f;
	background: #d6000f;
	width: 4px;
	transition: 0.3s;
}
.jsxl-box .js-left-b .left-mid {
	overflow: inherit;
}
.jsxl-box .js-left-b .left-mid li {
	overflow: inherit;
	line-height: 24px;
	font-size: 22px;
	white-space: normal;
	text-overflow: inherit;
}
.jsxl-box .js-left-b .left-mid li a {
	display: block;
	line-height: 24px;
	text-align: justify;
}
.jsxl-box .js-left-b .left-mid li b {
	display: block;
	width: 100%;
	font-weight: normal;
	height: 20px;
	margin-top: 8px;
	line-height: 20px;
}
.jsxl-box .js-left-b .left-mid li b h2 {
	float: left;
	font-size: 14px;
	color: #aaa;
}
.jsxl-box .js-left-b .left-mid li b h5 {
	float: right;
	font-size: 14px;
	color: #aaa;
	transition: 0.3s;
}
.jsxl-box .js-left-b .left-mid li:hover b h5 {
	float: right;
	font-size: 14px;
	color: #d6000f;
	transition: 0.3s;
}
.jsxl-box .js-left-b .left-mid li.on b h5 {
	float: right;
	font-size: 14px;
	color: #d6000f;
	transition: 0.3s;
}
.left-bottom a {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #eee;
	color: #666;
	font-size: 18px;
	margin-top: 20px;
	transition: 0.3s;
}
.left-bottom a:hover {
	background: #d6000f;
	color: #fff;
	transition: 0.3s;
}
.b-list-box {
	width: 1200px;
	margin: 0 auto;
}
.b-width-80 {
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 1280px) {
.b-list-box {
	width: 1000px;
	margin: 0 auto;
}
.jsxl-box .js-right {
	width: 690px;
}
}

@media screen and (max-width: 1024px) {
.b-list-box {
	width: 800px;
	margin: 0 auto;
}
.jsxl-box .js-right {
	width: 490px;
}
}

@media screen and (max-width: 768px) {
.b-list-box {
	width: 88%;
	margin: 0 6%;
}
.jsxl-box {
	padding: 8% 0;
	position: relative;
}
.jsxl-box .js-left {
	width: 100%;
	float: none;
	padding-right: 0;
}
.jsxl-box .js-left ul {
	display: block;
	padding-top: 1.4rem;
}
.jsxl-box .js-left ul li {
	padding: 0.6rem 1rem;
	text-align: center;
	float: left;
	border: 2px solid #dcdcdc;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.jsxl-box .js-left ul li div {
	display: none;
}
.jsxl-box .js-left ul li a span {
	display: none;
}
.jsxl-box .js-left ul li:hover div {
	display: none;
}
.jsxl-box .js-left ul li:hover a span {
	display: none;
}
.jsxl-box .js-left ul li.on {
	color: #d6000f;
	border: 2px solid #d6000f;
	background: #d6000f;
}
.jsxl-box .js-left ul li.on a {
	color: #fff;
}
.jsxl-box .js-right {
	width: 100%;
	float: none;
	padding-top: 5%;
}
/*2017-07-14*/
.yf-nav ul li {
	float: none;
}
.cwzk ul li dd .d-top {
	min-height: 22px;
	height: auto;
}
.fzlc_box {
	width: 90%;
	overflow-y: auto;
}
.fzlc-btn {
	width: 950px;
}
.dmdz-box .dm-left {
	width: 100%;
}
.dmdz-box .dm-right {
	width: 100%;
	margin-top: 0%;
	backgroud: #fff;
}
}
.news-list {
	padding-bottom: 0;
	position: relative;
}
.news-list .js-left {
	margin-right: 0
}
.news-list .news {
	border-top: 1px solid #f6f6f6;
	overflow: hidden;/*padding-left: 40px; */
}
.news-list .news li {
	overflow: hidden;
	border-bottom: 1px dashed #dcdcdc;
	padding: 30px 0;
	position: relative;
	cursor: pointer;
}
.news-list .news li a {
	color: #333;
	font-size: 16px;
	transition: 0.3s;
}
.news-list .news li h5 {
	display: block;
	width: 4px;
	height: 22px;
	background: #d6000f;
	transition: 0.3s;
	float: left;
	margin-left: -20px;
	margin-right: 16px;
}
.news-list .news li span {
	float: right;
	font-size: 14px;
	color: #666;
	transition: 0.3s;
}
.news-list .news li div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	transition: 0.3s;
	background: #f6f6f6;
	z-index: -3;
}
.news-list .news li h2 {
	display: block;
	float: right;
	height: 22px;
	font-size: 16px;
	color: #d6000f;
	font-weight: normal;
	border-left: 1px solid #dcdcdc;
	padding: 0 20px;
	transition: 0.3s;
	margin-right: -60px;
}
.news-list .news li:hover a {
	color: #d6000f;
	transition: 0.3s;
}
.news-list .news li:hover h5 {
	width: 4px;
	transition: 0.3s;
	margin-right: 16px;
	margin-left: 0;
}
.news-list .news li:hover div {
	left: 0;
	transition: 0.3s;
}
.news-list .news li:hover h2 {
	margin-right: 0;
	transition: 0.3s;
	margin-left: 16px;
}
.chose-time {
	position: absolute;
	top: -80px;
	right: 0;
	font-size: 14px;
	color: #333333;
	line-height: 1;
	cursor: pointer;
}
.chose-time span {
	padding: 10px 0;
	display: block;
	float: left;
	cursor: hand;
}
.chose-time .year-btn {
	position: relative;
	line-height: 1;
	margin-left: 15px;
	float: right;
	color: #666666;
	font-size: 14px;
	background-color: #f5f5f5;
}
.chose-time .year-btn span {
	padding: 10px 50px 10px 15px;
	display: block;
	background-image: url("icon-time-right.png");
	background-repeat: no-repeat;
	background-position: center right;
}
.chose-time .year-btn ul {
	display: none;
	background: #f5f5f5;
	position: absolute;
	top: 30px;
	width: 100%;
}
.chose-time .year-btn ul li {
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #dadada;
}
.chose-time .year-btn ul li a {
	color: #666666;
}
.page {
	text-align: center;
	padding: 70px 0;
}
.page ul {
	display: inline-block;
	overflow: hidden;
}
.page ul li {
	float: left;
	padding: 10px 15px;
	background: #fbfbfb;
	margin: 0 5px;
}
.page ul li a {
	font-size: 14px;
	color: #808080;
}
.page ul li.on {
	background: #d6000f;
}
.page ul li.on a {
	color: #fff;
}
.login {
	width: 450px;
	margin: 0 auto;
	padding: 150px 0;
}
.login .logo {
	text-align: center;
	padding-bottom: 100px;
}
.login .logo img {
	display: inline-block;
}
.login .l-title {
	position: relative;
	width: 100%;
	height: 2px;
	background: #d2d2d2;
}
.login .l-title span {
	display: block;
	text-align: center;
	position: absolute;
	width: 125px;
	font-size: 28px;
	color: #a8a8a8;
	background: #fff;
	left: 50%;
	top: -20px;
	margin-left: -62.5px;
}
.login .logo-form {
	font-size: 16px;
	color: #777777;
	padding: 0 10px;
	padding-top: 50px;
}
.login .logo-form dl {
	overflow: hidden;
}
.login .logo-form dl dt {
	width: 20%;
	float: left;
	height: 40px;
	line-height: 40px;
	padding-bottom: 30px;
}
.login .logo-form dl dd {
	width: 80%;
	float: left;
	padding-bottom: 30px;
}
.login .logo-form dl dd .text, .login .logo-form dl dd .input-text {
	width: 100%;
	height: 40px;
	border: 1px solid #b5b5b5;
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-appearance: none;
	outline: none;
}
.login .logo-form dl dd textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #b5b5b5;
	box-sizing: border-box;
	-webkit-appearance: none;
	outline: none;
}
.login .logo-form dl dd .errotext {
	display: none;
	color: #d6000f;
	padding-top: 20px;
}
.login .logo-form dl dd .yzm {
	width: 100%;
	display: table;
}
.login .logo-form dl dd .yzm .text {
	width: 45%;
	vertical-align: middle;
	margin-right: 5%;
}
.login .logo-form dl dd .yzm img {
	vertical-align: middle;
	width: 30%;
	margin-right: 5%;
}
.login .logo-form dl dd .yzm a {
	vertical-align: middle;
	color: #777777;
	font-size: 14px;
}
.login .logo-form .l-bottom {
	text-align: center;
	padding-top: 80px;
}
.login .logo-form .l-bottom .tip {
	padding-top: 30px;
	color: #777777;
	font-size: 14px;
}
.login .logo-form .l-bottom .tip a {
	color: #d6000f;
}
.login .logo-form .submit {
	display: inline-block;
	width: 330px;
	padding: 15px 0;
	line-height: 1;
	color: #fff;
	font-size: 16px;
	background: #d6000f;
	border: none;
	-webkit-appearance: none;
	outline: none;
}
.regist .logo-form .l-bottom {
	padding-top: 50px;
}
.regist .logo-form dl dd .text {
	width: 90%;
}
.regist .star {
	display: inline-block;
	width: 9%;
	height: 40px;
	line-height: 40px;
	color: #d6000f;
	font-size: 18px;
	text-align: right;
}
.fxsbg-list .mr0 {
	margin-right: 0;
}
.fxsbg-list ul {
	overflow: hidden;
	margin: 0 -4%;
}
.fxsbg-list ul li {
	float: left;
	width: 25%;
	margin: 0 4% 4% 4%;
}
.fxsbg-list ul li .pic {
	overflow: hidden;
}
.fxsbg-list ul li .pic img {
	width: 100%;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.fxsbg-list ul li .pic img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.fxsbg-list ul li .text {
	padding-top: 20px;
	font-size: 14px;
	color: #777777;
}
.fxsbg-list ul li .text a {
	color: #777777;
}

@media screen and (max-width: 1024px) {
.fxsbg-list ul {
	display: block;
}
.fxsbg-list ul li {
	float: left;
	width: 47%;
	margin-right: 5%;
}
.fxsbg-list ul li:nth-child(2) {
	margin-right: 0;
}
.fxsbg-list ul li .text {
	padding-top: 5%;
	font-size: 18px;
}
}

@media screen and (max-width: 480px) {
.fxsbg-list ul {
	display: block;
}
.fxsbg-list ul li {
	float: none;
	width: 100%;
	margin: 0;
	padding-bottom: 10%;
}
.fxsbg-list ul li .text {
	padding-top: 5%;
	font-size: 18px;
}
}
.gsth-list {
	position: relative;
}
.gsth-list .gsth {
	overflow: hidden;
}
.gsth-list .gsth li {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	font-size: 14px;
	padding: 20px 0;
}
.gsth-list .gsth li.r {
	text-align: left;
}
.gsth-list .gsth li .time {
	color: #d6000f;
	padding-right: 20px;
}
.gsth-list .gsth li a {
	color: #333333;
}

@media screen and (max-width: 1024px) {
.gsth-list .gsth li {
	width: 100%;
}
.gsth-list .gsth li.r {
	text-align: left;
	position: relative
}
}

@media screen and (max-width: 480px) {
.chose-time {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}
.chose-time .year-btn {
	float: left
}
.gsth-list .gsth li .time {
	display: block;
	padding-bottom: 1%
}
.gsth-list .gsth li a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
}
.lxwm {
	padding: 80px 0;
}
.lxwm dl dt {
	font-size: 24px;
	color: #2a2a2a;
	padding-top: 40px;
}
.lxwm dl dd {
	font-size: 18px;
	color: #2a2a2a;
	padding-top: 20px;
}
.lxwm .btn {
	margin-top: 100px;
	display: block;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	width: 190px;
	background: #d6000f;
}

@media screen and (max-width: 1024px) {
.lxwm {
	padding: 6% 0
}
}

@media screen and (max-width: 480px) {
.lxwm {
	padding: 0 0 5%;
}
}
.fzlc {
	padding-bottom: 40px;
	padding-bottom: 0;
}
.fzlc_box {
	width: 100%;/*overflow-y:   auto;*/
}
.fzlc-btn {
	height: 1px;
	background: #d6000f;
	margin-top: 60px;
	margin-bottom: 10px;
	position: relative;
}
.fzlc-btn dl {
	width: 950px;
	margin: 0 auto;
}
.fzlc-btn dl dt {
	width: 13.4%;
	float: left;
	text-align: center;
	position: relative;
	bottom: 32px;
	line-height: 1;
	cursor: pointer;
}
.fzlc-btn dl dt.on {
	bottom: 35px;
}
.fzlc-btn dl dt.on span {
	font-size: 16px;
	color: #d6000f;
}
.fzlc-btn dl dt.on i {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 3px solid #d6000f;
}
.fzlc-btn dl dt span {
	display: block;
	font-size: 14px;
	color: #999999;
	padding-bottom: 10px;
}
.fzlc-btn dl dt i {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #d6000f;
	border-radius: 50%;
}
.fzlc-btn dl dt:hover i {
	width: 18px;
	height: 18px;
}
.fzlc-list {
	overflow: hidden;
	width: 100%;
}
.fzlc-list .container2 {
	width: 900px;
}
.fzlc-list ul li {
	width: 100%;
	overflow: hidden;
	transition: 0.3s;
}
.fzlc-list ul li .wrap {
	width: 100%;
	height: 100px;
	display: table;
}
.fzlc-list ul li .fz-left {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
}
.fzlc-list ul li .fz-left span {
	font-size: 22px;
	color: #555555;
}
.fzlc-list ul li .fz-left .year {
	display: inline-block;
	width: 68px;
}
.fzlc-list ul li .fz-left .line {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
	width: 70px;
	height: 1px;
	background: none;
}
.fzlc-list ul li .fz-right {
	width: 58%;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #555;
	line-height: 2;
}
.fzlc-list ul li.year .line {
	background: #d6000f;
}
.fzlc-list ul li:hover {
	background: #7f7f7f;
	padding-left: 20px;
	transition: 0.3s;
}
.fzlc-list ul li:hover .fz-left span {
	color: #fff;
	transition: 0.3s;
}
.fzlc-list ul li:hover .fz-right {
	padding-right: 40px;
	color: #fff;
	transition: 0.3s;
}
.fzlc-list ul li:hover.year .line {
	background: #fff;
	transition: 0.3s;
}
.wrap-bai {
	padding: 1.2rem 0;
}
/*2017-07-14*/
.lxwm_box {
	width: 100%;
	overflow: hidden;
}
.lxwm_box:hover {
	background: #7f7f7f;
	padding-left: 20px;
}
.lxwm .lxwm_box:hover dl dt {
	color: #fff;
}
.lxwm .lxwm_box:hover dl dd {
	color: #fff;
}
.lxwm .lxwm_box dl dt {
	padding-top: 0px;
}
.lxwm .lxwm_box dl {
	padding: 20px 0;
}

/*2017-07-14*/
@media screen and (max-width: 1024px) {
.fzlc-list .container2 {
	width: auto
}
.fzlc-list ul li .fz-left {
	width: 100%;
	display: block;
	float: none;
}
.fzlc-list ul li .fz-right {
	width: 100%;
	display: block;
	float: none;
}
.fzlc-list ul li:hover .fz-left {
	width: 90%;
	display: block;
	float: none;
}
.fzlc-list ul li:hover .fz-right {
	width: 90%;
	display: block;
	float: none;
}
.fzlc-list ul li .fz-left .year {
	display: none
}
.fzlc-list ul li .fz-left .line {
	display: none
}
.fzlc-list ul li.year .fz-left .year {
	display: inline-block;
}
.fzlc-list ul li.year .fz-left .line {
	display: inline-block;
}
.wrap-bai {
	padding: 1.4rem 0;
}
}

@media screen and (max-width: 480px) {
.fzlc-list ul li .fz-right {
	width: 100%;
	display: block;
	float: none;
	padding-top: 5%;
	padding-bottom: 10%;
}
}
.small-title {
	font-size: 20px;
	text-align: center;
}
.smyj {
	padding-bottom: 20px;
}
.smyj-content {
	padding-top: 30px;
	padding-bottom: 100px;
	font-size: 14px;
	color: #333333;
}
.smyj-content p {
	padding-bottom: 20px;
	line-height: 2;
}

@media screen and (max-width: 480px) {
.smyj-content {
	padding-bottom: 10%;
}
}
.jxs-box {
	padding: 70px 160px;
	padding-right: 0px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 50px;
	display: table;
	width: 100%;
}
.jxs-box.mb0 {
	margin-bottom: 0;
}
.jxs-box.jsx-box-bg {
	background: #f3f3f3;
}
.jxs-box .jxs-left {
	width: 30%;
	border-right: 1px solid #dbdbdb;
	font-size: 24px;
	display: table-cell;
	vertical-align: middle;
}
.jxs-box .jxs-left span {
	display: block;
}
.jxs-box .jxs-left i {
	width: 25px;
	height: 3px;
	display: inline-block;
	background: #d6000f;
}
.jxs-box .jxs-right {
	width: 83%;
	float: left;
	padding-left: 10%;
}
.jxs-box .jxs-right .gou li {
	font-size: 16px;
	width: 100%;
	background: url("icon-jxs.png") no-repeat left center;
	background-size: 23px;
	padding: 10px 0;
	padding-left: 30px;
	color: #333333;
}
.jxs-box .jxs-right ul li {
	font-size: 16px;
	color: #333333;
	padding: 5px 0;
}
.jxs-jmlc {
	background: url("jm-bg.jpg") no-repeat center;
	text-align: center;
	margin-bottom: 50px;
}
.jxs-jmlc .jxs-title {
	font-size: 24px;
	color: #fff;
	padding-top: 70px;
}
.jxs-jmlc ul {
	overflow: hidden;
	display: inline-block;
	padding-top: 100px;
	padding-bottom: 100px;
}
.jxs-jmlc ul li {
	float: left;
	padding: 0 20px;
	text-align: center;
}
.jxs-jmlc ul li .text {
	padding-top: 30px;
	font-size: 14px;
	color: #fff;
}
.jxs-jmlc ul li img {
	display: inline-block;
}
.jxs-jmlc ul li.point {
	font-size: 30px;
	color: #fff;
	padding-top: 20px;
}

@media screen and (max-width: 1024px) {
.jxs-box {
	padding: 5%;
	margin-bottom: 0;
	width: auto;
	box-sizing: border-box;
	width: auto;
	display: block;
}
.jxs-box .jxs-left {
	width: 100%;
	float: none;
	border: none;
}
.jxs-box .jxs-right {
	padding: 0
}
.jxs-box.jsx-box-bg {
	background: none
}
.jxs-jmlc ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 30px
}
.jxs-jmlc ul li {
	padding: 15px;
}
}

@media screen and (max-width: 480px) {
.jxs-box {
	padding: 5% 0 0 0;
}
.jxs-box .jxs-left {
	font-size: 20px;
}
.jxs-box .jxs-right {
	width: 100%;
}
.jxs-box .jxs-right .gou li {
	font-size: 14px;
}
.jxs-jmlc {
	background: url(images/jm-bg.jpg) no-repeat center top;
	margin-top: 8%;
	background-size: 100% 100%;
}
.jxs-jmlc .jxs-title {
	padding-top: 5%;
	font-size: 20px;
}
.jxs-jmlc ul li.point {
	display: none;
}
.jxs-jmlc ul li .text {
	padding-top: 10%;
}
}
.hotline {
	background: #d6000f;
	text-align: center;
	padding: 30px 0;
}
.hotline .wrap {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	background: url("icon-phone.png") no-repeat left center;
	background-size: 35px;
	padding-left: 50px;
}
.hotline .wrap span {
	font-size: 28px;
	padding-left: 20px;
}
.dmdz-title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	padding: 30px 0;
}
.dmdz-box {
	overflow: hidden;
	background: #fff;
}
.dmdz-box .dm-left {
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
}
.dmdz-box .dm-left .big-pic {
	overflow: hidden;
}
.dmdz-box .dm-left .swiper-slide img {
	width: 100%;
	display: block;
}
.dmdz-box .dm-left .swiper-button-next, .dmdz-box .dm-left .swiper-button-prev {
	background-image: url("dmdz_right.png");
	width: 30px;
	height: 30px;
	background-size: 30px;
}
.dmdz-box .dm-left .swiper-button-prev {
	background-image: url("dmdz_left.png");
}
.dmdz-box .dm-left .small-pic {
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
	text-align: center;
	padding: 1.5% 0;
	background: url("small-pic-bg.png") repeat;
}
.dmdz-box .dm-left .small-pic ul {
	display: inline-block;
	text-align: center;
}
.dmdz-box .dm-left .small-pic ul li {
	display: inline-block;
	width: 9%;
	margin: 0 1%;
}
.dmdz-box .dm-left .small-pic ul li img {
	width: 100%;
}
.dmdz-box .dm-left .small-pic ul li.on {
	border: 1px solid #fff;
}
.dmdz-box .dm-right {
	width: 40%;
	float: left;
	color: #666;
	font-size: 14px;
	margin: 5%;
	backgroud: #fff;
}
.dmdz-box .dm-right span {
	font-weight: bolder;
	padding: 1%;
}
.dmdz-box .dm-right dl {
	padding-left: 10%;
}
.dmdz-box .dm-right dl dt {
	padding: 10px 0;
}
.dmdz-content {
	padding-top: 20px;
	padding-bottom: 100px;
	font-size: 14px;
	color: #333333;
	line-height: 2;
}
.kxj-box {
	overflow: hidden;
	padding-bottom: 50px;
}
.kxj-box ul {
	overflow: hidden;
}
.kxj-box ul li {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
	padding: 20px 0;
	padding-top: 48px;
	box-sizing: border-box;
}
.kxj-box ul li:hover .text {
	background: #7d7d7e;
	color: #fff;
}
.kxj-box ul li:hover .text .red {
	color: #fff;
}
.kxj-box ul li:hover .text dl {
	border-color: #fff;
}
.kxj-box ul li.bg-gray {
	background: #f3f3f3;
}
.kxj-box ul li .pic {
	float: left;
	width: 32%;
	position: absolute;
	left: 20px;
}
.kxj-box ul li .pic img {
	width: 100%;
	display: block;
}
.kxj-box ul li .text {
	margin-top: 20px;
	padding: 28px 0;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.kxj-box ul li .text .wrap {
	width: 57%;
	float: right;
	padding-right: 30px;
}
.kxj-box ul li .text .k-name {
	font-size: 24px;
	padding-bottom: 5px;
}
.kxj-box ul li .text .k-name span {
	font-size: 14px;
	padding-left: 15px;
}
.kxj-box ul li .text .red {
	display: block;
	color: #b60b17;
	padding-bottom: 5px;
}
.kxj-box ul li .text .pos {
	font-size: 14px;
}
.kxj-box ul li .text dl {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #b60b17;
	font-size: 12px;
	height: 95px;
}
.kxj-box ul li .text dl dt {
	line-height: 2;
	padding: 2px 0;
	background-image: url("icon-xueli.jpg");
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.kxj-box ul li .text dl dt.xing {
	background-image: url("icon-xing.jpg");
}
.kxj-box ul li .text dl dt.jiang {
	background-image: url("icon-jiang.jpg");
}

@media screen and (max-width: 1024px) {
.kxj-box ul li {
	width: 100%;
	padding: 2.5% 0 2.5% 0;
}
}

@media screen and (max-width: 480px) {
.kxj-box ul li {
	padding-top: 5%
}
.kxj-box ul li .pic {
	width: 100%;
	left: 0;
	position: relative;
}
.kxj-box ul li .text {
	width: auto;
	padding: 5%;
	margin: 0;
	background: #f3f3f3;
}
.kxj-box ul li .text .wrap {
	width: auto;
	padding: 0;
}
.kxj-box ul li .text dl {
	height: auto;
}
.kxj-box ul li.bg-gray {
	background: none
}
}
.dzzjb-box {
	overflow: hidden;
}
.dzzjb-box .dz-left {
	width: 26%;
	padding-right: 6%;
	box-sizing: border-box;
	float: left;
}
.dzzjb-box .dz-left ul {
	padding: 0 10px;
	background: #f6f6f6;
}
.dzzjb-box .dz-left ul li {
	font-size: 14px;
	color: #333333;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.dzzjb-box .dz-right {
	width: 100%;
	float: left;
	box-sizing: border-box; /*border-left: 1px solid #ededed; */
	margin-bottom: 150px;
	overflow: hidden;
}
.dzzjb-box .dz-right .mr0 {
	margin-right: 0 !important;
}
.dzzjb-box .dz-right .dz-list li {
	width: 30%;
	float: left;
	margin-right: 3%;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 6%;
}
.dzzjb-box .dz-right .dz-list li img {
	width: 100%;
}
.dzzjb-box .dz-right .dz-list li .dr-title {
	font-size: 14px;
	color: #333;
	padding-top: 15px;
	padding-bottom: 5px;
}
.dzzjb-box .dz-right .dz-list li .dr-time {
	font-size: 12px;
	color: #666666;
	padding-bottom: 5px;
}

@media screen and (max-width: 1024px) {
.dzzjb-box .dz-right .dz-list li {
	width: 47%;
}
.dzzjb-box .dz-right .dz-list li:nth-child(2n) {
	margin-right: 0;
}
.dzzjb-box .dz-right {
	margin-bottom: 15%;
}
}

@media screen and (max-width: 480px) {
.dzzjb-box .dz-right .dz-list li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}
}
.rczp-box {
	padding-top: 3%;
}
.rczp-box .line {
	width: 30px;
	height: 3px;
	display: block;
	background: #d6000f;
	margin: 15px 0
}
.rczp-box ul {
	overflow: hidden;
}
.rczp-box ul li {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 10%;
}
.rczp-box ul li .rc-title {
	font-size: 22px;
	color: #d6000f;
}
.rczp-box ul li .rc-positon {
	font-size: 18px;
	color: #222222;
	padding-bottom: 10px;
	border-bottom: 1px solid #d6000f;
	font-weight: bolder;
}
.rczp-box ul li .rc-content {
	width: 100%;
	font-size: 14px;
	color: #222222;
	padding-top: 20px;
}
.rczp-box ul li .rc-content p {
	padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
.rczp-box {
	padding: 5% 0;
}
.rczp-box ul {
	padding: 0
}
.rczp-box ul li {
	padding: 0;
	padding-bottom: 5%;
}
}

@media screen and (max-width: 480px) {
.rczp-box {
	padding: 5% 0;
}
.rczp-box ul {
	padding: 0
}
.rczp-box ul li {
	padding: 0;
	width: 100%;
	padding-bottom: 5%
}
}
.cwzk {
	padding-bottom: 70px;
}
.cwzk ul li.bg-gray {
	background: #f2f2f2;
}
.cwzk ul li dl {
	overflow: hidden;
	padding: 15px 0;
	font-size: 16px;
	color: #333333;
}
.cwzk ul li dl dt {
	width: 19%;
	float: left;
	padding-left: 1%;
}
.cwzk ul li dl dd {
	width: 20%;
	float: left;
}
.cwzk ul li .d-top {
	height: 22px;
}
.cwzk ul li .d-bottom {
	color: #a0a0a0;
}
.gjxx-box {
	width: 100%;
	margin: 0 auto;
}
.gjxx-box .gjxx-content {
	font-size: 14px;
	color: #333333;
	padding-bottom: 50px;
}
.gjxx-box .gjxx-content p {
	padding: 5px 0;
}
.gjxx-box .gjxx-content p span {
	font-weight: bolder;
	padding-right: 3px;
}
.gjxx-box .gj {
	overflow: hidden;
	display: table;
	color: #333;
	margin-bottom: 35px;
}
.gjxx-box .gj .left {
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;
	color: #333333;
	padding-right: 15px;
}
.gjxx-box .gj .center {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
.gjxx-box .gj .right {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 1024px) {
.gjxx-box {
	width: auto;
	margin: 0 6%;
}
}

@media screen and (max-width: 480px) {
.gjxx-box {
	width: auto;
	margin: 0 5%;
}
}
.gj-table {
	padding-bottom: 80px;
}
.gj-table ul li {
	overflow: hidden;
}
.gj-table ul li.bg-gray {
	background: #f2f2f2;
}
.gj-table ul li dl {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-align: center;
}
.gj-table ul li dl dt {
	float: left;
	width: 30%;
	border-right: 1px solid #fff;
	padding: 20px 0;
}
.gj-table ul li dl dd {
	width: 68%;
	float: left;
	text-align: center;
	padding: 20px 0;
}
.dmdz-nav {
	text-align: center;
	padding-bottom: 50px;
}
.dmdz-nav ul {
	display: inline-block;
	overflow: hidden;
}
.dmdz-nav ul li {
	padding: 5px 10px;
	margin: 0 20px;
	float: left;
	font-size: 18px;
	cursor: pointer;
}
.dmdz-nav ul li.on {
	background: #d6000f;
	color: #fff;
}
.jjdm-co {
	overflow: hidden;
	padding-bottom: 80px;
	display: none;
}
.jjdm-co.on {
	display: table;
}
.jjdm-co .pic {
	width: 58%;
	display: table-cell;
	vertical-align: middle;
}
.jjdm-co .pic img {
	width: 100%;
	display: block;
}
.jjdm-co .text {
	display: table-cell;
	vertical-align: middle;
	width: 42%;
	box-sizing: border-box;
}
.jjdm-co .text span {
	display: table-cell;
	vertical-align: middle;
	height: 300px;
	background: #7d7d7d;
	color: #fff;
	padding: 0 12%;
	line-height: 1.5;
}

@media screen and (max-width: 1024px) {
.jjdm-co.on {
	display: block;
}
.jjdm-co .pic {
	width: 100%;
	display: block;
}
.jjdm-co .text span {
	display: block;
	height: auto;
	padding: 5%;
}
}

@media screen and (max-width: 480px) {
.jjdm-co .text span {
	font-size: 14px;
}
}
.zzjg {
	padding-bottom: 100px;
}
.zzjg img {
	display: block;
	width: 100%;
}
.solution-nav {
	overflow: hidden;
	padding: 60px 0;
	text-align: center;
	font-size: 18px;
	padding-bottom: 0;
}
.solution-nav ul {
	display: inline-block;
	overflow: hidden;
}
.solution-nav ul li {
	float: left;
	padding: 0 20px;
}
.solution-nav ul li a {
	color: #4c4c4c;
	display: block;
}
.solution-nav ul li i {
	display: inline-block;
	width: 35px;
	height: 1px;
}
.solution-nav ul li.on a {
	color: #d6000f;
}
.solution-nav ul li.on i {
	background: #d6000f;
}
.solution-nav ul li.line {
	width: 1px;
	background: #cccccc;
	height: 25px;
	padding: 0;
}
.solution-nav.realted-nav {
	font-size: 14px;
}
.solution-nav.hw {
	padding: 0;
	padding-top: 60px;
	background: #f8f8f8;
}
.dload-phone {
	text-align: right;
	padding: 60px 0;
}
.dload-phone a {
	display: inline-block;
	font-size: 16px;
	color: #d6000f;
	width: 213px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #d6000f;
	border-radius: 24px;
	margin-bottom: 10px
}
/*.dload-phone a { width: 171px; padding-left:42px;*width: 171px; *padding-left:42px;}*/
.dload-phone a p {
	display: block;
	font-size: 16px;
	color: #d6000f;
	margin-left: 42px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin-top: 14px;
}
/*.dload-phone .h-phone { background: url("ty-icon01.png") no-repeat; background-position: left 20px center; }
.dload-phone .h-phone:hover { background: url("ty-icon04.png") no-repeat #d6000f; background-position: left 42px center; color: #fff; }
.dload-phone .h-dload { background: url("ty-icon02.png") no-repeat; background-position: left 42px center; margin-left: 40px; }
.dload-phone .h-dload:hover { background: url("ty-icon03.png") no-repeat #d6000f; background-position: left 42px center; margin-left: 40px; color: #fff; }*/
.dload-phone .h-phone p {
	background: url("ty-icon01.png") no-repeat;
	background-position: left 20px center;
	margin-left: 20px;
}
.dload-phone a.h-phone:hover {
	background: #d6000f;
	color: #fff;
}
.dload-phone a.h-phone:hover p {
	background: url("ty-icon04.png") no-repeat;
	background-position: left 22px center;
	color: #fff;
}
.dload-phone .h-dload {
	margin-left: 40px;
}
.dload-phone .h-dload p {
	background: url("ty-icon02.png") no-repeat;
	background-position: left 42px center;
}
.dload-phone .h-dload:hover {
	background: #d6000f;
	color: #fff;
}
.dload-phone .h-dload:hover p {
	background: url("ty-icon03.png") no-repeat;
	background-position: left 42px center;
	color: #fff;
}
.trait {
	display: table;
	margin-bottom: 80px;
	background: #f6f6f6;
}
.trait .t-left {
	width: 39%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 60px;
	font-size: 14px;
	line-height: 2;
	color: #666;
}
.trait .t-left p {
	padding-bottom: 30px;
}
.trait .t-right {
	width: 60%;
	display: table-cell;
	vertical-align: middle;
}
.trait .t-right img {
	width: 100%;
	display: block;
}

@media screen and (max-width: 1024px) {
.trait .t-left {
	width: 100%;
	display: block;
	padding: 5%;
	box-sizing: border-box;
}
.trait .t-right {
	width: 100%;
	display: block;
}
}
.energy.hw .espList-con .esp-item ul li p {
	min-height: 75px;
}
.hw-fuwu {
	position: relative;
	background: #eeeeee;
	padding-top: 25px;
	margin-bottom: 80px;
}
.hw-fuwu .hf-left {
	width: 40%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.hw-fuwu .hf-left img {
	width: 100%;
	display: block;
}
.hw-fuwu .hf-right {
	padding-left: 42%;
}
.hw-fuwu .hf-right dl {
	width: 25%;
	float: left;
	min-height: 95px;
	margin-bottom: 20px;
}
.hw-fuwu .hf-right dl dt {
	font-size: 16px;
	padding-bottom: 10px;
}
.hw-fuwu .hf-right dl dd {
	font-size: 13px;
	padding-right: 15%;
	line-height: 20px;
}
.hw-fuwu .hf-right dl.mb0 {
	margin-bottom: 0;
}
.hw-jm {
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}
.hw-jm .line {
	width: 100%;
	height: 1px;
	background: #d6000f;
	margin-top: 40px;
	margin-bottom: 70px;
	position: relative;
}
.hw-jm .line i {
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
	background: url(images/lc-jt.png) no-repeat;
	width: 8px;
	height: 11px;
}
.hw-jm ul {
	width: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	text-align: center;
}
.hw-jm ul li {
	width: 12%;
	min-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #333333;
	margin: 0 1%;
	float: left;
}
.hw-jm ul li .j-dian {
	background: url(images/db-bg.png) no-repeat center;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 10px 0;
}
.news-content {
	padding: 80px 0;
}
.news-content .new-title {
	font-size: 28px;
	color: #434343;
	padding-bottom: 25px;
}
.news-content .new-time {
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	color: #828282;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}
.news-content .news-time-left {
	float: left;
}
.news-content .news-time-right {
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
}
#q-20170406101224-cont-foot-fenxiang div {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	padding: 0;
	float: left;
	margin-left: 8px;
	cursor: pointer;
}
#q-20170406101224-cont-foot-fenxiang div a {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 6px auto 0 auto;
	background-size: 16px;
	float: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#q-20170406101224-cont-foot-fenxiang div:hover a {
	background-position: bottom;
	-webkit-transition: 0.3s;
}

@media screen and (max-width: 768px) {
.news-left {
	display: none;
}
}
.news-content .new-co {
	font-size: 14px;
	color: #434343;
}
.news-content .new-co p {
	padding-bottom: 20px;
	line-height: 1.5;
}

@media screen and (max-width: 780px) {
.news-content .new-co img {
	width: 100%!important;
	height: auto !important;
}
}
.world.zddz {
	background: none;
}
.pro-parameter.lu {
	width: 1200px;
	margin: 0 auto;
}
.now-buy {
	display: block;
	margin: 80px auto;
	width: 170px;
	height: 50px;
	line-height: 50px;
	background: #d6000f;
	font-size: 14px;
	color: #fff;
	text-align: center;
	letter-spacing: 8px;
}
/*
.goods-item{ background: #f5f5f5; position: relative; padding: 75px 0; margin-bottom: 80px; .item-img{ width: 48%; float: left; position: absolute; bottom:10px; left:20px; img{ width:100%; display: block; } } .item-txt{ width: 47%; float: right; color: #333333; padding-left: 8%; h4{ font-size: 28px; padding-bottom: 40px; font-weight: normal; } p{ font-size: 14px; line-height:2; min-height: 150px; padding-right: 20%; } } &.tiem-l{ .item-img{ float: left; } .item-txt{ float: right; } } &.tiem-r{ .item-img{ right:20px; left: auto; } .item-txt{ float: left; } } &.goods-item1{ padding: 0; overflow: hidden; .item-img{ width:100%; position: relative; left:0; bottom:0; } .item-txt{ position: absolute; top:0; left:0; color: #fff; height:400px; display: table; .wrap{ display: table-cell; vertical-align: middle; } p{ min-height: auto; } } } &.goods-item1{ .item-txt{ position: absolute; top:0; left:0; color: #fff; height:auto; display: block; text-align: center; width: 100%; padding: 0; .wrap{ display: block; } h4{ padding-top: 70px; padding-bottom: 20px; } p{ min-height: auto; padding: 20px 29%; } } } &.goods-item2{ padding: 0; overflow: hidden; background: none; &.bg-gray{ background: #f5f5f5; } .item-img{ width:100%; position: relative; left:0; bottom:0; } .item-txt{ position: relative; top:0; left:0; color: #333; display: block; width:100%; text-align: center; p{ padding: 0 30%; padding-bottom: 30px; min-height: auto; } } }
}
.mt10{ padding-top: 50px !important;
}

.cndy2{ padding: 65px 0; .item-txt{ width: 50%; } .item-img{ width: 60%; right:-140px !important; }
}
.goods-item.cndy3{ display: table; .item-txt{
 .wrap{ width: 100%; display: table-cell; vertical-align: middle; } }

}
*/
.tab-qywh ul {
	overflow: hidden;
	padding: 25px 0
}
.tab-qywh ul li {
	width: 50%;
	text-align: center;
	float: left;
	cursor: pointer;
}
.tab-qywh ul li.on {
	color: #d6000f;
}
.qywh {
	padding-bottom: 180px;
	overflow: hidden;
	display: none
}
.qywh.on {
	display: block;
}
.qywh ul li {
	width: 48%;
	float: left;
	position: relative;
}
.qywh ul li.r {
	float: right;
}
.qywh ul li .pic {
	width: 100%;
	position: relative;
}
.qywh ul li .pic img {
	width: 100%;
	height: auto;
	display: block;
}
.qywh ul li .pic a {
	position: absolute;
	top: 84%;
	right: 6%;
	font-size: 14px;
	color: #666666;
	background: url("qywh-down.png") no-repeat center right;
	padding-right: 20px;
}
.qywh ul li .pic a.on {
	background: url("qywh-up.png") no-repeat center right;
}
.qywh ul li .txt {
	position: absolute;
	display: table;
	bottom: 0;
	right: 0;
	height: 170px;
	box-sizing: border-box;
	width: 50%;
	padding: 0 5%;
}
.qywh ul li .txt h4 {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	color: #333333;
	font-size: 18px;
	font-weight: normal;
}
.qywh ul li .con {
	display: none;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	padding: 45px 0;
}
.qywh ul li .con a {
	text-align: right;
	display: block;
	border-bottom: 1px solid #efefef;
	padding: 10px 20px 10px 0;
	color: #666666;
	font-size: 14px;
	background: url("qywh-up.png") no-repeat center right;
}

@media screen and (max-width: 480px) {
.qywh ul li {
	width: 100%;
}
}
.goods-title {
	font-size: 36px;
	color: #333333;
	text-align: center;
	padding-bottom: 40px;
}
.goods-top {
	padding: 60px 0;
}
.goods-top .wrap {
	display: table;
}
.goods-top .wrap-shit {
	width: 100%;
	height: auto;
}
.goods-top .item-text {
	float: left;
	vertical-align: middle;
	width: 45%;
	text-align: justify;
}
.goods-top .item-text h5 {
	display: block;
	width: 24px;
	height: 3px;
	background: #d6000f;
	margin-top: 16px;
}
.goods-top .wrap-shit .fr {
	width: 50%;
	float: right;
	overflow: hidden;
}
.goods-top .wrap-shit .fr img {
	width: 100%;
}
.goods-top .item-text h4 {
	font-size: 36px;
	color: #333333;
	font-weight: normal;
}
.goods-top .item-text .tip {
	display: block;
	padding-top: 15px;
}
.goods-top .item-text p {
	padding-top: 40px;
	font-size: 14px;
	line-height: 2;
	box-sizing: border-box;
}
.goods-top .item-text a {
	display: block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #d6000f;
	margin-top: 40px;
}
.goods-top .item-pic {
	float: right;
	vertical-align: middle;
	width: 50%;
	overflow: hidden;
}
.goods-top .item-pic img {
	
	max-height:500px;
	display: block;
}
.goods-item {
	height: 410px;
	background: #f5f5f5;
	position: relative;
	margin-bottom: 80px;
}
.goods-item .item-img {
	width: 50%;
	float: left;
	position: absolute;
	bottom: 0;
}
.goods-item .item-img.item-img-858 {
	margin-left: 60px;
}
.goods-item .item-img.item-new-img {
	bottom: 38px;
	margin-left: 60px;
}
.goods-item .item-img.item-gnew-img {
	bottom: -57px;
}
.goods-item .item-img img {
	width: 100%;
	display: block;
}
.goods-item .item-txt {
	width: 50%;
	padding: 0 7%;
	height: 100%;
	box-sizing: border-box;
	float: right;
	display: table;
	color: #333333;
}
.goods-item .item-txt .wrap {
	display: table-cell;
	vertical-align: middle;
}
.goods-item .item-txt h4 {
	font-size: 36px;
	font-weight: normal;
	padding-bottom: 40px;
}
.goods-item .item-txt p {
	font-size: 16px;
	line-height: 1.5;
}
.goods-item.r .item-img {
	float: right;
	right: 0;
}
.goods-item.r .item-txt {
	float: left;
}
.goods-item2 {
	margin-bottom: 80px;
	position: relative;
}
.goods-item2 .item-img {
	width: 100%;
}
.goods-item2 .item-img img {
	width: 100%;
	display: block;
}
.goods-item2 .item-txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -20px;
	color: #fff;
	text-align: center;
}
.goods-item2 .item-txt .desc {
	font-size: 30px;
}
.goods-item2 .item-txt h4 {
	font-size: 36px;
	padding-bottom: 40px;
}
.goods-item2 .item-txt p {
	font-size: 16px;
	line-height: 1.5;
}
.goods-table {
	margin-bottom: 110px;
}
.goods-table ul {
	overflow: hidden;
}
.goods-table ul li {
	font-size: 16px;
	color: #333333;
	padding: 15px 0;
	overflow: hidden;
}
.goods-table ul li.bg-gray {
	background: #f5f5f5;
}
.goods-table ul li .t-left {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 20%;
}
.goods-table ul li .t-right {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-left: 20%;
}
.goods-table a {
	display: block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #d6000f;
	margin: 80px auto 0 auto;
}
.goods-table2 ul li {
	font-size: 16px;
	color: #333333;
	padding: 15px 0;
	overflow: hidden;
}
.goods-table2 ul li .t-left {
	width: 33%;
	text-align: center;
	padding: 0;
}
.goods-table2 ul li .t-right {
	width: 66%;
	padding: 0;
	text-align: left;
}
.goods-table2 ul li span {
	width: 25%;
	display: inline-block;
}
.goods-bottom {
	margin-bottom: 80px;
}
.goods-bottom.bg-gray {
	padding-top: 80px;
	background: #f5f5f5;
}
.goods-bottom .goods-desc {
	font-size: 16px;
	color: #333333;
	padding: 0 15%;
	text-align: center;
}
.goods-bottom img {
	display: block;
	width: 100%;
	margin-top: 60px;
}
.goods-item.g77w1 .item-img, .goods-item.g77w2 .item-img, .goods-item.g77w3 .item-img, .goods-item.g77w4 .item-img {
	width: 40%;
}
.goods-item.g77w2 .item-img {
	width: 45%;
}
.goods-item.g77w2 .item-img.item-img-842 {
	margin-right: 60px;
}
.goods-item.g77w3 .item-img {
	right: 70px;
}
.goods-table .goods-nav {
	padding-bottom: 30px;
	text-align: center
}
.goods-table .goods-nav ul {
	display: inline-block;
}
.goods-table .goods-nav li {
	float: left;
	padding: 0 20px 15px;
	position: relative;
	text-align: center
}
.goods-table .goods-nav li a {
	display: inline-block;
	color: #4c4c4c;
	width: auto;
	height: auto;
	line-height: 1.5;
	font-size: 14px;
	margin: 0;
	background: none;
}
.goods-table .goods-nav li:after {
	content: '';
	display: block;
	position: absolute;
	width: 35px;
	height: 1px;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.goods-table .goods-nav li.on:after {
	background: #d6000f;
}
.goods-wrap {
	width: 100%;
}
.goods-wrap ul {
	width: 100%;
	display: none;
}
.goods-wrap ul.active {
	display: block;
}

@media screen and (max-width: 768px) {
.goods-item .item-img.item-new-img {
	margin-left: 0;
}
.goods-item.g77w2 .item-img.item-img-842 {
	margin-right: 0;
}
.goods-item .item-img.item-img-858 {
	margin-left: 0;
}
}
.goods-item.g77w4 .item-img {
	bottom: -100px;
	left: 100px;
}
.goods-item.g15w1 .item-img {
	width: 45%;
}
.goods-item.g15w2 .item-img {
	bottom: -40px;
}
.goods-item.g15w3 .item-img {
	width: 53%;
	right: -50px;
}
.goods-item.g8w-1 .item-img {
	width: 69%;
	left: -12%;
}
.goods-item.g8w-2 .item-img {
	width: 37%;
	right: 13%;
}
.goods-item2.g8w-3 .item-txt {
	top: 20%;
}
.goods-item2.g8w-3 .item-txt p {
	padding: 0 25%;
}
.goods-item2.g8wz-3 .item-txt {
	top: 30%;
	width: 50%;
	padding-left: 10%;
	text-align: left;
}
.goods-item2.g8wz-3 .item-txt p {
	padding: 0;
	padding-right: 20%;
}
.goods-item.cnlyd-1 .item-img {
	width: 55%;
	left: -9%;
	top: 7%;
}
.goods-item.cnlyd-1 .item-txt {
	padding-left: 3%;
}
.goods-item.cnlyd-2 .item-img {
	width: 43%;
}
.goods-item.cndy-1 .item-img {
	width: 58%;
	left: -10%;
}
.goods-item.cndy-2 .item-txt {
	padding-right: 0;
	padding-left: 5%;
}
.goods-item.cndy-2 .item-img {
	width: 60%;
	right: -12%;
}
.goods-item2.cndy-3 .item-txt {
	width: 100%;
	text-align: center;
	top: 35%;
}
.goods-item2.cndy-3 .item-txt p {
	padding: 0;
}

@media screen and (max-width: 1024px) {
.goods-title {
	font-size: 28px;
	padding-bottom: 20px;
}
.goods-top {
	padding: 6% 0;
	overflow: hidden;
}
.goods-top .wrap {
	display: block;
}
.goods-top .item-text {
	display: block;
	width: 100%;
	padding-bottom: 6%;
}
.goods-top .item-text h4 {
	font-size: 28px;
}
.goods-top .item-text p {
	padding-right: 0;
}
.goods-top .item-pic {
	display: block;
	width: 100%;
}
.goods-item {
	margin-bottom: 6%;
	height: auto;
}
.goods-item .item-img {
	width: 100% !important;
	padding: 5%;
	float: left;
	position: relative;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	box-sizing: border-box;
}
.goods-item .item-txt {
	width: 100%;
	padding: 5%;
	height: auto;
	box-sizing: border-box;
	float: none;
	background: #f5f5f5;
}
.goods-item .item-txt .wrap {
	display: table-cell;
	vertical-align: middle;
}
.goods-item .item-txt h4 {
	font-size: 28px;
	padding-bottom: 40px;
}
.goods-item .item-txt p {
	font-size: 16px;
	line-height: 1.5;
}
.goods-item.r .item-img {
	float: right;
	right: 0;
}
.goods-item.r .item-txt {
	float: left;
}
.goods-item2 {
	margin-bottom: 6%;
}
.goods-item2 .item-txt .desc {
	font-size: 20px;
}
.goods-table {
	margin-bottom: 6%;
}
.goods-table ul li {
	font-size: 14px;
	padding: 12px 0;
}
.goods-table ul li .t-left {
	padding-left: 5%;
}
.goods-table ul li .t-right {
	padding-left: 5%;
}
.goods-table a {
	margin: 5% auto 0 auto;
}
.goods-table2 ul li span {
	width: 33%;
	display: inline-block;
}
.goods-bottom {
	margin-bottom: 6%;
}
.goods-bottom.bg-gray {
	padding-top: 6%;
	background: #f5f5f5;
}
.goods-item2.g8w-3 .item-txt {
	top: 20%;
}
.goods-item2.g8w-3 .item-txt h4 {
	font-size: 28px;
	padding-bottom: 20px;
}
.goods-item2.g8w-3 .item-txt p {
	font-size: 14px;
	padding: 0 10%;
}
}

@media screen and (max-width: 640px) {
.goods-table .goods-nav li {
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px 10px;
	margin-top: 10px;
}
}

@media screen and (max-width: 480px) {
.goods-title {
	font-size: 20px;
}
.goods-top {
	padding: 5% 0;
}
.goods-top .item-text {
	padding-bottom: 5%;
}
.goods-top .item-text h4 {
	font-size: 20px;
}
.goods-item {
	margin-bottom: 5%;
}
.goods-item .item-txt h4 {
	font-size: 20px;
	padding-bottom: 20px;
}
.goods-item .item-txt p {
	font-size: 14px;
	line-height: 1.5;
}
.goods-item.r .item-img {
	float: right;
	right: 0;
}
.goods-item.r .item-txt {
	float: left;
}
.goods-item2 {
	margin-bottom: 5%;
}
.goods-item2 .item-txt {
	margin-top: -30px;
}
.goods-item2 .item-txt .desc {
	font-size: 14px;
	padding: 5%;
}
.goods-table {
	margin-bottom: 5%;
}
.goods-bottom {
	margin-bottom: 5%;
}
.goods-bottom.bg-gray {
	padding-top: 5%;
	background: #f5f5f5;
}
.goods-bottom .goods-desc {
	padding: 0;
	font-size: 14px;
}
.goods-bottom img {
	margin-top: 5%;
}
.goods-table2 ul li span {
	width: 100%;
	display: inline-block;
}
.goods-item2.g8w-3 .item-txt, .goods-item2.g8wz-3 .item-txt, .goods-item2.cndy-3 .item-txt {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #333;
	width: 100%;
	padding: 0;
	margin-top: 20px;
	text-align: center;
}
.goods-item2.g8w-3 .item-txt h4, .goods-item2.g8wz-3 .item-txt h4, .goods-item2.cndy-3 .item-txt h4 {
	font-size: 20px;
	padding-bottom: 20px;
}
.goods-item2.g8w-3 .item-txt p, .goods-item2.g8wz-3 .item-txt p, .goods-item2.cndy-3 .item-txt p {
	font-size: 14px;
	padding: 0;
}
}
.tImg img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.tImg img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.proItem img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.proItem img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.dmdz-nav2 {
	font-size: 14px;
	padding-top: 0;
	padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
.hw-fuwu {
	padding: 5%
}
.hw-fuwu .hf-left {
	display: none
}
.hw-fuwu .hf-right {
	padding-left: 0;
}
.hw-fuwu .hf-right dl {
	width: 50%;
}
.dmdz-nav2 {
	padding-bottom: 5%
}
.dmdz-title2 {
	padding: 8% 0 5% 0;
}
}

@media screen and (max-width: 480px) {
.hw-fuwu .hf-right dl {
	width: 100%;
	min-height: auto;
}
.realted {
	padding-bottom: 0;
}
.hw-fuwu {
	margin-bottom: 0;
}
.g-process .dload-phone a {
	width: 48% !important;
	float: left;
	font-size: 14px !important;
}
.g-process .dload-phone .h-dload {
	margin-left: 2% !important;
}
.dload-phone {
	overflow: hidden;
}
.dload-phone a {
	width: 80%;
	display: block;
	margin: 0 auto 5%;
	font-size: 12px;/*float: left;*/
}
.dload-phone .h-dload {
	margin-left: auto;
}
.case, .casebox {
	padding-bottom: 6%;
}
.realted {
	padding-bottom: 5%;
}
.appl {
	padding-bottom: 5%;
}
.advantage {
	padding-bottom: 5%;
}
.solution-nav {
	font-size: 14px;
	/*display: flex;*/
	padding: 10% 0;
}
.solution-nav ul li {
	text-align: center;
	line-height: 20px;
	float: left;
	width: 100%;
	padding: 0 5px;
}
.solution-nav ul li i {
	margin-bottom: 5px;
}
.solution-nav ul li.line {
	display: none;
}
.dmdz-nav2 ul {
	display: block;
	width: 100%;
}
}

@media screen and (max-width: 480px) {
.gszl-top {
	padding-top: 8%;
	padding-bottom: 5%;
	font-size: 20px;
}
.gszl-title {
	font-size: 20px;
	padding-bottom: 5%
}
}

@media screen and (max-width: 480px) {
.fzlc {
	padding-top: 5%;
	padding-bottom: 0
}
}
.goods-item .item-img img, .goods-top .item-pic img {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.goods-item .item-img img:hover, .goods-top .item-pic img:hover {
	transform: scale(1.01, 1.01);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.line-img img {
	width: 100%;
	display: block;
}
.line-img .wap {
	display: none;
}

@media screen and (max-width: 480px) {
.line-img .pc {
	display: none;
}
.line-img .wap {
	display: block;
}
}
.search-txt {
	padding: 0 10%;
	padding-top: 150px;
	border-bottom: 1px solid #b5b5b5;
	box-sizing: border-box;
}
.search-txt .logo {
	text-align: center;
}
.search-txt .logo img {
	display: inline-block;
}
.search-txt .tip {
	font-size: 16px;
	color: #333333;
	padding: 25px 0;
	font-weight: bolder;
}
.search-txt .tip span {
	color: #d6000f;
}
.search-txt .search-box {
	padding: 70px 0;
}
.search-txt .search-box span {
	font-size: 24px;
	color: #d6000f;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-right: 40px;
}
.search-txt .search-box .search-input {
	width: 87%;
	display: inline-block;
}
.search-txt .search-box .search-input .input-text {
	width: 85%;
	height: 50px;
	border: 1px solid #d6000f;
	-webkit-appearance: none;
	outline: none;
	box-sizing: border-box;
	padding: 0 2%;
	line-height: 50px;
	float: left;
}
.search-txt .search-box .search-input .input-submit {
	width: 15%;
	height: 50px;
	background: #d6000f;
	color: #fff;
	border: none;
}
.search-result {
	padding: 15px 10% 120px 10%;
	box-sizing: border-box;
}
.search-result .s-r li {
	padding-top: 50px;
}
.search-result .s-r li .sr-title {
	font-size: 16px;
	color: #333;
	font-weight: bolder;
}
.search-result .s-r li .sr-desc {
	font-size: 14px;
	color: #555555;
	padding: 10px 0;
}
.search-result .s-r li a {
	font-size: 14px;
	color: #d6000f;
	font-weight: bolder;
}

@media screen and (max-width: 1024px) {
.search-txt {
	padding: 0;
	padding-top: 10%;
}
.search-txt .search-box .search-input {
	width: 100%;
}
.search-result {
	padding: 0;
}
}
.gsy-nav {
	padding-top: 0;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.dmdz-box .dm-left {
	width: 100%;
}
.dmdz-box .dm-right {
	width: 100%;
	margin-top: 0%;
	backgroud: #fff;
}
.sub-nav ul li {
	font-size: 20px;
	padding: 0 5px;
}
}
 //导航 .yui_drop {
 padding: 10px 0 20px;
 display: none;
}
.index-header-top .nav .subnav .yui_drop {
	padding: 10px 0 20px;
	display: none;
}
.index-header .nav .subnav .yui_drop {
	padding: 10px 0 20px;
	display: none;
}
.index-header-top .nav .subnav .yui_drop .drop_list, .index-header .nav .subnav .yui_drop .drop_list {
	padding-left: 5%;
	display: block;
	font-size: 12px;
	line-height: 32px;
	transition: all .5s;
}
.index-header-top .nav .subnav .yui_drop .drop_list:hover, .index-header .nav .subnav .yui_drop .drop_list:hover {
	color: #d6000f;
}
.index-header-top .nav .subnav dt.yui_drop_click, .index-header .nav .subnav dt.yui_drop_click {
	padding-left: 5%;
	background: url(images/yui_drop_arrow_03a.png) right 13px no-repeat;
	margin: 0 5%;
}
.index-header-top .nav .subnav dt.yui_drop_click:hover, .index-header .nav .subnav dt.yui_drop_click:hover {
	background: url(images/yui_drop_arrow_03.png) right 13px no-repeat;
	height: auto;
}
.index-header-top .nav .subnav dt.yui_drop_click:hover .yui_drop, .index-header .nav .subnav dt.yui_drop_click:hover .yui_drop {
	display: block;
}
.yui_center_click {
	position: relative;
	background: url(images/yui_nav_center_03a.png) right 26px no-repeat;
}
.yui_center_click:hover {
	background: url(images/yui_nav_center_03.png) right 26px no-repeat;
}
.yui_center_click .yui_center_nav {
	background: url("subnav-bg.png");
	display: none;
	position: absolute;
	top: 0;
	right: -209px;
}
.yui_center_click .yui_center_nav .triangle {
	position: absolute;
	top: 25px;
	left: -9px;
}
.yui_content_box {
	max-width: 1300px;
	margin: 5% auto 5%;
}
.yui_center_click:hover .yui_center_nav {
	display: block;
}
.yui_content_box {
 max-width: 1300px;
 margin: 5% auto 5%;
}
.yui_content_box .yui_item {
	text-align: center;
	font-size: 54px;
	color: #333;
	line-height: 1;
	margin-bottom: 8%;
}
.yui_content_box p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 10px;
}
.yui_content_box .yui_sub_title {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 3%;
}
.yui_content_box .title_red {
	font-weight: bold;
	font-size: 28px;
	color: #d40a1d;
	line-height: 42px;
	margin-bottom: 4%;
}
.yui_content_box .dl {
	margin-bottom: 70px;
	overflow: hidden;
}
.yui_content_box dl {
	float: left;
	margin-right: 3%;
}
.yui_content_box dt {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	line-height: 42px;
/*margin-bottom: 70px;*/ }
.yui_content_box dd {
	/*font-weight: bold;*/
	font-size: 18px;
	color: #666;
	line-height: 42px;
/*margin-bottom: 70px;*/ }
/*顶部导航语言*/
.yui_top_nav {
	display: inline-block;
	position: relative;
}
.yui_top_nav .yui_top_drop {
	z-index: 111;
	display: none;
	position: absolute;
	top: 16px;
	right: -22px;
	background: url(images/yui_drop_back_dark_03.png);
	padding: 5px 15px;
}
.yui_top_nav .yui_top_drop a {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.yui_top_nav .yui_top_drop li a {
	transition: all .5s;
}
.yui_top_nav .yui_top_drop li:hover a {
	color: #d6000f;
}
.yui_top_nav:hover .yui_top_drop {
	display: block;
}
.index-header-top .wrap {
	overflow: visible;
}
/*banner*/
.swiper-pagination {
	background: url(images/banner_vertical_line_03.png) no-repeat;
}
.index-banner .swiper-pagination img.swiper-pagination-switch {
	margin: 0px auto 40px;
}
/*.index-banner .swiper-pagination img.swiper-pagination-bullet{*/
  /*margin:0px auto 40px;*/
/*}*/
.yui_know_more {
	display: block;
	width: 230px;
	margin: 5% auto 0;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #d6000f;
}
.tab-m01 .yui_know_more {
	display: block;
	width: 230px;
	margin: 1% auto;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #d6000f;
}

/*留言等手机页*/
@media screen and (max-width: 768px) {
.login {
	width: 100%;
}
.login .logo-form dl dt {
	width: 30%;
}
.login .logo-form dl dd {
	width: 70%;
	float: left;
	padding-bottom: 30px;
}
.login .logo-form .submit {
	width: 80%;
}
}
.fa {
	font-size: 20px !important;
}
/*新增汉墙样式*/

.product_light ul li {
	padding: .8% 4% 5%;
	float: left;
	margin-right: 2%;
	width: 32%;
	background-color: #f6f6f6;
}
.product_light ul li:last-child {
	margin-right: 0;
}
.product_light_img {
	padding: 27.5%;
}
.product_light_img img {
	width: 100%;
	max-width: 100%;
}
.product_light_img_title {
	font-size: 24px;
}
.product_light_line {
	display: inline-block;
	margin: 5% auto;
	width: 20px;
	background-color: #999;
	height: 2px;
}
.product_light_intro {
	padding: 5%;
}
.advantage {
	margin-top: 0;
	padding-bottom: 0;
}
.product_light_intro p {
	line-height: 1.6;
	color: #666
}
.product_light_section3 {
	margin-top: 6%;
}
.product_light_section3 ul li {
	float: left;
	width: 25%;
	height: 283px;
}
.template_product_type {
	padding-bottom: 3%;
	margin: 0 auto;
	width: 60%;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
}
.template_product_ul {
	margin: 0 auto;
	width: 50%;
}
.realted .real-box {
	background-color: #e4eff5;
}
.realted .real-box .r-right .rb-table {
	border-top: 1px solid #d5dcdf;
}
.template_product_ul li {
	border-bottom: 1px solid #d5dcdf;
}
.realted .real-box .r-right .rb-table ul li {
	border-bottom: 1px solid #d5dcdf;
}
.realted .real-box .r-right .rb-table ul li {
	color: #333;
}
.realted .real-box .r-right .rb-table ul li {
	width: 100%;
}
.template_product_intro_div img {
	width: 100%;
	max-width: 100%;
}
.template_product_intro_div .r-left {
	padding: 8%;
	box-sizing: border-box;
}
.template_product_intro_div .r-right {
	padding: 8%;
	box-sizing: border-box;
}
.template_product_jing {
	float: lfet;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
}
.template_product_jing_ul_first {
	width: 88%;
	margin: 5% auto;
	text-align: center;
}
.template_product_jing_ul_first ul li {
	display: inline-block;
	margin-right: 2%;
	width: 20%;
	text-align: center;
	color: #666;
}
.template_product_jing_ul_first ul li img {
	width: 100%;
	max-width: 100%;
}
.template_product_jing_li_img {
	width: 58%;
	margin: 0 auto;
	padding-bottom: 100%;
	height: 0;
}
.template_product_jing_ul_second ul li {
	margin-left: 5%;
}
.template_product_jing_ul_second {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 14%;
}
.template_product_jing_ul_second .template_product_jing_li_img {
	width: 63%;
}
.template_product_design {
	padding-bottom: 42.5%;
	margin-top: 5.5%;
	width: 100%;
	height: 0;
	background: url(images/sub-banner1.jpg) no-repeat center;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
}
.template_product_design .t-title {
	color: #fff;
}
.template_product_design .line {
	background: #fff;
}
.template_product_design .container2:first-child {
	padding: 3% 12.5%;
}
.template_product_design_introl {
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.template_product_design_ul li {
	float: left;
	width: 33%;
}
.template_product_design_ul {
	text-align: center;
}
.template_product_design_ul img {
	width: 100%;
	max-width: 100%;
}
.template_product_design_ul_div {
	margin: 0 auto;
	width: 31.2%;
}
.template_product_design_ul {
	color: #fff;
}
.template_product_design_ul .tit {
	padding: 4% 0;
	font-size: 24px;
}
.template_product_design_ul p {
	padding: 1% 0;
}
.top-tab ul li {
	float: none;
	display: inline-block;
}
.dload-phone {
	background: url(template_tel.png) no-repeat;
}
.dload-phone a.h-dload:hover {
	background: #d6000f;
	color: #fff;
}
.dload-phone a.h-dload:hover .doc {
	background: url(template_doc_icon_white.png) no-repeat;
}
.dload-phone .doc {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 30px;
	height: 20px;
	background: url(template_doc_icon.png) no-repeat;
}
.dload-phone a.h-phone:hover {
	background: #d6000f;
	color: #fff;
}
.dload-phone a.h-phone:hover .tel {
	background: url(template_tel.png) no-repeat;
}
.dload-phone .tel {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 30px;
	height: 20px;
	background: url(template_tel_red.png) no-repeat;
}
.hide {
	display: none;
}

@media screen and (max-width: 768px) {
.product_light ul li {
	height: 340px;
}
.product_light_intro {
	padding: 5% 1%;
}
.template_product_ul {
	width: 100%;
}
.template_product_jing_ul_first {
	width: 100%;
}
.template_product_jing_ul_first ul li {
	width: 31%;
	padding-bottom: 3%;
}
.template_product_jing_li_img {
	padding-bottom: 84%;
}
.template_product_design .container2:first-child {
	padding: 3% 0;
}
.template_product_design {
	padding-bottom: 60.5%;
}
.template_product_design_ul .tit {
	font-size: 20px
}
}

@media screen and (max-width: 540px) {
.sub-banner {
	padding-bottom: 22%;
	height: auto;
	background-size: cover;
	padding-top: 3%;
}
.sub-banner .wrap {
	height: auto;
}
.sub-banner h1 {
	margin-top: 3%;
	font-size: 20px;
}
.product_light ul li {
	width: 100%;
	height: auto;
	margin-bottom: 3%;
}
.product_light_img {
	padding: 5% 27.5%;
}
.product_light_section3 ul li {
	width: 100%;
	height: auto;
}
.template_product_jing_ul_first ul li {
	width: 80%;
}
.template_product_jing_li_img {
	padding-bottom: 60%;
}
.template_product_jing_li_img {
	width: 48%;
}
.template_product_jing_ul_second .template_product_jing_li_img {
	width: 48%;
}
.template_product_design {
	height: auto;
	padding-bottom: auto;
}
.template_product_design_ul li {
	width: 95%;
	margin-top: 4%;
}
.top-tab ul {
	text-align: center;
}
.top-tab ul li {
	border: 1px solid #dcdcdc;
	padding: 6px;
	margin-right: 0;
}
.template_product_intro_div .r-left {
	padding: 1% 30%;
}
.template_product_type {
	width: 78%;
}
.template_product_design {
	padding-bottom: 21.5%;
}
}
.realted .real-box.hw .container2 .tab-co.on.sol-co .r-left img {
	max-width: 260px;
}
