body {
  background-color: #f6f6f6;
    font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    padding-top: 80px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #444;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #39b44a;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
	background-image: url(../img/bar.png);
	height:315px;
}
#headerwrap .h60{ height:60px;}
#headerwrap h1 {
	margin-top: 30px;
	color: white;
	font-size: 70px;
	
}

#headerwrap h3 {
	color: white;
	font-size: 30px;
}

#headerwrap h5 {
	color: white;
	font-weight: 700;
	text-align: left;
}

#headerwrap p {
	font-size:30px;
	color: white
}
#headerwrap .lognes{
	width:155px;
	height:50px;
	margin:0 auto;
	background-position:-1px -47px;
	margin-bottom:10px;
}

/* intro Wrap */

#intro {
	padding-top: 50px;
	border-top: #bdc3c7 solid 5px;
}

#features {
	padding-top: 50px;
	padding-bottom: 50px;
}

#features .ac a{
	font-size: 20px;
}

/* showimage wrap */

#showimage {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
}
.pbanner img{max-width:100%!important; max-height:auto!important; width:100%!important; height:auto!important;}
#showimage .img{ width:100%; overflow:hidden;}

#showimage img{ /*width:100%;*/}

#case-tabs .tabs a{background-color:#fff; display:block; text-align:center; padding:20px 0px;}
#case-tabs .tabs .col-xs-12 a{padding:0px;}
#case-tabs .tabs{ list-style:none; padding:0; margin:0;}
#case-tabs .tabs li{ padding:0; padding-right:2px; padding-bottom:2px;}
#case-tabs .tabs li:last-child{ padding-right:0px;}
#case-tabs .tabs a:link,
#case-tabs .tabs a:visited{ color:#444444;}
#case-tabs .tabs a.active,
#case-tabs .tabs a:hover{ color:#39b44a;}
#case-tabs .tabs a{ letter-spacing:4px;}
#case-tabs .captains{ padding-top:23px; padding-bottom:23px;}
#case-tabs .captains:last-child{ }
#case-tabs .captain{ background-color:#fff; padding:35px 6%;}
#case-tabs .captain h1{ margin-bottom:60px;}
#case-tabs .captain h3, #case-tabs .mocktitle{ border-left:8px solid #39b44a; padding-left:12px; margin-bottom:34px;}
#case-tabs .captain h6{ font-size:16px; font-weight:700; color:#6d6d6d;}

#case-tabs .captain .row .col-xs-6 img{ width:100%;}

/* Copyright Wrap */

#c {
	background: #222222;
	padding-top: 15px;
	text-align: right;
}

#c p {
	color: white
}

.logo{ background-image:url(../img/logos.png); background-repeat:no-repeat;width: 110px;
	height:64px;
	position:relative; top:6px;}

 
.navbar-brand{ padding:5px 15px;}

#footer{ background-color:#39b44a;}
#footer .container{ padding-top:25px; padding-bottom:25px; font-size:12px; color:#fff;}
#footer .container h4{ color:#fff; font-weight:bold;}
#footer .contact span{ margin-right:20px;}
#footer .link .box{ border-top:1px solid #69c375; border-bottom:1px solid #69c375; padding-top:16px; padding-bottom:16px; margin-top:15px; margin-bottom:15px;}
#footer .link a{ margin-right:30px; color:#fff;}
#footer a.yellow,
#footer a.yellow:link,
#footer a.yellow:visited,
#footer a.yellow:hover{ color:#fff100; text-decoration:underline;}
#footer .phone p{ margin-bottom:0!important;}

#detail{ padding-top:40px; padding-bottom:40px;}
#detail .content .box{ padding:30px; padding-left:120px; position:relative; margin-bottom:30px; padding-bottom:5px;}
#detail .content .box{ background-color:#fff;}
#detail .side{ padding:0 15px;}
#detail .content .box .info{ color:#b2b2b2; font-size:12px;}
#detail .content .box .zone{ padding-top:40px;}
#detail .content .box .zone img{max-width:100%!important; max-height:auto!important; width:100%!important; height:auto!important;}
#detail .content .box .mock{ position:absolute; top:-8px; left:30px;  width:59px; height:89px;}
#detail .content .box h3{ margin-top:0;}
#detail .content .box .icon_1{background:url(../img/n1.png);}
#detail .content .box .icon_2{background:url(../img/n2.png);}
#detail .content .box .icon_3{background:url(../img/n3.png);}
#detail .content .box .icon_4{background:url(../img/n4.png);}
#detail .side h5{ padding:5px 0px 15px 0px; border-bottom:1px solid #e8e8e8;}
#detail .side .pannel{ padding:5px 15px; background-color:#fff;}
#detail .side .pannel a:link,
#detail .side .pannel a:visited{ color:#666666; font-size:14px!important;}
#detail .side .pannel a:hover{ color:#39b44a;}
#detail .side .pannel ul{ position:relative; padding-left:19px;}
#detail .side .pannel ul li{margin-bottom:10px}
.micjob{ font-size:18px; color:#39b44a;}
.faq{ padding-top:60px; padding-bottom: 30px;}
.faq .row{ margin-top:20px;}
.rm{ display:block; background-image:url(../img/c7.png); background-repeat:no-repeat;width:22px; height:13px;}
.rm-close{ background-position:0px -13px; }
.rm-open{ background-position:0px 0px;}
.faq .row .h{ line-height:40px; font-size:18px; margin-bottom:30px;}
.faq .row .h strong{ font-size:24px; color:#39b44a; margin-right:5px;}
.faq-title span:hover{ color:#39b44a;}
.faq .row .h .rm{ position:relative; top:15px;}
.faq .row .b{ background-color:#ededed; padding:20px 20px; color:#5b5b5b; font-size:14px; line-height:26px; display:none;}
#Carousel{ background-color:#fff;}
.choose{ background-color:#fff; padding:13px 30px 7px 30px; margin-bottom:25px; margin-top:25px;}
.navtabs a:link,
.navtabs a:visited{ color:#444444;border-bottom:3px solid #fff}
.navtabs a:hover,
.navtabs a.active{ color:#39b44a;border-bottom:3px solid #fff}
.navtabs a{ display:inline-block; padding:5px 2px;  margin-right:3px; font-size:16px;}
.navbar-default .navbar-nav > li{ position:relative;}
.navbar-default .navbar-nav > li > ul{ display:none; position:absolute; top:49px; left:0; width:100px; background-color:#fff; box-shadow:2px 2px 1px rgba(0,0,0,.1); list-style:none; padding:5px 14px; border:1px solid #eee;}
.navbar-default .navbar-nav > li > ul li{ display:block; height:30px; line-height:30px;}
.navbar-default .navbar-nav > li:hover > ul{ display:block;}
.navbar-default .navbar-nav > li >a {margin-left:15px;}
.navbar-default .navbar-nav > li > a b{margin-left:25px;}
.navbar-default .navbar-nav > li > ul li a:link,
.navbar-default .navbar-nav > li > ul li a:visited{ color:#777;}
.navbar-default .navbar-nav > li > ul li a:hover{ color:#000;}
.dropdown-menu{max-width:100px;min-width:0; width:80px;background-color: #fff;
box-shadow: 2px 2px 1px rgba(0,0,0,.1);
padding: 5px 0px;
border: 1px solid #eee;}
.captain p{ margin-bottom:5px;}
body,html{min-height: 100%;}
.navs{ color:#eee;}
.thj p{ margin-bottom:0;}
.selectlangindex button{background:none; border:0; color:#fff;}
.selectlangindex button:hover{ background:none; color:#fff;}
.selectlangindex .dropdown-menu li a:link,
.selectlangindex .dropdown-menu li a:visited{ color:#444;}
.detaillangindex .dropdown-menu li a:hover,
.selectlangindex .dropdown-menu li a:hover{ color:#39b44a; background:#fff;}
.selectlangindex .btn-default .caret{border-top-color:#fff;}

.selectlangindex .btn-default:hover, 
.selectlangindex .btn-default:focus, 
.selectlangindex .btn-default:active, 
.selectlangindex .btn-default.active, 
.selectlangindex.open .dropdown-toggle.btn-default{
	background:none!important; 
	border:none!important;
	color:#fff;
}
.er .m img{width:185px; height:185px;}

.page span,
.page a{ display:inline-block;background-color:#fff; padding:5px 15px; margin-right:10px;}
.page span{ background-color:#39b44a; color:#fff;}
.page a:link,
.page a:visited{ color:#39b44a;}
.page a:hover{ color:#000;}
/*·ÖÒ³*/
.pager {
	margin:15px 0px;
}
.pager a,.pager .cpb {
	display:inline-block;
	margin:0 0 0 -1px;
	padding:0px 15px;
	line-height:35px;
	height:35px;
	border:1px solid #e1e1e1;
	background:#fff;
	color:#39b44a;
	text-decoration:none;
	float:left;
}
.pager a:hover {
	color:#000;
}
.pager .cpb {
	float:left;
	color:#fff;
	background:#39b44a;
	border-color:#39b44a;
}
  .mackes img{max-width:100%!important; max-height:auto!important; width:100%!important; height:auto!important;}

.detaillangindex{ position:relative; top:10px;}
.detaillangindex button{background:none; border:0;}
.detaillangindex button:hover{ background:none; }
.detaillangindex .btn-default:hover, 
.detaillangindex .btn-default:focus, 
.detaillangindex .btn-default:active, 
.detaillangindex .btn-default.active, 
.detaillangindex.open .dropdown-toggle.btn-default{
	background:none!important; 
	border:none!important;
}
.nav > li > a{ padding-right:0px; padding-top:28px;}
.nav > li > a b{ margin-left:10px; font-weight:normal;color:#e5e5e5;}
.nav > li.active > a{ background:none;}
.nav > li.active > a > b{ color:#e5e5e5;}
.nav > li > a:link,
.nav > li > a:visited{ color:#444}
.nav > li > a:hover{ color:#39b44a}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#39b44a;}
.thj p{ line-height:30px;}
.box a:link,
.box a:visited{ color:#39b44a;}
.box a:hover{color:#c0392b;}
.navbar{ min-height:78px;}
.computer .choose .navtabs a{ margin-right:25px;}
.computer .choose .col-lg-3 a:link,
.computer .choose .col-lg-3 a:visited{ color:#444;}
.computer .choose .col-lg-3 a:hover{ color:#39b44a;}
#detail .content .box a:link,
#detail .content .box a:visited{ color:#444;}
#detail .content .box a:hover{color:#39b44a;}
.faq-title span{ cursor:pointer;}
#headerwrap p:first-child{ padding-top:30px;}
#link a:link,
#link a{ width:205px; margin-right:20px; height:60px; line-height:60px; display:inline-block; text-align:center;}
.carousel-indicators{ bottom:10px;}
.choose .col-lg-3 a{ margin-right:10px;}
.choose .col-lg-3 a:last-child{ margin-right:0px;}
.choose .col-lg-3 a:hover{ color:#39b44a;}
.navbar{ box-shadow:0px 0px 1px rgba(0,0,0,.1);}
.btn-default:active{ background:none!important; box-shadow:none!important;}
#detail .content .box .zone{ font-size:14px;}
.choose .input-group{}
.choose .input-group input.form-control{ border:1px solid #d5d5d5!important;box-shadow:none!important;-webkit-box-shadow:none!important; border-right:0px!important;}
.choose .input-group .input-group-addon{ border:1px solid #d5d5d5!important; background-color:#fff!important; border-left:0px!important;}
.form-control{  height:30px;}
.input-group{ top:1px;}
#case-tabs .captain h1{ font-size:24px!important; margin-bottom:30px;}
#case-tabs .captain h3, #case-tabs .mocktitle{ font-size:18px!important; margin-bottom:10px;}
#p5 a,.thj p{ font-size:14px!important;}
.navs{ color:#4bc85d;}
.navbar-toggle { margin-top:12px!important;}
.nav li a:hover{ color:#39b44a!important;}
.nav > li:last-child a b{ display:none; }
#case-tabs .captain{ padding:20px 6%; }
.collapse ul.nav{ margin-top:12px\9;}
.input-group-addon{ padding:5px 12px;}
@media (max-width: 767px){
	.container{ padding-left:0; padding-right:0;}
	#headerwrap p{ font-size:16px; margin-bottom:5px;}
	#footer .link a{color:#fff; margin-right:0;}
	.phone .ztabs button{ width:100%; border-radius:0;}
	.phone .ztabs{ margin-bottom:10px;}
	.phone .ztabs button:first-child{ border-right:0px;}
	.phone .ztabs .col-xs-6{ padding:0;}
	
	.navbar-default .navbar-nav > li{ position: inherit;}
	.navbar-default .navbar-nav > li > ul{ display:none; position: inherit; width:100%; padding:0 15px; padding-bottom:15px; height:80px;}
	.navbar-default .navbar-nav > li > ul li{ display:block; height:30px; line-height:30px;}
	.navbar-default .navbar-nav > li:hover > ul{ display:none;}
	.navbar-default .navbar-nav > li > ul a{ color:#777;}
	#navigation{ background-color:none!important; border:0px!important;}
	.navbar-default{ background:none!important;}
	.navbar-header{ background-color:#fff;}
	.navbar-collapse{ float:right; background-color:#fff; width:180px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
	.navbar-collapse li{ text-align:center;}
	.container > .navbar-header, .container > .navbar-collapse{ margin-left:0; margin-right:0;}
	.container > .navbar-collapse a{ padding-left:0;}
	.dropdown-menu{ max-width:100px; min-width:0;}
	.nav > li > a b{ display:none; }
	.nav > li > a{ padding-right:0px; padding-top:10px;}
	.detaillangindex{ position:relative; top:0px;}
	.logo-green-lg{
		position:relative; top:0px;
		margin: 5px 0px;
	}
	#detail{ padding-top:0px;}
	body{padding-top: 60px;}
	.navbar{ min-height:60px;}
	.faq .row .h{ margin-bottom:15px;}
	.faq .row{ margin-top:10px;}
 
	.navbar-header{ padding-left:0px; padding-right:0px;}
	#detail .content .box{ padding-left:20px; padding-right:20px;}
	#detail .content .box .mock{ display:none;}
	.page{ margin-bottom:20px; margin-left:10px;}
	#detail .content .box .zone{ padding-top:20px;}
	#case-tabs .captain h1{ margin-top:0; margin-bottom:20px;}
	#case-tabs .captain{ padding:25px 6%;}
	#case-tabs .captain h3{ margin-bottom:20px; margin-top:30px;}
	#case-tabs .captains{ padding-top:10px; padding-bottom:10px;}
	#showimage{ padding-top:0;}
	#headerwrap{ height:160px;}
	#headerwrap p:first-child{ padding-top:0px;}
	#headerwrap .container{ position:relative; top:-30px;}
	#case-tabs .captain h3{ margin-top:0;}
	.faq{ padding:30px 10px!important;}
	.ztabs .dropdown-menu{ width:100%; max-width:100%;}
	.ztabs .dropdown-menu a{ text-align:center; padding:10px 20px; background-color:#fff; color:#39b44a;}
	.ztabs .dropdown-menu a:hover{ background:#fff; color:#39b44a}
	.mackes img{max-width:100%!important; max-height:auto!important; width:100%!important; height:auto!important;}
}
 
 
.ft_menu { background:#fff; position: fixed; top: 80px; left: 0px; width: 100%; z-index: 1009;}
.ft_menu a{color: #374552}
.ft_menu .icon{background: url("../img/head-icons.png"); width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px;}
/* .ft_menu_wp { width: 1200px; margin: 0 auto;} */
.submenu { display: none; overflow:hidden;  /* -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135, Color='#999999')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135,Color='#999999'); */}
.submenu .menu_list { font-size: 14px; color: #374552; line-height: 34px; overflow: hidden; width: 1200px; margin: 0 auto;}
.submenu strong { font-weight: normal; font-size: 16px; display: block; border-bottom: 1px #E2E3E3 solid; padding-bottom: 5px; margin-bottom: 15px;}
.submenu strong i { font-style: normal; font-size: 16px; color: #2FB26A; display: inline-block; margin-right: 8px;}
.menu_list .list { width: 230px; float: left; display: inline; border-right: 1px solid #eaebec; padding: 15px; height: 280px;}
.menu_list .list li{list-style:none; }
.menu_list .list li a{ display:block;}
.menu_list .list.last{border-right: none;}
.menu_list .list ul{padding-left:30px;}
.menu_list .list h3 { opacity: 0.5; font-size:1em;font-weight:normal; margin:0px;}
.ft_menu .icon.call-center{background-position: -30px 0}
.ft_menu .icon.net{background-position: -60px 0}
.ft_menu .icon.conf{background-position: -90px 0}
.ft_menu .icon.traff{background-position: -120px 0}
.ft_menu span.act{display: inline-block;padding: 0 10px;height: 17px; line-height: 17px;text-align: center; color: #fff; background: red;border-radius: 17px; font-size: 12px; margin-left: 5px;}
.ft_menu span.act.no{background: #9ba2a8;}
.menu_list .list a.disabled{color: #8c9399;}
.submenu.support .menu_list .list{margin-left: 555px; height: auto;}
.submenu.adv .menu_list .list{margin-left: 665px;height: auto;}
.ft_menu a:hover{color: #2fb26a}
.reg-content-2 {border-top: 1px solid #eaebec; line-height: 58px; height: 58px; }
.reg-content-2 .wraper{width: 1200px; margin: auto;font-size: 14px; overflow: hidden;  }
.reg-content-2 .left{float: left; color: #2fb26a;}
.reg-content-2 .left:hover{text-decoration: underline;}
.reg-content-2 .right{float: right; display: inline-block; width:110px; height: 30px; line-height: 25px; text-align: center; border: 2px solid #79cd9f; border-radius: 30px; margin-top: 10px; color: #79cd9f}