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: 13px;

	color: #666;
	min-width:1170px;

}





.p1 IMG {

	 	BORDER-RIGHT: #eee 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #eee 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #eee 2px solid; background:#ffffff

}

.p1 A:hover IMG {

	BORDER-RIGHT: #3253a0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #3253a0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #3253a0 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #3253a0 2px solid; background:#ffffff

}





.z1 {font-size:14px;COLOR:   #ffffff;} 

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

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

.z1 a:hover   {COLOR:#ffffff; TEXT-DECORATION:none;font-size:   14px;}



.z2 {font-size:14px;COLOR:   #999999;} 

.z2 a:link   {font-size:14px;COLOR:   #999999;   text-decoration:   none; } 

.z2 a:visited   {font-size:   14px;   COLOR:   #999999;text-decoration:   none; } 

.z2 a:hover   {COLOR:#999999; TEXT-DECORATION:none;font-size:   14px;}













#hd{

	background:url(../bgimg/head_bj.jpg);

	width:100%;

	height:42px;

	overflow:hidden;

}

.head{

	width:1170px;

	height:42px;

	margin:0px auto;

	overflow:hidden;

}

.headl{

	float:left;

	width:472px;

	height:42px;

	font-family:"寰蒋闆呴粦";

	font-size:12px;

	color:#666;

	line-height:42px;

}

.headr{

	float:right;

	width:140px;

    height:42px;

	font-family:"寰蒋闆呴粦";

	font-size:12px;

	color:#666;

	line-height:42px;

}

.headr a{

	color:#666;

	text-decoration:none;

}

.headr a:hover{

	color:#ff3300;



}

#logo{

	width:1170px;

	height:119px;

	background:url(../bgimg/logo.jpg);

	margin:auto;

	overflow:hidden;

}

#nv{

	background:#3253a0;

	width:100%;

	height:45px;

	margin:auto;

}







.nav{height: 45px;margin: 0 auto;background:#3253a0;width: 1170px;}

.nav>ul{width: 1170px;margin: 0 auto;}

.nav ul li{font-size: 15px;line-height: 45px;color: #fff;width: 146px;text-align: center;float: left;position: relative;}

.nav ul li a{font-size: 15px;display: block;line-height: 45px;color: #fff;}

.nav ul li a:hover{background: #FC9F31; color:#ffffff; text-decoration:none}



.nav ul li a.on{background: #FC9F31; color:#3253a0; text-decoration:none}

.nav ul li a.on:hover{background: #FC9F31; color:#3253a0; text-decoration:none}



.nav ul li ul{left:0px; position: absolute;width:146px;top: 45px;display: none;z-index:9999}

.nav ul li li{float:none;width:100%;line-height: 35px;}

.nav ul li li a{background:#3253a0;border-top:1px #6ca1ff solid;line-height: 35px; font-size:14px; color:#ffffff}

.nav ul li li a:hover{background:#FC9F31;border-top:1px #6ca1ff solid;line-height: 35px; font-size:14px}

.nav ul li li ul{left:100%;top:0px;}

.nav ul li a{display:block;}

.nav .current{background-color:#005197;color:#fff;}	

.nav .leave{background-color:none; color:#333;}













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: #666;

	-webkit-transition: .35s;

	transition: .35s

}

a, a:hover {

	text-decoration: none; 

}

a:hover {

	color: #3253a0;

	will-change: transform

}

a:active, a:hover {

	outline: 0

}

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

}

.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: #669acc;

	color: #fff

}

.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

}

.top {

	background: #f7f7f7;

	height: 26px;

	border-bottom: 1px solid #ddd;

	font-size: 9pt;

	line-height: 26px;

	color: #888

}

.top h4 {

	font-weight: 400;

	float: left

}

.top span {

	float: right;

	background: url(../bgimg/icon_tel11.png) no-repeat left center;

	padding-left: 24px

}

.top span b {

	color: #29903d;

	padding-left: 4px

}



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: 146px;

	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: #3253a0;

	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;

	border-bottom: 1px solid #ddd;

	padding-bottom: 5px;

	line-height: 45px;

	margin-bottom: 10px;

	position: relative

}

.i_tit span {

	display: block;

	width: 90pt;

	position: absolute;

	bottom: 0;

	height: 4px;

	background: #FC9F31;

	left: 50%;

	margin-left: -60px

}

.i_tips {

	text-align: center;

	padding-bottom: 0px;

	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: 1180px;

}

.i_service li {

	float: left;

	width: 280px;

	margin-left: 12px;margin-right: 3px;

	text-align: center;

	line-height: 22px; margin-top:20px

}

.i_service li a {

	background: #eee;

	overflow: hidden;

	display: block;

	padding: 10px

}

.i_service li figcaption {

	padding: 6px 0;

	-webkit-transition: .2s;

	transition: .2s; font-size:14px

}

.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: #3253a0;

	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; width:260px; height:200px

}



.i_service li a img {

	-webkit-transform: scale(1);

	transform: scale(1);

	will-change: transform; width:260px; height:200px

}

.i_us {

	background: url(../bgimg/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(../bgimg/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(../bgimg/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: 710px;

	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%

}



@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(../bgimg/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(../bgimg/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(../bgimg/conus1.png) no-repeat 96% 90%

}

.contact .bus {

	background: #f7f7f7 url(../bgimg/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 #3253a0;

	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: #3253a0;

	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(../bgimg/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(../bgimg/tgbj2.jpg) no-repeat 95% center

}

.tgys ul li.tgbj2 {

	background: #f7f7f7 url(../bgimg/tgbj3.jpg) no-repeat 95% center

}

.tgys ul li.tgbj3 {

	background: #f7f7f7 url(../bgimg/tgbj4.jpg) no-repeat 95% center

}

.tgys ul li.tgbj4 {

	background: #f7f7f7 url(../bgimg/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(../bgimg/tgbj6.jpg) no-repeat 86% center

}

.should section li.do2 {

	background: url(../bgimg/tgbj7.jpg) no-repeat 86% center

}

.should section li.do3 {

	background: url(../bgimg/tgbj8.jpg) no-repeat 86% center

}

.should section li.do4 {

	background: url(../bgimg/tgbj9.jpg) no-repeat 86% center

}

.should section li.do5 {

	background: url(../bgimg/tgbj10.jpg) no-repeat 86% center

}

.should section li.do6 {

	background: url(../bgimg/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 {

	box-sizing: border-box

}



.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 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(../bgimg/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

}