﻿
/*商标专利*/

.Fi_title{display:block; margin-bottom:45px; text-align:center;}
.Fi_title h3{font-size: 28px; color: #414141; margin-bottom: 5px;}
.Fi_title p{font-size:15px; color:#898989;}

.L_see{position:absolute; bottom:120px; left:35%; display:block; width:175px; height:50px; line-height:50px; margin-left:-60px; 
  background:#CC2E2D; text-align:center; color:#fff; font-size:15px; z-index:10;}

/*服务项目*/
.five-con li{ width: 216px; float: left; height: 246px; padding-top: 30px; cursor: pointer; margin-right: 27px;}
.five-con li:nth-child(5n){ margin-right: 0;}
.five-con li:hover{ box-shadow: 0 0 20px #ededed;}
.fic-img{ padding-left: 18px;}
.five-con li h3{ font-size: 20px; color: #202020; padding-left: 40px; font-weight:normal;}
.fic-text{ height: 96px; padding: 10px 0 0 40px; font-size: 16px; color: #999; line-height: 24px;}
.fic-textheight{ height: 70px;}
.fic-btn{ padding-left: 20px; display: none;}
.fic-detail{ text-align: center; display: none;}
.fic-detail a{ font-size: 14px; color: #2878f0; text-decoration: underline;}
.fic-btn a{ display: block; margin: 0 auto; width: 178px; height: 49px; padding-top: 8px; text-align: center; 
  background: url("../images/bg-btn01.png") no-repeat center; font-size: 16px; color: #fff; }
.five-con li:hover .fic-btn,.five-con li:hover .fic-detail{ display: block;}

/*流程*/
.B_process{width:100%; height:470px; background:url(../images/bg-four.jpg) no-repeat center; padding-top:60px; position:relative;}
.B_process .Fi_title h3{color:#fff;}
.four-tab{ border-radius: 4px 4px 0 0;}
.four-tab li{ width: 240px; height:240px; overflow:hidden; float: left; text-align: center; position: relative; cursor: pointer; 
  z-index: 0;}
.ft-bg{ position: absolute; width: 240px; height: 80px; line-height: 80px; background-color: #f0f0f6; left: 0; top: 0; z-index: -1; box-sizing: border-box; -webkit-box-sizing: border-box; border-right: solid 1px #dedbee}
.ft-bgbor{border-radius: 0 4px 0 0; }
.ft-bg img{vertical-align: middle;}
.ft-con span{font-size: 12px; color: #666;}
.ft-con span em {color: #f92351; font-style:normal;}
.ft-con{ position: relative; z-index: 1; height: 80px; line-height: 90px; font-size: 18px; color: #202020;}
.fct-icon{ display: inline-block; width: 33px; height: 30px; margin-right: 6px; position: relative; top: 9px; }
.fct-icon01{ background: url("../images/icon-four01.png") no-repeat left top;}
.fct-icon02{ background: url("../images/icon-four02.png") no-repeat left top;}
.fct-icon03{ background: url("../images/icon-four03.png") no-repeat left top;}
.fct-icon04{ background: url("../images/icon-four04.png") no-repeat left top;}
.fct-icon05{ background: url("../images/icon-four05.png") no-repeat left top;}
.four-tab li:hover{ background-color: #fff; border-radius: 4px 4px 0 0;}
.ft-cur .ft-bg,.four-tab li:hover .ft-bg{ background: none; }
.ft-cur .ft-con,.four-tab li:hover .ft-con{ font-size: 22px;}
.ft-cur .fct-icon,.four-tab li:hover .fct-icon{ background-position: left -30px;}
.ft-desc{width:210px; padding:20px 15px; background:#fff; height:120px; color:#666; line-height: 22px; margin:auto; 
	font-size: 15px;}

/*优势*/
.one-con li{float:left; width:300px; height:240px; text-align:center; cursor:default;}
.one-con li em{ display:block; width: 26px; height: 26px; margin:20px auto;}
.one-con li .oct-icon01 {background: url("../images/icon02.png") no-repeat left top;}
.one-con li .oct-icon02{ background: url("../images/icon03.png") no-repeat left top;}
.one-con li .oct-icon03{ background: url("../images/icon04.png") no-repeat left top;}
.one-con li .oct-icon04{ background: url("../images/icon05.png") no-repeat left top;}
.one-con li:hover{background: linear-gradient(to top right,#FD62B6,#A350FB);}
.one-con li:hover em{background-position: left -26px;}
.one-con li .text{width:210px; margin:auto;}
.one-con li .text b{display:block; color:#434343; font-size:18px; line-height:40px;}
.one-con li .text p{color:#969696; line-height:140%;}
.one-con li:hover .text b,.one-con li:hover .text p{color:#fff;}

/*常见问题*/
.three-con{width:94%; margin:auto; background:#F7F6F8; padding:40px 3%; margin-bottom:100px;}
.three-con .qt_list{padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.three-con .qt_list .tit{color:#555; line-height:30px;}
.three-con .qt_list .answer{width:90%; margin-left:15px; }
.three-con .qt_list .answer p{text-indent: 2em;color:#666; font-size:12px; line-height:22px; font-size:15px;}

/*体系认证*/
.code-contain {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-top: 30px;
}

.leibei {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.leibei li {
    padding: 0px;
    margin: 0px;
    float: left;
    list-style: none;
    margin: 10px;
    margin-bottom: 40px;
    position: relative;
}

.leibei li a {
    display: block;
    background: url(../images/grey.png) no-repeat;
    background-size: cover;
    width: 214px;
    height: 64px;
    position: absolute;
    bottom: -17px;
    left: 30px;
    z-index: 11;
}

.leibei li i {
    display: block;
    background: url(../images/hot.png) no-repeat;
    width: 55px;
    height: 56px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 11;
}

.leibei li div {
    text-align: center;
    width: 275px;
    position: absolute;
    top: 120px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.leibei li .hide {
    display:none;
    background: rgba(118, 199, 192, 0.9);
    display: block;
    position: absolute;
    width: 271px;
    height: 311px;
    top: 2px;
    left: 2px;
    border-radius: 5px;
    text-align: center;
    display: none;
}

.leibei li .hide div {
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    position: relative;
    top: 0px;
    font-size: 18px;
    line-height: 30px;
}

.leibei li .hide div:nth-child(1) {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 22px;
}

.leibei li:hover {
    cursor: pointer;
}

.leibei li:hover a {
    display: block;
    background: url(../images/red.png) no-repeat;
    background-size: cover;
    width: 214px;
    height: 64px;
    position: absolute;
    bottom: -17px;
    left: 29px;
}

.leibei li:hover .hide{display:block;}

.more-more {
    display: block;
    width: 287px;
    margin: auto;
    margin-top: 60px;
}


/*认证好处*/
.bar-bg {width:100%; padding:40px 0; background: #e6e6e6;}

.bar-contain {
    overflow: hidden;
    width: 980px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
}

.fl-good {
    float: left;
    width: 490px;
}

.fl-good img {
    width: 48px;
    display: block;
    float: left;
}

.fl-good li {
    overflow: hidden;
    list-style: none;
    margin-bottom: 15px;
}

.fl-good div {
    float: left;
    width: 400px;
    margin-left: 10px;
}

.fl-good .green {
    color: #19d8b5;
    font-size: 24px;
    font-weight: 500;
}

.fl-good p {
    color: #969696;
    font-size: 16px;
}

.fr-imgs {
    float: right;
    width: 399px;
    margin-top: 30px;
}

/*关于我们*/
.b-bg {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.b-contain {
   /* width: 790px;*/
    margin: 30px auto;
    font-size: 22px;
    color: #7d7d7d;
}

.b-contain p {
    line-height: 35px;
    text-indent: 24px;
}

.bs-contain {
    width: 900px;
    margin: 80px auto;
    margin-bottom: 150px;
    overflow: hidden;
}

.bs-contain ul {
    padding: 0px;
    margin: 0px;
}

.bs-contain ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    width: 400px;
    float: left;
    margin-bottom: 50px;
    margin-right: 60px;
}

.bs-contain ul li:nth-child(2n) {
    margin-right: 0px;
}

.bs-contain img {
    width: 99px;
    display: block;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
}

.bs-contain .fl-div {
    float: right;
    width: 290px;
}

.bs-contain .fl-div h3 {
    font-size: 26px;
    font-weight: 500;
    color: #19d8b5;
    margin-bottom: 1px;
}

.bs-contain .fl-div i {
    display: block;
    width: 80px;
    height: 3px;
    background: #e8645a;
    margin-bottom: 5px;
}

.bs-contain .fl-div p {
    color: #686868;
    font-size: 15px;
    margin-top: 10px;
}

.bs-contain .fl-div span {
    color: #fff;
    font-size: 15px;
    background: #19d8b5;
    padding: 0 5px;
    display: inline-block;
    margin-top: 20px;
}
