*{ margin:0; padding:0;}

ul,li{ list-style:none; }
a{ color:#0089CF; outline:none; }
a:hover{ color:#00aeff; text-decoration:none;outline:none;}
a.tdline{ text-decoration:underline;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr10{ margin-right:10px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mtf10{ margin-top:-10px;}
.mt15{ margin-top:15px;}
.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%; }

.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fwb{ font-weight:bold}
.ffa{  }

.c-blue{ color:#0089CF; }
.c-gray{ color:#aaa; }
.c-gray-m{ color:#999;}
.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; }
.db{ display:block; }
.dib{ display:inline-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,.topbar .tbar-l a:active{ color:#fff; text-decoration:underline }
.topbar .tbar-l i{ color:#00A0E4; font-size:14px; }
.topbar .tbar-l i.fa-phone{font-size:16px;vertical-align:baseline; }
.topbar .tbar-l i.fa-mobile{ font-size:22px; vertical-align:sub; }
.topbar .tbar-l i.fa-clock-o{ font-size:17px;vertical-align:baseline;  }

.topbar .tbar-l .wechat{ position:relative; margin-left:-10px; padding:0 10px; }
.topbar .tbar-l .wechat strong{ display:none; }
.topbar .tbar-l .wechat:hover,.topbar .tbar-l .wechat:active{ background:#0089CF; cursor:pointer; color:#fff;}
.topbar .tbar-l .wechat:hover i,.topbar .tbar-l .wechat:active i{ color:#fff; }
.topbar .tbar-l .wechat:hover strong,.topbar .tbar-l .wechat:active strong{ display:block; position:absolute; top:34px; margin-left:-10px; background:#fff;  box-shadow:3px 3px 10px rgba(0,0,0,.3);  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,.topbar .tbar-l .qq:active{background:#0089CF; cursor:pointer; color:#fff;}
.topbar .tbar-l .qq:hover i,.topbar .tbar-l .qq:active i{ color:#fff; }
.topbar .tbar-l .qq:hover strong,.topbar .tbar-l .qq:active strong{ display:block; position:absolute; top:34px; margin-left:-10px; background:#fff;  box-shadow:3px 3px 10px rgba(0,0,0,.3); width:120px;padding:10px 0; text-align:center; z-index:999;  }
.topbar .tbar-l .qq strong.qq-col-2{ width:320px; padding:7px 10px 10px 10px; }
.topbar .tbar-l .qq strong a{ margin:0 3px;  }

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

.topbar .tbar-l .history i{ display:none; }

@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,.topbar .tbar-l span:active{background:#0089CF;}
	.topbar .tbar-l span:hover i{ color:#fff; }
	.topbar .tbar-l span:hover b,.topbar .tbar-l span:active 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-l .history i{ display:inline-block; }
}
.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: #fff !important;
    box-shadow:0 4px 5px rgba(0,0,0,.1);
}

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

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


.b1{ width:30%;height:500px; background:#0071BC url(http://www.tongtool.com/images/bg-b1.jpg) no-repeat left bottom; float:left; text-align:center; color:#fff; }
.b2{ width:30%;height:500px; background:#0095DA url(http://www.tongtool.com/images/bg-b2.jpg) no-repeat right bottom; float:left; text-align:center; color:#fff; }
.b3{ width:20%;height:250px; background:#3b46a1/*F79B34*/ url(http://www.tongtool.com/images/bg-b3.jpg) no-repeat right bottom; float:left; text-align:center; color:#fff; }
.b4{ width:20%;height:250px; background:#EA4E4F url(http://www.tongtool.com/images/bg-b4.jpg) no-repeat right bottom; float:left; text-align:center; color:#fff; }
.b5{ width:40%;height:250px; background:#0f1e35 url(http://www.tongtool.com/images/bg-yx.jpg) no-repeat left top; background-size:auto 100%; float:left; text-align:center; color:#fff; }
.b1:hover{ opacity:.85;}
.b2:hover{ opacity:.92;}
.b1 .b-c,.b2 .b-c{ display:table; width:100%;height:500px;}
.b3 .b-c,.b4 .b-c,.b5 .b-c{ display:table; width:100%;height:250px;}
.b1 .b-m,.b2 .b-m{ cursor:pointer;}
.b-m{ display:table-cell; vertical-align:middle; }
.b-m h3{ line-height:150%; margin:0; margin-bottom:3px; padding:0;  }
.b-line{ display:inline-block; width:40px;height:1px; background:#fff; margin-bottom:5px; }
.b-m .btn-default{ background-color:transparent; border-color:#fff; color:#fff; font-size:14px; padding:7px 25px; margin-top:10px;transition-duration: 0.5s; opacity:0; }
.b-m .btn-default:hover{ background:#fff; color:#444; }
.b-m:hover .btn-default{ opacity:1; }
.b-m h3{ margin-top:50px;transition-duration: 0.5s;  }
.b-m:hover h3{ margin-top:0px; }

.b5 .bm{ border:solid 3px #fff; height:240px; margin:10px; }
.b5 h3{margin-top:30px; width:100%;height:88px; text-indent:-9999px; margin-bottom:10px; background:url(http://www.tongtool.com/images/text-yx.png) no-repeat center center; background-size:auto 90%;}
.b5 p{ font-size:16px; color:#fff;  font-weight:bold; }
.b5 .b-line{ margin:15px 0 8px 0;  background:#ece3c0; display:none; }

@media (max-width: 1170px) { 
	.b-m h3{ font-size:18px; }
}
@media (max-width: 768px) { 
	
	.b-m h3{ font-size:18px; }
	.b-m p{ font-size:12px; }
}
@media (max-width: 640px) {
	
	.b1,.b2,.b3,.b4,.b5{ width:100%;height:200px; float:none; }
	.b1{ background-position:left center; }
	.b2{ background-position:right center; }
	.b1 .b-c,.b2 .b-c{ display:table; width:100%;height:200px;}
	.b3 .b-c,.b4 .b-c,.b5 .b-c{ display:table; width:100%;height:200px;}
	.b-m h3{ font-size:16px;font-weight:bold }
	.b-m .btn-default{ font-size:14px; padding:6px 15px; margin-top:5px;}
    .b5 h3{margin-top:35px;height:68px; }
}

.cmt{ margin-top:95px;}
.cmb{ padding-bottom:40px; }
@media (max-width: 768px) { 
	.cmt{ margin-top:75px;}
}

.pd-btn{ width:100%; text-align:center; position:fixed; bottom:300px; z-index:999999999; }
.pd-btn .btn-default{ background-color:rgba(0,113,188,.6); border-color:rgba(0,113,188,.7);color:#fff; font-size:16px; padding:10px 28px;transition-duration: 0.5s; }
.pd-btn .btn-default:hover{ background:#0071BC; color:#fff; box-shadow:0 0 15px #333; }
@media (max-width: 768px) { 
	.pd-btn{ bottom:2em; }
	.pd-btn .btn-default{ font-size:15px; padding:10px 25px;}
}

.btn-primary{ background:#0089CF; border-color:#0089CF; font-size:13px; }
.btn-primary:hover{ background:#0095DA; border-color:#0095DA; }

/*.carousel {
  height: 500px;
  margin-bottom:0px;
  margin-top:95px;
  background:#0A214A;
}
@media (max-width: 768px) { 
	.carousel{ margin-top:75px;}
}
.carousel-caption {
	z-index: 10;
}

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

.carousel .banner1{ background:url(http://www.tongtool.com/images/banner1.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner2{ background:url(http://www.tongtool.com/images/banner2.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner-rumall{ background:#E0E8EA url(http://www.tongtool.com/images/banner-rumall.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner-rumall .btn-rumall{ display:block; width:100%;height:500px; background-color:Transparent; } 
.carousel .banner-esg{ background:#EF8122 url(http://www.tongtool.com/images/banner-esg.jpg) no-repeat center center; background-size:cover; min-width:100%;min-height:100%; }
.carousel .banner-esg .btn-esg{ 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: 1280px) {
	.carousel { height: 400px;}
	.carousel .item { height: 400px;}
	.carousel .banner-rumall .btn-rumall{ display:block; width:100%;height:400px; background-color:Transparent; } 
	.carousel .banner-esg .btn-esg{ display:block; width:100%;height:400px; background-color:Transparent; } 
}
@media (max-width: 768px) {
	.carousel { height: 320px;}
	.carousel .item { height: 320px;}
	.carousel .banner-rumall .btn-rumall{ display:block; width:100%;height:320px; background-color:Transparent; } 
	.carousel .banner-esg .btn-esg{ display:block; width:100%;height:320px; background-color:Transparent; } 
}
@media (max-width: 480px) {
	.carousel { height: 200px;}
	.carousel .item { height: 200px;}
	.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:200px;} 
	.carousel .banner-esg .btn-esg{ height:200px; } 
}*/

.trainning-banner{ width:100%;height:100px;/*background:#1F2F41 url(http://www.tongtool.com/images/trainning-banner.jpg) no-repeat center center; */ background-color:transparent; color:#333; text-align:center; }
.trainning-banner h1{ line-height:150px; padding:0; margin:0; font-size:32px; }
@media (max-width: 768px) {
	.trainning-banner{ height:100px;}
	.trainning-banner h1{ line-height:100px; font-size:28px; }
}
@media (min-width:992px) {
	.trainning-div{
		width: 25%; float: left; position: relative;min-height: 1px; padding-right: 15px;padding-left: 15px; padding-top:10px; padding-bottom:10px; border-right:solid 0px #eee;
	}
}
.trainning-box{ /*background:#fff;*/ transition-duration: 0.5s; margin-bottom:15px; overflow:hidden;  }
/*.trainning-box:hover{ box-shadow:0px 0px 15px #ddd;transform:scale(1.05)}*/
.trainning-box h4{ color:#444; font-weight:bold; padding-top:5px; margin:0; }
.trainning-box .btn{ margin-top:10px; transition-duration: 0.5s; padding-left:30px; padding-right:30px;  }
.trainning-box:hover .btn-default{ border:solid 1px #0095DA; background:#0095DA; color:#fff; }
.tra-pic{ width:100%;height:auto; overflow:hidden; transition-duration: 0.5s; text-align:center; }
.tra-pic img{ max-width:100%; }
/*.tp-1{ background:url(http://www.tongtool.com/images/tra-pic1.jpg) no-repeat center center; background-size: auto 100%; }
.tp-2{ background:url(http://www.tongtool.com/images/tra-pic2.jpg) no-repeat center center; background-size: auto 100%; }
.tp-3{ background:url(http://www.tongtool.com/images/tra-pic3.jpg) no-repeat center center; background-size: auto 100%; }
.tp-4{ background:url(http://www.tongtool.com/images/tra-pic4.jpg) no-repeat center center; background-size: auto 100%; }
.tp-5{ background:url(http://www.tongtool.com/images/tra-pic5.jpg) no-repeat center center; background-size: auto 100%; }
.tp-6{ background:url(http://www.tongtool.com/images/tra-pic-lianlian.jpg) no-repeat center center; background-size: auto 100%; }*/
.tra-c{ padding: 20px 0px 0px 0px; border:solid 0px #ddd; border-top:0px; }
.tra-c h3{ margin:0 0 10px 0; padding:0; text-align:center; font-size:18px; font-weight:bold;  }
.tra-t{ min-height:50px;max-height:40px; line-height:150%;  margin-top:-5px; }
.trainning-box:hover .tra-pic{ opacity:.8; }
.tra-c .c-blue{ min-height:40px; }

.price-banner{ width:100%;height:120px;background:#001C40 url(http://www.tongtool.com/images/price-banner.jpg) no-repeat center center; color:#fff; text-align:center; }
.price-banner h1{ line-height:120px; padding:0; margin:0;font-size:28px;}
@media (max-width: 768px) {
	.price-banner{ height:120px;}
	.price-banner h1{ line-height:120px; font-size:24px; }
	.tra-t{ min-height:auto;}
    .tra-c .c-blue{ min-height:auto; }
    .tra-c{ text-align:center;  }
}
@media (max-width: 480px) {
	.price-banner h1{ font-size:20px; }
}

.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: 768px) {
	.c-title{ padding-bottom:20px; }
	.c-title h1{ font-size:28px;}
}
@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: 1s; width:110px;height:110px; background:#fff; line-height:110px; overflow:hidden; border-radius:50%; text-align:center; margin-bottom:5px; border:solid 0px #e2e2e2;  color:#8DD8F8; vertical-align:bottom;}
.p-circle:hover{ color:#0089CF; border:solid 0px #AAE1FA;}
.p-circle img{ max-width:80px;}
@media (max-width: 480px) {
	.p-circle{ width:90px;height:90px;line-height:90px;}
	.p-circle img{ max-width:60px;}
}

@-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);
    }
}
.tt-comment:hover .p-circle{ 
	-webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
	border:solid 0px #ccc;
}

.ys-c{ text-align:center; }
.ys-c h4{ font-size:16px; line-height:150%;}
.ys-c .ys-t1{ width:75%; text-align:center; margin-left:auto;margin-right:auto; }

.icon-ys-1{ display:inline-block; width:60px;height:60px; background:url(http://www.tongtool.com/images/icon-ys-1.png) no-repeat; margin-top:10px; }
.icon-ys-2{ display:inline-block; width:60px;height:60px; background:url(http://www.tongtool.com/images/icon-ys-2.png) no-repeat; margin-top:10px; }
.icon-ys-3{ display:inline-block; width:60px;height:60px; background:url(http://www.tongtool.com/images/icon-ys-3.png) no-repeat; margin-top:10px; }
.icon-ys-4{ display:inline-block; width:60px;height:60px; background:url(http://www.tongtool.com/images/icon-ys-4.png) no-repeat; margin-top:10px; }

@media (max-width: 480px) {
	.ys-c .col-md-3{ float:left; width:50%; }
    .ys-c h4{ font-size:15px;}
    .ys-c .ys-t1{ width:auto; }
    .icon-ys-1,.icon-ys-2,.icon-ys-3,.icon-ys-4{ width:50px;height:50px; background-size:100%; }
    .tt-comment{ float:left; width:50%; }
    .tt-comment h4{ font-size:15px; }
}

.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 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; }
.wbox:hover .btn-default{ border:solid 1px #0095DA; background:#0095DA; color:#fff;transform:scale(1.05) }
.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:60px;height:60px; background:url(http://www.tongtool.com/images/icon-safe.png) no-repeat; text-align:center; color:#fff; line-height:60px; letter-spacing:2px; }

.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 }
.photo-text-1 .text-right{ padding-right:5px; }
.photo-text-2 .text-right{ padding-right:15px; }
@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;}
	.photo-text-2 .text-right{ padding-right:10px; }
}

/*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; display:table; width:171px;height:70px; text-align:center; overflow:hidden; background:#f5f5f5; border:solid 1px #e2e2e2; padding-top:15px; padding-bottom:15px; margin-right:-1px;}
#img li:hover,#img1 li:hover{ background:#fff; }
#img a,#img1 a{display:table-cell; vertical-align:middle; text-align:center;height:40px;   }
#img a img,#img1 a img{ transition-duration: 0.5s; max-width:70%; }
#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:25px; }
#but1{ background:url(http://www.tongtool.com/images/icon-roll.png) no-repeat left top; }
#but1:hover{ background:url(http://www.tongtool.com/images/icon-roll.png) no-repeat left -22px; }
#but2{ background:url(http://www.tongtool.com/images/icon-roll.png) no-repeat right top; }
#but2:hover{ background:url(http://www.tongtool.com/images/icon-roll.png) no-repeat right -22px; }
@media (max-width: 480px) {
	#img li,#img1 li{ height:60px; padding-top:10px; padding-bottom:10px;}
	#but1,#but2{ margin-top:20px; }
}

.tt-footer{ background:#363636; padding:25px 0 20px 0; color:#bbb; }
.tt-footer h3{ color:#0089CF; padding-bottom:5px;}
.tt-footer p{ line-height:160%; padding-right:45px; padding-bottom:5px; }
.tt-footer p a{ margin-right:3px; }
.tt-copyright{ text-align:center; margin-top:15px; border-top:solid 1px #444; padding-top:12px; color:#777; font-size:13px; }
.tt-copyright img{ width:inherit !important; height:24px !important; margin-top:6px; }
.tt-copyright a{ color:#999;  }
.tt-copyright a:hover{ color:#ccc;  }
.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 }
.tt-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) {
	.tt-footer p{  padding-right:0px;}
	.tt-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;  }
}

.p-tabs{ width:100%; border-bottom:solid 1px #e8e8e8; margin-bottom:0px; text-align:center; background:#fff;  }
.a-tabs{ width:100%; border-bottom:solid 1px #ececec; margin-bottom:25px; text-align:center;  }
.tabs{ text-align:center;  padding:0; margin:0;  width:100%;float:none; text-align:center;   margin-bottom:-1px;  }
.tabs li{ float:none; display:inline-block; width:32%; padding:18px 0 12px 0;  font-size:16px; cursor:pointer; }
.tabs li.tab-current{ border-bottom:solid 3px #1e88e5; color:#1e88e5;  }
@media (max-width: 480px) {
    .p-tabs{ margin-bottom:0px;  }
	.tabs li{ padding:15px 0 10px 0;  font-size:14px; }
}

.pt-box{  margin-bottom:20px; background:#fff; border-radius:5px;  }
.pt-box table{ background:#fff; border-collapse:collapse; width:100%; }
.pt-box table th{ font-weight:normal; border:solid 1px #ddd; padding:15px 25px; text-align:center; vertical-align:top; }
.pt-box table td{ border:solid 1px #ddd; padding:15px 25px;}

.price-box{ margin-bottom:20px; }

.price-top{ padding:7px 0px 12px 0px;text-align:center; }
.price-top h3{ font-size:24px; margin-bottom:5px; }
.price-top p{ padding:5px 20px 0 20px; line-height:170%; }
.bg0{ background:#f9f9f9;}

.price-m{ border:solid 1px #d4d4d4; background:#fff; border-top:0px; transition-duration: 1s; line-height:170%; margin-top:-1px; }
.price-m table{ width:100%; border-collapse:collapse; }
.price-m table th{ text-align:center; }
.price-m table td{ padding:6px 20px; border-top: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:12px 20px; }

.price-box-1 .price-top,.price-box-2 .price-top{ background:#5A75A7; color:#fff; border:solid 0px #D4D4D4; border-radius:10px 10px 0 0; }
.price-box-4 .price-top,.price-box-5 .price-top{ background:#485E88; color:#fff; border:solid 0px #D4D4D4; border-radius:10px 10px 0 0;}


.price-box-6 .price-top{ padding-top:5px;}

.price-box-1 .price-m{ min-height:189px; }
.price-box-1 .price-m table td{ border-bottom:solid 1px #e8e8e8;  }

.price-box-4 .price-m{ min-height:189px; }
.price-box-4 .price-m table td{ border-bottom:solid 1px #e8e8e8;  }

.col-12{ clear:both; padding-left:15px; padding-right:15px; }
.price-box-3 table{ border-collapse:collapse; background:#fff; table-layout:fixed }
.price-box-3 table th{ border:solid 1px #ddd;padding:10px 20px; text-align:left;  }
.price-box-3 table td{ border:solid 1px #ddd;padding:10px 20px; }
.price-box-3 .price-top{ padding-bottom:0px;}

.price-box-3 .price-m,.price-box-6 .price-m{ border:0; }
.price-box-3 .price-top h3,.price-box-6 .price-top h3{ font-weight:bold; }
.price-box-3 .price-top p,.price-box-6 .price-top p{ padding-left:0; padding-right:0; }

@media (max-width: 1200px) { 
	.price-m{ min-height:inherit; }
	.price-box-1 .price-m,.price-box-4 .price-m,.price-box-5 .price-m,.price-box-6 .price-m{ min-height:inherit;}
	.c-all{ padding:15px 0px; }
	.price-top { padding: 5px 0px 10px 0px;min-height: inherit;}
	.price-top p{ padding:5px 15px 0 15px; line-height:160%; }
}

.p-table{ padding-bottom:50px; }
.p-table table{ width:100%;  border-collapse:collapse;  background:#fff;border:solid 1px #ddd; }
.p-table table th,.p-table table td{ border:solid 1px #ddd; border-top:dashed 1px #ddd; border-bottom:dashed 1px #ddd;  padding:15px; vertical-align:middle;  }
.p-table table th{ font-weight:normal;  text-align:center; padding-bottom:20px; vertical-align:top;}
.p-table th h3{ font-weight:bold; }
.p-table h4{ font-weight:bold; font-size:16px;}
.p-table .c-red{ color:#777; }
.p-table .c-org{ font-size:15px;   color:#f70; }

.tip-rotate{ width:26px;height:65px; text-align:center; padding:5px 4px; line-height:16px; font-size:13px; background:#0095DA; border-radius:0 0px 24px 0; color:#fff;/*transform:rotate(-45deg);*/ position:absolute; top:0px; left:0px;   }
.tip-bg1{ background:#0095DA;}
.tip-bg2{ background:#20ABA1;}
.tip-bg3{ background:#658eda;}

.pd-table table th{  overflow:hidden;  }
.td-posr{ position:relative; padding:20px 40px;  }
/*.td-posr .tip-rotate{ top:-4px; left:-52px; }*/

.p-tb-t1{ background:#e5f4fe; }
.p-tb-t2{ background:#e9f5f2; }
.p-tb-t3{ background:#e8efff; }
.p-tb-t4{ background:#e5f9f9; }

.p-tb-t1 h3{ color:#0089CF; }
.p-tb-t2 h3{ color:green; }
.p-tb-t3 h3{ color:#647cbb; }
.p-tb-t4 h3{ color:#0fa9a5; }

.p-table table th.p-tb-c1{ background:#f5fbff; padding:0; }
.p-table table th.p-tb-c2{ background:#effbfb;padding:0; }
.p-tb-c3{ background:#f8faff; }
.p-tb-c4{ background:#fafdff; }

.p-table .p-tb-tm{ padding:30px 15px 20px 15px; }
.p-tb-cm{ background:#fcfdfd; }

.p-title{ text-align:center;  padding:0; margin:15px 0 30px 0; font-weight:normal; font-size:26px; color:#333; }
.p-title span{ font-size:14px; color:#777;  display:block; font-weight:normal; margin-top:12px;  line-height:160%; }


@media (max-width: 920px) { 
    .td-posr{ position:relative; padding:17px 15px 5px 15px; font-size:13px;word-break:break-all; }
}

@media (max-width: 640px) { 
    .p-table table th,.p-table table td{ padding:10px;}
	.p-table h3{ font-size:18px; }
    .p-table .p-tb-tm{ padding:20px 10px 10px 10px; }
    .p-title{ font-size:22px; padding-bottom:10px; }
    .p-title span{ font-size:13px; }
    .td-posr{ position:relative; padding:30px 5px 5px 5px; font-size:13px;word-break:break-all; }
    .tip-rotate{ width:100%;height:22px; text-align:center; line-height:22px; font-size:12px;  border-radius:0; padding:0px;  }
    /*.td-posr .tip-rotate{ top:-2px; left:-53px; }*/
    .pd-table .c-price, .pd-table .fs14{ font-size:12px; }
    .pd-table .c-tdlt{ font-size:11px; }
}

.f-group{ border:solid 1px #ccc; background:#fff; float:left; width:100%; margin-bottom:45px; margin-top:10px;  }
.f-item{ float:left; width:20%; border-right:solid 1px #e5e5e5; padding:0px; min-height:184px; text-align:center; }
.f-item:last-child{ border:0; }
.f-item strong{ display:block; border-bottom:solid 1px #e8e8e8; padding:10px 10px 8px 10px;font-size:15px; background:#f5f5f5; }
.f-item p{ padding:20px 20px; }
.f-item p.text-left{ padding-left:36px; line-height:30px;}
.price-box-3 .f-item p.text-left{ padding-left:35px;}
.price-box-3 .f-item p.p2{ padding-left:20px;}
.price-box-3 .c-gray{ line-height:120%; }
.price-box-3 .f-item p{ padding:20px 20px 0px 20px; }
.price-box-3 .f-item{ min-height:180px; }

@media (max-width: 980px) { 
	.price-top{ margin-bottom:0px;padding:3px 0px 12px 0px;}
	.price-top h3{ font-size:20px; }
	.price-top p{ padding:0px 15px 0 15px; line-height:150%; }
	.f-group{ float:none; width:100%; margin-bottom:15px; margin-top:0;  }
	.f-item{ float:none; width:100%; border-right:0; border-bottom:solid 1px #e2e2e2;min-height:inherit;text-align:left;}
	.f-item strong{ display:block; border-bottom:dashed 1px #e2e2e2; padding:8px 15px 6px; font-size:14px;}
	.f-item p{ padding:10px 15px 10px 15px;}
	.f-item p.text-left{ padding-left:15px;}
	.price-box-3 .f-item{ min-height:inherit; }
	.price-box-3 .f-item p{ padding:10px 15px 5px 15px; }
	.price-box-3 .f-item p.text-left{ padding-left:15px;}
}

.p-st{ display:inline-block; width:auto; }
.price-m .c-org{ font-weight:normal;}

.pc-title-1{text-align:center; margin:40px 0 45px 0; background:#efefef;height:1px; position:relative; }
.pc-title-1 span{ background:#f5f5f5; color:#444;font-size:20px;font-weight:bold; padding:0px; width:200px; display:inline-block; position:absolute; top:-14px;left:50%; margin-left:-100px; }
.pc-title-2{ text-align:center; margin:40px 0 45px 0; background:#efefef;height:1px; position:relative; }
.pc-title-2 span{ background:#f5f5f5; color:#444;font-size:20px;font-weight:bold; padding:0px;width:220px; display:inline-block; position:absolute; top:-14px;left:50%; margin-left:-110px; }
.pc-title-3{ text-align:center; margin:40px 0 45px 0; background:#ddd;height:1px; position:relative; }
.pc-title-3 span{ background:#f5f5f5; color:#444;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;  }
.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;}



.a-list{ margin-top:-20px;}
.a-list li{ border-bottom:solid 1px #eee; padding:15px 0px; }
.a-list li:last-child{ border-bottom:0; }
.pic-w{ text-align:center;  }
.pic-w img{ max-width:100%; margin-bottom:15px;  }
.a-list li p{ line-height:170%; font-size:15px; }
.a-list  h3{ color:#333;line-height:140%; font-weight:bold }
.a-list  h3 a{ color:#333;line-height:130%; }
.a-list  h3 a:hover{color:#0089CF; }
@media (max-width: 640px) { 
	.a-list  h3{ font-size:20px; }
    .pc-title-1 span,.pc-title-2 span,.pc-title-3 span{ font-size:16px; }
}

.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:80% !important; }


.y-title{ margin:0 auto; color:#fff; width:150px;height:150px;line-height:150px;border-radius:50%; text-align:center; font-size:26px; 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:#337AB7;}

.erp-page1{ background: linear-gradient(125deg, #3a5ced, #222790);position:relative;}
.erp1-t{ width:100%;height:auto; text-align:center; margin-top:140px;  }
.erp1-t h2{ font-size:24px; color:#fff; line-height:140%; }
.erp1-t p{ font-size:16px; color:#fff; line-height:170%; }
.erp1-base{ width:100%; height:580px; background:url(http://www.tongtool.com/images/erp1-base.png) no-repeat center bottom; position:relative;  }
.erp1-cloud{ width:220px;height:174px; background:url(http://www.tongtool.com/images/erp1-cloud.png) no-repeat; position:absolute; left:50%; margin-left:-110px; top:270px;  }
.erp1-logo-1{ width:100%; height:70px; background:url(http://www.tongtool.com/images/erp1-logo-1.png) no-repeat center center; background-size:auto 100%; position:absolute; top:198px; }
.erp1-logo-2{ width:100%; height:32px; background:url(http://www.tongtool.com/images/erp1-logo-2.png) no-repeat center center; background-size:auto 100%; position:absolute; top:150px; }
.erp1-logo-3{ width:100%; height:52px; background:url(http://www.tongtool.com/images/erp1-logo-3.png) no-repeat center center; background-size:auto 100%; position:absolute; top:60px; }
@keyframes bounce-down {
    25% {
        transform: translateY(-15px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(15px);
    }
}
.bounce-down {
  animation-name: bounce-down;
  animation-duration:6s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}

@media (max-width:480px) { 
	.erp1-t{ margin-top: 50px; }
	.erp1-t h2{ font-size:18px;margin-bottom:10px; font-weight:bold }
	.erp1-t p{ font-size:14px;  }
    .erp1-base{ height:440px;  background-size: auto 100%; }
    .erp1-cloud{ width:160px;background-size:100% auto;margin-left:-80px;top:200px; }
	.erp1-logo-1{  background-size:90% auto; top:140px; }
    .erp1-logo-2{  background-size:95% auto; top:100px;  }
	.erp1-logo-3{  background-size:90% auto; top:30px; }
	.fp-tableCell{
		vertical-align: top !important;
	}
}


.erp-page2{ background:#28353D url(http://www.tongtool.com/images/erp2-bg.jpg) no-repeat right bottom;background-size:cover; }
.erp2{ margin-top:-120px; }
.erp2-t{ color:#fff; text-align:left;background:rgba(38,49,59,0.7); padding:10px 30px 20px 30px; margin-top:0px; }
.erp2-t h2{ color:#0095DA; margin-bottom:20px; text-align:center;}
.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(http://www.tongtool.com/images/erp3-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp3{ margin-top:-120px; }
.erp3-t{ color:#000;background:rgba(255,255,255,0.7); padding:5px 30px 20px 30px; margin-top:30px; }
.erp3-t h2{ margin-bottom:15px; color:#f80; line-height:150%; text-align:center; } 
.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(http://www.tongtool.com/images/erp4-bg.jpg) no-repeat center bottom; background-size:cover; }
.erp4{ margin-top:-120px; }
.erp4-t{ color:#222;background:rgba(255,255,255,0.7); padding:5px 30px 20px 30px; margin-top:30px;}
.erp4-t h2{ margin-bottom:15px; color:#24B25C; line-height:150%; text-align:center; }
.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(http://www.tongtool.com/images/erp5-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp5{ margin-top:-120px; }
.erp5-t{ color:#222;background:rgba(255,255,255,0.8); padding:5px 30px 20px 30px; margin-top:30px;}
.erp5-t h2{ margin-bottom:15px; line-height:150%; color:#0089CF; text-align:center;}
.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(http://www.tongtool.com/images/erp6-bg.jpg) no-repeat left bottom;background-size:cover;}
.erp6{ margin-top:-120px; }
.erp6-t{ color:#222;background:rgba(255,255,255,0.6); padding:5px 30px 20px 30px; margin-top:30px;}
.erp6-t h2{ margin-bottom:15px; line-height:150%; color:#f60; text-align:center;}
.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.6); 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(http://www.tongtool.com/images/erp7-bg.jpg) no-repeat center bottom;background-size:cover;}
.erp7{ margin-top:-120px; }
.erp7-t{ color:#fff; background:rgba(0,0,0,0.5); padding:10px 30px 20px 30px;margin-top:30px; }
.erp7-t h2{ margin-bottom:15px; line-height:150%;color:#24B25C; text-align:center;}
.erp7-t p{ font-size:16px; }
@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(http://www.tongtool.com/images/erp8-bg.jpg) no-repeat center bottom; background-size:cover; }
.erp8{ margin-top:-120px; }
.erp8-t{ color:#fff;background:rgba(0,0,0,0.7); padding:10px 30px 20px 30px; margin-top:30px; }
.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(http://www.tongtool.com/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(http://www.tongtool.com/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(http://www.tongtool.com/images/erp11-bg.jpg) no-repeat center bottom; background-size:cover;}
.erp11{ margin-top:-120px;}
.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(http://www.tongtool.com/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(http://www.tongtool.com/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(http://www.tongtool.com/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(http://www.tongtool.com/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-base,.erp1-t,.erp1-cloud,.erp1-logo-1,.erp1-logo-2,.erp1-logo-3,
.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-base.fadeOut,.erp-page1 .erp1-t.fadeInDown,.erp-page1 .erp1-cloud.bounce-down,.erp-page1 .erp1-logo-1.fadeInDown,.erp-page1 .erp1-logo-2.fadeInDown,.erp-page1 .erp1-logo-3.fadeInDown,
.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; color:#555; }
.partner-banner{ width:100%;height:120px;background:#211a43 url(http://www.tongtool.com/images/partner-banner.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:35px; }
.partner-banner h1{ padding:0 0 5px 0; margin:0; display:none; }
.partner-banner h5{ font-size:24px; }

.p-title{ clear:both;text-align:center; }
.p-title h3{ font-weight:normal; font-size:24px; color:#333; }
.partner-logo{ padding:15px 0; width:100%; float:left;  }
.partner-logo li{ float:left; display:table; width:16.7%;height:72px; background:#fff; margin-left:-1px; margin-top:-1px;  text-align:center;border:solid 1px #ddd; padding:16px 0;  }
.partner-logo li:hover{ background:#f9f9f9; }
.partner-logo li img{ max-width:80%;transition-duration:0.5s;max-height:34px;  }
.partner-logo li a{ display:table-cell;height:34px; text-align:center; vertical-align:middle; }
.partner-logo li:hover img{ transform:scale(0.9)}

@media (max-width: 992px) {
	.partner-banner{ padding-top:43px; }
	.partner-banner h1{ font-size:28px; }
	.partner-logo li{ width:25%;height:70px; padding:15px 0; }
	.partner-logo li img{ max-width:70%; }
    .partner-banner h5{ font-size:18px; }
}

@media (max-width: 640px) {
	.partner-logo li{ width:33%;}
	.p-title{ margin-bottom:10px;}
	.p-title h3{ font-size:20px;padding: 0 10px 10px 10px; }
    .partner-banner h5{ font-size:16px; }
}

@media (max-width: 480px) {
	.partner-logo{ padding:0px 0 15px;}
	.partner-logo li{ width:33.3%;height:60px; padding:10px 0;}
	.partner-logo li img{ max-width:70%;  }
}

.app-banner{ width:100%;height:120px;background:#212d5e url(http://www.tongtool.com/images/app-banner.jpg) no-repeat center center;/*background: linear-gradient( to right, #4e5986, #2f3a67 );*/   color:#fff; text-align:center;  }
.app-banner .btn-default{ background: linear-gradient( to right, #1096ae, #1279d3 ); border:solid 0px rgba(255,255,255,.6); border-radius:60px; color:#fff; font-size:16px; font-weight:normal;  padding:8px 30px 8px 25px; margin-top:40px;transition-duration: 0.5s; opacity:0; }
.app-banner .btn-default:hover{ background: linear-gradient( to right, #0fa9c5, #2796f7 ); }
.app-banner .btn-default i{ font-size:14px; margin-right:10px; }

.app-list .col-md-3{ margin-bottom:20px; }
.app-pic{ display:block;  width:100%;height:inherit; background:#ddd; overflow:hidden;}
.app-pic img{ width:100%; transition-duration: 0.5s; }
.app-pic:hover img{ transform:scale(1.1) }

.app-tips{ display:inline-block; font-size:10px; color:#fff; background:#f80; line-height:1em; padding:1px 3px 2px 3px; border-radius:0 2px 2px 2px; vertical-align:middle; position:relative; margin-left:5px; margin-top:-2px; }
.app-tips .bottomdirection  
{  
	display:inline-block;
    width:0;height:0;  
    line-height:0;  
    border-width:4px;  
    border-style:solid;  
    border-color: #f80 transparent transparent transparent; 
	position:absolute;left:-4px;top:0; 
}

@media (max-width: 992px) {
	.app-banner .btn-default{  font-size:14px;  }
    .app-pic{ height:inherit; }
}


.loan-t{ width:100%;height:140px; text-align:center; padding:18px 15px 0px 15px; background:#EC6061 url(http://www.tongtool.com/images/loan-banner.jpg) no-repeat center center; margin-bottom:0px; }
.loan-t h2{ color:#fff; margin-bottom:15px; }
.loan-t h4{ line-height:150%;color:#fff; font-size:16px; }
@media (max-width: 640px) {
	.loan-t h2{ color:#fff;font-size:26px; margin-bottom:10px; }
	.loan-t h4{ line-height:170%;color:#fff; font-size:13px; }
}

.my-table th{ background:#f5f5f5;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding-left:15px; padding-right:15px; }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th{ border-bottom-width:1px; }

.a-btnbar{ text-align:center; padding-top:20px; margin-bottom:60px;}
.a-btnbar .btn-warning{ background:#f90; border-color:#f80; font-size:16px; padding:8px 30px; }
.a-btnbar .btn-warning:hover{ background:#f70; border-color:#f70;}
.a-btnbar .btn-default{ font-size:16px; padding:8px 30px; margin-right:10px; background:#f5f5f5; }

.jt-pic{ background:#f8f8f8; text-align:center; }
.jt-pic img{ max-width:100%; }

.as-content{ padding:100px 0 200px; }
@media (max-width: 640px) {
	.as-content{ padding:30px 0 0px; }
	.as-content h3{ font-size:22px; }
}

.v-title{ font-size:22px; margin-top:5px; }

.video-list{ padding-top:10px; margin-bottom:15px; margin-left:-10px; margin-right:-10px;  min-height:450px;  }
.video-list li{ padding:10px 10px;width:25%; float:left; display:table;  }
.video-list li a{ display:table; width:100%; vertical-align:middle; color:#333; font-size:15px; line-height:20px; transition-duration: 0.5s; border:solid 1px #e8e8e8; background:#f9f9f9;  padding:15px 15px 15px 20px; min-height:75px; }

.video-list li a img{ display:none; vertical-align:middle; width:100px; margin-right:20px;  }
.video-list li a span{ display:table-cell; vertical-align:middle; }
.video-list a .icon-play{ display:block; float:right; margin:0 0px 0 0;width:44px; height:44px; background:url(http://www.tongtool.com/images/icon-play-gray.png) no-repeat center center; background-size:80% auto;transition-duration: 0.2s; }
.video-list a:hover{ background:#00c1de; border:solid 1px #00c1de;transition-duration: 0.5s;   }
.video-list a:hover .icon-play{ display:block; width:44px; height:44px; background:url(http://www.tongtool.com/images/icon-play.png) no-repeat center center; background-size:100% auto;  }
.video-list a:hover span{ color:#fff; }

@media (max-width: 992px) {
	.v-title{ font-size:20px;margin-top:15px; }
	.video-list li{ width:50%; }
}
@media (max-width: 640px) {
	.v-title{ font-size:18px;}
	.video-list li{ width:100%; }
}

.bg-shade{ position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:99999999999; }
.pop-tb{ display:table; width:100%;height:100%; }
.pop-main{ display:table-cell; vertical-align:middle; text-align:center;}
.pop-content{ background:#fff; box-shadow:0 0 20px #000; padding:15px 20px 20px 20px; border-radius:15px; display:inline-block;}
.pop-content h4{ font-weight:bold; }
.pop-content h4 a{ display:inline-block;float:right; font-size:24px; margin-top:-4px; color:#999;transition-duration: 0.5s;  }
.pop-content h4 a:hover{ color:#0095DA;transform:rotate(180deg); }
.pop-content img{ max-width:100%; }

@media (max-width: 640px) {
	.pop-content{ padding:10px 15px 15px 15px; margin:10px; }
	hr{ margin-top:5px; margin-bottom:10px; }
}



.breadcrumb{ padding:0 0 12px 0; background-color:transparent; border-bottom:dashed 1px #ddd; }
.breadcrumb a{ color:#444; }
.breadcrumb a:hover{ color:#0089CF; }

.company-info{ border:solid 1px #e2e2e2; }
.company-t{ background:#f5f5f5;  padding:15px 20px; text-align:center; }
.company-logo{ width:70px; margin:0 auto 10px auto; }
.company-logo span{ display:table-cell;width:70px;height:70px; padding:2px; background:#fff; border:solid 1px #ddd; border-radius:50%; text-align:center; vertical-align:middle; overflow:hidden; }
.company-logo img{ max-width:70px; max-height:70px;border-radius:50%; }
.company-m{ padding:20px; }
.company-m dl{ margin-bottom:10px; }
.company-m dl dt{ width:40px; float:left; font-weight:normal; color:#999; }
.company-m dl dd{ padding-left:40px; }

.app-img{ width:302px; float:left; border:solid 1px #eee;  margin-bottom:30px;}
.app-img img{ max-width:100%; }
.app-buy{ padding-left:325px;  margin-bottom:30px;}
.app-buy h3{ margin-top:0;  padding-top:0; }
.app-buy label{ font-weight:normal;  }
.price{ font-size:16px; color:#f80; }
.price b{ font-size:20px;  font-weight:normal; }
.btn-time{ display:inline-block; padding:2px 15px; border:solid 1px #bbb; margin:0 5px 5px 0; color:#999; cursor:pointer; }
.btn-time:hover{ border:solid 1px #22ac38; color:#22ac38;}
.btn-time-current{ border:solid 1px #22ac38; color:#22ac38; background:url(http://www.tongtool.com/images/icon-check.png) no-repeat right bottom; }

.title-small{ border-bottom:solid 2px #ededed; margin-bottom:20px; }
.title-small strong{ border-bottom:solid 2px #0095DA; margin-bottom:-2px; font-size:16px; display:inline-block; padding:10px 1px; }
.app-about{ padding-bottom:30px; }
.about-text{ line-height:170%; font-size:1.5rem; }
.about-text p{ text-indent:2em; }
.about-text img{ max-width:100%; display:block; margin:15px auto 15px auto; }

@media (max-width: 640px) {
	.app-img{ width:100%; float:none; text-align:center;  }
    .app-buy{ padding-left:0; }
}

.bk-org{ background:#fff5e6; border:solid 1px #f9dcae; padding:6px 14px; line-height:28px; vertical-align:middle; margin-bottom:12px; }
.bk-org .btn-warning{ vertical-align:baseline; padding:3px 10px; background-color:transparent; color:#f80; border-color:#f90; transition:.5s;}
.bk-org .btn-warning:hover{ background-color:#f90; color:#fff; }
.bk-org .right{ float:right; }

.vip-table-large{ display:block; margin-bottom:30px;  }
.vip-table-small{ display:none; }

.vip-item{ width:100%; display:flex; display: -webkit-flex; flex-direction:row;  }
.v-col-1{ width:20%;  padding-bottom:15px; }
.v-col-2,.v-col-3{ width:40%; background:#fff; border-radius:15px; box-shadow:0 0 8px rgba(0,0,0,.06); margin-left:0px; transition:.5s;padding-bottom:20px; }
/*.v-col-2:hover,.v-col-3:hover{ box-shadow:0 0 40px rgba(0,0,0,.15); z-index:999;  }*/
.v-row-top{ height:180px; text-align:left; padding:15px 40px 0px 30px; }
.v-row-top h3{ color:#333 }
.v-row-top-online{  padding-left:70px; background:url(http://www.tongtool.com/images/icon-online.png) no-repeat -140px 34px;  transition:.5s;}
.v-row-top-cloud{   padding-left:70px; background:url(http://www.tongtool.com/images/icon-cloud.png) no-repeat -150px center;  transition:.5s; }
.v-col-2:hover .v-row-top-online{ padding-left:120px; background:url(http://www.tongtool.com/images/icon-online.png) no-repeat -72px 34px;}
.v-col-3:hover .v-row-top-cloud{ padding-left:120px; background:url(http://www.tongtool.com/images/icon-cloud.png) no-repeat -90px center;}
.v-col-current{ width:48%; box-shadow:0 0 40px rgba(0,0,0,.2); z-index:999;}
.v-col-current .v-row-top-online{ padding-left:120px; background:url(http://www.tongtool.com/images/icon-online.png) no-repeat -72px 34px;}
.v-col-current .v-row-top-cloud{ padding-left:120px; background:url(http://www.tongtool.com/images/icon-cloud.png) no-repeat -90px center;}

.v-row-bg{ background:#f9f9f9; }
.v-row-bg-2{ background:#fff; }
.v-row-line1{ height:54px; line-height:54px; padding:0px 0px 0 70px;}
.v-row-line2{ height:70px;  text-align:left; padding:15px 0px 0 70px;  }
.v-row-line3{ height:86px;  text-align:left; padding:15px 0px 0 70px;  }
.v-row-line2.line1{  padding-top:0; line-height:70px; }
.v-row-line3.line1{  padding-top:0; line-height:86px; }
.v-row-line3.line2{  padding-top:22px; line-height:150%; }
.v-col-1 .v-row-line1{ padding-top:0; padding-left:20px; }
.v-col-1 .v-row-line2{ line-height:70px; padding-top:0; padding-left:20px; }
.v-col-1 .v-row-line1.v-row-bg,.v-col-1 .v-row-line2.v-row-bg{ background: linear-gradient( to right,#F5F6F6, #f9f9f9);}
.v-col-1 .v-row-line1.v-row-bg-2,.v-col-1 .v-row-line2.v-row-bg-2{ background: linear-gradient( to right,#F5F6F6, #fff); }
.v-row-title{ height:50px; padding:17px 20px 0 20px; }
.v-col-1 .v-row-title.v-row-bg-2{ background: linear-gradient( to right,#F5F6F6, #fff); }
.v-row-top.v-row-bg-2{ background: linear-gradient( to right,#F5F6F6, #fff); } 
.v-col-1 .v-row-title{ color:#1e88e5 }
.vip-more-text{ text-align:center; padding:50px 0 0 0 ; color:#999 }
.vip-table-large .btn-warning{ vertical-align:baseline; padding:5px 15px; background-color:#fff; color:#f80; border-color:#f90;  border-radius:inherit; transition:.5s;}
.vip-table-large .btn-warning:hover{ background-color:#f90; color:#fff; }

.v-col-listing-1{ width:20%; padding-bottom:15px;}
.v-col-listing-1 .v-row-line1{ padding-left:5px; padding-right:20px; }
.v-col-listing-1 .v-row-line2{ padding-left:5px; padding-right:20px;  }
.v-col-listing-1 .v-row-line3{ padding:15px 20px 0 5px;  }
.v-col-listing-1 .v-row-line1.v-row-bg,.v-col-listing-1 .v-row-line2.v-row-bg,.v-col-listing-1 .v-row-line3.v-row-bg{ background: linear-gradient( to right,#F5F6F6, #f9f9f9);}
.v-col-listing-1 .v-row-line1.v-row-bg-2,.v-col-listing-1 .v-row-line2.v-row-bg-2,.v-col-listing-1 .v-row-line3.v-row-bg-2{ background: linear-gradient( to right,#F5F6F6, #fff); }
.v-col-listing-2,.v-col-listing-3,.v-col-listing-4,.v-col-listing-5{ 
    width:20%; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,.07); margin-left:0px; transition:.5s;padding-bottom:20px;
}
.v-col-listing-2 .v-row-line1,.v-col-listing-3 .v-row-line1,.v-col-listing-4 .v-row-line1,.v-col-listing-5 .v-row-line1,
.v-col-listing-2 .v-row-line2,.v-col-listing-3 .v-row-line2,.v-col-listing-4 .v-row-line2,.v-col-listing-5 .v-row-line2,
.v-col-listing-2 .v-row-line3,.v-col-listing-3 .v-row-line3,.v-col-listing-4 .v-row-line3,.v-col-listing-5 .v-row-line3{ 
    padding-left:0px; text-align:center;
}

.v-row-listing-top{ height:70px; line-height:70px; text-align:center; padding:0px; font-size:16px; }
.v-row-listing-top-t2{color:#f29201;}
.v-row-listing-top-t3{color:#e45858;}
.v-row-listing-top-t4{color:#a06aac;}

.v-row-listing-title{ height:50px; padding:17px 20px 0 5px; color:#1e88e5; }
.v-col-listing-1 .v-row-listing-title.v-row-bg-2{ background: linear-gradient( to right,#F5F6F6, #fff);  }
.v-col-listing-1 .v-row-listing-title.v-row-bg-1{ background: linear-gradient( to right,#F5F6F6, #f9f9f9); }

.v-col-listing-current{ width:25%; box-shadow:0 0 40px rgba(0,0,0,.2); z-index:999;}

.vip-table-large .c-red{ color:#f60 }

.vip-table{ margin-bottom:50px; }
.vip-table table{ width:100%; background:#fff;border-collapse:collapse; table-layout:fixed;border-right:solid 0px #ccc; border-bottom:solid 0px #ccc;  }
.vip-table table thead th{ padding:0px; background:#fff;  vertical-align:top; font-size:16px; text-align:center;  border:solid 1px #d3d1d0; border-bottom:solid 1px #e9e9e9; font-weight:normal;  }
.vip-table table thead th .btn-bw{ display:inline-block; border:solid 1px #fff; padding:3px 20px; color:#fff; font-size:13px; font-weight:normal; margin-top:10px; transition:.5s; }
.vip-table table thead th .btn-bw:hover{ background:#fff; color:#555; }
.vip-table table tbody th{ padding:15px 20px; text-align:left; font-weight:normal;  background:#f8f8f8; border-left:solid 1px #d3d1d0; border-right:solid 1px #d3d1d0;}
.vip-table table tbody td{ padding:15px 15px; text-align:center; background:#f8f8f8; border-left:solid 1px #d3d1d0; border-right:solid 1px #d3d1d0; }
.vip-table table tfoot td{ padding:15px 15px; text-align:center;  border:solid 1px #d3d1d0; border-top:solid 1px #e9e9e9;  background:#fff; color:#999; }


.vip-table table td.row-bg{ background:#f8f8f8; }
.vip-table table tr.row-bg{ background:#fff; }
.vip-table table tr.row-bg th,.vip-table table tr.row-bg td{ background:#fff; }

.vip-table table tbody tr:hover td,.vip-table table tbody tr:hover th{ background:#eff6fb !important; }

.erp-top{ position:relative; overflow:hidden; padding:25px 35px; }
.erp-tip-rotate{ width:120px;height:25px; text-align:center; line-height:24px; font-size:14px; background:#2ba1de; color:#fff;transform:rotate(-45deg); position:absolute; top:12px; left:-36px;   }
.erp-tip-rotate-2{  background:#35c3d9;}

.vip-table table thead th.tb-t1{ background:#fff; padding:15px 20px; vertical-align:middle; text-align:left;  font-size:14px; font-weight:normal; line-height:150%;}
.vip-table table thead th.tb-t1 label{ font-weight:normal;}
.vip-table table thead th.tb-t2{ background:#fff;  padding:25px 15px; vertical-align:middle;}
.vip-table table thead th.tb-t3{ background:#fff;  padding:25px 15px; vertical-align:middle; color:#f29201;}
.vip-table table thead th.tb-t4{ background:#fff;  padding:25px 15px; vertical-align:middle;color:#e45858;}
.vip-table table thead th.tb-t5{ background:#fff; padding:25px 15px;  vertical-align:middle;color:#a06aac;}
/*.vip-table table .c-red{ color:#222; }*/
/*.tb-t6{ background:#eee; }
.tb-t7{ background:#2ba1de; }
.tb-t8{ background:#1b6bb1; }*/
.c-gold{  color:#f60; font-weight:normal;}
.c-gold-2{  color:#f60; font-weight:normal;}
.c-purple{  color:#f60; font-weight:normal;}
.icon-tips{ display:inline-block; width:15px;height:15px; border-radius:50%; background:#4690D1; color:#fff; font-size:12px; text-align:center; line-height:15px; position:relative; }
.icon-tips:hover{ color:#fff; }
.show-t{ display:none; }
.icon-tips:hover .show-t{ display:block; background:rgba(0,0,0,.6); color:#fff; padding:5px 10px; position:absolute; top:0; left:18px; width:150px; text-align:left; line-height:18px; z-index:999999; }

.icon-v{ display:inline-block; width:30px;height:24px; background-image:url(http://www.tongtool.com/images/icon-v.png); background-repeat:no-repeat; margin-right:8px; vertical-align:text-bottom; }
.icon-v-common{  background-position:0 0; opacity:.8; }
.icon-v-gold{  background-position:-31px 0; }
.icon-v-platinum{  background-position:-62px 0; }
.icon-v-diamond{  background-position:-93px 0; }

.vip-table table thead th.tb-t7,.vip-table table thead th.tb-t8{ font-size:13px; font-weight:normal;  }
.vip-table table thead th.tb-t7 h3,.vip-table table thead th.tb-t8 h3{  margin:0px 0 15px 0; padding:0; font-weight:normal; font-size:22px; }
.vip-table table thead th.tb-t7 p,.vip-table table thead th.tb-t8 p{ line-height:160%; color:#777; }
.vip-table table thead th.tb-t7 .c-gray,.vip-table table thead th.tb-t8 .c-gray{ color:#aaa;  }
.t-line{ display:inline-block; width:40px;height:2px; background:#f90; margin-bottom:8px; display:none; }
.vip-table table .c-org{ color:red; font-weight:normal; }
.vip-table table .btn-warning{ vertical-align:baseline; padding:5px 15px; background-color:transparent; color:#f80; border-color:#f90;  border-radius:inherit; transition:.5s;}
.vip-table table .btn-warning:hover{ background-color:#f90; color:#fff; }
.vip-table table:hover{ box-shadow:0 0 15px #ddd; }



.activity-group .panel{ border:0; box-shadow:none; border-radius:inherit; margin-bottom:20px; }
.activity-group .panel-default > .panel-heading{ background-image:none; border:0;  background-color:transparent; border-radius:inherit;  padding:15px 0 0px 0;  transition:.5s;}
.activity-group .panel-default > .panel-heading:hover{  }
.activity-group .panel-heading a{ display:block;outline:none; text-decoration:none; border-bottom:solid 1px #ddd; padding-bottom:13px;   }
.activity-group .panel-heading a.collapsed{ border-bottom:solid 1px #e9e9e9;  }
.activity-group .panel-heading a strong{ display:block; font-size:20px; margin-bottom:10px; color:#333; line-height:150%;  font-weight:bold; }
.activity-group .panel-heading a.collapsed strong{  color:#aaa; font-weight:normal; }
.activity-group .panel-heading a span{ display:block; font-size:13px; }

.activity-group .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0; padding:20px 0 40px 0;border-bottom:solid 1px #e9e9e9;  }
.activity-group .panel-body{  color:#555; line-height:190%; font-size:16px;  }

.activity-group .alert-warning,.activity-group .alert-info,.activity-group .alert-success{ color:#555; padding:18px 20px;line-height:170%; font-size:15px;  }
.activity-group .alert-warning span{ display:block; color:#f80; text-align:center; margin-top:6px; font-size:16px; font-weight:bold; }
.activity-group .alert-info span,.activity-group .alert-success span{ color:red; font-weight:normal; }


@media (max-width: 992px) { 
    .vip-table-large{ display:none; }
    .vip-table-small{ display:block; }
}
@media (max-width: 768px) { 
    .activity-group .panel-heading a strong{  font-size:17px; }
    .activity-group .panel-default > .panel-heading + .panel-collapse > .panel-body{ padding:15px 0; }
	.activity-group .panel-body{ line-height:180%; font-size:15px; }
    .vip-table table tbody th{ padding:10px; }
    .erp-top{ position:relative; overflow:hidden; padding:15px 15px; }
    .erp-top .erp-tip-rotate{  display:none;}
    .vip-table table thead th.tb-t7 h3,.vip-table table thead th.tb-t8 h3{ font-size:18px; }
    .vip-table table thead th.tb-t2,.vip-table table thead th.tb-t3,.vip-table table thead th.tb-t4,.vip-table table thead th.tb-t5{  padding:15px 10px; font-size:15px;}
    .icon-v{ display:block; margin:0 auto; margin-bottom:5px; }
}

#outerdiv{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:9999999999;width:100%;height:100%;display:none;}
#innerdiv{ position:absolute; }

.img-group{ margin:0 -15px; display:flex; justify-content:center; }
.img-group-item{ margin: 0px 15px 20px; margin-bottom:15px; box-sizing:content-box; width:33.3%; }
.img-group-item-sq1{ background:#111 ; text-align:center; }
.pimg{ width:100%; height:100%; object-fit:cover; }
.img-group-item-sq1 .pimg-sq{ width:auto;  height:250px;   }

@media (max-width: 768px) { 
    .img-group-item{ width:50%; }
}

@media (max-width: 480px) { 
    .img-group{ display:block;margin:0;  }
    .img-group-item{  margin:0 0px 20px 0; width:100%; }
    .pimg-sq{ height:100%; }
}

.article-title{ padding-bottom:10px; text-align:center; }
.article-title h1{ color:#333; padding-bottom:5px;font-size:28px;}

.article-text{ font-size:15px; line-height:1.7;  padding-bottom:30px;}
.article-text p{ padding:4px 0; text-indent:2em; }
.article-text p.ti0{ text-indent:0; }
.article-text h4{ font-size:16px;  padding:15px 0 4px 0; font-weight:bold; }
.article-text em{  color:#0089CF; font-style:normal; }