*{margin: 0; padding: 0; list-style-type: none;}
body{ background: #ebedf3; }
.page{width: 1260px; margin: 0 auto;}
.fl{ float: left; }
.fr{ float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl {zoom: 1;}
.last{padding-right: 0px!important;}
.br{ background: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
a{ text-decoration:none; color: #333333;}
#header{ background: #ffffff; }
#header .logo{ padding: 13px 0; width: 300px; }
#header .nav{ width: 956px; }
#header .nav ul{ width: 950px; text-align: right;}
#header .nav li{ display: inline-block; font-size: 16px; margin-right: 44px; height: 80px; line-height: 80px;}
#header .nav .login{ margin-left: 168px;}
#main{background: url(https://www.cnweipu.com/asset/images/wp_bg.jpg) repeat-x; width: 100%; margin:0 auto; height: 580px;}
#main .sys{ text-align: center; margin: 0 auto; width: 900px; padding: 120px 0px 20px;  }
#main .startcheck{font-size: 2rem; font-weight: normal; color: #ffffff; background: #e72306; width: 220px; height: 80px; line-height: 80px; margin: 0 auto; border-radius: 6px; text-align: center; letter-spacing: 2px;}
.box{ width: 1200px; margin: 20px auto; padding: 20px 30px; background: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.box .title{ font-size: 1.9rem; color: #333333; text-align: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
.box .bdfw li{display: inline-block; width: 390px; text-align: left; float:left; font-size: 16px;  height: 40px; line-height: 40px; background:url(/images/ico.png) no-repeat 0px; padding-left:10px;}
.lmtitle{background:#54B538;color: #fff;padding-left: 20px;font-size: 15px;height: 44px;line-height: 44px;}
.mbox{ width: 1260px; margin: 20px auto;}
.lbox{width: 880px; margin-right: 20px; padding: 20px 30px;}
.lbox .navbar{ font-size: 14px; padding-top:5px;}
.lbox .title{ font-size: 1.9rem; color: #333333; text-align: center; margin-bottom: 15px; padding: 50px 0px 30px 0px; border-bottom: 1px dotted #ccc; }
.lbox .info{ font-size:0.8rem; color:#999999; text-align:center; margin-bottom:30px;}
.lbox .ques{ font-size: 20px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; }
.lbox .answer{ font-size: 16px; line-height: 30px; text-indent: 2rem; color: #666666; }
.content{ line-height:2.5rem; padding:0 25px;}
.content p{text-indent:2rem;}
.rbox{width: 300px; }
.kfbox{ margin-bottom: 20px; }
.newslist{  margin-bottom: 20px; }
.newslist ul{ padding:10px 20px;}
.newslist li{line-height:40px;height: 40px;border-bottom: 1px dashed #F5F5F5;padding-left: 15px; background: url("https://www.cnweipu.com/images/dot.jpg") no-repeat left center;}
.sysbox{ width: 1260px; margin: 20px auto; font-size: 14px; line-height: 22px;}
.sysbox dl { padding: 20px; padding-top: 0px;  width:270px; float:left;}
.sysbox dt{  padding-top:15px; }
.sysbox dt img { width: 270px; }
.sysbox .name{ font-weight: bold;font-size: 16px; padding-bottom: 5px; }
.sysbox .name span{ font-size: 14px; font-weight: normal; color: #ff5000; }
.sysbox .txt{ font-size: 14px; color: #999999; }

.banben dl{ width: 279px; float: left; padding-right: 28px; }
.banben .name {text-align:center; font-size: 1.2rem; font-weight: bold; color: #333333; }
.banben .price{text-align:center; color: #ff5000; padding: 6px 0; font-size: 1rem;}
.banben .txt{text-align:left; font-size: 0.9rem; line-height: 1.4rem; padding-bottom: 8px;}
.banben .btn{ background: #4299e1; color: #ffffff; width: 100%; display: block; text-align: center; padding: 10px 0; font-size: 1.2rem; letter-spacing: 1px; }
.process {padding: 30px 0;}
.process dl{background:url(/images/jiantou2.png) no-repeat 0px; padding-left:110px; padding-right: 10px; width: 144px; height: 100px; float: left;}
.process dt{font-size: 1.2rem; font-weight: bold; color: #333333; margin-top: 15px;}
.process dd{text-align:left; font-size: 0.9rem; line-height: 1.4rem; padding-top: 8px; color: #666666;}
.process .first{background:none; padding-left:0px; }
.kefu {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer;
    writing-mode: vertical-rl; /* 竖向排列 */
	padding:20px 10px;
	background:#ffffff;
	border:1px solid #E7E7E7;
	border-radius:4px;
	color:#666666;
}
.kefu img{
    display:inline;
    vertical-align:baseline;
}
.kefu:hover .qrbox {
    display: block;
}
.kefu .qrbox {
    display: none;
    position: absolute;
    left: -166px;
    top: 50%;
    transform: translateY(-50%);
    background: white; /* 白色背景 */
    padding: 10px; /* 内边距 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    border-radius: 5px; /* 圆角 */
    z-index: 1; /* 确保在最上层 */
	writing-mode: horizontal-tb;
}
.kefu .qrbox::after {
    content: '';
    position: absolute;
    left: 100%; /* 三角位置 */
    top: 50%;
    margin-top: -5px; /* 垂直居中 */
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent white; /* 三角形颜色 */
}
.kefu .qrbox img {width: 136px;}
.kefu .qrbox span{ display:inline-block; width:136px; font-size:13px;}

#footer{background: #2d3749; font-size: 1rem; text-align: center; line-height:1.6; color: #ffffff; padding: 20px 0;}
#footer a{ text-decoration:none; color: #ffffff;}
@media screen and (max-width: 1000px)
{
#header,#main,#footer{ width:1260px; }
}