@charset "gb2312";
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: #666
}
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 {
	
	will-change: transform
}
a:active, a:hover {
	outline: 0
}
section {
	max-width: 75pc;
	margin: 0 auto;
	padding: 30px 0;
}
.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:36px;
	border-bottom: 1px solid #ddd;
	font-size: 9pt;
	line-height: 36px;
	color: #888
}
.top h4 {
	font-weight: 400;
	float: left
}
.top span {
	float: right;
	
	padding-left: 24px
}
.top span b {
	color: #669acc;
	padding-left: 4px
}
.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
}
.hidebox {
	overflow: hidden
}
main {
	padding-top: 117px
}
.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
}
.baner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.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: 240px;
	margin-right:1px;
	text-align: center;
	line-height: 22px
}
.i_service li a {
	overflow: hidden;
	display: block;
}
.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;
	width:233px
}
.i_service li a:hover {
}
.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: 35%;
	padding-top:80px
}
.i_us .img img {
	height: auto;
	
}
.i_us .txt {
	float: right;
	width: 63%;
	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;
	margin-top:20px;
}
.i_case ul {
	width: 1000px;
}
.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%;
	-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;
	border: 1px solid #ddd;
	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: 100%;
	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 {
	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 29%;
	overflow: hidden
}
#n_case .sorts li {
	width: 20%;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	list-style:none;
}
#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 {
	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: 180px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif
}
.nnews .list time b {
	display: block;
	font-size: 3pc;
	padding-top: 60px
}
.nnews .list .txt {
	width: 75%;
	float: right;
	padding: 30px 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
{
display:inline;
}
.i_service li a, .i_service li a img
{

}
.i_service li a {
}
.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: 95px;
	height: auto;
	padding-top:3px;
}
.logo img {
	width: 300%;
	
}
header section {
	padding: 5px 10px;
	position: relative
}
header .top
{
display:none;
} 
header .top section {
	padding: 0 10px;
}
section {
	padding: 30px 10px;
	box-sizing: border-box
}
header nav {
	display: none
}
.btn_menu {
	width: 34px;
	height: 4px;
	background: #333;
	display: block;
	position: absolute;
	right: 10px;
	top: 0px;
	cursor: pointer;
	margin-top:18px;
}
.btn_menu:before {
	top: 20px
}
.btn_menu:after, .btn_menu:before
{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #333;
	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 {
}
.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:10px;
}
.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 {
width:50%;
	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
{
padding-top:0px;
}
.i_us .img img {
	max-width: 60%;
	margin: 0 auto;
	display: block
}
.i_service li a img {
	max-width: 90%
}
.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
}
}


.wp-pagenavi
{
text-align:center;
font-size:14px;
}
.wp-pagenavi a
{
margin:0 5px;
}
.wp-pagenavi span
{
padding:0 5px;
}
#right_content
{
max-width:850px;
margin:0 auto;
}

.nav {
  margin: 0 auto;
  color: #f0f0f0;
  line-height:88px;
  float:right;
}
.nav a {
  display: block;
  padding: 0 16px;
  cursor: pointer;
  height:90px;
}
.nav a:hover
{
color:#fff;
}
.nav_menu {
  font-weight: 700;
  text-transform: uppercase;
}
.nav_menu-item {
  display: inline-block;
  position: relative;
}
.nav_menu-item:hover {
  background-color: #669ACC;
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  width:180px;
  background-color: #669ACC;
  top:90px;
}
.nav_submenu-item:hover {
background-color:#3E7CB7;
}
.nav_submenu-item a
{
height:45px;
line-height:45px;
color:#fff;
}
.nav_submenu-item a:hover
{
color:#fff;
}
.leftnav
{
float:left;
width:260px;
margin-top:20px;
}
.rightpro
{
float:right;
width:900px;
margin-top:20px;
}
.location
{
height:45px;
line-height:45px;
}
.ipro 
{
margin-bottom:20px;
}
.ipro li
{
float:left;
width:290px;
margin-right:10px;
text-align:center;
margin-bottom:10px;
line-height:35px;
}
.ipro li img
{
width:290px;
border:1px solid #ddd;
}

.ipros 
{
margin-bottom:20px;
}
.ipros li
{
float:left;
width:290px;
margin-right:10px;
text-align:center;
margin-bottom:10px;
line-height:35px;
}
.ipros li img
{
width:290px;
height:220px;
border:1px solid #ddd;
}
.search
{
background-color:#333333;
height:45px;
line-height:45px;
color:#fff;
font-weight:bold;
font-size:15px;
padding-left:27px;
}
.sbg
{
background-color:#3F75B8;
padding-top:30px;
padding-bottom:30px;
color:#fff;
text-align:center;
}
.searchInput
{
height:30px;
line-height:30px;
padding-left:2px;
}
.searchBtn
{
height:30px;
width:50px;
background-color:#333333;
color:#fff;
}
.newscont ul li
{
background-color:#F7F7F7;
margin-bottom:20px;
padding:20px;
}
.newsc_l
{
float:left;
width:650px;
}
.newsc_r
{
float:right;
width:470px;
}
.newsc_r img
{
width:470px;
max-width:470px;
}
.newsc_l h2
{
font-size:18px;
}
.newsc_l p
{
font-size:14px;
line-height:27px;
margin-top:10px;
}