@charset "utf-8";
html {
	color: #000;
	background: white;
}

/* body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2, */
h3,
/* h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th, */
td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
} */

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%
}

legend {
	color: #000
}

#yui3-css-stamp.cssreset {
	display: none
}

strong {
	font-weight: bold
}

.bdsharebuttonbox {
	margin-bottom: 10px;
	height: 28px
}


/*common*/

body {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	min-width: 1200px;
	padding-top: 70px
}

.clearfix {
	clear: both;
	width: 100%;
	height: 0
}

.mr0 {
	margin-right: 0 !important
}

.t3 {
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s
}

.hidden {
	display: none
}

a {
	color: #000;
	text-decoration: none
}

a:hover {}

.btns:hover {
	background: #ff9c45;
	color: #fff;
}

.btns {
	background: #FF5C38;
	color: #fff;
	font-size: 16px;
	width: 180px;
	height: 50px;
	text-align: center;
	margin-right: 10px;
	padding: 0 20px;
	line-height: 50px;
	display: inline-block;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px
}

.btns1 {
	background: #FF5C38;
	color: #fff;
	font-size: 16px;
	width: 180px;
	height: 50px;
	text-align: center;
	margin-right: 10px;
	padding: 0 20px;
	line-height: 50px;
	display: inline-block;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px
}

.btns2 {
	background: #2855b1;
	color: #fff;
	font-size: 16px;
	width: 180px;
	height: 50px;
	text-align: center;
	margin-right: 10px;
	padding: 0 20px;
	line-height: 50px;
	display: inline-block;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px
}

.btns1:hover {
	background: #ff9c45;
	color: #fff;
}

.btns2:hover {
	background: #4a72c4;
	color: #fff;
}

.iTitle {
	text-align: center
}

.iTitle h3 {
	font-size: 24px;
	text-transform: Uppercase;
	line-height: 30px
}

.iTitle h4 {
	text-transform: Uppercase;
	margin: 10px 0 20px 0
}

.iTitle p {
	line-height: 40px;
	font-size: 16px
}

.frame {
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	margin-bottom: 10px
}

.frame .cTitle {
	background: #eee;
	line-height: 30px;
	font-size: 16px;
	color: #393939;
	border-left: 4px solid #2689FF;
	margin: -10px -30px 0-34px;
	margin-bottom: 15px;
	padding: 5px 0 5px 18px;
	text-align: left
}

.frame .en {
	color: #ADACAC
}

.viewMore {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 20px auto;
	width: 90px;
	text-align: center;
	display: block;
	border: 1px solid #2689FF;
	padding: 10px 24px;
	color: #2689FF;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px
}

.viewMore:hover {
	background: #2689FF;
	color: #fff
}

.crumb {
	background: #eee;
	margin: 10px 0;
	line-height: 40px;
	padding-left: 20px;
	border-left: 2px solid #2689FF;
	border-bottom: 2px solid #ccc
}

.mainW {
	width: 1200px;
	margin: 0 auto
}

.mainL {
	width: 330px;
	float: left;
	margin-right: 20px;

}

.mainR {
	width: 850px;
	float: left
}

.header {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 70px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.header .logo {
	width: 193px;
	height: 65px;
	float: left;
	margin-top: 2px;
}

.header .nav {
	height: 70px;
	line-height: 60px;
	position: relative;
	z-index: 999;
	float: right
}

.header .nav a {
	color: #555
}

.header .nav .nLi {
	float: left;
	position: relative;
	display: inline;
	text-align: center
}

.header .nav .nLi h3 {
	float: left
}

.header .nav .nLi h3 a {
	display: block;
	width: 105px;
	height: 66px;
	margin: 0 0 0 40px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	border-top: 4px solid #fff;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .nav .sub {
	display: none;
	width: 105px;
	left: 40px;
	top: 65px;
	position: absolute;
	line-height: 26px;
	padding: 5px 0;
	z-index: 999
}

.header .nav .sub .box {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	background: #fff;
	border: 1px solid #ccc;
	border-top-color: #0c6dff
}

.header .nav .sub li {
	zoom: 1
}

.header .nav .sub a {
	color: #000000;
	display: block;
	width: 105px;
	text-align: center;
	border: 0;
	line-height: 36px
}

.header .nav .sub a:hover {
	color: white;
	background-color: #2855b1;
}

.header .nav .on h3 a {
	border-color: #0c6dff;
	color: #0c6dff
}

.fullSlide {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}
.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden
}

.fullSlide .bd ul {
	width: 100% !important
}

.fullSlide .bd li {
	width: 100% !important;
	height: 650px;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: center !important
}

.fullSlide .bd li a {
	display: block;
	height: 650px
}

.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px
}

.fullSlide .hd ul {
	text-align: center
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 30px;
	height: 11px;
	margin: 1px 3px;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	line-height: 999px;
	border-radius: 5px
}

.fullSlide .hd ul .on {
	background: #f00;
	width: 50px
}

.fullSlide .prev,
.fullSlide .next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -30px;
	left: 15%;
	z-index: 1;
	width: 56px;
	height: 56px;
	background: url(../../images/main_img/slider-arrow.png);
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none
}

.fullSlide .next {
	left: auto;
	right: 15%;
	background-position: -56px 0
}

.iShow {
	background: #e9eff5;
	padding: 50px 0
}

.iShow .pic {
	width: 650px;
	float: left
}

.iShow .pic img {
	width: 650px;
	height: 360px
}

.iShow .font {
	width: 500px;
	float: left;
	margin: 0 auto;
	padding: 50px 0 0 50px;
	text-align: center
}

.iShow .font h3 {
	font-size: 28px
}

.iShow .font h4 {
	font-size: 15px;
	margin: 30px 0 40px 0;
	line-height: 30px
}

.flowPath {
	padding: 80px 0;
	background-image: url(../img/index/背景@2x.png);
}

.flowPath .iTitle {
	margin-bottom: 30px;
	color: white;
}

.flowPath li {
	width: 198px;
	height: 200px;
	float: left;
	position: relative;
	padding-top: 25px;
	text-align: center;
	margin-right: 50px;
	border: 0px background:#fff;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}


/*.flowPath li img:hover{margin-top:-5px;border-color:#0c7fe9;-webkit-box-shadow:0px 10px 16px rgba(237,237, 237, 1);-moz-box-shadow:0px 10px 16px rgba(237,237, 237, 1);box-shadow:0px 7px 13px rgba(0,0,0, 0.1)}*/

.flowPath li img {
	width: 150px;
	height: 150px;
	margin-top: 18px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 80px;
	opacity: 1;
}

.flowPath li img:hover {
	background-color: #2855b1;
	opacity: 1;
	transform: scale(1.2);
}

;
.flowPath li h3 {
	font-size: 16px;
	margin: 40px 0 10px 0;
	color: cadetblue;
}

.flowPath li p {
	line-height: 24px;
	font-size: 17px;
	color: white;
}

.flowPath .btns {
	display: block;
	margin: 60px auto 0 auto
}

.advantage {
	padding: 60px 0 0 0;
	background: #fff;
	height: 250px;
}

.advantage .iTitle {
	margin-bottom: 50px
}

.advantage .iTitle h4 {
	color: #797979;
}

.advantage .iTitle p {
	color: #797979;
}

.advantage ul {
	width: 1000px;
	float: left;
}

.advantage .midtxt {
	margin: 0px 145px
}

.advantage ul li {
	text-align: center;
	margin-bottom: 30px;
	height: 120px;
	margin-left: 80px;
}

.advantage ul li div {
	float: left;
	border: 0px solid #ccc;
	height: 120px;
}

.advantage ul li #title {
	width: 200px;
	background-color: #9dbaf4;
	align-content: center;
}

.advantage ul li #content {
	background-color: #dee8fa;
}

.advantage ul li h1 {
	font-size: 50px;
	font-family: "agency fb";
	,
	Times,
	Sans-serif;
	color: white;
	float: left;
	margin-top: 38px;
	margin-left: 20px;
}

.advantage ul li h4 {
	font-weight: bold;
	font-size: 28px;
	color: white;
	margin-top: 50px;
}



.advantage ul li h5 p {
	font: 14px/28px Microsoft YaHei;
	width: 600px;
	text-align: left;
	margin-left: 2px;
}

.advantage .pic {
	float: left;
	width: 1200px;
}

.ComprehensiveSolution {
	margin-top: 1100px;
}

.ComprehensiveSolution .iTitle {
	height: 150px;
	text-align: center;
}

.ComprehensiveSolution .iTitle a {
	border: 1px solid #dadada;
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 45px;
	color: #797979;
	margin-left: 8px;
	margin-right: 8px;
	cursor: pointer;
}

.ComprehensiveSolution .iTitle #on {
	color: white;
	background: #2855b1;
}


.ComprehensiveSolution .csContent {
	display: none;
	height: 400px;
	/*width: 1100px;
	position: absolute;
	left: 30%;
*/	float: left;
	width: 1200px;
}
.fenge{
	width: 1200px;
	height: 400px;
	margin: 0px auto;
}


.ComprehensiveSolution #mson {
	display: block;
}

.ComprehensiveSolution .csContent ul {
	width: 800px;
	height: 300px;
	margin: 0 auto;
}

.ComprehensiveSolution .csContent ul li {
	height: 79px;
	background-color: #e1e1e1;
}

.ComprehensiveSolution .csContent ul li img {
	width: 79px;
	height: 79px;
	float: left;
}

.csTitle {
	height: 25px;
	font-size: 16px;
	color: #000000;
	text-align: left;
}
.csTitle .title{
	text-align: left;
}
.csTitle .time {
	text-align: right;
	float: right;
}

.csCon {
	text-align: left;
	opacity: 0.5;
	overflow: hidden;
	height: 50px!important;
	width: 635px;
	margin-top: 5px;
	margin-left: 79px;
	position: absolute;

}

.csCon p {
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	width: 100%;
	height: 40px;
}

.ComprehensiveSolution .csContent img {
	width: 300px;
	height: 300px;
}

.time {
	opacity: 0.5;
}

.mycsContent {
	height: 400px;
}

.csBottom {
	height: 250px;
	background-color: #3b3d43;
	text-align: center;
}

.csBottom p a {
	margin-left: 10px;
	margin-right: 20px;
}

#daxue {
	font-size: 15px;
	color: white;
	top: 15px;
	position: relative;
}

#daxue a {
	font-size: 15px;
	color: white;
}

.csBottom #csBottomTable {
	margin-top: 40px;
}

.csBottom table {
	margin: 0 auto;
	width: 1000px;
	color: white;
}

.ComprehensiveSolution .csBottom table td {
	text-align: left;
}

.ComprehensiveSolution .csBottom table td p {
	display: block;
	color: white;
	margin-top: 10px;
}

.iknowledge {
	padding: 30px 0
}

.iknowledge .title {
	color: #33beff;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	line-height: 50px
}

.iknowledge .title h2 {
	border-bottom: 1px solid #33beff;
	margin-bottom: -1px;
	float: left
}

.iknowledge .title span {
	color: #ccc;
	padding-left: 20px
}

.iknowledge .title .more {
	float: right;
	color: #bdbdbd;
	font-size: 14px
}

.iknowledge .item {
	width: 380px;
	margin-right: 30px;
	float: left
}

.iknowledge .list {
	padding: 5px 10px 5px 0px
}

.iknowledge .list li {
	background: url(../../images/main_img/dot.png) no-repeat left center;
	padding-left: 15px;
	line-height: 34px;
	overflow: hidden;
	height: 34px
}

.links .title {
	color: #33beff;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	line-height: 50px
}

.links .title h2 {
	border-bottom: 1px solid #33beff;
	margin-bottom: -1px;
	float: left
}

.links .title span {
	color: #ccc;
	padding-left: 20px
}

.links {
	line-height: 34px
}

.links .list {
	padding: 5px 0;
	margin-top: 1px
}

.links a {
	margin-right: 10px
}

.footer {
	background: #40556f;
	color: #bdbdbd;
	padding: 30px 0
}

.footer a {
	color: #bdbdbd;
	display: block
}

.footer a:hover {
	color: #fff
}

.footer ul li {
	width: 366px;
	float: left;
	line-height: 30px
}

.footer ul li.contact a {
	display: inline-block
}

.footer ul li .title {
	font-size: 18px;
	margin-bottom: 10px
}

.footer ul li.followme {
	width: 102px
}

.followList {
	position: relative;
	z-index: 1
}

.followList .nLi {
	position: relative;
	display: inline
}

.followList .nLi h3 a {
	line-height: 34px;
	margin-bottom: 10px;
	padding-left: 40px;
	background: url("../../images/main_img/ico_weibo.png") no-repeat
}

.followList .nLi h3 a.joinus {
	line-height: 34px;
	margin-bottom: 10px;
	padding-left: 40px;
	background: url("../../images/main_img/ico_joinus.png") no-repeat
}

.followList .sub {
	display: none;
	width: 100px;
	left: -110px;
	top: -73px;
	position: absolute;
	background: #fff
}

.followList .sub img {
	width: 100px;
	height: 100px
}

.followList .on h3 a {
	color: #fff
}

.copyright {
	text-align: center;
	background: #36485e;
	color: #fff;
	padding: 15px 0;
	color: #bdbdbd
}

.copyright a {
	color: #bdbdbd
}

.seacher {
	background: #0582D4;
	padding: 15px;
	height: 32px;
	font-size: 14px;
	color: #949494;
	margin-bottom: 10px
}

.seacher .box {
	float: left
}

.seacher .box input {
	width: 200px;
	height: 30px;
	border: 1px solid #fff;
	padding: 0 10px
}

.seacher .btn {
	border: 0;
	height: 32px;
	width: 78px;
	cursor: pointer;
	background: #eee
}

.leftList li {
	line-height: 30px;
	height: 30px;
	overflow: hidden
}

.leftList li span {
	float: right;
	color: #ADACAC
}

.leftList li a {
	width: 220px;
	height: 30px;
	overflow: hidden;
	display: inline-block
}

.leftList li a:hover {
	color: #2689FF
}

.serviceLeft {
	float: left;
	width: 340px
}

.leftCategory a {
	display: block;
	float: left;
	width: 131px;
	background: #eee;
	line-height: 40px;
	text-align: center;
	margin: 0 3px 3px 0;
	font-size: 16px
}

.leftCategory a:hover,
.leftCategory a.active {
	background: #2689FF;
	color: #fff
}

.marquee-top {
	width: 270px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}

.marquee-top .bd {
	padding: 10px;
}

.marquee-top .bd ul {
	overflow: hidden;
	zoom: 1;
	height: 300px
}

.marquee-top .bd ul li {
	zoom: 1;
	line-height: 30px;
	font-size: 12px;
	height: 30px
}

.tags {
	height: 290px;
	overfloW: hidden
}

.tags a {
	margin: 0 1px 1px 0;
	display: block;
	float: left;
	border-radius: 0;
	font-weight: 100;
	font-size: 14px;
	padding: 6px 15px 8px 15px;
	background: #eee;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s
}

.tags a:hover {
	background: #2689FF;
	color: #fff
}

.newslist .item {
	height: 150px;
	border-bottom: 2px dashed #f1eee0;
	padding: 20px 0
}

.newslist .item .pic {
	float: left;
	width: 215px;
	height: 150px;
	margin-right: 20px
}

.newslist .item img {
	width: 215px;
	height: 150px
}

.newslist .item .nopic {
	width: 215px;
	height: 150px;
	display: block;
	background: #eee;
	text-align: center;
	color: #8c8c8c
}

.newslist .item .nopic h3 {
	padding-top: 30px;
	font-size: 20px;
	line-height: 20px
}

.newslist .item .nopic p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 14px
}

.newslist .item .title,
.newslist .item .summary,
.newslist .item .info {
	float: left;
	width: 555px
}

.newslist .item .title {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 20px
}


/*.newslist .item .title a:hover{color:#2689FF;text-decoration:underline}*/

.newslist .item .info {
	margin-bottom: 12px;
	color: #a2a2a2
}

.newslist .item .info .jb {
	padding: 4px 8px 5px 0;
	float: left
}

.newslist .item .info .keywords {
	float: right
}

.newslist .item .info .keywords a {
	display: inline-block;
	margin-left: 0px;
	background: #eee;
	padding: 4px 8px 5px 8px;
	line-height: 14px
}

.newslist .item .info .keywords a:hover {
	background: #2689FF;
	color: #fff
}

.newslist .item .info a {
	color: #a2a2a2
}

.newslist .item .info a:hover {
	color: #2689FF
}

.newslist .item .summary {
	line-height: 25px;
	color: #656565
}

.pages {
	height: 28px;
	margin-top: 20px
}

.pages a,
.pages span {
	display: block;
	float: left;
	height: 100%;
	width: 28px;
	background: #E7E7E7;
	margin-right: 10px;
	text-align: center;
	line-height: 28px;
	color: #000;
	border-radius: 2px
}

.pages a:hover {
	color: #FFF;
	background: #bc0000
}

.pages .a1 {
	width: 58px
}

.pages span {
	color: #FFF;
	background: #bc0000
}

.showContent {
	line-height: 24px
}

.showContent img {
	max-width: 100%
}

.showContent p {
	margin-bottom: 15px;
	text-indent: 2em
}

.showContent img {
	display: block;
	margin: 0 auto
}

.showContent .CasePic {
	width: 783px;
	height: 651px;
	background: url("../../images/main_img/CaseShowBg.png");
	margin: 0 auto;
	padding: 37px 0 0 37px
}

.showContent .CasePic img {
	width: 746px;
	height: 406px;
	margin: 0
}

.showContent .bq {
	background: #eee;
	margin-bottom: 20px;
	padding: 5px 0
}

.showContent .bq p {
	padding: 5px 0;
	margin-bottom: 0
}

.showContent .cprevious,
.showContent .cnext,
.showContent .keywords {
	display: block;
	line-height: 30px
}

.showContent .keywords a {
	margin-right: 10px
}

.showContent .showCheck {
	border-top: 1px dashed #2689FF;
	margin-top: 20px;
	padding-top: 20px
}

.showContent .showCheck p {
	padding-left: 14px
}

.showContent .showCheck .one {
	text-indent: 0
}

.showTitle {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.showTitle h1 {
	font-size: 26px;
	padding: 0 0 10px 0
}

.showTitle span {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #999
}

.showTitle a {
	font-family: MicroSoft YaHei;
	font-weight: normal
}

.related {
	margin-top: 20px
}

.related li {
	width: 375px;
	margin-right: 5px;
	float: left;
	line-height: 30px;
	height: 30px;
	background: url(../../images/main_img/dot.png) no-repeat left;
	padding-left: 15px;
	overflow: hidden;
	color: #888
}

.checklist .titleList {
	margin: 0 auto 30px auto;
	width: 640px;
	height: 248px
}

.checklist .box {
	width: 650px;
	margin: 0 auto
}

.checklist .item {
	width: 275px;
	margin: 0 100px 30px 0;
	float: left;
	text-align: center;
	line-height: 24px
}

.checklist .item .pic img {
	width: 275px;
	height: 180px
}

.checklist .item .summary {
	margin-top: 5px
}

.checklist .item .info {
	margin-top: 5px
}

.checklist .item .info .price {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px
}

.checklist .item .info a {
	display: inline-block;
	background: #fa6900;
	color: #fff;
	padding: 0 10px;
	font-size: 14px
}

.authenticitylist .box {
	width: 700px;
	margin: 0 auto
}

.authenticitylist .item {
	width: 300px;
	margin: 0 100px 30px 0;
	float: left;
	text-align: center;
	line-height: 24px
}

.authenticitylist .item .pic img {
	width: 300px;
	height: 80px
}

.reportslist .titleList,
.authenticitylist .titleList {
	margin: 0 auto 30px auto;
	width: 667px;
	height: 60px
}

.reportslist .box {
	width: 780px;
	margin: 0 auto
}

.reportslist .item {
	width: 340px;
	margin: 0 100px 30px 0;
	float: left;
	text-align: center;
	line-height: 24px
}

.reportslist .item .pic img {
	width: 340px;
	height: 80px
}

.taglist .list a {
	margin: 0 10px 10px 0;
	display: block;
	float: left;
	border-radius: 0;
	font-weight: 100;
	font-size: 14px;
	padding: 6px 15px 8px 15px;
	background: #eee;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.taglist .list a:hover {
	background: #2689FF;
	color: #fff;
}

.titleList {
	display: block;
	margin: 0 auto
}

.showCheck img {
	width: 750px;
	height: 250px
}

.singlepage .box {
	width: 1000px;
	margin: 0 auto
}

.singlepage .category {
	width: 270px;
	float: left
}

.singlepage .category {
	margin-right: 70px
}

.singlepage .category a {
	height: 40px;
	display: block;
	padding: 10px 21.66px;
	background: #eee;
	margin-bottom: 10px;
	font: 16px/40px "Microsoft YaHei";
	border-bottom: 2px solid #eee
}

.singlepage .category a:hover {
	border-bottom: 2px solid#0c6dff
}

.singlepage .category .active {
	border-bottom: 2px solid#0c6dff
}

.singlepage .category span {
	display: block;
	float: left
}

.singlepage .category a .ico {
	width: 40px;
	height: 40px;
	background: url(../../images/main_img/ico_category.png);
	margin-right: 10px
}

.singlepage .category a:hover .ico,
.singlepage .category a.active .ico {
	background: url(../../images/main_img/ico_category_hover.png)
}

.singlepage .category.about a .ico {
	width: 40px;
	height: 40px;
	background: url(../../images/main_img/ico_category_about.png);
	margin-right: 10px
}

.singlepage .category.about a:hover .ico,
.singlepage .category.about a.active .ico {
	background: url(../../images/main_img/ico_category_about_hover.png)
}

.singlepage .category a .ico_price {
	background-position: -40px 0 !important
}

.singlepage .category a .ico2 {
	background-position: -40px 0 !important
}

.singlepage .category a .ico3 {
	background-position: -80px 0 !important
}

.singlepage .category a .ico4 {
	background-position: -120px 0 !important
}

.singlepage .category a .ico5 {
	background-position: -160px 0 !important
}

.singlepage .category a .ico6 {
	background-position: -200px 0 !important
}

.singlepage .title {
	font-size: 24px;
	text-align: center;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 40px
}

.singlepage .showContent {
	float: left;
	width: 660px
}

.caselist {
	float: left;
	width: 660px
}

.caselist .item {
	height: 150px;
	border-bottom: 2px dashed #f1eee0;
	padding: 0 0 20px 0
}

.caselist .item .pic {
	float: left;
	width: 215px;
	height: 150px;
	margin-right: 20px
}

.caselist .item img {
	width: 215px;
	height: 150px
}

.caselist .item .nopic {
	width: 215px;
	height: 150px;
	display: block;
	background: #eee;
	text-align: center;
	color: #8c8c8c
}

.caselist .item .nopic h3 {
	padding-top: 30px;
	font-size: 20px;
	line-height: 20px
}

.caselist .item .nopic p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 14px
}

.caselist .item .titles,
.caselist .item .summary,
.caselist .item .info {
	float: left;
	width: 425px
}

.caselist .item .titles {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 20px
}

.caselist .item .titles a:hover {
	color: #2689FF;
	text-decoration: underline
}

.caselist .item .info {
	margin-bottom: 12px;
	color: #a2a2a2
}

.caselist .item .info .jb {
	padding: 4px 8px 5px 0;
	float: left
}

.caselist .item .info .keywords {
	float: right
}

.caselist .item .info .keywords a {
	display: inline-block;
	margin-left: 0px;
	background: #eee;
	padding: 4px 8px 5px 8px;
	line-height: 14px
}

.caselist .item .info .keywords a:hover {
	background: #2689FF;
	color: #fff
}

.caselist .item .info a {
	color: #a2a2a2
}

.caselist .item .info a:hover {
	color: #2689FF
}

.caselist .item .summary {
	line-height: 25px;
	color: #656565
}

.cateBanner {
	width: 100%;
	height: 400px;
	background-position: center top !important;
	background-repeat: no-repeat !important
}

.cateBanner.about {
	background: url("../../images/main_img/cateBannerAbout.jpg")
}

.cateBanner.auto {
	background: url("../../images/main_img/cateBannerService.jpg")
}

.cateBanner.service {
	background: url("../../images/main_img/cateBannerService.jpg")
}

.custom_service p img {
	display: inline;
	margin-top: -5px;
	vertical-align: middle;
}

.scrollsidebar {
	position: absolute;
	z-index: 999;
	top: 150px;
	background-color: #FFFFFF;
	/* border-top: 10px solid #2855b1; */
}

/* .side_content {
	width: 154px;
	height: auto;
	overflow: hidden;
	float: left;
} */

/* .side_content .side_list {
	width: 154px;
	overflow: hidden;
} */

/* .show_btn {
	width: 0;
	height: 112px;
	overflow: hidden;
	margin-top: 50px;
	float: left;
	cursor: pointer;
}

.show_btn span {
	display: none;
} */

.close_btn {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/* .side_title,
.side_bottom,
.close_btn,
.show_btn {
	background: url(../../images/main_img/kefu/sidebar_bg.png) no-repeat;
}

.side_title {
	height: 40px;
} */

/* .side_bottom {
	height: 8px;
} */

/* .side_center {
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px 12px;
	font-size: 12px;
} */

.close_btn {
	float: right;
	display: block;
	width: 21px;
	height: 16px;
	margin: 16px 10px 0 0;
	_margin: 16px 5px 0 0;
}

.close_btn span {
	display: none;
}

/* .side_center .custom_service p {
	text-align: center;
	padding: 6px 0;
	margin: 0;
	vertical-align: middle;
} */

/* .other {
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd
} */

/* .other p {
	padding: 5px 0;
	_height: 16px;
	margin: 0;
	color: #666666;
} */

/* .msgserver {
	text-align: center;
	margin: 15px 0 5px 0;
}

.msgserver a {
	height: 22px;
	display: block;
	background: url(../../images/main_img/kefu/sidebar_bg.png) no-repeat -119px -112px;
	padding-top: 2px;
} */


/* blue skin as the default skin */

.side_title,
.side_blue .side_title {
	background-position: -195px 0;
}

/* .side_center,
.side_blue .side_center {
	background: url(../../images/main_img/kefu/blue_line.png) repeat-y center;
} */

/* .side_bottom,
.side_blue .side_bottom {
	background-position: -195px -50px;
} */

.close_btn,
.side_blue .close_btn {
	background-position: -44px 0;
}

.close_btn:hover,
.side_blue .close_btn:hover {
	background-position: -66px 0;
}

/* .show_btn,
.side_blue .show_btn {
	background-position: -119px 0;
} */

.msgserver a,
.side_blue .msgserver a {
	color: #06C;
}


/* green skin  */

.side_green .side_title {
	background-position: -349px 0;
}

/* .side_green .side_center {
	background: url(../../images/main_img/kefu/green_line.png) repeat-y center;
} */

/* .side_green .side_bottom {
	background-position: -349px -50px;
} */

.side_green .close_btn {
	background-position: -44px -23px;
}

.side_green .close_btn:hover {
	background-position: -66px -23px;
}

/* .side_green .show_btn {
	background-position: -147px 0;
} */

.side_green .msgserver a {
	color: #76a20c;
}

.sitemap .box {
	borde: 1px solid #ccc;
	background: #eee;
	margin-bottom: 10px;
	padding: 20px
}

.sitemap .box h3 {
	margin-bottom: 20px;
	margin-left: 15px
}

.sitemap .box h3 a {
	border-left: 3px solid #0c6dff;
	padding-left: 20px;
	margin-left: -38px;
	line-height: 30px;
	height: 30px;
	display: block;
	font-size: 16px
}

.sitemap .box ul a {
	margin: 0 10px 10px 0;
	display: block;
	float: left;
	border-radius: 0;
	font-weight: 100;
	font-size: 14px;
	padding: 6px 15px 8px 15px;
	background: #eee;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.sitemap .box ul a:hover {
	background: #0c6dff;
	color: #fff
}

.singlepage .form_job {
	float: left;
	width: 600px
}

.btnBOx .layui-layer-content {
	text-align: center
}

.btnBOx .layui-layer-content .layui-btn {
	margin-left: -63px;
	top: 30px
}

#sub {
	display: none;
}

#price_c {
	color: #ff0000;
	font-weight: bold
}

.linkage-menu div.menu a {
	font-size: 14px;
	padding: 10px 15px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
	width: auto
}

.linkage-menu div.menu a:hover {
	background: #eee
}

.autobgc {
	background: #fff
}

.autoconten {
	padding: 30px
}

.autoconten .part1 {
	width: 360px;
	margin: 50px 30px 0 0;
	float: left;
	text-align: center
}

.autoconten .part1 li {
	line-height: 20px
}

.autoconten .part1 li img {
	width: 128px;
	height: 128px;
	overflow: hidden
}

.autoconten .part1 h3 {
	font-size: 18px;
	margin: 20px 0 10px 0
}

.autoconten .download {
	margin-top: 150px;
	text-align: center
}

.autoconten .download h3 {
	font-size: 20px;
	font-weight: bold
}

.autoconten .download a {
	color: #fff;
	background: url(../../images/main_img/download.png) no-repeat 10px;
	margin: 45px 30px 0 0;
	padding-left: 15px;
	display: inline-block;
	background-color: #45d411;
	width: 160px;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	font-size: 16px
}

.autoconten .download .artificial {
	background: url(../../images/main_img/artificial.png) no-repeat 10px;
	background-color: #45d411
}

.autoconten .download a:hover {
	color: #eee
}

.autoconten .softexplain {
	margin-top: 100px
}

.autoconten .softexplain h3 {
	font-size: 17px;
	margin-bottom: 10px
}

.autoconten .softexplain p {
	line-height: 30px
}

#select {
	width: 1000px;
	margin: 0 auto;
	height: 150px;
	text-align: center;
}

#select a {
	display: inline-block;
	width: 120px;
	height: 40px;
	border: 1px solid gray;
	position: relative;
	top: 50px;
	line-height: 36px;
	color: gray;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 20px;
}

#select a:hover {
	background-color: #2855b1;
	color: white;
}

.rgjc {
	text-align:center;
	width: 1000px;
	margin: 0 auto;
	height: 260px;
}
.quban {
	width:100%;
	margin: 0 auto;
	background: url(zhutu.png);

}
.rgjc h2{
	font-size:22px;
	margin-top: 20px;
	text-decoration: none;
	color:red ;
}
.rgjc a {
	font-size: 40px;
	margin-top: 20px;
	text-decoration: none;
	color:green ;

}
.rgjc span {font-size:22px;
	margin-top: 20px;
	text-decoration: none;
	color:red ;
}

.rgjc h4 {
	opacity: 0.5;
	margin-top: 20px;
}

.jcgc {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 700px;
}

.jcgc a {
	font-size: 40px;
	margin-top: 20px;
	text-decoration: none;
	color: black;
}

.jcgc h4 {
	opacity: 0.5;
	margin-top: 20px;
}

.jcjg {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 500px;
}

.jcjg a {
	font-size: 40px;
	margin-top: 20px;
	text-decoration: none;
	color: black;
}

.jcjg h4 {
	opacity: 0.5;
	margin-top: 20px;
}

.cgal {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 540px;
}

.cgal a {
	font-size:20px;
	margin-top: 0px;
	text-decoration: none;
	color: black;
}

.cgal h4 {
	opacity: 0.5;
	margin-top: 20px;
}

#cgal_t1 {
	position: absolute;
	margin-top: 0px;
}

#cgal_t2 {
	position: absolute;
	margin-left:600px;
	margin-top: 0px;
}

#xiugaiqain {
	position: absolute;
	margin-left: 400px;
	margin-top: 250px
}

#xiugaihou {
	position: absolute;
	margin-left: 1000px;
	margin-top: 250px
}
.pptl {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 700px;
	background-repeat: no-repeat;
}
.pptl a {
	font-size:20px;
	margin-top: 0px;
	text-decoration: none;
	color: black;
}
#ppt1_t1 {
	position: absolute;
	margin-top: 0px;
	background-repeat: no-repeat;
}
#ppt1_t2 {
	position: absolute;
	margin-top: 0px;
	margin-left:600px;
	background-repeat: no-repeat;
}
#ppt1_t3 {
	position: absolute;
	margin-top: 340px;
	background-repeat: no-repeat;
}
#ppt1_t4 {
	position: absolute;
	margin-top: 340px;
	margin-left:600px;
	background-repeat: no-repeat;
}
.cgal a {
	font-size:20px;
	margin-top: 0px;
	text-decoration: none;
	color: black;
}
.khfk {
	text-align:center;
	width: 1200px;
	margin: 0 auto;
	height: 150px;
}
.khpj {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	height: 1200px;
	background-repeat: no-repeat;
}
#khpj_t1 {
	position: absolute;
	margin-top: 0px;
	background-repeat: no-repeat;
}
#khpj_t2 {
	position: absolute;
	margin-top: 0px;
	margin-left:400px;
	background-repeat: no-repeat;
}
#khpj_t3 {
	position: absolute;
	margin-left: 800px;
	background-repeat: no-repeat;
}
#khpj_t4 {
	position: absolute;
	margin-top:400px;
	background-repeat: no-repeat;
}
#khpj_t5 {
	position: absolute;
	margin-top: 400px;
	margin-left:400px;
	background-repeat: no-repeat;
}
#khpj_t6 {
	position: absolute;
	margin-top: 400px;
	margin-left: 800px;
	background-repeat: no-repeat;
}
#khpj_t7 {
	position: absolute;
	margin-top: 800px;
	background-repeat: no-repeat;
}
#khpj_t8 {
	position: absolute;
	margin-top:800px;
	margin-left:400px;
	background-repeat: no-repeat;
}
#khpj_t9 {
	position: absolute;
	margin-top: 800px;
	margin-left: 800px;
	background-repeat: no-repeat;
}

.jylc {
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	height: 650px;
}

.jylc a {
	font-size: 40px;
	margin-top: 20px;
	text-decoration: none;
	color: black;
}

.jylc h4 {
	opacity: 0.5;
	margin-top: 20px;
}

.jylc img {
	margin-top: 30px;
}

#fwlc1 {
	width: 500px;
	margin: 0 auto;
	margin-left: 40px;
	margin-top: 100px;
	position: absolute;
}

#fwlc2 {
	width: 500px;
	margin: 0 auto;
	margin-left: 650px;
	margin-top: 100px;
	position: absolute;

}


.fl{
	float: left;

}
.fr{
	float: right;
}

.flo{
	display: block;
	cursor: pointer;
	float: left;
	width:23%;
	height:250px;
	margin-right:20px;
	text-align: center;
	font-size: 24px;
	line-height:370px;
	background-size:65px;
}
.a{
	background: url(../imgs/reduction/1_05.png) no-repeat top center;
}
.b{
	background: url(../imgs/reduction/1_05.png) no-repeat top center;
}
.c{
	 background: url(../imgs/reduction/1_05.png) no-repeat top center;
 }
.d{
	  background: url(../imgs/reduction/1_05.png) no-repeat top center;
  }
.fontbox{
	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #797979;
	text-align: center;
}
.red{
	color: #d8003d;
}

.green{
	color: #00d84c;
}
.picBox{
	width: 100%;
	box-sizing: border-box;
	padding: 60px 0 70px;
	background: #f5f5f5;
}
.picBox1{
	width: 100%;
	box-sizing: border-box;
	padding: 60px 0 70px;
	background: #fff;
}
.picBox2{
	width: 100%;
	box-sizing: border-box;
	/* padding: 60px 0 0; */
	background: #fff;
	margin-bottom: 50px;
}
.titleH3{
	font-size: 36px;
	color: #2e2e2e;
	text-align: center;
	margin-bottom: 40px;
}
.pict{
	display: block;
	width: 48%;
}
.titlesmall{
	font-size: 24px;
	color: #797979;
	text-align: center;
	line-height:40px;
}
.picqq{
	height: 270px;
	width: 100%;
}
.qqs{
	width: 32%;
	height: 100%;
	margin-right: 1%;
	margin-bottom: 50px;
}
.lcg{
	display: block;
	margin: 0 auto;
	width: 90%;
}
.pircepic{
	width:50%;
	background: #eee;
	padding: 35px 0 45px;
	position: absolute;
	top: 25px;
	left: 4%;
	text-align: center;
	z-index: 9
}
.bluefont{
	font-size: 24px;
	line-height: 29px;
	color: #2855b1;
	margin-bottom: 10px
}
.font-sma{
	font-size: 18px;
	line-height: 25px;
	color: #999;
}
.circle1,.circle2{
	width:56px;
	height: 56px;
	border-radius: 50%;
	position: absolute;
	right: -28px;
}
.circle1{
	top: 15%;
	background: url(../img/imgs/DownIconcopy@2x.png) no-repeat center center;
	background-size: cover;
}
.circle2{
	bottom: 15%;
	background: url(../img/imgs/DownIconcopy2@2x.png) no-repeat center center;
	background-size: cover;
}
