﻿/****************banner 样式重置 开始****************/
.slide-h-440{height: 440px; overflow: hidden;}
.slide-h-440 .slide-wrapper li{height: 440px; display: block;}
.banner-nav{margin-top: 10px; padding:10px 0 10px 20px; width: 170px; height: auto; background-color: rgba(31, 31, 31, 0.651); box-sizing: border-box; position: absolute; z-index: 3;}
.banner-nav .bn-list li a{color: #fff; display: block; line-height: 57px; font-size: 16px;}
.banner-nav .bn-list li a:hover{color: #ffc539;}
/*小图标*/
.banner-nav .bn-list .bn-icon{margin-right: 6px; display: inline-block; width: 24px; height: 22px; background: url("img/website/sites-icon.png") no-repeat; vertical-align: middle;}
.banner-nav .bn-list .bn-icon1{background-position: -22px 0px;}
.banner-nav .bn-list .bn-icon2{background-position: -55px 1px;}
.banner-nav .bn-list .bn-icon3{background-position: -87px 0px;}
.banner-nav .bn-list .bn-icon4{background-position: -116px 0px;}
.banner-nav .bn-list .bn-icon5{background-position: -145px 0px;}
.banner-nav .bn-list .bn-icon6{background-position: -177px 0px;}
.banner-nav .bn-list .bn-icon7{background-position: -209px 2px;}
.banner-nav .bn-list .bn-icon8{background-position: -240px 2px;}
/****************banner 样式重置 结束****************/
/****************模块分类 开始****************/
.sites-section{padding-top: 20px;}
.sites-section .ss-list{background: #fff; border: 1px solid #d8d8d8;}
.sites-section .ss-list li{padding: 20px 0; float: left; width: 16.6666666666666667%; text-align: center; border-right: 1px solid #d8d8d8; box-sizing: border-box;}
/*文字*/
.sites-section .ss-list li p{padding-top: 10px; font-size: 18px; color: #343434;}
/*图标*/
.sites-section .ss-list .ss-icon{margin: 0 auto; width: 44px; height: 44px; background: url("img/website/sites-icon.png") no-repeat;}
.sites-section .ss-list .ss-icon1{background-position: 0px -37px;}
.sites-section .ss-list .ss-icon2{background-position: -52px -40px;}
.sites-section .ss-list .ss-icon3{background-position: -102px -36px; width: 30px;}
.sites-section .ss-list .ss-icon4{background-position: -136px -37px;}
.sites-section .ss-list .ss-icon5{background-position: -188px -38px; width: 50px;}
.sites-section .ss-list .ss-icon6{background-position: -243px -36px;}
/*激活*/
.sites-section .ss-list li:hover p{color: #2086EE;}
.sites-section .ss-list li:hover .ss-icon1{background-position: 0px -89px;}
.sites-section .ss-list li:hover .ss-icon2{background-position: -52px -92px;}
.sites-section .ss-list li:hover .ss-icon3{background-position: -102px -88px; width: 30px;}
.sites-section .ss-list li:hover .ss-icon4{background-position: -136px -89px;}
.sites-section .ss-list li:hover .ss-icon5{background-position: -188px -90px; width: 50px;}
.sites-section .ss-list li:hover .ss-icon6{background-position: -243px -88px;}
/****************模块分类 结束****************/
.sites-main{padding-bottom: 40px;}
/****************楼层模板 开始****************/
.sites-box{}
/*******标题*******/
.sites-box .sb-title{padding-bottom: 14px;}
.sites-box1 .sb-title{border-bottom: 2px solid #2086ee;}
.sites-box2 .sb-title{border-bottom: 2px solid #17b2b3;}
.sites-box3 .sb-title{border-bottom: 2px solid #5c8bc1;}
.sites-box4 .sb-title{border-bottom: 2px solid #726bd6;}
.sites-box .sb-title h3 a{font-size: 22px; color: #292828;}
/*楼层数字*/
.sites-box .sb-title .sb-num{margin-right: 20px; display: inline-block; width: 30px; height: 40px; line-height: 40px; color: #fff; text-align: center; position: relative; vertical-align: bottom;}
.sites-box .sb-title .sb-num i{display: inline-block; width: 12px; height: 31px; background: url("img/website/sites-icon.png") no-repeat 0 0; position: absolute; top: 10px; right: -12px;}
/*小文字*/
.sites-box .sb-title h3 label{font-size: 14px; color: #515151; cursor: pointer;}
/*按钮*/
.sites-box .sb-title .sb-btn{margin-top: 18px; display: inline-block; width: 80px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center;}
/*******左侧*******/
.sites-box .sb-left{padding: 200px 0 0 14px; float: left; width: 220px; height: 350px; box-sizing: border-box; border-bottom: 1px solid #e4e4e4;}
.sites-box .sb-left ul li{line-height: 30px; font-size: 16px; color: #292828;}
.sites-box .sb-left ul li i{margin-right: 10px; display: inline-block; width: 6px; height: 6px; background: url('img/website/sites-icon.png') no-repeat -277px 0; vertical-align: middle;}
/*******右侧*******/
.sites-box .sb-right{background: #fff;}
.sites-box .sb-right ul li{float: left;}
.sites-box .sb-right .item{display: inline-block; padding-top: 16px; width: 242.5px; height: 175px; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; box-sizing: border-box; text-align: center;}
.sites-box .sb-right .item:hover{outline: 1px solid #99cbff; position: relative;}
.sites-box .sb-right h4{font-size: 18px; color: #000;}
.sites-box .sb-right p{line-height: 30px; font-size: 12px; color: #666;}
.sites-box .sb-right .li-img{width: 100%; height: 110px; font-size: 0;}
/*右侧大图片*/
.sites-box .sb-right .right-item{float: right;}
.sites-box .sb-right .right-item .item{width: 485px; height: 350px;}
.sites-box .sb-right .right-item .item p{font-size: 14px;}
.sites-box .sb-right .right-item .li-img{margin: 10px auto 0; width: 425px; height: auto;}
/*第二层模板部分公共css*/
.sites-box .sb-right .sb-list{}
.sites-box .sb-right .sb-list .item{padding-top: 36px; height: 350px;}
.sites-box .sb-right .sb-list .item h4{font-size: 20px;}
.sites-box .sb-right .sb-list .item p{padding-top: 10px;}
.sites-box .sb-right .sb-list .li-img{height: 252px;}
/****************楼层模板 结束****************/
/****************各楼层颜色+图片 结束****************/
.sites-box1 .sb-title .sb-num, .sites-box1 .sb-title .sb-btn{background: #2086ee;}
.sites-box1 .sb-left{background: url("img/website/f1-img-left.gif") no-repeat top left;}
.sites-box2 .sb-title .sb-num, .sites-box2 .sb-title .sb-btn{background: #17b2b3;}
.sites-box2 .sb-left{background: url("img/website/f2-img-left.gif") no-repeat top left;}
.sites-box3 .sb-title .sb-num, .sites-box3 .sb-title .sb-btn{background: #5c8bc1;}
.sites-box3 .sb-left{background: url("img/website/f3-img-left.gif") no-repeat top left;}
.sites-box4 .sb-title .sb-num, .sites-box4 .sb-title .sb-btn{background: #726bd6;}
.sites-box4 .sb-left{background: url("img/website/f4-img-left.gif") no-repeat top left;}
/****************各楼层颜色+图片 结束****************/
.va-m-assistant{display: inline-block;*display: inline;*zoom: 1;width: 0;height: 100%;vertical-align: middle}

.mt-10{margin-top: 10px;}
.maincon{background:#fff url(img/website/bg.png) no-repeat center -80px; padding-bottom:20px;}
h1, h2, h3, h4, h5, h6{font-weight: 500;line-height: 1.1;}
.wjf-ui-tab-content{height:0;opacity:0;overflow:hidden;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;position:relative;z-index:100;*zoom:1}
.wjf-ui-tab-content.active{opacity:1;height:auto;overflow:visible}
.wjf-ui-tab-style2{background:#f2faff;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;border-bottom:2px solid #358de2}
.wjf-ui-tab-style2 li{float:left;text-align:center}
.wjf-ui-tab-style2 li a{display:block;padding:16px 0;width:200px;line-height:1;font-size:20px;}
.wjf-ui-tab-style2 li a.active{background:#358de2;color:#fff}
.wjf-ui-tab-style3{margin:0 auto;padding:10px 0;text-align:center}
.wjf-ui-tab-style3 li{display:inline-block;*display:inline;*zoom:1;float:none}
.wjf-ui-tab-style3 .item{padding:0 30px;height:40px;line-height:40px;font-size:16px;color:#333}
.wjf-ui-tab-style3 .item:hover{color:#333}
.wjf-ui-tab-style3 .active{display:inline-block;*display:inline;*zoom:1;background-color:#358de2;color:#fff;position:relative}
.wjf-ui-tab-style3 .active:hover{color:#fff}
.banner{height:410px;background:url(img/website/banner.jpg) no-repeat top center}
.banner h1{margin-left:25px;padding-top:120px;font-size:36px;color:#fff;letter-spacing:1px}
.banner h2{margin-left:25px;padding-top:20px;font-size:18px;color:#fff;line-height:1.6;letter-spacing:1px}
.banner .banner-btn{margin-top:35px;margin-left:25px;display:inline-block;width:160px;height:44px;line-height:42px;background:rgba(255,255,255,.1);box-sizing:border-box;border:1px solid rgba(255,255,255,.4);font-size:16px;color:#fff;text-align:center}
.banner .banner-btn:hover{background:#fff;color:#391f8d;transition:all .2s cubic-bezier(0.4,0,.2,1) 0s}
.total-title{padding:40px 0;font-size:30px;color:#333;text-align:center}
.total-title::before,.total-title::after{content:"";display:inline-block;width:160px;height:1px;background:#d1d1d1;vertical-align:middle}
.total-title::before{margin-right:22px}
.total-title::after{margin-left:22px}
.total-faq .faqs-list li{float:left;width:33.333%;height:100px;padding:0px 30px;box-sizing:border-box}
.total-faq .faqs-list li .fl-img{float:left;width:80px;height:80px;background:url(img/website/icon.png) no-repeat}
.total-faq .faqs-list li .fl-img.fl-img1{background-position:0 0}
.total-faq .faqs-list li .fl-img.fl-img2{background-position:-80px 0}
.total-faq .faqs-list li .fl-img.fl-img3{background-position:-160px 0}
.total-faq .faqs-list li .fl-right{overflow:hidden;padding-left:20px}
.total-faq .faqs-list li .fl-right .fl-title{margin-top:-5px;font-size:18px;color:#333}
.total-faq .faqs-list li .fl-right .fl-txt{padding-top:6px;font-size:14px;color:#666}
.total-faq .faqs-list li .fl-right .fl-hover-txt{padding-top:22px;font-size:20px;color:#fff;display:none}
.total-faq .faqs-list li:hover{border-radius:4px;transition:all .3s cubic-bezier(0.4,0,.2,1) 0s}

.total-function .firstTab a{display:inline-block;padding:10px 0;width:16.3%;background-color:#fff;color:#333;font-size:16px;border:1px solid #eee;border-right:0;text-align:center}
.total-function .firstTab a:last-child{border-right:1px solid #eee}
.total-function .firstTab a.active{background:linear-gradient(to right,#583bf8,#0072e6);color:#fff}
.total-function .function-content{border-radius:4px;margin-top:20px;background:url(img/website/safety-bg2.png) no-repeat right bottom #fff;box-shadow:0 0 20px 0 rgba(59,33,142,.1);display:none}
.total-function .function-content.active{display:block}
.total-function .function-content .content-nav{float:left;width:400px;padding:0}
.total-function .function-content .content-nav li{display:block}
.total-function .function-content .content-nav li .item{padding:0 0 0 40px;display:block;height:68px;line-height:68px;font-size:20px;color:#333;text-align:left}
.total-function .function-content .content-nav li .item span{font-size:16px;color:#ff6000}
.total-function .function-content .content-nav li.active{background:0 0}
.total-function .function-content .content-nav li.active .item.active,.total-function .function-content .content-nav li item:hover{background:linear-gradient(to right,#583bf8,#0072e6);color:#fff;transition:all .2s cubic-bezier(0.4,0,.2,1) 0s}
.total-function .function-content .content-nav li.active .item.active span,.total-function .function-content .content-nav li item:hover span{color:#fcfc92}
.total-function .function-content .function-content-right{padding:40px 60px 200px;overflow:hidden;border-left:1px solid #f3eaff}
.total-function .function-content .function-content-right .cr-title{padding-top:40px;padding-bottom:6px;border-bottom:1px solid #f3eaff;font-size:16px;color:#0072e6;font-weight:700}
.total-function .function-content .function-content-right .cr-txt{padding-top:6px;font-size:14px;color:#454545;line-height:28px}

.wrap-list li{float: left;width: 383px;min-height: 186px;padding: 20px;box-sizing: border-box;margin-right: 20px;background: #fff;border: 1px solid #e5e5e5;position: relative;}
.wrap-list li:nth-child(3n){margin-right: 0}
.wrap-list li .wl-title{font-size: 18px;color: #333;}
.wrap-list li .wl-title a{color: #333;}
.wrap-list li .wl-title .wl-icon{display: inline-block;width: 24px;height: 24px;background: url("img/website/icon.png?123") no-repeat 0 0;vertical-align: middle;margin-top: -2px;margin-right: 10px;}
.wrap-list li .wl-title .wl-icon.wl-icon1{background-position: 0px -92px;}
.wrap-list li .wl-title .wl-icon.wl-icon2{background-position: -28px -92px;}
.wrap-list li .wl-title .wl-icon.wl-icon3{background-position: -55px -92px;}
.wrap-list li .wl-txt{padding-top:10px;font-size: 14px;}
.wrap-list li .wl-txt2{font-size: 14px;z-index: 999;position: relative;}
.wrap-list li .wl-btn{margin-top: 8px;display: block;width: 110px;height: 32px;line-height: 32px;border: 1px solid #2086ee;color: #2086ee;box-sizing: border-box;font-size: 14px;text-align: center;}
.wrap-list li .wl-num{font-size: 100px;color: #f8f8f8;position: absolute;bottom: -28px;right: 10px;}
.wrap-list li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);transition: all .2s cubic-bezier(0.4,0,.2,1) 0s;}
.wrap-list li:hover .wl-btn{border-color: #ff6000;color: #ff6000}
.image-type .type-table{border:1px solid #dde1e5;background:#fff;}
.image-type .type-table tr{border-bottom:1px solid #dde1e5}
.image-type .type-table tr th{padding:10px 20px;border-right:1px solid #e1e1e1;height:50px;line-height:50px;background:#f4f1ff;font-size:16px;color:#022750;text-align:center}
.image-type .type-table tr td{padding:15px 10px;border-right:1px solid #dde1e5;font-size:14px;color:#454545;line-height:2;text-align:center}
.image-type .type-table tr td.left{background:#f7fdff}
.image-type .type-table tr td .not,.image-type .type-table tr td .yes{background:url(img/website/icon.png) no-repeat -25px -124px;width:22px;height:22px;display:inline-block;vertical-align:middle;margin-right:5px}
.image-type .type-table tr td .yes{background:url(img/website/icon.png) no-repeat 0 -124px}
.price{font-size: 18px;font-weight: 700;color: #ff5f20;}