@charset "gb2312";
/* CSS Document */

body {margin: 0px; background: #FFF;}
body, td, th {font-family: "΢ÈíÑźÚ"; font-size: 12px; color: #3D3D3D;}
body a {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration: none;}
a {font-family: "΢ÈíÑźÚ"; color: #3D3D3D; text-decoration: none;}
a:hover {color: #F16522;}

div, dl, dt, dd, ul, ol, li, form {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}
h1, h2, h3, h4, h5, h6, p {margin: 0px;}

.wrapper {margin: 0px auto; padding: 0px 15px;}
.bannerbox {margin: 0px auto;}
.bannerbox img {width: 100%; display: block;}
.itemtitle {width: 100%; margin: 0px auto; padding-top: 50px; text-align: center; font-size: 24px; position: relative; z-index: 99;}

@media (min-width: 1024px) {
	.wrapper {width: 1003px;}
	.bannerbox {width: 1003px;}
	.itemtitle {width: 1003px;}
}

.header {width: 100%; height: 64px; background-color: #212224; position: fixed; top: 0px; left: 0px; z-index: 999;}
	.header .logo {float: left; display: inline;}
		.header .logo a img {display: block;}
	.header .menu  {margin-left: 20px; float: left; display: inline;}
		.header .menu .menubtn {display: none; float: right;}
		.header .menu ul {display: block;}
			.header .menu ul li {width: 80px; height: 64px; margin-left: 1px; text-align: center; line-height: 64px; float: left; display: inline; overflow: hidden;}
				.header .menu ul li a {color: #CCC; text-decoration: none; display: block;}
				.header .menu ul li a:hover {color: #CCC; text-decoration: none; display: block; background-color: #FFF;}
				.header .menu ul li.cur .menudef {background-color: #FFF; color: #333;}
					.menudef, .menuover {width: 80px; height: 64px; float: left;}
					.menuover {background-color: #FFF;}
					.header .menu ul li a span.menuover, .header .menu ul li a:hover span.menuover {color: #333;}
		.hotline {width: auto; height: 50px; line-height: 25px; padding: 7px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; white-space: nowrap; float: right;}
.bottomhotline {width: 100%; height: 50px; background-color: #212224; line-height: 50px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; white-space: nowrap; display: none; position: fixed; bottom: 0px; left: 0px; z-index: 999;}

.ibanner {width: 100%; margin-top: 64px; overflow: hidden; clear:both;}


.strip {width: 100%; height: 2px; margin: 15px 0px; background: #E5E5E5; clear: both;}
	.strip div {width: 150px; height: 2px; margin: 0px auto; background: #F16522;}
	.strip.a {background: #F16522; float: left;}
	.services .strip div {width: 550px;}
.bgf2 {background-color: #F2F2F2;}
.bgft {background-color: #212224;}

a.buttonhref {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #363636; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
a.buttonhref:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F16522; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
a.buttonhref:hover, a.buttonhref:focus, a.buttonhref:active {color: #FFF;}
a.buttonhref:hover:before, a.buttonhref:focus:before, a.buttonhref:active:before {-webkit-transform: scale(1); transform: scale(1);}
.buttonhref.more {margin-top: 8px; padding: 5px 20px; color: #FFF;}


.services {height: auto; overflow: hidden; clear: both;}
	.services .itemtitle {color: #F16522;}
		.services .itemtitle span {color: #3D3D3D;}
		.services .itemtitle a, .services .itemtitle a:hover {color: #F16522;}
		.services .itemtitle a span, .services .itemtitle a:hover span {color: #3D3D3D;}
	.services ul {width: 100%; height: auto; margin: 0px auto; padding: 20px 0px 100px 0px; overflow: hidden;}
		.services ul li {width: 20%; height: 170px; margin-top: 30px; float: left; display: inline;}
			.services ul li a {padding-top: 124px; line-height: 45px; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; display: block;}
				.services ul li a span {padding: 3px 15px; background-color: #F1F1F1; border-radius: 10px; box-shadow: 1px 1px 3px #999;}
			.services ul li a:hover {text-decoration: none; color: #FFF;}
				.services ul li a:hover span {background-color: #2194d3; box-shadow: 1px 1px 3px #999;}
			a.ser-design {background: url(../images/icon-dn.png) center top no-repeat;}
			a.ser-design:hover {background: url(../images/icon-dn-hover.png) center top no-repeat;}
			a.ser-mobile {background: url(../images/icon-sj.png) center top no-repeat;}
			a.ser-mobile:hover {background: url(../images/icon-sj-hover.png) center top no-repeat;}
			a.ser-weixin {background: url(../images/icon-wx.png) center top no-repeat;}
			a.ser-weixin:hover {background: url(../images/icon-wx-hover.png) center top no-repeat;}
			a.ser-app {background: url(../images/icon-app.png) center top no-repeat;}
			a.ser-app:hover {background: url(../images/icon-app-hover.png) center top no-repeat;}
			a.ser-more {background: url(../images/icon-more.png) center top no-repeat;}
			a.ser-more:hover {background: url(../images/icon-more-hover.png) center top no-repeat;}
			a.ser-applet {background: url(../images/icon-applet.png) center top no-repeat;}
			a.ser-applet:hover {background: url(../images/icon-applet-hover.png) center top no-repeat;}
				

.case {height: auto; overflow: hidden; clear: both;}
	.case .itemtitle span {width: 50px; height: 20px; background-color: #EEE; border-radius: 5px; box-shadow: 1px 1px 3px #666; font-size: 14px; font-weight: normal; position: absolute; right: 30px; bottom: 0px; z-index: 99;}
	.case .title {width: 580px; height: auto; margin: 0px auto; padding: 5px 0px; overflow: hidden;}
		.case .title li {width: 120px; height: 35px; margin: 0px 0px 0px 20px; background: #FFF; border-radius: 5px; box-shadow: 1px 1px 3px #666; text-align: center; line-height: 35px; font-size: 16px; float: left; display: inline; cursor: pointer;}
		.case .title li:hover, .case .title li.cur {background: #2194d3; color: #FFF;}
	#list_jtgs, #list_zfwz, #list_zzqy, #list_wxal {display: none;}
	.case .list {width: 100%; height: auto; margin: 0px auto; padding: 50px 0px; overflow: hidden;}
		.case .list li {width: 33%; height: 224px; padding-bottom: 20px; overflow: hidden; float: left;}
			.listimg{width:314px; height:194px; margin: 0px auto; padding: 2px; background-color: #FFF; border: #CCC 1px solid; position:relative; overflow:hidden;}
				.listimg img {width: 314px; height: 194px; background: #333; position: absolute; top: 2px; left: 2px;}
				.summary {width: 314px; height: 194px; background: #333; position: absolute; top: 200px; left: 2px;}
					.summarytxt {width: 300px; height: auto; margin: 5px 10px; line-height: 22px; font-size: 12px; color: #CFCFCF;}
						.summarytxt p {line-height: 22px; font-size: 12px; color: #CFCFCF;}
							.summarytxt p a, .summarytxt p a:hover {color: #CFCFCF;}
			.case .list li .listtext {width: 320px; height: 24px; margin: 0px auto; text-align: center; line-height: 24px; font-size: 16px; overflow: hidden;}
				.case .list li .listtext a {font-size: 16px;}
			.case .list li a.more {width: 320px; height: 200px; margin: 0px auto; padding: 0px; background-color: #FFF; text-align: center; line-height: 200px; color: #F16522; font-size: 30px; font-weight: bold; display: block;}
			.case .list li a.more:hover {color: #FFF;}

.relatedcase {width: 100%; height: auto; margin-top: 30px; overflow: hidden;}
	.relatedcase .title {width: 97.5%; height: auto; margin: 0px auto; border-bottom: #E5E5E5 2px solid; border-left: #E5E5E5 1px solid; overflow: hidden;}
		.relatedcase .title li {width: 120px; height: 35px; background: #F1F1F1; border-top: #E5E5E5 1px solid; border-right: #E5E5E5 1px solid; text-align: center; line-height: 35px; font-size: 16px; float: left; cursor: pointer;}
		.relatedcase .title li:hover, .relatedcase .title li.cur {background: #2194d3; color: #FFF;}
	.relatedcase .list {width: 100%; height: auto; overflow: hidden;}
		.relatedcase .list li {width: 25%; height: auto; margin-top: 20px; overflow: hidden; float: left; display: inline;}
			.relatedcase .list li img {width: 192px; height: 120px; margin: 0px auto; padding: 1px; background: #FFF; border: #CCC 1px solid; display: block;}
			.relatedcase .list li p {width: 90%; height: 24px; margin: 0px auto; text-align: center; line-height: 24px; overflow: hidden;}
	
.zz {height: auto; overflow: hidden; clear: both;}
	.zz .itemtitle span {width: 50px; height: 20px; background-color: #EEE; border-radius: 5px; box-shadow: 1px 1px 3px #666; font-size: 14px; font-weight: normal; position: absolute; right: 30px; bottom: 0px; z-index: 99;}
	.zz ul {width: 100%; height: auto; margin: 0px auto; padding: 50px 0px; overflow: hidden;}
		.zz ul li {width: 20%; height: 200px; float: left;}
			.zz ul li a {padding: 120px 0px 0px 0px; line-height: 31px; text-align: center; text-decoration: none; font-size: 18px; color: #666; display: block;}
			.zz ul li a:hover {text-decoration: none; color: #FFF;}
			.zz ul li a div {width: 100%; height: 31px; overflow: hidden;}
			a.zz1 {background: url(../images/zz-ym.png) center top no-repeat;}
			a.zz1:hover {background: url(../images/zz-ym-hover.png) center top no-repeat;}
			a.zz2 {background:url(../images/zz-ba.png) center top no-repeat;}
			a.zz2:hover {background: url(../images/zz-ba-hover.png) center top no-repeat;}
			a.zz3 {background: url(../images/zz-tj.png) center top no-repeat;}
			a.zz3:hover {background: url(../images/zz-tj-hover.png) center top no-repeat;}
			a.zz4 {background: url(../images/zz-yh.png) center top no-repeat;}
			a.zz4:hover {background: url(../images/zz-yh-hover.png) center top no-repeat;}
			a.zz5 {background: url(../images/zz-tg.png) center top no-repeat;}
			a.zz5:hover {background: url(../images/zz-tg-hover.png) center top no-repeat;}
			a.zz6 {background: url(../images/zz-dt.png) center top no-repeat;}
			a.zz6:hover {background: url(../images/zz-dt-hover.png) center top no-repeat;}
			a.zz7 {background: url(../images/zz-kf.png) center top no-repeat;}
			a.zz7:hover {background: url(../images/zz-kf-hover.png) center top no-repeat;}
			a.zz8 {background: url(../images/zz-wh.png) center top no-repeat;}
			a.zz8:hover {background: url(../images/zz-wh-hover.png) center top no-repeat;}
			a.zz9 {background: url(../images/zz-zx.png) center top no-repeat;}
			a.zz9:hover {background: url(../images/zz-zx-hover.png) center top no-repeat;}
			a.zz10 {background: url(../images/zz-px.png) center top no-repeat;}
			a.zz10:hover {background: url(../images/zz-px-hover.png) center top no-repeat;}
			.zzdef, .zzover {width: 80%; height: 31px; margin: 0px auto; display: block;}
			.zzdef {background-color: #F1F1F1; border-radius: 15px;}
			.zzover {background-color: #F16522; border-radius: 15px; color: #FFF;}
			

.news {height: auto; overflow: hidden; clear: both;}
	.news .itemtitle span {width: 50px; height: 20px; background-color: #EEE; border-radius: 5px; box-shadow: 1px 1px 3px #666; font-size: 14px; font-weight: normal; position: absolute; right: 30px; bottom: 0px; z-index: 99;}
	.news .title {width: 720px; height: auto; margin: 0px auto; padding: 5px 0px; overflow: hidden;}
		.news .title li {width: 120px; height: 35px; margin: 0px 0px 0px 20px; background: #FFF; border-radius: 5px; box-shadow: 1px 1px 3px #666; text-align: center; line-height: 35px; font-size: 16px; float: left; display: inline; cursor: pointer;}
		.news .title li:hover, .news .title li.cur {background: #2194d3; color: #FFF;}
	#list_gsxw, #list_hyzx, #list_yhhd, #list_wlcs, #list_xljt {display: none;}
	.news .list {width: 100%; height: auto; padding: 20px 0px 50px 0px; overflow: hidden;}
		.news .list li {width: 50%; height: auto; float: left;}
			.news .list li .newsbox {width: 490px; height: 150px; margin: 0px auto; padding: 15px 0px; border-bottom: #CCC 1px solid; overflow: hidden;}
				.news .list li .newsbox .image {width: 200px; float: left;}
					.news .list li .newsbox .image img {width: 100%; display: block;}
				.news .list li .newsbox .content {width: 270px; height: 150px; overflow: hidden; float: right;}
					.news .list li .newsbox .content h3 {font-size: 14px; font-weight: bold; color: #F16522;}
						.news .list li .newsbox .content h3 a {color: #3D3D3D; font-size: 16px;}
						.news .list li .newsbox .content h3 a:hover {color: #F16522;}
						.news .list li .newsbox .content span {margin: 8px 0px; display: block;}
					.news .list li .newsbox .content p {font-size: 14px; line-height: 22px;}
				.news .list li .newsbox a.more {width: 490px; height: 150px; margin: 0px; padding: 0px; background-color: #FFF; text-align: center; line-height: 150px; color: #F16522; font-size: 30px; font-weight: bold; display: block;}
				.news .list li .newsbox a.more:hover {color: #FFF;}

.friendlink {width: 100%; height: auto; padding: 0px 0px 30px 0px; overflow: hidden;}
	.friendlink .imagelink {width: 100%; height: auto; overflow: hidden;}
		.friendlink .imagelink li {width: 14%; height: 77px; padding-bottom: 15px; text-align: center; float: left;}
			.friendlink .imagelink li div {width: 121px; height: 75px; margin: 0px auto; padding: 1px; border: #CCC 1px solid;}
				.friendlink .imagelink li div img {width: 121px; height: 75px; display: block;}
	.friendlink .textlink {width: 100%; height: auto; margin-top: 20px; line-height: 24px; overflow: hidden;}
		.friendlink .textlink li {margin-right: 20px; white-space: nowrap; float: left; display: inline;}

.footer {height: auto; overflow: hidden; clear: both;}
	.footer .navlist {width: 11%; height: 205px; padding-top: 50px; line-height: 24px; overflow: hidden; float: left;}
		.footer .navlist dt {margin: 5px 0px; font-size: 16px; font-weight: bold; color: #999;}
			.footer .navlist dt a {color: #999;}
			.footer .navlist dt a:hover {color: #FFF;}
		.footer .navlist dd {font-size: 14px; color: #4D4D4D;}
			.footer .navlist dd a {color: #4D4D4D;}
			.footer .navlist dd a:hover {color: #FFF;}
	.footer .content {width: 34%; height: auto; overflow: hidden; float: left;}
		.footer .content ul {width: 100%; height: auto; margin-top: 60px; overflow: hidden;}
			.footer .content ul li {width: 50%; height: auto; text-align: center; overflow: hidden; float: left;}
				.footer .content ul li p {width: 150px; margin: 0px auto; text-align: center; line-height: 24px; color: #FFF;}
	.footer .copyright {width: 100%; height: auto; padding: 20px 0px; line-height: 20px; font-size: 14px; color: #999; text-align: right; overflow: hidden; clear: both;}
		.footer .copyright a {color: #999;}
		.footer .copyright a:hover {color: #FFF;}

.banner {width: 100%; margin-top: 64px;}
.bannerabout {width: 100%; height: 300px; margin-top: 64px; background: url(../images/banner04.jpg) center top no-repeat;}
.b_contact {background: url(../images/banner_contact.jpg) center top no-repeat;}
.b_case {background: #d2d2d2 url(../images/banner_case.jpg) center top no-repeat;}
.b_news {background: url(../images/act_15nbg.jpg) center top no-repeat;}
/*.b_news {background: #f39b77;}*/
.b_support {background: url(../images/banner_support.jpg) center top no-repeat;}
.b_about {background: url(../images/banner_about.jpg) center top no-repeat;}
.b_service {background: #FEFEFE;}
.b_job {background: url(../images/banner_job.jpg) center top no-repeat;}

.pagetitle {width: 100%; height: auto; margin: 30px auto 0px auto; line-height: 24px; overflow: hidden;}
	.pagetitle h3 {font-size: 22px; float: left;}
	.pagetitle span {float: right;}

.pagelist {padding: 20px 0px; text-align: left;}
	.pagelist label {padding: 5px; float: left;}
	.pagelist strong {color: #F16522;}
	.pagelist a {margin-left: 5px; padding: 5px 10px; color: #FFF; float: left; display: inline;}
	.pagelist span {margin-left: 5px; padding: 5px 10px; background: #363636; color: #999; float: left; display: inline;}
	.pagelist span.cur {background: #F16522; color: #FFF;}

.pagecontent {width: 100%; height: auto; margin: 0px auto; padding-bottom: 30px; overflow: hidden;}
	.pagecontent .left {width: 85%; height: auto; overflow: hidden; float: left;}
	.pagecontent .right {width: 15%; height: auto; overflow: hidden; float: right;}
		.submenu {width: 100%; height: auto; overflow: hidden;}
		.submenufd {width: 150px; height: auto; overflow: hidden; position: fixed; right: 0px; top: 0px; z-index: 99;}
			#submenu dt {width: 100%; height: 30px; text-align: center; font-size: 18px; font-weight: bold;}
			#submenu dd {width: 100%; height: auto; margin-top: 10px; padding: 5px 0px; background-color: #FFF; text-align: center; font-size: 14px;}
				#submenu dd.cur {color: #F16522; font-size: 16px;}
				#submenu dd.cur a, #submenu dd.cur a:hover {font-weight: bold; font-size: 16px; color: #F16522;}
		
		.category {width: 100%; height: auto; padding-bottom: 30px; text-align: right; overflow: hidden; display: none;}
			.category a {min-width: 68px; margin-bottom: 3px; padding: 10px 20px; text-align: center; font-size: 14px; color: #FFF; letter-spacing: 3px;}


.singlepage {width: 96%; height: auto; line-height: 30px; overflow: hidden;}

.newslist {width: 100%; height: auto; overflow: hidden;}
	.newslist li {height: auto; margin-top: 15px; padding-bottom: 15px; border-bottom: #CCC 1px dashed; overflow: hidden;}
		.newslist li .image {width: 17%; float: left;}
			.newslist li .image img {width: 100%;}
		.newslist li .content {width: 80%; float: right;}
			.newslist li .content h3 {font-size: 14px; font-weight: bold; color: #F16522;}
				.newslist li .content h3 a {color: #3D3D3D; font-size: 16px;}
				.newslist li .content h3 a:hover {color: #F16522;}
				.newslist li .content span {margin: 8px 0px; display: block;}
			.newslist li .content p {font-size: 14px; line-height: 22px;}
.newsdetail h3 {font-size: 18px; font-weight: bold; color: #3D3D3D; text-align: center;}
	.newsdetail h3 span {margin: 10px 0px; padding-bottom: 10px; border-bottom: #CCC 1px dashed; font-size: 14px; color: #F16522; display: block;}
.newsdetail .content {padding: 20px 0px; line-height: 30px;}

.caselist {width: 100%; height: auto; overflow: hidden;}
	.caselist li {width: 33%; height: 260px; margin: 0px 0px 20px 0px; overflow: hidden; float: left;}
		.caselist li .image {width: 254px; height: 190px; margin: 0px auto; padding: 2px; border: #CCC 1px solid;}
			.caselist li .image img {width: 254px; height: 190px; display: block;}
		.caselist li h3 {width: 260px; height: 24px; margin: 0px auto; line-height: 24px; font-size: 14px; font-weight: bold; overflow: hidden;}
		.caselist li p {width: 260px; height: 40px; margin: 0px auto; line-height: 20px; color: #999; overflow: hidden;}
.casedetail {width: 100%; height: auto; line-height: 24px; overflow: hidden;}
	.casedetail .title {width: 100%; height: auto; padding: 20px 0px; overflow: hidden;}
		.casedetail .title h3 {font-size: 22px; font-weight: bold; float: left;}
		.casedetail .title p {float: right;}
	
	.caselink {border-left: #F16522 10px solid;}
	.casedetail .intro {width: 100%; height: auto; text-align: center; line-height: 24px; overflow: hidden;}

.weixin {width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
	.weixin li {width: 50%; float: left;}
	.weixin li.wl {clear: left;}
		.weixin li p {width: 90%;}

.feedback {width:90%; height: auto; margin: 20px 0px 0px 0px; padding-top: 20px; border-top: #CCC 1px solid; overflow: hidden;}
	.feedback span {color: #F00;}
	.feedbackcontent {width: 100%; height: auto; line-height: 24px; overflow: hidden;}
		.feedbackcontent dt {width: 60px; height: auto; padding: 5px; text-align: right; overflow: hidden; float: left; clear: left;}
		.feedbackcontent dd {width: 80%; height: auto; padding: 5px; overflow: hidden; float: left; clear: right;}
	.feedbacktitle {width: 80%; height: auto; padding: 5px 0px 5px 75px; line-height: 24px; overflow: hidden;}
		.feedbacktitle span {font-weight: bold; color: #F16522;}
	.feedbackcontact {width: 70%; height: auto; margin: 0px 0px 0px 55px; border: #e5d8ca 1px solid; line-height: 24px; overflow: hidden;}
		.feedbackcontact dt {width: 50px; height: auto; padding: 3px; text-align: right; overflow: hidden; float: left; clear: left;}
		.feedbackcontact dd {width: 80%; height: auto; padding: 3px; overflow: hidden; float: left; clear: right;}
	.feedback input, .feedback textarea, .feedback select {font-family: "΢ÈíÑźÚ"; font-size: 12px; color: #666;}
	.feedback #FeedbackTitle, .feedback #FeedbackContent {width: 80%;}
	.feedback #FeedbackName, .feedback #FeedbackTel, .feedback #FeedbackFax, .feedback #FeedbackEmail {width: 50%;}
	.feedback #FeedbackAddress {width: 80%;}

.baidumap {width: 90%; margin-top: 30px; padding-top: 30px; border-top: #CCC 1px solid;}
#map {width:100%; height:550px; border:#ccc solid 1px; font-size:12px;}
.baidumobilemap {width: 90%; height: 480px; margin: 0px; padding: 0px; display: none;}

.joblist {width: 800px; height: auto; margin: 20px 0px 0px 0px; border: #CCC 1px solid; border-right: none; line-height: 24px; overflow: hidden;}
	.joblist dt {width: 80px; height: 24px; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; text-align: center; overflow: hidden; float: left;}
	.joblist dd {width: 308px; height: 24px; padding: 0px 5px; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; overflow: hidden; float: left;}
	.joblist dt.jobdirectionstit {border: none;}
	.joblist dd.jobdirectionstxt {width: 708px; height: auto; border-left: #CCC 1px solid; border-bottom: none; overflow: hidden;}

.servicestitle {width: 100%; height: auto; overflow: hidden;}
	.servicestitle h1 {color: #F16522;}
	.servicestitle p {margin: 0px; padding: 20px 0px 0px 0px; line-height: 30px; font-size: 14px;}
.serviceslist {width: 100%; height: auto; margin-top: 30px; padding: 25px 0px; background-color: #F1F1F1; overflow: hidden;}
	.serviceslist dt {width: 330px; height: 60px; margin-left: 15px; background: url(../images/serviceslist.jpg) no-repeat;}
		.serviceslist dt .num {width: 66px; height: 60px; text-align: center; line-height: 60px; font-size: 48px; font-weight: bold; color: #FFF; float: left;}
			.serviceslist dt .num a, .serviceslist dt .num a:hover {color: #FFF; display: block;}
		.serviceslist dt .title {width: 264px; height: 35px; line-height: 35px; font-size: 24px; font-weight: bold; color: #FFF; float: left; display: inline;}
			.serviceslist dt .title a, .serviceslist dt .title a:hover {padding-left: 25px; color: #FFF; display: block;}
		.serviceslist dt .note {width: 264px; height: 25px; text-align: right; line-height: 25px; font-size: 14px; color: #DDD; float: left; display: inline;}
			.serviceslist dt .note a, .serviceslist dt .note a:hover {padding-right: 20px; color: #DDD; display: block;}
	.serviceslist dd {padding: 15px;}
		.serviceslist dd p {font-size: 14px;}
		.serviceslist dd a.more {padding: 0px 20px;}

/**/
.hcolor {color: #F16522;}
.pbline {padding-bottom: 20px; border-bottom: #F16522 1px dashed;}
.divstyle {width: 100%; height: auto; padding: 20px 0px; border-bottom: #F16522 1px dashed; overflow: hidden;}
.imgleft {padding-right: 20px; float: left;}

.apph1 {font-size: 48px; padding: 15px 10px 0px 0px; float: left;}
.apppleft {float: left;}
.apppclear {clear: both;}
/**/

.sitemap {width: 100%; height: auto; overflow: hidden;}
	.sitemap li {width: 100%; height: auto; margin-top: 10px; font-size: 14px; line-height: 24px; overflow: hidden;}
		.sitemap li h3 {padding-left: 25px; background: #2194d3 url(../images/serviceslist.jpg) -61px center no-repeat; line-height: 30px; font-size: 14px; color: #FFF;}
			.sitemap li h3 a, .sitemap li h3 a:hover {color: #FFF;}
		.sitemap li p {margin: 0px; padding: 0px 0px 0px 25px;}
		.sitemap li ul.subcate {width: 100%; height: auto; overflow: hidden;}
			.sitemap li ul.subcate li {width: 100%; height: auto; margin: 0px 0px 10px 0px; overflow: hidden;}
				.sitemap li ul.subcate li h4 {padding-left: 25px;}
				.sitemap li ul.subcate li p {padding-left: 55px;}

#tfeed {width: 400px; height: auto; border: #CCC 1px solid; background-color: #F1F1F1; overflow: hidden; position: fixed; z-index: 9999; display: none;}
	.tfeedtitle {width: 400px; height: 30px; line-height: 30px; font-weight: bold; color: #F16522;}
		.tfeedtitle p {width: 100px; height: 30px; margin: 0px; padding: 0px 0px 0px 75px; float: left;}
		.tfeedtitle label {width: 30px; height: 30px; margin: 0px; padding: 0px; text-align: center; font-size: 24px; float: right; cursor: pointer;}
	.tfeedcontent {width: 100%; height: auto; line-height: 24px; overflow: hidden;}
		.tfeedcontent dt {width: 60px; height: auto; padding: 5px; text-align: right; overflow: hidden; float: left; clear: left;}
		.tfeedcontent dd {width: 320px; height: auto; padding: 5px; overflow: hidden; float: left; clear: right;}
			.tfeedcontent dd #FeedbackName, .tfeedcontent dd #FeedbackTel, .tfeedcontent dd #FeedbackContent {width: 90%;}
			.tfeedcontent dd span {color: #F00;}

#xcx {width: 350px; height: 226px; overflow: hidden; position: fixed; left: 0px; bottom: 0px; z-index: 99;}
	#xcx .xcxclose {width: 18px; height: 18px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 99; cursor: pointer;}
#xcx2 {width: 90px; height: 90px; overflow: hidden; position: fixed; left: 0px; bottom: 0px; z-index: 99; display: none; cursor: pointer;}

@media (max-width: 1024px) {
	.header .menu {margin: 0px; float: right;}
	.header .hotline {display: none;}
	.bottomhotline {display: block;}
	.footer {padding-bottom: 60px;}
	.case .list li {width: 50%;}
	
	.relatedcase .title {width: 100%;}
		.relatedcase .title li {width: 55px; height: 30px; line-height: 30px; font-size: 12px;}
		.relatedcase .list li {width: 50%; margin-top: 10px;}
			.relatedcase .list li img {width: 140px; height: 104px;}
			.relatedcase .list li p {width: 95%;}
	
	.news .list li {width: 100%;}
		.news .list li .newsbox {width: 100%;}
			.news .list li .newsbox .image {width: 25%;}
			.news .list li .newsbox .content {width: 70%;}
			.news .list li .newsbox a.more {width: 100%;}
	.footer .navlist {width: 16%;}
	.footer .content {width: 100%;}
		.footer .content ul {margin-top: 20px;}
	.friendlink .imagelink li {width: 20%;}
	.caselist li {width: 50%;}
	.joblist {width: 600px;}
	.joblist dd {width: 208px;}
	.joblist dd.jobdirectionstxt {width: 508px;}
	.weixin li {width: 100%;}
		.weixin li p {width: 100%;}
}

@media (max-width: 800px) {
	.header {height: 40px;}
		.header .logo a img {height: 40px;}
		.header .menu {margin: 0px; float: right;}
			.header .menu .menubtn {width: 100%; margin: 4px 0px 0px 0px; cursor: pointer; display: block; position: relative;}
			.header .menu ul {width: 100%; margin: 0px; padding: 0px; background: #3D3D3D; display: none; position: absolute; top: 100%; left: 0%; z-index: 9999;}
				.header .menu ul li {width: 100%; height: 40px; margin: 0px; line-height: 40px; text-align: center; display: inline-block;}
					.menudef, .menuover {width: 100%;}
					.header .menu ul li a {display: block;}
		.header .hotline {display: none;}
		.bottomhotline {display: block;}
	.ibanner, .banner, .bannerabout {margin-top: 40px;}
	.news .title {width: 620px;}
		.news .title li {width: 100px;}
	.services ul li {width: 33%;}
	.zz ul li {width: 33%;}
	.friendlink .imagelink li {width: 25%;}
	.pagecontent .left {width: 100%;}
	.pagecontent .right {width: 100%;}
		#submenu {display: none;}
		.category {display: block;}
	.joblist { margin: 20px auto 0px auto;}
	
	.baidumap {display: none;}
	.baidumobilemap {display: block;}
	
	.newsdetail .content img {width: 100%; height: auto; display: block;}
	
	#xcx {display: none;}
}

@media (max-width: 690px) {
	.case .list {padding: 10px 0px 0px 0px;}
		.case .list li {width: 100%;}
	.friendlink .imagelink li {width: 33%;}
	.joblist {width: 500px;}
	.joblist dd {width: 158px;}
	.joblist dd.jobdirectionstxt {width: 408px;}
}

@media (max-width: 640px) {
	.itemtitle {padding-top: 10px; font-size: 14px;}
	.case .itemtitle span, .zz .itemtitle span, .news .itemtitle span {display: none;}
	.case .title {width: 310px;}
		.case .title li {width: 65px; height: 30px; margin: 0px 0px 0px 10px; line-height: 30px; font-size: 12px;}
	.news .title {width: 320px;}
		.news .title li {width: 52px; height: 30px; margin: 0px 0px 0px 10px; line-height: 30px; font-size: 12px;}
	.services ul {padding: 0px 0px 20px 0px;}
		.services ul li {width: 33%; margin-top: 10px;}
			.services ul li a {background-size: 60%;}
			.services ul li a:hover {background-size: 60%;}
	.zz ul {padding: 0px 0px 20px 0px;}
		.zz ul li {width: 33%;}
			.zz ul li a {background-size: 60%;}
			.zz ul li a:hover {background-size: 60%;}
	.footer .navlist {width: 33%;}
	.footer .content ul li {width: 50%; height: auto; overflow: hidden; float: left;}
	.caselist li {width: 100%;}
	.joblist {width: 400px;}
	.joblist dd {width: 108px;}
	.joblist dd.jobdirectionstxt {width: 308px;}
	.casedetail .imagelist img {width: 100%; height: auto;}
}

@media (max-width: 520px) {
	.friendlink {display: none;}
}

@media (max-width: 480px) {
	.services ul li {height: 110px;}
		.services ul li a {padding-top: 86px; line-height: 24px; font-size: 12px;}
	.zz ul li {height: 110px;}
		.zz ul li a {padding: 79px 0px 0px 0px; font-size: 12px;}
	.joblist {width: 300px;}
	.joblist dd {width: 208px;}
	.joblist dd.jobdirectionstxt {width: 208px;}
	.singlepage img {width: 100%;}
	.serviceslist dt {width: 286px;}
		.serviceslist dt .title {width: 220px; font-size: 20px;}
		.serviceslist dt .note {width: 220px;}
	.baidumap {width: 95%;}
	#map {height: 320px;}
	.feedback {width: 100%;}
	.feedbacktitle {padding-left: 0px;}
	.feedbackcontent dt {width: 60px; text-align: left;}
	.feedbackcontent dd {width: 90%;}
	.feedback #FeedbackName, .feedback #FeedbackTel, .feedback #FeedbackContent {width: 90%;}
	.feedbackcontact {width: 98%; margin: 0px;}
		.feedbackcontact dt {width: 40px; padding: 0px;}
		
	#tfeed {width: 300px;}
	.tfeedtitle {width: 300px;}
	.tfeedcontent {line-height: 20px;}
		.tfeedcontent dd {width: 220px;}
}

@media (max-width: 360px) {
	.footer .content ul li {width: 50%; padding-bottom: 20px;}
		.footer .content ul li img {width: 90%;}
		.footer .content ul li p {width: 100%;}
}

@media (max-width: 320px) {
	.services ul li {width: 50%;}
	.zz ul li {width: 50%;}
	.footer .navlist {width: 50%;}
	.friendlink .imagelink li {width: 100%;}
}