/* CSS Document */
* { margin: 0; padding: 0; }
.w1000 { width: 1000px; margin: 0 auto; clear: both; }
img{border:0 none;}/*new*/
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.cl { clear: both; }
.clearfix:after { content: "."; height: 0; line-height: 0; font-size: 0; display: block; clear: both; visibility: hidden; }
.clearfix { *display:inline-block;}
a { text-decoration:none;cursor:pointer;}
ul{ list-style:none;}
.box1, .pro_ops_list li,.proxy .w1000 ul li,.share ul li  img { border: solid 1px #E0E0E0; border-top: none; background: #FFFFFF; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.23)  }
body { background: #F5F5F5; font-size: 12px; color: #666; font-family: "宋体"; line-height: 1.5; }
.top { height: 93px; border-bottom:3px #796baf solid; background:#fff; }
.nav { font-size: 14px; font-family: "微软雅黑"; }
.nav a { margin-right: 28px; color: #000000; text-decoration: none; }
.nav a span { color: #ed820c; }
.banner { }

.company {height:238px; margin:20px auto;}
.company .box1 { height:234px; }
.company .box_l { width:360px;}
.company .box_m { width:360px; margin:0 19px;}
.company .box_r { width:235px;}

.box_l  { background:#fff url(1_1.jpg) no-repeat 224px bottom;}
.box_l .in{ margin-left:12px; margin-top:28px; display:block; float:16px;  font-family: "微软雅黑"; width:202px; width:140px; height:46px; line-height:46px; color:#EE8615; border: #EE8615 1px solid;  background:url(1_3.png) no-repeat 158px  center; padding-left:60px;}
.box_l .qr_code {  margin-left:12px; width:137px; height:85px; margin-top:12px; background:url(1_2.png) no-repeat; color:#fff; text-align:center; padding-left:87px; padding-top:20px;}

.box_m h3 { margin:0 15px 10px; border-bottom:1px #ccc solid; padding:10px 0 10px 24px; font-size:12px; background:url(1_7.png) no-repeat left center;}
.box_m h3 a{ float:right; background:url(1_8.png) no-repeat right center; color:#a9a7a7; padding-right:15px;}
.box_m  li { background:url(1_9.gif) no-repeat 20px center; padding:0 15px 0 28px; line-height:21px;}
.box_m  li a { color:#666;}
.box_m  li span { float:right; color:#ccc;}

.box_r .tabs{ background:#E1DFE0; height:37px; line-height:37px; text-align:center; font-size:14px;}
.box_r .tabs a { float:left; display:inline; width:50%; *width:49.8%; height:37px; color:#666; border-bottom:#C5C5C5 solid 1px; text-align:center; font-weight:bold; }
.box_r .tabs a.this { background:#fff;border-bottom-color:#fff;}

.box_r .login_form { padding:15px; *padding:10px 15px;}
.box_r .login_form .input1 { border:#D8D8D8 solid 1px; display:block; width:172px; height:20px; margin:0 auto; padding:6px; background:url(1_4.png) no-repeat 162px 6px; margin-bottom:12px; color:#ccc}
.box_r .login_form .input2 { border:#D8D8D8 solid 1px; display:block; width:172px; height:20px; margin:0 auto; padding:6px; background:url(1_5.png) no-repeat 162px 6px;margin-bottom:12px;}
.box_r .login_form .input3{ border:1px solid #707070; border:0;  margin-left:15px; margin-right:6px; margin-bottom:12px; *margin-left:10px; *margin-right:4px;  *margin-bottom:6px; *margin-top:-5px;}
.box_r .login_form  .input4{border:1px solid #707070; border:0;  margin-left:15px; margin-right:6px; margin-bottom:12px; *margin-left:10px; *margin-right:4px;  *margin-bottom:6px; *margin-top:-5px;}
.box_r .login_form  .lab2{ color: #707070; position:relative; top:-3px; *display:inline; *top:-10px;}
.box_r .login_form .lab1{ color: #707070; position:relative; top:-3px; *display:inline; *top:-10px; }
.box_r .login_form .link1 { color:#0088CC; *margin-top:-18px; *margin-right:10px;}


.info { height:115px; position:relative; z-index:2; background:#fff url(3.gif) no-repeat center center; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.info .fl { width:208px; padding:10px 55px  0 235px ;}
.info .fl h3 { font-size: 14px; font-family: "微软雅黑"; color:#6666CC;}
.info1 { background:url(3_1.jpg) no-repeat 52px 0; }
.info2 { background:url(3_2.jpg) no-repeat 52px 0; }


.marketing { background:#fff; margin-top:-57px; }
.marketing .w1000{ background:url(1.png) no-repeat center 153px; height:375px; position:relative; }

.marketing .w1000 h2 {  font-size: 20px; font-family: "微软雅黑"; text-align: center; padding-top:40px; *margin-top:42px;font-weight:normal;}

.marketing .w1000 li h3 { font-size:14px; font-family: "微软雅黑"; position:absolute; top:295px;width:96px;text-align:center; }
.marketing .w1000 li p { color:#fff; position:absolute; top:175px; text-align:center; width:96px;  height:90px;}

.marketing .w1000 li.step1 h3,.marketing .w1000 li.step1 p { left:95px;}
.marketing .w1000 li.step2 h3,.marketing .w1000 li.step2 p { left:330px;}
.marketing .w1000 li.step3 h3,.marketing .w1000 li.step3 p { left:575px;}
.marketing .w1000 li.step4 h3,.marketing .w1000 li.step4 p { left:820px;}


.pro_ops h2,.share h2 { width: 184px; text-align: center; margin: 0 auto; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; font-size: 18px; font-family: "微软雅黑"; line-height: 28px; height:30px; font-weight:normal; margin-bottom: 48px; background: #fff; color:#666;border-bottom:2px #FF0000 solid; }
.pro_ops_list { margin-left: -16px; *margin-left: -7px; }
.pro_ops_list li { float: left; display: inline; width: 320px; height: 156px;  margin: 0 0 18px 16px;*margin: 0 0 18px 11px;}
.pro_ops_list li img { float: left; display: inline; margin-right: 12px; width: 130px; height: 130px; }
.pro_ops_list li h3 { float: left; width: 165px; font-size: 16px; font-family: "微软雅黑"; color:#6666CC; line-height: 28px; margin-top: 10px; }
.pro_ops_list li p { float: left; width: 165px; }

.proxy {  height:453px; background:#fff; margin-top:40px;}
.proxy h2 { color:#fff; background:#333; width:260px; height:48px; line-height:48px; font-size: 20px; font-family: "微软雅黑"; text-align:center; margin:0 auto;  -webkit-border-radius:5px; position:relative; top:-24px; margin-bottom:20px;}
.proxy .w1000 ul  {margin-left:-17px; *margin-left:-10px;}
.proxy .w1000 ul li { width:235px; height:317px; float:left; display:inline;margin-left:17px; *margin-left:13px; text-align:center; }
.proxy .w1000 ul li img { display:block; width:235px; height:154px;}
.proxy .w1000 ul li h3 {font-size: 16px; font-family: "微软雅黑";color: #ed820c; margin:10px 20px; border-bottom:#ccc solid 1px; padding-bottom:10px; }
.proxy .w1000 ul li  p { padding:0 18px; text-align:left; font-family:"新宋体"}

.share { height:382px; position:relative;}
.share ul {   height:250px; position:absolute; top:0; left:0;}
.share ul li { float:left; display:inline; width:156px; height:250px; background:url(bg1.png) no-repeat center 238px; margin:  0 17px;}
.share ul li  img { width:144px; height:222px; display:block; padding:5px 5px 10px;}
.foot { background: #333333; padding: 20px; text-align: center; }

#sharePrev,#shareNext { background:url(prev.png) no-repeat; width:28px; height:50px; position:absolute;top:180px;}
#sharePrev { left:0; background-position:0px -300px; }
#shareNext { right:0; background-position:-30px -300px;}
#sharePrev:hover { left:0; background-position:0 -300px; }
#shareNext:hover { right:0; background-position:-30px -300px;}
#shareBox { position:relative; ; width:955px; height:250px; margin:0 auto; overflow:hidden;}

/**/

.carousel { position: relative; margin: 0 auto;  line-height: 1; width: 100% ; z-index: 1; height: 300px;}
.carousel-inner { overflow: hidden; width: 100%; position: absolute; height: 400px; top: 0 }
.carousel-inner .item { display: none; width: 100%; position: absolute; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.carousel-inner .item img, .carousel-inner .item a img { display: block; margin: 0 auto; line-height: 1; -webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(95%, transparent), to(rgba(255,255,255,.2))) }
.carousel-inner .active, .carousel-inner .next, .carousel-inner .prev { display: block }
.carousel-inner .active { left: 0 }
.carousel-inner .next, .carousel-inner .prev { position: absolute; top: 0; width: 100% }
.carousel-inner .next { left: 100% }
.carousel-inner .prev { left: -100% }
.carousel-inner .next.left, .carousel-inner .prev.right { left: 0 }
.carousel-inner .active.left { left: -100% }
.carousel-inner .active.right { left: 100% }
.carousel-control { position: absolute; bottom: 40px; width: 35px; height: 55px; font-size: 40px; font-weight: 700; line-height: 55px; color: #978b7c; text-align: center; background-color: rgba(0,0,0,.2); 
filter: alpha(opacity=40);  outline: 0; display: inline-block }
.carousel-control.left { top:50%; left: 50%; margin-left: -500px; }
.carousel-control.right { top:50%; left: 50%; margin-left: 465px; }
.carousel-control:hover { color: #d9d5d1; text-decoration: none; background-color: rgba(0,0,0,.4); filter: alpha(opacity=70) }
.carousel-indicators { position: absolute; display: none; left: 50%; bottom: 8px; z-index: 5; list-style: none; cursor: pointer; outline: 0 }
.carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 10px; text-indent: -999px; background-color: #ccc; border-radius: 10px }
* html .carousel-indicators li { background-color: #ccc }
.carousel-indicators .active { background-color: #e83e0b }
.carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333; background: rgba(0,0,0,0.75) }
.carousel-caption h4, .carousel-caption p { color: #fff; line-height: 20px }
.carousel-caption h4 { margin: 0 0 5px }
.carousel-caption p { margin-bottom: 0 }
.right_div{ float:right; margin-top:-70px; margin-right:8px; overflow:hidden;*margin-top:-50px; display:none}
.checkbox {
background: url(reg_email.png) no-repeat -247px -817px;display: inline-block;height: 15px;left: -2px;margin: -3px 3px;
position: absolute;top: 20px;width: 15px;}
.checked {background: url(reg_email.png) no-repeat -272px -817px}
.product{ width:1000px; border:1px   #CCCCCC solid; margin:0 auto; margin-top:6px; margin-bottom:6px; height:800px;}
.login{ width:1000px; height:50px; margin:0 auto; clear:both; margin-top:6px; border:1px #999999 solid;}
.login .username{ padding:6px 12px;width:200px;border:1px solid #a4a2a2; margin-top:6px; *margin-top:6px;}
.login .btn_login{ margin-top:6px; *margin-top:6px;}
.product p{ padding-left:10px;}
.agent{  width:1000px;  border:1px   #CCCCCC solid; margin:0 auto; clear:both; margin-top:6px; margin-bottom:6px;}
.agent01{ width:900px; margin:0 auto; line-height:28px; text-indent:30px; border:1px   #CCCCCC solid;clear:both; margin-top:6px; margin-bottom:6px;}
.agent02{ height:50px;font-size:20px; font-family:"微软雅黑"; font-weight:900; letter-spacing:3px; text-align:center; color:#000000; }


.wxdyy{width:1000px; height:430px; border:1px   #CCCCCC solid; margin:0 auto; clear:both; margin-top:6px; margin-bottom:6px;}
.wxdyy img{ width:998px; padding-top:20px;}
.hyyy{width:1000px; border:1px   #CCCCCC solid; margin:0 auto; clear:both; margin-top:6px; margin-bottom:6px;}
/* CSS Document */
.mobil{ border:1px  #999999 dashed; position:absolute;height:210px; position:relative; z-index:2; background:#fff url(3.gif) no-repeat center center; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; width:1002px; clear:both; margin: 0 auto;}
.mobil ul{ padding-top:30px; margin: 0 auto;}
.mobil li{width:245px; padding:15px 0px; list-style-type:none; float:left;}
.mobil li img{ text-align:center; padding:0px 83px;}
.mobil li strong{ width:245px; display:block; text-align:center; font-size:16px; padding-top:5px;}
.mobil li span{ width:175px; padding:5px 35px 10px 35px;}

/*charge*/
.charge{width:1200px;  border:1px #efefef solid; margin:0 auto; clear:both; margin-top:6px; margin-bottom:6px; background:#fff; margin-top:50px; position:relative;}

.charge .charge1{ width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.charge .charge1 .charge2{ width:1200px; text-align:center; border:2px; top:50px; }
.charge .charge1 table{ width:1200px; margin-top:50px;  }
.charge .charge1 table td{ width:164px; height:90px; border-bottom:#e6e6e6 solid 1px;}
.charge .charge1
.charge .charge1 .charge3{ width:180px; height:80px; background:#fff; text-align:center; }
.charge .charge1 .charge2  .charge4 .p0{}

.charge .charge1 .charge4{ width:180px; height:90px; margin-left:auto; margin-right:auto; background:#7694A7; text-align:center; color:#FFFFFF; font-family:"方正大黑简体"; font-size:20px;-moz-border-radius:6px;border-radius:6px;}
.charge .charge1 .charge5{ width:180px; height:90px; margin-left:auto; margin-right:auto;  background:#efefef; text-align:center; color:#999; font-family:"方正大黑简体"; font-size:20px;-moz-border-radius:6px;border-radius:6px;}
.charge .charge1 .charge6{ width:180px; height:90px; margin-left:auto; margin-right:auto;  background:#efefef; text-align:center; color:#999; font-family:"方正大黑简体"; font-size:20px;-moz-border-radius:6px;border-radius:6px;}
.charge .charge1 .charge7{ width:180px; height:90px; margin-left:auto; margin-right:auto;  background:#7694A7; text-align:center; color:#FFFFFF; font-family:"方正大黑简体"; font-size:20px;-moz-border-radius:6px;border-radius:6px;}
.charge .charge1 .charge8{ width:180px; height:90px; margin-left:auto; margin-right:auto;  background:#7694A7; text-align:center; color:#FFFFFF; font-family:"方正大黑简体"; font-size:20px;-moz-border-radius:6px;border-radius:6px;}

.charge .charge1 .charge9{ height:90px;}
.charge .charge1 .charge9 button{ width:120px; height:40px; font-size:16px; font-family:"方正准圆简体"; background:#FF0000; border:0;-moz-border-radius:5px; border-radius:5px; cursor:pointer; color:#FFFFFF; background:#EE021A;}

.charge .charge1 .charge9 button:hover{ color:#999999;}
.charge .charge1 .charge10{ height:60px;font-family:"微软雅黑"; font-size:14px; font-weight:600; color:#333333;}

.charge11{ width:30px; height:80px ; background:#E95F6C; border-radius:5px; position:absolute; text-align:center; }
.charge11 a{color:#FFFFFF; font-size:16px; font-family:"方正准圆简体"; font-weight:600;}
.charge12{ margin-top:15px;}
.fuchuang{ width:100px; height:80px; position:absolute; top:250px; background:#fff;}
.kf{ width:100px; height:200px; background:#CCCCCC; position:absolute;top:250px;}

/* cus_ser */
#cus_ser{z-index:9999;width:32px;height:142px;position:fixed;right:0px;color:#999;top:200px;overflow:hidden;}
*html #cus_ser{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:200px 0 0 0;}
.cus_ser_{width:165px;height:112px;background:#fff;border-bottom-left-radius:4px; border-top-left-radius:4px;overflow:hidden;}
#cus_ser .title{width:32px;height:112px;float:left;background:url(../images/zxzx.jpg);cursor:pointer;}
#cus_ser ul{padding:10px 0px 0px 2px;width:130px;float:left;}
#cus_ser ul li#zqq{height:30px;line-height:30px;display:block;font-size:12px;padding-left:24px;background:url(../images/zqq.png) no-repeat 2px 7px;}
#cus_ser ul li#zphone{height:30px;line-height:30px;display:block;font-size:12px;padding-left:24px;background:url(../images/zphone.png) no-repeat 2px 8px;}
#cus_ser ul li#rr{height:30px;line-height:30px;display:block;font-size:12px;padding-left:24px;background:url(../images/rr.png) no-repeat 2px 8px;}

#cus_ser a{color:#999;}
#cus_ser a:hover{text-decoration:underline; color:#E95F6C;}
#cus_ser .close{display:inline-block;width:16px;height:16px;overflow:hidden;cursor:pointer;margin-right:4px;float:right;}
#cus_ser ul, ol{list-style: none;margin:0 0 9px 0;}

/*产品介绍*/
.cp{ width:1000px; background:#FFFFFF; border-radius:10px; margin-top:10px; margin-left:auto; margin-right:auto;}
.cp .cp1{ width:1000px; height:40px; font-family:"微软雅黑"; color:#999999; font-size:18px; margin-left:12px; position:relative; margin-top:10px;}
.cp .cp2{}
.cp .cp3{ width:1000px; background:#FFFFFF; border-bottom:1px #CCCCCC solid;}
.cp .cp3 .cp4{ width:1000px; margin-left:auto; margin-right:auto;}
.cp .cp3 .cp4 ul{ width:952px; height:260px;  margin-left:auto; margin-right:auto; text-align:center;}
.cp .cp3 .cp4 ul li{width:220px;margin:0px 7px 0px 7px;-mpz-border-radius:6px;border-radius:6px; margin-top:10px; float:left; text-align:center; border:2px #fff solid;}
.cp .cp3 .cp4 ul li:hover{ border:2px #e6e6e6 solid;}
.cp .cp3 .cp4 ul li img{ position:relative;margin-top:5px;}
.cp .cp3 .cp4 ul li .p1{ font-size:18px; line-height:20px; color:#000000; font-family:"微软雅黑";}
.cp .cp3 .cp4 ul li .p2{ line-height:25px; }
.cp .cp5 { width:960px; height:150px; position:relative; margin-top:20px; margin-bottom:20px;margin-left:auto; margin-right:auto;}
.cp .cp6 { width:300px; height:150px; background:#9AD687; float:left; margin:0px 10px 0px 10px ;-mpz-border-radius:10px;border-radius:10px; text-align:center;}
.cp .cp7 { width:300px; height:150px; background:#87B3D4; float:left; margin:0px 10px 0px 10px ;-mpz-border-radius:10px;border-radius:10px; text-align:center;}
.cp .cp8 { width:300px; height:150px; background:#DB5F68; float:left; margin:0px 10px 0px 10px ;-mpz-border-radius:10px;border-radius:10px; }
.cp .cp5 .cp5p{ width:250px; margin-left:auto; margin-right:auto; margin-top:40px;}
.cp .cp5 .cp8p{ width:250px; margin-left:auto; margin-right:auto; margin-top:40px; margin-left:50px;}
.cp .cp5 .p3{ font-family:"方正准圆简体"; font-size:30px; color:#fff; }
.cp .cp5 .p4{ font-family:"方正准圆简体"; font-size:14px; color:#fff;}
.cp .cp5 .p5{ position:relative;left:60px; font-family:"方正准圆简体"; font-size:14px; color:#fff;}

/*合作代理*/
.hz{ width:1000px; margin-left:auto; margin-right:auto; background:#FFFFFF; border:1px #e6e6e6 solid; margin-bottom:20px;}
.hz .hz1{ width:1000px; height:50px; position:relative; margin-top:20px; margin-left:auto; margin-right:auto; border-bottom:#CCCCCC dashed 1px;}
.hz .hz1 .hz01{ width:560px; text-align:right; font-family:"黑体"; font-size:20px; color:#000; float:left;}
.hz .hz1 .hz02{ width:450px; text-align:right;  float:left;}
.hz .hz1 .hz02 button{ width:120px; height:30px; background:#8E5E91; color:#fff; border:0; border-radius:3px;}
.hz .hz1 .hz02 button:hover{ background:#781A7A;}

.hz .hz2{ width:950px; position:relative; margin-left:auto; margin-right:auto;}
.hz .hz2 .p6{ font-weight:600; font-size:14px; margin-top:20px; margin-bottom:20px;}
.hz .hz2 .p7{ line-height:25px; text-indent:25px;}

.hz .hz3{ width:950px; margin-left:auto; margin-right:auto;margin-bottom:20px;}
.hz .hz3 table{border-bottom:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.hz .hz3 table tr td{ height:28px; margin:0; border-top:1px #e6e6e6 solid; }
.hz .hz3 .hz4{ width:950px; text-align:center; }
.hz .hz3 .hz4 .a1{ width:180px;border-left:1px #e6e6e6 solid;}
.hz .hz3 .hz4 .a2{ width:90px;border-left:1px #e6e6e6 solid;}
.hz .hz3 .hz4 .a3{ width:115px;border-left:1px #e6e6e6 solid;}
.hz .hz3 .hz4 .a4{ width:90px;border-left:1px #e6e6e6 solid;}
.hz .hz3 .big{font-weight:600; font-size:15px; text-align:left;border-left:1px #e6e6e6 solid; }
.hz .hz3 .a1{ background:#f4f4f4;}







