@charset "gb2312";
/* ask v1.0*/

* { word-wrap: break-word; }
html,body{ background:#f9f9f9 !important; }
body,button,input,select,textarea{ font-family:'Microsoft YaHei'; }
.lf{ float:left;}
.rt{ float:right;}
li{ list-style:none;}
.clr{zoom:1}
.clr:after{content:".";display:block;visibility:hidden;height:0;clear:both}
.collan{color: #0082FC;}
#pt{ clear:inherit;}
#ntcwin{ z-index:999 !important;}
.w1200{ width:1200px;}

a{color: #0082FC;}
a:hover{color: #0063C1;}

a.rwbtn{background: #0082FC; color:#fff; text-align:center; border-radius: 2px;}
a.rwbtn:hover{ background:#06b;}
a.rwbtn2{border: 1px solid #AABCCE; text-align:center; border-radius: 2px; cursor:pointer; }
a.rwbtn2:hover{ background:#AABCCE}

.tybtn{background: #0082FC;border: 1px solid #0082FC; color:#fff; text-align:center; border-radius: 2px; cursor:pointer;}
.tybtn:hover{ background:#06b;}
.tybtn:disabled {cursor: default;opacity: .5;}
.tybtn2{border: 1px solid #E8E8E8; background:#fff; text-align:center; color: #617288; border-radius: 2px; cursor:pointer; }
.tybtn2:hover{ border: 1px solid #0082FC; color: #0082FC;}

a.btn_sty1{ display:inline-block; background:#fff; border: 1px solid #0082FC; color: #0082FC; text-align:center;  font-size: 14px; border-radius: 2px;transition:none;}
a.btn_sty1:hover{  background:#D5EBFF;}

a.btn_sty2{ display:inline-block; background:#fff; border: 1px solid #0082FC; color: #0082FC; text-align:center; border-radius: 2px;transition:none;}
a.btn_sty2:hover{  background:#D5EBFF;}

a.btn_sty0{ display:inline-block;  background:#B3C1D3; color: #fff; text-align:center;  font-size: 14px; border-radius: 2px; transition:none;}

.fs12{ font-size:12px;}


.myzip{color: #0082FC; font-size:15px; display:inline-block !important; padding:4px 0 4px 34px;}
.myzip:hover{ text-decoration:underline}

.rt_box{ float:right; width:334px; background: #FFFFFF;box-shadow: 0 2px 2px 0 rgba(204,204,204,0.50);border-radius: 2px; margin-bottom:20px;}

.p_pop span{ display:block;}

/* top */
.tkbn{ width:100%; height:177px; background:url(bg.png) center no-repeat; color:#fff; margin-bottom:20px; box-shadow: 0 2px 2px 0 rgba(204,204,204,0.50);}
.tkbn .lftxt{ float:left;}
.tkbn .lftxt h2{ padding:40px 0 10px; font-size:36px; font-weight:normal;}
.tkbn .lftxt span{font-size: 14px; opacity:0.8; letter-spacing: 2px;}
.tkbn .rttxt{ float:right;}
.tkbn .rttxt ul{ padding-top:50px;}
.tkbn .rttxt li{ position:relative;float:left; text-align: center; margin-left:42px; padding-right:42px; }
.tkbn .rttxt li em{ display: block; font-size:26px; padding-bottom:4px;}
.tkbn .rttxt li i{ position:absolute; right:0; top:20px; width:1px; height:34px; background:#fff;}
.tkbn .rttxt li span{ display:block;opacity:0.8; font-size:14px;}

.mod_til{ font-size:14px; position:relative; padding-left:10px;}
.mod_til i{ position:absolute; left:0; top:2px; height:13px; width:2px; background:#0082FC; margin-right:6px; margin-top:2px;}

.inrt_nav{ padding-top:10px;}
.inrt_nav i{ display:inline-block; width:1px; height:13px; background:#ddd; margin:0 18px; vertical-align:middle;}
.inrt_nav a{ font-size:14px; color: #617288;}
.inrt_nav a:hover{ color:#0082FC;}

.inrt_nav1{ padding-top:10px;}
.inrt_nav1 a{ display:block !important; margin:4px 0 12px 0;}


/* area */

.com_area{background:#fff; box-shadow: 0 2px 2px 0 rgba(204,204,204,0.50); border-radius: 4px;}
.area_til{text-align:center; font-size: 20px; padding:40px 0 20px;}

.area1{}
.area1 ul{ float:left; width:388px; margin-right:18px; height:410px;background: #FFFFFF; box-shadow: 0 2px 2px 0 rgba(204,204,204,0.50); border-radius: 4px;}
.area1 ul .atop{ height:96px; border-bottom:1px solid #eee; text-align:center;}
.area1 ul .atop h1{ font-size:20px; font-weight:normal;color:#333; padding:22px 0 2px;}
.area1 ul .atop em{color:#aaa;}

.area1 ul .info1{}
.area1 ul .info1 li{ margin-top:34px; min-height:108px;}
.area1 ul .info1 li img{ width:72px; height:72px; float:left; margin:0 20px 0 30px;}
.area1 ul .info1 li span h5{ color:#333; font-size:16px; font-weight:normal; padding-top:6px;}
.area1 ul .info1 li span{ float:left; width:250px;}
.area1 ul .info1 li span em{ display:block; color:#aaa; padding:4px 0 14px;}
.area1 ul .info1 li a{ font-size:14px; margin-right:16px;}

.area4{ width:100%; overflow:hidden;}
.area4 ul{ width:110%; padding:20px 0 20px 20px;}
.area4 ul li{ width:370px; height:184px; float:left; margin-right:24px; margin-top:24px; position:relative; border-radius:6px; overflow:hidden; } 

.area4 li .tbox{ position:absolute; width:100%; top:130px; color:#fff; transition: all .3s;}
.area4 li .tbox .txt{ position: absolute; z-index:2; padding:0 20px;}
.area4 li .tbox .txt h5{ display:block; padding:14px 0; font-size:18px; font-weight:normal;}
.area4 li .tbox .tlk{ display:block; width:48px; height:32px; background:url(fan_right.png) no-repeat;}
.area4 li .tbox  em{ position:absolute; width:100%; height:200px; background:#000; z-index:1; opacity:0.6; }
.area4 ul li:hover .tbox{ top:0;}
.area4 .golk{ display:block; color:#fff; height:184px;}


/* box1 */
.txtlf{ text-align:left;}
.dj_box{}
.dj_box th{ font-size:16px; padding:14px 0; width:120px; text-align:center; color:#333; vertical-align:top;}
.dj_box th span{ display:block;color: #8496AB; font-size:12px; padding-top:4px;}

.dj_box tr td{ text-align:center; padding:16px 0;color: #617288; font-size:16px;}

.dj_box tr i{ display:inline-block; height:26px; font-size:16px; color:#333;  padding-left:34px; margin-left:-28px;}
.dj_box tr .ico1{background:url(fan_zhuanshi.png) left center no-repeat;}
.dj_box tr .ico2{background:url(fan_golden.png) left center no-repeat;}
.dj_box tr .ico3{background:url(fan_silver.png) left center no-repeat;}
.dj_box tr .ico4{background:url(fan_bronze.png) left center no-repeat;}
.dj_box .beizhu .txt{ font-size:14px; text-align:left; color:#8496AB;}


.mymore{ width:200px; height:40px; line-height:40px; margin:10px auto 30px auto; text-align:center; border: 1px solid #0082FC; border-radius: 20px; cursor:pointer;}


.tab5{ border-collapse:collapse; text-align:center; margin-top:-1px;}
.tab5 td{border:1px solid  #eee; }

.tab5 .gxbox{ position:relative; display: block; width:100%; height:90px; text-align:left;}
.tab5 .gxbox span{ display:block; padding:20px 0 0 140px; font-size: 16px;}
.tab5 .gxbox em{display:block; padding:4px 0 0 140px; font-size: 12px; color: #8496AB;}
.tab5 .gxbox:hover{ background:#F2F9FF;}

.tab5 i{ position:absolute; left:70px; top:20px; width:48px; height:45px; background-position:center center; background-repeat:no-repeat; }
.tab5 .gx1{ background-image:url(gx1.png);}
.tab5 .gx2{ background-image:url(gx2.png);}
.tab5 .gx3{ background-image:url(gx3.png);}
.tab5 .gx4{ background-image:url(gx4.png);}
.tab5 .gx5{ background-image:url(gx5.png);}
.tab5 .gx6{ background-image:url(gx6.png);}

.btn_wt{display:block; width:240px; height:40px; text-align:center; line-height:40px; font-size:16px; color: #0082FC; border-radius:4px; margin:0 auto; background:#fff;}



.daren_box{ padding:10px 26px 24px 26px; margin-bottom:14px;}
.daren_box ul{ width:110%;  color:#333;}
.daren_box ul li{ width:238px; height:240px; float:left; background:url(blue.png) top no-repeat; background-size:100%; margin-right:22px;border: 1px solid #E8E8E8;border-radius: 2px; overflow:hidden;}
.daren_box ul li.stylv{ background:url(green.png) top no-repeat !important; background-size:100% !important;}
.daren_box ul li .usface{ width:52px; height:52px; margin:18px auto 8px auto;  }
.daren_box ul li .usface a{ display:block; width:48px; height:48px; padding:8px 0; }
.daren_box ul li .usface a img{border:2px solid #fff; border-radius:100px;}
.daren_box ul li .nm{ text-align:center; font-size: 16px; padding-top:2px;}
.daren_box ul li .til{ text-align:center; font-size: 12px; padding:4px 0 12px;}
.daren_box ul li .itxt{ text-align:center; font-size: 14px;}
.daren_box ul li .itxt em{ font-size:12px;color: #8496AB; padding-right:4px;}

.fans_uidzu{ width:90%; margin:10px auto 0 auto;}
.fans_uidzu span{ float:left; width:50%; padding:12px 0 0 0;}
.fans_uidzu span i{ display:inline-block; width:6px; height:6px; border-radius:50px; vertical-align:middle; margin:0 6px 0 20px;}
.fans_uidzu span i.dian_1{ background:#25D32B;}
.fans_uidzu span i.dian_2{ background:#0082FC;}
.fans_uidzu span i.dian_3{ background:#E176FF;}
.fans_uidzu span i.dian_4{ background:#FFA829;}

.topgz{ padding-top:12px;text-align: center;}
.topgz .flw_yes,.topgz .flw_no{ display:inline-block; color:#fff; border-radius: 2px; width:144px;  text-align:center;}
.topgz .flw_yes{background: #B3C1D3;}
.topgz .flw_no{ background: #0082fc;}
.topgz .flw_no:hover{background: #0063C1;}

.topgz .flw_yes em,.topgz .flw_no em {display: inline-block;padding:6px 0;width: 144px; font-size:14px;}
.topgz .fsgz{ color:#8496AB}
.topgz .fsgz a{color:#8496AB; }
.topgz .flw_no i{ display:inline-block; width:14px; height:14px; background:url(bjia.png)  no-repeat; margin-right:6px; vertical-align:middle;  }


.picScroll-left{ width:90%;   position:relative; margin:14px auto 0 auto;  }
.picScroll-left .hd{ overflow:hidden;  height:30px; }
.picScroll-left .bd .next{ display:block; position:absolute; right:-70px; width:60px; height:100%; top:0; background:url(rt1.png) center no-repeat; cursor: pointer;}
.picScroll-left .bd .prev{ display:block; position:absolute; left:-70px; width:60px; height:100%; top:0; background:url(lf1.png) center no-repeat;cursor: pointer;}
.picScroll-left .bd .next:hover{ background:url(rt2.png) center no-repeat; }
.picScroll-left .bd .prev:hover{ background:url(lf2.png) center no-repeat; }