/* Write your styles */ body,ul,li,hr{ padding: 0; margin: 0; list-style: none; } img{ padding: 0; margin: 0; list-style: none; vertical-align : bottom; } .am-header{ width: 100%; height: auto; background: #fff; } .am-header #wrapper{ margin:0; width:100%; height:auto; float:left; position:relative; /* On older OS versions "position" and "z-index" must be defined, */ z-index:1; /* it seems that recent webkit is less picky and works anyway. */ overflow:hidden; } #scroller{ height:auto; float:left; padding:0; } #scroller ul { list-style:none; display:block; float:left; width:100%; height:auto; padding:0; margin:0; text-align:left; } #scroller li { display:block; float:left; width:auto; height:auto; text-align:center; font-size:0px; padding:0; position:relative; } #scroller li a{ display:block; padding:0; margin:0; } #scroller li p{ position:absolute; z-index:2; display:block; width:100%; bottom:0; background-color:rgba(0, 0, 0, 0.5); color:#F4F4F4; font-size:14px; text-indent: 55px; line-height:24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding:0; margin:0; } #nav { float: left; margin-top: -15px; position: relative; width: 100%; z-index: 3; } #nav .inbox{ width: 76px; margin: 0 auto; } #prev, #next { float:left; font-weight:bold; font-size:14px; padding:5px 0; width:80px; display: none; } #next { float:right; text-align:right; } #indicator > li { display:block; float:left; list-style:none; padding:0; margin:0; } #indicator { width: 180px; margin: 0 auto; display: block; padding: 0; } #indicator > li { text-indent:-9999em; width:12px; height:12px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; background:#888; overflow:hidden; margin-right:6px; } #indicator > li.active { background:#FF3030; } #indicator > li:last-child { margin:0; } /*----导航图标部分*/ .mainmenu{ display: block; margin: 0 auto; padding:0 ; background: url(../img/bd.jpg); border-top: 1px solid #ccc; margin-bottom: 100px; height: 390px; color: #fff; } .mainmenu .first{ width: 100%; text-align: center; line-height: 170px; } .mainmenu .first li{ width: 25%; float: left; position: relative; } .mainmenu .first li .first_li{ background: #000; height: 130px; margin: 5px 5px 5px 0px; border-radius: 5px; } .mainmenu .first li .first_li .hot{ width: 25px; height: 20px; position: absolute; top: -5px; right: -5px; z-index: 11; background: url(../img/top_hot.gif) no-repeat; } .mainmenu .col_1{ width: 50%; float: left; padding: 0; color: #fff; text-align: center; } .mainmenu .col_1 .row_1{ margin: 0 5px 5px 0; height: 170px; background: #000; line-height: 200px; border-radius: 5px; } .mainmenu .col_1 .row_2{ margin: 0 5px 5px 0; height: 120px; line-height: 180px; background: #000; border-radius: 5px; } .mainmenu .col_2{ width: 50%; float: left; padding: 0; color: #fff; text-align: center; } .mainmenu .col_2 .row_1{ width: 100%; height: 170px; line-height: 130px; border-radius: 5px; } .mainmenu .col_2 .row_1 .row_2_top{ margin: 0 5px 5px 0; height: 82.5px; background: #000; border-radius: 5px; } .mainmenu .col_2 .row_1 .row_2_bot{ height: 82.5px; line-height: 130px; margin: 0 5px 5px 0; } .mainmenu .col_2 .row_1 .row_2_bot li{ width: 50%; height: 100%; float: left; } .mainmenu .col_2 .row_1 .row_2_bot li .row_2_bot_box{ height: 100%; background: #000; border-radius: 5px; } .mainmenu .col_2 .row_2{ margin: 5px 5px 5px 0; height: 120px; line-height: 180px; background: #000; border-radius: 5px; } .mainmenu .second{ width: 100%; text-align: center; line-height: 170px; height: 120px; float: left; } .mainmenu .second li{ width: 25%; float: left; position: relative; } .mainmenu .second li .second_li{ background: #000; height: 120px; margin: 0px 5px 5px 0px; border-radius: 5px; } .mainmenu a{ display: block; width: 100%; height: 100%; text-decoration: none; color: #fff; position: relative; z-index: 11; } .mainmenu a .img_lis{ } .mainmenu .imglis_1{ width: 52px; height: 36px; margin: -100px auto 0; background: url(../img/imglis_1.png); } .mainmenu .imglis_2{ width: 52px; height: 36px; margin: -100px auto 0; background: url(../img/imglis_2.png); } .mainmenu .imglis_3{ width: 52px; height: 36px; margin: -100px auto 0; background: url(../img/imglis_3.png); } .mainmenu .imglis_4{ width: 52px; height: 36px; margin: -100px auto 0; background: url(../img/imglis_4.png); } .mainmenu .imglis_5{ width: 52px; height: 36px; margin: -120px auto 0; background: url(../img/imglis_5.png); } .mainmenu .imglis_6{ width: 52px; height: 36px; margin: -70px auto 0; background: url(../img/imglis_6.png); } .mainmenu .imglis_7{ width: 52px; height: 36px; margin: -70px auto 0; background: url(../img/imglis_7.png); } .mainmenu .imglis_8{ width: 52px; height: 36px; margin: -70px auto 0; background: url(../img/imglis_8.png); } .mainmenu .imglis_9{ width: 52px; height: 36px; margin: -90px auto 0; background: url(../img/imglis_9.png); } .mainmenu .imglis_10{ width: 52px; height: 36px; margin: -90px auto 0; background: url(../img/imglis_10.png); } .mainmenu .imglis_11{ width: 52px; height: 36px; margin: -90px auto 0; background: url(../img/imglis_11.png); } .mainmenu .imglis_12{ width: 52px; height: 36px; margin: -90px auto 0; background: url(../img/imglis_12.png); } /*------------贷款页面--------------*/ .daikuan{ display: block; margin: 0 auto; padding:0 ; background: url(../img/bd.jpg); border-top: 1px solid #ccc; margin-top: 0em; margin-bottom: 10px; height: auto; color: #fff; } .daikuan li{ width: 100%; height: 150px; margin: 0 0 10px; position: relative; background: #F7F7F7; } .daikuan li a{ display: block; width: 100%; height: 100%; } .daikuan .name{ width: auto; height: 30px; position: absolute; top: 10px; left: 120px; color: #000; font-weight: bold; } .daikuan .jianjie{ width: auto; height: 50px; position: absolute; top: 40px; left: 120px; color: #A1A1A1; } .daikuan .edu{ width: auto; height: 20px; position: absolute; bottom: 15px; left: 120px; color: #A1A1A1; } .daikuan .edu span{ color: #CD0000; } .daikuan .qixian{ width: auto; height: 20px; position: absolute; bottom: 40px; left: 120px; color: #A1A1A1; } .daikuan .qixian span{ color: #CD0000; } .daikuan a img{ width: 100px; height: 100px; margin: 25px 5px; } /*------------代理商页面--------------*/ .mainmenu a .img_dls{ } .mainmenu .imgdls_1{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_1.png); } .mainmenu .imgdls_2{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_2.png); } .mainmenu .imgdls_3{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_3.png); } .mainmenu .imgdls_4{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_4.png); } .mainmenu .imgdls_5{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_5.png); } .mainmenu .imgdls_6{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_6.png); } .mainmenu .imgdls_7{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_7.png); } .mainmenu .imgdls_8{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_8.png); } .mainmenu .imgdls_9{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_9.png); } .mainmenu .imgdls_10{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_10.png); } .mainmenu .imgdls_11{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_11.png); } .mainmenu .imgdls_12{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_12.png); } .mainmenu .imgdls_13{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_13.png); } /*------------保险页面--------------*/ .mainmenu a .img_baox{ } .mainmenu .imgbaox_1{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_1.png); } .mainmenu .imgbaox_2{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_2.png); } .mainmenu .imgbaox_3{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_3.png); } .mainmenu .imgbaox_4{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_4.png); } .mainmenu .imgbaox_5{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_5.png); } .mainmenu .imgbaox_6{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_6.png); } .mainmenu .imgbaox_7{ width: 96px; height: 58px; margin: -110px auto 0; background: url(../img/imgdls_7.png); } .mainmenu .imgbaox_8{ width: 52px; height: 36px; margin: -110px auto 0; background: url(../img/imgdls_8.png); } .mainmenu .imgbaox_9{ width: 52px; height: 36px; margin: -110px auto 0; background: url(../img/imgdls_9.png); } .mainmenu .imgbaox_10{ width: 52px; height: 36px; margin: -110px auto 0; background: url(../img/imgdls_10.png); } .column{ width: 100%; margin: 0 auto; display: block; margin: 0 auto 0; padding:3px 0 0px 0; background:#fff; border-top: 1px solid #ccc; } /*------------在线购买--------------*/ .control{ width: 100%; height: auto; line-height: 0px; text-align: left; } .control li{ width: auto; padding: 20px 10px; float: left; clear: right; } #buylist{ width: 98%; height: auto; background: #fff; /* box-shadow: 10px 10px 5px #888888;*/ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; /* padding: 5px;*/ margin: 0 auto; } #buylist li{ width: 50%; height: auto; float: left; } #buylist li .bbox{ margin: 5px 3px 2px 3px; position: relative; } #buylist li p{ width: 100%; position: absolute; bottom: 0; margin-bottom: 0px; left: 0; color: #FF3030; text-align: center; background: #fff; font-weight: bold; filter:alpha(opacity=80); /*IE滤镜,透明度80%*/ -moz-opacity:0.8; /*Firefox私有,透明度80%*/ opacity:0.8;/*其他,透明度80%*/ /* display: none;*/ } #buylist img{ width: 100%; height: auto; border-radius: 5px; } #buylist small{ font-weight: bold; height: 22px; list-style: 22px; } .price{ color: red; } .pric{ color: red; font-weight: bold; text-decoration:none; } .buybtn{ display: block; height: 30px; font-size: 24px; list-style: 24px; padding: 8px 0; color: red; font-weight: bold; text-decoration: none; } /*------------栏目页_下载中心------------*/ .download{ width: 100%; margin:0px 0 20px; border-top: 1px solid #ccc; } .download h4{ display: block; color: #f70101; text-align: left; width: 96%; clear: both; margin: 10px auto; } .download span{ color: #FF0033; } .download p{ margin: 5px; line-height: 22px; } .download .toptit{ font-weight: bold; font-size: 24px; line-height: 24px; text-align: left; margin-bottom: 20px; } .download .list{ margin: 0 auto; height: auto; padding: 0 0 8px 0; } .download .list h1{ font-size: 26px; font-weight: bold; color: #0866b2; line-height: 50px; margin-bottom: 5px; padding-left: 10px; } .download .list li{ width: 50%; height: auto; margin-bottom: 10px; float: left; display: block; } .download .list li a{ font-size: 16px; display: block; width: 80px; color: #fff; height: 46px; margin: 0 auto; font-weight: bold; line-height: 46px; padding-left: 45px; border-radius:6px !important; clear: both; } .download .list .banb{ width: 135px; text-align: center; margin: 0 auto; } .apple_btn{ /* background: !important;*/ background:#268bbd url(../img/icon-apple.png) 5px 6px no-repeat; } .android_btn{ background:#1d943b url(../img/icon-android.png) 5px 6px no-repeat; } .download .shuom{ width: 100%; height:auto; margin: 15px auto 0; border-top: 3px dashed blue; clear: both; } .download .shuom .sm_img{ text-align: left; height: auto; margin: 0 auto; } .download .shuom .sm_img img{ width: 22px; height: 22px; } /*-------------新闻中心/帮助中心--------------*/ .newslist{ border-top: 1px solid #ccc; } .newslist li{ width: 98%; height: 150px; margin: 8px auto; line-height: 24px; border-bottom: 1px dashed #ccc; position: relative; } .newslist li .tit{ font-weight: bold; } .newslist li a{ font-size: 14px; } .newslist li img{ width: 145px; height: 110px; } .newslist .info{ width: auto; height: 5px; } .newslist .info i{ color:#4FAE9D; padding-right: 5px; } .newslist .descr{ width: auto; height: 76px; overflow: hidden; font-size: 14px; line-height: 19px; position: absolute; left:155px; top: 50px; } .newslist .read{ background: #6EB325; width: 75px; height: 30px; text-decoration:none; border-radius: 5px; line-height: 30px; padding-left: 5px; position: absolute; right: 10px; bottom: 10px; color: #717070; } .pagenext{ width: 98%; height: 40px; margin: 5px auto 65px; } .pagenext a{ display: block; width: 100%; height: 100%; } .pagenext li{ padding: 0px 15px; float: left; border: 1px solid #ccc; margin-right: 5px; line-height: 40px; } .pagenext li .thisclass{ background: #ccc; } .pagenext li:hover{ background: #ccc; } .newslist .read:hover{ color: #fff; } .articlebody{ width: 98%; height: auto; margin: 3rem auto 0; font-size: 14px; list-style: 20px; } .articlebody h1{ width: 100%; font-size: 20px; text-align: center; } .articlebody span{ line-height: 24px; } .myad{ width: 98%; height: auto; margin: 0 auto; } .myad a{ } .myad img{ width: 100%; height: auto; } .public{ width: 50%; height: auto; margin: 0 auto; text-align: center; font-weight: bold; font-size: 20px; color: red; } .public p{ color: #000; font-weight: normal; } .public img{ } /*---------免费赠送--------*/ .drawform{ width: 90%; height: auto; margin: 0 auto; } .drawform form{ } .drawform li{ margin: 10px 0; } .drawform span{ width: 80px; } .drawform .tijiao{ width: 150px; height: auto; margin: 10px auto; } .drawform textarea{ width: 300px; min-height: 120px; } .drawform .tijiao input{ width: 150px; height: 28px; line-height: 28px; margin: 0 auto; } /*---------代理加盟--------*/ #fexdaili{ width: 100%; height: auto; clear: both; } #fexdaili li{ float: left; width: 75%; height: 100%; height: 32px; line-height: 32px; font-size: 22px; margin: 10px auto; text-align: center; font-weight: bold; } #fexdaili li a{ display: block; background: #836FFF; color: #fff; text-decoration: none; } /*---------代理加盟--------*/ .separated{ width: 100%; height: 52px; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; background: #ed171a; } .dlform{ width: 90%; height: auto; margin: 0 auto 80px; font-size: 18px; } .dlform li{ height: 26px; margin: 10px 0; } .dlform li span{ width: 50px; margin-right: 2px; } .dlform li .tex{ margin-right: 10px; } .dlform select{ width: 80px; margin:0 ; height: 26px; } .dlform input{ width: 250px; height: 26px; box-shadow:4px 4px 2px #888888; } .dlform .queding{ height: 40px; width: 160px; margin:25px auto 0; display: block; border-radius: none; } /*---------企业招聘--------*/ .job{ width: 98%; height: auto; margin: 0 auto; font-size: 14px; list-style: 20px; } /*------脚部文件----------*/ /*---------人才招聘--------*/ .job{ width: 98%; height: auto; margin: 0 auto; font-size: 14px; list-style: 20px; } /*------脚部文件----------*/ .footer{ width: 100%; /* height: 65px;*/ height: 50px; background: #000; color: #fff; text-align: center; position: fixed; bottom: 0; z-index: 1111; } .footer .in-footer{ width: 100%; height: 100%; position: relative; } .footer .in-footer a{ display: block; } .footer .in-footer .inde{ width: 40px; height: 40px; left: 20px; top: 0px; position: absolute; clear: both; } .footer .in-footer .inde img{ width: 100%; height: 100%; } .footer .in-footer .btn{ width: 40px; height: 40px; right: 20px; top: 2px; position: absolute; clear: both; } .footer .in-footer .btn img{ width: 100%; height: 100%; } .footer li{ width: 25%; height: 100%; float: left; position: relative; } .footer a{ display: block; float: left; width: 100%; height: 65px; color: #fff; text-decoration: none; } .footer img{ margin: 4px auto 0; width: 35px; height: 30px; } .footer p{ margin: 3px auto 0; } .container{ display: block; } .tongji{ text-align: center; display: none; } /*-------联系我们--------*/ .contcat{ width: 100%; margin: 0 auto; display: block; margin: 0 auto; padding:5px 0 5px 0; background:#fff; margin-bottom: 20px; border-top: 1px solid #ccc; } .contcat .contcat_body{ width: 98%; margin: 0 auto 50px; } /*-------支付宝代理商--------*/ .zfbdl{ width: 100%; height: auto; } /*-------页脚联系方式--------*/ .rightbtn{width: 40px;height: 82px;background: #000;position: fixed;right: 0;bottom: 160px;z-index: 13;border-radius: 3px 0 0 3px;opacity:0.3;filter:Alpha(opacity=30)} .rightbtn a{height: 40px;display: block;widows: 100%;} .rightbtn img{width: 30px;height: 30px;margin: 5px;} .rightbtn hr{border:1px solid #fff;} .quncode{width: 100%;height: auto;margin: 0 auto;position: fixed;bottom: 40%;z-index: 15px;display: none;} .quncode .incode{width: 60%;background: #fff;height: auto;margin: 0 auto;z-index: 18;position: relative;border:1px solid #ccc;border-radius: 5px;} .quncode .incode a{width: 20px;height: 20px;position: absolute;right: -8px;top: -8px;display: block;font-size: 22px;background: #ff0000;border-radius: 10px;text-align: center;color: #fff;} .quncode .incode .tex,.tex_1{font-size: 20px;text-align: center;color: #ff0000;padding: 0px;margin: 0px auto;} .quncode .incode img{width: 100%;height: auto;margin: 0 auto;} .quncode .incode p{text-align: center;color: #ff0000;} /* 顶部加关注 */ #zongw_top{width: 100%;height: 3rem;background: #292929; color: #fff;position: fixed;top: 0;z-index: 1111; } #zongw_top .text{margin: 0.9rem 0 0 3rem ;color: #fff;} #weipic{width: 2rem;height: 2rem;margin-top: 0.5rem;border-radius: 1rem;position: fixed;top: 0;margin-left: 0.6rem;overflow: hidden;margin: 0.5rem 0 0 0.6rem;z-index: 222; filter:alpha(opacity=100); /*IE滤镜,透明度50%*/ -moz-opacity:1.0; /*Firefox私有,透明度50%*/ opacity:1.0;/*其他,透明度50%*/} #weipic img{width: 2rem;height: 2rem;} #guangz{width: 5rem;height: 2rem;line-height: 2rem;background: #FF0000;float: right;text-align: center;border-radius: 0.3rem;position: fixed;top: 0.5rem;right: 1rem;color: #fff;z-index: 1111111;} #qocrd{width: 100%;height: 20rem;background: #fff;display: none;position: fixed;top: 0;z-index: 111;} #qocrd .qocrd_text{background: #ccc;height: 3rem;line-height: 3rem;text-align: center;color: #fff;font-weight: bold;} #qocrd_text_ri{height: 3rem;line-height: 3rem;position: fixed;top: 0;right: 1rem;color: #e62129;} #qocrd .qocrd_img{width: 15rem;height: 15rem;margin: 0 auto; } #qocrd .qocrd_img img{width: 15rem;height:15rem;margin: 0 auto;} #qocrd .qocrd_img p{text-align: center;margin-top: 5px;color: #FF0000;} #gap{width: 100%;height: 3rem;} /* 商品参数 */