@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, td, textarea, th, ul {
	border: medium none;
	margin: 0;
	padding: 0
}
body, html {
	-webkit-text-size-adjust: none;
	font-family: Microsoft YaHei, Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 14px;
	color: #454545;
}
button, input, select, textarea {
	font-family: Microsoft YaHei, Arial;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	outline: 0
}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clearfix {
*zoom:1
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
ol, ul {
	list-style: none
}
a {
	color: #333;
	-webkit-transition: .35s;
	transition: .35s
}
a, a:hover {
	text-decoration: none
}
a:hover {
	color: #666;
	will-change: transform
}
a:active, a:hover {
	outline: 0
}
section {
	max-width: 75pc;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden
}
.back_top {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 5%;
	bottom: 10%;
	display: none;
	padding: 2px;
	cursor: pointer;
	overflow: hidden;
	background: #111;
	z-index: 50
}
.back_top:hover {
	border-radius: 25px;
	will-change: transform
}
.back_top, .bodybox, .menu {
	transition: all ease-in .2s;
	-webkit-transition: all ease-in .2s;
	-moz-transition: all ease-in .2s;
	-ms-transition: all ease-in .2s;
	-o-transition: all ease-in .2s
}
.menu {
	width: 100%;
	position: absolute;
	right: 0;
	position: fixed;
	z-index: 10;
	height: 0;
	top: 65px;
	background: #222;
	overflow: hidden
}
.open .menu {
	height: 100%;
	overflow: auto
}
.menu li {
	line-height: 3pc;
	border-bottom: 1px dashed #505050
}
.menu li a {
	display: block;
	padding: 0 10%;
	color: #eee
}
.menu li a.on {
	background: #c60c1b;
	color: #fff
}
.loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	z-index: 100;
	text-align: center;
	display:none;
}
.loading i {
	display: block;
	width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0 0 -70px
}
.zxqq {
	width: 5pc;
	display: block;
	float: left;
	padding: 1pc 5px 5px
}
.zxqq a {
	display: block;
	margin-top: 5px
}
.top {
	background: #f7f7f7;
	height: 30px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 30px;
	color: #888
}
.top h4 {
	font-weight: 400;
	float: left
}
.top span {
	float: right;
	background: url(../images/icon_tel.png) no-repeat left center;
	padding-left: 26px
}
.top span b {
	color: #c60c1b;
	padding-left: 4px;
}
.top .pay{
	float: right;
	background: url(../images/icon_pay.png) no-repeat left center;
	padding-left:26px;
	padding-right:10px;
	color: #888;
}
.top .pay a{
	color: #888;
}
.logo {
	float: left;
	height: 5pc;
	padding-top: 10px
}
header section {
	padding: 0
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 40;
	background: #fff;
	box-shadow: 0 1px 2px #999
}
header nav {
	float: right
}
header nav li {
	float: left;
	width: 100px;
	text-align: center;
	line-height: 24px
}
header nav li a {
	display: block;
	height: 55px;
	padding: 35px 14px 0;
	font-size: 16px;
}
header nav li a em, header nav li a span {
	display: block
}
header nav li a em {
	font-style: normal;
	font-size: 9pt;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	-o-transition: .3s;
	-ms--o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s
}
header nav li a.act, header nav li a:hover {
	background: #c60c1b;
	color: #fff;
	padding-top: 25px;
	height: 65px
}
header nav li a.act span, header nav li a:hover span {
	
}
header nav li a.act em, header nav li a:hover em {
	display: block
}
.hidebox {
	overflow: hidden
}
main {
	padding-top: 120px；
}
.i_tit {
	text-align: center;
	font-size: 30px;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	line-height: 45px;
	margin-bottom: 15px;
	position: relative
}
.i_tit span {
	display: block;
	width: 90pt;
	position: absolute;
	bottom: 0;
	height: 4px;
	background: #a0c316;
	left: 50%;
	margin-left: -60px
}
.i_tips {
	text-align: center;
	padding-bottom: 30px;
	color: #888;
	font-size: 16px;
}
.baner {
	width: 100%;
	position: relative;
	overflow: hidden;
	max-height: 35pc
}
.baner_box {
	width: 750pt;
	margin: 0 auto
}
.n_baner {
	width: 20in;
	margin: 0 -460px;
	overflow: hidden;
	display: block
}
.atlas {
	width: 999999px
}
.atlas li {
	float: left
}
.atlas li img {
	display: block
}
.n_baner .num {
	position: absolute;
	width: 100%;
	height: 9pt;
	bottom: 5%;
	left: 0;
	text-align: center;
	z-index: 5
}
.n_baner .num a {
	width: 9pt;
	height: 9pt;
	display: inline-block;
	background: #000;
	border-radius: 10px;
	margin: 0 5px
}
.n_baner .num a.on {
	background: #fff
}
.i_service ul {
	width: 930pt
}
.i_service li {
	float: left;
	width: 278px;
	margin-right: 30px;
	text-align: center;
	line-height: 22px
}
.i_service li a {
	background: #f7f7f7;
	overflow: hidden;
	display: block;
	padding: 30px
}
.i_service li figcaption {
	font-weight: 700;
	color: #333;
	padding: 6px 0;
	-webkit-transition: .2s;
	transition: .2s;
	font-size:16px;
}
.i_service li p {
	font-size: 9pt
}
.i_service li a, .i_service li a img {
	-webkit-transition: .4s;
	transition: .4s
}
.i_service li a:hover {
	background: #ffaa23;
	color: #fff
}
.i_service li a:hover figcaption {
	color: #fff
}
.i_service li a:hover img {
	-webkit-transform: scale(0.92);
	transform: scale(0.92);
	will-change: transform
}
.i_us {
	background: url(../images/bj_ius.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	padding: 20px 0
}
.i_us .img {
	float: left;
	width: 44.2%
}
.i_us .img img {
	width: 100%;
	height: auto
}
.i_us .txt {
	float: right;
	width: 52%;
	line-height: 30px
}
.i_us .txt .tit {
	display: block;
	margin-bottom: 30px
}
.i_us .txt .tit b {
	line-height: 70px;
	font-size: 30px;
	border-bottom: 4px solid #a1c314;
	display: inline-block
}
.i_us .txt a {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 4px 20px
}
.i_us .txt a:hover {
	background: #fff;
	color: #3861b1
}
.i_us .txt p {
	padding-bottom: 10px
}
.i_case ul {
	width: 930pt
}
.i_case li {
	float: left;
	width: 31%;
	margin-right: 23px;
	text-align: center;
	line-height: 24px;
	margin-bottom: 30px
}
.i_case li:nth-child(3n) {
	margin-right: 0;
}
.i_case li a {
	display: block;
	overflow: hidden
}
.i_case li a img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	transition: .4s;
	-ms-transition: .4s
}
.i_case li a .imgs {
	border: 1px solid #ddd
}
.i_case li a figure span {
	display: block;
	margin: 6px;
	overflow: hidden
}
.i_case li a figcaption {
	height: 24px;
	font-weight: 700;
	padding: 15px 0 4px;
	font-size: 16px;
}
.i_case li a p {
	height: 24px;
	font-size: 9pt;
	color: #888
}
.i_case li a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	will-change: transform
}
.tomore {
	display: block;
	width: 200px;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	background: #c60c1b;
	color: #fff;
	position: relative;
	line-height: 50px
}
.tomore i, .tomore span {
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s
}
.tomore i {
	z-index: 1;
	background: #ffaa23;
	width: 0
}
.tomore:hover i {
	width: 100%
}
.tomore:hover {
	color: #fff
}
.i_custmer .i_tit, .i_service.i_packages .i_tit {
	border-bottom-color: #eee
}
.i_service.i_packages {
	background: url(../images/bj_i_packages.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed
}
.i_service.i_packages figcaption {
	font-size: 18px;
	color: #fff;
	padding-top: 15px
}
.i_service.i_packages figure p {
	padding: 10px 0
}
.i_service.i_packages a {
	color: #fff
}
.i_service.i_packages .bjgreen a {
	background: #a1c315
}
.i_service.i_packages .bjblue a {
	background: #3987d1
}
.i_service.i_packages .bjqblue a {
	background: #1fb9c5
}
.i_service.i_packages .bjyellow a {
	background: #ffaa23
}
.i_service.i_packages a:hover {
	background: #555
}
.i_process .hidebox {
	border: 1px solid #ddd;
	margin-top: 20px
}
.i_process ul {
	overflow: hidden;
	width: 930pt
}
.i_process li {
	float: left;
	border-right: 1px solid #ddd;
	width: 171px;
	text-align: center;
	padding: 25px 0;
	color: #333
}
.i_process li img {
	-webkit-transition: .4s;
	transition: .4s;
	-ms-transition: .4s;
	margin-bottom: 10px
}
.i_process li:hover img {
	cursor: pointer;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	will-change: transform
}
.i_custmer {
	background: url(../images/bj_i_packages.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed
}
.i_custmer ul {
	width: 930pt;
	overflow: hidden
}
.i_custmer .hidebox {
	margin-bottom: 40px
}
.i_custmer li {
	float: left;
	width: 14pc;
	height: 6pc;
	margin: 0 20px 15px 0;
	text-align: center
}
.i_custmer li img {
	-webkit-transition: .4s;
	transition: .4s;
	width: 100%
}
.i_custmer li:hover img {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	will-change: transform
}
.i_news .list_bar {
	width: 930pt;
	overflow: hidden
}
.i_news .list {
	float: left;
	border: 1px solid #ddd;
	width: 528px;
	margin-right: 40px;
	padding: 25px
}
.i_news .list:last-child {
	margin-right: 0;
}
.i_news .list h4 {
    font-size: 16px;
	height: 20px;
	line-height: 20px;
	border-left: 2px solid #a0c316;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #333
}
.i_news .list h4 a {
	float: right
}
.i_news .list .img {
	float: left;
	width: 41%
}
.i_news .list .img img {
	width: 100%;
	height: auto
}
.i_news .list ul {
	float: right;
	width: 54%
}
.i_news .list ul span {
	float: right
}
.i_news .list ul li {
	overflow: hidden;
	line-height: 25px;
	font-size: 9pt
}
.newfy {
	line-height: 40px;
	border-top: 1px solid #ddd;
	background: #eee;
	overflow: hidden
}
.newfy li {
	float: left;
	width: 46%;
	padding: 0 2%
}
footer {
	background: #18212a;
	font-size: 9pt;
	line-height: 24px
}
footer, footer a {
	color: #8c9093
}
footer .bars {
	overflow: hidden;
	padding-bottom: 30px
}
footer .bars .list {
	float: left
}
footer .bars .list h4 {
	color: #fff;
	font-size: 1pc;
	line-height: 30px;
	padding-bottom: 20px
}
footer .bars .form {
	width: 25%;
	padding-right: 5%
}
footer .bars .form input {
	width: 80%;
	border: none;
	height: 44px;
	padding: 0 16% 0 4%;
	color: #666;
	line-height: 44px
}
footer .bars .form input.name {
	background: #fff url(../images/icon_inpu1.jpg) no-repeat 95% center
}
footer .bars .form input.tel {
	background: #fff url(../images/icon_inpu2.jpg) no-repeat 95% center
}
footer .bars .form p {
	padding-bottom: 1pc;
	overflow: hidden
}
footer .bars .form .sumit {
	background: #c60c1b;
	color: #fff;
	cursor: pointer;
	width: 100%
}
footer .bars .i_contact {
	width: 36%
}
footer .bars .i_contact p {
	position: relative;
	padding-left: 26px;
	padding-bottom: 5px
}
footer .bars .i_contact p i {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}
footer .bars .fast {
	width: 11%;
	margin-right: 5%;
	line-height: 29px
}
footer .bars .fast a {
	padding-right: 1pc
}
footer .bars .hotline {
	float: right
}
footer .bars .hotline big {
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 15px;
	display: inline-block
}
footer .bars .hotline big a {
	color: #c60c1b
}
footer address {
	font-style: normal;
	border-top: 1px solid #435163;
	display: block;
	padding: 10px 0;
	text-align: center;
}
footer .share {
	padding: 10px 0;
}
footer .links {
	text-align: center;
}
@media screen and (max-width:1920px)and (min-width:999px) {
.fadein, .fadeleft, .faderight, .fadeup {
	transition: 1.2s;
	-moz-transition: 1.2s;
	-ms-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	opacity: 0
}
.fadeup {
	transform: translateY(1500px);
	-moz-transform: translateY(1500px);
	-ms-transform: translateY(1500px);
	-o-transform: translateY(1500px);
	-webkit-transform: translateY(1500px)
}
.fadeleft {
	transform: translateX(1500px);
	-moz-transform: translateX(1500px);
	-ms-transform: translateX(1500px);
	-o-transform: translateX(1500px);
	-webkit-transform: translateX(1500px)
}
.faderight {
	transform: translateX(-1500px);
	-moz-transform: translateX(-1500px);
	-ms-transform: translateX(-1500px);
	-o-transform: translateX(-1500px);
	-webkit-transform: translateX(-1500px)
}
.active .fadein {
	opacity: 1
}
.active .fadeleft, .active .faderight {
	opacity: 1;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0)
}
.active .fadeup {
	opacity: 1;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0)
}
}
.inbaner {
	background: #c60c1b;
	color: #fff;
	width: 100%;
	position: relative;
	overflow: hidden
}
.inbaner section {
	width: 75pc;
	margin: 0 auto;
	padding: 0;
	overflow: visible
}
.inbaner section p {
	display: block;
	width: 20in;
	margin: 0 -360px;
	overflow: hidden
}
.crumbs {
	background: #f7f7f7;
	height: 40px;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	padding: 10px 0
}
.n_crumbs {
	max-width: 75pc;
	margin: 0 auto;
	color: #888
}
.n_crumbs .website {
	background: url(../images/icon_home.jpg) no-repeat left center;
	padding-left: 24px;
	float: left
}
.n_crumbs a {
	color: #888
}
.n_crumbs .search {
	float: right
}
.n_crumbs .search .key {
	width: 180px;
	height: 38px;
	border: 1px solid #ddd;
	padding: 0 10px;
	font-size: 14px;
	float: right
}
.n_crumbs .search .sumit {
	width: 60px;
	background: #fff url(../images/icon_sear.jpg) no-repeat center;
	height: 40px;
	border: 1px solid #ddd;
	border-left: none;
	float: right;
	cursor: pointer
}
.publictxt {
	line-height: 26px;
	text-align: justify;
}
.publictxt p {
	font-size:16px;
	padding: 10px 0
}
.publictxt img {
	max-width: 100%;
	height: auto;
}
.publictxt .visited {
	height: 34px;
	border: 1px solid #6094c6;
	color: #6094c6;
	display: block;
	text-align: center;
	line-height: 34px;
	margin-top: 20px
}
.hr .name {
	background: #f7f7f7;
	padding: 10px 20px;
	color: #7a9803
}
.hr .detail {
	padding: 20px
}
.hr small {
	font-weight: 700;
	font-size: 14px;
	color: #d12c2c
}
.obj-name {
	font-size: 1pc;
	font-weight: 700;
	color: #c60c1b
}
.obj-name time {
	float: right;
	font-size: 14px;
	color: #888;
	font-weight: 400
}
.n-new {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #888
}
.n-new strong {
	font-size: 24px;
	color: #333;
	display: block;
	padding: 10px 0
}
#n_news{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden}
#n_news .sorts ul {
	width: 70%;
	padding: 6px 15%;
	overflow: hidden
}
#n_news .sorts li {
	width: 20%;
	margin: 0;
	padding: 15px 0;
	text-align: center
}
#n_news .sorts li a {
	border: 1px solid #ddd;
	padding: 10px 0;
	width: 80%;
	margin: 0 auto
}
#n_case .sorts ul {
	width: 70%;
	padding: 6px 15%;
	overflow: hidden
}
#n_case .sorts li {
	width: 25%;
	margin: 0;
	padding: 15px 0;
	text-align: center
}
#n_case .sorts li a {
	border: 1px solid #ddd;
	padding: 10px 0;
	width: 80%;
	margin: 0 auto
}
#n_case .sorts li a.on, #n_case .sorts li a:hover {
	border: 1px solid #c60c1b;
	color: #c60c1b;
}
.m_subnav {
	display: none
}

.turn_page {
	padding: 0 0 30px;text-align:center;clear:both;margin:0 auto;
}
.turn_page ul{
	text-align:center;padding-bottom:50px;
}
.turn_page ul li{
	display: inline;
	list-style:none;
	border: 1px solid #ddd;
	padding:5px 5px;
}
.turn_page ul li.thisclass{ 
	display:inline;
	list-style:none;
	background:#DD4B39; 
	color:#fff;
	padding:5px 10px;
}
.turn_page ul li.thisclass:hover{ 
	display:inline;
	list-style:none;
	background:#DD4B39; 
	color:#fff;
	padding:5px 10px;
}
.turn_page ul li:hover{
	display: inline;
	background: #DD4B39;
	color: #fff;
	padding: 5px;
	cursor:pointer;
}
.turn_page ul li:hover a{
	color:#fff;
	text-decoration:none;
}
.turn_page ul li a{
	display: inline;
	padding: 5px;
}
.turn_page ul li a:hover {
	display: inline;
	background: #DD4B39;
	color: #fff;
	padding: 5px
}

.m_page, .zoom_flip {
	display: none
}
.zoom_flip {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 999
}
.i_zoom_flip {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
.i_zoom_flip li {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding: 0 5%
}
.i_zoom_flip li a {
	display: block
}
.contact .left, .contact .right {
	width: 32pc;
	float: left;
	background: #f5f5f5
}
.contact .right {
	float: right
}
.contact .conus {
	background: #f7f7f7;
	padding: 35px;
	line-height: 23px
}
.map {
	   width:1200px; margin:0 auto;
}
.contact .left {
	background: #f7f7f7 url(../images/conus1.png) no-repeat 96% 90%
}
.contact .bus {
	background: #f7f7f7 url(../images/conus2.png) no-repeat 96% 80%
}
.contact .conus li, .contact .conus p {
	padding: 8px 0;
	overflow: hidden
}
.contact .conus li span {
	width: 50%;
	display: block;
	float: left
}
.contact .conus li label {
	width: 74px;
	display: block;
	float: left;
	line-height: 40px
}
.contact .conus li input {
	height: 40px;
	border: 1px solid #ddd;
	width: 385px;
	padding: 0 10px
}
.contact .conus li input.short {
	width: 130px
}
.contact .conus li.btn {
	padding: 20px 0 13px 74px
}
.contact .conus li.btn .sumit {
	width: 405px;
	cursor: pointer;
	background: #333;
	color: #fff;
	height: 3pc;
	font-size: 1pc
}
.contact .conus h4 {
	height: 20px;
	border-left: 2px solid #a0c316;
	padding-left: 10px;
	margin-bottom: 1pc;
	font-size: 16px;
	color: #333
}
.contact .box {
	margin: 35px 0
}
.subnavbox {
	height: 81px;
	overflow: hidden
}
.subnav {
	background: #f9f9f9;
	height: 5pc;
	border-bottom: 1px solid #ddd;
	line-height: 5pc;
	font-size: 18px;
	overflow: hidden
}
.subnav.fixed {
	width: 100%;
	left: 0;
	position: fixed;
	z-index: 5
}
.subnav nav {
	padding: 0;
	max-width: 75pc;
	margin: 0 auto;
	overflow: hidden;
	border-right: 1px solid #ddd
}
.subnav nav li {
	width: 25%;
	float: left;
	text-align: center
}
.subnav nav li a {
	display: block;
	font-weight: 700;
	border-left: 1px solid #ddd
}
.subnav nav li a.act, .subnav nav li a:hover {
	border-bottom: 2px solid #ce2424;
	background: #fff;
	line-height: 78px
}
#fours nav li {
	width: 33.3333%
}
.desing .list {
	padding: 5pc 0
}
.desing .list .names {
	float: left;
	width: 140px;
	height: 140px;
	padding: 65px;
	text-align: center;
	border: 2px solid #000;
	border-radius: 50%
}
.desing .list .names h4 {
	font-size: 18px;
	padding-bottom: 5px;
	color: #333
}
.desing .list .names .img {
	padding-top: 10px
}
.desing .list .biaos {
	float: right;
	width: 840px
}
.desing .list .biaos table {
	table-layout: fixed
}
.desing .list .biaos table td, .desing .list .biaos table th {
	line-height: 22px;
	padding: 8px;
	border-bottom: 1px solid #ddd
}
.bjf7 {
	background: #f7f7f7
}
#ncustmer {
	background: none
}
#ncustmer li {
	margin-bottom: 24px
}
#ncustmer li span {
	display: block;
	padding: 5px;
	border: 1px solid #ddd
}
.emails h1 {
	padding: 20px 0
}
.emails table {
	border-collapse: collapse
}
.emails table td, .emails table th {
	line-height: 22px;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center
}
.emails table th {
	background: #f5f5f5;
	color: #ce2424
}
#foursbiao h1 {
	color: #ce2424;
	font-size: 24px
}
#foursbiao a.yd {
	display: inline-block;
	background: #ce2424;
	padding: 10px 40px;
	color: #fff
}
#foursbiao strong {
	color: #ce2424
}
#level4 p {
	padding: 5px 0;
	line-height: 24px
}
#level4 strong {
	color: #ce2424
}
.hallmark {
	padding-top: 30px
}
.hallmark h2 {
	color: #333;
	line-height: 40px
}
.hallmark ul {
	width: 102%
}
.hallmark li {
	float: left;
	width: 48%;
	height: 360px;
	background: #f5f5f5;
	margin: 0 2% 15px 0;
	position: relative
}
.hallmark li em {
	display: block;
	width: 90pt;
	height: 90pt;
	position: absolute;
	right: 10%;
	top: 30%
}
.hallmark li .padd {
	padding: 30px
}
.hallmark li h3 {
	color: #ce2424;
	font-size: 1pc;
	padding: 15px 0
}
.solution ul {
	width: 104%
}
.solution li {
	float: left;
	width: 30%;
	margin-right: 3.33333%;
	padding: 30px 0
}
.solution li a {
	display: block;
	line-height: 24px;
	font-size: 9pt
}
.solution li .img {
	overflow: hidden
}
.solution li .img img {
	width: 100%;
	height: auto;
	transition: 1.2s;
	-moz-transition: 1.2s;
	-ms-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s
}
.solution li a:hover img {
	transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	-webkit-transform: scale(0.9)
}
.solution li .newname {
	font-size: 1pc;
	padding: 8px 0;
	border-bottom: 1px solid #a0c316;
	margin-bottom: 6px
}
.nnews .list {
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 30px
}
.nnews .list time {
	background: #0994d9;
	display: block;
	float: left;
	width: 18%;
	height: 150px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif
}
.nnews .list time b {
	display: block;
	font-size: 4pc;
	padding-top: 20px
}
.nnews .list .txt {
	width: 75%;
	float: right;
	padding: 20px 3% 0 20px;
	line-height: 22px
}
.nnews .list .txt a {
	display: block
}
.nnews .list .txt h2 {
	padding: 14px 0;
	font-size: 18px
}
.nnews .list .txt p {
	max-height: 72px;
	overflow: hidden
}
.baidu {
	background: url(../images/tgbj1.jpg) no-repeat right center
}
.baidu .txt {
	width: 60%
}
.baidu h1 {
	font-size: 24px;
	color: #333;
	padding: 10px 0
}
.baidu h1 span, .baidu h2 {
	color: #ce2424
}
.baidu h2 {
	padding: 10px 0
}
.baidu p {
	line-height: 24px;
	padding: 5px 0
}
.tgys h1 {
	font-size: 24px;
	color: #333;
	padding: 10px 0
}
.tgys ul li {
	width: 42%;
	float: left;
	margin: 15px 1%;
	padding: 3%;
	line-height: 26px;
	height: 200px
}
.tgys ul li h4 {
	font-size: 18px;
	color: #ce2424;
	padding: 10px 0
}
.tgys ul li.tgbj1 {
	background: #f7f7f7 url(../images/tgbj2.jpg) no-repeat 95% center
}
.tgys ul li.tgbj2 {
	background: #f7f7f7 url(../images/tgbj3.jpg) no-repeat 95% center
}
.tgys ul li.tgbj3 {
	background: #f7f7f7 url(../images/tgbj4.jpg) no-repeat 95% center
}
.tgys ul li.tgbj4 {
	background: #f7f7f7 url(../images/tgbj5.jpg) no-repeat 95% center
}
.tgys ul li .txt {
	width: 70%
}
.bjf5 {
	background: #ededed
}
.should h1 {
	max-width: 75pc;
	margin: 0 auto;
	padding: 50px 0 30px;
	overflow: hidden;
	font-size: 24px;
	color: #333
}
.should .line {
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden
}
.should section {
	padding: 20px 0
}
.should section li {
	float: left;
	width: 50%;
	line-height: 24px
}
.should section li .txt {
	width: 60%;
	float: left
}
.should section li h2 {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px
}
.should section li h2 p {
	font-size: 20px
}
.should section li h2 span {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	background: #ff7303;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #fff;
	margin-right: 10px
}
.should section li.do1 {
	background: url(../images/tgbj6.jpg) no-repeat 86% center
}
.should section li.do2 {
	background: url(../images/tgbj7.jpg) no-repeat 86% center
}
.should section li.do3 {
	background: url(../images/tgbj8.jpg) no-repeat 86% center
}
.should section li.do4 {
	background: url(../images/tgbj9.jpg) no-repeat 86% center
}
.should section li.do5 {
	background: url(../images/tgbj10.jpg) no-repeat 86% center
}
.should section li.do6 {
	background: url(../images/tgbj11.jpg) no-repeat 86% center
}
.should section li.do1 h2 p {
	color: #ff7303
}
.should section li.do2 h2 p {
	color: #e8443a
}
.should section li.do3 h2 p {
	color: #729f17
}
.should section li.do4 h2 p {
	color: #0c6db2
}
.should section li.do5 h2 p {
	color: #179f6d
}
.should section li.do6 h2 p {
	color: #ff7303
}
.should section li.do1 h2 span {
	background: #ff7303
}
.should section li.do2 h2 span {
	background: #e8443a
}
.should section li.do3 h2 spanp {
	background: #729f17
}
.should section li.do4 h2 span {
	background: #0c6db2
}
.should section li.do5 h2 span {
	background: #179f6d
}
.should section li.do6 h2 span {
	background: #ff7303
}
#n_service h1 {
	font-size: 24px;
	color: #333
}
#n_service .tips {
	color: #0795d7;
	font-weight: 700;
	padding: 20px 0;
	font-size: 20px
}
.details .left {
	width: 70%;
	float: left
}
.details .left .name {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.details .left .name h2{
	display: block;
    font-size: 1.7em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.details .left .name time {
	font-size: 9pt
}
.details aside {
	width: 24%;
	float: right;
	background: #f5f5f5
}
.details aside .box {
	padding: 20px
}
.details aside h2 {
	padding: 15px 0;
	color: #333
}
.details aside li {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0;
	line-height: 24px
}
.details aside li .names {
	font-weight: 700;
	padding-bottom: 6px
}
.sousuo li {
	line-height: 30px;
	padding: 10px;
	border-bottom: 1px solid #ddd
}
.sousuo li mark {
	color: red;
	background: #eee;
	font-weight: 700
}
.sousuo li span {
	float: right;
	color: #999
}
#pay .list {
	width: 98%;
	margin: 0 1%
}
.pay .list h2 {
	color: #ce2427;
	padding: 15px 0;
	font-size: 24px
}
.pay .list {
	float: left;
	width: 48%;
	margin: 15px 1%
}
.pay .list .box {
	background: #f5f5f5;
	padding: 30px;
	line-height: 30px;
	font-size: 16px;
}
.pay .list .box img {
	float: right
}
@media screen and (max-width:1199px) {
section {
	width: 100%;
	padding: 30px 0
}
header nav li {
	width: 5pc
}
header nav li a {
	padding-left: 10px;
	padding-right: 10px
}
.i_case ul, .i_custmer ul, .i_news .list_bar, .i_process ul, .i_service ul {
	width: 100%
}
.i_case li, .i_service li, .i_service.i_packages li {
	width: 25%;
	margin: 0 0 20px
}
.i_case li a, .i_service li a {
	margin: 0 8px
}
.i_service li a {
	padding: 20px
}
.i_service li a img {
	max-width: 75%
}
.i_us .img img {
	width: 95%
}
.i_us .txt {
	line-height: 26px;
	padding-right: 20px;
	box-sizing: border-box
}
.i_process .hidebox {
	border-right: none
}
.i_process li {
	width: 14.28571428%;
	box-sizing: border-box
}
.i_process li img {
	max-width: 66px
}
.i_custmer li {
	width: 20%;
	height: auto;
	margin: 0
}
#ncustmer li {
	margin: 0
}
.i_custmer li span {
	display: block;
	padding: 5px
}
.i_news .list {
	width: 48%;
	margin: 0 1%;
	padding: 2%
}
.i_news .list, footer {
	box-sizing: border-box
}
footer {
	padding: 10px
}
footer .bars .form {
	padding-right: 3%
}
footer .bars .fast {
	margin-right: 3%;
	width: 15%
}
.contact .left, .contact .right {
	width: 44%;
	padding: 2%;
	margin: 0 1%
}
.desing .list .names {
	padding: 50px
}
.desing .list .biaos {
	width: 75%
}
}
@media screen and (max-width:1114px) and (min-width:1024px) {
.contact .conus li.btn {
	padding-left: 0
}
.hallmark li em img {
	width: 100%;
	height: auto
}
.hallmark li em {
	width: 5pc;
	height: 5pc
}
}
@media screen and (max-width:1024px) {
.i_us .txt p:nth-child(2) {
	display: none
}
.contact .left, .contact .right {
	width: 96%;
	padding: 2%;
	margin: 15px 0
}
.contact .box {
	margin-bottom: 15px
}
.contact .conus li.btn {
	padding-left: 74px
}
.desing .list .names {
	padding: 40px
}
.desing .list .names .img img {
	padding: 0;
	width: 70%;
	margin: 0 auto
}
.desing .list .biaos {
	width: 70%
}
.hallmark li em {
	display: none
}
.should section li.do1, .should section li.do2, .should section li.do3, .should section li.do4, .should section li.do5, .should section li.do6 {
	background-size: 20%
}
}
@media screen and (max-width:999px) {
header {
	height: 65px
}
.top {
	display: none
}
.logo {
	width: 170px;
	height: auto;
	padding: 0
}
.logo img {
	width: 100%;
	height: auto
}
header section {
	padding: 5px 10px;
	position: relative
}
header .top section {
	padding: 0 10px
}
section {
	padding: 30px 10px;
	box-sizing: border-box
}
header nav {
	display: none
}
.btn_menu {
	width: 34px;
	height: 34px;
	height: 4px;
	background: #444;
	display: block;
	position: absolute;
	right: 10px;
	top: 30px;
	cursor: pointer
}
.btn_menu:before {
	top: -10px
}
.btn_menu:after, .btn_menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #444;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}
.btn_menu:after {
	bottom: -10px
}
.open .btn_menu {
	background: transparent
}
.open .btn_menu:before {
	transform: rotate(45deg) translateY(14px);
	-moz-transform: rotate(45deg) translateY(14px);
	-ms-transform: rotate(45deg) translateY(14px);
	-o-transform: rotate(45deg) translateY(14px);
	-webkit-transform: rotate(45deg) translateY(14px);
	transform-origin: 50%
}
.open .btn_menu:after {
	transform: rotate(-45deg) translateY(-14px);
	-moz-transform: rotate(-45deg) translateY(-14px);
	-ms-transform: rotate(-45deg) translateY(-14px);
	-o-transform: rotate(-45deg) translateY(-14px);
	-webkit-transform: rotate(-45deg) translateY(-14px);
	transform-origin: 50%
}
.zxqq {
	padding-top: 0
}
.zxqq a {
	margin-top: 2px
}
.banner {
	margin-bottom: 0
}
.baner, .baner_box, .n_baner {
	width: 100%;
	padding: 0;
	margin: 0
}
.n_baner .btn {
	display: none
}
.i_us .txt p {
	font-size: 9pt
}
.i_service.i_packages li figcaption+p {
	max-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis
}
.i_service.i_packages li p:last-child {
	max-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}
.i_case li a figcaption {
	padding: 8px 0 4px
}
.i_custmer .hidebox {
	margin-bottom: 20px
}
.i_news .list .img {
	width: 35%
}
.i_news .list ul {
	width: 60%
}
.i_news .list ul li a {
	display: block;
	overflow: hidden;
	height: 30px;
	line-height: 30px
}
footer .bars {
	padding-bottom: 20px
}
footer .bars .fast {
	display: none
}
footer .bars .form, footer .bars .i_contact {
	width: 50%;
	box-sizing: border-box
}
footer .bars .hotline {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	background: #0f141a
}
footer .bars .hotline big {
	padding: 0;
	margin: 0;
	display: inline-block
}
footer address {
	text-align: center
}
footer .bars .hotline h4, footer .bars .hotline p, footer .links, footer .share {
	display: none
}
footer section {
	padding-bottom: 0
}
.contact .conus li input.short {
	width: 200px
}
.desing .list .names {
	padding: 30px
}
.hallmark li {
	height: auto
}
.details .left {
	width: 100%
}
.details aside {
	display: none
}
.inbaner section, .inbaner section p {
	width: 100%;
	margin: 0
}
.inbaner section img {
	width: 100%;
	height: auto
}
.zxqq {
	display: none
}
}
@media screen and (max-width:770px) {
.i_case li, .i_service li, .i_service.i_packages li {
	width: 50%;
	box-sizing: border-box
}
.i_service li img {
	max-width: 50%
}
.i_process li {
	width: 33.33333%;
	border-bottom: 1px solid #ddd
}
.i_process li:last-child {
	margin: 0 auto
}
.i_process .hidebox {
	border-bottom: none
}
.i_custmer li {
	width: 33.3333%
}
.i_custmer li:last-child {
	/*display: none*/
}
.i_news .list .img, .i_news .list ul {
	width: 100%;
	float: none
}
#n_case .sorts ul {
	width: 80%;
	padding: 6px 10%
}

.m_page {
	border: 1px solid #ddd;
	padding: 0;
	text-align: center;
	overflow: hidden;
	display: block
}
.m_page a {
	display: none;
	margin: 0;
	height: 40px;
	line-height: 40px;
	border: none
}
.m_page span.next, .m_page span.pre {
	height: 40px;
	line-height: 40px;
	border: none
}
.m_page a.next, .m_page a.num, .m_page a.pre, .m_page span.next, .m_page span.pre {
	display: block;
	width: 33.333333%;
	float: left;
	box-sizing: border-box
}
.m_page a.num {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: url(../images/icon_m_page.png)no-repeat 90% center;
	display: inline-block
}
.contact .conus li span {
	width: 100%;
	padding-top: 8px
}
.contact .conus li input, .contact .conus li input.short {
	width: 70%
}
.contact .conus li.btn .sumit {
	width: 88%
}
.desing .list .biaos, .desing .list .names {
	float: none
}
.desing .list .biaos, .emails .list .biaos {
	width: 100%;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-x: auto
}
.desing .list .biaos table, .emails .list .biaos table {
	min-width: 40pc
}
.desing .list {
	padding: 30px 10px
}
.desing .list .names {
	margin: 0 auto 20px
}
.should section li {
	padding: 10px;
	box-sizing: border-box
}
.tgys ul li.tgbj1, .tgys ul li.tgbj2, .tgys ul li.tgbj3, .tgys ul li.tgbj4 {
	background: none;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
	min-height: 250px;
	margin: 0;
	width: 50%
}
.tgys ul li .txt {
	width: 100%
}
.nnews .list .txt {
	width: 72%
}
.newfy li {
	width: 100%;
	border-bottom: 1px solid #ddd
}
}
@media screen and (max-width:640px) {
	.loading{ display:none;}
footer .bars .form, footer .bars .i_contact {
	width: 100%;
	float: none
}
.i_us .txt {
	padding: 0
}
.n_crumbs {
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box
}
.n_crumbs .search {
	float: none
}
.n_crumbs .website {
	display: none
}
.n_crumbs .search .key {
	width: 80%;
	box-sizing: border-box
}
.n_crumbs .search .sumit {
	width: 20%;
	box-sizing: border-box;
	height: 38px
}
#n_case .sorts ul {
	display: none
}
#n_case .m_subnav {
	display: block;
	padding: 10px 10px 20px
}
#n_case .m_subnav input {
	height: 40px;
	border: 1px solid #ddd;
	width: 90%;
	padding: 0 5%;
	background: #f7f7f7
}
.contact .bus, .contact .left, .contact .right {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-size: 15%
}
.desing .list .names {
	padding: 20px
}
.subnavbox {
	height: 51px
}
.subnav {
	line-height: 50px;
	height: 50px;
	font-size: 1pc;
	overflow: hidden
}
.subnav nav li a, .subnav nav li a.act, .subnav nav li a:hover {
	line-height: 3pc
}
.hallmark li {
	width: 100%;
	float: none
}
.solution li {
	width: 48%;
	margin: 0
}
.solution li:nth-child(2n) {
	float: right
}
.nnews .list time {
	width: 100%;
	height: auto;
	padding: 10px;
	float: none
}
.nnews .list time b {
	padding: 0;
	font-size: 24px
}
.nnews .list .txt {
	width: auto;
	float: none;
	padding: 10px
}
.should section li.do1, .should section li.do2, .should section li.do3, .should section li.do4, .should section li.do5, .should section li.do6 {
	float: none;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
	background: none
}
.baidu .txt, .should section li .txt {
	width: 100%
}
.tgys ul li.tgbj1, .tgys ul li.tgbj2, .tgys ul li.tgbj3, .tgys ul li.tgbj4 {
	width: 100%;
	min-height: 40px
}
.should section li:nth-child(2n-1) {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px
}
.baidu {
	background: none
}
.should section li h2 p {
	font-size: 14px
}
.inbaner {
	display: none
}
.pay .list {
	width: 100%
}
.pay .list .box img {
	max-width: 80%;
	float: none
}
.pay .list p {
	overflow: hidden;
	display: block;
	width: 100%
}
}
@media screen and (max-width:480px) {
.i_service li:nth-child(3), .i_service li:nth-child(4) {
	margin-bottom: 0
}
.i_case li:nth-child(2n) a, .i_case li:nth-child(2n-1) a, .i_service li:nth-child(2n) a, .i_service li:nth-child(2n-1) a {
	margin: 0 5px 0 0
}
.i_case li, .i_service li, .i_service.i_packages li {
	margin-bottom: 10px
}
.i_tit, .i_us .txt .tit b {
	font-size: 20px;
	line-height: 27px
}
.i_us .txt .tit {
	text-align: center;
	margin: 15px 0
}
.i_news .list, .i_us .img, .i_us .txt {
	width: 100%;
	float: none
}
.i_us .img img {
	max-width: 60%;
	margin: 0 auto;
	display: block
}
.i_service li a img {
	max-width: 50%
}
.i_packages li a img {
	max-width: 40%
}
.i_news .list {
	margin: 0 0 20px
}
footer {
	padding: 0
}
footer .bars .hotline {
	padding: 10px 0
}
.contact .conus li.btn {
	padding: 15px 0
}
.contact .conus li, .contact .conus li span {
	padding: 0
}
.contact .conus li input, .contact .conus li input.short, .contact .conus li label, .contact .conus li.btn .sumit {
	width: 100%;
	float: none;
	box-sizing: border-box
}
.n-new strong {
	font-size: 20px
}
.solution li {
	width: 100%;
	margin: 0
}
}
@media screen and (max-width:320px) {
section {
	padding: 20px 10px
}
.i_service li:nth-child(3) {
	margin-bottom: 10px
}
.i_case li, .i_service li, .i_service.i_packages li {
	width: 100%;
	float: none
}
.i_case li:nth-child(2n) a, .i_case li:nth-child(2n-1) a, .i_service li:nth-child(2n) a, .i_service li:nth-child(2n-1) a {
	margin: 0
}
.i_custmer li {
	width: 50%;
	margin: 0
}
.i_process li {
	padding: 15px 0
}
.i_process .hidebox {
	margin: 0
}
.i_process li img {
	max-width: 50px
}
}

.mianbaoxie_p {
    line-height: 35px;
}
.mianbaoxie_p span {
    float: left;
    padding-top: 30px;
}
.anniuu {
    float: right;
    padding-top: 30px;
    padding-bottom: 30px;
}
.clearboth {
    clear: both;
    height: 0px;
}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:170px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#c60c1b;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../imagees/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../imagees/online_arrow.jpg) no-repeat;position:fixed;top:170px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/*通用翻页样式*/
#page{padding-top:10px;padding-bottom:10px;text-align: center;margin:0 auto; overflow:hidden;}
#page li{background-color:#fff;border:1px solid #ccc;margin-right:6px;list-style:none;float:left;color:#555;}
#page li.pagecount{padding:4px 9px;}
#page li.pre{background:#DD4B39;border:1px solid #DD4B39;color:#fff;padding:4px 9px;}
#page li.liclass{padding:4px 9px;}
#page li.uli:hover{background:#DD4B39;border:1px solid #DD4B39;color:#fff;cursor:pointer;display: block;}
#page li.uli a{text-decoration:none;padding:4px 9px;display: block;}
#page li.uli:hover a{color:#fff;text-decoration:none;padding:4px 9px;display: block;}

.wide1190 {
    margin: 0 auto;
    min-width: 990px;
    max-width: 1190px;
    _overflow: hidden;
    zoom: 1;
}
.miniprogram-tab {
	height: 84px;
	background: url(../images/nav_line.png) repeat-x bottom left
}

.miniprogram-tab .tab-list li {
	float: left;
	width: 25%
}

.miniprogram-tab .tab-list li a {
	display: block;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	text-align: center;
	color: #333
}

.miniprogram-tab .tab-list li.active {
	background: #2087ed
}

.miniprogram-tab .tab-list li.active a {
	color: #fff;
	position: relative
}

.miniprogram-tab .tab-list li.active a:before {
	content: "";
	display: inline-block;
	border-top: 14px solid #2087ed;
	border-right: 22px solid transparent;
	border-left: 22px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -22px
}

.miniprogram-title {
	padding-top: 60px;
	text-align: center;
	font-size: 30px;
	color: #333
}

.miniprogram-title strong {
	font-weight: 400
}

.miniprogram-line {
	margin: 30px auto 0;
	width: 70px;
	height: 3px;
	background: #333
}

.miniprogram-desc {
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #666
}

.miniprogram-advantage {
	background: #fff
}

.miniprogram-advantage .advantage-list {
	padding: 30px 0
}

.miniprogram-advantage .advantage-list li {
	float: left;
	padding: 30px;
	width: 33.333333333%;
	height: 140px;
	box-sizing: border-box;
	overflow: hidden
}

.miniprogram-advantage .advantage-list li img {
	float: left
}

.miniprogram-advantage .advantage-list li h5 {
	overflow: hidden;
	padding-left: 40px;
	line-height: 80px;
	font-size: 20px;
	color: #333
}

.miniprogram-advantage .advantage-list li p {
	padding-top: 10px;
	padding-left: 40px;
	font-size: 14px;
	color: #000;
	position: relative;
	top: 30px
}

.miniprogram-advantage .advantage-list li:hover {
	background: #31b2f0;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-advantage .advantage-list li:hover:nth-child(2) {
	background: #fda336
}

.miniprogram-advantage .advantage-list li:hover:nth-child(3) {
	background: #31cd86
}

.miniprogram-advantage .advantage-list li:hover:nth-child(4) {
	background: #ef5d41
}

.miniprogram-advantage .advantage-list li:hover:nth-child(5) {
	background: #75b3fe
}

.miniprogram-advantage .advantage-list li:hover:last-child {
	background: #f7c71d
}

.miniprogram-advantage .advantage-list li:hover h5 {
	line-height: normal;
	color: #fff;
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-advantage .advantage-list li:hover p {
	top: 0;
	overflow: hidden;
	color: #fff;
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-method {
	padding-bottom: 50px
}

.miniprogram-method .method-tab {
	margin-top: 40px;
	text-align: center;
	font-size: 0
}

.miniprogram-method .method-tab .method-list {
	display: inline-block
}

.miniprogram-method .method-tab .method-list li {
	float: left;
	margin: 0 6px;
	width: 120px;
	height: 40px;
	line-height: 38px;
	background: #fff;
	border: 1px solid #dadada;
	border-radius: 2px;
	font-size: 14px;
	text-align: center
}

.miniprogram-method .method-tab .method-list li a {
	display: block
}

.miniprogram-method .method-tab .method-list li:hover,.miniprogram-method .method-tab .method-list li.active {
	transition: all .2s cubic-bezier(0.4,0,.2,1) 0s;
	background: #2087ed;
	border: 1px solid #2087ed;
	box-shadow: 3px 0 10px rgba(72,157,255,.3)
}

.miniprogram-method .method-tab .method-list li:hover a,.miniprogram-method .method-tab .method-list li.active a {
	color: #fff
}

.miniprogram-method .method-inner {
	margin-top: 40px;
	display: none
}

.miniprogram-method .method-inner.active {
	display: block;
	box-shadow: 0 0 10px 6px rgba(0,0,0,.04);
	transition: all .2s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-method .method-inner .inner-list {
	padding: 40px;
	background: #fff
}

.miniprogram-method .method-inner .inner-list .li-img {
	float: left;
	padding-top: 10px
}

.miniprogram-method .method-inner .inner-list .li-info {
	overflow: hidden;
	padding: 10px 60px 0
}

.miniprogram-method .method-inner .inner-list .li-info .info-title {
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: 700
}

.miniprogram-method .method-inner .inner-list .li-info .info-list {
	margin-top: 10px;
	padding-top: 20px;
	border-bottom: 1px solid #bbb;
	position: relative;
	overflow: hidden
}

.miniprogram-method .method-inner .inner-list .li-info .info-list li {
	padding-left: 40px;
	margin-bottom: 20px;
	float: left;
	width: 25%;
	font-size: 14px;
	color: #555;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.miniprogram-method .method-inner .inner-list .li-info .info-list li img {
	margin-right: 6px
}

.miniprogram-method .method-inner .inner-list .li-info .info-list li.li-txt {
	padding-left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 170px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover {
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover .li-txt {
	top: 0;
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s;
	padding-top: 30px
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.basic {
	border-bottom: 1px solid #cdbdf8
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.basic .li-txt {
	background: #cdbdf8
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.shop {
	border-bottom: 1px solid #ff9a97
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.shop .li-txt {
	background: #ff9a97
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.order {
	border-bottom: 1px solid #ffb17a
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.order .li-txt {
	background: #ffb17a
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.activity {
	border-bottom: 1px solid #83d5ff
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.activity .li-txt {
	background: #83d5ff
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.show {
	border-bottom: 1px solid #b997ff
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.show .li-txt {
	background: #b997ff
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.ketang {
	border-bottom: 1px solid #feca5b
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.ketang .li-txt {
	background: #feca5b
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.booking {
	border-bottom: 1px solid #75d08b
}

.miniprogram-method .method-inner .inner-list .li-info .info-list:hover.booking .li-txt {
	background: #75d08b
}

.miniprogram-method .method-inner .inner-list .li-info .info-price {
	padding-top: 30px;
	position: relative
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-title {
	float: left;
	line-height: 42px;
	font-size: 14px;
	color: #555
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-list {
	overflow: hidden
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-list li {
	float: left;
	margin: 0 20px 0 10px;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	position: relative
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-list li label {
	cursor: pointer
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-list li input {
	vertical-align: middle;
	margin-top: -2px
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-list li span {
	font-size: 20px;
	font-weight: 700;
	color: #ff6800
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-tips {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 80px;
	height: 25px;
	background: url(../images/case53.png) no-repeat;
	font-size: 0
}

.miniprogram-method .method-inner .inner-list .li-info .info-price .info-price-btn {
	float: right;
	display: inline-block;
	width: 142px;
	height: 42px;
	line-height: 42px;
	background: #2087ed;
	border: 0;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	text-align: center
}

.miniprogram-method .seeAll {
	margin: 60px auto;
	display: inline-block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #2087ed;
	border-radius: 25px;
	font-size: 16px;
	color: #2087ed;
	text-align: center
}

.miniprogram-method .seeAll:hover {
	background: #2087ed;
	color: #fff
}

.miniprogram-youshi {
	padding-bottom: 80px;
	background: url(../images/case3_bg.png) no-repeat bottom center #fff;
	padding-top: 450px;
}

.miniprogram-youshi .youshi-list li {
	width: 23%;
    margin: 10px 1%;
    height: 260px;
    border: solid 1px #e8e8e8;
    background: #FFF;
    box-sizing: border-box;
    text-align: center;
    float: left;
    cursor: pointer;
    transition: 0.3s all;
}

.miniprogram-youshi .youshi-list li img {
	display: block;
	margin: 0 auto
}

.miniprogram-youshi .youshi-list li p {
	padding-top: 10px;
	height: 50px;
	line-height: 25px;
	font-size: 16px;
	color: #666;
	text-align: center
}

.miniprogram-traffic {
	background: #fff;
	padding-top: 260px;
}

.miniprogram-traffic .traffic-list {
	padding-top: 40px
}

.miniprogram-traffic .traffic-list li {
	margin-bottom: 50px;
	float: left;
	width: 33.3333%
}

.miniprogram-traffic .traffic-list li img {
	float: left
}

.miniprogram-traffic .traffic-list li .tl-txt {
	padding-left: 16px;
	overflow: hidden;
	font-size: 16px;
	color: #666
}

.miniprogram-traffic .traffic-list li .tl-txt span {
	font-size: 18px;
	color: #333
}

.miniprogram-complete {
	background: #fff
}

.miniprogram-complete img {
	display: block;
	margin: 40px auto 0
}

.miniprogram-complete .complete-btn {
	margin: 80px auto;
	display: inline-block;
	width: 456px;
	height: 78px;
	line-height: 78px;
	background: #2087ed;
	border-radius: 10px;
	font-size: 18px;
	color: #fff;
	text-align: center
}

.miniprogram-complete .complete-btn:hover {
	background: #1e7bed
}

.miniprogram-module {
	padding-bottom: 80px;
	background: #fff
}

.miniprogram-module .module-type {
	padding-top: 50px
}

.miniprogram-module .module-type .li-type {
	float: left;
	padding: 0 28px;
	margin-right: 28px;
	margin-bottom: 20px;
	line-height: 34px;
	border: 1px solid #2087ed;
	border-radius: 5px;
	font-size: 16px;
	color: #2087ed
}

.miniprogram-module .module-type .li-type.active,.miniprogram-module .module-type .li-type:hover {
	color: #fff;
	background: #2087ed
}

.miniprogram-module .module-show {
	margin-top: 30px;
	padding: 20px;
	background: #f8f8f8
}

.miniprogram-module .module-show .li-show {
	margin-top: 10px;
	float: left;
	width: 25%
}

.miniprogram-module .module-show .li-show .show-txt {
	margin: 10px;
	border: 1px solid #d7d7d7;
	background: #fff;
	text-align: center
}

.miniprogram-module .module-show .li-show .show-txt img {
	margin: 10px auto 0;
	width: 244px;
	height: 466px
}

.miniprogram-module .module-show .li-show .show-txt p {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.miniprogram-module .module-show .li-show .show-txt:hover {
	box-shadow: 0 0 10px 4px rgba(0,0,0,.1);
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-case {
	padding-bottom: 80px;
	background: #fff
}

.miniprogram-case .case-type {
	padding-top: 50px
}

.miniprogram-case .case-type .case-type-li {
	float: left;
	padding: 0 28px;
	margin-right: 28px;
	margin-bottom: 20px;
	line-height: 34px;
	border: 1px solid #2087ed;
	border-radius: 5px;
	font-size: 16px;
	color: #2087ed
}

.miniprogram-case .case-type .case-type-li.active,.miniprogram-case .case-type .case-type-li:hover {
	color: #fff;
	background: #2087ed
}

.miniprogram-case .case-show {
	margin-top: 30px;
	padding: 20px;
	background: #f8f8f8
}

.miniprogram-case .case-show .show-column {
	margin-top: 10px;
	float: left;
	width: 25%
}

.miniprogram-case .case-show .show-column .sc-info {
	margin: 10px 16px;
	border-radius: 5px;
	background: #FFF
}

.miniprogram-case .case-show .show-column .sc-info .sc-img {
	position: relative
}

.miniprogram-case .case-show .show-column .sc-info .sc-img img {
	width: 100%;
	height: 155px
}

.miniprogram-case .case-show .show-column .sc-info .sc-img .sc-img-code {
	width: 100%;
	height: 155px;
	border-radius: 5px;
	cursor: pointer;
	background: rgba(0,0,0,.5);
	transition: all ease .3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0
}

.miniprogram-case .case-show .show-column .sc-info .sc-img .sc-img-code img {
	margin: 18px auto 0;
	display: block;
	width: 120px;
	height: 120px;
	transition: all ease .3s
}

.miniprogram-case .case-show .show-column .sc-info .sc-img:hover .sc-img-code {
	opacity: 1
}

.miniprogram-case .case-show .show-column .sc-info p {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.miniprogram-case .case-show .show-column .sc-info:hover {
	box-shadow: 0 0 10px 4px rgba(0,0,0,.1);
	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s
}

.miniprogram-app {
	padding-bottom: 60px
}

.miniprogram-app .app-list {
	padding-top: 20px
}

.miniprogram-app .app-list li {
	float: left;
	padding: 30px 23px;
	width: 33.33333333%;
	box-sizing: border-box
}

.miniprogram-app .app-list li .column {
	width: 350px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	text-align: center;
	transition: All .4s ease-in-out;
	-webkit-transition: All .4s ease-in-out;
	-moz-transition: All .4s ease-in-out;
	-o-transition: All .4s ease-in-out
}

.miniprogram-app .app-list li .column img {
	margin: 0 auto;
	display: block
}

.miniprogram-app .app-list li .column .al-title {
	padding: 10px 10px 0;
	font-size: 18px;
	color: #403e3e;
	font-weight: 700
}

.miniprogram-app .app-list li .column .al-price {
	padding-top: 10px;
	font-size: 16px;
	color: #ff6800
}

.miniprogram-app .app-list li .column .al-price span {
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.miniprogram-app .app-list li .column .al-txt {
	padding: 10px;
	line-height: 26px;
	font-size: 14px;
	color: #666
}

.miniprogram-app .app-list li:hover .column {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px);
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,.2);
	box-shadow: 0 0 30px rgba(0,0,0,.2)
}
/*小程序方案*/
.xcx_yy li{width:23%; margin:10px 1%; height:260px;  border:solid 1px #e8e8e8; background:#FFF; box-sizing:border-box;text-align: center;float: left;cursor: pointer;transition: 0.3s all;}
.xcx_yy li:hover{box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}

.xcx_yy .xcx_yy_ico{height:140px; line-height:140px;}
.xcx_yy .xcx_yy_ico img{ display:inline-block; vertical-align: middle;}
.xcx_yy li h3{font-size:20px;height:36px; color:#000; font-weight:normal;}
.xcx_yy li p{font-size: 14px;color: #666; line-height:22px; width:80%; margin:auto;}


/*小程序唯一性 */
.weiyi{ background:url(/images/xcx/duang.png) no-repeat right 40px top; height:110px; padding:40px 0; }
.weiyi .weiyi_wen{float:left;padding-left:40px;}
.weiyi .weiyi_txt{ float:left;margin: 0 0px 0 30px;}
.weiyi .weiyi_txt h5 { color: #fff;font-size: 30px; font-weight:normal; margin-bottom:10px;}
.weiyi .weiyi_txt h5 strong { font-size: 46px;  margin-right: 20px;}
.weiyi .weiyi_txt p {color: #fff;font-size: 20px;}
.weiyi_kf{ float:right; margin:35px 100px 0 0px;}
.weiyi_kf a{ width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; box-sizing:border-box; border:solid 1px rgba(255, 255, 255, 0.8); display:block;}
.weiyi_kf a:hover{ background:#fff; border:solid 1px #fff; color:#00AD66;}

@media screen and (max-width:768px) {
	.miniprogram-advantage .advantage-list li h5,.miniprogram-advantage .advantage-list li p {
		padding-left: 20px;
		
	}
.miniprogram-advantage .advantage-list li{
	float:none;
}
.miniprogram-traffic .traffic-list li{
	float:none;
}
.miniprogram-title{text-align: left;}
.miniprogram-line{margin: 30px 0 0}
.weiyi{height: 350px;}
.xcx_yy li{float:none;width: 33%;}
.miniprogram-traffic{padding-top: 0}
.miniprogram-youshi{padding-top: 0}
.miniprogram-method .method-inner .inner-list .li-info .info-list li {
		padding-left: 10px
	}
}