body {
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #333;
}

* {

    padding: 0px;

    margin: 0px;

}

img{

	border:none;

}

div{

	margin: 0px;

	padding: 0px;

}

p {

	margin:0;

	padding:0;

}

.text-center{

	text-align: center;

}

li{

	list-style: none;

}

.left{

	float: left;

}

.right{

	float: right;

}

a:link{

	color: #333;

	text-decoration: none;

}

a:hover{

	color: #F44336;

	text-decoration: none;

	cursor: pointer;

}

a:visited{

	color: #333;

	text-decoration: none;

}

.blank20{

	height: 20px;

	width: 100%;

	clear: both;

	float: left;

}

.top20{

	margin-top: 20px;

}

.top40{

	margin-top: 40px;

}

.top60{

	margin-top: 60px;

}

.red {

    color: #e01d20;

}

.skyblue {

    color: #3DBAF7;

}

.row{

	width: 1170px;

	margin-right: auto;

	margin-left: auto;

}

.col-md-6{

	width: 586px;

}

h2.title {

	margin-bottom: 20px;

	font-size: 40px;

	color: #333;

	font-weight: normal;

	background-attachment: scroll;

	background-image: url(../images/title.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 65px;

}

h2.title b{

	color: #F44336;

	font-weight: normal;

	margin-right: 5px;

}

h3.orange {

    background: #FF5722;

}

h3.blue {

    background: #03A9F4;

}

h3.pink {

    background: #BE1D47;

}

h3.green {

    background: #4CAF50;

}

/* 顶部菜单*/

.contact{

	width: 100%;

	float: left;

	clear: both;

	background-color: #F44336;

	line-height: 35px;

	border-bottom: 1px solid #D20047;

}

.contact .phone{

	float: left;

}

.contact .phone span{
	color: #fff;
	line-height: 35px;
	font-size: 16px;
	margin-right: 10px;
}
#weixin span{

	color: #fff;

	font-size: 16px;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	line-height: 34px;

	margin-right: 12px;

	cursor: pointer;

}

#wx{
	display: none;
	position: absolute;
	top: 40px;
	z-index: 999;
	left: -90px;
	border: 2px solid #ff7200;
	cursor: pointer;
	height: 258px;
}

#wx .popup1 {

	display: block;

	width: 0;

	height: 0;

	border-width: 0 10px 10px 10px;

	border-style: dashed dashed solid dashed;

	border-color: transparent transparent #ff7200 transparent;

	line-height: 0;

	font-size: 0;

	padding: 0;

	position: absolute;

	top: -10px;

	margin-left: 120px;

}

#wx .popup2 {

    display: block;

    width: 0;

    height: 0;

    border-width: 0 9px 10px 9px;

    border-style: dashed dashed solid dashed;

    border-color: transparent transparent #fff transparent;

    line-height: 0;

    font-size: 0;

    padding: 0;

    position: absolute;

    top: 2px;

    margin-left: -9px;

}

.contact .idc, #weixin{

	float: right;

	position: relative;

}

.contact .idc a{

	color: #fff;

	font-size: 16px;

	display: inline-block;

	text-align: center;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	width: 80px;

	line-height: 25px;

}

.contact .idc a:hover{

	color: #F44336;

	background-color: #FFF;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	text-decoration: none;

}



/* 导航菜单 */

.navbar{

	background-color: #FFF;

	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);

	position: relative;

	z-index: 998;

	float: left;

	width: 100%;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ccc;

}

.navbar-header {

	float: left;

	padding: 15px;

}

.nav{

	margin-right: -6px;

	float: right;

}

.nav li{

	float: left;

	line-height: 70px;

}

.nav li > a{

	font-size: 16px;

	position: relative;

	display: block;

	padding: 10px 15px;

	color: #777;

}

.nav a:hover{

	color: #F44336;

}

.nav li a:visited{color: #777;}

.nav .active{

	border-bottom: 4px solid #F44336;

}

.nav .active a{

	color: #F44336;

}

.nav .demo{

	float: left;

	position: relative;

}

.nav .demo a.demo-link{
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	background-color: #239ffd;
	color: #fff;
	display: block;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

.nav .demo a.demo-link:visited{color: #fff;}

.nav .demo-sub{

	display: none;

	position: absolute;

	top: 65px;

	padding-top: 10px;

	right: 0px;

}

.nav .demo:hover .demo-sub{ display: block; }

.nav .demo-sub .arrow{

	position: absolute;

	right: 50px;

	top: 0;

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 10px solid #3DBAF7;

}

.nav .demo-sub .inner{ width: 650px; height: 320px; border: 3px solid #3DBAF7; text-align: center; background: #fff;}

.nav .demo-sub .title{

	font-size: 26px;

	margin-top: 5px;

}

.nav .demo-sub .subtitle{ font-size: 16px; margin-bottom: 10px;line-height: 30px;}

.nav .demo-sub .subtitle.red{

	color: #EC5151;

}

.nav .demo-sub .subtitle.blue{ color: #3DBAF7; }

.demo-table-wp{ padding: 0 30px; }

.demo-table{

	width: 100%;

	border-collapse: collapse;

	font-size: 14px;

	text-align: center;

	margin-bottom: 20px;

	line-height: 35px;

}

.demo-table tr{ border: 1px solid #ddd; }

.demo-table th,

.demo-table td{

	padding: 0px 10px;

}

.demo-table td a{ color:#666;}

.demo-table td a:hover{ color:#ec5051;}

.nav .demo-sub .qrcode-text-center{

	clear: both;

	float: left;

	width: 100%;

}

.nav .demo-sub .qrcode-list{

	display: table;

	margin:0 auto;

	text-align: center;

	padding:0;

}

.nav .demo-sub .qrcode-list li{

	float: left;

	margin-left: 20px;

	padding: 0;

	width: 100px;

	height: 100px;

	line-height: 20px;

	list-style-type: none;

	text-align: center;

	margin-right: 20px;

}

.nav .demo-sub .qrcode-list li img{ width:98px; height:98px;}



/* 幻灯片 */

.webAdv {

	width: 1170px;

	overflow: hidden;

	margin-right: auto;

	margin-left: auto;

	padding-top: 40px;

	padding-bottom: 60px;

	background-image: url(../images/yzys.jpg);

	background-repeat: no-repeat;

	background-position: right center;

}

.webAdv .advLeft {

    float: left;

}

.webAdv .advLeft h3 {

    font-size: 36px;

    color: #ff7000;

    line-height: 64px;

    font-weight: normal;

}

.webAdv .advLeft span {

	font-size: 20px;

	line-height: 48px;

	width: 612px;

	text-align: left;

}

.webAdv .advLeft dl {

	line-height: 34px;

	font-size: 16px;

	float: left;

	width: 480px;

	clear: both;

}

.webAdv .advLeft dl dt{

	float: left;

	width: 30px;

}

.webAdv .advLeft dl dd{

	float: left;

	width: 450px;

}

.webAdv .advLeft .btnGroup {

	overflow: hidden;

	float: left;

	width: 100%;

	margin-top: 40px;

}

.btnGroup .freeBtn {

    background: #0c87d4;

}

.btnGroup .buyBtn {

    background: #ff8d1e;

}

.btnGroup .freeBtn:hover {

    background: #0878be;

}

.btnGroup .buyBtn:hover {

    background: #FF6900;

}

.btnGroup .buyBtn, .btnGroup .freeBtn {

    float: left;

    padding: 12px 40px;

    margin-right: 20px;

    color: #fff;

    font-size: 16px;

}

.header-content{

	background-attachment: scroll;

	background-image: url(../images/slider1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	width: 100%;

	height: 600px;

	clear: both;

	float: left;

	color: #444;

}



/* 提交需求 */

.free_frame {
	background-image: url(../images/main_pic.svg),linear-gradient(90deg,#2769a4 12%,#4088cc 62%,#4a7ecb 104%);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	float: left;
	width: 100%;
	background-attachment: scroll;
}

.free_frame .free {

    width: 1100px;

    margin: 0 auto;

}

.free_frame .title {

    width: 1100px;

    height: 90px;

    line-height: 90px;

    font-size: 48px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    float: left;

}

.free_frame .notes {

    width: 1100px;

    overflow: hidden;

    color: #fff;

    font-size: 18px;

    text-align: center;

    line-height: 24px;

    float: left;

}

.free_frame .mid {

    width: 1100px;

    height: 150px;

    float: left;

    margin-top: 40px;

}

.free_frame .mid ul {

    width: 1100px;

    height: 150px;

    float: left;

    margin: 0;

    padding: 0;

    margin-left: 195px;

}

.free_frame .mid ul li {

    width: 120px;

    overflow: hidden;

    float: left;

    padding-right: 18px;

}

.free_frame .mid ul li.biao {

    background: url(../images/free_05.png) no-repeat;

    width: 41px;

    height: 104px;

    float: left;

}

.free_frame .mid ul li .tu {

    width: 120px;

    height: 104px;

    float: left;

}

.free_frame .mid ul li .zi {

    width: 126px;

    height: 40px;

    font-size: 18px;

    float: left;

    font-weight: bold;

    color: #fff;

    text-align: center;

}

.free_frame .jiantou {

    background: url(../images/free_18.png) no-repeat center;

    width: 1100px;

    height: 66px;

    float: left;

    margin-top: 10px;

}

.free_frame .dingdan_frame {

    width: 1100px;

    overflow: hidden;

    float: left;

}

.free_frame .titled {
	font-size: 26px;
	text-align: center;
	color: #666;
	font-weight: lighter;
	margin-bottom: 20px;
}

.free_frame form {
	width: 600px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 5px 32px 0 rgba(20,61,108,.23);
	margin-top: 50px;
	margin-bottom: 50px;
}

.free_frame tr {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.free_frame tr td{
	width: 80px;
	font-size: 16px;
	color: #999;
}

.free_frame input {
	width: 450px;
	height: 45px;
	border: solid #D6D5D5 1px;
	line-height: 45px;
	padding: 0 10px;
	font-size: 18px;
	color: #333;
}
.free_frame input:focus,
.free_frame textarea:focus{
	border: 1px solid #239ffd;
	outline:medium;
}
.free_frame textarea{
	width: 450px;
	height: 100px;
	padding: 10px;
	font-size: 16px;
	resize: none;
	border: solid #D6D5D5 1px;
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
}
.free_frame .set {

    margin-left: 12px;

}

.free_frame .move {

    margin-left: 15px;

}

.free_frame .set, .free_frame .move {

    width: 18px;

    height: 12px;

}

.free_frame .sub {
	background: #009900;
	color: #fff;
	border: 0;
	cursor: pointer;
	line-height: 55px;
	height: 55px;
	text-align: center;
	width: 300px;
}
.web-message{
	width: 600px;
	height: 150px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	box-shadow: 0 5px 32px 0 rgba(20,61,108,.23);
	margin-top: 150px;
	margin-bottom: 150px;
	color: #239ffd;
	padding: 20px;
	line-height: 150px;
	font-weight: normal;
}


.free_two {

    background: #fff;

    width: 100%;

    overflow: hidden;

    padding: 0 0 45px 0;

}

.title_02 .right span, .title_03 .right span, .title_04 .right span, .title_05 .right span{font-size:30px;color:#00ccff; font-weight:bold;}

.free_two .top_frame02 {

    width: 100%;

    overflow: hidden;

    background: #f5f5f5;

    padding-top: 80px;

}

.free_two .top_02 {

    width: 1100px;

    margin: 0 auto;

}

.free_two .top_02 .title_02 {

    width: 486px;

    height: 60px;

    float: left;

    margin-top: 70px;

}

.free_two .left {

    width: 70px;

    height: 60px;

    float: left;

    line-height: 60px;

    color: #00ccff;

    font-size: 60px;

    padding-right: 10px;

}

.free_two .right {

    width: auto;

    height: 60px;

    float: left;

    text-align: left;

    line-height: 29px;

    font-size: 16px;

    color: #666666;

}

.free_two .top_02 .tu_02 {

    background: url(../images/station_24.gif) no-repeat;

    width: 610px;

    height: 312px;

    float: left;

}

.free_two .top_03 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.free_two .top_03 .tu_03 {

    background: url(../images/wechat_14.jpg) no-repeat left bottom;

    width: 416px;

    height: 270px;

    float: left;

}

.free_two .top_03 .title_03 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 80px;

    margin-left: 95px;

}

.free_two .top_frame04 {

    width: 100%;

    overflow: hidden;

    background: #f5f5f5;

    padding-top: 80px;

}

.free_two .top_04 {

    width: 1100px;

    margin: 0 auto;

}

.free_two .top_04 .tu_04 {

    background: url(../images/free_01.jpg) no-repeat;

    width: 492px;

    height: 334px;

    float: left;

    margin-right: 125px;

}

.free_two .top_04 .title_04 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 45px;

}

.free_two .top_05 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.free_two .top_05 .title_05 {

    width: 1100px;

    height: 170px;

    float: left;

    margin-left: 40px;

    margin-right: 60px;

}

.getService{

	background-color: #F44336;

	background-image: url("../images/bg1.png");

	background-size: cover;

	background-attachment: fixed;

	color: #FFF;

	height: 105px;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 40px;

	padding-left: 0px;

	clear: both;

	float: left;

	width: 100%;

}

.getService .bounceInLeft{

	float: left;

	width: 850px;

}

.getService .bounceInLeft h2{

	font-size: 30px;

	font-weight: normal;

	margin-bottom: 5px;

}

.getService .bounceInLeft h2 b{

	margin-right: 5px;

}

.getService .bounceInLeft p{

	line-height: 25px;

}

.getService .bounceInUp{

	float: left;

	margin-left: 20px;

}

.getService .bounceInUp a{

	border: 2px solid #DDD;

	color: #FFF;

	margin-top: 30px;

	font-size: 18px;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	margin-bottom: 0px;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	padding-top: 15px;

	padding-right: 50px;

	padding-bottom: 15px;

	padding-left: 50px;

	display: inline-block;

}.getService .bounceInUp a:hover{

	background-color: #db3c30;

	background-attachment: scroll;

	background-image: url(../images/arrow-right.jpg);

	background-repeat: no-repeat;

	background-position: 165px center;

}



/* 创新  */

.service {

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

}

.fadeInDown{

	text-align: center;



}

.fadeInDown p{

	color: #333;

	line-height: 25px;

}

.service .left-service {

	text-align: right;

	width: 584px;

	clear: none;

	float: left;

	margin-top: 20px;

	margin-bottom: 40px;

}

.service .right-service {

	text-align: left;

	border-left: 2px solid #EEE;

	width: 584px;

	float: left;

	margin-top: 20px;

	margin-bottom: 40px;

}

.service .left-service .fadeInLeft{

	float: left;

}

.service .right-service .fadeInRight{

	float: left;

}

.service h3 {

	font-weight: 400;

	margin-top: 40px;

	font-size: 24px;

}

.service .col-md-8{

	width: 389px;

	float: left;

}

.service .col-md-8 p{

	line-height: 25px;

}

.service .left-service .orange h3{color: #FF5722;}

.service .left-service .pink h3{color: #BE1D47;}

.service .right-service .blue h3{color: #03A9F4;}

.service .right-service .green h3{color: #4CAF50;}

.service span{
	height: 130px;
	width: 130px;
	float: left;
	display: inline-block;
	margin-top: 40px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	border-radius: 50%;
	border: 2px solid;
	text-align: center;
	font-size: 76px;
	line-height: 130px;
}

.service .left-service .html5{
	color: #FF5722;
	border-color: #FF5722;
}

.service .left-service .mobile{
	color: #BE1D47;
	border-color: #BE1D47;
}

.service .right-service .code{
	color: #03A9F4;
	border-color: #03A9F4;
}

.service .right-service .graphic{
	color: #4CAF50;
	border-color: #4CAF50;
}

/* 诚信 效率  */

.case {

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

}

.case .isotope{

	margin-top: 20px;

	margin-left: 1px;

}

.case .isotope .isotope-item{

	width: 292px;

	clear: none;

	float: left;

	cursor: pointer;

	position: relative;

	text-align: center;

	margin: 0px;

	padding: 0px;

	height: 230px;

}

.case .isotope .isotope-item img{
	width: 270px;
	height: 210px;
	border: 1px solid #eee;
	margin: 10px;
}
.case .isotope .isotope-item img:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}

.case .isotope .isotope-item span{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	color: #F00;

	display: none;

}

.case .isotope .isotope-item span h2{

	font-size: 20px;

	margin-top: 80px;

	padding-right: 20px;

	padding-left: 20px;

	margin-bottom: 5px;

}

.case .isotope .isotope-item span p{

	padding-right: 20px;

	padding-left: 20px;

}

/*　热诚 */

.support {

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

}

.support .button-group{

	text-align: center;

	margin-top: 10px;

}

.support .button-group .btn-line{

	margin-top: 5px;

	display: inline-block;

	text-align: center;

	cursor: pointer;

	padding: 6px 12px;

	font-size: 14px;

	-moz-border-radius: 3px; /* Gecko browsers */

	-webkit-border-radius: 3px; /* Webkit browsers */

	border-radius: 3px; /* W3C syntax */

	color: #333;

	border: 2px solid #EEE;

	line-height: 20px;

}

.support .button-group a:hover{

	border: 2px solid #F44336;

	color: #F44336;

}

.support .button-group .active{

	border: 2px solid #F44336;

	color: #F44336;

}



.support .table {

	background: #F8F8F8;

	border: 1px solid #DDD;

	margin-top: 20px;

	margin-bottom: 20px;

	width: 270px;

	float: left;

	margin-right: 10px;

	margin-left: 10px;

}

.support .table h3 {

	padding: 15px;

	margin: 0px;

	color: #FFF;

	font-weight: 300;

	font-size: 24px;

	text-align: center;

}

.support .table ul li a{

	padding: 10px;

	border-bottom: 1px solid #DDD;

	display: inline-block;

	width: 250px;

	overflow: hidden;

	float: left;

}

.support .table ul li a:hover{

	background-color: #f2f2f2;

	color: #F44336;

}

.support .table .get-contact {

	text-align: center;

	line-height: 60px;

}

.support .table .get-contact a {

	font-size: 25px;

	color: #555;

	height: auto;

	background-attachment: scroll;

	background-image: url(../images/fa-angle-right.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 15px;

	display: inline-block;

}

.support .table .get-contact a:hover {

	color: #F44336;

	background-attachment: scroll;

	background-image: url(../images/fa-angle-right-hover.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 15px;

}



/* 负责 */

/*

.skill{

	width: 100%;

	clear: both;

	background-color: #f2f2f2;

	float: left;

	border-top: 1px solid #E7E7E7;

	border-bottom: 1px solid #E7E7E7;

	height: 600px;

	z-index: -2;

	position: relative;

}

.skill .skillright{

	float: left;

	width: 50%;

	height: 600px;

	background-color: #f8f8f8;

	display: inline-block;

	position: absolute;

	z-index: -1;

}*/

.skill{

	height: 600px;

	background-attachment: scroll;

	background-image: url(../images/skill_bg.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	width: 100%;

	float: left;

	border-top: 1px solid #E7E7E7;

	border-bottom: 1px solid #E7E7E7;

}

.skill .fadeInUp{

	float: left;

	width: 195px;

	clear: none;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 50px;

}

.skill .fadeInUp .chart{

	margin: 0px auto;

	position: relative;

	width: 100px;

	height: 100px;

	text-align: center;

}

.skill .fadeInUp .canvas64{

	background-attachment: scroll;

	background-image: url(../images/64.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .canvas75{

	background-attachment: scroll;

	background-image: url(../images/75.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .canvas85{

	background-attachment: scroll;

	background-image: url(../images/85.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .canvas86{

	background-attachment: scroll;

	background-image: url(../images/86.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .canvas90{

	background-attachment: scroll;

	background-image: url(../images/90.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .canvas95{

	background-attachment: scroll;

	background-image: url(../images/95.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.skill .fadeInUp .chart .percent {

    display: inline-block;

    line-height: 110px;

    z-index: 2;

	margin-top: -5px;

    font-size: 18px;

    color: #2F2F2F;

    font-weight: 700;

}

.skill h3 {

	margin-top: 10px;

	text-align: center;

	font-size: 18px;

	color: #2F2F2F;

	font-weight: normal;

}

.skill h3 a:hover{color: #F44336;}

/* 团队 */

.about{

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

	position: relative;

	background-attachment: scroll;

	background-image: url(../images/imac_group.jpg);

	background-repeat: no-repeat;

	background-position: right 280px;

	height: 620px;

}

.about .fadeInUp{

	float: left;

	width: 263px;

	clear: none;

	padding-right: 30px;

	padding-bottom: 15px;

}

.about .fadeInUp h3{

	padding-top: 20px;

	padding-bottom: 10px;

}

.about .fadeInUp h3 strong{

	font-size: 22px;

	font-weight: normal;

	line-height: 25px;

	height: 25px;

}

.about .fadeInUp h3 i{
	color: #F44336;
	font-size: 22px;
}

.about .fadeInUp h3 span.fa-thumbs-up{

	background-position: left top;

}

.about .fadeInUp h3 span.fa-rocket{

	background-position: right top;

}

.about .fadeInUp h3 span.fa-users{

	background-position: left center;

}

.about .fadeInUp h3 span.fa-wrench{

	background-position: right center;

}

.about .fadeInUp h3 span.fa-pencil-square{

	background-position: left bottom;

}

.about .fadeInUp h3 span.fa-usd{

	background-position: right bottom;

}

.about .fadeInUp p{

	line-height: 25px;

}

/* 友情链接 */

.friendlink{

	float: left;

	width: 1170px;

	padding-bottom: 40px;

}

.friendlink li{

	clear: none;

	float: left;

	margin-right: 10px;

}

.friendlink li a{

	color: #333;

}

.friendlink li a:hover{

	color: #F44336;

}



/* 尾部 */

.footer {

	background-image: url("../images/bg1.png");

	background-position: left top;

	padding-top: 40px;

	background-color: #F44336;

	float: left;

	height: auto;

	width: 100%;

	color: #FFF;

	padding-bottom: 40px;

}

.footer a{

	color: #fff;

	font-size: 16px;

}

.footer a:hover{

	color: #FFD700;

}

.footer .footer-menu{

	width: 1100px;

	padding-left: 35px;

}

.footer .footer-menu li{

	float: left;

	width: 90px;

	text-align: center;

	background-attachment: scroll;

	background-image: url(../images/white-line.jpg);

	background-repeat: no-repeat;

	background-position: right center;

}

.footer .footer-menu li.noline{

	background-image: none;

}

.footer .address{

	float: left;

	width: 500px;

	margin-top: 40px;

}

.footer .address li{

	height: 70px;

}

.footer .address span.circle{
	height: 45px;
	width: 45px;
	display: inline-block;
	float: left;
	font-size: 24px;
	border-radius: 50%;
	border: 2px solid #fff;
	line-height: 45px;
	text-align: center;
	margin-right: 10px;
}
.footer .address strong{

	font-size: 16px;

	font-weight: normal;

	line-height: 45px;

	display: inline-block;

}

.footer .citylink{

	float: right;

	margin-top: 30px;

	width: 670px;

}

/* 二维码 */

.footer .citylink .qrcode{

	float: left;

	margin-top: 5px;

	margin-right: 20px;

	width: 260px;

	margin-bottom: 10px;

}

.dede_weixin_popup {

	padding: 10px;

	width: 240px;

	height: 240px;

	background: #fff;

}

.dede_weixin_popup .dede_weixin_popup_head {

	font-weight: bold;

	text-align: center;

	line-height: 16px;

	height: 16px;

	position: relative;

	color: #000;

	font-size: 14px;

}

.dede_weixin_popup .dede_weixin_popup_foot {

			  font-size: 12px;

			  text-align: left;

			  line-height: 22px;

			  color: #666;

}

.footer .citylink .seolink{

	float: left;

	width: 110px;

}

.footer .citylink .seolink li{

	float: left;

	width: 110px;

	line-height: 26px;

}

.footer .citylink .questions{

	float: left;

	width: 270px;

}

.footer .citylink .questions li{

	float: left;

	width: 260px;

	line-height: 26px;

}

.footer .citylink .beian{

	float: right;

	width: 670px;

}

.footer .citylink .beian a{

	font-size: 14px;

}



/* 建站流程 */

.process {

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

}

.contain-logo {

	text-align: center;

	float: left;

	clear: both;

	width: 1170px;

	margin-top: 50px;

}

.contain-logo span{
	height: 65px;
	width: 65px;
	display: inline-block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 65px;
	font-size: 26px;
	border: 1px solid #999;
	color: #999;
	border-radius: 50%;
}

.contain-logo span.fa-cloud{

	background-image: url(../images/fa-cloud.jpg);

}

.contain-logo span.fa-star{

	background-image: url(../images/fa-star.jpg);

}

.contain-logo p.page-desc{

	font-size: 20px;

	margin-top: 10px;

	line-height: 35px;

}

ul.timeline {

	width: 1170px;

	background-attachment: scroll;

	background-image: url(../images/timeline-bg.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	float: left;

	clear: both;

	margin-top: 40px;

}

.timeline .year {
	width: 65px;
	height: 65px;
	clear: both;
	text-align: center;
	font-size: 20px;
	line-height: 65px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50%;
	border: 2px solid #999;
	background-color: #FFF;
}

.timeline .year i.fa-bookmark {
	color: #999;
	font-size: 26px;
}

.timeline .fadeInLeft {

	float: left;

	padding: 20px;

	width: 520px;

	border-radius: 12px;

	cursor: pointer;

	position: relative;

	background-color: #f2f2f2;

	clear: none;

	height: auto;

	color: #777;

}

.timeline .fadeInRight {

	float: right;

	padding: 20px;

	width: 520px;

	border-radius: 12px;

	cursor: pointer;

	position: relative;

	background-color: #f2f2f2;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	clear: none;

	height: auto;

	color: #777;

}

.timeline .fadeInRight:hover, .timeline .fadeInLeft:hover{

	background-color: #F44336;

	color: #fff;

}

.timeline h4 {

	font-size: 20px;

	margin: 5px 0px;

	font-weight: normal;

}

.timeline p.desc {

	font-size: 14px;

	margin: 8px 0px;

	line-height: 22px;

}

.timeline .arrow {

	position: absolute;

	top: 20px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: left center;

	display: inline-block;

	height: 18px;

	width: 34px;

}

.timeline .fa-play-right {

	left: -34px;

	background-image: url(../images/fa-play-right.jpg);

}

.timeline .fa-play-left {

	background-image: url(../images/fa-play-left.jpg);

	right: -34px;

}



/* 网站案例 */

.businessCase{

	width: 1170px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

	padding-top: 60px;

	height: auto;

}



/*　案例特效 */

.da-thumbs {

	list-style: none;

	width: 1170px;

	height: 500px;

	position: relative;

	padding: 0;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

}

.da-thumbs li {

	float: left;

	margin: 8px;

	background: #fff;

	padding: 8px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.3);

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block;

	position: relative;

	width: 260px;

	height: 200px;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #00aae5;

	background: url(../images/case.png);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div span {

	display: block;

	padding: 10px 0;

	margin: 40px 20px 20px 20px;

	text-transform: uppercase;

	font-weight: normal;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid #fff;

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 #fff;

	font-size: 16px;

}



/* 分页控制 */

.dede_pages{

	height: 35px;

	line-height: 35px;

	clear: both;

	float: left;

	width: 100%;

	text-align: center;

}

.dede_pages nav{
	color: #949BA1;
}

.dede_pages .pagination li{

	border: 1px solid #BCBCBC;

	border-radius: 3px;

	overflow: hidden;

	background: transparent linear-gradient(to bottom, #FFF 0%, #E8E8E8 100%) repeat scroll 0% 0%;

	display: inline;

	margin-right: 3px;

	margin-left: 3px;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 8px;

}

.dede_pages .pagination li span strong{

	color: #4391EA;

	margin-right: 5px;

	margin-left: 5px;

}

.dede_pages .pagination .active {

	background-color: #4391EA;

	background-attachment: scroll;

	background-image: none;

	background-repeat: no-repeat;

	background-position: 0px 0px;

	border: 1px solid #4391EA;

	color: #FFF;

}

.dede_pages .pagination .active a{

	font-weight: bold;

	color: #FFF;

}

/* 返回顶部及首页 */
/*clearboth*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}
/*gotop*/
.qrcode-service{
	transition: bottom ease .3s;
	z-index: 999;
	cursor: pointer;
	position: absolute;
	right: 0px;
	background-color: #FFF;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.qrcode-service h4{
	margin-bottom: 5px;
	font-weight: bold;
	color: #03A9F4;
	font-size: 18px;
}
.qrcode-service p{
	margin-bottom: 2px;
	font-size: 14px;
}
.qrcode-service p.blue{
	color: #03A9F4;
}
.qrcode-service img{
	margin-bottom: 15px;
	width: 120px;
}
.cbbfixed {
	position: fixed;
	right: 50px;
	transition: bottom ease .3s;
	bottom: -185px;
	z-index: 999;
	cursor: pointer;
}
.cbbfixed .cbbtn {
	width: 60px;
	height: 60px;
	display: block;
	background-color: #ddd;
}
.cbbfixed .gotop,  .cbbfixed .home, .cbbfixed .cweixin{transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop:hover, .cbbfixed .home:hover {
	background-color: #2c2d2e;
	color: #fff;
}
.cbbfixed .home, .cbbfixed .gotop {
	text-align: center;
	color: #999;
	line-height: 60px;
	background-color: #ddd;
	border-radius: 5px;
}
.cbbfixed .gotop {
	font-size: 18px;
}
.cbbfixed .cweixin {
	text-align: center;
	color: #FFF;
	line-height: 60px;
	background-color: #ec7404;
	font-size: 30px;
}
.cbbfixed .cweixin div {
	background: url(../images/erwei.png);
	width: 194px;
	height: 199px;
	position: absolute;
	left: -184px;
	top: -45px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%;
	transition: transform ease .3s,opacity ease .3s;
	-webkit-transition: all ease .3s;
	display: none;
*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

/* 兼容IE */
.ie6 thumbnail {
	float: left;
	clear: none;
}
.ie7 thumbnail{
	float: left;
	clear: none;
}
.ie8 .thumbnail {
	float: left;
	clear: none;
}

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }



/* 支付方式 */

.bank{

	float: left;

	width: 1000px;

	margin-left: 85px;

}

.bank p{

	text-align: center;

	color: #F44336;

	font-size: 18px;

}

.bank .pay_type_onlinebank{



}

.bank .pay_type_onlinebank h2{

	font-weight: normal;

	padding-bottom: 25px;

	padding-top: 25px;

	text-align: center;

}

.bank .pay_type_tobank h2{

	font-weight: normal;

	padding-bottom: 25px;

	padding-top: 25px;

	text-align: center;

}

.bank table{

	background: #CCC none repeat scroll 0% 0%;

	width: 1000px;

}

.bank tr{

	background: #FFF none repeat scroll 0% 0%;

	height: 45px;

}

.bank tr th{

	background: #F6F6F6 none repeat scroll 0% 0%;

	height: 51px;

	color: #333;

	font-size: 18px;

	font-weight: normal;

}

.bank tr td{

	color: #777;

	text-align: center;

	font-size: 16px;

}

.bank tr td b{

	color: #333;

}

.bank .pay_tips {

	margin-top: 20px;

	text-align: left;

	color: #777;

	line-height: 30px;

}

.bank .pay_attention {

    clear: both;

    text-align: left;

    font-size: 16px;

    margin: 45px 0px;

}

.bank .pay_attention h3 {

	color: #F44336;

	font-weight: normal;

}

.bank .pay_attention ul li {

	line-height: 35px;

	color: #555;

}



/* 提交需求详情页 */

.request{

	float: left;

	width: 800px;

	margin-left: 185px;

	margin-top: 50px;

	margin-bottom: 50px;

}

.request p{

	margin-bottom: 20px;

	font-size: 16px;

}

.request .name{

	width: 150px;

	margin-right: 20px;

}

.request .sex{

	line-height: 30px;

	height: 30px;

	vertical-align: middle;

	margin-right: 3px;

}

.request .tel{

	width: 300px;

}

.request .company{

	width: 600px;

}

.request .address{

	width: 600px;

}

.request .body{



}

.request p span{

	font-size: 16px;

}

.request p.sub{

	text-align: center;

}

.request p input{

	border: 1px solid #ccc;

	height: 35px;

	text-indent: 5px;

	font-size: 16px;

	color: #333;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

}

.request p button{

	background-color: #F44336;

	height: 40px;

	width: 300px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	font-size: 18px;

	color: #FFF;

}

.request p button:hover{

	background-color: #FFD700;

	color: #333;

}



/* 位置 */

.place{

	margin-top: 20px;

	margin-bottom: 20px;

	float: left;

	width: 1170px;

	color: #777;

}

.place a{

	color: #777;

}

.place a:hover{color: #F44336;}

.place strong{

	float: left;

	clear: none;

	font-weight: normal;

	line-height: 40px;

}
.place strong b{
	color: #F44336;
	font-weight: normal;
}

.place span{

	float: right;

}

/* 搜索 */

.search{}

.search .search-keyword{

	height: 38px;

	line-height: 40px;

	width: 212px;

	float: left;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #ccc;

	border-bottom-color: #ccc;

	border-left-color: #ccc;

	margin: 0px;

	padding: 0px;

	text-indent: 5px;

	font-size: 18px;

	color: #777;

}

.search .dosearch{

	background-color: #F44336;

	height: 40px;

	width: 80px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	font-size: 18px;

	color: #FFF;

}

.search .dosearch:hover{

	background-color: #FFD700;

	color: #333;

}

.dede_search{

	float: left;

	width: 850px;

	margin-bottom: 30px;

}

.searchtable{

	float: left;

}

.searchtable tr{

}

.searchtable tr td{

	padding-right: 5px;

	padding-left: 5px;

	height: 50px;

}

.searchtable tr td b{

	padding-right: 5px;

	padding-left: 5px;

	color: #F00;

	font-size: 16px;

}

.searchtable tr td span{

	color: #F00;

	font-size: 16px;

	font-weight: bold;

}

.searchtable a:hover{

	color: #F44336;

}

/* 技术支持列表页 */



.pleft{

	float: left;

	width: 850px;

}

.e2{



}

.e2 li{

	float: left;

	width: 850px;

	margin-bottom: 30px;

	color: #777;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #ccc;

	padding-bottom: 30px;

}

.e2 li a:hover{color: #F44336;}

.e2 li .listimg{

	float: left;

	width: 150px;

}

.e2 li .listinfo{

	float: left;

	width: 850px;

}

.e2 li .listinfo table{

	line-height: 25px;

}

.e2 li .preview img{

	height: 115px;

	width: 125px;

	border: 1px solid #ddd;

}

.e2 li .title{

	font-size: 18px;

}

.e2 li strong{

	font-weight: normal;

	margin-bottom: 10px;

	width: 850px;

	float: left;

}

.e2 li span{

	margin-bottom: 10px;

	width: 850px;

	float: left;

}

.e2 li span a{

	color: #777;

	font-weight: normal;

}

.e2 li .intro{

	line-height: 25px;

}

.pright{

	float: right;

	width: 300px;

}

.tbox{

	float: left;

	width: 300px;

	margin-bottom: 20px;

}

.tbox dt{

	font-size: 18px;

	margin-bottom: 5px;

	text-indent: 5px;

}

.d6{}

.d6 li{

	width: 150px;

	float: left;

	text-align: center;

}

.d6 li a{

	background-color: #03A9F4;

	height: 40px;

	line-height: 40px;

	width: 140px;

	display: inline-block;

	margin: 5px;

	-moz-border-radius: 5px; /* Gecko browsers */

	-webkit-border-radius: 5px; /* Webkit browsers */

	border-radius: 5px;

	color: #FFF;

}

.d6 li a:hover{

	background-color: #333;

}

.d6 li a.thisclass{

	background-color: #333;

}

.commend, .hot{

	float: left;

	width: 300px;

	margin-bottom: 20px;

}

.commend dt, .hot dt{

	font-size: 18px;

	margin-bottom: 5px;

	text-indent: 5px;

}

.d4{

	margin-left: 5px;

}

.d4 li{



}

.d4 li a{
	width: 295px;
	float: left;
	display: inline-block;
	line-height: 25px;
}

.d4 li a:hover{color: #F44336;}

.d4 li p{

	color: #999;
	margin-bottom: 10px;

}
.d4 li a i.fas{
	color: #F44336;
	font-size: 17px;
}

/* 文章内容页 */

.viewbox{

	float: left;

	width: 850px;

}

.viewbox .title{

	float: left;

	width: 800px;

	margin-left: 25px;

	clear: both;

	margin-right: 25px;

	margin-bottom: 10px;

}

.viewbox .title h2{



}

.viewbox .info{

	color: #777;

	margin-bottom: 20px;

	width: 850px;

	float: left;

	margin-left: 25px;

}

.viewbox .info small{

	font-size: 14px;

	margin-left: 10px;

}

.viewbox .infolist{

	float: left;

	margin-bottom: 10px;

}

.viewbox .infolist li{

	line-height: 30px;

	float: left;

	width: 850px;

	font-size: 16px;

}

.viewbox .infolist li a{

	color: #03A9F4;

}

.viewbox .infolist li a:hover{

	color: #F44336;

}

.viewbox .infolist li span{

	margin-left: 30px;

}

.viewbox .infolist li span strong{

	color: #F44336;

}

.viewbox .content{

	width: 800px;

	float: left;

	font-size: 16px;

	line-height: 30px;

	border: 1px solid #ddd;

	padding: 24px;

	height: auto;

}

.viewbox .content .preview{

	margin-bottom: 20px;

}

.viewbox .content .preview img{

	width: 800px;

}

.viewbox .content .body{

	width: 800px;

	overflow: hidden;

	line-height: 30px;

}

.viewbox .content .body a{

	color: #4391ea;

}

.viewbox .content .body a:hover{

	color: #F44336;

	text-decoration: underline;

}

.viewbox .content .body img{

	margin-bottom: 20px;

}

.viewbox .content .body h2{

	line-height: 40px;

	font-size: 16px;

}

.viewbox .content .body h3{

	line-height: 40px;

	font-size: 16px;

}

.viewbox .content .body h4{

	line-height: 40px;

	font-size: 16px;

}

.viewbox .content .body pre{

	margin-top: 20px;

	margin-bottom: 20px;

	background-color: #eee;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 10px;

	font-size: 14px;

	overflow: scroll;

}

.viewbox .content .body p{

	margin-bottom: 10px;

}

.viewbox .content .body p strong{

	font-size: 16px;

}

.viewbox .content img{

	border: 1px solid #eee;

}

.viewbox .content .tag{
	float: left;
	width: 800px;

}
.viewbox .content .tag strong{
	font-size: 12px;
	font-weight: normal;
}
.viewbox .content .tag a{
	color: #FFF;
	background-color: #F44336;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	-moz-border-radius: 5px; /* Gecko browsers */
	-webkit-border-radius: 5px; /* Webkit browsers */
	border-radius: 5px;
	margin-right: 5px;
	font-size: 12px;
	margin-bottom: 5px;
}

.viewbox .content .tag a:hover{

	background-color: #FFD700;

	color: #333;

}

.context{

	float: left;

	width: 850px;

	margin-top: 25px;

	margin-bottom: 25px;

	line-height: 30px;

}

.context a:hover{color: #F44336;}

.relevant{

	float: left;

	width: 850px;

	margin-bottom: 50px;

}

.relevant h2{

	font-weight: normal;

	margin-bottom: 5px;

}

.relevant ul{}

.relevant ul li{
	width: 425px;
	clear: none;
	float: left;
}

.relevant ul li a{

	line-height: 25px;

}
.relevant ul li a i.fa-angle-right{
	color: #F44336;
	font-size: 17px;
}

.relevant ul li a:hover{color: #F44336;}



/*网页右侧悬浮深蓝色qq在线客服代码*/

.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}

.rides-cs a { color: #00A0E9;}

.rides-cs a:hover { color: #ff8100; text-decoration: none;}

.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}

.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}

.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}

.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}

.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}

.rides-cs .cn ul {padding:0px;}

.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}

.rides-cs .cn ul li span { color: #777;}

.rides-cs .cn ul li a{color: #777;}

.rides-cs .cn ul li img { vertical-align: middle;}

.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}

.rides-cs .btnOpen { background-position: 0 0;}

.rides-cs .btnCtn { background-position: -37px 0;}

.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}

.rides-cs ul li.bot { border-bottom: none;}



/* 联系我们 */

.contact-info{

	float: left;

	width: 1000px;

	margin-left: 85px;

	margin-bottom: 60px;

	line-height: 25px;

	color: #777;

}

.contact-info .introduction{

	margin-bottom: 20px;

	font-size: 16px;

	line-height: 30px;

}

.contact-info .introduction p{

	margin-bottom: 15px;

}

.contact-info .contact-us{

	font-size: 16px;

	color: #FF3000;

	margin-bottom: 20px;

}

.contact-info .brand{

	font-size: 18px;

	margin-bottom: 20px;

	color: #333;

}

.contact-info .website{}

.contact-info .website li{

	width: 1000px;

	float: left;

	clear: both;

	margin-bottom: 20px;

}

.websiteimg{

	float: left;

	width: 200px;

}

.websiteinfo{

	float: left;

	width: 780px;

	margin-left: 20px;

}

.websiteinfo h2{

	color: #FF3000;

	font-weight: normal;

	font-size: 18px;

}

.websiteinfo h3{

	color: #FF3000;

	font-weight: normal;

	font-size: 18px;

}

.websiteinfo p{

	margin-bottom: 15px;

}

.websiteinfo a{

	color: #777;

}

.websiteinfo a:hover{color: #F44336;}



/* 网站案例列表 */

.e3 li{

	float: left;

	width: 1170px;

	clear: both;

	margin-top: 30px;

	margin-bottom: 30px;

}

.e3 .e3_img{

	width: 350px;

	float: left;

	margin-right: 20px;



}

.e3 .e3_img img{

	width: 348px;

	border: 1px solid #D7D7D7;

}

.e3 .e3_info{

	width: 800px;

	float: left;

}

.e3 .e3_info h1{

	font-size: 20px;

	float: left;

	width: 800px;

	margin-bottom: 5px;

}

.e3 .e3_info .info{

	float: left;

	width: 800px;

	margin-bottom: 5px;

}

.e3 .e3_info a:hover{color: #F44336;}

.e3 .e3_info .info small{

	font-size: 14px;

}

.e3 .e3_info .intro{

	font-size: 16px;

	line-height: 25px;

}



/* 需求提交成功 */

.buyrequest{

	width: 650px;

	margin-right: auto;

	margin-left: auto;

	height: 300px;

	padding-top: 40px;

	clear: both;

}

.dede_table{

	width: 100%;

	font-size: 14px;

	overflow: hidden;

	border: 1px solid #EEE;/*	border-collapse:collapse;*/

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 7px;

	margin-left: auto;

}

.dede_table tbody * a{

	color:#0066CC;

}

.dede_table * a:hover{

	color:#FF0000;

	text-decoration:underline;

}

/*表格标题*/

.dede_table caption{

	text-align:left;

	height:24px;

	line-height:24px;

	font-size:14px;

	text-indent:6px;

	color:#000;

	letter-spacing:2px;

}

/*Opera Hack @media all and (min-width: 0px){.uctable caption{min-height:25px;}}*/

/*表格头*/

.dede_table thead tr td{

	height: 35px;

	line-height: 35px;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	background: url(images/table_tbg.gif) 1px 1px repeat-x;

	background: #F8F8F8;

	font-weight: normal;

	letter-spacing: 2px;

	color: #999;

	font-size: 18px;

	text-align: center;

}



.dede_table thead tr td strong{/*表格头:标题*/

	letter-spacing:1px;

	font-size:12px;

	color:#333;

}

.dede_table thead tr td span{/*表格头:介绍*/

	color:#999;

}

.dede_table thead tr td  p{/*表格头:链接区域*/

	height:22px;

	display:inline;

	float:right;

	margin:-24px 10px 0 0;

	overflow:hidden;

	line-height:21px;

}

.dede_table thead tr td  p *{/*表格头:全部向右浮动*/

	float:right;

}

.dede_table thead tr td a.thlink{/*表格头:链接样式*/

	text-decoration:underline;

}

.dede_table thead tr td a.thlink:hover{

	text-decoration:none;

}



.dede_table thead tr th{/*表格内容:分类*/

	height:25px;

	font-weight:normal;

	text-indent:10px;

	text-align:left;

	line-height:15px;

}

/*表格内容*/

.dede_table tbody {

	overflow:hidden;

	text-align:left;

}

.dede_table tbody tr th{/*表格内容:分类*/

	background:#FFE;

	padding-top:3px;

	line-height:15px;

	text-indent:10px;

	letter-spacing:1px;

	font-weight:normal;

	border-top:1px solid #EEE;

	border-bottom:1px solid #DBDFE1;

	padding-top:4px;

	padding-bottom:4px;

}

.dede_table tbody tr th .toggle{

	width:15px;

	height:13px;

	border:none;

	cursor:pointer;

	vertical-align:middle;

}

.dede_table tbody tr th small{

	font-size:12px;

	color:#999;

	margin-left:4px;

	margin-right:4px;

}

.dede_table tbody tr td{/*表格内容:列表*/

	padding: 10px;

	color: #333;

	border-bottom: 1px solid #F0F0F0;

}

.dede_table tbody tr td.td1{

	background:#FEFEFE;

	text-align:right;

	color:#787;

	vertical-align:middle;

}

.dede_table tbody tr td.tdbig{

	font-size:14px;

	vertical-align:middle;

	text-align:center;

}

.dede_table tbody tr td p{/*表格内容:列表:段落*/

	line-height:21px;

	padding:2px;

}

.dede_table tbody tr td p strong img{/*表格内容:列表:标题图标垂直居中对齐*/

	vertical-align:middle;

}

.dede_table tbody tr td img{ /*表格内容:列表:常规图片垂直顶部对齐*/

	vertical-align:top;

	margin:0px 10px 5px 0px;

}

.dede_table tbody tr td .middle{

	vertical-align:middle;

}

.dede_table tbody tr td small{ /*表格内容:列表:注释性文字*/

	color:#888;

	font-size:12px;

	overflow:hidden;

}

.dede_table tbody tr td big{ /*表格内容:列表:强调性文字*/

	font-size:14px;

	overflow:hidden;

	letter-spacing:1px;

}



/*表格底*/

.dede_table tfoot{

	margin-top: 20px;

	margin-bottom: 20px;

}

.dede_table tfoot tr td{

	padding: 10px;

	line-height: 30px;

	text-align: center;

	font-size: 18px;

}

.dede_table tfoot * a{

    color:#666;

}

.dede_table tfoot tr td p{

	line-height:21px;

	margin-bottom:10px;

}



/* 提示信息 */

.formbox{

	float: left;

	width: 850px;

	margin-left: 160px;

	height: auto;

	margin-top: 60px;

}

.sp-title{}

.sp-title h2{

	font-weight: normal;

	margin-bottom: 15px;

	float: left;

	width: 100%;

}

.sp-title h2 strong{

	font-weight: normal;

	float: left;

	font-size: 18px;

}

.sp-title h2 span{

	float: right;

}

.sp-title h2 span a{font-size: 18px;}

.sp-title h2 span a:hover{

	color: #F44336;

}

.formbox table{

	line-height: 50px;

	font-size: 16px;

}

.formbox table tr td p{

	line-height: 35px;

	margin: 20px;

}

/*会员登陆 */

.login{

	margin-top: 50px;

	float: left;

	width: 400px;

	margin-left: 385px;

	height: auto;

	overflow: auto;

}

.login-do{

	font-size: 16px;

}

.login-do li{

	line-height: 60px;

	float: left;

	width: 400px;

}

.login-do li a:hover{

	color: #F44336;

}

.login-do li span{

	line-height: 60px;

	height: 60px;

	display: block;

	float: left;

	margin-right: 5px;

}

.login-do li input{

	font-size: 16px;

	text-indent: 5px;

}

.login-do li .userid, .login-do li .pwd{

	line-height: 35px;

	height: 35px;

	width: 250px;

	border: 1px solid #ccc;

	-moz-border-radius: 5px;      /* Gecko browsers */

	-webkit-border-radius: 5px;   /* Webkit browsers */

	border-radius: 5px;            /* W3C syntax */

}

.login-do li .vdcode{

	line-height: 35px;

	height: 35px;

	border: 1px solid #ccc;

	-moz-border-radius: 5px;      /* Gecko browsers */

	-webkit-border-radius: 5px;   /* Webkit browsers */

	border-radius: 5px;            /* W3C syntax */

}

.login-do li .button{

	line-height: 45px;

	height: 45px;

	width: 180px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	cursor: pointer;

	font-size: 18px;

	background-color: #03A9F4;

	color: #FFF;

	-moz-border-radius: 5px;      /* Gecko browsers */

	-webkit-border-radius: 5px;   /* Webkit browsers */

	border-radius: 5px;            /* W3C syntax */

	margin-top: 10px;

	margin-left: 100px;

}

.login-do li .button:hover{

	background-color: #333;

}



/* 会员中心 */

#_userlogin{

	float: left;

	position: relative;

}

.userinfo{

	float: left;

	width: 300px;

	margin-bottom: 20px;

}

.userinfo .welcome{

	float: left;

	width: 300px;

	font-size: 16px;

	margin-bottom: 15px;

}

.userinfo .welcome a:hover{

	color: #F44336;

}

.userinfo .userface{

	width: 300px;

	float: left;

	height: 52px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ccc;

	padding-bottom: 15px;

}

#count{

	position: absolute;

	top: 45px;

	display: block;

	font-size: 16px;

	left: 70px;

}

#count strong{

	color: #4391EA;

	font-size: 24px;

}

/* 域名注册 */

.domainSearch{

	float: left;

	width: 1000px;

	margin-left: 85px;

	margin-top: 40px;

}

.domainSearch h1{

	width: 1000px;

	line-height: normal;

	font-size: 35px;

	font-weight: normal;

	text-align: center;

	margin-bottom: 20px;

	float: left;

}

.domain .domainname {

	width: 730px;

	overflow: visible;

	font-size: 26px;

	color: #BEBEBE;

	outline: medium none;

	float: left;

	border: 1px solid #ccc;

	padding: 18px;

}

.domain .dosearch {

	background-color: #F44336;

	height: 70px;

	width: 200px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	border-width: 0px;

	font-size: 30px;

	color: #FFF;

	float: right;

}

.domain .dosearch:hover {

    background-color: #FFD700;

    color: #333;

}

.domain ul{

	margin-top: 30px;

	margin-bottom: 30px;

	float: left;

	width: 1000px;

}

.domain ul li {

    width: 90px;

    float: left;

    display: inline;

    margin: 8px 0px;

}

.pro-ad{

	float: left;

	width: 1000px;

	margin-left: 85px;

	margin-top: 40px;

}

.pro-ad h2{

	width: 1000px;

	line-height: normal;

	font-size: 35px;

	font-weight: normal;

	text-align: center;

	margin-bottom: 20px;

	float: left;

}

.pro-ad ul{

    width: 96%;

    margin: 25px auto;

    text-align: left;

    height: 155px;

}

.pro-ad ul li {

    width: 25%;

    float: left;

    display: inline;

}

.pro-ad ul li h4 {

	font-size: 18px;

	height: 88px;

	line-height: 67px;

	color: #333;

}

.pro-ad ul li.ad1 h4 i {

    background-position: 0px 0px;

}

.pro-ad ul li.ad2 h4 i {

    background-position: -66px 0px;

}

.pro-ad ul li.ad3 h4 i {

    background-position: -132px 0px;

}

.pro-ad ul li.ad4 h4 i {

    background-position: -198px 0px;

}

.pro-ad ul li h4 i {

    width: 66px;

    height: 88px;

    background: transparent url("../images/domain_ad.gif") no-repeat scroll 0% 0%;

    float: left;

    display: inline-block;

    margin: 0px 19px 0px 13px;

}

.pro-ad ul li p {

    overflow: auto;

    font-size: 14px;

    color: #555;

	line-height: 1.5em;

}

/*　域名查询 */

.domain_search_result{

	float: left;

	width: 1000px;

}

.domain_search_result ul{}

.domain_search_result ul li{

	float: left;

	width: 1000px;

	line-height: 60px;

	height: 60px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCC;

}

.domain_search_result ul li strong{

	font-weight: normal;

	float: left;

	width: 500px;

	margin-left: 50px;

	font-size: 26px;

}

.domain_search_result ul li strong.fail{color: #BEBEBE;}

.domain_search_result ul li span{

	background-image: url(../images/checkresulticon.gif);

	background-attachment: scroll;

	background-repeat: no-repeat;

	text-indent: 30px;

	margin-left: 100px;

	float: left;

	font-size: 18px;

}

.domain_search_result ul li span.eligible{

	color: #0fa035;

	background-position: left 15px;

}

.domain_search_result ul li span.notoptional{

	color: #BEBEBE;

	background-position: left center;

	margin-right: 20px;

}



/* whois信息 */

.whois_search_result{

	float: left;

	width: 1000px;

	margin-top: 40px;

}

.whois_search_result table{

	border: 1px solid #ccc;

	float: left;

	width: 998px;

	padding-right: 50px;

	padding-left: 50px;

	padding-top: 20px;

	padding-bottom: 20px;

}

.whois_search_result table caption{

	text-align: center;

	font-size: 28px;

	margin-bottom: 30px;

}

.whois_search_result table tr{

}

.whois_search_result table tr.bg-ga{

	background-color: #f5f5f5;

}

.whois_search_result table tr td{

	font-size: 16px;

	padding: 8px 10px;

}

.whois_search_result .info_all{

	line-height: 30px;

	clear: both;

	float: left;

	width: 800px;

	padding-left: 100px;

	margin-top: 40px;

	padding-right: 100px;

}

.whois_search_result .info_all h1{

	text-align: center;

	float: left;

	width: 100%;

}

/* 虚拟主机 */

.contentMeau {

	width: 100%;

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	zoom: 1;

	background: #fff;

	border-bottom: 1px solid #ececec;

	box-shadow: 0px 0px 5px #e0e0e0;

	-moz-box-shadow: 0px 0px 5px #e0e0e0;

	-webkit-box-shadow: 0px 0px 5px #e0e0e0;

	-o-box-shadow: 0px 0px 5px #e0e0e0;

	margin-bottom: 50px;

}

.contentMeau ul {

}

.contentMeau ul li {

    display: inline;

    float: left;

    width: 20%;

    height: 58px;

    text-align: center;

    font-size: 20px;

}

.contentMeau ul li.liFocus {

    border-bottom: 2px solid #f97f00;

}

.seriesBox {

	overflow: hidden;

	zoom: 1;

	float: left;

	width: 100%;

	margin-bottom: 50px;

}

.hostTitle {

	width: 100%;

	height: 40px;

	padding-right: 0;

	padding-bottom: 30px;

	padding-left: 0;

}

.hostTitle a {

    float: right;

}

.hostTitle h3 {

    float: left;

    line-height: 40px;

    font-size: 32px;

    font-weight: normal;

}

.hostTitle h3 a:hover{

	color: #F44336;

}

.hostTitle h3 b{

	font-weight: normal;

}

.hostTitle span {

    float: left;

    color: #666;

    padding-left: 10px;

    padding-top: 19px;

}

.hostDetail {

    background: #fff;

    border: 1px solid #d5d5d5;

}

.detailCont {

	overflow: hidden;

	zoom: 1;

	padding: 25px;

}

.detailLeft {

	float: left;

	width: 485px;

}

.detailLeft ul{}

.detailLeft ul li{

	font-size: 20px;

	float: left;

	width: 485px;

	margin-bottom: 30px;

}

.detailLeft ul li span{line-height: 40px;}



.detailLeft ul .price{

	font-size: 24px;

	color: #fa4d0c;

	text-align: center;

}

.detailLeft ul .price b{

	font-size: 42px;

	font-weight: bold;

}

.detailLeft ul li .cur {

	border: 1px solid #fa4d0c;

	color: #fa4d0c;

	background: url(../images/radioico.png) bottom right no-repeat;

	height: 40px;

	line-height: 40px;

	display: block;

	float: left;

	text-align: center;

	margin-right: 20px;

	padding-right: 10px;

	padding-left: 10px;

}

.detailLeft ul li span{

	float: left;

}

.detailLeft ul li b{

	font-weight: normal;

}

.detailLeft ul li strong{

	float: left;

	font-weight: normal;

}

.detailLeft ul li .diyChoose{

	float: left;

	position: relative;

	line-height: 40px;

}

.detailLeft ul li .diyChoose .hostTips{

	position: absolute;

	top: -25px;

	font-size: 12px;

	background-color: #96cb11;

	font-weight: normal;

	color: #FFF;

	height: 20px;

	line-height: 20px;

	width: 50px;

	display: block;

	text-align: center;



}

.detailLeft ul li .diyChoose .hk{left: 145px;}

.detailLeft ul li .diyChoose .usa{left: 265px;}

.hostTips i{

    display: block;

    font-family: Arial;

    color: #96cb11;

    font-style: normal;

    line-height: 2px;

}

.detailRight {

	position: relative;

	float: right;

	text-align: left;

	border-left: 1px dashed #ddd;

	width: 600px;

	padding-left: 30px;

}

.detailRight ul{}

.detailRight ul li{

	line-height: 40px;

	font-size: 16px;

}

.detailRight ul li span{

	color: #999;

	text-align: right;

	display: block;

	width: 100px;

	float: left;

}

.detailRight .preference {

	position: absolute;

	width: 100px;

	height: 89px;

	right: -25px;

	top: -25px;

}

.detailBottom a{

	position: absolute;

	right: 0px;

	bottom: 0px;

	height: 50px;

	width: 200px;

	background-color: #F44336;

	line-height: 50px;

	font-size: 26px;

	text-align: center;

	display: block;

	color: #FFF;

}

.detailBottom a:hover{

	background-color: #FFD700;

	color: #333;

}

/* 六大优势 */

.hostAdv {

	overflow: hidden;

	float: left;

	width: 100%;

}

.advCont {

    padding: 0 50px;

    overflow: hidden;

    zoom: 1;

    background: #fff;

    border: 1px solid #d5d5d5;

}

.strength {

	font-size: 28px;

	line-height: 40px;

	padding: 50px;

	color: #E00D10;

	text-align: center;

}

.advCont ul li {

    float: left;

    width: 50%;

    padding-bottom: 50px;

}

.advLeft {

    float: left;

    padding-left: 10px;

}

.advLeft img {

    display: block;

    width: 80px;

    height: 80px;

    transition: All 1s;

    -webkit-transition: All 1s;

    -moz-transition: All 1s;

    -o-transition: All 1s;

}

.advLeft span{

	text-align: center;

	width: 80px;

	display: block;

}

.advright {

    float: left;

    padding: 10px 0 0 40px;

}

.advright h4 {

    text-align: left;

}

.advright p {

    text-align: left;

    width: 340px;

    color: #666;

}



/* 常见问题 */

.hostProblem {

	margin-bottom: 100px;

	overflow: hidden;

	float: left;

	width: 100%;

	margin-top: 50px;

}

.problembg {

    padding: 20px 10px;

    background: #fff;

    border: 1px solid #d5d5d5;

}

.problemContent {

    overflow: hidden;

    zoom: 1;

    text-align: left;

    padding: 5px 0;

}

.problemContent .hostQuestion {

    overflow: hidden;

    zoom: 1;

    font-weight: bold;

    padding: 5px;

    border-bottom: 1px dashed #dbdbdb;

    line-height: 24px;

}

.problemContent .hostQuestion .questionIco {

    float: left;

    width: 22px;

    height: 22px;

    text-align: center;

    margin: 2px 10px 0 10px;

    display: block;

    line-height: 22px;

    color: #ffffff;

    background: #fa4d0c;

}

.problemContent .hostQuestion p, .problemContent .hostAnswer p {

    float: left;

    width: 96%;

}

.problemContent .hostAnswer {

    overflow: hidden;

    zoom: 1;

    padding: 5px;

    line-height: 24px;

}

.problemContent .hostAnswer .answerIco {

    float: left;

    width: 22px;

    height: 22px;

    text-align: center;

    margin: 2px 10px 0 10px;

    display: block;

    line-height: 22px;

    color: #ffffff;

    background: #666;

}

.problemContent .hostAnswer p {

    float: left;

    width: 96%;

}



/* 虚拟主机详情页 */

.details{

	width: 1170px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 80px;

}

.details table {

    background: #ddd;

    margin-top: 36px;

    text-align: center;

}

.details table caption span {

	padding-left: 20px;

	height: 32px;

	line-height: 32px;

	font-size: 20px;

	color: #333;

	display: block;

	float: left;

	border-left: 5px solid #fa4d0c;

	margin-bottom: 20px;

	text-align: left;

}

.details table tr {

	height: 35px;

	color: #555;

	background-color: #FFF;

}

.details table tr.c_block {

	background-color: #f5f5f5;

}



/* tag标签 */

.tags_list{

	width: 1170px;

	height: auto;

	float: left;

	margin-bottom: 30px;

}

.tags_list dl{

	border: 1px solid #CCC;

}

.tags_list dt{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ccc;

}

.tags_list dt strong{

	font-size: 20px;

	line-height: 40px;

	font-weight: normal;

	margin-left: 25px;

}

.tags_list dd{

	padding: 25px;

	line-height: 45px;

}

.tags_list dd a{

	margin-right: 10px;

	line-height: 40px;

}

.tags_list dd a:hover{

	color: #FFF;

	background-color: #333;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	padding-right: 5px;

	padding-left: 5px;

}

.tags_list a.tagc1{

	font-size: 16px;

	color: #FF0084;

}

.tags_list a.tagc2{

	font-size: 17px;

	color: #4096EE;

}

.tags_list a.tagc3{

	font-size: 18px;

	color: #006E2E;

}

.tags_list a.tagc4{

	font-size: 19px;

	color: #008C00;

}

.tags_list a.tagc5{

	font-size: 20px;

	color: #FF7400;

}

.tags_list a.tagc6{

	font-size: 21px;

	color: #CC0000;

}

.tags_list a.tagc7{

	font-size: 22px;

	color: #FF1A00;

}

.tags_list a.tagc8{

	font-size: 23px;

	color: #36393D;

}

.tags_list a.tagc9{

	font-size: 24px;

	color: #C3D9FF;

}

.tags_list a.tagc10{

	font-size: 25px;

	color: #CDEB8B;

}

.tags_list a.tagc11{

	font-size: 26px;

	color: #FF6600;

}

.tags_list a.tagc12{

	font-size: 27px;

	color: #006699;

}

.tags{

	line-height: 40px;

	height: 40px;

	color: #666;

	clear: none;

	float: left;

	width: 498px;

	margin-left: 10px;

	font-size: 18px;

}

.tags a{

	color: #666;

	text-decoration: none;

	font-size: 18px;

}

.tags a:hover{

	color: #f38001;

	text-decoration: none;

}



/* 快速建站 */

.tongji_frame, .revolution_frame, .top_frame {

    width: 100%;

    overflow: hidden;

    padding: 45px 0;

}

.tongji_frame .tongji, .revolution_frame .revolution {

    width: 1100px;

    margin: 0 auto;

}

.tongji_frame .left {

    width: 810px;

    float: left;

}

.tongji_frame .title {

	background: url(../images/station_03.jpg) no-repeat center top;

	height: 55px;

	float: left;

	margin-top: 80px;

	width: 810px;

}

.link {

	color: #ff7000;

	text-align: center;

	float: left;

	line-height: 20px;

}

.tongji_frame .link {

	width: 810px;

}

.notes {

	color: #9f9f9f;

	text-align: center;

	line-height: 32px;

	float: left;

}

.tongji_frame .notes {

	width: 810px;

}

.tongji_frame .day {

    width: 1100px;

    height: 98px;

    float: left;

    font-size: 18px;

    color: #272727;

    margin-top: 30px;

}

.tongji_frame .day b {

    background: url(../images/station_07.jpg) no-repeat;

    width: 60px;

    height: 84px;

    padding: 0 10px;

    margin: 0 3px;

    line-height: 84px;

    color: #fff;

    font-size: 65px;

}

.tongji_frame .right {

    width: 280px;

    float: right;

    border: solid #eee 4px;

    height: 262px;

}



.revolution_frame {

    background: #eee;

}

.revolution_frame .title {

    width: 1100px;

    height: 45px;

    line-height: 45px;

    font-size: 36px;

    color: #363636;

    font-weight: bold;

    text-align: center;

    float: left;

}

.revolution_frame .link {

    width: 1100px;

}

.revolution_frame .notes {

    width: 1100px;

}

.revolution_frame .fore {

    width: 1100px;

    height: 410px;

    float: left;

    margin-top: 10px;

}

.revolution_frame .fore ul li {

    width: 236px;

    height: 366px;

    border: solid #fff 2px;

    background: #fff;

    float: left;

    margin: 0 7px;

    padding: 20px 10px;

}

.revolution_frame .fore ul li:hover {

	border: solid #f97f00 2px;

	-webkit-transition: all 0.3s ease-in;

	-moz-transition: all 0.3s ease-in;

	-ms-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

	cursor: pointer;

}

.revolution_frame .fore ul li .titles {

    width: 236px;

    height: 40px;

    line-height: 40px;

    font-size: 30px;

    color: #000;

    float: left;

	text-align: center;

}

.revolution_frame .fore ul li .mid {

	width: 236px;

	height: 35px;

	line-height: 35px;

	font-size: 12px;

	float: left;

	color: #9f9f9f;

	text-align: center;

}

.revolution_frame .fore ul li .tu {

    width: 236px;

    height: 90px;

    float: left;

    text-align: center;

    margin: 0 auto;

    vertical-align: middle;

}

.revolution_frame .fore ul li .tu img {

    margin-top: 15px;

}

.revolution_frame .fore ul li .zi {

	width: 220px;

	height: 135px;

	line-height: 30px;

	font-size: 12px;

	color: #000;

	text-align: left;

	margin-left: auto;

	margin-right: auto;

	clear: both;

}

.revolution_frame .fore ul li .but, .revolution_frame .fore ul li .but1, .revolution_frame .fore ul li .but2, .revolution_frame .fore ul li .but3 {

	width: 180px;

	height: 34px;

	float: left;

	background: #fff;

	border: solid #ff7000 1px;

	color: #ff7000;

	margin-left: 30px;

	font-size: 18px;

	margin-top: 30px;

	text-align: center;

}

.revolution_frame .fore ul li .but1, .revolution_frame .fore ul li .but2, .revolution_frame .fore ul li .but3{margin-left: 20px;}

.revolution_frame .fore ul li:hover .but {

    background: #ff7000;

    color: #fff;

    cursor: pointer;

}

.revolution_frame .fore ul li .but1:hover {

    background: #ff7000;

    color: #fff;

    cursor: pointer;

}

.revolution_frame .fore ul li .but2:hover {

    background: #ff7000;

    color: #fff;

    cursor: pointer;

}

.revolution_frame .fore ul li .but3:hover {

    background: #ff7000;

    color: #fff;

    cursor: pointer;

}

/* 十大独有功能 */

.top_frame .top {

    width: 1100px;

    margin: 0 auto;

}

.top_frame .title {

    width: 1100px;

    height: 45px;

    line-height: 45px;

    font-size: 36px;

    color: #363636;

    font-weight: bold;

    text-align: center;

    float: left;

}

.top_frame .link{width: 1100px;}

.top_frame .notes{width: 1100px;}

.top_frame .top_01 {

    width: 1100px;

    height: 311px;

    float: left;

    margin-top: 60px;

}

.top_frame .top_01 .title_01 {

    width: 498px;

    height: 60px;

    float: left;

    margin-top: 95px;

}

.top_frame .left {

    width: 70px;

    height: 60px;

    float: left;

    line-height: 60px;

    color: #ff7000;

    font-size: 60px;

    padding-right: 10px;

}

.top_frame .right {

    width: auto;

    height: 60px;

    float: left;

    text-align: left;

    line-height: 29px;

    font-size: 16px;

    color: #666666;

}

.top_frame .right span{

	font-size: 20px;

}

.top_frame .top_01 .tu_01 {

    background: url(../images/station_24.gif) no-repeat center bottom;

    width: 589px;

    height: 312px;

    float: left;

}

.top_frame09 {

    width: 100%;

    overflow: hidden;

    background: url(../images/siation_frame.jpg) repeat-x #f5f5f5;

    padding-top: 20px;

}

.top_frame .top_09 {

    width: 1100px;

    margin: 0 auto;

}

.top_frame .top_09 .title_09 {

    width: 1100px;

    height: 60px;

    float: left;

    margin-top: 60px;

}

.top_frame .top_09 .tu_09 {

    background: url(../images/station_55.jpg) no-repeat center bottom;

    width: 1100px;

    height: 289px;

    float: left;

    margin-right: 171px;

}

.top_frame067 {

    width: 100%;

    overflow: hidden;

    padding-top: 80px;

}

.top_frame .top_067 {

    width: 1100px;

    margin: 0 auto;

}

.top_frame .top_067 .title_06 {

    width: 520px;

    height: 60px;

    float: left;

    margin-top: 24px;

    margin-bottom: 43px;

}

.top_frame .top_067 .tu_06 {

    background: url(../images/station_46.jpg) no-repeat center bottom;

    width: 520px;

    height: 218px;

    float: left;

}

.top_frame .top_067 .title_07 {

    width: 520px;

    height: 60px;

    float: left;

    margin-top: 25px;

    margin-left: 62px;

}

.top_frame .top_067 .tu_07 {

    background: url(../images/station_28.jpg) no-repeat center bottom;

    width: 520px;

    height: 261px;

    float: left;

}

.top_frame02 {

    width: 100%;

    overflow: hidden;

    background: url(../images/siation_frame.jpg) repeat-x #f5f5f5;

    padding-top: 80px;

}

.top_frame .top_02 {

    width: 1100px;

    margin: 0 auto;

}

.top_frame .top_02 .title_02 {

    width: 470px;

    height: 60px;

    float: left;

    margin-left: 50px;

    margin-top: 70px;

}

.top_frame .top_02 .tu_02 {

    background: url(../images/station_43.jpg) no-repeat;

    margin-left: 70px;

    width: 422px;

    height: 261px;

    float: left;

}

.top_frame .top_03 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.top_frame .top_03 .tu_03 {

    background: url(../images/station_32.jpg) no-repeat left bottom;

    width: 495px;

    height: 360px;

    float: left;

}

.top_frame .top_03 .title_03 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 80px;

    margin-left: 95px;

}

.top_frame04 {

    width: 100%;

    overflow: hidden;

    background: url(../images/siation_frame.jpg) repeat-x #f5f5f5;

    padding-top: 80px;

}

.top_frame .top_04 {

    width: 1100px;

    margin: 0 auto;

}

.top_frame .top_04 .tu_04 {

    background: url(../images/station_36.jpg) no-repeat;

    width: 465px;

    height: 348px;

    float: left;

    margin-right: 143px;

}

.top_frame .top_04 .title_04 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 54px;

}

.top_frame .top_05 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.top_frame .top_05 .title_05 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 30px;

    margin-left: 40px;

    margin-right: 60px;

}

.top_frame .top_05 .tu_05 {

    background: url(../images/station_39.jpg) no-repeat left bottom;

    width: 409px;

    height: 202px;

    float: left;

}

.top_frame08 {

    width: 100%;

    overflow: hidden;

    padding-top: 80px;

    background: #f5f5f5;

}

.top_frame .top_08 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.top_frame .top_08 .title_08 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 80px;

    margin-left: -20px;

}

.top_frame .top_08 .tu_08 {

    background: url(../images/station_51.jpg) no-repeat left bottom;

    width: 638px;

    height: 285px;

    float: left;

}

.top_frame .top_10 {

    width: 1100px;

    margin: 0 auto;

    margin-top: 80px;

}

.top_frame .top_10 .title_10 {

    width: 470px;

    height: 60px;

    float: left;

    margin-top: 80px;

    margin-left: 60px;

}

.top_frame .top_10 .tu_10 {

    background: url(../images/station_59.jpg) no-repeat;

    width: 497px;

    height: 324px;

    float: left;

    margin-bottom: 30px;

}

.brand_p1{

	text-align: center;

}

.brand_p1 img{

	margin-bottom: 20px;

}

.brand_p1 a {

	display: block;

	width: 227px;

	height: 44px;

	line-height: 44px;

	color: #ff7000;

	border: 2px solid #ff7000;

	font-size: 20px;

	margin: 0 auto;

	text-decoration: none;

}

.brand_p1 a:hover {

	color: #FFFFFF;

	background: #fff;

	background-color: #f06900;

}



/* 精美样板 */

.pcTempletBg {

    clear: both;

    overflow: hidden;

    zoom: 1;

    margin: 0 auto;

    width: 100%;

    height: 800px;

    background: url(../images/templetbg.jpg) center center no-repeat;

    background-attachment: fixed;

}

.pcTempletTitle {

    overflow: hidden;

    zoom: 1;

    margin: 0px auto;

    width: 1100px;

    height: 80px;

    color: #FFEE00;

    text-align: left;

    font-size: 30px;

    line-height: 80px;

}

.pcTempletTitle span {

    color: #fff;

    font-size: 16px;

}

.pcTempletBox {

    position: relative;

    overflow: hidden;

    zoom: 1;

    margin: 0px auto;

    width: 1100px;

    height: 640px;

    background: #fff;

}

.pcTempletBox .bd {

    overflow: hidden;

    zoom: 1;

    padding: 30px 40px;

    *padding: 40px;

}

.pcTempletBox .hd .prev, .pcTempletBox .hd .next {

    position: absolute;

    display: block;

    background: url(../images/arrow2.png) 0 0 no-repeat;

    overflow: hidden;

    zoom: 1;

    width: 24px;

    height: 54px;

    cursor: pointer;

}

.pcTempletBox .hd .next {

    top: 260px;

    right: 10px;

    background-position: 0 -58px;

}

.pcTempletBox .hd .prev {

    top: 260px;

    left: 10px;

    background-position: 0 0;

}

.pcTempletBox .hd ul {

    position: absolute;

    bottom: 90px;

    left: 46.5%;

    overflow: hidden;

    zoom: 1;

    zoom: 1;

}

.pcTempletBox .hd ul li {

    float: left;

    overflow: hidden;

    zoom: 1;

    margin-right: 5px;

    width: 9px;

    height: 9px;

    background: url(../images/icoCircle.gif) 0 -9px no-repeat;

    text-indent: -999px;

    cursor: pointer;

}

.pcTempletBox .hd ul li.on {

    background-position: 0 0;

}

.pcTempletBox .moreBtn{

	float: left;

	clear: both;

	width: 100%;

	background-color: #0F0;

}

.pcTempletBox .moreBtn a {

    display: block;

    margin: 0 auto;

    padding: 10px 10px;

    width: 200px;

    border-radius: 5px;

    background: #ff5a00;

    color: #fff;

    font-size: 16px;

}

.pcTempletBox .moreBtn a:hover {

    background: #FF4000;

}

.yzServeBg {

    clear: both;

    overflow: hidden;

    zoom: 1;

    margin-top: 60px;

    width: 100%;

    height: 180px;

    background: url(../images/severBg.jpg) center bottom no-repeat #FE872B;

}

.yzServeBox {

	margin: 0 auto;

	width: 1100px;

	text-align: center;

}

.yzServeBox .sTime {

    padding-top: 10px;

    color: #fff;

    font-size: 40px;

    line-height: 46px;

}

.yzServeBox .sCont {

    color: #fff;

    font-size: 26px;

    line-height: 40px;

}

.yzServeBox .sBtn {

	display: block;

	margin: 0 auto;

	padding: 15px 0;

	width: 240px;

	border-radius: 5px;

	color: #ff7000;

	font-size: 20px;

	margin-top: 6px;

	background-color: #FFFFFF;

}

.yzServeBox .sBtn:hover {

	color: #FFF;

	background-color: #F44336;

}



/* 套餐详细 */

.comboBox {

	width: 1100px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.contrastBox {

	position: relative;

	width: 1100px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 50px;

	margin-left: auto;

}

#contrastTop {

    width: 1100px;

    height: 40px;

    color: #fff;

    line-height: 40px;

}

.contrastHead {

    border-left: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background: #fff;

    color: #333;

}

.contrastHead .tc {

    border-top: 6px solid #ddd;

}

.contrastHead .mfb {

    border-top: 6px solid #1bbc9d;

    color: #1bbc9d;

}

.contrastHead .tzb {

    border-top: 6px solid #3598dc;

    color: #3598dc;

}

.contrastHead .wgw {

    border-top: 6px solid #7149EA;

    color: #7149EA;

}

.contrastHead .gjb {

    border-top: 6px solid #94BF0E;

    color: #94BF0E;

}

.contrastHead .swb {

    border-top: 6px solid #FF01AE;

    color: #FF01AE;

}

.contrastHead .zxb {

    border-top: 6px solid #C56C24;

    color: #C56C24;

}

.contrastHead .sjb {

    border-top: 6px solid #6cd75e;

    color: #6cd75e;

}

.contrastHead .wxb {

    border-top: 6px solid #9d44f0;

    color: #9d44f0;

}

.contrastHead .qjb {

    border-top: 6px solid #fe7b11;

    color: #fe7b11;

}

.contrastHead .fxscb {

    border-top: 6px solid #f7422f;

    color: #f7422f;

}

.contrastHead tr th, .contrastHead tr td {

    border-right: 1px solid #ddd;

}

.contrastHead tr th {

    height: 80px;

    color: #333;

    font-size: 22px;

    font-Weight: normal;

    width: 20%;

}

.contrast {

    background: #ddd;

}

.contrast tr td {

	height: 36px;

	background: #fff;

	line-height: 28px;

	width: 20%;

	text-align: center;

}

.contrast tr td.dbtitle1 {

    line-height: 40px;

    background: #50C754;

    color: #fff;

    text-align: center;

    font-weight: bold;

    font-size: 16px;

}

.contrast tr td.dbtitle {

    padding-left: 10px;

    background: #eee;

    text-align: left;

    font-weight: bold;

}

.contrast tr td img {

    vertical-align: middle;

    width: 20px;

}



/* 云指详情页 */

.comboCont{

	height: 60px;

	color: #666;

	text-align: center;

	font-size: 26px;

	font-weight: normal;

	clear: both;

	width: 1100px;

	margin-right: auto;

	margin-left: auto;

}

.tabHd {

	width: 1098px;

	margin-left: auto;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-color: #ddd;

	border-bottom-color: #ddd;

	border-left-color: #ddd;

	margin-right: auto;

	clear: both;

	height: 100%;

	overflow: auto;

	margin-bottom: 50px;

}

.tabNav li.on {

    background-color: #fff;

    top: 0px;

    height: 60px;

    line-height: 60px;

}

.tabNav .yzmfb {

    border-top-color: #FFC800;

}

.tabNav .yztzb {

    border-top-color: #4a9fe8;

}

.tabNav .yzwgw {

    border-top-color: #6cd75e;

}

.tabNav .yzwyxb {

    border-top-color: #9d44f0;

}

.tabNav .yzqjb {

    border-top-color: #fe7b11;

}

.tabNav .yzzxb {

    border-top-color: #F00;

}

.tabNav li {

	top: 10px;

	float: left;

	height: 60px;

	border-top: 3px solid #999;

	line-height: 60px;

	background-color: #ddd;

	width: 20%;

	text-align: center;

}

.e-commerce li{

	width: 25%;

}

.tabNav li.on .mfa, .tabNav .mfa:hover {

	color: #FFC800;

}

.tabNav li a {

    display: block;

    font-size: 16px;

    color: #666;

}

.tabPal{

	float: left;

	width: 1018px;

	padding: 40px;

}



.tabPalMain .tabPalLeft {

	float: left;

	position: absolute;

}

.tabPalMain .tabPalRight {

	float: right;

	border-left: 1px dashed #ddd;

	width: 287px;

	padding-left: 30px;

	padding-top: 30px;

	padding-bottom: 50px;

}

.parameterUl, .parameterUl li, .parameterUl li dl {

    overflow: hidden;

    zoom: 1;

    width: 700px;

}

.parameterUl li {

    padding: 12px 0;

    float: left;

}

.parameterUl li dl dt {

    float: left;

    width: 80px;

    color: #999;

    text-align: right;

    font-size: 14px;

    line-height: 41px;

}

.parameterUl li dl dd.select {

    border: 1px solid #fa4d0c;

    background: url(../images/radioico.png) bottom right no-repeat;

}

.parameterUl li dl dd {

	float: left;

	display: inline-block;

	margin: 0 10px;

	padding: 10px 15px;

	border-radius: 3px;

	border: 1px solid #ccc;

}

.parameterUl li dl dd.select i {

    background-image: url(../images/leftIconSeclet.png);

}

.parameterUl li dl dd .dnzIcon {

    background-position: -5px 0;

}

.parameterUl li dl dd .wgwIcon {

    background-position: -5px -298px;

}

.parameterUl li dl dd .appIcon {

    background-position: -5px -447px;

}

.parameterUl li dl dd .whdIcon {

    background-position: -5px -51px;

}

.parameterUl li dl dd .gjmkIcon {

    background-position: -5px -200px;

}

.parameterUl li dl dd .seoIcon {

    background-position: -5px -151px;

}

.parameterUl li dl dd .dyyIcon {

    background-position: -5px -249px;

}

.parameterUl li dl dd .checkico {

    background-position: -5px -348px;

}

.parameterUl li dl dd i {

    float: left;

    width: 26px;

    height: 20px;

    background: url(../images/leftIcon.png) no-repeat;

}

.parameterUl li dl dd.select span {

    color: #fa4d0c;

}

.parameterUl li dl dd span {

	float: left;

	color: #999;

	width: 60px;

	text-align: center;

}

.buyUl, .buyUl li {

	overflow: hidden;

	zoom: 1;

	width: 260px;

	text-align: center;

}

#ulfree li {

	margin-bottom: 20px;

}

.buyUl .leftTitile {

    float: left;

    color: #999;

    line-height: 33px;

    padding-right: 10px;

}

.buyUl .leftTitile span{

	font-size: 16px;

}

.buyUl h3 {

    color: #f97500;

    font-size: 24px;

    line-height: 50px;

}

.buyUl h3 .num {

    font-size: 40px;

}

.buyUl .buyBtn2 {

	display: block;

	width: 260px;

	border-radius: 3px;

	background: #f02424;

	color: #fff;

	line-height: 40px;

	float: left;

}

.buyUl .buyBtn2:hover {

    background-color: #FFD700;

    color: #333;

}

.tabPalLesser {

	overflow: hidden;

	background: #fff;

	zoom: 1;

	width: 1018px;

	clear: both;

	float: left;

}

.tabPalLesser h4 {

    text-align: left;

    font-size: 16px;

    line-height: 36px;

}

.functionUl, .functionUl li, .functionUl li dl {

    overflow: hidden;

    zoom: 1;

}

.functionUl li {

    padding: 10px 0;

    float: left;

    width: 1000px;

}

.functionUl li dl dt {

    float: left;

    width: 80px;

    color: #999;

    text-align: right;

    font-size: 14px;

    line-height: 41px;

}

.functionUl li dl dd {

	float: left;

	display: inline-block;

	border-radius: 3px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: 15px;

}

.functionUl li dl dd.select i {

    background-position: -4px -495px;

}

.functionUl li dl dd.select span {

    color: #fa4d0c;

}

.functionUl li dl dd span {

    float: left;

    min-width: 80px;

    color: #999;

}

.functionUl .space, .functionUl .wxnum {

    color: #fa4d0c;

}

.functionUl li dl dd i {

    float: left;

    width: 20px;

    height: 20px;

    background: url(../images/leftIcon.png) -4px -542px no-repeat;

}

.parameterUl li dl dd.jzfw{

	cursor: pointer;

}

.jzservice {

	position: relative;

}

.jzservice .jzfw1choose {

	position: absolute;

	top: 0px;

	left: 100px;

}

.jzservice .jzfw2choose {

	position: absolute;

	top: 0px;

	left: 238px;

}

.jzservice .jzfw3choose {

	position: absolute;

	top: 0px;

	left: 375px;

}

.jzservice .jzfw4choose {

	position: absolute;

	top: 0px;

	left: 513px;

}

.jianzhan, .severDl, .qita{

	float: left;

	width: 1018px;

	clear: both;

}

.severDl dd {

    line-height: 50px;

    width: 33%;

    display: inline;

    float: left;

    text-align: left;

}

.severDl dd span {

    float: left;

    min-width: 80px;

    color: #999;

    text-align: right;

}

.severDl dd font {

    color: #fa4d0c;

}

.qita dt {

    float: left;

    line-height: 50px;

    min-width: 80px;

    color: #999;

    text-align: right;

}

.qita dd {

    float: left;

    line-height: 50px;

    color: #fa4d0c;

    padding-right: 20px;

}



/* 移动电商 */

.bution_frame, .think_frame, .sc_frame, .value_frame, .teristic_frame, .egg_frame {

    width: 100%;

    overflow: hidden;

    padding: 45px 0;

}

.bution_frame .bution, .think_frame .think, .sc_frame .sc, .value_frame .value, .teristic_frame .teristic, .egg_frame .egg {

    width: 1100px;

    margin: 0 auto;

}

.bution_frame .title, .think_frame .title, .value_frame .title, .teristic_frame .title, .egg_frame .title {

    width: 1100px;

    height: 45px;

    line-height: 45px;

    font-size: 36px;

    color: #363636;

    font-weight: bold;

    text-align: center;

    float: left;

}

.bution_frame .link, .think_frame .link, .bution_frame .notes, .value_frame .link, .teristic_frame .link, .egg_frame .link, .egg_frame .notes{

	width: 1100px;

}

.bution_frame .pment {

    width: 1100px;

    height: auto;

    overflow: hidden;

    float: left;

    margin: 0;

    padding: 0;

}

.bution_frame .pment ul {

    width: 1100px;

    height: auto;

    float: left;

    margin-top: 20px;

}

.bution_frame .pment ul li {

    width: 365px;

    height: auto;

    float: left;

    text-align: center;

    font-size: 18px;

    line-height: 30px;

    color: #666666;

}

.bution_frame .pmentb {

    width: 1100px;

    height: auto;

    overflow: hidden;

    float: left;

    margin: 0;

    padding: 0;

}

.bution_frame .pmentb ul {

    width: 1100px;

    height: auto;

    float: left;

    margin-top: 10px;

}

.bution_frame .pmentb ul li {

    width: 330px;

    height: auto;

    float: left;

    font-size: 14px;

    line-height: 24px;

    text-align: left;

    color: #666666;

    padding-left: 36px;

}

.think_frame .think_img, .bution_frame .think_img, .value_frame .think_img{

	text-align: center;

}

.revolutionb_frame {

    width: 100%;

    overflow: hidden;

    padding: 0 0 17px 0;

    background: #eee;

}

.revolutionb_frame .revolutionb {

    width: 1100px;

    margin: 0 auto;

}

.revolutionb_frame .title {

    width: 1100px;

    height: 45px;

    line-height: 45px;

    font-size: 36px;

    color: #444444;

    font-weight: bold;

    text-align: center;

    float: left;

    margin-top: 50px;

    text-shadow: 0 3px 3px #c4c4c4;

}

.revolutionb_frame .link{

	width: 1100px;

}

.revolutionb_frame .fore {

    width: 1100px;

    height: 280px;

    float: left;

    margin-top: 30px;

}

.revolutionb_frame .fore ul {

    width: 1100px;

    height: 410px;

    float: left;

}

.revolutionb_frame .fore ul li {

    width: 184px;

    height: 190px;

    border: solid #fff 2px;

    background: #ffa661;

    float: left;

    margin: 0 7px;

    padding: 20px 10px;

    border: solid #d24443 1px;

}

.revolutionb_frame .fore ul li .titles {

    width: 182px;

    height: 40px;

    line-height: 40px;

    font-size: 24px;

    color: #8a3c00;

    float: left;

	text-align: center;

}

.revolutionb_frame .fore ul li .zi {

    width: 162px;

    height: 135px;

    line-height: 30px;

    font-size: 14px;

    color: #8a3c00;

    float: left;

    text-align: left;

    margin-left: 10px;

    margin-top: 20px;

}

.revolutionb_frame .fore ul li:hover {

    border: solid #fff 1px;

    background: #d24443;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.revolutionb_frame .fore ul li:hover .zi, .revolutionb_frame .fore ul li:hover .titles {

    color: #fff;

}

.bution_frame .yfx-section3-cont ul {

    width: 1160px;

    margin: 0 auto;

}

.bution_frame .yfx-section3-cont ul li {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.bution_frame .yfx-section3-cont ul li {

	width: 210px;

	float: left;

	margin-right: 10px;

	border-radius: 5px;

	overflow: hidden;

	position: relative;

	border: #f4f4f4 1px solid;

	border-top: none;

	margin-top: 20px;

	margin-left: 10px;

	height: 240px;

}

.bution_frame .yfx-section3-cont ul li:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.bution_frame .yfx-section3-cont ul li .bg{

	height: 158px;

	float: left;

	width: 182px;

	padding-top: 10px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

}

.bution_frame .yfx-section3-cont ul li h3 span{color:red; font-size:20px; font-style:italic;}

.bution_frame .yfx-section3-cont ul li.l1 h3 {

    color: #fc6e51;

}

.bution_frame .yfx-section3-cont ul li.l2 h3 {

    color: #4fc1e9;

}

.bution_frame .yfx-section3-cont ul li.l3 h3 {

    color: #48cfad;

}

.bution_frame .yfx-section3-cont ul li.l4 h3 {

    color: #5d9cec;

}

.bution_frame .yfx-section3-cont ul li.l5 h3 {

    color: #4fc1e9;

}

.bution_frame .yfx-section3-cont ul li h3 {

    height: 62px;

    line-height: 62px;

    color: #fc6e51;

    text-align: center;

    font-size: 16px;

}

.bution_frame .yfx-section3-cont ul li dl{

	color: #FFF;

	font-size: 16px;

	text-align: left;

	line-height: 35px;

}

.bution_frame .yfx-section3-cont ul li dl dt{

	float: left;

	width: 30px;

	background-attachment: scroll;

	background-image: url(../images/correct.png);

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	height: 35px;

}

.bution_frame .yfx-section3-cont ul li dl dd{

	float: left;

	width: 152px;

}

.bution_frame .yfx-section3-cont ul .l1 .bg{

    background: #fc6e51;

}

.bution_frame .yfx-section3-cont ul .l2 .bg{

    background: #4fc1e9;

}

.bution_frame .yfx-section3-cont ul .l3 .bg{

    background: #48cfad;

}

.bution_frame .yfx-section3-cont ul .l4 .bg{

    background: #5d9cec;

}

.bution_frame .yfx-section3-cont ul .l5 .bg{

    background: #4fc1e9;

}

.sc_frame .sc_mid {

    background: url(../images/shouc.jpg) no-repeat right #fff;

    text-align: left;

    width: 1100px;

    height: 140px;

    float: left;

    font-size: 18px;

    line-height: 38px;

    color: #2a2a2a;

}

.value_frame {

    background: #eee;

}

.value_frame .think_img img{

	margin-top: 50px;

}

.value_frame .va_a {

    background: url(../images/bution_15.jpg) no-repeat left;

    width: 630px;

    height: 370px;

    float: left;

    font-size: 18px;

    line-height: 36px;

    color: #545454;

    padding-left: 470px;

    text-align: left;

    margin-top: 50px;

}

.value_frame .va_b {

    background: url(../images/bution_19.jpg) no-repeat center bottom;

    width: 1100px;

    height: 640px;

    float: left;

    font-size: 18px;

    line-height: 36px;

    color: #545454;

    text-align: center;

    margin-top: 50px;

}

.value_frame .va_c {

    background: url(../images/bution_22.jpg) no-repeat center bottom;

    width: 1165px;

    height: 750px;

    float: left;

    font-size: 18px;

    line-height: 36px;

    color: #545454;

    text-align: left;

    margin-top: 50px;

}

.value_frame .va_d {

    background: url(../images/bution_26.jpg) no-repeat center bottom;

    width: 1100px;

    height: 380px;

    float: left;

    font-size: 18px;

    line-height: 36px;

    color: #545454;

    text-align: center;

    margin-top: 50px;

}

.teristic_frame .mid {

    background: url(../images/section4-pic.png) no-repeat center bottom;

    width: 1100px;

    height: 590px;

    float: left;

    margin-top: 20px;

}

.teristic_frame .mid .left {

    width: 330px;

    height: 590px;

    float: left;

    margin: 0;

    padding: 0;

}

.teristic_frame .mid .left ul {

    width: 330px;

    height: 590px;

    float: left;

    overflow: hidden;

}

.teristic_frame .mid .left ul li {

    width: 330px;

    height: 52px;

    float: left;

    margin-top: 60px;

}

.teristic_frame .mid .left ul li .titleb {

    background: #ff7000;

    border-radius: 100%;

    width: 52px;

    height: 52px;

    line-height: 52px;

    font-size: 38px;

    color: #fff;

    text-align: center;

    float: left;

}

.teristic_frame .mid .left ul li .wen {

    width: 250px;

    height: 52px;

    float: right;

    text-align: left;

    font-size: 18px;

    line-height: 24px;

    color: #ff7000;

}

.teristic_frame .mid .right {

    width: 330px;

    height: 590px;

    float: right;

    margin: 0;

    padding: 0;

}

.teristic_frame .mid .right ul {

    width: 330px;

    height: 590px;

    float: left;

    overflow: hidden;

}

.teristic_frame .mid .right ul li {

    width: 330px;

    height: 52px;

    float: left;

    margin-top: 60px;

}

.teristic_frame .mid .right ul li .wen {

    width: 230px;

    height: 52px;

    float: left;

    text-align: right;

    font-size: 18px;

    line-height: 24px;

    color: #ff7000;

    padding-right: 20px;

}

.teristic_frame .mid .right ul li .titleb {

    background: #ff7000;

    border-radius: 100%;

    width: 52px;

    height: 52px;

    line-height: 52px;

    font-size: 38px;

    color: #fff;

    text-align: center;

    float: left;

}

.egg_frame .anlib {

    width: 1100px;

    overflow: hidden;

    float: left;

    margin: 0px;

    padding: 0px;

}

.egg_frame .anlib ul {

    width: 1100px;

    height: auto;

    float: left;

    margin-top: 30px;

}

.egg_frame .anlib ul li {

	width: 194px;

	height: 173px;

	float: left;

	border: solid #e1e1e1 1px;

	padding: 2px;

	background: #fff;

	margin: 10px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	text-align: center;

}

.egg_frame .anlib ul li:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    -ms-transform: scale(1.1);

}



/*模板展示*/

.templatedemo{

	width: 1200px;

	margin-right: auto;

	margin-left: auto;

}



/* 切换效果 */

.slideTxtBox{

	width: 1100px;

	border: 1px solid #ddd;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 40px;

}

.slideTxtBox .hd{

	height: 40px;

	line-height: 40px;

	background: #f4f4f4;

	border-bottom: 1px solid #ddd;

	position: relative;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 20px;

}

.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }

.slideTxtBox .hd ul li{

	float: left;

	padding: 0 100px;

	cursor: pointer;

	font-size: 16px;

}

.slideTxtBox .hd .listMall li{

	padding: 0 92px;

}

.slideTxtBox .hd ul li.on{

	height: 40px;

	background: #fff;

	border: 1px solid #ddd;

	border-bottom: 2px solid #fff;

}

.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }

.slideTxtBox .bd li{

	overflow: auto;

}

.slideTxtBox .bd li .date{ float:right; color:#999;  }

.tabLeft{

	float: left;

	height: 330px;

	width: 700px;

}

.parameterDl{

	overflow: hidden;

	width: 700px;

	padding: 12px 0;

}

.parameterDl dt{

	float: left;

	width: 80px;

	color: #999;

	text-align: right;

	font-size: 14px;

	line-height: 41px;

}

.parameterDl dd{

	float: left;

	display: inline-block;

	margin: 0 10px;

	padding: 10px 15px;

	border-radius: 3px;

	border: 1px solid #ccc;

}

.parameterDl dd span {

    float: left;

    color: #999;

    width: 60px;

    text-align: center;

}

.parameterDl dd.select {

    border: 1px solid #fa4d0c;

    background: url(../images/radioico.png) bottom right no-repeat;

}

.parameterDl dd.select i {

    background-image: url(../images/leftIconSeclet.png);

}

.parameterDl dd.select span {

    color: #fa4d0c;

}

.parameterDl dd .dnzIcon {

    background-position: -5px 0;

}

.parameterDl dd .wgwIcon {

    background-position: -5px -298px;

}

.parameterDl dd .appIcon {

    background-position: -5px -447px;

}

.parameterDl dd .whdIcon {

    background-position: -5px -51px;

}

.parameterDl dd .gjmkIcon {

    background-position: -5px -200px;

}

.parameterDl dd .seoIcon {

    background-position: -5px -151px;

}

.parameterDl dd .dyyIcon {

    background-position: -5px -249px;

}

.parameterDl dd .checkico {

    background-position: -5px -348px;

}

.parameterDl dd i {

    float: left;

    width: 26px;

    height: 20px;

    background: url(../images/leftIcon.png) no-repeat;

}

.tabRight{

	float: left;

	border-left: 1px dashed #ddd;

	width: 260px;

	padding: 20px 50px;

}

.tabRight h3 {

	color: #f97500;

	font-size: 24px;

	line-height: 50px;

	text-align: center;

}

.tabRight h3 .num {

    font-size: 40px;

}

.tabRight .leftTitile {

	float: left;

	color: #999;

	clear: both;

	line-height: 40px;

}

.tabRight .leftTitile span {

    font-size: 16px;

}

.tabRight .buyBtn2 {

	display: block;

	width: 260px;

	border-radius: 3px;

	background: #f02424;

	color: #fff;

	line-height: 40px;

	float: left;

	text-align: center;

	margin-top: 20px;

}

.tabRight .buyBtn2:hover {

    background-color: #FFD700;

    color: #333;

}



/* 公司新闻 */

.news{

	float: left;

	width: 308px;

	border: 1px solid #ccc;

}

.news h3{

	height: 30px;

	background: #f4f4f4;

	padding: 0 10px;

	font-weight: normal;

	line-height: 30px;

}

.news h3 a:hover{color: #F44336;}

.news ul{padding: 15px;}

.news li{

	line-height: 24px;

	height: 24px;

}
.news li a{
	display: block;
	line-height: 24px;
	overflow: hidden;
	height: 24px;
	width: 230px;
	float: left;
}
.news li span{

	color: #999;

	float: right;

}

/* 首页切换效果 */

.txtScroll-top{

	width: 418px;

	overflow: hidden;

	position: relative;

	border: 1px solid #ccc;

	float: right;

	margin-left: 10px;

}

.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

	 cursor:pointer; background:url("../images/icoUp.gif") no-repeat;}

.txtScroll-top .hd .next{ background:url("../images/icoDown.gif") no-repeat;  }

.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }

.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }

.txtScroll-top .hd ul li.on{ background-position:0 0; }

.txtScroll-top .bd{ padding:15px;  }

.txtScroll-top .infoList li{ height:24px; line-height:24px;   }

.txtScroll-top .infoList li .date{ float:right; color:#999;  }
.txtScroll-top .infoList li a{
	display: block;
	line-height: 24px;
	height: 24px;
	float: left;
	overflow: hidden;
	width: 336px;
}