*{ margin:0; padding:0;}
body {   font-family:'Microsoft YaHei'; color:#444; }
ul,li{ list-style:none; }
a{ color:#0089CF; outline:none; }
a:hover{ color:#00aeff; text-decoration:none;}
a.tdline{ text-decoration:underline;}

.ml5{ margin-left:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.pdt10{ padding-top:10px;}
.pdt20{ padding-top:20px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}
.pdl20{ padding-left:20px;}
.pdr20{ padding-right:20px;}
.wb95{ width:95%;}
.wb100{ width:100%;}
.lh160{ line-height:160%; }

.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fwb{ font-weight:bold}
.ffa{ font-family:Arial }

.c-blue{ color:#0089CF; }
.c-gray{ color:#aaa; }
.c-org{ color:#f60; }
.c-red{ color:red; }
.c-green{ color:#38B549;}

.ta-left{ text-align:left;}
.ta-center{ text-align:center;}
.ta-right{ text-align:right;}
.ti2{ text-indent:2em;}

.bor-t{ border-top:solid 1px #eee;}
.bor-b{ border-bottom:solid 1px #eee;}

.none{ display:none; }
.block{ display:block; }

.topbar{ width:100%;height:34px; line-height:34px; background:#222/*#083B6C*/; font-size:12px; color:#fff; }
.topbar .tbar-l{ float:left;}
.topbar .tbar-l span{ display:inline-block; margin-right:10px;}
.topbar .tbar-l b{ font-weight:normal;}
.topbar .tbar-l a{ color:#fff }
.topbar .tbar-l a:hover{ color:#fff; text-decoration:underline }
.topbar .tbar-l i{ color:#00A0E4; font-size:15px; }
.topbar .tbar-l i.fa-phone{font-size:17px;vertical-align:baseline }
.topbar .tbar-l i.fa-mobile{ font-size:24px; vertical-align:sub; }

.topbar .tbar-l .wechat{ position:relative; margin-left:-10px; padding:0 10px; }
.topbar .tbar-l .wechat strong{ display:none; }
.topbar .tbar-l .wechat:hover{ background:#0089CF; cursor:pointer; color:#fff;}
.topbar .tbar-l .wechat:hover i{ color:#fff; }
.topbar .tbar-l .wechat:hover strong{ display:block; position:absolute; top:34px; margin-left:-10px; background:#0089CF; width:116px;height:116px; padding:8px; z-index:999; }

.topbar .tbar-l .qq{ position:relative; margin-left:-10px; padding:0 10px; }
.topbar .tbar-l .qq strong{ display:none;}
.topbar .tbar-l .qq:hover{background:#0089CF; cursor:pointer; color:#fff;}
.topbar .tbar-l .qq:hover i{ color:#fff; }
.topbar .tbar-l .qq:hover strong{ display:block; position:absolute; top:34px; margin-left:-10px; background:#0089CF; width:120px;padding:10px 0 0 0; text-align:center; z-index:999; }

.topbar .tbar-l .app{ position:relative; margin-left:-10px; padding:0 10px; }
.topbar .tbar-l .app strong{ display:none;}
.topbar .tbar-l .app:hover{background:#0089CF; cursor:pointer; color:#fff;}
.topbar .tbar-l .app:hover i{ color:#fff; }
.topbar .tbar-l .app:hover strong{ display:block; position:absolute; top:34px; margin-left:-10px; background:#0089CF; width:116px;height:116px; padding:8px; z-index:999; }
.topbar .tbar-l .app:hover strong img{ width:100px;height:100px; }


@media (max-width: 1200px){
	.topbar .tbar-l{ margin-left:-5px;}
	.topbar .tbar-l span{ cursor:pointer; position:relative; width:32px; text-align:center;margin-right:0px; }
	.topbar .tbar-l b{ display:none; }
	.topbar .tbar-l span:hover{background:#0089CF;}
	.topbar .tbar-l span:hover i{ color:#fff; }
	.topbar .tbar-l span:hover b{ display:block; position:absolute; top:34px; width:auto;min-width:50px;max-width:250px; padding:8px;word-break:keep-all;background:#0089CF; color:#fff; line-height:20px; text-align:left; z-index:999;  }
	.topbar .tbar-l span.tel:hover b{ word-break:normal; white-space:nowrap }
	.topbar .tbar-l span:hover a{ color:#fff;}

	.topbar .tbar-l .wechat{ position:relative; margin-left:0px; padding:0px; }
	.topbar .tbar-l .wechat:hover b{display:none;}
	.topbar .tbar-l .wechat:hover strong{  margin-left:0px;}

	.topbar .tbar-l .qq{ position:relative; margin-left:0px; padding:0px; }
	.topbar .tbar-l .qq:hover strong{  margin-left:0px;}

	.topbar .tbar-l .app{ position:relative; margin-left:0px; padding:0px; }
	.topbar .tbar-l .app:hover strong{ margin-left:0px;}
}
.topbar .tbar-r{ float:right; font-size:13px; }
.topbar .tbar-r{ color:#666;}
.topbar .tbar-r a{ display:inline-block;padding:0 15px;color:#fff; background:#0089CF; transition-duration: 0.5s; }
.topbar .tbar-r a.a-reg{ background:#083B6C; }
.topbar .tbar-r a:hover{ background:#00aeff; color:#fff;}
@media (max-width: 480px) {
	.topbar .tbar-r a {display: inline-block;padding: 0 10px;}
}

.navbar-default {
	background-color: #fff;
	border-color: #e7e7e7;
}

.navbar-brand img{ margin-top:5px; }
@media (max-width: 768px) { 
	.navbar-brand img{ margin-top:1px; width:80%; }
}

.dropdown:hover{ background:#eee; }
.dropdown:hover .dropdown-menu{ display:block; }

.carousel {
  height: 500px;
  margin-bottom:0px;
  margin-top:95px;
  background:#0A214A;
}
.cmt{ margin-top:95px;}
.cmb{ padding-bottom:40px; }

@media (max-width: 768px) { 
	.carousel{ margin-top:75px;}
	.cmt{ margin-top:75px;}
}
.carousel-caption {
	z-index: 10;
}


.carousel .item {
  height: 500px;
  background-color: #0A214A;
  overflow:hidden;
}

.carousel .banner1{ background:url(../images/banner/banner1.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner2{ background:url(../images/banner/banner2.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner2 .btn-link{ display:block; width:100%;height:500px; background-color:Transparent; } 
.carousel .banner3{ background:url(../images/banner/banner3.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner4{ background:url(../images/banner/banner4.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner5{ background:url(../images/banner/banner5.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner5 .btn-link{ display:block; width:100%;height:500px; background-color:Transparent; } 
.carousel .banner6{ background:url(../images/banner/banner6.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner6 .btn-link{ display:block; width:100%;height:500px; background-color:Transparent; } 

.carousel-control{ display:none; }
.carousel-caption {
	bottom:19%;
}
.carousel-caption h1{ padding-bottom:8px; letter-spacing:1px }
.carousel-caption p{ font-size:1.4em; font-weight:normal; padding-bottom:25px;}
.carousel-caption .btn-primary{ background-color:transparent; border:solid 1px #fff; padding-left:25px; padding-right:25px;transition-duration: 0.5s; }
.carousel-caption .btn-primary:hover{ background:#fff; color:#0089CF;}

.carousel-indicators li {
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0px 2px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #fff\9;
		background-color: rgba(255,255,255,0.5);
		border: 0px solid #fff;
		border-radius: 10px;
	}
	.carousel-indicators .active {
		width: 12px;
		height: 12px;
		margin: 0px 2px;
		background-color: #0089CF;
	}

@media (max-width: 1200px) {
	.carousel { height: 380px;}
	.carousel .item { height: 380px;}
	.carousel .banner-rumall .btn-rumall{ display:block; width:100%;height:380px; background-color:Transparent; } 
}

@media (max-width: 480px) {
	.carousel { height: 250px;}
	.carousel .item { height: 250px;}
	.carousel-caption {bottom:14%;}
	.carousel-caption h1{ padding-bottom:5px; letter-spacing:1px; font-size:26px; }
	.carousel-caption p{ font-size:14px; font-weight:normal; padding-bottom:5px;}
	.carousel-caption .btn{ font-size:16px; padding:7px 0; }
	.carousel-caption .btn-primary{ background-color:transparent; border:solid 1px #fff; padding-left:20px; padding-right:20px;transition-duration: 0.5s; }
	.carousel .banner-rumall .btn-rumall{ height:250px;} 
}

.trainning-banner{ width:100%;height:150px;background:#1F2F41 url(../images/trainning-banner.jpg) no-repeat center center; color:#fff; text-align:center; }
.trainning-banner h1{ line-height:150px; padding:0; margin:0; }
@media (max-width: 768px) {
	.trainning-banner h1{ font-size:28px; }
}

.trainning-box{ background:#fff; transition-duration: 0.5s; margin-bottom:15px;box-shadow:0px 0px 10px #ccc; }
.trainning-box:hover{ box-shadow:0px 0px 15px #ccc;transform:scale(1.05)}
.trainning-box h4{ color:#444; font-weight:bold; padding-top:8px; }
.trainning-box .btn{ margin-top:10px;}
.tra-pic{ width:100%;height:140px; background:#ddd; overflow:hidden}
.tp-1{ background:url(../images/tra-pic1.jpg) no-repeat center center; background-size: auto 100%; }
.tp-2{ background:url(../images/tra-pic2.jpg) no-repeat center center; background-size: auto 100%; }
.tp-3{ background:url(../images/tra-pic3.jpg) no-repeat center center; background-size: auto 100%; }
.tp-4{ background:url(../images/tra-pic4.jpg) no-repeat center center; background-size: auto 100%; }
.tra-c{ padding: 20px 20px 10px 20px; border:solid 0px #ddd; border-top:0px; }
.tra-c h3{ margin:0 0 15px 0; padding:0; text-align:center; font-size:18px; font-weight:bold;  }
.tra-t{ min-height:40px; line-height:160%;  margin-top:-5px; }

.price-banner{ width:100%;height:150px;background:#001C40 url(../images/price-banner.jpg) no-repeat center center; color:#fff; text-align:center; }
.price-banner h1{ line-height:150px; padding:0; margin:0;}
@media (max-width: 768px) {
	.price-banner h1{ font-size:24px; }
}
@media (max-width: 480px) {
	.price-banner h1{ font-size:21px; }
}

.c-title{ padding-bottom:30px; text-align:center; }
.c-title h1{ color:#333; padding-bottom:5px;font-size:34px;}
.c-title h4{ line-height:150%; font-size:16px; color:#888; }

@media (max-width: 480px) {
	.c-title h1{ padding-bottom:0px;font-size:24px; }
	.c-title h4{ font-size:14px; }
}

.p-circle{ display:inline-block;font-size:22px; transition-duration: 0.5s; width:140px;height:140px; overflow:hidden; border-radius:50%; text-align:center; line-height:140px; margin-bottom:5px; border:solid 1px #e5e5e5;  color:#8DD8F8; vertical-align:bottom;}
.p-circle:hover{ color:#0089CF; border:solid 1px #AAE1FA;}
.p-circle img{ max-width:115px;}
@media (max-width: 480px) {
	.p-circle{ width:110px;height:110px;line-height:110px;}
	.p-circle img{ max-width:85px;}
}

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
.page-comment:hover .p-circle{ 
	-webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
	border:solid 1px #ccc;
}

.h-circle{ display:inline-block;font-size:22px; transition-duration: 0.5s; width:140px;height:140px; overflow:hidden; border-radius:50%; text-align:center; line-height:140px; margin-bottom:5px; border:solid 2px #ddd; color:#8DD8F8; vertical-align:bottom;}
.h-circle i{ display:inline-block; margin-top:25px;}
.h-circle i.fa-globe{font-size:100px;margin-top:19px; }
.h-circle i.fa-slideshare{margin-top:30px; }
.hc-1{ border:solid 2px #38BA9C; color:#38BA9C; }
.hc-2{ border:solid 2px #F7941C; color:#F7941C; }
.hc-3{ border:solid 2px #ED5769; color:#ED5769; }
.hc-4{ border:solid 2px #8879B8; color:#8879B8; }
@media (max-width: 480px) {
	.h-circle{ font-size:16px;width:110px;height:110px; line-height:110px; margin-bottom:5px;}
	.h-circle i{ display:inline-block; margin-top:20px;}
	.h-circle i.fa-globe{font-size:80px;margin-top:13px; }
	.h-circle i.fa-slideshare{margin-top:24px; }
}

.c-box{ margin-bottom:0px;}
.c-box .col-md-3 {
  margin-bottom: 20px;
  text-align: center;
}
.c-box .col-md-3 h4 {
    padding:0 20px; line-height:150%;
}
.c-box h3,.c-box h4{ color:#444; }

.c-left .col-lg-3{ text-align:left;  }
.c-left .col-lg-3 h4{ color:#444; padding:0px;line-height:normal;}
.c-left .img-circle{ display:block; background:#ccc; border:0px; width:140px;height:140px; margin:0 auto 20px auto; }

.c-all{ padding:30px 0;}
.s0{ background:#fff;}
.s1{ background:#fff; border-bottom:solid 1px #eee;}
.s3{ background:#EBEBEC;}
.s2{ background:#F5F6F6; }

.wbox{ background:#fff; padding:0px;transition-duration: 0.5s; margin-bottom:15px; }
.wbox:hover{ box-shadow:0px 0px 15px #ddd;transform:scale(1.05)}
.wbox h4{ color:#444; font-weight:bold; padding-top:8px; }
.wbox .btn{ margin-top:5px;}
.w-text{ padding:0 5px; min-height:100px; }
.b-cont{ padding:0px 10px 10px 10px; }

.b-pic{ width:100%;text-align:center; overflow:hidden; margin-bottom:10px;}
.b-pic img{ width:100%;}
@media (max-width: 1200px) {
	.b-pic{ width:100%;text-align:center; overflow:hidden; margin-bottom:10px;}
}

.safe-c h4{ font-weight:bold; font-size:15px; }
.safe-c p{ text-align:left }
.safe-c{ text-align:center }

.w-box{ background:#fff; border:solid 1px #e9e9e9; padding:15px;}
.i-safe{ display:inline-block; width:51px;height:61px; background:url(../images/icon-safe.png) no-repeat; color:#0788ED; font-size:30px; font-family:Arial; text-align:center; line-height:61px; }

.team-photo{ margin-bottom:15px; text-align:center;}
.team-photo img{  max-height:100%; background:#fff; padding:0px; transition-duration: 0.5s; vertical-align:bottom }
.team-photo img:hover{ box-shadow:0px 0px 15px #ccc; transform:scale(1.1)}
.team-photo .row{ padding:0px; margin:0px;}
.team-photo .col-md-4{padding:0px; margin:0px; }
.team-photo .col-md-6,.team-photo .col-md-12{ padding:1px; margin:0px; }
.photo1{ height:362px; overflow:hidden; margin-top:1px; margin-right:1px; margin-left:15px; }
.photo3{ height:362px; overflow:hidden;}
.photo2{ height:180px;overflow:hidden;  }
.photo-text-1{height:180px; background:#0089CF; color:#fff;overflow:hidden;padding:15px 25px; text-align:left }
.photo-text-2{height:180px; background:#2BC4BE; color:#fff;overflow:hidden;padding:20px 10px 20px 20px;text-align:left; margin-top:-1px }
@media (max-width: 1200px) {
	.photo1,.photo2,.photo3{ margin-bottom:0px; }
	.photo-text-1,.photo-text-2{height:auto;margin-bottom:0px; font-size:14px; }
}
@media (max-width: 768px) {
	.photo1,.photo2,.photo3{ margin-bottom:15px; }
	.photo-text-1,.photo-text-2{height:auto;margin-bottom:15px;}
}

/*index hezuo*/
.roll_logo{ width:100%; overflow:hidden;position:relative; }
#box{ margin:0 30px; overflow:hidden;position:relative;}
#div{  position:relative;}
#img,#img1{ float:left; }
#img li,#img1 li{ float:left;}
#img a,#img1 a{display:block; float:left; width:170px; text-align:center; overflow:hidden;}
#img a img,#img1 a img{ transition-duration: 0.5s;}
#img a:hover img,#img1 a:hover img{ transform:scale(0.9) }

#a{ position:absolute;left:0px; }
#b{ position:absolute;right:0px;}
#but1,#but2{ display:block; width:15px; height:21px;cursor:pointer; margin-top:9px; }
#but1{ background:url(../images/icon-roll.png) no-repeat left top; }
#but1:hover{ background:url(../images/icon-roll.png) no-repeat left -22px; }
#but2{ background:url(../images/icon-roll.png) no-repeat right top; }
#but2:hover{ background:url(../images/icon-roll.png) no-repeat right -22px; }

.page-footer{ background:#363636; padding:25px 0 20px 0; color:#bbb; }
.page-footer h3{ color:#0089CF; padding-bottom:5px;}
.page-footer p{ line-height:160%; padding-right:45px; padding-bottom:5px; }
.page-footer p a{ margin-right:3px;}
.page-copyright{ text-align:center; margin-top:15px; border-top:solid 1px #444; padding-top:12px; color:#777; }
.ft-contact{ background:#444; padding:13px 5px 12px 12px; text-align:left; margin:5px 0; }
.ft-contact i{ margin-right:7px;}
.ft-contact a{ color:#bbb;}
.ft-contact a:hover{ color:#fff;}
.ft-contact i.fa-qq{ font-size:16px }
.page-footer .col-lg-8{ padding-left:0px;  }
.foot-contact{ position:relative; padding-right:110px; }
.foot-erweima{ position:absolute;right:0px; top:5px; }
.foot-erweima img{ opacity:0.6;}
.foot-erweima img:hover{ opacity:1.0;}
@media (max-width: 1200px) { 
	.ft-contact{ padding:6px 5px 6px 12px;margin:5px 0; }
}

@media (max-width: 1200px) {
	.page-footer p{  padding-right:0px;}
	.page-footer .col-lg-8{ padding-left:15px;  }
	.foot-contact{ position:inherit; padding-right:0px; }
	.foot-erweima{ position:inherit;right:inherit; top:inherit; text-align:center; margin-top:15px;  }
}

.price-box{  margin-bottom:20px; background:#fff;box-shadow:0px 0px 10px #ddd;  }
.price-top{ padding:5px 20px 5px 20px;min-height:140px; text-align:center; }
.price-top p{ text-align:left; padding-top:2px; }
.bg0{ background:#f9f9f9;}
.price-box-1 .price-top{ background:#2BC4BE; color:#fff;}
.price-box-2 .price-top{ background:#8099CF; color:#fff;}
.price-box-3 .price-top{ background:#F99938; color:#fff;}
.price-box-4 .price-top{ background:#86BA3F; color:#fff;}
.price-box-5 .price-top{ background:#4EC289; color:#fff;}
.price-box-6 .price-top{ background:#579BD3; color:#fff;}
.price-m{ border:solid 1px #d4d4d4; border-top:0px; min-height:392px;transition-duration: 1s;  }
.price-m table{ width:100%;}
.price-m table td{ padding:6px 20px; border-bottom:solid 1px #e8e8e8; line-height:160%;}
.price-m table td.td-bor-r{ border-right:solid 1px #e8e8e8; }
.price-m table.tb-w td{padding:15px 20px; }

.price-box-1:hover .price-m{ border:solid 1px #ccc;border-top:0px;}
.price-box-2:hover .price-m{ border:solid 1px #ccc;border-top:0px;}
.price-box-3:hover .price-m{ border:solid 1px #ccc;border-top:0px;}
.price-box-4:hover .price-m{ border:solid 1px #ccc;border-top:0px;}
.price-box-5:hover .price-m{ border:solid 1px #ccc;border-top:0px;}
.price-box-6:hover .price-m{ border:solid 1px #ccc;border-top:0px;}

.price-box-4 .price-m,.price-box-5 .price-m,.price-box-6 .price-m{ min-height:418px;}
@media (max-width: 1200px) { 
	.price-m{ min-height:inherit; }
	.price-box-4 .price-m,.price-box-5 .price-m,.price-box-6 .price-m{ min-height:inherit;}
	.c-all{ padding:20px 0px; }
	.price-top {padding: 5px 20px 10px 20px;min-height: inherit;
	}
}
.p-st{ display:inline-block; width:70px; }
.price-m .c-org{ font-weight:normal;}

.cloud .pc-title-1{text-align:center; margin:50px 0 35px 0; background:#0095DA;height:2px; position:relative; }
.cloud .pc-title-1 span{ background:#f5f5f5; color:#0095DA;font-size:20px;font-weight:bold; padding:0px; width:200px; display:inline-block; position:absolute; top:-14px;left:50%; margin-left:-100px; }
.cloud .pc-title-2{ text-align:center; margin:40px 0 35px 0; background:#20ABA1;height:2px; position:relative; }
.cloud .pc-title-2 span{ background:#f5f5f5; color:#20ABA1;font-size:20px;font-weight:bold; padding:0px;width:220px; display:inline-block; position:absolute; top:-14px;left:50%; margin-left:-110px; }

.c-tdlt{text-decoration:line-through;font-size:13px; color:#aaa; }
.c-price{ display:inline-block; margin-bottom:7px; font-weight:normal; white-space:nowrap }
.c-price .c-org{ font-weight:bold; font-family:Tahoma; }
.cloud span.fs13{ color:#aaa;}

.cloud{ margin-top:30px; }
.cloud .table{ margin-bottom:30px; background:#fff;}
.cloud .table thead th{ padding:25px 50px; vertical-align:middle; text-align:center; position:relative; overflow:hidden; border-bottom:0; font-weight:normal }
.cloud .table tbody th{ padding:10px 15px; vertical-align:middle; font-weight:normal;}
.cloud .table td{ padding:15px 10px; text-align:center;}

.tip-rotate{ width:120px;height:26px; text-align:center; line-height:26px; font-size:15px; font-weight:bold; background:#0095DA; color:#fff;transform:rotate(-45deg); position:absolute; top:12px; left:-38px;   }
.tip-bg1{ background:#0095DA;}
.tip-bg2{ background:#20ABA1;}

.a-list{ margin-top:-20px;}
.a-list li{ border-bottom:solid 1px #eee; padding:10px 0px; }
.pic-w{ text-align:center; }
.pic-w img{ max-width:100%;  }
.a-list li p{ line-height:170%; font-size:15px; }
.a-list  h3{ color:#222;line-height:130%;}
.a-list  h3 a{ color:#222;line-height:130%; }
.a-list  h3 a:hover{color:#0089CF; }

.p-text{ text-align:center; margin-top:18%; color:#fff; }
.p-text h2{ margin-bottom:20px;}
.p-text p{ font-size:16px;}

/* erp */
.main{ height:100%; }
.section{ height:100%;}

.y-title{ margin:0 auto; color:#fff; width:180px;height:180px;  border-radius:50%; text-align:center; line-height:180px; font-size:30px; letter-spacing:1px;}
.y-t-bg-org{background:rgba(247,148,28,0.7);}
.y-t-bg-green{background:rgba(10,177,75,0.85);}
.y-t-bg-blue{ background:rgba(0,84,166,0.8);}
.y-t-bg-cyan{ background:rgba(0,169,157,0.85);}
.y-t-bg-black{ background:rgba(0,0,0,0.2);}

.erp-page1{ background:#253945 url(../images/erp1-bg.jpg) no-repeat center bottom;background-size:cover; position:relative;}
.erp1-t{ width:520px;height:324px;background:url(../images/erp1-pic1.png) no-repeat; background-size:100%;  padding:100px 90px 0 100px; position:absolute;top:15%;left:50%; margin-left:-260px; }
.erp1-t h2{ font-size:24px; color:#000; line-height:130%; }
.erp1-t p{ font-size:16px; color:#222; line-height:160%; }
.erp1-th{ width:100%;height:230px; }
.erp1-logo{ width:100%; max-width:1200px; height:470px; background:url(../images/erp1-pic2.png) no-repeat center center; background-size:100% auto; margin:0 auto; }

@media (max-width: 1200px) { 
	.erp1-t{ width:440px;margin-left:-220px;padding:70px 70px 0 80px;  }
	.erp1-t h2{ font-size:20px;}
	.erp1-t p{ font-size:15px;  }
}
@media (max-width: 768px) { 
	.erp1-th{ height:10px; }
}
@media (max-width: 640px) { 
	.erp1-t{ width:400px;margin-left:-200px;padding:60px 70px 0 80px; top:13%;  }
	.erp1-t h2{ font-size:20px;}
	.erp1-t p{ font-size:15px;  }
	.erp1-th{ height:300px; }
	.erp1-logo{ width:100%; max-width:440px; height:350px; background:url(../images/erp1-pic2-small.png) no-repeat center top; background-size:100% auto; margin:0 auto; }
}
@media (max-width:480px) { 
	.erp1-t{ width:340px;margin-left:-170px;padding:50px 50px 0 60px; line-height:150%;top:15%; }
	.erp1-t h2{ font-size:16px;line-height:150%; margin-bottom:5px; font-weight:bold }
	.erp1-t p{ font-size:14px;  }
	.erp1-th{ height:285px; }
	.erp1-logo{ width:100%; max-width:480px; background:url(../images/erp1-pic2-small.png) no-repeat center top; background-size:100% auto; margin:0 auto;}
}
@media (max-width:360px) { 
	.erp1-t{ width:300px;margin-left:-150px;padding:35px 50px 0 50px; line-height:150%;top:16%; }
	.erp1-t h2{ font-size:16px;line-height:150%; margin-bottom:5px; font-weight:bold }
	.erp1-t p{ font-size:13px;line-height:150%;  }
	.erp1-th{ height:285px; }
}

.erp-page2{ background:#28353D url(../images/erp2-bg.jpg) no-repeat right bottom;background-size:cover; }
.erp2{ margin-top:150px; }
.erp2-t{ color:#fff; text-align:left;}
.erp2-t h2{ color:#00aeff; margin-bottom:20px;}
.erp2-t p{ font-size:16px;}
.icon-ok{ display:inline-block; width:4px;height:4px;background:#fff; border-radius:2px; margin-right:8px; vertical-align:middle; margin-left:2px; }
.erp-page2 .y-title{ margin:10px auto;  }
@media (max-width: 1200px) { 
	.erp2{ margin-top:95px;}
	.erp-page2 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px;margin:0px auto;  }
	.erp2-t{ background:rgba(38,49,59,0.7); padding:10px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp2{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page2 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp2-t{ margin-top:15px; }
	.erp2-t h2{ font-size:18px;}
	.erp2-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page2 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page3{ background:#9FB3C3  url(../images/erp3-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp3{ margin-top:150px; }
.erp3-t{ color:#000; }
.erp3-t h2{ margin-bottom:15px; color:#000; line-height:150%; } 
.erp3-t p{ text-align:left;font-size:16px; }
.erp-page3 .y-title{ margin:0 auto;}
.erp-page3 .icon-ok{ background:#222; }
@media (max-width: 1200px) { 
	.erp3{ margin-top:95px; }
	.erp-page3 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px; }
	.erp-page3 .erp3-t{ background:rgba(255,255,255,0.9); padding:5px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp3{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page3 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp3-t{ margin-top:15px; }
	.erp3-t h2{ font-size:18px;}
	.erp3-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page3 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page4{ background:#3F2D27 url(../images/erp4-bg.jpg) no-repeat center bottom; background-size:cover; }
.erp4{ margin-top:140px; }
.erp4-t{ color:#222;}
.erp4-t h2{ margin-bottom:15px; color:#000; line-height:150%; }
.erp4-t p{ font-size:16px; }
.erp-page4 .y-title{ margin:0 auto; }
.erp-page4 .icon-ok{ background:#222; }
@media (max-width: 1200px) { 
	.erp4{ margin-top:95px; }
	.erp-page4 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px; }
	.erp4-t{ background:rgba(255,255,255,0.8); padding:5px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp4{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page4 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp4-t{ margin-top:15px;padding:2px 30px 10px 20px;  }
	.erp4-t h2{ font-size:18px;margin-bottom:10px;}
	.erp4-t p{ font-size:14px; }
}
@media (max-width: 360px) { 
	.erp-page4 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
	.erp4-t{ margin-top:15px;padding:1px 20px 10px 15px;  }
	.erp4-t h2{ font-size:18px;margin-bottom:10px;}
	.erp4-t p{ font-size:13px; margin:4px 0; }
}

.erp-page5{ background:#E4E4E6 url(../images/erp5-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp5{ margin-top:150px; }
.erp5-t{ color:#222;}
.erp5-t h2{ margin-bottom:15px; line-height:150%; color:#0089CF}
.erp5-t p{ font-size:16px; }
.erp-page5 .icon-ok{ background:#222; }
@media (max-width: 1200px) { 
	.erp5{ margin-top:95px; }
	.erp-page5 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px; }
	.erp-page5 .erp5-t{ background:rgba(255,255,255,0.8); padding:5px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp5{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page5 .y-title{ width:120px;height:120px; line-height:120px; font-size:18px;margin:0px auto;  }
	.erp5-t{ margin-top:15px; }
	.erp5-t h2{ font-size:18px;}
	.erp5-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page5 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page6{ background:#F1E9CF url(../images/erp6-bg.jpg) no-repeat left bottom;background-size:cover;}
.erp6{ margin-top:150px; }
.erp6-t{ color:#222;}
.erp6-t h2{ margin-bottom:15px; line-height:150%; color:#222}
.erp6-t p{ font-size:16px; }
.erp-page6 .icon-ok{ background:#222; }
@media (max-width: 1200px) { 
	.erp6{ margin-top:95px; }
	.erp-page6 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px; }
	.erp-page6 .erp6-t{ background:rgba(255,255,255,0.5); padding:5px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp6{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page6 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp6-t{ margin-top:15px; }
	.erp6-t h2{ font-size:18px;}
	.erp6-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page6 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page7{ background:#4C4D58 url(../images/erp7-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp7{ margin-top:130px; }
.erp7-t{ color:#fff; background:rgba(0,0,0,0.4); padding:10px 20px 20px 50px; }
.erp7-t h2{ margin-bottom:15px; line-height:150%;color:#fff}
.erp7-t p{ font-size:16px; }
.erp7 .y-title{ margin-top:40px; float:right  }
@media (max-width: 1200px) { 
	.erp7{ margin-top:95px; }
	.erp7 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px;margin-top:0px;float:none; }
	.erp-page7 .erp7-t{ background:rgba(0,0,0,0.6); padding:5px 30px 15px 20px; margin-top:20px; }
}
@media (max-width: 768px) { 
	.erp7{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page7 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp-page7 .erp7-t{ margin-top:15px;padding:1px 30px 10px 20px; }
	.erp7-t h2{ font-size:18px;}
	.erp7-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page7 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page8{ background:#4B555D url(../images/erp8-bg.jpg) no-repeat center bottom; background-size:cover; }
.erp8{ margin-top:150px; }
.erp8-t{ color:#fff;background:rgba(0,0,0,0.8); padding:10px 40px 20px 40px; width:50%; margin:0 auto; }
.erp8-t h2{ margin-bottom:15px; color:#0089CF; line-height:150%;}
.erp8-t p{ font-size:16px; }
.erp8 .y-title{ margin-bottom:20px; }
@media (max-width: 1200px) { 
	.erp8{ margin-top:95px; }
	.erp8 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px;  }
	.erp-page8 .erp8-t{ width:100%; padding:5px 30px 15px 30px;}
}
@media (max-width: 768px) { 
	.erp8{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page8 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp-page8 .erp8-t{ margin-top:15px;padding:1px 30px 10px 20px; }
	.erp8-t h2{ font-size:18px;}
	.erp8-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page8 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page9{ background:#D1B0A7 url(../images/erp9-bg.jpg) no-repeat center bottom; background-size:cover;}
.erp9{ margin-top:95px; }
.erp9-t{ color:#fff; padding:10px 10px 20px 30px; background:rgba(57,38,66,0.85);}
.erp9-t h2{ margin-bottom:10px; color:#f90; line-height:150%; }
.erp9-t p{ font-size:16px; }
.erp9 .y-title{ margin-top:70px;}
.erp9 .y-t-bg-org{background:rgba(247,148,28,1.0);}
@media (max-width: 1200px) { 
	.erp9{ margin-top:95px; }
	.erp9 .y-title{ margin-top:0px; margin-bottom:20px;  }
	.erp9 .y-title{ width:150px;height:150px; line-height:150px; font-size:25px;  }
}
@media (max-width: 768px) { 
	.erp9{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page9 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp-page9 .erp9-t{ margin-top:15px;padding:1px 30px 10px 20px; }
	.erp9-t h2{ font-size:18px;}
	.erp9-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp-page9 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}
.erp-page9 .fp-tableCell {vertical-align: middle;}

.erp-page10{ background:#96C5DE url(../images/erp10-bg.jpg) no-repeat center bottom; background-size:cover;}
.erp10{ margin-top:95px; }
.erp10-t{ color:#222; width:440px;height:440px; background:rgba(255,255,255,0.8); border-radius:50%; padding:80px 70px 0px 70px; margin-left:50px; }
.erp10-t h2{ margin-bottom:5px; color:#008C44; line-height:140%;}
.erp10-t p{ font-size:16px; line-height:160%; }
.erp10 .erp10-y{ position:relative;height:130px;}
.erp10 .y-title{  position:absolute; bottom:-90px;left:20px; z-index:99; }
.erp-page10 .icon-ok{ background:#222; }
@media (max-width: 1200px) { 
	.erp10{ margin-top:95px; }
	.erp10 .erp10-y{ position:relative;height:150px; margin-bottom:20px;  }
	.erp10-t{ width:auto;height:auto;border-radius:inherit; padding:10px 40px 20px 20px;margin-left:0px;}
	.erp10 .y-title{ position:inherit;right:inherit;bottom:inherit; z-index:inherit;  width:150px;height:150px; line-height:150px; font-size:25px;}
}
@media (max-width: 768px) { 
	.erp10{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp10 .erp10-y{ position:relative;height:100px;}
	.erp-page10 .y-title{ position:inherit;left:inherit;bottom:inherit; z-index:inherit; width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto;  }
	.erp-page10 .erp10-t{ width:auto;height:auto;border-radius:inherit;margin-left:0px; margin-top:15px;padding:1px 30px 10px 20px; }
	.erp10-t h2{ font-size:18px;}
	.erp10-t p{ font-size:14px;}
}
@media (max-width: 360px) { 
	.erp10 .erp10-y{ position:relative;height:80px;}
	.erp-page10 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto;  }
}

.erp-page11{ background:#7E8386 url(../images/erp11-bg.jpg) no-repeat center bottom; background-size:cover;}
.erp11{ margin-top:140px;}
.erp11-t{ color:#fff;}
.erp11-t h2{ text-align:center; margin:0px 0 30px 0; line-height:140%; }
.erp11 .y-title{ margin-bottom:20px; }

.bb-arrow{  text-align:center; padding-top:70px; color:#333; font-size:20px; }
.bb-arrow .fa-angle-double-down{ display:none; }

.bb-1{ border:dashed 1px #fff; padding:10px 30px 15px 30px; text-align:center; min-height:228px; color:#fff; background:rgba(0,0,0,0.5 ); }
.bb-1 p{ font-size:15px; text-align:left; margin-top:25px; line-height:180%;   }

.bb-2{ border:dashed 1px #fff; padding:10px 20px 15px 20px; text-align:center; color:#fff; line-height:150%; background:rgba(0,0,0,0.5 );}
.bb-2 ul{ text-align:center; }
.bb-2 ul li{ display:inline-block; width:40%; padding:8px 10px; background:#0089CF; color:#fff; text-align:center; margin:5px; font-size:14px; }

.bb-2 p{ font-size:15px; margin-top:20px; color:#aaa;}

@media (max-width: 1200px) { 
	.erp11{ margin-top:95px; }
	.erp11-t h2{ text-align:center; margin:0px 0 20px 0; line-height:140%; }
	.erp11 .y-title{ position:inherit;right:inherit;bottom:inherit; z-index:inherit;  width:150px;height:150px; line-height:150px; font-size:25px;margin-bottom:20px; }
	.bb-1{min-height:inherit; padding:5px 30px 10px 30px;}
	.bb-1 p{ margin-top:10px; }
	.bb-2{ padding:5px 20px 10px 20px;}
	.bb-arrow{ padding-top:0px; font-size:8px;  }
	.bb-arrow .fa-long-arrow-right{ display:none; }
	.bb-arrow .fa-angle-double-down{ display:block;}
}
@media (max-width: 768px) { 
	.erp11{ margin-top:75px }
}
@media (max-width: 480px) { 
	.erp-page11 .y-title{ width:120px;height:120px; line-height:120px; font-size:20px;margin:0px auto; margin-bottom:10px;}
	.erp11-t h2{ font-size:18px;margin:0px 0 10px 0;}
	.erp11-t h3{ font-size:16px; }
	.erp11-t p{ font-size:14px;}
	.bb-1{ padding:0px 15px 0px 15px;}
	.bb-2{ padding:0px 0px 0px 0px;}
	.bb-2 ul li{ width:43%;padding:3px 5px; margin:2px; font-size:12px; }
	.bb-2 p{ font-size:14px; margin-top:10px;}
}
@media (max-width: 360px) { 
	.erp-page11 .y-title{ width:100px;height:100px; line-height:100px; font-size:17px;margin:0px auto; margin-bottom:5px;}
}

/* listing */
.listing-page1{
	background: #413636 url(../images/listing1-bg.jpg) no-repeat center center; background-size:cover;
}
.listing1-t{ background:rgba(0,51,113,0.8 ); padding:10px 30px 20px 30px; color:#fff; text-align:center; }
.listing1-t h2{ line-height:150%; margin-bottom:15px; }
.listing1-t p{ font-size:16px; line-height:170%; }
@media (max-width: 1200px) { 
	.listing1-t{ text-align:left;padding:5px 30px 20px 20px;}
}
@media (max-width: 480px) { 
	.listing1-t h2{ font-size:25px;  }
	.listing1-t p{ font-size:15px; }
}


.listing-page2{
	background: #E2B574 url(../images/listing2-bg.jpg) no-repeat center center; background-size:cover;
}
.listing2-t{ background:rgba(242,101,33,0.7 ); padding:10px 30px 20px 30px; color:#fff; text-align:left; }
.listing2-t h2{ line-height:150%; margin-bottom:15px; }
.listing2-t p{ font-size:16px; line-height:170%; }
@media (max-width: 1200px) { 
	.listing2-t{ text-align:left;padding:5px 30px 20px 20px;}
}

.listing-page3{
	background: #8298C6 url(../images/listing3-bg.jpg) no-repeat center center; background-size:cover;
}
.listing3-t{ background:rgba(46,48,146,0.4 ); padding:10px 30px 20px 30px; color:#fff; text-align:center; }
.listing3-t h2{ line-height:150%; margin-bottom:15px; }
.listing3-t p{ font-size:16px; line-height:170%; }
@media (max-width: 1200px) { 
	.listing3-t{ text-align:left;padding:5px 30px 20px 20px;}
}

.listing-page4{
	background: #082A90 url(../images/listing4-bg.jpg) no-repeat center center; background-size:cover;
}
.listing4-t{ background:rgba(255,255,255,0.6 ); padding:10px 30px 20px 30px; color:#000; text-align:left; }
.listing4-t h2{ line-height:150%; margin-bottom:15px; }
.listing4-t p{ font-size:16px; line-height:170%; }
@media (max-width: 1200px) { 
	.listing4-t{ text-align:left;padding:5px 30px 20px 20px;}
}

.erp1-t, .erp2-t,.erp3-t,.erp4-t,.erp5-t,.erp6-t,.erp7-t,.erp8-t,.erp9-t,.erp10-t,
.erp11-t .col-lg-12,.erp11-t .bb-1,.erp11-t .bb-arrow,.erp11-t .bb-2,
.erp1-logo,.y-title,
.listing1-t, .listing2-t, .listing3-t, .listing4-t {
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(opacity=100);\9
}

.erp-page1 .erp1-t.bounceIn,.erp-page1 .erp1-logo.zoomIn,
.erp-page2 .erp2-t.fadeInUp,.erp-page2 .y-title.bounceIn,
.erp-page3 .erp3-t.fadeInUp,.erp-page3 .y-title.bounceIn,
.erp-page4 .erp4-t.fadeInRight,.erp-page4 .y-title.bounceIn,
.erp-page5 .erp5-t.fadeInUp,.erp-page5 .y-title.bounceIn,
.erp-page6 .erp6-t.fadeInDown,.erp-page6 .y-title.bounceIn,
.erp-page7 .erp7-t.fadeInUp,.erp-page7 .y-title.bounceIn,
.erp-page8 .erp8-t.fadeInUp,.erp-page8 .y-title.fadeInDown,
.erp-page9 .erp9-t.fadeInRight,.erp-page9 .y-title.bounceIn,
.erp-page10 .erp10-t.bounceIn,.erp-page10 .y-title.bounceIn,
.erp-page11 .erp11-t .col-lg-12.fadeInDown,
.erp-page11 .erp11-t .bb-1.fadeInLeft,
.erp-page11 .erp11-t .bb-arrow.fadeInLeft,
.erp-page11 .erp11-t .bb-2.fadeInLeft,
.erp-page11 .y-title.fadeInDown,

.listing-page1 .listing1-t.fadeInUp, .listing-page2 .listing2-t.fadeInRight,
.listing-page3 .listing3-t.fadeInLeft, .listing-page4 .listing4-t.fadeInRight {
    opacity: 1;
    filter: alpha(opacity=100);
}

.t-icon span{ position:relative; }
.a-icon{ font-size:19px; position:absolute;top:0;right:-25px; }
.partner-banner{ width:100%;height:150px;background:#1F2F41 url(../images/partner-banner.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:37px; }
.partner-banner h1{ padding:0 0 8px 0; margin:0; }

.partner-logo{ padding:10px 0 30px; width:100%; float:left;  }
.partner-logo li{ float:left; width:20%;height:40px; margin-bottom:25px; text-align:center;transition-duration:0.5s;  }
.partner-logo li:hover{ transform:scale(0.9); }

@media (max-width: 992px) {
	.partner-logo li{ width:25%;}
}

@media (max-width: 640px) {
	.partner-logo li{ width:33%;}
}

@media (max-width: 480px) {
	.partner-logo{ padding:0px 0 15px;}
	.partner-logo li{ width:50%;}
	.partner-logo li img{ max-width:70%; }
}
/* top start */
.cd-top {
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius:50%;
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 113, 188, 0.7) url(../images/top-arrow.png) no-repeat center center;
  background-size:50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.cd-top:hover {
  background-color: #0071BC;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 20px;
    bottom: 20px;
  }
}
/* top end */