﻿
.btn-default{ float: left; margin-right: 20px; color: #fff; width: 178px; text-align: center; font-size: 16px; line-height: 48px; height: 48px; border: 1px solid rgba(255,255,255,.5)}
.btn-default:hover{border: 1px solid #015bfe; color: #015bfe;}
.btn-buy{ border: 1px solid #015bfe; background: #015bfe;}
.btn-buy:hover{color: #fff !important;}
.btn-open{background: #999; border: 1px solid #999;}
.btn-open:hover{color: #fff !important;border: 1px solid #999 !important;}
.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}

/*菜单栏目*/
.stype-blank{ display:none; height:95px; overflow:hidden}
.product-stype{ background:#fff; border-bottom:1px solid #dddddd;font-size:16px;overflow:hidden; min-width:1280px;}
.product-stype .item{ float:left;position: relative; line-height:46px;padding: 24px 54px;cursor:pointer}
.product-stype .item:before{content: "";display: inline-block;width: 41px; height: 46px; margin-right: 10px; vertical-align: top; background: url("../../images/security/icon.png") no-repeat;}
.product-stype .item:after{ content: ""; height:40px; width: 1px; background: #dddddd; position: absolute; right: 0; top:27px;}
.product-stype .end:after{ width: 0;}
.product-stype .active {background: #f2f5fa}

/*banner*/
.product-banner{height: 560px; min-width: 1280px;overflow: hidden}
.product-banner .main{ margin: 175px 0 0; color: #fff; overflow: hidden}
.product-banner h2{ font-size: 40px;}
.product-banner p{ width:800px; font-size: 16px; line-height: 38px; margin: 24px 0 60px; overflow: hidden;}

/*导航*/
.product-nav{height:70px; background: #fff;font-size: 16px; }
.product-nav .stype{float: left;overflow: hidden}
.product-nav li{float: left; position: relative; color: #666666; line-height:70px; margin-right:90px; cursor: pointer}
.product-nav li:after{content: "";position: absolute; left: 0; bottom: 0; width: 0; height:3px;background: #015bfe;transition: 0.2s all linear;-moz-transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-o-transition: 0.2s all linear;}
.product-nav li:hover{color: #015bfe;}
.product-nav li:hover:after{width: 100%;}
.product-nav .active{color: #015bfe !important;}
.product-nav .active:after{width: 100%;}
.product-nav .name{font-weight: bold; float: left; line-height: 70px; margin-right: 55px;}
.product-nav .name:after{ content: ""; float: right; width: 2px; height: 16px; background: #ddd; float: right; margin:27px 0 0 35px;}
.product-nav .btn-default{ float: right; width: 138px; height: 38px; line-height: 38px; margin: 15px 0 0;}
.product-nav .btn-default:hover{ color: #fff;}
.cloumn-blank{ display: none; height:70px;overflow: hidden;}
.nav-fixed{border-bottom: 1px solid #ddd; position: fixed; left: 0; right: 0; top: 0; z-index: 11;}

/*列表展示*/
.product-list ul{ margin: 75px 0 0 -40px;overflow: hidden}
.product-list li{ float: left; background: #fff; text-align: center; margin-left: 40px; width: 400px; overflow: hidden}
.product-list li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("../../images/product/icons.png") no-repeat;}
.product-list li h4{ font-size: 22px; margin: 0 0 15px;}
.product-list li p{ color: #666666; line-height:28px; margin: 0 50px;}

/*文档工具*/
.product-dosc{padding:95px 0; min-width: 1280px; overflow: hidden}
.product-dosc .main{ margin: 75px 0 0 -39px;overflow: hidden}
.product-dosc .main .list{width: 288px; height:90px; position: relative; padding:28px 10px 0 100px; float: left; margin-left:39px; border: 1px solid #ddd;background: url("../../images/product/dosc-bg.jpg") center top no-repeat;}
.product-dosc .main .list:before{content: ""; height: 60px; width: 60px; position: absolute; left: 25px; top: 30px;}
.product-dosc .main h4{ font-size: 20px; margin: 0 0 15px;}
.product-dosc .main p{ font-size: 16px; color: #666666;}
.product-dosc .item1:before{background: url("../../images/product/ico1.png") center no-repeat;}
.product-dosc .item2:before{background: url("../../images/product/ico2.png") center no-repeat;}
.product-dosc .item3:before{background: url("../../images/product/ico3.png") center no-repeat;}

/*服务流程*/
.product-process{ padding:95px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.product-process ul{ margin: 75px 0 0;padding: 160px 0 0;background: url("../../images/product/process.png") center top no-repeat; overflow: hidden}
.product-process li{ float: left; width:240px; margin: 0 40px; text-align: center; line-height: 28px; color: #666666;}
.product-process h4{ font-size: 22px; margin: 0 0 5px; color: #333;}

/*表格对比*/
.balance-table{ width: 100%; margin: 75px 0 0; color: #333; text-align: center; background: #fff; border-spacing: 0;border-collapse: collapse;}
.balance-table th{height: 60px; position: relative; background: #f2f5fa; font-size: 16px; font-weight: normal}
.balance-table td{padding: 12px 0; border-bottom: 1px solid #dee3eb;}
.balance-table tbody tr:last-child td{border-bottom: none; padding: 12px 0 18px;}
.balance-table span{ width: 19px;height: 19px; display: block;margin: 0 auto;}
.balance-table .title{ background: #e9edf3; font-size: 16px; text-align: center; }
.balance-table .n{background: url("../../images/product/permeation/ico2.jpg") center no-repeat;}
.balance-table .y{background: url("../../images/product/has.png") center no-repeat;}
.balance-table .tb-shadow {position: absolute; left: 0; top:59px; right: 0; z-index: 1;}
.balance-table .ld{ padding-left: 32px; background: url("../../images/product/has.png") left 3px no-repeat;}
.balance-table .checked{ background: #015bfe; color: #fff;}
.balance-table .checked .tb-shadow { border: 1px solid #015bfe;}

/*栏目切换*/
.change-cloumn{ margin: 40px 0 60px !important; padding: 0 !important; background: none !important; text-align: center; font-size: 22px; color: #666666; border-bottom: 1px solid #dddddd; overflow: hidden}
.change-cloumn li{display: inline-block;float: none;width:auto; margin: 0 75px; padding: 0 6px; line-height:85px;cursor: pointer}
.change-cloumn li:hover{ color: #015bfe; border-bottom: 5px solid #015bfe;}
.change-cloumn .active{ color: #015bfe; border-bottom: 5px solid #015bfe;}

/*问答*/
.product-help{margin:60px 0 0;overflow: hidden}
.product-help h3{font-size: 20px;padding-left:30px; margin-bottom: 25px; background:url("../../images/security/ico.png?v=1") left center no-repeat;}
.product-help dl{border: 1px solid #ddd; background: #fff;overflow: hidden}
.product-help dt{width: 318px;float: left; background: #f2f5fa; overflow: hidden}
.product-help dt p{line-height:70px; font-size: 16px;padding-left: 50px;cursor: pointer}
.product-help dd{padding: 30px;overflow: hidden}
.product-help dd h4{font-size: 20px; margin: 0 0 20px;}
.product-help dd p{margin: 0 0 10px; line-height:26px; color: #666666; overflow: hidden}
.product-help .active{background: #d9e5fa; color: #015bfe;}
.product-help .main{display: none;overflow: hidden}
.product-help .list{ padding: 0; margin: 0 0 0 22px; background: none; overflow: hidden}
.product-help .list li{ float: none; text-align: left; margin-bottom:5px; width: auto}
.product-help .list li:last-child{margin:0; width:auto;}
.product-help .btn{display: block; margin: 50px 0 0; width:180px; height:50px;line-height:50px; text-align:center; background: #015bfe; color:#fff; font-size:16px;}

