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

*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; }

a{ text-decoration: none; cursor: pointer; color:#222; }

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{ font-size:14px; 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: 16px; line-height: 80px; color: #333; transition: all 0.5s; font-weight: bold;}

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

.header .right .nav .sli .tit a:hover{ color: #8c6804;}

.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 #977e30; 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: #977e30; 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: #d30114 url(../images/75s.png) no-repeat center; background-size: 100% auto;}

.rightnavbox .top .li:hover .m3{ background: #d30114 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: #d30114; 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: 200px; 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: left;
	line-height: 50px;
	transition: all 0.5s;
	display:block;
	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: #977e30;
	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:60px; 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: #977e30; 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;}






  



/* indexbody */
.indexBody{  position:relative; background:#fff;/* padding: 80px 1.8rem;*/}
.indexPart0{ overflow: hidden;  position: relative;}
.indexPart0-tit{ position: relative;}
.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: #fff;
	text-indent: 40px;
}
.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;}
.indexPart0-ul{ margin:20px auto; overflow:hidden;}
.indexPart0-ul-li{ float:left; width:23%; height:110px;  background:#fafafa; margin:2% 2% 2% 0;}
.indexPart0-ul-li:hover{background:#fff;box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    outline: none;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.15);}
.indexPart0-ul-li .li-img{ margin-top:20px; margin-left:20px;}
.indexPart0-ul-li .li-text{margin-top:20px; margin-left:20px;    font-size: 14px;}
.indexPart0-ul-li .li-text>p{ font-size:18px; line-height:2;}
.indexPart0-ul-li .li-text>b{ font-size:14px; line-height:2; font-weight:normal; color:#666;}
.indexPart1{ overflow: hidden;  position: relative;}
.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.48rem; line-height: 0.48rem; font-weight: bold; color: #333; text-transform: uppercase; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .txt-en{ font-size: 0.18rem; line-height: 0.18rem; font-weight: bold; color: #9b8646; text-transform: uppercase; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .wen{ font-size: 0.2rem; line-height: 0.36rem; color: #222; padding-bottom: 0.1rem;}
.indexPart1 .leftDiv .content{ font-size: 16px; color: #828282; line-height: 30px; padding-right: 1.2rem; }
.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.45rem; }
.indexPart1 .btnDiv a{ display: block; width: 180px; height: 52px; border: #9b8646 solid 2px;border-radius: 50px; line-height: 52px; color: #9b8646; font-size: 14px; font-weight: bold; text-align: center; 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; }
.indexPart1 .btnDiv a::after {
    content: "";
    width: 24px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    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: #9b8646; color: #fff; }
.indexPart1 .rightDiv{ width: 50%; padding-top: 1.0rem; height: 633px; position: relative; z-index: 1;}
.indexPart1 .numList{ width: 6.6rem; }
.indexPart1 .numList li{ padding-bottom: 0.5rem; 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.2rem; color: #fff;}
.indexPart1 .numList li b{ padding-right: 8px;color: #b1a46c; font-weight:bolder; }
.indexPart1 .numList li .num{ font-size: 24px; padding-bottom: 0.2rem; color: #fff;}
.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: 0 0 80px 0;
	width: 100%;
	position: relative;
	/*background-image: url(bj2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;*/
}
.indexPart3-ly{ width:100%;}
.indexPart3-ly-pc{box-sizing: border-box;}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.indfa-link {
    display: block;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
}
.indfa-link img {
    width: 100%;
    transition: all .6s ease;
    height: 100%;
}
.indfa-link:hover img {
    transform: scale(1.04);
}

.indfa-main {
    width: 700px;
    height: 680px;
	
}
.indfa-link .title {
    position: absolute;
    width: 100%;
    padding: 30px;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
    line-height: 1;
    transition: all .4s ease;
	font-weight: 700;
	box-sizing: border-box;
}
.indfa-link:hover .title {
    color: #a38636;
}
.indfa-link .title p {
    position: relative;
	font-size: 28px;
    color: #fff;
    padding-bottom: 14px;
}
.indfa-link .title p::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
    transition: all .4s ease;
}
.indfa-link:hover .title p::after {
    width: 100%;
    background: #a38636;
}
.indfa-more {
    width: calc(100% - 700px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	box-sizing: border-box;
}
.indfa-top {
    width: 100%;
    height: 340px;
}
.indfa-bottom {
    width: 100%;
    justify-content: space-between;
}
.indfa-bottom .indfa-link {
    width: calc(50% - 10px);
    height: 320px;
}

.indfa-ul.mb{display: none;}
/*  ny-about-banner  */
.ny-banner{ position:relative; width:100%;}
.xc_banner{position:relative; overflow:hidden; margin:0;}
.xc_banner img {
    width: 100%;
    height:500px;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
.xc_banner.no_subnav{margin-top:0.99rem;}
.xc_banner .intro{position:absolute; left:50%; top:80%; transform:translate(-50%,-50%); width:100%; color:#fff; text-align:center;}
.xc_banner .intro .wrap {
       width: 83.3%;
    margin-right: auto;
    margin-left: auto;
	text-align:left;
}
.xc_banner .intro .wrap .tit{ font-size:24px; color:#fff;letter-spacing: 1px;}
.xc_banner .intro .wrap i{ display:block; width:84px; height:2px; background:#fff; margin-top:16px;}
.xc_banner .intro .con{
	margin-top:1rem;
	color:#eee;
	font-size:1.0rem;
	letter-spacing: 2px;
}

.ny-body{ position:relative; padding:50px 0; background:#fff;}
.ny-body-con{ font-size:16px; line-height:2; color:#555;}
.ny-cp-body{}
.ny-cp-body-tit{ border-bottom:2px #9b8646 solid; padding-bottom:10px;}
.ny-cp-body-tit h1{font-size: 48px; line-height:48px;  color: #ededed; text-transform: uppercase; font-family: mont;}
.ny-cp-body-tit h2{font-size: 36px; line-height: 1.5; font-weight: bold; color: #9b8646;}
.ny-cp-body-tit p{font-size: 14px; color: #666; line-height: 2;}


.ny-cp-query{ margin-top:30px;}
.ny-cp-query ul{} 
.ny-cp-query ul li.li_{width:23%; margin-left:1%; margin-right:1%; margin-bottom:36px; position:relative; cursor:pointer; float:left;}
.ny-cp-query ul li.li_ .cover{width:90%; height:56px; background:#9b8646;border-radius: 0 20px 0 0; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.ny-cp-query ul li.li_ .cover .t{line-height:56px; padding:0 25px 0 20px; font-size:16px; color:#fff; text-align:center;}
.ny-cp-query ul li.li_:hover .cover{opacity:1; visibility:visible;}

.cppic-tit{ font-size:14px; text-align:center; line-height:2; color:#222;}
.imgZoom img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ny-fy{ position:relative; font-size:14px; height:43px; line-height:43px; overflow:hidden; margin-top:50px;}

.ny-cp-body-detail{}
.ny-cp-body-detail h2{font-size: 24px; text-align: center; line-height: 2;border-bottom: 1px dotted #ccc; color:#555; margin-top:30px;}
.ny-cp-body-detail-con{ padding-top:20px 10px; font-size:16px; line-height:1.8;}




.foot{ background:#1a1b1d; position:relative;}
.foot-top{ background:#272a2f;padding:30px 1.8rem 10px 1.8rem;}
.foot-top-text{ width:22%; color:#ccc; font-size:14px; line-height:2; margin-top:30px; margin-left:100px;}
.foot-top-text01{ width:12%; color:#ccc; font-size:14px; line-height:2; margin-top:30px;}
.foot-top-text h2,.foot-top-text01 h2{font-size: 18px; color: #fff; line-height: 18px; padding-bottom: 0.3rem; font-weight:bold;}
.foot-top-text a,.foot-top-text01 a{ color:#999;}
.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; font-size:14px;}
.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;}

@media (max-width: 1440px) {}
@media (max-width: 980px) {
.indfa-main {
    width: 100%;
    height: auto;
}
.indfa-top {
    height: auto;
}
}
@media (max-width: 768px) {

.indexPart3-ly-pc{display: none;}
.indfa-ul.mb{display: flex;}
.indfa-ul.mb a {
    width: calc(50% - 4px);
    margin: 4px 0 0 4px;
	box-sizing: border-box;
}
.indfa-link img {
    height: 160px;
}
.indfa-link .title {
    padding: 10px 8px;
    font-size: 14px;
}

.indfa-link .title p {
    position: relative;
    font-size: 14px;
    color: #fff;
    padding-bottom: 12px;
}
.foot-top {
    background: #272a2f;
    padding: 20px 10px;	
}
.foot-top-text01 {
    width: 50%;
    color: #ccc;
	display: none;
    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: 190px;
    overflow: hidden;
	margin-left: 0px;
}
.foot-top-weixin ul li>img {
    width: 160px;
    height: 160px;
    overflow: hidden;
	margin:0 auto;
}
.foot-copy {
    padding: 10px;
}
} 
@media (max-width: 414px) {
.indexbanner { margin-top:60px;}
.indexPart0-ul-li .li-img{ margin-top:20px; margin-left:10px;}
.indexPart0-ul-li .li-text{margin-top:20px; margin-left:10px;}
.indexPart0-ul-li .li-text>p{ font-size:16px; line-height:2;}
.ny-banner {
    position: relative;
    width: 100%;
	margin-top:60px;
}
.xc_banner img { width: 100%; height:100px; vertical-align: top;margin-top:0px;-ms-interpolation-mode: bicubic; border: 0;}
.xc_banner .intro{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; color:#fff; text-align:center;}
.xc_banner .intro .wrap .tit{ font-size:16px; color:#fff;letter-spacing: 1px;}
.xc_banner .intro .wrap i { display: block; width: 84px; height: 2px; background: #fff; margin-top: 8px;}
.ny-body-con{ padding:0 10px; font-size:14px}
.ny-body { padding:20px 0;}
.ny-cp-body{ padding:0 10px;}
.ny-cp-body-tit h1 { font-size:36px; line-height:1.5;}
.ny-cp-body-tit h2 { font-size:24px;}
.ny-cp-query{}
.ny-cp-query ul{} 
.ny-cp-query ul li.li_{width:48%; margin-left:1%; margin-right:1%; margin-bottom:36px; position:relative; cursor:pointer; float:left;}
.cppic-tit{ font-size:14px; text-align:center; line-height:2; color:#222;}
}