@charset "utf-8";
/********************************************CSS Document*/
body{ font-family: 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif; font-size: 14px; line-height: 1.42857143; color:#333333;}
.container{ min-width: 1000px;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}
.title01{ font-size: 42px; margin-bottom: 25px;}
.title02{ font-size: 20px; color:#999999;}
.f-blue{color:#03a4ed !important;}
.bg-gray{ background:#edf6fa;}
.bg-white{ background:#ffffff;}
.bg-whitetogray{
	background: -ms-linear-gradient(top, #fff,  #f3f3f3);        /* IE 10 */
	background:-moz-linear-gradient(top,#ffffff,#f3f3f3);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f3f3f3));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #fff, #f3f3f3);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #fff, #f3f3f3);  /*Opera 11.10+*/
}
.bg-purple{
	background: -ms-linear-gradient(left, #5949bd,  #c27cda);        /* IE 10 */
	background:-moz-linear-gradient(left,#5949bd,#c27cda);/*火狐*/
	background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#5949bd), to(#c27cda));/*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5949bd), to(#c27cda));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(left, #5949bd, #c27cda);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(left, #5949bd, #c27cda);  /*Opera 11.10+*/}
.bg-purple .hm-box h2{ color:#ffffff; }
.bg-blue{ background: #2fa6da;}
.bg-blue *{ color:#ffffff !important;}
.mb15{ margin-bottom:15px;}
.f18{ font-size:18px;}
a{transition: all .2s ease-in-out;}
a:hover,a:active{ text-decoration: none;}
input::-webkit-input-placeholder { color: #cccccc !important;  }
input:-moz-placeholder { color: #cccccc !important;  }
input::-moz-placeholder { color: #cccccc !important;  }
input:-ms-input-placeholder {  color: #cccccc !important;}
/********************************************home*/
.navbar-default { background-color: #ffffff; border-color: #ffffff;}
.navbar-brand{ height:auto;}
.navbar-nav{ font-size:16px;}
.btn-link-blue{ border-color:#03a4ed; color:#03a4ed !important; margin:10px 15px; }
.btn-link-purple{ border-color:#914188; color:#914188 !important;margin:10px 15px; }
.navbar-toggle{ margin-top:16px;}
.banner{color: #fff; height: 600px; max-width: 100%; width: 100%; position: relative; overflow: hidden; background-color: #45474d; -webkit-transition: height 1s; transition: height 1s; padding-top:0px;}
.banner-wrap{display: table;height: 100%; width: 100%;}
.banner-content{text-align: left; display: table-cell; vertical-align: bottom; position: relative; width: 100%; z-index: 10; padding-bottom: 20px;}
.banner-title{ color: #000; }
.banner-title h1 { font-size:58px; color: #4a5283; font-weight:bold; margin-bottom: 50px;}
.banner-image{position: absolute; top: 66px; bottom: 0; left: 0; right: 0;z-index: 1; background-size: cover; background-position: center top; background-image:url(../images/home-01.jpg);}
.join-us{ line-height:50px; font-size:18px;}
.join-us input{ height:50px;padding:0 20px; border:0px; border-radius:3px 0 0 3px; float: left; width: 300px; color:#666666;}
.join-us input:focus{ box-shadow:none;}
.join-us a{ height:50px; padding:0  25px; border:0px; border-radius:0 3px 3px 0; background:#914188; color:#ffffff; display:block; float: left;}
.join-us a:hover{ background-color: #a34298;}
.join-us a:active{ background-color: #804179;}
.hm-box{ text-align:center; clear: both; overflow: hidden;}
.hm-box h2{ font-size:42px; margin:100px auto 30px;}
.hm-box p{ font-size:20px; color:#888888;}
.product-image{ background:url(../images/home-02.png) no-repeat center bottom; height:730px; margin:30px 0 0px;}
.slide-wrap{ width: 1000px; margin:0px auto;}
.workflow-box{ background:url(../images/home-03.png) no-repeat center center; background-size: auto 90%; height:751px; margin:30px 0 30px;}
.develop-box{ background:url(../images/home-04.png) no-repeat center top; height:900px; margin:-70px 0 0px;}
.customer-box{ background:url(../images/home-05.png) no-repeat center center; height: 500px; margin:30px 0 30px;}
.say-box{ background:#f3f3f3; padding:15px; margin-bottom:15px;}
.say-box .img-box{ overflow:hidden;}
.say-box .img-box img{ width:100%;}
.free-box{ max-width:470px; margin:30px auto 50px; text-align: left;  }
.free-box .btn{ display: block; width: 100%;}
.footer{ background:#eef7fe; padding-top:40px;}
.footer dt{ font-size:18px; line-height:2.4em; font-weight:normal;}
.footer dd , .footer dd a{ color:#a0a0a0; line-height:2.4em;}
.footer-sub{ line-height:80px; background:#e4f2fd;  color:#aab2b8; text-align: center;}
.footer dl{ text-align:left;}
.erweima { text-align: right; font-size: 13px;  color:#a0a0a0;}
.erweima img{ width:120px; clear: both;  margin-bottom: 10px;}
blockquote{ font-size: 14px;
	line-height:1.8rem;}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child{ margin-bottom: 10px;}
/*for other screen*/
@media (min-width: 1000px){

}
@media (max-width: 580px){

}
@media (min-width: 520px){

}
@media (min-width: 769px){
	body{min-width: 1400px;}
	.navbar-nav>li>a{ padding:5px 15px; margin:20px 10px 0 0;}
}
/********************************************yuncaigou*/
.yuncaigou-page{ padding-top: 66px;}
.yuncaigou-page .bg-gray,.yuncaigou-page .bg-white{ overflow: hidden;}
.yuncaigou-page .title01{ margin-top: 80px;}
.yuncaigou-page .img-box{ margin: 80px 0 100px;}
.nav-tabs-moshi{ width:400px; margin:0px auto 20px;}
.nav-tabs-moshi li{ float:left; width:50%; font-size:16px;}
.nav-tabs-moshi li a{ color:#888888; font-size:18px;}
.nav-tabs-moshi li a:hover{ color:#555555; background:none;}
.nav-tabs-moshi li.active a{ color:#ffffff; background:#2fa6da; border-radius:5px; }
.caigou-box{ margin: 60px 0 80px;}
.article-box{ margin-bottom: 100px;}
.article-box h3{ font-size: 18px; margin:40px 0 15px;}
.article-box p{ font-size: 14px;  color: #999; margin: 0; line-height: 2.0rem;}
.price-box{ margin-top: 80px; margin-bottom: 50px;}
.price-box h3{ font-size: 20px}
.price-box .price{ font-size: 18px; margin-bottom: 10px;}
.price-box .price b{ font-size: 30px; font-weight:normal;}
.price-box p{ font-size: 12px; color:#a0a0a0;}
.price-box .active{ background:#ffffff;  border:2px solid #2299ee; border-radius:8px; margin:0 -14px;}
.price-box .normal{ border-right:1px solid #d9e7ef;
	margin:0 -16px; background: #edf6fa}
.price-box .normal:first-child{border-left:1px solid #d9e7ef;}
.price-box .normal,.price-box .active{ padding: 30px 0;}
.line-box{border-top:1px solid #d9e7ef;  padding:80px 0;}
@media (min-width: 768px){}
/********************************************about*/
.slogan{ background: #339ad0 url("../images/about-01.jpg")  no-repeat 80% center; margin-top: 66px; height: 200px;}
.slogan-content{ display: table; width: 100%; height: 100% }
.slogan-content .slogan-title{text-align: left;  display: table-cell;  vertical-align: middle;  position: relative; width: 100%;  z-index: 10;}
.slogan h1{  color: #ffffff;}
.article-box2{ margin-bottom: 80px;}
.article-box2 h2{ font-size: 36px; margin: 80px 0 20px;}
.article-box2 p{ font-size: 16px; line-height: 30px; color:#999999; margin-bottom: 20px;}
/********************************************customer*/
.blue-title{ font-size: 42px; background: #1885be; color:#ffffff; text-align: center;  padding:20px 0;}
.customer-page{ margin-top: 66px;}
.customer-tujia{ background: #339ad0 url("../images/customer-01.jpg") no-repeat top center; height: 1369px;}
.customer-tujia *{ display: none;}
.customer-guangxi{ background: #ffffff url("../images/customer-02.jpg") no-repeat top center; height: 1448px;}
.customer-guangxi  *{ display: none;}
/********************************************replace*/
.form-group,.checkbox{margin-bottom:20px;}
.input-lg,.btn-group-lg>.btn, .btn-lg{ border-radius:3px; font-weight:normal;}
.input-lg{height:50px;border-color:#dddddd; }
.btn-lg{ padding-top: 12px; padding-right: 12px;}
.btn-primary {  color: #fff;  background-color: #2fa6da;  border-color: #03a9f4  }
.btn-primary.focus, .btn-primary:focus {  color: #fff;  background-color: #03a9f4;  border-color: #03a9f4  }
.btn-primary:hover {  color: #fff;  background-color: #2aaee8;  border-color: #0ab1fc  }
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {  color: #fff;  background-color: #339ecd;  border-color: #0ab1fc  }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {  color: #fff;  background-color: #339ecd;  border-color: #0ab1fc  }
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {  background-image: none  }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:#ffffff; color:#03a9f4;}
	/*tab*/
	.nav-tabs-nav{
		margin-bottom: 0px;
	}
	.nav-tabs-nav a{
		padding: 20px 15px !important;
		background:none !important;
		margin-bottom: -3px !important;
		position: relative;
	}
	.nav-tabs-custom > .nav-tabs > li.header {
		font-size: 14px;
		font-weight: bold;
		line-height: 50px;
		padding: 0 15px;
	}

	.nav-tabs-custom > .nav-tabs > li.button .btn {
		margin-top: 5px;
	}

	.nav-tabs-custom > .nav-tabs > li {
		border: 0px;
		position: relative;
	}

	.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
		border: 0px;
	}

	.nav-tabs-custom > .nav-tabs > li {
		margin-bottom: -3px;
	}

	.nav-tabs-custom > .nav-tabs {
		border-bottom: 0px;
	}
	.tab-line{
		border-top:1px solid #ffffff;
		border-bottom:2px solid #f4f4f4;}
	.nav-tabs-custom > .nav-tabs > li a {
		color: #999999;
		border:0px;
		font-size: 16px;
	}

	.nav-tabs-custom > .nav-tabs > li a:after {
		content: "";
		height: 2px;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 250ms;
		transition-duration: 250ms;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}

	.nav-tabs-custom > .nav-tabs > li.active a:after {
		background: #2e92de;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.nav-tabs-custom > .nav-tabs > li.active a {
		color: #333;
		border:0px;
	}
	.justified{
		display: table;
		width: 100%;
		table-layout: fixed;
		border-collapse: separate
	}
	.justified li{
		float: none;
		display: table-cell;
		width: 1%;
		text-align: center;
	}
	/*repassword*/
.panel-ygc{
	padding:130px 0;
}
.panel-heading{
	font-size: 30px;
}