/*APP基本定义*/


@media (max-width:1440px) {
	.banner {
	position: relative;
	height: 600px !important;
}
.bannernei{position: relative; height:370px !important; }
}

.banner{width:100%; margin:0 auto; height:800px; background-image:url(../images/banner.jpg) ; background-position:top center; background-repeat:no-repeat; background-size:cover}
.bannernei{background-image:url(../images/banner22.jpg);  background-position:top center; background-repeat:no-repeat; background-size:cover;width:100%; margin:0 auto; height:500px;}




div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px;color:#333;line-height:24px;height:auto;clear:both; min-width:1200px; padding-top:100px;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333; outline:none;}
a:hover{ background-repeat:no-repeat; color:#03a5e3;}
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}

/*APP基本定义*/

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.webbox{ width:1180px; margin:0px auto; min-height:500px; height:auto !important; height:500px;}




/*---首页案例切换图---*/
.post-home{ float:left; margin-left:10px; margin-right:10px; width:277px; text-align:center; position:relative; margin-bottom:15px}
.post-thumbnail1{ width:100%}
.i_tuijian{ display:block; text-align:center; line-height:340px; font-style:normal; display:none; position:absolute; top:80px;background-image:url(../images/bg_hover1.png); background-repeat: no-repeat; background-position:center; left:15px; right:18px; bottom:80px; text-align:center; color:#fff}
.post-home a:hover .i_tuijian{ display:block}


/*---合作伙伴---*/
.picMarquee-left{width:1178px;overflow:hidden;position:relative;z-index:2;margin:40px auto 0px auto;padding-bottom:20px;}
.picMarquee-left .hd{overflow:hidden;height:40px;position:absolute;top:30px;left:0px;z-index:4;width:100%;}
.picMarquee-left .hd a{font-size:20px;display:block;width:38px;height:38px;line-height:38px;overflow:hidden;cursor:pointer;color:#999;font-weight:lighter;border:1px solid #999;text-align:center;}
.picMarquee-left .hd a:hover{color:#333;border-color:#333;}
.picMarquee-left .hd .next{float:right;}
.picMarquee-left .hd .prev{float:left;}
.picMarquee-left .bd{width:1178px;margin:0 auto;position:relative;z-index:31;}
.picMarquee-left .bd ul{overflow-x:hidden;}
.picMarquee-left .bd ul li a{display:block;width:180px;height:100px;}
.picMarquee-left .bd ul li{margin:0 7px;float:left;_display:inline; text-align:center;border:1px solid #ddd;width:180px;height:100px;overflow:hidden;}
.picMarquee-left .bd ul li img{transform:scale(1);transition:All .6s ease-in-out; }
.picMarquee-left .bd ul li:hover img{transform:scale(1.1);transition:All .6s ease-in-out;position:relative;z-index:2;}
.picMarquee-left .bd ul li .pic{text-align:center;}
.picMarquee-left .bd ul li .pic img{width:178px;height:98px;display:block;}



/*---服务范围---*/
.wrap{width:1200px;margin:0 auto;float:none;position:relative;}
.speed{ margin-top:40px;position:relative; background-image:url(../images/bgg.jpg); background-repeat:repeat-x;}
.speed ul{display:table;width:100%;table-layout:fixed;  }
.speed li{ width:300px;vertical-align:top; float:left;}
.speed a{display:block;color:#ccc;text-decoration:none;text-align:center;position:relative;padding-top:8px;}
.speed img{display:block;margin:0 auto; width:180px; height:180px;}
.speed a:hover img{-webkit-animation:shake .5s ease-in;}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateY(0);}
    20%, 60%{-webkit-transform: translateY(-10px);}
    40%, 80%{-webkit-transform: translateY(10px);}
}
.speed span{display:block;margin-top:12px;  font-size:14px; color:#666; line-height:35px;}
.speed .tip{display:inline-block;padding:5px 15px;height:25px;border-radius:2px;line-height:25px;background:#59b7b9;color:#fff;margin:45px auto 0;position:relative;}
.speed .tip1{display:inline-block;padding:5px 15px;height:25px;border-radius:2px;line-height:25px;background:#59b7b9;color:#fff;margin:45px auto 0;position:relative;}
 .speed em{display:block;width:100%;height:1px;overflow:hidden;background:#a3d54c;position:absolute;top:237px;z-index:2;}
.speed i{display:block;width:20px;height:20px;border-radius:1000px;background:url(../images/ico.png) no-repeat 0px -575px;position:absolute;left:49%;_left:25%;top:241px;margin-left:-6px;z-index:3;}
.speed i.wr{background:url(../images/ico.png) no-repeat 0px -644px;}
.speed li .tip{background:#a3d54c;}
.speed li .tip1{background:#59b7b9;}
.speed i.wer{ width:12px; height:6px; background:url(../images/ico.png) no-repeat 0px -708px; margin-top:33px;*margin-top:36px; margin-left:-2px; z-index:10000;}
.speed i.wer1{ width:12px; height:6px; background:url(../images/ico.png) no-repeat 0px -769px; margin-top:33px;*margin-top:36px; margin-left:-2px;z-index:10000;}
/*页码*/
.mulv{width:1200px; margin:0 auto; text-align:center; padding-bottom:20px}
.mulv a{ padding:4px 8px; border:1px solid #039cd6; margin-left:10px; margin-right:10px;}


/*联系我们*/

.about h2{ height:auto; font-size:16px; font-weight:bold;font-family:'Microsoft YaHei'; color:#6E6E6E; line-height:48px; border-bottom:1px solid #c6c6c6; display:block; margin-bottom:10px; padding-bottom:10px}
.about p{  font-size:20px; height:auto; margin-top:20px;}

/*关于我们*/

.main_box {
	width: 1200px;
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
.red {
	color: #ff2a00!important;
}
.no_bg {
	background: none!important;
}
.green {
	color: #3cac4a!important;
}
.blue {
	color: #1949b9!important;
}
.no_border {
	border: 0!important;
}
.no_margin {
	margin: 0!important;
}
.border {
	border: 1px solid #e8e8e8;
}
.border-top {
	border-top: 1px solid #e8e8e8;
}
.border-right {
	border-right: 1px solid #e8e8e8;
}
.border-left {
	border-left: 1px solid #e8e8e8;
}
.border-bottom {
	border-bottom: 1px solid #e8e8e8;
}
.bnt_zk:hover .box_zk {
	display: block;
}
.ht_border {
	border: 1px solid #dedfe0;
}
.images:hover, .bnt:hover {
	opacity: 0.7;
}
.blue {
	color: #0471d7!important;
}
.text_fr {
	text-align: right;
}
.dd {
	background: #d6d7d9;
	border-radius: 50%;
	height: 7px;
	display: inline-block;
	width: 7px;
	margin: 0 10px;
}
.bnt_zk:hover .box_zk {
	display: block;
}
.j_bnt {
	display: inline-block;
	border: none;
	border-radius: 3px;
	background: #3cac4a;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	padding: 0 35px;
}
.j_bnt:hover {
	background: #4bc65a;
	cursor: pointer;
}
.fr, .right {
	float: right;
}
.color1 {
	color: #00b2bb!important;
}
.color {
	color: #039cd6!important;
}
.no_bg_images {
	background-image: none!important;
}
.no_display {
	display: none;
}
.h_x {
	color: #ff3000;
	padding-left: 10px;
	padding-top: 10px;
}
.clear {
	clear: both;
}
.bg_jinyong {
	background: #c7c8cc!important;
}
.bnt_zk:hover .box_zk {
	display: block;
}
.images {
	display: block;
	margin: 0 auto;
}
label {
	cursor: pointer;
}
#index_qq, .servie-li ul li a span, #service_content dd, #bnt_link, .gd_back i, .nav_left, .submit, .images, .bnt, images, li, a {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#service_content .f3 dd .up .iconfont, #about_more, #search .text, .bd li images, #nav, images.close, .zz, .pic, .text {
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#bnt_link {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#logo_fot:hover, .servie-li ul li a:hover span, #service_content .f3 dd .up .iconfont:hover, #about_more:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.color_service {
	color: #8c56a1!important;
}
.color_kjgw {
	color: #cda466!important
}
.color_1 {
	color: #ec3d13!important
}
.text_dx {
	text-transform: uppercase;
}
.submit {
	cursor: pointer;
	background-color: none;
	border: none;
}
.bnt {
	display: inline-block;
	line-height: 30px;
	border-radius: 3px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.bnt_bg1 {
	background: #ff4400;
}
.my_title {
	color: #df9e5d;
	font-size: 25px;
}
.text_indent {
	text-indent: 2em;
}
.article {
	color: #696969;
	font-size: 14px;
	line-height: 35px;
}
.article p {
	font-size: 14px;
}
.j_fixed {
	position: fixed!important;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999999999999999999;
	background: #fff;
	margin: 0 auto;
}
.t_sd {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.u_bnt {
	display: inline-block;
	border: none;
	border-radius: 3px;
	background: #1949b9;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.u_bnt:hover {
	background: #5b6cc2;
	cursor: pointer;
}


.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

input {
	padding: 0 5px;
	vertical-align: middle;
	line-height: normal;
}
.text-overflow-hidden {
	overflow: hidden;
	word-spacing: normal;
	letter-spacing: normal;
	whitewhite-space: nowrap;
}
.box-align-center {
	margin-right: auto;
	margin-left: auto;
}
a:link, a:visited {
	color: #727272;
	text-decoration: none;
	cursor: pointer!important;
}
a:hover, a:active {
	border: none;
	color: #ff1d00;
}
.fg_ad {
	display: block;
	margin: 50px auto;
}
#dowebok {
	animate-duration: 10s;
//动画持续时间 animate-delay: 5s;
//动画延迟时间 animate-iteration-count: 2;
//动画执行次数
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}


@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}



/*==============关于=====================*/
#about_content {
	padding-top: 0.1px;
}
#about_banner .logo_about {
	padding: 40px 0 0 0;
}
#about_banner h1 {
	margin-top: 20px;
}
#about_content .f1 {
}
#about_content .f1 .left {
	width: 50%;
	background: #f3f4f6;
	padding: 20px 0;
	height: 340px;
}
#about_content .f1 .left images {
	padding-right: 30px;
}
#about_content .f1 .right {
	width: 50%;
	background: #f3f4f6;
	padding: 20px 0;
	height: 340px;
}
#about_content .f1 .right .box {
	padding: 50px 0 70px 50px;
}
#about_content .f1 .right .box h1 {
	font-size: 18px;
	margin-bottom: 30px;
}
#about_content .f1 .right .box p {
	font-size: 14px;
	color: #434345;
	line-height: 30px;
}
about_content .f1 {
}
#about_content .f2 .right {
	width: 50%;
	background: #f3f4f6;
	height: 430px;
}
#about_content .f2 .right images {
	margin: 0;
	display: block;
	padding: 0;
	float: left;
}
#about_content .f2 .left {
	width: 50%;
	background: #f3f4f6;
	height: 430px;
}
#about_content .f2 .left .box {
	padding: 40px 50px 40px 0px;
}
#about_content .f2 .left .box h1 {
	font-size: 18px;
	margin-bottom: 30px;
}
#about_content .f2 .left .box p {
	font-size: 14px;
	color: #434345;
	line-height: 21px;
}
