@import url("banner.css");

@import url("common.css");

.titleh1 {
	height: 57px;
	background: url(../image/title_bg.png) repeat-x;
	text-align: center;
}

.titleh1 h2 {
	background-color: #FFFFFF;
	height: 57px;
	line-height: 57px;
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
}

.titleh1 h2 span {
	color: #3285fd;
}

.titleh1_1 {
	height: 57px;
	background: url(../image/title_bg.png) repeat-x;
	text-align: center;
}

.titleh1_1 h2 {
	background-color: #f4f4f4;
	height: 57px;
	line-height: 57px;
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
}

.titleh1_1 h2 span {
	color: #3285fd;
}

.titleh3 {
	height: 57px;
	background: url(../image/title_bg.png) repeat-x;
	text-align: center;
}

.titleh3 h2 {
	background-color: #FFFFFF;
	height: 57px;
	line-height: 57px;
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
}

.titleh3 h2 span {
	color: #3285fd;
}

.titleh4 {
	height: 36px;
	line-height: 36px;
	color: #333;
	text-align: center;
	font-size: 18px;
}

.banner_list {
	width: 100%;
	height: 555px;
}

.banner_list img {
	width: 100%;
	height: 460px;
}

.floor01 .title01 {
	height: 135px;
}

.floor01 .floor01_ul {
	width: 1300px;
	height: 315px;
}

.floor01 .floor01_ul li {
	width: 245px;
	position: relative;
}

.floor01_li_0 {
	width: 220px;
	height: 267px;
	color: #333;
}

.floor01_li_0 a {
	color: #333;
}

.floor01_li_0 a:hover,.floor01 .floor01_ul li:hover a {
	color: #fff;
}

.floor01_li_01 {
	background: url(../image/pc1.png) no-repeat;
}

.floor01_li_02 {
	background: url(../image/wap1.png) no-repeat;
}

.floor01_li_03 {
	background: url(../image/weixin1.png) no-repeat;
}

.floor01_li_04 {
	background: url(../image/web1.png) no-repeat;
}

.floor01_li_05 {
	background: url(../image/tel1.png) no-repeat;
}

.floor01 .floor01_ul li:hover .floor01_li_01 {
	background: url(../image/pc1_h.png) no-repeat;
}

.floor01 .floor01_ul li:hover .floor01_li_02 {
	background: url(../image/wap1_h.png) no-repeat;
}

.floor01 .floor01_ul li:hover .floor01_li_03 {
	background: url(../image/weixin1_h.png) no-repeat;
}

.floor01 .floor01_ul li:hover .floor01_li_04 {
	background: url(../image/web1_h.png) no-repeat;
}

.floor01 .floor01_ul li:hover .floor01_li_05 {
	background: url(../image/tel1_h.png) no-repeat;
	color: #fff;
}

.floor01_li_0 .floor01_li_t {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	height: 50px;
}

.floor01_li_0 .floor01_li_d {
	position: relative;
	float: left;
	left: 20px;
	width: 172px;
	font-size: 14px;
	line-height: 22px;
}

.floor02 {
	background: #f4f4f4;
	width: 100%;
}

.title02 {
	height: 125px;
}

.floor02_con {
	background: #FFF;
}

.floor02_nav {
	height: 52px;
	border-bottom: 1px solid #3285fd;
}

.floor02_nav ul {
	position: relative;
	float: left;
	left: 6px;
}

.floor02_nav ul li {
	width: 122px;
}

.floor02_nav ul li a {
	display: block;
	width: 120px;
	height: 52px;
	font-size: 16px;
	color: #fff;
	background: #333;
	line-height: 52px;
	text-align: center;
}

.floor02_nav ul li a.active,.floor02_nav ul li a:hover {
	background: #3285fd;
}

.floor02_more a {
	display: block;
	position: relative;
	right: 16px;
	background: url(../image/more.png) no-repeat;
	text-indent: 26px;
	height: 24px;
	line-height: 22px;
	top: 20px;
	color: #000;
}

.floor02_more a:hover {
	color: #3285fd;
}

.floor02_uls {
	height: 640px;
}

.f2_prev_next {
	width: 65px;
	height: 65px;
	position: relative;
	top: 275px;
}

.f2_prev_next a {
	background: url(../image/floor2_prev_next.png) no-repeat;
	display: block;
	width: 32px;
	height: 65px;
}

.floor02_ul_right a {
	background: url(../image/floor2_prev_next.png) no-repeat -32px 0px;
	float: right;
}

.floor02_ul_c {
	width: 1070px;
	height: 620px;
	float: left;
	overflow: hidden;
}

.floor02_ul_c ul {
	width: 1200px;
	display: none;
}

.floor02_ul_c0 li {
	width: 272px;
	height: 315px;
	overflow: hidden;
}

.floor02_ul_d {
	width: 252px;
	height: 292px;
	border: 1px solid #dddddd;
	text-align: center;
}

.floor02_ul_n {
	width: 238px;
	height: 280px;
	margin: 0px auto;
	position: relative;
	top: 4px;
	overflow: hidden;
}

.floor02_ul_nc {
	height: 245px;
	overflow: hidden;
}

.floor02_ul_nc img {
	max-width: 235px;
	max-height: 235px;
}

.floor02_ul_nt {
	height: 35px;
	width: 100%;
	background: #efefef;
	text-align: center;
	line-height: 32px;
}

.floor02_ul_nt a {
	font-size: 15px;
	color: #333;
}

.floor02_ul_p {
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 238px;
	height: 240px;
}

.floor02_ul_p .web_case_bg {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	background: #333;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.web_case {
	height: 62px;
}

.web_case a {
	height: 100%;
	width: 100%;
	display: block;
}

.web_text {
	height: 60px;
	line-height: 20px;
	margin: 0px auto;
	color: #fff;
	font-size: 12px;
}

.web_case_p {
	position: relative;
	top: -165px;
	margin: 0px auto;
	width: 180px;
	text-align: center;
	overflow: hidden;
	z-index: 999;
}

.floor02_ul_c03 .web_case_p,.floor02_ul_c04 .web_case_p {
	top: -195px;
}

.floor02_ul_c03 .web_case_p .web_case,.floor02_ul_c04 .web_case_p .web_case {
	height: 130px;
	overflow: hidden;
}

.floor02_ul_c03 .web_case_p .web_text,.floor02_ul_c04 .web_case_p .web_text {
	display: none;
}

.floor02_ul_c03 .web_case_p img,.floor02_ul_c04 .web_case_p img {
	max-width: 130px;
}

.floor03 {
	height: 815px;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.floor03_con_div {
	background: url(../image/con3.jpg) no-repeat;
	height: 618px;
	width: 100%;
}

.floor03_con_ul {
	width: 100%;
	height: 410px;
}

.floor03_con_ul ul {
	width: 100%;
	height: 100%;
}

.floor03_con_ul li {
	position: relative;
	width: 48%;
	height: 97px;
}

.floor03_con_ul li .txt {
	height: 50px;
	border: 2px solid #838383;
	float: left;
	position: relative;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}

.floor03_con_ul li .txt font {
	font-size: 22px;
	    color: #3285fd;
	padding-left: 8px;
}

.floor03_con_ul li.floor03_con_li1 .txt {
	width: 215px;
}

.floor03_con_ul li.floor03_con_li1 {
	left: 130px;
}

.floor03_con_ul li.floor03_con_li2 .txt {
	width: 315px;
}

.floor03_con_ul li.floor03_con_li2 {
	left: 210px;
}

.floor03_con_ul li.floor03_con_li3 .txt {
	width: 266px;
}

.floor03_con_ul li.floor03_con_li3 {
	left: 45px;
}

.floor03_con_ul li.floor03_con_li4 .txt {
	width: 295px;
	height: 58px;
	line-height: 22px;
}

.floor03_con_ul li.floor03_con_li4 {
	left: 245px;
	top: -5px;
}

.floor03_con_ul li.floor03_con_li5 .txt {
	width: 260px;
}

.floor03_con_ul li.floor03_con_li5 {
	left: 65px;
	top: 12px;
}

.floor03_con_ul li.floor03_con_li6 .txt {
	width: 330px;
}

.floor03_con_ul li.floor03_con_li6 {
	left: 240px;
	top: -2px;
}

.floor03_con_ul li.floor03_con_li7 .txt {
	width: 212px;
}

.floor03_con_ul li.floor03_con_li7 {
	left: 162px;
}

.floor03_con_ul li.floor03_con_li8 .txt {
	width: 270px;
}

.floor03_con_ul li.floor03_con_li8 {
	left: 190px;
	top: -3px;
}

.floor03_con_div .floor03_con_ul li.active .txt,.floor03_con_div .floor03_con_ul li.active .txt font {
	    border-color: #3285fd;
    background: #3285fd;
	color: #fff;
}

.floor03_con_div .floor03_con_ul li.active .triangle_right {
	border-right-color: #3285fd;
}

.floor03_con_div .floor03_con_ul li.active .triangle_left {
	border-right-color: #3285fd;
}

.triangle_right {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left-width: 16px;
	border-left-style: solid;
	border-right-color: #3285fd;
	border-bottom: 8px solid transparent;
	float: left;
	position: relative;
	top: 18px;
	z-index: 99999;
}

.triangle_left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right-width: 16px;
	border-right-style: solid;
border-right-color: #3285fd;
	border-bottom: 8px solid transparent;
	float: left;
	position: relative;
	top: 18px;
	z-index: 99999;
}

.floor03_con_call {
	position: relative;
	width: 142px;
	height: 155px;
	left: 529px;
	top: -30px;
	float: left;
}

.xiaohai_con_call a:hover .hover {
	background: url(../image/xiaoh_hover.gif) no-repeat;
	width: 30px;
	height: 48px;
	float: right;
	top: 110px;
	right: 55px;
	position: absolute;
	z-index: 99999;
	display: block;
}

.floor04 {
	background: url(../image/floor4_bg.jpg) repeat;
	height: 782px;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.title04_1 {
	height: 150px;
}

.title04_1_1 {
	width: 1185px;
	margin: 0px auto;
	height: 170px;
}

.floor04_01c {
	width: 1185px;
	height: 745px;
	margin: 0px auto;
}

.floor04_01cl {
	width: 745px;
	height: 100%;
	background: url(../image/f4_01_cl.png) no-repeat;
	text-align: center;
}

.f4_ys_all {
	width: 125px;
	height: 205px;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

.floor04_01cl span {
	font-size: 24px;
	color: #fff;
	display: block;
	width: 80px;
	height: 60px;
	position: relative;
	float: left;
	left: 20px;
	top: 24px;
	line-height: 30px;
}

.floor04_01cl p {
	color: #333;
	font-size: 17px;
	line-height: 20px;
}

.f4_ys_all .f4_ys_f,.f4_ys_all .f4_ys_b {
	width: 120px;
	height: 140px;
}

.f4_ys_all .f4_ys_f,.f4_ys_all .f4_ys_b:hover {
	background: url(../image/f4_ys_f.png) no-repeat;
}

.f4_ys_all .f4_ys_b,.f4_ys_all .f4_ys_f:hover {
	background: url(../image/f4_ys_b.png) no-repeat;
}

.floor04_01cr {
	width: 440px;
}

.floor04_01cr_ul li {
	width: 100%;
	height: 63px;
}

.floor04_01cr_ul .gou {
	background: url(../image/f4_01_gou.png) no-repeat;
	width: 68px;
	height: 100%;
	display: block;
}

.floor04_01cr_ul .txt {
	width: 360px;
	height: 30px;
	font-size: 17px;
	color: #333;
	display: block;
	cursor: pointer;
}

.floor04_01cr_ul .txt font {
	font-size: 21px;
	color: #3285fd;
	font-weight: bold;
}

.floor04_con_call_01 {
	width: 315px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #3285fd;
	position: relative;
	left: 70px;
}

.floor04_con_call_01 a:hover .hover {
	top: 45px;
	right: 140px;
}

.floor04_con_call_01 a {
	display: block;
	font-size: 24px;
	color: #fff;
}

.title04_2 {
	height: 150px;
}

.floor04_02c {
	background: url(../image/f4_02_cl.png) no-repeat;
	width: 100%;
	height: 595px;
}

.title_04_021 {
	height: 180px;
}

.title_04_02name {
	font-size: 37px;
	font-weight: bold;
	color: #3285fd;
}

.title_04_02desc {
	font-size: 18px;
	color: #333;
	position: relative;
	left: 18px;
	top: 22px;
}

.title_04_02name1 {
	font-size: 27px;
	color: #333;
	position: relative;
	top: 6px;
}

.title_04_02ul ul {
	position: relative;
	float: left;
	left: 35px;
}

.title_04_02ul li {
	width: 100%;
	height: 42px;
	cursor: pointer;
}

.title_04_02ul li .num {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	display: block;
	width: 38px;
	height: 20px;
}

.title_04_02ul li .num font {
	height: 20px;
	width: 20px;
	display: block;
	text-align: center;
	background: #3285fd;
}

.title_04_02ul li .txt {
	font-size: 16px;
	color: #333;
	line-height: 18px;
}

.title_04_02ul li .txt font {
	    color: #3285fd;
}

.floor04_02_xyjz {
	width: 645px;
}

.floor04_02_sft {
	width: 555px;
}

.floor04_con_call_02 {
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #3285fd;
	position: relative;
	left: 195px;
	top: 15px;
}

.floor04_con_call_02 a:hover .hover {
	top: 35px;
	right: 70px;
}

.floor04_con_call_02 a {
	display: block;
	font-size: 16px;
	color: #fff;
}

.floor04_con_call_03 {
	width: 320px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	position: relative;
	left: 440px;
}

.floor04_con_call_03 a:hover .hover {
	top: 45px;
	right: 145px;
}

.floor04_con_call_03 a {
	display: block;
	font-size: 24px;
	color: #fff;
}

.xiaohai_con_call a {
	background: #3285fd;
}

.xiaohai_con_call a:hover {
	background: #2565c1;
}

.floor03_con_call a {
	background: url(../image/call_03.png) no-repeat;
	width: 142px;
	height: 142px;
	display: block;
}

.floor03_con_call a:hover {
	background: url(../image/call_03_hover.png) no-repeat;
}

.floor04_03c {
	height: 680px;
}

.how_m5 {
	height: 485px
}

.how_m5 .pr {
	position: relative;
}

.how_m5 .rpa {
	position: absolute;
}

.howlist {
	height: 130px;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.howlist dl dt {
	height: 90px;
	width: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 38px;
	color: #fff;
	font-weight: bold;
}

.howlist dl dd {
	width: 60px;
	height: 18px;
	background: url(../image/dtshow.png) no-repeat;
	margin: 10px auto 0
}

.howl1 dl dt {
	background: url(../image/ycircle.png) no-repeat;
}

.howl2 dl dt {
	background: url(../image/bcircle.png) no-repeat;
}

.hltext {
	width: 595px;
	height: 90px
}

.hltext span {
	display: block;
	width: 510px;
	height: 50px;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	position: relative;
	top: 20px;
	left: 50px;
}

#howlist2 .hltext span,#howlist4 .hltext span {
	left: 30px;
}

.ytext {
	right: -1000px;
	top: 5px;
	background: url(../image/hltext1.png) no-repeat;
}

.btext {
	left: -1000px;
	top: 5px;
	background: url(../image/hltext2.png) no-repeat;
}

.floor05 {
	height: auto;
	width: 100%;
}

.title05 {
	height: 150px;
}

.floor05_con {
	height: 400px;
	overflow: hidden;
}

.floor05_con li {
	width: 100%;
	cursor: pointer;
	height: 103px;
}

.floor05_con li .floor05_con_0 {
	border: 1px solid #eaeaea;
	width: 220px;
	height: 89px;
}

.floor05_con li .ico {
	width: 85px;
	height: 100%;
}

.floor05_con li .ico span {
	background-image: url(../image/floor05_num1.png);
	background-repeat: no-repeat;
	position: relative;
	left: 11px;
	top: 22px;
	height: 60px;
	width: 55px;
	display: block;
}

.floor05_con li .ico span.ico2 {
	background-position: -55px 0px;
}

.floor05_con li .ico span.ico3 {
	background-position: -109px 0px;
}

.floor05_con li .ico span.ico4 {
	background-position: -162px 0px;
}

.floor05_con li .ico span.ico5 {
	background-position: -215px 0px;
}

.floor05_con li .ico span.ico6 {
	background-position: -269px 0px;
}

.floor05_con li .ico span.ico7 {
	background-position: -322px 0px;
}

.floor05_con li .txt {
	width: 100px;
	height: 100%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 30px;
}

.floor05_con_01 .triangle_right {
	border-left-color: #3285fd;
	display: none;
	float: right;
	top: 35px;
	left: 12px;
}

.floor05_con li.active .triangle_right,.floor05_con li.active .triangle_left {
	display: block;
}

.floor05_con li.active .floor05_con_0 {
	background: #3285fd;
	border-color: #ff6600;
}

.floor05_con_03 .triangle_left {
	border-right-color: #3285fd;
	display: none;
	top: 45px;
	left: -200px;
}

.floor05_con li.active .ico span {
	background-image: url(../image/floor05_num2.png);
	top: 30px;
	width: 45px;
}

.floor05_con li.active .txt {
	color: #fff;
}

.floor05_con li.active .ico span.ico2 {
	background-position: -45px 0px;
	width: 42px;
}

.floor05_con li.active .ico span.ico3 {
	background-position: -87px 0px;
	width: 42px;
}

.floor05_con li.active .ico span.ico4 {
	background-position: -129px 0px;
	width: 42px;
}

.floor05_con li.active .ico span.ico5 {
	background-position: -171px 0px;
	width: 42px;
}

.floor05_con li.active .ico span.ico6 {
	background-position: -212px 0px;
	width: 42px;
}

.floor05_con li.active .ico span.ico7 {
	background-position: -254px 0px;
	width: 42px;
}

.floor05_con_02 {
	z-index: 1;
	width: 750px;
	position: relative;
	overflow: hidden;
}

.floor05_con_02 .f5_con_0 {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.floor05_con_01,.floor05_con_03 {
	width: 225px;
}

.floor05_con li .floor05_con_0m .txt {
	position: relative;
	left: 35px;
	width: 135px;
	text-align: left;
}

.floor05_con li .floor05_con_0m .txt a {
	font-size: 16px;
	color: #3285fd;
}

.floor05_con li .floor05_con_0m .ico {
	width: 44px;
}

.floor05_con li .floor05_con_0m .ico span {
	background-image: url(../image/floor05_num3.png);
	height: 45px;
	width: 44px;
}

.floor05_con li.active .floor05_con_0m .ico span {
	background-position: -44px 0px;
}

.title05_1 {
	width: 324px;
	font-size: 40px;
	font-weight: bold;
	height: 68px;
	margin: 0px auto;
}

.floor06 {
	height: 390px;
	width: 100%;
}

.floor06_fl {
	width: 50%;
	height: 100%;
	background: #3285fd;
}

.floor06_fl_1 {
	width: 602px;
	height: 100%;
}

.f6_fl_ct {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	height: 52px;
}

.f6_fl_ct1 {
	font-size: 14px;
	color: #fff;
	height: 32px;
}

.f6_fl_ct1 span.more {
	display: block;
	width: 108px;
	height: 20px;
	background: #fff;
	color: #3285fd;
}

.f6_fl_ct2 {
	height: 65px;
	font-size: 19px;
	color: #fff;
}

.f6_fl_ct2 font {
	font-size: 27px;
}

.f6_fl_name {
	height: 55px;
	font-size: 14px;
	color: #fff;
}

.f6_fl_name span {
	display: block;
	width: 48px;
	height: 100%;
	float: left;
	line-height: 42px;
}

.f6_fl_name input {
	background: url(../image/f6_name_tel.png) no-repeat;
	width: 330px;
	border: 0px;
	float: left;
	height: 42px;
	text-indent: 60px;
	line-height: 42px;
	color: #000;
}

.f6_fl_submit {
	position: relative;
	float: left;
	left: 50px;
	top: 12px;
}

.f6_fl_submit a {
	width: 152px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #3285fd;
	color: #fff;
	border: 1px solid #2a68c1;
	font-size: 16px;
	cursor: pointer;
	float: left;
	display: block;
}

.floor06_fr {
	width: 50%;
	height: 100%;
	background: #3f3f3f;
}

.floor06_fr_1 {
	width: 598px;
	height: 100%;
}

.floor06_fr_1 .floor06_fl_c {
	position: relative;
	float: left;
	left: 90px;
}

.floor06_fr_1 span.more {
	background: #3285fd;
	color: #fff;
}

.floor06_fr_1 .f6_fl_ct2 font {
	color: ##ff6600;
}

.floor06_fr_1 .f6_fl_name input {
	background: url(../image/f6_name_tel1.png) no-repeat;
}

.floor06_fr_1 .f6_fl_submit a {
	background: #3285fd;
}

.f6_fl_submit a:hover,.floor06_fr_1 .f6_fl_submit a:hover {
	background: #333;
}

.floor07 {
	width: 100%;
	height: 640px;
	overflow: hidden;
	background: #f4f4f4;
}

.floor07_fl_1 {
	width: 815px;
	height: 100%;
}

.f7_fl_c1 {
	width: 770px;
	height: auto;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.f7_flc_ul1 {
	width: 100%;
	height: 52px;
	border-bottom: 1px solid #3285fd;
}

.f7_flc_ul1 li {
	width: 160px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-right: 1px solid #e4e4e4;
}

.f7_flc_ul1 li.active {
	    background: #3285fd;
}

.f7_flc_ul1 li.active a {
	color: #fff;
}

.f7_flc_ul1 li a {
	font-size: 16px;
	color: #333;
}

.f7_flc_cons {
	width: 720px;
	margin: 0px auto;
}

.f7_flc_const {
	height: 180px;
	width: 100%;
	border-bottom: 2px solid #e4e4e4;
}

.f7_flc_const_pic {
	width: 245px;
	height: 100%;
}

.f7_flc_const_fr {
	width: 475px;
}

.f7_flc_const_title {
	height: 45px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 18px;
	color: #333;
	line-height: 35px;
}

.f7_flc_const_desc {
	color: #777;
	line-height: 24px;
	height: 75px;
	overflow: hidden;
}

.f7_flc_ul ul {
	width: 100%;
	height: auto;
}

.f7_flc_ul li {
	width: 325px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	margin-right: 25px;
	border-bottom: 1px dashed #e4e4e4;
}

.f7_flc_ul li.fr {
	float: right;
}

.f7_flc_ul li .ico {
	width: 24px;
	height: 36px;
	background: url(../image/f7_ico_fl.jpg) no-repeat;
}

.f7_flc_ul li a {
	font-size: 14px;
	color: #333;
}

.f7_flc_ul li .txt {
	width: 290px;
	overflow: hidden;
}

.f7_flc_ul li a:hover .txt {
	color: #3285fd;
}

.f7_fl_ct1 {
	position: relative;
	float: right;
}

.f7_fl_ct1 .floor02_more a {
	top: 15px;
}

.floor07_fr_1 {
	width: 385px;
	height: 100%;
}

.f7_fr_c1 {
	width: 383px;
	height: auto;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.f7_fr_ct {
	width: 350px;
	margin: 0px auto;
	height: 20px;
	position: relative;
	top: 15px;
}

.f7_fr_ct1 {
	width: 20px;
	height: 100%;
}

.f7_fr_ct1 span {
	display: block;
	width: 6px;
	height: 100%;
	background: #3285fd;
}

.f7_fr_ct2 {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	width: 250px;
	height: 100%;
}

.f7_fr_ct3 {
	width: 80px;
}

.f7_fr_ct3 .floor02_more a {
	top: 0px;
	right: 0px;
}

.f7_frc_ul .f7_fr_ct {
	height: auto;
}

.f7_frc_ul li {
	width: 100%;
	height: 112px;
	border-bottom: 1px solid #d9d9d9;
}

.f7_frc_ul .ico {
	width: 40px;
	height: 100%;
	background: url(../image/f7_ico_q.jpg) no-repeat;
}

.f7_frc_ul .txt {
	width: 290px;
}

.f7_frc_ul .txt .txt_n {
	font-size: 16px;
	height: 38px;
	line-height: 26px;
}

.f7_frc_ul .txt .txt_n a,.f7_flc_const_title a {
	color: #333;
}

.f7_frc_ul .txt .txt_n a:hover,.f7_flc_const_title a:hover {
	color: #3077de;
}

.f7_frc_ul .txt .txt_d {
	color: #777;
	line-height: 20px;
}

.floor08 {
	height: 170px;
	width: 100%;
}

.f8_fl_c {
	width: 102px;
	height: 85px;
}

.f8_fl_ct {
	background: #3285fd;
	width: 95px;
	height: 85px;
	line-height: 85px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.f8_fl_more {
	width: 1096px;
	height: 83px;
	border: 1px solid #e4e4e4;
}

.f8_fl_mcon {
	width: 1020px;
	height: 45px;
	overflow: hidden;
	margin: 20px auto;
}

.f8_fl_mcon a {
	font-size: 14px;
	color: #666;
	margin: 8px 12px;
}

.banner_11_in {
	background: url(../image/fadein.jpg) no-repeat top center;
	width: 100%;
	height: 373px;
	display: none;
}

.banner_11_out {
	background: url(../image/fadeout.gif) no-repeat top center;
	width: 100%;
	height: 119px;
	display: none;
}

.fadeIn_show {
	display: block;
	position: relative;
	float: right;
	right: 12px;
	top: 6px;
	background: url(../image/fadeout_show.png) no-repeat;
	width: 31px;
	height: 47px;
	cursor: pointer;
}

.fadeOut_show {
	display: block;
	position: relative;
	float: right;
	right: 12px;
	top: 6px;
	background: url(../image/fadein_show.png) no-repeat;
	width: 31px;
	height: 47px;
	cursor: pointer;
}

.fadeIn_call {
	display: block;
	width: 115px;
	height: 40px;
	position: relative;
	left: 125px;
	top: 240px;
	cursor: pointer;
}

.banner_11_main {
	width: 1000px;
	margin: 0px auto;
}

.banner_11_out,.banner_11_in {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.case_uls {
	width: 100%;
	margin: 0px auto;
}

.case_uls ul {
	width: 1200px;
}

.case_uls li {
	width: 300px;
	height: 390px;
	overflow: hidden;
}

.case_ul_d {
	width: 290px;
	height: 280px;
	border: 1px solid #dddddd;
	text-align: center;
}

.case_ul_n {
	width: 280px;
	margin: 0px auto;
	position: relative;
	top: 4px;
	overflow: hidden;
}

.case_ul_nc {
	height: 280px;
}

.case_ul_nc img {
	width: 100%;
	height: 280px;
}

.case_ul_nt {
	height: 35px;
	width: 100%;
	background: #efefef;
	text-align: center;
	line-height: 32px;
}

.case_ul_nt a {
	font-size: 15px;
	color: #333;
}

.case_ul_p {
	position: relative;
	top: 0px;
	margin: 0px auto;
	width: 100%;
	height: 350px;
}

.case_ul_p .web_case_bg {
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	background: #333;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.case_ul_ncall {
	width: 118px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	border-radius: 34px;
	border: 1px solid #cecece;
	font-size: 14px;
	margin: 10px auto;
}

.case_ul_ncall a {
	color: #666;
}

.floor03_vip_div .case_ul_d,.floor03_vip_div .case_ul_n {
	width: 230px;
	height: 94px;
}

.floor03_vip_div ul li {
	width: 235px;
	height: 105px;
}

.floor03_vip_div .case_ul_nc img {
	height: 53px;
}

.floor03_vip_div .case_ul_nc {
	height: 55px;
}

.banner {
	height: 460px;
	margin-bottom: 40px;
}

.banner a {
	display: block;
	height: 460px;
}

.ban_bg {
	height: 460px;
	width: 100%;
	position: relative;
}

.ban_bg .bgitem {
	position: absolute;
	top: 0;
}

.ban_bg .btn {
	bottom: 5px;
	margin-right: -550px;
	padding: 5px 6px;
	position: absolute;
	right: 50%;
	z-index: 7;
}

.ban_bg .btn span {
	background: none repeat scroll 0 0 #3a3a3a;
	border: 1px solid #333;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	margin-left: 5px;
	padding: 2px 5px;
}

.ban_bg .btn span.cur {
	font-weight: bold;
	padding: 4px 8px;
}

.banner2 {
	height: 164px;
	width: 100%;
	background: url(../image/ajax-loader.gif);
}

.banneryy {
	height: 34px;
	background: url(../image/ajax-loader.jpg) center no-repeat;
}

.bannerbox {
	width: 780px;
	margin: auto;
	height: 164px;
}

.bboxt1 {
	text-align: center;
	width: 436px;
	padding-top: 20px;
}

.bboxt1_1 {
	font-size: 30px;
	color: #ffff00;
	line-height: 38px;
	font-weight: bold;
	margin-bottom: 5px;
}

.bboxt1_2 {
	width: 360px;
	height: 52px;
	line-height: 48px;
	background-color: #fff;
	color: #043d8e;
	font-size: 31px;
	margin: auto;
	font-weight: bold;
}

.bboxt1_3 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	margin-top: 5px;
}

.bboxt2 {
	width: 216px;
	padding-top: 30px;
}

.bboxt2_1 {
	width: 168px;
	height: 46px;
	text-align: center;
}

.bboxt2_1 a {
	display: block;
	background-color: #fff;
	border-radius: 6px;
	line-height: 46px;
	color: #043d8e;
	font-size: 24px;
	font-weight: bold;
}

.bboxt2_1 a:hover {
	color: #296bcc;
}

.bboxt2_2 {
	font-size: 16px;
	color: #ffffff;
	margin-top: 5px;
}

.bboxt2_2 strong {
	font-family: impact;
	font-size: 32px;
	color: #fff;
	font-weight: normal;
}