/** 清除内外边距 **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */

pre,
/* text formatting elements 文本格式元素 */

form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */

th,
td
/* table elements 表格元素 */

    {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/

body,
button,
input,
select,
textarea
/* for ie */

    {
    /* font: 14px/1.0 "Source Han Sans CN", "Microsoft YaHei", "黑体", "宋体", sans-serif; */
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

/* 将斜体扶正 */

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */

small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/

ul,
li,
ol {
    list-style: none;
}

/** 重置文本格式元素 **/

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

sup {
   /* vertical-align: text-top;*/
}

/* 重置, 减少对行高的影响 */

sub {
    vertical-align: text-bottom;
}

/** 重置表单元素 **/

legend {
    color: #000;
}

/* for ie6 */

fieldset,
img {
    border: 0;
}

/* img 搭车：让链接里的 img 无边框 */

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* 使得表单元素在 ie 下能继承字体大小 */

input::-ms-clear {
    display: none;
}

/*隐藏文本框叉子*/

input::-ms-reveal {
    display: none;
}

/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 HTML5 元素 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}



@font-face {
    font-family: "BEBAS";
    src: url('../font/BEBAS.ttf');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 100px !important;
}

@media screen and (max-width: 1600px) {
    html {
        font-size: 90px !important;
    }
}

@media screen and (max-width: 1400px) {
    html {
        font-size: 80px !important;
    }
}

@media screen and (max-width: 1200px) {
    html {
        font-size: 70px !important;
    }
}





.clear::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.cen {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content {
	max-width:1400px;
    margin: 0 auto;
}

.pic-box {
    overflow: hidden;
    z-index: 33;
    height: 100%;
    width: 100%;
}

.pic-box img {
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
}

.pic-box:hover img {
    transform: scale(1.1, 1.1);
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
}

img {
    /* vertical-align: middle; */
}

.swiper-slide a {
    display: block;
}

.left {
    float: left;
}

.right {
    float: right;
}


@media screen and (max-width:500px) {}

.pic img {
    width: 100%;
    transition: 0.5s;
}

.pic {
    overflow: hidden;
}

.inline {
    display: inline-block;
}

.welcome .section .swiper-slide {
    background-size: cover;
    background-position: center;
}

.head {
    height: 1rem;
    position: fixed;
    width: 100%;
    /* background-color: #fff; */
    z-index: 9999;

}

.head-one,
.head-two {
    padding: 0.15rem 3% 0;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    transition: 0.5s all;
}

.head-one .logo {
    float: left;
    width: 69px;
    height: 100%;
    background-position: center;
    background-size: auto 80%;
    background-repeat: no-repeat;
    display: block;
    background-image: url('../img/logo1.png');
}

.head .right {
    height: 100%;
    position: relative;
    font-size: 0;
}

.m_nav {
    padding: 0;
    position: relative;
    margin: 0;
    height: 100%;
    width: 0.3rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.m_nav em {
    height: 30px;
}

.m_nav em i {
    display: block;
    height: 3px;
    background-color: #fff;
    width: 0.3rem;
    transition: all 0.3s ease;
    margin: 0.05rem 0;
    border-radius: 2px;
}

.active .m_nav em i {
    background-color: #0bb2c0;

}

.m_nav.active_p em i:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(4px, 4px);
    transform: rotate(45deg) translate(4px, 4px);
    background-color: #0bb2c0;
}

.m_nav.active_p em i:nth-of-type(2) {
    opacity: 0;

    width: 0;
}

.m_nav.active_p em i:nth-of-type(3) {
    background-color: #0bb2c0;

    -webkit-transform: rotate(-45deg) translate(5px, -6px);
    transform: rotate(-45deg) translate(5px, -6px);
}


.head-one form {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    position: relative;
    margin-right: 0.3rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    border-left: 1px solid #fff;

}

.head-one form {
    border-left: 1px solid #b9b9b9;
}

.head-one form .input {
    display: block;
    width: 100%;
    height: 20px;
    background-color: rgba(255, 255, 255, .6);
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 12px;
    color: #999;
    padding: 0 5%;
    box-sizing: border-box;
}

.head-one.active form .input {
    border: 1px solid rgba(226, 226, 226, .6);
}

.head-one.active form .btn {
    background-image: url('../img/sea1.png');
}

.head-one form .btn {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 5px;
    border: none;
    background-image: url('../img/seaa.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.5s all;
}

.head .select {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3rem;
    position: relative;
}

.head .select img {
    vertical-align: middle;
    margin-top: -2px;
}

.head-one.active .select .link {
    border: 1px solid #999;
}

.head .select .link {
    position: absolute;
    left: 0;
    width: 100%;
    top: 25px;
    background-color: #fff;
    line-height: 23px;
    font-size: 0.18rem;
    color: #999;
    padding-left: 5px;
    box-sizing: border-box;
    display: none;
}

.head .select .link:hover {
    color: #666;
}

.head .select .top {
    font-size: 0.18rem;
    color: #fff;
    cursor: pointer;
    transition: 0.5s all;
}

.head-one.active .select .top {
    color: #333;
}

.head .select .top .img {
    position: relative;
    width: 10px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
}

.head .select .top .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}

.head .select .top .img img.after {
    opacity: 0;
}

.head-one.active .select .top .img img.before {
    opacity: 0;
}

.head-one.active .select .top .img img.after {
    opacity: 1;
}

.head-one.active {
    background-color: #fff;
}

.head-one.active .logo {
    background-image: url('../img/logo.png');
}

.head-one .menu {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    background-color: #f8f8f8;
    display: none;
}

.head-one .menu ul {
    font-size: 0;
    height: 2.9rem;
}

.head-one .menu ul li a.ti {
    font-size: 0.2rem;
    color: #333;
}

.head-one .menu ul li a {
    font-size: 0.16rem;
    color: #666;
    display: block;
    text-align: left;
    line-height: 3;
    transition: 0.5s all;
}

.head-one .menu ul li a:hover {
    color: #0bb2c0;
}

.head-one .menu ul li {
    display: inline-block;
    width: 14.2%;
    vertical-align: top;
    text-align: center;
    border-right: 1px solid #ccc;
    height: 100%;
    padding-top: 0.45rem;
    box-sizing: border-box;
}

.head-one .menu ul li:last-child {
    border-right: none;
}

.head-one .menu ul li .box {
    display: inline-block;
}

#section0 .swiper-container {
    transition: 0.5s all;
    opacity: 0;
}

#section0 .swiper-container.act {
    opacity: 1;
}

#section0 .zi {
    font-size: 0.45rem;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 0;
    transition: 0.5s all;
    opacity: 0;
}

#section0 .zi.act {
    opacity: 1;
    top: 27%;
}

#section0 .button {
    margin-top: 0.5rem;
    transition: 0.5s all;
}

#section0 .button:hover {
    box-shadow: 1px 2px 10px #e6e6e6;
}

#section0 .content {
    height: 100%;
    position: relative;
}

.button {
    width: 2rem;
    height: 0.5rem;
    border-radius: 30px;
    line-height: 0.5rem;
    background-color: #fff;
    font-size: 0.16rem;
    color: #0bb2c0;
    text-align: center;
}

.button .img {
    display: inline-block;
    width: 35px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url('../img/jt2.png');
    position: relative;
    top: -2px;
    left: 3px;
    transition: 0.3s all;
}

.button:hover .img {
    left: 8px;
}

.head-two {
    box-shadow: 1px 1px 10px #eee;
    transition: 0.5s all;
    display: none;
}

.head {
    transition: 0.5s all;
}

.head-two.act {}

.head-two .logo {
    float: left;
    transition: 0.5s all;
    height: 100%;
}

.head-two {
    padding-top: 0;
}

.head-two .logo img {
    max-height: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s all;
}

.head-two .right ul {
    height: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2rem;
}

.head-two .right ul li {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    padding: 0 0.15rem;
    position: relative;
}

.head-two .right ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background-color: #0bb2c0;
    width: 0%;
    transition: 0.5s all;
}

.head-two .right ul li:hover>a {
    color: #0bb2c0;
}

.head-two .right ul li:hover:after {
    width: 100%;
}

.head-two .right ul li a {
    height: 100%;
    font-size: 0.16rem;
    color: #333;
    transition: 0.5s all;
    line-height: 1rem;
}

.head-two .select .top {
    color: #818181;
}

.head-two form {
    width: 40px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #999;
    position: relative;
}

.head-two form .input {
    position: absolute;
    top: 50%;
    transform: translate(20%, -50%);
    width: 0rem;
    border: 1px solid #999;
    border-radius: 10px;
    height: 20px;
    transition: 0.5s all;
    opacity: 0;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 0.05rem;
}

.head-two form:hover .input {
    transform: translate(-110%, -50%);
    opacity: 1;
    width: 1rem;
}

.head-two form .btn {
    width: 100%;
    height: 100%;
    background-image: url('../img/sea2.png');
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 33;
    background-color: #fff;

}

.head-two .select .link {
    border: 1px solid #eee
}

.head-two {
    background-color: #fff;
}

.wel-two {
    height: 100%;
    padding-top: 1rem;
    box-sizing: border-box;
    font-size: 0;
}

.wel-con {
    height: 100%;
    padding-top: 1rem;
    box-sizing: border-box;
}

.wel-two .half {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    width: 50%;
}

.wel-two .half.pic {
    opacity: 0;
    transition: 0.5s all 0.5s;
}

.wel-two .half.pic.act {
    opacity: 1;
}

.wel-two .pic .box {
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: bl;
}

.wel-two .pic .box .img {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.8s all;
}

.wel-two .pic .box:hover .img {
    transform: scale(1.1);
}

.wel-two .pic .box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wel-two .pic .box .zi {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('../img/btn1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0.24rem;
    width: 0.5rem;
    padding: 0.35rem 0.12rem;
    line-height: 2;
    box-sizing: border-box;
    color: #fff;
}

.wel-two .pic .box:hover {
    background-size: 110%;
}

.wel-two .half .con {
    position: absolute;
    top: 70%;
    padding-right: 20%;
    width: 100%;
    padding-left: 1.45rem;
    box-sizing: border-box;
    transform: translateY(-50%);
    transition: 0.5s all;
    opacity: 0;
}

.wel-two .half .con.act {
    top: 50%;
    opacity: 1;
    z-index: 22;
}

.title {
    font-size: 0.45rem;
    color: #333;
    line-height: 2;
    margin-bottom: 0.3rem;
}

.title:after {
    display: block;
    content: '';
    width: 0.7rem;
    height: 4px;
    background-image: url('../img/bg1.png');
}

.wel-two .half .con .de {
    font-size: 0.16rem;
    color: #666;
    margin-bottom: 0.3rem;
}

p {
    /* color: #666; */
    /* line-height: 2; */
}

.wel-two .half .con .link a {
    display: inline-block;
    width: 40%;
    color: #0bb2c0;
    font-size: 0.14rem;
    line-height: 2.3;
}

.wel-two .half .con .link a img {
    left: 0px;
    position: relative;
    transition: 0.3s all;
}

.wel-two .half .con .link a:hover img {
    left: 5px;
}

.wel-two .half .con .link {
    margin-bottom: 0.55rem;
}

.button.cai {
    background-image: url('../img/btn.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    transition: 0.3s all;
}

.button.cai .img {
    background-image: url('../img/jt1.png');
}

.button.cai:hover {
    box-shadow: 1px 1px 10px #999;
}

.t2 {
    text-align: center;
    position: relative;
}

.t2:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.wel-news {
    font-size: 0;
    position: relative;
    top: 0.3rem;
    opacity: 0;
    transition: 0.5s all 0.5s;
}

.wel-news.act {
    opacity: 1;
    top: 0;
}

.wel-three .title {
    margin-top: 0.7rem;
    box-sizing: border-box;
}

.wel-news a {
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    margin-right: 2%;

    transition: 0.5s all;
}

.wel-news a:hover {
    box-shadow: 1px 1px 15px #999;
}

.wel-news a:nth-child(4n) {
    margin-right: 0;
}

.wel-news a .pic {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 66%;
}

.wel-news a .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}

.wel-news a:hover .pic img {
    transform: translate(-50%, -50%) scale(1.1);
}

.wel-news a .font {
    padding: 6%;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.wel-news a .font .ti {
    font-size: 0.2rem;
    color: #333;
    height: 0.6rem;
    overflow: hidden;
}

.wel-news a .font .de {
    font-size: 0.14rem;
    margin-top: 0.1rem;
    height: 0.4rem;
    overflow: hidden;
}

.wel-news a .font .de p {
    line-height: 1.5;
}

.wel-news a .time {
    font-size: 12px;
    color: #999;
    margin-top: 0.35rem;
}

.wel-news a .time .right {
    padding-right: 35px;
    background-repeat: no-repeat;
    background-image: url('../img/jt3.png');
    background-position: center right;
    /* color: #0bb2c0; */
    transition: 0.5s all;
}

.wel-news a:hover .time .right {
    color: #0bb2c0;
    background-image: url('../img/jt4.png');
}

.wel-four .half {
    position: relative;
}

.wel-four .half .zx {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    top: 50%;
    padding: 0 16%;
    transform: translateY(-50%);
}

.wel-four .zx .de {
    font-size: 0.16rem;
    color: #333;
    line-height: 2;
}

.wel-four .zx ul {
    font-size: 0;
    margin-top: 0.4rem;
}

.wel-four .zx li {
    display: inline-block;
    width: 33.33%;
    vertical-align: middle;
    text-align: center;
}

.wel-four .zx li .ti {
    font-size: 0.45rem;
    color: #0bb2c0;
    font-family: 'BEBAS';
}

.wel-four .zx li .ti i {
    font-size: 0.18rem;
}

.wel-four .zx li .ti span {
    font-size: 0.22rem;
    vertical-align: top;
}

.wel-four .zx li p {
    font-size: 0.16rem;
    color: #0bb2c0;
    text-align: center;
}

.wel-four .zx li:nth-child(2) {
    position: relative;
}

.wel-four .zx li:nth-child(2):after {
    content: '';
    height: 0.3rem;
    border-right: 1px solid #0bb2c0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wel-four .zx li:nth-child(2):before {
    content: '';
    height: 0.3rem;
    border-left: 1px solid #0bb2c0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wel-four .button {
    margin-top: 1rem;
}

.wel-four .pic {
    overflow: hidden;
    position: relative;
    height: 100%;
    opacity: 0;
    transition: 0.5s all 0.5s;
}

.wel-four .pic.act {
    opacity: 1;
}

.wel-four .pic.activ img {
    transform: scale(1.1);
}

.wel-four .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.5s all;
}

.footer {

}

.footer .content {
    font-size: 0;
}

.footer .content>div {
    display: inline-block;
    vertical-align: middle;
}

.footer .content .foo-one {
    width: 3.8rem;
}

.footer .content .foo-one .ti {
    font-size: 0.16rem;
    color: #fff;
    line-height: 2;
    margin-top: 0.2rem;
}

.footer .content .foo-one .de {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, .7);
    line-height: 2;
}

.footer .content .foo-two {
    display: inline-block;
    vertical-align: middle;
    width: -moz-calc(100% - 6rem);
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    position: relative;
}

.footer .content .foo-two:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    height: 1.4rem;
    border-right: 1px solid #85c5ca;
    display: block;
}

.footer .content .foo-two:after {
    content: '';
    position: absolute;
    right: 0;
    top: -5px;
    height: 1.4rem;
    border-right: 1px solid #85c5ca;
    display: block;
}

.footer .content .foo-two li {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    text-align: center;
}

.footer .content .foo-two li a:first-child {
    font-size: 0.16rem;
}

.footer .content .foo-two li a {
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
    display: block;
    color: #fff;
}

.footer .content .foo-three {
    width: 2.2rem;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.footer .content .foo-three img {
    max-width: 70%;
}

.footer .bottom {
    padding-top: 0.15rem;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 0.2rem;
}
.footer .bottom  a{ color: rgba(255, 255, 255, .6);}
.banner123 {
    width: 100%;
    overflow: hidden;
    margin-top: -1rem;
    position: relative;
    padding-top: 28.65%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.head.top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.content2 {
    width: 73%;
    margin: 0 auto;
}

.banner123 .menu {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    line-height: 0.5rem;
}

.banner123 .menu a {
    font-size: 0.16rem;
    margin-right: 0.6rem;
    color: #fff;
    position: relative;
}

.banner123 .menu a:after {
    content: '';
    width: 0%;
    left: 0;
    bottom: 0;
    border-top: 3px solid #0bb2c0;
    position: absolute;
    height: 0;
    transition: 0.3s all;
}

.banner123 .menu a:hover:after {
    width: 100%;
}
.banner123 .menu a.act:after {
    width: 100%;
}
.banner123 .menu a.on:after {
    width: 100%;
}
.banner123 .menu .link {
    display: inline-block;
}

.banner123 .menu .right {
    color: rgba(226, 226, 226, .6);
    float: right;
}

.banner123 .menu .right a {
    font-size: 0.14rem;
    color: rgba(226, 226, 226, .6);
    margin-right: 0;
    transition: 0.5s ease;
    margin: 0 0.02rem;
}

.banner123 .menu .right a:hover {
    color: #fff;
}

.banner123 .menu .right a:after {
    display: none;
}

.banner123 .menu .right a:last-child {
    color: #fff;
}

.nei.title {
    text-align: center;
    position: relative;
    font-size: 0.4rem;
}

.nei.title:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.twobox {
    font-size: 0;
}

.twobox .half {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.about .half.font {
    padding-left: 12.5%;
    box-sizing: border-box;
    padding-right: 0.7rem;
}

.about .half.font .ti {
    font-size: 0.28rem;
    color: #333;
    position: relative;
}

.about .half.font img {
    position: absolute;
    right: 0;
    width: 70%;
    bottom: 0.1rem;
}

.about .half.font .de {
    font-size: 0.18rem;
    color: #666;
}

.about .half.font .de p {
    margin-top: 0.2rem;
    line-height: 1.6;
}

.de p {
    line-height: 2;
}

.about .vid-box {
    position: relative;
    cursor: pointer;
}

.about .vid-box .bg {
    overflow: hidden;
    position: relative;
    padding-top: 63%;
}

.about .vid-box .bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.8s all;
    width: 100%;
    transform: translate(-50%, -50%);
}

.about .vid-box .vid-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.5s all;
    transform: translate(-50%, -50%);
}

.about .vid-box:hover .bg img {
    transform: translate(-50%, -50%) scale(1.1);
}

.video {
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}

.video .box {
    border: 5px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
}

.video .box video {
    width: 100%;
}

.title {
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.about-two {
    background-color: #f7f7f7;
    padding-top: 0.7rem;
    padding-bottom: 0.6rem;
}

.about-two .content2 {
    padding: 0 6%;
    box-sizing: border-box;
}

.about-two .content2 .ti {
    text-align: center;
    color: #333;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.about-two .content2 .de {
    text-align: center;
    color: #666;
    font-size: 0.18rem;
    margin-bottom: 0.6rem;
    line-height: 2;
}

.about-two ul {
    font-size: 0;

}

.about-two ul li {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.about-two ul li:after {
    content: '';
    height: 0.6rem;
    border-right: 1px solid #cccccc;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    position: absolute;
}

.about-two ul li:last-child:after {
    display: none;
}

.about-two ul li span {
    font-size: 0.6rem;
    color: #73d3db;
    font-family: 'BEBAS';
}

.about-two ul li span.zi {
    font-size: 0.14rem;
    color: #999;
    font-family: "微软雅黑";
}

.about-two ul li i {
    vertical-align: top;
    font-size: 0.4rem;
    font-family: "微软雅黑";
    color: #73d3db;
}

.about-two ul li p {
    font-size: 0.16rem;
    color: #333;
    text-align: center;
}

.head.top.act {
    height: 0.8rem;
}

.head.top.act .head-two .right ul li a {
    line-height: 0.8rem;
}

.head.top .head-one {
    display: none;
}

@media screen and (max-width: 1200px) {

    .head.top .head-one,
    .head .head-one {
        padding-top: 0;
        display: block;
    }

    .head.top .head-two {
        display: none !important;
    }

    .head-one .menu ul li a {
        line-height: 2;
    }

    .head-one .menu ul li {
        padding-top: 5px;
        border: none;
        text-align: left;
    }

    .m_nav em {
        height: 23px;
    }

    .head-one .menu ul li {
        width: 100%;
        height: auto;
    }

    .head-one .menu ul li .ti {
        line-height: 2;
        padding-left: 0;
    }

    .head-one .menu ul li .p {
        display: none;
    }

    .banner123,
    .detail {
        margin-top: 0.8rem;
    }

    .head-one .menu {
        top: 0.8rem;
    }

    .head-two {
        display: none !important;
    }

    .head-one {
        display: block !important;
    }

    .head {
        height: 0.8rem;
    }

    .head-one .menu {
        height: calc(100% - 0.8rem);
        position: fixed;
    }

    .head-one .menu li a,
    .head-one .menu ul li .box {
        display: block;
        width: 100%;
    }

    .head-one .menu ul {
        height: auto;
        margin-top: 0.2rem;
    }

    .head-one .menu li a i {
        font-size: 0.2rem;
        opacity: 0.3;
        float: right;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }

    .head-one .menu ul li a {
        padding-left: 10px;
        box-sizing: border-box;
        line-height: 2.5;
    }

    .head-one .menu li a .active_i {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.head-two .right ul li .list {
    position: absolute;
    top: 1rem;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.1rem;
    display: none;
}

.head.top .head-two .right ul li .list a {
    white-space: nowrap;
    height: auto;
    line-height: 2;
    font-size: 0.14rem;
}

.head.top .head-two .right ul li .list a:hover {
    color: #0bb2c0;
}

.head.top.act .head-two .right ul li .list {
    top: 0.8rem;
}

.head-two .right ul li.act>a {
    color: #0bb2c0;
}

.head-two .right ul li.act:after {
    width: 100%;
}

.yewu .list .box {
    padding: 0.45rem 0;
    box-sizing: border-box;
}

.yewu .list .pic {
    width: 37.5%;
    position: relative;
    overflow: hidden;
    padding-top: 25%;
    float: left;
}

.yewu .list .font {
    width: 62.5%;
    float: right;
    padding-left: 0.5rem;
    box-sizing: border-box;
}

.yewu .list .font .ti img {
    vertical-align: middle;
    margin-right: 0.1rem;
}

.yewu .list .font .ti {
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 0.1rem;
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;
}

.yewu .list .font .de {
    font-size: 0.18rem;
    color: #666;
    line-height: 2;
}

.yewu .list .pic img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.8s all;
}

.yewu .list .pic img.act {
    transform: translate(-50%, -50%) scale(1.1);
}

.yewu .button.cai {
    display: block;
    margin-top: 0.5rem;
}

.yewu .list .box:nth-child(even) {
    background-color: #f7f7f7;
}

.yewu .list .box:nth-child(even) .pic {
    float: right;
}

.yewu .list .box:nth-child(even) .font {
    float: left;
    padding-left: 0;
    padding-right: 0.5rem;
}

.banner123 .cul-font {
    position: absolute;
    left: 50%;
    top: 63%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.banner123 .cul-font {
    line-height: 0.8;
}

.banner123 .cul-font .ti {
    max-width: 60%;
}

.banner123 .cul-font .de {
    max-width: 80%;
}

.cul ul {
    font-size: 0;

}

.cul {
    background-color: #f7f7f7;
    overflow: hidden;
}

.cul ul li {
    display: inline-block;
    width: 23%;
    margin-right: 2.6%;
    background-color: #fff;
    padding: 0.7rem 0;
    box-sizing: border-box;
    cursor: pointer;
}

.cul ul li:last-child {
    margin-right: 0;
}

.cul ul li .pic {
    text-align: center;
}

.cul ul li .pic img {
    width: auto;
    max-width: 50%;
}

.cul ul li p {
    font-size: 0.26rem;
    color: #333333;
    text-align: center;
    margin-top: 0.25rem;
}

.san-list {
    font-size: 0;
}

.san-list a {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    margin-bottom: 0.4rem;
}

.san-list a .pic {
    overflow: hidden;
    position: relative;
    padding-top: 60%;
}

.san-list a .pic img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: 0.5s all;
}

.san-list a:nth-child(3n) {
    margin-right: 0;
}

.san-list a .font {
    padding: 0.15rem 0.08rem;
    box-sizing: border-box;
}

.san-list a .ti {
    font-size: 0.2rem;
    color: #333;
    margin-bottom: 0.1rem;
}

.san-list a .de {
    font-size: 0.16rem;
    color: #666;
}

.san-list a .more {
    font-size: 12px;
    color: #999;
    margin-top: 0.15rem;
    transition: 0.5s all;
}

.san-list a .more i {
    width: 25px;
    height: 8px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('../img/jt3.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: contain;
    top: -4px;
    margin-left: 3px;
    transition: 0.5s all;
}
 .wel-two .t2{
        display: none;
    }
.san-list a:hover .pic img {
    transform: translate(-50%, -50%) scale(1.1);
}

.san-list a:hover .more {
    color: #0bb2c0;
}

.san-list a:hover .more i {
    background-image: url('../img/jt4.png');
    margin-left: 6px;
}

.page {
    text-align: center;
    font-size: 0.16rem;
    color: #333;
}

.page a {
    background-color: #eee;
    padding: 0.1rem 0.2rem;
    border-radius: 5px;
    box-sizing: border-box;
    transition: 0.5s all;margin: 0 0.02rem;
}

.page a.active {
    background-color: #00a2b0;
    color: #fff;
}
.page a.on {
    background-color: #00a2b0;
    color: #fff;
}
.page a:hover {
    background-color: #00a2b0;
    color: #fff;
}

.page span {
    margin: 0 0.1rem;
}

.page input {
    width: 0.5rem;
    height: 0.4rem;
    border: 1px solid #0bb2c0;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 0.1rem;

}

.cul {
    padding-bottom: 1rem;
    box-sizing: border-box;
}

.honour .pi-list {
    flex-shrink: 0;
    width: 60%;
    display: flex;
}

.honour .pi-list li {
    padding-bottom: 26%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: 0.5s all;
    width: 10%;
    background-repeat: no-repeat;
}

.honour .pi-list2 {
    flex-shrink: 0;
    width: 60%;
    display: flex;
}

.honour .pi-list2 li {
    padding-bottom: 26%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: 0.5s all;
    width: 18%;
    background-repeat: no-repeat;
}

.honour .font {
    flex-shrink: 0;
    width: 34%;
    display: flex;
}

.honour .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc;
    padding: 0.35rem 0;
    box-sizing: border-box;
}

.honour .box:last-child {
    border-bottom: 0;
}

.honour .pi-list li.act {
    width: 18%;
}
.honour .pi-list2 li.act {
    width: 70%;
}
.honour .ho-num {
    flex-shrink: 0;
    border: 0.32rem dotted #fff;
    border-image: url('../img/h7.jpg') 32 round;
    display: flex;
    box-sizing: border-box;
    padding: 0.2rem 0;
    position: relative;
    width: 100%;
}
.menua a:last-child{
        margin-right: 0;
    }
.honour .ho-num .num {
    font-size: 0.8rem;
    color: #0bb2c0;
    text-align: center;
    font-family: 'BEBAS';
}

.honour .ho-num .zi {
    font-size: 0.16rem;
    text-align: center;
    color: #666;
}

.honour .ho-num div {
    text-align: center;
    flex: 1;
}

.honour .ho-p p {
    font-size: 0.14rem;
    color: #666;
    line-height: 2;
    padding: 0 0.32rem;
}

.honour {
    margin-bottom: 0.4rem;
}

.oil {
    background-color: #f2f2f2;
    overflow: hidden;
}

.oil .topde {
    background-color: #fff;
    font-size: 0.18rem;
    color: #666;
    text-align: center;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
}

.oil .topde p {
    text-align: left;
    margin-bottom: 0.3rem;
}

.oil .topde p:last-child {
    margin-bottom: 0;
}

.oil .list {
    font-size: 0;
    background-color: #fff;
    padding: 0.4rem 0;
    margin-bottom: 0.25rem;
}

.oil .list .li {
    width: 12.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.oil .list .li:after {
    content: '';
    border-right: 1px solid #eaeaea;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.oil .list .li:last-child:after {
    display: none;
}

.oil .solu {
    overflow: hidden;
    background-color: #fff;
}

.oil .solu .title {
    font-size: 0.28rem;
}

.oil .solu .de {
    font-size: 0.18rem;
    color: #666;
    padding: 0 0.8rem;
    box-sizing: border-box;
}

.oil .solu .de p {
    text-align: left;
    margin-bottom: 0.3rem;
}

.solu .ul {
    position: relative;
}

.solu .ul li:last-child {
    position: absolute;
    right: 0;
}

.solu .ul li {
    padding-top: 22%;
    background-color: #59c9d2;
    width: 16.6%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: 0.5s all;
}

/* 
.solu .ul li:after {
    width: 17px;
    height: 33px;
    content: '';
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    background-color: #59c9d2;
} */

.solu .ul li.act {
    width: 33.6%;
}

.solu .ul li.act .top {
    opacity: 1;
}

.solu .ul li:nth-child(2) {
    background-color: #2bbdc9;
}

.solu .ul li:nth-child(3) {
    background-color: #0bb2c0;
}

.solu .ul li:nth-child(4) {
    background-color: #00a2b0;
}

.solu .ul li:nth-child(5) {
    background-color: #027a84;
}

.solu .ul {
    font-size: 0;
}

.solu .ul .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.5s;
    opacity: 0;
}

.solu .ul .top .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);

}

.solu .ul .top .bg .ti {
    font-size: 0.3rem;
    color: #fff;
    margin-bottom: 0.2rem;
}

.solu .ul .top .bg .center {
    width: 80%;
    text-align: center;
}

.solu .ul .top .bg .ded {
    font-size: 0.18rem;
    color: #fff;
    border-top: 1px solid rgba(226, 226, 226, .5);
    border-bottom: 1px solid rgba(226, 226, 226, .5);
}

.solu .ul .top .bg p {
    text-align: center;
    line-height: 2;
  white-space: initial;
}

.solu .ul .top .bg .p {
    font-size: 0.14rem;
    color: #fff;
    padding: 0 10%;
    box-sizing: border-box;
    line-height: 2;
    margin-top: 0.2rem;white-space: initial;
}

.solu .ul .tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.24rem;
    color: #fff;
}

.solu .ul {
    background-color: #00a2b0;
}

.anli .title {
    font-size: 0.28rem;
}

.anli .de {
    text-align: center;
    font-size: 0.18rem;
    color: #333;
    margin-top: 0.2rem;
}

.anli .swiper-container .swiper-pagination {
    line-height: 1.5;
    position: relative;
    font-size: 18px;
    bottom: 0;
    margin-top: 0.2rem;
}

.anli .swiper-container .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #0bb2c0;
    background-color: #fff;
    opacity: 1;
}

.anli .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0bb2c0;
}

.anli {
    margin-bottom: 0.4rem;
}

.anli .pic {
    overflow: hidden;
    position: relative;
    padding-top: 76%;
}

.anli .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.anli .swiper-slide:hover .pic img {
    transform: translate(-50%, -50%)scale(1.1);
}

.water {
    background-color: #f2f2f2;
    overflow: hidden;
}

.water img {
    vertical-align: top;
}

.water .top {
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #666;
    text-align: center;
    line-height: 2;
    background-color: #fff;
}

.wa-ul {
    font-size: 0;
    background-color: #fff;
}

.wa-ul li {
    width: 25%;
    vertical-align: middle;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    padding-top: 0.5rem;
    text-align: center;
    cursor: pointer;
    height: 4.2rem;
    box-sizing: border-box;
}

.wa-ul li .tu {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: #f2f2f2;
    display: inline-block;
    transition: 0.5s all;
    position: relative;
}

.wa-ul li .tu img {
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.5s all;
    transform: translate(-50%, -50%);
}

.wa-ul li:hover .tu {
    background-color: #0bb2c0;
}

.wa-ul li:hover .tu img {
    opacity: 0;
}

.wa-ul li:hover .tu p {
    opacity: 1;
}

.wa-ul li .tu p {
    transition: 0.5s all;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.27rem;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
}

.wa-ul li .ti {
    font-size: 0.24rem;
    color: #333;
    margin: 0.2rem 0;
}

.wa-ul li .ded p {
    text-align: center;
}

.wa-ul li .ded {
    font-size: 0.18rem;
    color: #999;
    line-height: 2;
}

.water-list .pic {
    width: 50%;
    float: left;
}

.water-list .box {
    position: relative;
}

.water-list .font {
    width: 50%;
    padding: 0.4rem;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.water-list {
    margin-top: 0.4rem;
}

.water-list .tit {
    font-size: 0.24rem;
    color: #333;
}

.water-list .tit:after {
    content: '';
    width: 0.4rem;
    border-top: 2px solid #0bb2c0;
    display: block;
    margin-top: 0.1rem;
}

.water-list .de {
    font-size: 0.16rem;
    color: #666;
    line-height: 2;
    margin-top: 0.2rem;
}

.water-list .ded {
    /* line-height: 2; */
    margin-top: 0.8rem;
}

.water-list .ded .p {
    font-size: 0.18rem;
    color: #333;
    margin-bottom: 0.1rem;
    line-height: 1;
}

.water-list .ded .span {
    font-size: 0.16rem;
}

.water-list .ded i {
    font-size: 0.16rem;
    color: #666;
    margin-right: 0.15rem;
}

.water-list .box:nth-child(even) .pic {
    float: right;
}

.water-list .box:nth-child(even) .font {
    left: 0;
    right: auto;
}

.water-list {
    margin-bottom: 0.4rem;
}

.gu {
    background-color: #f2f2f2;
    overflow: hidden;
}

.gu .topde .ti {
    font-size: 0.28rem;
    color: #0bb2c0;
    text-align: center;
    margin-bottom: 0.3rem;
}

.gu .topde {
    background-color: #fff;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
}

.gu .topde .de p {
    font-size: 0.18rem;
    color: #666;
    text-align: center;
    margin-bottom: 0.4rem; text-align:left
}

.gu .topde .de p:last-child {
    margin-bottom: 0;
}

.gu .swi {
    background-color: #fff;
    overflow: hidden;
}

.gu .swi .title {
    font-size: 0.28rem;
}

.gu .swi .btn {
    font-size: 0.18rem;
    color: #333;
    text-align: center;
}

.gu .swi .btn .a {
    display: inline-block;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 0.2rem;
    line-height: 3;
}

.gu .swi .btn .a a {
    padding: 0 0.2rem;
    margin-right: 0.4rem;
    top: 2px;
    position: relative;
}

.gu .swi .btn .a a:last-child {
    margin-right: 0;
}

.gu .swi .btn .a a.act {
    color: #0bb2c0;
    border-bottom: 2px solid #0bb2c0;
}

.gu .swi .pic img {
    max-width: 90%;
    width: auto;
}

.gu .swi p {
    font-size: 0.2rem;
    color: #333;
    text-align: center;
    margin: 0.3rem 0
}

.gu .swi .swiper-button-next {
    background-image: url('../img/swr.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.gu .swi .swiper-button-prev {
    background-image: url('../img/swl.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.gu .swi .swiper-button-next:after,
.gu .swi .swiper-button-prev:after {
    font-size: 0;
}

.gu>.swi .swiper-container {
    display: none;
}

.fanwei {
    background-image: url('../img/fan.jpg');
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    background-size: cover;
    margin: 0.4rem 0;
}

.fanwei .nei {
    font-size: 0.28rem;
    color: #fff;
}

.fanwei .nei.title:after {
    background-color: #fff;
    background-image: none;
}

.fanswi .swiper-slide {
    text-align: center;
    padding: 0.3rem 0;
    box-sizing: border-box;
    line-height: 1;
    transition: 0.5s all;
    cursor: pointer;
}

.fanswi .swiper-slide:hover {
    box-shadow: 1px 1px 30px rgba(0, 0, 0, .35);

}

.fanswi .swiper-wrapper {
    padding: 0.5rem 0.1rem;
    box-sizing: border-box;
}

.fanswi p {
    font-size: 0.18rem;
    color: #fff;
    text-align: center;
    line-height: 2;
}

.fanswi .img img {
    max-width: 60%;
}

.fanswi {
    font-size: 16px;
}

.fanswi .swiper-pagination {
    position: relative;
    line-height: 2;
    margin-bottom: 0.2rem;
}

.fanswi .swiper-container {
    line-height: 2;
}

.fanswi .swiper-pagination-bullet {
    opacity: 1;
    background-color: transparent;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.fanswi .swiper-pagination-bullet-active {
    background-color: #fff;
}

.tanhua .title {
    font-size: 0.28rem;
    margin-bottom: 0.3rem;
}

.tanhua {
    background-color: #fff;
    overflow: hidden;
}

.tanhua .de {
    font-size: 0.18rem;
    color: #666;
    text-align: center;
    padding: 0 1rem;
    box-sizing: border-box;
    line-height: 2;
}

.tanhua .button {
    margin: 0.4rem auto;
    display: block;
}

.tanhua-win {
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}

.tanhua-win img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 60%;
}

.menua {
    display: inline-block;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 0.2rem;
    line-height: 3;
    font-size: 16px;
    display: inline-block;
}

.menua a.act {
    color: #0bb2c0;
    border-bottom: 2px solid #0bb2c0;
}
.menua a.on {
    color: #0bb2c0;
    border-bottom: 2px solid #0bb2c0;
}

.menua a {
    padding: 0 0.16rem;
    top: 2px;
    position: relative;
    font-size: 0.2rem;
    color: #333;
}

.menua a:hover {
    color: #0bb2c0;
    border-bottom: 2px solid #0bb2c0;
}

.pr-water {
    text-align: center;
}

/* .san-list {
    font-size: 0;
} */

/* .san-list a {
    width: 32%;
    margin-right: 2%;
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
}
.san-list a 
.san-list a:nth-child(3n) {
    margin-right: 0;
} */
.pr-water {
    background-color: #f7f7f7;
    padding-bottom: 0.3rem;
    overflow: hidden;
    font-size: 16px;
    padding-top: 0.3rem;
}

.pr-water .san-list .de {
    padding: 0.15rem 0.1rem;
    text-align: center;
}

.pr-water .san-list a .pic {
    padding-top: 76%;
}

.pr-water .menua {
    margin-bottom: 0.5rem;
}

.detail {
    margin-top: 1rem;
    background-color: #f7f7f7;
    overflow: hidden;
}

.de-link {
    font-size: 0.14rem;
    color: #999;
    padding: 0.2rem 0;
}

.de-link a {
    color: #999;
    margin: 0 0.02rem;
}

.de-link a:first-child {
    margin-left: 0;
}

.de-link a.act {
    color: #00a2b0;
}

.detail .half.font {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0.4rem;
    box-sizing: border-box;
}

.detail .twobox {
    position: relative;
}

.detail .img {
    overflow: hidden;
    padding-top: 76%;
    position: relative;
}

.detail .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transform: translate(-50%, -50%);
}

.detail .half.font .ti {
    font-size: 0.24rem;
    color: #333;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.detail .half.font .ti img {
    vertical-align: middle;
    margin-right: 0.2rem;
}

.detail .half.font .de {
    font-size: 0.16rem;
    color: #666;
    line-height: 2;
}

.de-font {
    background-color: #fff;
    font-size: 16px;
    margin-top: 0.35rem;
    padding-top: 0.15rem;
    margin-bottom: 0.4rem;
}

.de-font .top {
    text-align: center;
}

.de-font .top .menua a {
    margin-right: 2.5rem;
}

.de-font .top .menua a:last-child {
    margin-right: 0;
}

.me-box .box {
    display: none;
}

.me-box .box p {
    padding-left: 25px;
    background-image: url('../img/yuan.png');
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.18rem;
    color: #666;
    line-height: 2;
}

.me-box {
    padding: 0 0.6rem;
    box-sizing: border-box;
    padding-bottom: 0.6rem;
    margin-top: 0.2rem;
    transition: 0.5s all;
}

.pl a {
    background-color: #fff;
}

.pl a .pic {
    width: 68%;
    overflow: hidden;
    float: left;
    position: relative;
    padding-top: 36%;
}

.pl a .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.pl a .font {
    width: 32%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    height: 100%;
    padding: 0.25rem;
    box-sizing: border-box;

}

.pl a .font .tit {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 0.1rem 0;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.pl a {
    display: block;
    position: relative;
    margin-bottom: 0.5rem;
    transition: 0.5s all;
}

.pl a:hover .pic img {
    transform: translate(-50%, -50%) scale(1.1);
}

.pl a .ti {
    font-size: 0.3rem;
    color: #333;
}

.pl a .tii {
    font-size: 0.22rem;
    color: #333;
}

.pl a .dede p {
    font-size: 0.18rem;
    color: #666;
    padding-left: 25px;
    background-image: url('../img/yuan.png');
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 2.5;
}

.pl a .button {
    background-color: #0bb2c0;
    color: #fff;
    font-size: 0.14rem;
    color: #fff;
    width: 125px;
    height: 25px;
    line-height: 25px;
    margin-top: 0.35rem;
}

.pl a .img {
    width: 14px;
    top: 0;
    background-image: url('../img/jt6.png');
}

.pl a:nth-child(even) .pic {
    float: right;
}

.pl a:nth-child(even) .font {
    right: auto;
    left: 0;
}

.pgf p {
    font-size: 0;
}

.pgf span {
    display: inline-block;
    vertical-align: top;
    font-size: 0.18rem;
    color: #666;
}

.pgf span.sp {
    vertical-align: middle;
    white-space: nowrap;
    width: 0.9rem;

}

.pgf span.spp {
    width: -moz-calc(100% - 0.9rem);
    width: -webkit-calc(100% - 0.9rem);
    width: calc(100% - 0.9rem);

}

.de-font .tu img {
    max-width: 80%;
    width: auto;
}

.news {
    overflow: hidden;
    padding-bottom: 0.9rem;
    background-color: #f7f7f7;
}

.newsbox .box {
    width: 50%;
}

.newsbox {
    font-size: 0;
    position: relative;
}

.newsbox .box a {
    display: inline-block;
    width: 47%;
    margin-right: 3%;
}

.newsbox .box a .pic {
    overflow: hidden;
    position: relative;
    padding-top: 75%;
}

.newsbox .box a .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.newsbox .box a:hover .pic img {
    transform: translate(-50%, -50%) scale(1.1);
}

.newsbox .box a .font {
    background-color: #fff;
    padding: 0.1rem 0.15rem;
    box-sizing: border-box;
}

.newsbox .box a .time {
    font-size: 12px;
    color: #999;
}

.newsbox .box a .ti {
    font-size: 0.18rem;
    color: #333;
    margin: 0.1rem 0;
}

.newsbox .box a .de {
    font-size: 0.16rem;
    color: #666;
}

.newsbox .box a .btn {
    text-align: right;
    margin-top: 0.5rem;
    margin-bottom: 0.15rem;
}

.newsbox .swi {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.news .swi .swiper-slide {

    background-color: #fff;
    display: block;
    width: 95%;
}

.news .swi .swiper-slide .day {
    font-size: 0.3rem;
    transition: 0.5s all;
    color: #333;
}

.news .swi .swiper-slide .year {
    font-size: 0.18rem;
    color: #666;
    transition: 0.5s all;
    text-align: right;
}

.news .swi .swiper-slide {
    font-size: 0;
}

.news .swi .swiper-slide .time {
    width: 1.1rem;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.2rem;
    box-sizing: border-box;
}

.news .swi .swiper-slide .ded {
    width: -moz-calc(100% - 1.45rem);
    width: -webkit-calc(100% - 1.45rem);
    width: calc(100% - 1.45rem);
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.35rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    border-left: 1px solid #eee;
}

.news .swi .swiper-slide .ded .ti {
    font-size: 0.18rem;
    color: #333;
    transition: 0.5s all;
}

.news .swi .swiper-slide .ded .de {
    font-size: 0.16rem;
    color: #999;
}

.news .swi .swiper-slide .btn {
    width: 0.35rem;
    display: inline-block;
    vertical-align: middle;
}

.news .swi .swiper-slide .center {
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
}

.news .swi .swiper-slide:hover .ded .ti {
    color: #00a2b0;
}

.news .swi .swiper-slide:hover .time .day {
    color: #00a2b0;
}

.news .swi .swiper-slide:hover .time .year {
    color: #00a2b0;
}

.news .swiper-scrollbar-drag {
    background-color: #0bb2c0;
    width: 3px;
    left: auto;
    border-radius: 0;
    right: 1px;
}

.news .swiper-container-vertical>.swiper-scrollbar {
    width: 2px;
}

.ne-detail {
    background-color: #f7f7f7;
}

.ne-detail .content {
    margin-top: 0.3rem;
    background-color: #fff;
    padding: 0 0.95rem;
    box-sizing: border-box;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.ne-detail .ti {
    font-size: 0.3rem;
    color: #333;
    margin-bottom: 0.1rem;
}

.ne-detail .time {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 0.16rem;
    color: #999;
    line-height: 0.5rem;
    position: relative;
    margin-bottom: 0.45rem;
}

.ne-detail .time span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ne-detail .ded {
    line-height: 2;
}

.ne-detail .ded p {
    font-size: 16px;
    color: #333; text-indent:2em;
}
.ne-detail .ded p img{ 
      max-width: 98%;

  margin-left: -2em;
}

.ne-detail .ded .tu img {
    width: auto;
    max-width: 100%;
}

.ne-detail .ded .tu {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.ne-detail .ded .tu p {
    text-align: center;
}

.ne-detail {
    padding-bottom: 0.7rem;
    font-size: 0.16rem;
}

.ne-detail .btn {
    position: relative;
    background-color: #f2f2f2;
    padding: 0 0.4rem;
    box-sizing: border-box;
    margin-top: 0.4rem;
}

.ne-detail .prev {
    float: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.45rem;
    transition: 0.5s all;
    color: #666;
}

.ne-detail .next {
    text-align: right;
    width: 40%;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.45rem;
    color: #666;
    white-space: nowrap;
    transition: 0.5s all;
}

.ne-detail .btn a:hover {
    color: #00a2b0;
}

.ne-detail .back {
    font-size: 0.16rem;
    color: #df3c3d;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gu-ach {
    background-color: #f7f7f7;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 0.5rem;
}

.ga-list .ga-a {
    font-size: 0;
    padding: 0.2rem;
    box-sizing: border-box;
    background-color: #fff;
    display: block;
    margin-bottom: 0.4rem;
}

.ga-list .ga-a .big {
    width: 43%;
    display: inline-block;
    vertical-align: middle;
}

.ga-list .ga-a .font {
    width: 57%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.4rem;
    box-sizing: border-box;
}

.ga-list .ga-a .font .ti {
    font-size: 0.22rem;
    color: #333333;
    margin-bottom: 0.2rem;
}

.ga-list .ga-a .font .de {
    font-size: 0.18rem;
    color: #666;
    margin-bottom: 0.65rem;
}

.ga-list .ga-a .big .swiper-slide {
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.ga-list .ga-a .font .small {
    width: 70%;
}

.ga-list .ga-a .font .small .swiper-slide {
    padding-top: 19%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #fff;
}

.ga-list .ga-a .font .small .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #00a2b0;
    box-sizing: border-box;

}

.ga-list .swiper-button-next.swiper-button-white,
.ga-list .swiper-button-prev.swiper-button-white {
    background-color: rgba(0, 0, 0, .6);
}

.ga-list .swiper-button-prev {
    left: 0px;
}

.ga-list .swiper-button-next {
    right: 0px;
}

.ga-list .swiper-button-next:after,
.ga-list .swiper-button-prev:after {
    font-size: 16px;

}

.link-az {
    margin-bottom: 0.1rem;
    font-size: 16px;
}

.link-az a.act {
    border-bottom: 1px solid #00a2b0;
    color: #333;
}

.link-az a {
    color: #999;
    box-sizing: border-box;
    margin-right: 0.2rem;
    padding: 0 0.05rem;
    line-height: 2;
}

.link-de {
    font-size: 16px;
}

.link-de a {
    font-size: 0.16rem;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.25rem;
    background-image: url('../img/yuan2.png');
    background-repeat: no-repeat;
    background-position: center left;
    box-sizing: border-box;
    padding-right: 0.4rem;
    line-height: 2.5;
}

.link-box .link-de {
    display: none;
}

.wa-ach {
    padding-bottom: 0.65rem;
    background-color: #f7f7f7;
}

.wa-two .san-list a {
    width: 30%;
    margin-right: 5%;
}

.wa-two .san-list a:nth-child(3n) {
    margin-right: 0;
}

.wa-two .san-list a .de {
    text-align: center;
    margin-top: 0.2rem;
}

.wa-two .san-list a .pic {
    padding-top: 76%;
}

.wa-two a {
    position: relative;
}

.wa-two a .top {
    position: absolute;
    left: 0;
    top: 0;
    width: 150%;
    background-color: #fff;
    height: 110%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    z-index: 999;
}

.wa-two a .top .gallery-top {
    float: left;
    width: 65%;
}

.wa-two a .top .gallery-top .swiper-slide {
    padding-top: 77%;
    background-repeat: no-repeat;
    background-position: cennter;
    background-size: cover;
}

.wa-two a .top .gallery-top {
    float: left;
    width: 65%;
}

.wa-two a .top .sma {
    position: absolute;
    height: 100%;
    width: 35%;
    right: 0;
    padding: 0.15rem 0.25rem;
    box-sizing: border-box;
}

.wa-two a .top .sma .gallery-thumbs {
    height: 100%;
}

.wa-two a .top .sma .gallery-thumbs .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wa-two .swi {
    position: relative;
}

.wa-two a .top {
    display: none;
}

.wa-two a .top .p {
    font-size: 0.18rem;
    text-align: center;
    color: #333333;
    margin-top: 0.15rem;
}

.wa-two a .sma .swiper-button-prev {
    position: absolute;
    bottom: auto;
    top: 20px;
    right: auto;
    transform: rotate(90deg);
    height: 15px;
    right: 50%;
    width: 20px;
    left: auto;
    transform: translateX(50%) rotate(90deg);
}

.wa-two a .sma .swiper-button-next {
    position: absolute;
    bottom: -0;
    top: auto;
    right: auto;
    transform: rotate(90deg);
    height: 15px;
    right: 50%;
    width: 20px;
    transform: translateX(50%)rotate(90deg);
}

.wa-two a .sma .swiper-button-next:after,
.wa-two a .sma .swiper-button-prev:after {
    font-size: 16px;
}

.wa-two a:hover .pic img {
    transform: translate(-50%, -50%) scale(1);
}

.link-de a:hover {
    color: #00a2b0;
}

.link-de a {
    transition: 0.5s all;
}

.wa-two {
    margin-bottom: 0.7rem;
}

.join-box {
    background-color: #fff;
    font-size: 16px;
}

.join-box .top {
    padding: 0.2rem;
    font-size: 0;
}

.join-box .top .tit {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    font-size: 0.18rem;
    color: #666666;
    border-right: 1px solid #cccccc;
    box-sizing: border-box;
    margin-right: 0.6rem;
}

.join {
    background-color: #f7f7f7;
    overflow: hidden;
}

.join-box .btn {
    width: 1.1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    background-color: #00a2b0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
}

.join-box .det .btn {
    display: block;
    margin-top: 0.45rem;
    cursor: pointer;
}

.join-box .top .de {
    width: -moz-calc(100% - 3.6rem);
    width: -webkit-calc(100% - 3.6rem);
    width: calc(100% - 3.6rem);
    display: inline-block;
    vertical-align: middle;

}

.join-box .top .de span {
    width: 25%;
    font-size: 0.16rem;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.join-box .top {
    border-bottom: 1px solid #eee;

}

.join-box .twobox {
    padding: 0.4rem 0.35rem;
    box-sizing: border-box;
}

.join-box .half {
    margin-bottom: 0.3rem;
    padding-right: 0.6rem;
    box-sizing: border-box;
}

.join-box .ti {
    font-size: 0.16rem;
    color: #333;
    margin-bottom: 0.1rem;
}

.join-box .det {
    display: none;
}

.join-box .det p {
    padding-left: 0.25rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 2;
}

.join .page {
    margin-top: 0.4rem;
    margin-bottom: 0.7rem;
}

.contact .top {
    text-align: center;
    font-size: 16px;
}

.contact .top a {
    margin-right: 2rem;
}

.contact .top a:last-child {
    margin-right: 0;
}

.contact {
    margin-bottom: 0.9rem;
}

.map-box {
    height: 6.8rem;
}

.map {
    margin-top: 0.3rem;
}

.BMap_mask {
    /* padding-left: 4rem; */
    /* box-sizing: border-box; */
}

.map .box {
    position: relative;
}

.map .box .font {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    background-color: #fff;
    padding: 0.4rem 0.3rem;
    box-sizing: border-box;
    font-size: 0;
    width: 4.3rem;
    line-height: 2;
}

.map .box .font .ti {
    font-size: 14px;
    color: #666;
}

.map .box .font .de {
    font-size: 16px;
    color: #333;
}

.map .box .bb {
    margin-bottom: 0.1rem;
}

.map .box .aa {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.map .box {
    /* display: none; */
}

.per ul {
    font-size: 0;
}

.per {
    background-color: #f7f7f7;
    overflow: hidden;
}

.per ul li:nth-child(2n) {
    margin-right: 0;
}

.per ul li .icon img {
    max-width: 60%;
}

.per ul li {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    padding: 0.7rem 0.25rem;
    box-sizing: border-box;
    font-size: 0;
    padding-right: 1rem;
    height: 2.3rem;
    margin-bottom: 0.15rem;
}

.per ul li .icon {
    width: 1.2rem;
    display: inline-block;
    vertical-align: middle;
}

.per ul li .font {
    width: -moz-calc(100% - 1.2rem);
    width: -webkit-calc(100% - 1.2rem);
    width: calc(100% - 1.2rem);
    display: inline-block;
    vertical-align: middle;
}

.per ul li .ti {
    font-size: 0.28rem;
    color: #333;
}

.per ul li .de {
    font-size: 0.18rem;
    color: #666;
    line-height: 2;
}

.per {
    padding-bottom: 0.8rem;
}

.oil .img img {
    width: 100%;
}

.oil .list .li img {
    max-width: 90%;
}

@media screen and (max-width: 1300px) {
    .map .box .font {
        width: 5rem;
    }

    .solu .ul .top .bg .ti {
        font-size: 0.24rem;
    }

    .solu .ul .tit {
        font-size: 0.22rem;
    }
}

@media screen and (max-width: 1200px) {
    .footer .content .foo-two {
        display: none;
    }

    .footer .content .foo-three {
        float: right;
    }

    .wel-three .title {
        font-size: 0.35rem;
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }
}

.wa-ach {
    overflow: hidden;
}

.wa-ach .img img {
    width: 100%;
}

.link-box .link-de {
    font-size: 0;
}

.link-de a {
    width: 33%;
}

.solu .ul .top {
    background-repeat: no-repeat;
    background-size: cover;
}

.water .img img {
    width: 100%;
}


@media screen and (max-width: 750px) {
    .wel-two{
        padding-top: 0.8rem;
    }
    #section0 .zi {
        font-size: 16px;
    }
    .wel-four .half{
        width: 100%;
    }
    .wel-four .half .zx{
        padding: 0 0.1rem;
    }
    .wel-four .button{
        display: block;
        margin: 0 auto;
        margin-top: 1rem;
    }
    .wel-four .half .title{
        margin-top: 0;;
    }
    .wel-four .half:nth-child(2){
        display: none;
    }
    .wel-news {
        
    }
    .head.top{
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }
  .wel-news a .font .de{
        display: none;
    }
    .wel-news a {
       width: 49%;
        margin-right: 2%;
      margin-bottom: 0.1rem;
    }
   .wel-news a:nth-child(2n){
        margin-right: 0;
    }
    .video .box{
        max-width:90%;
        width:90%;
    }
    .wel-two .pic .box .zi {
        white-space: normal;
    }

    .wel-two .pic .box .img {
        background-size: cover;
    }

    .wel-two .half.pic {
        /* white-space: nowrap;
        overflow-x: auto; */
    }

    .wel-two .half:nth-child(3) {
        display: none;
    }

    .wel-two .half.pic {
        width: 100%;
    }

    .wel-two .pic .box {
        width: 100%;
        height: 33.33%;
    }
    .wel-two .pic .box .zi{
        height: 100%;
    }
    .yewu .list .pic {
        width: 100%;
    }

    .yewu .list .box:nth-child(even) .font {
        width: 100%;
        padding: 0 0.2rem;
    }

    .yewu .list .box {
        padding: 0.2rem 0;
    }

    .yewu .button.cai {
        margin-top: 0.3rem;
    }

    .yewu .list .font .ti {
        font-size: 0.24rem;
        margin-bottom: 10px;
    }

    .button .img {
        width: 25px;
        background-size: contain;
        top: 1px;
    }

    .button {
        width: 1.5rem;
    }

    .yewu .list .font .ti img {
        width: 20px;
    }

    .yewu .list .font {
        width: 100%;
        padding: 0 0.2rem;
    }

    .yewu .list .pic {
        padding-top: 66%;
    }

    .newsbox .swi {
        right: auto;
        height: 200px;
        width: 100%;
    }

    .newsbox .box a {
        width: 100%;
        margin-bottom: 10px;
    }

    .newsbox .box a .btn {
        margin-top: 0.2rem;
    }

    .newsbox .box {
        width: 100%;
    }

    .newsbox .box {
        width: 100%s;
    }

    .newsbox .swi {
        position: static;
    }

    .wa-ul li {
        width: 50%;
        padding-top: 0.3rem;
        border-bottom: 1px solid #eee;
        padding: 0.2rem;
    }

    .wa-ul li .tu img {
        max-width: 60%;
        max-height: 60%;
    }

    .water-list .box:nth-child(even) .pic {
        float: none;
    }

    .water-list .ded {
        margin-top: 0.3rem;
    }

    .water-list .pic {
        width: 100%;
        float: none;
    }

    .water .top {
        padding: 0.3rem 0.2rem; text-align:left
    }

    .water-list .font {
        width: 100%;
        position: static;
        transform: none;
        height: auto;
        font-size: 16px;
        padding: 0.2rem;
    }

    .wa-ul li .ti {
        font-size: 0.2rem;
        margin: 0.1rem 0;
    }

    .wa-ul li .tu {
        width: 0.8rem;
        height: 0.8rem;
    }

    .wa-ul {
        margin-bottom: 0.2rem;
    }

    .wa-ul li {
        height: 3.5rem;
    }

    .gu .topde {
        padding: 0.5rem 0.2rem;
    }

    .gu .topde .ti {
        font-size: 0.24rem;
        margin-bottom: 0.1rem;
    }

    .oil .topde {
        padding: 0.2rem;
    }

    .solu .ul li:last-child {
        position: relative;
    }

    .tanhua .de {
        padding: 0 0.2rem; text-align:left
    }

    .fanswi .swiper-slide {
        padding: 0.1rem 0;
    }

    .fanswi .swiper-wrapper {
        padding: 0.2rem 0.1rem;
    }

    .solu .ul {
        width: auto;
        white-space: nowrap;
        overflow-x: auto;
        background-color: transparent;
    }

    .solu .ul li,
    .solu .ul li.act {
        width: 80%;
        margin-right: 10px;
        padding-top: 60%;
    }

    .solu .ul li .top {
        opacity: 1;
    }

    .oil .solu .de {
        padding: 0 0.2rem;
    }

    .oil .list {
        overflow-x: auto;
        white-space: nowrap
    }

    .oil .list .li {
        width: 20%;
    }

    .oil .topde p {
        margin-bottom: 0.1rem;text-align:left
    }

    .pl a .pic {
        width: 100%;
        padding-top: 53%;
    }

    .pl a .font,
    .detail .half.font {
        width: 100%;
        position: static;
        transform: none;
    }

    .pl a {
        margin-bottom: 0.3rem;
    }

    .de-link a {
        margin: 0;
    }

    .detail .half.font .ti {
        font-size: 0.2rem;
    }

    .de-font .top .menua a {
        margin-right: 0.6rem;
    }

    .ga-list .ga-a .big {
        width: 100%;
    }

    .me-box {
        padding: 0.1rem;
    }

    .me-box .box p {
        padding-left: 20px;
    }

    .de-font .tu img {
        max-width: 100%;
    }

    .ne-detail .time {
        margin-bottom: 0.2rem;
    }

    .ne-detail .content {
        padding: 0.2rem;
    }

    .ne-detail .ti {
        font-size: 0.24rem;
    }

    .ne-detail .prev {
        width: 100%;
    }

    .ne-detail .next {
        width: 100%;
        text-align: left;
    }

    .ne-detail .back {
        display: none;
    }

    .ga-list .ga-a {
        margin-bottom: 0.2rem;
    }

    .ga-list .ga-a .font {
        padding: 0.2rem;
    }

    .ga-list .ga-a .font .small {
        display: none;
    }

    .ga-list .ga-a .font .de {
        margin-bottom: 0;
    }

    .ga-list .ga-a .font {
        width: 100%;
    }

    .about .half.font {
        width: 100%;
        padding: 0 0.2rem;
        margin-bottom: 0.2rem;
    }

    .wa-two a .top {
        display: none !important;
    }

    .wa-two .san-list a {
        width: 100%;
        margin-right: 0;
    }

    .link-de a {
        width: 100%;
    }

    .about .half.fo {
        width: 60%;
    }

    .about .half.font .ti {
        font-size: 0.2rem;
    }

    .content2 {
        width: 94%;
    }

    .about .half.font img {
        width: 50%;
    }

    .about-two ul li:after {
        display: none;
    }

    .about-two .content2 .de {
        margin-bottom: 0.3rem;
    }

    .about-two ul {
        text-align: center;
    }

    g .about .half.font .ti {
        font-size: 0.24rem;
    }

    .about-two ul li {
        width: 50%;
        margin-bottom: 0.2rem;
    }

    .about-two .content2 {
        padding: 0;
    }

    .about-two {
        padding-top: 0.4rem;
        padding-bottom: 0.3rem;
    }

    .join-box .top .tit {
        width: 100%;
        border: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .honour .pi-list li {
        width: 25% !important;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        padding-bottom: 38%;
    }
   .honour .pi-list2 li {
        width: 50% !important;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        padding-bottom: 38%;
    }

    .twobox .half {
        width: 100%;
    }

    .honour .box {
        display: block;
        overflow: hidden;
    }

    .honour .ho-num {
        padding: 0.1rem 0;
    }

    .honour .pi-list {
        width: 100%;
        overflow-x: auto;
        margin-right: 0;
        display: block;
        font-size: 16px;
        white-space: nowrap;
    }
  .honour .pi-list2 {
        width: 100%;
        overflow-x: auto;
        margin-right: 0;
        display: block;
        font-size: 16px;
        white-space: nowrap;
    }
    .honour .font {
        width: 100%;
        margin-top: 20px;
    }

    .san-list a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.2rem;
    }

    .cul ul li .pic img {
        max-width: 40%;
    }

    .cul ul li p {
        margin-top: 0.15rem;
        font-size: 0.2rem;
    }

    .banner123 .cul-font .de {
        display: none;
    }

    .cul ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 0.1rem;
        padding: 0.3rem 0;
    }

    .cul ul li:nth-child(2n) {
        margin-right: 0;
    }

    .banner123 .cul-font {
        width: 100%;
    }

    .banner123 .cul-font .ti {
        /* max-width: 80%; */
    }

    .join-box .top .de span {
        width: auto;
        margin-right: 5px;
    }

    .join-box .twobox {
        padding: 0.2rem;
    }

    .join-box .half {
        width: 100%;
        padding-right: 0;
    }

    .join-box .top .de {
        width: 100%;
    }

    .join-box .btn {
        display: none;
    }

    .footer .content .foo-three {
        float: none;
        width: 100%;
        text-align: center;
    }

    .map .box .font {
        position: static;
        transform: none;
        width: 100%;
        padding: 0.2rem;
        text-align: center;
    }

    .nei.title {
        margin: 0.4rem 0;
    }

    .map {
        margin-top: 0.1rem;
    }

    .map-box {
        height: 4.3rem;
    }

    .contact .top a {
        margin-right: 1rem;
    }

    .map .box .aa {
        width: 100%;
    }

    .footer .de p {
        text-align: center;
    }

    .footer .content .foo-three img {
        width: 100px;
    }

    .footer .content .foo-one {
        width: 100%;
        margin-bottom: 0.3rem;
        text-align: center;
    }

    .per ul li {
        width: 100%;
        padding: 0.3rem 0.2rem;
        margin-right: 0;
    }

    .content {
        width: 94%;
        margin: 0 auto;
    }

    .per ul li .ti {
        font-size: 0.2rem;
    }

    .banner123 .menu .right {
        display: none;
    }

    .banner123 {
        height: 250px;
        padding: 0;
        background-size: cover;
    }

    .banner123 .menu {
        text-align: center;
    }

    .banner123 .menu a {
        margin: 0 10px;
    }

    .nei.title {
        font-size: 0.3rem;
    }

    .banner123 .menu .link {
        display: block;
    }

    .per ul li {
        height: auto;
    }
   .wel-two .pic .box {
        width: 49%;
        margin-right: 2%;
    }

    .wel-two .pic .box:nth-child(even) {
        width: 49%;
        margin-right: 0%;
    }

    .wel-two .pic .box .zi {
        position: static;
        width: 100%;
    }

    .wel-two .pic .box .img {
        padding-top: 76%;
    }

    .wel-two .pic .box .zi {

        padding: 0.1rem 0.2rem;
    }
    .wel-two .pic .box{
        margin-bottom: 0.2rem;
    }
    .wel-two {

        padding: 0 0.2rem;
        padding-top: 1.8rem;
    }

    .wel-two .pic .box {
        height: auto;
    }
  .wel-two .pic .box .zi{
 			font-size: 0.2rem;
  }
   .wel-two .t2{
        display: block;
      margin-top: 0;
        font-size: 0.35rem;
    }

}
.solu .aos-init li {
    position: relative;
}

.solu .aos-init > li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

/* .solu .ul li:nth-child(1)::before {
    border-left: 18px solid rgba(0, 0, 0, 0.05);
} */

.solu .ul li:nth-child(2)::before {
    border-left: 18px solid #59c9d2;
}

.solu .ul li:nth-child(3)::before {
    border-left: 18px solid #2bbdc9;
}

.solu .ul li:nth-child(4)::before {
    border-left: 18px solid #0bb2c0;
}

.solu .ul li:nth-child(5)::before {
    border-left: 18px solid #00a2b0;
}
@media screen and (max-width: 750px) {
  .wel-news a .time .right{
  background-size: auto 5px;
    padding-right: 21px;
  }
  .wel-news a .time {
        margin-top: 0.2rem;
    }
  .wel-two .half .con .link a img {
    width: 20px;
    top: -2px;
}
  .wel-three .title {
    margin-top: 0.2rem;
}
    .wel-two .pic .box .img {
        display: none;
    }

    .wel-two {
        padding-top: 0;
    }
    .wel-two .half .con .link a{
        width: 100%;
    }
    .wel-two .pic .box,
    .wel-two .pic .box:nth-child(even) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.05rem;
    }

    .wel-two .half {
        width: 100%;
    }

    .wel-two .half.zizi{
        height:5rem;
    }
    .wel-two .half .con{
        transform: none;
        padding: 0;
        margin-top: 0.1rem;
    }
    .wel-two .half .con.act{
        top: 0;
    }
   .wel-two .half .con .link a{
        line-height: 1.8;
    }
 .wel-two .half .con .link {
    margin-bottom: 0.35rem;
}
  .wel-two .zizi .title{
        margin:0;
    font-size:18px;margin-bottom: 10px;
    }
    .wel-two .half:nth-child(2) {
        display: block;
    }

    .wel-two {
        height: auto;
    }
}