* {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
}
a {
	text-decoration: none;
}
@font-face {
    font-family: 'ya';
    src: url('../fonts/yayuanzi/yayuanzi.eot?v=201611221');
    src: url('../fonts/yayuanzi/yayuanzi.eot?v=201611221') format('embedded-opentype'),
         url('../fonts/yayuanzi/yayuanzi.woff2?v=201611221') format('woff2'),
         url('../fonts/yayuanzi/yayuanzi.woff?v=201611221') format('woff'),
         url('../fonts/yayuanzi/yayuanzi.ttf?v=201611221') format('truetype'),
         url('../fonts/yayuanzi/yayuanzi.svg#yayuanzi?v=201611221') format('svg');
}
@font-face {
    font-family: 'ya_font';
    src: url('../fonts/yafont/ya_font.eot?v=201611221');
    src: url('../fonts/yafont/ya_font.eot?v=201611221') format('embedded-opentype'),
         url('../fonts/yafont/ya_font.woff2?v=201611221') format('woff2'),
         url('../fonts/yafont/ya_font.woff?v=201611221') format('woff'),
         url('../fonts/yafont/ya_font.ttf?v=201611221') format('truetype'),
         url('../fonts/yafont/ya_font.svg#ya?v=201611221') format('svg');
}
@font-face {
    font-family: 'yayuan_zi';
    src: url('../fonts/yayuan_zi/yayuan_zi.eot?v=201611221');
    src: url('../fonts/yayuan_zi/yayuan_zi.eot?v=201611221') format('embedded-opentype'),
         url('../fonts/yayuan_zi/yayuan_zi.woff2?v=201611221') format('woff2'),
         url('../fonts/yayuan_zi/yayuan_zi.woff?v=201611221') format('woff'),
         url('../fonts/yayuan_zi/yayuan_zi.ttf?v=201611221') format('truetype'),
         url('../fonts/yayuan_zi/yayuan_zi.svg#ya?v=201611221') format('svg');
}
button,
input {
	font-family: "Microsoft YaHei";
}
.big{
	width: 100%;
	min-width: 1200px;
}
.wrap {
	min-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
/*****************banner**********************/
.banner-out{
  width: 100%;
  min-width: 1200px;
  height:472px;
  margin:0 auto;
  background:url(../images/banner.png) no-repeat center center;
  overflow: hidden;
}
.banner-out .app-banner-lf{
  width: 459px;
  height:759px;
  margin-right: 50px;
}
.model {
	width: 100%;
	height: 600px;
	background-color: #fff;
}
.app-model {
	margin: 0 auto;
	width: 1200px;
	height: 600px;
}
.model-top {
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #252525;
}
.model-tope {
	margin-top: 8px;
	text-align: center;
	font-size: 18px;
	font-weight: lighter;
	color: #626262;
}
.model-left {
	margin-top: 40px;
	float: left;
	width: 600px;
	height: 480px;
	text-align: center;
}
.native {
	margin-top: 30px;
	font-size: 22px;
	color: #404040;
}
.model-intro {
	margin: 0 auto;
	margin-top: 30px;
	width: 314px;
	height: 50px;
	font-size: 12px;
	color: #898989;
	line-height: 24px;
	text-align: left;
}
.left-tab {
	margin: 0 auto;
	margin-top: 20px;
	width: 314px;
	height: 93px;
	font-size: 12px;
	color: #898989;
}
.left-tab tr td {
	text-align: left;
}

.model-right {
	margin-top: 40px;
	float: right;
	width: 600px;
	height: 480px;
	text-align: center;
}
.h5 {
	margin-top: 10px;
}
.left-tab tr td img {
	margin-right: 4px;
}
.type {
	width: 100%;
	min-width: 1200px;
	height: 610px;
	background-color: #f4f4f4;
}
.type-content {
	margin: 0 auto;
	padding-top: 60px;
	width: 1200px;
	height: 550px;
}
.service-type {
	width: 100%;
	float: left;
	margin-bottom:30px;
}
.type-e {
	font-size: 18px;
	font-weight: lighter;
	color: #626262;
}
.shu {
	position: relative;
	top: 5px;
}
.type-ways {
	float: left;
	width: 240px;
	height: 410px;
	background-color: red;
}
.orange {
	background-color: #ff7537;
}
.case-type-big, .case-type-small {
    width: 100%;
    margin-top: 25px;
    padding-left: 25px;
    font-size: 32px;
    color: #fff;
    font-family: 'yayuanzi';
    box-sizing: border-box;
    opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;
	filter: alpha(opacity=80);
}
.case-type-small {
    margin-top: -5px;
    font-size: 12px;
    text-transform: uppercase;
}
.blue {
	background-color: #0e85d9;
}
.green {
	background-color: #25b462;
}
.yellow {
	background-color: #f69220;
}
.gray {
	background-color: #4c4c4c;
}
.type-top {
	width: 240px;
	height: 288px;
	/*background: url(../images/phone.png) no-repeat right;*/
	overflow: hidden;
	/*background-position: 100px 100px;*/
}
.page-app-type{
	float: right;
    margin-right: -11px;
    margin-top: 20px;
}
.type-toptitle {
	font-size: 32px;
	font-weight: thin;
	color: #fff;
}
.type-title {
	margin-left: 24px;
	margin-top: 30px;
}
.app-intro {
	width: 240px;
	height: 122px;
	background-color: #fff;
}
.whole-people {
	padding-top: 40px;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #ff7537;
	font-size: 12px;
	line-height: 18px;
}
.offic {
	padding-top: 40px;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #0e85d9;
	font-size: 12px;
	line-height: 18px;
}
.news {
	padding-top: 40px;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #25b462;
	font-size: 12px;
	line-height: 18px;
}
.social {
	padding-top: 30px;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #f69220;
	font-size: 12px;
	line-height: 18px;
}
.logistic {
	padding-top: 40px;
	margin: 0 auto;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #4c4c4c;
	font-size: 12px;
	line-height: 18px;
}
.cases {
	width: 100%;
	min-width: 1200px;
	height: 700px;
	background-color: #fff;
}
.case-content {
	margin: 0 auto;
	padding-top: 50px;
	width: 1200px;
	height: 650px;
}
.cases-title {
	display: inline-block;
	width: 295px;
	height: 220px;
	margin-top: 5px;
}
.cases-title img{
	width: 295px;
	height: 220px;
}
.mask {
	position: relative;
	top: -220px;
	float: left;
	width: 294px;
	height: 220px;
	display: none;
	background-color: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);
	
}
.mask-title {
	margin-top: 80px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.mask-content {
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.publice-case-more{
	width: 100%;
	clear: both;
}
.more-case {
	float: left;
	margin-left:470px;
	margin-top: 30px;
	padding-bottom: 14px;
	width: 274px;
	height: 104px;
	font-size: 20px;
	color: #fff;
	outline: none;
	border: none;
	background: url(../images/many_icon.png) no-repeat center center;
	cursor: pointer;
	text-align: center;
}
.more-case a{
 	display: block;
	width: 100%;
  	height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 107px;
}
.more-case-on {
  background: url(../images/many_icon_on.png) no-repeat center center;
}
.our-top {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}
.our-tope {
	margin-top: 8px;
	text-align: center;
	font-size: 18px;
	font-weight: lighter;
	color: #fff;
}
.our-kinds {
	float: left;
	width: 240px;
	height: 250px;
	text-align: center;
}
.our-content {
	margin: 0 auto;
	margin-top: 95px;
	width: 1200px;
	height: 250px;
}
.kind-title {
	margin-top: 30px;
	color: #fff;
	font-size: 20px;
}
.process {
	width: 100%;
	min-width: 1200px;
	height: 744px;
	background: url(../images/precess-bg.png) no-repeat left;
	border-bottom: 1px solid #e6e6e6;
}
.process-content {
	padding-top: 60px;
	margin: 0 auto;
	width: 1200px;
	height: 684px;
}
.sale {
	width: 100%;
	min-width: 1200px;
	height: 490px;
}
.sale-content {
	padding-top: 60px;
	margin: 0 auto;
	width: 1200px;
	height: 430px;
}
.sale-kinds {
	float: left;
	width: 400px;
	height: 150px;
	
}
.service-typee {
	margin-bottom: 60px;
	font-size: 30px;
	font-weight: bold;
	color: #333;
}
.sale-img {
	float: left;
	width: 60px;
}
.sale-service {
	margin-top: 18px;
	margin-left: 10px;
	float: left;
	font-size: 22px;
	color: #484848;
}
/*********新闻资讯************/
.news-out{
	width: 100%;
	min-width: 1200px;
	height: 695px;
	background: #ededed;
}
.news-box{
	width: 1200px;
    margin: 0 auto;
}
.news-information-box{
	position: relative;
	float: left;
	top: -24px;
	width: 280px;
	height: 567px;
	padding: 0 26px;
	background: #27a545;
}
.news-information-box .title{
	position: relative;
	float: left;
	width: 100%;
	padding:16px 0;
	font-size:16px;
    color: #fff; 
    text-align: left;
    border-bottom: 1px dashed #59ba70;
}
.news-information-box .last-title{
	border-bottom: none;
}
.page-news-cont:hover .title{
	color: #c7f3d2;
}
.title-time{
	float: right;
	font-size:12px;
	color: #bef0ca;
	line-height: 24px;
}
.news-information-list{
	width: 868px;
	height: 467px;
	float: left;
	margin-top: 75px;
}
.information-cont{
	display: block;
	width:379px;
	height: 81px;
	float: left;
	margin-left:55px;
	margin-top:35px;
}
.information-cont-title{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 12px;
	font-size: 14px;
	color: #404040;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}
.information-cont:hover .information-cont-title{
	color: #3c97d6;
}
.information-cont-time {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #888;
}
.information-cont:hover .information-cont-time{
	color: #3c97d6;
}
.information-intro{
	display: block;
	width: 100%;
	font-family: arial;
	font-size: 12px;
	color: #888888;
	text-align: left;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-clamp:2;
    -moz-line-clamp:2;
    -webkit-line-clamp:2;
    -ms-line-clamp:2;
    -o-line-clamp:2;
    display: -webkit-box;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
}
/*新闻资讯标题*/
.news-inform-title{
    display: block;
    height: 32px;
    margin-top: 60px;
    margin-bottom: 40px;
}
.mess-more-button {
    margin-left: 138px;
}
/*v2 start*/
.single-intro {
	margin: 0 auto;
    width: 314px;
    font-size: 12px;
    color: #898989;
    line-height: 24px;
    text-align: center;
}
.d {
	margin-bottom: 40px;
}
.store {
	margin: 0 auto;
    width: 1200px;
    height: 540px;
}
.option {
	width: 100%;
    height: 890px;
    background-color: #f4f4f4;
    background: url(../images/v2-bg.png) no-repeat center;
}
.dirction {
	text-align: center;
}
.rigth {
	margin-right: 28px;
	cursor: pointer;
}
.left {
	margin-left: 28px;
	cursor: pointer;
}
.option-left {
	float: left;
	width: 600px;
	height: 650px;
	
}
.option-right {
	float: left;
	width: 600px;
	height: 650px;

}
.tabone {
	width: 420px;
	height: 600px;
}
.img1 {
	margin-top: 26px;
	margin-right: 10px;
	float: left;
	width: 41px;
	height: 50px;
	background: url(../images/sprite.png) no-repeat;
	background-position:  -328px 0px;
}
.trone {
	height: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #4c4c4c;
}
.tronee td {
	padding-left: 130px;
	height: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #4c4c4c;
}
.img2 {
	margin-top: 26px;
	margin-right: 10px;
	float: left;
	width: 41px;
	height: 50px;
	background: url(../images/sprite.png) no-repeat;
	background-position:  -451px 0px;
}
.trtwo {
	height: 90px;
	text-align: left;
	line-height: 80px;
	color: #6c6c6c;
	font-size: 14px;
}
.tabone tr td div {
	margin-top: 17px;
	margin-right: 10px;
	float: left;
	width: 41px;
	height: 50px;
}
.img3 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -287px 0px;
}
.img4 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -369px 0px;
}
.img5 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -246px 0px;
}
.img6 {
	background: url(../images/sprite.png) no-repeat;
}
.img7 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -82px 0px; 
}
.img8 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -205px 0px;
}
.img9 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -164px 0px;
}
.img10 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -410px 0px;
}
.img11 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -123px 0px;
}
.img12 {
	background: url(../images/sprite.png) no-repeat;
	background-position: -41px 0px;
}
.tabtwo {

	float: right;
	width: 420px;
	height: 600px;
	color: #fff;

}
.tabtwo tr td div {
	margin-left: 40px;
	margin-top: 17px;
	margin-right: 10px;
	float: left;
	width: 41px;
	height: 50px;
} 
.tabtwo tr td  {
	color: #fff;
	
}
.img0 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -164px 0px;
}
.img22 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -205px 0px;
}
.img33 {
	background: url(../images/sprite1.png) no-repeat;
}
.img44 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -287px 0px;
}
.img55 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -328px 0px;
}
.img66 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -369px 0px;
}
.img77 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -410px 0px;
}
.img88 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -451px 0px;
}
.img99 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -41px 0px;
}
.img100 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -246px 0px;
}
.img111 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -82px 0px;
}
.img122 {
	background: url(../images/sprite1.png) no-repeat;
	background-position: -123px 0px;
}
/*v2 end*/
/*home3 start*/
.options {
	float: left;
	width: 300px;
	height: 150px;
}
.option-img {
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 65px;
	height: 90px;
}
.option-img {
	background: url(../images/sprite2.png) no-repeat;
	background-position: -225px 0px;
}
.option-title {
	margin-top: 30px;
	color: #424242;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}
.option-intro {
	width: 200px;
	font-size: 12px;
	color: #424242;
	line-height: 20px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp:3;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 3;
    -khtml-box-orient: vertical;
}
.option-img1 {
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 80px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
}
.option-img2 {
	margin-left: 6px;
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 65px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: 0px -74px;
}
.option-img3 {
	margin-left: 12px;
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 57px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -290px 0px;
}
.option-img4 {
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 70px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -478px 0px;
}
.option-img5 {
	margin-left: 20px;
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 58px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -420px 0px;
}
.option-img6 {
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 74px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -152px 0px;
}
.option-img7 {
	float: left;
	margin-right: 16px;
	margin-top: 30px;
	width: 73px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -347px 0px;
}
.option-img8 {
	float: left;
	margin-right: 12px;
	margin-top: 40px;
	width: 80px;
	height: 54px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -65px -74px;
}
.option-img9 {
	float: left;
	margin-left: 10px;
	margin-right: 12px;
	margin-top: 30px;
	width: 72px;
	height: 74px;
	background: url(../images/sprite2.png) no-repeat;
	background-position: -80px 0px;
}
.our-service{
	padding-top:65px;
	width: 100%;
	min-width: 1200px;
	height: 460px;
	background: url(../images/server-bg.png) no-repeat top center;
}
.st-img {
	margin: 0 auto;
	width: 120px;
	height: 110px;
	background-color: #fff;
	background: url(../images/sprite3.png) no-repeat;
	background-position: -456px 0px;
}
.st-img1 {
	margin: 0 auto;
	width: 120px;
	height: 110px;
	background-color: #fff;
	background: url(../images/sprite3.png) no-repeat;
	background-position: 0px 0px;
}
.st-img2 {
	margin: 0 auto;
	width: 120px;
	height: 110px;
	background-color: #fff;
	background: url(../images/sprite3.png) no-repeat;
	background-position: -342px 0px;
}
.st-img3 {
	margin: 0 auto;
	width: 120px;
	height: 110px;
	background-color: #fff;
	background: url(../images/sprite3.png) no-repeat;
	background-position: -112px 0px;
}
.st-img4 {
	margin: 0 auto;
	width: 120px;
	height: 110px;
	background-color: #fff;
	background: url(../images/sprite3.png) no-repeat;
	background-position: -228px 0px;
}
.pre-case {
	padding-top: 100px;
	width: 100%;
	height: 560px;
}
.pre-cases {
	margin: 0 auto;
	width: 1200px;
	height: 560px;
}
.paynum{
	margin-top: 10px;
	float: left;
	width: 240px;
	height: 130px;
	text-align: center;
	background: url(../images/pay_icon.png) no-repeat left;
}
.case-big {
	font-size: 20px;
	color: #484848;
	line-height: 100px;
	width: 192px;
    text-align: left;
    margin-left: 48px;
    margin-top: 5px;
}
.case-small {
	font-size: 14px;
	color: #484848;
}
.num-first {
	background-position: -28px -10px;
}
.num-second{
	background-position:-267px -10px;
}
.num-third{
	background-position:-514px -10px;
}
.num-fourth {
	background-position:-747px -10px;
}
.num-fifth{
	background-position:-990px -10px;
}
.num-sixth {
	background-position: -28px -116px;
}
.num-seventh {
	background-position:-274px -120px;
}
.num-eighth {
	background-position:-514px -120px;
}
.num-ninth {
	background-position:  -750px -120px;
}
.num-tenth{
	background-position:  -990px -120px;
}
.num-eleventh{
	background-position:  -28px -230px;
}
.num-twelfth{
	background-position:-271px -235px;
}
.num-thirteenth{
	background-position: -512px -236px;
}
.num-fourteenth{
	background-position:  -752px -236px;
}
.num-fifteenth{
	background-position:  -990px -230px;
}
.num-sixteenth{
	background-position:-28px -360px;
}
.num-seventeenth{
	background-position:-271px -360px;
}
/*home3 end*/
.banner-box{
	position: relative;
    width: 1200px;
    margin: 0 auto;
    top:87%;
}
.guide-lf{
	float: left;
}
.guide-rg{
	float: left;
	position: relative;
	padding-top: 100px;
	margin-left: 50px;
}
.guide-rg-title,
.guide-rg-subtitle,
.guide-rg-small{
	width: 100%;
	font-size: 48px;
	color: #fff;
}
.guide-rg-subtitle{
	margin-top: 15px;
	font-size: 28px;
}
.guide-rg-small{
	margin-top: 15px;
	font-size: 15px;
}
.app-home-title,
.app-home-head{
	margin-top: 0px;
	font-family: "yayuanzi";
	font-size:24px;
}
.app-home-head{
	margin-top: 20px;
}
.guide-btn{
	width: 165px;
	height: 45px;
	margin-top: 60px;
	line-height: 45px;
	background: #0e85d9;
	border-radius:50px;
}
.guide-btn a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 22px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
/*app首页banner按钮*/
.apphome-guide-btn{
	width: 206px;
	height: 93px;
	line-height:77px;
	background: url(../images/app_rg_btn.png) no-repeat center center;
}
/*智能物流banner按钮*/
.flow-guide-btn{
	background: #65cafe;
}
/*新型社交banner按钮*/
.appsocial-guide-btn{
	background: #ff7537;
}
/*电子商城banner按钮*/
.appshop-guide-btn{
	background: #fcc900;
}
/*新闻资讯banner按钮*/
.appnew-guide-btn{
	background: #f69220;
}
/*****************************************************101APP-电子商城V2*********************************************************************************/
.appshop-banner-out{background:#ff7537; overflow: hidden;}
.appshop-banner-out img{
	width:670px;
	height: 359px;
	margin-top: 60px;
}
.shop-our-service{background: #ff7537;}
.news-inform-lf {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.honor-title-lf {
    color: #252525;
}
.news-inform-center {
    float: left;
    height: 32px;
    width: 3px;
    margin: 8px 5px 0;
    background: #fff;
}
.honor-title-center {
    background: #0072bb;
}
.honor-title-orange{
    background: #ff7537;
}
.news-inform-rg {
    float: left;
    font-size: 12px;
    color: #adddb8;
    margin-top: 23px;
}
.honor-title-rg {
	margin-top: 21px;
	font-size: 15px;
    color: #a3a3a3;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*****************************************************102APP-旅游出行v1*********************************************************************************/
.AppTrip-banner-out{background:url(../images/trip_banner.png) no-repeat center center;}
.TripOur-service{background:#25b462;}
/*****************************************************103APP-新闻资讯v2*********************************************************************************/
.appnew-banner-out{background: #0e85d9; overflow: hidden;}
.appnew-banner-out img{
	width: 560px;
    height: 431px;
    margin-top: 50px;
    margin-right: 40px;
}
.news-option{
    float: left;
    width: 390px;
    height: 90px;
    padding:25px 0 25px 10px;
}
.news-head-title{margin-top: 0;}
.option-images{
	float: left;
    margin-right: 16px;
    width: 80px;
    height:90px;
    background: url(../images/new_icon.png) no-repeat;
}
.option-images.img-first {
	background-position:-4px 5px;
}
.option-images.img-second {
	background-position: -102px 5px;
}
.option-images.img-third {
	background-position: -199px 5px;
}
.option-images.img-fourth {
	background-position: -4px -90px;
}
.option-images.img-fifth {
	background-position: -102px -90px;
}
.option-images.img-sixth {
	background-position: -199px -90px;
}
.option-images.img-seventh {
	background-position: -4px -192px;
}
.option-images.img-eighth {
	background-position: -102px -192px;
}
.option-images.img-ninth {
	background-position:-194px -192px;
}
.new-our-service{background: #0e85d9;}
/*****************************************************104APP-新型社交v2*********************************************************************************/
.appsocial-banner-out{background: #ffc04c;overflow: hidden;}
.appsocial-banner-out img{
	width: 453px;
    height: 454px;
    margin-top: 10px;
    margin-right: 140px;
}
.social-options{
    float: left;
    width: 300px;
    height: 90px;
    padding:25px 0;
}
.news-head-title{margin-top: 0;}
.social-intro{width:150px;-webkit-line-clamp: 2;}
.socialoption-img{
	float: left;
    margin-right: 16px;
    width: 85px;
    height:90px;
    background: url(../images/social_icon.png) no-repeat;
}
.socialoption-img.img-first {
	background-position:0px 5px;
}
.socialoption-img.img-second {
	background-position: -98px 5px;
}
.socialoption-img.img-third {
	background-position: -205px 5px;
}
.socialoption-img.img-fourth {
	background-position: -305px 2px;
}
.socialoption-img.img-fifth {
	background-position: 0px -90px;
}
.socialoption-img.img-sixth {
	background-position: -98px -90px;
}
.socialoption-img.img-seventh {
	background-position:-205px -90px;
}
.socialoption-img.img-eighth{
	background-position: -305px -90px;
}
.socialoption-img.img-ninth {
	background-position:0px -192px;
}
.socialoption-img.img-tenth {
	background-position:-98px -192px;
}
.social-our-service{background: #ffc04c;}
/*****************************************************105APP-移动办公v2*********************************************************************************/
.appoffice-banner-out{background:#65cafe;overflow: hidden;}
.appoffice-banner-out img{
	width:699px;
	height:367px;
	margin-top: 65px;
}
.office-option-img{
	float: left;
    margin-right: 16px;
    width: 80px;
    height:90px;
    background: url(../images/office_icon.png) no-repeat;
}
.office-option-img.img-first {
	background-position:0px 5px;
}
.office-option-img.img-second {
	background-position: -92px 5px;
}
.office-option-img.img-third {
	background-position: -185px 5px;
}
.office-option-img.img-fourth{
	background-position: 0px -90px;
}
.office-option-img.img-fifth{
	background-position: -92px -90px;
}
.office-option-img.img-sixth{
	background-position: -185px -90px;
}
.office-option-img.img-seventh {
	background-position: 0px -192px;
}
.office-option-img.img-eighth {
	background-position: -92px -192px;
}
.office-our-service{background: #65cafe;}
.honor-title-blue{
	background: #65cafe;
}
/*****************************************************106APP-智能物流v2*********************************************************************************/
.appflow-banner-out{background:#0099a9;overflow: hidden;}
.appflow-banner-out img{
	width: 633px;
    height:430px;
}
.flow-model{height:750px;}
.flowl-option-img{
	float: left;
    margin-right: 16px;
    width: 85px;
    height:90px;
    background: url(../images/flow_icon.png) no-repeat;
}
.flowl-option-img.img-first {
	background-position:0px 1px;
}
.flowl-option-img.img-second {
	
	background-position: -107px 1px;
}
.flowl-option-img.img-third {
	background-position:-200px 1px;
}
.flowl-option-img.img-fourth {
	background-position: -300px 1px;
}
.flowl-option-img.img-fifth {
	background-position:0px -83px;
}
.flowl-option-img.img-sixth {
	background-position:-106px -83px;
}
.flowl-option-img.img-seventh {
	background-position:-202px -83px;
}
.flowl-option-img.img-eighth{
	background-position: -305px -86px;
}
.flowl-option-img.img-ninth {
	background-position:0px -168px;
}
.flowl-option-img.img-tenth {
	background-position:-105px -169px;
}
.flowl-option-img.img-eleventh{
	background-position:-194px -167px;
}
.flowl-option-img.img-twelfth {
	background-position:-297px -174px;
}
.flowl-option-img.img-thirteenth {
	background-position:0px -264px;
}
.flow-our-service{background: #0099a9;}
/*app开发流程图*/
.clear{
	clear: both;
}
.development-flow-chart{
	position: relative;
	width:1214px;
	height: 468px;
	font-size: 16px;
	color: #272636;
	background: url(../images/flow.png) no-repeat center;
	background-size: 100% 100%;
	clear: both;
}
.run-idea-text{
	position: absolute;
	top: 120px;
	left: 25px;
	font-size: 18px;
	font-weight: bold;
}
.run-demand{
	position: absolute;
	top: 112px;
	left: 254px;
}
.run-contract{
	position: absolute;
	top: 112px;
	left: 524px;
}
.run-prototype-diagram{
	position: absolute;
	top: 112px;
	left: 784px;
}
.run-ui{
	position: absolute;
	top: 112px;
	left: 1073px;
}
.run-design{
	position: absolute;
	top: 265px;
	right: 203px;
}
.run-development{
	position: absolute;
	top: 265px;
	right: 492px;
}
.run-test{
	position: absolute;
	top: 265px;
	right: 769px;
}
.run-go-online{
	position: absolute;
	top: 265px;
	right: 1046px;
}
.run-on-trial{
	position: absolute;
	top: 425px;
	left: 255px;
}
.run-feedback{
	position: absolute;
	top: 425px;
	left: 537px;
}
.run-new{
	position: absolute;
	top: 425px;
	left: 794px;
}
.run-product{
	position: absolute;
	top: 415px;
	left: 1142px;
	font-size: 18px;
	font-weight: bold;
}

/*005k客户*/
.banner-coustom {
  width: 100%;
  height:472px;
  margin:0 auto;
  background: #06c290;
  overflow: hidden;
}
.banner-coustom  img{
  width: 910px;
  height:394px;
  margin-top: 78px;
}
.free-open {
	width: 100%;
	height: 460px;
	background-color: #fff;
}
.free-content  {
	margin: 0 auto;
	width: 1200px;
	height: 460px;
}
.free-logo {
	float: left;
	width: 600px;
	height: 460px;
	text-align: center;
}
.person-img {
	margin-top: 110px;
}
.free-right {
	float: right;
	padding-left: 100px;
	width: 500px;
	height: 460px;
}
.freeword-title {
	font-size: 22px;
	color: #4a4a4a;
	line-height: 40px;
}
.free-intro {
	font-size: 14px;
	color: #7e7e7e;
	line-height: 30px;
}
.freeword-title:first-child {
	margin-top: 180px;
}
.free-intro {
	margin-bottom: 30px;
}
.customer-server {
	width: 100%;
	height: 540px;
	background-color: #eff5f7;
}
.customer-left {
	float: left;
	width: 600px;
	height: 540px;
	text-align: center;
}
.server-title {
	margin: 0 auto;
	margin-top: 15px;
	width: 460px;
	text-align: left;
	line-height: 40px;
	color: #4a4a4a;
	font-size: 22px;
}
.server-content {
	margin: 0 auto;
	width: 460px;
	text-align: left;
	color: #4a4a4a;
	line-height: 28px;
	font-size: 14px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 2;
    -khtml-box-orient: vertical;
}
.server-title:first-child {
	margin-top: 40px;
}

.customer-right {
	text-align: center;
}
.pen-img {
	margin-top: 150px;
}
.project-server {
	width: 100%;
	height: 490px;
	background-color: #fff;
}
.project-left {
	float: left;
	width: 600px;
	height: 490px;
	text-align: center;
}
.project-right {
	float: right;
	width: 600px;
	height: 490px;
}
.domain-title {
	margin: 0 auto;
	margin-top: 15px;
	width: 460px;
	text-align: left;
	line-height: 40px;
	color: #4a4a4a;
	font-size: 22px;
}
.domain-content {
	margin: 0 auto;
	width: 460px;
	text-align: left;
	color: #4a4a4a;
	line-height: 28px;
	font-size: 14px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 2;
    -khtml-box-orient: vertical;
}
.domain-title:first-child {
	margin-top: 110px;
}
/*006售后服务页面*/
.banner-sale {
  width: 100%;
  height:472px;
  margin:0 auto;
  background:#68cccc;
  overflow: hidden;
}
.banner-sale  img{
  width: 910px;
  height:394px;
  margin-top: 78px;
}
.after-sale{
	text-align: right;
	margin-left: 0;
}
.sale-guide-btn{
	background: none;
	border: 2px solid #fff;
	border-radius: 0;
	float: right;
}
.free-maintain {
	width: 100%;
	height: 460px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.maintain-title {
	margin-top: 140px;
	font-size: 36px;
	color: #3cbd74;
}
.maintain-time {
	font-size: 30px;
	color: #464646;
}
.maintain-back {
	margin-top: 40px;
	font-size: 16px;
	color: #747474;
	line-height: 30px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 4;
    -khtml-box-orient: vertical;
}
.time-server {
	width: 100%;
    height: 540px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.time-title {
	margin: 0 auto;
	margin-top: 200px;
    width: 460px;
    text-align: left;
	font-size: 36px;
	text-align: left;
	color: #0e99f9;
}
.time-time {
	margin: 0 auto;
    width: 460px;
    text-align: left;
	font-size: 30px;
	text-align: left;
	color: #464646;
}
.time-back {
	margin: 0 auto;
    width: 460px;
	margin-top: 40px;
	font-size: 16px;
	color: #747474;
	text-align: left;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 4;
    -khtml-box-orient: vertical;
}
.consult-title {
	margin-top: 140px;
	font-size: 36px;
	color: #f69220;
}
.fast-title {
	margin: 0 auto;
    margin-top: 200px;
    width: 460px;
    text-align: left;
    font-size: 36px;
    text-align: left;
    color: #4aceff;
}
.five-title {
    margin-top: 140px;
    font-size: 36px;
    color: #3dbd75;
}
.supervise-title {
	margin: 0 auto;
    margin-top: 150px;
    width: 460px;
    text-align: left;
    font-size: 36px;
    text-align: left;
    color: #4aceff;
}
.supervise-back {
	margin: 0 auto;
    width: 460px;
    margin-top: 40px;
    font-size: 16px;
    color: #747474;
    line-height: 28px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 6;
    -moz-box-orient: vertical;
    -khtml-line-clamp: 6;
    -khtml-box-orient: vertical;
}
.map {
	width: 100%;
	height: 470px;
	background-color: #f4f4f4;
}
#allmap {
	position: relative;
	top: 30px;
	width: 1200px;
	height: 400px;
	overflow: hidden;
	margin:0px auto;
	font-family:"微软雅黑";
	border: 1px  solid #cacaca;
}
.contact-content {
	margin: 0 auto;
	width: 1200px;
	height: 530px;
}
.contact-left {
	float: left;
	width: 380px;
	height: 530px;
	background-color: #234d97;
	text-align: center;
}
.contact-title {
	padding-top: 40px;
	width: 100%;
	font-size: 24px;
	color: #fff;
}
.title-english {
	font-size: 10px;
	color: #fff;
}

.address {
	margin: 0 auto;
	margin-top: 40px;
	width: 280px;
	text-align: left;
	font-size: 14px;
	color: #fff;
}
.address-detail {
	margin: 0 auto;
	margin-top: 10px;
	line-height: 26px;
	width: 280px;
	text-align: left;
	font-size: 16px;
	color: #fff;
}
.address-first {
	margin-top: 80px;
}
.contact-right {

	float: right;
	width: 700px;
	height: 530px;
}
.customer-one {
	width: 700px;
	height: 130px;
}
.one-left {
	float: left;
	width: 350px;
	height: 130px;

}
.one-title {
	margin: 0 auto;
	margin-top: 50px;
	width: 220px;
	text-align: left;
	font-size: 20px;
	color: #000;
}
.one-QQ {
	margin: 0 auto;
	width: 220px;
	text-align: left;
	font-size: 15px;
	color: #555555;
	line-height: 50px;
}
/*新修改*/
.icon-qq {
	position: relative;
	top: -1px;
}
.mouse-active{
	cursor:default;
}
.code-icon-active{
	display: none;
	top: -138px;
    left: 162px;
    padding: 2px;
    border: 1px solid #cacaca;
}
/*新修改*/
.one-right {
	float: left;
	width: 350px;
	height: 130px;
}
.how-arrive {
	margin: 30px auto;
	margin-bottom: 30px;
	width: 1200px;
	height: 190px;
	background-color: #f3f3f3;
}
.arrive-top {
	width: 100%;
	height: 50px;
	background-color: #e5e5e5;
}
.top-left {
	margin-left: 8px;
	font-size: 18px;
	color: #333333;
	line-height: 50px;
}
.top-right {
	margin-left: 8px;
	font-size: 12px;
	color: #333333;
	line-height: 50px;
}
.arrive-content-left {
	float: left;
	width: 600px;
	height: 140px;
}
.taxi {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

/******************************新加  公交车  *************************/
.bus {
	width: 1200px;
	height: 140px;
	background-color: #f3f3f3;
}
.bus-left {
	float: left;
	width: 580px;
	height: 140px;
	margin-left: 20px;
}
.bus-right {
	float: right;
	width: 550px;
	height: 140px;
}
.icon-bus {
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 30px;
}
.bus .addressd {
	float: left;
	width: 300px;
	margin-top: 30px;
	font-size: 14px;
	color: #333;
	display: block;
}
.bus .road {
	float: left;
	margin-top: 10px;
	font-size: 14px;
	color: #333;
	display: block;
	width: 430px
}
/***********售后服务***********/
.page-pc-out {
    width: 100%;
    height:428px;
	background: #fff;
}
.function-box {
    width: 1200px;
    margin: 0 auto;
}
.function-head {
    width: 100%;
    height: 45px;
    padding-top: 40px;
}
.function-nav-box {
    width: 100%;
    /* height: 251px; */
    float: left;
}
.service-nav-cont{
    position: absolute;
    top:40%;
    left:85px;
    display: block;
    font-family: arial;
    font-size: 22px;
    color: #484848;  
}
.web-service-nav-box .check-service-nav{
	position: relative;
	float: left;
	width: 400px;
	height:70px;
	margin-top: 50px;
	background: url(../images/service_icon.png) no-repeat center center;
}
.web-service-nav-box  .nav-listfirst{
	background-position: 0 0px;
}
.web-service-nav-box .nav-listsecond{
	background-position:-452px 0px;
}
.web-service-nav-box  .nav-listthird{
	background-position:-900px 0px;
}
.web-service-nav-box .nav-listfourth{
	background-position:0 -128px;
}
.web-service-nav-box .nav-listfifth{
	background-position:-452px -128px;
}
.web-service-nav-box .nav-listsixth{
	background-position:-900px -128px;
}