body{position: relative;background:url(../spimages/dashi_gs_bg.jpg);z-index: -2;}
/*header*/
#header{width:850px;margin:0 auto;position: absolute;left: 50%;margin-left: -425px;top:15px;    z-index: 2;}
#header ul{padding-left: 20px;padding-right: 20px;}
#header ul li{float: left;height: 40px;line-height: 40px;}
#header ul li a{color:#fff;display: inline-block;padding-left: 25px;padding-right: 25px;}
#header ul li.logo{width: 90px; background:url(../spimages/logo.png) no-repeat center; height: 50px;line-height: 50px;}
#header ul li.active{color:#000;border: 2px solid #e6643e; padding: 3px;}
#header ul li.active a{color: #000;    background-color: #e6643e;}

/*弹窗样式*/
.page_con{position: fixed;top: 15%;left: 50%;    width: 360px;height: 420px;transform: translate(-50%); overflow: hidden;visibility: hidden;transition-delay: .5s;z-index: 3;}
.page_con_box{position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #181918;transition: transform 0.2s;transition-delay: .4s;}
.page_con .close {width: 14px;height: 14px;font-size: 24px;color: #fff;position: absolute;top: 0px;right: 6px;visibility: hidden;opacity: 0;transition: all 0.5s;z-index: 1;}
.page_con ul {opacity: 0;transition: all 0.5s;transform: translateY(10%);}
.page_con li {padding: 30px 25px;padding-bottom: 0;}
.page_con .box{text-align: left;}
.page_con .box img {vertical-align: top;margin-bottom: 33px;width: 100%;}
.page_con .box h2 {font-size: 24px;color: #e6643e;line-height: 1.1;position: relative;padding-bottom: 25px;}
.page_con .box p {font-size: 12px;color: #fff;line-height: 22px;}
.page_con .box h2 em {width: 10px;height: 10px;border: 3px solid #e6643e;border-radius: 50%;position: absolute;left: -22px;bottom: 5px;}
.page_con .box h2 i {width: 44px;height: 6px;background: #e6643e;position: absolute;left: 0;bottom: 10px;}
.page_con.show {visibility: visible;transition-delay: .0s;}
.page_con.show .page_con_box {transform: translate3d(-100%,0,0);transition-delay: .0s;}
.page_con.show ul {opacity: 1;transform: translateY(0);transition-delay: .3s;}
.page_con.show .close {opacity: 1;visibility: visible;transition-delay: .3s;}
.page1_bg{width:100%;height:1090px;background:url(../spimages/page1_bg.jpg) no-repeat center;position: relative;}

#page2{margin-top:30px;margin-bottom:50px; padding-top: 80px; background:url(../spimages/qian.png) no-repeat center top;background-size: 300px;text-align: center;}
#page2>h2{color:#e6643e;font-size: 24px;margin-bottom: 15px;}
#page2>h5{color:#fff;font-size: 12px;margin-bottom: 30px;color: #a0a0a0;}
#page2>img{margin: 0 auto 30px;width: 5%;}
#page2 .page2_content li{display: inline-block;vertical-align: bottom;width: 160px;height: 200px;margin-right: 10px;color:#333;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding-top: 15px;}
#page2 .page2_content li>h2{font-size: 22px;}
#page2 .page2_content li>h4{font-size: 12px;padding-bottom:3px;}
#page2 .page2_content li>p{font-size: 12px;padding: 0 5px 0; color: #fff;}
#page2 .page2_content .li1{background: url(../spimages/page2_bg_11.png) no-repeat center;background-size: contain;}
#page2 .page2_content .li2{background: url(../spimages/page2_bg_13.png) no-repeat center;background-size: contain;margin-right: 0;}
#page2 .page2_content .li3{background: url(../spimages/page2_bg_15.png) no-repeat center;background-size: contain;}
#page2 .page2_content .li4{background: url(../spimages/page2_bg_17.png) no-repeat center;background-size: contain;margin-right: 0;}

#page3{margin-bottom:50px;  background:url(../spimages/kun.png) no-repeat center top;background-size: 300px;text-align: center;}
#page3>img{margin: 20px auto 0px;padding-top: 50px;width: 35px;}
#page3>div.page3_content{width: 100%;}
#page3 .page3_content>div{width: 180px;
    height: 300px;
    background: url(../spimages/page3_conten_bg_05.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
#page3 .page3_content .liucheng_li{position: absolute;width: 20px;height: 180px;cursor: pointer;}
#page3 .page3_content .li1{left:-72px;top:69px;background:url(../spimages/liucheng_li1.png) no-repeat center;background-size: contain; }
#page3 .page3_content .li1:hover,#page3 .page3_content .li1.on{background:url(../spimages/liucheng_li11.png) no-repeat center;background-size: contain; }
#page3 .page3_content .li2{left:-39px;top:57px;background:url(../spimages/liucheng_li2.png) no-repeat center;background-size: contain;  }
#page3 .page3_content .li2:hover,#page3 .page3_content .li2.on{background:url(../spimages/liucheng_li21.png) no-repeat center;background-size: contain; }
#page3 .page3_content .li3{left:203px;top:6px;background:url(../spimages/liucheng_li3.png) no-repeat center;background-size: contain;  }
#page3 .page3_content .li3:hover,#page3 .page3_content .li3.on{background:url(../spimages/liucheng_li31.png) no-repeat center;background-size: contain; }
#page3 .page3_content .li4{left:235px;top:-2px;background:url(../spimages/liucheng_li4.png) no-repeat center;background-size: contain;  }
#page3 .page3_content .li4:hover,#page3 .page3_content .li4.on{background:url(../spimages/liucheng_li41.png) no-repeat center;background-size: contain; }

#page4{ background:url(../spimages/gen.png) no-repeat center top;background-size: 300px;text-align: center;}
#page4>img{margin: 20px auto 0px;padding-top: 50px;width: 35px;}
#page4>div.page4_content{margin:0 auto;width: 360px;height: 300px; background:url(../spimages/page4_bg_0125_12_05.png) no-repeat center;background-size: contain;position: relative;}

#page5{margin-top: 30px; margin-bottom:50px;padding-top: 110px;  background:url(../spimages/zhen.png) no-repeat center top;background-size: 300px;text-align: center;}
#page5>h2{color:#e6643e;font-size: 24px;margin-bottom: 15px;}
#page5>h5{color:#fff;font-size: 12px;    margin-bottom: 50px;color: #a0a0a0;}
#page5>div.page5_content{width: 100%;/*background:url(../spimages/page5_bg_wap.png) no-repeat center;*/position: relative;}

#page6{background:url(../spimages/juan.png) no-repeat center top;background-size: 300px;text-align: center;position: relative;}
#page6>img{ margin: 20px auto 0px;padding-top: 50px;width: 35px;}
#page6>div.page6_content{width: 100%;height: 190px; position: relative;margin: 30px auto 50px;}

#page7{margin-bottom:0px;padding-top: 95px;  background:url(../spimages/li.png) no-repeat center top;background-size: 300px;text-align: center;}
#page7>h2{color:#e6643e;font-size: 24px;margin-bottom: 15px;}
#page7>h5{color:#fff;font-size: 12px; margin-bottom: 50px;color: #a0a0a0;}

.page7_content{width: 360px; height: 410px; margin:0 auto; background:url(../spimages/page7_bg_wap.png) no-repeat center;background-size:350px; position: relative;overflow-y: auto;color:#777;}
.pinlun{height: 375px;margin: 15px 20px 15px 30px;overflow: auto;}
.pinlun .item { padding: 30px 0 25px; border-top: 1px solid #e2e2e2; }
.pinlun .item.first{ padding-top: 10px; border: 0; }
.pinlun .item.last{ padding-bottom: 10px; }
.pinlun .item img{ border-radius: 50%; }
.pinlun h3{ font-weight: 400; font-size: 17px; }
.pinlun::-webkit-scrollbar {width: 8px; border-radius: 8px;}
.pinlun::-webkit-scrollbar-thumb {background: #858282; border-radius: 10px;  }
.pinlun::-webkit-scrollbar-track{ background: #cfcfcf; border-radius: 10px; }

#footer{padding-top: 20px;padding-bottom: 20px; text-align: center;}
#footer a{color: #fff;margin-right: 8px;}
#footer p{color: #fff;font-size: 14px; margin-top: 6px;}

.dsqm_infokd{ -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.dsqm_infokd.show{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
.dsqm_infokd{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 9998;overflow-y: auto; }
.infokd {z-index: 9998; height: 100%; }
.infokd .hd {border-bottom: 1px solid #ddd; position: fixed; top: 0; left: 0; right: 0; text-align: center; font-size: 17px; line-height: 48px; background: #fff; z-index: 2; }
.infokd .hd a {color: #999; font-size: 16px; height: 48px; position: absolute; left: 0; top: 0; text-align: center; padding: 0 8px; }
.infokd .hd i {font-size: 25px; font-family: '宋体'; font-weight: 700; vertical-align: top; }
.infokd .hd a:nth-child(3) {top: 50%; right: 10px; left: auto; background: #1f6265; border-radius: 5px; color: #fff; height: auto; line-height: initial; font-size: 14px; padding: 5px 10px; margin-top: -15px; }
.infokd .hd a:nth-child(3) i {display: none; }
.infokd .bd {padding: 0; padding-top: 49px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.infokd .h2 { font-size: 12px; padding: 7px 15px; border-bottom: 1px solid #eee; color: #b7b7b7; line-height: 1.2; background: rgba(249, 249, 249, 0.5); margin: 0 -15px;}
.infokd .dl_swiper{ height: 100%; }
.con_box.jb_info { padding: 5px 10px 10px; font-weight: normal; font-size: 15px; border-bottom: 1px solid #eee; margin: 0 -15px; background:#fff;}
.jb_info>.dis_flex {padding: 4px 0; }
.con_box.jb_info .tit {color: #999; width: 115px; text-align: right; }
.con_box.jb_info i {color: #999; }
#evaluate_more {padding: 0 15px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.swiper-container-vertical>.swiper-scrollbar{ display: none !important; }
.pay_info{ background: #f3f3f3; margin: 0 -15px; padding: 15px 15px 25px; text-align: center; }
.pay_info p{ font-size: 16px; padding: 2px 0; }
.pay_info b {font-size: 22px; color: #f00; }
.sub_box{ font-weight: initial; padding-top: 15px;}
.sub_box>div{ display: block; position: relative; text-align: center; border-radius: 3px; color: #fff; font-size: 18px; line-height: 28px; padding: 12px 0;}
.sub_box i{ width: 28px; height: 28px; display: inline-block; vertical-align: top; background: url(/images/pay_icon.png); background-size: 100%; margin-right: 7px; }
.sub_box a{ position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.sub_box input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; overflow: hidden; text-indent: -200%; border: 0; }
.sub_box .wx {background: #00b700; }
.sub_box .wx i {background-position: 0 bottom; }
.sub_box .zfb {background: #00aaee; margin-top: 10px; }
.sub_box .zfb i {background-position: 0 0; }
.dsqm_infokd .swiper-wrapper{ height: auto; }
.page3_content .liucheng_title{position: absolute;color: #e6643e;font-size: 17px;width: 40px;top: 39px;left: 71px;}
.page3_content .liucheng_content{position: absolute;    top: 120px;line-height: 1.4;color: #ccc;font-size: 12px;}
.page3_content .liucheng_next{position: absolute;bottom: 63px;color: #fff;left: 57px;font-size: 22px;}
.page4_content .case_img{position: absolute;cursor: pointer;}
.page4_content .case_img>img{position: absolute;top:0;left: 0;z-index: 1;}
.page4_content .case_img1{top: 0px;left:0px;}
.page4_content .case_img2{top: 140px;left: 30px;}
.page4_content .case_img3{top: 0px;left: 245px;}
.page4_content .case_img4{top: 130px;left: 210px;}
.page4_content .case_img1 img{width: 120px;}
.page4_content .case_img2 img{width: 90px;}
.page4_content .case_img3 img{width: 70px;}
.page4_content .case_img4 img{width: 140px;}
.yelow_bg{ position: absolute;z-index:2;background-color: rgba(230,100,62,0.6);bottom: 0;right: 0;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius: 200px;}
.yelow_bg1{width: 105px;height: 105px;top: 8px;left: 8px;}
.yelow_bg2{width: 78px;height: 78px;top: 6px;left: 6px;}
.yelow_bg3{width: 60px;height: 60px;top: 5px;left: 5px;}
.yelow_bg4{width: 124px;height: 124px;top: 8px;left: 8px;}

.yelow_bg1 h2{margin-top: 16px;font-size: 24px;}
.yelow_bg1 img{margin: 10px auto 0;}
.yelow_bg2 h2{margin-top: 10px;font-size: 18px;}
.yelow_bg2 img{margin: 8px auto 0;width: 95px;}
.yelow_bg3 h2{margin-top: 10px;font-size: 12px;}
.yelow_bg3 img{margin: 5px auto 0;width: 52px;}
.yelow_bg4 h2{margin-top: 20px;font-size: 28px;}
.yelow_bg4 img{margin: 12px auto 0;}
.hover{background-color: rgba(0,0,0,0.6);color: #fff;}
.hover>div{display: block!important;}

.point{display:none; left: 50%;top: 35%;transform: translate(-50%);position: fixed;color: #fff;padding: 10px 10px;background-color: rgba(0,0,0,0.6);}