/* Owl Carousel Bootstrap Custom CSS */
body{
    font-family: "Microsoft YaHei","Segoe UI",Tahoma,Arial;
}
.width100{
    width:100%;
}
.floatleft{
    float: left;
}
.textcenter{
    text-align: center;
}
#web{
    margin: 0px 0px 80px;
}
#app{
    margin: 0px 0px 80px;
    background-color: #c9e6b0;
    color: #000000;
    padding: 50px 0px;
}
#app .moveapp{
    padding: 60px 0px 0px 140px;
}
#app .moveapp p{
    line-height: 36px;
}
#weixin{
    margin: 0px 0px 80px;
}
#odds{
    margin: 40px 0px 40px;
    padding-top: 40px;
}
#special{
    margin: 0px 0px 80px;
}
#design{
    margin: 0px 0px 80px;
}
#contact{
    margin: 0px 0px 80px;
}
#odds .oddstitle{
    padding: 00px 0px 0px 80px;
}
#special{
    background-color: #fafafa;
}
/* Header Navigation */
#top-nav{
	border-bottom: 1px solid #e1e6dd;
	background: #FFF;
	-webkit-transform: translateZ(0)
}
#top-nav.navbar{
	margin-bottom: 0px;
    height: 80px;
}
#top-nav.navbar .nav{
	margin: 20px 0 20px 25px;
    background-color: #FFFFFF;
    overflow:hidden;
}
.nav > li   {margin-left:15px;}
.nav > li > a b{ margin-left:25px; font-weight:normal;color:#e5e5e5;}
#top-nav.navbar .nav > li > a {
	padding: 6px 6px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;

	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
#top-nav.navbar .nav > li > a.download{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#top-nav.navbar .nav > li > a.download-on{
	background-color: #ff8a3c;
	color: #ffffff;
}
#top-nav.navbar .nav > li > a.download-on:hover{
	color: #ffffff;
	background-color: #ff7920;
}
.btn-navbar span.icon-bar{
	margin-top: 0px;

}
.navbar .pull-right > .active > a, .navbar .pull-right > .active > a:hover, .navbar .pull-right > .active > a:focus{ background:none; color:#39b44a;}
/* Header  */

#header{
	padding: 80px 0 30px;
}
#header .container{
    width: 100%;
}
#header .span6{
    width: 50%;
    *width: 49.99%;
    margin: 0px;
}
#header h1{
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 40px;
    font-size: 60px;
}
#header h3{
	margin-bottom: 30px;
	width: 400px;
}
#header p{
    color: #ffffff;
    font-size: 20px;
    line-height: 36px;
}

#header .headerleft {
    background-color: rgb(113,191,68);
    background-color: rgba(113,191,68,0.97);
}
#header .headerright {
    background-color: rgb(0,174,239);
    background-color: rgba(0,174,239,0.97);
}
#header .titlepadding{
    padding: 2em 15% 2em;
    min-height: 480px;
}


img.arrow-down{
	margin: 0 auto;
	display: block;
}
h1{
	margin-top: 80px;
}

pre.pre-show{
	margin: 40px 0px;

}
.tab-content pre.pre-show{
	margin: 0px 0px 0px 0px;
}
.nav-tabs{
	margin-top: 20px;
	margin-bottom: 0px;
	
}
.tab-content{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	
}

#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;}

/* Demo Slides */

#owl-example .item{
	padding: 30px 0px;
	margin: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#owl-example .item img{
	width: auto;
	margin: 0 auto;
	display: block;
}
#owl-example .item h3{
	font-size: 28px;
	font-weight: 300;
	margin: 25px 0 0;
}
#owl-example .item h4{
	margin: 5px 0 0;
	font-size: 18px;
}
.item h1{
	margin: inherit;
}


.orange{
	background: #ff8a3c;
}
.darkCyan{
	background: #42bdc2;
}
.forestGreen{
	background: #7fc242;
}
.yellow {
	background: #ffd800;
}
.dodgerBlue {
	background: #388bd1;
}
.skyBlue {
	background: #a1def8;
}
.zombieGreen {
	background: #3fbf79;
}
.violet {
	background: #db6ac5;
}
.yellowLight {
	background: #fee664;
}
.steelGray {
	background: #cad3d0;
}

#news{
    padding-top: 100px;
}
#news h2{
    background: url("../images/a9.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    font: 28px "Microsoft YaHei","Segoe UI",Tahoma,Arial;
    height: 50px;
    margin-bottom: 10px;
}
.listleft{
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E9E9E9;
    clear: both;
    float: left;
    padding: 12px 12px 10px;
}

/* article_category
----------------------------------------------- */
#articleList {
    clear: both;
    float:left;
}
#articleList img{
    float:left;
    margin-right: 15px;
}
#articleList .floatleft{
    float:left;
    margin: 10px 0px;
    width: 100%;
}
#articleList h3{
    margin: 0px 0px 8px;
}
#articleList p{
    margin: 0px;
}
#article {
    clear: both;
    float:left;
    padding: 10px 0px;
}
#article h2{
    text-align: center;
}
#article .info{
    padding:2px 0 20px 0;
    color:#999999;
    font-size:14px;
    text-align: center;
}
.treeBox{
    border-bottom: 1px solid #DCDCDC;
    clear: both;
    float: left;
    margin-bottom: 0;
    padding: 0 0 20px;
    width: 100%;
}
.treeBox h2{
    background: url("../images/a9.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    font: 28px "Microsoft YaHei","Segoe UI",Tahoma,Arial;
    height: 50px;
    margin-top:22px;
    margin-bottom: 10px;
}
.treeBox ul{
    margin: 0 0 11px 10px;
    padding: 0;
}
.treeBox li{
    float:left;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    clear: both;
}
.treeBox li a{
    background: url("../images/a16.gif") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    color: #6E6E6E;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-indent: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tagtreeBox{
    border-bottom: 1px solid #DCDCDC;
    clear: both;
    float: left;
    margin-bottom: 0;
    padding: 0 0 20px;
    width: 100%;
}
.tagtreeBox h2{
    background: url("../images/a9.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    font: 28px "Microsoft YaHei","Segoe UI",Tahoma,Arial;
    height: 50px;
    margin-top:22px;
    margin-bottom: 10px;
}
.tagtreeBox ul{
    margin: 0 0 11px 0px;
    padding: 0;
}
.tagtreeBox li{
    float:left;
    list-style: none outside none;
    margin: 5px;
    padding: 5px;
    border: 1px solid #e9e9e9;
    background-color: #f8f8f8;
}
.tagtreeBox li a{
    color: #6E6E6E;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
/* Responsive Stuff */


@media (max-width: 979px) {
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding: 0px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	}
}
@media (max-width: 768px) {
	.navbar.navbar-fixed-top{
		position: static;
	}
	.btn.btn-navbar{
		margin: 9px 20px 9px 8px;
		padding: 10px 10px;
	}
	.nav-collapse .nav > li{
		border-top: 1px solid #e1e6dd;
		text-align: center
	}
	#header .logo{
		margin-top:40px;
		margin: 20px auto 0px;
		float: none;
		height: 150px;
	}
	#header {
		text-align: center;
		padding: 60px 0px 30px;
	}
	#header h1{
		margin: 10px 0;
	}
	#header h3{
	margin-bottom: 10px;
	width: auto;
	padding: 0px 20px;
	}
	h1 {
		font-size: 38px;
		margin: 20px 0;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 12px;
	}

}


@media (max-width: 480px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
	    position: static;
        margin: 0px;
	}
    body{
        padding: 0px;
    }
	#header {
		text-align: center;
		padding: 20px 0px 20px;
	}
	#header .logo{
		margin-top:0px;
	}

}

/*NO MORE TABLES!! ;) 
*/
@media (max-width: 767px) {
    #header .container{
        width: 100%;
    }
    #header .span6{
        width: 100%;
        margin: 0px;
    }
    #header h1{
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 40px;
        font-size: 30px;
    }
    #header p{
        color: #ffffff;
        font-size: 16px;
        line-height: 24px;
    }
    #header .titlepadding{
        padding: 1em 15% 2em;
        min-height: 300px;
    }
    #app .moveapp{
        padding: 0px 0px 0px 40px;
    }
    #odds .oddstitle{
        padding: 0px 20px 0px 20px;
    }
    #odds img{
        padding: 0px 0px 0px 50px;
    }
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	thead tr { 
		display: none;
	}
	tr { border: 0px solid #ccc; margin-bottom: 10px; }
	
	td:before { 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	td:nth-of-type(2):before { content: "Default:" ;font-weight: bold;}

    #contact .span5{
        padding: 0px 0px 0px 50px;
    }
    #contact .span5{
        padding: 0px 0px 0px 50px;
    }
}
.phone{ display:none;}
.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("../images/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;height: 280px;}
.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: 200px; float: left; display: inline; border-right: 1px solid #eaebec; padding: 15px; height: 250px;}
.menu_list .list li{list-style:none; margin:10px 0;}
.menu_list .list li a{ display:block; margin:0px;}
.menu_list .list.last{border-right: none;}
.menu_list .list ul{padding-left:10px;}
.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}