@charset "utf-8";
/*全局默认样式*/
*{margin:0;padding:0;list-style-type:none;border:0}
body{font:14px/180% "微软雅黑", Verdana, Lucida ,Helvetica,sans-serif; height:100%; color:#333; background:url(../images/bg.gif) repeat}
h1,h2{font-size:18px; font-weight:normal} h3,h4{font-size:16px; font-weight:normal}
em,i{font-style:normal}
ul,li{list-style-type:none}
a{text-decoration:none; color:#333; cursor:pointer; outline:none}
.clear{clear:both}

/*top*/
.top{height:35px; line-height:35px; background:#000; } 
	.logo{width:120px; float:left; margin-right:20px; padding:2px 0}
	.nav{width:885px; float:left; font-size:12px; color:#333}
		.nav a{padding:0 5px;color:#666} .nav a:hover{color:#F00;}
 	.jiathis_style{margin-top:8px; float:left}
	
	
/*main*/
.main{width:1200px; margin:0 auto}
.banner{margin-bottom:50px}
.video{background:url(../images/v_bg.gif) no-repeat; width:500px; float:left; padding:7px 0 0 17px; margin-right:50px}
.s_js{width:603px; padding:0 30px 30px 0; float:left; background:url(../images/js_bg.png) no-repeat right bottom}
.s_js h3{border-bottom:1px dotted #DDD; padding-bottom:10px; margin-bottom:10px}
.s_js p{margin-bottom:20px; display:block}
.s_js span a{border:1px solid #D4D4D4; padding:2px 5px; color:#999; background:url(../images/btn_a.png) no-repeat 10px center; text-transform:uppercase; padding-left:40px}
.s_js span a:hover{border:1px solid #37C1C4; background:#37C1C4 url(../images/btn_h.png) no-repeat 10px center; color:#FFF}
.lm{background:#F7F7F7; padding:50px 0; margin:50px 0}
.s_page2{background:#FFF url(../images/01.png) right bottom no-repeat; font-size:22px; border:1px solid #DDD; float:left; margin-top:20px; border-left:none; width:507px; padding:40px 30px 180px 30px}
.s_page2 li{line-height:36px; margin-bottom:20px}
#l1{background:url(../images/n1.png) no-repeat left 5px; padding-left:40px; background-size:30px 30px}
#l2{background:url(../images/n2.png) no-repeat left 5px; padding-left:40px; background-size:30px 30px}

.n_p3{width:520px; height:230px; background:#FFF url(../images/011.png) no-repeat right bottom; border:1px solid #DDD; padding:30px 15px 15px 15px; float:left; position:relative}

.zs_left{width:558px; float:left}
.zs_left li{padding-left:50px; height:40px; line-height:40px; margin-bottom:10px; font-size:18px}
.zs_left span a{width:100%; height:50px; line-height:50px; margin-top:30px; display:block; text-align:center; font-size:18px; border:1px solid #DDD; color:#249B9D}
.video1{background:url(../images/v_bg.png) no-repeat bottom; width:517px; height:315px; float:right; padding:0 0 0 50px; margin-left:50px; margin-top:-40px}

.mj{width:800px; height:120px; float:left; padding-top:220px; background:url(../images/mj_bg.png) no-repeat}

.more a{border:1px solid #37c1c4; padding:2px 5px; color:#37c1c4; background:#FFF url(../images/btn_a1.png) no-repeat 10px center; text-transform:uppercase; margin-left:380px; padding-left:40px}
.more a:hover{border:1px solid #37C1C4; background:#37C1C4 url(../images/btn_h.png) no-repeat 10px center; color:#FFF}

.contact{font-size:18px; width:480px; float:left; line-height:36px}

.footer{margin-top:10px} .footer p{text-align:center; line-height:24px;} .footer p a{margin:0 10px}

.ewm{width:500px; float:right; font-size:18px}
.ewm li{width:200px; text-align:center; float:left; text-align:center}


.team {background:#000; color:#8f8f8f; height:360px; font-family: "Microsoft Yahei";  text-align: left; }
  .team .container {height:100%;  position: relative; }
  .team .iphone {width:222px;  height:295px; float:left; position: absolute; bottom:0; left:330px; overflow: hidden}
    .team ul{float:left; font-size:14px; margin-top:20px}
    .team .iphone .bounce-in-down {width: 100%; height: 100%; background:url(../images/iphone.png) center top no-repeat; position: absolute;  top: 200px; left: 0; } .team .iphone p{color: #333; text-align:center; height:30px; margin:0; padding-top: 75px; }
    .team .iphone .qrcode { text-align: center; }
    .team a{color:#8f8f8f} .team a:hover{color:#F60}
	.cbo_message{width:900px; margin:0 auto; overflow:auto; height:300px; padding:20px; background:#FFF; }
	.ul1{font-size:14px;  width:260px; padding:70px 0 0 20px; text-align:right; line-height:24px}
	.ul2{margin-left:290px; line-height:24px; width:400px}
	 .ul2 strong{font-weight:normal; text-align:right; display:block; margin-right:20px; float:left; width:180px;} .ul2 span{display:block}
	 
.container {
  width: 1000px;
  margin: 0 auto; }

.review {
  margin-top: 55px; }


.footer{background:url(../images/bottom_bg.png) no-repeat; font-size:14px; height:347px; padding:50px 0} .footer p{text-align:center; margin:0; line-height:24px; padding-top:20px} .footer p a{ margin:0 10px}


.ban{ width:630px; height:454px; position:relative; overflow:hidden; float:left}
.ban2{ width:630px; height:454px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:630px; height:454px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:630px; position:relative;float:left;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{wpadding:10px; position:fixed; -position:absolute; left:30%; top:10%; margin-left:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:1200px; height:761px; position:relative; overflow:hidden;}
.pop_up2{ width:1200px; height:761px; position:relative; overflow:hidden;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:1200px; height:761px; float:left;}

