@charset "utf-8";
/* 内容*/
.ljqx:hover{ background:#30a67c; color:#fff;}
.wi_back_ri{ height:675px;}
.cwq_wi dt{ width:149.5px; float:left; height:110px; color:#666;  font-weight:normal; cursor:pointer;}
.cwq_wi dt.active{ background:#58cf91; color:#fff; transition: all 0.3s linear 0s;}
.wbhr_wi{ width:388px;}
.wbhr{ background:url(../images/iconfoo.png) 0 -33px no-repeat; height:20px; text-indent:25px; margin:0 0 5px 0;}
.widh_1{ width:262px;}
.widh_img{ width:152px; height:168px; margin:0 auto; cursor: pointer;}
.ymd_1,.ymd_2{width:50px; color:#999; margin-top:30px;}
.ymd_1{}
.ymd_2{}
.bhr_bo img{ width:68px; height:68px; border-radius:68px; display:block;}
.back_1{ background:url(../images/back_1.jpg) center no-repeat; height:520px;}
.jqol_leeft li{ float:left; width:170px; margin:0 0 0 20px; text-align:center; padding:0 0 15px 0; cursor:pointer;}
.jqol_leeft li.active{ border-bottom:2px solid #e83737;}
.tg_1{top:30px; right:50px;}
.tg_2{ top:9px; left:60px;}
.yj_th{ text-decoration:line-through;}
.render_1{background:#58cf91;width:120px;height:200px;display:none;position: absolute; z-index:1;color: #fff; font-size:16px; padding:20px; border-radius:5px;}
.render_2{background:#7c88d0}
.render_3{background:#e83737}
.bor_a:link{color:#fff;}
.bor_a:visited{color:#fff;}
.bor_a:hover{color:#ea544a;}

.bor_b:link{color:#fff;}
.bor_b:visited{color:#fff;}
.form-control {
    height: 33px;
}


.blue_caogen{background-position:0 -71px;}
.yellow_caogen{background-position:0 -48px;}
/*微信*/
.wi_back2{ background:url(../images/wi_back2.jpg) no-repeat; height:675px; padding:20px 25px;}
.cwq_wi_cor dt.active{ background:#7c88d0; color:#fff; transition: all 0.3s linear 0s;}
.ljqx2:hover{ background:#666faa; color:#fff;}
.button_2{border-radius:3px; border:1px solid #7c88d0; padding:8px; color:#7c88d0;}
.button_2:hover{ background:#7c88d0; color:#fff;}
.coz{ color:#7c88d0;}
.cos{ color:#ff9445;}
.wi_img1{background:url(../images/wi_22.jpg) 0 0 no-repeat;}
.wi_img2{background:url(../images/wi_22.jpg) -152px 0 no-repeat;}
.wi_img3{background:url(../images/wi_22.jpg) -304px 0 no-repeat;}
.wi_img4{background:url(../images/wi_22.jpg) -456px 0 no-repeat;}
.wi_img5{background:url(../images/wi_22.jpg) -608px 0 no-repeat;}
.wi_img6{background:url(../images/wi_22.jpg) -764px 0 no-repeat;}
.wi_img7{background:url(../images/wi_22.jpg) 0 -168px no-repeat;}
.wi_img8{background:url(../images/wi_22.jpg) -152px -168px no-repeat;}
.wi_img9{background:url(../images/wi_22.jpg) -304px -168px no-repeat;}
.wi_img10{background:url(../images/wi_22.jpg) -456px -168px no-repeat;}
.wi_img11{background:url(../images/wi_22.jpg) -608px -168px no-repeat;}
.wi_img12{background:url(../images/wi_22.jpg) -764px -168px no-repeat;}
/*朋友*/
.wi_back3{ background:url(../images/wi_back3.jpg) no-repeat; height:675px; padding:20px 25px;}
.cwq_wb_cor dt.active{ background:#e83737; color:#fff; transition: all 0.3s linear 0s;}
.ljqx3:hover{ background:#ef6447; color:#fff;}
.button_3{border-radius:3px; border:1px solid #e83737; padding:8px; color:#e83737;}
.button_3:hover{ background:#e83737; color:#fff;}
.py_img1{background:url(../images/wi_22.jpg) 0 -336px no-repeat;}
.py_img2{background:url(../images/wi_22.jpg) -152px -336px no-repeat;}
.py_img3{background:url(../images/wi_22.jpg) -304px -336px no-repeat;}
.py_img4{background:url(../images/wi_22.jpg) -456px -336px no-repeat;}
.py_img5{background:url(../images/wi_22.jpg) -608px -336px no-repeat;}
.py_img6{background:url(../images/wi_22.jpg) -764px -336px no-repeat;}
.py_img7{background:url(../images/wi_22.jpg) 0 -502px no-repeat;}
.py_img8{background:url(../images/wi_22.jpg) -152px -502px no-repeat;}
.py_img9{background:url(../images/wi_22.jpg) -304px -502px no-repeat;}
.py_img10{background:url(../images/wi_22.jpg) -456px -502px no-repeat;}
.py_img11{background:url(../images/wi_22.jpg) -608px -502px no-repeat;}
.py_img12{background:url(../images/wi_22.jpg) -764px -502px no-repeat;}
/*微博名人*/
.wi_back4{ background:url(../images/wi_back4.jpg) no-repeat; height:675px; padding:20px 25px;}
.cwq_xw_cor dt.active{ background:#ffd451; color:#fff; transition: all 0.3s linear 0s;}
.ljqx4:hover{ background:#ae7717; color:#fff;}
.button_4{border-radius:3px; border:1px solid #f0aa27; padding:5px 8px; color:#f0aa27;}
.button_4:hover,.button_hover{ background:#f0aa27; color:#fff;}
.button_hover:hover{ background:#e49d17;}
.wp_img1{background:url(../images/wi_22.jpg) 0 -672px no-repeat;}
.wp_img2{background:url(../images/wi_22.jpg) -152px -672px no-repeat;}
.wp_img3{background:url(../images/wi_22.jpg) -304px -672px no-repeat;}
.wp_img4{background:url(../images/wi_22.jpg) -456px -672px no-repeat;}
.wp_img5{background:url(../images/wi_22.jpg) -608px -672px no-repeat;}
.wp_img6{background:url(../images/wi_22.jpg) -764px -672px no-repeat;}
.wp_img7{background:url(../images/wi_22.jpg) 0 -840px no-repeat;}
.wp_img8{background:url(../images/wi_22.jpg) -152px -840px no-repeat;}
.wp_img9{background:url(../images/wi_22.jpg) -304px -840px no-repeat;}
.wp_img10{background:url(../images/wi_22.jpg) -456px -840px no-repeat;}
.wp_img11{background:url(../images/wi_22.jpg) -608px -840px no-repeat;}
.wp_img12{background:url(../images/wi_22.jpg) -764px -840px no-repeat;}
.tuiguang{width:380px;height:300px;}
/*案例*/
#carousel1,#carousel2,#carousel3,#carousel4,#carousel5,#carousel6{position: relative;text-align: center; font-family: arial;margin-bottom: 0.5em; font-size: 12px; height:400px;}
.carousel-image {border-bottom: 0px;	border-left: 0px;display: block;border-top: 0px;border-right: 0px}
.carousel-feature {position: absolute; cursor: pointer;}
.carousel-feature .carousel-caption {position: absolute;background-color: #000;width: 100%;bottom: 0px}
.carousel-feature .carousel-caption p {margin: 0px;height:30px;line-height:30px}
.carousel-feature .carousel-caption p a {color: white;font-size: 12px;font-weight: bold}
.tracker-summation-container {position: absolute;text-align: center;padding-bottom: 3px;background-color: #ccc;margin: 3px;padding-left: 3px;padding-right: 3px;	float: left;color: white;top: 10000px;padding-top:3px;display:none}


@charset "utf-8";
/* CSS Document */
.banner_back1 {background:#4184d3;}
/* 内容*/
.wechat_sp{ margin-right:200px;}
.kol li{ font-size:16px; padding:5px 0 5px 58px; cursor:pointer; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; position:relative; height:55px;}
.kol li i{display: block; position: absolute; left: 15px;}
.kol li.active{ color:#e83737; border-left:1px solid #e83737; border-right:none; transition: all 0.3s linear 0s;}
.zsnl_1 li{ display:inline-table; width:135px; height:85px; text-align:center; font-size:16px; color:#666; border-radius:5px; margin:0 10px;  cursor: pointer; padding-bottom:15px;}
.zsnl_1 li.active{ background:#e83737; color:#fff; transition: all 0.3s linear 0s;}
.tg_3{ width:1139px; height:524px; background:url(../images/tg_3.jpg) no-repeat; margin:60px auto 0 auto;}
.nl_1{ margin-right:175px; float:left;}
.nl_2{ margin:10px 308px 0 22px;}
.tf_1{ display:block; display:inline-table; width:22px; line-height:22px; height:22px; background:#e83737; color:#fff; text-align:center; border-radius:22px; font-weight:bold;}
.tf_2{ width:760px; height:1px; background:#ddd; top:140px; left:170px; z-index:-1}
.yol li{padding:22px 0 17px 20px; }
.yol li.active{ color:#e83737; border-left:1px solid #e83737; border-right:none; transition: all 0.3s linear 0s;}
.friend_yk{ z-index:1; top:15px; left:-13px;}
.friend_yk span,.friend_yk1 span,.friend_yk2 span{height:40px; width:40px; display:block; position:relative;}
.friend_yk .demoSpan1,.friend_yk1 .demoSpan1,.friend_yk2 .demoSpan1{overflow:hidden; width:25px;}
.friend_yk .demoSpan1:before,.friend_yk1 .demoSpan1:before,.friend_yk2 .demoSpan1:before{content:''; height:10px; width:10px; display:block; border:1px solid #ebebeb; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; left:7px; background:#fff;}
.friend_yh{ width:80px; height:80px; border:1px dotted #e83737; border-radius:80px; line-height:25px; text-align:center; font-size:18px; color:#e83737; padding-top:13px; }
.friend_yk1{ z-index:1; top:15px; right:-13px;}
.friend_yk1 .demoSpan1:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.friend_yh1{background:#e78686;}
.friend_yk2 .demoSpan1:before{ background:#e78686; border:1px solid #e78686;}
.friend_yk2{ z-index:1; top:-12px; left:20px;}
.friend_yk2 .demoSpan1:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.friend_3{ width:760px; background:url(../images/friend_3.jpg) center no-repeat; height:420px;}
.bhr_lq{ left:100px; top:-40px;}

/* 圆圈 */
.close_max{width:18px;height:18px; transition:width .2s, height .2s;
    -moz-transition:width .2s, height .2s, -moz-transform .2s; /* Firefox 4 */
    -webkit-transition:width .2s, height .2s, -webkit-transform .2s; /* Safari and Chrome */
    -o-transition:width .2s, height .2s, -o-transform .2s; /* Opera */
    background: url(../images/r11.png) no-repeat center center;
}
.close_max:hover{transform:rotate(180deg);
    background: url(../images/r22.png) no-repeat center center;
    -moz-transform:rotate(180deg); /* Firefox 4 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */}
.close_m{bottom:52px; right:18px; z-index:1}
.close_max_noe{ display:none}
.close_m:hover div.close_max_noe{ display:block;}
.friend_aback{ height:525px; width:6px; background:#e9e9e9; margin:0 0 0 6px;}
.qq_tl{ float:left; width:70px; height:1px; border:1px dotted #ddd;}
.micro_1,.micro_2{ text-align:center;}
.micro_1 li,.micro_2 li{ display:inline-table; font-size:16px; margin:0 30px 20px 0; padding:8px 20px; cursor: pointer;}
.micro_1 li.active{background:#e83737; color:#fff; border-radius:5px; transition: all 0.3s linear 0s;}
.news_1{  bottom:7px; left:96px; display:none;}
.news_2{ bottom:12px; left:74px; display:none;}
.news_3{ bottom:4px; left:95px; display:none;}
.news_div:hover .news_1,.news_div:hover .news_2,.news_div:hover .news_3{ display:block;}
.news_p6{ background:#ea5364;}
.news_p7{ background:#75bee8;}
.news_p8{ background:#62a4ee;}
.news_p9{ background:#f24155;}
.news_pp a:hover{ color:#fff;}
.news_p10{ height:430px; width:1212px; background: url(../images/news_p10.jpg) no-repeat;}
.news_h1{width:245px; height:298px; margin-right:27px}
.news_h2{width:207px; height:248px; margin-right:24px; margin-top:30px}
.news_h3{width:208px; height:214px; margin-right:22px; margin-top:50px}
.news_h4{width:207px; height:248px; margin-right:23px; margin-top:30px}
.news_h5{width:240px; height:298px;}
.news_h1:hover{background:url(../images/news_p10.jpg) 0 -430px no-repeat;}
.news_h2:hover{background:url(../images/news_p10.jpg) -272px -460px no-repeat;}
.news_h3:hover{background:url(../images/news_p10.jpg) -503px -480px no-repeat;}
.news_h4:hover{background:url(../images/news_p10.jpg) -733px -460px no-repeat;}
.news_h5:hover{background:url(../images/news_p10.jpg) -963px -430px no-repeat;}
.news_h1_a{ bottom:60px; left:70px; display:none;}
.news_h2_a{ bottom:50px; left:50px; display:none;}
.news_h3_a{ bottom:40px; left:50px; display:none;}
.news_h4_a{ bottom:50px; left:50px; display:none;}
.news_h5_a{ bottom:60px; left:60px; display:none;}
.news_h1:hover .news_h1_a,.news_h2:hover .news_h2_a,.news_h3:hover .news_h3_a,.news_h4:hover .news_h4_a,.news_h5:hover .news_h5_a{ display:block;}
.news_tc1{ width:198px; height:178px; background:url(../images/news_p13.png) 0 -178px no-repeat;}
.news_tc1_div{ background:#303030; border-radius:5px; padding:10px 20px; width:330px; position:absolute; left:205px; top:15px; display:none; z-index:1}
.news_tc1_a{ display:block; color:#fff; padding:5px 0; margin:0 5px 5px 0; width:90px; float:left; text-align:center; border:1px solid #523539; border-radius:10px;}
.news_tc1_a:hover{ background:#ea5364; color:#fff;}
.news_tc1_button{background:url(../images/news_p13.png) no-repeat; display:none; position:absolute; top:0; left:0; width: 198px; height: 178px; padding-top:80px; padding-left:50px;}
.news_tc1:hover .news_tc1_div,.news_tc1:hover .news_tc1_button{ display:block;}
.news_tc1_cj{ position:absolute; left:-9px; font-size:50px; color:#303030; top:35px;}
.top1{ top:92px; left:0;}
.top2{ top:0px; left:157px;}
.top3{ top:92px; left:313px;}
.news_cot1{ background:url(../images/news_p11.png) no-repeat; height:268px; width:202px;}
.top4{ top:-10px; left:500px;}
.top5{ top:0; left:700px;}
.top6{ top:92px; left:857px;}
.top7{ top:0; left:1013px;}
.bhr_lq img{ border:2px solid #ebebeb;}
.news_fo2{ display:none;}
.news_fo1:hover .news_fo2{display:block;}
.news_fotop{ bottom:5px; left:43px;}
.news_foright{ bottom:0; left:43px;}
.w430{ width:430px;}
.wec_noe{ display:none; position:absolute; top:40px; right:0; background:#d66c68; border-radius:5px; color:#fff; padding:5px 10px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.wec_cj{ left:20px;}
.news_div:hover .wec_noe{ display:block;}
.wec_cj{ position:absolute; color:#d66c68; font-size:30px; top:-20px; right:20px;}
.wec_left{ left:10px;}
.bhr_img{left: 100px;top: -40px;}
.news_logo{width: 85px;height: 85px;border-radius: 85px;border: 2px solid #ebebeb;background: #fff;line-height: 85px;overflow: hidden;}
.news_logo img{ width:100%;}


/* CSS Document */
/* 内容*/
.wechat_1{ width:840px; height:545px; background:url(../images/micro_1.jpg) no-repeat; margin:0 auto;}
.wechat_sp{ margin-right:200px;}
.kol li{ font-size:16px; width:130px; height:180px; cursor:pointer; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; line-height:55px; text-align:center; background:#e9e7e7; padding-top:33px;}
.kol li.active{ color:#fff; border-left:1px solid #e83737; border-right:none; background:#e83737; transition: all 0.3s linear 0s;}
.zsnl_1 li{ display:inline-table; width:135px; height:85px; text-align:center; font-size:16px; color:#666; border-radius:5px; margin:0 10px; padding-bottom:15px;}
.zsnl_1 li.active{ background:#e83737; color:#fff; transition: all 0.3s linear 0s;}
.tg_3{ width:1139px; height:524px; background:url(../images/tg_3.jpg) no-repeat; margin:60px auto 0 auto;}
.nl_1{ margin-right:175px; float:left;}
.nl_2{ margin:10px 308px 0 22px;}
.tf_1{ display:block; display:inline-table; width:22px; line-height:22px; height:22px; background:#e83737; color:#fff; text-align:center; border-radius:22px; font-weight:bold;}
.tf_2{ width:760px; height:1px; background:#ddd; top:140px; left:170px; z-index:-1}
.yol li{padding:22px 0 17px 20px; }
.yol li.active{ color:#e83737; border-left:1px solid #e83737; border-right:none; transition: all 0.3s linear 0s;}
.friend_yk{ z-index:1; top:15px; left:-13px;}
.friend_yk span,.friend_yk1 span,.friend_yk2 span{height:40px; width:40px; display:block; position:relative;}
.friend_yk .demoSpan1,.friend_yk1 .demoSpan1,.friend_yk2 .demoSpan1{overflow:hidden; width:25px;}
.friend_yk .demoSpan1:before,.friend_yk1 .demoSpan1:before,.friend_yk2 .demoSpan1:before{content:''; height:10px; width:10px; display:block; border:1px solid #ebebeb; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; left:7px; background:#fff;}
.friend_yh{ width:80px; height:80px; border:1px dotted #e83737; border-radius:80px; line-height:25px; text-align:center; font-size:18px; color:#e83737; padding-top:13px; }
.friend_yk1{ z-index:1; top:15px; right:-13px;}
.friend_yk1 .demoSpan1:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.friend_yh1{background:#e78686;}
.friend_yk2 .demoSpan1:before{ background:#e78686; border:1px solid #e78686;}
.friend_yk2{ z-index:1; top:-12px; left:20px;}
.friend_yk2 .demoSpan1:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.friend_3{ width:760px; background:url(../images/friend_3.jpg) center no-repeat; height:420px;}
.friend_3{ width:760px; background:url(../images/friend_3.jpg) center no-repeat; height:420px;}
.bhr_lq{ left:100px; top:-40px;}

/* 圆圈 */
.close_min{width:18px;height:18px; transition:width .2s, height .2s;
    -moz-transition:width .2s, height .2s, -moz-transform .2s; /* Firefox 4 */
    -webkit-transition:width .2s, height .2s, -webkit-transform .2s; /* Safari and Chrome */
    -o-transition:width .2s, height .2s, -o-transform .2s; /* Opera */
    cursor:pointer;
    position:absolute;right:267px;top:20px;border:1px solid black;

}
.close_max{width:18px;height:18px; transition:width .2s, height .2s;
    -moz-transition:width .2s, height .2s, -moz-transform .2s; /* Firefox 4 */
    -webkit-transition:width .2s, height .2s, -webkit-transform .2s; /* Safari and Chrome */
    -o-transition:width .2s, height .2s, -o-transform .2s; /* Opera */
    background: url(../images/r11.png) no-repeat center center;

}
.close_max:hover{transform:rotate(180deg);
    background: url(../images/r22.png) no-repeat center center;
    -moz-transform:rotate(180deg); /* Firefox 4 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */}
.close_m{bottom:52px; right:18px; z-index:1}
.close_max_noe{ display:none}
.close_m:hover div.close_max_noe{ display:block;}
.friend_aback{ height:525px; width:6px; background:#e9e9e9; margin:0 0 0 6px;}
.qq_tl{ float:left; width:70px; height:1px; border:1px dotted #ddd;}
.micro_1,.micro_2{ text-align:center;}
.micro_1 li,.micro_2 li{ display:inline-table; font-size:16px; margin:0 30px 20px 0; padding:8px 20px; }
.micro_1 li.active{background:#e83737; color:#fff; border-radius:5px; transition: all 0.3s linear 0s; cursor: pointer;}
.micro_2 li{ display:inline-table; margin:5px 20px 0 0; padding:8px 30px; font-size:16px;}
.micro_2 li.active{ border-bottom:2px solid #e83737; color:#e83737; transition: all 0.3s linear 0s;}
.micro_3{ top:150px; right:120px; background:url(../images/micro_2.jpg) no-repeat; width:393px; height:424px;z-index:-1;}
.micro_31{ top:90px; right:220px; text-align:center;}
.micro_32{ top:450px; right:520px;}
.micro_33{ top:450px; right:-65px;}
.micro_4{ background:url(../images/micro_3.jpg) no-repeat; width:1200px; height:530px; padding:0 0 0 100px;}
.mr499{ margin:0 475px 0 0;}
.mr245{margin:0 230px 0 0;}
.micro_4ma{ margin:50px 0 0 530px;}
.micro_41{ width:315px; height:145px; padding:20px 0; text-align:center; line-height:30px; border:1px dotted #e83737; border-radius:5px;}
.micro_42{ width:280px; height:135px; padding:10px 0; text-align:center; line-height:30px; border:1px dotted #e83737; border-radius:5px;}
.micro_43{ width:245px; height:110px; padding:20px 0; text-align:center; line-height:30px; border:1px dotted #e83737; border-radius:5px;}
.micro_7{ border:1px dotted #76b1ea; padding:8px 20px; color:#76b1ea; border-radius:5px}
.micro_8{ background:url(../images/micro_6.jpg) center no-repeat; height:586px;}
.micro_81{top:80px; left:245px;}
.micro_82{top:40px; left:592px;}
.micro_83{top:130px; right:85px;}
.micro_84{top:400px; left:80px;}
.micro_85{top:470px; left:460px;}
.micro_86{top:385px; right:245px;}

.p_div2{margin-left:-20px;}
.p_div3{margin-left:-40px;}
.p_div4{margin-left:-40px;}
.p_div5{margin-left:;}
.p_div6{margin-left:;}
.p_div7{top:150px;width:150px;height:50px;}
.p_div8{top:12px;right:300px;width:150px;height:50px;}
.p_div9{top:190px;right:20px;width:150px;height:50px;}
.p_div10{top:275px;right:100px;width:150px;height:50px;}
.p_div11{top:400px;right:105px;width:150px;height:50px;}
.p_div12{top:456px;right:68px;width:150px;height:50px;}
.p_div13{top:450px;right:376px;width:150px;height:50px;}
.p_div14{top:137px;right:206px;width:150px;height:50px;}

.p_div1:hover .ps_1{display:block;}
.p_div2:hover .ps_2{display:block;}
.p_div3:hover .ps_3{display:block;}
.p_div4:hover .ps_4{display:block;}
.p_div5:hover .ps_5{display:block;}
.p_div6:hover .ps_6{display:block;}
.p_div7:hover .ps_7{display:block;}
.p_div8:hover .ps_8{display:block;}
.p_div9:hover .ps_9{display:block;}
.p_div10:hover .ps_10{display:block;}
.p_div11:hover .ps_11{display:block;}
.p_div12:hover .ps_12{display:block;}
.p_div13:hover .ps_13{display:block;}
.p_div14:hover .ps_14{display:block;}


.ps_1{top:40px;display:none;}
.ps_2{top:40px;left:-20px;display:none;}
.ps_3{top:40px;left:-20px;display:none;}
.ps_4{top:40px;display:none;}
.ps_5{top:40px;left:130px;display:none;}
.ps_6{top:40px;left:190px;display:none;}
.ps_7{top:30px;display:none;}
.ps_8{top:20px;left:30px;display:none;}
.ps_9{top:38px;left:100px;display:none;}
.ps_10{top:30px;left:80px;display:none;}
.ps_11{top:30px;left:100px;display:none;}
.ps_12{top:39px;left:39px;display:none;}
.ps_13{top:30px;left:20px;display:none;}
.ps_14{top:34px;left:13px;display:none;}


.cwq_mi{cursor: pointer;}
.top_1{ top:-300px; left:-40px; display:none;}
.cwq_mi:hover .top_1{ display:block;}

.hoverbg{left: 0;top: 0;width: 280px;height: 214px;background: #000;opacity: 0.5;border-radius: 5px;z-index: 3;display: none}
.hoverbtn{top: 90px;left: 84px;z-index: 3;display: none}
.hoveshow:hover .hoverbg,.hoveshow:hover .hoverbtn{display: block}



/* 内容*/
.wechat_1{ width:1194px; height:460px; background:url(../images/friend_1.jpg) no-repeat; margin:0 auto;}
.wechat_sp{ margin-right:200px;}
.kol li{ font-size:16px; padding: 10px 0 10px 58px; height:56px; cursor:pointer; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; position: relative;}
.kol li i {display: block;position: absolute;left: 15px;}
.kol li.active{ color:#e83737; border-left:1px solid #e83737; border-right:none; transition: all 0.3s linear 0s;}
.zsnl_1 li{ display:inline-table; width:135px; height:85px; text-align:center; font-size:16px; color:#666; border-radius:5px; margin:0 30px; padding-bottom:10px;}
.zsnl_1 li.active{ background:#e83737; color:#fff; transition: all 0.3s linear 0s;}
.tg_3{ width:1139px; height:524px; background:url(../images/tg_3.jpg) no-repeat; margin:60px auto 0 auto;}
.nl_1{ margin-right:175px; float:left;}
.nl_2{ margin:10px 308px 0 22px;}
.tf_1{ display:block; display:inline-table; width:22px; line-height:22px; height:22px; background:#e83737; color:#fff; text-align:center; border-radius:22px; font-weight:bold;}
.tf_2{ width:760px; height:1px; background:#ddd; top:140px; left:170px; z-index:-1}
.yol li{padding:22px 0 17px 20px; }
.yol li.active{ color:#e83737; border-left:1px solid #e83737; border-right:none; transition: all 0.3s linear 0s;}
.friend_yk{ z-index:1; top:15px; left:-13px;}
.friend_yk span,.friend_yk1 span,.friend_yk2 span{height:40px; width:40px; display:block; position:relative;}
.friend_yk .demoSpan1,.friend_yk1 .demoSpan1,.friend_yk2 .demoSpan1{overflow:hidden; width:25px;}
.friend_yk .demoSpan1:before,.friend_yk1 .demoSpan1:before,.friend_yk2 .demoSpan1:before{content:''; height:10px; width:10px; display:block; border:1px solid #ebebeb; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; left:7px; background:#fff;}
.friend_yh{ width:80px; height:80px; border:1px dotted #e83737; border-radius:80px; line-height:25px; text-align:center; font-size:18px; color:#e83737; padding-top:13px; }
.friend_yk1{ z-index:1; top:15px; right:-13px;}
.friend_yk1 .demoSpan1:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.friend_yh1{background:#e78686;}
.friend_yk2 .demoSpan1:before{ background:#e78686; border:1px solid #e78686;}
.friend_yk2{ z-index:1; top:-12px; left:20px;}
.friend_yk2 .demoSpan1:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.friend_3{ width:760px; background:url(../images/friend_3.png) center no-repeat; height:420px;}
.bhr_lq{ left:100px; top:-40px;}

/* 圆圈 */
.close_max{width:18px;height:18px; transition:width .2s, height .2s;
    -moz-transition:width .2s, height .2s, -moz-transform .2s; /* Firefox 4 */
    -webkit-transition:width .2s, height .2s, -webkit-transform .2s; /* Safari and Chrome */
    -o-transition:width .2s, height .2s, -o-transform .2s; /* Opera */
    background: url(../images/r11.png) no-repeat center center;

}
.close_max:hover{transform:rotate(180deg);
    background: url(../images/r22.png) no-repeat center center;
    -moz-transform:rotate(180deg); /* Firefox 4 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */}
.close_m{bottom:52px; right:18px; z-index:1}
.close_max_noe{ display:none}
.close_m:hover div.close_max_noe{ display:block;}
.friend_aback{ height:525px; width:6px; background:#e9e9e9; margin:0 0 0 6px;}
.qq_tl{ float:left; width:70px; height:1px; border:1px dotted #ddd;}

.pos_1:hover .pos_a1{display:block;z-index:99999;}
.pos_2:hover .pos_a2{display:block;}
.pos_3:hover .pos_a3{display:block;}
.pos_4:hover .pos_a4{display:block;}
.pos_5:hover .pos_a5{display:block;}
.pos_6:hover .pos_a6{display:block;}

.pos_a1{top:30px;display:none;}
.pos_a2{display:none;}
.pos_a3{left:70px;display:none;}
.pos_a4{left:50px;display:none;}
.pos_a5{top:40px;left:50px;display:none;}
.pos_a6{top:40px;left:50px;display:none;}

.friend_aimg{margin-left:-2px;}
.friend_bimg{bottom:0;}

.bor_hback:link{color:#fff;}
.bor_hback:visited{color:#fff;}
.bor_hback:visited{color:#fff;}
.bor_hback:active{color:#fff;}


.fw{font-weight:bold;}


.wechat_1{ width:1194px; height:524px; background:url(../images/wechat_1.jpg) no-repeat; margin:0 auto;}
.wechat_sp{ margin-right:200px;}
.kol li{ font-size:16px; padding:10px 0 10px 58px; cursor:pointer; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; position:relative; height:65px;}
.kol li i{display: block; position: absolute; left: 15px;}
.kol li.active{ color:#fff; border-right:none; background:#e93737; transition: all 0.3s linear 0s;}
.zsnl_1 li{ display:inline-table; width:135px; height:85px; text-align:center; font-size:16px; color:#666; border-radius:5px; margin:0 30px; padding-bottom:10px;}
.zsnl_1 li.active{ background:#e83737; color:#fff; transition: all 0.3s linear 0s;}
.tg_3{ width:1139px; height:524px; background:url(../images/tg_3.jpg) no-repeat; margin:60px auto 0 auto;}
.nl_1{ margin-right:175px; float:left;}
.nl_2{ margin:10px 308px 0 22px;}
.tf_1{ display:block; display:inline-table; width:22px; line-height:22px; height:22px; background:#e83737; color:#fff; text-align:center; border-radius:22px; font-weight:bold;}
.tf_2{ width:760px; height:1px; background:#ddd; top:140px; left:170px; z-index:-1}
.bhr_lq img{ border:2px solid #ebebeb;}
.yol li.active{ color:#fff; border-right:none; transition: all 0.3s linear 0s;}
.wec_hover{ position:relative; cursor: pointer;}
.wec_noe{ display:none; position:absolute; top:40px; right:0; background:#d66c68; border-radius:5px; color:#fff; padding:5px 10px;}
.wec_cj{ left:20px;}
.wec_hover:hover .wec_noe{ display:block;}
.wec_cj{ position:absolute; color:#d66c68; font-size:30px; top:-20px; right:20px;}
.wec_left{ left:10px;}