@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, hr, img,  legend, li, ol, p, pre, 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: #666
}
button, select, textarea {
	font-family: Microsoft YaHei, Arial;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	outline: 0
}
.ltextarea{
    width:410px;
    height:100px;
}
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: #D2B569;
	will-change: transform
}
a:active, a:hover {
	outline: 0
}



.p1 IMG {
	 	BORDER-RIGHT: #dedede 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #dedede 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #dedede 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #dedede 1px solid; background:#ffffff
}
.p1 A:hover IMG {
	 	BORDER-RIGHT: #dedede 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #dedede 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #dedede 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #dedede 1px solid; background:#ffffff
}


.nav_1 ul li{font-size: 14px;line-height: 35px;color: #333;width: 145px;text-align: center;float: left;position: relative; padding-right:20px; }
.nav_1 ul li a{font-size: 14px;display: block;line-height: 35px;color: #333; padding-right:0px; background:#ffffff;BORDER-RIGHT: #ebebeb 1px solid; BORDER-TOP: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid;}
.nav_1 ul li a:hover{background: #A30015; color:#FFFFFF; text-decoration:none; padding-right:0px;BORDER-RIGHT: #ebebeb 1px solid; BORDER-TOP: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid;}


.bian1 {
	BORDER-RIGHT: #ebebeb 1px solid; BORDER-TOP: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid; background:#FFFFFF
}



.z1  {font-size:14px;COLOR:   #e6e6e6; } 
.z1 a:link   {font-size:14px;COLOR:   #e6e6e6;   text-decoration:   none; } 
.z1 a:visited   {font-size:14px;   COLOR:   #e6e6e6;text-decoration:   none; } 
.z1 a:hover   {font-size:14px; COLOR:#ffffff; } 

.z2  {font-size:12px;COLOR:   #d6d6d6; } 
.z2 a:link   {font-size:12px;COLOR:   #d6d6d6;   text-decoration:   none; } 
.z2 a:visited   {font-size:12px;   COLOR:   #d6d6d6;text-decoration:   none; } 
.z2 a:hover   {font-size:12px; COLOR:#ffffff; } 







section {
	max-width: 75pc;
	margin: 0 auto;
	padding: 30px 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
}





.open .menu {
	height: 100%;
	overflow: auto
}

.loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	z-index: 100;
	text-align: center
}
.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
}

.logo {
	float: left;
	height: 5pc;
	padding-top: 0px
}
header section {
	padding: 0
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 40;
	background: #fff;
}
header nav {
	float: right
}
header nav li {
	float: left;
	width: 120px;
	text-align: center;
	line-height: 24px
}
header nav li a {
	display: block;
	height: 55px;
	padding: 35px 14px 0
}
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: #D2B569;
	color: #fff;
	padding-top: 25px;
	height: 65px
}






header nav li a.act span, header nav li a:hover span {
	border-bottom: 1px dotted #fff
}
header nav li a.act em, header nav li a:hover em {
	display: block
}
.hidebox {
	overflow: hidden; 
}
main {
	padding-top: 0px
}
.i_tit {
	text-align: center;
	font-size: 22px;
	color: #333;
	padding-bottom: 10px;
	line-height: 35px;
	margin-bottom: 5px;
	position: relative
}
.i_tit span {
	display: block;
	width: 90pt;
	position: absolute;
	bottom: 0;
	height: 4px;
	background: #FF9C1D;
	left: 50%;
	margin-left: -60px
}
.i_tips {
	text-align: center;
	padding-bottom: 30px;
	color: #888
}
.baner {
	width: 100%;
	position: relative;
	overflow: hidden;
	max-height: 35pc
}
.baner_box {
	width: 500pt;
	margin: 0 auto
}
.n_baner {
	width: 20in;
	margin: 0 -460px;
	overflow: hidden;
	display: block
}
.atlas {
	width: 999px
}
.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: 1192px; margin-left:33px
}
.i_service li {
	float: left;
	width: 268px;
	margin-right: 30px;
	text-align: center;
	line-height: 22px
}
.i_service li a {
	background: #f7f7f7;
	overflow: hidden;
	display: block;
	padding: 5px
}
.i_service li figcaption {
	font-weight: 700;
	color: #333;
	padding: 6px 0;
	-webkit-transition: .2s;
	transition: .2s
}
.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: #FF9C1D;
	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: 285px;
	margin-right: 20px;
	text-align: center;
	line-height: 24px;
	margin-bottom: 30px
}
.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
}
.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: #669acc;
	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;
	width: 510px;
	margin-right: 40px;
	padding: 25px
}
.i_news .list h4 {
	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: #669acc;
	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: #669acc
}
footer address {
	font-style: normal;
	border-top: 1px solid #435163;
	display: block;
	padding: 10px 0
}
footer .share {
	padding: 10px 0
}
@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: #669acc;
	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
}
.publictxt p {
	padding: 10px 0
}
.publictxt img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ddd
}
.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: #669acc
}
.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_case .sorts ul {
	width: 70%;
	padding: 6px 15%;
	overflow: hidden
}
#n_case .sorts li {
	width: 20%;
	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 #669acc;
	color: #669acc;
	background: #f5f5f5
}
.m_subnav {
	display: none
}
.turn_page {
	text-align: center;
	padding: 15px 0 0
}
.turn_page a {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px 10px
}
.turn_page a:hover {
	background: #6094c6;
	color: #fff
}
.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
}
.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: 14px;
	color: #333
}
.contact .box {
	margin: 35px 0
}



.subnavbox_1 {
	height: 81px;
	overflow: hidden
}
.subnav_1 {
	background: #f9f9f9;
	height: 5pc;
	border-bottom: 1px solid #ddd;
	line-height: 5pc;
	font-size: 18px;
	overflow: hidden
}
.subnav_1.fixed_1 {
	width: 100%;
	left: 0;
	position: fixed;
	z-index: 5
}
.subnav_1 nav {
	padding: 0;
	max-width: 75pc;
	margin: 0 auto;
	overflow: hidden;
	border-right: 1px solid #ddd
}
.subnav_1 nav li {
	width: 25%;
	float: left;
	text-align: center
}
.subnav_1 nav li a {
	display: block;
	font-weight: 700;
	border-left: 1px solid #ddd
}
.subnav_1 nav li a.act, .subnav_1 nav li a:hover {
	border-bottom: 2px solid #D2B569;
	background: #fff;
	line-height: 78px
}





#fours nav li {
	width: 33.3333%
}
.desing .list {
	padding: 2pc 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: 1200px
}
.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: #FF9C1D;
	display: block;
	float: left;
	width: 12%;
	height: 130px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif
}
.nnews .list time b {
	display: block;
	font-size: 2pc;
	padding-top: 5px
}
.nnews .list .txt {
	width: 80%;
	float: right;
	padding: 10px 3% 0 30px;
	line-height: 24px
}
.nnews .list .txt a {
	display: block
}
.nnews .list .txt h2 {
	padding: 15px 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 {
	font-size: 24px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.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: 24px
}
.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 {
	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%
}
.turn_page {
	display: none
}
.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
}