@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font: 12px "microsoft yahei", Arial;
	color: #444;
	background: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none;
	color: #e60012;
}
.clear {
	clear: both;
}
img {
	border: 0
}
.clearfix:after, .clearfix:before{ 
	display: table;
    content: "";
    line-height: 0;}
.clearfix:after{ clear:both;}

.container {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.all_title {
	text-align:center;
	
}
.all_title .title{
	font-size:24px;
	color:#333;
}
.all_title .txt{
	font-size: 14px;
	color:#999;
	margin-top:10px;
}
.rowFluid{ clear:both;}

.f-left {
    float: left;
}
.f-right {
    float: right;
}
.col-3{ width:25%; float:left;}

/*----------------------------------导航---------------------*/

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


.top-nav {
	background: rgba(0,0,0,.6);
	position: fixed;
	z-index: 1000;
	left:0;
	top:0;
	width:100%;
}
.top-nav .topbar-box {
	width: 1280px;
	height: 100px;
	margin: 0 auto
}

.logo-cell {
	margin:21px 0;
	float:left;
}
@media screen and (min-width:1500px) {
.top-nav .topbar-box {
	width: 1500px
}
}
.top-nav .nav-body {
	position: relative
}
.top-nav .nav-body .top-border {
	height: 3px;
	position: absolute;
	bottom: 0;
	background: #e60012
}
.top-nav .nav-body .nav-content {
	list-style-type: none;
	margin: 0;
	position: relative
}
.top-nav .nav-body .nav-content .nav-item {
	float: left;
	height: 100px
}
.top-nav .nav-body .nav-content .nav-item a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 40px 30px;
	color: #fff;
	font-size:15px;
}
.top-nav .nav-body .nav-detail {
	padding: 40px;
	position: absolute;
	z-index: 8;
	top: 100px;
	display: none;
	color: #fff;
	z-index: 4;
	background: rgba(0,0,0,.6);
	border-radius: 0 0 5px 5px;
	left:-210px !important;
}
.top-nav .nav-body .nav-subcontent .nav-subitem {
	height: 168px;
	border-right: 1px solid #aaa;
	padding: 0 0 0 20px
}
.top-nav .nav-body .nav-subcontent .nav-subitem h3 {
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin: 10px 0
}
.top-nav .nav-body .nav-subcontent .nav-subitem h3 a {
	color: #eee;
	font-size: 14px;
	line-height: 30px;
    font-weight: 600;
	padding:0;
}
.top-nav .nav-body .nav-subcontent .nav-subitem h3 a:hover {
	color: #e60012;
}
.top-nav .nav-body .nav-subcontent .nav-subitem ul {
	text-align: left
}
.top-nav .nav-body .nav-subcontent .nav-subitem ul li a {
	color: #eee;
	padding: 5px 0;
	font-size: 12px;
	line-height: 30px;
}
.top-nav .nav-body .nav-subcontent .nav-subitem ul li a:hover {
	color: #e60012;
}
.top-nav .top-phone {
	padding: 17px 0 0
}
.top-nav .top-phone p {
	margin: 0;
	color: #fff;
	line-height: 20px
}
.top-nav .center-body a {
	color: #fff
}
.top-nav .center-body a:hover {
	color: #3db1ea
}
.top-nav .center-body .center-btn {
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 15px 0 0
}
.top-nav .tool-body a {
	color: #fff
}
.top-nav .tool-body .center-btn a, .top-nav .tool-body .login-btn a, .top-nav .tool-body .reg-btn a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #3db1ea;
	margin: 15px 0 0
}
.top-nav .tool-body .center-btn a:hover, .top-nav .tool-body .login-btn a:hover, .top-nav .tool-body .reg-btn a:hover {
	background: #1297d9
}
.top-nav .tool-body .login-btn a {
	border-radius: 15px 0 0 15px;
	padding: 0 10px 0 20px
}
.top-nav .tool-body .reg-btn a {
	border-radius: 0 15px 15px 0;
	padding: 0 20px 0 10px
}
.top-nav .tool-body .center-btn a {
	padding: 0 10px
}





/* banner */
.banner {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
.banner .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	overflow: hidden;
}
.banner .bd li {
	position: relative;
	text-align: center;
	overflow: hidden;
	
}
.banner .bd li img {
	vertical-align: top;
	width: 100%;
}
.banner .hd {
	position: absolute;
	bottom: 180px;
	text-align: center;
	width: 100%;
}
.banner .hd li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 36px;
	height: 8px;
	background: #fff;
	margin: 0 6px;
	overflow: hidden;
	line-height: 999px;
}
.banner .hd .on {
	background: #a5132c;
}
.banner .prev, .banner .next {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.banner .prev {
	left: 5%;
	background: url(../images/Bannerprev.png);
}
.banner .next {
	right: 5%;
	background: url(../images/Bannernext.png);
}

/* banner-body */
.banner-body {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5)
}
.banner-body .banner-grounp {
	position: relative
}
.banner-body .banner-grounp:hover h3, .banner-body .banner-grounp:hover p {
	
}
.banner-body .banner-grounp img {
	max-width: 100%;
	display: block
}


@media screen and (min-width:1200px) {
.banner-body .banner-grounp .banner-item {
	height: 136px;
	padding: 30px 0 0 20px
}
}
.banner-body .banner-grounp .banner-item .banner-item-con, .banner-body .banner-grounp .banner-item i {
	float: left
}
.banner-body .banner-grounp .banner-item .banner-item-con h3 {
	color: #fff;
	font-size: 18px;
	margin: 28px 0 0
}
.banner-body .banner-grounp .banner-item .banner-item-con p {
	color: #fff;
	font-size: 14px;
	margin: 5px 0 0
}
.banner-body .banner-grounp .banner-item .banner-icon-1{background-position: 0 center;}
.banner-body .banner-grounp .banner-item .banner-icon-2{background-position: -67px center;}
.banner-body .banner-grounp .banner-item .banner-icon-3{background-position: -133px center;}
.banner-body .banner-grounp .banner-item .banner-icon-4{background-position: -200px center;}
.banner-item-con{ margin-left:20px;}
.banner-body .banner-grounp:hover{ background: rgba(0,0,0,.4)}
.banner-body .banner-grounp:hover .banner-item .banner-icon-1, .banner-body .banner-grounp:hover .banner-item .banner-icon-2, .banner-body .banner-grounp:hover .banner-item .banner-icon-3, .banner-body .banner-grounp:hover .banner-item .banner-icon-4{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.main-wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

@media screen and (min-width:1500px) {
.main-wrap {
	width: 1200px
}
}
.zq-icon {
	display: inline-block;
	background: url(../images/banner-icon.png) no-repeat;
	-webkit-transition: -webkit-transform 0.7s ease-out;
	-moz-transition: -moz-transform 0.7s ease-out;
	-o-transition: -o-transform 0.7s eas1e-out;
	-ms-transition: -ms-transform 0.7s ease-out;
}
.icon60x60{
	width:60px;
	height:60px;
	margin:20px 0;
}

.col-main{ padding:60px 0 0;}
.zq-index-head{ text-align:center;}
.zq-index-head h2{ font-size:32px; color:#000; font-weight: normal;}
.zq-index-head p{ font-size:14px; color:#666; line-height: 28px; margin-top:10px;}

.zq-index-head-1{ text-align:center;}
.zq-index-head-1 h2{ font-size:32px; color:#fff; font-weight: normal;}
.zq-index-head-1 p{ font-size:14px; color:#fff; line-height: 28px; margin-top:10px;}

.power{ width:100%;}
.floor-content{ padding-top:50px; height:330px; padding-bottom: 60px;}
.floor-content1{ display:none; width:1200px; height:330px; margin:0 auto;}
.floor-content3 li { float:left; position:relative; width:260px; height:330px; margin:0 27px; overflow:hidden; display:inline; cursor:pointer;}
.floor-content3 .tab-tit1{ background:#0993ec;} 
.floor-content3 .tab-tit2{ background:#ff7171;} 
.floor-content3 .tab-tit3{ background:#fea424;} 
.floor-content3 .tab-tit4{ background:#1fd8e3;} 
.business_ho{ position:absolute; top:0; left:0; background:url(../images/business_ho.jpg) no-repeat; width:255px; height:330px; display:none;}
.business_icon{ position:absolute; top:48px; z-index:10;}
.business_icon1{ right:66px;}
.business_icon2{ left:-122px;}
.business_text{ position:absolute; top:206px; z-index:10; width:220px;}
.business_text1{ left:18px;}
.business_text2{ right:-220px;}
.business_title{ text-align:center;}
.business_title a{ color:#fff; font-size:30px; font-weight:bold;}
.business_intro{ line-height:22px; height:50px; overflow:hidden; padding-top:34px; text-align:center; font-size:16px; color:#fff;}
.floor-content3 { width:1200px; margin:0 auto;}
.floor-content3 ul{ margin-left: -27px;width: 1256px;}
.box-b {bottom:-630px;}
.floor_on .business_title a{ color:#fff;}
.floor_on .business_intro{ color:#fff;}



.solution{ background: url(../images/solution_bg.jpg) center center no-repeat;}
.solution-item{ padding:30px 0 60px 0;}
.picBtnTop{ width:1200px; height:756px;   position:relative;  overflow:hidden;  zoom:1;   }
.solution-item .hd{  width:330px; position: absolute; right: 0; overflow: hidden; height:756px;}
.solution-item .hd li{ width:330px; height:151px; background:rgba(0,0,0,.8); float: left; text-align:center; cursor:pointer;}
.solution-item .hd li.on{ background:rgba(230,0,18,.6);}
.solution-item .hd li.on .solution-icon-1{background-position: 0 -70px; transition: all 0.7s ease 0s;}
.solution-item .hd li.on .solution-icon-2{background-position: -82px -70px; transition: all 0.7s ease 0s;}
.solution-item .hd li.on .solution-icon-3{background-position: -167px -70px; transition: all 0.7s ease 0s;}
.solution-item .hd li.on .solution-icon-4{background-position: -249px -70px; transition: all 0.7s ease 0s;}
.so-icon{
	display: inline-block;
	background: url(../images/so-icon.png) no-repeat;
	-webkit-transition: -webkit-transform 0.7s ease-out;
	-moz-transition: -moz-transform 0.7s ease-out;
	-o-transition: -o-transform 0.7s eas1e-out;
	-ms-transition: -ms-transform 0.7s ease-out;
}
.icon50x50{
	width:60px;
	height:60px;
	margin:30px 0 4px;
}
.solution .solution-item .solution-icon-1{background-position: 0 top;}
.solution .solution-item .solution-icon-2{background-position: -82px top;}
.solution .solution-item .solution-icon-3{background-position: -162px top;}
.solution .solution-item .solution-icon-4{background-position: -249px top;}
.solution .solution-item .solution-icon-5{background-position: -334px top;}
.solution .solution-item li:hover .solution-icon-1{background-position: 0 -70px; transition: all 0.7s ease 0s;}
.solution .solution-item li:hover .solution-icon-2{background-position: -82px -70px; transition: all 0.7s ease 0s;}
.solution .solution-item li:hover .solution-icon-3{background-position: -162px -70px; transition: all 0.7s ease 0s;}
.solution .solution-item li:hover .solution-icon-4{background-position: -249px -70px; transition: all 0.7s ease 0s;}
.solution .solution-item li:hover .solution-icon-5{background-position: -334px -70px; transition: all 0.7s ease 0s;}
.solution-item .hd p{ font-size:16px; color:#fff;}

.solution-item .bd{ float: left;position:relative; width: 870px;}
.solution-item .bd li{ position:relative; zoom:1; vertical-align:middle; width: 870px;height:756px;}
.solution-item .bd .top{ margin-top:60px;}
.solution-item .bd .top .p1{ font-size:28px; color:#fff; font-weight: bold;}
.solution-item .bd .top .p2{ font-size:14px; color:#dcdbdb; margin-top:20px;}

.solution-item .bd .box{
	width: 480px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.solution-item .bd .box p{ color:#fff;}
.solution-item .bd .box .p1{ width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 50px 0 0; position: relative; float:left;}
.solution-item .bd .box .p2{ width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 50px 0 0; position: relative; left: 50px; float:left;}
.solution-item .bd .box .p3{ width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; float:left;}
.solution-item .bd .box .p4{width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; left: 50px; float:left;}
.solution-item .bd .box .p5{width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; float:left;}
.solution-item .bd .box .p6{ width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; left: 50px; float:left;}
.solution-item .bd .box .p7{ width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; float:left;}
.solution-item .bd .box .p8{width:170px; height:30px; padding-left:40px; line-height:30px; background:url(../images/col-icon.png) left center no-repeat; margin: 30px 0 0; position: relative; left: 50px; float:left;}
.solution-item .bd .box .p9{width:480px; height:31px; margin: 50px 0 0; position: relative; float:left;}
.solution-item .bd .box .p10{width:224px; height:52px; margin: 20px 0 0; position: relative; top: 150px; float:left;}
.solution-item .bd .box .p10 a{ width:140px; height:40px; display:block; line-height:40px; font-size:14px; color:#fff; text-align:center; border:1px solid #fff; border-radius:8px; font-weight: normal;}
.solution-item .bd .box .p10 a:hover{ background:#e60012; color:#fff; border:1px #e60012 solid}


/* case */
.case-body{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top:45px;
}

.case-body ul{
	display: block;
	margin: 0 -8px;
}

.case-body li{
	display: block;
	width: 25%;
	*width: 24.739999%;
	float: left;
	margin-bottom: 16px;
	-webkit-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0;
	filter: alpha(opacity=0);
	
}


.case .case-body.show li{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;	
}

.case .case-body.show li .content .info span{position:absolute; bottom:0px; width:0%; left:0px; height:3px; background:#e60012; z-index:5; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.case .case-body.show li:hover .content .info span{ width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.case-body li .content{
	display: block;
	margin: 0 8px;
}

.case-body li .content .pic{
	display: block;
	overflow: hidden;
	position: relative;
	cursor:pointer;
}

.case-body li .content .pic img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	transform-origin:50% 50%;
}

.case-body li .content:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.case-body li .content .pic .title{ text-align:center;  background:rgba(0, 0, 0, 0.6); opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:88.5%; height:84%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; padding:8% 6%;}
.case-body li .content .pic .title .tag{ display:block; text-align: left; color:#fff; opacity:0; transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px); font-size:16px;}
.case-body li .content .pic .title i{ width:30px; height:1px; float: left; background:#fff;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px); margin-top:10px;}
.case-body li .content .pic .title h2{ font-size:18px; color:#fff; font-weight: bold; margin-top:10%;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px);}
.case-body li .content .pic .title p{ font-size:14px; color:#fff; line-height: 28px;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px);text-align: left; margin-top:10px;}
.case-body li .content:hover .pic .title{opacity:1; visibility:visible;  }
.case-body li .content:hover .pic .title span{  transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1; }
.case-body li .content:hover .pic .title i{  transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1; }
.case-body li .content:hover .pic .title h2{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1;}
.case-body li .content:hover .pic .title p{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1;}


.case-body li .content:hover .pic .icon{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter:alpha(opacity= 100);
}

.case-body li .content .info{
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 20px 0 10px;
	background-color: #f8f8f8;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	position:relative;
}



.case-body li .content .info h4{
	display: block;
	float: left;
}

.case-body li .content .info h4 a{
	color: #333;
	font-size: 16px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.case-body li .content:hover .info h4 a{
	color: #333;
}

.case-body li .content .info .enter{
	position: relative;
	display: block;
	float: right;
}

.case-body li .content .info .enter a{
	display: block;
	float: left;
	width: auto;
	height: auto;
	border: 1px solid transparent;
	border-radius: 50%;
	margin-top: 14px;
	margin-left: 10px;
	-webkit-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}



.case-body li .content .info .enter .case-ewm{
	display: none;
	position: absolute;
	padding: 6px;
	border: 1px solid #e0e0e0;
	bottom:47px;
	right:-20px;
	background-color: #fff;
	z-index: 10;
}

.case-body li .content .info .enter .case-ewm img{
	display: block;
	width: 140px;
	height: 140px;
}

.case-body li .content .info .enter .case-ewm p{
	display: block;
	padding: 10px;
	line-height: 1;
	text-align: center;
	color: #383838;
	white-space: nowrap;
}

.case-body li .content .info .enter .case-ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	bottom:-16px;
	right:30px;
}



.case-body li .content .info .enter .case-ewm1{
	display: none;
	position: absolute;
	padding: 6px;
	border: 1px solid #e0e0e0;
	bottom:47px;
	right:-20px;
	background-color: #fff;
	z-index: 10;
}

.case-body li .content .info .enter .case-ewm1 img{
	display: block;
	width: 140px;
	height: 140px;
}

.case-body li .content .info .enter .case-ewm1 p{
	display: block;
	padding: 10px;
	line-height: 1;
	text-align: center;
	color: #383838;
	white-space: nowrap;
}

.case-body li .content .info .enter .case-ewm1 .arrow1{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	bottom:-16px;
	right:30px;
}




/* news */
.news{ width:100%;}
.N_content{ overflow:hidden; width:1200px; margin:40px 0;}
.N_content_l{ width:630px; float:left;overflow:hidden;}
.N_content_l dl{ width:300px; margin-right:15px; float:left;}
.N_content_l dl dt a{ display: block;}
.N_content_l dl dt{width:300px; height:200px;position:relative ; overflow: hidden;}
.N_content_l dl dt img{ width:300px; height:200px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.N_content_l dl dt img:hover{transform: scaleX(1.1) scaleY(1.1);}
.N_content_l dl dd h2{ width:300px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:56px; line-height: 56px; overflow:hidden; font-weight:normal;}
.N_content_l dl dd p{ width:300px; color:#666; height:120px; overflow:hidden; line-height: 24px; font-size:14px;}
.N_content_l dl dd span{ width:300px; color:#999; font-size: 14px; background:url(../images/time.png) left center no-repeat; padding-left: 20px;}
.N_content_l dl dd span a{ float:right; color:#999;}
.N_content_l dl dd span a:hover{ color:#e60012;}
.N_content_r{ width:540px; float:right;overflow:hidden;}
.N_content_r ul{}
.N_content_r ul li{ height:92px; margin-bottom:20px; cursor:pointer;}
.N_content_r ul li dl{ width:72px; height:72px; padding:10px;margin-right:15px; float:left; background:#e60012;}
.N_content_r ul li dl dt{ font-size:20px; font-weight:bold; line-height:36px; text-align:center; color:#fff;}
.N_content_r ul li dl dd{  font-size:24px;text-align:center;color:#fff; font-weight: bold;}
.N_content_r ul li h2{ font-size:16px; line-height:34px; width:432px; float:left; font-weight:normal; color:#000;}
.N_content_r ul li p{ font-size:14px; color:#666; width:432px; float:left; line-height: 24px;}

.N_content_r ul li:hover{  background:#e60012; color:#fff}
.N_content_r ul li:hover h2 a{ color:#fff;}
.N_content_r ul li:hover p{ color:#fff;}


.qc-footer {
	min-width: 1000px;
	background: #111;
}
.qc-footer-service {
	background: #111
}
.qc-footer-service .footer-service {
	max-width: 1200px;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #222
}
.qc-footer-service .fs-list {
	font-size: 0;
	padding-left: 10px;
	padding-right: 10px
}
.qc-footer-service .fs-ct {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: left
}
.qc-footer-service .fs-ct.item-last {
	width: 14%
}
.qc-footer-service .fs-ct .item {
	font-size: 14px;
	color: #fff;
	display:block;
	cursor:pointer;
}
.qc-footer-service .fs-ct .item .icon {
	display: inline-block;
	width: 40px;
	height: 34px;
	vertical-align: middle;
	margin-right: 10px
}
.qc-footer-service .fs-ct .item .icon-1 {
	background-image: url(../images/footer-icon.png);
	background-position: 0 -3px;
	background-repeat: no-repeat;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;   
	-o-transition:All 0.4s ease-in-out;
}
.qc-footer-service .fs-ct .item .icon-2 {
	background-image: url(../images/footer-icon.png);
	background-position: -45px -3px;
	background-repeat: no-repeat;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;   
	-o-transition:All 0.4s ease-in-out;
}
.qc-footer-service .fs-ct .item .icon-3 {
	background-image: url(../images/footer-icon.png);
	background-position: -90px -3px;
	background-repeat: no-repeat;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;   
	-o-transition:All 0.4s ease-in-out;
}
.qc-footer-service .fs-ct .item .icon-4 {
	background-image: url(../images/footer-icon.png);
	background-position: -140px -4px;
	background-repeat: no-repeat;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;   
	-o-transition:All 0.4s ease-in-out;
}

@keyframes swing {
20% {
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.qc-footer-service .fs-ct:hover .item .icon-1 {
	animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: swing;
    transform-origin: center top 0;
}
.qc-footer-service .fs-ct:hover .item .icon-2 {
	animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: swing;
    transform-origin: center top 0;
}
.qc-footer-service .fs-ct:hover .item .icon-3 {
	animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: swing;
    transform-origin: center top 0;
}
.qc-footer-service .fs-ct:hover .item .icon-4 {
	animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: swing;
    transform-origin: center top 0;
}

.qc-footer-website {
	background: #111;
	padding: 30px 0 0
}
.qc-footer-website .website-columns {
	max-width: 1180px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #222;
	padding-left: 10px;
	padding-right: 10px
}
.qc-footer-website .columns {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 17.15%;
	margin-bottom: 20px
}
.qc-footer-website .columns.column-follow {
	width: 14%
}
.qc-footer-website .columns h3 {
	margin-bottom: 15px
}
.qc-footer-website .columns .ct-title {
	font-size: 14px;
	color: #fff;
	font-weight: 400
}
.qc-footer-website .columns ul li, .qc-footer-website .columns ul li a {
	font-size: 12px;
	color: #ccc;
}
.qc-footer-website .columns ul li {
	line-height: 26px
}
.qc-footer-website .columns ul li a:hover {
	color: rgba(230, 0, 18,.8);
}
.qc-footer-website-node-wechat img {
	width: 62px;
	height: 62px
}
.qc-footer-website .columns .footer-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}


.qc-footer-blogroll {
	background: #111;
	text-align: left;
}

.qc-footer-blogroll .products-links {
	clear: both;
	max-width: 1200px;
	margin:0 auto;
	padding:30px 0;
	border-bottom: 1px solid #222;
}
.qc-footer-blogroll .products-links ul {
*zoom:1
}
.qc-footer-blogroll .products-links ul:after {
	display: table;
	content: ""
}


.qc-footer-blogroll .products-links ul:after {
	clear: both
}
.qc-footer-blogroll .products-links li {
	float: left;
	margin: 0 39px 0 0;
	font-size: 14px;
	color:#d6d6d6;
}
.qc-footer-blogroll .products-links li a {
	color: #aaa;
	font-size:12px;
}
.qc-footer-blogroll .products-links li a:hover {
	color: rgba(230, 0, 18,.8);
}

.qc-footer-action {
	background: #111;
	text-align: left;
}
.qc-footer-action .footer-links {
	clear: both;
	max-width: 1200px;
	margin:0 auto;
	padding:30px 0;
}
.qc-footer-action .footer-links ul {
*zoom:1
}
.qc-footer-action .footer-links ul:after {
	display: table;
	content: ""
}
.qc-footer-action .footer-links ul:after {
	clear: both
}
.qc-footer-action .footer-links li {
	float: left;
	margin: 0 20px 0 0;
	font-size: 14px;
	color:#d6d6d6;
	line-height:26px;
}
.qc-footer-action .footer-links li a {
	color: #aaa;
	font-size:12px;
	line-height:26px;
}
.qc-footer-action .footer-links li a:hover {
	color: rgba(230, 0, 18,.8);
}


.qc-footer-tips {
	background: #111;
	text-align: center;
}
.qc-footer-tips .footer-tips {
	clear: both;
	max-width: 1200px;
	margin:0 auto;
	padding:30px 0;
	color:#aaa;
	line-height: 35px;
}
.qc-footer-tips .footer-tips a {
	color: #aaa;
	font-size:12px;
}
/*.qc-footer-tips .footer-tips a:hover {
	color: rgba(230, 0, 18,.8);
}*/

/*浮动qq*/
.float_qq{ position:fixed; top:300px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:153px}
.float_qq li.float_qq2{ position:absolute; top:0; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}
.float_qq li.float_qq4{ top:102px;}
.float_qq4{ position:absolute; /*top:153px; */left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#e60012; opacity:1;}
.float_shwx{ position:absolute; /*top:-226px;*/top: -172px; left:-216px; background:url(../images/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}




/*float*/
.float{ position:fixed; top:300px; left:10px; z-index:6666; padding-left:2.5px; width:auto; height:258px; padding-top:16px;}
.float_list li{ width:auto; height:30px; line-height:30px;  margin-bottom:9px;}
.float_list li a{ display:block; color:#fff; font-size:12px; width:60px; height:30px; background:rgba(0, 0, 0, 0.7);  border-radius:15px; text-align:center;}
.float_list li a:hover{background: rgba(230, 0, 18,.8);}
.float_list li.floag_on a{background: rgba(230, 0, 18,.8);}




.theme-bg{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }
.popover_statement{ width:320px; height:320px; padding:20px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); border-radius:5px; font-size:14px; line-height:26px;}
.popover_statement .title{ text-align:center; font-size:18px; font-weight:bold; line-height:36px; margin-bottom:10px;}
.popover_statement .link{text-align:center;}
.popover_statement .link a{width:110px; height:40px; background:#ff4229; color:#fff; border-radius:5px; display:inline-block; font-size:14px; margin:20px 10px 0; line-height:40px;}



/* 内页案例 */
.pageCase{width: 100%; position: relative; left: 0; top: 0;}
.pageCase .box{width: 1200px; margin:0 auto;}
.pageCase .page_case_top{ text-align: center; padding-top:60px;}
.pageCase .page_case_top h2{ font-size:28px; font-weight:600; color:#333;}
.pageCase .page_case_top p{ margin-top: 10px; font-size: 14px; color:#666;}
.pageCase .page_case_nav{ width:1200px; margin:0 auto; height:38px; text-align:center; padding:50px 0 0;}
.pageCase .page_case_nav li{display:inline-block; line-height:38px; margin:0 10px; background:#ededed; border-radius:20px;}
.pageCase .page_case_nav li a{ color:#333; font-size:14px; padding:0 35px;display:inline-block;}
.pageCase .page_case_nav li:hover{background:#e60012;}
.pageCase .page_case_nav li:hover a{ color:#fff;}
.pageCase .page_case_nav .select{background:#e60012;}
.pageCase .page_case_nav .select a{ color:#fff;}

.pageCase .page_case_list{ width:100%; display:block; overflow:hidden; margin-top:25px;}
.pageCase .page_case_list ul{ }
.pageCase .page_case_list ul{
	display: block;
	margin: 0 -8px;
}

.pageCase .page_case_list li{
	display: block;
	width: 25%;
	float: left;
	margin-bottom: 16px;
	-webkit-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0;
	filter: alpha(opacity=0);
}


.pageCase .page_case_list li{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
}

.pageCase .page_case_list li .content{
	display: block;
	padding: 0 8px;
}

.pageCase .page_case_list li .content .pic{
	display: block;
	overflow: hidden;
	position: relative;
	cursor:pointer;
}

.pageCase .page_case_list li .content .pic img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	transform-origin:50% 50%;
}

.pageCase .page_case_list li .content:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.pageCase .page_case_list li .content .pic .title{ text-align:center;  background:rgba(0, 0, 0, 0.6); opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:88.5%; height:84%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; padding:8% 6%;}
.pageCase .page_case_list li .content .pic .title .tag{ display:block; text-align: left; color:#fff; opacity:0; transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px); font-size:16px;}
.pageCase .page_case_list li .content .pic .title i{ width:30px; height:1px; float: left; background:#fff;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px); margin-top:10px;}
.pageCase .page_case_list li .content .pic .title h2{ font-size:18px; color:#fff; font-weight: bold; margin-top:10%;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px);}
.pageCase .page_case_list li .content .pic .title p{ font-size:14px; color:#fff; line-height: 28px;transition:all 0.3s ease-out;  transform:translate(0,10px); -webkit-transition:all 0.3s ease-out;  -webkit-transform:translate(0,10px);text-align: left; margin-top:10px;}
.pageCase .page_case_list li .content:hover .pic .title{opacity:1; visibility:visible;  }
.pageCase .page_case_list li .content:hover .pic .title span{  transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1; }
.pageCase .page_case_list li .content:hover .pic .title i{  transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1; }
.pageCase .page_case_list li .content:hover .pic .title h2{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1;}
.pageCase .page_case_list li .content:hover .pic:hover .title p{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px);  opacity:1;}


.pageCase .page_case_list li .content:hover .pic .icon{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter:alpha(opacity= 100);
}

.pageCase .page_case_list li .content .info{
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0 20px 0 10px;
	background-color: #f8f8f8;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
	position: relative;
}

.pageCase .page_case_list li .content .info span{position:absolute; bottom:0px; width:0%; left:0px; height:3px; background:#e60012; z-index:5; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pageCase .page_case_list li:hover .content .info span{ width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pageCase .page_case_list li .content .info h4{
	display: block;
	float: left;
}

.pageCase .page_case_list li .content .info h4 a{
	color: #333;
	font-size: 16px;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.pageCase .page_case_list li .content:hover .info h4 a{
	color: #333;
}

.pageCase .page_case_list li .content .info .enter{
	position: relative;
	display: block;
	float: right;
}

.pageCase .page_case_list li .content .info .enter a{
	display: block;
	float: left;
	width: auto;
	height: auto;
	border: 1px solid transparent;
	border-radius: 50%;
	margin-top: 14px;
	margin-left: 10px;
	-webkit-transition: border 0.3s linear;
	-o-transition: border 0.3s linear;
	transition: border 0.3s linear;
}



.pageCase .page_case_list li .content .info .enter .case-ewm{
	display: none;
	position: absolute;
	padding: 6px;
	border: 1px solid #e0e0e0;
	bottom:47px;
	right:-20px;
	background-color: #fff;
	z-index: 10;
}

.pageCase .page_case_list li .content .info .enter .case-ewm img{
	display: block;
	width: 140px;
	height: 140px;
}

.pageCase .page_case_list li .content .info .enter .case-ewm p{
	display: block;
	padding: 10px;
	line-height: 1;
	text-align: center;
	color: #383838;
	white-space: nowrap;
}

.pageCase .page_case_list li .content .info .enter .case-ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	bottom:-16px;
	right:30px;
}



.pageCase .page_case_list li .content .info .enter .case-ewm1{
	display: none;
	position: absolute;
	padding: 6px;
	border: 1px solid #e0e0e0;
	bottom:47px;
	right:-20px;
	background-color: #fff;
	z-index: 10;
}

.pageCase .page_case_list li .content .info .enter .case-ewm1 img{
	display: block;
	width: 140px;
	height: 140px;
}

.pageCase .page_case_list li .content .info .enter .case-ewm1 p{
	display: block;
	padding: 10px;
	line-height: 1;
	text-align: center;
	color: #383838;
	white-space: nowrap;
}

.pageCase .page_case_list li .content .info .enter .case-ewm1 .arrow1{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #fff;
	bottom:-16px;
	right:30px;
}




.case-box{/*background: url(../images/case/case-bg.png) no-repeat center top #f5f5f5; */padding-top: 50px;}
.case-box .box{width: 1200px; margin:0 auto;}
.case-box .txt-j4{overflow: hidden; padding-bottom: 65px;}
.case-box .wp{width: 100%; max-width: 1200px; margin: 0 auto; position:relative;}
.case-box .wp .txt{margin-right:290px;}
.case-box .wp .txt strong{	overflow: hidden; display: block; white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;line-height: 58px;font-size: 35px;color: #333;font-weight: normal; margin-bottom: 8px;}
.case-box .wp .txt p{ font-size: 14px; color: #666; overflow: hidden; line-height: 28px;}
.case-box .wp .a1-box{position: absolute; right: 0; bottom: 0;}
.case-box .wp .a1-box .a1{width: 100px; height: 40px; line-height: 40px; border-radius: 5px; display: block; text-align:center; font-size: 15px; color: #fff; background:#e60012 ;}
.case-box .img_box{ padding:50px; background:#f8f8f8;}
.case-box .img {-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); }
.case-box .img dd{ background:url(../images/case/mac_top.jpg) left top no-repeat; height:19px; width:900px; line-height:19px; padding:10px 100px; color:#aaa; border-radius:5px 5px 0 0; }
.case-box .tank{ text-align: center; margin-top: 60px;}


/* 内页新闻 */
.pageNews{width: 100%; position: relative; left: 0; top: 0;}
.pageNews .box{width: 1200px; margin:0 auto;}
.pageNews .page_news_top{ text-align: center; padding-top:60px;}
.pageNews .page_news_top h2{ font-size:28px; font-weight:600; color:#333;}
.pageNews .page_news_top p{ margin-top: 10px; font-size: 14px; color:#666;}
.pageNews .page_news_nav{ width:1200px; margin:0 auto; height:38px; text-align:center; padding:50px 0 0;}
.pageNews .page_news_nav li{display:inline-block; line-height:38px; margin:0 10px; background:#ededed; border-radius:20px;}
.pageNews .page_news_nav li a{ color:#333; font-size:14px; padding:0 35px;display:inline-block;}
.pageNews .page_news_nav li:hover{background:#e60012;}
.pageNews .page_news_nav li:hover a{ color:#fff;}
.pageNews .page_news_nav .select{background:#e60012;}
.pageNews .page_news_nav .select a{ color:#fff;}
.pageNews .page_news_list{ width:1200px; margin:20px auto 0; display: block; }
.pageNews .page_news_list li{ width: 100%; float: left; height: 200px; position:relative; margin:20px 0;}
.pageNews .page_news_list li dl{width: 300px; height: 200px; cursor:pointer; overflow:hidden; position:relative; display:inline-block; float:left;}
.pageNews .page_news_list li dl .img{width: 300px; height: 200px; position:relative ; overflow: hidden;}
.pageNews .page_news_list li dl .img img{width: 300px; height: 200px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.pageNews .page_news_list li:hover dl .img img{transform: scaleX(1.1) scaleY(1.1);}
.pageNews .page_news_list li dl .info{background: rgba(0, 0, 0, 0.3)url(../images/ic.png) center center no-repeat; visibility: hidden; opacity: 0; pointer-events: none;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;backface-visibility: hidden; bottom: 0;left: 0;position: absolute;right: 0;
text-align: center;top: 0; width:40px; height:40px; padding:75px 127px;}
.pageNews .page_news_list dl .info {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
.pageNews .page_news_list li:hover .info {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.pageNews .page_news_list li .newcon{ width: 72%; float:right;}
.pageNews .page_news_list li .newcon a{ float: left; font-size:16px; color:#333;line-height:38px; font-weight:700; display: block;width:100%;}
.pageNews .page_news_list li .newcon a:hover{ color:#e60012;}
.pageNews .page_news_list li .newcon span{ width:100%;font-size: 14px;color: #666; border-bottom: 1px dotted #d3d3d3; padding-bottom: 10px;line-height: 24px; display: block;}
.pageNews .page_news_list li .newcon dd{ width:100%;    font-size: 14px;color: #878787;padding-bottom: 18px;margin-top: 18px;line-height: 30px;}
.pageNews .page_news_list li .newcon .page_news_more{ position: absolute; bottom: 0; background:#f8f8f8; width:120px; height:36px; border-radius:15px;  text-align:center;}
.pageNews .page_news_list li .newcon .page_news_more a{ color:#333; font-size:14px; line-height: 36px; display:block;}
.pageNews .page_news_list li .newcon .page_news_more a:hover{ color:#fff; background:#e60012; border-radius:15px; }

.pageNews .pageNewsT{ width:1200px; margin:30px auto 0; font-size:20px; text-align:center; color:#333; font-weight:bold;}
.pageNews .pageNewsC{ width:1200px; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNews .pageNewsD{ width:1200px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNews .pageNewsD img{ max-width:100%; margin:5px 0;}



/* about */
.bannerbox .ban-bg{background: rgba(0, 0, 0, 0) url(../images/about/ban_bg.png) no-repeat scroll center top;bottom: -30px;height: 54px; left: 0;position: absolute;width: 100%; z-index: 60;}

.about{ width:1200px; margin:0 auto;}
.tit-i {text-align: center; padding: 60px 0 30px; line-height: 36px; overflow: hidden;}
.tit-i h3 {font-size: 28px; color: #333; margin-bottom: 10px; font-weight: bold;}
.tit-i h5 {font-size: 14px; color: #666; text-transform: uppercase; font-family: Arial; font-weight: normal;}
.tit-i h5 span { color: #e60012;}

.about-info{color: #666; font-size: 15px; line-height: 34px; padding-bottom: 50px;}
.ul-about li {
	float: left;
	width: 33.333%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.ul-about li h3 {
	font-size: 24px;
	color: #002;
	line-height: 36px;
}
.ul-about li em {
	display: inline-block;
	width: 45px;
	height: 0;
	border-bottom: 1px solid #7f7f90;
	margin-bottom: 20px;
	margin-top: 25px;
}
.ul-about li .block {
	position: relative;
	height: 235px;
	margin: 0 auto;
}
.ul-about li .block img {
	position: absolute;
	left: 0;
	top: 0;
}
.ul-about li.li1 .block {
	width: 150px;
}
.ul-about li.li2 .block {
	width: 215px;
}
.ul-about li.li3 .block {
	width: 252px;
}
li1 p{ text-align:center; line-height: 1.5em;}

.service {
	background: #f8f8f8;
	padding-top: 25px;
	padding-bottom: 63px;
	margin-top:50px;
}
.wp{ width:1200px; margin:0 auto;}
.process {
	overflow: hidden;
}
.process .con {
	position: relative;
}
.animate-box, .animate-box .con {
	width: 1170px;
}
.process .pad {
	padding-top: 26%;
}
.process img {
	position: absolute;
	left: 0;
	top: 0;
}
.process span {
	display: inline-block;
	color: #666;
	font-size: 16px;
	position: absolute;
}
.process span.s1 {
	left: 0%;
	top: 0%;
}
.process span.s2 {
	left: 4.6%;
	top: 0%;
}
.process span.s3 {
	left: 1.6%;
	top: 22%;
}
.process span.s4 {
	left: 1.6%;
	top: 65%;
}
.process span.s5 {
	left: 9.5%;
	top: 42%;
}
.process span.s6 {
	left: 20%;
	top: 65%;
}
.process span.s7 {
	left: 27%;
	top: 50%;
}
.process span.s8 {
	left: 38%;
	top: 89%;
}
.process span.s9 {
	left: 49%;
	top: 15%;
}
.process span.s10 {
	left: 57%;
	top: 89%;
}
.process span.s11 {
	left: 77.5%;
	top: 64%;
}
.process span.s12 {
	left: 94%;
	top: 4%;
}
.process em {
	position: absolute;
	background: url(../images/about/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
}
.process em.q1 {
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}
.process em.q2 {
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/about/r2.png);
}
.process em.q3 {
	background-image: url(../images/about/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4 {
	background-image: url(../images/about/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5 {
	background-image: url(../images/about/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6 {
	background-image: url(../images/about/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7 {
	background-image: url(../images/about/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}
.g-xgdt{ padding: 0 0 60px;}
.g-xgdt ul li{
	margin-right: 3%;
	float: left;
	width: 30%;
}

.g-xgdt ul li .img img{
	width: 100%;
	max-height:240px;
}
.g-xgdt ul li h3{
	text-align: left;
	margin-top: 6px;
	font-size: 18px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.g-xgdt ul li .data{
	margin-top: 3px;
	font-size: 14px;
	color: #999;
	margin-top: 5px;
}
.g-xgdt ul li .t{
	margin-top: 5px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.fix a{display: block; position: relative;}
.g-ul-case li{
	margin-right: 5%;
	float: left;
	width: 30%;
	margin-bottom: 30px;
}
.g-ul-case li:nth-child(3n){
	margin-right: 0;
}
.g-ul-case li .img img{
	width: 100%;
}
.g-ul-case li h3{
	text-align: left;
	margin-top: 12px;
	font-size: 20px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}	
	
/* contact */
.contact{ width:1200px; margin:0 auto; padding-top:50px;}	
.contact .nr-h20{margin-top: 0px; margin-bottom: 20px;font-size: 24px; font-weight: bold;}
.nerong{ margin-top:50px;}
.nerong .p_left{ float:left; line-height:15px; line-height:30px; width:50%;}
.nerong .p_left p{ font-size:17px; line-height: 38px;}
.nerong .p_right{ float:right; width:16.5%;}
.nerong .p_right .erwm1{ 
    display: block;
    float: left;
    height: 230px;
    text-align: center;
    width: 200px;
	}
.nerong .p_right .erwm1 dd{ font-size:15px; color:#000; line-height:30px;}
.nerong .p_right .erwm2{
    display: block;
    float: right;
    height: 230px;

    text-align: center;
    width: 200px;}
.nerong .p_right .erwm2 dd{ font-size:15px; color:#000; line-height:30px;}

.page_messages{margin:0; padding:0; width:100%; min-width:1200px;}
.page_messages_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}
.page_messages_top h1{ font-size:28px; font-weight:bold;}
.page_messages_top span{ font-weight:bold; color:#ff4229;}

.page_messages_list{ width:1200px; margin:0 auto 60px; overflow:hidden;}
.page_messages_list .row{ width:100%; clear:both;  margin:0 0 30px 0;}
.page_messages_list .row .row_left{ width:570px; float:left; display:block; }
.page_messages_list .row .row_right{ width:570px; float:right; display:block; }
.page_messages_list .row .row_xuqiu select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.page_messages_list .row .row_xuqiu .txt.w1{background: transparent url("../images/arrow.png") no-repeat scroll right center; height: 54px;width: 570px; color:#aaa; font-size:16px; font-family:微软雅黑;}
.page_messages_list .row .row_xuqiu .txt.w1:focus{ color:#000;}
.page_messages_list label{ position:relative; display:block; }
.page_messages_list .row .input1{ font-size:16px; color:#888; font-family:微软雅黑;}
.page_messages_list .row .input1:focus{ color:#000;}
.page_messages_list .row .input2{ font-size:16px; color:#888; font-family:微软雅黑;}
.page_messages_list .row .input2:focus{ color:#000;}
.page_messages_list .row .input3{ font-size:16px; color:#888; font-family:微软雅黑;}
.page_messages_list .row .input3:focus{ color:#000;}
.page_messages_list .row .input4{ font-size:16px; color:#888; font-family:微软雅黑;}
.page_messages_list .row .input4:focus{ color:#000;}
.page_messages_list .row .input5{ font-size:16px; color:#888; font-family:微软雅黑;}
.page_messages_list .row .input5:focus{ color:#000;}
.page_messages_list .txt{ border:1px solid #ccc; padding:15px 24px; background:#fff;}
.page_messages_list .txt:focus{ border:1px solid #e60012; 15px 10px; background:#fff;}
.page_messages_list .txt.w1{ width:520px; height:20px; line-height:20px;}
.page_messages_list .txt.w2{ width:1150px; height:90px; line-height:20px;}
.page_messages_list .btn{ float:left; border:0; background:#e60012; border-radius:5px; width:400px; height:58px; cursor:pointer; text-align:center; font-size:20px; font-weight:bold; color:#fff;}
.page_messages_list .row .btn:hover{ background:#cd0515; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_messages_list .row p.xin{ color:#21282e; line-height:70px; font-size:18px; float:right; font-weight:bold;}
.page_messages_list .row p.xin span{ color:#e60012;}


	
	

/* fenye */
.pages1{ width:1200px; margin:30px auto;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#e60012;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#e60012;}

.pages { margin:25px 0 40px; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .active {background:#e60012;  border:1px solid #e60012;text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#e60012;  border:1px solid #e60012;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}


.BMap_stdMpCtrl{ display: none;}
.anchorBL{ display: none;}
.BMap_cpyCtrl{ display: none;}







/*xin kefu  */


.new-float{
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 50;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li{
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  background: #e60012;
  border-radius: 5px;
  text-align: center;
}
.new-float li.hover{
  overflow: hidden;
}
.new-float li a{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 10px 0 0;
  color: #fff;
}
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
}
.new-float li.fi a{
   background: url(../images/xd/bg_float03.png) no-repeat;
}
.new-float li.se a{
  background: url(../img/bg_float02.png) no-repeat;
}
.new-float li.th a{

  background: url(../images/xd/float_qqicon2.png) no-repeat;
}
.new-float li.fo a.tit{
  background: url(../img/bg_float04.png) no-repeat;
}
.new-float li.fif p{
  background: url(../images/xd/bg_float05.png) no-repeat;
  font-size: 12px;
}
.new-float li.zixun a{
  background: url(../img/bg_float01.png) no-repeat;
}
.new-float li.six a{
  background: url(../images/xd/xxf_bg_float01.png) no-repeat;
  cursor: pointer;
}


.new-float li .tel{
 position: absolute;
left: 74px;
top: 0;
z-index: 1;
width: 187px;
height: 57px;
font: 24px/57px Arial;
color: #fff;
background: url(../images/xd/bg_float06.png) no-repeat;
cursor: pointer;
}
.new-float a.mof{
  display: inline-block;
  width: 54px;
  height: 71px;
  padding: 12px 11px 0 12px;
  margin-top: 10px;
  *margin-top: 7px;
  background: url(../img/xd/bg_float07.png) no-repeat;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}



input {
    background:  url(../images/xd/zxzzz.png) no-repeat;
	width:87px;
	height:57px;
	border-radius: 5px;
	border:0px;background-color:transparent;
	    cursor: pointer;
		outline:none;
}