@charset "utf-8";

/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}


/*清除内外边距*/

a:focus {
    -moz-outline-style: none;
}


/*IE不支持*/

a:focus {
    outline: none;
}


/*很多网站都会加的属性*/

body,
button,
input,
select,
textarea {
    /*for ie*/
    /*font:12px/1 Tahoma,Helvetica,Arial,"宋体",sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    /*用 ascii 字符表示，使得在任何编码下都无问题*/
}


/*设置默认字体*/

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


/*将斜体扶正*/

code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace;
}


/*统一等宽字体*/

small {
    font-size: 12px;
}


/*小于 12px 的中文很难阅读，让 small 正常化*/

ul,
ol {
    list-style: none;
}


/*重置列表元素*/

a {
    text-decoration: none;
}


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

abbr[title],
acronym[title] {
    /*注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果*/
    border-bottom: 1px dotted;
    cursor: help;
}

q:before,
q:after {
    content: "";
}


/*重置表单元素*/

legend {
    color: #000;
}


/*for ie6*/

fieldset,
img {
    border: none;
}


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


/*注：optgroup 无法扶正*/

button,
input,
select,
textarea {
    font-size: 100%;
    /*使得表单元素在 ie 下能继承字体大小*/
}

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


/*重置表格元素*/

hr {
    border: none;
    height: 1px;
}


/*重置 hr*/

html {
    overflow-y: scroll;
}

i {
    font-style: normal;
}


/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/


/*清除float BEGIN*/

body {
    background: #fff;
    font-family: 微软雅黑;
     min-width: 1360px;
   
}


/*清除float END*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    background: #ffffff;
    line-height: normal;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

em {
    font-style: normal;
}

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

input,
select,
textarea {
    outline: none;
    border: none;
}

img {
    border: none;
}

.cle {
    clear: both;
}
.ellipsis_d {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.header {
    width: 100%;
    height: 78px;
    line-height: 78px;
}

.childheader {
    width: 72.92%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.childheader .logo {
    float: left;
    display: block;
    height: 100%;
}

.childheader .logo img {
    line-height: 78px;
    vertical-align: middle;
}

.childheader .nav {
    width: 70.14%;
    height: 100%;
    float: left;
    margin-left: 10.43%;
}

.childheader .search {
    position: relative;
    float: right;
    width: 3%;
    cursor: pointer;
}

.childheader .search img {
    vertical-align: middle;
}

.nav>li {
    float: left;
    width: 98px;
    margin-right: 0.6%;
    position: relative;
}

.nomargin {
    margin-right: 0 !important;
}

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

.nav>li>a {
    color: #323232;
    font-size: 16px;
    display: block;
    text-align: center;
}


/* .search {
  margin-top: 32px;
} */

.on {
    /* background-color: #54b19d;
    color: #fff; */
    background: url(../img/greenline.jpg) center bottom no-repeat;
    background-size: 36px 3px;
}


/* .nav>li.on>a {
    color: #fff;
} */

.swiper-container {
    position: relative;
}

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

.swiper-container .swiper-button-prev1 {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    left: 190px;
    cursor: pointer;
    opacity: 0;
}

.swiper-container .swiper-button-next1 {
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    right: 190px;
    cursor: pointer;
    opacity: 0;
}

.swiper-container:hover .swiper-button-prev1,
.swiper-container:hover .swiper-button-next1 {
    opacity: 1;
}


/* .firstitem,
.lastitem {
  width: 20.71%;
  float: left;
} */

.middleitem {
    width: 57.71% !important;
    float: left !important;
    margin: 0 5px;
}

.dustry {
    position: relative;
    /* width: 72.92%; */
    width: 84%;
    margin: 0 auto;
}
.dustry  .cyyjt,
.dustry  .cyzjt{
    position: absolute;
    bottom:0;
    cursor: pointer;
    outline: none;
}
.dustry  .cyzjt{
    left: 0;
    height: 500px;
    width: 20px;
    background: url(../img/left211.png) no-repeat center;
}
.dustry .cyzjt:hover{
    background: url('../img/left1.png') no-repeat center;
}
.dustry .cyyjt{
    left: 97%;
    height: 500px;
    width: 20px;
    background: url(../img/right211.png) no-repeat center;
}
.dustry .cyyjt:hover{
    background: url('../img/right111111.png') no-repeat center;
}
.dustry>h3 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-top: 86px;
    color: #276d99;
}

.dustry>h4 {
    color: #7f7f7f;
    font-size: 18px;
    text-align: center;
    margin-top: 14px;
    display: none;
}

.dustry ul {
    height: 100%;
}
.dustry .swiper-container90{
    width: 90%;
    margin:48px auto 0 auto;
}
.swiper-container90 {
    overflow: hidden;
    height: 500px;
    /* margin-top: 48px; */
}

.swiper-container90 li a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}
.swiper-container90 li a .tc{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background: rgba(0,0,0,.3);
}
.swiper-container90 li {
    position: relative;
    /* width: 20.71%; */
    width: 100%;
    height: 100%;
    float: left;
    transition: all 0.4s linear;
}
.swiper-container90 li.middleitem{
  width: 100% !important;
}
/* .swiper-container90 li:hover h3,
.swiper-container90 li:hover span,
.swiper-container90 li:hover p {
    opacity: 0.7;
} */
.swiper-container90 li a>img{
    transition: all .5s;
}
.swiper-container90 li:hover a>img{
    transform: scale(1.2);
}
.swiper-container90 li:hover p{
   
    display: -webkit-box;
}
.swiper-container90 li:hover .inner1{
    width: 76%;
}
.dustry li .swiper-container90 p{
    display: none;
}
 .swiper-container90 li p {
    /* width: 725px; */
    width: 100%;
    line-height: 30px;
    transition: all .5s;
    color:#fff;
    font-size: 16px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 120px;
    width: 100%;
}

.inner1 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
}

.inner1 img {
    display: block;
    margin: 0 auto;
}

.inner1 p,
.inner1 span {
    display: none;
}

.inner1 h3 {
    margin-top: 14px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.middleitem {}

.swiper-container90 li a>img {
    width: 100%;
    height: 100%;
    display: block;
}

/* .middleitem .inner1 {
    width: 100%;
    bottom: 48px !important;
    padding: 0 38px;
    box-sizing: border-box;
    top: auto;
    left: auto;
    transform: none;
}

.middleitem .inner1 img {
    display: none;
}

.middleitem .inner1 span {
    display: block;
}

.middleitem .inner1 p {
    display: block;
}

.middleitem .inner1 div {
    overflow: hidden;
    line-height: 37px;
}

.middleitem .inner1 div h3 {
    float: left;
    margin-top: 0;
}

.middleitem .inner1 div span {
    float: right;
    color: #fff;
    font-size: 16px;
}

.middleitem .inner1 P {
    color: #ffffff;
    font-size: 18px;
    line-height: 32px;
    margin-top: 14px;
} */

.myactive {
    width: 72.92%;
    margin: 0 auto;
}

.myactive>h3 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin-top: 86px;
    color: #276d99;
}

.myactive>h4 {
    color: #7f7f7f;
    font-size: 18px;
    text-align: center;
    margin-top: 14px;
}

.myactiveinner>div {
    width: 37.71%;
    float: left;
}

.myactiveinner>ul {
    width: 55%;
    float: right;
}

.myactiveinner {
    overflow: hidden;
    margin-top: 58px;
}

.myactiveinner>div {
    padding: 52px 66px 28px 66px;
    background: #f8f8f8;
    box-sizing: border-box;
    min-height: 550px;
}

.myactiveinner>div h4 {
    color: #9f9f9f;
    font-size: 24px;
}

.myactiveinner>div h5 {
    color: #323232;
    font-size: 16px;
    margin-top: 44px;
}

.myactiveinner>div p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    padding-left: 30px;
    border-left: 1px solid #d3d3d3;
    margin-top: 26px;
    height: 48px;
    margin-bottom: 50px;
}

.myactiveinner>div img {
    width: 389px;
    height: 161px;
    transition: all 1s ease;
}

.myactiveinner>div .m1 {
    width: 389px;
    height: 161px;
    overflow: hidden;
}

.myactiveinner>div .m1 img:hover {
    transform: scale(1.2);
}

.myactiveinner>div button {
    border: none;
    width: 140px;
    height: 36px;
    border: 1px solid #cacaca;
    /* background: url(../img/ab.jpg) center center no-repeat;
  background-size: 100% 100%; */
    color: #fff;
    font-size: 28px;
    margin-top: 44px;
    cursor: pointer;
    background: #fff;
    color: #cacaca;
}

.myactiveinner>div button:hover {
    background: url(../img/ab.jpg) center center no-repeat;
    background-size: 100% 100%;
    border: 1px solid transparent;
    color: #fff;
}

.myactiveinner>ul li {
    width: 99.4%;
    padding-top: 44px;
    padding-bottom: 48px;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    background: url(../img/seled.png) 96.9% 110px no-repeat;
    padding-left: 12px;
    padding-right: 34px;
    box-sizing: border-box;
    height: 182px;
}

.myactiveinner>ul li:hover {
    box-shadow: 0 0 12px 6px #f7f7f7;
    /* border: none; */
}

.myactiveinner>ul li a h3 {
    color: #525252;
    font-size: 16px;
    padding-left: 22px;
    background: url(../img/point.png) left center no-repeat;
    background-size: 6px 6px;
    font-weight: bold;
}

.myactiveinner>ul li h3 span {
    color: #9f9f9f;
    font-size: 24px;
    float: right;
}

.myactiveinner>ul li p {
    width: 90.81%;
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px;
    padding-left: 24px;
    box-sizing: border-box;
    text-align: justify;
}

.myactiveinner>ul li:hover h3 {
    color: #2d8d77;
}

.aboutcontrollinginterest {
    height: 266px;
    background: url('../img/xj-bj222.jpg') repeat-x;
    /* background: url(../img/aboutbg.jpg) center center no-repeat;
    background-size: 100% 100%; */
    margin-top: 90px;
    text-align: center;
    padding-top: 1px;
    overflow: hidden;
    /* background-color: #05608d; */
}

.aboutcontrollinginterest h3 {
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
    margin-top: 64px;
}

.aboutcontrollinginterest h4 {
    color: #94c6dd;
    font-size: 28px;
    font-family: DINCond;
    margin-top: 10px;
    margin-bottom: 10px;
}

.aboutcontrollinginterest div span {
    color: #94c6dd;
    font-size: 18px;
    font-family: SourceHanSansSC;
    margin-right: 20px;
}

.childrenfooter1 {
    height: 310px;
    background: url(../img/rainbow.png) 256px -204px no-repeat;
}

.foot1 {
    width: 72.92%;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
}

.footertotal {
    width: 80%;
    margin:50px auto 0 auto;
    overflow: hidden;
    /* float: left; */
    /* padding-left: 30px; */
    box-sizing: border-box;
    text-align: center;
}

.footertotal>div {
    float: left;
}

.footertotal>div:last-child {
    text-align: left;
}

.footertotal>div {
    margin-right: 6.71%;
}

.footertotal>div h3 a {
    color: #286e99;
    font-size: 16px;
    font-weight: bold;
}

.footertotal>div h3:hover a {
    opacity: 0.7;
}

.footertotal>div ul {
    margin-top: 24px;
}

.footertotal>div ul li {
    margin-bottom: 18px;
    text-align: left;
}

.footertotal>div:last-child ul li:hover a {
    color: #616161;
}

.footertotal>div ul li a {
    color: #616161;
    font-size: 14px;
}

.gzwm {
    display: none;
    width: 17%;
    height: 232px;
    float: LEFT;
    border-left: 1px solid #cdcdcd;
    /* padding-left: 48px; */
    margin-top: 50px;
    text-align: center;
    box-sizing: border-box;
    margin-left: 1%;
}

.gzwm h3 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.gzwm div {
    margin-top: 30px;
}

.gzwm div img {
    width: 35px;
    height: 35px;
    margin-right: 12px;
    cursor: pointer;
}

.gzwm div img:last-child {
    margin-right: 0;
}

.gzwm>img {
    margin-top: 22px;
}

.childrenfooter2 {
    height: 54px;
    line-height: 54px;
    background: #eeeeee;
}

.foot2 {
    /* width: 72.92%; */
    width: 59%;
    height: 100%;
    margin: 0 auto;
}

.friendly>a>div {
    width: 54px;
    height: 54px;
    background: #e4e4e4 url(../img/xialajiantou.png) center center no-repeat;
    background-size: 13px 8px;
}

.footer21 {
    float: left;
    
    margin:0 auto;
}

.footer22 {
    /* width: 19.14%; */
    width: 21.14%;
    float: right;
}
.zyfoot .footer21{
    float: inherit;
    margin:0 auto;
    text-align: center;
}
.footer21 a {
    color: #8e8e8e;
    font-size: 14px;
    margin-right: 8px;
}

.footer21 a img {
    vertical-align: middle;
}

.ga {
    padding-left: 26px;
    background: url(../img/police.png) left center no-repeat;
    background-size: 15px 16px;
}

.friendly {
    width: 100%;
    position: relative;
}

.friendly>a {
    color: #999999;
    font-size: 14px;
}

.friendly>a>div {
    float: right;
}

.friendly:hover>a>div {
    transform: rotateZ(180deg);
}

.afriendly {
    width: 100%;
    display: none;
}

.friendly:hover .afriendly {
    display: block;
    position: absolute;
    bottom: 54px;
    background: #eeeeee;
    max-height: 120px;
    overflow: auto;
}

.friendly:hover ul::-webkit-scrollbar {
    width: 4px;
    background: #e4e4e4;
}

.friendly:hover ul::-webkit-scrollbar-thumb {
    background: #eeeeee;
}

.friendly ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 8px !important;
}

.friendly ul li a {
    color: #999999;
    font-size: 14px;
}

.footer a:hover {
    color: #286e99;
}
 
@media screen and (max-width: 1790px) {
    .nav li {
        margin-right: 0;
    }
}

/* @media screen and (max-width: 1826px) {
   
    .footertotal>div {
        margin-right: 0;
    }
} */

@media screen and (max-width: 1680px) {
    /* .footertotal {
    width: auto;
  } */
    .footertotal>div {
        margin-right: 3.71%;
    }
    .footertotal{
        width: 70%;
    }
}

@media screen and (max-width: 1555px) {
    /* .footertotal {
    width: auto;
  } */
    .footertotal>div {
        margin-right: 2.71%;
    }
}

@media screen and (max-width: 1448px) {
    /* .footertotal {
    width: auto;
  } */
    .footertotal>div {
        margin-right: 1.71%;
    }
}

@media screen and (max-width: 1717px) {
    .nav li {
        margin-right: 0%;
    }
     
    .childheader .nav {
        margin-left: 5%;
    }
}

@media screen and (max-width:1680px) {
    /* .footertotal {
    width: auto;
  } */
    .footer22 {
        width: 25%;
    }
}

@media screen and (max-width: 1623px) {
    /* .footertotal {
    width: auto;
  } */
    .footer22 {
        width: 21.14%;
    }
}

@media screen and (max-width: 1547px) {
    /* .footertotal {
    width: auto;
  } */
    .footer22 {
        width: 22.14%;
    }
}

@media screen and (max-width: 1477px) {
    /* .footertotal {
    width: auto;
  } */
    .footer22 {
        width: 23.14%;
    }
}



@media screen and (max-width: 1559px) {
    .nav li {
        margin-right: 3%;
    }
    .childheader .nav {
        margin-left: 7.43%;
    }
}

@media screen and (max-width: 1490px) {
    .nav li {
        margin-right: 3%;
    }
    .childheader .nav {
        margin-left: 6.43%;
    }
}

@media screen and (max-width: 1427px) {
    .nav li {
        margin-right: 5.2%;
    }
    .childheader .nav {
        margin-left: 5.43%;
    }
}

@media screen and (max-width: 1426px) {
    body {
        min-width: auto;
    }
    .childheader {
        width: 98%;
    }
    .dustry {
        width: 98%;
    }
    .myactive {
        width: 98%;
    }
    /* .aboutcontrollinginterest {
        width: 98%;
    } */
    .foot1 {
        width: 98%;
    }
    .foot2 {
        width: 98%;
    }
}

.swiper-container .swiper-slide img {
    display: block;
    width: 100%;
}

.footertotal>div:last-child {
    margin-right: 0 !important;
}

.childbanner img {
    width: 100%;
}

.moudle1 {
    margin-top: 88px;
    background: url(../img/bg.png) 306px -46px no-repeat;
    padding-bottom: 98px;
    border-bottom: 1px solid #f6f6f6;
}

.aboutmoudle1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.aboutmoudle11 {
    width: 716px;
    float: left;
}

.aboutmoudle11>img {
    width: 100%;
    height: 498px;
    border-radius: 0 20px 0 20px;
}

.aboutmoudle12 {
    width: 536px;
    height: 374px;
    float: left;
    margin-left: -52px;
    background: #fff;
    padding: 48px 42px 48px 56px;
    box-sizing: border-box;
    margin-top: 142px;
    border-radius: 0 20px 0 20px;
}

.aboutmoudle12 h3 {
    color: #333333;
    font-size: 30px;
}

.aboutmoudle12:hover h3,
.aboutmoudle12:hover h4,
.aboutmoudle12:hover h5,
.aboutmoudle12:hover p {
    color: #2d8d77;
}

.aboutmoudle12 h4 {
    color: #000;
    font-size: 33px;
    font-weight: bold;
    /* margin-top: 8px; */
}

.aboutmoudle12 h5 {
    color: #333333;
    font-size: 20px;
    margin-top: 20px;
}

.aboutmoudle12 P {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
}

.aboutmoudle12 img {
    margin-top: 26px;
}

.aboutmoudle11 ul {
    overflow: hidden;
    margin-top: 38px;
}

.aboutmoudle11 ul li {
    float: left;
    width: 33.3333%;
}


/* .aboutmoudle11 ul li:last-child h3 {
  color: #258972;
} */

.aboutmoudle11 ul li:nth-child(2) {
    border-left: 1px dashed #cbcbcb;
    border-right: 1px dashed #cbcbcb;
    box-sizing: border-box;
}

.aboutmoudle11 ul li img {
    display: block;
    margin: 0 auto;
    height: 40px;
}

.aboutmoudle11 ul li img:nth-child(2) {
    display: none;
}

.aboutmoudle11 ul li:hover img:nth-child(2) {
    display: block;
}

.aboutmoudle11 ul li:hover img:nth-child(1) {
    display: none;
}

.aboutmoudle11 ul li:hover h3 {
    color: #258972;
}

.aboutmoudle11 ul li h3 {
    margin-top: 10px;
    color: #333333;
    font-size: 16px;
    text-align: center;
}

.swiper-container0 {
    margin: 60px auto 0;
    overflow: hidden;
    position: relative;
    height: 400px;
}

.swiper-container0 .swiper-slide img {
    width: 100%;
    height: 268px;
}

.swiper-container0 .swiper-slide h3 {
    color: #525252;
    font-size: 16px;
    margin-top: 18px;
    font-weight: bold;
}

.swiper-container0 .swiper-slide:hover h3 {
    color: #2d8d77;
}

.moudle2 {
    width: 99%;
    margin: 94px auto 0;
}

.moudle2 h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
}

.moudle2 h4 {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}

.swiper-pagination {
    height: 38px;
    width: auto !important;
    display: inline-block;
    bottom: 0 !important;
    padding: 0px 24px;
    background: #fbfbfb;
    border-radius: 24px;
    text-align: center;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.swiper-pagination-bullet {
    margin: 10px 4px 0 4px !important;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    /* background: #b1b1b1; */
    opacity: 1 !important;
    background: none !important;
    /* background: url(../img/GRH.png) center center no-repeat !important; */
    border:1px solid #308e77;
    /* background: #308e77; */
}

.swiper-pagination-bullet-active {
    width: 18px !important;
    height: 18px !important;
    background: url(../img/GR.png) center center no-repeat !important;
    width: 100%;
    height: 100%;
    border:none;
}

.slide1 {
    padding-right: 42px;
    background: url(../img/blackline.png) right center no-repeat;
    float: left;
}

.slide2 {
    width: 606px;
    float: left;
    margin-left: 50px;
    overflow: hidden;
}

.slide1 h3 {
    color: #238770;
    font-size: 88px;
    float: left;
}

.slide1 h4 {
    width: 120px;
    color: #323232;
    font-size: 30px;
    float: left;
    margin-top: 28px;
}

.slide1 h4 span {
    color: #333;
    font-size: 20px;
    display: block;
    margin-top: -1px;
}

.slide1 h4 i {
    margin-left: 28px;
}

.moudle3 {
    width: 1234px;
    margin: 64px auto 0;
    position: relative;
    padding-bottom: 72px;
}
.swiper-button-prev,
.swiper-button-next{
    outline: none;
}
.moudle3 .swiper-button-prev1 {
    width: 16px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 220px;
    background: url(../img/left211.png) no-repeat;
    cursor: pointer;
    outline: none;
}

.moudle3 .swiper-button-prev1:hover {
    background: url(../img/left1.png) no-repeat;
}

.moudle3 .swiper-button-next1 {
    width: 16px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 220px;
    background: url(../img/right211.png) no-repeat;
    cursor: pointer;
    outline: none;
}

.moudle3 .swiper-button-next1:hover {
    background: url(../img/right111111.png) no-repeat;
}

.slide1 P {
    color: #756f61;
    font-size: 16px;
    margin-top: 14px;
}

.slide1>div {
    overflow: hidden;
}

.introswiper {
    width: 1028px;
    overflow: hidden;
    margin: 83px auto 0;
    position: relative;
}

.introswiper:hover h5 {
    color: #238770;
}

.introswiper .swiper-slide {
    overflow: hidden;
}

.introswiper .swiper-button-prev1 {
    width: 16px;
    height: 28px;
    background: url(../img/left1.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%);
}

.introswiper .swiper-button-prev1:hover {
    background: url(../img/left2.png) center center no-repeat;
    background-size: 100% 100%;
}

.introswiper .swiper-button-next1 {
    width: 16px;
    height: 28px;
    background: url(../img/right1.png) center center no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 50%;
    transform: translateX(-50%);
}

.introswiper .swiper-button-next1:hover {
    background: url(../img/right2.png) center center no-repeat;
    background-size: 100% 100%;
}

.slide2 img {
    width: 200px;
    height: 142px;
    float: left;
}

.slide2 div {
    width: 382px;
    float: left;
    margin-left: 22px;
}

.slide2 h5 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
}

.slide2 p {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
}

.moudle3>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
}

.moudle3>h4 {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
}

.timeaxios {
    width: 1098px;
    height: 24px;
    margin: 40px auto 0;
    background: url(../img/timeaxios.png) center top no-repeat;
    background-size: 100% auto;
}

.axios {
    width: 1204px;
    margin: -13px auto 0;
    overflow: hidden;
    box-sizing: border-box;
}

.axios .swiper-slide {
    color: #615848;
    font-size: 24px;
    padding-left: 24px;
    box-sizing: border-box;
}

.childheader1 .childheader2 {
    height: 110px;
    line-height: 110px;
    border-bottom: 2px solid #236a96;
}

.childheader4 {
    width: 72.92%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.childheader4>a {
    display: block;
    height: 100%;
    float: left;
}

.childheader4>a img {
    vertical-align: middle;
}

.childheader4>ul {
    float: right;
    overflow: hidden;
}

.childheader4>ul li {
    float: left;
    margin-right: 28px;
}

.childheader4>ul li:hover a {
    color: #2f9f86;
}

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

.childheader4>ul li:last-child a {
    padding-right: 0;
    background: none;
}

.childheader4>ul li a {
    color: #000000;
    font-size: 18px;
    padding-right: 32px;
    background: url(../img/dashed.png) right center no-repeat;
    background-size: 1px 16px;
}

.childheader3 {
    position: relative;
    height: 92px;
    line-height: 92px;
    /* display: none; */
    background: #fff;
    /* border-top: 2px solid #236a96; */
    /* border-top: 1px solid #236a96; */
}

.childheader3::after {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    background-color: #236a96;
    content: "";
}

.childheader5 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
}

.childheader5 ul {
    overflow: hidden;
    float: left;
}

.childheader5 .bread {
    float: right;
}

.childheader5 ul li {
    float: left;
    margin-right: 64px;
}

.childheader5 ul li:hover a {
    color: #2f9f86;
}

.childheader5 ul li a {
    color: #535353;
    font-size: 16px;
}

.childheader5 .bread img {
    vertical-align: middle;
    line-height: 92px;
    margin-top: -4px;
}

.childheader5 .bread a {
    color: #535353;
    font-size: 14px;
}

.childheader5 .bread span {
    color: #535353;
    font-size: 14px;
}

.childheader5 .bread a:hover {
    color: #2f9f86;
}

.childfooter1 {
    width: 100%;
    height: 192px;
    background: url(../img/childfooter.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.childfooter2 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.mes {
    width: 286px;
    float: left;
    margin-top: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #2c7db0;
}

.foota {
    float: left;
    margin-left: 24px;
    margin-top: 46px;
}

.foota a {
    color: #ffffff;
    font-size: 14px;
    padding-right: 18px;
    border-right: 1px solid #448ebc;
    margin-right: 18px;
}

.foota a:last-child {
    margin-right: 0;
    border: none;
}

.erweima {
    width: 89px;
    height: 89px;
    float: right;
    margin-top: 32px;
}

.erweima img {
    width: 100%;
    height: 100%;
}

.mes p:first-child {
    color: #ffffff;
    font-size: 33px;
    padding-left: 42px;
    background: url(../img/phone.png) left center no-repeat;
    background-size: 30px 30px;
    font-family: AFKlampenborg;
}

.mes p:nth-child(2) {
    color: #ffffff;
    font-size: 13px;
    margin-top: 14px;
}

.childfooter3 {
    width: 1200px;
    margin: 0 auto;
}

.speech>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 50px;
}

.speech>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.speechinner {
    margin-top: 46px;
    overflow: hidden;
}

.speecharticle {
    width: 818px;
    float: left;
    padding-bottom: 68px;
    position: relative;
}

.speecharticle .qm {
    position: absolute;
    right: 0;
    bottom: 0;
}

.speechimg {
    width: 324px;
    float: right;
}

.speechimg img {
    width: 100%;
}

.speecharticle p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: justify;
    margin-top: 0;
}

.speecharticle p:last-child {
    width: 742px;
    margin-bottom: 0;
}

.main {
    width: 1200px;
    min-height: 480px !important;
    overflow: hidden;
    margin: 0 auto;
}

.setup {
    text-align: center;
}

.setup>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 50px;
}

.setup>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.setup img {
    max-width: 100%;
    margin-top: 54px;
}

.introduce ul {
    margin-top: 74px;
    overflow: hidden;
    text-align: center;
}

.introduce ul li {
    display: inline-block;
    width: 62px;
    height: 62px;
    /* margin-right: 75px; */
    /* cursor: pointer; */
}

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

.introduce>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 34px;
}

.introduce>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}

.introduce ul li:first-child {
    background: url(../img/A11.png) center center no-repeat;
    background-size: 100% 100%;
}
.introduce ul li:nth-child(n+2){
    display: none;
}

/* .introduce ul li:nth-child(2) {
    background: url(../img/A21.png) center center no-repeat;
    background-size: 100% 100%;
}

.introduce ul li:nth-child(3) {
    background: url(../img/A31.png) center center no-repeat;
    background-size: 100% 100%;
}

.introduce ul li:nth-child(4) {
    background: url(../img/A41.png) center center no-repeat;
    background-size: 100% 100%;
} */

/* .introduce ul li:first-child:hover {
    background: url(../img/A1.png) center center no-repeat;
    background-size: 100% 100%;
} */

/* .introduce ul li:nth-child(2):hover {
    background: url(../img/A2.png) center center no-repeat;
    background-size: 100% 100%;
}

.introduce ul li:nth-child(3):hover {
    background: url(../img/A3.png) center center no-repeat;
    background-size: 100% 100%;
}

.introduce ul li:nth-child(4):hover {
    background: url(../img/A4.png) center center no-repeat;
    background-size: 100% 100%;
} */

.allintroduceitem {
    margin-top: 74px;
}

.allintroduceitem>P {
    color: #323232;
    font-size: 22px;
    margin-bottom: 24px;
    text-align: center;
}

.allintroduceitem>P span {
    color: #308e77;
    font-weight: bold;
}

.allintroduceitem .botjiantou {
    display: block;
    margin: 44px auto 24px;
}

.smallmoudleintrpduce {
    width: 1200px;
    height: 370px;
    background: #fff;
    overflow: hidden;
    padding: 26px 46px 42px 42px;
    box-sizing: border-box;
    position: relative;
    z-index: 99999;
}

.smallmoudleintrpduce::-webkit-scrollbar {
    width: 4px;
}

.smallmoudleintrpduce img {
    width: 444px;
    height: 308px;
    float: left;
}

.smallmoudleintrpduce div {
    width: 624px;
    height: 306px;
    float: right;
    overflow-y: auto;
}

.smallmoudleintrpduce div::-webkit-scrollbar {
    width: 4px;
}

.smallmoudleintrpduce div P {
    color: #323232;
    font-size: 14px;
    line-height: 30px;
}

.sea {
    display: block;
    width: 100%;
    height: 288px;
    margin-top: -220px;
}

.page {
    text-align: center;
    font-size: 0;
}

.page .gopage {
    display: inline-block;
}

.page a {
    width: 27px;
    height: 27px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 27px;
    color: #666666;
    font-size: 14px;
    margin-right: 1px;
}

.page a[href]:hover,
.page a.on1 {
    color: #fff !important;
    background: #2f9f86;
    border: 1px solid transparent;
}

.news>h3 {
    color: #323232;
    font-size: 26px;
    margin-top: 42px;
    text-align: center;
}

.news>p {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.haveimgitem {
    margin-top: 40px;
    overflow: hidden;
    min-height: 422px;
}

.haveimgitem li {
    width: 358px;
    float: left;
    margin-right: 56px;
}

.haveimgitem li:hover h3 {
    color: #308e77;
}

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

.haveimgitem li img {
    width: 358px;
    height: 200px;
    display: block;
}

.haveimgitem li h3 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin-top: 38px;
}

.haveimgitem li p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    margin-top: 24px;
    min-height: 50px;
}

.haveimgitem li h4 {
    margin-top: 18px;
    overflow: hidden;
}

.haveimgitem li h4 div i {
    color: #308e77;
    font-size: 28px;
    font-weight: bold;
}

.haveimgitem li h4 div {
    float: left;
}

.haveimgitem li h4 div span {
    color: #999999;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.haveimgitem li h4 img {
    width: 35px;
    height: 35px;
    float: right;
    margin-top: 12px;
}

.noimglist {
    margin-top: 52px;
}

.noimglist li {
    width: 1190px;
    /* margin: 0 auto; */
    height: 190px;
    box-shadow: 4px 4px 6px 1px #f4f4f4;
    padding: 68px 44px 40px 44px;
    box-sizing: border-box;
}

.noimglist li:hover h3 {
    color: #308e77;
}

.noimglist li div:nth-child(1) {
    overflow: hidden;
}

.noimglist li h3 {
    float: left;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}

.noimglist li span {
    color: #9f9f9f;
    font-size: 24px;
    float: right;
}

.noimglist li div:nth-child(2) {
    overflow: hidden;
    margin-top: 14px;
}

.noimglist li div:nth-child(2) p {
    width: 1012px;
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    float: left;
}

.noimglist li div:nth-child(2) img {
    float: right;
}

.newsarticle h5 {
    color: #999999;
    font-size: 18px;
    margin-top: 38px;
}

.newsarticle h3 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    margin-top: 18px;
}

.changefontsize {
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.changefontsize span {
    /* display: none; */
    color: #666666;
    font-size: 14px;
    margin-right: 18px;
}

.changefontsize div {
    float: left;
    padding-bottom: 30px;
    border-bottom: 3px solid #308e77;
    box-sizing: border-box;
}

.changefontsize div a:hover {
    color: #308e77;
}

.changefontsize div a {
    color: #999999;
    font-size: 18px;
    margin-right: 14px;
}

.changefontsize>a {
    float: right;
}
.changefontsize>a:hover img{
opacity: .7;
}
.changefontsize>a img {
    width: 33px;
    height: 33px;
}

.article p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
}

.article {
    padding-top: 52px;
}

.article img {
    max-width: 100%;
    display: block;
    margin:0 auto;
    /* margin: 60px auto 60px; */
}

.changepage {
    padding: 38px 0;
    border-top: 1px dashed #dadada;
    border-bottom: 1px dashed #dadada;
    text-align: center;
    margin-top: 82px;
}

.changepage a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 48%;
    display: inline-block;
    color: #666666;
    font-size: 14px;
}

.changepage a[href]:hover {
    color: #308e77;
}

.changepage a[href]:hover button {
    border: 1px solid #308e77;
    color: #308e77;
    cursor: pointer;
}

.changepage a:first-child {
    text-align: right;
}

.changepage a:last-child {
    text-align: left;
}

.changepage button {
    width: 97px;
    height: 37px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    color: #666666;
    font-size: 14px;
    background: transparent;
    margin: 0 12px;
}

.jylist {
    margin-top: 56px;
    overflow: hidden;
}

.jylist li {
    width: 552px;
    padding-left: 24px;
    background: url(../img/tip.png) left center no-repeat;
    background-size: 10px 10px;
    margin-bottom: 18px;
    box-sizing: border-box;
}

.jylist li:hover {
    background: url(../img/seledtip.png) left center no-repeat;
    background-size: 10px 10px;
}

.jylist li:hover a {
    color: #36917b;
}

.jylist li a {
    color: #333333;
    font-size: 14px;
}

.jylist li a span {
    color: #999999;
    font-size: 14px;
    float: right;
}

.jylist li:nth-child(odd) {
    float: left;
    margin-left: 14px;
}

.jylist li:nth-child(even) {
    float: right;
    margin-right: 14px;
}

.join>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.join>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.ableperson {
    margin-top: 66px;
    overflow: hidden;
}

.ableperson img {
    float: left;
    vertical-align: middle;
    margin-right: 46px;
}

.ableperson p {
    color: #666666;
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
}

.develop {
    margin-top: 88px;
    background: #f9f9f9;
    padding-bottom: 62px;
}

.deveofper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.deveofper h3 {
    width: 322px;
    height: 100px;
    border: 1px solid #d0d0d0;
    background: url(../img/titlebg.png) center center no-repeat;
    float: left;
    text-align: center;
    margin-left: 130px;
    margin-top: 90px;
}

.deveofper h3 p {
    color: #323232;
    font-size: 26px;
    margin-top: 18px;
}

.deveofper h3 span {
    color: #666666;
    font-size: 14px;
}

.deveofper img {
    width: 566px;
    height: 386px;
    float: right;
    margin-top: 54px;
}

.deveoflicat {
    width: 1200px;
    height: 368px;
    margin: -184px auto 0;
    background: #276d99;
    overflow: hidden;
}

.deve1 {
    width: 538px;
    margin-top: 58px;
    margin-left: 58px;
}

.deve1 h6 {
    overflow: hidden;
    margin-bottom: 16px;
}

.deve1 h6 span {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-right: 3px;
    /* margin-bottom: 24px; */
}

.deve1 p {
    color: #cdecff;
    font-size: 14px;
    line-height: 26px;
}

.bz {
    margin-top: 70px;
    overflow: hidden;
    margin-left: 63px;
}

.bz li {
    float: left;
    margin-right: 78px;
    overflow: hidden;
}

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

.bz li h3 {
    color: #ffffff;
    font-size: 77px;
    font-family: SourceHanSansSC;
    float: left;
}

.bz li h3 span {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: -20px;
    vertical-align: bottom;
    margin-bottom: 17px;
    background: #276d99;
}

.bz li p {
    width: 186px;
    color: #cdecff;
    font-size: 14px;
    line-height: 25px;
    margin-left: 18px;
    float: right;
    text-align: justify;
    margin-top: 14px;
}

.profession h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.profession p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.profession ul {
    width: 1200px;
    margin: 46px auto 0;
    padding: 36px 38px 36px 38px;
    box-sizing: border-box;
    background: #f9f9f9;
    /* padding-bottom: 36px; */
}

.responsibility {
    display: none;
}

.profession ul li {
    /* height: 80px; */
    height: 46px;
    line-height: 46px;
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 0;
    background: url(../img/selya.png) 1070px center no-repeat;
    background-size: 27px 27px;
    cursor: pointer;
}

.profession ul li i {
    display: inline-block;
    color: #575757;
    font-size: 18px;
    font-weight: bold;
    width: 392px;
}

.profession ul li:hover {
    height: auto;
    border-bottom: none;
    background: #fff url(../img/seledya.png) 1070px 22px no-repeat;
    background-size: 27px 27px;
}

.profession ul li:hover div .tit_em,
.profession ul li:hover div .tit_span,
.profession ul li:hover div h6 {
    opacity: 0;
}

.profession ul li:hover div i {
    margin-left: 35px;
}

.profession ul li:hover .responsibility {
    display: block;
}

.profession ul li span {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    width: 150px;
    margin-right: 85px;
}

.profession ul li em {
    display: inline-block;
    width: 114px;
    color: #333333;
    font-size: 14px;
}

.profession ul li h6 {
    display: inline-block;
    width: 264px;
    color: #333333;
    font-size: 14px;
    text-align: right;
}

.responsibility {
    background: #fff;
    padding: 0 36px 36px 42px;
    box-sizing: border-box;
    line-height: normal;
}

.responsibility h3 {
    color: #575757;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.responsibility h4 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-top: 64px;
}

.responsibility p {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}
.profession .responsibility p span{
    display: block ;
    width: 100%;
}
.recruitment {
    text-align: center;
    margin-top: 42px;
}

.recruitment a {
    display: inline-block;
    width: 119px;
    height: 35px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    transition: all 0.5s ease;
}

.recruitment a:hover {
    opacity: 0.7;
}

.recruitment a:first-child {
    margin-right: 14px;
    background: #36917b;
}

.recruitment a:last-child {
    background: #276d99;
}

.hotel>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.hotel>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.hotellist {
    margin-top: 60px;
    padding-bottom: 24px;
}

.hotellist li {
    width: 100%;
    height: 326px;
    background: #fff;
    padding: 34px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 24px;
    border-bottom: 3px solid #2f9f86;
    /* border-bottom: 3px solid #54b19d; */
}

.hotellist li img {
    /* max-width: 400px; */
    max-width: 450px;
}

.hotellist li div {
    /* width: 668px; */
    width: 635px;
    /* min-width: 635px;
    max-width: 668px; */
}

.hotellist li:nth-child(odd) a>img {
    float: left;
}

.hotellist li:nth-child(odd) div {
    float: right;
}

.hotellist li:nth-child(even) a>img {
    float: right;
}

.hotellist li:nth-child(even) div {
    float: left;
}

.hotellist li div h3 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    /* margin-top: 22px; */
    margin-bottom: 10px;
}

.hotellist li div P {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    /* margin-top: 24px; */
    text-align: justify;
    /* height: 120px; */
    overflow: auto;
    padding-right: 12px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hotellist li div::-webkit-scrollbar {
    /* display: none; */
    width: 2px;
    height: 3px !important;
}

.hotellist li div::-webkit-scrollbar-thumb {
    background: #a4a4a4;
}

.hotellist li:nth-child(odd) div,
.hotellist li:nth-child(even) div {
    overflow-y: scroll;
    height: 100%;
}

.hotellist li div img {
    margin-top: 24px;
}

.connect>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.connect>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.hotline {
    width: 100%;
    height: 92px;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 92px;
    background: url(../img/hotline.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 28px;
}

.detailsmessage {
    margin-top: 36px;
    overflow: hidden;
    min-height: 130px !important;
}

.detailsmessage h3 {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 19px;
    background: url(../img/blueline.jpg) left bottom no-repeat;
}

.detailsmessage ul {
    width: 1076px;
    margin-top: 38px;
    overflow: hidden;
    float: left;
}
.detailsmessage ul li:last-child{
    width: 272px;
    margin-right: 0;
}
.twocode {
    width: 122px;
    float: right;
    color: #666666;
    font-size: 16px;
    text-align: center;
}

.twocode img {
    width: 100%;
    margin-bottom: 14px;
}

.detailsmessage ul li {
    width: 350px;
    padding-left: 36px;
    float: left;
    margin-bottom: 26px;
    box-sizing: border-box;
    margin-right: 100px;
}

.detailsmessage ul li:nth-child(even) {
    margin-right: 0;
}

.detailsmessage ul li:first-child {
    background: url(../img/address.png) 3px center no-repeat;
}

.detailsmessage ul li:nth-child(2) {
    background: url(../img/MESS.png) left center no-repeat;
}

.detailsmessage ul li:nth-child(3) {
    background: url(../img/mail.png) left center no-repeat;
}

.detailsmessage ul li:nth-child(4) {
    background: url(../img/mail1.png) left center no-repeat;
}

.detailsmessage ul li:nth-child(5) {
    background: url(../img/phone1.png) left center no-repeat;
}

.detailsmessage ul li:nth-child(6) {
    background: url(../img/WEB.png) left center no-repeat;
}

.detailsmessage ul li {
    color: #323232;
    font-size: 16px;
}

.detailsmessage ul li span {
    color: #666666;
}

.map {
    width: 100%;
    height: 378px;
    margin-top: 20px;
}

.map img  {
    width: 100%;
    height: 100%;
}
.map iframe{
    border:none;
}
.leader>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.leader>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.leader ul {
    overflow: hidden;
    margin-top: 54px;
}

.leader ul li {
    width: 394px;
    height: 334px;
    float: left;
    margin-right: 8px;
    margin-bottom: 36px;
    position: relative;
    /* background: url(../img/graylogo.png) center bottom no-repeat; */
}

.leader ul li .pos {
    position: absolute;
    width: 19px;
    height: 19px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.leader ul li .pos img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.leader ul li .pos img:first-child {
    opacity: 0;
}

.leader ul li:hover .pos img:first-child {
    opacity: 1;
}

.leader ul li:hover h3 {
    color: #fff;
    background: #2f9f86;
}

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

.leader ul li img {
    display: block;
    width: 100%;
    height: 266px;
}

.leader ul li h3 {
    color: #535353;
    font-size: 16px;
    padding-top: 18px;
    height: 58px;
    text-align: center;
    box-sizing: border-box;
}

.leaderdetails>h3 {
    color: #535353;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

.leaderdetails>h3 span {
    font-weight: normal;
}

.leaderdetails img {
    width: 834px;
    height: 560px;
    display: block;
    margin: 36px auto 0;
}

.leaderdetails p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    margin-top: 54px;
}

.dustry1 ul {
    overflow: hidden;
    height: 806px;
}

.dustry1 ul li {
    width: 20%;
    float: left;
    position: relative;
    transition: all 1s ease;
}

.dustry1 ul li a {
    position: relative;
    width: 100%;
    height: 806px;
    overflow: hidden;
}

.dustry1 ul li a>img {
    display: block;
    width: 100%;
    height: 806px;
    transition: all 1s ease;
}

.dustry1 ul li a>div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.dustry1 ul li a {
    display: block;
}

.dustry1 ul li a>div .whiteline {
    width: 32px;
    height: 3px;
    background: #fff;
    margin-top: 340px;
    margin-left: 45.29%;
}

.dustry1 ul li a div h3 {
    color: #ffffff;
    font-size: 24px;
    margin-left: 45.29%;
    margin-top: 46px;
}

.dustry1 ul li a div h4 {
    color: #c8d7e0;
    font-size: 14px;
    margin-left: 45.29%;
    margin-top: 16px;
}

.dustry1 ul li a div img {
    margin-left: 45.29%;
    margin-top: 48px;
}

.dustry1 ul li a div p {
    display: none;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    margin-top: 32px;
}

.dustry1 ul li:hover h3 {
    margin: 0;
}

.dustry1 ul li:hover h4 {
    margin-left: 0;
    color:#fff;
}

.dustry1 ul li:hover .whiteline {
    display: none;
}

.dustry1 ul li:hover a div img {
    display: none;
}

.dustry1 ul li:hover a div p {
    display: block;
    /* margin-top: ; */
}

.dustry1 ul li:hover a>div {
    padding: 0 48px;
    margin-top: 320px;
    box-sizing: border-box;
}
.dustry1 ul li:hover a .tc{
    display: block;
}
.dustry1 ul li:hover a>img {
    transform: scale(1.2);
}

.bigthing>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.bigthing>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.watch {
    background: url(../img/longline.png) center 10px no-repeat;
    margin-top: 56px;
    position: relative;
}

.swiperyear {
    width: 1112px;
    margin: 0 auto;
    position: relative;
}

.swiperyear .swiper-slide {
    text-align: center;
}

.swiperyear .swiper-slide .graycir {
    width: 10px;
    height: 10px;
    background: #e2e2e2;
    border-radius: 50%;
    margin: 6px auto 0;
}

.swiperyear .swiper-slide h3 {
    color: #a9a9a9;
    font-size: 15px;
    margin-top: 20px;
}

.swiper-button-next111 {
    position: absolute;
    width: 20px;
    height: 17px;
    background: url(../img/right11.png) center center no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 2px;
    z-index: 999;
    outline: none;
}

.swiper-button-prev111 {
    position: absolute;
    width: 20px;
    height: 17px;
    background: url(../img/left11.png) center center no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 2px;
    z-index: 999;
    outline: none;
}

.swiper-button-next111:hover {
    background: url(../img/right111.png) center center no-repeat;
    background-size: 100% 100%;
}

.swiper-button-prev111:hover {
    background: url(../img/left111.png) center center no-repeat;
    background-size: 100% 100%;
}

.watchlist li img {
    display: block;
    width: 252px;
    height: 148px;
    float: left;
}

.watchlist {
    overflow: hidden;
    margin-top: 66px;
}

.watchlist li {
    width: 570px;
    overflow: hidden;
    float: left;
    margin-bottom: 26px;
}

.watchlist li div {
    width: 318px;
    height: 148px;
    background: #f9f9f9;
    padding: 26px 28px 22px 20px;
    box-sizing: border-box;
    float: left;
    overflow-y: auto;
}

.watchlist li div::-webkit-scrollbar {
    /* display: none; */
    width: 2px;
    height: 3px !important;
}

.watchlist li div::-webkit-scrollbar-thumb {
    background: #a4a4a4;
}

.watchlist li div h3 {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
}

.watchlist li div p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-top: 6px;
}

.watchlist li {
    margin-right: 30px;
}

.watchlist li:nth-child(even) {
    margin-right: 0;
}

.honor>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.honor>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.swipera {
    width: 598px;
    height: 546px;
    /* overflow: hidden; */
    float: left;
    margin-top: 28px;
}

.swiperya {
    width: 529px;
    height: 370px;
    float: right;
    overflow: hidden;
    margin-top: 62px;
}

.allswiper {
    overflow: hidden;
    margin-top: 50px;
}

.swipera .swiper-wrapper {
    transition-timing-function: linear !important;
}

.swipera .swiper-slide {
    width: 590px;
    line-height: 91px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    color: #323232;
    font-size: 16px;
    position: relative;
}

.swipera .swiper-slide .circle {
    position: absolute;
    width: 8px;
    height: 8px;
    left: -44px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #c9c9c9;
}

.swipera .swiper-slide span {
    color: #666666;
    font-size: 14px;
    margin-right: 14px;
}

.swipera .swiper-slide-active {
    color: #2f9f86;
}

.honoraxios {
    width: 46px;
    height: 546px;
    float: left;
    background: url(../img/LOLINE.png) center center no-repeat;
    margin-right: 16px;
    /* margin-top: -63px; */
}

.swipera .swiper-slide-active .circle {
    width: 46px;
    height: 46px;
    background: url(../img/grcircle.png) center center no-repeat;
    background-size: 100% 100%;
    left: -62px;
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.culturepeople {
    height: 556px;
    background: url(../img/H1.png) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.culturepeople h3 {
    color: #92908f;
    font-size: 28px;
    text-align: center;
    margin-top: 64px;
}

.culturepeople h4 {
    color: #ddd8b5;
    font-size: 43px;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 45px;
}

.culturepeople P {
    color: #666666;
    font-size: 16px;
    text-align: center;
    line-height: 29px;
}

.worker {
    height: 654px;
    background: url(../img/worker.jpg) center center no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}

.worker ul {
    width: 1200px;
    margin: 155px auto 0;
    overflow: hidden;
}

.worker ul li {
    width: 600px;
    height: 314px;
    float: left;
    position: relative;
    overflow: hidden;
}

.worker ul li a {
    display: block;
}

.worker ul li a>img {
    display: block;
    width: 100%;
    height: 314px;
    transition: all 1s ease;
}

.worker ul li:hover a>img {
    transform: scale(1.2);
}

.worker ul li div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 62px;
    box-sizing: border-box;
}

.worker ul li div h3 {
    color: #ffffff;
    font-size: 36px;
}

.worker ul li div img {
    margin-top: 16px;
}

.visual {
    height: 558px;
    background: url(../img/visual.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: -80px;
}

.childvisual {
    width: 1200px;
    margin: 0 auto;
}

.childvisual img {
    width: 312px;
    float: left;
    margin-left: 56px;
    margin-top: 204px;
}

.childvisual div {
    width: 742px;
    float: right;
    margin-right: 56px;
    margin-top: 138px;
}

.childvisual div h3 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 24px;
}

.childvisual div p {
    color: #ffffff;
    font-size: 16px;
    line-height: 29px;
}

.recommend>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.recommend>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.thirdswiper {
    margin-top: 63px;
}

.zy {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.recommendyear {
    width: 1102px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
}

.recommendyear .swiper-slide {
    background: #f5f5f5;
    text-align: center;
    cursor: pointer;
}

.recommendyear .swiper-slide a {
    color: #323232;
    font-size: 18px;
    display: block;
    height: 100%;
}

.recommendyear .swiper-slide:hover {
    background: #2d8d77;
}

.recommendyear .swiper-slide:hover a {
    color: #fff;
}


/* .recommendyear .swiper-slide-active.swiper-slide {
  color: #fff;
  background: #2d8d77;
} */

.zy .swiper-button-next11 {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0px;
    top: 0;
    background: url(../img/right11111.png);
    outline: none;
    cursor: pointer;
}

.zy .swiper-button-next11:hover {
    background: url(../img/right1111.png);
}

.zy .swiper-button-prev11 {
    width: 48px;
    height: 48px;
    top: 0;
    right: 49px;
    position: absolute;
    background: url(../img/left1111.png);
    outline: none;
    cursor: pointer;
}

.zy .swiper-button-prev11:hover {
    width: 48px;
    height: 48px;
    position: absolute;
    background: url(../img/left111111.png);
}

.recommendnumber {
    width: 1200px;
    margin: 36px auto 0;
}

.recommendnumber .swiper-slide li {
    height: 74px;
    line-height: 74px;
    border-bottom: 1px dashed #c1c1c1;
    background: url(../img/seled.png) 1154px center no-repeat;
}

.recommendnumber .swiper-slide li:hover P {
    color: #2d8d77;
}

.recommendnumber .swiper-slide li a {
    display: block;
    overflow: hidden;
}

.recommendnumber .swiper-slide li a p {
    color: #666666;
    font-size: 16px;
    float: left;
    margin-left: 8px;
}

.recommendnumber .swiper-slide li a span {
    color: #9f9f9f;
    font-size: 16px;
    margin-right: 68px;
    float: right;
}

.webmap {
    margin-top: 68px;
    background: url(../img/webmap.png) 128px 20px no-repeat;
}

.webmap>ul>li>a {
    color: #286e99;
    font-weight: bold;
    font-size: 16px;
}

.webmap>ul>li>a:hover {
    opacity: 0.7;
}

.webmap>ul {
    overflow: hidden;
}

.webmap>ul>li {
    width: 126.33px;
    float: left;
    text-align: center;
}

.webmap>ul>li ul {
    margin-top: 24px;
}

.webmap>ul>li ul li {
    margin-bottom: 18px;
}

.webmap>ul>li ul li a {
    color: #616161;
    font-size: 14px;
}

.webmap>ul>li ul li:hover a {
    color: #286e99;
}

.recommaaa {
    margin-top: 56px;
    padding-bottom: 68px;
    border-bottom: 1px dashed #d9d9d9;
}

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

.online>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.online>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.swipersi {
    height: 482px;
    margin-top: 38px;
    border-top: 1px solid #f6f6f6;
    position: relative;
}

.swipersi .swiper-slide {
    overflow: hidden;
}

.swipersi .swiper-slide img {
    width: 824px;
    height: 482px;
    float: left;
    display: block;
}

.swipersi .swiper-slide div {
    width: 330px;
    height: 488px;
    float: right;
}

.swipersi .swiper-slide div h5 {
    width: 70px;
    height: 68px;
    border: 1px solid #c3c3c3;
    text-align: center;
    line-height: 68px;
    color: #276d99;
    font-size: 34px;
    font-weight: bold;
    margin-top: 76px;
}

.swipersi .swiper-slide div h3 {
    color: #276d99;
    font-size: 18px;
    font-weight: bold;
    margin-top: 42px;
}

.swipersi .swiper-slide div P {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-top: 18px;
}

.swipersi .swiper-button-prev1111 {
    width: 32px;
    height: 32px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    color: #323232;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: 360px;
    right: 294px;
    z-index: 999;
    background: url(../img/BLEFT.png) center center no-repeat;
}

.swipersi .swiper-button-prev1111:hover {
    background: #276d99 url(../img/CLEFT.png) center center no-repeat;
}

.swipersi .swiper-button-next1111 {
    width: 32px;
    height: 32px;
    color: #323232;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    position: absolute;
    top: 360px;
    right: 260px;
    z-index: 999;
    background: url(../img/BRIGHT.png) center center no-repeat;
}

.swipersi .swiper-button-next1111:hover {
    background: #276d99 url(../img/CRIGHT.png) center center no-repeat;
}

.swiperzha {
    width: 1200px;
    height: 198px;
    background: #f5f5f5;
}

.swiperzha .swiper-slide {
    text-align: center;
    position: relative;
    background: url(../img/dashedm.png) right center no-repeat;
    cursor: pointer;
}

.swiperzha .swiper-slide h3 {
    color: #000000;
    font-size: 34px;
    font-weight: bold;
    margin-top: 18px;
}

.swiperzha .swiper-slide div {
    width: 148px;
    height: 118px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.swiperzha .swiper-slide h4 {
    color: #666666;
    font-size: 14px;
    margin-top: 16px;
}

.swiperzha .swiper-slide.swiper-slide-active {
    background: none;
}

.swiperzha .swiper-slide.swiper-slide-active div {
    background: #276d99;
}

.swiperzha .swiper-slide.swiper-slide-active div h3 {
    color: #fff;
}

.swiperzha .swiper-slide.swiper-slide-active div h4 {
    color: #fff;
}

.onlinelist {
    margin-top: 162px;
    overflow: hidden;
}

.onlinelist li {
    width: 392px;
    height: 280px;
    overflow: hidden;
    transition: all 1s ease;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.onlinelist li a {
    display: block;
    position: relative;
}

.onlinelist li a img {
    width: 100%;
    height: 280px;
    transition: all 1s ease;
}

.onlinelist li a div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.onlinelist li a div h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-left: 22px;
    margin-top: 232px;
}

.onlinelist li a div h4 {
    color: #ffffff;
    font-size: 14px;
    display: none;
}

.onlinelist li a div h5 {
    color: #ffffff;
    font-size: 14px;
    display: none;
}

.onlinelist li a div span {
    color: #ffffff;
    font-size: 14px;
    padding-right: 26px;
    background: url(../img/jt.png) right center no-repeat;
    background-size: 18px 18px;
    display: none;
}

.onlinelist li:nth-child(3n) {
    margin-right: 0;
}

.onlinelist li:hover h3 {
    margin-left: 32px;
    margin-top: 120px;
}

.onlinelist li:hover h4 {
    display: block;
    margin-left: 32px;
    margin-top: 16px;
}

.onlinelist li:hover h5 {
    display: block;
    margin-left: 32px;
    margin-top: 8px;
}

.onlinelist li:hover span {
    display: inline-block;
    margin-left: 32px;
    margin-top: 30px;
}

.onlinelist li:hover a img {
    transform: scale(1.2);
}

.onlinedetails>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.onlinedetails>.ptitle {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.onlinedetails>img {
    width: 824px;
    height: 482px;
    display: block;
    margin: 50px auto 0;
}

.onlinedetails>p {
    color: #323232;
    font-size: 14px;
    line-height: 28px;
    margin-top: 58px;
}

.inputobj {
    width: 1200px;
    height: 470px;
    background: url(../img/input.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 80px;
    overflow: hidden;
    padding-left: 36px;
    box-sizing: border-box;
}

.inputobj h3 {
    color: #666666;
    font-size: 20px;
    margin-top: 50px;
    /* margin-left: 10px; */
    margin-bottom: 30px;
}

.inputobj label {
    color: #747474;
    font-size: 14px;
    margin-bottom: 14px;
    display: block;
    position: relative;
}

.inputobj label span {
    display: inline-block;
    width: 60px;
    color: #747474;
    font-size: 14px;
}

.inputobj label img {
    height: 36px;
    position: absolute;
    left: 447px;
    top: 1px;
}

.inputobj input {
    width: 478px;
    height: 38px;
    border: 1px solid #d0d0d0;
    background: none;
    padding-left: 10px;
    box-sizing: border-box;
}

.inputobj input::-webkit-input-placeholder {
    font-size: 12px;
}

.inputobj textarea {
    width: 478px;
    height: 108px;
    border: 1px solid #d0d0d0;
    background: none;
    padding-left: 10px;
    box-sizing: border-box;
    vertical-align: top;
    margin-left: -4px;
    padding-top: 6px;
    resize: none;
    line-height: 14px;
}

.inputobj textarea::-webkit-input-placeholder {
    font-size: 12px;
}

.submit {
    width: 142px !important;
    height: 38px !important;
    color: #fff !important;
    font-size: 14px !important;
    background: #20b59b !important;
    padding: 0 !important;
    margin-left: 60px;
}

.inputa {
    background: url(../img/IN.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.messageya>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.messageya>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.friendmessage>img {
    display: block;
    margin: 42px auto 0;
}

.messo {
    width: 100%;
    /* min-height: 728px; */
    position: relative;
}

.messo .aiyaline {
    width: 1px;
    height: 100%;
    background: #dfdfdf;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.messo ul {
    overflow: hidden;
}

.messo ul li {
    overflow: hidden;
    margin-bottom: 106px;
}

.messo ul li img {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 10px;
}

.messo ul li>div {
    overflow: hidden;
}

.messo ul li div div {
    float: left;
}

.messo ul li div h3 {
    color: #333333;
    font-size: 14px;
    margin-top: 12px;
}

.messo ul li div p {
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}

.messo ul li:nth-child(odd) {
    width: 750px;
    float: right;
    background: url(../img/rect.png) 139px center no-repeat;
}

.messo ul li:nth-child(even) {
    width: 750px;
    float: left;
    background: url(../img/rect.png) 589px center no-repeat;
}

.messo ul li:nth-child(odd) img {
    margin-top: 10px;
}


/* .messo ul li:nth-child(even) img {
  margin-top: 10px;
} */

.messo ul li:nth-child(odd)>div {
    width: 564px;
    float: right;
}

.messo ul li:nth-child(even)>div {
    width: 574px;
    float: left;
}

.messo ul li:nth-child(odd)>div P {
    margin-top: 10px;
}

.messo ul li:nth-child(even)>div P {
    margin-top: 30px;
}

.messo ul li:nth-child(odd) div div {
    width: 506px;
}

.messo ul li:nth-child(even) div div {
    width: 512px;
}

.messo ul li:nth-child(odd) span {
    float: left;
    display: block;
    margin-top: 28px;
    margin-left: 24px;
    color: #919191;
    font-size: 16px;
}

.messo ul li:nth-child(even) span {
    float: right;
    display: block;
    margin-top: 34px;
    margin-right: 24px;
    color: #919191;
    font-size: 16px;
}

.messo ul li:nth-child(even) h3 {
    margin-top: 16px;
}

.messo ul li:nth-child(even) {
    float: left;
}

.swiper-container12 {
    width: 100%;
    overflow: hidden;
}

.swiper-container12 img {
    width: 100%;
    height: 450px;
    display: block;
}

.companynews>a>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.companynews>a:hover h3 {
    color: #308e77;
}

.companynews>a>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.companynews {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.companynews .swiper-pagination1 {
    text-align: center;
    margin-top: 60px;
}

.tyhd {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.tyhd>a>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.tyhd>a:hover h3 {
    color: #308e77;
}

.tyhd>a>P {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.tyhd ul {
    margin-top: 54px;
    overflow: hidden;
}

.tyhd ul li {
    width: 580px;
    float: left;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 32px;
    padding-right: 26px;
    box-sizing: border-box;
}

.tyhd ul li:last-child {
    border-bottom: none;
}

.tyhd ul li:nth-last-child(2) {
    border-bottom: none;
}

.tyhd ul li:nth-child(even) {
    border-left: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.tyhd ul li a {
    display: block;
    overflow: hidden;
}

.tyhd ul li .leftact {
    float: left;
    width: 63px;
    height: 53px;
    border-radius: 0 6px 0 6px;
    position: relative;
    background: #276d99;
    margin-left: 20px;
}

.tyhd ul li .rightact {
    float: right;
}

.tyhd ul li .leftact h3 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 4px;
    font-size: 24px;
}

.tyhd ul li .leftact h4 {
    width: 100%;
    height: 18px;
    background: #1f597d;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.tyhd ul li .rightact img {
    width: 172px;
    height: 112px;
    float: left;
}

.tyhd ul li .rightact div {
    width: 256px;
    height: 112px;
    float: left;
    margin-left: 30px;
    background: url(../img/rightjt.png) left bottom no-repeat;
}

.tyhd ul li .rightact div h3 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin-top: 4px;
}

.tyhd ul li .rightact div p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
}

.tyhd ul li:hover .leftact {
    background: #228770;
}

.tyhd ul li:hover .leftact h4 {
    background: #1b705d;
}

.tycy {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.tycy .xj_a h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.tycy .xj_a h3:hover {
    color: #308e77;
}

.tycy .xj_a p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.tycy li {
    position: relative;
}

.tycy ul li a {
    position: absolute;
    top: 76px;
    right: 58px;
}

.tycy a h3 {
    color: #ffffff;
    font-size: 18px;
    margin-top: 12px;
    text-align: center;
}

.tycy>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.tycy>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.tycy li {
    float: left;
    margin-right: 1px;
    cursor: pointer;
}

.tycy li:hover {
    opacity: 0.7;
}

.tycy li:nth-child(1) {
    width: 238px;
    height: 442px;
    background: url(../img/happ.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.tycy li:nth-child(2) {
    width: 238px;
    height: 442px;
    background: url(../img/happ1.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 32px;
}

.tycy li:nth-child(3) {
    width: 238px;
    height: 442px;
    background: url(../img/happ2.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.tycy li:nth-child(4) {
    width: 238px;
    height: 442px;
    background: url(../img/happ3.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 24px;
}

.tycy li:nth-child(5) {
    width: 240px;
    height: 366px;
    background: url(../img/happ4.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 80px;
}

.tycy ul {
    margin-top: 56px;
    overflow: hidden;
}

.tyzjl>a>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 62px;
}

.tyzjl>a>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.tyzjl>a:hover h3 {
    color: #308e77;
}


/* .on{

} */


/* 效果 */

.nav>li:hover {
    /* background-color: #54b19d; */
    background: url(../img/greenline.jpg) center bottom no-repeat;
    background-size: 36px 3px;
}


/* .nav>li:hover>a {
    color: #fff;
} */

.on2 {
    color: #fff !important;
    background: #2f9f86 !important;
    border: 1px solid transparent !important;
}

.gotop {
    position: fixed;
    left: 1760px;
    bottom: 134px;
    cursor: pointer;
    display: none;
}

.gotop:hover {
    opacity: 0.7;
}

.axios .swiper-slide {
    padding-top: 34px;
    cursor: pointer;
}

.axios .swiper-slide.swiper-slide-active {
    background: url(../img/greenpoint.png) 46px 4px no-repeat;
}

.swiperyear .swiper-slide.swiper-slide-active .graycir {
    background: #2d8d77;
}

.swiperyear .swiper-slide.swiper-slide-active h3 {
    color: #258972;
    font-size: 26px;
    font-weight: bold;
}

.childheader5 ul li a {
    transition: all 0.3s ease;
}

.childheader5 ul li:hover a {
    padding-left: 26px;
    background: url(../img/greenlogo.png) left center no-repeat;
    background-size: 18px 18px;
}

.aiyaowei {
    position: fixed;
    right: 84px;
    top: 48%;
    width: 86px;
    height: 316px;
    border-radius: 2px;
    z-index: 99999;
    display: none;
}

.aiyaowei li {
    height: 76px;
    background: #276d99;
    position: relative;
    cursor: pointer;
}

.aiyaowei li a {
    display: block;
    overflow: hidden;
}

.aiyaowei li:hover {
    background: #308e77;
}

.aiyaowei li a img {
    width: 26px;
    display: block;
}

.aiyaowei li h3 {
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    margin-top: 6px;
}

.aiyaowei li:nth-child(1) a img {
    margin: 20px auto 0;
}

.aiyaowei li:nth-child(1) h3 {
    margin-top: 6px;
}

.aiyaowei li:nth-child(2) a img {
    margin: 20px auto 0;
}

.aiyaowei li:nth-child(2) h3 {
    margin-top: 6px;
}

.aiyaowei li:nth-child(3) a img {
    margin: 16px auto 0;
}

.aiyaowei li:nth-child(3) h3 {
    margin-top: 6px;
}

.aiyaowei li:nth-child(4) a img {
    margin: 12px auto 0;
}

.on0 a {
    padding-left: 26px !important;
    background: url(../img/greenlogo.png) left center no-repeat !important;
    background-size: 18px 18px !important;
    color: #2f9f86 !important;
}

.on1 {
    color: #2f9f86 !important;
}

.on1 a {
    color: #2f9f86 !important;
}

.aboutmoudle12 img:last-child {
    display: none;
}

.aboutmoudle12:hover img:last-child {
    display: block;
}

.aboutmoudle12:hover img:nth-child(5) {
    display: none;
}

.hidechildnav {
    width: 98px;
    display: none;
    position: absolute;
    z-index: 9999;
    top: 78px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    /* padding: 0 0 10px 0; */
    /* padding: 26px 0; */
    box-sizing: border-box;
}

.hidechildnav li {
    line-height: 40px;
}

.hidechildnav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #323232;
    font-size: 15px;
}

.nav>li:hover .hidechildnav {
    display: block;
    background: rgba(255, 255, 255, .9);
    /* background: #fff; */
    box-shadow: 0 0 5px #cfcaca;
}

.hidechildnav li:hover a,
.hidechildnav li.on a {
    /* color: #2d8d77; */
    background-color: #54b19d;
    color: #fff;
}

.abouta {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.abouta>h3 {
    color: #323232;
    font-size: 26px;
    text-align: center;
    margin-top: 56px;
}

.abouta>p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.abouta ul {
    overflow: hidden;
    margin-top: 40px;
}

.abouta ul li {
    /* width: 366px; */
    /* height: 310px; */
    width: 391px;
    height: 346px;
    box-sizing: border-box;
    float: left;
    /* margin-right: 50px; */
    margin-right: 11px;
    margin-bottom: 25px;
}

.abouta ul li .tp_img {
    display: flex;
    align-items: center;
    padding: 18px;
    height: 321px;
    box-sizing: border-box;
    background: url('../img/bk.jpg') no-repeat center;
}

.abouta ul li:hover a h3 {
    color: #286e99;
}

.abouta ul li img {
    width: 100%;
    /* height: 268px; */
}

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

.abouta ul li h3 {
    color: #525252;
    font-size: 16px;
    margin-top: 18px;
    font-weight: bold;
    text-align: center;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.changeerweima {
    margin-top: 22px;
}

.changeerweima img:nth-child(2) {
    display: none;
}

.searchinput {
    display: none;
    width: 168px;
    height: 28px;
    line-height: 28px;
    border-radius: 30px;
    position: absolute;
    /* right: -176px; */
    right: -157px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
}

.searchinput1 {
    padding-left: 12px;
    box-sizing: border-box;
   width: 100%;
    height: 100%;
    line-height: 28px;
    background: #e4e4e4;
    font-size: 12px;
    color: #9b9b9b;
    border-radius: 30px;
}

.search:hover .searchinput {
    display: block;
}

.on6 a {
    padding-left: 26px !important;
    background: url(../img/greenlogo.png) left center no-repeat !important;
    background-size: 18px 18px !important;
    color: #2f9f86 !important;
}

.inputobj label div {
    width: 142px;
    height: 38px;
    background: #20b59b;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    margin-top: 24px;
    margin-left: 60px;
    cursor: pointer;
}

.aboutcontrollinginterest img {
    width: 100%;
    max-width: 1920px;
    display: block;
    margin:0 auto;
    /* height: 100%; */
}

center {
    margin-top: 36px;
    font-size: 16px;
}

.on7 {
    background: #2d8d77 !important;
}

.on7 a {
    color: #fff !important;
}

#code {
    padding-right: 100px;
}

.wxewm {
    width: 80px !important;
    height: 80px;
    display: none;
    position: absolute;
}

.dszzdh {
    width: 80px !important;
    height: 80px;
    display: none;
    position: absolute;
}

.aiyaowei li:first-child:hover>img {
    display: block;
    right: 100px;
    top: 0;
}

.aiyaowei li:last-child:hover>img {
    display: block;
    right: 100px;
    top: 0;
}

.wb {
    float: none !important;
    padding-left: 0 !important;
    line-height: normal !important;
    height: auto !important;
    background-image: none !important;
    margin: 0 !important;
}

.gzwm.lj.fenxiang+div p {
    color: #8e8e8e;
    font-size: 14px;
    margin-right: 8px;
}
.dustry1 .tc{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.3);
    z-index: 9 !important;
    margin-top: 0 !important;
}
@media screen and (max-width:1680px){
    .childheader{
        width: 77.92%;
    }
    .aboutcontrollinginterest{
        height: 231px;
    }
}
@media screen  and (max-width:1600px){
    .childheader .nav{
        width: 73.14%;
    }
    .nav li{
        margin-right: 0;
    }
    .aboutcontrollinginterest{
        height: 220px;
    }
}
@media screen  and (max-width:1440px){
    .childheader{
        width: 90%;
    }
    .aboutcontrollinginterest{
        height: 197px;
    }
    .footertotal{
        width: 95%;
    }
    .footertotal>div{
        margin-right: 5.5%;
    }
    .foot2{
        width: 70%;
    }
    .footer22{
        width: 26%;
    }
    .searchinput{
        right: 10px;
        top:83%;
    }
    .myactiveinner>div .m1{
        width: 100%;
    }
    .myactiveinner>div img{
        width: 100%;
        height: auto;
    }
    .aiyaowei {
        right: 26px;
    }

}
@media screen  and (max-width:1366px){
    .aboutcontrollinginterest{
        height: 184px;
    }
    .aiyaowei{
        right: 0;
    }
    .childheader .nav{
        margin-left: 0;
    }
    .childheader .search{
        right: 2%;
    }
    .searchinput{
        right: 20%;
        top: 82%;
    }
    .foot2{
        width: 79%;
    }
    .footertotal {
        width: 69%;
    }
    .footertotal>div {
        margin-right: 4.71%;
    }
}
.swiper-container .swiper-slide div p{
    margin-top:180px !important;
}
@media screen  and (max-width:1024px){
   body,.swiper-container,.childbanner,.footer,.main,.dustry1{
       width: 1200px;
   }
   .header,.childrenfooter2{
       overflow: hidden;
   }
  
}