@charset "utf-8";
@font-face{ font-family:AvenirLTStd-Light; src:url(../font/AvenirLTStd-Light.otf);}
@font-face{ font-family:AVENIRNEXTLTPRO-MEDIUMCN; src:url(../font/AVENIRNEXTLTPRO-MEDIUMCN.OTF);}
@font-face{ font-family:AVENIRNEXTLTPRO-DEMICN; src:url(../font/AVENIRNEXTLTPRO-DEMICN.OTF);}
@font-face{ font-family:D-DIN; src:url(../font/D-DIN.otf);}

@font-face{ font-family:D-DINCondensed; src:url(../font/D-DINCondensed.otf);}

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

@font-face {
    font-family: din;
    src: url(../font/D-DINCondensed.otf);
}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{margin:0 auto;width:94%;max-width:1600px;}

.header_box{ height:95px}
#header{position: fixed;z-index: 1000;top: 0;left:0;right:0;transition:.6s;padding:0 0;background: #fff;box-shadow: 0 3px 15px rgba(0,0,0,.05);}
#header>.w1200{display:flex;align-items:center;justify-content:space-between;height: 95px;}
#header .logo img{max-width:15.75rem;height:95px;}

#header .right{display:flex;align-items:center;border-radius: .625rem;position: relative;}
#header .language{float: right;position: relative;margin-top:0px; margin-left:38px; }
#header .top-main#showopen .language{ display:none;}
#header .language .btn{height: 95px; line-height:95px;cursor: pointer; background-size:8px 5px;color:#333333; font-size:16px;padding-left:25px; position:relative; font-family:Arial; font-weight:normal;}
#header .language:hover .btn{ color:#0170b7;}
#header .language .btn:after{ content:""; position:absolute; width:16px; height:100%; top:0; left:0; background:url(../images/top_bg3_on.png) left center no-repeat; background-size:16px 16px;}
#header .language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}
#header .language .list { position: absolute; top: 95px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 100px; /*padding-top: 4px; */text-align: center; display: none;}
#header .language ul {background: #fff;border-radius: 0 0 4px 4px; /*padding: 4px 0;*/ position: relative; box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.01);}
#header .language li a {height: 40px; line-height: 40px; display: block; font-size: 16px; color: #999999; font-weight:bold;}
#header .language li a:hover {color: #ffffff; background:#0170b7;}


nav{display: inline-block;}
#nav>ul{display: flex;padding: 0 2rem;}
#nav>ul>li{position:relative;z-index:0;margin: 0 2.35rem;display: flex;align-items: center;}
#nav>ul>li >a{}
#nav>ul>li >a{padding: 0;text-transform:uppercase;font-size: 1.125rem;color: #000;line-height: 95px;position:relative;transition:.6s;display: flex;align-items: center;}
#nav>ul>li.on >a{ font-weight:bold;}
#nav>ul>li >a h3{position:relative;font-size: 1rem;z-index: 1;}
#nav>ul>li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav>ul>li .sub{position:absolute;display:none;left: 50%;top: 100%;z-index: 999; -webkit-box-shadow: 0px 3px 5px rgba(16, 55, 110, 0.2); -moz-box-shadow: 0px 3px 5px rgba(16, 55, 110, 0.2); box-shadow:0px 3px 15px #0170b712; transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;padding-top: 10px;}
#nav>ul>li .sub:before{content:"";position:absolute;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom:rgba(255,255,255,.85) 8px solid;top:3px;left: 50%;margin-left: -6px;}
#nav>ul>li .sub .box{padding: 0;text-align:center;border-radius: 5px;overflow: hidden;background: rgba(255,255,255,.85);box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);}
#nav>ul>li .sub a{padding: 0 1.5rem;line-height: 3;transition:.3s;font-size: 14px;letter-spacing: 1px;color: #636363;display: block;white-space: nowrap;position:relative;}
#nav>ul>li .sub a:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;transition:.5s;}
#nav>ul>li .sub a:hover{color: #fff;background: #0170b7;}
#nav>ul>li .sub a:hover:before{ width:3px}
#nav>ul>li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}
#nav>ul>li .sub2{width:600px;}
#nav>ul>li .sub2 .box{display:flex;flex-wrap: wrap;justify-content: flex-start;}
#nav>ul>li .sub2 a{width:20%;padding: 0;}

#nav>ul>li.on>a, #nav>ul>li:hover>a, #header.xg #nav>ul>li.on >a, #header.xg #nav>ul>li:hover >a{color: #0170b7;}
#nav>ul>li h3:after{content:"";display:block;width: 100%;height: 0;position:absolute;left: 50%;margin-left: -50%;background: #0170b7;bottom: 0;transition: .5s;border-radius: 0;z-index: -1;transform-origin: bottom;}
#nav>ul>li h3:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px;border-left:transparent 3px solid;border-right:transparent 3px solid;border-bottom: #00a271 4px solid;bottom:2px;transition:.3s;opacity:0;visibility:hidden;display: none;}
#nav>ul>li:hover h3:after,#nav>ul>li.on h3:after{height:4px;}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{ opacity:1; visibility:visible}
#header.xg #nav>ul>li h3:after{ background:#007f64}

#header:hover{}
#nav>ul>li.li1{ position:inherit}

.sub_box1{position:absolute;background:#fff url(../images/xiala_bg.jpg) right bottom no-repeat;background-size:cover;width:100%;left:0;padding:2.875rem 0;box-shadow:0 25px 25px rgba(0,0,0,.05);opacity:0;visibility:hidden;transform:scaleY(0); transform-origin:top; transition: .5s;}
.sub_box1 *{line-height:1;width: 100%;}
.sub_box1 .w1200{ display:flex; align-items:flex-start}

.sub_box1 .ll1{width: 20rem;padding-right:2px;}
.sub_box1 .ll1 .miso_hd1 ul .miso-list{ overflow:visible}
.sub_box1 .ll1 .miso_hd1 ul li{ height:7rem; margin-bottom:1.5rem}
.sub_box1 .ll1 .miso_hd1 ul li a{ display:flex;}
.sub_box1 .ll1 .miso_hd1 ul li .img{ width:7rem;}
.sub_box1 .ll1 .miso_hd1 ul li .img .img_hezi{ padding-bottom:7rem !important}
.sub_box1 .ll1 .miso_hd1 ul li .con{width:calc(100% - 7rem);height:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 0 1.125rem;transition:.5s;border:#e5e5e5 1px solid;}
.sub_box1 .ll1 .miso_hd1 ul li .con h5{ font-size:1.125rem; color:#2e2e2e; line-height:1.25}
.sub_box1 .ll1 .miso_hd1 ul li .con p{ font-size:.875rem; color:#828282; line-height:1.25; margin:.75rem 0 0}
.sub_box1 .rr1{width: calc(100% - 20rem);padding:0 0 0 2.5rem;}
.sub_box1 .box_li{display:flex;}
.sub_box1 .box_li dl{padding-right: 1.5rem;flex: 1;}
.sub_box1 .box_li dl dt{ font-size:.9375rem; color:#313131; font-weight:900; line-height:1.5; margin-bottom:1.5rem; transition:.5s}
.sub_box1 .box_li dl dd{ font-size:.875rem; color:#313131; line-height:1.875rem; transition:.5s}

.sub_box1 .box_li dl dt:hover, .sub_box1 .box_li dl dd:hover{ color:#e65e0e}

.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con{ border:#0750a2 1px solid; background:#0750a2}
.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con h5, .sub_box1 .ll1 .miso_hd1 ul li.miso-current .con p{ color:#fff}

#nav>ul>li.li1.active .sub_box1{ opacity:1; visibility:visible; transform:scaleY(1)}

.sub_box2{background:#fff}
.sub_box2 .miso_hd2 ul{display:flex;margin:0 -.9375rem;flex-wrap:wrap;}
.sub_box2 .miso_hd2 ul li{ width:33.333333%; padding:0 .9375rem;}
.sub_box2 .miso_hd2 ul li a{ display:flex;}
.sub_box2 .miso_hd2 ul li .img{ width:7rem;}
.sub_box2 .miso_hd2 ul li .img .img_hezi{ padding-bottom:7rem !important}
.sub_box2 .miso_hd2 ul li .con{ width:calc(100% - 7rem); height:7rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 1.75rem; transition:.5s; border:#e5e5e5 1px solid}
.sub_box2 .miso_hd2 ul li .con h5{ font-size:1.125rem; color:#2e2e2e; line-height:1.25}
.sub_box2 .miso_hd2 ul li .con p{ font-size:.875rem; color:#828282; line-height:1.25; margin:.75rem 0 0}

.sub_box2 .miso_hd2 ul li:hover .con{ border:#0750a2 1px solid; background:#0750a2}
.sub_box2 .miso_hd2 ul li:hover .con h5, .sub_box2 .miso_hd2 ul li:hover .con p{color:#fff}

.fp-viewing-page0 #header{opacity:1;visibility:visible;}
/*顶部搜索*/

.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search #keyword {font-size:.875rem;color: #fff;height: 40px;line-height: 40px;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.on { background: none; }
#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:2px;-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:2px;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: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;min-height: 100vh;right: -105vw;top: 0;display: none;padding: 45px 15px 70px;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: #0170b7;background-size:cover;opacity: 0;visibility: hidden;}
#m_nav .close{position:absolute;top: 10px;right: 15px;left: 15px;font-size: 28px;color:#fff;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 10px 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

.list_box_nav_mobile{width:100%;height: 100%;padding: 0 0 10px;overflow: hidden;overflow-y: scroll;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);line-height: 4rem;color: #fff;padding: 0;font-size: 1.125rem;display: flex;position: relative; transition:.5s}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;transition: all 0.3s;width: 2rem;height: 4rem;display: inline-block;background: url(../images/right-white.svg) calc(100% - 5px) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;top: 0;}
.list_box_nav_mobile>li.on1 i{transform: rotate(90deg);}

.list_box_nav_mobile>li.on .a{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding: 10px 0 20px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);display:none;overflow: hidden;}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color:rgba(255,255,255,.7);line-height: 2.5;}
.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; }
.list_box_nav_mobile>li .list2 a{display:inline-block;width:32%;}
/*导航按钮结束*/

.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;height: 60px;}
.m_header_box header{padding:0 15px;height: 60px;background: rgba(255,255,255,1);box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header .logo img{height: 43px;}

.banner{width:100%;overflow:hidden;position: relative;}
.swiper-box1 {position: relative;overflow: hidden;z-index: 1;}
.swiper-box1 .swiper-prev, .swiper-box1 .swiper-next {opacity:0;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;width: 2.5rem;height: 3.75rem;background-size: cover !important;transition: .5s;z-index: 100;}
.swiper-box1:hover .swiper-prev, .swiper-box1:hover .swiper-next{opacity:1;}
.swiper-box1 .swiper-prev{background: url(../images/banner_prev.png) center no-repeat;}
.swiper-box1 .swiper-next{background: url(../images/banner_next.png) center no-repeat;left: auto;right: 0;}

.swiper-box1 .swipershubaio {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;bottom: 1rem;z-index: 3;}
.swiper-box1 .swipershubaio:after {content: '';width: 300px;height: 300px;border-radius: 44%;background: #69a84e;position: absolute;top: 0;left: 50%;z-index: -1;-webkit-animation: swipershubaio1 5s infinite linear;animation: swipershubaio1 5s infinite linear;}
.swiper-box1 .swipershubaio:before {content: '';width: 300px;height: 300px;border-radius: 35%;background: #69a84e;position: absolute;top: 0;left: 0%;opacity: .5;z-index: -2;-webkit-animation: swipershubaio2 7s infinite linear;animation: swipershubaio2 7s infinite linear;}
.swiper-box1 .swipershubaio p {margin-top: 1rem;font-size: .9375em;}
.swiper-box1 .swipershubaio figure { -webkit-animation: shubiao 1.4s infinite linear; animation: shubiao 1.4s infinite linear; }
.swiper-box1 .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.swiper-box1 .swiper-wrapper .swiper-slide .box1text {position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text .w1200{flex-direction: column;align-items: flex-start;color: #fff;z-index: 1;}
.bannerimg .img_hezi{padding-bottom: 37% !important;}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h2{font-size: 3rem;text-transform: uppercase;font-family: Dosis_b;transform: translateY(80px);opacity: 0;transition-delay:.2s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3{font-size: 5.35rem;font-weight: 600;margin:0 0 1.75rem;transition-delay:.4s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h4{font-size: 2rem;font-weight: 100;transition-delay:.6s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h2,.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h3,.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h4{transform: translateY(0);opacity: 1;}

@-webkit-keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@-webkit-keyframes swipershubaio1 { 0% { -webkit-transform: translate(-50%, -4%) rotate(0); transform: translate(-50%, -4%) rotate(0); }
  100% { -webkit-transform: translate(-50%, -4%) rotate(360deg); transform: translate(-50%, -4%) rotate(360deg); } }

@keyframes swipershubaio1 { 0% { -webkit-transform: translate(-50%, -4%) rotate(0); transform: translate(-50%, -4%) rotate(0); }
  100% { -webkit-transform: translate(-50%, -4%) rotate(360deg); transform: translate(-50%, -4%) rotate(360deg); } }

@-webkit-keyframes swipershubaio2 { 0% { -webkit-transform: translate(-60%, 5%) rotate(0); transform: translate(-60%, 5%) rotate(0); }
  100% { -webkit-transform: translate(-60%, 5%) rotate(360deg); transform: translate(-60%, 5%) rotate(360deg); } }

@keyframes swipershubaio2 { 0% { -webkit-transform: translate(-60%, 5%) rotate(0); transform: translate(-60%, 5%) rotate(0); }
  100% { -webkit-transform: translate(-60%, 5%) rotate(360deg); transform: translate(-60%, 5%) rotate(360deg); } }


.search_btn_box{display: flex;align-items: center;justify-content: center;width:20px;height: 95px;}
.search_btn_box img{}

.swiper-box1 .swiper-pagination-bullets{ bottom:1.5rem !important}
.swiper-box1 .swiper-pagination-bullet{width:40px;height:3px;background:none;position: relative;opacity: 1;margin: 0 0 0 6px;}
.swiper-box1 .swiper-pagination-bullet:before{content: "";position: absolute;bottom: 0;width:40px;height:3px;background:rgb(255 255 255 / 58%);transition: .5s;left: 0;}
.swiper-box1 .swiper-pagination-bullet-active{}
.swiper-box1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:#0170b7; }
.swiper-box1 .w1200{display: flex;justify-content: center;}
.swiper-box1 .swiper-wrapper .w1200{display:block;text-align:center;}
.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: #0170b7;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,.3);
	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');
cursor: pointer;
}
.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,.3);border-radius: 100%; }
.pub-close .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;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);
    }
}

.top_tit h4{margin:20px 0 50px;font-size:2.65rem;color:#222222;}
.more a{background:#0170b7;padding:18px 45px;border:1px solid #0170b7;border-radius:50px;display: inline-block;}
.more a span{font-size:1.125rem;color:#fff;}
.more{transition:.5s;}
.more:hover a{border:1px solid #0170b7;background:#fff}
.more:hover a span{color:#0170b7;}

/*关于*/
.container03{padding:5.6rem 0; position:relative; overflow: hidden;}
.container03 .about_text{width:52%;position:absolute;right:0;top:5.6rem;text-align:right;}
.container03 .flex{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;margin-top:1.6vw;align-items: center;}
.container03 .top .text{font-size: 1.125rem;color: #666666;line-height:32px;}
.container03 .more{margin-top:2.6vw}
.container03 .right{max-width:38%;margin-top:20px;position:relative;}
.container03 .right dl{margin-bottom:2rem;}
.container03 .right dl dt{margin-bottom:1rem;font-size:1.5rem;color:#222222}
.container03 .right dl dd{font-size:1rem;color:#333333;line-height:2rem;}
.container03 .right dl dd p{margin-bottom:10px;}
.container03 .left{width:55%;}
.container03 .list_box_10{position:relative;z-index:9;height:100%;border-radius: 0 50px;overflow: hidden;}
.container03 .list_box_10 .img_zd{position: initial;height:100%;}

.list_box_10  a{ display: block; position: relative;height:100%;}
.list_box_10 .img_zd>img{}
.list_box_10 .img .img_hezi{ padding-bottom: !important;}
.list_box_10 .img img{transform: translate(0,0);transition: transform .5s;}
.list_box_10 .top{ z-index:9;position: absolute; top: 0; right:0; bottom: 0; left: 0;display:flex; align-items: center;justify-content:center;flex-direction: column;background:rgb(28 32 33 / 50%);}
.list_box_10 .top .ico{ width:3.875rem; height:3.875rem;display: flex;; align-items: center; justify-content: center; }

.num{background:#0170b7;}
.num .list_box_07{position: relative; z-index: 1;padding:3.375rem 0;display:flex;}
.num .list_box_07 li{width:33.333%;display: flex;justify-content: center;}
.num .list_box_07 li:last-child{justify-content: flex-end;}
.num .list_box_07 li:first-child{justify-content:flex-start;}
.num .list_box_07 li .a{color:#fff;width:50%;}
.num .list_box_07 li h3 big{font-size:2.5vw;}
.num .list_box_07 li h3 small{font-size:1rem;font-weight: bold;margin:0 0 0 .25rem;}
.num .list_box_07 li h5{font-size:.9375rem;line-height:1.5; margin-bottom:1.5rem;}
.num .list_box_07 li h3 big i{ font-family:AVENIRNEXTLTPRO-MEDIUMCN;font-weight:900;}
.num .list_box_07 li .ico img{width:30px;height:30px;margin-right: 10px;}
.num .list_box_07 .numbox{display: flex;margin-top: 1.5vw;width: 16vw;align-items: center;}
.num .list_box_07 li .ico{margin-left:50%;}
.num .list_box_07 .numbox h3{width: 50%;}

/*首页产品*/
.container02{padding:5.6rem 0;background:url(../images/pro_bg.jpg) center no-repeat;background-size:cover;}
.container02 .w1200{display:flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.container02 .top_tit div{border-bottom:2px solid #e9ebec;position: relative;}
.container02 .top_tit h4{display:inline-block;padding-bottom:20px;margin-bottom:-2px;border-bottom:2px solid #0170b7;}
.title002{ margin-bottom: 1.375rem;}
.title002 h3{ font-size: 1.75rem;font-weight:bold;}
.list_box_04{z-index:9;position: relative;}
.miso-initialized .miso-track .miso-slide{display:flex;justify-content: space-between;align-items: center;}
.miso-initialized.list_box_05 .miso-track .miso-slide .img{display:none;}
.list_box_04 li .img img{opacity:1;height:100%;width:100%;object-fit: cover;}
/*.container02 .miso_arrow1_box{display:flex;}
.container02 .miso_arrow1_box .miso-prev1{margin-right:50px;}
.container02 .miso_arrow1_box .miso-arrow1{border:1px solid #0170b7;border-radius:100%;width:60px;height:60px;background:#fff;cursor:pointer;display:flex;justify-content: center;align-items: center;}
.container02 .miso_arrow1_box .miso-arrow1 svg{width:18px;height:18px;}
.container02 .miso_arrow1_box .miso-arrow1:hover svg path{fill:#ffffff;}
.container02 .miso_arrow1_box .miso-arrow1:hover{background:#0170b7}
.container02 .more{margin-top:5rem;}
.container02 .left{width:48%;}
.container02 .left li .img{width:100%;}
.container02 .right{width:46%;}*/
.container02 .miso_arrow1_box{display:flex;}
.container02 .miso_arrow1_box .miso-prev1{margin-right:50px;}
.container02 .miso_arrow1_box .miso-arrow1{border:1px solid #0170b7;border-radius:100%;width:60px;height:60px;background:#fff;cursor:pointer;display:flex;justify-content: center;align-items: center;}
.container02 .miso_arrow1_box .miso-arrow1 svg{width:18px;height:18px;}
.container02 .miso_arrow1_box .miso-arrow1:hover svg path{fill:#ffffff;}
.container02 .miso_arrow1_box .miso-arrow1:hover{background:#0170b7}
.container02 .more{margin-top:3rem;}
.container02 .left{width:48%;}
.container02 .left li .img{width:calc(100% - 2px);border:1px solid #e6e7e8;}
.container02 .left li .img a{display:flex;height:550px; align-items: center; justify-content: center;}
.container02 .left li .img a img{max-width:70%;max-height:70%;object-fit: initial; height: auto;}
.container02 .right{width:46%;}

.list_box_05{margin-top:3.5rem;}
.list_box_05 li .con .title002{ margin-bottom: 30px;}
.list_box_05 li .con .title002 .text{font-size:1.125rem;margin:2rem 0 3.5rem;opacity:0.7;line-height:32px;}
.list_box_05 li .con .tit{margin-bottom:30px;}
.list_box_05 li .con .txt1{font-size: 18px;color: #888888; margin-top: 20px;}
.list_box_05 li .con .txt1 span{color: #333333; }

/*首页新闻 */
.container01{ padding:5.6rem 0 ;overflow: hidden;background:url(../images/news_bg.jpg) center no-repeat;background-size:cover;}
.container01 .new_top{text-align:center;}
.container01 .flex{display:flex;justify-content: space-between;}
.container01 .left{width:52%;}
.container01 .left img{width:100%;}
.container01 .list_box_01{width:45%;}
.container01 .list_box_01 li{padding:10px 0 25px;margin-bottom:0;transition: .5s;border-bottom:1px solid #eeeeee;}
.list_box_01 .con{padding:1.125rem 0 0 0rem;}
.list_box_01 li:nth-child(1) .con{padding-top:0;}
.list_box_01 .con h5{ font-size: 1.375rem; color: #222; line-height: 1.50;}
.list_box_01 .con p{margin-top:10px;font-size: 1rem; color: #999999; line-height: 30px;}
.list_box_01 .con h6{margin-top:10px;font-size: 1.125rem;color:#999999;}
.list_box_01 .con .top{display:flex;align-items: center;position:relative;}
.list_box_01 .con .top span{color:#fff;background:#333333;border-radius:50px;width:86px;text-align:center;padding: 8px 0;}
.container01 .more{margin-top:5rem;display:flex;justify-content: center;}
/*aos="fade-up" aos-duration="1200"*/
.container01 .list_box_01 li:hover .top span{background:#0170b7;}
.container01 .list_box_01 li:hover h5{color:#0170b7;}
.container01 .list_box_01 li:hover p,.container01 .list_box_01 li:hover h6{color:#333;}

/**/
.container05{padding:5.6rem 0;}
.container05 .top_tit{text-align: center;margin-bottom:50px;}
.container05 .top_tit h4{margin-bottom:30px;margin-top:0;}
.container05 .top_tit p{font-size:1.25rem;color:#666;}
.container05 .list5item{margin-top:30px;text-align: center;}
.container05 .list5item ul{display:flex; flex-wrap: wrap; margin-right: 0px;}
.container05 .list5item ul li {border: 1px solid #f1f1f1; margin-right: 20px; width: calc((100% / 6) - (20px * 5 / 6)); min-height: 130px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
.container05 .list5item ul li .imgbox {width: 100%; padding-bottom: 50%; position: relative;}
.container05 .list5item ul li .imgbox img {position: absolute; top: 50%; left: 50%; max-width: 60%; max-height: 80%;transition: transform .5s; -webkit-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%);}
.container05 .list5item ul li:nth-child(6n) { margin-right: 0;}
.container05 .more {margin-top: 3rem;display: flex;justify-content: center;}

/*首页联系 */
.container04{padding:3.125rem 0;background:url(../images/contact_bg.jpg) center no-repeat;background-size:cover;}
.container04 .w1200{display:flex;align-items: center;justify-content: space-between;}
.container04 .top_tit h4{margin-bottom:30px;margin-top:0;}
.container04 .top_tit p{font-size:1.25rem;color:#666;}
.container04 .more1{display:flex;justify-content: center;margin:0 auto;align-items: center;}
.container04 .more1 span,.container04 .more:hover a span{color:#fff;}
.container04 .more1 img{width:24px;margin-left:10px;position:relative;z-index:10;}
.container04 .more1:hover img{-webkit-transition:all ease 400ms;transition:all ease 400ms;transform: rotate(360deg);-webkit-transform: rotate(360deg)}
.container04 .more:hover a {border: 1px solid #0170b7;background: #0170b7;}
 
/*底部*/
footer{background:#1f2227;}
footer .fl01{padding: 3.5rem 0 3.125rem;overflow:hidden;}
footer .fl01 .content{ display:flex; justify-content:space-between;}
footer .fl01 .right{display:flex;width: calc(100% - 32rem);justify-content: space-between;}
footer .fl01 .right dl{*flex: 1;text-align: left;width: calc(100% / 9);}
footer .fl01 .right dl dt{font-size:1.25rem;color: #fff;margin-bottom: 1.5rem;transition:.5s;position:relative;}
footer .fl01 .right dl dd{font-size: 1rem;color: rgba(255,255,255,.6);line-height: 1.5rem; transition: .5s; margin-bottom: 10px;}
footer .fl01 .right dl dd:hover{color: rgba(255,255,255,1);}
footer .fl01 .right dl:nth-child(2){width:calc(100% / 3);}
footer .fl01 .right dl:nth-child(2) .dl_li{display:flex;flex-wrap: wrap;}
footer .fl01 .right dl:nth-child(2) .dl_li dt{width:100%;}
footer .fl01 .right dl:nth-child(2) dd{width:33.3%;}
footer .fl01 .left{width:32rem;}
footer .fl01 .left .ll{ text-align:center; padding:.625rem 0 0}
footer .fl01 .left .f_logo img { width: 220px;}
footer .fl01 .left .ll h3 img{ width:5.25rem}
footer .fl01 .left .ll h6{ font-size:1rem; color:#000000; line-height:1.25; margin:.5rem 0 0}
footer .fl01 .left .rr h6{font-size: 1rem;color: #fff;line-height:1.5rem;margin:1rem 0;}
footer .fl01 .left .rr img{ margin:0 .75rem 0 0}
footer .fl02  p{text-align:center;font-size:1rem;color: rgba(255,255,255,.2);line-height: 1.5;}
footer .fl02{padding-bottom:1.875rem}

/* 鼠标跟随 --> */
#c-followDot { position: fixed;top: 0;left: 0; width: 4px;height: 4px;border-radius: 50%; background-color: #0170b7; z-index: 999; pointer-events: none;}
#c-followDot .c-default { position: absolute;top: -18px; left: -18px;width: 40px; height: 40px;border: 1px solid #9c9c9c; border-radius: 50%; opacity: .2; box-sizing: border-box;z-index: 99; -webkit-transition: all 0.6s; transition: all 0.6s;}
#c-followDot .c-hover { position: absolute; top: -38px; left: -38px; width: 80px; height: 80px; background-color: #0170b7; border-radius: 50%; opacity: .12; z-index: 98; box-sizing: border-box; transform: scale(0, 0);-webkit-transform: scale(0, 0);  -webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default {transform: scale(0, 0);-webkit-transform: scale(0, 0);}
#c-followDot.c-active .c-hover { transform: scale(1, 1); -webkit-transform: scale(1, 1);}

/*顶部搜索*/
.wap_search{display:none;font-size:16px;border-radius: 0;color:#fff;text-align:center;font-family:arial;letter-spacing:2px;line-height:40px;transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden;right: 0;position: absolute;bottom: 0;left: 0;}
.wap_search form{height:40px;border-radius: 0;background: rgba(255,255,255,.3);position:relative;margin: 20px 15px;}
.wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; padding-left:1.5rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../images/search-btn.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.9); }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


@media(min-width: 768px){
	.title001 a:hover{ color: #0170b7;}
	.miso_bnt .miso_arrow1:hover{ background: #0170b7 !important;}
	.miso_bnt .miso_arrow1:hover svg{ fill:#fff !important}
	.list_box_04 li a:hover h3{font-weight:bold;}
    .list_box_04 li a:hover .con h4{opacity:1}
	.container03 .list_box_10 a:hover .img_zd>img{transform: scale(1.05);}	
	.list_box_10 a:hover .top .ico img{ transform: rotate(120deg);}
	footer .fl01 .left dl dd:hover{ color: #fff;}
}
@media(max-width:2000px){
#header .logo img {max-width: 13rem;}
footer .fl01 .left .f_logo img {width: 180px;}
}
@media(max-width: 1630px){
#header .logo img {max-width: 12rem;}
#nav>ul>li {margin:0 1.75rem;}
.title002 h3 {font-size: 1.5rem;}
.list_box_04 li .con hr{margin: 24px auto;}
.num .list_box_07 li h5{margin-bottom:0}
.num .list_box_07 .numbox h3 {width: 70%;}

footer .fl01 .left .f_logo img {width: 160px;}
footer .fl01 .left {width:20rem;}
footer .fl01 .right{width:calc(100% - 24rem);}
footer .fl01 .right dl{width:auto;}

}
@media(max-width: 1460px){
	.container01 .list_box_01 li{padding: 10px 0 20px;margin-bottom:0px;}
	.container05 .list5item ul li{width: calc((100% / 5) - (20px * 4 / 5));min-height: 110px;}
	.container05 .list5item ul li:nth-child(6n) {margin-right: 20px;}
	.container05 .list5item ul li:nth-child(5n) {margin-right: 0;}
	.container05 .list5item ul li:nth-child(n+16){display: none;}
}
@media(max-width: 1400px){
	#header .logo img {max-width: 11rem;}
   .m_header_box header .logo img{height: 60px;}
    #nav>ul>li { margin:0 1rem;}
	#header .right hr{margin: 0 2.875rem;}
	.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3{font-size: 4.15rem;}
	.list_box_04 li .img .img_hezi{padding-bottom: 100% !important;}
	footer .fl01 .left .f_logo img {width: 140px;}
}

@media(max-width: 1200px){	
	#header .logo img {max-width: 10rem;}
	.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3{font-size:3.5rem;}
    .top_tit h4{margin: 20px 0 20px;}
	.container03 .w1200{position:relative;z-index:9;}
	.container03 .top{text-align:center;}
	.container03 .left .more{margin-top:40px;}
	.container03 .left{width: 100%;margin-top:0;}
	.container03 .list_box_10{margin-top:0; margin-left:0;width: 100%;}
	.container03 .right{width: 100%;margin-top:40px;max-width:100%;text-align: center;}
	.container03 .right .img1{display: none}
	.container05 .list5item ul li {width: calc((100% / 4) - (20px * 3 / 4));  min-height: 90px;}
	.container05 .list5item ul li:nth-child(5n) {margin-right: 20px;}
	.num .list_box_07{display:flex;padding:10px}
	.num .list_box_07 li h3 big{font-size:1.65rem;}
	.num .list_box_07 li .a{width:76%;}
	.num .list_box_07 .numbox{width:auto;}
	.container02 .top_tit{width:100%;}
	.container02 .w1200{flex-direction: column;}
	.container02 .left{ width: 100%;display:none;}
	.container02 .right{width: 100%;}
	.miso-initialized.list_box_05 .miso-track .miso-slide .img{display:block;border: 1px solid #e6e7e8;width:calc(100% - 2px);margin-bottom: 30px;}
	.miso-initialized.list_box_05 .miso-track .miso-slide{flex-direction: column;align-items: flex-start;}

	.list_box_04 .miso-arrow{ display: none !important;}
	.list_box_04 { margin:2.06rem -1.75rem 0;}
    .container01,.container05{padding:4rem 0 ;}
	.container01 .flex{flex-direction: column;}
	.container01 .list_box_01{width:100%;}
	.container01 .left{/*display:none;*/width:100%;margin-bottom:20px;}

	.list_box_01 .con{ padding:15px 0}
	.list_box_01 .miso-dots{display:none !important;}
	.container01 .right{width: 100%;border-top: #d2d8de 1px solid;border-left:0;padding-top:2.25rem;}
	.container01 .right .top_tit{ padding:0}
	.container01 .right .bottom_box{padding: 2.5rem 0 0 0;}
	.list_box_04 li .con .title002 h4{font-size:1rem;line-height: 22px;}
	.list_box_01 .con h5{font-size:1.125rem;}
	footer .fl01 .left .f_logo img {width: 120px;}
	footer .fl01 .right{ display: none;}
	footer .fl01 .left{ width: 100%;}
	footer .fl01 .left .rr{width: 100%;text-align: center;}
	footer .fl01 .left .rr h6{line-height: 2rem;}
	footer .fl01{padding:3rem 0 .125rem} 
	footer .fl02{padding-bottom:0;}
}


@media(max-width:800px){
    .container02 .miso_arrow1_box .miso-arrow1{width:46px;height:46px;}
	.list_box_05 li .con .title002 .text{margin:10px 0 15px}
	.list_box_05{margin-top:20px;}
    .container03{ padding: 4rem 0 3rem;}
	.container02 .more{margin-top:25px;}
	.container03 .left .text{line-height:26px;font-size: 1rem;}

	.container02{padding:4rem 0 ;}
	.container02 .h2{ font-size: 2rem;}
	.container02 .h3{ font-size: 1.75rem;margin: 0.375rem 0 1.025rem;}	
    .container02 .left p{ margin-bottom: 2rem;}	
	.list_box_04 li .con{ padding: 0 20px;}	
	.list_box_01 .miso-dots{ bottom: 1.5rem;}
	.container05 .list5item ul li {width: calc((100% / 3) - (20px * 2 / 3)); min-height: 90px;}
    .container05 .list5item ul li:nth-child(5n) {margin-right: 20px;}
    .container05 .list5item ul li:nth-child(3n) { margin-right: 0;}
	.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3{font-size:2.15rem; margin: 0 0 1.25rem;}
	.swiper-box1 .swiper-wrapper .swiper-slide .box1text h4{font-size:1.25rem;}
	
	.list_box_04 li .img .img_hezi {padding-bottom: 60% !important;}
	.more a {padding: 14px 40px;;}
	.more a span {font-size: 1rem;}
	.top_tit h4{margin-top: 10px ;}
	.container01 .list_box_01{flex-direction: column;}
	.container01 .list_box_01 li{width:100%;padding:8px 8px 12px;}
	.f_logo{text-align:center;margin-bottom:20px;}
	.f_logo img{width: 150px;}
	.num .list_box_07{padding:20px 10px;}
	.num .list_box_07 li{margin-bottom:10px;padding-bottom:10px;display:block;width:100%;border-bottom:1px solid rgb(255 255 255 / 26%);}
	.num .list_box_07 li .a{width:100%;}
	.num .list_box_07{display:block;}
	.container01 .more,.container01 .more{margin-top:2rem;}
	.container04 .more{margin-top:2rem;}
	.container04 .w1200{flex-direction: column;}
    .container04 .top_tit{text-align:center;}
	.top_tit h4{font-size:24px;}
	footer .fl01 .left .f_logo img {width: 100px;}
	footer .fl01{padding:30px 0 20px;}
	footer .fl02{padding-bottom:20px;}
	footer .fl01 .left .f_logo img {width: 140px;}
	#c-followDot {display: none;}
}
/*==========================================首页 结束=============================================*/
@media(max-width:500px){
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3 {font-size:1.65rem;}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h4{font-size: 1.1rem;}
.miso-prev, .miso-next{display:none !important;}
.container02 {padding: 3rem 0;}
.container02 .h3 {font-size: 1.5rem;}
.title002 h3 {font-size: 1.2rem;}
.list_box_05 li .con .txt1{font-size: 16px; margin-top: 10px;}
.list_box_05 li .con .txt1:first-child{margin-top:20px;}
.top_tit h4{font-size:1.5rem;}
.container03{padding:3rem 0 3rem;}
.container03 .flex{margin-top:20px;}
.container03 .right dl dt {font-size: 1.3rem;}
.container03 .right dl dd{font-size: 0.8rem;}
.container03 .right dl dd p *{font-size:15px !important;}
.container03 .top .text {font-size: 1rem;line-height: 24px;}
.container02 .miso_arrow1_box .miso-arrow1{width:38px;height:38px;}
.container02 .miso_arrow1_box .miso-arrow1 svg{width:14px;height:14px;}
.container02 .miso_arrow1_box .miso-prev1{margin-right:40px;}
.container05 .top_tit{margin-bottom:30px;}
.container05 .list5item ul li {width: calc((100% / 3) - (10px * 2 / 3));margin-right: 10px;margin-bottom:10px; min-height: 70px;}
.container05 .list5item ul li:nth-child(4n),.container05 .list5item ul li:nth-child(5n),.container05 .list5item ul li:nth-child(6n){ margin-right: 10px;}
.container05 .list5item ul li:nth-child(3n) {margin-right: 0;}
.container05 .list5item ul li:nth-child(n+13){display:none;}



}