/* public */
*{ padding:0; margin:0;}
body,button,input,select,textarea{font:12px/1.5 microsoft yahei,tahoma,arial,\5b8b\4f53;}
fieldset,img{ border: 0px;}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;height:0px; line-height:0px; font-size:0; margin:0; padding:0; }
ol,ul,li{list-style-type: none;display: block;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;font-weight:500;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a,a:link,a:active{text-decoration: none; cursor:pointer;}
a:hover{text-decoration:none;color:#cf3a19 }
.hidd{ overflow:hidden;}
.none{ display:none;}
.clear{clear:both}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{ display:table;content:""}
.clearfix:after{clear:both;}
.f6{background:#f6f6f6;}

.wrap{ width:1200px; margin:0 auto; position:relative; background:#fff; padding:0 10px; }
.bk178{height:178px; clear:both; overflow:hidden;}
.bk120{height:100px; clear:both; overflow:hidden;}
.bk20{height:20px; clear:both; overflow:hidden;}
.main_nav{background:url(../images/1112.png) no-repeat top center; clear:both; overflow:hidden;}
.main_nav_2{clear:both; overflow:hidden; background:url(../images/body_bg_2.jpg) no-repeat top center;}
.main_nav_2 .banner{width:1200px; margin:0px auto; height:130px;}

.share a,.header .r,.comtitle h2,.boxList li .pirce,.boxList li i,.boxList .more span,.instruction span,.sidenav li a,.gotop,.iptArea i{background-image:url(../images/bg_icon.png); background-repeat:no-repeat; }

.code span,.pictab li,.btnLogin,.reg a{background-image:url(../images/bg_tran.png); background-repeat:no-repeat;}

/*topNav*/
.topNav{ height:41px;line-height:41px; background:#3b3b3b; }
.topNav .wrap{ background:none;}
.share{ float:left; color:#fff;}
.share span{ font-size:10px; font-family:"宋体"; margin:0px 8px;}
.dp{ background-position:0 0 ;}
.wb{ background-position:-31px 0;}
.gg{ background-position:-62px 0;}
.yj{ background-position:-93px 0;}
.3g{ background-position:-134px 0;}

.log{float:right;color:#fff; }
.log span{ font-size:10px; font-family:"宋体"; margin:0px 5px;}
.log a{ display:inline-block; padding:0 5px; color:#fff;}

.data{ float:right;color:#fff; margin-right:20px;}
.data span{ display:inline-block; padding:0 0px;color:#fff;}
.data i{ color:#f85550; font-style:normal; padding:0 3px;}
.data b{font-size:10px; font-family:"宋体"; margin:0px 5px; font-weight:normal;}

/*header*/
.header{ height:80px; background:#fff;}
.headFix{ width:100%;  top:0; z-index:100;box-shadow: 1px 1px 4px #ccc}
.logo{ float:left; height:80px; width:205px; overflow:hidden; background:url(../images/weixinclub.png) no-repeat; background-position:center}
.logo a{ display:block; height:80px; overflow:hidden; line-height:999px;}

.nav{ float:left; width:758px; margin-left:6px; overflow:hidden;}
.nav li{ float:left; position:relative;}
.nav li a{height:80px;line-height:80px; display:inline-block; text-align:center; color:#3b3b3b; font-size:16px; padding:0 10px;}
.nav li a:hover,.nav .on a{ background:#49c4f0; color:#fff}
.nav li a.cur{ background:#49c4f0; color:#fff}

.subnav{ position:absolute; left:0; top:80px; z-index:3; width:100%; display:none; }
.subnav .item{ float:left; width:100%; text-align:center; color:#fff;border-bottom:1px solid #333333;}
.subnav .item a{ height:27px; line-height:27px; overflow:hidden; font-size:14px; text-align:center; display:block;background:#000; color:#fff;filter:alpha(opacity=70); opacity: 0.7;}
.subnav .item a:hover{filter:alpha(opacity=90);background:#000; opacity: 0.9; color:#49c4f0}

.header .r{ float:right; margin-top:5px; height:70px; width:231px;}

/*comtitle*/
.comtitle{ height:35px; overflow:hidden; margin:20px 0 0; border-bottom:1px #ddd solid; padding-bottom:10px;}
.comtitle h2{ float:left; font-size:24px; line-height:32px; color:#48c2f1; padding:0 5px 0 38px; background-position:0 -74px;}
.comtitle span{ float:left; font-size:14px; color:#fb5352; line-height:40px;padding:0 8px; }
.comtitle ul{ float:left; padding:3px 0 0 30px; overflow:hidden;}
.comtitle li{float:left; padding:0 12px 0 0; }
.comtitle li a{ display:inline-block; height:27px; line-height:27px; padding:0 8px; text-align:center; font-size:14px; color:#5f5f5f;}
.comtitle li a:hover,.comtitle li.on a{ background:#49c4f0;color:#fff}

/*boxList*/
.boxList{ overflow:hidden; margin:20px -20px 0 0; position:relative;}
.boxList li{float:left; width:240px; height:120px; border:1px solid #f7f7f7; overflow:hidden; margin:0 20px 20px 0;position:relative;}
.boxList li.on{ border:1px solid #35BDEF; background:#fafafa; cursor:pointer;}
.boxList li.on dt{ color:#07a2e8;}
.boxList li.on .shadow{ display:block;}
.boxList .imgArea{ width:120px; height:120px; float:left; position:relative; }
.boxList .shadow{ position:absolute;width:120px; height:120px; left:0; top:0; background:#000; filter:alpha(opacity=60);opacity: 0.6; display:none;}
.boxList .shadow span{ font-size:18px; color:yellow; font-weight:700; text-align:center; display:block; margin-top:30px;}
.boxList dl{ float:left; width:115px; padding-left:5px; height:120px; overflow:hidden; background:#fff; }
.boxList dt{ color:#000; font-size:16px; color:#313131; font-weight:700;padding:0 0 2px;position:relative;}
.boxList dd{ line-height:18px; font-size:13px; font-family:sumsin; color:#696969; white-space:nowrap;}
.boxList dd a{ color:#35bded; display:block; padding:3px 0;}
.boxList dd a:hover{ text-decoration:underline;}
.boxList li .pirce{ display:block; position:absolute; right:8px; bottom:8px;width: 44px;height: 54px;background-position:0 -156px;}
.boxList li .weixin{display:block; position:absolute; top:2px; right:2px;width: 17px;height: 17px;background-position:0 -124px;}
.boxList li .sina{display:block; position:absolute; top:2px; right:2px;width: 17px;height: 17px;background-position:-29px -124px;}
.boxList .more{width: 1030px; text-align:center; padding:0 0 20px; border-bottom:1px #ddd solid;}
.boxList .more a{ background:url(../images/bg_line.gif) repeat; display:inline-block;  height:40px; line-height:40px; border:1px solid #e2e2e2;}
.boxList .more span{background-position:0 -220px; display:inline-block; padding:0 10px 0 28px; font-size:16px; color:#868686}
.boxList .more span b{ color:#fb5352; font-weight:normal;}

/*newsList*/
.huibg{ background:#fff;padding:0px 0;}
.bTitle{ background:#35bdef; height:68px; line-height:68px; color:#fff; font-size:24px; text-align:center; margin:0 0 20px;}

/*2014-09-23 修改*/
.hTitle{font-size:24px; margin:0 0 20px; clear:both; overflow:hidden; background:url(../images/cur_line.png) no-repeat right; width:1021px;}
.hTitle ul li{width:340px; float:left; height:86px; line-height:68px; text-align:center;}
.hTitle ul li a{width:340px; height:68px; line-height:68px; color:#666; display:inline-block; background:url(../images/cur_of.png);}
.hTitle ul li a:hover{width:340px; height:68px; line-height:68px; text-decoration:none; display:inline-block; color:#666;}
.hTitle ul li.on a{background:url(../images/cur_on.png); width:340px; height:86px; line-height:68px; text-decoration:none; display:inline-block; color:#fff;}
.hTitle .mr0{margin-right:0px;}

.newsList{ overflow:hidden; margin:20px -30px 0 0; position:relative;}
.newsList li{float:left; width:500px; height:340px; overflow:hidden; margin:0 20px 20px 0;position:relative;}
.newsList h3{ font-size:16px; line-height:25px; color:#35bdef; padding-bottom:15px; background:url(../images/bg_arrow.gif) no-repeat bottom left; margin-bottom:10px;}
.newsList .imgArea{ width:184px; height:290px; float:left; }
.newsList dl{ float:left; width:300px; padding-left:15px; overflow:hidden;  }
.newsList dt{ color:#000; font-size:18px; font-family:sumsin;color:#313131;padding:0 0 5px;position:relative;}
.newsList dd{ line-height:18px; font-size:14px; font-family:sumsin; color:#696969; }
.newsList dd.c{ height:150px; overflow:hidden;}
.newsList dd p{ padding-bottom:8px;}
.newsList dd a{ color:#4b95fe; float:left; width:50%;padding:4px 0;font-size:14px; text-decoration:underline;}

/*instruction*/
.instruction{ overflow:hidden; padding:35px 0;}
.instruction li{float:left; width:230px;  overflow:hidden; padding:0 0 0 20px; line-height:24px;}
.instruction span{ float:left; width:50px; height:60px; margin-right:5px}
.instruction dl{ float:left; width:175px;}
.instruction dt{ font-size:16px; line-height:30px; color:#4a4a4a; font-weight:700;}
.instruction dd a{ display:block; white-space:nowrap; color:#969696;}
.instruction dd a:hover{ text-decoration:underline;}
.instruction .a span{background-position:0 -431px;}
.instruction .b span{background-position:-52px -431px;}
.instruction .c span{background-position:-104px -431px;}
.instruction .d span{background-position:-156px -431px;}

/*zyfrom*/
.zyfrom{ padding:25px 0; font-size:20px; color:#878787; text-align:center; border-bottom:1px #222 solid; background:#333;}
.zyfrom .ipt,.zyfrom .ipt2{ border:1px solid #777; padding:5px; background:#444; height:25px; line-height:25px; width:290px;vertical-align:middle;font-size:16px; color:#fff;margin-right:15px;}
.zyfrom .ipt{  width:290px; }
.zyfrom .ipt2{  width:200px;}
.zyfrom .btn{ width:76px; height:37px; text-align:center; line-height:32px; border:1px solid #d8d8d8; background:#979797; vertical-align:middle; color:#fff; font-size:16px; cursor:pointer;}

/*footer*/
#footer{background:#333; height:66px;overflow:hidden; line-height:25px;}
.foot{width:1200px;margin:0px auto; clear:both; overflow:hidden; color:#bbbbbb; text-align:center; padding:10px 0px;}
.foot a{color:#bbbbbb; text-decoration:none; margin:0px 8px;}
.foot a:hover{color:#fff; text-decoration:none; margin:0px 8px;}

/*sidenav*/
.fixed{ position:absolute; left:-125px;}
.sidenav{ position:fixed; top:122px; width:105px;}
.sidenav h5{font-size:16px; font-family:"微软雅黑"; text-align:right; line-height:40px;}
.sidenav ul{ overflow:hidden; }
.sidenav li{ float:left; width:100%;text-align:right; color:#707070; margin-bottom:6px;}
.sidenav li a{ display:block;padding-right:18px;height:31px; line-height:31px;font-size:14px;background-position:0 -529px;}
.sidenav li.on a,.sidenav li a:hover{ color:#fff; background-position:0 -498px;}

.fixed2{position:absolute; right:-46px;}
.gotop{position:fixed; bottom:50px; display:block; background-position:0 -336px;}

/*focus*/
.focus{ height:400px; width:100%; overflow:hidden; position:relative;}
.focus .wrap{ background:none;}
.picwrap{ position:absolute;width:100%; left:0; top:0;height:400px;}
.picroll{ overflow:hidden;  }
.picroll li{ float:left; width:100%; height:400px; overflow:hidden; position:relative;}
.picroll li img{  position:absolute;  left:50%; margin-left:-960px; }


.pictab{ float:right; overflow:hidden; margin:372px 315px 0 0; padding:4px 15px 4px 5px; background:#b9bdc0;border-radius:10px;}
.pictab li{ float:left; display:inline-block; overflow:hidden; height:14px; width:14px; margin-left:10px;background-position:-122px -9px; cursor:pointer; line-height:200px;}
.pictab li.on{background-position:-101px -9px;}

.login{ color:#666; font-size:14px;}
.login span{ color:#666; font-size:14px;}
.login{  width:358px; background:#fff; margin:100px auto;}
.loginTab{ overflow:hidden;}
.loginTab li{ float:left; width:147px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#5c5f58; background:#e4e4e4; cursor:pointer;border-left:1px #e4e4e4 solid;border-right:1px #e4e4e4 solid; border-top:1px #e4e4e4 solid;}
.loginTab .on{  background:#35bdef; color:#fff;border-left:1px #07a2e8 solid;border-right:1px #07a2e8 solid; border-top:1px #07a2e8 solid;}
.loginTab .gglog{ width:100%;background:#c90304; color:#fff; border:none;}

.loginbox{ padding:19px;}
.login .con{border:1px #c90304 solid; height:247px;}

.iptArea{ margin-bottom:20px; position:relative; }
.iptArea i{ position:absolute; display:block; left:8px; top:2px; width:21px; height:28px; overflow:hidden; }
.mail i{background-position:0 -591px;}
.pwd i{background-position:0 -633px;}
.iptArea input{ border:none;  height:20px; line-height:20px; padding:6px 0 6px 6px; width:221px; color:#a3a3a3; font-size:14px; font-family:sumsin;background-position:0 -729px; vertical-align:middle;border:1px solid #dbdbdb;border-radius:3px; }
.iptArea img{ vertical-align:middle; margin-left:9px;}

.code{ margin-bottom:8px;}
.code input{width:91px;text-align:left; padding-left:6px;border:1px solid #dbdbdb;border-radius:3px;}
.code span{ display:inline-block; vertical-align:middle; margin-left:15px; width:27px; height:31px;background-position:0 0; cursor:pointer;}

.btnLogin{ display:inline-block;width:134px; height:35px; line-height:35px;margin:12px 15px 0 0; border:none; background:#c90304; cursor:pointer; font-size:16px; color:#fff;text-align:center}
.btnLogin:hover{color:#fff;background:#ff0000;}
.forget{ color:#606060;}
.txtc{ text-align:center;}
.check,.check a{ font-size:14px; font-family:sumsin;color:#777777; }
.check a:hover{ text-decoration:underline;}
.check{line-height:18px;vertical-align:middle; padding-top:4px;}
.check label{margin-right:30px;}
.check input{ vertical-align:top; margin:2px 3px 0 0;}

.reg{ padding:16px 0 8px; margin-top:6px; text-align:center; border-top:1px solid #cbcbcb}
.reg a{ display:inline-block; width: 124px;height: 51px; background:#ec8b00; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:51px;border-radius:3px;}
.reg a:hover{ display:inline-block; width: 124px;height: 51px; background:#ffa826; font-size:18px; font-weight:700; color:#fff; text-align:center; line-height:51px;border-radius:3px;}


#main-about{width:1200px; margin:0px auto; clear:both; overflow:hidden; border-top:4px #67d7ff solid; background:#fff;}
.about-left{float:left; width:220px;}
.about-left ul{background:url(../images/about_t1.png) no-repeat 32px 26px;}
.about-left ul li{line-height:62px; height:62px; border-bottom:1px #e8e8e8 solid;}
.about-left ul li a{color:#606060; text-decoration:none; font-family:"微软雅黑"; font-size:20px; padding-left:70px;}
.about-left ul li a:hover{color:#606060; text-decoration:none; display:inline-block; width:150px; padding-left:70px;}
.about-left ul li a.cur{background:#67d7ff url(../images/about_t2.png) no-repeat 32px 26px; color:#fff; height:62px; display:inline-block; width:150px; padding-left:70px;}

.about-right{float:left; width:899px; border-left:1px #cdcdcd solid; padding:20px 40px 40px 40px;}
.about-right h1{font-family:"微软雅黑"; font-size:24px; font-weight:normal; text-align:center; color:#4c4c4c;}
.about-right .contanr{line-height:30px; font-size:14px; color:#7b7b7b; font-family:"微软雅黑"; padding-top:30px;}
.about-right .contanr img{vertical-align: middle;max-width: 680px; width: expression(this.width > 680 && this.width > this.height ? 680 : true);overflow: hidden; margin:15px 0px;}
.about-right .contanr hr{border-bottom:1px #bdbdbd dashed; margin:20px 0px; color:#fff; border-top:none;}
.about-right .contanr table{border:none;}
.about-right .contanr table td{border:none;}
.about-right .p18{font-size:18px; color:#68d7ff;}
.about-right .p24{font-size:24px; color:#68d7ff; font-weight:700;}

/*新手上路*/
#main-container{width:1030px; margin:0px auto; clear:both; overflow:hidden; border-top:4px #67d7ff solid; background:#fff;}
.post-left{float:left; width:220px;}
.post-left ul li{line-height:62px; height:62px; border-bottom:1px #e8e8e8 solid; text-align:center;}
.post-left ul li a{color:#606060; text-decoration:none; font-family:"微软雅黑"; font-size:20px;}
.post-left ul li a:hover{color:#606060; text-decoration:none; display:inline-block; width:220px;}
.post-left ul li a.cur{background:#bebebe; color:#fff; height:62px; display:inline-block; width:220px;}
.post-left h5{background:#67d7ff; height:62px; width:220px; font-family:"微软雅黑"; font-size:20px; color:#fff; text-align:center; line-height:62px; font-weight:normal;}

.post-right{float:left; width:729px; border-left:1px #cdcdcd solid; padding:40px;}
.post-right h1{font-family:"微软雅黑"; font-size:24px; font-weight:normal; text-align:center; border-bottom:1px #bdbdbd dashed; color:#4c4c4c; padding-bottom:40px;}
.post-right .contanr{line-height:30px; font-size:14px; color:#7b7b7b; font-family:"微软雅黑"; padding-top:16px;}
.post-right .contanr hr{border-bottom:1px #bdbdbd dashed; margin:20px 0px; color:#fff; border-top:none;}
.post-right .p18{font-size:18px; color:#656565; }
.post-right .p24{font-size:24px; color:#68d7ff; font-weight:700;}
.post-right .contanr img{margin-bottom:20px; margin-top:20px;}

/*登录*/
.top_login{height:142px; background:#fff;}
.login_2{width:1030px; margin:0px auto;}
.login_2 .logo_2{float:left; width:190px; height:123px; background:url(../images/weixinclub.png) no-repeat 0px 58px; text-indent:-9999px; margin-right:20px;}
.login_2 .snav{float:left; width:281px; height:123px; background:url(../images/logo_nav.png) no-repeat 0px 100px;}

/*reg*/
.reg_2{width:910px; margin:0px auto; clear:both; overflow:hidden; border-top:4px #67d7ff solid; padding:0px 60px; margin-top:58px; background:#fff; padding-bottom:40px;}
.reg_2 h5{height:80px; line-height:80px; font-family:"微软雅黑"; font-size:24px; border-bottom:1px #cdcdcd dashed;}
.reg_2 h5 span{margin-left:10px; font-size:14px; color:#67d7ff; font-weight:normal;}
.reg_2 h5 i{float:right; font-size:14px; font-weight:normal; font-style:normal;}

.reg_2 .regCon{float:left; width:350px; margin-right:100px; margin-top:40px;}
.reg_2 .regCon .regtlx{text-align:right; margin-right:6px;}
.reg_2 .regCon .inp{border:1px #cbcbcb solid; height:29px; line-height:29px; width:250px; padding:0px 2px; outline:none;}
.reg_2 .regCon .btn{border:none; background:url(../images/reg.png) no-repeat; height:44px; width:113px; line-height:42px; text-align:center; cursor:pointer;}

.reg_2 .info{float:left; width:460px;}
/*
.reg_2 .info .int{width:386px; border:1px #cdcdcd solid; border-radius:4px; padding:30px 24px; margin-top:35px; background:url(../images/reg_tips.png) no-repeat 24px 30px; height:367px;}
*/

.form-login .input{ padding:10px 0; overflow:hidden; clear:both}
.form-login .input label{ width:84px;font-size:14px; color:#444; text-align:right; float:left}
.form-login .input label span{color:#F00; margin-right:4px;}
.form-login .input .form{ width:350px; float:left}

.form-login .submit{ border:none; cursor:pointer; background:url(../images/reg.png) no-repeat; width:113px; height:44px; line-height:42px; text-align:center; outline:none;}
.input-text{
    margin: 0px 5px 0px 0px;
    padding: 2px 0px 2px 5px;
    border: 1px solid #D0D0D0;
    background: url(../images/input.png) repeat-x scroll 0% 0% #FFF;
    font-family: Verdana,Geneva,sans-serif,"宋体";
    font-size: 12px;
	height:26px; width:200px;
}
.input-text-ma{background:url(../images/tel_ma.png) no-repeat; height:35px; width:104px; border:none; cursor:pointer; margin-left:10px;}

/*案例*/
.aiyi{clear:both; overflow:hidden;}
.aiyi .tit{border-bottom:1px #cbcbcb dashed; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; font-weight:700; background:url(../images/tips.png) no-repeat left; color:#44b5df; width:1030px; padding:0 0 0px;}
.aiyi .tit2{border-bottom:1px #cbcbcb dashed; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:16px; font-weight:700; background:url(../images/tips2.png) no-repeat left; color:#44b5df; width:1030px; padding:0 0 0px;}
.aiyi .tit2 span{margin-left:40px;}
.aiyi .tit span{margin-left:40px;}
.aiyi .brand{ width:973px; margin-left:20px; clear:both; overflow:hidden; margin-top:20px;}
.aiyi .brand .list{border:1px #ddd solid; height:63px; border-right:none; width:972px; margin-bottom:20px;}
.aiyi .brand .list img{border-right:1px #ddd solid; float:left; width:161px; height:63px;}
.aiyi .bline{border-bottom:1px #cbcbcb solid;}

/*links*/
.links{width:680px; clear:both; overflow:hidden;}
.links ul li{float:left; padding:0px 10px; height:24px; line-height:24px;}
.links ul li a{color:#444; text-decoration:none;}

.dotline{}


.boxList .itemtitle{float:none; color:#49C4F0; font-size:large; height:auto; width:auto;}

/*加入我们*/
.qq{float:right; width:66px; padding-right:30px;}
.titleb{background:#ffda68; height:50px; line-height:50px; border-radius:4px; font-size:20px; font-family:'微软雅黑'; color:#333; padding:0px 10px;}



/*页脚*/
.center {
width: 1150px;
margin: 0 auto;
}
.fl {
float: left;
_display: inline;
}
.footer{width:100%;background:#f3f3f3;border-top:solid 3px #018BC5;margin-top:24px;line-height: 22px; margin-bottom:2px;}
.public_num{background:url(../images/ind_33.jpg) no-repeat;width:155px;height:166px;margin-top:-17px;_position:relative;}
.public_num img{display:block;margin:14px auto;}
.public_num p{text-align:center;font-size:14px;}

.guide{margin:0 24px;margin-right:0; height:149px; overflow:hidden;}
.guide dl{float:left;width:175px;min-height:149px;_height:149px;background:url(../images/ind_36.jpg) no-repeat left top;}
.guide dt{font-size:14px;font-weight:bold;padding-left:12px;height:35px;line-height:35px;}
.guide dd li{padding-left:12px;}
.guide dd li a{color:#666;}
.guide dd li a:hover{color:#018BC5 !important}

.contact{width:270px;padding:5px 0 0 0;margin-right:0px;min-height:149px;_height:149px;height:149px; overflow:hidden;}
.contact dl{float:left;width:270px;min-height:149px;_height:149px;background:url(../images/ind_36.jpg) no-repeat left top;}
.contact dt{font-size:14px;font-weight:bold;height:35px;line-height:35px;padding-left:12px;}
.contact dd li{padding-left:12px;}
.contact dd li a{color:#666;}
.contact dd li a:hover{color:#018BC5 !important}

.footer a:link,.footer a:visited{ color:#333333;}

.log input{ margin-bottom:-7px;}