.nsguide { background:#f2f4f5; padding-top:10px;}
.nsguide ul { text-align:center}

.nsguide ul li { float:left; width:16.66%; position:relative;transition: all 0.5s;  }
.nsguide ul li:hover{transform:scale(1.05);}
.nsguide ul li a{padding:10px 0 30px 0; position:relative;color:#333; display:block; }
.nsguide ul li .pic .img01{ display:none}
.nsguide ul li .pic .img02{ display:block}
.nsguide ul .cur a, .nsguide ul a:hover { background-color:#3e64a3; color:#fff; display:block }
.nsguide ul li:hover .pic .img01{ display:block}
.nsguide ul li:hover .pic .img02{ display:none}
.nsguide ul .cur .pic .img01{ display:block}
.nsguide ul .cur .pic .img02{ display:none}
.nsguide ul li .pic{ width:80px; margin:10px auto 0 auto;}
.nsguide ul li .pic img{ width:100%; height:auto; display:block;}
.nsguide ul li .wenzi{ font-size:17px; text-align:center; margin-bottom:15px;}
.nsguide ul li:hover .arr, .nsguide ul .cur .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #fff;}


.solution .item{ overflow:hidden; display:none}
.solution-item-con .solution-item-con-hd{ display:none}

.jiejuefangan { text-align:center;background:#f2f4f5; padding-top:10px; }

.jiejuefangan .nav li {color:#333; float:left;  padding:20px 0; position:relative; transition: all 0.5s; cursor:pointer}


.jiejuefangan .nav04 li{width:25%;}
.jiejuefangan .nav05 li{width:20%;}
.jiejuefangan .nav06 li{width:16.66%;}

.jiejuefangan .nav li .pic .img01{ display:none}
.jiejuefangan .nav li .pic .img02{ display:block}
.jiejuefangan .nav .cur, .jiejuefangan .nav li:hover { background-color:#3e64a3; color:#fff; transform:scale(1.05);}
.jiejuefangan .nav li:hover .pic .img01{ display:block}
.jiejuefangan .nav li:hover .pic .img02{ display:none}
.jiejuefangan .nav .cur .pic .img01{ display:block}
.jiejuefangan .nav .cur .pic .img02{ display:none}
.jiejuefangan .nav li .pic{ width:80%; max-width:80px; margin:10px auto;}
.jiejuefangan .nav li .pic img{ width:100%; height:auto; display:block;}
.jiejuefangan .nav li .wenzi{ font-size:17px; text-align:center; margin-bottom:25px;}
.jiejuefangan .nav li:hover .arr, .jiejuefangan .nav .cur .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #f2f4f5;}


.solution .zhanshi01 li {float: left;position: relative;width:25%; background:url(../images/ge.png) no-repeat right center;  height:330px; margin-left: -1px;z-index: 10; cursor:pointer}

.solution .zhan04 li{width:25%;}
.solution .zhan05 li{width:20%;}
.solution .zhan06 li{width:16.66%;}

.solution .zhanshi01 li:last-child{ background:none;}
.solution .zhanshi01 li:after {content: "";width: 0px;height: 2px;background: #3e64a3;bottom: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.solution .zhanshi01 li .info {position: absolute;top: 5%;width: 100%;left: 0;transition: 0.5s;}
.solution .zhanshi01 li .info .img {text-align: center;}
.solution .zhanshi01 li .info img { width:90%; margin:0 auto; stext-align: center;}
.solution .zhanshi01 li .info h3 {font-weight: normal;color: #333;padding: 15px 0 10px 0;font-size: 20px;text-align: center;}
.solution .zhanshi01 li .info p {width: 80%;height: 50px;line-height: 24px;margin: 0 auto;color: #73747b; text-align: center;}
.solution .zhanshi01 li .btns {position: absolute;width: 120px;height: 40px;line-height: 40px;display: block; left:50%; margin-left:-60px;bottom: 30px;color: #fff;background: #3e64a3;opacity: 0;border-radius: 15px;transition: 0.5s;text-align: center;}
.solution .zhanshi01 li:hover, .solution .zhanshi01 .cur {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3); background:#fff}
.solution .zhanshi01 li:hover:after, .solution .zhanshi01 .cur:after {width: 100%;height: 2px;}
.solution .zhanshi01 li:hover .info, .solution .zhanshi01 .cur .info {transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.solution .zhanshi01 li:hover .btns, .solution .zhanshi01 .cur .btns  {opacity: 1;}

.solution .zhanshi02 li {color:#333; float:left; text-align:center;  padding:20px 0; position:relative; transition: all 0.5s;cursor:pointer}


.solution .zhanshi02 .pic .img01{ display:none}
.solution .zhanshi02 .pic .img02{ display:block}
.solution .zhanshi02 li:hover, .solution .zhanshi02 .cur {transform:scale(1.05);}
.solution .zhanshi02 li:hover .pic .img01, .solution .zhanshi02 .cur .pic .img01{ display:block}
.solution .zhanshi02 li:hover .pic .img02, .solution .zhanshi02 .cur .pic .img02{ display:none}
.solution .zhanshi02 li .pic{ width:80%; max-width:128px; margin:10px auto;}
.solution .zhanshi02 li .pic img{ width:100%; height:auto; display:block;}
.solution .zhanshi02 li .wenzi{ font-size:17px; text-align:center; margin-bottom:25px;}
.solution .zhanshi02 li:hover .wenzi, .solution .zhanshi02 .cur .wenzi{color:#3e64a3; border-bottom:solid 2px #3e64a3; display:inline-block; padding-bottom:5px;}




.liucheng li{ float:left; width:25%; text-align:center; margin-bottom:30px;}
.liucheng li img{ display:block; width:40%; max-width:72px; height:auto; margin:30px auto; opacity: 0.6;object-fit: cover;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.liucheng li:hover img{opacity:1;filter:alpha(opacity=0);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.liucheng li .wenzi{ line-height:4px; font-size:18px;}
.liucheng li .wenzi span{ margin-right:10px; font-weight:bold; font-size:20px;}






.nmain .fuyoushi li {float: left;position: relative;width:33.33%; background:url(../images/ge.png) no-repeat right center;  height:330px; margin-left: -1px;z-index: 10; }
.nmain .fuyoushi li:last-child{ background:none;}
.nmain .fuyoushi li:after {content: "";width: 0px;height: 2px;background: #3e64a3;bottom: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.nmain .fuyoushi li .info {position: absolute;top: 0px;width: 100%;left: 0;transition: 0.5s;}

.nmain .fuyoushi li .info h3 {font-weight: normal;color: #333;padding-top: 30px;padding-bottom: 25px;font-size: 20px;text-align: center;}
.nmain .fuyoushi li .info p {width: 80%;height: 50px;line-height: 30px;margin: 0 auto;color: #73747b; text-align: center;}

.nmain .fuyoushi li:hover {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3); background:#fff;}
.nmain .fuyoushi li:hover:after {width: 100%;height: 2px;}
.nmain .fuyoushi li:hover .info {top: 25px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}



.stylelist .conn li { line-height:55px; background:#fff; height:55px; font-size:16px; color:#333; font-weight:bold; border-bottom:solid 1px #ddd; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.stylelist .conn li:nth-child(2n-1){ background-color:#f8f8f8}

.stylelist .conn li:first-child{border-top:solid 1px #ddd;line-height:65px; height:65px; font-size:18px; font-weight:bold}
.stylelist .conn li span{ float:left; width:6.3%; text-align:center; display:block;height:48px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stylelist .conn li span:nth-child(3){ width:20%; text-align:left; padding-left:2%}
.stylelist .conn li span:nth-child(1), .stylelist .conn li span:nth-child(2){width:10%;}
.stylelist .conn li span:nth-child(5), .stylelist .conn li span:nth-child(6){width:10%;}
.stylelist .conn li { font-weight:normal}
.stylelist .conn li:first-child:hover span:nth-child(3), .stylelist .conn li:first-child:hover span:nth-child(6){font-weight:bold; color:#0054b3; font-size:16px;}

.stylelist .conn li:hover{ background:#3e64a3; color:#fff }
.stylelist .conn li:hover a{ color:#fff}
.stylelist .conn li:hover:first-child{background-color:#f8f8f8; color:#333}

.stylelist .conn li:hover span:nth-child(3), .stylelist .conn li:hover span:nth-child(6){color:#fff;}