html,body{padding: 0;margin: 0;font-size: 16px;color: #333;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
.wrap{margin: 0 auto; width:94%;}
.ny_wrap{margin: 0 auto; width:80%; max-width:1520px; overflow:hidden;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}

@font-face {
  font-family: "iconfont"; /* Project id 4837614 */
  src: url('../font/iconfont.woff2?t=1740452971308') format('woff2'),
       url('../font/iconfont.woff?t=1740452971308') format('woff'),
       url('../font/iconfont.ttf?t=1740452971308') format('truetype');
}


.iconfont{font-family:"iconfont"!important; font-style:normal;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}

.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}

/**导航菜单**/

header{width:100%; z-index:999; position:fixed; background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));}
header:before{content: ""; position:absolute; bottom:0;  border-bottom: 1px solid rgba(255,255,255,.3); width:100%}
header .logo{float:left; width:25%;}
header .logo a{width:100%; position:relative; z-index:99;}
header .logo img{margin-top:15px; max-width:20%}
header .logo .img{display:none}

header .rightDiv{float:right; width:70%;}
header .rightDiv .menu{position:relative;}
header .rightDiv .menu ul{width:100%; }
header .rightDiv .menu ul li{float:left; width:12%; height:90px; line-height:90px; text-align:center; position:relative; cursor:pointer; position:relative;}
header .rightDiv .menu ul li a{color:#fff; font-size:20px; z-index:10; position:relative; font-weight:bold; text-transform:uppercase; }
header .rightDiv .menu ul li:hover a{color:#fff}
header .rightDiv .menu ul li.cur:after{width:100%; bottom:0px;}
header .rightDiv .menu ul li.cur a{color:#015aaa !important;}

header .rightDiv .menu ul ul{position:absolute; text-align:left; background:rgba(1,90,170,1); box-shadow:0px 5px 5px rgba(0,0,0,.1); width:100%;  left:0; top:90px; opacity:0; overflow:hidden; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
header .rightDiv .menu ul .ej{width:240px; left:-45px;}
header .rightDiv .menu li:hover ul{opacity:1;}
header .rightDiv .menu li:hover ul li{height:50px; line-height:50px;}
header .rightDiv .menu li ul li{width:100%; height:0px; line-height:0px; display:inline-block; border-bottom: 1px dashed rgba(255,255,255,.2); transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
header .rightDiv .menu ul ul li:last-child{border-bottom:none;}
header .rightDiv .menu ul ul li:hover{background:rgba(238,28,37,1); border-bottom:none; height:80px; line-height:80px;}
header .rightDiv .menu ul ul li:hover a{color:#fff !important}
header .rightDiv .menu ul ul li a{font-size:16px; color:#fff !important; text-transform:capitalize; font-weight:normal}
header .rightDiv .menu ul ul li a:hover,header .rightDiv .menu ul li.cur ul li:hover a{color:#fff !important}
header .rightDiv .menu ul ul li a,header .rightDiv .menu ul li.cur ul li a{ color:#fff !important}
header .rightDiv .menu ul ul li a:after{ display:none}
header .rightDiv .menu ul .lang{ float:right}
header .rightDiv .menu ul .lang i{margin-right:5px; color:#fff; font-weight:normal}


header .search{float:right; width:5%; text-align:center; z-index:9; position:relative}
header .search i{font-size:22px; color:#fff; line-height:90px}

header .mbtn {display: inline-block;width:60px;height:60px;background: url(../images/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../images/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../images/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

.on-fixed header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); transition:all 0.3s ease-out;}
.on-fixed header:after{content: ""; position:absolute; width:20%; height:100%; background:#015aaa; bottom:0; right:-20px; z-index:1; transform: skew(-20deg, 0deg);}
.on-fixed header .search i{color:#fff;}
.on-fixed header .rightDiv .menu ul .lang i{color:#fff;}
.on-fixed header .rightDiv .menu ul li:last-child a{color:#fff;}
.on-fixed header .rightDiv .menu ul li:last-child:hover a{color:#fff}

.on-fixed header .logo .img{display:block}
.on-fixed header .logo .img02{display:none}
.on-fixed header .rightDiv .menu ul li a{color:#333;}
.on-fixed header .rightDiv .menu ul li:hover a{color:#015aaa}

.ny header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); transition:all 0.3s ease-out;}
.ny header:after{content: ""; position:absolute; width:20%; height:100%; background:#015aaa; bottom:0; right:-20px; z-index:1; transform: skew(-20deg, 0deg);}
.ny header .logo .img02{display:none}
.ny header .logo .img{display:block}
.ny header .rightDiv .menu ul li:last-child a,.ny header .rightDiv .menu ul li:last-child:hover a{color:#fff;}
.ny header .rightDiv .menu ul li a{color:#333;}
.ny header .rightDiv .menu ul li:hover a{color:#015aaa}
@media (max-width:1980px) {
header .logo img{margin-top:13px; max-width:30%}	
}
@media (max-width:1680px) {
header .logo img{max-width:35%;}
header .rightDiv .menu ul .ej{left:-55px;}
header .rightDiv .menu ul li a{ font-size:18px}
}
@media (max-width:1600px) {
header .logo{width:20%;}
header .logo img{max-width:42%;}
header .rightDiv{width:75%;}
}
@media (max-width:1480px) {
header .logo img{max-width:47%;}
.on-fixed header:after{width:20%;}
header .rightDiv .menu ul li a{ font-size:18px}
header .rightDiv .menu ul ul li a{ font-size:16px}
}
@media (max-width:1380px) {
.wrap{width:96%;}	
.ny_wrap{width:96%;}
header .logo img{max-width:48%;}
header .search i{font-size:20px}
header .rightDiv .menu ul li a{ font-size:16px}
header .rightDiv .menu ul ul li a{ font-size:14px}
}

@media (max-width:1280px) {
header .rightDiv .menu ul li a{ font-size:16px}
header .rightDiv .menu ul ul li a{ font-size:14px}
}
@media (max-width:1180px) {
header .logo img{margin-top:16px;}
.on-fixed header .logo img{margin-top:16px;}
header .rightDiv{width:74%;}
header .rightDiv .menu ul li a{font-size:15px}
header .search i{font-size:18px}
}
@media (max-width:1024px) {
header .logo img{max-width:42%;}
header .rightDiv .menu ul li a{font-size:13px}
header .search i{font-size:16px}
header .rightDiv .menu ul li{height:70px; line-height:70px;}
header .search i{line-height:70px;}
header .rightDiv .menu ul ul{top:70px;}
header .rightDiv .menu ul .ej{width:200px}
}
@media (max-width:992px) {
img{max-width:100%;height:auto!important;}	
header{position:fixed; z-index:9999; top:0; left:auto; right:0; width:100%; height:60px; transition: right 300ms; backdrop-filter:none}
.on-fixed header{height:60px;}
header .mbtn {display: block; top:0}
header .logo{width:90%;}
header .logo img{width:10%; margin-top:8px;}
.on-fixed header .logo img{margin-top:8px;}
.on-fixed header .mbtn{top:0px;}
.on-menu header{height:60px;}
.on-menu header .top{height:0}
.on-menu header .logo img{margin-top:8px;}
.on-menu header .mbtn{top:0px;}
header .rightDiv .menu ul li.en{background: url(../images/en.png) no-repeat 20px center;}	
header .rightDiv .menu ul li.en{padding-left:30px}

header .rightDiv .menu {float:right; position:fixed; top:0px; right:0; width:100%; height:100%; padding-top:0;background-color: rgba(255, 255, 255, 1); transition: right 300ms; right: -100%; padding:0; overflow-y:auto;}

header .rightDiv .menu ul{width:100%;  padding-top:60px; display:block !important}
header .rightDiv .menu ul li{padding:0; margin:0; width:100%; height: auto; border-top:1px solid rgba(120,120,120,.15); line-height:40px}
header .rightDiv .menu ul li a:after{ display:none}
header .rightDiv .menu ul li:last-child{border-bottom:1px solid rgba(120,120,120,.15);}
header .rightDiv .menu ul li:hover a{text-align:left; height:40px; line-height:40px; width: calc(100% - 50px); position: relative;}
header .rightDiv .menu ul li a{display:block; color:#666; line-height:40px; height:40px; text-align:left;font-size:16px; width: calc(100% - 50px); padding:0 40px 0 20px; margin:0;}


header .rightDiv .menu ul li.cur a{height:40px; line-height:40px; text-align:left; width: calc(100% - 50px);}
header .rightDiv .menu ul li.cur a{color: #666; position:relative}
header .rightDiv .menu ul li.cur ul li a{color: #76b669;}
header .rightDiv .menu ul li:after{ display:none}
header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}

header .rightDiv .menu ul ul{top:0; border: 0;    opacity:1; background: transparent;border-bottom:none;padding: 0; display:none !important; }
header .rightDiv .menu li ul.open{display:block !important}
header .rightDiv .menu li:hover ul{ width:100%; display:none}

header .rightDiv .menu ul li a span {display: none;}
header .rightDiv .menu ul li a.on {background: none;}
body.on-menu header .rightDiv .menu {right: 0;}
body.on-menu .main {right: 0;}

header.indexHeader .rightDiv .menu>ul>li.on>a{color: #fff;}
header .rightDiv .menu>ul>li:hover>a{color:#333;}
.menu ul ul{box-shadow: none;}
header .rightDiv .menu .linkDiv{display: none;}
header .rightDiv .menu>ul>li.has-sub{padding: 0;}
header .rightDiv .menu>ul>li>a::before{display: none;}

header .rightDiv .menu ul ul li{width:100%; background:rgba(255,255,255,.4); height:40px; line-height:40px;}
header .rightDiv .menu ul ul li a{font-size:14px; color:#76b669; height:40px; line-height:40px; margin:0 10px;}
header .rightDiv .menu ul li.cur li a{height:40px; line-height:40px}


header .rightDiv .menu>ul>li,header .rightDiv .menu.align-center>ul>li,header .rightDiv .menu.align-right>ul>li{float:none;display:block}
header .rightDiv .menu ul ul ul li a{padding-left:40px}
header .rightDiv .menu ul ul,
header .rightDiv .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
header .rightDiv .menu>ul>li.has-sub>a::after,header .rightDiv .menu ul ul li.has-sub>a::after{display:none}
header .rightDiv .menu li:hover>ul{left: auto;margin-left: auto;}

#menu-line{display:none}

.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:40px;width:45px;cursor:pointer}
.menu .submenu-button::after{content:'';position:absolute;top:15px;left:22px;display:block;width:1px;height:11px;background:#333;z-index:99}
.menu .submenu-button::before{content:'';position:absolute;top:20px;left:17px;display:block;width:11px;height:1px;background:#333;z-index:99}
.menu .submenu-button.submenu-opened:after{display:none}

.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
.menu ul ul ul{top: 0;}
header .search{ display:none}
body.on-menu header .mbtn{z-index: 1;}	
header .rightDiv .menu ul .lang i{ display:none}

.on-menu header .logo .img{ display:block}
.on-menu header .logo .img02{ display: none}
header .rightDiv .menu ul .ej{width:100%; left:0;}
header .rightDiv .menu li:hover ul li{ height:40px; line-height:40px}
header .rightDiv .menu ul ul li a, header .rightDiv .menu ul li.cur ul li a{ color:#666 !important}
.on-fixed header:after,.ny header:after{ display:none}
}
@media (max-width:780px) {
header .logo img{width:11%;}
}
@media (max-width:540px) {
header .logo img{width:16%;}
}
@media (max-width:430px) {
header{height:45px;}
.on-fixed header{height:45px;}
.on-menu header{height:45px;}
header .rightDiv .menu ul{padding-top:45px;}
header .logo img{width:16%;}
header .mbtn{height:45px; background-size:18px auto; width:45px}
body.on-menu header .mbtn{background-size:18px auto;}
}


/********************************* 首页 **********************************/


/*banner轮播*/
.index-banner{width:100%; position:relative; z-index:998;}
.index-banner .swiper-slide{overflow:hidden; position:relative;}
.index-banner .swiper-slide:before {content:'';display:block;width:70%;position:absolute;height:100%;background-repeat:no-repeat; z-index:9; background-size:100% 100%;background-position:left center;background-image:url(../images/bj.png);background-repeat:no-repeat;max-width:1080px;}
.index-banner .img{width:100%; height:100vh; background-attachment:fixed; background-position:center center; background-size:cover; background-repeat:no-repeat}
.index-banner .img a{display:block; width:100%; height:100%}
.index-banner .index_slogan{position:absolute; top:40%; left:6%; width:80%; text-align:left; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s; z-index:10}
.index-banner .index_slogan b{font-size:50px; color:#FFF; text-transform:uppercase; text-shadow: 1px 2px 0 rgb(0 0 0 / 20%);}
.index-banner .index_slogan p{font-size:30px; color:#FFF; text-transform:uppercase}
.index-banner .index_slogan span{border:1px solid rgba(255,255,255,.3); color:#fff; background:rgba(255,255,255,.2); backdrop-filter: blur(3px);font-size:16px; display:block; width:200px; height:50px; line-height:50px; text-align:center; transition:all 0.3s ease-out; margin-top:80px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.index-banner .index_slogan span i{transition:all 0.3s ease-out;}
.index-banner .index_slogan span:hover{background:rgba(238,28,37,1); border:1px solid rgba(238,28,37,1); width:230px;}
.index-banner .index_slogan span:hover i{ margin-left:10px}


.index-banner .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align:center;}
.index-banner .swiper-pagination-bullet{width:10px; height:10px; background:#fff; border-radius:50%; transition:all 0.3s ease-out; margin:0 3px; opacity:.4}
.index-banner .swiper-pagination-bullet-active{width:80px; height:10px; border-radius:20px; background:rgba(1,90,170,1); opacity:.8}
.index-banner .swiper-pagination-bullet span{ border:none}

.index-banner video{position:relative; z-index:98; width:100%}
@media (max-width:1780px) {
.index-banner .index_slogan b{font-size:45px;}
.index-banner .index_slogan p{font-size:25px; margin-top:20px}
}
@media (max-width:1480px) {
.index-banner .img{height:750px; min-height:750px;}
.index-banner .index_slogan{top:30%; left:4%;}
.index-banner .index_slogan b{font-size:40px;}
.index-banner .index_slogan p{font-size:20px; margin-top:20px}
}
@media (max-width:1380px) {
.index-banner .img{height:700px; min-height:700px;}
}
@media (max-width:1180px) {
.index-banner .img{height:600px; min-height:600px;}
.index-banner .index_slogan b{font-size:35px;}
.index-banner .index_slogan p{font-size:16px; margin-top:10px}
.index-banner .index_slogan span{ margin-top:40px; width:180px; height:45px; line-height:45px;}
.index-banner .index_slogan span:hover{width:210px;}
}
@media (max-width:1024px) {
.index-banner .img{height:520px; min-height:520px;}		
}
@media (max-width:992px) {
.index-banner .img{height:460px; min-height:460px;}	
.index-banner .index_slogan b{font-size:30px; line-height:40px}	
.index-banner .index_slogan span{margin-top:20px;}
}
@media (max-width:820px) {
.index-banner .img{height:420px; min-height:420px;}	
}
@media (max-width:780px) {
.index-banner .img{height:390px; min-height:390px;}	
}
@media (max-width:540px) {
.index-banner .index_slogan{top:35%;}
.index-banner .index_slogan b{font-size:18px; line-height:25px}	
.index-banner .index_slogan p{font-size:14px; margin-top:5px}
.index-banner .img{height:320px; min-height:320px;}
.index-banner .index_slogan span{font-size:14px; width:140px; height:35px; line-height:33px; margin-top:10px}
.index-banner .index_slogan span:hover{width:160px;}
.index-banner .swiper-pagination-bullets{bottom:10px; }
.index-banner .swiper-pagination-bullet{width:8px; height:8px;}
.index-banner .swiper-pagination-bullet-active{width:60px; height:8px;}
}
@media (max-width:430px) {
.index-banner .index_slogan{top:32%;}
.index-banner .img{height:250px; min-height:250px;}	
}

.inner{max-width:1900px; width:85%; margin:0 auto;}
.index_box{padding:120px 0; position:relative; overflow:hidden; width:100%;}
.tit_box_dh{visibility:visible; animation-name:fadeInDown; animation-duration:1.5s; animation-delay:.1s;}
.tit_box{position:relative; margin-bottom:30px; text-align:center;}
.tit_box .tit_en{font-size:45px; line-height:1; text-transform:uppercase; color:#222; margin-bottom:10px; display:block}
.tit_box p{ font-size:18px; color:#999;}
.tit_box.white .tit_en{color:#fff;}
.tit_box.white p{color:#fff; opacity:.5}

.tit_box .tit_span span {display:inline-block; margin:5px; background:#015aaa; height:8px; border-radius:200px}
.tit_box .tit_span span:nth-child(1) {width:10px; animation:fa_span01_ani 1.5s ease infinite alternate}
.tit_box .tit_span span:nth-child(2) {width:50px; animation:fa_span02_ani 1.5s ease infinite alternate; background:#ee1c25;}
@keyframes fa_span01_ani {0% {width:10px}
100% {width:50px}
}
@keyframes fa_span02_ani {0% {width:50px}
100% {width:10px}
}

@media (max-width:1780px) {
.inner{width:88%;}
}
@media (max-width:1600px) {
.tit_box .tit_en{font-size:42px;}
}
@media (max-width:1480px) {
.tit_box .tit_en{font-size:38px;}
.tit_box{margin-bottom:20px;}
.index_box{padding:100px 0;}
}
@media (max-width:1380px) {
.inner{width:94%;}
.tit_box .tit_en{font-size:40px;}
.index_more{margin-top:30px;}
}
@media (max-width:1180px) {
.index_box{padding:80px 0;}
.tit_box{margin-bottom:20px;}
.tit_box .tit_en{font-size:35px;}
.index_more .more{width:180px; height:45px; line-height:45px; font-size:15px}	
.index_more .more:hover{width:210px;}
}
@media (max-width:1024px) {
.tit_box .tit_en{font-size:30px;}
.index_more{margin-top:20px;}	
.index_more .more{font-size:14px}
}
@media (max-width:992px) {
.index_box{padding:60px 0;}
.index_more .more{width:160px; height:40px; line-height:40px;}	
.index_more .more:hover{width:200px;}
}
@media (max-width:540px) {
.index_box{padding:40px 0;}
.tit_box{margin-bottom:10px;}
.tit_box .tit_en{font-size:28px;}	
}
@media (max-width:430px) {
.tit_box .tit_en{font-size:26px;}		
}
@media (max-width:400px) {
.index-banner .index_slogan{width:90%}	
}


/*首页推荐分类*/
.index_class{background-color:#f2f5fc; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover}
.index_class .particles{position:absolute; right:0; width:40%; bottom:0}

.index_products_list{width:92%; overflow:hidden}
.index_products_list .swiper-slide{width:100%; overflow:hidden; height:650px; animation-name:fadeIn; animation-duration:1.5s; animation-delay:.2s;}
.index_products_list .swiper-slide::after{content:"";left:0; top:50px; position:absolute; background:#015aaa; width:0px; height:600px; display:block; border-top-right-radius:40px; border-bottom-right-radius:40px; transform: skew(-20deg, 0deg); margin-left:-50px; z-index:9; opacity:0; transition:all 0.3s ease-out;}
.index_products_list .img{width:50%; float:left; position:relative; z-index:10; text-align:right; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.index_products_list .img::after{content:"";left:0; top:0; position:absolute; background:#fff; width:100%; height:600px; display:block; border-top-right-radius:40px; border-bottom-right-radius:40px; transform: skew(-20deg, 0deg); margin-left:-100px; opacity:0; transition:all 0.3s ease-out;}
.index_products_list .img img{position:relative; z-index:11; margin-top:40px; width:605px; margin-right:10%; opacity:0; transition:all 0.3s ease-out;}
.index_products_list .wz{width:40%; float:right; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s;}
.index_products_list .wz b{font-size:32px; color:#015aaa;}
.index_products_list .wz p{font-size:18px; color:#666; line-height:40px}
.index_products_list .swiper-slide-active::after{opacity:1; width:50%;}
.index_products_list .swiper-slide-active .img::after{opacity:1;}
.index_products_list .swiper-slide-active .img img{opacity:1;}

.index_products_list .wz span{ color:#fff; background:#015aaa; backdrop-filter: blur(3px);font-size:16px; display:block; width:200px; height:50px; line-height:50px; text-align:center; transition:all 0.3s ease-out; margin-top:40px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.index_products_list .wz span i{transition:all 0.3s ease-out;}
.index_products_list .wz span:hover{background:rgba(238,28,37,1); width:230px;}
.index_products_list .wz span:hover i{ margin-left:10px}

.index_products_list .swiper-button-next,.index_products_list .swiper-button-prev{color:#fff; background:rgba(0, 0, 0, .3); width:60px; line-height:60px; height:60px; border-radius:50%; font-size:18px; text-align:center; transition:all .3s ease-out; z-index:998}
.index_products_list .swiper-button-next:hover,.index_products_list .swiper-button-prev:hover{background:#ee1c25;}
.index_products_list .swiper-button-prev{left:auto; right:11.5%; top:auto; bottom:13%; transform: translate(-11.5%, 0%);}
.index_products_list .swiper-button-next{right:8%; top:auto; bottom:13%; transform: translate(-8%, 0%);} 
@media (max-width:2560px) {
.index_products_list .img::after{width:100%;}
.index_products_list .swiper-slide-active::after{width:50%;}	
.index_products_list .img img{margin-right:20%;}
}
@media (max-width:1980px) {
.index_products_list .swiper-slide{height:550px;}
.index_products_list .img::after{height:500px;}
.index_products_list .swiper-slide-active::after{height:500px;}
.index_products_list .img{width:50%;}
.index_products_list .img img{margin-top:40px; margin-right:30%; width:auto}
.index_products_list .wz p{font-size:16px; line-height:30px}
}
@media (max-width:1780px) {
.index_products_list{width:94%;}
.index_products_list .swiper-button-prev{right:10%; transform: translate(-10%, 0%);}
.index_products_list .swiper-button-next{right:6%; transform: translate(-6%, 0%);} 
.index_products_list .img img{margin-right:25%;}
}

@media (max-width:1480px) {
.index_products_list .swiper-slide{height:500px;}
.index_products_list .img::after{height:450px; margin-left:-80px;}
.index_products_list .swiper-slide::after{top:40px;}
.index_products_list .swiper-slide-active::after{height:450px;}	
.index_products_list .swiper-button-prev{right:11%; transform: translate(-11%, 0%);}
.index_products_list .img img{margin-top:25px; margin-right:20%;}
}
@media (max-width:1380px) {
.index_products_list .img img{margin-top:20px; margin-right:18%;}	
.index_products_list .wz{width:44%;}
}
@media (max-width:1280px) {

}
@media (max-width:1180px) {
.index_products_list .swiper-slide{height:450px;}
.index_products_list .img::after{width:640px; height:400px; margin-left:-60px;}
.index_products_list .swiper-slide::after{top:20px; border-top-right-radius:30px; border-bottom-right-radius:30px;}
.index_products_list .swiper-slide-active::after{width:640px; height:400px;}	
.index_products_list .img img{margin-top:0; margin-right:4%; border-top-right-radius:30px; border-bottom-right-radius:30px;}	
.index_products_list .wz b{font-size:28px}
.index_products_list .wz p{font-size:14px; line-height:25px}
.index_products_list .swiper-button-prev{bottom:16%; right:12%; transform: translate(-12%, 0%);}
.index_products_list .swiper-button-next{bottom:16%;} 
.index_products_list .wz{width:40%;}
}
@media (max-width:1024px) {
.index_products_list .swiper-slide{height:450px;}
.index_products_list .img::after{width:550px; height:400px;}	
.index_products_list .swiper-slide-active::after{width:550px; height:400px;}	
}
@media (max-width:992px) {
.index_products_list{margin:0 auto; height:380px;}
.index_products_list .swiper-slide::after{width:49%; height:340px; transform:none; margin-left:30px; border-top-left-radius:40px; border-top-right-radius:0; border-bottom-right-radius:40px;}
.index_products_list .img::after{width:100%; height:340px; margin-left:0px; transform:none; border-top-left-radius:40px; border-top-right-radius:0; border-bottom-right-radius:40px;}	
.index_products_list .wz{width:42%;}
.index_products_list .swiper-button-next,.index_products_list .swiper-button-prev{display:none}	
}
@media (max-width:540px) {
.index_products_list{height:auto; width:92%}
.index_products_list .swiper-slide{height:auto;}
.index_products_list .swiper-slide::after{display:none}
.index_products_list .img::after{display:none}
.index_products_list .img{width:100%; text-align:center; background:#fff; border-top-left-radius:40px; border-bottom-right-radius:40px;}
.index_products_list .img img{ width:70%}	
.index_products_list .wz{width:100%; margin-top:10px}
.index_products_list .wz b{font-size:24px}	
.index_products_list .wz span{margin-top:10px; font-size:14px; width:140px; height:36px; line-height:36px;}	
.index_products_list .wz span:hover{width:180px;}
}



/*首页关于我们*/
.index_data{background-image:url(../images/img03.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.index_about_data{width:100%; overflow:hidden; margin:0 auto; }
.index_about_data li{float:left; width:25%; text-align:center; color:#fff; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s;}
.index_about_data li span{font-weight:bold; font-size:50px; position:relative;}
.index_about_data li em{font-size:18px; font-style:normal; padding-left:5px; opacity:.6}
.index_about_data li b{ display:block; font-size:18px; font-weight:normal; opacity:.6}
.index_about_data li:nth-child(1){animation-delay:.2s;}
.index_about_data li:nth-child(2){animation-delay:.3s;}
.index_about_data li:nth-child(3){animation-delay:.4s;}
.index_about_data li:nth-child(4){animation-delay:.5s;}
@media (max-width:1980px) {
.index_about_data li span{font-size:45px;}
.index_about_data li em,.index_about_data li b{font-size:16px;}
}
@media (max-width:992px) {
.index_about_data li span{font-size:38px;}
}
@media (max-width:540px) {
.index_about_data li{width:50%;}
}
@media (max-width:430px) {
.index_about_data li span{font-size:32px;}
}


/*首页关于我们*/
.index_about{padding:0; background-color:#f2f5fc;}
.index_about_img{width:50%; float:right; position:relative; z-index:100; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s; text-align:right}
.index_about_img02{width:100%; display:none; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s;}

.index_about_txt{width:40%; float:left;  margin-top:120px; margin-left:7.5%;}
.index_about_txt .tit_box{ text-align:left}
.index_about_txt .wz{visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.index_about_txt p{font-size:18px; color:#666; line-height:40px}
.index_about .index_more .more{ margin:0 auto; border:1px solid rgba(255,255,255,.3); color:#fff; background:rgba(255,255,255,.2); backdrop-filter: blur(3px);}
.index_about .index_more:hover .more{background:rgba(238,28,37,1); border:1px solid rgba(238,28,37,1);}

.index_about .video_play{position:absolute; left:60%; top:50%; transform: translate(-60%, -50%); display:block; background:#015aaa; width:80px; height:80px; line-height:80px; border-radius:50%; text-align:center; color:#fff; font-size:50px; z-index:101; visibility:visible; animation-name:zoomIn; animation-duration:1.5s; animation-delay:.2s;}
.index_about .video_play span {position:absolute; background-color:#015aaa; left:60%;top:50%; transform: translate(-60%, -50%); border-radius:100%;}
.index_about .video_play span:nth-child(1) {width:90px; height:90px; opacity:.2; animation:ab_span00_ani 1.5s ease infinite alternate}
.index_about .video_play span:nth-child(2) {width:100px; height:100px; opacity:.1; animation:ab_span01_ani 1.5s ease infinite alternate}

@keyframes ab_span00_ani {
0% {width:80px; height:80px}
100% {width:110px; height:110px}
}
@keyframes ab_span01_ani {
0% {width:90px; height:90px}
100% {width:150px; height:150px}
}

.index_about_more{width:100%; position:relative; z-index:101; margin-top:50px; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.1s;}
.index_about_more li{float:left; width:23.5%; text-align:center; background:#fff; margin-right:2%; border-top-left-radius:30px; border-bottom-right-radius:30px; padding:30px 0; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2); visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s;}
.index_about_more li i{display:block; font-size:50px; color:#015aaa; height:80px}
.index_about_more li p{display:block; font-size:18px; color:#666;}
.index_about_more li:last-child{margin-right:0;}
.index_about_more li:hover{background:#015aaa;}
.index_about_more li:hover i,.index_about_more li:hover p{color:#fff}
.index_about_more li:nth-child(1){animation-delay:.2s;}
.index_about_more li:nth-child(2){animation-delay:.3s;}
.index_about_more li:nth-child(3){animation-delay:.4s;}
.index_about_more li:nth-child(4){animation-delay:.5s;}
@media (max-width:2560px) {
.index_about .video_play{left:55%; transform: translate(-55%, -50%);}
.index_about .video_play span {left:55%; transform: translate(-55%, -50%);}	
}
@media (max-width:1980px) {
.index_about_more li p{font-size:16px;}
.index_about_txt p{font-size:16px; line-height:30px}	
}
@media (max-width:1780px) {
.index_about_img{width:54%;}
.index_about_txt{width:36%; margin-left:6%; margin-top:100px;}
.index_about_more li{padding:20px 0;}
.index_about .video_play{left:50%; top:50%; transform: translate(-50%, -50%);}
.index_about .video_play span {left:50%; transform: translate(-50%, -50%);}
}
@media (max-width:1680px) {
.index_about_txt .wz{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:9;overflow: hidden;}	
}
@media (max-width:1600px) {
.index_about_txt .wz{-webkit-line-clamp:8;}	
}
@media (max-width:1480px) {
.index_about_txt .wz{-webkit-line-clamp:7;}	
.index_about_more{margin-top:30px;}
.index_about_more li{padding:15px 0;}
.index_about_more li i{font-size:45px; height:70px}
}
@media (max-width:1180px) {
.index_about_img{width:50%;}
.index_about_txt{margin-left:4%; width:45%; margin-top:80px;}	
.index_about_txt p{font-size:14px; line-height:25px}
.index_about_txt .wz{-webkit-line-clamp:5;}	
.index_about .video_play{width:60px; height:60px; line-height:60px; font-size:40px; left:55%; transform: translate(-55%, -50%);}
.index_about .video_play span {left:55%; transform: translate(-55%, -50%);}
.index_about .video_play span:nth-child(1) {width:70px; height:70px;}
.index_about .video_play span:nth-child(2) {width:80px; height:80px;}

@keyframes ab_span00_ani {
0% {width:60px; height:60px}
100% {width:80px; height:80px}
}
@keyframes ab_span01_ani {
0% {width:70px; height:70px}
100% {width:90px; height:90px}
}
}
@media (max-width:1024px) {
.index_about_txt .wz{-webkit-line-clamp:4;}	
.index_about_more{margin-top:20px;}
.index_about_more li p{ font-size:14px}	
}
@media (max-width:992px) {
.index_about{padding: 60px 0;}
.index_about_txt{margin-top:0px;}	
.index_about_more li{padding:20px 0;}
.index_about_more li i{font-size:40px; height:60px;}
.index_about_txt{width:92%;}
.index_about_img,.index_about .video_play{display:none}
.index_about_img02 .video_play{display: block}
.index_about_img02{display:block; width:92%; margin:0 auto; overflow:hidden; padding-top:30px; position:relative}
.index_about_img02 img{border-top-left-radius:40px; border-bottom-right-radius:40px;}
.index_about .video_play{left:50%; bottom:10%; transform: translate(-50%, -10%);}
}
@media (max-width:540px) {
.index_about{padding:40px 0;}
.index_about_txt .tit_box{text-align:center}
}
@media (max-width:430px) {
.index_about_more li{width:49%;  margin-right:0; margin-top:10px}	
.index_about_more li:nth-child(2n){ float:right}
}




/*首页应用场景*/
.index_app{background-color:#015aaa; text-align:center; background-image:url(../images/img01.jpg); background-repeat:no-repeat; background-position:center center;  background-size:cover; margin-top:-60px; z-index:99; padding-top:180px}
.inapp_box{position:relative; width:100%; margin:0 auto; height:640px; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.3s;}
.inapp_box .swiper-slide{transition:300ms; transform:scale(0.7); transition:all .3s ease-out; opacity:.5; padding-top:30px;}
.inapp_box .swiper-slide-active,.inapp_box .swiper-slide-duplicate-active{transform:scale(1.2); padding-top:50px; cursor:pointer}
.inapp_box .swiper-slide .img{width:100%; overflow:hidden; position:relative;}
.inapp_box .swiper-slide .img img{border-top-left-radius:40px; border-bottom-right-radius:40px;}
.inapp_box .swiper-slide .wz{opacity:0; }
.inapp_box .swiper-slide-active{opacity:1}
.inapp_box .swiper-slide-active .wz{ position:absolute; bottom:0; width:100%; text-align:center; color:#fff; z-index:9; opacity:1; padding-bottom:20px}
.inapp_box .swiper-slide-active .wz b{font-size:24px; text-transform:uppercase; display:block}
.inapp_box .swiper-slide-active .wz b:after{content: ""; width:10%; height:5px; background:#ee1c25; display:block; margin:5px auto; border-radius:4px;}
.inapp_box .swiper-slide-active .wz p{ font-size:18px;}
.inapp_box .swiper-slide-active .img:after{content: ""; position:absolute; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #000000 100%); bottom:0; left:0; z-index:8; border-bottom-right-radius:40px;}

.inapp_box .swiper-button-next,.inapp_box .swiper-button-prev{color:#fff; border:1px solid #fff; background:rgba(0, 0, 0, .2); width:60px; line-height:60px; height:60px; border-radius:50%; font-size:18px; text-align:center; transition:all .3s ease-out; opacity:.5}
.inapp_box .swiper-button-next:hover,.inapp_box .swiper-button-prev:hover{background:#ee1c25; border:1px solid #ee1c25; opacity:1}
.inapp_box .swiper-button-prev{left:28.5%; top:50%; transform: translate(-28.5%, -50%);}
.inapp_box .swiper-button-next{right:27%; top:50%; transform: translate(-27%, -50%);} 
@media (max-width:1980px) {
.inapp_box{height:500px; }	
.inapp_box .swiper-slide-active .wz b{font-size:20px;}
.inapp_box .swiper-slide-active .wz p{ font-size:14px;}
.inapp_box .swiper-button-prev{left:28%; transform: translate(-28%, -50%);}
.inapp_box .swiper-button-next{right:26.5%; transform: translate(-26.5%, -50%);} 
}
@media (max-width:1780px) {
.inapp_box{height:450px; }
}
@media (max-width:1680px) {
.inapp_box{height:430px;}
.inapp_box .swiper-button-next{right:26%; transform: translate(-26%, -50%);} 
}
@media (max-width:1600px) {
.index_app{padding-top:160px}
.inapp_box .swiper-slide-active,.inapp_box .swiper-slide-duplicate-active{padding-top:35px;}
.inapp_box{height:390px;}
}
@media (max-width:1480px) {
.index_app{padding-top:140px}
.inapp_box{height:350px;}
.inapp_box .swiper-button-next{right:25.5%; transform: translate(-25.5%, -50%);} 	
}
@media (max-width:1380px) {
.inapp_box{height:334px;}
.index_app_txt{margin-bottom:10px}
}
@media (max-width:1280px) {
.inapp_box{height:314px;}	
}
@media (max-width:1180px) {
.index_app_txt p{font-size:14px; line-height:25px}
.inapp_box{height:480px;}	
.inapp_box .swiper-button-next{right:25%; transform: translate(-25%, -50%);}
.inapp_box .swiper-button-prev{left:12%; top:50%; transform: translate(-12%, -50%);}
.inapp_box .swiper-button-next{right:11%; top:50%; transform: translate(-11%, -50%);} 
.inapp_box .swiper-button-next,.inapp_box .swiper-button-prev{background:#ee1c25; border:1px solid #ee1c25; opacity:1}
}
@media (max-width:1024px) {
.inapp_box{height:auto;}	
}
@media (max-width:992px) {
.index_app{padding-top:60px; margin-top:0px;}
}
@media (max-width:540px) {
.index_app{padding-top:40px; padding-bottom:0}
.inapp_box{width:92%; margin:0 auto;}
.inapp_box .swiper-slide{padding-top:0px;}
.inapp_box .swiper-slide-active,.inapp_box .swiper-slide-duplicate-active{transform:none;}
.inapp_box .swiper-button-next,.inapp_box .swiper-button-prev{display:none}
}



/*首页选择我们*/
.index_chooose{background-image:url(../images/img03.png); background-repeat:no-repeat; background-position:left center;}
.index_chooose .tit_box{ text-align:left; margin-left:7.5%}
.index_chooose_img{width:40%; float:left; position:relative; z-index:100; margin-left:7.5%; margin-top:180px; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.chooose_box{width:50%; float:right; background-image:url(../images/bj05.png); background-position:top right; background-repeat:no-repeat; background-size:100%; height:1020px; padding:4% 0 0 6%; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.3s;}
.chooose_box li{width:100%; color:#fff; padding-bottom:4%; margin-bottom:4%; overflow:hidden; display:flex; flex-wrap:wrap; flex-direction:row; align-items: center; position:relative}
.chooose_box li i{width:80px; height:80px; background:#fff; border-radius:50%; color:#015aaa; text-align:center; display:inline-block; }
.chooose_box li i img{width:85%; margin-top:7px}
.chooose_box li .wz{width: calc(95% - 120px); display:inline-block; padding-left:30px;}
.chooose_box li .wz b{font-size:24px;}
.chooose_box li .wz p{ font-size:18px; line-height:40px}
.chooose_box li:nth-child(1){padding-left:160px}
.chooose_box li:nth-child(2){padding-left:115px}
.chooose_box li:nth-child(3){padding-left:70px}
.chooose_box li:nth-child(4){padding-left:35px}
.chooose_box li:nth-child(5){padding-left:0px; padding-bottom:0px; margin-bottom:0px;}
.chooose_box li:nth-child(5):before{border-bottom:none}
.chooose_box li:before{content:""; position:absolute; bottom:0; border-bottom:1px solid rgba(255,255,255,.1); width:100%}
@media (max-width:1980px) {
.chooose_box{height:762px; padding:55px 0 0 120px;}	
.index_chooose_img{margin-top:120px;}
.chooose_box li{padding-bottom:30px; margin-bottom:30px; }	
.chooose_box li .wz b{font-size:22px;}
.chooose_box li .wz p{ font-size:16px; line-height:30px}
}
@media (max-width:1780px) {
.index_chooose .tit_box{margin-left:6%;}
.index_chooose_img{width:40%; margin-left:6%;}
.chooose_box{padding:40px 0 0 80px; height:710px;}
.chooose_box li{padding-bottom:20px; margin-bottom:20px;}
}
@media (max-width:1680px) {
.index_chooose_img{width:38%; margin-left:6%;}
.chooose_box{width:52%; height:700px;}
.chooose_box li{padding-bottom:18px; margin-bottom:18px;}
}
@media (max-width:1600px) {
.index_chooose_img{width:36%; margin-left:6%;}
.chooose_box{width:54%; height:688px;}	
}
@media (max-width:1480px) {
.chooose_box{padding:30px 0 0 60px; height:620px;}
.chooose_box li{padding-bottom:12px; margin-bottom:12px;}
.chooose_box li i{width:70px; height:70px;}
.chooose_box li .wz{width: calc(95% - 100px); padding-left:20px;}
}
@media (max-width:1380px) {
.chooose_box{padding:30px 0 0 50px; height:600px;}
.chooose_box li{padding-bottom:10px; margin-bottom:10px;}	
.chooose_box li .wz b{font-size:20px;}
.chooose_box li:nth-child(1){padding-left:150px}
.chooose_box li:nth-child(2){padding-left:105px}
}
@media (max-width:1280px) {
.index_chooose_img{width:34%; margin-left:6%;}
.chooose_box{padding:40px 0 0 50px; width:56%; height:580px;}		
.chooose_box li .wz p{line-height:25px}
.chooose_box li:nth-child(1){padding-left:120px}
.chooose_box li:nth-child(2){padding-left:90px}
.chooose_box li:nth-child(3){padding-left:60px}
}
@media (max-width:1180px) {
.index_chooose .tit_box{margin-left:4%;}
.index_chooose_img{width:40%; margin-left:4%;}
.chooose_box{padding:20px 0 0 50px;}
.chooose_box li{padding-bottom:8px; margin-bottom:8px;}		
.chooose_box li .wz p{font-size:14px;}	
}
@media (max-width:1024px) {
.index_chooose_img{display:none}	
.chooose_box{width:96%; height:790px;}	
.chooose_box{padding:70px 0 0 100px;}
.chooose_box li{padding-bottom:35px; margin-bottom:35px;}	
.chooose_box li:nth-child(1){padding-left:160px}
.chooose_box li:nth-child(2){padding-left:120px}
.chooose_box li:nth-child(3){padding-left:80px}
.chooose_box li:nth-child(4){padding-left:40px}
.chooose_box li .wz{width: calc(90% - 100px); padding-left:20px;}
}
@media (max-width:992px) {
.chooose_box{padding:0; overflow:auto; margin-right:4%; width:92%; background-image: url(../images/bj05.jpg); background-size: cover;  padding:40px; height:auto; border-top-left-radius:40px; border-bottom-right-radius:40px;}
.chooose_box li:nth-child(1),.chooose_box li:nth-child(2),.chooose_box li:nth-child(3),.chooose_box li:nth-child(4){padding-left:0}
.chooose_box li{padding-bottom:15px; margin-bottom:15px;}	
.chooose_box li .wz{width:calc(100% - 70px);}
}
@media (max-width:540px) {
.index_chooose .tit_box{text-align:center; margin-left:0}
.chooose_box{padding:20px;}
}
@media (max-width:430px) {
.chooose_box li .wz b{ font-size:18px}
}

/*首页新闻资讯*/
.index_news{width:100%; overflow:hidden; background-image:url(../images/img02.gif); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index_news_box{width:60%; position:relative;  float:left}
.index_news_box li{width: calc(50% - 20px); margin:0px 10px; float:left; background:rgba(255,255,355,.98); backdrop-filter:blur(3px); border-top-left-radius:40px; border-bottom-right-radius:40px; overflow:hidden; transition:all 0.3s ease-out; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s;}
.index_news_box .img{width:100%; height:298px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.index_news_box .img span{font-size:16px; margin:30px; padding:5px; display:block; color:#fff;  background:rgba(238,28,37,.8); width:120px; border-top-left-radius:20px; border-bottom-right-radius:20px; text-align:center; float:right}
.index_news_box .wz{width:100%; overflow:hidden; background:rgba(255,255,255,0); padding:30px; color:#ccc;}
.index_news_box .wz b{font-size:18px; display:block; color:#333}
.index_news_box .wz p{font-size:16px; line-height:35px; color:#666;}
.index_news_box .wz span{font-size:16px; color:#015aaa; margin-top:30px; display:block;}
.index_news_box .wz span i{transition:all 0.3s ease-out;}
.index_news_box li:hover{background:#015aaa;}
.index_news_box li:hover .wz b,.index_news_box li:hover .wz p,.index_news_box li:hover .wz span{color:#fff;}
.index_news_box li:hover .wz p,.index_news_box li:hover .wz span{opacity:.5}
.index_news_box li:hover .wz i{ padding-left:20px}
.index_news_box li:nth-child(1){animation-delay:.3s;}
.index_news_box li:nth-child(2){animation-delay:.2s;}

.index_news_box_tow{width:calc(40% - 10px); float:right; background:rgba(255,255,355,.98); backdrop-filter:blur(3px); border-top-left-radius:40px; border-bottom-right-radius:40px; padding:20px 0 10px; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.1s;}
.index_news_box_tow li{width:100%; padding:30px 30px 30px 10px; border-bottom:1px dotted #ccc; overflow:hidden; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s;}
.index_news_box_tow li:last-child{border-bottom:none}
.index_news_box_tow li .t{width:100px; float:left; text-align:center}
.index_news_box_tow li .t b{ font-size:40px; color:#015aaa; display:block; height:60px}
.index_news_box_tow li .t p{font-size:16px; color:#999;}
.index_news_box_tow li .wz{width: calc(100% - 100px); float:right}
.index_news_box_tow li .wz b{font-size:18px; display:block; color:#333}
.index_news_box_tow li .wz p{font-size:16px; line-height:35px; color:#666;}
.index_news_box_tow li:hover b{color:#015aaa}
.index_news_box_tow li:nth-child(1){animation-delay:.2s;}
.index_news_box_tow li:nth-child(2){animation-delay:.3s;}
.index_news_box_tow li:nth-child(3){animation-delay:.4s;}

@media (max-width:1480px) {
.index_news_box .img{height:240px;}
.index_news_box .wz{padding:20px;}
.index_news_box_tow{padding:10px 0 10px;}
.index_news_box_tow li{padding:19px 30px 19px 10px;}
}
@media (max-width:1180px) {
.index_news_box .img span{margin:21px;}
.index_news_box .img{height:200px;}
.index_news_box .wz{padding:12px;}
.index_news_box .wz b,.index_news_box_tow li .wz b{font-size:16px;}
.index_news_box .wz p,.index_news_box_tow li .wz p{font-size:14px; line-height:25px;}
.index_news_box .wz span{margin-top:20px; font-size:14px}
.index_news_box_tow li{padding:15px 20px 15px 10px;}
.index_news_box_tow li .t b{font-size:30px; height:40px; display:block}
}
@media (max-width:992px) {
.index_news_box{width:100%; margin-bottom:20px}	
.index_news_box_tow{width:calc(100% - 20px); margin:0 10px}
}
@media (max-width:540px) {
.index_news_box{margin-bottom:0px;}
.index_news_box li{width:100%; margin:0 0 10px;}
.index_news_box .img{height:280px;}
.index_news_box_tow{width:100%; margin:0}
}
@media (max-width:430px) {
.index_news_box .img{height:240px;}
}


.index_partner{width:100%; overflow:hidden; background-color:#f2f5fc;}
.index_partner_box{position:relative; width:100%; overflow:hidden;}
.index_partner_box.dh{visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.3s;}
.index_partner_box .swiper-slide{width:100%; overflow:hidden; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.index_partner_box .swiper-slide .pic{display:block; width:100%; height:120px; overflow:hidden; padding:0; position:relative;}
.index_partner_box .swiper-slide .pic .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border-bottom:none}
.index_partner_box .swiper-slide .pic .img img{display:block; max-width:80%; max-height:80%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}

.index_partner_box .swiper-pagination-bullets{width:100%; bottom:0; z-index:2; text-align:center;}
.index_partner_box .swiper-pagination-bullet{width:10px; height:10px; background:#fff; border-radius:50%; transition:all 0.3s ease-out; margin:0 3px; opacity:.4}
.index_partner_box .swiper-pagination-bullet-active{width:80px; height:10px; border-radius:20px; background:rgba(238,28,37,1); opacity:.8}
.index_partner_box .swiper-pagination-bullet span{ border:none}
@media (max-width:992px) {
.index_partner_box .swiper-slide .pic{height:120px;}		
}
@media (max-width:540px) {
.index_partner_box{ padding-bottom:0px}
.index_partner_box .swiper-slide .pic{height:100px;}		
}
@media (max-width:430px) {
.index_partner_box .swiper-slide .pic{height:80px;}
}




/**底部**/
.footer{width:100%; overflow:hidden; padding:80px 0 60px; position:relative; background:#111;}
.footer b{font-size:26px; color:#fff; display:block; text-transform:uppercase}
.footer b:after{content: ""; width:20px; height:3px; background-color:#015aaa; display:block; margin:20px 0}
.footer .foot_name{width:12%; float:left; margin-right:8%; display:none}
.footer .foot_logo{width:100%;}

.footer .foot_nav{width:25%; overflow:hidden; float:left}
.footer .foot_nav li{width:100%;}
.footer .foot_nav li a{font-size:18px; color:#fff; margin-bottom:15px; display:block}
.footer .foot_nav02{width:70%; float:left}
.footer .foot_nav02 li{width:50%;  float:left}

.footer .foot_cont{width:25%; float:left;}
.footer .foot_cont p{color:#fff; font-size:18px; line-height:30px; margin-bottom:15px}
.footer .foot_cont a{color:#fff}

.footer .foot-right{width:10%; float:right;}
.footer .foot-right img{width:90%; margin-top:8px}

.foot_box{width:100%; overflow:hidden; background:#111; height:100px; line-height:100px; color:#fff; font-size:14px; border-top: 1px solid rgba(255,255,255,.2);}
.foot_box .boxl{ width:60%; float:left}
.foot_box .boxr{ width:40%; float:right; text-align:right}
.foot_box a{color:#fff; font-size:14px; margin-left:10px}
.foot_box i{ font-size:28px}
.foot_box a:hover i{color:#ee1c25}
@media (max-width:1480px) {
.footer b{font-size:22px;}
.footer .foot_nav li a{font-size:16px; margin-bottom:15px;}
.footer .foot_cont p{font-size:16px; line-height:30px; margin-bottom:15px}
}
@media (max-width:1380px) {
.footer{padding:60px 0;}
}

@media (max-width:540px) {
.footer{padding:30px 0 10px;}
.footer .foot_cont{width:100%;}
.foot_box{ height:auto; line-height:20px; padding:10px 0}
.foot_nav:nth-child(1),.foot_nav:nth-child(2),.foot_nav:nth-child(3),.foot_nav:nth-child(4){ display:none}
.foot_box .boxl{ width:100%;}
.foot_box .boxr{ width:100%; display:none}
.footer b:after{margin:10px 0;}
.footer .foot_cont p{font-size:14px; line-height:25px; margin-bottom:10px}
}




.all_back {position:fixed; right:30px; bottom:30px; z-index:9999; display:none; cursor:pointer; background:rgba(32,60,160,.7); width:50px; height:50px; line-height:50px;  -webkit-transition:all 0.6s linear;transition:all 0.6s linear; text-align:center; }
.all_back i {color:#fff; display:block; font-style:normal; font-size:24px}
.all_back:hover {background:rgba(32,60,160,1); border-radius:50%;}
.all_back:hover i{ color:#fff;}
@media (max-width:540px) {
.all_back{right:20px; bottom:20px;}	
}


/**搜索**/
#pop__search {display:none;margin-bottom:0;position:relative}
#pop__search .box {width:680px;height:52px;background:#fff;border:1px solid #ddd;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
#pop__search .box form {display:block;width:100%;height:50px;position:relative;padding-right:50px}
#pop__search .box form .btn01 {width:100%;height:50px;line-height:50px;border:none;background:none;outline:0;padding:0 0 0 20px;font-size:14px;color:#666}
#pop__search .box form .btn01::-webkit-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01::-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-ms-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn02 {display:block;width:50px;height:50px; line-height:50px; border:none;background:none;outline:0;position:absolute;right:0;top:0}
#pop__search .box form .btn02 i {vertical-align:top;margin-top:0px; color:#333;font-family:"iconfont" !important;font-size:24px;font-style:normal;}
#pop__search .box form .btn02:hover svg {color:#0000ff}

/**漂浮**/
.online_q {position:fixed;right:2px;bottom:30%;z-index:999}
.online_q .btn2 {width:73px;height:73px;margin-bottom:5px;cursor:pointer;position:relative;font-size:12px;transition:.3s}
.online_q .btn2 span i{display:block; font-size:30px; height:50px; line-height:50px;}
.online_q .btn2 span {display:block;width:100%;height:100%;text-align:center ;border-radius:10px; position:relative; z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size:12px;color:#FFFFFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background:rgba(1,90,170,.9);}
.online_q .btn2.btn-top span{background:#ee1c25; color:#fff;}
.online_q .btn2.btn-top span p{font-weight:bold}
.online_q .btn2 .open.tel a{ color:#fff; font-size:16px}
.online_q .btn2 .open.pic {position:absolute;background:#015aaa;width:140px;height:140px;right:140px;top:50%;margin-top:-50px;text-align:right;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden}
.online_q .btn2 .open.pic:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #015aaa;position:absolute;right:-15px;top:45%;margin-top:-10px}
.online_q .btn2 .open.pic img {width:120px;height:120px;margin-top:10px;margin-right:10px}
.online_q .btn2 .open.tel {position:absolute;background:#015aaa;width:200px;height:50px;border-radius:25px;color:#fff;font-size:18px;font-family:arial;text-align:center;line-height:50px;right:100px;top:50%;margin-top:-25px;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden}
.online_q .btn2 .open.tel:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #015aaa;position:absolute;right:-16px;top:50%;margin-top:-10px}
.online_q .btn2:hover .open.pic {opacity:1;right:90px;visibility:visible}
.online_q .btn2:hover .open.tel {opacity:1;right:90px;visibility:visible}
.online_q #gotop {transition:.5s;overflow:hidden;height:73px}
.online_q #gotop.hide {height:0}

.online_q .btn2 .open.email {position:absolute;background:#015aaa;width:200px; height:auto; border-radius:25px;color:#fff;font-size:18px;font-family:arial;text-align:center;line-height:30px;right:100px;top:0%;margin-top:-55px;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden}
.online_q .btn2 .open.email:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #015aaa;position:absolute;right:-16px;top:50%;margin-top:-10px}
@media (max-width:540px) {
.online_q .btn2{width:40px;height:40px;}
.online_q .btn2 span i{font-size:20px; height:40px; line-height:40px;}
.online_q .btn2 p{ display:none}
.online_q #gotop.hide{height:40px !important;}
.online_q .btn2:hover .open.tel,.online_q .btn2:hover .open.pic{ right:50px}
}


