@charset "utf-8";
/* CSS Document */
.clear_a8{ clear:both; font-size:0; margin:0; padding:0;}
.font_20_r{ font-size:20px; color:#F00; font-weight:bold;}
/*头部*/
.banner{ width:100%; height:469px; background: url(banner.jpg) center no-repeat; position:relative;}
.banner_v{
	width: 376px;
	height: 208px;
	position: absolute;
	top: 100px;
	left:50%;
	margin-left:65px;
}
/*A8是什么*/
.a8_con1{ width:100%; height:720px; border-bottom:1px solid #eaeaea;}
.a8_con1_con{width:1200px; height:720px; margin:0 auto; position:relative;}
.a8_con1_con h3{ text-align:center; font-size:20px; color:#4b7bcf; line-height:100px;}
.a8_con1_con_font{ text-align:center; font-size:16px; line-height:40px; padding:0 100px;}
.a8_con1_con_img{ width:1100px; height:500px; margin:20px 50px;}
.a8_con1_con_img_l{ width:600px; height:500px; background:url(a8-zsm.jpg) no-repeat; float:left;}
.a8_con1_con_img_r{ width:500px; height:500px; float:right;}
.a8_con1_con_img_r_con{ width:500px; height:350px; padding-top:30px;}
.a8_con1_con_img_r_t{ width:450px; height:50px; line-height:50px; font-size:16px; text-align:left; background:url(a8ssm.png) left no-repeat; padding-left:50px;}
#large_image_holder{ width:524px; height:300px; position:absolute; top:240px; left:90px; background:#0C6; display:inline;}
#large_images{width:524px; display:inline; z-index:10; height:300px; position:relative;}
#large_images li{z-index:11;position:absolute;}
#thumb_holder{ width:500px; height:450px; display:inline;}
#thumb_holder li{ width:160px; height:104px; padding:2px; display:inline; float:left;}
/*#thumb_holder li:hover{ border:2px #000000 dashed;}
*/
.title{float:left; display:inline; width:300px; }
.hide{display:none;}





/*A8能做什么*/
.a8_con2{ width:100%; height:600px; border-bottom:1px solid #eaeaea; background-color:#fafafa;}
#a8_con2_con{ width:1200px; height:600px; border-bottom:1px solid #eaeaea; background-color:#fafafa; margin:0 auto;}
#a8_con2_con h3{ text-align:center; font-size:20px; color:#4b7bcf; line-height:100px;}
#a8_con2_con .list{ width:1200px; height:auto;}
#a8_con2_con .list li{ width:150px; height:150px; margin:45px; float:left; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; position:relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}
#a8_con2_con .list li a{display: block; width: 100%; height: 100%;}
#a8_con2_con .list li .ico { width: 150px; height: 150px; position: absolute; background: #ffffff url(../images/rotate.png) no-repeat; border:1px solid #cecece; border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#a8_con2_con .list li ._1 { background-position: -5px -15px; }
#a8_con2_con .list li ._2 { background-position: -244px -15px; }
#a8_con2_con .list li ._3 { background-position: -488px -15px; }
#a8_con2_con .list li ._4 { background-position: -732px -15px; }
#a8_con2_con .list li ._5 { background-position: -976px -15px; }
#a8_con2_con .list li ._6 { background-position: -125px -224px; }
#a8_con2_con .list li ._7 { background-position: -369px -224px; }
#a8_con2_con .list li ._8 { background-position: -613px -224px; }
#a8_con2_con .list li ._9 { background-position: -857px -224px; }
#a8_con2_con .list li ._10 { background-position: -5px -15px; }
#a8_con2_con .list li p { width: 100%; position: absolute; left: 0; top: 166px; text-align: center; line-height:20px; font-size:16px;}
#a8_con2_con .list li.on { background: #4b7bcf url(rotate1.png) no-repeat;; }
#a8_con2_con .list li.on .ico { background-color: #4b7bcf; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
/*tanchu*/
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8) }
.reveal-modal { visibility: hidden; top: 150px; left: 50%; margin-left: -500px; width: 1000px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF;}
.reveal-modal_con{ width:1000px; height:700px;}
.reveal-modal_con h1{ font-size:30px; text-align:center; line-height:100px;}
.reveal-modal_con_img{ width:900px; height:500px; margin:0 50px; background:#099;}
.reveal-modal_con_t{ width:1000px; height:100px; margin-top:30px; font-size:14px; line-height:35px; text-align:center; overflow:hidden;}
.reveal-modal_con_t i{ font-weight:bold; font-size:18px;}
.reveal-modal .close-reveal-modal { font-size: 40px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }

/*谁在用A8*/
.a8_con3{ width:100%; height:540px; border-bottom:1px solid #eaeaea;}
.tab1{ width:1200px; height:540px; margin:0 auto;}
.tab1 h3{text-align:center; font-size:20px; color:#4b7bcf; line-height:100px;}
.menu{ width:1200px; height:60px; border-bottom:2px solid #4b7bcf;}
.menu li{ width:171px; font-size:16px; text-align:center; line-height:60px; float:left; color:#4b7bcf;cursor:pointer; }
.menu li.off{background:#fff;color:#94c02a;font-weight:bold; border-bottom:4px solid #94c02a;}
.menu li:hover{ color:#94c02a; font-size:18px; border-bottom:4px solid #94c02a; cursor:pointer;}
.menudiv{ width:1200px; height:310px; margin:20px 0;}
.a8_con3_con_con_img{ width:500px; height:310px; background-color:#039;float:left;}
.a8_con3_con_con_con{ width:680px; height:310px; margin-left:20px; float:right;}
.a8_con3_con_con_con li{ width:320px; height:62px; line-height:62px; font-size:16px; margin:0 10px; float:left;}
.i{ font-size:12px; float:right;}
/*客户证言*/
.a8_con4{width:100%; height:630px; border-bottom:1px solid #eaeaea; background-color:#fafafa;}
.a8_con4_con{width:1200px; height:600px; margin:0 auto;}
.a8_con4_con h3{text-align:center; font-size:20px; color:#4b7bcf; line-height:100px;}
.a8_con4_con_con{ width:1200px; height:500px;}
.a8_con4_con_con_con{ width:220px; height:230px; margin:10px; float:left;}
.a8_con4_con_con_con_img{ width:220px; height:200px; background-color:#099;}
.a8_con4_con_con_con_title{ width:220px; height:30px; font-size:14px; text-align:center; line-height:30px;}


/*马上申请试用*/
.a8_con5{width:100%; height:350px;}
.a8_con5_con{width:1100px; height:360px; margin:20px auto 20px; padding:0 50px; background-color:#94c02a;}
.a8_con5_con_t{ width:1100px; height:40px; background:url(sqsy.png) left no-repeat; line-height:40px; padding:30px 50px; font-size:30px; color:#FFF;}
.a8_con5_con_c{ width:1100; height:260px;}
.a8_con5_con_c .inpu{ width:400px; height:260px; float:left;}
.a8_con5_con_c .inpu li{ width:400px; height:60px; line-height:60px; float:left;}
.a8_con5_con_c .inpu label{ width:50px; height:60px; font-size:16px; color:#FFF; line-height:60px; font-family:"微软雅黑"; border:0;}
.a8_con5_con_c .inpu input{ width:300px; height:30px; background-color:#FFF; margin-top:15px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:0;}

.a8_con5_con_c .textd{ width:400px; height:260px; margin:0 40px; float:left;}
.a8_con5_con_c .textd label{ width:100px; font-size:16px; text-align:left; padding-left:50px; line-height:30px; color:#FFF; font-family:"微软雅黑"; border:0;}
.a8_con5_con_c .textd textarea{ width:350px; height:188px; border:0; background-color:#FFF; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}


.a8_con5_con_c .fk_btn{ width:220px; height:160px; padding:50px 0; float:right;}
.a8_con5_con_c .fk_btn button{ width:180px; height:40px; background:#4b7bcf; cursor:pointer; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:0; margin:10px; color:#FFF; font-size:18px; font-family:"微软雅黑"; line-height:40px;}
.a8_con5_con_c .fk_btn button.qx{ background:#919191;}