@charset "utf-8";
/* CSS Document */

.in_banner{ padding-bottom:10px;}
.in_banner img{ display:block}

.main .odbg { background: url("../images/bg1.gif") repeat-y scroll left center #fff; min-height: 500px; height:auto;border-left:1px solid #0a3672;border-right:1px solid #dedede; width:958px;}
.mn_left{ float:left; width:200px; }
.mn_right{ width:740px; float:right; /*padding-right:10px;*/ overflow:hidden;}

.sidebar{padding-left:20px; width:200px; overflow:hidden; border-top:2px solid #0a3672;  min-height: 500px;}
.sidebar ul{ width:180px;}
.sidebar li { background: url("../images/helpNavBg1.gif") no-repeat scroll left 37px rgba(0, 0, 0, 0); height: 44px; overflow: hidden;}
.sidebar li a {
    background: url("../images/helpNavBg2.gif") no-repeat scroll left top rgba(0, 0, 0, 0); color: #0c61bf; display: block; font-family:"Microsoft Yahei"; font-size: 14px;
    font-weight: bold; height: 30px; line-height: 28px; outline: medium none; overflow: hidden; text-align: center; text-decoration: none;
}
.sidebar li a:hover, .sidebar li .a_now { background: url("../images/helpNavBg2.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0); color: #fff; text-decoration: none;}
/*.sidebar li.active{ background:url(../bg/side_h.png) no-repeat;}
.sidebar li.active a{color:#594a00}*/
.title{ background:url(../bg/line1.jpg) no-repeat bottom left; padding:15px 0 5px; font-size:15px; color:#aacdf4; font-family:"Microsoft Yahei"; /*margin-bottom:13px;*/}
.title span{ color:#0c61bf; font-size:28px; font-family:"微软雅黑"; text-transform:uppercase; display:block; line-height:37px; font-weight:bold;}

.website{ overflow:hidden; line-height:32px; height:32px; width:100%;}
.website em{ display:inline-block; float:left}
.website i{ background:url(../ico/ico7.png) no-repeat center center; display:inline-block; width:10px; padding:0 3px; float:left; height:32px;}
.website a{ float:left;}
.website a:hover{color:#2d9fd7}
.website span{ color:#2d9fd7}
.home{ background:url(../ico/ico6.png) no-repeat center center; width:20px; height:32px; display:inline-block;}

.content{ overflow:hidden; border-top:1px solid #dedede;  background:#fff; min-height:455px; position:relative; padding:15px 0 30px;}

.pager{ overflow:hidden; padding-right:50px; text-align:right; padding:20px 50px 20px 0;}
.pager a{ line-height:14px; height:14px; padding:0 4px; display:inline-block; margin-right:2px; border:1px solid #d3d3d3; color:#727272;}
.pager a:hover{line-height:14px; height:14px; padding:0 4px; display:inline-block; margin-right:2px; border:1px solid #008bce; color:#fff; background:#008bce}
.pager span{line-height:14px; height:14px; padding:0 4px; display:inline-block; margin-right:2px; border:1px solid #008bce; color:#fff; background:#008bce}

.zn_det{ overflow:hidden; width:700px; margin:0 auto; padding:15px 0 30px;}
/*办卡说明*/
.zn_det .contentsss{line-height: 1.6em; overflow: hidden; width: 700px; padding-top:20px; font-size:12px;}
.zn_det .contentsss img{ float:left; padding:0px 10px 10px 0px; width:350px;}
.zn_det .contentsss .ps{ text-indent:2em; color:#333; font-size:12px; font-weight:normal; line-height:25px;}
.zn_det .contentsss p{ text-indent:inherit;  color:rgb(51, 102, 204); font-size:14px; font-weight:bold; line-height:30px;}
/*商业合作*/
.zn_det .contentsss_1{ line-height:40px;  text-align: justify; overflow: hidden; width: 550px; padding:40px 70px 0px; font-size:18px; font-weight:bold;}
.zn_det .contentsss_1 .ps{text-indent:2em;}
.zn_det .contentsss_2{ overflow: hidden; width: 700px; padding-top:30px; padding-bottom:50px; font-size:18px;}
.zn_det .contentsss_2 ul li{ padding-right:5px; float:left;}
/*充值网点、消费网点*/
.zn_det_2{ overflow:hidden; width:600px; margin:0 auto; padding:0px 50px 30px;}
/*.zn_det_2 .contentsss_czwd{ width:600px;}
.zn_det_2 .contentsss_czwd img{width:590px; border:2px solid #1c1c1c; margin-bottom:5px;}*/
.zn_det_2 .contentsss_czwd{ width:590px; border:2px solid #1c1c1c; margin-bottom:5px;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_h{width:590px; height:68px; background:url(../images/czwd_h_bg.jpg) repeat-x; line-height:60px; font-size:30px; font-weight:bold; color:#FFFFFF; text-align:center; }
.zn_det_2 .contentsss_czwd .contentsss_czwd_i{ width:560px; padding:10px 15px; float:left;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_i dl{ width:560px; float:left; overflow:hidden;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_i dl dt{ background:url(../images/czwd_dt_bg.jpg) no-repeat; float:left; width:550px; padding-left:10px; height:19px; line-height:19px; color:#FFFFFF; font-size:12px; font-weight:bold;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_i dl dd{ height:20px; line-height:20px; float:left; font-size:14px; color:#262223; padding:6px 0px 4px 35px; width:525px;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_i .dl_280{ width:280px; float:left; overflow:hidden;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_i dl .dd_280{ height:20px; line-height:20px; float:left; font-size:14px; color:#262223; padding:6px 0px 4px 35px; width:245px;}
.zn_det_2 .contentsss_czwd .contentsss_czwd_f{width:590px; height:47px; background:url(../images/czwd_f_bg.jpg) repeat-x;  font-size:30px; font-weight:bold; color:#FFFFFF; text-align:center; }

.zn_det_2 .contentsss_czwd .contentsss_xfwd_i{ width:560px; padding:10px 15px; float:left;}
.zn_det_2 .contentsss_czwd .contentsss_xfwd_i dl{ width:560px; float:left; overflow:hidden;}
.zn_det_2 .contentsss_czwd .contentsss_xfwd_i dl dt{ background:url(../images/czwd_dt_bg.jpg) no-repeat; float:left; width:550px; padding-left:10px; height:19px; line-height:19px; color:#FFFFFF; font-size:12px; font-weight:bold;}
.zn_det_2 .contentsss_czwd .contentsss_xfwd_i dl dd{ height:20px; line-height:20px; float:left; font-size:14px; color:#262223; padding:6px 0px 4px 35px; width:140px;}
.zn_det_2 .contentsss_czwd .contentsss_xfwd_i dl .dd_450{ width:450px;}
.zn_det_2 .contentsss_czwd .contentsss_xfwd_i dl .dd_205{ width:205px;}

/*联系我们*/
.zn_det_3{ overflow:hidden; width:650px; margin:0 auto; padding:0px 20px 30px;}
.zn_det_3 .contentsss_lxwm{ width:650px;}
.zn_det_3 .contentsss_lxwm img{ border-left:1px solid #272727; border-bottom:1px solid #858585; border-top:6px solid #272727; border-right:6px solid #272727;}
/*生肖卡页面*/
.main .sxk_m{ padding:50px 40px 50px 20px; width:900px;}
.main .sxk_m h2{ width:900px; line-height:40px; text-align:center; color:#000000; font-size:27px; padding-bottom:20px;}
.main .sxk_m img{ float:left; padding-right:20px;}
.main .sxk_m p{ text-indent:2em; line-height:40px; font-size:18px; text-align:justify; color:#000000;}


/*产品中心*/
.prod_list{ overflow:hidden; padding:35px 0 0 30px;}
.prod_list li{ float:left; width:210px; margin-right:20px;}
.prod_list li img{ width:210px; height:auto; display:block;vertical-align:middle;}
.prod_list li a{display: block;height: 100%;background: #ffffff repeat center;}
.prod_list li span{
display: inline-block;/*将行内元素改变为行内块元素显示*/
width: 1px;/*实现ＩＥ下可读效果*/
height: 100%;/*使用元素高度和图片容器高度一样*/
vertical-align: middle;/*垂直对齐*/
}
.prod_list li p{ line-height:32px; padding:12px 0 25px; text-align:center; font-size:13px; font-family:"Microsoft Yahei"}

.prod_det{ width:730px; margin:0 auto; padding:17px 0 50px; min-height:500px;}
.prod_det p{ line-height:30px; font-size:14px; color:#2a2a2a}
.prod_d_img{ padding-bottom:20px; border-bottom:1px dotted #868686; margin-bottom:16px;}

.prod_list2{ overflow:hidden; padding:35px 0 0 30px; min-height:500px;}
.prod_list2 li{ float:left; width:325px; margin-right:20px; text-align:center;}
.prod_list2 li img{  height:110px; display:block; margin:0 auto;}
.prod_list2 li a{display: block;height: 100%;background: #ffffff repeat center;}
.prod_list2 li span{
display: inline-block;/*将行内元素改变为行内块元素显示*/
width: 1px;/*实现ＩＥ下可读效果*/
height: 100%;/*使用元素高度和图片容器高度一样*/
vertical-align: middle;/*垂直对齐*/
}
.prod_list2 li p{ line-height:28px; padding:10px 0 15px; text-align:center; font-size:13px; font-family:"Microsoft Yahei"; color:#2a2a2a}



/*常见问题*/
.faq_box{ overflow:hidden}
.faq_bx_list{ float:left; width:590px; padding:25px 0 0 15px; color:#4c4c4c}
.faq_bx_list li{ margin-bottom:5px; vertical-align:top;}
.faq_bx_list li h2{ background:url(../bg/faqbg2.jpg) no-repeat; line-height:30px; height:30px; font-size:13px; font-family:"Microsoft Yahei"; padding-left:14px; font-weight:normal; cursor:pointer}
.faq_bx_list li h2.active{ background:url(../bg/faqbg1.jpg) no-repeat; color:#fff;}
.faq_bx_det{ padding:12px 17px 10px 17px; display:none; font-size:14px; color:#4c4c4c; border:1px solid #ebebeb; margin-bottom:6px; overflow:hidden; border-radius:0 0 5px 5px; border-top:none;}

.fwzn_list{ overflow:hidden; width:762px; margin:15px auto;} 
.fwzn_list li{ vertical-align:top; overflow:hidden; background:url(../ico/ico8.png) no-repeat 14px center; padding-left:33px; border-bottom:1px dotted #c7c7c7; line-height:35px; padding-right:20px;}
.fwzn_list li span{ float:right; color:#888; font-size:13px;}
.fwzn_list li a{ font-size:14px; color:#4c4c4c}


.table1{ border:1px solid #d3d3d3; margin:0 auto; width:718px; margin:10px auto; font-size:14px; background:#f9f9f9;}
.table1 td{ border:1px solid #d3d3d3; line-height:40px;text-align:center}
.table1 th{ border:1px solid #d3d3d3; line-height:41px; }
.tbbg1{ background:#eee; }

.ser_link{ overflow:hidden; padding:17px 0 20px 17px;}
.yywd{ background:url(../ico/ico13.png) no-repeat center center #f2ad59; width:248px; height:350px; display:block; float:left; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:462px; margin-right:10px;}
.bksm{ background:url(../ico/ico12.png) no-repeat center 47px #7da8d6; width:248px; height:170px; display:block; float:left; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:242px; margin:0 10px 10px 0;}
.tksm{ background:url(../ico/ico12.png) no-repeat center 47px #f5adb0; width:248px; height:170px; display:block; float:left; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:242px; margin-bottom:10px;}
.syxz{ background:url(../ico/ico12.png) no-repeat center 47px #e166bd; width:248px; height:170px; display:block; float:left; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:242px; margin-right:10px;}
.czsm{ background:url(../ico/ico12.png) no-repeat center 47px #c6d96c; width:248px; height:170px; display:block; float:left; color:#fff; font-size:16px; font-family:"Microsoft Yahei"; text-align:center; line-height:242px;}

.tsjy{ overflow:hidden; width:683px; padding:20px 30px; margin:0 auto; border-bottom:1px solid #dcdcdc;}
.table2{ font-size:14px; line-height:24px;}
.table2 th{ text-align:right; font-weight:normal; padding:7px 0 8px;}
.table2 td{ padding:7px 0 8px;}
.table2 td label{ padding:0 10px 0 5px;}
.txt2{ border:1px solid #dcdcdc; width:200px; height:25px; padding:0 3px;}
.txt3{ border:1px solid #dcdcdc; width:590px; height:185px; padding:0 0 0 2px; font-size:12px; line-height:22px;}

.btn2{ background:url(../bg/btn.png) no-repeat left; height:25px; cursor:pointer; width:60px; color:#fff; font-size:13px; font-family:"Microsoft Yahei"; margin-right:10px;}
.btn3{ background:url(../bg/btn.png) no-repeat right; height:25px; cursor:pointer; width:60px; color:#fff; font-size:13px; font-family:"Microsoft Yahei";}


.ts_list{ overflow:hidden; padding:20px 30px; width:683px; margin:0 auto;}
.ts_list li{ margin-top:28px; border:1px solid #dcdcdc; border-radius:3px; padding:20px 19px 10px; position:relative}
.user_name{ background:url(../bg/bg9.png) no-repeat right; line-height:32px; height:32px; position:absolute; left:35px; top:-16px; padding:0 10px 0 14px; font-size:14px; color:#4c4c4c}
.que_tit{ background:url(../ico/ico14.png) no-repeat left; padding-left:29px; line-height:30px; font-size:14px;color:#4c4c4c; font-weight:bold; cursor:pointer}
.anw_det{ line-height:23px; color:#4c4c4c; font-size:14px; display:none} 
.sec_anw{ background:url(../ico/ico15.png) no-repeat 0 15px; padding-left:29px; line-height:30px; font-size:14px;color:#4c4c4c; font-weight:bold; border-top:1px solid #dcdcdc; padding-top:10px; margin-top:15px; display:none}


/*商业合作*/
.coop_list{ overflow:hidden; padding:12px 0 0 8px;}
.coop_list li{ overflow:hidden; float:left; padding:12px 11px;}
.coop_list li img{ border:1px solid #dcdcdc; display:block; width:171px; height:72px;}

.coop_list2{ overflow:hidden; padding:25px 0 30px 15px;}
.coop_list2 li{ overflow:hidden; float:left; padding:12px 11px;}
.coop_list2 li img{ border:1px solid #dcdcdc; display:block; width:163px; height:65px;}
.coop_list2 li p{ text-align:center; font-size:14px; color:#4c4c4c; line-height:24px; padding-top:13px;}

.co_box{ overflow:hidden; padding:66px 0 50px 115px;}
.kpdl{ background:url(../bg/bg11.jpg) no-repeat; width:254px; height:77px; display:block; float:left; color:#fff; text-align:center; font-size:16px; font-family:"Microsoft Yahei"; padding-top:195px; line-height:26px; margin-right:56px;}
.shhz{ background:url(../bg/bg10.jpg) no-repeat; width:254px; height:77px; display:block; float:left; color:#fff; text-align:center; font-size:16px; font-family:"Microsoft Yahei"; padding-top:195px; line-height:26px;}

.yw_list{ overflow:hidden; width:679px; margin:20px auto 30px; }
.yw_list li{ overflow:hidden; vertical-align:top; margin-bottom:20px;}
.yw_list li h2{ background:url(../bg/bg13.png) no-repeat; line-height:34px; height:34px; font-size:16px; font-family:"Microsoft Yahei"; color:#fff; padding-left:12px; font-weight:normal; cursor:pointer}
.yw_list li h2.active{ background:url(../bg/bg12.png) no-repeat;}
.yw_det{ border:1px solid #dcdcdc; border-radius:0 0 5px 5px; overflow:hidden; padding:15px 0 18px; display:none}
.yw_li{ background:url(../ico/ico16.png) no-repeat bottom; padding:0px 0 24px; margin-bottom:5px; text-align:center}
.yw_li span{ background:#e0e0e0; padding:0 38px; line-height:35px; display:inline-block; border-radius:3px; font-size:16px; font-family:"Microsoft Yahei";}
.yw_last{ background:none; padding-bottom:0; margin-bottom:0;}
.yw_last span{ background:#bdeaff; color:#006394}


/*新闻中心*/
.skyh{ overflow:hidden; width:749px; margin:0 auto; padding:15px 0 50px;}
.skyh li{ vertical-align:top; padding-bottom:30px;}
.skyh li h2{ background:url(../ico/ico17.png) no-repeat left; padding-left:13px; border-bottom:1px solid #d8d8d8; line-height:34px; color:#ec7c02; font-size:14px; margin-bottom:5px;}
.skyh li p{ line-height:25px; color:#4c4c4c; font-size:14px;}

.news_box{ overflow:hidden; padding:10px 23px 20px 11px;}
.news_top{ overflow:hidden; }
.news_top img{ float:left; width:229px; height:157px; display:block; margin-right:21px;}
.news_top h2{ padding-top:9px; line-height:36px; font-size:14px; color:#4c4c4c;}
.news_top h2 em{ color:#888; font-size:13px; padding-left:20px;}
.news_top p{ font-size:14px; color:#4c4c4c; line-height:24px;}
.show_more{ background:url(../ico/ico18.png) no-repeat; line-height:25px; display:inline-block; width:76px; padding-left:7px; color:#fff; font-size:14px; margin-top:10px;}
.news_list{ overflow:hidden; padding:20px 0 10px;}
.news_list li{ vertical-align:top; border-bottom:1px dotted #d8d8d8; background:url(../ico/ico8.png) no-repeat 5px center; line-height:35px; padding-left:20px; font-size:14px;}
.news_list li a{color:#4c4c4c}
.news_list li span{ float:right; color:#888; font-size:13px;}
.news_det{ width:745px; margin:20px auto 30px;}


/*20140107*/
.online_sale{ padding:53px 20px 52px 105px; overflow:hidden}
.stu_card{ background:url(../bg/card2.jpg) no-repeat; width:287px; height:72px; display:inline-block; line-height:30px; padding-top:140px; text-align:center; font-size:15px; font-family:"Microsoft Yahei"; color:#fff; float:left; margin:0 10px 10px 0;}
.diy_card{ background:url(../bg/card3.jpg) no-repeat; width:287px; height:72px; display:inline-block; line-height:30px; padding-top:140px; text-align:center; font-size:15px; font-family:"Microsoft Yahei"; color:#fff; float:left; margin:0 10px 10px 0;}
.com_card{ background:url(../bg/card4.jpg) no-repeat; width:287px; height:72px; display:inline-block; line-height:30px; padding-top:140px; text-align:center; font-size:15px; font-family:"Microsoft Yahei"; color:#fff; float:left; margin:0 10px 10px 0;}
.oth_card{ background:url(../bg/card1.jpg) no-repeat; width:287px; height:72px; display:inline-block; line-height:30px; padding-top:140px; text-align:center; font-size:15px; font-family:"Microsoft Yahei"; color:#fff; float:left; margin:0 10px 10px 0;}

.phone_card{ overflow:hidden; padding:95px 20px 130px 86px;}
.yd_cd{ background:url(../bg/card6.jpg) no-repeat; width:283px; height:152px; display:inline-block; line-height:30px; text-align:center; padding-top:215px; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; float:left; margin-right:10px;}
.lt_cd{ background:url(../bg/card7.jpg) no-repeat; width:283px; height:60px; display:inline-block; line-height:30px; text-align:center; padding-top:115px; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; float:left; margin-bottom:10px;}
.dx_cd{ background:url(../bg/card5.jpg) no-repeat; width:283px; height:68px; display:inline-block; line-height:30px; text-align:center; padding-top:115px; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; float:left}

.online_change{ padding:62px 20px 62px 75px; overflow:hidden}
.phone_change{ background:url(../bg/card8.jpg) no-repeat; width:185px; height:190px; display:inline-block; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; line-height:26px; padding:175px 0 0 125px; overflow:hidden; float:left; margin-right:10px; position:relative; cursor:pointer}
.card_change{ background:url(../bg/card9.jpg) no-repeat; width:185px; height:190px; display:inline-block; color:#fff; font-size:14px; font-family:"Microsoft Yahei"; line-height:26px; padding:175px 0 0 125px; overflow:hidden; float:left}
.yd_change{ background:url(../bg/card10.jpg) no-repeat; width:104px; height:140px; display:inline-block; text-align:center; line-height:24px; font-size:14px; color:#fff; line-height:24px; padding-top:225px; position:absolute; top:0; left:0; display:none}
.lt_change{ background:url(../bg/card12.jpg) no-repeat; width:103px; height:140px; display:inline-block; text-align:center; line-height:24px; font-size:14px; color:#fff; line-height:24px; padding-top:225px; position:absolute; top:0; left:104px; display:none}
.dx_change{ background:url(../bg/card11.jpg) no-repeat; width:104px; height:140px; display:inline-block; text-align:center; line-height:24px; font-size:14px; color:#fff; line-height:24px; padding-top:225px; position:absolute; top:0; left:207px; display:none}

.online_sale li{ float:left; width:286px; height:212px; margin:0 10px 10px 0; overflow:hidden}
.online_change li{ float:left; overflow:hidden; position:relative; width:310px; height:364px; margin:0 10px 10px 0}
.phone_cimg{ position:absolute; left:0; top:0; width:310px; height:364px;}
.phone_change2{ position:absolute; left:0; top:0; width:310px; height:364px; overflow:hidden}
.phone_change2 a{ display:block; float:left; display:none}

.phn_cd{ float:left; display:block; margin:0 10px 10px 0;}
.phn_cd img{ display:block}