body {background:#f5f5f5;} .page-box {text-align:center;font-size:0;margin-top:50px;margin-bottom:50px;} .page-box span {display:inline-block;height:30px;border:1px solid #ededed;line-height:28px;padding-left:10px;padding-right:10px;box-sizing:border-box;color:#c0bfbf;font-size:16px;margin-left:6px;margin-right:6px;cursor:pointer;background:#fff;} .page-box span.active,.page-box span:hover {background:#295653;border-color:#295653;color:#fff;} .page-box em {display:inline-block;font-size:16px;font-style:normal;color:#666666;height:30px;vertical-align:middle;} .public-title {height:80px;line-height:80px;background:#fff;} .public-title ul {float:left;} .public-title ul li {width:198px;float:left;margin-top: 10px;border-right:1px #CCCCCC solid;} .public-title ul li a {position:relative;display:block;font-size:16px;color:#4c4c4c;text-align:center;height: 80px;margin-top: -10px;} .public-title ul li em {position: relative;top: -5px;font-style: normal;} .public-title ul li p {font-size: 12px;width:198px;margin-top: -65px;} .public-title ul li a span {display:none;position:absolute;bottom:-10px;left:0;line-height:1;left:50%;margin-left:-8px;} .public-title ul li.active a,.public-title ul li:hover a {background:#295653;color:#fff;font-weight:bold} .public-title ul li.active a span,.public-title ul li:hover a span {display:block;} .public-title .site {float:right;color:#808080;display:none} .public-title .site a {color:#808080;} .public-title .site a:hover {color:#295653;} .contact-wrap .title-box {text-align:center;margin-top:70px;margin-bottom:50px;} .contact-wrap .title-box span {display:inline-block;font-size:36px;font-weight:700;color:#295653;line-height:1.7;padding-left:20px;padding-right:20px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} /*.contact-wrap .session_1 .txt-box {float:left;width:645px;}*/ .contact-wrap .session_1 .txt-box ul li {float:left;width:50%;} .contact-wrap .session_1 .img-box {float:right;width:550px;} .contact-wrap .session_1 .item-box {border-bottom:1px dashed #bfbfbf;padding-top:70px;padding-bottom:70px;} .contact-wrap .session_1 .item-box:last-child {border-bottom:none;} .contact-wrap .session_1 .item-box .title {margin-bottom:35px;} .contact-wrap .session_1 .item-box .title h3 {font-size:22px;font-weight:700;color:#333;} .contact-wrap .session_1 .item-box .title p {font-size:14px;color:#4c4c4c;} .contact-wrap .session_1 .item-box li {position:relative;padding-left:40px;box-sizing:border-box;margin-bottom:15px;font-size:16px;color:#4c4c4c;line-height:30px;} .contact-wrap .session_1 .item-box li span {position:absolute;left:0;} .contact-wrap .session_1 .item-box .er-box {margin-top:30px;float:left;padding-left:300px} .contact-wrap .session_1 .item-box .er-box .er-item {display:inline-block;text-align:center;} .contact-wrap .session_1 .item-box .er-box .er-item p {font-size:16px;color:#4c4c4c;margin-top:5px;} .about-wrap .title-box {text-align:center;margin-top:70px;margin-bottom:85px;} .about-wrap {margin-bottom:80px;} .about-wrap .title-box span {display:inline-block;font-size:36px;font-weight:700;color:#295653;line-height:1.7;padding-left:20px;padding-right:20px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} .about-wrap .session_1 {padding-bottom:100px;} .about-wrap .session_1 .txt-box {font-size:15px;letter-spacing:1.5px;color:#1a1a1a;line-height:2;} .about-wrap .session_1 .txt-box img{max-width:100%;padding:10px 0px} .about-wrap .session_1 .img-box {margin-top:50px;} .about-wrap .session_1 .img-box img {width:100%;} .about-wrap .session_2 figure {display:block;float:left;width:277px;margin:0;padding:0;margin-right:30px;overflow:hidden;} .about-wrap .session_2 figure a {display:block;width:100%;height:360px;line-height:360px;background:#fff;overflow:hidden;text-align:center;height:auto;line-height:unset;} .about-wrap .session_2 figure a img {max-height:340px;vertical-align:middle;max-width:100%;-webkit-transform:scale(1) rotate(0deg) translateY(0);-ms-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0);-webkit-transition:all 1s;transition:all 1s;} .about-wrap .session_2 figure a:hover img {-webkit-transform:scale(1.1) rotate(0.01deg);-ms-transform:scale(1.1) rotate(0.01deg);transform:scale(1.1) rotate(0.01deg);} .about-wrap .session_2 figure p {height:70px;line-height:70px;text-align:center;font-size:16px;color:#333333;} .about-wrap .session_2 figure:nth-child(4n) {margin-right:0;} .about-wrap .page-box {margin-top:50px;padding-bottom:50px;} .news-wrap .title-box {text-align:center;margin-top:70px;margin-bottom:85px;} .news-wrap .title-box span {display:inline-block;font-size:36px;font-weight:700;color:#295653;line-height:1.7;padding-left:20px;padding-right:20px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} .news-wrap .session_1 {padding-bottom:50px;} .news-wrap .session_1 .col-md-4 {float:left;width:33.33%;padding-left:15px;padding-right:15px;box-sizing:border-box;margin-bottom:30px;} .news-wrap .session_1 .item-box {background:#fff;height:325px;} .news-wrap .session_1 .item-box a {display:block;} .news-wrap .session_1 .item-box .padding-box {padding-top:33px;padding-left:24px;padding-right:24px;box-sizing:border-box;} .news-wrap .session_1 .item-box .time-box {position:relative;} .news-wrap .session_1 .item-box .time-box:before {position:absolute;content:'';right:0;height:1px;background:#e6e6e6;left:150px;top:50%;} .news-wrap .session_1 .item-box .time-box span {font-size:40px;color:#333333;display:inline-block;vertical-align:middle;margin-right:20px;} .news-wrap .session_1 .item-box .time-box .other-box {display:inline-block;vertical-align:middle;} .news-wrap .session_1 .item-box .time-box .other-box em {font-style:normal;font-size:16px;color:#808080;} .news-wrap .session_1 .item-box .time-box .other-box p {font-size:16px;color:#bfbfbf;} .news-wrap .session_1 .item-box .info-box {margin-top:30px;margin-bottom:30px;padding-right:20px;} .news-wrap .session_1 .item-box .info-box h3 {font-size:15px;color:#333333;margin-bottom:10px;ext-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6} .news-wrap .session_1 .item-box .info-box p {font-size:14px;color:#bfbfbf;ext-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;letter-spacing:1px;line-height:1.6} .news-wrap .session_1 .item-box .img-box {overflow:hidden;transition:all .3s;} .news-wrap .session_1 .item-box .img-box img {width:100%;} .news-wrap .session_1 .item-box:hover {background:#295653;} .news-wrap .session_1 .item-box:hover .time-box span {color:#fff;} .news-wrap .session_1 .item-box:hover .time-box p {color:#f1f1f1;} .news-wrap .session_1 .item-box:hover .info-box h3 {color:#fff;} .news-wrap .session_1 .item-box:hover .img-box {padding-left:24px;padding-right:24px;padding-bottom:24px;box-sizing:border-box;} .news-wrap .session_2 .title {text-align:center;margin-bottom:30px;margin-top:30px;} .news-wrap .session_2 .title h3 {font-size:24px;color:#1d0f0f;font-weight:400;margin-bottom:10px;} .news-wrap .session_2 .title p {font-size:16px;color:#747474;line-height:30px;} .news-wrap .session_2 .title p span {margin-left:2px;margin-right:2px;} .news-wrap .session_2 .title p em {position:relative;top:-2px;font-style:normal;display:inline-block;margin-left:5px;margin-right:5px;vertical-align:middle;} .news-wrap .session_2 .center-box{font-size:15px;letter-spacing:1.5px;color:#1a1a1a;line-height:2;} .news-wrap .session_2 .center-box img{max-width:100%;padding:10px 0px} .img-box {margin-top:50px;} .img-box img {width:100%;} .news-wrap .session_2 .other-box {margin-top:30px;/*height:80px;line-height:80px;border-top:1px solid #e6e6e6;*/border-bottom:1px solid #e6e6e6;margin-bottom:30px;font-size:16px;color:#e62a20;} .news-wrap .session_2 .other-box a:hover {color:#e62a20;} .case_list-wrap .title-box {text-align:center;margin-top:70px;margin-bottom:85px;} .case_list-wrap .title-box span {display:inline-block;font-size:36px;font-weight:700;color:#295653;line-height:1.7;padding-left:20px;padding-right:20px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} .case_list-wrap .session_1 figure {display:block;float:left;width:380px;margin:0;padding:0;margin-right:30px;overflow:hidden;background:#fff;margin-bottom:60px;} .case_list-wrap .session_1 figure a {display:block;width:100%;height:280px;line-height:280px;background:#fff;overflow:hidden;text-align:center;} .case_list-wrap .session_1 figure a img {vertical-align:middle;max-width:100%;-webkit-transform:scale(1) rotate(0deg) translateY(0);-ms-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0);-webkit-transition:all 1s;transition:all 1s;} .case_list-wrap .session_1 figure a:hover img {-webkit-transform:scale(1.1) rotate(0.01deg);-ms-transform:scale(1.1) rotate(0.01deg);transform:scale(1.1) rotate(0.01deg);} .case_list-wrap .session_1 figure p {height:70px;line-height:70px;text-align:center;font-size:14px;color:#4c4c4c;} .case_list-wrap .session_1 figure:nth-child(3n) {margin-right:0;} .case_list-wrap .session_1 figure:hover p {background:#295653;color:#fff;} .case_list-wrap .page-box {margin-top:50px;padding-bottom:50px;} .pro_list-wrap .select-box {margin-top:30px;line-height:40px;padding-bottom:30px;border-bottom:1px dashed #a1a1a1;} .pro_list-wrap .select-box h3 {float:left;font-size:24px;font-weight:700;color:#333;} .pro_list-wrap .select-box select {float:right;width:100%;height:40px;line-height:40px;border:none;outline:none;background:#ebebeb;width:300px;padding-left:15px;padding-right:15px;box-sizing:border-box;} .pro_list-wrap .title-box {text-align:center;margin-top:70px;margin-bottom:30px;} .pro_list-wrap .title-box span {display:inline-block;font-size:36px;font-weight:700;color:#295653;line-height:1.7;padding-left:20px;padding-right:20px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} .pro_list-wrap .session_1 .row {margin-left:-10px;margin-right:-10px;} .pro_list-wrap .session_1 .col-md-4 {float:left;width:33.33%;padding-left:15px;padding-right:15px;box-sizing:border-box;margin-bottom:10px;} .pro_list-wrap .session_1 .item-box {background:#fff;width:100%;/*border:1px solid #fff;box-sizing:border-box;*/} .pro_list-wrap .session_1 .item-box .img-box {height:285px;text-align:center;overflow:hidden;} .pro_list-wrap .session_1 .item-box .img-box img {max-width:100%;max-height:285px;vertical-align:middle;-webkit-transform:scale(1) rotate(0deg) translateY(0);-ms-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0);-webkit-transition:all 1s;transition:all 1s;} .pro_list-wrap .session_1 .item-box .txt-box {height:70px;line-height:70px;text-align:center;border-top:1px solid #f5f5f5;font-size:15px;color:#292929;overflow:hidden} .pro_list-wrap .session_1 .item-box:hover {border-color:#295653;} .pro_list-wrap .session_1 .item-box:hover .txt-box {background:#295653;color:#fff;} .pro_list-wrap .session_1 .item-box:hover .img-box img {-webkit-transform:scale(1.1) rotate(0.01deg);-ms-transform:scale(1.1) rotate(0.01deg);transform:scale(1.1) rotate(0.01deg);} .pro_list-wrap .session_2 figure {display:block;float:left;width:380px;margin:0;padding:0;margin-right:30px;overflow:hidden;background:#fff;margin-bottom:60px;} .pro_list-wrap .session_2 figure a {display:block;width:100%;height:500px;line-height:460px;background:#fff;overflow:hidden;padding:20px;box-sizing:border-box;text-align:center;} .pro_list-wrap .session_2 figure a img {vertical-align:middle;max-width:100%;max-height:460px;-webkit-transform:scale(1) rotate(0deg) translateY(0);-ms-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0);-webkit-transition:all 1s;transition:all 1s;} .pro_list-wrap .session_2 figure a:hover img {-webkit-transform:scale(1.05) rotate(0.01deg);-ms-transform:scale(1.05) rotate(0.01deg);transform:scale(1.05) rotate(0.01deg);} .pro_list-wrap .session_2 figure p {height:70px;line-height:70px;text-align:center;font-size:14px;color:#4c4c4c;border-top:1px solid #f5f5f5;} .pro_list-wrap .session_2 figure:nth-child(3n) {margin-right:0;} .pro_list-wrap .session_2 figure:hover p {background:#295653;color:#fff;} .pro_list-wrap .page-box {margin-top:50px;padding-bottom:50px;}