@charset "utf-8";

.bg_gradient_red_transverse {
	width: 1024px;	
	height: 290px;
	color: #FFF; /*background-color:#CCC;*/
/***************线性背景全兼容******************/	
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#3a4667, endColorStr=#523957);/* IE 6 7 8*/
	background: -ms-linear-gradient(left, #3a4667, #523957); /*IE 10 */
	background: -moz-linear-gradient(left, #3a4667, #523957);         /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 50% 100%, from(#3a4667), to(#523957));         /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(left, #3a4667, #523957);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(left, #3a4667, #523957);  /* Opera 11.10+*/
/***************线性背景全兼容******************/
}

/* segment button */
.menubl {
	display: inline-block;
	margin:0px;
	width:380px;
	height:72px; 
	text-align:center;
	border:1px solid rgba(0, 0, 0, 0.30);
	background-color:rgba(0, 0, 0, 0);
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
    border-radius:5px;
}
.menubl ul {
	padding: 0px;
	margin-left:0px;
	font-size:16px;
}



.menubl ul li {
	float: left;
	width:120px;
	height:70px;
	text-align: center;
	list-style: none; /* 将默认的列表符号去掉 */
	padding: 0px; /* 将默认的内边距去掉 */
	margin: 0px; /* 将默认的外边距去掉 */
	
}

.menubl ul li:hover{
	background: #483b4c;
	color: #222222;
}

.menubl ul li:first-child {
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius:3px 0px 0px 3px;
	-o-border-radius:3px 0px 0px 3px;
    border-radius:3px 0px 0px 3px;
    
}

.menubl ul li:last-child {
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-o-border-radius:0px 3px 3px 0px;
    border-radius:0px 3px 3px 0px;

}

.menubl ul li a {
	text-decoration:none;
	color: #3c3c3c;
}
.menubl ul li a:hover {
	text-decoration:none;
}


/*第一种形式*/
/*第一种形式*/
#tabs0 {
	float: left;
	height: 100%;
	margin-top: 4px;
}
.menu0 {
}
.menu-bg {
	height: 39px;
	
	background-color: #ffffff;
}
.menu0 li {
	margin-top: 4px;
	margin-left: 20px;
	display: block;
	float: left;
	height: 36px;
	width: 136px;
	line-height: 35px;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	line-height: 36px;
	color: #303030;
    vertical-align: middle;
}
.menu0 li.hover {
	/*background-image:url(images/serviceoverbg.jpg);*/
	border: 1px solid rgba(125, 125, 125, 0.5);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.menu0 li:hover {
	/*background-image:url(images/serviceoverbg.jpg);*/
	color: #303030;
}

#main0 ul {
	display: none;
	text-align: center;
	padding: 0; /* 将默认的内边距去掉 */
	margin: 0; /* 将默认的外边距去掉 */
}
#main0 ul.block {
	display: block;
	
}

#main0 li {
	text-align: center;
	padding: 0; /* 将默认的内边距去掉 */
	margin: 0; /* 将默认的外边距去掉 */
}

/* gree button */
.btn_blue {
	float: left;
	background-color: #4d8ef1;
	border: 1px solid #2e77e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_blue:hover {
	background-color: #296fd8;
	border: 1px solid #1d61c7;
}

/* orange-dark button */
.btn_orange_dark {
    float: left;
    background-color: #e36617;
    border: 1px solid #bd5819;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_orange_dark:hover {
    background-color: #bf4f0a;
    border: 1px solid #bd5819;
}

/* orange-dark button */

/* orange button */
.btn_orange {
    float: left;
    background-color: #fa9e26;
    border: 1px solid #ec8d11;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_orange:hover {
    background-color: #ee8e10;
    border: 1px solid #c0730d;
}

/* orange button */
/* green button */
.btn_green_dark {
    float: left;
    background-color: #288c48;
    border: 1px solid #107931;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_green_dark:hover {
    background-color: #27a54f;
    border: 1px solid #148b39;
}

/* orange button */

/* red button */
.btn_red {
	float: left;
	background-color: #f27565;
	border: 1px solid #ec5440;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_red:hover {
	background-color: #ec5440;
	border: 1px solid #d14431;
}

/*自定义button*/

.btn_reviews {
    float: left;
    background-color: transparent;
    border: 1px solid #4379c1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 25px 0px 0px 410px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 210px;
    color: #5c8bc9;
    text-align:center;




}

.btn_reviews:hover {
    background-color: #5c8bc9;
    border: 1px solid #4379c1;
    color: #ffffff;
}
.btn_reviews span{
    font-size: 16px;
    margin-left:30px;
}

.btn_screenshots {
    float: left;
    background-color: #000000;
    border: 1px solid #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 25px 0px 0px 410px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 210px;
    color: #ffffff;
    text-align:center;




}
.btn_screenshots:hover {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
}
.btn_screenshots span{
    font-size: 16px;
    margin-left:30px;
}




/***button**/

.btn_menu_reviews {
    float: left;
    background-color:rgba(120,155,209,1);
    border: 1px solid #5c8bc9;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 19px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    color: rgba(255,255,255,1);
    text-align:center;
}

.btn_menu_reviews:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    /*opacity: 0.5;*/
    color: rgba(120,155,209,1);

}

.btn_menu_reviews i{
    line-height: 30px;
    font-size:19px;
    margin-top: 0px;

}




/* white button */
.btn_white {
    float: left;
    background-color: transparent;
    border: 1px solid #9791a8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 68px;
    line-height: 68px;
    width: 238px;
    color: #FFF;
    text-align:center;
}

.btn_white:hover {
    background-color:rgba(255,255,255,0.3);
    border: 1px solid #cccccc;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    /*opacity: 0.5;*/
    color: rgba(0,0,0,1);

}

.btn_white_text{
    float:left;
    color:#fefefe;
    font-size:13px;
    margin-left: 3px;
    line-height: 24px;
    text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;
}

.btn_white i{
    line-height: 68px;
    font-size:42px;
}
.btn_white_app{
    width: 145px;
    float: right;
    margin-top: -13px;
}
.btn_white_app span{
    font-size: 14px;
}
.btn_white_app_text{
    float: left;
    margin-top: -46px;
    width: 100%;
}



/* white button */
.btn_menu {
    float: left;
    background-color: transparent;
    border: 1px solid #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 68px;
    height: 110px;
    line-height: 110px;
    width: 110px;
    color: rgba(218,218,218,1);
    text-align:center;
}

.btn_menu:hover {
    background-color:rgba(120,155,209,1);
    border: 1px solid #618cce;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    /*opacity: 0.5;*/
    color: rgba(255,255,255,1);

}

.btn_menu i{
    line-height: 110px;
    font-size:68px;
}

.btn_menu_text{

    color:#848484;
    font-size:13px;

    line-height: 24px;
   /* text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;*/
    vertical-align: center;
    text-align:center;
}
/* orange button */
.btn_orange {
	float: left;
	background-color: #fa9e26;
	border: 1px solid #ec8d11;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_orange:hover {
	background-color: #ee8e10;
	border: 1px solid #c0730d;
}

/* orange button */
.btn_green {
	float: left;
	background-color: #26fa97;
	border: 1px solid #0de17e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 200px;
    color: #FFF;
    text-align:center;
}

.btn_green:hover {
	background-color: #0de17e;
	border: 1px solid #16b86d;
}
/* CSS Document */
.bannerbt {
    float: right;
    margin-top: 15px;
    border: 1px solid #4d8ef1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    margin-left: 2px;
    margin-top: 40px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    background-color: #4d8ef1;
    color: #FFF;
    font-size: 19px;
    text-align: center;
}

.bannerbt2 {
    float: right;
    margin-top: 15px;
    border: 1px solid #f27565;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    width: 120px;
    margin-left: 2px;
    margin-top: 40px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    background-color: #f27565;
    color: #FFF;
    font-size: 19px;
    text-align: center;
}

.bannerbt3 {
    float: right;
    margin-top: 15px;
    border: 1px solid #fa9f25;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 36px;
    width: 120px;
    margin-left: 2px;
    margin-top: 40px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    background-color: #fa9f25;
    color: #FFF;
    font-size: 19px;
    text-align: center;
}

#panel
{
    padding:5px;
    text-align:center;
    border:solid 1px #9791a8;
    padding:10px;
    display:none;
    margin-left: 70px;
    background-color:rgba(255,255,255,0.2);
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;

}

/* white button */
.btn_white {
    float: left;
    background-color: transparent;
    border: 1px solid #a9a9a9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    height: 68px;
    line-height: 68px;
    width: 238px;
    color: #9f9fa7;
    text-align:center;
}

.btn_white:hover {
    background-color:rgba(255,255,255,0.3);
    border: 1px solid #152f4c;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    /*opacity: 0.5;*/
    color: rgba(21,47,76,1);

}

.btn_white_text{
    float:left;
    color:#747474;
    font-size:13px;
    margin-left: 3px;
    line-height: 24px;
    text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px;
}

.btn_white i{
    line-height: 68px;
    font-size:42px;
}
.btn_white_app{
    width: 145px;
    float: right;
    margin-top: -13px;
}
.btn_white_app span{
    font-size: 14px;
}
.btn_white_app_text{
    float: left;
    margin-top: -46px;
    width: 100%;
}



/* white button */