* {

    padding: 0;

    margin: 0;

}



ul {

    list-style: none;

}



li {

    list-style: none;

}



a {

    text-decoration: none;

    color: #333;

}



.impact {

    font-family: "impact";

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #eee;

}



body {

    font-size: 14px;

    min-width: 1200px;

    line-height: 30px;

    color: #555;

}



.sy_banner {

    width: 100%;

    height: auto;

    overflow: hidden;

}

.sy_banner img{

    width: 100%;

}


.welcome .banben a {

    color: #fff

}





/*-----head----*/



.welcome {

    width: 100%;

    background: #048d8d;

    height: 40px;

    line-height: 40px;

}



.welcome ul {

    width: 90%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    color: #fff

}



.welcome .left {

    font-size: 14px;

    text-align: left;

}



.welcome .banben {

    width: 150px;

    text-align: left;

}



.top {

    width: 90%;

    margin: 15px auto;

    display: flex;

    justify-content: space-between;

    overflow: hidden;

}



.top .logo {

    width: 35%;

    text-align: left;

}



.top .menu {

    width: 60%;

    text-align: center;

}



.top .menu li {

    width: calc(100%/6);

    float: left

}



.top .menu li a {

    line-height: 56px;

    font-size: 18px;

}



.top .menu li:hover {

    border-bottom: 4px #006868 solid;

}





/*------sy_lm------*/



.sy_lm {

    width: 90%;

    margin: 40px auto;

    text-align: center;

    color: #2d2d2d;

}



.sy_lm .line {

    width: 30px;

    height: 4px;

    background: #00c4c4;

    margin: 0 auto;

}



.sy_lm .en {

    font-size: 56px;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 56px;

    margin-top: 15px;

}



.sy_lm h2 {

    font-size: 36px;

    line-height: 44px;

}



.se_xinwen {

    font-size: 14px;

    line-height: 28px;

    color: #666

}





/*------sy_about------*/



.sy_about {

    width: 90%;

    background: #f2faff;

    padding: 5%;

}



.sy_about ul {

    width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.sy_about .left {

    width: 624px;

    text-align: left;

}



.sy_about .left img {

    width: 624px;

}



.sy_about .right {

    width: auto;

    text-align: left;

    margin-left: 30px;

}



.sy_about .right h2 {

    color: #048d8d;

    font-size: 48px;

    font-weight: normal;

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    margin-top: 30px;

}



.sy_about .right h1 {

    color: #048d8d;

    font-size: 28px;

    font-weight: normal;

}



.sy_about .right .jianjie {

    width: 100%;

    margin-top: 8%;

}



.sy_about .right .jianjie p {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.8em;

    color: #414141;

}



.sy_about .right .list {

    width: 80%;

    display: flex;

    justify-content: start;

    margin-top: 10%;

}



.sy_about .right .list .more {

    background: #048d8d;

    width: 180px;

    line-height: 60px;

    height: 60px;

    text-align: center;

    margin-top: 20px;

    border-radius: 6px;

}



.sy_about .right .list .more a {

    color: #fff

}





/*-----footer-----*/



.footer {

    width: 100%;

    background: #048d8d;

    overflow: hidden;

    border-bottom: 1px #00a9a9 solid;

    margin-top: 40px;

}



.footer ul {

    width: 90%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    padding: 40px 0 20px;

    color: #fff

}



.footer h2 {

    font-size: 28px;

    font-family: Arial, Helvetica, sans-serif;

}



.footer .line {

    width: 40px;

    height: 2px;

    background: #00c4c4;

    margin: 5px 0 10px;

}



.footer h3 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 20px;

}



.footer .fenlei {

    width: 25%

}



.footer .fenlei .list {

    width: 90%

}



.footer .fenlei .list li {

    line-height: 30px;

}



.footer .fenlei .list li a {

    color: #fff

}



.footer .fenlei .list li a:hover {

    color: #00c4c4

}



.footer .lianxi {

    width: 45%

}



.footer .lianxi p {

    font-size: 15px;

    line-height: 30px;

}



.footer .lianxi p strong {

    font-size: 18px;

    font-weight: normal;

}



.footer .erweima {

    width: 15%;

    text-align: center;

    margin-top: 20px;

}



.copy {

    width: 100%;

    background: #048d8d;

    border-top: 1px #006868 solid;

    line-height: 66px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}





/*---------sy_news------*/



.sy_news {

    width: 90%;

    margin: 20px auto;

    display: flex;

    justify-content: space-between;

}



.sy_news .date {

    color: #048d8d;

    line-height: 25px;

    background: url("../images/date.jpg") left center no-repeat;

    padding-left: 30px;

    height: 25px;

}



.sy_news h3 {

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

}



.sy_news .line {

    background: #00a9a9;

    height: 4px;

    margin: 5px 0;

    width: 43px;

}



.sy_news .more {

    margin-top: 20px;

}



.sy_news p {

    font-size: 14px;

    line-height: 24px;

    margin-top: 5px;

}



.sy_news .left {

    width: 37%;

}



.sy_news .left img {

    max-width: 100%

}



.sy_news .left img {

    max-width: 100%

}



.sy_news .right {

    width: 60%;

}



.sy_news .right p {

    margin-top: 20px;

}



.sy_news .right li {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

}



.sy_news .right li .img {

    width: 35%

}



.sy_news .right li .txt {

    width: 60%

}



.sy_news .right li:nth-child(2) {

    margin-top: 20px;

}



.sy_news .right img {

    max-width: 100%

}





/*----contact----*/



.ny_banner {

    width: 100%

}



.ny_banner img {

    max-width: 100%

}



.map {

    width: 100%;

    height: 658px;

    margin: 0 auto;

}





/*----内页公用---*/



.mbx {

    width: 100%;

    height: 60px;

    background: #f2f2f2;

    margin-top: -10px;

}



.mbx .mbx_cont {

    width: 90%;

    margin: 0 auto;

    font-size: 16px;

    line-height: 60px;

    color: #333;

}



.ny_body {

    width: 90%;

    margin: 50px auto;

}



.ny_lianxi {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.se_prolist {

    width: 90%;

    margin: 0 auto;

}



.se_prolist ul {

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    flex-wrap: wrap

}



.se_prolist li {

    padding: 0 4%;

    line-height: 7vh;

    border: 1px solid #f2f2f2;

    text-align: center;

    margin: 0.5%;

    transition: .5s;

    background: #048d8d;

}



.se_prolist li a {

    color: #fff;

    font-size: 20px

}



.se_prolist li:hover {

    background: #fff;

    border: 1px solid #048d8d;

}



.se_prolist li:hover a {

    color: #048d8d;

}



.se_tuandui {

    width: 90%;

    margin: 0 auto;

    padding: 3% 0 5rem 0

}



.se_tuandui ul {

    width: 100%;

}



.se_tuandui li {

    float: left;

    padding: 0;

    width: 32%;

    margin: 0 1% 25px 0;

    position: relative;

    overflow: hidden;

    background: #fff;

    border: 1px solid #eee;

}



.se_tuandui li .p-img {

    width: 100%;

    text-align: center;

    position: relative;

    overflow: hidden

}



.se_tuandui li .p-name {

    height: 70px;

    line-height: 70px;

    word-break: break-all;

    word-wrap: break-word;

    overflow: hidden;

    text-align: center;

    font-size: 18px;

    border-top: 1px solid #eee

}



.se_tuandui li .p-img img {

    width: 100%;

    transition: 0.4s ease;

    -moz-transition: 0.4s ease;

    -webkit-transition: 0.4s ease;

}



.se_tuandui li:hover img {

    transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

}



.se_tuandui p {

    font-size: 16px;

    line-height: 35px;

    color: #666;

}



.se_tuandui p span {

    font-size: 17px;

    color: #af1318;

}



.fenye {

    width: 80%;

    margin: 0 auto 1% auto;

    display: flex;

    display: -webkit-flex;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    -webkit-align-items: center;

    height: 45px;

}



.fenye_zong {

    font-size: 14px;

    width: 200px;

    background: #f2f2f2;

    text-align: center;

    line-height: 45px;

}



.se_about {

    width: 90%;

    margin: 20px auto;

}



.xiangli_ad {

    width: 90%;

    background: url("../images/ad.jpg") center no-repeat;

    padding: 2% 5%;

    overflow: hidden;

    height: 240px;

}



.xiangli_ad ul {

    width: 90%;

    margin: 0 auto;

    text-align: center;

    color: #fff

}



.xiangli_ad h2 {

    font-size: 42px;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    padding-top: 40px;

}



.xiangli_ad h3 {

    font-size: 36px;

    padding-top: 10px;

    margin-bottom: 10px;

}





/*-----首页产品滚动----*/



.case {

    width: 90%;

    margin: 0 auto;

    background: #048d8d;

    padding: 2% 5%;

}



.marquee2 {

    width: 100%;

    margin: 20px auto 0;

    overflow: hidden;

}



.marquee2 .pro_cc {

    width: 32%;

    height: auto;

    float: left;

    margin: 0 0.5% 1% 0.5%;

    position: relative;

    overflow: hidden;

}



.marquee2 .pro_cc a:hover {

    color: #165aa8;

}



.marquee2 .chanpin_con_pic {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.marquee2 .pro_cc img {

    width: 100%;

    transition: 0.4s ease;

    -moz-transition: 0.4s ease;

    -webkit-transition: 0.4s ease;

}



.marquee2 .pro_cc:hover img {

    transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

}



.marquee2 .pro_cc .chanpin_con_cc {

    height: 60px;

    width: 100%;

    overflow: hidden;

    position: relative;

    font-size: 20px;

    background: #f2f2f2;

    text-align: center;

    line-height: 60px;

    margin-top: -5px;

}



.marquee2 .pro_cc:hover p {

    color: #fff;

}



.marquee2 .pro_cc:hover .chanpin_con_cc {

    background: #00c4c4

}





/*----内页新闻列表-------*/



.news_list {

    width: 90%;

    margin: 30px auto;

}



.news_list li {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}



.news_list .left {

    width: 25%

}



.news_list .left img {

    max-width: 100%

}



.news_list .right {

    width: 70%

}



.news_list .right h3 {

    font-size: 24px;

    color: #666;

    font-weight: normal;

}



.news_list .right .txt {

    margin-top: 20px;

    font-size: 15px;

    line-height: 30px;

}



.news_list .right .date {

    color: #048d8d

}



.news_list .right .more {

    background: #048d8d;

    width: 100px;

    line-height: 40px;

    text-align: center;

    float: right;

    margin-top: 20px;

    color: #fff

}





/*----首页厂景厂貌---*/



.al_pic {

    overflow: hidden;

    margin: 1% auto 40px auto;

    width: 90%;

    overflow: hidden;

    display: block;

    height: 360px;

}



.al_pic li {

    float: left;

    margin-right: 20px;

    width: 410px;

    padding: 20px;

    border: 1px solid transparent;

    border-color: rgba(151, 151, 151, 0.3);

}



.al_pic li img {

    max-width: 100%

}



.al_pic li a:hover {

    background: #ec5411;

    color: #fff;

}



.al_pic li a {

    display: block;

}



.al_pic li a img {

    display: block;

    width: 100%;

}



@media (min-width: 1281px) {

    /*左右滚动*/

    .al_pic {

        display: block;

    }

}



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

    .honor .honor_tit {

        display: none;

    }

    .tel_honor_tit {

        display: block;

        text-align: center;

        padding: 4% 0;

    }

    .tel_honor_tit:after {

        content: "";

        width: 60px;

        height: 5px;

        background: #307dbf;

        display: block;

        margin: 3% auto 0 auto;

    }

    .al_pic li {

        width: 200px;

        padding: 10px;

    }

}





/*---产品详情---*/



.bt {

    width: 90%;

    margin: 0 auto 30px;

    text-align: center;

}



.bt h2 {

    font-size: 28px;

}



.pro02BoxBotNav {

    background: #d6d6d6;

    width: 100%;

    height: 66px;

}



.pro02BotNav {

    margin: 0 auto;

    padding: 0;

    width: 80%;

}



.pro02BotNav li {

    margin: 0;

    padding: 0;

    min-width: 33%;

    text-align: center;

    font-size: 18px;

    color: #212020;

    line-height: 66px;

    border-left: 1px solid #c8c8c8;

    position: relative;

    cursor: pointer;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    float: left;

}



.pro02BotNav li:first-child {

    border-left: none;

}



.pro02BotNav li:after {

    position: absolute;

    left: 50%;

    margin-left: -10px;

    bottom: 0;

    opacity: 0;

    display: block;

    content: "";

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 11px solid #048d8d;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}



.pro02BotNav li.active {

    background: #048d8d;

    color: #ffffff;

}



.pro02BotNav li.active:after {

    opacity: 1;

    bottom: -11px;

}



.pro02BotNav li:hover {

    background: #048d8d;

    color: #ffffff;

}



.pro02BoxBotCon {

    font-size: 16px;

    color: #5a5a5a;

    line-height: 24px;

}



.pro02BoxBotCon .swiper-slide {

    color: #5a5a5a;

}



.pro02BoxBotConText {

    padding: 0 0 30px;

    width: 80%;

    margin: 0 auto;

}



.pro02BoxBotConText img {

    margin: 10px auto;

    max-width: 100%;

}



.pro02BoxBotConText p {

    line-height: 31px;

}



.pro02BoxTit {

    font-size: 28px;

    color: #048d8d;

    padding: 2% 0 10px 0px;

    font-weight: bold;

}



.pro02BoxBrief {

    font-size: 16px;

    color: #5a5a5a;

    line-height: 24px;

    padding: 0 26.5% 0px;

}



.pro02BotImg3 {

    padding-bottom: 20px;

}



.pro02BotImg3 li {

    padding-bottom: 15px;

}



.pro02BotImg3Con {

    font-size: 14px;

    color: #5a5a5a;

    line-height: 24px;

    padding: 0 23%;

}



.pro02BotImg3Con h4 {

    font-size: 26px;

    color: #3d3d3d;

    line-height: 180%;

}



.pro02BotImg5 {

    border-top: 1px solid #bebebe;

    border-bottom: 1px solid #bebebe;

    font-size: 0;

    padding: 30px 0;

}



.pro02BotImg5Con {

    display: inline-block;

    vertical-align: middle;

    width: 50%;

    padding: 0 5%;

    font-size: 16px;

    text-align: center;

}



.pro02BotImg5Con h4 {

    font-size: 30px;

    color: #3d3d3d;

    line-height: 150%;

    padding: 10px 0;

}



.pro02BotImg5 img {

    display: inline-block;

    vertical-align: middle;

    width: 50%;

}



.cp_xiangqing {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.cp_xiangqing .img {

    width: 43%;

    text-align: left;

}



.cp_xiangqing .img img {

    max-width: 100%;

}



.cp_xiangqing .txt {

    width: 55%;

    text-align: left;

    font-size: 15px;

}




/*banner*/
.slide-main{position: relative; z-index: 1;}
.slide-main video{width:100%; height:100%}
.prev,.next{display: block; position: absolute; z-index: 222; bottom: 48%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.prev img,.next img{ margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom:30px; left: 0; text-align: center;}
.item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: #f44336; /*width: 40px;*/}
.slide-box,.slide{width:100%;height: auto; margin:0 auto;}
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto; display: block}
.slide a{display:block;cursor:pointer;}
.video {width:100%;position: relative;overflow: hidden;}
.video video{width:100%;object-fit:cover;z-index:1;position: relative;display: block;}