@charset "utf-8";
@font-face{ font-family:Roboto; src:url(../font/ROBOTO-REGULAR-14_0.TTF);}
@font-face{ font-family:Roboto_l; src:url(../font/ROBOTO-LIGHT-10_0.TTF);}
@font-face{ font-family:BarlowCondensed-SemiBold; src:url(../font/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family:BarlowCondensed-Bold; src:url(../font/BarlowCondensed-Bold.ttf);}
@font-face{ font-family:Roboto_b; src:url(../font/ROBOTO-BLACK-1_0.TTF);}
@font-face{ font-family:BaseOne-Bold; src:url(../font/BaseOne-Bold.otf);}

@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header{height: 90px;position: fixed;z-index: 100;top: 0;left: 0;right: 0;background: #fff;}
header .logo{ line-height: 75px;}
header .logo img.img2{ display:none}
header .logo img.img2{ display:none}

.w1200{ margin:0 auto; max-width:1700px; padding:0 50px}

.header_box_li{height: 94px;position: fixed;z-index: 1;width: 100%;}

.header_box{z-index: 10000;left: 0;right: 0;height: 94px;position: relative;}
#header{position: relative;height: 94px;z-index:999;width:100%;transition: 0.36s;box-shadow: 0 5px 10px rgba(0,0,0,.05);}
.header_box_li:before{content:"";position:absolute;height: 12.375rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: auto 100%;border-top: #006acd 4px solid;pointer-events: none;}
#header.xg:before{ opacity:0; visibility:hidden}
.header_top{position: relative;padding: 0;text-align: right;z-index: 10000; display: flex; align-items: center;}
.header_top .search_btn{display:inline-block;font-size: 14px;color: #fff;}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #f1f1f1;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 22px;height: 22px;fill:#fff;}
.header_top .search:hover .btn svg{
    fill: #6510AD;
}

.header_top .search:hover .input {
    width: 16.25rem;
    opacity: 1;
    visibility: visible;
}

ul.list_box0{ display:inline-block; vertical-align:top}
ul.list_box0 li{font-size: 14px;color:#fff;display: inline-block;transition:.6s;margin: 0 .875rem;position: relative;line-height: 100px;}
ul.list_box0 li a>img{margin: -3px 0 0 0;}
ul.list_box0 li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform:translateX(-50%) scaleY(0);top: 100px;opacity:0;visibility:hidden;transition:.5s;transform-origin:top;}
ul.list_box0 li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

ul.list_box0 li a:hover .ewm_box{opacity:1; visibility:visible; transform:translateX(-50%) scaleY(1);}

.list_box_12{font-size:0;white-space:nowrap;padding: .625rem;}
.list_box_12 li{display:inline-block;margin: 0 5px !important; text-align:center}
.list_box_12 li h3 img{border:#ededed 1px solid;width: 100px;height: 100px;}
.list_box_12 li h5{ font-size:.75rem; color:#666666; line-height:20px; margin:5px 0 0}

ul.list_box0 li:after{content:"";position:absolute;left: 0;width:1px;height:16px;top: 50%;}
ul.list_box0 li:first-child:after{ display:none}
.header_box .w1200{height:100%;position:relative;width: auto;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header #logo{ }
#header #logo .box_table{ width:auto}
#logo{float:left;height:100%;position: relative;}
#logo img{}
#logo img.img2{ display:none}

@font-face {
  font-family: "webfont";
  font-display: swap;
  src: url('../font/webfont.eot'); /* IE9 */
  src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont.woff2') format('woff2'),
  url('../font/webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

.web-font {
  font-family: "webfont" !important;
}

#nav{transition: .5s;display: inline-block;vertical-align: top;float: left;}
#nav ul{font-size: 0;}
#nav ul li{display: inline-block;position:relative;z-index:0;text-align:center;margin-right: 2rem;}
#nav ul li:before{content:"";position:absolute;left: 0;width: 100%;height: 0;bottom:0;transition:.6s;background: #103b91;}
#nav ul li.on:before, #nav ul li:hover:before{height: 100%;left:0;}
#nav ul li a{display:block;padding: 0 1rem;}
#nav ul li h3{font-size: 1rem;color: #313131;line-height: 94px;position:relative;transition: .36s;display: inline-block;font-weight: bold;}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:url(../images/down_ico.png) center no-repeat; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:url(../images/down_ico_on.png) center no-repeat;}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: auto;left: 50%;z-index: 10000;transform: scaleY(0) translateX(-50%);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.1);}
#nav ul li .sub .box{padding: 0;text-align:center;}
#nav ul li .sub a{padding: 12px 2.125rem;line-height: 24px;transition:.6s;font-size: 15px;color: #666666;white-space: nowrap;}
#nav ul li .sub a:hover{color: #fff;background: #103b91;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: scaleY(1) translateX(-50%);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{
    color: #fff;
}

#nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;}

#nav.xg{position:fixed;top:0;background: rgba(30,41,103, .8);}

.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0 0 0 1rem;position: relative;}
.search_btn img{margin: 0;}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}

/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{position:fixed;top:0;background: rgb(0,0,0, .6);box-shadow: 0 0 2px rgba(0,0,0,0.15);}
#header.xg .search_btn{ }
#header.xg #logo img{}
#header.xg #logo img.img1{ display:none}
#header.xg #logo img.img2{ display:block}
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{}
#header.xg #nav ul li a h3{}
#header.xg .dw2 .dh{color: #fff;}
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}
#header.xg .dw2:after{background: #404040;}
#header.xg .dw2 .dh span{  }
.tc2 .tc-box form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;}
.tc2 .tc-box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}
.tc2 .tc-box input[type="text"]:focus{ text-align: left;}
.tc2 .tc-box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}

.tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc2 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);visibility: hidden;}
.tc2 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);visibility: visible;}
.tc2 .close:hover{ transform:rotate(180deg);}
.tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}
.tc2 .tc.act{display: block; }
.tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}


#banner{width: 100%;overflow:hidden;z-index: 0;background:#252525;position:relative;}
#banner .miso-slide{display: block;height:100%;overflow: hidden;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#banner .miso-slide a{display:block;width:100%;position:relative;padding-bottom: calc(100vh - 94px) !important;}
#banner .miso-slide a>img{display: block;width: 100vw;height:100%;object-fit: cover;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-background-size: cover;background-size: cover;background-position: center center;overflow: hidden;}
#banner .miso-slide a .top{ position:absolute; top:0; right:0; bottom:0; left:0}
#banner .miso-slide a .top .h2{font-size: 2.375rem;color:#fff;text-transform:uppercase;margin:0 auto;font-family: Roboto_l;}
#banner .miso-slide a .top h2{font-size:3.5rem;color:#fff;font-weight:bold;margin: 1.875rem 0 3rem;}
#banner .miso-slide a .top span{display:block;margin:0 auto;width: 11.25rem;line-height: 3.4375rem;background: #f69f0e;border-radius: 1.71875rem;transition:.5s;font-size:14px;color:#fff;margin-bottom: 12%;}
#banner .miso-slide a .top span img{margin: -2px 0 0 .5rem;display:inline-block;}
#banner .miso-slide a .top span:hover{background: #f69f0e;}

#banner .miso-slide.miso-current a>img{ animation: mainScale 2s 1 ease-in-out;}


#banner .miso-arrow{width:4.125rem;height:4.125rem;z-index: 10000; background-size:100% 100% !important}
#banner .miso-prev{left:3%;background:url(../images/banner_prev.png) center center no-repeat;transition:0.36s;}
#banner .miso-next{right:3%;background:url(../images/banner_next.png) center center no-repeat;transition:0.36s;}

/*#banner .miso-dots{bottom: 36px;padding: 0;}
#banner .miso-dots li{border-radius:0;margin: 0 8px;border:none;transition:0.36s;width: 12px;height: 12px; border:#fff 1px solid; border-radius:50%}
#banner .miso-dots li.miso-active{ background:#fff}*/

.banner-next {z-index: 1000;position: absolute;bottom: 6vh;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}


.banner-next .next-icon {position:relative;width: 3.125rem;height: 3.125rem;border: #fff 1px solid;display: inline-block;margin-bottom: 1rem;border-radius: 50%;}

.banner-next .next-icon:before{content:"";width: 15px;height: 15px;position:absolute;left:50%;margin-left: -7.5px;top:50%;margin-top: -11.5px;background:url(../images/banner-next.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.section{overflow:hidden;display: none;}

.banner-next h6{font-size: 14px;text-transform: uppercase;font-family: "webfont1";}

@font-face {
  font-family: "webfont1";
  font-display: swap;
  src: url('../font/font1/webfont.eot'); /* IE9 */
  src: url('../font/font1/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/font1/webfont.woff2') format('woff2'),
  url('../font/font1/webfont.woff') format('woff'), /* chrome、firefox */
  url('../font/font1/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/font1/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

.web-font {
  font-family: "webfont1" !important;
}



.shart_box{display:inline-block; cursor:pointer}
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: block;background: #fff;position: relative;vertical-align: top;margin: 0 auto;transition:.5s;text-align: center;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 auto;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display: block;width: 2.8125rem;height: 2.8125rem;border-radius:50%;line-height: 2.75rem;border: none;color: #ababab;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 1.125rem;}.social-share .social-share-icon:hover{background: none !important;color: #103b91;}.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left: -78px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left: -76px;}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.fenxiang_box{position:relative;padding: 0 1rem;margin-left: .5rem;background:url(../images/fenxiang_box_bg.png) right center no-repeat;}
.fenxiang_box .fenxiang_box_top{line-height:94px;font-size: .9375rem;color: #5c5c5c;}
.fenxiang_box .fenxiang_box_bottom{position:absolute;top:100%;width: 100%;left: 0;background: #fff;transform: scaleY(0);transition: .5s;opacity: 0; transform-origin:top}
.fenxiang_box:hover .fenxiang_box_bottom{ transform: scaleY(1);opacity: 1; }

/*==========================================公共 结束=============================================*/













/*==========================================首页 开始=============================================*/

/*顶部搜索*/
.tc_search { margin: 0 1.3rem; width: calc(100% - 2.6rem); }
.tc_search form { height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search #keyword {
font-size:.875rem; color: #fff; height: 38px; line-height: 38px; padding: 0 1rem; box-shadow: none; -webkit-appearance: none; border-right: 0; background: none; width: 100%; }
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 1.2rem; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*顶部搜索*/
.tc_search { margin: 0 1.3rem; width: calc(100% - 2.6rem); }
.tc_search form { height: 40px; border-radius: 20px; border: 1px solid #e5e5e5; position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search #keyword {
font-size:.875rem; color: #fff; height: 38px; line-height: 38px; padding: 0 1rem; box-shadow: none; -webkit-appearance: none; border-right: 0; background: none; width: 100%; }
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 1.2rem; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 20rem;height: 100vh;right: -400px;top: 0;display: none;padding: 2rem 0;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #103b91;}
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 15px;position: relative;}
#m_nav>ul>li+li {border-top: 1px solid rgba(255, 255, 255, .05);}
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; }
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;height: 4rem;/* float: right; */background: url(../images/arrow_down.svg) right center no-repeat;background-size: 13px 13px !important;position: absolute;top: 0;z-index: 1;left: 0;right: 15px;}

#m_nav li.on i {background: url(../images/arrow_down_on.svg) right center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #014085; }
#m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);text-align: left;line-height: 30px;border: 0;font-weight: 300;}
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }







.m_header_box {transition: .6s;display: none;}
#m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }
.m_header_box header{padding:0 15px;top: 0;height: 60px;background: #ffffff;box-shadow: 0 3px 5px rgba(0,0,0,.05);}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height:60%;max-height: 30px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

.container01{ position:relative; overflow:hidden}
.container01 .miso_bd{ position:relative}
.container01 .miso_bd:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.4)}
.container01 .miso_bd .img .img_hezi{ padding-bottom:39% !important}
.container01 .miso_bd .img img{ transform:scale(1.05); transition:6s}
.container01 .miso_hd{ position:absolute; top:0; right:0; bottom:0; left:0}

.container01 .miso_bd .miso-current .img img{ transform:scale(1)}

.list_box_01{ width:100%; height:100%}
.list_box_01 .miso-list, .list_box_01 .miso-track{ height:100%}
.list_box_01 li a{display:block;height:100%;text-align: center; border-right:rgba(255,255,255,.2) 1px solid}
.list_box_01 li a .h3 img{ display:inline-block}
.list_box_01 li a .h4{font-size:1.25rem;color:#fff;margin: 1.25rem 0 .5rem;}
.list_box_01 li a .h6{ font-size:1rem; color:#fff; opacity:.5}
.list_box_01 li a p{ font-size:.875rem; color:#fff; line-height:26px; height:0; padding:0 3rem; transition:.5s; opacity:0; visibility:hidden}
.list_box_01 li a span{ margin-bottom:-2.5rem; opacity:0; visibility:hidden}

.more001 span{display:block;margin:0 auto;width: 9.0625rem;line-height: 3.125rem;background: #103b91;border-radius: 1.5rem;transition:.5s;font-size: 1rem;color:#fff;text-align: center;}
.more001 span img{margin: -2px 0 0 .5rem;display:inline-block;}
.more001 span:hover{background: #f69f0e;}

.list_box_01 li.miso-current a p{height: 10px;margin-top:2rem;visibility:visible;opacity:.7;}
.list_box_01 li.miso-current a span{ visibility:visible; opacity:1}

.title001{ text-align:center; margin-bottom:3.5rem}
.title001 h2{font-size: 2rem;color:#2e2f32;}
.title001 .h3{ font-size:2.125rem; color:#9fa0a2; font-family:BarlowCondensed-SemiBold; text-transform:uppercase; margin:.75rem 0 0}

.container02{ padding:5rem 0 0; overflow:hidden}
.container02 .content .box{ width:50%; position:relative}
.container02 .content .box a{ display:block; position:relative}
.container02 .content .box .img .img_hezi{ padding-bottom:65% !important}
.container02 .content .box .con{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 1.5rem; text-align:center; padding-top:10%}
.container02 .content .box a .con p{font-size: 1rem;color:#fff;line-height:1.875rem;opacity:.65;max-width: 44rem;margin:0 auto;margin-bottom:3.25rem;display:none;}
.container02 .content .box a .more001 span{ margin-bottom:12%}
.container02 .content .box.left .con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem 10%;
}
.container02 .content .box a .more001 span .font2{ display:none}

.container02 .content .box a .more001.on span .font1{ display:none}
.container02 .content .box a .more001.on span .font2{ display:inline-block}

.title002{ text-align:center; margin-bottom:2.5rem}
.title002 h2{ font-size:1.5rem; color:#fff}
.title002 .h3{ font-size:1.875rem; color:#fff; font-family:BarlowCondensed-SemiBold; text-transform:uppercase; margin:.75rem 0 0}

.list_box_02{margin:0 -7px;max-width: 48rem;display: inline-block;}
.list_box_02 li{ float:left; width:25%; padding:0 7px}
.list_box_02 li .h3{ display:inline-block; width:5.9375rem; height:5.9375rem; line-height:5.75rem; border:rgba(255,255,255,.6) 1px dashed; border-radius:50%; position:relative; z-index:1}
.list_box_02 li .h3:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:scale(0); opacity:0; visibility:hidden; transition:.5s; background:rgba(255,255,255,.1); border-radius:50%}
.list_box_02 li .h3 img{ transition:.5s}
.list_box_02 li h6{font-size: 1rem;color:#fff;line-height:1.25;margin:1.25rem 0 2.5rem;}

.list_box_02 li a:hover .h3:before{ transform:scale(1); opacity:1; visibility:visible}

.container03{ padding:6rem 0 7.125rem; overflow:hidden; background:url(../images/container03_bg.jpg) center no-repeat; background-size:cover}
.container03 .content{display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: center;}
.container03 .content .box0{ flex-grow:1}
.container03 .content .box0 dl{ max-width:29.125rem}
.container03 .content .box1{ text-align: right}
.container03 .content .box2{padding: 0 4.375rem;flex-shrink: 0;}
.container03 .content .box2 img.img2{ display:none}
.container03 .content .box0 dl:last-child{margin: 12.5rem 0 0;}
.container03 .content .box0 dl dt{font-size: 1.25rem;color: #fff;margin-bottom: .875rem;line-height: 1.5;font-weight: bold;}
.container03 .content .box0 dl dd{font-size: 1rem;color: #fff;line-height: 1.625rem;min-height: 3.25rem;opacity: .8;}

.container04{ padding:7.5rem 0; overflow:hidden; position:relative; z-index:1}
.container04:before{ content:""; position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0; background:url(../images/container04_bg1.png) right top no-repeat, url(../images/container04_bg2.png) left bottom no-repeat;}

.container04 .content .left{ width:50%; text-align:center}
.container04 .content .left .left_box{text-align:left;max-width: 33.125rem;margin:0 auto;}

.title003 .h3{ -webkit-text-stroke:1px #2e2f32;color: transparent; font-size:2.75rem; font-family:Roboto_b; text-transform:uppercase}
.title003 .h3 img{display:inline-block;margin: 0 0 0 1rem;transform: translateY(-.125rem);}
.title003 h2{ font-size:2rem; color:#2e2f32; font-weight:bold; margin:1rem 0 1.75rem}
.container04 .content .left{ padding:1.25rem 0 0}
.container04 .content .left .left_box p{font-size: 1rem;color:#777777;line-height:1.625rem;margin: .5rem 0 0;}
.container04 .content .left .left_box .more001{ text-align:left; margin:2.75rem 0 0}
.container04 .content .left .left_box .more001 span{display:inline-block;text-align:center;width: 10rem;height: 3.25rem;line-height: 3.25rem;}

.container04 .content .right{ width:50%}
.container04 .content .right .miso_bd1 img{ max-width:100%; max-height:36.25rem}

.list_box_03{max-width: 30rem;margin-left:-1rem;margin-top:4.5rem;}
.list_box_03 li{ text-align:center; cursor:pointer}
.list_box_03 li .h3{ display:inline-block; width:5rem; height:5rem; line-height:5rem; border-radius:50%; position:relative; z-index:1; }
.list_box_03 li .h3:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.5s; border:#b8b9bc 1px dashed; border-radius:50%}
.list_box_03 li .h3:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#103b91 2px solid; transform:scale(0); opacity:0; visibility:hidden; transition:.5s; border-radius:50%}
.list_box_03 li .h3 img{transition:.5s;display:inline-block;max-height: 2.5rem;}
.list_box_03 li h6{ font-size:14px; color:#fff; line-height:1.25; margin:1.25rem 0 2.5rem}

.list_box_03 li.miso-current .h3:after{ transform:scale(1); opacity:1; visibility:visible;}

.container05 .content .box{ float:left; width:50%;}
.container05 .content .box a{ display:block; position:relative}
.container05 .content .box a .img .img_hezi{ padding-bottom:46% !important}
.container05 .content .box a .con{ position:absolute; top:0; right:0; bottom:0; left:0}
.container05 .content .box a .con .title001 .h3, .container05 .content .box a .con .title001 h2{ color:#fff}
.container05 .content .box a .con .more001 span{ background:none; position:relative}
.container05 .content .box a .con .more001 span:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#fff 1px solid; border-radius:1.5rem}

.container05 .content .box a:hover .con .more001 span{ background:#103b91}
.container05 .content .box a:hover .con .more001 span:before{ border:none}

.container06{ padding:6.25rem 0 0; background:#f1f1f5; overflow:hidden}
.container06 .title001{overflow: visible;position:relative;text-align:left;margin-bottom: 2.5rem;}
.container06 .miso_hd{position: absolute;width: 25.625rem;right: 2px;bottom: 0;}
.container06 .miso_hd ul{ margin: 0 -7px;}











.container06 .miso_hd ul li{ padding: 0 7px;}
.container06 .miso_hd ul li a{display: block;border: #dbdbdb 1px solid;height: 2.75rem;line-height: 2.625rem;border-radius: 1.375rem;font-size: 1rem;color: #818284;width: 100%;position: relative;text-align: center;transition: .5s;}
.container06 .miso_hd ul li.miso-current a{ background: #103b91; border: #103b91 1px solid; color: #fff;}

.container06 .miso_bd{ background:url(../images/container06_bg.jpg) center top no-repeat; background-size:cover; padding-bottom:6.25rem}
.list_box_04{ margin:0 -1.5rem}
.list_box_04 li{ padding:5rem 1.5rem 6.875rem}
.list_box_04 li a{ display:block; position:relative; border-radius:.625rem; overflow:hidden; transition:.5s}
.list_box_04 li a .img .img_hezi{ padding-bottom:65.38% !important}
.list_box_04 li a .con{ padding: 2rem; background:#fff;}
.list_box_04 li a .con h5{ font-size:1.125rem; color:#4b4b4b; transition:.5s; line-height:1.25; margin-bottom:.75rem}
.list_box_04 li a .con h6{ font-size:.875rem; color:#78797a; transition:.5s; line-height:1.5; font-family:Roboto;}
.list_box_04 li a .con h6 img{ display:inline-block; margin:-3px .5rem 0 0}

.list_box_04 .miso-arrow{ width:4.0625rem; height:4.0625rem; background-size:100% 100% !important; bottom:0; top:auto; transform:translateY(0); transition:.5s}
.list_box_04 .miso-prev{ background:url(../images/container06_prev.png) center no-repeat; left:50%; margin-left:-4.75rem}
.list_box_04 .miso-next{ background:url(../images/container06_next.png) center no-repeat; right:50%; margin-right:-4.75rem}

.list_box_04 .miso-prev:hover{ background:url(../images/container06_prev_on.png) center no-repeat;}
.list_box_04 .miso-next:hover{ background:url(../images/container06_next_on.png) center no-repeat;}

.container07{ padding:4.5rem 0 6.25rem; overflow:hidden; position:relative; z-index:1}
.container07:before{ content:""; position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0; background:url(../images/container04_bg1.png) right top no-repeat, url(../images/container04_bg2.png) left bottom no-repeat;}
.container07 .title001{ margin-bottom:1.75rem}
.container07 .miso_hd{text-align:center;max-width: 17.5rem;margin: 0 auto;margin-bottom:3.125rem;}
.container07 .miso_hd ul{ margin: 0 -7px; }
.container07 .miso_hd ul li{ padding: 0 7px;}
.container07 .miso_hd ul li a{display: block;border: #dbdbdb 1px solid;height: 2.75rem;line-height: 2.625rem;border-radius: 1.375rem;font-size: 1rem;color: #818284;width: 100%;position: relative;text-align: center;transition: .5s;}
.container07 .miso_hd ul li.miso-current a{ background: #103b91; border: #103b91 1px solid; color: #fff;}

#certify {position: relative;margin: 0 auto;max-width: 1200px;text-align: center;}
#certify .swiper-container {}
#certify .swiper-slide {width: 845px;overflow: hidden;max-width: 100%;}
#certify .swiper-slide .img{display: block;position: relative;box-shadow: -3.776px 4.663px 16px 0px rgba(200, 204, 213, 0.5);border-radius: 10px;overflow: hidden;background:#000;padding-bottom: 65.08% !important;}
#certify .swiper-slide img{display:block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

#certify .swiper-slide.swiper-slide-active .img img{ opacity:1 !important}

#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc;
background-color: #fff; }
#certify .swiper-button-next, #certify .swiper-button-prev{ width:4.0625rem; height:4.0625rem; margin-top: -1.78125rem;background-size: 100% !important; transition: .5s;}
#certify .swiper-button-prev{left: -8rem;background: url(../images/container07_prev.png) no-repeat;}
#certify .swiper-button-next{right: -8rem;background: url(../images/container07_next.png) no-repeat;}

#certify .swiper-button-prev:hover{ background:url(../images/container06_prev_on.png) center no-repeat;}
#certify .swiper-button-next:hover{ background:url(../images/container06_next_on.png) center no-repeat;}

.poster-main{
	width: 1180px;
	height: 550px;
	position: relative;
	margin: 0 auto;
}
.poster-main .img{ border-radius:.625rem; overflow:hidden}
.poster-main a,.poster-main img{
	display:block;
	width: 100%;
}
.poster-main .poster-list{
	width: 845px;
	height: 550px;
}
.poster-main .poster-list .poster-item{ 
	width: 200px;
	height: 550px;
	position:absolute;
	left:0;
	top:0;
}
.poster-main .poster-btn{ 
	position:absolute;
	top:0;
	z-index:10; 
	cursor:pointer;  
}
.poster-main .poster-prev-btn{
	left:0; 
	background: url(../img/left.png) no-repeat center center;
}
.poster-main .poster-next-btn{
	right:0; 
	background: url(../img/right.png) no-repeat center center;
}

.poster-main .poster-prev-btn, .poster-main .poster-next-btn{width: 4.0625rem !important;height: 4.0625rem !important;margin-top: -1.78125rem;background-size: 100% !important;transition: .5s;top: 50%;}
.poster-main .poster-prev-btn{left: -8rem;background: url(../images/container07_prev.png) no-repeat;}
.poster-main .poster-next-btn{right: -8rem;background: url(../images/container07_next.png) no-repeat;}

.poster-main .poster-prev-btn:hover{ background:url(../images/container06_prev_on.png) center no-repeat;}
.poster-main .poster-next-btn:hover{ background:url(../images/container06_next_on.png) center no-repeat;}

.container08{ padding:7.5rem 0;  background:url(../images/container08_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden}
.container08 .title001{overflow: visible;position:relative;text-align:left;margin-bottom: 3.25rem;}
.container08 .title001 h2{ color:#fff}
.container08 .title001 .h3{ color:#fff}
.container08 .miso_hd{position: absolute;width: 16.75rem;right: 2px;bottom: 0;}
.container08 .miso_hd ul{ margin: 0 -7px;}
.container08 .miso_hd ul .miso-list{}
.container08 .miso_hd ul li{ padding: 0 7px; margin-bottom:2px; width:100%;}
.container08 .miso_hd ul li a{display: block;border: #dbdbdb 1px solid;height: 2.75rem;line-height: 2.625rem;border-radius: 1.375rem;font-size: .875rem;color: #fff;width: 100%;position: relative;text-align: center;transition: .5s;}
.container08 .miso_hd ul li.miso-current a{ background: #103b91; border: #103b91 1px solid; color: #fff;}

.list_box_05{ margin:0 -1rem}
.list_box_05 li{ float:left; width:50%; padding:0 1rem}
.list_box_05 li a{ display:block; background:rgba(255,255,255,.7); padding:4.375rem 1.5rem; text-align:center; transition:.5s}
.list_box_05 li a .img{display:inline-block;width:205px/*;border-radius:50%;*/max-width: 100%;}
.list_box_05 li a .img .img_hezi{ padding-bottom:100% !important;}
.list_box_05 li a .con h5{font-size: 1.125rem;color:#494949;line-height: 1.75rem;transition:.5s;margin:1.75rem 0 0;}
.list_box_05 li a .con p{ font-size:13px; color:#7b7b7b; line-height:25px; height:50px; transition:.5s; margin:1.25rem 0 2.75rem}

.list_box_05 li a .con .more001 span{height: 2.8125rem;background:none;position:relative;width: 6.5625rem;line-height: 2.75rem;color: #686869;}
.list_box_05 li a .con .more001 span:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#a3a9ae 1px solid; border-radius:1.5rem}

.list_box_05 li a .con .more001 span:hover{ background: #103b91; color: #fff;}
.list_box_05 li a .con .more001 span:hover:before{ border:#103b91 1px solid;}

.list_box_05 .miso-arrow{ width:4.0625rem; height:4.0625rem; background-size:100% 100% !important; transition:.5s}
.list_box_05 .miso-prev{ background:url(../images/container06_prev.png) center no-repeat; left:-4.75rem}
.list_box_05 .miso-next{ background:url(../images/container06_next.png) center no-repeat; right:-4.75rem}

.list_box_05 .miso-prev:hover{ background:url(../images/container06_prev_on.png) center no-repeat;}
.list_box_05 .miso-next:hover{ background:url(../images/container06_next_on.png) center no-repeat;}

.list_box_05 li a:hover{ background:#fff}

.list_box_051 li a .con h5{white-space:normal;margin-bottom: 2rem !important;height: 3.25rem;}
.list_box_051 li a .con p{ display:none}

footer{padding: 5rem 0 4rem;overflow:hidden; border-top:1px solid #000;}
footer .left{width: calc(100% - 28.625rem);padding-right:4.25rem;border-right:#e9eaec 1px solid;min-height:15.25rem;}
footer .left{display:flex;justify-content: space-between;}
footer .left dl{ display:inline-block; vertical-align:top}
footer .left dl dt{font-size:1rem;color:#404040;margin-bottom: 15px; transition:.5s}
footer .left dl dd{ font-size:13px; color:#8b8b8b; line-height:2.125rem; transition:.5s}
footer .right{ max-width:25.625rem; }
footer .right h2{ font-size:2.125rem; color:#103b91; font-family:BaseOne-Bold;}
footer .right h5{ font-size:.875rem; color:#6a6a6a; margin:.5rem 0 1.25rem}
footer .right h6{ font-size:.875rem; color:#6a6a6a; line-height:1.75rem}
footer .right .ewm{ margin:1.25rem 0; font-size:13px; color:#979797;}
footer .right .ewm img{ margin:-3px .5rem 0 0}
footer .right p{ font-size:13px; color:#979797; line-height:24px}

footer .left dl dd:hover, footer .left dl dt:hover{ color:#103b91}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.jb_tiao{ display:flex}

.n_banner{background:url(../images/n_banner_bg.jpg) center no-repeat;height:12.1875rem;display:flex;align-items:center;background-size: cover !important;}
.n_banner .w1200{ display:flex; justify-content:space-between; align-items:center; flex:1; max-width:1500px}

.title004{ text-align:center; margin-bottom:3.5rem}
.title004 h2{ font-size:1.75rem; color:#4f4f4f}
.title004 .h3{ font-size:2rem; color:#d0c5b3; font-family:BarlowCondensed-SemiBold; text-transform:capitalize; margin:0 0 .75rem}

.n_banner .title004{ text-align:left; margin-bottom:0}

.n_erji{ display:flex;}
.n_erji li{margin: .5rem 0;margin-left:.75rem;}
.n_erji li a{display:flex;height:3.125rem;padding:0 2rem;position:relative;z-index:1;transition: .5s;align-items: center;font-size: 1.125rem;color: #505050;}
.n_erji li a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#dad4cb 1px solid;border-radius:1.625rem;z-index:-1;transition: .5s;}

.n_erji li.on a:before{ background:#f69f0e; border:#f69f0e 1px solid}
.n_erji li.on a{ color:#fff}

.n_container .w1200{ max-width:1500px;}

.n_about .fl01{ padding:4.375rem 0 5.625rem; overflow:hidden}
.n_about .fl01 .content{ display:flex; flex-wrap:wrap; justify-content:space-between}
.n_about .fl01 .content .left{ width:28.75rem}

.title005{ margin-bottom:2.5rem}
.title005 h3{ font-size:2.375rem; color:#414141; opacity:.3; font-family:BarlowCondensed-SemiBold; text-transform:uppercase}
.title005 h4{ font-size:1.5rem; color:#414141; font-weight:bold; margin:.75rem 0 0}

.n_about .fl01 .content .right{ width:calc(100% - 28.75rem)}

.list_box_13{display:flex;justify-content:space-between;margin: 4rem -5px 0;}
.list_box_13 li{text-align:center;padding: 0 5px;}
.list_box_13 li h5{ font-size:1.0625rem; color:#5b5b5b; line-height:1.5; margin-bottom:.5rem}
.list_box_13 li h3{ font-size:4.125rem; color:#103b91; font-family:BarlowCondensed-Bold;}

.n_about .fl01 .bottom{ display:flex; justify-content:space-between; margin:4rem -5px 0}
.n_about .fl01 .bottom .bottom_li{/* flex:1; */padding:0 5px;}
.n_about .fl01 .bottom .left{ width:60%}
.n_about .fl01 .bottom .left a{ display:block; position:relative}
.n_about .fl01 .bottom .left a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.4)}
.n_about .fl01 .bottom .left a .top img{ transition:.5s}
.n_about .fl01 .bottom .left .img .img_hezi{ padding-bottom:57.05% !important}
.n_about .fl01 .bottom .right{ width:40%}
.n_about .fl01 .bottom .right .img .img_hezi{padding-bottom: 86.05% !important;}

.n_about .fl01 .bottom .left a:hover .img img{ transform:scale(1.05)}
.n_about .fl01 .bottom .left a:hover .top img{ transform:rotateY(180deg)}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background: none no-repeat!important;}

@media(max-width: 992px){
    .vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}
    .vwrap .close{right: 0;top: -35px;}
    .vwrap .videobox video{}
}

.n_about .fl02{ padding:5.5rem 0; background:#f4f4f4; overflow:hidden}

.title006{ text-align:center; margin-bottom:3.5rem}
.title006 .h3{ font-size:2rem; color:#d0c5b3; font-family:BarlowCondensed-SemiBold; text-transform:capitalize; margin:0 0 .75rem}
.title006 h2{ font-size:1.875rem; color:#4f4f4f}

.list_box_public .miso-arrow{width:3.75rem;height:3.75rem;border:#c3c3c8 1px solid;border-radius:50%;transition:.5s;display: flex;align-items: center;text-align: center;justify-content: center;}
.list_box_public .miso-arrow svg{width:1rem;height:1rem;fill:#666;transition:.5s;}
.list_box_public .miso-prev{ left:-4.5rem}
.list_box_public .miso-next{ right:-4.5rem}

.list_box_public .miso-arrow:hover{ border:#f69f0e 1px solid; background:#f69f0e}
.list_box_public .miso-arrow:hover svg{ fill:#fff}

.list_box_14{ display:flex; flex-wrap:wrap; margin:0 -.625rem}
.list_box_14 li{ width:50%; padding:0 .625rem}
.list_box_14 li .img .img_hezi{ padding-bottom:60.86% !important}

.sticky{position: sticky;top: 60px;z-index: 100;}

.list_box_miaobao{display:flex;padding: 4rem 0;text-align: center;justify-content: center;background: #fff;flex-wrap: wrap;}
.list_box_miaobao li{max-width:25%;padding: 0 2rem;}
.list_box_miaobao li a{display:flex;width:12.5rem;max-width:100%;padding-bottom:100%;position:relative;z-index:1;}
.list_box_miaobao li a:before{content:"";border:#dddfe1 1px solid;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;}
.list_box_miaobao li a .top{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content: center;flex-direction: column;}
.list_box_miaobao li a .top .ico{ display:flex; width:4rem; height:4rem; position:relative; overflow:hidden}
.list_box_miaobao li a .top .ico .icoli{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; transition:.5s}
.list_box_miaobao li a .top .ico .icoli.icoli2{ transform:translateX(-100%)}
.list_box_miaobao li a .top h5{ font-size:1.0625rem; color:#515151; transition:.5s; line-height:1.5; margin-bottom:.5rem}

.list_box_miaobao li.active a:before{ border:#103b91 1px solid; background:#103b91}
.list_box_miaobao li.active a .top .ico .icoli.icoli1{ transform:translateX(100%)}
.list_box_miaobao li.active a .top .ico .icoli.icoli2{ transform:translateX(0)}
.list_box_miaobao li.active a .top h5{ color:#fff}

.n_cultrue{ padding-bottom:4rem}
.n_cultrue .fl00{ padding:6rem 0; overflow:hidden}
.n_cultrue .fl00{ position:relative; margin-bottom:2.625rem}
.n_cultrue .fl00:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0}
.n_cultrue .fl00 .content{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.n_cultrue .fl00 .content .img{ width:42.5rem;}
.n_cultrue .fl00 .content .con{width:calc(100% - 42.5rem);padding:0 0 0 4.375rem;position: relative;}
.n_cultrue .fl00 .content .con h5{ font-size:1.625rem; color:#3a3a3a; line-height:1.25; margin-bottom:1.75rem}

.n_cultrue .fl01:before{background:url(../images/n_cultrue_bg1.jpg) left center no-repeat;background-size: 38% 100%;}
.n_cultrue .fl01 .content .img{ border-radius:0 2.25rem 0 2.25rem}

.n_cultrue .fl02:before{ background:url(../images/n_cultrue_bg2.jpg) right center no-repeat; background-size:auto 100%}
.n_cultrue .fl02 .content .con{ order:-1; padding:0 4.375rem 0 0;}
.n_cultrue .fl02 .content .img{ border-radius:2.25rem 0 2.25rem 0}

.n_cultrue .fl03:before{ background:url(../images/n_cultrue_bg3.jpg) left center no-repeat; background-size:auto 100%}

.n_cultrue .fl04:before{ background:url(../images/n_cultrue_bg4.jpg) right center no-repeat; background-size:auto 100%}

/*发展历程*/
.n_licheng{ background:url(../images/n_licheng_bg.png) 95% bottom no-repeat}
.n_licheng .fl01 .w1200{ display:flex; flex-wrap:wrap; }
.n_licheng .fl01 .left{ width:23.125rem; position:relative; padding:5rem 0}
.n_licheng .fl01 .left .top{ background:url(../images/n_licheng_img1.jpg) center no-repeat; background-size:cover; height:13.75rem}
.n_licheng .fl01 .left .top:before{ content:""; right:23.125rem; position:absolute; background:#eceef0 url(../images/n_licheng_img2.jpg) right center no-repeat; background-size:auto 100%; height:13.75rem; width:300px}


.n_licheng .fl01 .right{ width:calc(100% - 23.125rem); padding:5rem 0 5rem 6.875rem; position:relative}
.n_licheng .fl01 .right:before{content:"";position:absolute;left: calc(7.1875rem + 6.875rem);top:0;bottom:0;width: 1px;background: #e0e0e0;}
.n_licheng .fl01 .right .ul .li{margin-top: 1.75rem;position: relative;}
.n_licheng .fl01 .right .ul .li .ll{width: 7.1875rem;position: relative;}
.n_licheng .fl01 .right .ul .li .ll font{font-size: 2.375rem;color: #103b91;font-family: BarlowCondensed-SemiBold;}
.n_licheng .fl01 .right .ul .li .ll .dot{border: #e0e0e0 3px solid;width: 18px;height: 18px;border-radius:50%;position: absolute;right: -10px;top: 12px;background: #fff;}
.n_licheng .fl01 .right .ul .li .rr{width: calc(100% - 7.1875rem);padding-left: 1.375rem;padding-top: .25rem;}
.n_licheng .fl01 .right .ul .li .rr ul li{font-size: 1.0625rem;line-height: 2rem;color: #6a6a6a;margin-bottom: 1rem;padding-left:1.75rem;background:url(../images/jiantou001.png) left 12px no-repeat;list-style: none;}
.n_licheng .fl01 .right .ul .li .rr ul li:last-child{ margin-bottom:0}

/*资质荣誉*/
.n_certification{ padding:4.375rem 0 5rem; }
.list_box_certification{ margin:0 -.8125rem; display:flex; flex-wrap:wrap; margin-bottom:-2rem}
.list_box_certification li{ width:25%; padding:0 .8125rem; text-align:center;}
.list_box_certification li .img{ display:flex; align-items:center; justify-content:center; height:20.625rem; background:#f1f1f5}
.list_box_certification li .img img{max-width: 74%;max-height:100%;}
.list_box_certification li .con{ border:#d3d4d6 1px solid; height:3.4375rem; display:flex; align-items:center; justify-content:center;  margin:.625rem 0 3.5rem; transition:.5s;}
.list_box_certification li .con h5{ padding:0 1rem; font-size:1.0625rem; color:#515151; transition:.5s;}

/*翻页*/
.pages{text-align:center;margin: 3.125rem 0 0;}
.pages .box{ display:flex; align-items:center; justify-content:center}
.pages .box a{margin: 0 .375rem;border:#d3d6d9 1px solid;transition:.5s;font-size:14px;color:#78430f;display:flex;align-items:center;justify-content: center;height:2.5rem;min-width: 2.5rem;padding: 0 .5rem;white-space: nowrap;}
.pages .box a span{padding: 0 1rem;}

.pages .box a.on{ color:#fff; border:#103b91 1px solid; background:#103b91}

.list_box_n_news{ margin:0 -1.25rem; margin-bottom:2rem}
.list_box_n_news li{ float:left; width:33.333333%; padding:0 1.25rem; margin-bottom:1.875rem}
.list_box_n_news li a{ display:block; overflow:hidden}
.list_box_n_news li a .img .img_hezi{ padding-bottom:67.65% !important}
.list_box_n_news li a .img .time{ width:130px; height:36px; line-height:36px; text-align:center; background:rgba(255,255,255,.9); font-family:Roboto_l; font-size:.875rem; color:#2f343d; position:absolute; top:1.875rem; left:1.875rem; transition:.5s;}
.list_box_n_news li a .img .time svg{ width:14px; height:14px; fill:#9ba7b9; transition:.5s; vertical-align:middle; margin:-3px .5rem 0 0; }
.list_box_n_news li a .con{background: #f2f3f6;padding:2.25rem 2rem;}
.list_box_n_news li a .con h5{ font-size:1.25rem; color:#303030; line-height:1.875rem; height:3.75rem; transition:.5s} 
.list_box_n_news li a .con p{font-size:.875rem;color:#787878;line-height:24px;height:48px;overflow:hidden;margin: 1.25rem 0 2.5rem;}
.list_box_n_news li a .con span{ font-size:13px; color:#343637; text-decoration:underline; transition:.5s}

/*新闻详情*/
.n_news_detail{padding:4.375rem 0 3.75rem;}
.n_news_detail .content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.n_news_detail .left{width: calc(100% - 26.25rem);padding: 0 3.125rem 0 0;}
.n_news_detail .ar_title{margin-bottom: 2rem;}
.n_news_detail .ar_title h3{font-size: 1.875rem;color: #38393b;line-height: 1.5;margin-bottom: .75rem;}


.n_news_detail .ar_title h6 span{position:relative;font-size: 1rem;color: #77787b;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right: 30px;vertical-align: top;}
.n_news_detail .ar_title h6 span img{ margin:-3px 0.45rem 0 0}
.n_news_detail .ar_title h6{position:relative;} 
.n_news_detail .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}

.n_news_detail .ar_title h6 span svg{width: 18px;height: 18px;fill:#808080;margin-right: .5rem;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_news_detail .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080}
.n_news_detail .ar_article p{ color:#757575}
 
#share-21.social-share{ margin:2.5rem 0 0}
#share-21.social-share .social-share-icon{ display:inline-block; border:#dbdcdf 1px solid; margin:0 .5rem}
#share-21.social-share .social-share-icon:hover{ border:#f69f0e 1px solid !important; background:#f69f0e !important; color:#fff !important}


.n_news00 .right{width: 26.25rem;}
.n_news00 .right .sticky{position:sticky;top: 120px;}
.n_news00 .right .right_box{background: #f6f6f6;padding: 2.75rem;}
.n_news00 .right h3{font-size: 1.5rem;color: #242930;margin-bottom: 20px;}
.n_news00 .right .fl01{margin-bottom: 0;}
.n_news00 .right .fl01 form{border: #d2d2d2 2px solid;height: 3.75rem;line-height: 3.75rem;background: none;}
.n_news00 .right .fl01 form .txt{width: calc(100% - 60px);height: 100%;border: none;float:left;padding: 0 20px;font-size: 15px;color: #777a7d;border-radius:4px 0 0 4px;font-family: PingFang;background: none;}
.n_news00 .right .fl01 form .btn{width: 60px;float: right;border:0;background: none;color:#fff;height: 53px;font-size: 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;}
.n_erji ul li{ border-bottom:#eeeeee 1px solid; height:60px; line-height:60px;}
.n_erji ul li a{font-size:18px;color:#777a7d;font-family: PingFang;display:block;position:relative;padding-left: 16px; transition:0.6s}
.n_erji ul li a:before{ content:""; width:4px; height:4px; background:#d7d8d9; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px; transition:0.6s}
.n_news00 .right .n_erji h3{ margin-bottom:1rem}
.n_erji ul li.on a{ color:#242930;}
.n_erji ul li.on a:before{ background:#242930}

.n_news00 .right .fl03{margin-top: 40px;}
.n_news00 .right .fl03 ul{ margin-top:-10px}
.n_news00 .right .fl03 ul li{border-bottom: #e7e7e7 1px solid;padding: 1.25rem 0;}
.n_news00 .right .fl03 ul li:last-child{border:none;margin-bottom: 0;}
.n_news00 .right .fl03 ul li a{ display:block; overflow:hidden}
.n_news00 .right .fl03 ul li a .img, .n_news00 .right .fl03 ul li a .img img{width: 135px;height: 90px;overflow:hidden;float:left;object-fit: cover;}
.n_news00 .right .fl03 ul li a .con{width: calc(100% - 135px);overflow:hidden;float:right;padding-left:1rem;padding-top: 0.5rem;}
.n_news00 .right .fl03 ul li a .con .time svg{display:inline-block;width:15px;height:15px;fill: #adadad;vertical-align:middle;margin:-3px 5px 0 0;}
.n_news00 .right .fl03 ul li a .con .time{font-size: .9375rem;color:#2f343d;margin-bottom: .625rem;font-family:Roboto;}
.n_news00 .right .fl03 ul li a .con h4{font-size: 1.0625rem;color: #3f3f3f;height: 3.25rem;line-height: 1.625rem;overflow:hidden;transition:0.6s;}

.n_news00 .right .fl04 ul li a .img, .n_news00 .right .fl04 ul li a .img img{width: 144px;height: 95px;overflow:hidden;float:left;object-fit: cover;}
.n_news00 .right .fl04 ul li a h5{ font-size:15px; color:#3a3a3a; font-weight:bold; line-height:1.25; margin:.5rem 0; transition:.5s}
.n_news00 .right .fl04 ul li a .con h4{font-size: 15px;color: #8f8f8f;height: 40px;line-height: 20px;overflow:hidden;font-family:PingFang;transition:0.6s;}

.n_marketing .fl01{ padding:5rem 0 4rem; overflow:hidden}
.list_box_15{ margin:0 -.8125rem; display:flex; flex-wrap:wrap}
.list_box_15 li{ width:25%; padding:0 .8125rem; text-align:center; margin-bottom:1.875rem}
.list_box_15 li a{ overflow:hidden; display:block; background:#f4f4f4; border-radius:.625rem}
.list_box_15 li a .img .img_hezi{ padding-bottom:73.94% !important}

.list_box_15 li a .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:flex-end}
.list_box_15 li a .img .top img{ width:100%}
.list_box_15 li a .con{ padding:2rem 0 4.375rem}
.list_box_15 li a .con h3{ line-height:3.125rem;}
.list_box_15 li a .con h3 img{ max-height:3.125rem; transition:.5s}
.list_box_15 li a .con h5{font-size:1.3125rem;color:#3a3a3a;line-height: 1.375;margin:1rem 0 0;transition:.5s;padding: 0 .5rem;}

.n_marketing .fl02{ padding:7.175rem 0 6rem; overflow:hidden; background:#f4f4f4}
.n_marketing .fl02 .content{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}

.map_buju{width:46.6875rem;position: relative;}
.map_buju img{ width:100%}
.map_buju ul li{position: absolute; cursor:pointer; font-size: 13px; color: #5c5c5c; margin: -12px 0 0 -12px;}
.map_buju ul li p{position:absolute;z-index:1;bottom: 130%;margin-top: -12px;width: auto;line-height: 22px;color: #fff;font-size: .875rem;white-space:nowrap;left: 50%;opacity:0;visibility:hidden;transition: .5s;background: #f7a72e;text-align: center;padding: 0 10px;border-radius: 3px;transform: translateX(-50%);}
.map_buju ul li p:before{content:"";position:absolute;left: 50%;border-left: transparent 6px solid;border-right: transparent 6px solid;border-top: #f7a72e 6px solid;z-index:-1;top: 100%;margin-left: -6px;}
.map_buju ul li:hover p{ opacity:1; visibility:visible;}

.map_buju .circle{width: 30px;height: 30px;position: relative;z-index: 2;}
.circle.red span{ background:#f7a72e;}
.circle.purple span{ background:#f7a72e;}
.circle:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #f7a72e;
    transform: scale(.25);
    opacity:.8;
    display: block;
    box-sizing: border-box;
    z-index: 99;
}

.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: #f7a72e;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}

.map_buju ul li.li_1{top: 38%;left: 19.5%;}
.map_buju ul li.li_2{top: 43.5%;left: 38%;}
.map_buju ul li.li_3{top: 84%;left: 43.5%;}
.map_buju ul li.li_4{top: 33%;left: 66%;}
.map_buju ul li.li_5{top: 87%;left: 56%;}
.map_buju ul li.li_6{top: 97%;left: 58%;}
.map_buju ul li.li_7{top: 60%;left: 63.5%;}
.map_buju ul li.li_8{top: 86.5%;left: 66.75%;}	

.map_buju ul li.li_9{top: 77%;left: 68%;}
.map_buju ul li.li_10{top: 67%;left: 71%;}
.map_buju ul li.li_11{top: 54%;left: 72%;}

.n_marketing .fl02 .content .right{ max-width:calc(100% - 46.6875rem); padding:0 0 0 3rem}
.n_marketing .fl02 .content .right .title006{ text-align:left; margin-bottom:2.5rem}
.n_marketing .fl02 .content .right p{ font-size:1.25rem; color:#636363; line-height:2.25rem; }
.n_marketing .fl02 .content .right h3{ font-size:2.25rem; color:#f69f0e; font-family:BaseOne-Bold; margin:.5rem 0 0}

.n_job{ padding:5rem 0 3.625rem; overflow:hidden}
.n_job .fl01 .img img{ width:100%}
.n_job .fl02{ margin:3.5rem 0 0}
.n_job .fl02 .content{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.n_job .fl02 .content .left{ width:23.125rem;}
.n_job .fl02 .content .left .img{ position:relative}
.n_job .fl02 .content .left .img img{ width:100%}
.n_job .fl02 .content .left .img .top{ display:flex; position:absolute; top:0; right:0; bottom:0; left:0; align-items:flex-end}
.n_job .fl02 .content .left .img .top .con{ padding:0 1rem 4rem 2.875rem}
.n_job .fl02 .content .left .img .top .con h4{ font-size:2.125rem; color:rgba(255,255,255,.3); font-family: BarlowCondensed-SemiBold; text-transform:uppercase}
.n_job .fl02 .content .left .img .top .con h5{ font-size:1rem; color:#fff; line-height:1.375rem; margin:1.25rem 0 0}

.n_job .fl02 .content .right{ width:calc(100% - 23.125rem); padding:0 0 0 3.25rem}
.list_box_n_jiaru { padding:0; margin-bottom:-2rem}
.list_box_n_jiaru li{border-bottom:#d3d8dd 1px solid;padding: 0 0 2.375rem;margin-bottom: 2.375rem;cursor: pointer;}
.list_box_n_jiaru li .top{}
.list_box_n_jiaru li .top h2{font-size: 1.5rem;color: #505050;line-height:1.25;margin-bottom:1.125rem;}
.list_box_n_jiaru li .top h2 font{ width:calc(100% - 24px)}
.jj_btn{width: 1.5rem;height: 1.5rem;background:url(../images/jj_btn_ico1.png) center no-repeat;background-size:100% auto;float:right;cursor:pointer;margin: 1.5rem 0 0 0;}
.list_box_n_jiaru li.on .jj_btn{ background:url(../images/jj_btn_ico1_on.png) center no-repeat; background-size:100% auto; }
.list_box_n_jiaru li .top p{ line-height:1.5}
.list_box_n_jiaru li .top span{margin-right:1.5rem;font-size: .9375rem;color: #7c7f80;font-family: Roboto;}
.list_box_n_jiaru li .top span img{ margin:-3px .375rem 0 0}
.list_box_n_jiaru li .bottom{ padding:2.125rem 0 0; display:none}
.list_box_n_jiaru li .bottom p{ color: #747474; line-height: 2rem;}

.list_box_custom{ margin:0 -1.25rem; display:flex; flex-wrap:wrap;}
.list_box_custom li{ width:33.333333%; padding:0 1.25rem; margin-bottom:1.875em}
.list_box_custom li a{ display:block; overflow:hidden; border-radius:.625rem}
.list_box_custom li a .img .img_hezi{ padding-bottom:65.45% !important}
.list_box_custom li a .con .time{font-size:.875rem;color: #78797a;transition:.5s;font-family: Roboto;margin: .75rem 0 0;}
.list_box_custom li a .con .time svg{ width:14px; height:14px; fill:#9ba7b9; transition:.5s; vertical-align:middle; margin:-3px .5rem 0 0; }
.list_box_custom li a .con{background: #f1f1f5;padding: 1.75rem 2rem; transition:.5s}
.list_box_custom li a .con h5{font-size:1.25rem;color: #4b4b4b;line-height: 1.25;transition:.5s;}

.title007 h3{ text-align:center; font-size:1.875rem; color:#3a3a3a; line-height:1.375; font-weight:bold; margin-bottom:2.25rem}

.list_box_16{ margin:0 -1.25rem; padding:0 3.75rem; margin-top:5.5rem; padding-bottom:5rem}
.list_box_16 li{ width:25%; padding:0 1.25rem}
.list_box_16 li a{ display:block; position:relative}
.list_box_16 li a .img .img_hezi{padding-bottom: 115.55% !important;background:url(../images/liubian_bg.png) center no-repeat;background-size: 100% 100% !important;transition: .5s;}
.list_box_16 li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/liubian_bg_on.png) center no-repeat;background-size: 100% 100% !important;transition: .5s; opacity:0; visibility:hidden}
.list_box_16 li a .img img{top:18%;right:18%;bottom:18%;left:18%;position:absolute;width:calc(100% - 36%);height:calc(100% - 36%);border-radius: 2rem;}
.list_box_16 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden}
.list_box_16 li a .top h5{ padding:0 1rem; font-size:1.1225rem; color:#fff; line-height:1.5}

.list_box_16 li a:hover .img:after{ opacity:1; visibility:visible}
.list_box_16 li a:hover .top{ opacity:1; visibility:visible}

.list_box_16 .miso-arrow{ top:auto; transform:translateY(0); bottom:0; border:#dcdcdc 1px solid}
.list_box_16 .miso-prev{ left:50%; margin-left:-4.125rem}
.list_box_16 .miso-next{ right:50%; margin-right:-4.125rem}

.n_feixiao{ padding:5rem 0 5rem}

.list_box_feixiao{ margin:0 -1rem; display:flex; flex-wrap:wrap; margin-bottom:-2rem}
.list_box_feixiao li{ width:25%; padding:0 1rem; margin-bottom:2rem}
.list_box_feixiao li a{ display:block; background:#f2f3f6; padding:3.75rem 2rem 3.5rem; text-align:center; transition:.5s}
.list_box_feixiao li a .img{display:inline-block;margin:0 auto;width:11rem;border-radius:50%;margin-bottom: 1.25rem;}
.list_box_feixiao li a .img .img_hezi{ padding-bottom:100% !important}
.list_box_feixiao li a .con h5{ font-size:1.375rem; color:#3c3c3c; line-height:1.25; transition:.5s}
.list_box_feixiao li a .con p{font-size:.875rem;color:#7c7c7c;line-height:1.5rem;height:3rem;margin: 1.125rem 0 2.125rem;}
.list_box_feixiao li a .con span{display:flex;width:6.25rem;height:2.5rem;font-size:.875rem;color:#606060;align-items:center;justify-content:center;border:#d7d7d7 1px solid;transition:.5s;border-radius:1.25rem;margin: 0 auto;}

.list_box_feixiao01 li a .con h5{font-size: 1.125rem;color:#3c3c3c;line-height: 1.75rem;height: 3.5rem;transition:.5s;margin-bottom: 2.5rem;}

.title008 h3{ text-align:center; font-size:2rem; color:#3a3a3a; line-height:1.375; margin-bottom:2.25rem}

.n_feixiao_detail{ padding:4.375rem 0 5rem; }
.n_feixiao_detail .fl01 .content{ display:flex; justify-content:space-between; flex-wrap:wrap}
.n_feixiao_detail .fl01 .content .left{ width:calc(100% - 26.25rem); padding:0 3.125rem 0 0}
.n_feixiao_detail .fl01 .content .left .fl000{ border-bottom:#e8e8e8 1px solid; margin-bottom:3.25rem}
.n_feixiao_detail .fl01 .content .left .fl000 .top{ display:flex; align-items:center;}
.n_feixiao_detail .fl01 .content .left .fl000 .top .ico{width:4.6875rem;height:4.6875rem;background:#103b91;border-radius:50%;display: flex;align-items: center;justify-content: center;}
.n_feixiao_detail .fl01 .content .left .fl000 .top .ico img{ max-height:1.875rem}
.n_feixiao_detail .fl01 .content .left .fl000 .top .con{ padding:0 0 0 1.25rem }
.n_feixiao_detail .fl01 .content .left .fl000 .top .con h3{ font-size:1.375rem; color:#656565; font-weight:bold; }
.n_feixiao_detail .fl01 .content .left .fl000 .ar_article{ margin:1.75rem 0 2.5rem}
.ar_article th{background:#f4f4f4;border:#dfdfdf 1px solid;font-size: 1.0625rem;color: #5b5b5b;font-weight: normal;}
.ar_article td{ text-align:center; border:#dfdfdf 1px solid}
.ar_article td p{/* text-align:left; */margin-bottom: 1.875rem;margin-bottom: 6px !important;}

.n_feixiao_detail .fl01 .content .right{ width:26.25rem;}
.n_feixiao_detail .fl01 .content .right .sticky{ position:sticky; top:120px}
.n_feixiao_detail .fl01 .content .right .right_box{ background:#f2f3f6; padding:2.75rem}
.n_feixiao_detail .fl01 .content .right .right_box h3{ font-size:1.5rem; color:#242930; line-height:1.75rem; margin-bottom:1.75rem}

.n_feixiao_detail .fl01 .content .left .fl000:last-child{ border:none; padding-bottom:0; margin-bottom:0}
.n_feixiao_detail .fl01 .content .left .fl000 .fenxiang_box1{ margin:3rem 0 0}

.list_box_17 li{ margin-bottom:1.25rem}
.list_box_17 li a{ display:flex;}
.list_box_17 li a .img{ width:5.625rem; height:5.625rem;}
.list_box_17 li a .con{ width:calc(100% - 5.625em); padding:.5rem 0 0 1.125rem}
.list_box_17 li a .con h5{ font-size:1.0625rem; color:#414141; font-weight:bold; transition:.5s; line-height:1.375}
.list_box_17 li a .con p{ font-size:.875rem; color:#7c7c7c; line-height:20px; height:40px; margin:.5rem 0 0}

.n_nhfw .content{ display:flex; flex-wrap:wrap; justify-content:space-between}
.n_nhfw .content .n_left{ width:calc(100% - 19.375rem); padding:0 3rem 0 0}
.n_nhfw .content .n_left .list_box_feixiao li{ width:33.333333%;}
.n_nhfw .content .n_right{ width:19.375rem}
.n_nhfw .content .n_right .sticky{ top:120px;}

.n_nhfw .content .n_right .layui-form-item .layui-input-inline{margin:0;width: 100%;position:relative;z-index:1;cursor:pointer;left: 0;}
.n_nhfw .content .n_right .layui-form-item .layui-input-inline .layui-input{ border:#e3e5e8 2px solid; height:3.4375rem; font-size:1rem; color:#616161; padding:0 3.125rem; background:url(../images/rili.svg) 1.25rem center no-repeat; cursor:pointer}
.n_nhfw .content .n_right .layui-form-item .layui-input-inline .xiala{position:absolute;right:1.25rem;top:0;bottom:0;display:flex;align-items:center;z-index: -1;}

.n_nhfw .content .n_right .fl002 .img{ position:relative}
.n_nhfw .content .n_right .fl002 .img img{ width:100%}
.n_nhfw .content .n_right .fl002 .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:18% 0 0 2.75rem}
.n_nhfw .content .n_right .fl002 .img .top h3{ font-size:1.375rem; color:#4b5057; line-height:1.375}
.n_nhfw .content .n_right .fl002 .img .top h4{ font-size:1.625rem; color:#d0c5b3; line-height:1.25; text-transform:uppercase; margin:.75rem 0 0; font-family: BarlowCondensed-SemiBold;}

.layui-laydate-content td, .layui-laydate-content th{ height:28px !important}
.layui-laydate-list>li{ height:28px !important; line-height:28px !important}
.layui-laydate-content{ height:200px !important}

.n_danye .fl01{ padding:4.375rem 0 5rem; overflow:hidden}

.n_product .fl02{}
.list_box_product_top{ display:flex; flex-wrap:wrap; justify-content:space-between}
.list_box_product_top li{ width:25%;}
.list_box_product_top li a{ display:block; position:relative}
.list_box_product_top li a .img .img_hezi{ padding-bottom:150% !important}
.list_box_product_top li a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; width:0; background-color: rgba(32, 138, 74, .85); transition:.5s; opacity:0; visibility:hidden}
.list_box_product_top li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; flex-direction:column}
.list_box_product_top li a .top h3{ height:4.625rem}
.list_box_product_top li a .top h3 img{ max-height:4.625rem}
.list_box_product_top li a .top h5{ font-size:2rem; color:#fff; margin:2rem 0 0}

.n_product .fl02{ padding:3.5rem 0 5.625rem; overflow:hidden; background:#f2f3f6}

.list_box_product{ margin:0 -1.25rem; display:flex; flex-wrap:wrap}
.list_box_product li{ width:50%; padding:0 1.25rem; margin-bottom:1.875rem}
.list_box_product li a{display:flex;background:#fff;padding:3.75rem;align-items: center; position: relative;}
.list_box_product li .biaozhi{ position: absolute; right: 1.5rem; top: 1.5rem;}
.list_box_product li .biaozhi img{ width: 5.9375rem; height: 3.25rem;}
.list_box_product li a .img{width:16.875rem;height: 18.125rem;display: flex;align-items: center;text-align: center;justify-content: center;}
.list_box_product li a .img img{max-height: 18.125rem;max-width: 100%;}
.list_box_product li a .con{ width:calc(100% - 16.875rem); padding:0 0 0 3.125rem}
.list_box_product li a .con h5{ font-size:1.5rem; color:#363636; line-height:1.25; transition:.5s}
.list_box_product li a .con p{font-size:.9375rem;color:#888888;line-height:1.625rem;height:3.25rem;margin: 1.5rem 0 .75rem;}
.list_box_product li a .con h6{font-size:.9375rem;color:#717171;line-height:1.25;}
.list_box_product li a .con span{display:flex;border:#d0d1d4 1px solid;border-radius: 1.375rem;transition:.5s;width: 7.875rem;height: 2.8125rem;align-items: center;justify-content: center;margin: 2.875rem 0 0;font-size: .875rem;color: #7b7b7d;}
.list_box_product li a .con span i{width:1rem;height:1rem;display: flex;align-items: center;justify-content: center;margin-left: .5rem;}
.list_box_product li a .con span i svg{ width:1rem; height:1rem; fill:#7b7b7d; transition:.5s}

.n_product_detail .w1200{ max-width:1300px}
.n_product_detail .fl01{ background:url(../images/n_product_detail_fl01_bg.jpg) center bottom no-repeat; background-size:cover !important; padding:5rem 0 4rem}
.n_product_detail .fl01 .content{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
.n_product_detail .fl01 .content .left{ width:32.5rem}

.list_box_product_detail{ padding-bottom:3rem}

.list_box_product_detail li .img{ width:100%; height:25.25rem; display:flex; align-items:center; justify-content:center}
.list_box_product_detail li .img img{ max-width:100%; max-height:25.25rem}
.list_box_product_detail .miso-dots li{ width:.625rem; height:.625rem; border:#eca62f 2px solid; border-radius:50%; margin:0 .375rem}

.list_box_product_detail .miso-dots li.miso-active{ background:#eca62f}

.n_product_detail .fl01 .content .right{ max-width:calc(100% - 32.5rem);}
.n_product_detail .fl01 .content .right h3{ font-size:2.125rem; color:#4f4f4f; line-height:1.375; margin-bottom:2.25rem}
.n_product_detail .fl01 .content .right p{ font-size:1.0625rem; color:#73706b; line-height:2.25rem;}

.n_product_detail .fl02{ padding:4.375rem 0; overflow:hidden}

/*团队介绍*/
.n_team .fl01{ padding:4.375rem 0 5.625rem; overflow:hidden}
.n_team .fl01 .content{ display:flex; flex-wrap:wrap; justify-content:space-between}
.n_team .fl01 .content .left{width: 18rem;}
.n_team .fl01 .content .left .title006{ text-align:left}

.title005{ margin-bottom:2.5rem}
.title005 h3{ font-size:2.375rem; color:#414141; opacity:.3; font-family:BarlowCondensed-SemiBold; text-transform:uppercase}
.title005 h4{ font-size:1.5rem; color:#414141; font-weight:bold; margin:.75rem 0 0}

.n_team .fl01 .content .right{width: calc(100% - 18rem);}

.list_box_18{ margin:0 -.625rem; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.5rem}
.list_box_18 li{ width:50%; padding:0 .625rem}
.list_box_18 li .img{ position:relative}
.list_box_18 li .img .img_hezi{ padding-bottom:60.86% !important}
.list_box_18 li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:flex-end; justify-content:center; background:url(../images/list_box_18_yy.png) center bottom no-repeat; background-size:100% auto}
.list_box_18 li .img .top h5{ font-size:1rem; color:#fff; line-height:1.5; margin: 1rem 0 2rem; padding:0 1rem; transition:.5s}

.list_box_18 li a:hover .img img{ transform:scale(1.05)}

.n_team .fl02{ padding:5.625rem 0; background:#f7f7f7 url(../images/n_team_fl02_bg.jpg) center bottom no-repeat; background-size:cover}
.n_team .fl02 .ar_article{ text-align:center; margin-bottom:3rem}

.n_team .fl02.container07:before{ display:none}
.n_team .fl02.container07 .miso_hd ul li.miso-current a{ background:#f69f0e; border:#f69f0e 1px solid}
.n_team .fl02.container07 .miso_bd{ padding:0 6.25rem}
.n_team .fl02.container07 .miso_bd>.miso-list{ overflow:visible}
.n_team .fl02.container07 .miso_bd #certify{}
.n_team .fl02.container07 .miso_bd #certify .swiper-slide .img{ border-radius:0}
.n_team .fl02.container07 .miso_bd #certify .swiper-slide {}
.n_team .fl02.container07 .miso_bd #certify .swiper-slide .img{ padding-bottom:60.86% !important}
.n_team .fl02.container07 .miso_bd #certify .swiper-button-prev{ left:-6rem}
.n_team .fl02.container07 .miso_bd #certify .swiper-button-next{ right:-6rem}

.n_zuimei{ background:url(../images/n_zuimei_bg.jpg) center bottom no-repeat; background-size:cover; padding:4.375rem 0 6.25rem}

.n_zuimei .fl001{ display:flex; justify-content:space-between; flex-wrap:wrap}
.n_zuimei .fl001 .left{ width:42.5%}
.n_zuimei .fl001 .right{ width:42.5%}

.list_box_zuimei1{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:center}
.list_box_zuimei1 li{ width:25%; padding:0 .3125rem; margin-bottom:10px}
.list_box_zuimei1 li .img .img_hezi{ padding-bottom:100% !important}

.n_zuimei .fl002{ display:flex; justify-content:space-between; flex-wrap:wrap}
.n_zuimei .fl002 .left{ width:10%}
.n_zuimei .fl002 .center{ width:80%; padding:0 .625rem}
.n_zuimei .fl002 .right{ width:10%}

.list_box_zuimei2{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:center}
.list_box_zuimei2 li{ width:100%; padding:0 .3125rem; margin-bottom:.625rem}
.list_box_zuimei2 li .img .img_hezi{ padding-bottom:100% !important}

.list_box_zuimei3{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:center}
.list_box_zuimei3 li{ width:33.333333%; padding:0 .3125rem; margin-bottom:.625rem}
.list_box_zuimei3 li .img .img_hezi{ padding-bottom:100% !important}

.n_zuimei .fl003{ display:flex; justify-content:space-between; flex-wrap:wrap}
.n_zuimei .fl003 .left{ width:36.333333%}
.n_zuimei .fl003 .center{width: calc(100% - 36.333333%*2);padding:0 .625rem;}
.n_zuimei .fl003 .right{ width:36.333333%}

.list_box_zuimei4{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:flex-end}
.list_box_zuimei4 li{ width:25%; padding:0 .3125rem; margin-bottom:.625rem}
.list_box_zuimei4 li .img .img_hezi{ padding-bottom:100% !important}

.n_zuimei .fl003 .right .list_box_zuimei4{ justify-content:flex-start}

.list_box_zuimei5{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:center}
.list_box_zuimei5 li{ width:100%; padding:0 .3125rem; margin-bottom:.625rem}
.list_box_zuimei5 li .img .img_hezi{ padding-bottom:100% !important}

.n_zuimei .fl004{ width:7.1875rem; margin:0 auto}
.list_box_zuimei6{ margin:0 -.3125rem; display:flex; flex-wrap:wrap; justify-content:center}
.list_box_zuimei6 li{ width:100%; padding:0 .3125rem; margin-bottom:.625rem}
.list_box_zuimei6 li .img .img_hezi{ padding-bottom:100% !important}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999999999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: .5rem; overflow: hidden; top:50%; z-index:9999; width: 18rem; left:50%; margin-left: -9rem; margin-top: -9rem; padding: 1rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; }
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;}

#page_show_box{position:fixed;z-index: 99999999;top:0;left:0;display:none;height:100%;width:100%;}
#page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{position: fixed;width: 992px;top:50%;z-index:9999;left:50%;transform: translateX(-50%) translateY(-50%);max-width: 94%;max-height: 94vh;height: auto;}
#bnt_close{position: absolute;top: 1.25rem;width: 1.875rem;height: 1.875rem;right: 1.25rem;}
#bnt_close img{display:block;position: inherit;z-index: 1;width: 100%;cursor: pointer;-moz-transition: all 0.6s ease-in-out ease-in-out;-webkit-transition: all 0.6s ease-in-out ease-in-out;-o-transition: all 0.6s ease-in-out ease-in-out;-ms-transition: all 0.6s ease-in-out ease-in-out;transition: all 0.6s ease-in-out ease-in-out;}
#page_show_box #page_ar{position:relative;height: 100%;max-height: 100%;}
#page_show_box #page_ar .ar_box{height: 100%;padding: 3.125rem 3.125rem;border-radius: 5px;background: #fff;position:relative;box-sizing: border-box;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;max-height: 5;}
.tc1 .tc.act{display: block; }
#page_show_box #page_ar .ar_box.on{-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}

.list_box_product_top li.on a .img img{ transform:scale(1.05)}
.list_box_product_top li.on a .img:after{ opacity:1; visibility:visible; width:100%; left:0}

#page_show_box #page_ar .ar_box #show_team{max-height: calc(100vh - 6vh - 6.25rem);overflow: hidden;overflow-y: scroll; padding-right:1rem; margin-right:-1rem}
#page_show_box #page_ar .ar_box #show_team::-webkit-scrollbar {width:4px;height: 8px;background-color: transparent;}
#page_show_box #page_ar .ar_box #show_team::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
#page_show_box #page_ar .ar_box #show_team::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.search_btn{cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 18rem;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #103b91;transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;






}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{


	background-color: #ff495f;
}


.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 4.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],

.search-dialog .search-input .clear-btn{
	float: right;
	height: 4.5rem;
	width: 3.5rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
	background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search{
	font-size: 0;
	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url(../images/hot-icon.png);
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;

}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}


.n_marketing .fl03{border-bottom:#e9eaec 1px solid;padding: 4.5rem 0 4rem;}
.n_form{ display:flex; flex-wrap:wrap; margin:0 -1.25rem}
.n_form .box{ width:33.333333%; padding:0 1.25rem;}
.n_form .box2{ width:66.666666%;}
.n_form .box .box_li{height:3.75rem;background:#f4f4f4;border-radius: 4px;display: flex;align-items: flex-start;padding: 0 1.875rem;margin-bottom:1.25rem;overflow: hidden;position: relative;}
.n_form .box .box_li .yzm{display:flex;height:100%;align-items:center;position: absolute;top: 0;bottom: 0;right: 12px;}
.n_form .box .box_li label{white-space:nowrap;font-size: 1.125rem;color: #4f4f4f;align-items: center;display: flex;height: 3.75rem;}
.n_form .box .box_li label span{width: 1.75rem;display:inline-block; padding-right:6px}
.n_form .box .box_li label span img{ max-width:100%}

.n_form .box .box_li1{ height:9.375rem}
.n_form .box .box_li input, .n_form .box .box_li textarea{flex: auto;height:100%;resize:none;font-size: 1.125rem;color: #4f4f4f;}
.n_form .box .box_li.submit{background:#f69f0e;margin-bottom: 0;margin-top: 1.75rem;transition: .5s;cursor: pointer;}
.n_form .box .box_li.submit input{font-size:1.5rem;color:#fff;cursor: pointer;}
.n_form .box .box_li.submit:hover{ background: #103b91;}
.n_form .box .box_li textarea{padding: 1.125rem 0;}
 
/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}