html{
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;
	}
body{
	min-width:1200px;
	}	
ul,li{
	list-style-type: none;
}



.w{ width:1200px; margin-left:auto; margin-right:auto;}






@media (min-width: 768px) {
ul.navbar-nav li.oen { height:70px; padding:10px 0px;}
}

.top-nav-right {
  position: absolute;
  top:20px;
  right:20px;
}

.top-nav-right ul {width:120px; }

.top-nav-right ul li { 
float:left; width:30px;
height:30px;
line-height:30px;
margin:2px; 

}
.top-nav-right ul li.nav-shopping a { 
position: absolute;
top:0px;
right:0px;display:block; width:30px; height:30px;
}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}






/***********/
/*头*/
/**/
.header{
	background-color:#FFF;
	width:100%;
	z-index:999;

/*    -moz-box-shadow: 2px 2px 3px #EEE;
    -webkit-box-shadow: 2px 2px 3px #EEE;
    box-shadow: 2px 2px 3px #EEE;
*/	
	height:1px;
	/*background-color:#111;*/
	position:fixed;
	top:0px;
	left:0;
	padding:0 13% 0 13%;
	_padding:0;
}
.header .w{ position:relative; padding:0px 10px; height:60px; _height:45px;}




/*菜单*/

.menu{
	text-align:center;
	padding:20px;
	position:fixed;
	left:20px;
	top:32%;
	z-index:999;
	_display:none;


	}
.menu a,
.menu a:visited,
.menu a:link{
	font-size:14px;
	color: #777;
	display:block;
	border: 1px solid #EEE;
	text-decoration: none;
	font-weight:normal;
	padding:10px 10px;
	background-color:#F5F5F5;
	margin:4px;
	}
.menu a:hover,
.menu a:active{
	background-color:#FFF;
	color:#777;
	}

.menu a.active,
.menu a.active:visited,
.menu a.active:link,
.menu a.active:hover,
.menu a.active:active{
	background-color:#E72018;
	color:#FFF;
	
	}

/*标题*/

.title{
	text-align:center;
	color:#777;
	width:370px;
	padding:25px;
	margin:auto;
	
}
.title h3{
	font-size:44px;
	line-height:170%;
	font-weight:normal;
	}
.title p{
	font-size:16px;
	line-height:170%;
	}


/*第一页*/

.page1{
	padding:0px 17%;
	margin:auto;
	}
.page1{
	color:#777;
	}
.page1 .t{}
.page1 .t h1,.page1 .t p{
	font-weight:normal;
	line-height:130%;
	margin:0;
	padding:0;
	}
.page1 .t p{
	font-size:20px;
	color:#BBB;
	padding-left:4px;
	}
.page1 .t h1{
	font-size:71px;
	padding-bottom:15px;
	/*color:#E72018;*/
	}
.page1 .t{
	background: url(../images/page1.png) no-repeat right top;
	_background: url(../images/page1.jpg) no-repeat right top;
	padding:22px 0 10% 0;
	margin:0 4%;
}
.page1 .b{
	/*border-top:1px solid #80B3F5;*/
	}

.page1 .b{ padding:5% 0;}	
.page1 .b li{
	text-align:center;
	padding:130px 5% 0 5%;
	float:left;
	width:33.333%;
	font-size:14px;
	line-height:170%;
	}
.page1 .b li h3{
	font-size:22px;
	font-weight:normal;
	padding:10px 0 30px 0;
	}

.page1{ _padding-top:100px;}
.page2{ padding:0 10% 150% 10%; position:relative; _display:none;}
.page3{ _display:none;}
.page4{ _display:none;}


/*图标*/

.i_p1{background: url(../images/i_p1.png) no-repeat center top;}
.i_p2{background: url(../images/i_p2.png) no-repeat center top;}
.i_p3{background: url(../images/i_p3.png) no-repeat center top;}
.i_p4{background: url(../images/i_p4.png) no-repeat center top;}
.i_p5{background: url(../images/i_p5.png) no-repeat center top;}
.i_p6{background: url(../images/i_p6.png) no-repeat center top;}

.i_p4 h3{background: url(../images/s1.png) no-repeat center bottom;}
.i_p5 h3{background: url(../images/s2.png) no-repeat center bottom;}
.i_p6 h3{background: url(../images/s3.png) no-repeat center bottom;}




/*第三页*/
.page3{
	padding:0 10% 20% 10%;
	margin:auto;
	position:relative;
	}
.page3 .title{ padding-bottom:5%;}

/*业务价格*/
.price{
 padding:0% 5%;
 height:500px;
	}
.price p{ padding:10px 50px; color:#BBB; font-size:14px; font-weight:normal;}
.price li{
	color:#777;
	text-align:center;
	padding:130px 0% 0 0%;
	margin:0 2%;
	float:left;
	width:29.333%;
	font-size:14px;
	line-height:170%;
	position:relative;
	cursor:pointer;
	}
.price li h3{
	font-size:22px;
	font-weight:normal;
	padding:10px 0 70px 0;
	margin-bottom:20px;
	}
.price li h4{
	font-size:24px;
	font-weight:normal;
	padding:0px 0;
	color:#666px;
	line-height:60px;
	height:60px;
	}
.price div{ background-color:#FFF; border:1px solid #EEE; padding:10px; position:absolute; left:0%; top:-10%; width:100%; display:none; }
.price div a.url_qq{}

/*价格表格*/
.price_table{ width:100%;}
.price_table th{ background-color:#E72018; color:#FFF; padding:10px 10px; font-weight:normal; font-size:14px;}
.price_table td{ color:#333; padding:10px 5px; border-bottom:1px solid #DDDDDD;}
.price_table td.item{ color:#777;}
.price_table td.line_none{border:none;}



.tab_control{}
.tab_control span{ display:block; float:left; width:49%; text-align:center;}
.tab_control span.active{
	background: url(../images/tab_control.png) no-repeat center bottom;
	color:#E72018;
	}


/*第四页*/

.page4{ text-align:center; padding-bottom:10%;}


/*流程图*/
.flow_chart{
	padding:60px 0 180px 0;
	}
.flow_chart li{
	border: 3px solid #BBB;
	background-color:#FFF;
	color: #333;
	font-size: 30px;
	width: 140px;
	height: 140px;
	padding-top:40px;
	-moz-border-radius: 75px;      /* Gecko browsers */
	-webkit-border-radius: 75px;   /* Webkit browsers */
	border-radius: 75px;           /* W3C syntax */
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-weight:normal;
	}
.flow_chart li.l2{
	padding-top:30px;
	}	
.flow_chart li strong{
	font-size:16px;
	font-weight:normal;
	display:block;
	}
.flow_chart li.process{
	padding-top:70px;
	width: 150px;
	}
.flow_chart li.process span{
	font-size:16px;
	padding:0px 5px;
	line-height:100%;
	color:#777;
	font-weight:normal;
}	
.flow_chart li.process{
	background: url(../images/flow_chart.png) no-repeat center center ;
	border:none;
	}



/*第五页*/

.page5{ text-align:center; padding-bottom:10%;}
.time{
	font-size:16px;
	padding:140px 0 20px 0;
	margin:30px auto 10px auto;
	background: url(../images/time.png) no-repeat center top;
	_background: url(../images/time.jpg) no-repeat center top;
	}
.time strong{
	font-size:28px;
	color:#333;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}


.email{
	color:#777;
	font-size:14px;
	line-height:170%;
	margin:0px auto 20px auto;
	}



a.url_qq,
a.url_qq:visited,
a.url_qq:link{
	color: #FFF;
	font-size: 18px;
	display: block;
	margin: 20px auto;
	padding: 10px 10px 10px 10px;
	width: 150px;
	background: url(../images/url_qq.png) no-repeat center left #E72018;
	_background: url(../images/url_qq.jpg) no-repeat center left #E72018;
	-moz-border-radius: 25px;      /* Gecko browsers */
	-webkit-border-radius: 25px;   /* Webkit browsers */
	border-radius: 25px;            /* W3C syntax */

	text-align:center;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	}
a.url_qq:hover,
a.url_qq:active{
	background-color:#E72018;
	}




/*案例列表*/
.dtlist_show{ margin:auto; padding:0px 10% 10px 10%; text-align:center;}
.dtlist_show dt{ padding:20px 5px;}
.dtlist_show dd{ padding-bottom:30px;}
.dtlist_show dd a,
.dtlist_show dd a:visited,
.dtlist_show dd a:link{
	margin:5px;
	display:inline-block;
	border:1px solid #EEE;
	}
	
.dtlist_show dd a:hover,
.dtlist_show dd a:active{
	border:1px solid #DDD;
	}




.list_show{ width:1200px; margin:auto; text-align:center;}
.list_show li{ width:280px; height:250px; display:inline-block; margin:10px; position:relative;}
.list_show li a{}
.list_show li p{ display:none;}
.list_show h3{ display:none; position:absolute; left:0; top:0px; width:100%; height:40px; line-height:40px; 	background:rgba(0,0,0,0.8);
color:#FFF;
font-weight:normal;
font-size:16px;
text-align:center;}
.list_show a,
.list_show a:visited,
.list_show a:link{
	}
.list_show a:hover,
.list_show a:active{
	}


/* 导航 */

.navbar {
	padding-right: 0;
	padding-left: 0;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	top: 0;
	background:#fff;
}

.navbar.gizle
{box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);}

.navbar.gizle .navbar-nav>li {
	margin: 15px 5px;
}



@media (min-width: 768px){
	#navbar {
		float: right;
		margin:0px -15px 0px 0px;
	}
}
.navbar-default .navbar-nav>li {margin:30px 5px;}
.navbar-default .navbar-nav>li> a {
	color: #000;
	font-size: 1.6rem;
	padding:5px 15px;
	position: relative;
	border:none;
	border-radius: 50px;
}
.navbar-default .navbar-nav>li> a:hover {
	color:#fff;
	background: #004296;
	box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}

.navbar-default .navbar-nav>li> a.active {
	color:#004296;
}

.navbar-default .navbar-nav>li>a>span.icon-fire {
	color:#FF4961;
	font-size:1.0rem;
	position: absolute;
	right:0px;
	top:0px;
}

a.navbar-brand {
	width: 200px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

a.navbar-brand img {
	max-width: 200px;
	max-height: 48px;
	margin: 10px auto 0px auto;
}
.navbar.gizle a.navbar-brand img {margin:0px;}

@media (max-width: 486px) {
	.navbar {padding-right:10px;}
	.navbar-brand {height:auto;}
	.nav_top {margin: 15px -15px 0px -15px !important;}
	a.navbar-brand img {position:absolute; left:10px; top:5px; margin:0px;}
	.navbar-default .navbar-nav>li {float:left; width:40%;margin:5px 15px; text-align:center; border:1px solid #ccc; border-radius: 30px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden; }
	.navbar-default .navbar-nav>li a {

	}

	.navbar-default .navbar-nav>li.head-loginoen {border:none;}
}

.user-panel {

}

.user-panel a, .user-panel a:link, .user-panel a:visited {
	float: left;
	color: #004296;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #004296;
	border-radius: 0px 15px 15px 0px;
}

.user-panel a.top-login, .user-panel a.top-login:hover {
	color: #fff;
	background: #004296;
	border-radius: 15px 0px 0px 15px;
}

.user-panel a:hover
{
	transition: all 0.2s ease-in-out;
	transform: translate(0, -5px);
	box-shadow: 0 4px 17px rgba(55, 125, 255, 0.25);
}

@media (max-width: 486px) {
	.navbar-default .navbar-nav>li.head-loginoen .user-panel a {
		display:block;
		width:49%;
		font-size:1.6rem;
		padding: 5px 0px;
	}
}
.bs-slider{
	clear:both;
	overflow: hidden;
	position: relative;
	background: #f8f8f8;
}
.bs-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.bs-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a {
	margin: auto;
	width: 100% !important;

}

.btn-primary { background:#004296; color:#fff;}
.btn-primary.btn-lg {clear:both; display:inline-block; width:200px; height:42px; line-height:42px; border-radius: 42px; margin:0px auto; padding:0px 30px; font-size:1.6rem; border:1px solid #004296;}
.btn-primary.btn-lg:hover {
	background:#004296; color:#fff;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	transform: translate(0, -5px);
	box-shadow: 0 4px 17px rgba(6, 39, 106, 0.25);
}



.dropdown-menu-user {right:0px; left:auto;min-width:320px;padding:0px;border:none;border-radius: 0px;border-top: 3px solid #004296;}
.dropdown-menu-user>li>a {padding:0px;}
.dropdown-menu-user p {line-height:22px; margin:0px;color:#999;font-size:0.6rem;}
.header-buy-li {line-height:22px; padding:15px 0px 15px 68px; margin:5px 30px 0px 30px; background:url(../images/header-buy-li.svg) left top no-repeat; background-size:60px auto; border-bottom:1px solid #eee; }
.header-buy-li span {display:inline-block; margin:0px 0px 0px 8px; background:#004296;color:#fff; border-radius: 15px;font-size:0.6rem;font-weight:normal;padding:1px 5px;}

.header-buy-search-li{line-height:22px; padding:15px 0px 15px 68px; margin:5px 30px 0px 30px; background:url(../images/header-buy-search.svg) left top no-repeat; background-size:60px auto; border-bottom:1px solid #eee; }
.header-user-operation-li {padding-bottom:15px;}
.header-user-operation-li .header-user-operation-div dt {font-weight:bold;}
.dropdown-menu-user .header-user-operation-li dl {margin-bottom:0px}
.dropdown-menu-user .header-user-operation-li dl dd {line-height:1.6;display:inline-block; float:left;width:50%;}
.header-user-operation-li .header-user-operation-div a { padding:0px; line-height:28px; }
.header-user-operation-li {margin:5px 30px 0px 30px;}
.head-loginoen .dropdown-menu-user li a,.head-loginoen>.dropdown-menu-user>li>a {padding:0px;color:#333;}

.header-user-logout-li {padding:15px; background:#f5f5f5; text-align:center;}
.dropdown-menu-user>.header-user-logout-li>a {clear:none; display:inline-block; float:left; width:50%; border-right:1px solid #ccc; color: #004296}

#getto_page {float:left; width:38px; height:38px; line-height:38px; border:1px solid #004296; border-radius:0px; text-align:center; color:#333; font-weight:600;cursor: auto;}
nav .pagination .btn-primary {float:left; height:38px; line-height:26px; padding:6px 12px; border:1px solid #004296; border-radius:0px; background:#004296; }

.navbar {
	padding-right:0;
	padding-left:0;position:fixed;
	right:0;
	left:0;
	z-index:1030;
	border-radius:0;
	top:0;
}

#bootstrap-touch-slider,.banner-txt,.banner-img {margin-top:64px;}
@media (max-width: 768px) {
	#navbar {margin-top:0px;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0px;}
}
@media (max-width: 468px) {
	#navbar {margin-top:60px;}
	#bootstrap-touch-slider {margin-top:62px;}
}

.u-label {
	background: #e6faf6;
	color: #00c9a7;
	padding: 8px 25px;
	border-radius: 20px;
	font-size: 18px;
	box-shadow: 0 10px 12px #eee
}

@media(max-width:468px) {
	.u-label {
		padding: 5px 15px
	}
}

.navbar .container {position:static !important;}

.headimage {margin:-5px 5px 0px 0px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none !important;}
#login,#login a {box-shadow:none !important;}