@charset "utf-8";

/* 
	内页样式表
 */


/**
 * .c-z-1 {
	color: #ffa235;
}

.c-z-2 {
	color: #5dc2d0;
}

.c-z-3 {
	color: #376ae6;
}

 ***/


/* 内页头部 */

.top-box-1 {
    /* background: #fff;
	position: sticky;
	top: 0;
	box-shadow: 0 0 10px #333; */
}

.top-logo-box {
    /* padding: 0; */
}

.top-box-1 .logo {
    /* background: url(../img/logo.png) no-repeat 0 0 / auto 100%; */
    /* top: 20px; */
}

.top-box-1 .tell {
    /* background-image: url(../img/icon3.png); */
    /* margin-top: 38px; */
}

.top-box-1 .tell span {
    /* color: #ffa235; */
}

.top-box-1 .top-nav-class-1>li .title {
    /* line-height: 100px; */
}

.top-box-1 .top-nav-class-1>li>a .bg {
    /* background: #ffa235; */
    /* bottom: 15px; */
}

.top-box-1 .top-nav-class-1>li.index>a>.title,
.top-box-1 .top-nav-class-1>li:hover>a>.title,
.top-box-1 .top-nav-class-1>li.focus>a>.title {
    /* opacity: 1; */
    /* color: #ffa235; */
}

.top-box-1 .top-nav-class-1>li:hover>a>.bg,
.top-box-1 .top-nav-class-1>li.focus>a>.bg,
.top-box-1 .top-nav-class-1>li.index>a>.bg {
    /* background: #ffa235; */
}


/* 内页banner */

.banner-ny {
    width: 100%;
    position: relative;
    z-index: 1;
}

.banner-ny img {
    display: block;
    width: 100%;
}


/* 内页样式1 */

.ny-main-box1 {
    padding: 40px 0 100px;
    position: relative;
    z-index: 1;
}


/* 左侧 */

.ny-main-box1-left {
    float: left;
    width: 260px;
    position: sticky;
    top: 20px;
}


/* 内页栏目标题 */

.ny-main-box1-left .ny-toptype-box {
    /* background: #5dc2d0 url(../img/ny-nav-icon.png) no-repeat 90% center / 60px; */
    background: #5dc2d0;
    padding: 45px 0 20px;
    /* 	float: left;
	padding: 0;
	background: none; */
    background: url(../img/ny-nav-bg1.png) no-repeat 0 0 / 100%;
    text-align: center;
}

.ny-main-box1-left .ny-toptype-box .ny-toptype-title {
    font-size: 18px;
    color: #fff;
    line-height: 2.2em;
    /* 	padding-left: 25px;
	margin-left: 25px; */
    position: relative;
    /* 
	color: #ffa235;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 70px;
	height: 68px;
	border-bottom: solid 2px #ffa235; */
    color: #fff;
    background: url(../img/nytitle-bg.png) no-repeat center center / auto 100%;
}


/* .ny-main-box1-left .ny-toptype-box .ny-toptype-title::before {
	display: block;
	content: '';
	width: 3px;
	left: 0;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
 */


/* 内页菜单 */

.ny-main-box1-left .ny-nav-box {
    padding-bottom: 30px;
    background: url(../img/ny-nav-bg3.png) no-repeat bottom center / 100% 30px;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul {
    /* padding: 1px;
	padding-left: 0;
	background: none;
	padding: 0; */
    background: url(../img/ny-nav-bg2.png) no-repeat top center / 100%;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li:first-child {}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li {
    transition: 0.5s;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li.focus {}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li a {
    /* border: solid 1px #ccc; */
    font-size: 14px;
    line-height: 2.5em;
    display: block;
    transition: 0.5s;
    color: #fff;
    /* 	padding-left: 45px;
	background: #fcfcfc url(../img/icon/icon18.png) no-repeat 15px center / 12px auto;
	padding-right: 15px;
	border-left: solid 5px #f5f5f5; */
    padding: 0 50px;
    position: relative;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li .title {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    border-top: dashed 1px rgba(255, 255, 255, 0.3);
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li:first-child .title {
    border: none;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li:hover a {
    color: #fff;
}

.ny-main-box1-left .ny-nav-box .ny-nav-ul li.focus a {
    color: #ffa235;
    background: url(../img/foucs-icon.png) no-repeat 24% center;
}


/* 内页折叠三级菜单 */

.ny-nav-ul-2j {}

.ny-nav-ul-2j>li {
    position: relative;
    border-bottom: solid 1px #ededed;
}

.ny-nav-ul-2j li>.typename {
    display: block;
    color: #333;
    transition: 0.5s;
    position: relative;
    z-index: 2;
    padding-left: 40px;
    font-size: 16px;
    line-height: 3.5em;
    border-left: solid 5px #ededed;
    background: #fcfcfc url(../img/icon/icon18.png) no-repeat 15px center / 12px auto;
}

.ny-nav-ul-2j li:hover>.typename {
    color: #ffa235;
}

.ny-nav-ul-2j li.focus>.typename {
    color: #5dc2d0 !important;
    border-color: #ffa235;
    background-image: url(../img/icon/icon19.png);
}

.ny-nav-ul-2j li.focus>.typename+.btn,
.ny-nav-ul-2j li.focus>.typename+.btn2 {
    color: #ffa235;
}

.ny-nav-ul-2j li>.btn {
    line-height: 48px;
    height: 48px;
    font-size: 30px;
    color: #ccc;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 3;
    width: 50px;
    font-weight: bold;
    cursor: pointer;
}

.ny-nav-ul-2j li>.btn2 {
    line-height: 48px;
    height: 100%;
    font-size: 30px;
    color: #ffa235;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 3;
    width: 50px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
}

.ny-nav-ul-2j li .ny-nav-find {
    display: none;
    background: #fff;
}

.ny-nav-ul-2j li .ny-nav-find .nav-find-box-ul {
    padding: 5px 0;
    border: solid 1px #ededed;
    border-bottom: none;
}

.ny-nav-ul-2j li .ny-nav-find .nav-find-box-ul li:first-child {
    border: none;
}

.ny-nav-ul-2j li .ny-nav-find .nav-find-box-ul li {
    font-size: 14px;
    padding-left: 45px;
    padding-right: 20px;
    line-height: 2.5em;
    border-top: dashed 1px #ccc;
    background: url(../img/icon/icon18.png) no-repeat 30px center / 10px;
}

.ny-nav-ul-2j li .ny-nav-find .nav-find-box-ul li a {
    color: #333;
    opacity: 0.8;
}

.ny-nav-ul-2j li .ny-nav-find .nav-find-box-ul li a:hover {
    color: #ffa235;
}


/* 内页联系方式 */

.ny-lxfs {
    color: #666;
    margin-top: 30px;
    padding: 40px 30px;
    margin: 40px 25px 0;
    background: url(../img/case-itembg.png) no-repeat left center / 100% 100%;
}

.ny-lxfs::before {}

.ny-lxfs::after {}

.ny-lxfs img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.ny-lxfs img+p {
    color: #ffa235;
    font-size: 12px;
    font-weight: bold;
    display: none;
}

.ny-lxfs p {
    font-size: 0px;
    margin-top: 7px;
    position: relative;
    z-index: 2;
}

.ny-lxfs p .lxfs-bt {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: 5em;
    width: 3em;
    /* width: 4em; */
    line-height: 1.7em;
    text-align: right;
    min-height: 1px;
}

.ny-lxfs p .lxfs-info {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 3em);
    line-height: 1.7em;
}

.ny-lxfs-4 {
    color: #333;
    overflow: hidden;
    border: solid 1px #fafafa;
    padding-bottom: 30px;
}

.ny-lxfs-4 .ny-lxfs-4-bt {
    background: #fafafa;
    padding: 15px 20px 15px 15px;
}

.ny-lxfs-4 .ny-lxfs-4-bt .title {
    font-size: 22px;
    line-height: 1.2em;
    padding-left: 20px;
    position: relative;
}

.ny-lxfs-4 .ny-lxfs-4-bt .title::before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    left: 0;
    top: 2px;
    position: absolute;
    background: #ffa235;
}

.ny-lxfs-4 p {
    padding: 0 34px;
    line-height: 1.5em;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

.ny-lxfs-4 a {
    color: #ffa235;
    text-decoration: underline;
}


/* 左侧相关 */

.left-xianguan-box {
    margin-top: 50px;
}


/* 导航推荐新闻 */

.ny-nav-news-ul {
    padding: 20px 34px;
    border: solid 1px #fafafa;
    margin-bottom: 50px;
}

.ny-nav-news-ul li:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

.ny-nav-news-ul li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: dashed 1px #fafafa;
}

.ny-nav-news-ul li .box {
    display: block;
}

.ny-nav-news-ul li .box .text {
    font-size: 14px;
    line-height: 1.5em;
    color: #333;
    transition: 0.5s;
    display: flex;
    justify-content: space-between;
}

.ny-nav-news-ul li .box .title {
    padding-left: 0;
    transition: 0.5s;
    padding-right: 15px;
}

.ny-nav-news-ul li .box:hover .title {
    color: #ffa235;
}

.ny-nav-news-ul li .box .title span {
    transition: 0.5s;
    display: inline-block;
    vertical-align: super;
    width: 0;
    height: 2px;
    background: #ffa235;
    margin-right: 0px;
}

.ny-nav-news-ul li .box:hover .title span {
    width: 10px;
    margin-right: 5px;
}

.ny-nav-news-ul li .box .time {
    font-size: 12px;
    color: #f30;
}


/* 导航推荐产品 */

.ny-nav-cp-ul {
    padding: 15px;
}

.ny-nav-cp-ul .item {
    margin-top: 15px;
}

.ny-nav-cp-ul .item:first-child {
    margin-top: 0;
}

.ny-nav-cp-ul .item .box {
    display: block;
    font-size: 0;
}

.ny-nav-cp-ul .item .box .pic {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    padding-bottom: 28%;
}

.ny-nav-cp-ul .item .box .text {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    padding-left: 10px;
    font-size: 12px;
}

.ny-nav-cp-ul .item .box .text .title {
    color: #333;
}

.ny-nav-cp-ul .item .box .text .info {
    color: #888;
    line-height: 1.5em;
    margin-top: 5px;
}


/* 导航推荐案例 */

.ny-nav-case-ul {
    padding: 20px 34px;
    border: solid 1px #fafafa;
}

.ny-nav-case-ul .item {
    margin-top: 15px;
    position: relative;
}

.ny-nav-case-ul .item::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -15px;
    top: 7px;
    background: #ffa235;
    transform: rotate(45deg);
    transition: 0.5s;
}

.ny-nav-case-ul .item:hover::before {
    transform: rotate(315deg);
}

.ny-nav-case-ul .item:first-child {
    margin-top: 0;
}

.ny-nav-case-ul .item .box {
    display: block;
}

.ny-nav-case-ul .item .box .text {
    font-size: 16px;
    color: #666;
    transition: 0.5s;
}

.ny-nav-case-ul .item .box:hover .text {
    color: #ffa235;
}


/* 右侧 */

.ny-main-box1 .container {
    position: relative;
}

.ny-main-box1 .container::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 900px;
    background: #ececec;
    display: none;
}

.ny-main-box1 .ny-main {
    float: right;
    width: 900px;
    position: relative;
    padding: 35px 0 40px;
}

.ny-main-box1 .ny-main::before {
    display: block;
    content: '';
    width: 100%;
    background: url(../img/1200-bg1.png) no-repeat 0 0 / 100%;
    height: 51px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.ny-main-box1 .ny-main::after {
    display: block;
    content: '';
    width: 100%;
    background: url(../img/1200-bg2.png) no-repeat 0 0 / 100%;
    height: 51px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.ny-main-box1 .ny-main-top {
    /* border-bottom: solid 1px #ccc; */
    /* background: #fff; */
    /* margin-bottom: 1px; */
    /* padding: 20px 0; */
    border-left: solid 2px #ffa235;
    border-right: solid 2px #ffa235;
}

.ny-main-box1 .ny-main-top .ny-main-top-typename {
    font-size: 20px;
    color: #5dc2d0;
    float: left;
    margin-left: 15px;
    line-height: 25px;
    padding-left: 15px;
    font-weight: bold;
    /* border-left: solid 4px #5dc2d0; */
    /* border-bottom: solid 3px #ffa235; */
}

.ny-main-box1 .ny-location {
    font-size: 14px;
    color: #999;
    padding-left: 30px;
    background: url(../img/icon/m-iocn0.png) no-repeat 0px center / 20px;
    float: right;
    margin-right: 20px;
    margin-top: 4px;
}

.ny-main-box1 .ny-location a {
    color: #666;
}

.ny-main-box1 .ny-location a:hover {
    color: #5dc2d0;
    text-decoration: underline;
}

.ny-content-box {}


/* 内页样式2 */

.ny-main-box2 {
    position: relative;
}


/* 内页主体头部名称 */

.ny-main-box2-top {
    line-height: 60px;
    height: 60px;
    background: #f5f5f5;
}


/* 内页面包屑 */

.ny-main-box2 .ny-location {
    font-size: 14px;
    float: left;
    color: #999;
}

.ny-main-box2 .ny-location .location {
    padding-left: 30px;
    background: url(../img/icon/icon13.png) no-repeat left center / auto 20px;
}

.ny-main-box2 .ny-location .location a {
    color: #ffa235;
}

.ny-main-box2 .ny-location .location a:hover {
    color: #5dc2d0;
    text-decoration: underline;
}


/* 内页导航 */

.ny-main-box2 .ny-nav-box {
    position: relative;
    float: right;
    padding-top: 10px;
    line-height: 40px;
}

.ny-main-box2 .ny-nav-box ul {
    text-align: center;
}

.ny-main-box2 .ny-nav-box ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
}

.ny-main-box2 .ny-nav-box ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 10px;
}

.ny-main-box2 .ny-nav-box ul li a {
    display: block;
    background: #fff;
}

.ny-main-box2 .ny-nav-box ul li a:hover,
.ny-main-box2 .ny-nav-box ul li a.focus,
.ny-main-box2 .ny-nav-box ul li.focus a {
    background: #5dc2d0;
}

.ny-main-box2 .ny-nav-box ul li a .title {
    color: #333;
    display: block;
    position: relative;
    z-index: 2;
    padding: 0 15px;
    overflow: hidden;
}

.ny-main-box2 .ny-nav-box ul li:hover .title,
.ny-main-box2 .ny-nav-box ul li.focus .title {
    color: #fff;
}


/* 内页主体内容 */

.ny-main-box2 .ny-main {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
}

.ny-main-box2 .ny-content-box {
    min-height: 400px;
    padding: 0;
}

.ny-main-box2 .ny-content-box .ny-main-box2-typename {
    text-align: center;
    font-size: 28px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}

.ny-main-box2 .ny-content-box .ny-main-box2-typename::before {
    content: '';
    position: absolute;
    display: block;
    width: 2em;
    height: 3px;
    background: #5dc2d0;
    left: 50%;
    bottom: 0;
    margin-left: -1em;
}


/* 样式3 */

.ny-main-box3 {}

.ny-main-box3 .ny-location {
    background: #fafafa;
    font-size: 14px;
    padding: 25px 0;
    color: #999;
    margin-bottom: 30px;
}

.ny-main-box3-cont {
    padding-bottom: 100px;
}

.ny-main-box3-left {
    float: left;
    width: 830px;
}

.ny-main-box3-left .ny-main-top {
    padding-bottom: 20px;
    border-bottom: solid 1px #f5f5f5;
}

.ny-main-box3-left .ny-main-top .ny-main-top-typename {
    font-size: 30px;
    line-height: 1.2em;
    padding-left: 20px;
    position: relative;
}

.ny-main-box3-left .ny-main-top .ny-main-top-typename::before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    left: 0;
    top: 2px;
    position: absolute;
    background: #ffa235;
}

.ny-main-box3-right {
    float: left;
    width: 320px;
    margin-left: 50px;
}

.ny-main-box3-right .ny-toptype-box {
    background: #fafafa;
    padding: 15px 20px 15px 15px;
}

.ny-main-box3-right .ny-toptype-box .ny-toptype-title {
    font-size: 22px;
    line-height: 1.2em;
    padding-left: 20px;
    position: relative;
}

.ny-main-box3-right .ny-toptype-box .ny-toptype-title::before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    left: 0;
    top: 2px;
    position: absolute;
    background: #ffa235;
}

.ny-main-box3-right .ny-nav-box {}

.ny-main-box3-right .ny-nav-box .ny-nav-ul {
    border-right: solid 1px #f5f5f5;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li {
    float: left;
    width: 50%;
    border-left: solid 1px #f5f5f5;
    border-bottom: solid 1px #f5f5f5;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li a {
    display: block;
    font-size: 16px;
    line-height: 3.5em;
    padding-left: 35px;
    color: #666;
    transition: 0.5s;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li a .title {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li a:hover {
    color: #ffa235;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li.focus a {
    color: #ffa235;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li a .title::before {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 10px;
    background: #ffa235;
    transition: 0.5s;
}

.ny-main-box3-right .ny-nav-box .ny-nav-ul li.focus a .title::before {
    width: 100%;
}


/* 内页正文 */

.ny-content-box {
    /* min-height: 550px; */
    /* background: #fff; */
}

.ny-content-box .ny-toptype-title {
    text-align: center;
    font-size: 38px;
    color: #5dc2d0;
    margin-bottom: 30px;
}

.ny-content-box .ny-toptype-title::before,
.ny-content-box .ny-toptype-title::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 2px;
    background: #ccc;
    margin: 0 5px;
}

.ny-content-box .detail {
    font-size: 16px;
    line-height: 1.7em;
    color: #666;
    position: relative;
}

.ny-content-box .detail p {
    text-indent: 2em;
}

.ny-content-box .detail img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: auto !important;
}

.ny-content-box .detail>*+* {
    margin-top: 1em;
}

.ny-content-box .detail h2,
.ny-content-box .detail h3 {
    color: #5dc2d0;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 2em;
}

.ny-content-box .detail h4 {
    color: #5dc2d0;
    font-size: 1.05em;
    font-weight: bold;
}

.ny-content-box .detail h5 {
    color: #5dc2d0;
    font-size: 1.05em;
    opacity: 0.9;
    text-transform: uppercase;
    margin-top: 0 !important;
}

.ny-content-box .detail strong {
    color: #5dc2d0;
    font-size: 1.05em;
}

.ny-content-box .detail ul,
.ny-content-box .detail ol {
    padding-left: 3em;
    margin-top: 0.75em;
}

.ny-content-box .detail *>li {
    color: #888;
    margin-bottom: 0.5em;
    list-style: disc;
}

.ny-content-box .detail table {
    border: none;
    /* border-top: solid 1px #ccc; */
    /* border-left: solid 1px #ccc; */
    width: 100% !important;
    height: auto !important;
    padding: 0;
}

.ny-content-box .detail table tbody {
    border: none;
    padding: 0;
    margin: 0;
}

.ny-content-box .detail tbody tr {
    border: none;
    padding: 0;
    margin: 0;
    background: #ededed;
}

.ny-content-box .detail table tr>* {
    padding: 15px;
    border-top: none;
    margin: 0;
    /* border-bottom: solid 1px #ccc; */
    border-right: solid 1px #fff;
}

.ny-content-box .detail tbody tr:nth-child(2n) {
    background: #fafafa;
}

.ny-content-box .detail table tr h4 {
    font-size: 1.5rem;
    line-height: 2.5em;
}

.ny-content-box .detail video {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.ny-content-box .chanshu-detail {
    display: block;
    overflow-x: scroll;
    font-size: 12px;
}

.ny-content-box .chanshu-detail table {
    margin-bottom: 20px;
}


/* 内页联系方式 */

.ny-lxfs-box .index-cp-lxfs {
    background: #5dc2d0;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    height: 155px;
}

.ny-lxfs-box .index-cp-lxfs img {
    padding-top: 20px;
    display: block;
    width: 50px;
    margin: 0 auto 10px;
}

.ny-lxfs-box .index-cp-lxfs-title {
    line-height: 2em;
    margin: 0 auto;
    font-size: 18px;
}

.ny-lxfs-box .index-cp-lxfs-tell {
    font-size: 26px;
    font-family: '黑体';
    font-weight: bold;
    letter-spacing: 1px;
}


/* 内页左侧联系方式2 */

.ny_nav_lxfs2 {
    text-align: center;
    padding: 25px;
    border: solid 1px #ffa235;
    margin-top: 30px;
}

.ny_nav_lxfs2 img {
    display: inline-block;
}

.ny_nav_lxfs2-title {
    font-size: 18px;
    color: #ffa235;
    font-weight: bold;
    margin: 15px 0 10px;
}

.ny_nav_lxfs2-tell {
    font-size: 28px;
    font-family: num2;
    color: #ffa235;
}


/* 左侧相关1 */


/* 内页相册 */

.honor-list {
    margin-bottom: 10px;
}

.honor-list>li {
    float: left;
}

.honor-list>li .box {
    display: block;
    padding: 1px;
    background: #ccc;
    transition: 0.5s;
}

.honor-list>li:hover .box {
    background: #5dc2d0;
}

.honor-list>li .pic {
    padding-bottom: 74%;
}

.honor-list>li .text {
    transition: 0.5s;
    background: #fff;
    margin-top: 1px;
    text-align: center;
    padding: 10px;
}

.honor-list>li:hover .text {
    background: initial;
}

.honor-list>li .title {
    font-size: 14px;
    transition: 0.5s;
    color: #333;
}

.honor-list>li .info {
    font-size: 14px;
    color: #999;
    line-height: 1.7em;
    height: 5.1em;
    overflow: hidden;
    transition: 0.3s;
}

.honor-list>li:hover .text * {
    color: #fff;
}


/* 图片集 */

.pic-list {}

.pic-list .item {
    position: relative;
    padding: 30px 0;
}

.pic-list .item .box {
    display: block;
    color: #333;
    transition: 0.5s;
    position: relative;
}

.pic-list .item .box {
    display: block;
    position: relative;
    z-index: 2;
    padding: 0 20px;
    border-left: solid 2px #e3a72f;
    border-right: solid 2px #e3a72f;
}

.pic-list .item::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background: url(../img/item-bg1.png) no-repeat left top / 100% auto;
    z-index: 1;
}

.pic-list .item::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: url(../img/item-bg2.png) no-repeat left bottom / 100% auto;
    z-index: 1;
}

.pic-list .item .box .pic {
    padding-bottom: 74%;
}

.pic-list .item .box .text {
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    font-size: 16px;
    transition: 0.5s;
    z-index: 3;
}

.pic-list .item .box:hover .text {
    opacity: 1;
}


/* 内页产品列表 */

.product-list1 {}

.product-list1 li {
    transition: 0.5s;
}

.product-list1 li .box {
    display: block;
    transition: 0.5s;
    position: relative;
    background: #f5f5f5;
    padding: 1px;
}

.product-list1 li .box:hover {
    background: #5dc2d0;
}

.product-list1 li .pic {
    padding-bottom: 100%;
}

.product-list1 li .text {
    transition: 0.5s;
    position: relative;
    font-size: 14px;
    padding: 15px;
    color: #333;
    background: #fff;
    margin-top: 1px;
    text-align: center;
}

.product-list1 li .box:hover .text {
    /* background: initial; */
}

.product-list1 li .text .title {
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.product-list1 li .text .info {
    font-size: 12px;
    opacity: 0.6;
    margin-top: 5px;
    line-height: 2em;
}

.product-list1 li .box:hover .text {
    color: #fff;
    color: #5dc2d0;
}

.product-list2 {}

.product-list2 li {
    float: left;
}

.product-list2 li .box {
    display: block;
    transition: 0.5s;
    position: relative;
    background: #f8f8f8;
    padding: 5px;
}

.product-list2 li .pic {
    float: left;
    width: 50%;
    padding-bottom: 50%;
}

.product-list2 li .text {
    float: left;
    width: 50%;
    transition: 0.5s;
    padding: 20px 25px;
    padding-bottom: 0;
    font-size: 16px;
    color: #333;
}

.product-list2 li .title {
    font-weight: bold;
}

.product-list2 li .info {
    font-size: 12px;
    color: #666;
    line-height: 1.7em;
    margin: 20px 0;
    padding: 15px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.product-list2 li .info>*+* {
    margin-top: 10px;
}

.product-list2 li .box:hover .info {
    border-color: #fff;
}

.product-list2 li .text .btn a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 2.5em;
    padding: 0 1.5em;
    background: url(../img/more-bg.png) no-repeat 0 0 / 100% 100%;
    color: #999;
    transition: 0.5s;
    margin-right: 10px;
}

.product-list2 li .box:hover .btn a,
.product-list2 li .text .btn a:hover {
    color: #fff;
    background: url(../img/more-bg2.png) no-repeat 0 0 / 100% 100%;
}

.product-list2 li .box:hover {
    background: #ffa235 url(../img/diwen.png);
    transition: 0.5s;
}

.product-list2 li .box:hover .text * {
    color: #fff;
    transition: 0.5s;
}


/* 单列 自定义字段图集 */

.product-list3 {}

.product-list3 .item:first-child {
    margin-top: 0;
}

.product-list3 .item {
    margin-top: 25px;
    padding: 20px;
    border: solid 1px #e5e5e5;
    transform: 0.5s;
}

.product-list3 .item:hover {
    border-color: #ffa235;
}

.product-list3 .item .box {}

.product-list3 .item .box .pic {
    float: left;
    width: 200px;
    padding-bottom: 140px;
    display: block;
}

.product-list3 .item .box .text {
    float: left;
    margin-left: 20px;
    width: calc(100% - 220px);
}

.product-list3 .item .box .text .title {
    font-size: 14px;
    color: #333;
    transform: 0.5s;
}

.product-list3 .item:hover .text .title {
    color: #ffa235;
}

.product-list3 .item .box .text .info {
    font-size: 13px;
    line-height: 2em;
    color: #666;
    margin-top: 10px;
}

.product-list3 .item .box .text .info div {
    display: flex;
}

.product-list3 .item .box .text .info div span {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}


/**内页新闻**/

.news-list1 {}

.news-list1 li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.news-list1 li {
    margin-top: 20px;
}

.news-list1 li .box {
    display: block;
    border: solid 1px #ccc;
    padding: 25px;
    transition: 0.5s;
}

.news-list1 li .box:hover {
    border-color: #5dc2d0;
}

.news-list1 li .pic {
    float: left;
    width: 20%;
    padding-bottom: 15%;
    transition: 0.5s;
    background: #000;
}

.news-list1 li .pic img {
    opacity: 0.98;
}

.news-list1 li .text {
    float: right;
    width: 80%;
    box-sizing: border-box;
    padding-left: 25px;
    position: relative;
    transition: 0.5s;
    font-size: 18px;
}

.news-list1 li:hover .text {
    margin-right: 0px;
}

.news-list1 li .text .more a {
    color: #999;
}

.news-list1 li .title {
    color: #333;
    display: block;
    transition: 0.5s;
    margin-bottom: 15px;
}

.news-list1 li:hover .text .title,
.news-list1 li .text a:hover {
    transition: 0.5s;
    color: #5dc2d0;
}

.news-list1 li .time {
    font-size: 16px;
    color: #999;
    margin-top: 15px;
    transition: 0.5s;
    color: #333;
    opacity: 0.7;
}

.news-list1 li .time span {
    color: #ffa235;
}

.news-list1 li .info {
    font-size: 16px;
    line-height: 1.75em;
    color: #333;
    opacity: 0.7;
    text-align: justify;
    transition: 0.5s;
}

.news-list2 {}

.news-list2 li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ccc;
    width: 100%;
}

.news-list2 li .box {
    display: block;
    font-size: 0;
}

.news-list2 li .box .pic {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    padding-bottom: 19.2%;
}

.news-list2 li .text {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
    margin-left: 2%;
}

.news-list2 li .title {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 10px;
    transition: 0.5s;
}

.news-list2 li .time {
    color: #999;
    font-size: 16px;
    transition: 0.5s;
    line-height: 1em;
    margin-bottom: 20px;
}

.news-list2 li .info {
    color: #666;
    font-size: 16px;
    height: 3em;
    overflow: hidden;
    line-height: 1.5em;
    transition: 0.5s;
}

.news-list2 li:hover .title {
    color: #ffa235;
    transition: 0.5s;
}

.news-list3 {}

.news-list3 li {
    border-bottom: dashed 1px #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.news-list3 li .box {
    display: block;
    transition: 0.5s;
    padding-left: 0px;
}

.news-list3 li .text {
    font-size: 14px;
    position: relative;
}

.news-list3 li .title {
    transition: 0.5s;
    color: #333;
}

.news-list3 li .box:hover {
    padding-left: 15px;
}

.news-list3 li .box:hover .title {
    color: #5dc2d0;
}

.news-list3 li .title span {
    color: #ffa235;
    margin-right: 10px;
}

.news-list4 {
    padding: 20px;
}

.news-list4 li {
    font-size: 14px;
    line-height: 1em;
    padding: 15px 0;
    border-bottom: dashed 1px #ccc;
}

.news-list4 li .news-typename {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    color: #5dc2d0;
    font-weight: bold;
    border-right: solid 1px #ccc;
}

.news-list4 li .title {
    color: #333;
    transition: 0.3s;
}

.news-list4 li:hover .title {
    transition: 0.5s;
    color: #ffa235;
}

.news-list4 li:hover .news-typename {
    padding-left: 10px;
    transition: 0.5s;
}

.news-list4 li .time {
    display: block;
    float: right;
    font-size: 12px;
    color: #f50;
}

.news-list4 li .download-btn {
    float: right;
}


/* 案例 */

.case-list1 {}

.case-list1 li {
    margin-bottom: 25px;
}

.case-list1 li .box {
    display: block;
    transition: 0.5s;
    display: block;
    background: #fafafa;
}

.case-list1 li .pic {
    float: left;
    width: 20%;
    padding-bottom: 12.5%;
}

.case-list1 li .text {
    float: left;
    padding: 15px;
    width: calc(100% - 20%);
    padding-bottom: 0;
}

.case-list1 li .title {
    font-size: 16px;
    transition: 0.5s;
    color: #333;
}

.case-list1 li:hover .title {
    color: #5dc2d0;
}

.case-list1 li .info {
    font-size: 13px;
    color: #999;
    line-height: 1.7em;
    height: 3.4em;
    overflow: hidden;
    margin-top: 5px;
}


/* 案例2 */

.case-list2 {}

.case-list2 li {}

.case-list2 li .box {
    display: block;
    transition: 0.5s;
    background: #ccc;
    padding: 1px;
    position: relative;
}

.case-list2 li .box:hover {
    background: #5dc2d0;
}

.case-list2 li .pic {
    padding-bottom: 75%;
    padding-bottom: 178%;
}

.case-list2 li .text {
    transition: 0.5s;
    padding: 25px;
    transition: 0.5s;
    font-size: 18px;
    color: #fff;
    transition: 0.5s;
    background: #000;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    justify-content: center;
    line-height: 1.5em;
}

.case-list2 li .title {}

.case-list2 li .info {
    font-size: 12px;
    opacity: 0.6;
    line-height: 2em;
    margin-top: 5px;
}

.case-list2 li:hover .text {
    opacity: 0.7;
}

.case-list3 {}

.case-list3 .item {}

.case-list3 .item .box {
    display: block;
    background: #ccc;
    padding: 1px;
    transition: 0.5s;
}

.case-list3 .item .box:hover {
    background: #5dc2d0;
}

.case-list3 .item .pic {
    padding-bottom: 65%;
}

.case-list3 .item .box .text {
    font-size: 14px;
    background: #fff;
    padding: 15px;
    margin-top: 1px;
    transition: 0.5s;
}

.case-list3 .item:hover .text {
    background: initial;
}

.case-list3 .item:hover .text .title {
    color: #fff;
    /* color: #fff; */
}


/* 瀑布流案例 */

.case-list4 {
    column-count: 3;
}

.case-list4 .box {
    display: block;
    position: relative;
}

.case-list4 .box img {
    display: block;
    width: 100%;
}

.case-list4 .box .text {
    padding: 20px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(246, 208, 71, 0.8);
}

.case-list4 .box .text .info {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 10px;
}


/* 内页相关推荐 */

.ny-xiangguan {
    margin-top: 60px;
    /* background: #fafafa; */
}

.ny-xiangguan .ny-main-top {
    line-height: 60px;
    height: 60px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}

.ny-xiangguan .ny-main-top .ny-main-top-typename {
    font-size: 22px;
    font-weight: normal;
    position: relative;
    color: #333;
    padding-left: 15px;
}

.ny-xiangguan .ny-main-top .ny-main-top-typename::before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background: #ffa235;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -11px;
    left: 0;
}

.ny-xiangguan-box {
    display: block;
    position: relative;
    padding: 20px 0;
}

.ny-xiangguan-cp {}

.ny-xiangguan-cp-ul {}

.ny-xiangguan-cp-ul li {}

.ny-xiangguan-cp-ul li .box {
    display: block;
    position: relative;
    background: #ccc;
    padding: 1px;
}

.ny-xiangguan-cp-ul li .box .pic {
    padding-bottom: 100%;
    z-index: 1;
}

.ny-xiangguan-cp-ul li:hover .box {
    background: #5dc2d0;
    transition: 0.5s;
}

.ny-xiangguan-cp-ul li .text {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px;
    background: #fff;
    margin-top: 1px;
    position: relative;
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 33;
}

.ny-xiangguan-cp-ul li .box:hover .text {
    background: initial;
}

.ny-xiangguan-cp-ul li .title {
    font-size: 14px;
    color: #333;
    transition: 0.5s;
    color: #fff;
}

.ny-xiangguan-cp-ul li .box:hover .title {
    /* color: #fff; */
}

.ny-xiangguan-case-ul {}

.ny-xiangguan-case-ul li {
    float: left;
    width: 18.4%;
    margin-right: 2%;
}

.ny-xiangguan-case-ul li:nth-child(5n) {
    margin-right: 0;
}

.ny-xiangguan-case-ul li .box {
    display: block;
    transition: 0.5s;
    background: #ccc;
    padding: 1px;
}

.ny-xiangguan-case-ul li .box .pic {
    padding-bottom: 65%;
}

.ny-xiangguan-case-ul li .text {
    text-align: center;
    padding: 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
    margin-top: 1px;
    transition: 0.5s;
}

.ny-xiangguan-case-ul li .box:hover {
    color: #fff;
    background: #5dc2d0;
    transition: 0.5s;
}

.ny-xiangguan-new {}

.ny-xiangguan-new-ul {}

.ny-xiangguan-new-ul .item {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.ny-xiangguan-new-ul .item:nth-child(3n) {
    margin-right: 0%;
}

.ny-xiangguan-new-ul .item .box {
    display: block;
    transition: 0.5s;
}

.ny-xiangguan-new-ul .item .box:hover {
    transition: 0.5s;
}

.ny-xiangguan-new-ul .item .box:hover .text * {
    transition: 0.5s;
    color: #5dc2d0;
}

.ny-xiangguan-new-ul .item .text {
    font-size: 14px;
    line-height: 2em;
    position: relative;
}

.ny-xiangguan-new-ul .item .title {
    color: #333;
    float: left;
    width: 80%;
    color: #333;
    transition: 0.5s;
}

.ny-xiangguan-new-ul .item .title span {
    display: inline-block;
    vertical-align: top;
    width: 0.7em;
    height: 3px;
    background: #999;
    margin-right: 5px;
    margin-top: 12px;
    transition: 0.5s;
}

.ny-xiangguan-new-ul .item .box:hover .title span {
    background: #5dc2d0;
}

.ny-xiangguan-new-ul .item .time {
    position: absolute;
    right: 0;
    color: #999;
    transition: 0.5s;
}


/* 留言 */

.message {
    font-size: 0;
    /* text-align: center */
    position: relative;
    /* width: 90%; */
    margin: 0 auto;
}

.message img {
    display: inline-block;
    vertical-align: top;
    width: 43%;
    position: absolute;
    top: 0%;
    right: 0;
    max-width: 400px;
}

.message #form {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: 70%;
    display: block;
}

.message-box {
    width: 80%;
}

.message-box .item {
    font-size: 0;
    text-align: left;
    margin-bottom: 15px;
}

.message-box .bt {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    width: 70px;
    line-height: 40px;
    min-height: 1px;
}

.message-box .item .input-text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 340px;
    width: calc(100% - 80px);
    border: solid 1px #ccc;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    color: #999;
}

.message-box .item select.input-text {
    width: 382px;
}

.message-box .item textarea.input-text {
    height: 120px;
    padding: 5px 10px;
    resize: none;
}

.message-box .btn-box {
    font-size: 0;
    text-align: left;
}

.message-box .btn-box a,
.message-box .btn-box .coolbg {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 120px;
    line-height: 42px;
    height: 42px;
    border: none;
    cursor: pointer;
    background: #fff;
    background: #ededed;
    color: #333;
    transition: 0.5s;
    margin-right: 2px;
    text-align: center;
}

.message-box .btn-box .coolbg:hover,
.message-box .btn-box .tijiao {
    background: #5dc2d0;
    color: #fff;
    transition: 0.5s;
    background: #ffa235;
}


/* 内页文章正文 */

.news-detail {}

.news-detail .title {
    font-size: 22px;
    color: #333;
    line-height: 2em;
    text-align: center;
}

.news-detail.case-detail .title {
    text-align: left;
    font-size: 26px;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: dashed 1px #ccc;
}

.news-detail .news-detail-info {
    line-height: 2em;
    font-size: 14px;
    color: #999;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: dashed 1px #ccc;
    text-align: center;
}

.news-detail.case-detail .news-detail-info {
    text-align: left;
}

.news-detail .news-detail-info>span {
    margin-right: 10px;
}

.news-detail .news-detail-info>span span {
    color: #f80;
}

.news-detail .download {
    margin-top: 20px;
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
}

.news-detail .download span {}

.news-detail .download a {
    display: inline-block;
    padding-left: 25px;
    background: url(../img/icon/icon59.png) no-repeat 0 center / auto 100%;
}


/* 内页右侧 */

.ny-you-box {
    float: right;
    width: 25%;
}


/* 内页产品详情 */

.ny-cp-detail {}

.ny-cp-detail-top {
    margin-bottom: 40px;
}

.ny-cp-pic {
    float: left;
    width: 550px;
}

.ny-cp-pic img {
    display: block;
    width: 100%;
}

.ny-content-cp-pic-box {
    margin-bottom: 50px;
    font-size: 0;
    position: relative;
}

#exzoom {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}

#magnifier1 {
    width: 300px;
}

.magnifier-btn span {
    background-color: #ffa235;
    color: #fff;
}

.ny-cp-detail-chanshu {
    float: right;
    width: 415px;
    /* width: 520px; */
    width: calc(100% - 440px);
}

.ny-cp-detail-chanshu .title {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ccc;
}

.ny-cp-detail-chanshu-box {
    /* display: flex;
	flex-wrap: wrap;
	justify-content: space-between; */
}

.ny-cp-detail-chanshu-box .item {
    font-size: 0;
    margin-top: 10px;
    /* width: 50%; */
}

.ny-cp-detail-chanshu-box .item:nth-child(5) {
    width: 100%;
}

.ny-cp-detail-chanshu-box .item>div a {
    color: #ffa235;
}

.ny-cp-detail-chanshu-box .item>div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 2em;
    color: #333;
}

.ny-cp-detail-chanshu-box .item .bt {
    width: 3em;
    width: 5em;
    min-height: 1px;
}

.ny-cp-detail-chanshu-box .item .info {
    width: calc(100% - 3em);
    width: calc(100% - 5em);
    opacity: 0.7;
}

.ny-cp-detail-chanshu-box .item .info span {
    font-family: num2;
    font-size: 20px;
    color: #f50;
    display: inline-block;
    vertical-align: bottom;
}

.ny-cp-detail-chanshu-box .item .info .xiadan-btn {
    background: #f50;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border-radius: 5px;
    width: 130px;
    text-align: center;
    line-height: 2.5em;
    color: #fff;
    opacity: 0.7;
    transition: 0.5s;
    margin-top: 30px;
}

.ny-cp-detail-chanshu-box .item .info .xiadan-btn:hover {
    opacity: 1;
}

.ny-cp-btn {
    padding: 15px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    position: absolute;
    right: 0;
    width: calc(100% - 430px);
    bottom: 0px;
}

.ny-cp-btn .tell {
    float: left;
    font-size: 20px;
    line-height: 40px;
    color: #333;
}

.ny-cp-btn .tell span {
    font-family: num2;
    color: #f50;
    font-size: 24px;
    display: inline-block;
}

.ny-cp-btn a {
    display: inline-block;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    background-color: #5dc2d0;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 50px;
    padding-right: 20px;
    font-size: 14px;
}

.ny-cp-btn .lxfs {
    background-image: url(../img/icon/icon24.png);
}

.ny-cp-btn .qqkf {
    background-image: url(../img/icon/icon32.png);
}

.ny-cp-detail-btn .zxly {
    background-image: url(../img/icon/icon26.png);
}

.ny-cp-detail .ny-detail-box-name {
    line-height: 60px;
    height: 60px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}

.ny-cp-detail .ny-detail-box-name .type-name {
    font-size: 22px;
    font-weight: normal;
    position: relative;
    color: #333;
    padding-left: 15px;
}

.ny-cp-detail .ny-detail-box-name .type-name::before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background: #ffa235;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -11px;
    left: 0;
}

.ny-content-box .ny-cp-detail .detail p {}


/* 产品详情2 */

.ny-cp-detail-box .ny-cp-detail-info {
    float: left;
}

.ny-cp-detail-box .tel-box {
    float: right;
    font-size: 20px;
    color: #666;
    padding-left: 25px;
    background: url(../img/icon/icon10.png) no-repeat left center / auto 85%;
}

.ny-cp-detail-box .tel-box span {
    color: #ffa235;
    font-size: 22px;
    font-family: num2;
    display: inline-block;
}

.ny-cp-detail-box .ny-cp-imgs-box {
    margin-bottom: 40px;
}


/* 详情页面 视频 */

.ny-fujian-bt {
    margin-top: 40px;
    margin-bottom: 15px;
}

.video-js {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/* 内页地图 */

.map-box {
    display: block;
    /* float: right;
	width: 50%; */
    padding-top: 30px;
}


/* 更新 */


/* 联系方式 */

.ny-contact .detail {
    padding-left: 460px;
    padding-bottom: 10px;
    background: url(../img/ny-lxwm-pic.jpg) no-repeat left center / auto 100%;
}

.ny-contact .detail p {
    text-indent: 0;
}

.ny-contact .detail>h2+div {
    display: block;
    width: 100%;
}

.ny-contact.detail div {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: 10em;
}

.ny-contact .detail img {
    position: absolute;
    left: 70%;
    top: 70px;
    width: 130px;
    padding: 10px;
    background: url(../img/wx-bg2.png) no-repeat 0 0 / 100%;
}


/* 单页 */

.ny-danye-item {
    padding: 60px 0;
}

.cont-text-box {
    color: #333;
    position: relative;
}

.cont-text-box .cont-text {
    font-size: 14px;
    line-height: 2em;
    color: #666;
}

.cont-text-box .cont-text>*+* {
    margin-top: 1em;
}

.cont-text-box .pic {}

.cont-text-box img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/* 公司简介 */

.ny-cont-gsjj {
    padding: 0 0 100px;
}

.ny-cont-gsjj .cont-text-box {
    position: relative;
}

.ny-cont-gsjj .cont-text-box .cont-text {
    font-size: 18px;
    line-height: 2em;
    text-align: justify;
    margin-top: 50px;
    position: absolute;
    left: 0;
    width: 700px;
    padding: 80px;
    padding-left: 0;
    z-index: 1;
    top: 0;
    background: #fff;
}

.ny-cont-gsjj .cont-text-box .cont-text-gsjj {
    padding: 0 70px;
    position: relative;
    z-index: 2;
}

.ny-cont-gsjj .cont-text-box .cont-text * {
    position: relative;
    z-index: 2;
}

.ny-cont-gsjj .cont-text-box .pic {
    float: right;
    width: 550px;
    position: relative;
    z-index: 1;
}


/* 企业文化 */

.ny-cont-wenhua {
    background: #f5f5f5;
}

.cont-text-wenhua .wehua-list {}

.cont-text-wenhua .wehua-list .item {
    float: left;
    width: 300px;
    margin: 0;
}

.cont-text-wenhua .wehua-list .item .box {
    display: block;
    position: relative;
    background: #fff;
}

.cont-text-wenhua .wehua-list .item .pic {
    padding-bottom: 75%;
}

.cont-text-wenhua .wehua-list .item:nth-child(2n) .box {
    padding-bottom: 225px;
}

.cont-text-wenhua .wehua-list .item:nth-child(2n) .pic {
    position: absolute;
    left: 0;
    bottom: 0;
}

.cont-text-wenhua .wehua-list .item .text {
    font-size: 20px;
    color: #333;
    padding: 40px 30px;
    height: 225px;
    margin: 0;
    text-align: center;
}

.cont-text-wenhua .wehua-list .item .text>p {
    background-color: #ffa235;
    width: 40px;
    height: 3px;
    margin: 15px auto 0;
}

.cont-text-wenhua .wehua-list .item .text .info {
    opacity: 0.6;
    font-size: 14px;
    line-height: 1.7em;
    margin-top: 15px;
    text-align: justify;
}

.cont-text-wenhua .wehua-list .item .text .info>* {
    margin: 0;
}


/* 发展历程 */

.ny-cont-licheng {}

.cont-text-licheng {
    position: relative;
}

.cont-text-licheng::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/dian.png) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -10px;
    z-index: 1;
}

.licheng-list {
    position: relative;
    z-index: 2;
    padding: 50px 0;
}

.licheng-list::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #5dc2d0;
    position: absolute;
    left: 50%;
    top: 20px;
    z-index: 1;
}

.licheng-list .item {
    text-align: left;
    padding-left: 55%;
    position: relative;
    z-index: 2;
}

.licheng-list .item::before {
    content: '';
    display: block;
    width: 5%;
    height: 1px;
    background: #5dc2d0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.licheng-list .item:nth-child(2n) {
    text-align: right;
    padding-left: 0;
    padding-right: 55%;
}

.licheng-list .item:nth-child(2n)::before {
    left: 45%;
}

.licheng-list .item .box {
    position: relative;
    z-index: 2;
}

.licheng-list .item .box .pic {
    width: 20%;
    padding-bottom: 20%;
    float: left;
}

.licheng-list .item:nth-child(2n) .box .pic {
    float: right;
}

.licheng-list .item .box .text {
    float: left;
    width: 80%;
    padding-left: 20px;
    font-size: 18px;
    color: #5dc2d0;
    margin-top: 10px;
}

.licheng-list .item:nth-child(2n) .box .text {
    padding: 0;
    padding-right: 20px;
}

.licheng-list .item .box .text .info {
    font-size: 14px;
    opacity: 0.7;
    color: #333;
    line-height: 2em;
    margin-top: 10px;
}


/* 服务内容 */

.ny-cont-fuwu {
    padding-top: 0;
}

.fuiwu-list {}

    .fuiwu-list .item {
        float: left;
        width: 16%;
        height: 600px;
    }

.fuiwu-list .item:first-child {
   /* width: 50%;*/
}

        .fuiwu-list .item .box {
            position: relative;
            margin: 10px;
            display: block;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        }

.fuiwu-list .item .box .pic {
    position: relative;
    z-index: 1;
}

.fuiwu-list .item .box .pic img {
    display: block;
    width: 100%;
    height:600px;
}

.fuiwu-list .item .box .text {
    position: absolute;
    width: 100%;
    padding: 22% 30px;
    z-index: 2;
    left: 0;
    top: 100%;
    color: #fff;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    transition: 0.5s;
    opacity: 0;
}

.fuiwu-list .item:first-child .box .text {
    padding: 40% 30px;
}

.fuiwu-list .item .box:hover .text {
    opacity: 1;
    top: 0%;
}

.fuiwu-list .item .box .text .title {
    font-size: 18px;
    display: block;
    color: #fff;
}

.fuiwu-list .item:first-child .box .text .titles {
   /* font-size: 22px;*/
}

.fuiwu-list .item .box:hover .text .title {}

.fuiwu-list .item .box .text .info {
    font-size: 12px;
    opacity: 0.7;
    line-height: 2em;
    margin-top: 15px;
}

.fuiwu-list .item:first-child .box .text .infos {
    font-size: 18px;
    margin-top: 20px;
}

.fuiwu-list .item .box .text a {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 0 2em;
    line-height: 2.5em;
    border-radius: 2.5em;
    background: #ffa235;
    color: #fff;
    margin-top: 15px;
}

.fuiwu-list .item:first-child .box .text aa {
    font-size: 16px;
    padding: 0 2em;
    line-height: 2.5em;
    border-radius: 2.5em;
}


/* 产品详情2 */

.ny-cp-detail-2 {}

.ny-cp-detail-2-top {
    margin-bottom: 30px;
}

.ny-cp-detail-2-top .title {
    font-size: 20px;
    color: #5dc2d0;
}

.ny-cp-detail-2-text {
    margin-bottom: 30px;
}

.ny-cp-detail-2-text .item {
    background: #f5f5f5;
    font-size: 14px;
    line-height: 2em;
    color: #333;
    padding: 30px;
}

.ny-cp-detail-2-pic {
    border: solid 2px #f5f5f5;
    margin-bottom: 30px;
}

.ny-cp-detail-2 .ny-detail-box-name {
    margin-bottom: 15px;
    background: #f5f5f5;
    padding: 20px 0;
    padding-left: 20px;
}

.ny-cp-detail-2 .ny-detail-box-name .type-name {
    font-size: 22px;
    font-weight: normal;
    position: relative;
    color: #333;
    padding-left: 15px;
}

.ny-cp-detail-2 .ny-detail-box-name .type-name::before {
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background: #5dc2d0;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -11px;
    left: 0;
}

.ny-cp-detail-2 .ny-cp-btn {
    margin-top: 20px;
    position: initial;
    margin-bottom: 30px;
    border-color: #f5f5f5;
}


/* 团队 */

.tuandui-list {}

.tuandui-list .box {
    display: block;
    padding-bottom: 45px;
    position: relative;
}

.tuandui-list .box .pic {
    padding-bottom: 120%;
    z-index: 1;
}

.tuandui-list .box .text {
    position: absolute;
    left: 5%;
    width: 90%;
    bottom: 0;
    background: #fff;
    color: #333;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 10px -5px #333;
    font-size: 18px;
    z-index: 2;
    text-align: center;
}

.tuandui-list .box .text .shorttitle {
    font-size: 14px;
    color: #ffa235;
    margin-top: 10px;
}

.tuandui-detail {
    position: relative;
}

.tuandui-detail .pic {
    width: 500px;
    position: relative;
    z-index: 1;
}

.tuandui-detail .pic img {
    display: block;
    width: 100%;
}

.tuandui-detail .text {
    font-size: 24px;
    width: 750px;
    color: #333;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50px;
    background: #fff;
    padding: 50px 70px;
    box-shadow: 0 5px 10px -5px #333;
    border-radius: 5px;
}

.tuandui-detail .text .shorttitle {
    font-size: 18px;
    color: #ffa235;
    margin-top: 15px;
}

.tuandui-detail .text .info {
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 1.5em;
    opacity: 0.7;
}

.tuandui-detail .text .info ul {
    padding-left: 1em;
    margin-bottom: 15px;
}

.tuandui-detail .text .info ul li {
    font-size: 0.8em;
    list-style: disc;
}


/* 流程 */

.ny-cont-liucheng {
    background: url(../img/lc-bg.png) no-repeat center;
}

.liucheng-list {
    /* padding-left: 400px; */
}

.liucheng-list .item {
    margin-top: 120px;
    width: 16.5%;
    float: left;
}

.liucheng-list .item:nth-child(2n) {
    margin-top: 0;
}


/* .liucheng-list .item .box {
    text-align: center;
    font-size: 18px;
    line-height: 2em;
    color: #666;
} */

.liucheng-list .item .box .pic {
    width: 180px;
    padding-bottom: 140px;
    display: block;
    margin: 0 auto;
}

.liucheng-list .item .box .pic img {
    /* border-radius: 100%; */
    transition: 0.5s;
    width: auto;
    height: auto;
}

.liucheng-list .item .box:hover .pic img {
    transform: rotateY(360deg);
}