/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { margin: 0 auto; font-family: "FuturaStd-Book"; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea { font-family: "FuturaStd-Book"; font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.fix { *zoom: 1; }

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

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

::-webkit-input-placeholder { color: #666; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #666; opacity: 1; }

/* Internet Explorer 10+ */
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.text-right { text-align: right; }

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

/**/
[class*="-item"] .item-pic { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a:hover { color:  var(--color-primary) !important; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color:  var(--color-primary) !important; }

/* @media screen and (min-width:1420px) {.wp {width: 1410px;margin: auto;}}

@media screen and (min-width:1220px) and (max-width:1419px) {.wp {width: 1200px;margin: auto;}} */
.wp { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

@media screen and (min-width: 1220px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page1 { text-align: right !important; }

.page1 a { text-align: center; }

@media only screen and (max-width: 767px) { .page1 { text-align: center !important; } }

.page { text-align: center; overflow: hidden; }

.page a { width: 50px; height: 30px; line-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 2.5px 10px; border: solid 1px #e5e5e5; background-color: #fff; color: #333; font-size: 12px; font-size: 1.2rem; }

.page .prev, .page .next { width: 61px !important; margin: 0 2px 10px; }

.page a:hover, .page .page-active { background-color:  var(--color-primary) !important; color: #FFFFFF !important; border-color:  var(--color-primary) !important; }

.fl { float: right; display: inline-block; }

.add-form { display: inline-block; padding-left: 25px; }

.add-btn { width: 220px; height: 30px; line-height: 24px; text-align: center; border: solid 1px  var(--color-primary); background-color:  var(--color-primary); color: #FFFFFF; cursor: pointer; font-size: 14px; font-size: 1.4rem; }

.add-btn:hover { background-color:  var(--color-primary); color: #FFFFFF; border-color:  var(--color-primary); }

@media only screen and (max-width: 767px) { .fl { float: none; }
  .add-btn { font-size: 12px; font-size: 1.2rem; }
  .add-form { float: none; display: inline-block; }
  .page a { font-size: 12px; font-size: 1.2rem; } }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.contact-pc { right: 0; width: 50px; z-index: 999; position: fixed; }

.contact-pc li { width: 50px; height: 50px; line-height: 50px; border-radius: 0; margin-bottom: 0; position: relative; }

.contact-pc li a { display: block; height: 50px; }

.c1 { background: #1672D5; text-align: center; }

.c1 .iconfont { font-size: 27px; font-size: 2.7rem; color: #fff; }

.c2 { background: #00AFF0; text-align: center; }

.c2 .iconfont { font-size: 27px; font-size: 2.7rem; color: #fff; }

.contact-phone { position: fixed; bottom: 0; height: 50px; left: 0; right: 0; display: none; z-index: 999; }

.contact-phone li { width: 50%; height: 50px; line-height: 50px; float: left; position: relative; }

.contact-phone li a { display: block; height: 50px; }

@media only screen and (max-width: 767px) { .contact-pc { display: none; }
  .contact-phone { display: block; }
  body { padding-bottom: 50px; } }

/*back-top*/
.back-top { width: 67px; height: 67px; background: url(../images/back-top.png) no-repeat center; -webkit-background-size: contain; background-size: contain; position: fixed; right: 0px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; }

@media only screen and (max-width: 767px) { .back-top { width: 60px; height: 60px; } }

/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { height: 26px; font-size: 0; letter-spacing: 0; font-family: "FuturaStd-Book"; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333; font-family: "FuturaStd-Book"; }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { padding: 30px 0 0; border-top: solid 1px #BFBFBF; }

.m-oths .oths-item { line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.m-oths .oths-item, .m-oths .oths-item a, .m-oths .oths-item .item-name { color: #555; }

.m-oths .oths-item a:hover { color:  var(--color-primary); }

.m-oths .oths-item-1 { margin-bottom: 9px; }

.m-oths .circle-icon { width: 26px; height: 26px; margin-right: 5px; display: inline-block; text-align: center; line-height: 24px; border-radius: 50%; background-color:  var(--color-primary); }

.m-oths .circle-icon .iconfont { color: #fff; font-size: 12px; font-size: 1.2rem; }

@media only screen and (max-width: 767px) { .m-oths { padding: 20px 0 0; }
  .m-oths .oths-item { font-size: 14px; font-size: 1.4rem; } }

/*-------------bread start-----------------------------------------------------------------*/
.bread { position: relative; overflow: hidden; min-height: 200px; 
  /*background: url(../images/page_banner.jpg) no-repeat center; */
  padding: 55px 0;
   -webkit-background-size: cover; background-size: cover; }

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

.bread .item-title { font-family: "FuturaStd-Heavy"; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; }

.bread .item-title, .bread .item-title a { color:  var(--color-primary); }

.bread .item-subt { font-size: 18px; font-size: 1.8rem; line-height: 26px; margin-top: 12px; }

.bread .item-subt, .bread .item-subt a { color: #555; }

.bread a:hover, .bread .bread-active { color:  var(--color-primary) !important; }

@media screen and (max-width: 999px) { .bread .item-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .bread { min-height: auto; padding: 30px 0; }
  .bread .item-title { font-size: 24px; font-size: 2.4rem; }
  .bread .item-subt { font-size: 16px; font-size: 1.6rem; margin-top: 5px; } }

/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color:  var(--color-primary); opacity: 1; }

/* WebKit browsers */
.search-box :-o-placeholder { color:  var(--color-primary); opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color:  var(--color-primary); opacity: 1; }

/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color:  var(--color-primary); opacity: 1; }

/* Internet Explorer 10+ */
.search { position: relative; margin-left: 33px; margin-top: 40px; }

.search .search-icon { cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; border-radius: 5px; background-color:  var(--color-primary); }

.search .search-icon .iconfont { color: #fff; }

.search .search-box { display: none; overflow: hidden; position: absolute; top: 35px; right: 0; z-index: 999; width: 278px; height: 32px; border-radius: 5px; border: solid 1px #BFBFBF; background-color: #FFFFFF; cursor: pointer; }

.search .search-box .iconfont { position: absolute; line-height: 30px; text-align: center; width: 30px; right: 0; color:  var(--color-primary); z-index: -1; }

.search .search-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 35px 0 9px; cursor: pointer; font-size: 12px; font-size: 1.2rem; }

.search .search-submit { position: absolute; width: 30px; height: 100%; top: 0px; right: 0px; cursor: pointer; }

@media screen and (max-width: 999px) { .search { margin-left: 20px; } }

@media screen and (max-width: 767px) { .search { margin: 0; position: absolute; top: 0; right: 40px; } }

/*-------------header start----------------------------------------------------------------*/
.logo { float: left; display: block; margin: 21px 0 23px; }

@media screen and (max-width: 767px) { .logo { float: none; margin: 15px auto; height: 50px; } }

.navlist { float: right; margin-top: 43px; }

.navlist > li { position: relative; float: left; margin-left: 61px; }

.navlist > li:first-child { margin-left: 0; }

.navlist > li > a { font-size: 18px; font-size: 1.8rem; line-height: 26px; font-family: "FuturaStd-Medium"; text-transform: capitalize; display: block; padding-bottom: 40px; }

.navlist .nav-active > a, .navlist > li:hover > a { color:  var(--color-primary); }

@media screen and (max-width: 999px) { .navlist > li { margin-left: 25px; } }

@media screen and (max-width: 767px) { .navlist { display: none; } }

.navlist > li:hover .yiji { top: 100%; }

.yiji { -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.23); position: absolute; z-index: 99; top: -9999px; right: -70%; width: 267px; background-color: #FFFFFF; border: solid 1px #EEEEEE; padding: 6px 4px 0; }

.yiji li { margin-top: 5px; position: relative; padding: 0 12px; }

.yiji li > a { padding: 19px 17px 13px; line-height: 30px; font-size: 20px; font-size: 2rem; display: block; border-bottom: solid 1px #BFBFBF; border-bottom: solid 1px rgba(191, 191, 191, 0.6); }

.yiji li:hover { background-color: #F25940; }

.yiji li:hover > a { color: #FFFFFF; }

.yiji > li:hover .erji { left: 262px; }

.erji { position: absolute; z-index: 99; top: 0; left: -9999px; width: 267px; background-color: #FFFFFF; border: solid 1px #EEEEEE; padding: 6px 0 0; }

@media screen and (max-width: 999px) { .yiji { right: 50%; } }

/* 767 navlist1 */
.navlist1 { display: none; width: 100%; font-family: "FuturaStd-Medium"; }

.navlist1 > li { float: left; width: 25%; text-align: center; line-height: 30px; }

.navlist1 > li > a { color: #333; display: block; text-transform: capitalize; }

.navlist1 .nav-active > a, .navlist1 > li:hover > a { color:  var(--color-primary); }

@media screen and (max-width: 767px) { .navlist1 { display: block; } }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer ::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
.footer :-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.footer ::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
.footer :-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
.footer { padding-bottom: 57px; background-color: #191A1E; background-color: rgba(25, 26, 30, 0.9); color: #D0D0D0; }

.footer p, .footer span, .footer li, .footer a { color: #D0D0D0; }

.footer a:hover { color: #fff; }

.footer .footer-title { font-family: "FuturaStd-Heavy"; font-size: 24px; font-size: 2.4rem; text-transform: capitalize; padding-top: 56px; padding-bottom: 25px; }

.footer .footer-title, .footer .footer-title a { color: #fff; }

.footer .footer-title a:hover { color:  var(--color-primary); }

.footer li { line-height: 30px; }

.footer .flist1 { float: left; width: 232px; padding-right: 30px; }

.footer .flist1 li { font-size: 16px; font-size: 1.6rem; }

.footer .flist4 { float: left; width: 230px; padding-right: 30px; }

.footer .flist4 li { font-size: 16px; font-size: 1.6rem; }

.footer .flist2 { float: left; width: 333px; }

.footer .flist2 li { width: 100%; }

.footer .flist2 li i { font-style: normal; }

.footer .flist2 li p { overflow: hidden; }

.footer .flist2 li .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 6px; color:  var(--color-primary); }

.footer .flist3 { float: right; width: 324px; }

.footer .copyright { line-height: 30px; }

.footer .f-follow > a { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; float: left; margin-right: 22px; margin-top: 11px; }

.footer .f-follow .iconfont { color: #fff; }

.footer .f-follow .item1 { background-color: #3b5998; }

.footer .f-follow .item2 { background-color: #05afdc; }

.footer .f-follow .item3 { background-color: #d38f2e; }

.footer .f-follow .item4 { background-color: #c8312a; }

.footer .f-follow .item4 .iconfont { font-size: 20px; font-size: 2rem; }

.footer .f-follow .item5 { background-color: #007bb6; }

@media screen and (max-width: 1219px) { .footer .flist1 { width: 180px; padding-right: 15px; }
  .footer .flist4 { width: 180px; padding-right: 15px; }
  .footer .flist2 { width: 275px; padding-right: 15px; } }

@media screen and (max-width: 999px) { .footer .flist1 { width: 30%; padding-right: 15px; }
  .footer .flist2 { width: 40%; padding-right: 15px; }
  .footer .flist4 { width: 30%; }
  .footer .flist3 { width: 100%; margin-top: -20px; }
  .footer .f-follow img { margin-left: 10px; } }

@media screen and (max-width: 767px) { .footer { padding: 8px 0; }
  .footer .flist1, .footer .flist2, .footer .flist4, .footer .footer-title { display: none; }
  .footer .flist3 { width: 100%; margin-top: 0; }
  .footer .f-follow { padding-bottom: 10px; } }

.links { background-color: #191A1E; background-color: rgba(25, 26, 30, 0.9); line-height: 30px; }

.links .wp { border-top: solid 1px #999; border-top: solid 1px rgba(153, 153, 153, 0.5); padding: 12px 0 9px; }

.links, .links p, .links a { color: #D8D6D6; }

.links a:hover { color: #fff; }

.links a { margin: 0 15px; display: inline-block; }

@media screen and (max-width: 767px) { .links { display: none; } }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
/* pro-cate start */
.pro-cate { background: url(../images/web4.jpg) no-repeat left bottom; padding: 0 0 92px; margin-top: -150px; position: relative; z-index: 99; }

@media screen and (max-width: 1219px) { .pro-cate { padding: 0 0 70px; margin-top: 0; } }

@media screen and (max-width: 999px) { .pro-cate { padding: 0 0 50px; } }

@media screen and (max-width: 767px) { .pro-cate { padding: 0 0 30px; } }

.pro-cate .wp > .item-title { font-size: 32px; font-size: 3.2rem; line-height: 38px; position: relative; margin-bottom: 72px; padding-left: 23px; }

.pro-cate .wp > .item-title:after { position: absolute; content: ''; width: 6px; top: 3px; bottom: 7px; background-color:  var(--color-primary); left: 0; }

@media screen and (max-width: 1219px) { .pro-cate .wp > .item-title { margin-bottom: 70px; } }

@media screen and (max-width: 999px) { .pro-cate .wp > .item-title { font-size: 26px; font-size: 2.6rem; line-height: 36px; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .pro-cate .wp > .item-title { font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 30px; } }

.pro-cate .item-left { float: left; width: 48.833%; position: relative; }

.pro-cate .item-left .item-pic { width: 100%; max-width: 586px; margin: 0 auto; }

.pro-cate .item-left .item-pic img { display: block; max-width: 586px; width: 100%; margin: 0 auto; }

.pro-cate .item-left .item-body { width: 370px; height: 206px; background: url(../images/web5.png) no-repeat center; position: absolute; top: 50%; margin-top: -93px; left: 50%; margin-left: -185px; text-align: center; padding: 24px 0 36px; }

.pro-cate .item-left .item-body p, .pro-cate .item-left .item-body a { color: #fff; }

.pro-cate .item-left .item-title { font-family: "FuturaStd-Heavy"; font-size: 48px; font-size: 4.8rem; text-transform: uppercase; margin-top: 5px; }

.pro-cate .item-left .item-desc { font-size: 26px; font-size: 2.6rem; line-height: 36px; height: 72px; margin-top: 6px; color: #ffffff}

@media screen and (max-width: 1219px) { .pro-cate .item-left .item-title { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 999px) { .pro-cate .item-left .item-body { width: 100%; padding: 30px 2% 36px; margin-left: -50%; }
  .pro-cate .item-left .item-title { font-size: 32px; font-size: 3.2rem; }
  .pro-cate .item-left .item-desc { font-size: 22px; font-size: 2.2rem; line-height: 30px; height: 60px; margin-top: 6px; } }

@media screen and (max-width: 767px) { .pro-cate .item-left .item-body { height: 160px; margin-top: -80px; -webkit-background-size: contain; background-size: contain; }
  .pro-cate .item-left .item-title { font-size: 24px; font-size: 2.4rem; }
  .pro-cate .item-left .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 26px; height: 52px; } }

@media screen and (max-width: 568px) { .pro-cate .item-left { width: 100%; margin-bottom: 20px; } }

.pro-cate .item-right { float: right; width: 51.167%; overflow: hidden; }

.pro-cate .item-right .list-item { float: left; margin-left: 3.2573%; width: 46.74267%; }

.pro-cate .item-right .item-pic { width: 100%; }

.pro-cate .item-right .item-pic img { display: block; width: 100%; max-width: 287px; margin: 0 auto; }

.pro-cate .item-right .item-title { font-size: 22px; font-size: 2.2rem; line-height: 36px; font-family: "FuturaStd-Medium"; margin-top: 12px; margin-bottom: 9px; }

@media screen and (max-width: 1219px) { .pro-cate .item-right .item-title { margin: 5px 0; } }

@media screen and (max-width: 999px) { .pro-cate .item-right .item-title { font-size: 18px; font-size: 1.8rem; margin: 0; } }

@media screen and (max-width: 767px) { .pro-cate .item-right .item-title { font-size: 16px; font-size: 1.6rem; line-height: 26px; } }

@media screen and (max-width: 568px) { .pro-cate .item-right { width: 100%; } }

/* pro-cate end */
/* NEW SHOW start */
.new-show { background: url(../images/web1.png) no-repeat center; -webkit-background-size: cover; background-size: cover; padding: 67px 0 87px; }

@media screen and (max-width: 1219px) { .new-show { padding: 67px 0 70px; } }

@media screen and (max-width: 999px) { .new-show { padding: 50px 0; } }

@media screen and (max-width: 767px) { .new-show { padding: 30px 0; } }

.new-show .box-title { font-family: "FuturaStd-Heavy"; font-size: 48px; font-size: 4.8rem; text-transform: uppercase; text-align: center; }

.new-show .box-title, .new-show .box-title a { color: #fff; }

@media screen and (max-width: 1219px) { .new-show .box-title { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 999px) { .new-show .box-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .new-show .box-title { font-size: 24px; font-size: 2.4rem; } }

.new-show .tab-options { text-align: center; }

.new-show .tab-options li { display: inline-block; cursor: pointer; font-size: 20px; font-size: 2rem; color: #fff; line-height: 40px; border-radius: 21px; padding: 0 15px; border: solid 2px transparent; margin: 31px 18px 0; }

.new-show .tab-options li.tab-active, .new-show .tab-options li:hover { border: solid 2px #fff; }

@media screen and (max-width: 1219px) { .new-show .tab-options li { margin: 31px 8px 0; } }

@media screen and (max-width: 999px) { .new-show .tab-options { padding-top: 15px; }
  .new-show .tab-options li { float: left; margin: 15px 0 0; width: 20%; font-size: 18px; font-size: 1.8rem; padding: 0 2px; } }

@media screen and (max-width: 767px) { .new-show .tab-options li { font-size: 16px; font-size: 1.6rem; line-height: 30px; border-radius: 15px; margin: 10px 0 0; width: 33.33%; } }

@media screen and (max-width: 450px) { .new-show .tab-options li { width: 50%; } }

.newpro-list .list-item { float: left; width: 23.666%; margin-left: 1.75%; margin-top: 75px; }

.newpro-list .item-pic { width: 100%; }

.newpro-list .item-pic img { display: block; width: 100%; max-width: 284px; margin: 0 auto; }

.newpro-list .item-title { background-color: #fff; padding: 18px 95px 20px 15px; line-height: 32px; font-family: "FuturaStd-Medium"; font-size: 18px; font-size: 1.8rem; position: relative; }

.newpro-list .item-title .item-btn { position: absolute; top: 18px; right: 15px; display: inline-block; width: 79px; height: 32px; border: 1px solid  var(--color-primary); border-radius: 16px; text-align: center; color:  var(--color-primary); font-family: "FuturaStd-Book"; font-size: 16px; font-size: 1.6rem; }

.newpro-list .item-title .item-btn:hover { background-color:  var(--color-primary); color: #ffffff !important; }

@media screen and (max-width: 1219px) { .newpro-list .list-item { margin-top: 70px; } }

@media screen and (max-width: 999px) { .newpro-list .list-item { width: 23%; margin: 50px 1% 0; } }

@media screen and (max-width: 767px) { .newpro-list .item-title { font-size: 16px; font-size: 1.6rem; padding: 10px; }
  .newpro-list .item-title .item-btn { position: relative; display: block; margin: 10px auto 0; top: auto; right: auto; } }

@media screen and (max-width: 640px) { .newpro-list .list-item { width: 48%; margin: 30px 1% 0; } }

/* NEW SHOW end */
/* Our Story start */
.our-story { padding: 107px 0 108px; }

@media screen and (max-width: 1219px) { .our-story { padding: 70px 0; } }

@media screen and (max-width: 999px) { .our-story { padding: 50px 0; } }

@media screen and (max-width: 767px) { .our-story { padding: 30px 0; } }

.our-story .item-pics { position: relative; overflow: hidden; width: 52.25%; padding: 0 25px 25px 0; margin-left: 7.9166%; }

.our-story .item-pics img { display: block; width: 100%; max-width: 602px; margin: 0 auto; position: relative; z-index: 2; }

.our-story .item-pics:after { position: absolute; content: ''; top: 24px; right: 0; bottom: 0; left: 25px; background-color: #FD5014; background-color: rgba(253, 80, 20, 0.2); }

.our-story .box-title { font-family: "FuturaStd-Heavy"; font-size: 48px; font-size: 4.8rem; text-transform: uppercase; position: relative; margin-top: 40px; padding-bottom: 32px; }

.our-story .box-title:after { position: absolute; content: ''; width: 39px; height: 8px; background-color:  var(--color-primary); left: 0; bottom: 0; }

.our-story .box-title, .our-story .box-title a { color:  var(--color-primary); }

@media screen and (max-width: 1219px) { .our-story .box-title { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 999px) { .our-story .box-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .our-story .box-title { font-size: 24px; font-size: 2.4rem; } }

.our-story .item-title { font-family: "FuturaStd-Heavy"; font-display: 18px; font-size: 1.8rem; margin-top: 37px; }

.our-story .item-title, .our-story .item-title a { color: #555; }

.our-story .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 168px; margin-top: 12px; }

.our-story .item-btn { margin-top: 45px; display: inline-block; font-family: "FuturaStd-Heavy"; font-size: 22px; font-size: 2.2rem; color: #555; text-transform: uppercase; position: relative; padding-right: 81px; }

.our-story .item-btn:after { position: absolute; content: ''; right: 0; height: 2px; top: 50%; margin-top: -1px; background-color: #BFBFBF; width: 65px; }

.our-story .item-btn:hover { color:  var(--color-primary); }

.our-story .item-btn:hover:after { background-color:  var(--color-primary); }

@media screen and (max-width: 999px) { .our-story .box-title { margin-top: 0; padding-bottom: 15px; }
  .our-story .box-title:after { height: 4px; }
  .our-story .item-title { margin-top: 15px; }
  .our-story .item-btn { margin-top: 25px; } }

@media screen and (max-width: 767px) { .our-story .item-pics { padding: 0 15px 15px 0; margin-left: 5%; }
  .our-story .item-title { font-size: 16px; font-size: 1.6rem; }
  .our-story .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 144px; }
  .our-story .item-btn { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 620px) { .our-story .item-pics { width: 100%; margin: 0 auto 30px; float: none; }
  .our-story .item-desc { height: auto; max-height: 144px; } }

/* Our Story end */
/* ne-scroll start */
.bg-box { background: url(../images/web6.jpg) no-repeat bottom center; }

@media screen and (max-width: 1219px) { .bg-box { background-image: none; } }

.ne-box { padding-bottom: 108px; }

@media screen and (max-width: 1219px) { .ne-box { background-color: #EEEEEE; padding-bottom: 70px; } }

@media screen and (max-width: 999px) { .ne-box { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .ne-box { padding-bottom: 30px; } }

.ne-scroll { position: relative; overflow: hidden; }

.ne-scroll .scroll-btn { position: absolute; bottom: 0; cursor: pointer; z-index: 99; }

.ne-scroll .scroll-btn .iconfont { font-size: 52px; font-size: 5.2rem; color: #e8e8e8; }

.ne-scroll .scroll-btn .iconfont:hover { color:  var(--color-primary); }

.ne-scroll .scroll-btn.prev { right: 56px; }

.ne-scroll .scroll-btn.next { right: 0; }

@media only screen and (max-width: 1219px) { .ne-scroll .scroll-btn .iconfont { color: #ccc; } }

@media only screen and (max-width: 767px) { .ne-scroll .scroll-btn .iconfont { font-size: 30px; font-size: 3rem; }
  .ne-scroll .scroll-btn.prev { right: 34px; } }

.ne-scroll .scroll-list-box { width: 100%; overflow: hidden; }

.ne-scroll .scroll-list { width: 10000%; }

.ne-scroll .scroll-list li { width: 1%; float: left; }

.ne-scroll .scroll-list .item-pics { overflow: hidden; position: relative; width: 36.4166%; margin: 86px 13.8333% 0 3.66%; }

.ne-scroll .scroll-list .item-pics img { display: block; width: 100%; max-width: 437px; margin: 0 auto; }

.ne-scroll .scroll-list .item-body { overflow: hidden; text-align: right; }

.ne-scroll .scroll-list .box-title { font-family: "FuturaStd-Heavy"; font-size: 48px; font-size: 4.8rem; text-transform: uppercase; position: relative; margin-top: 89px; }

.ne-scroll .scroll-list .box-title, .ne-scroll .scroll-list .box-title a { color:  var(--color-primary); }

@media screen and (max-width: 1219px) { .ne-scroll .scroll-list .box-title { font-size: 36px; font-size: 3.6rem; margin-top: 70px; } }

@media screen and (max-width: 999px) { .ne-scroll .scroll-list .box-title { font-size: 30px; font-size: 3rem; margin-top: 50px; } }

@media screen and (max-width: 767px) { .ne-scroll .scroll-list .box-title { font-size: 24px; font-size: 2.4rem; margin-top: 30px; } }

.ne-scroll .scroll-list .item-title { font-family: "FuturaStd-Heavy"; font-display: 18px; font-size: 1.8rem; margin-top: 41px; }

.ne-scroll .scroll-list .item-title, .ne-scroll .scroll-list .item-title a { color: #555; }

.ne-scroll .scroll-list .item-date { font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #888888; margin-top: 17px; }

.ne-scroll .scroll-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 56px; margin-top: 12px; }

.ne-scroll .scroll-list .item-btn { margin-top: 35px; display: inline-block; font-family: "FuturaStd-Heavy"; font-size: 22px; font-size: 2.2rem; color: #555; text-transform: uppercase; position: relative; padding-right: 81px; }

.ne-scroll .scroll-list .item-btn:after { position: absolute; content: ''; right: 0; height: 2px; top: 50%; margin-top: -1px; background-color: #BFBFBF; width: 65px; }

.ne-scroll .scroll-list .item-btn:hover { color:  var(--color-primary); }

.ne-scroll .scroll-list .item-btn:hover:after { background-color:  var(--color-primary); }

@media screen and (max-width: 999px) { .ne-scroll .scroll-list .item-pics { margin-top: 50px; }
  .ne-scroll .scroll-list .item-title { margin-top: 15px; }
  .ne-scroll .scroll-list .item-btn { margin-top: 25px; margin-bottom: 60px; } }

@media screen and (max-width: 767px) { .ne-scroll .scroll-list .item-pics { margin: 30px 5% 0 0; }
  .ne-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; }
  .ne-scroll .scroll-list .item-date { margin-top: 10px; font-size: 14px; font-size: 1.4rem; }
  .ne-scroll .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px; }
  .ne-scroll .scroll-list .item-btn { font-size: 18px; font-size: 1.8rem; margin-bottom: 30px; } }

@media screen and (max-width: 620px) { .ne-scroll .scroll-list { padding-bottom: 40px; }
  .ne-scroll .scroll-list .item-pics { float: none; width: 100%; margin: 0 auto; }
  .ne-scroll .scroll-list .item-desc { height: auto; max-height: 48px; }
  .ne-scroll .scroll-list .item-btn { margin-bottom: 0; } }

/*-------------index end-------------------------------------------------------------------*/
.page_wrap { padding: 77px 0 100px; }

@media screen and (max-width: 1219px) { .page_wrap { padding: 70px 0 70px; } }

@media screen and (max-width: 999px) { .page_wrap { padding: 50px 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 30px 0; } }

.page_about { padding: 77px 0 0; }

@media screen and (max-width: 1219px) { .page_about { padding: 70px 0 0; } }

@media screen and (max-width: 999px) { .page_about { padding: 50px 0 0; } }

@media screen and (max-width: 767px) { .page_about { padding: 30px 0 0; } }

/*-------------about start-----------------------------------------------------------------*/
/* .about-top start */
.about-top { padding-bottom: 93px; background: url(../images/web4.jpg) no-repeat left bottom; }

@media screen and (max-width: 1219px) { .about-top { padding-bottom: 70px; } }

@media screen and (max-width: 999px) { .about-top { padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .about-top { padding-bottom: 30px; } }

.about-top .about1-top { margin-top: 30px; margin-bottom: 15px; }

.about-top .about1-top .item-pic { width: 55.25%; margin-left: 4.25%; }

.about-top .about1-top .item-pic img { display: block; width: 100%; max-width: 663px; margin: 0 auto; }

.about-top .about1-top .item-title { font-size: 42px; font-size: 4.2rem; font-family: "FuturaStd-Heavy"; color:  var(--color-primary); position: relative; padding-left: 26px; margin-top: 12px; }

.about-top .about1-top .item-title strong { font-style: normal; position: relative; z-index: 2; }

.about-top .about1-top .item-title:after { position: absolute; content: ''; width: 83px; height: 83px; background-color: #F5F5F5; left: 0; top: 50%; margin-top: -41px; z-index: 1; }

.about-top .about1-top .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; padding-left: 26px; margin-top: 38px; }

@media screen and (max-width: 1219px) { .about-top .about1-top .item-pic { margin-left: 3%; }
  .about-top .about1-top .item-title { margin-top: 0; font-size: 36px; font-size: 3.6rem; }
  .about-top .about1-top .item-desc { margin-top: 24px; } }

@media screen and (max-width: 999px) { .about-top .about1-top .item-title { font-size: 30px; font-size: 3rem; }
  .about-top .about1-top .item-title:after { width: 60px; height: 60px; margin-top: -30px; } }

@media screen and (max-width: 767px) { .about-top .about1-top { margin-top: 0px; }
  .about-top .about1-top .item-pic { width: 100%; float: none; margin: 0 auto 30px; }
  .about-top .about1-top .item-title { font-size: 24px; font-display: 2.4rem; }
  .about-top .about1-top .item-title:after { width: 40px; height: 40px; margin-top: -20px; }
  .about-top .about1-top .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

.about-top .about2-top .item-pic { width: 65%; margin-right: 5%; }

.about-top .about2-top .item-pic img { display: block; max-width: 780px; margin: 0 auto; width: 100%; }

.about-top .about2-top .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 78px; }

@media screen and (max-width: 1219px) { .about-top .about2-top .item-desc { margin-top: 0px; } }

@media screen and (max-width: 999px) { .about-top .about2-top .item-pic { margin-right: 2.5%; }
  .about-top .about2-top .item-body { line-height: 26px; } }

@media screen and (max-width: 767px) { .about-top .about2-top .item-pic { width: 100%; margin: 0 auto 30px; float: none; }
  .about-top .about2-top .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

/* .about-top end */
/* about-middle start */
.about-middle { background: url(../images/about3.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; padding: 79px 0 70px; min-height: 292px; }

.about-middle .wp { background: url(../images/about4.png) no-repeat 77px top; padding-right: 78px; }

.about-middle p { background: url(../images/about5.png) no-repeat right top; font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; color: #fff; padding: 36px 92px 0 175px; }

@media screen and (max-width: 1219px) { .about-middle { padding: 50px 0; } }

@media screen and (max-width: 999px) { .about-middle { min-height: auto; }
  .about-middle .wp { background-position-x: left; padding-right: 0; }
  .about-middle p { padding: 30px 70px 0; } }

@media screen and (max-width: 767px) { .about-middle { padding: 30px 0; }
  .about-middle .wp { -webkit-background-size: 30px 30px; background-size: 30px; }
  .about-middle p { -webkit-background-size: 30px 30px; background-size: 30px; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 20px 50px 0; } }

/* about-middle end */
/* about-icons start */
.about-icons { padding: 125px 0 102px; }

.about-icons .list-item { float: left; width: 22.75%; margin-left: 3%; text-align: center; }

.about-icons .item-pics { width: 100%; overflow: hidden; }

.about-icons .item-pics img { display: block; width: 100%; max-width: 141px; max-height: 141px; margin: 0 auto; }

.about-icons .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 41px; }

@media screen and (max-width: 1219px) { .about-icons { padding: 70px 0; } }

@media screen and (max-width: 999px) { .about-icons { padding: 50px 0; }
  .about-icons .list-item { width: 23%; margin: 0 1%; }
  .about-icons .item-title { margin-top: 20px; } }

@media screen and (max-width: 767px) { .about-icons { padding: 30px 0; }
  .about-icons .item-pics img { max-width: 100px; max-height: 100px; }
  .about-icons .item-title { font-size: 14px; font-size: 1.4rem; line-height: 22px; margin-top: 10px; } }

@media screen and (max-width: 640px) { .about-icons .list-item { width: 48%; }
  .about-icons .item-title { height: 88px; } }

@media screen and (max-width: 400px) { .about-icons .list-item { width: 98%; }
  .about-icons .item-title { height: auto; margin-bottom: 15px; } }

/* about-icons end */
/* about-bottom start */
.about-bottom { background-color: #D7D7D9; background-color: rgba(215, 215, 217, 0.4); padding: 68px 0 121px; }

@media screen and (max-width: 1219px) { .about-bottom { padding: 68px 0 70px; } }

@media screen and (max-width: 999px) { .about-bottom { padding: 50px 0; } }

@media screen and (max-width: 767px) { .about-bottom { padding: 30px 0; } }

.about-bottom .box-title { position: relative; line-height: 36px; padding-left: 29px; margin-bottom: 38px; font-family: "FuturaStd-Heavy"; text-transform: uppercase; }

.about-bottom .box-title:after { position: absolute; content: ''; left: 0; width: 8px; top: 2px; bottom: 4px; background-color:  var(--color-primary); }

.about-bottom .box-title .title1 { font-size: 24px; font-size: 2.4rem; color: #555; }

.about-bottom .box-title .title2 { font-size: 30px; font-size: 3rem; color:  var(--color-primary); margin-top: -2px; }

@media screen and (max-width: 767px) { .about-bottom .box-title { line-height: 30px; padding-left: 15px; margin-bottom: 20px; }
  .about-bottom .box-title:after { width: 4px; }
  .about-bottom .box-title .title1 { font-size: 20px; font-size: 2rem; }
  .about-bottom .box-title .title2 { font-size: 24px; font-size: 2.4rem; margin-top: 0; } }

.about-bottom .item-pics { position: relative; width: 45.16%; margin-right: 3%; }

.about-bottom .item-pics img { display: block; margin: 0 auto; max-width: 542px; width: 100%; position: relative; z-index: 2; border-radius: 5px; }

.about-bottom .item-pics:after { position: absolute; content: ''; left: -17px; top: 17px; bottom: -17px; right: 17px; background-color:  var(--color-primary); background-color: rgba(240, 54, 11, 0.2); border-radius: 5px; }

.about-bottom .item-body { overflow: hidden; padding-top: 10px; }

.about-bottom .item-body p { line-height: 26px; font-size: 16px; font-size: 1.6rem; padding-left: 23px; }

.about-bottom .item-body .item-title { background: url(../images/about10.png) no-repeat left center; font-size: 24px; font-size: 2.4rem; }

.about-bottom .item-body .item-desc { margin-top: 15px; margin-bottom: 25px; }

.about-bottom .item-body .item-desc1 { font-size: 18px; font-size: 1.8rem; margin-top: 12px; margin-bottom: 25px; }

@media screen and (max-width: 999px) { .about-bottom .item-body .item-desc { line-height: 24px; margin-top: 10px; margin-bottom: 10px; }
  .about-bottom .item-body .item-desc1 { font-size: 16px; font-size: 1.6rem; margin-top: 10px; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .about-bottom .item-pics { width: 100%; max-width: 560px; float: none; margin: 0 auto 30px; padding: 0 0 12px 12px; }
  .about-bottom .item-pics:after { left: 0; bottom: 0; }
  .about-bottom .item-body p { font-size: 14px; font-size: 1.4rem; }
  .about-bottom .item-body .item-title { font-size: 20px; font-size: 2rem; }
  .about-bottom .item-body .item-desc { line-height: 22px; margin-top: 5px; margin-bottom: 5px; }
  .about-bottom .item-body .item-desc1 { font-size: 14px; font-size: 1.4rem; margin-top: 5px; margin-bottom: 5px; } }

/* about-bottom end */
/*-------------about end-------------------------------------------------------------------*/
/*-------------products1 start-------------------------------------------------------------*/
.pro-slide { width: 265px; }

.pro-main { width: 851px; }

@media screen and (max-width: 1219px) { .pro-main { width: 680px; } }

@media screen and (max-width: 999px) { .pro-slide { width: 100%; padding-top: 30px; }
  .pro-main { width: 100%; } }

@media screen and (max-width: 767px) { .pro-slide { width: 100%; }
  .pro-main { width: 100%; } }

/* pro slide start */
.pro-slide .slidenav-title { font-family: "FuturaStd-Heavy"; font-size: 24px; font-size: 2.4rem; line-height: 30px; margin: 0 0 15px; }

@media screen and (max-width: 767px) { .pro-slide .slidenav-title { font-size: 20px; font-size: 2rem; margin-bottom: 10px; } }

.pro-slide .slidenav-list > li > a { font-size: 20px; font-size: 2rem; line-height: 30px; display: block; border-bottom: solid 1px #BFBFBF; color: #333; padding: 27px 0 12px; }

.pro-slide .slidenav-list > li.active > a, .pro-slide .slidenav-list > li:hover > a { color:  var(--color-primary);
color: #fff;
    background: var(--color-primary);
    padding-left: 10px;
}}

@media screen and (max-width: 999px) { .pro-slide .slidenav-list > li > a { font-size: 18px; font-size: 1.8rem; padding: 10px 0; } }

@media screen and (max-width: 767px) { .pro-slide .slidenav-list > li > a { font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 10px 0; } }

.pro-slide .slidenav-yiji { padding: 11px 0 0; display: none;}

.pro-slide .slidenav-yiji > li > a { font-size: 16px; font-size: 1.6rem; line-height: 30px; display: block; position: relative; padding: 3px 25px 3px 0; }

.pro-slide .slidenav-yiji > li.active1 > a, .pro-slide .slidenav-yiji > li:hover > a { color:  var(--color-primary); }

.pro-slide .slidenav-yiji > li.active1 > a:after, .pro-slide .slidenav-yiji > li:hover > a:after { position: absolute; content: ''; width: 7px; height: 13px; background: url(../images/web7.png) no-repeat center; top: 12px; right: 6px; }

@media screen and (max-width: 767px) { .pro-slide .slidenav-yiji > li > a { font-size: 14px; font-display: 1.4rem; line-height: 24px; } }

/* pro slide end */
/* pro1-list start */
.pro1-list { padding-bottom: 43px; }

.pro1-list .list-item { float: left; width: 30.6698%; margin-left: 3.9952%; background-color: #fff; border: solid 1px #EEEEEE; margin-bottom: 38px; }

.pro1-list .list-item:hover { -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25); }

.pro1-list .item-pic { width: 100%; }

.pro1-list .item-pic img { display: block; max-width: 261px; margin: 0 auto; width: 100%; }

.pro1-list .item-title { font-family: "FuturaStd-Medium"; font-size: 16px; font-size: 1.6rem; line-height: 32px; margin-top: 12px; text-align: center; }

.pro1-list .item-btnbox { padding-left: 24px; padding-bottom: 18px; padding-top: 3px; }

.pro1-list .item-btnbox input { /*margin-right: 8px;*/ position: relative; top: 2px; }

.pro1-list .item-btn { display: inline-block; width: 202px; height: 32px; line-height: 30px; border: 1px solid #AAAAAA; border-radius: 16px; color: #555; text-align: center; }

.pro1-list .item-btn:hover { background-color:  var(--color-primary); border-color:  var(--color-primary); color: #fff; }

@media screen and (max-width: 1219px) { .pro1-list { padding-bottom: 30px; }
  .pro1-list .item-btnbox { text-align: center; padding-left: 0; } }

@media screen and (max-width: 999px) { .pro1-list { padding-bottom: 15px; }
  .pro1-list .list-item { width: 23%; margin: 0 1% 30px; } }

@media screen and (max-width: 767px) { .pro1-list { padding-bottom: 10px; }
  .pro1-list .list-item { width: 31.33%; }
  .pro1-list .item-title { font-size: 14px; font-size: 1.4rem; }
  .pro1-list .item-btnbox input { margin-right: 3px; }
  .pro1-list .item-btn { width: 100%; } }

@media screen and (max-width: 550px) { .pro1-list .list-item { width: 48%; margin: 0 1% 20px; } }

/* pro1-list end */
/*-------------products1 end---------------------------------------------------------------*/
/*-------------products2 start-------------------------------------------------------------*/
.m-propic { margin: 0 auto; width: 491px; }

.m-propic .pic-big { position: relative; float: left; width: 399px; margin-right: 12px; }

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); }

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .big-img .zoomPad img { border-radius: 0; }

.m-propic .zoomWrapperImage img { max-width: 1200px; }

.m-propic .pic-small { position: relative; float: left; width: 80px; padding-top: 21px; padding-bottom: 21px; overflow: hidden; }

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; height: 21px; cursor: pointer; text-align: center; }

.m-propic .pic-btn .iconfont { font-size: 21px; font-size: 2.1rem; color: #888; }

.m-propic .pic-btn .iconfont:hover { color:  var(--color-primary); }

.m-propic .pic-btn.prev { top: 0; }

.m-propic .pic-btn.next { bottom: 0; }

.m-propic .pic-list { height: 363px; overflow: hidden; }

.m-propic .pic-list ul { height: 2000px; }

.m-propic .pic-list .list-item { margin-bottom: 12px; overflow: visible; padding-left: 0; }

.m-propic .pic-list .item-pics { display: block; border-radius: 0; border: 1px solid transparent; position: relative; overflow: hidden; }

.m-propic .pic-list .item-pics img { width: 100%; display: block; }

.m-propic .item-pics:hover, .m-propic .item-pics.zoomThumbActive { border-color:  var(--color-primary); }

.m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .m-propic { max-width: 100%; float: none; }
  .m-propic .pic-big { height: auto; }
  /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }

@media screen and (max-width: 767px) { .m-propic1 { display: none; }
  .m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; }
  .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
  .m-propic2 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; color: #888; }
  .m-propic2 .box-btn .iconfont:hover { color:  var(--color-primary); }
  .m-propic2 .box-btn.prev { left: 0; }
  .m-propic2 .box-btn.next { right: 0; }
  .m-propic2 .box-list { overflow: hidden; }
  .m-propic2 .box-list ul { width: 1000%; }
  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); overflow: hidden; }
  .m-propic2 .list-item img { display: block; } }

@media only screen and (max-width: 500px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 4.8%; } }

@media only screen and (max-width: 350px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 9.8%; } }

.pro2-info .item-title { font-family: "FuturaStd-Medium"; line-height: 34px; text-align: left; font-size: 24px; font-size: 2.4rem; margin: 29px 0 10px; padding-right: 93px; }

.pro2-info .pro-share { float: left; margin-top: 8px; }

.pro2-info .item-btns { float: right; }

.pro2-info .item-btn { display: inline-block; width: 243px; height: 42px; line-height: 40px; border: 1px solid #BFBFBF; border-radius: 21px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #555555; }

.pro2-info .item-btn:hover { background-color:  var(--color-primary); color: #fff; border-color:  var(--color-primary); }

.pro2-info .item-btn:first-child { margin-right: 13px; }

@media only screen and (max-width: 999px) { .pro2-info { text-align: center; }
  .pro2-info .item-title { padding-right: 0; }
  .pro2-info .pro-share { float: none; }
  .pro2-info .item-btns { float: none; margin-top: 20px; } }

@media only screen and (max-width: 767px) { .pro2-info .item-title { line-height: 30px; font-size: 20px; font-size: 2rem; margin: 20px 0 10px; }
  .pro2-info .item-btn { height: 32px; line-height: 30px; border-radius: 16px; font-size: 14px; font-size: 1.4rem; } }

@media only screen and (max-width: 400px) { .pro2-info .item-btn { width: 45%; }
  .pro2-info .item-btn:first-child { margin-right: 5%; width: 60%;} }

.pro2-title { font-size: 24px; font-size: 2.4rem; border-bottom: solid 1px #BFBFBF; position: relative; padding-bottom: 15px; text-transform: capitalize; }

.pro2-title, .pro2-title a { color:  var(--color-primary); }

.pro2-title:after { position: absolute; content: ''; width: 129px; height: 3px; background-color:  var(--color-primary); left: 0; bottom: -2px; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; } }

.pro2-descbox { margin-top: 64px; }

@media screen and (max-width: 999px) { .pro2-descbox { margin-top: 50px; } }

@media screen and (max-width: 767px) { .pro2-descbox { margin-top: 30px; } }

.pro2-spec { padding: 24px 0 52px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro2-spec, .pro2-spec p, .pro2-spec li, .pro2-spec a, .pro2-spec span, .pro2-spec b, .pro2-spec strong, .pro2-spec dd, .pro2-spec em { color: #555; }

.pro2-spec img, .pro2-spec iframe { max-width: 100%; }

.pro2-spec table { border: 0; }

.pro2-spec table tr:nth-child(odd) { background-color: #f3f3f3; }

.pro2-spec table tr:first-child td { padding-top: 10px; }

.pro2-spec table tr:last-child td { padding-bottom: 8px; }

.pro2-spec table tr td { border: solid 2px #f3f3f3; line-height: 28px; padding: 0 24px; font-size: 16px; font-size: 1.6rem; font-family: Verdana; }

.pro2-spec table tr td:first-of-type { border-left: 0; }

.pro2-spec table tr td:last-of-type { border-right: 0; }

@media screen and (max-width: 767px) { .pro2-spec { padding: 24px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .pro2-spec table tr td { font-size: 14px; font-size: 1.4rem; } }

/* pro2-parabox start */
.pro2-parabox .pro2-spec { padding: 42px 0 70px; }

@media screen and (max-width: 999px) { .pro2-parabox .pro2-spec { padding: 42px 0 50px; } }

@media screen and (max-width: 767px) { .pro2-parabox .pro2-spec { padding: 30px 0; } }

/* pro2-parabox end */
/* related-pro start */
.related-pro .pro1-list { padding-bottom: 0; }

.related-pro .pro1-list .list-item { margin-top: 45px; margin-bottom: 0; }

@media screen and (max-width: 767px) { .related-pro .pro1-list .list-item { margin-top: 30px; } }

.related-pro .pro1-list .item-btnbox { text-align: center; padding-left: 0; }

/* related-pro end */
/*-------------products2 end---------------------------------------------------------------*/
/*-------------news1 start-----------------------------------------------------------------*/
.news1-list { padding-bottom: 58px; }

.news1-list li { margin-bottom: 41px; }

.news1-list .item-pic { width: 29.2%; }

.news1-list .item-pic img { display: block; margin: 0 auto; max-width: 351px; width: 100%; }

.news1-list .item-pic.pull-left { margin-right: 6%; }

.news1-list .item-pic.pull-right { margin-left: 6%; }

.news1-list .item-body { overflow: hidden; }

.news1-list .item-body .item-date { margin-top: 11px; font-size: 18px; font-size: 1.8rem; color: #999; }

.news1-list .item-body .item-date span { color: #999999; font-size: 72px; font-size: 7.2rem; opacity: 0.5; position: relative; top: 5px; display: inline-block; margin-right: 18px; }

.news1-list .item-body .item-title { font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-top: 20px; }

.news1-list .item-body .item-desc { line-height: 28px; height: 56px; margin-top: 13px; }

.news1-list .item-body .item-desc a { color: #333333; }

.news1-list .item-body .item-btn { display: block; width: 143px; height: 44px; border-radius: 22px; border: solid 1px  var(--color-primary); color:  var(--color-primary); line-height: 42px; text-align: center; text-transform: uppercase; margin-top: 26px; }

.news1-list .item-body .item-btn:hover { background-color:  var(--color-primary); color: #FFFFFF; }

@media screen and (max-width: 1219px) { .news1-list { padding-bottom: 0; }
  .news1-list .item-body .item-date { margin-top: 0; }
  .news1-list .item-body .item-title { margin-top: 10px; } }

@media screen and (max-width: 999px) { .news1-list { padding-bottom: 0; }
  .news1-list .item-body .item-date { margin-top: 0; }
  .news1-list .item-body .item-date span { font-size: 50px; font-size: 5rem; }
  .news1-list .item-body .item-title { margin-top: 5px; }
  .news1-list .item-body .item-desc { margin-top: 10px; }
  .news1-list .item-body .item-btn { height: 40px; line-height: 38px; margin-top: 10px; } }

@media screen and (max-width: 767px) { .news1-list { padding-bottom: 0; }
  .news1-list li { margin-bottom: 30px; }
  .news1-list .item-pic { width: 32%; }
  .news1-list .item-pic.pull-left { margin-right: 3%; }
  .news1-list .item-pic.pull-right { margin-left: 3%; }
  .news1-list .item-body .item-date { font-size: 16px; font-size: 1.6rem; }
  .news1-list .item-body .item-date span { font-size: 30px; font-size: 3rem; top: 0; }
  .news1-list .item-body .item-title { font-size: 20px; font-size: 2rem; }
  .news1-list .item-body .item-desc { line-height: 22px; max-height: 44px; height: auto; }
  .news1-list .item-body .item-btn { height: 32px; line-height: 30px; font-size: 12px; font-size: 1.2rem; width: 120px; margin-top: 20px; } }

@media screen and (max-width: 600px) { .news1-list .item-pic { width: 40%; }
  .news1-list .item-pic.pull-left { margin-right: 3%; }
  .news1-list .item-pic.pull-right { margin-left: 3%; } }

@media screen and (max-width: 500px) { .news1-list .item-pic { width: 45%; }
  .news1-list .item-pic.pull-left { margin-right: 3%; }
  .news1-list .item-pic.pull-right { margin-left: 3%; }
  .news1-list .item-body .item-title { margin-top: 0; } }

@media screen and (max-width: 400px) { .news1-list .item-pic { width: 100%; float: none !important; margin: 0 auto 20px !important; } }

/*-------------news1 end--------------------------------------------------------------------*/
/*-------------news2 start------------------------------------------------------------------*/
.news2-title { font-size: 24px; font-family: 2.4rem; }

@media screen and (max-width: 767px) { .news2-title { font-size: 20px; font-size: 2rem; text-align: center; } }

.news2-subt { margin-top: 32px; font-size: 18px; font-size: 1.8rem; line-height: 26px; }

.news2-subt > span { color: #999999; display: inline-block; }

.news2-subt .pro-share { float: right; }

.news2-subt .pro-share .share-title { color: #555; }

@media screen and (max-width: 767px) { .news2-subt { margin-top: 20px; font-size: 14px; font-size: 1.4rem; text-align: center; }
  .news2-subt .pro-share { float: none; display: inline-block; margin-left: 5px; } }

.news2-spec { padding: 59px 0 81px; font-size: 16px; font-size: 1.6rem; line-height: 28px; color: #333333; }

.news2-spec p, .news2-spec span, .news2-spec li, .news2-spec b, .news2-spec a, .news2-spec strong { color: #333333; }

.news2-spec img, .news2-spec iframe { max-width: 100%; }

@media screen and (max-width: 999px) { .news2-spec { padding: 40px 0; } }

@media screen and (max-width: 767px) { .news2-spec { padding: 20px 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

/*-------------news2 end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
/* contact_top */
.contact_top { background: #e5e5e5; border-radius: 8px; }

/* c_left */
.c_left { width: 465px; height: 603px; background: url(../images/c1.jpg) no-repeat left top; border-radius: 8px 0px 0px 8px; padding: 63px 38px 0 47px; font-size: 16px; font-size: 1.6rem; }

.c_left .item-desc { color: #FFFFFF; line-height: 30px; margin-bottom: 46px; }

.c_left .item-title { font-family: "FuturaStd-Heavy"; font-size: 2.0rem; font-size: 20px; color: #fff; margin-bottom: 18px; }

.c_left li { width: 100%; line-height: 36px; }

.c_left li p, .c_left li { color: #FFFFFF; }

.c_left li i { font-style: normal; }

.c_left li p { overflow: hidden; }

.c_left li .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 6px; color:  var(--color-primary); }

.c_left a { color: #fff; }

.c_left a:hover { color:  var(--color-primary); }

@media screen and (max-width: 1219px) { .c_left { width: 399px; padding: 64px 38px 0; } }

@media screen and (max-width: 999px) { .c_left { float: none; width: 95%; margin: 0 auto; max-width: 465px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; height: auto; }
  .c_left_wrap { width: 90%; } }

@media screen and (max-width: 767px) { .c_left { padding-left: 20px; padding-right: 20px; font-size: 14px; font-size: 1.4rem; }
  .c_left .item-desc { line-height: 24px; margin-bottom: 20px; }
  .c_left .item-title { font-size: 20px; font-size: 2rem; }
  .c_left li { line-height: 28px; } }

/* c_right */
.c_right { float: right; width: 47%; margin-right: 85px; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }

.c_right ::-webkit-input-placeholder { color: #666; }

.c_right :-o-placeholder { color: #666; }

.c_right ::-moz-placeholder { color: #666; }

.c_right :-ms-input-placeholder { color: #666; }

.c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-size: 24px; font-size: 2.4rem; color:  var(--color-primary); text-transform: uppercase; padding-bottom: 3px; }

.c_xp { padding-top: 13px; padding-bottom: 16px; }

.c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }

.c_div1 { padding-bottom: 18px; }

.c_div2 { padding-bottom: 20px; }

.c_div3 { padding-bottom: 20px; }

.c_div4 { padding-top: 2px; margin-bottom: 5px; }

.c_input1 { float: left; line-height: 35px; height: 37px; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 550px; border: solid 1px #cccccc; background: #fff; }

.c_textarea { float: left; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 550px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 214px; background: #fff; }

.c_code .c_codeinput { width: 154px; margin-right: 21px; }

.c_code .codeimg { width: 118px; height: 37px; border: solid 1px #CCCCCC; background-color: #FFFFFF; cursor: pointer; }

.c_code .codeimg img { display: block; height: 100%; max-height: 35px; margin: 0 auto; }

.c_code .c_send { float: right; text-align: center; color: #fff; background:  var(--color-primary); width: 181px; height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; display: block; }

@media screen and (max-width: 1219px) { .c_div1, .c_div2, .c_div3 { padding-bottom: 16px; }
  .c_input1 { width: 95%; }
  .c_textarea { width: 95%; }
  .c_code .c_send { float: left; margin-left: 20px; width: 124px; } }

@media screen and (max-width: 999px) { .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }
  .c_title2 { padding-top: 0px; }
  .c_code .c_codeinput { width: 95%; margin-right: 0; }
  .c_code .codeimg { width: 95%; margin-left: 14px; margin-top: 16px; }
  .c_code .c_send { width: 95%; margin-left: 14px; margin-top: 16px; } }

@media screen and (max-width: 767px) { .c_title2 { font-size: 20px; font-size: 2rem; text-align: center; }
  .c_textarea { height: 120px; } }

.map { margin: 50px auto 0; }

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

@media screen and (max-width: 767px) { .map { margin: 30px auto 0; } }

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

/*# sourceMappingURL=style.css.map */





.imgHbox {
  overflow: hidden;
  display: block;
}

.imgHbox img {
  transition: 0.3s;
  width: 100%;
}

.imgHbox img:hover {
  transform: scale(1.1);
}

.pro1 .proList1 {
  display: flex;
  flex-wrap: wrap;
  gap: 51px 4.1%;
}

.pro1 .proList1 .one {
  width: 30.5833%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  padding-bottom: 26px;
}

.pro1 .proList1 .one .p1 {
  font-size: 22px;
  line-height: 36px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 23px;
  font-family: FuturaStd-Medium;
}

.pro1 .proList1 .one .checkBox1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 9px;
}

.pro1 .proList1 .one .checkBox1 label {
  font-size: 0;
  flex-shrink: 0;
  height: 18px;
}

.pro1 .proList1 .one .checkBox1 span {
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  background: url(../images/j_checkj.jpg) no-repeat;
  /* background-size: cover; */
}

.pro1 .proList1 .one .checkBox1 input[type=checkbox]:checked+span {
  display: none;

  /* border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    position: relative; */
}

/* .pro1 .proList1 .one .checkBox1 input[type=checkbox]:checked+span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 7px;
    position: absolute;
    background-image: url(../images/checked.png);
    background-repeat: no-repeat;
    background-size: cover;
} */

.pro1 .proList1 .one .checkBox1 input {
  display: none;
  width: 18px;
  height: 18px;
  border: 1px solid #CCC;
  background-color: #F7F7F7;
  cursor: pointer;
}

.pro1 .proList1 .one .checkBox1 input[type=checkbox]:checked {
  display: block;
}

.pro1 .proList1 .one .checkBox1 a {

  font-size: 21px;
  line-height: 36px;
  padding: 4px 26px;

  border-radius: 16px;
border: solid 1px #aaaaaa;
font-family: FuturaStd-Book;
color: #555;
}
.pro1 .proList1 .one .checkBox1 a:hover{
  color: #ffffff;
    background-color: #2e0f6e;
    border: 1px solid #2e0f6e;
}


.pro1 .page {
  margin-top: 80px;
}

.page a:hover,
.page .page-active {
  background-color: var(--color-primary) !important;
}

.add-btn {
  background-color: var(--color-primary) !important;
}

@media (max-width:1200px) {
  .pro1 .proList1 .one .p1 {
    font-size: 18px;
    margin-top: 5px;
  }

  .pro1 .proList1 .one .checkBox1 a {
    font-size: 16px;
  }

  .pro1 .page {
    margin-top: 40px;
  }
}

@media (max-width:800px) {
  .pro1 .proList1 {
    gap: 15px 0;
    justify-content: space-between;
  }

  .pro1 .proList1 .one {
    width: 49%;
  }

  .pro1 .page {
    margin-top: 20px;
  }
}

@media (max-width:500px) {
  .pro1 .proList1 .one {
    width: 100%;
  }
 
}


.pro-cate .item-left .item-pic{
	position: relative;
}

.pro-cate .item-left .item-pic::before{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.33;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.pro-cate .item-left .item-body{
	z-index: 2;
}

.new-show .tab-options{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
}

.pro1-list .item-btn{
	width: auto;
	height: auto;
	padding: 0 10px;
}

.c-tel {
	position: relative;
}

.c-teln {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(200%, -50%);
	transition: .5s;
	background-color: #00AFF0;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	padding: 10px;
	padding-right: 60px;
	z-index: -1;
}

.c-teln em {
	font-style: initial;
	white-space: nowrap;
	display: block;
}

.c-teln img{
	max-width: initial;
}

@media screen and (min-width:1000px) {
	.c-tel:hover .c-teln {
		transform: translate(0, -50%);
	}
}

@media screen and (max-width: 767px){
	.new-show .tab-options li {
		font-size: 14px;
	    line-height: 24px;
	}
	
	.pro1-list .item-btn{
		padding: 3px 10px;
		line-height: 24px;
	}
	
	.c-teln {
		display: none;
		width: 100%;
		height: 100%;
		top: initial;
		bottom: 0;
		right: 100%;
		transform: translateX(100%);
		z-index: 9;
		padding: 5px 10px;
	}
	
	.contact-phone li{
		width: 33.33%;
	}
	
	.c-teln img{
		width: 100%;
		position: absolute;
		bottom: 0;

	}
}
:root {
  --color-primary: #2e0f6e;
}

.index_focus_pre .iconfont{
  color: #fbfade !important;
}
.index_focus_next .iconfont{
  color: #fbfade !important;
}
.c1{
  background-color: var(--color-primary);
}
.c2{
background-color: #49318f;
}


.our-story .box-title:after{
  background-color: #49318f;
}
.footer .flist2 li .iconfont{
  color: #fbfade;
}
.footer {
  background-color: rgba(46,15,110,0.9);
}
.yiji li:hover{
  background-color: var(--color-primary);
}
.m-propic1{
  display: none;
}
.j_newPro{
  display: flex;
  justify-content: space-between;
  margin-bottom: 27px;
}
.j_newPro .oneBox{
  width: 46.88%;
}
@media (max-width:600px){
  .j_newPro .oneBox{
  width: 100%;
  margin-bottom: 10px;
}
}
.page a{
  width: unset;
  min-width: 36px;
  white-space: nowrap;
}
.page a.big{
  padding: 0 10px;
}
.page a:hover{
 background-color: #fff !important;
 border: solid 1px #e5e5e5 !important;
 color: #333 !important;
 
}
.page a.big:hover{
  background-color: unset !important;
  color: #333 !important;

}
.about-top .about2-top .item-desc{
  margin-top: 0;
}

.footer .flist1{
    float:unset;
    width:25%;
}
.footer .flist2{
    float:unset;
     width:25%;
}
.footer .flist3{
    float:unset;
    width:25%;
}
.footer .flist4{
    float:unset;
  width:25%;
}
.footer>div{
    display:flex;
      justify-content: space-between;
      /*gap:0 30px;*/
}
@media screen and (max-width: 767px) {
  .footer .flist1{
    width:100%;
}
.footer .flist2{
    width:100%;
}
.footer .flist3{
 width:100%;
}
.footer .flist4{
  width:100%;
}
}