@charset "utf-8";

/*@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400; font-display: block;
  src: local('Oswald'), local('Oswald-Bold'), url('Oswald.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
 
@font-face {
  font-family: 'Formula Serial';
  font-style: normal;
  font-weight: 400; font-display: block;
  src: local('Formula Serial'), local('Formula Serial-Light'), url('FormulaSerialLight.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/

html,body,ul,li{margin:0;padding:0;font-size:16px; color:#333;-webkit-text-size-adjust:none;font-family: 'Formula Serial'; font-weight:bold;}

html,body,ul,li{font-family:"Arial Black", Gadget, sans-serif font-weight:bold;}

h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,,p{margin:0;padding:0;list-style:none;font-size:16px; color:#333; font-weight:bold;}

em{ font-style:bold}

dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}

li{list-style:none}

img{display: inline-block; border:none}

a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}

a:hover{ color:#8c3071;text-decoration:none;}

a,i{ outline:none; }

.fl{float: left;}

.fr{float: right;}


.topwrap{width:100%; margin:0 auto;position:relative;z-index:100;box-sizing: border-box; background:#fff; position:absolute; top:0;height: 90px;}
.top{width:100%;height: 90px; box-sizing: border-box;z-index: 10;}
.top .abox{width:100%;display: flex;align-items: center;}
.top .abox a{display: block;font-size: 12px;color: #fff;padding: 0 2px;box-sizing: border-box;height: 90px;}

.top .abox1{ width:55%; display: flex;align-items: center;}
.top .abox1 a{display: block;font-size: 12px;color: #FFFFFF;padding: 0 5px;box-sizing: border-box;display: flex;align-items: center;}
.top .abox1 a img{ width:659px;}

.top .abox2{ width:35%;display: flex;align-items: center; font-size:18px; font-weight:bold; text-align:center;}

.top .abox4{ width:10%;display: flex;align-items: center;}
.top .abox4 a{display: block;font-size: 16px;color: #333;padding: 0 5px;box-sizing: border-box;height: 65px; margin-top:25px;}



header{width: 100%;height: 90px;position: fixed;left: 0;top: 90px;z-index: 1500;transition: all .2s;background:rgba(255,255,255,1);box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);}

header .containerfull{transition: all .2s;padding:0;}


header .menu{padding: 0}

header .menu ul{width: 90%;margin:0 auto;font-size: 0;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}

header .menu ul li{ width:auto;position: relative;line-height:90px;}

header .menu ul li > a{ width:100%; display:block; padding:0 20px;font-size:18px;text-transform: uppercase;color: #000;transition:all .4s; font-weight:bold;}

header .menu ul li > a:hover{color:#531d43;}
 
header .menu ul li span{position: absolute;left:-40%;top: 90px;width: 180%;min-width:200px;background: rgba(255,255,255,.9);padding: 10px 0;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);visibility: hidden;opacity:1;transition: all .2s;text-align: left;}

header .menu ul li:nth-child(5) span{width: 100%;left: 0%;}
header .menu ul li:nth-child(6) span{width: 100%;left: 0%;}
header .menu ul li:nth-child(7) span{ display:none;}

header .menu ul li:nth-child(40) span{width: 240%;left: -70%;max-height:500px; overflow:scroll;}

header .menu ul li span a{display: block;border-bottom: 1px rgba(0,0,0,.05) solid;font-size: 16px;color:#666;line-height: 42px;padding-left: 20px;}

header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: #531d43;color:#fff;}

header .menu ul li:hover span{visibility:visible;}

header.active{ top:0;}
  
header.sroll .menu ul li a,.innerpage header .menu ul li a{color:#000;}

header.sroll .menu ul li a:hover,.innerpage header .menu ul li a:hover{color:#8c3071;}

header.sroll .containerfull,.innerpage header .containerfull{border-bottom:none;}
 

@media(max-width:1499px){

	header .menu ul li > a{padding:0 25px;}

}

@media(max-width:1420px){

	header .menu ul li > a{padding:0 20px;}

}

@media(max-width:1299px){

	header .menu ul li:first-child{display: none}

}

@media(max-width:1199px){

	header .language .search,header .language .lang{font-size:0;}

	header .language .lang i.icon-chevron-thin-down{display: none}

	header .language .lang{padding-left: 5px;}

	header .menu ul li > a{font-size:14px;padding:0 14px;}

	header .language .lang i.icon-earth:before,header .language .lang i.icon-earth{margin-right: 0;font-size: 18px;}

}

@media(max-width:991px){

	header{height: 60px;}

	.innerpage{padding-top: 60px}

	header .containerfull .row{height: 60px;}

	header .logo > a{width: 240px;height: 60px;}

	header .logo > a h1{padding-top: 12px;}

	header .img1{ display:none;}

	header .img2{ display:block; width:100%;}

	header .language{display:inline-block;height:60px;padding-right:0}

	header .language .lang{line-height:60px;}

	header .menu{position: fixed;background:rgba(255,255,255,.95);left: -100%;width: 100%;top: 60px;height:100%;z-index: 400;text-align: left;transition: all .2s}

	header.onmobile .menu{display: block;padding: 0 4%;padding-top: 20px;left: 0}

	header .menu ul li{width: 100%;line-height: 70px;height:70px;overflow: hidden;border-bottom: 1px #eee solid;position: relative;}

	header .menu ul li:last-child{display: block;}

	header .menu ul li > a{color: #333;line-height: 60px;font-size:18px;font-weight: bold;}

	header .menu ul li > a i{display: none}

	header .menu ul li em{position:absolute;right: 0;top: 18px;font-size: 25px;cursor: pointer;display: block;transition: all .2s}

	header .menu ul li.active em{transform: rotate(90deg);}

	header .menu ul li span{position:static;display: block;width:100%;background:none;padding: 0;padding-bottom: 20px;box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);visibility: visible;opacity:1;}

	header .menu ul li span a{font-size: 15px;color: #333;line-height: 40px;width: 100%;border-bottom: none}

	header .menu ul li span a:before{line-height: 40px;vertical-align: top;font-size: 20px}

	header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: none;color: #007ab0}

	header .mobilemenu{display: inline-block;vertical-align: top;}

	header .mobilemenu > a{display:inline-block;padding:0;position: relative;cursor: pointer;width:45px;height:57px;text-align: center;overflow:hidden;}

	header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(255,255,255,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}

	.innerpage header .mobilemenu > a span,.innerpage header .mobilemenu > a span:after,.innerpage header .mobilemenu > a span:before{background:#333;}

	header .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}

	header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}

	header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}

	header .mobilemenu.click a span:after {transition-delay:0s;}

	header .mobilemenu.click a span:before {transition-delay:0.07s;}

	header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}

	header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}

	header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}

	header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

	header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

	header.sroll .mobilemenu a span,header.sroll .mobilemenu a span:after,header.sroll .mobilemenu a span:before{background: rgba(0,0,0,.8);}

}

@media(max-width:576px){

    header{position:initial}

    header .language .lang{color:#333;}

    header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before{background:#333;}

    .innerpage{padding-top: 0}

}

.banner-container{ width:100%; position: relative}



.banner {width: 100%;position: relative;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%); margin-top:140px;}

.banner .swiper-slide{overflow: hidden}

.banner .swiper-slide .bgimg img{width: 100%}

.banner .swiper-slide .text{position: absolute;left:0;top: 40%;z-index: 2;width: 100%;text-align: center;}

.banner .swiper-slide .text h1{font-size: 36px;text-transform: uppercase;color: #fff;position: relative;margin-bottom:30px;text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}

.banner .swiper-slide .text h2{font-size:24px;color: #fff;padding: 3px 25%;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 26px}
 
.banner.home .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .4s;}

.banner.home .swiper-slide .text h2{transform:translateY(200px);opacity:0;transition:all .8s .6s;}

.banner.home .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .6s .10s;}

.banner.home .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all .6s .12s;}

.banner.home .swiper-slide-active .text h1,.banner.home .swiper-slide-active .text h2,.banner.home .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}

.banner.home .swiper-slide-active .img,.banner.ban-product .swiper-slide-active .img{transform:translateX(0px);opacity:1;}

.banner.home .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px}

.banner.home .swiper-pagination-bullet {position: relative;z-index: 11;overflow: hidden;}

.banner.home .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 5px;z-index: 10;background: #8c3071}

.banner.home .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

.banner.home .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active::after {-webkit-animation: w100 33000ms 1;animation: w100 33000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}



@media(max-width:1199px){

	.banner .swiper-slide .text{top:38%;}

	.banner .swiper-slide .text h1{font-size: 40px;margin-bottom:20px;}

	.banner .swiper-slide .text h2{font-size:16px;line-height: 26px}

	.banner.home .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px}

	.banner .swiper-slide .text h1:after,.banner .swiper-slide .text h1:before{display: none}

}

@media(max-width:991px){

	.banner.home .swiper-container-horizontal>.swiper-pagination-bullets{display:none}

	.banner .swiper-button-next,.banner .swiper-button-prev{display: none}

	.banner .swiper-slide .text h2{font-size:14px;line-height: 22px;;padding: 3px 15%;}

}

@media(max-width:767px){

	.banner .swiper-slide .text{top:30%;}

	.banner .swiper-slide .text h1{font-size: 30px}

}

@media(max-width:576px){

    .banner .swiper-slide .text{top:22%;}

	.banner .swiper-slide .text h1{font-size:22px;margin-bottom:10px;}

	.banner .swiper-slide .text h2{font-size:12px;line-height:18px}

}





.n_banner{ margin-top:140px;}

.n_banner img{ width:100%;}


/*内页二级导航2*/

.secondNav{background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);position:relative;z-index:5;}

.secondNav>div{align-items:center;}

.secondNav_list{display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}

.secondNav_list li{width:auto;margin-right:3px;}

.secondNav_list li a{height:70px;line-height:70px;position:relative;color:#666;font-size:20px; display:block;padding:0 20px; background:#f6f6f6;}

.secondNav_list li a.on{ border:1px solid #8c3071;color:#8c3071;}
.secondNav_list li a:hover{ border:1px solid #8c3071;color:#8c3071;}

.secondNav_loc{margin-right:auto;line-height:70px;height:70px;color:#999;}

.secondNav_loc span,.secondNav_loc a{color:#999;transition:color .3s ease-in-out;}

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}



.comm-home-title{ width:100%; text-align:center; padding-bottom:50px; position:relative;}

.comm-home-title h1{ width:100%; font-size:36px; color:#333; padding-top:60px; text-transform:uppercase}

.comm-home-title h1 span{ color:#1f2e71}

.comm-home-title h2{width:80%; margin:0 auto; color:#9d9d9d; font-size:18px; line-height:30px; padding:15px 0; text-align:center;}

.comm-home-title h3{width:60px; height:4px; background:#8c3071; margin:0 auto;}

@media(max-width:1399px){

	.comm-home-title h1{ font-size:45px; padding-top:40px; }

}

@media(max-width:1199px){

	.comm-home-title h1{ font-size:40px; padding-top:30px; }

}

@media(max-width:991px){

	.comm-home-title h1{ font-size:32px; padding-top:0px; }

	.comm-home-title h2 i{display: none}

}

@media(max-width:767px){

	.comm-home-title h1{ font-size:26px;}

	.comm-home-title h2{font-size:14px;}

}

@media(max-width:576px){

    .comm-home-title h1{ font-size:22px;}

    .banner .swiper-slide .bgimg.video{padding:0}

}





.home-company{ position: relative;overflow: hidden; padding:90px 0;}

.home-company .row{}

.home-company .comp-intro{ padding:0 30px 0 0; text-align:justify;position: relative;z-index: 500;}

.home-company .comp-txt{ padding:0;position: relative;z-index: 500;}

.home-company .comp-txt img{ max-width:100%;}

.home-company .comp-intro h1{ font-size:36px; color:#000; line-height:60px;padding-bottom: 10px; width:100%; text-transform:uppercase}

.home-company .comp-intro h2{width:100%; color:#000; font-size:24px; font-weight:500; line-height:30px; padding-bottom:20px;}

.home-company .comp-intro p{ padding:0; margin:0;color:#333; font-size:17px; line-height:25px;}

.home-company .comp-intro h3{ width:100%; padding-top:35px}

.home-company .comp-intro h3 a,.more a,.about-us h3 a,.return-back a{ background:#8c3071; display:inline-block; padding:0 40px; line-height:50px; color:#fff; text-align:left;border-radius:5px;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;}

.home-company .comp-intro h3 a i{margin-left: 10px;transition: all .2s}

.home-company .comp-intro h3 a:hover,.more a:hover,.about-us h3 a:hover,.return-back a:hover{ background-color:#48183a}

.home-company .comp-intro h3 a:hover i{margin-left: 15px}

 
@media(max-width:991px){

	.home-company .comp-intro h1{font-size:30px;line-height: 50px}

}

@media(max-width:767px){

	.home-company{margin-top:20px;}

	.home-company .comp-intro{padding-top: 50px}

	.home-company .comp-intro h1{font-size:26px;line-height: 40px}

	.home-company .comp-intro h2{font-size: 14px;line-height: 25px}

	.home-company .comp-intro h3 a,.more a,.about-us h3 a,.return-back a{font-size: 12px;line-height: 36px;padding:0 25px;}

}

@media(max-width:576px){

	.home-company .comp-intro h1{font-size:22px;line-height: 30px}

}
@media (max-width:991px){

	.home-company{ height:auto;padding-bottom: 50px;background-size: auto 100%}

}



.solutions{ padding-bottom:60px;margin-top: 60px; background:#f6f6f6;}

.home-application .application-list{padding-bottom: 100px;}

.home-application dl a{display: block;position: relative;overflow: hidden;}

.home-application dl a{ background:#eee; display:table;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;padding-bottom: 20px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);width:100%;font-size: 0;vertical-align: top;padding: 0}

.home-application dl a dt{width:100%;vertical-align: top;overflow: hidden;background: #000}

.home-application dl a dt img{ width:100%;transition: all .2s}

.home-application dl a dt .img {width: 100%;padding-bottom: 138%;}

.home-application dl a dd{width:100%;position: absolute;bottom:-75%;left: 0;background:rgba(0,0,0,.25);transition: all .2s; height:100%;}

.home-application dl a dd h1,.home-application dl a dd h2{ width:90%;color:#fff; margin:10px 5%; font-size:12px;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}

.home-application dl a dd h1{ font-size:26px; color:#fff; overflow:hidden;padding: 15px 0;border-bottom: 1px #ddd solid;text-transform: capitalize;}

.home-application dl a dd h2{ height:75px; overflow:hidden;font-size: 15px;line-height: 25px;margin-top:20px}

.home-application dl a dd span{display: inline-block;font-size: 13px;color:#fff;line-height: 20px;margin:0 5%;text-transform: uppercase;}

.home-application dl a dd span:before{font-size: 16px;margin-right:5px;line-height: 20px;vertical-align: top;transition: all .2s}

.home-application dl a dd span:hover:before{margin-right:15px;}

.home-application dl a:hover dd{bottom:0;}

.home-application dl a:hover dd h1{ padding-top:30px;}

.home-application dl a:hover dt img{transform: scale(1.05);opacity: 0.7}

.home-application .application-list .swiper-pagination-bullet{background: #999;width:10px;height: 10px;border-radius: 50%;margin: 0 7px}

.home-application .application-list .swiper-pagination-bullet-active{background:#1f2e71;position: relative;}

.home-application .application-list .swiper-pagination-bullet-active:after{content:'';position: absolute;left: -5px;top: -5px;width:20px;height: 20px;border-radius: 50%;border:1px #1f2e71 solid;}

.more{ text-align:center; width:100%; padding:50px 0}

@media (max-width:991px){

	.home-application dl a dd h1{ font-size:26px; line-height:30px; }

	.home-application .application-list{padding-bottom: 80px}

}

@media (max-width:576px){

    .comm-home-title.products{margin-top: 30px;}

	.home-application{padding-top: 0}

	.home-application dl a dd{width:85%;}

	.home-application dl a dd h1{ font-size:22px; line-height:25px; }

	.home-application dl a dd h2{font-size: 13px;line-height: 18px}

	.home-application dl a dd span{font-size: 12px;}

	.home-application .application-list{padding-bottom: 60px}

	.home-application .application-list .swiper-pagination-bullet{width:6px;height:6px;margin: 0 6px}

	.home-application .application-list .swiper-pagination-bullet-active:after{width:14px;height: 14px;left: -4px;top: -4px;}

	.home-application .swiper-pagination{bottom: 15px}

}

.comm-title{padding:50px 0;text-align: center;width:100%;margin-top: 30px}

.comm-title h1{font-size: 50px;line-height: 80px;text-transform:uppercase}

.comm-title h3{font-size: 14px;line-height: 20px}

@media (max-width:1199px){

    .comm-title{padding:30px 0;}

}

@media (max-width:991px){

    .comm-title{padding:10px 0;}

    .comm-title h1{font-size: 40px;line-height: 50px;}

}

@media (max-width:767px){

    .comm-title h1{font-size: 30px;line-height: 40px;}

}

@media (max-width:576px){

    .comm-title h1{font-size: 25px;line-height: 34px;}

}

.application{  background:#f6f6f6;width:100%;padding: 30px 0 50px;}

.application ul{ padding-top:10px}

.application ul li{padding: 0 15px; margin-bottom:40px;}

.application ul li img{ width:120px;}

.application ul li h1{ width:100%; font-size:22px; text-transform:uppercase; line-height:25px;color: #8c3071;margin:0 0 15px;}

.application ul li h2{ width:10%; height:1px; background:#000062; overflow:hidden; color: #000}

.application ul li h3{ width:100%; padding:10px 0;color: #333;font-size: 16px;line-height: 24px}

@media (max-width:1199px){

	.application{ margin-top: 10px;padding-bottom: 20px;background-size: auto 100%}

	.application .comm-home-title h1{padding-top: 40px}

	.comm-home-title{padding-bottom: 20px}

	.application ul li a h1{ font-size:20px;}

}

@media (max-width:767px){

	.application .comm-home-title h1{padding-top: 30px;font-size:26px}

	.comm-home-title{padding-bottom: 10px}

	.application ul li a h1{ font-size:18px;line-height:22px;margin:10px 0;min-height:auto}

	.application ul li a i b{width:80px; height:80px;background-size: 70%;border-width: 2px}

	.application ul li a h2{display: none}

	.application ul li a h3{padding-top: 0;font-size: 13px;line-height: 20px}

}

@media (max-width:576px){

	.application .comm-home-title h1{padding-top: 20px;font-size:22px}

	.application ul li a h1{ font-size:16px;line-height:20px;}

}



.business{ width:100%; padding:30px 0;}

.business .business-list{padding-bottom: 100px;}

.business dl{padding: 0}

.business dl a{background:#f1f1f1; display:block}

.business dl a dt{width:100%;}

.business dl a dt img{width:100%;}

.business dl a dt .img {width: 100%;padding-bottom: 68%;}

.business dl a dd{width:100%;padding: 20px 30px; }

.business dl a dd h1{ font-size:20px; color:#111;line-height: 25px; height:50px; overflow:hidden;}

.business dl a dd i{background:#dbdbdb; height:1px; overflow:hidden;width:100%;display: block;}

.business dl a dd h2{width:100%; font-size:13px; color:#888; line-height:20px; height:40px; overflow:hidden; margin:15px 0;}

.business dl a dd h3{width:100%;text-transform:uppercase; line-height:40px; font-size:12px;}

.business dl a:hover{ color:#fff; background:#8c3071}

.business dl a:hover h1,.business dl a:hover h2,.business dl a:hover h3,.business dl a:hover i{ color:#fff}

.business .business .swiper-pagination-bullet{background: #999;width:10px;height: 10px;border-radius: 50%;margin: 0 7px;}

.business .business .swiper-pagination-bullet-active{background:#8c3071;position: relative;}

.business .business .swiper-pagination-bullet-active:after{content:'';position: absolute;left: -5px;top: -5px;width:20px;height: 20px;border-radius: 50%;border:1px #1f2e71 solid;}


.business .swiper-button-next,.business .swiper-button-prev{ position:absolute;top:40%;opacity: 1;z-index:10;}

.business .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0px;right:auto; color:#03016f;}

.business .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px;left:auto; color:#03016f;}


@media (max-width:767px){

	.business dl{padding: 10px 0}

	.business dl a dd{padding: 20px 3%}

	.business .business-list .swiper-pagination-bullet{width:6px;height:6px;margin: 0 6px}

	.business .business-list .swiper-pagination-bullet-active:after{width:14px;height: 14px;left: -4px;top: -4px;}

	.business .swiper-pagination{bottom: 15px}

}


.home-news{ width:100%; padding:30px 0; background:#f6f6f6;}

.home-news .home-news-list{padding-bottom: 100px;}

.home-news dl{padding: 0}

.home-news dl a{background:#f1f1f1; display:block}

.home-news dl a dt{width:100%;}

.home-news dl a dt img{width:100%;}

.home-news dl a dt .img {width: 100%;padding-bottom: 68%;}

.home-news dl a dd{width:100%;padding: 20px 30px; }

.home-news dl a dd h1{ font-size:20px; color:#111;line-height: 25px; height:50px; overflow:hidden;}

.home-news dl a dd i{background:#dbdbdb; height:1px; overflow:hidden;width:100%;display: block;}

.home-news dl a dd h2{width:100%; font-size:13px; color:#888; line-height:20px; height:40px; overflow:hidden; margin:15px 0;}

.home-news dl a dd h3{width:100%;text-transform:uppercase; line-height:40px; font-size:12px;}

.home-news dl a:hover{ color:#fff; background:#8c3071}

.home-news dl a:hover h1,.home-news dl a:hover h2,.home-news dl a:hover h3,.home-news dl a:hover i{ color:#fff}

.home-news .home-news-list .swiper-pagination-bullet{background: #999;width:10px;height: 10px;border-radius: 50%;margin: 0 7px;}

.home-news .home-news-list .swiper-pagination-bullet-active{background:#1f2e71;position: relative;}

.home-news .home-news-list .swiper-pagination-bullet-active:after{content:'';position: absolute;left: -5px;top: -5px;width:20px;height: 20px;border-radius: 50%;border:1px #1f2e71 solid;}

@media (max-width:767px){

	.home-news dl{padding: 10px 0}

	.home-news dl a dd{padding: 20px 3%}

	.home-news .home-news-list .swiper-pagination-bullet{width:6px;height:6px;margin: 0 6px}

	.home-news .home-news-list .swiper-pagination-bullet-active:after{width:14px;height: 14px;left: -4px;top: -4px;}

	.home-news .swiper-pagination{bottom: 15px}

}



.n_about{ min-height:350px; padding-bottom:100px; text-align:justify; line-height:30px;}



.news-inner .list dl{margin: 20px 0;width: 100%;background: #f9f9f9;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%)}

.news-inner .list dl a dt{padding: 0;overflow:hidden;}

.news-inner .list dl a dt img{width:100%;transition: all .2s;}

.news-inner .list dl a dt .img{width:100%; padding-bottom:68%;}

.news-inner .list dl a:hover{background: #f2f4f9}

.news-inner .list dl a:hover dt img{transform: scale(1.1);}

.news-inner .list dl a dd{padding:0 5%;display: table-cell;vertical-align: middle;}

.news-inner .list dl a dd h1{font-size: 24px;color: #333;padding-bottom: 10px;font-weight: bold;margin-top: 50px}

.news-inner .list dl a dd h2{font-size: 14px;color:#333;text-indent: 3em;position: relative;padding-top: 8px;transition:all .2s}

.news-inner .list dl a dd h2::after{content:'';display: block;width:30px;height: 2px;background: #0f3f97;position: absolute;top: 14px;left: 0;transition:all .2s;}

.news-inner .list dl a dd h5{width: 160px;height: 34px;line-height: 34px;text-align: center;background: #4b4b4b;color: #fff;margin-top: 30px;text-transform:uppercase;border-radius: 3px;font-size: 13px}

.news-inner .list dl a:hover dd h2{text-indent: 5rem;}

.news-inner .list dl a:hover dd h2::after{width: 55px;background:#ffe400;}

.news-inner .list dl a:hover dd h5{background: #0f3f97}

.news-inner .list dl a dd p{color: #999;line-height: 22px;margin-top: 20px;}

@media (max-width:1767px){

.news-inner .list dl a dd h1{margin-top: 30px}

}
@media (max-width:1567px){

.news-inner .list dl a dd h1{margin-top: 20px}

}

@media (max-width:767px){

    .news-inner .list dl a dd h1{font-size: 20px;}

    .news-inner .list dl a dd h2{font-size: 12px}

    .news-inner .list dl a dd h5{font-size: 12px;line-height: 28px;height: 28px;}

}



.inner-app-list dl{padding:0 10px 30px;}

.inner-app-list dl a{display: block;position: relative;box-shadow: -2px 2px 15px #bbb;}

.inner-app-list dl a:after{content: '';position: absolute;left: 0;bottom: 0;background:#8c3071;height:3px;width:0;display: block;transition: all .2s}

.inner-app-list dl a:hover:after{width:100%;}

.inner-app-list dl a dt{width:100%;overflow: hidden;background: #000}

.inner-app-list dl a dt img{width:100%;transition: all .2s;opacity: 0.8}
.inner-app-list dl a dt .img {width: 100%;padding-bottom: 68%;}

.inner-app-list dl a:hover dt img{transform: scale(1.05);opacity: 1}

.inner-app-list dl a dd{padding:25px 20px;display: block;}

.inner-app-list dl a dd h1{font-size: 20px;}

.inner-app-list dl a dd h2{font-size: 16px;line-height: 30px;margin-top: 40px;min-height: 120px}

@media (max-width:991px){

    .inner-app-list dl a dd{padding:15px;background: #f9f9f9;display: block;}

    .inner-app-list dl a dd h1{font-size: 22px;}

    .inner-app-list dl a dd h2{font-size: 14px;line-height: 20px;margin-top:10px;min-height: 80px}

}

@media (max-width:576px){

    .inner-app-list dl{padding: 0;margin-bottom: 20px;}

    .inner-app-list dl a dd h1{font-size: 20px;}

    .inner-app-list dl a dd h2{font-size: 13px;line-height: 18px;margin-top:10px;min-height: auto}

}

.pagelink{width:98%; padding:15px 1%; clear:both; margin:35px 0; text-align:center}

 



.footer{background:#18334f;padding-top:40px;background-size: cover;overflow:hidden;}

.footer .foot-logo{border-bottom: 1px rgba(255,255,255,.1) solid;padding-bottom: 10px}

.footer .foot-logo a{width: 258px;height:78px;display:inline-block;}

.footer .foot-logo h1{color: rgba(255,255,255,.3);font-size:25px;text-transform: uppercase;display: inline-block;line-height: 90px;vertical-align: top;padding-left: 20px;}

.footer .foot-nav{ display:flex;font-size: 0;padding:30px 0 60px;}

.footer .foot-nav dl{width:100%;display: inline-block;vertical-align: top;}

.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:18px; font-weight:bold;color:rgba(255,255,255,.9);line-height: 60px;text-transform: uppercase;}

.footer .foot-nav dl dt i{color: rgba(255,255,255,.5);}

.footer .foot-nav dl dd{width:100%}

.footer .foot-nav dl dd a{display: block;color:rgba(255,255,255,.4);font-size: 16px;line-height: 28px;transition: all .2s;}

.footer .foot-nav dl dd a:hover{color: #fff}

.footer .foot-con{padding:30px 0 60px;}

.footer .foot-con p{color: #fff; line-height:30px; margin-bottom:10px;font-size:14px;}

.footer .share{text-align: right;padding: 40px 0 20px 0} 

.footer .copyright {text-align: center;color:rgba(255,255,255,.2);font-size: 16px;border-top: 1px rgba(255,255,255,.1) solid;padding: 30px 0;}

.footer .copyright div{padding: 0}

.footer .copyright a{color: rgba(255,255,255,.2);}

.footer .copyright div a:hover{color: rgba(255,255,255,.8);}

@media (max-width:991px){

	.footer .foot-nav dl{width:100%;}

	.footer .foot-nav dl dd{display: none}

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

	.footer .copyright div:last-child{text-align: left;padding-left: 0;padding-top: 10px}

	.footer .copyright div a{margin-left: 0;margin-right:12px;}

}

@media (max-width:767px){

	.footer .foot-logo a{width:150px;height:58px;background-size:100% auto;}

	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:20px;line-height: 50px;}

}

@media (max-width:576px){

	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:16px;line-height: 40px;}

}