body{ margin: 0; padding: 0; background: #F5F5F5;}

*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 16px; color: #222;}

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

img{ border: 0; display: block; cursor: pointer; max-width:100%;}

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

ul, li{ list-style: none; cursor: pointer;}

b, i, em{ font-weight: normal; font-style: normal;}

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

select{ outline: none; appearance: none;}

html,body{ font-size: calc(100vw/19.2);}
.fl{ float:left}
.fr{ float:right;}
.clearfix{}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
    clear: both;
}
@font-face{

	font-family: 'font1';

	src:url('../fonts/BaiJamjuree-Medium.ttf');

}

@font-face{

	font-family: 'font2';

	src:url('../fonts/Helvetica-Neue-CE-35-Thin.ttf');

}

/* 清除浮动 */

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

.clearfix{*zoom: 1;}



::-webkit-scrollbar{
  width:5px;
  height:40px;
}
::-webkit-scrollbar-track{
  background-color:#eee;
}
::-webkit-scrollbar-thumb{
  background-color:#d62432;
}
::-webkit-scrollbar-thumb:hover {
  background-color:#eee}
::-webkit-scrollbar-thumb:active {
  background-color:#eee}

.header{ height: 80px; position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: flex; justify-content: space-between; align-items: center; padding: 0 80px; transition: all 0.5s;background: #fff;/*opacity: 0.8;*/}

.header2{ background:#fff;}

.header .logo a img{ display: block; height: 66px;}

.header .right{ display: flex; justify-content: flex-start; align-items: center;}

.header .right .nav{ display: flex; justify-content: flex-start;}

.header .right .nav .sli{ margin-left: 70px; position: relative;}

.header .right .nav .sli:first-child{ margin-left: 0;}

.header .right .nav .sli .tit a{ font-size: 18px; line-height: 80px; color: #333; transition: all 0.5s; font-weight: normal;}

.header .right .nav .sli.on .tit a,

.header .right .nav .sli .tit a:hover{ color: #05459e;}

.header .right .nav .sli .list{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%);}

.header .right .nav .sli:hover .list{ display: block;}

.header .right .nav .sli .list .mk{ border-top: 3px solid #05459e; background: #fff; display: flex; justify-content: flex-start; flex-wrap: wrap; }

.header .right .nav .sli .list .mk .wli{ width: 220px; margin-right: 45px; padding: 15px 0;}

.header .right .nav .sli .list .mk .wli:nth-child(4n){ margin-right: 0;}

.header .right .nav .sli .list .mk .h1 a{ display: flex; justify-content: flex-start;}

.header .right .nav .sli .list .mk .h1 .m{ width: 34px; height: 34px; margin-right: 6px;}

.header .right .nav .sli .list .mk .h1 .m img{ display: block; width: 100%;}

.header .right .nav .sli .list .mk .h1 .h{ font-size: 15px; color: #19181D; font-weight: bold; line-height: 34px; transition: all 0.5s;}

.header .right .nav .sli .list .mk .wli:hover .h1 .h{ color: #56CEE2;}

.header .right .nav .sli .list .mk .down{ margin: 8px 0 0 40px;}

.header .right .nav .sli .list .mk .down a{ font-size: 14px; line-height: 32px; color: #62606A; transition: all 0.5s;}

.header .right .nav .sli .list .mk .down a:hover{ color: #56CEE2;}

.header .right .eng{ position: relative; margin-left: 58px;}

.header .right .eng .top{ display: flex; justify-content: center; align-items: center;}

.header .right .eng .top a{ font-size: 16px; line-height: 80px; color:#ff0000; margin-right: 10px; transition: all 0.5s;}

.header .right .eng:hover .top a{ color: #00911A;}

.header .right .eng .top i{ display: block; width: 11px; height: 7px; background: url(../images/2.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}

.header .right .eng:hover .top i{ transform: rotate(180deg);}

.header .right .eng .bot{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); border-top: 3px solid #00B5D2; width: 150px; background: #fff; padding: 10px 0;}

.header .right .eng:hover .bot{ display: block;}

.header .right .eng .bot a{ font-size: 14px; line-height: 30px; color: #62606A; text-align: center; transition: all 0.5s; display:block;}

.header .right .eng .bot a:hover{ color: #00911A;}

.header .right .search{ display: flex; box-sizing: border-box; margin-left: 22px; width: 260px; height: 40px;     border: 1px solid #56cee2;/*border: 1px solid hsla(0,0%,100%,0.20);*/ border-radius: 25px; position: relative;}

.header .right .search input{ display: block; width: 100%; height: 40px; border-radius: 20px; border: none; background: hsla(0,0%,100%,0.00); font-size: 16px; padding: 0 15px; color: #fff;}

.header .right .search button{ display: block; width: 60px; height: 100%; position: absolute; top: 0; right: 0; border: none; background: url(../images/3.png) no-repeat center; background-size: 20px auto; cursor: pointer;}

.header .right .sole{ margin-left: 100px; width: 30px; height: 22px; position: relative; cursor: pointer;}

.header .right .sole i{ display: block; width: 100%; height: 2px; background: #05459e; position: absolute; top: 0; left: 0; border-radius: 2px;}

.header .right .sole i:nth-child(2){ top: 50%; margin-top: -1px;}

.header .right .sole i:nth-child(3){ top: auto; bottom: 0;}

.bannerdata{ position: relative;}

.bannerdata .img{ width: 100%; height: 570px; overflow: hidden;}

.bannerdata .img img{ width: 100%; opacity: 0;}

.bannerdata .cont{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center;}

/*.bannerdata .cont>div{ text-align: center;}*/

.bannerdata .cont .em{ font-size: 20px; line-height: 20px; color: #56CEE2; text-transform: uppercase;}

.bannerdata .cont .h1{ font-size: 42px; font-weight: bold; line-height: 44px; margin-top: 20px; color: #fff;}

.bannerdata .cont .p{ font-size: 24px; line-height: 34px; margin-top: 20px; color: #fff; opacity: 0.95;}

.w1360{ width: 1360px; margin: auto;}

.searchtwo{ position: relative; z-index: 5; margin-top: -74px;}

.searchtwo .cont{ background: #fff; padding: 40px 0;}

.searchtwo .cont .input{ margin: 0 40px; position: relative; display: flex; box-sizing: border-box;}

.searchtwo .cont .input input{ display: block; width: 100%; height: 70px; border-radius: 5px; border: 1px solid #DAE1E4; padding: 0 50px; background: #F5F5F5; font-size: 16px; color: #1C285A;}

.searchtwo .cont .input input::placeholder{ color: hsla(228,53%,23%,0.80);}

.searchtwo .cont button{ display: block; width: 175px; height: 72px; font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 0; right: 0; background: #1C285A; border-radius: 5px; cursor: pointer; transition: all 0.5s;}

.searchtwo .cont button:hover{ background: #56CEE2;}

.searchthree{ padding: 28px 0 40px 0;}

.searchthree .cont{ display: flex; justify-content: space-between;}

.searchthree .cont .searchnav{ width: 350px;}

.searchthree .cont .searchnav .h1{ font-size: 20px; font-weight: bold; color: #1C285A; line-height: 20px; padding: 24px 0 18px 36px; border-bottom: 2px solid hsla(228,53%,23%,0.15); background: #fff;}

.searchthree .cont .searchnav .list{ background: #fff; padding: 16px 20px;}

.searchthree .cont .searchnav .list .wli{ border-bottom: 1px solid hsla(228,53%,23%,0.15); padding: 15px;}

.searchthree .cont .searchnav .list .wli .h a{ font-size: 16px; line-height: 30px; color: #19181D; transition: all 0.5s;}

.searchthree .cont .searchnav .list .wli:hover .h a{ color: #1C285A;}

.searchthree .cont .searchnav .list .m a{ font-size: 15px; color: #62606A; transition: all 0.5s; padding-left: 16px; position: relative; line-height: 36px;}

.searchthree .cont .searchnav .list .m a:hover{ color: #1C285A;}

.searchthree .cont .searchnav .list .m a::after{ content: '-'; width: 16px; line-height: 36px; text-align: center; font-size: 15px; color: #62606A; position: absolute; top: 0; left: 0; opacity: 0.8;}

.searchthree .cont .searchnav .list .m{ padding-top: 5px;}

.searchthree .cont .rightlist{ width: 975px;}

.searchthree .cont .rightlist .h1{ font-size: 30px; color: #1C285A; font-weight: bold; line-height: 32px; padding: 18px 0 0 12px;}

.searchthree .cont .rightlist .list .li{ margin-top: 25px; padding: 25px; background: #fff; border-radius: 3px;}

.searchthree .cont .rightlist .list .img{ width: 220px; height: 140px; border: 1px solid #F5F5F5; display: flex; justify-content: center; align-items: center; overflow: hidden; float: right;}

.searchthree .cont .rightlist .list .img img{ display: block; max-width: 100%; max-height: 100%;}

.searchthree .cont .rightlist .list .text{ width: 640px;}

.searchthree .cont .rightlist .list .text .h2{ font-size: 20px; font-weight: bold; line-height: 30px; color: #1C285A; padding-top: 10px;}

.searchthree .cont .rightlist .list .text .p{ display: flex; padding-top: 15px;}

.searchthree .cont .rightlist .list .text .p div{ font-size: 15px; line-height: 20px; color: #19181D; margin-left: 30px;}

.searchthree .cont .rightlist .list .text .p div:first-child{ margin-left: 0;}

.searchthree .cont .rightlist .list .text a{ display: block; width: 104px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #01B6D3; font-size: 14px; border-radius: 20px; color: #01B6D3; margin-top: 25px; transition: all 0.5s;}

.searchthree .cont .rightlist .list .li:hover .text a{ background: #01B6D3; color: #fff;}

.pageing{ display: flex; justify-content: center;}

.pageing > div a,.pageing .li a{ margin: 0 6px;padding:0 10px; min-width: 22px; height: 42px; border-radius: 22px; text-align: center; line-height: 42px; font-size: 15px; color: #707479; transition: all 0.5s;}

.pageing .li a.cur, .pageing .li a:hover,.pageing .active a, .pageing > div a:hover{ background: #02AFCD; color: #fff;}

.pageing .li a.next, .pageing .li a.prev{ width: 70px;}

.searchthree .pageing{ margin-top: 40px;}

.footer{ background: #0F183E; display: flex; justify-content: space-between;}

.footer .left{ width: 9.5rem; padding: 0.9rem 0 0 1.8rem;}

.footer .left .nav{ display: flex;}

.footer .left .nav .li{ margin-left: 1.7rem;}

.footer .left .nav .li:first-child{ margin-left: 0;}

.footer .left .nav .li .h1 a{ font-size: 15px; font-weight: bold; line-height: 20px; color: #fff;}

.footer .left .nav .li .m a{ font-size: 14px; line-height: 42px; color: #fff; opacity: 0.6; transition: all 0.5s;}

.footer .left .nav .li .m a:hover{ opacity: 1;}

.footer .left .nav .li .m{ margin-top: 15px;}

.footer .left .nav .li:first-child .m{ width: 315px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.footer .left .nav .li:first-child .m a{ width: 215px;}

.footer .left .nav .li:first-child .m a:nth-child(2n){ width: 100px;}

.footer .left .bot{ margin-top: 45px; border-top: 1px solid hsla(228,53%,23%,0.20); display: flex; flex-wrap: wrap; padding: 30px 0;}

.footer .left .bot a, .footer .left .bot .p{ font-size: 14px; line-height: 24px; color: #fff; opacity: 0.9; transition: all 0.5s; margin-right: 10px;}

.footer .left .bot a:hover{ opacity: 1;}

.footer .right{ width: calc(100% - 11.3rem); border-radius: 2.6rem 0 0 0; background-image: linear-gradient(#183d6c, #1a3162);}

.footer .right .mk{ padding: 0.96rem 1.9rem 0.3rem 1.42rem;}

.footer .right .logo img{ height: 47px;}

.footer .right .wter{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.footer .right .wter .li{ display: flex; margin-top: 30px;}

.footer .right .wter .li2{ display: block; width: 100%;}

.footer .right .wter .li .h{ font-size: 14px; font-weight: bold; line-height: 20px; color: #fff;}

.footer .right .wter .li .p{ font-size: 14px; color: #BABBC1; line-height: 20px;}

.footer .right .wter .li .tel{ font-size: 24px; font-weight: bold; line-height: 24px; color: #fff; margin-top: 10px;}

.nominate{ margin: 55px 0 65px 0;}

.nominate .h1{ font-size: 30px; font-weight: bold; color: #1C285A; line-height: 32px;}

.nominate .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

.nominate .list .li{ margin: 30px 30px 0 0; width: 317px; background: #fff; box-shadow: 1px 1px 5px rgb(0 0 0 / 15%); border-radius: 3px;}

.nominate .list .li:nth-child(4n){ margin: 30px 0 0 0;}

.nominate .list .li a{ display: block; padding: 18px 19px;}

.nominate .list .li a .img{ border: 1px solid #F5F5F5; height: 178px; display: flex; justify-content: center; align-items: center; overflow: hidden;}

.nominate .list .li a .img img{ display: block; max-width: 100%; max-height: 100%;}

.nominate .list .li .text{ font-size: 16px; line-height: 26px; color: #19181D; margin-top: 15px; transition: all 0.5s;}

.nominate .list .li:hover .text{ color: #1C285A;}

.producthree{ margin-top: 42px;}

.producthree .cont{ display: flex; justify-content: space-between; align-items: flex-start;}

.producthree .cont .left{ width: 975px;}

.producthree .cont .left .h1{ font-size: 30px; line-height: 32px; color: #1C285A; font-weight: bold; padding: 15px 0 20px 0;}

.producthree .cont .left .li{ display: flex; justify-content: space-between; margin-top: 2px; border: 1px solid #DAE1E4; border-radius: 3px;}

.producthree .cont .left .li .h{ background: #fff; width: 220px;}

.producthree .cont .left .li .h .em{ font-size: 16px; line-height: 26px; color: #19181D; padding: 15px 30px;}

.producthree .cont .left .li .p{ background: #f3f5fb; width: calc(100% - 220px);}

.producthree .cont .left .li .p .em{ font-size: 14px; color: #19181D; line-height: 24px; padding: 16px 22px;}

.producthree .cont .right{ width: 350px;}

.producthree .cont .right .words{ background: #f3f5fb; border-radius: 3px; padding: 25px 17px 40px 17px;}

.producthree .cont .right .words .h1{ font-size: 24px; line-height: 26px; font-weight: bold; color: #1C285A;}

.producthree .cont .right .words .form{ margin-top: 20px;}

.producthree .cont .right .words .form .li{ margin-top: 10px;}

.producthree .cont .right .words .form .li:first-child{ margin-top: 0;}

.producthree .cont .right .words .form .li .input{ border: 1px solid #DAE1E4; border-radius: 30px; display: flex; box-sizing: border-box; transition: all 0.5s;}

.producthree .cont .right .words .form .li .input:hover{ border-color: hsla(189,71%,61%,0.50);}

.producthree .cont .right .words .form .li .input input{ width: 100%; height: 50px; background: #fff; border-radius: 30px; padding: 0 20px; font-size: 14px;}

.producthree .cont .right .words .form .li .input input::placeholder,

.producthree .cont .right .words .form .li .input textarea::placeholder{ color: #84838A;}

.producthree .cont .right .words .form .li .input textarea{ display: block; width: 100%; height: 150px; border-radius: 30px; padding: 15px 22px; font-display: 14px;}

.producthree .cont .right .words .form .sub{ display: block; width: 168px; height: 58px; background: #1C285A; font-size: 16px; color: #fff; border: none; border-radius: 30px; margin: 20px auto 0; cursor: pointer; transition: all 0.5s;}

.producthree .cont .right .words .form .sub:hover{ background: #56CEE2;}

.productown{ margin-top: -74px; position: relative; z-index: 5;}

.productown .cont{ background: #fff;}

.productown .cont .mk{ padding: 40px; display: flex; justify-content: space-between; align-items: flex-start;}

.productown .cont .mk .img{ width: 550px; height: 354px; overflow: hidden; display: flex; justify-content: center; align-items: center;}

.productown .cont .mk .img img{ display: block; max-width: 100%; max-height: 100%;}

.productown .cont .mk .text{ width: 680px;}

.productown .cont .mk .text .t{ font-size: 14px; line-height: 24px; color: #19181D; opacity: 0.5; padding-top: 15px;}

.productown .cont .mk .text .h1{ font-size: 24px; line-height: 36px; margin-top: 20px; color: #1C285A;}

.productown .cont .mk .text .tel{ margin-top: 15px;}

.productown .cont .mk .text .tel .p{ font-size: 16px; color: #19181D; line-height: 36px;}

.productown .cont .mk .text .k{ width: 210px; height: 58px; text-align: center; line-height: 58px; border-radius: 30px; background: #1C285A; font-size: 16px; color: #fff; margin-top: 30px; transition: all 0.5s;}

.productown .cont .mk .text .k:hover{ background: #56CEE2;}

.productown .cont .mk .more{ display: flex; margin-top: 15px;}

.productown .cont .mk .more .li{ margin: 5px 5px 0 0; position: relative;}

.productown .cont .mk .more .li .ds{ display: block; width: 20px; height: 20px; border-radius: 2px; overflow: hidden;}

.productown .cont .mk .more .li .ds img{ display: block; width: 100%;}

.productown .cont .mk .more .li .str{ display: none; position: absolute; top: 20px; left: 0; background: #fff; border: 1px solid #d5d6d6; width: 160px; padding: 5px 0;}

.productown .cont .mk .more .li:hover .str{ display: block;}

.productown .cont .mk .more .li .str a{ display: flex; padding: 4px 10px; transition: all 0.5s;}

.productown .cont .mk .more .li .str a:hover{ background: #235dab;}

.productown .cont .mk .more .li .str a i{ display: block; width: 16px; height: 16px;}

.productown .cont .mk .more .li .str a p{ font-size: 13px; line-height: 16px; color: #235dab; margin-left: 5px; transition: all 0.5s;}

.productown .cont .mk .more .li .str a:hover p{ color: #fff;}

.bannerdata2 .cont{ text-align: left;}

.bannerdata .cont a{ width: 35px; height: 35px; margin-top: 40px; background: url(../images/28.png) no-repeat center; background-size: 100% auto;}

.contactbanner .img{ height: 940px; position: relative;}

.contactbanner .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/39.png) no-repeat bottom right; background-size: 18.75rem auto;}

.contactbanner .p{ width: 540px;}

.contactbox{ background: #fff url(../images/42.jpg) no-repeat center bottom; background-size: 100% auto; padding-bottom: 92px;}

.contactbox .cont{ margin: -250px auto 0; position: relative; z-index: 5; display: flex; justify-content: space-between;}

.contactbox .cont .left{ width: 605px; padding-top: 105px;}

.contactbox .cont .left .li{ margin-top: 30px;}

.contactbox .cont .left .li .h{ font-size: 16px; color: #333; line-height: 16px; margin-bottom: 18px;}

.contactbox .cont .left .li .input{ background: #EFEFF1; border-radius: 10px; display: flex; box-sizing: border-box; transition: all 0.5s;}

.contactbox .cont .left .li .input:hover{ box-shadow: 0 0 10px hsla(228,53%,23%,0.10);}

.contactbox .cont .left .li .input input{ padding: 0 15px; height: 68px; width: 100%; border-radius: 10px; background: #EFEFF1; font-size: 16px; border: none;}

.contactbox .cont .left .li .input textarea{ width: 100%; height: 200px; padding: 15px; font-size: 16px; background: #EFEFF1; border-radius: 10px;}

.contactbox .cont .left .li button{ margin: 40px auto 0; width: 256px; height: 68px; line-height: 68px; background: #03AECC; border-radius: 40px; display: flex; justify-content: center; cursor: pointer; transition: all 0.5s;}

.contactbox .cont .left .li button:hover{ background: hsla(228,53%,23%,1.00);}

.contactbox .cont .left .li button i{ display: block; font-size: 18px; padding-right: 25px; color: #fff; background: url(../images/43.png) no-repeat right center; background-size: 14px auto;}

.contactbox .cont .right{ width: 584px;}

.contactbox .cont .right .h1{ font-size: 32px; color: #1C285A; font-weight: bold; line-height: 42px;}

.contactbox .cont .right .m{ font-size: 32px; line-height: 42px; color: #1C285A; margin-top: 5px; font-weight: bold;}

.contactbox .cont .right .tel{ margin-top: 40px;}

.contactbox .cont .right .tel .li{ margin-top: 50px;}

.contactbox .cont .right .tel .li:first-child{ margin-top: 0;}

.contactbox .cont .right .tel .li .h{ font-size: 18px; font-weight: bold; color: #19181D; line-height: 20px;}

.contactbox .cont .right .tel .li .p{ font-size: 16px; line-height: 26px; margin-top: 10px; color: #19181D;}

.contactbox .cont .right .map{ height: 360px; border: 1px solid #DAE1E4; border-radius: 10px; overflow: hidden; margin-top: 40px; background: url(../images/41.jpg) no-repeat center; background-size: cover;}

.searchthreetwo .cont{ display: block;}

.searchthreetwo .cont .rightlist{ width: auto;}

.searchthreetwo .cont .rightlist .h1{ padding: 18px 0 0 40px;}

.searchthreetwo .cont .rightlist .list .li{ padding: 25px 60px 25px 40px;}


.morebox{ display: flex;}

.morebox a{ font-size: 15px; color: #1C285A; line-height: 20px; padding-right: 22px; background: url(../images/56.png) no-repeat right center; background-size: 14px auto;}

.morebox2 a{ color: #01B6D3; background: url(../images/56s.png) no-repeat center right; background-size: 14px auto;}



.indexbanner{ width: 100%; overflow: hidden; position: relative;}

.indexbanner .cont{ width: 100%; height: auto; position: relative; overflow: hidden;}

.indexbanner .cont .img .ximg{ display: none;}

.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev{ /*display: none;*/ opacity: 0.5; transition: all 0.5s; cursor: pointer;}
.indexbanner .swiper-button-next{ right: 30px; color: #fff;}
.indexbanner .swiper-button-prev{ left: 30px; color: #fff;}
.indexbanner .swiper-button-next:hover, .indexbanner .swiper-button-prev:hover{ opacity: 1;}

.indexbanner .text{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 1rem;}

.indexbanner .text .h1{ font-size: 72px; font-weight: bold; line-height: 76px; /*color: hsla(0,0%,100%,0.00); -webkit-text-stroke: 1px hsla(0,0%,100%,0.80); text-stroke: 1px hsla(0,0%,100%,0.80);*/ color: #fff;}

.indexbanner .text .h2{ font-size: 62px; font-weight: bold; color: #fff;}

.indexbanner .text .bot{ height: 260px; margin-top: 25px;}

.indexbanner .text .v{ display: flex; margin-top: 50px;}

.indexbanner .text .v .p{ font-size: 16px; line-height: 58px; margin-right: 54px; color: #fff;}

.indexbanner .text .v a{ display: flex; justify-content: center; width: 178px; height: 58px; line-height: 58px; background: #d3010b; border-radius: 30px; transition: all 0.5s;}

.indexbanner .text .v a:hover{ background: #1C285A;}

.indexbanner .text .v a i{ font-size: 14px; color: #fff; padding-right: 28px; background: url(../images/43.png) no-repeat right center; background-size: 14px auto; font-weight: bold;}

.indexbanner .text .em{ width: 140px; height: 3px; background: #d3010b; margin-top: 25px;}

.indexbanner .num{ position: absolute; left: 0; right: 0; bottom: 296px; display: flex; justify-content: flex-end; padding: 0 0.6rem; height: 30px; z-index: 10;}

.indexbanner .num::after{ width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 40px; opacity: 0.2; content: '';}

.indexbanner .num .k{ width: 38px;}

.indexbanner .num .k i,

.indexbanner .num .k em{ display: block; line-height: 40px; font-size: 16px; color: #fff; text-align: center;}

.indexbanner .num .k i{ border-bottom: 1px solid #fff;}

.indexbanner .swiper-pagination{ opacity: 0;}

.rightnavbox{ position: fixed; right: 26px; bottom: 50px; z-index: 50;}

.rightnavbox .bot{ width: 48px; height: 48px; border-radius: 100%; background: #F0F1F5 url(../images/77.png) no-repeat center; background-size: 100% auto; margin-top: 40px; transition: all 0.5s; cursor: pointer;}

.rightnavbox .bot:hover{ background: #d30114 url(../images/77s.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top{ width: 48px; border-radius: 25px; background: #F0F1F5; padding: 15px 0;}

.rightnavbox .top .li{ position: relative; cursor: pointer;}

.rightnavbox .top .li .m{ width: 100%; height: 46px; transition: all 0.5s;}

.rightnavbox .top .li .m1{ background: url(../images/74.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li .m2{ background: url(../images/75.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li .m3{ background: url(../images/76.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li:hover .m1{ background: #01B6D3 url(../images/74s.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li:hover .m2{ background: #05459e url(../images/75s.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li:hover .m3{ background: #05459e url(../images/76s.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li .img{ display: none; width: 108px; padding: 10px; border-radius: 5px 0 5px 5px; background: #05459e; position: absolute; top: 0; right: 48px;}

.rightnavbox .top .li:hover .img{ display: block;}

.rightnavbox .top .li .img img{ display: block; width: 100%;}

.productown .cont .mk .more .li .wearup{ width: 100%; height: 100%; background: hsla(0,0%,0%,0.90); position: fixed; top: 0; left: 0; display: none; justify-content: center; align-items: center; z-index: 50;}

.productown .cont .mk .more .li .wearup2{ display: flex;}

.productown .cont .mk .more .li .wearup .v{ width: 200px; background: #fff; padding: 10px; border-radius: 3px; position: relative;}

.productown .cont .mk .more .li .wearup .v img{ display: block; width: 100%;}

.productown .cont .mk .more .li .wearup .p{ font-size: 14px; text-align: center; line-height: 14px; margin-top: 5px; color: #666;}

.productown .cont .mk .more .li .wearup .s{ width: 20px; height: 20px; background: url(52.png) no-repeat center; background-size: 100% auto; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px;}

.botcell{ display: none;}

.aboutrent .cont{ height: 0; overflow: hidden;}

.aboutrent .cont.on{ height: auto;}

.header .right .nav .sli .list .mk2{ width: 180px; text-align:left;  display: block;}

.header .right .nav .sli .list .mk3{ width: 270px; text-align:left;  display: block;}

.header .right .nav .sli .list .mk2 a{
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	transition: all 0.5s;
	display:block;
	border-bottom:1px solid #eee;
	/*text-indent: 20px;*/
}
.header .right .nav .sli .list .mk3 a{ font-size: 15px; text-align: left; line-height: 50px; transition: all 0.5s;display:block;text-indent: 20px;}

.header .right .nav .sli .list .mk2 a:hover{
	color: #fff;
	background-color:#05459e;
	/*background-image: url(43.png);
	background-repeat: no-repeat;
	background-position: 170px center;*/
}
.header .right .nav .sli .list .mk3 a:hover{
	color: #fff;
	background-color: #CC0000;
	background-image: url(43.png);
	background-repeat: no-repeat;
	background-position: 240px center;
}

.cellnavboxer{ display: none;}

.cellnavboxer .topnav{ position: fixed; top: 0; left: 0; right: 0; padding: 0 0.25rem; height:auto; display: flex; justify-content: space-between; align-items: center; z-index: 50; transition: all 0.5s;background: #fff; opacity: 0.8;}

.cellnavboxer .topnav2{ background: #fff; opacity: 0.8;}

.cellnavboxer .topnav .logo img{ display: block; height:50px; width:80%;}

.cellnavboxer .topnav .sole{ width: 24px; height: 20px; position: relative;}

.cellnavboxer .topnav .sole i{ display: block; width: 100%; height: 3px; position: absolute; left: 0; background: #05459e; border-radius: 3px; top: 0;}

.cellnavboxer .topnav .sole i:nth-child(2){ top: 50%; transform: translateY(-50%);}

.cellnavboxer .topnav .sole i:nth-child(3){ top: auto; bottom: 0;}

.cellnavboxer .up{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 52; background: #000; opacity: 0.8;}

.cellnavboxer .list{ width: 200px; height: 100%; background: #fff; position: fixed; top: 0; right: -200px; z-index: 54; transition: all 0.5s;}

.cellnavboxer .list2{ right: 0;}

.cellnavboxer .list .mk{ padding: 15px 20px;}

.cellnavboxer .list .sole{ width: 20px; height: 20px; background: url(52s.png) no-repeat center; background-size: 100% auto; position: absolute; top: 15px; right: 15px;}

.cellnavboxer .list .logo img{ display: block; margin-top: 50px; height: auto;}

.cellnavboxer .list .input{ position: relative; border-bottom: 1px solid #eee; margin-top: 20px;}

.cellnavboxer .list .input input{ display: block; width: 100%; height: 30px; border: none; font-size: 15px;}

.cellnavboxer .list .input button{ display: block; width: 30px; height: 30px; background: url(../images/3s.png) no-repeat center; background-size: 60% auto; position: absolute; top: 0; right: 0;}

.cellnavboxer .list .length{ margin-top: 20px; display: flex;}

.cellnavboxer .list .length a{ font-size: 15px; color: #1C285A; line-height: 30px; margin-left: 20px; position: relative;}

.cellnavboxer .list .length a:first-child{ margin-left: 0;}

.cellnavboxer .list .length a::after{ content: '|'; width: 20px; font-size: 14px; text-align: center; line-height: 30px; color: #333; position: absolute; top: 0; left: -20px; opacity: 0.5;}

.cellnavboxer .list .length a:first-child::after{ display: none;}

.cellnavboxer .list .nav{ position: absolute; top:180px; left: 0; right: 0; padding: 0 20px; bottom: 20px; overflow-y: auto;}

.cellnavboxer .list .nav .li{ border-bottom: 1px solid #eee; padding: 10px 3px;}

.cellnavboxer .list .nav .tit{ display: flex; justify-content: space-between; align-items: center;}

.cellnavboxer .list .nav .tit a{ font-size: 16px; color: #333; line-height: 30px;}

.cellnavboxer .list .nav .tit i{ width: 20px; height: 20px; background: url(2s.png) no-repeat center; background-size: 7px auto; transition: all 0.5s;}

.cellnavboxer .list .nav .li.on .tit i{ transform: rotate(90deg);}

.cellnavboxer .list .nav .m a{ font-size: 14px; line-height: 26px; color: #666; padding-left: 15px; position: relative; display:block;}

.cellnavboxer .list .nav .m a::after{ width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 2px; top: 50%; margin-top: -3px; background: #000; opacity: 0.4; content: '';}

.cellnavboxer .list .nav .m{ margin-top: 5px; display: none;}

.cellnavboxer .vent{ position: fixed; top: 0; right: -250px; height: 100%; width: 250px; background: #fff; z-index: 56; transition: all 0.5s;}

.cellnavboxer .vent2{ right: 0;}

.cellnavboxer .vent .sole{ width: 20px; height: 20px; background: url(52s.png) no-repeat center; background-size: 100% auto; position: absolute; top: 15px; right: 15px;}

.cellnavboxer .vent .mk{ padding: 0 20px; position: absolute; top: 60px; left: 0; bottom: 20px; right: 0; overflow-y: auto;}

.cellnavboxer .vent .h1 a{ display: flex; justify-content: flex-start;}

.cellnavboxer .vent .h1 a .m{ width: 26px; height: 26px; margin-right: 5px;}

.cellnavboxer .vent .h1 a .m img{ display: block; width: 100%;}

.cellnavboxer .vent .h1 a .h{ font-size: 15px; line-height: 26px; font-weight: bold;}

.cellnavboxer .vent .down{ padding: 5px 0 0 31px;}

.cellnavboxer .vent .down a{ font-size: 14px; color: #666; line-height: 28px;}

.cellnavboxer .vent .wli{ margin-top: 20px;}

.cellnavboxer .vent .wli:first-child{ margin-top: 0;}

.productown .cont .mk .more .addthis_toolbox{ display: flex;}
.productown .cont .mk .more .addthis_toolbox a{ width: 20px; height: 20px; margin: 0 5px 5px 0; padding: 0; position: relative;}
.productown .cont .mk .more .addthis_toolbox a span{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.6);}

.indexnumber .left .m{ display: none;}
.rightnavbox .top .li .img2{ font-size: 20px; line-height: 26px; color: #fff; white-space: nowrap; width: auto; border-radius: 5px 0 0 5px;}
.rightnavbox .top .li .m3 a{ display: block; width: 100%; height: 100%; opacity: 0; position: relative; z-index: 5;}
.rightnavbox .top .li .gr{ width: 100%; height: 100%; position: absolute; opacity: 0; top: 0; left: 0;}
.rightnavbox .top .li .gr input{ display: block; width: 100%; height: 100%; position: absolute; top: 0;left: 0; opacity: 0;}


/*  ny-abnner  */
.pub_banner { width:100%; position:relative; max-height:600px; overflow:hidden;} 
 .pub_banner:before{content:"";dislay:block;width:100%;height:100%;left:0;top:0;z-index:1;position:absolute;} 
 .pub_banner img{ width:100%; max-height:100%; animation: bannerimg 2s;} 
 .pub_banner .banner_info { position:absolute; width:100%; z-index:2; color:#fff; text-align:center; left:0; top:50%;transform: translateY(-50%); } 
 .pub_banner .banner_info h1{ font-size:48px; animation: puBanner 2s; line-height:1.5; text-shadow:0 5px 10px rgba(0,0,0,0.2); color:#fff;}
 .pub_banner .banner_info p {font-size:16px;text-transform: uppercase;animation: puBanner 3s;text-shadow:0 5px 10px rgba(0,0,0,0.2);color:#fff;font-family: trebuchet ms,helvetica,sans-serif;text-transform: uppercase;} 
 @keyframes puBanner { from {transform: translateY(100px); opacity:0;} to {transform: translateY(0px);opacity:1;} } 
 @keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } 
 @keyframes jiantoushang { from { opacity:0;} to { opacity:1;} } 
 .pub_banner i.icon-jiantou {color:#fff; font-size:24px; position:absolute; bottom:20px; left:50%; z-index:3; height:30px; transform:translateX(-50%) rotate(90deg); animation: jiantoushang 2s;line-height:30px;}
  @media (max-width: 768px) { .pub_banner { width:100%; position:relative; height:300px; overflow:hidden;} .pub_banner img{width:auto;height:100%;width: 100%;object-fit: cover;} .pub_banner .banner_info h1{ font-size:22px;} .pub_banner .banner_info p {font-size:12px;text-transform: uppercase;}   .indexbanner .cont {  height: 400px; }.indexbanner .cont {} .indexbanner .cont .img>img{ width:100%; height:400px;}}

 @media (max-width: 448px) {.indexbanner .cont {  height: 200px; }.indexbanner .cont {} .indexbanner .cont .img>img{ width:100%; height:200px;}}




  
.foot{ background:#1a1b1d; position:relative;}
.foot-top{ background:#3c3c3c;padding:30px 1.8rem 10px 1.8rem;}
.foot-top-text{ width:60%; color:#ccc; font-size:14px; line-height:2; margin-top:30px; }
.foot-top-logo{}
.foot-top-menu{ margin-top:20px; color:#eee; }
.foot-top-menu a{ display:inline-block; font-size:16px; color:#e5e5e5; line-height:2; margin:0 20px;}
.foot-top-menu a:hover{color:#fff;}
.foot-top-menu a:first-child{ margin-left:0;}
.foot-top-weixin{  overflow:hidden; margin-top:30px;}
.foot-top-weixin ul li{ text-align:center; color:#ccc; display:inline-block; width:200px; height:230px; overflow:hidden; margin-left:20px;}
.foot-top-weixin ul li>img{width:200px; height:200px; overflow:hidden;}
.foot-copy{padding:10px 1.8rem 10px 1.8rem;}
.foot-copy ul li{color:#6d7277; font-size:14px; line-height:2;}



/* indexbody */
.indexBody{  position:relative; background:#fff;/* padding: 80px 1.8rem;*/}
.indexPart0{ overflow: hidden;  position: relative;}
.indexPart0-tit{ position: relative; text-align:center;}
.indexPart0-tit-text{
	/*background-image: url(part0-titbg.png);
	background-repeat: no-repeat;
	background-position: left center;*/
	width:280px;
	height:38px;
	overflow:hidden;
	font-size:24px;
	line-height:38px;
	font-weight:bold;
	color: #333;
	margin:0 auto;
}
.indexPart2-tit-text{
	background-image: url(part2-titbg.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:280px;
	height:38px;
	overflow:hidden;
	font-size:24px;
	line-height:38px;
	font-weight:bold;
	color: #fff;
	text-indent: 40px;
}
.indexPart0-tit-ttc{font-size:16px; line-height:2; color:#666; margin:20px auto;}

.indexPart1{
	overflow: hidden;
	position: relative;
	background-image: url(sy-about-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:cover;
}
.wal {
    width: 15.36rem;
    margin: 0px auto;
}
.indexPart1:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 100%;

	/*background-image: url(indexAbout-l.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.indexPart1:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	background-size: contain;
	/*background-image: url(indexAbout-r.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.indexPart1 .leftDiv{ width: 50%; padding-top: 1.1rem; position: relative; z-index: 1;}
.indexPart1 .leftDiv .txt{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; color: #333; text-transform: uppercase; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .txt-en{ font-size: 0.14rem; line-height: 0.18rem; font-weight: normal; color: #888; text-transform: uppercase; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .wen{ font-size: 0.2rem; line-height: 0.36rem; color: #05459e; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .content{ font-size: 16px; color: #828282; line-height: 30px; padding-right: 1.2rem; margin-bottom:20px; }
.indexPart1 .leftDiv .name{ font-size: 0.48rem; line-height: 0.48rem; padding-top: 0.7rem; text-transform: uppercase; color: #dfdfdf; font-family:mont; }
.indexPart1 .btnDiv{ padding-top: 0.2rem; padding-bottom:0.2rem }
.indexPart1 .btnDiv a{
	display: block;
	text-align:left;
	position: relative;
	width: 160px;
	height: 52px; /* border:#05459e solid 2px;*/
	border-radius: 50px;
	line-height: 52px;
	color: #05459e;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	text-indent: 30px;
}
.indexPart1 .btnDiv a::after {
    content: "";
    width: 24px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 22px;
    background: url(indArr.png) no-repeat center;
    transition: all .4s ease;
}
.indexPart1 .btnDiv a:hover::after{transform: translateX(-26px);}
.indexPart1 .btnDiv a:hover{ background: #05459e ; color: #fff; }
.indexPart1 .rightDiv{ width: 50%; padding-top: 1.0rem; height: auto; position: relative; z-index: 1;}
.indexPart1 .numList{ width: 6.6rem; }
.indexPart1 .numList li{ padding-bottom: 0.2rem; width:100%; color: #fff;}
.indexPart1 .numList li:nth-child(even){ float: right;}
.indexPart1 .numList li:last-child{ width: 100%; }
.indexPart1 .numList li p{ font-size: 0.18rem; padding-bottom: 0.4rem; color: #333;font-weight:bold;}
.indexPart1 .numList li b{ padding-right: 8px;color: #05459e; font-weight:bolder; }
.indexPart1 .numList li .num{ font-size: 24px; padding-bottom: 0.2rem; color:#05459e;  font-weight:bold;}
.indexPart1 .numList li .numUp{ font-family:gotham; font-size: 0.36rem; line-height: 0.48rem; padding-right: 0.1rem; }
.index-tit{ position:relative; padding:0.3rem; text-align:center;}
.index-tit h1{font-size: 0.48rem; line-height: 0.48rem; color: #ededed;text-transform: uppercase; font-family: mont;}
.index-tit h2{font-size: 0.36rem; line-height: 0.7rem;font-weight: bold; color: #143c9b;}
.index-tit p{font-size: 0.14rem; color:#666; line-height:26px;}


@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.indexPart2{ position:relative; /* padding: 80px 1.8rem;*/}
.indexPart2 {
	padding: 80px 0;
	width: 100%;
	position: relative;
	/*background-image: url(bj2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;*/
}

.indexPart3 {
	padding:80px 0;
	width: 100%;
	position: relative;
	background-image: url(sy-luBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.indexLy{}
/**  indexly tab STYLE  **/
#tabbox{ width:100%;  margin-top:40px; position:relative; height:500px; overflow:hidden;}
span.big-title{ position:absolute; top:10px; left:10px; font-size:18px; font-weight:bold; color:#E4007F;}
span.big-title em{
    font-size: 12px;
    color: #666; 
    font-weight: normal;
    font-style: normal;
}


.tabs{height:auto;width: 100%; background:none;position: absolute; bottom:20px;}
.tabs li{
    height: auto;
	float:left;
	overflow: hidden;
	position: relative;  
	width:12%; 
	margin:0 0.2%;
	
}

.tabs li a {display: block;outline: none; font-size:16px; font-weight:bold; color:#666; text-align:center;background: #f1f5ff; border-radius:20px; padding:10px;transition: .3s; flex-shrink: 0;}
.tabs li a:hover{background:#05459e; color:#fff;}
.tabs .thistab{background:#05459e; color:#fff; border-radius:20px; z-index:999;}
.tabs .thistab a:hover,.tabs li a .item:hover{background:#05459e; color:#fff;}
.tabs li .item.on [icon],.tabs li .item:hover [icon] {
    filter: brightness(100)
}
.tabs .thistab a{color:#fff;}
.tabs li .item>p{text-align:right;}
.tabs li .item>p:hover{color:#fff; text-align:right;}
.tab_conbox{    top: 50px; background:#f1f5ff; padding:10px;position: absolute; width: 50%;border-radius:20px;}
.tab_con{ display:none;}
.tab_con {
	font-size: 14px;
	line-height:175%;
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-left: 5px;*/
}

.box_bz03{ margin-top:10px;}
.box_bz03 li{float:left; position:relative;padding: 20px; }
.box_bz03 li>h2{font-size: 24px; font-weight:bold; line-height: 2;border-bottom: 1px dashed #DFDFDF;}
.box_bz03 li>p{font-size: 18px; line-height: 2;}

/**  indexly tab end  **/

@media (max-width: 768px) {


.foot-top {
    background: #272a2f;
    padding: 20px 10px;	
}
.foot-top-text01 {
    width: 50%;
    color: #ccc;
    font-size: 14px;
    line-height: 2;
    margin-top: 30px;
}
.foot-top-text {
    width: 100%;
    color: #ccc;
    font-size: 14px;
    line-height: 2;
    margin-top: 30px;
    margin-left: 0px;
}
.foot-top-weixin ul li {
    text-align: center;
    color: #ccc;
    display: block;
    width: 100%;
    height: 230px;
    overflow: hidden;
	margin-left: 0px;
}
.foot-top-weixin ul li>img {
    width: 200px;
    height: 200px;
    overflow: hidden;
	margin:0 auto;
}
.foot-copy {
    padding: 10px;
}
} 
@media (max-width: 414px) {}