@charset "UTF-8";
/* line 59, web.scss */
header .top { background: #eaeaea; height: 40px; line-height: 40px; }
/* line 64, web.scss */
header .lang { font-size: 14px; }
/* line 66, web.scss */
header .lang .on { color: #064089; }

/* line 72, web.scss */
nav { height: 90px; line-height: 90px; }
/* line 76, web.scss */
nav ul li { display: inline-block; font-size: 16px; margin-left: 10px; position: relative; }
/* line 81, web.scss */
nav ul li .subnav { display: block; transition: all .2s; opacity: 0; background: rgba(6, 64, 137, 0.8); position: absolute; box-sizing: border-box; width: 140px; height: 0; z-index: 2; top: 88px; border-top: 2px solid #FFF; left: -28px; }
/* line 95, web.scss */
nav ul li .subnav a { font-size: 14px; white-space: normal; width: 100%; display: block; height: 50px; box-sizing: border-box; line-height: 50px; text-align: center; color: #93b3dc; padding: 0 10px; position: relative; }
/* line 108, web.scss */
nav ul li .subnav a:last-child:after { display: none; }
/* line 112, web.scss */
nav ul li .subnav a:hover { background: linear-gradient(to right, #024598 0%, #072346 100%); }
/* line 114, web.scss */
nav ul li .subnav a:hover:after { display: none; }
/* line 118, web.scss */
nav ul li .subnav a:after { content: ''; background: #1563c1; width: calc(100% - 20px); left: 10px; height: 1px; border-bottom: 1px solid #072145; display: block; position: absolute; bottom: 0; }
/* line 131, web.scss */
nav ul li:after { content: ''; background: #064089; height: 2px; position: absolute; bottom: 0; width: 100%; left: 0; opacity: 0; display: block; transition: all .2s; }
/* line 144, web.scss */
nav ul li:hover .subnav { height: auto; opacity: 1; }
/* line 147, web.scss */
nav ul li:hover .subnav a { color: #ffffff; }
/* line 151, web.scss */
nav ul li:hover:after { opacity: 1; }
/* line 155, web.scss */
nav ul li a { display: block; width: 100%; height: 100%; padding: 0 10px; }
/* line 160, web.scss */
nav ul li a:hover { text-decoration: none; }

/* line 167, web.scss */
.menu, .m-menu { display: none; }

/* line 170, web.scss */
#Banner { text-align: center;}
#Banner .swiper-container{
  max-height: 420px;
}
/* line 174, web.scss */
.about { padding-top: 65px; padding-bottom: 85px; background: #f5f5f5; width: 100%; }
/* line 179, web.scss */
.about .info { color: #222; position: relative; padding-top: 50px; width: 580px; }
/* line 183, web.scss */
.about .info:after { position: absolute; background: #222222; content: ''; display: block; left: 0; top: 0; width: 100px; height: 4px; }
/* line 193, web.scss */
.about .info h2 { font-size: 16px; text-transform: Uppercase; font-weight: normal; }
/* line 198, web.scss */
.about .info h1 { font-size: 36px; text-transform: Uppercase; font-weight: normal; }
/* line 204, web.scss */
.about .info p { margin-top: 30px; color: #666666; font-size: 14px; line-height: 28px; }
/* line 210, web.scss */
.about .info .more { display: block; width: 100px; height: 30px; background: #064089; text-align: center; line-height: 30px; color: #FFF; margin-top: 60px; }
/* line 221, web.scss */
.about .thumb { width: 569px; }

/* line 226, web.scss */
.brand { padding: 1px 0 80px; }
/* line 228, web.scss */
.brand .title { text-align: center; margin-top: 50px; margin-bottom: 50px; }
/* line 7, web.scss */
.brand .title h2 { font-size: 16px; color: #222; font-weight: normal; text-transform: Uppercase; }
/* line 13, web.scss */
.brand .title h1 { margin-top: 15px; font-size: 36px; color: #222; font-weight: normal; position: relative; }
/* line 19, web.scss */
.brand .title h1:after { position: absolute; content: ''; display: block; width: 170px; height: 1px; background: #222; right: 25%; top: 50%; }
/* line 29, web.scss */
.brand .title h1:before { position: absolute; content: ''; display: block; left: 25%; width: 170px; height: 1px; top: 50%; background: #222; }
/* line 232, web.scss */
.brand .list li { display: inline-block; padding: 0 42px; position: relative; margin-bottom: 35px; }
/* line 238, web.scss */
.brand .list li:nth-child(4n):after { display: none; }
/* line 242, web.scss */
.brand .list li:after { content: ''; display: block; position: absolute; right: 0; height: 25px; top: 50%; margin-top: -12.5px; width: 1px; background: #d8d8d8; }
/* line 253, web.scss */
.brand .list li .thumb { border: 1px solid #bdbdbd; width: 210px; height: 65px; text-align: center; }
/* line 258, web.scss */
.brand .list li .thumb img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }
/* line 265, web.scss */
.brand .list li p { line-height: 75px; font-size: 16px; text-align: center; color: #333333; }
/* line 273, web.scss */
.brand a.more { display: block; width: 174px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #064089; border: 1px solid #c7c7c7; margin: 0 auto; }

/* line 278, web.scss */
.product { padding: 1px 0 80px; background: #f5f5f5; }
/* line 280, web.scss */
.product .title { text-align: center; margin-top: 50px; margin-bottom: 50px; }
/* line 7, web.scss */
.product .title h2 { font-size: 16px; color: #222; font-weight: normal; text-transform: Uppercase; }
/* line 13, web.scss */
.product .title h1 { margin-top: 15px; font-size: 36px; color: #222; font-weight: normal; position: relative; }
/* line 19, web.scss */
.product .title h1:after { position: absolute; content: ''; display: block; width: 170px; height: 1px; background: #222; right: 25%; top: 50%; }
/* line 29, web.scss */
.product .title h1:before { position: absolute; content: ''; display: block; left: 25%; width: 170px; height: 1px; top: 50%; background: #222; }
/* line 284, web.scss */
.product .cxscroll { position: relative; height: 450px; }
/* line 287, web.scss */
.product .cxscroll .box { overflow: hidden; width: 100%; }
/* line 291, web.scss */
.product .cxscroll .list { overflow: hidden; width: 9999px; }
/* line 294, web.scss */
.product .cxscroll .list li { float: left; padding-right: 35px; width: 375px; font-size: 18px; text-align: center; height: 450px; }
/* line 299, web.scss */
.product .cxscroll .list li img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
/* line 302, web.scss */
.product .cxscroll .list li p { line-height: 72px; }
/* line 309, web.scss */
.product .cxscroll .prev { position: absolute; top: 50%; margin-top: -25px; width: 40px; height: 50px; background-image: url("../images/control.png"); background-repeat: no-repeat; font: 0/0 Arial; cursor: pointer; left: -60px; background-position: 0 0; }
/* line 312, web.scss */
.product .cxscroll .prev:hover { background-position: 0 -50px; }
/* line 314, web.scss */
.product .cxscroll .next { position: absolute; top: 50%; margin-top: -25px; width: 40px; height: 50px; background-image: url("../images/control.png"); background-repeat: no-repeat; font: 0/0 Arial; cursor: pointer; right: -60px; background-position: -40px 0; }
/* line 317, web.scss */
.product .cxscroll .next:hover { background-position: -40px -50px; }
/* line 320, web.scss */
.product a.more { display: block; width: 174px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #064089; border: 1px solid #c7c7c7; margin: 0 auto; }

/* line 325, web.scss */
.news { padding: 1px 0 80px; }
/* line 327, web.scss */
.news .title { text-align: center; margin-top: 50px; margin-bottom: 50px; }
/* line 7, web.scss */
.news .title h2 { font-size: 16px; color: #222; font-weight: normal; text-transform: Uppercase; }
/* line 13, web.scss */
.news .title h1 { margin-top: 15px; font-size: 36px; color: #222; font-weight: normal; position: relative; }
/* line 19, web.scss */
.news .title h1:after { position: absolute; content: ''; display: block; width: 170px; height: 1px; background: #222; right: 25%; top: 50%; }
/* line 29, web.scss */
.news .title h1:before { position: absolute; content: ''; display: block; left: 25%; width: 170px; height: 1px; top: 50%; background: #222; }
/* line 330, web.scss */
.news .list { width: 645px; }
/* line 332, web.scss */
.news .list li { border-bottom: 1px solid #e5e5e5; padding: 22px 0 28px; text-decoration: none; }
/* line 336, web.scss */
.news .list li h2 { font-size: 14px; color: #3b3b3b; }
/* line 340, web.scss */
.news .list li p { font-size: 14px; color: #757575; }
/* line 344, web.scss */
.news .list li .date { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; width: 67px; height: 67px; color: #FFF; margin: 0 20px 0 3px; text-align: center; }
/* line 355, web.scss */
.news .list li .date span { display: block; line-height: 41px; height: 41px; background: #778593; font-size: 36px; }
/* line 362, web.scss */
.news .list li .date small { font-size: 12px; display: block; line-height: 26px; height: 26px; background: #677481; }
/* line 373, web.scss */
.news a.more { display: block; width: 174px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #064089; border: 1px solid #c7c7c7; margin: 0 auto; margin-top: 45px; }

/* line 379, web.scss */
.partners { padding: 1px 0 80px; background: url("../images/bg.jpg") no-repeat center top; background-size: cover; }
/* line 384, web.scss */
.partners .title { text-align: center; margin-top: 50px; margin-bottom: 50px; }
/* line 7, web.scss */
.partners .title h2 { font-size: 16px; color: #222; font-weight: normal; text-transform: Uppercase; }
/* line 13, web.scss */
.partners .title h1 { margin-top: 15px; font-size: 36px; color: #222; font-weight: normal; position: relative; }
/* line 19, web.scss */
.partners .title h1:after { position: absolute; content: ''; display: block; width: 170px; height: 1px; background: #222; right: 25%; top: 50%; }
/* line 29, web.scss */
.partners .title h1:before { position: absolute; content: ''; display: block; left: 25%; width: 170px; height: 1px; top: 50%; background: #222; }
/* line 387, web.scss */
.partners .con { text-align: center; width: 950px; margin: 0 auto; margin-bottom: 40px; }
/* line 392, web.scss */
.partners .con a { position: relative; width: 20%; display: block; float: left; line-height: 190px; }
/* line 398, web.scss */
.partners .con a img { width: 150px; height: 75px; }
/* line 410, web.scss */
.partners .con a:after { display: none; content: ''; width: 122px; height: 122px; left: 34px; top: 34px; transform: rotate(45deg); border: 1px solid #757575; position: absolute; }
/* line 423, web.scss */
.partners a.more { display: block; width: 174px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; color: #064089; border: 1px solid #c7c7c7; margin: 0 auto; }

/* line 429, web.scss */
footer .info { padding-top: 38px; background: #7c7c7c; }
/* line 432, web.scss */
footer .info .contact { width: 355px; }
/* line 435, web.scss */
footer .info li { display: inline-block; margin-left: 50px; float: left; }
/* line 439, web.scss */
footer .info li .title { font-size: 30px; color: #FFF; }
/* line 443, web.scss */
footer .info li p { color: #FFF; line-height: 28px; font-size: 14px; }
/* line 448, web.scss */
footer .info li h2 { font-size: 12px; color: #FFF; }
/* line 452, web.scss */
footer .info li a { display: block; font-size: 12px; line-height: 35px; border-bottom: 1px solid #9a9a9a; color: #e1e1e1; min-width: 156px; padding-right: 44px; clear: both; }
/* line 461, web.scss */
footer .info li a:before { content: ''; display: block; width: 20px; float: left; background: url("../images/icon.png") no-repeat left center; height: 35px; }
/* line 472, web.scss */
footer .copy { background: #2f2f2f; height: 100px; line-height: 100px; }
/* line 476, web.scss */
footer .copy .logo { float: left; }
/* line 479, web.scss */
footer .copy .con { float: right; color: #979797; }

/* line 485, web.scss */
.subBanner { text-align: center; max-height: 420px; overflow: hidden;}
/* line 488, web.scss */
.page { background: #f5f5f5; padding-top: 74px; }
/* line 491, web.scss */
.page .page_nav { width: 230px; }
/* line 493, web.scss */
.page .page_nav a { display: block; font-size: 18px; width: 160px; height: 60px; line-height: 60px; text-align: center; text-decoration: none; background: #cdcdcd; margin-bottom: 15px; }
/* line 503, web.scss */
.page .page_nav a.cur, .page .page_nav a:hover { background: #064089; color: #FFF; }
/* line 509, web.scss */
.page .page_con { width: 970px; padding-bottom: 80px; }
/* line 513, web.scss */
.page .page_con .list_list li { border-bottom: 1px solid #e5e5e5; padding: 22px 0 28px; text-decoration: none; }
/* line 517, web.scss */
.page .page_con .list_list li h2 { font-size: 14px; color: #3b3b3b; }
/* line 521, web.scss */
.page .page_con .list_list li p { font-size: 14px; color: #757575; }
/* line 525, web.scss */
.page .page_con .list_list li .date { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; width: 67px; height: 67px; color: #FFF; margin: 0 20px 0 3px; text-align: center; }
/* line 536, web.scss */
.page .page_con .list_list li .date span { display: block; line-height: 41px; height: 41px; background: #778593; font-size: 36px; }
/* line 543, web.scss */
.page .page_con .list_list li .date small { font-size: 12px; display: block; line-height: 26px; height: 26px; background: #677481; }
/* line 554, web.scss */
.page .page_con .pic_list li { float: left; padding-right: 23px; width: 300px; font-size: 18px; text-align: center; max-height: 350px; }
/* line 559, web.scss */
.page .page_con .pic_list li img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
/* line 562, web.scss */
.page .page_con .pic_list li p { line-height: 72px; }
/* line 571, web.scss */
.page .page_con .brand_list li { width: 25%; height: 120px; padding: 0; }
/* line 575, web.scss */
.page .page_con .brand_list li img { max-width: 80%; display: block; margin: 0 auto; }
/* line 580, web.scss */
.page .page_con .brand_list li p { line-height: 35px; }
/* line 585, web.scss */
.page .page_con .catname { display: block; font-size: 36px; margin-bottom: 56px; }
/* line 590, web.scss */
.page .page_con p { font-size: 20px; line-height: 44px; color: #666666; }

/* line 597, web.scss */
#m-Banner, #m-product { display: none; }

@media (max-width: 768px) { /*Public*/
  /* line 602, web.scss */
  * { box-sizing: border-box; }
  /* line 605, web.scss */
  .container { width: 100%; }
  /* line 608, web.scss */
  .title { margin-top: 20px !important; }
  /* line 610, web.scss */
  .title h2 { text-align: center; }
  /* line 613, web.scss */
  .title h1 { text-align: center; }
  /* line 615, web.scss */
  .title h1:after { right: 2% !important; top: 40% !important; width: 20% !important; }
  /* line 620, web.scss */
  .title h1:before { left: 2% !important; top: 40% !important; width: 20% !important; }
  /* line 627, web.scss */
  a.more { margin: 0 auto; margin-top: 20px !important; }
  /*头部*/
  /* line 632, web.scss */
  header { width: 100%; position: relative; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*顶部灰色条*/ /*logo&Nav*/ /*M-Nav*/ }
  /* line 640, web.scss */
  header .container { transition-duration: 300ms; }
  /* line 642, web.scss */
  header .container.on { transform: translateX(-80%); }
  /* line 644, web.scss */
  header .container.on .m-menu { display: block; }
  /* line 650, web.scss */
  header .top { width: 100%; }
  /* line 653, web.scss */
  header .top .welcome { display: none; }
  /* line 656, web.scss */
  header .top .lang { float: none; width: 100%; text-align: right; padding-right: 20px; }
  /* line 665, web.scss */
  header nav { height: auto; line-height: inherit; }
  /* line 668, web.scss */
  header nav .logo { height: 60px; line-height: 60px; margin-left: 2%; width: 80%; }
  /* line 673, web.scss */
  header nav .logo img { max-width: 80%; display: block; margin: 0 auto; margin-top: 10px; }
  /* line 680, web.scss */
  header nav .menu { margin-top: 10px; float: right; display: block; margin-right: 2%; width: 7%; }
  /* line 688, web.scss */
  header nav ul.fr { display: none; }
  /* line 695, web.scss */
  header .m-menu { display: none; transform: translateX(100%); width: 80%; left: 20%; position: absolute; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  /* line 703, web.scss */
  header .m-menu .lang { padding-right: 5%; text-align: right; height: 50px; font-size: 12px; display: block; }
  /* line 710, web.scss */
  header .m-menu li { display: block; }
  /* line 712, web.scss */
  header .m-menu li a { display: block; font-size: 14px; width: 100%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; line-height: 50px; border-bottom: 1px solid #fafafa; }
  /* line 723, web.scss */
  header .m-menu li a:hover { color: #FFF; background: #064089; }
  /*Banner*/
  /* line 732, web.scss */
  #Banner { display: none; }
  /* line 735, web.scss */
  #m-Banner { display: block; }
  /*about*/
  /* line 739, web.scss */
  .about { padding-top: 10px; padding-bottom: 10px; }
  /* line 742, web.scss */
  .about .info { float: none; width: 100%; padding-top: 20px; }
  /* line 746, web.scss */
  .about .info:after { left: calc(50% - 50px); }
  /* line 749, web.scss */
  .about .info p { padding: 0 2%; }
  /* line 753, web.scss */
  .about .thumb { float: none; max-width: 96%; margin: 0 auto; margin-top: 20px; }
  /* line 760, web.scss */
  .brand { padding-bottom: 10px; }
  /* line 763, web.scss */
  .brand .list li { width: 48%; padding: 0 5%; margin-bottom: 0; }
  /* line 767, web.scss */
  .brand .list li .thumb { width: 100%; height: 50px; }
  /* line 772, web.scss */
  .brand .list li:nth-child(2n):after { display: none; }
  /* line 778, web.scss */
  .brand a.more { margin-top: 0 !important; }
  /* line 783, web.scss */
  .product #product { display: none; }
  /* line 786, web.scss */
  .product #m-product { display: block; }
  /* line 788, web.scss */
  .product #m-product a { display: block; width: 90%; margin: 10% 5%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  /* line 793, web.scss */
  .product #m-product a p { height: 40px; display: block; line-height: 40px; font-size: 16px; margin: 0 5%; border-top: 1px solid #e5e5e5; background: url("../images/right.png") no-repeat right center; background-size: auto 30%; }
  /* line 802, web.scss */
  .product #m-product a p:after { display: block; }
  /* line 810, web.scss */
  .news .thumb { float: none; }
  /* line 812, web.scss */
  .news .thumb img { display: block; max-width: 96%; margin: 0 auto; }
  /* line 818, web.scss */
  .news .list { width: 100%; padding: 0 2%; float: none; margin: 0; }
  /* line 825, web.scss */
  .partners { padding-bottom: 20px; }
  /* line 827, web.scss */
  .partners .con { width: 100%; margin-bottom: 20px; }
  /* line 830, web.scss */
  .partners .con a { height: 90px; line-height: 90px; width: 50%; }
  /* line 838, web.scss */
  footer .info { padding: 4%; }
  /* line 840, web.scss */
  footer .info .title { margin-top: 0 !important; }
  /* line 843, web.scss */
  footer .info li { display: none; }
  /* line 846, web.scss */
  footer .info .contact { display: block; margin: 0 auto; float: none; }
  /* line 853, web.scss */
  footer .copy .con { float: none; text-align: center; font-size: 14px; }
  /* line 858, web.scss */
  footer .copy .logo { display: none; }
  /* line 865, web.scss */
  .page { padding-top: 0; }
  /* line 867, web.scss */
  .page .page_nav { float: none; display: flex; width: 100%; flex-direction: row; }
  /* line 872, web.scss */
  .page .page_nav a { flex-grow: 1; width: auto; padding: 0 3%; font-size: 14px; }
  /* line 879, web.scss */
  .page .page_con { float: none; width: 100%; padding: 0 2%; }
  /* line 883, web.scss */
  .page .page_con .catname { margin-bottom: 20px; font-size: 16px; }
  /* line 888, web.scss */
  .page .page_con .pic_list li { width: 95%; margin: 0 auto; float: none; padding: 0; max-height: none; }
  /* line 897, web.scss */
  .page .page_con .brand_list li { width: 50%; float: left !important; } }

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