@charset "utf-8";

 
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, sans-serif;}

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

em{ font-style:normal}

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:#0068b7;text-decoration:none;}

a,i{ outline:none; }

.fl{float: left;}

.fr{float: right;}

 

header{width: 100%;height: 90px;position: fixed;left: 0;top: 0;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 .containerfull .row{border-bottom: 1px rgba(255,255,255,.3) solid;height: 90px;padding: 0}

header .logo{padding: 0;}

header .logo > a{display:inline-block;transition:all 0s;width: 556px;height: 80px;margin-top: 4px;}

header .logo > a h1{font-size: 15px;display: inline-block;text-transform: uppercase;color:#1F2E71;line-height: 30px}

header .logo > a h1 img{ width:100%;}

header .img2{ display:none;}

header .logo span{display:inline-block;vertical-align: baseline;width: 135px;border-left: 1px rgba(255,255,255,0.1) solid;vertical-align: top;padding:10px 35px;padding-right: 0;margin-top: 18px}

header .logo span h2{color:rgba(255,255,255,0.7);text-transform: uppercase;font-size: 14px;line-height: 18px}

header .menu{text-align: right;padding: 0}

header .menu ul{width: 100%;font-size: 0;}

header .menu ul li{display: inline-block;position: relative;line-height:90px;}

header .menu ul li > a{padding:0 23px;font-size:16px;text-transform: uppercase;color: #000;transition:all .4s; font-weight:bold;}

header .menu ul li > a:hover{color:#0069a8;}

header .menu ul li > a i{margin-left: 3px;line-height:86px;transition: all .2s;display:inline-block;transition: all .2s;font-size: 18px;vertical-align: top;}

header .menu ul li > a:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#0068b7;}

header .menu ul li span{position: absolute;left:-40%;top: 90px;width: 180%;background: rgba(255,255,255,.9);padding: 10px 0;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);opacity:0;transition: all .2s;text-align: left}

header .menu ul li:hover span{opacity:1;}

header .menu ul li span:after,header .language .lang .morelang:after {position: absolute;top: -8px;left: 45%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #0068b7; border-left:8px solid transparent;content: '';}

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

header .menu ul li span a:before{margin-right:5px;}

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


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:#0068b7;}

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:90px;}

.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: #2d5076}

.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}

}



.more1{ text-align:center; width:100%; padding:20px 0}
.more1 a{ background:#1f2e71; display:inline-block; padding:0 40px; line-height:50px; color:#fff; text-align:left;border-radius:5px;}
.more1 a:hover{ background-color:#0069a8}


.n_banner{ margin-top:90px;}

.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 li{margin-left:30px;float: left}

.secondNav_list li>a{height:70px;line-height:70px;position:relative;color:#666;font-size:16px; display:block;}

.secondNav_list li>a.on{ border-bottom:3px solid #0068b7;color:#0068b7;}

.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; position:relative;}

.comm-home-title h1{ width:100%; font-size:32px; color:#050505; text-transform:uppercase}

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

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

@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}

}



.products{ background:#f3f3f3; padding:60px 0;}

.inner-app-list{ margin-top:30px;}

.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:hover{box-shadow: -2px 2px 20px #888;transition: all .6s;}

.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 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}

}



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

.home-company .row{}

.home-company .comp-intro{ padding:0 60px 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:24px; color:#0069a8; line-height:30px; width:100%;}

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

.home-company .comp-intro div{  margin-top:30px;}

.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,.about-us h3 a,.return-back a{ background:#1f2e71; display:inline-block; padding:0 40px; line-height:50px; color:#fff; border-radius:5px;}

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

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

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

.home-company .more1{ text-align:left;}


 
@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:60px 0;}

.home-application{margin-top: 40px;}

.home-application dl{padding:0 10px 0;}

.home-application dl a{display: block;position: relative;box-shadow: -2px 2px 15px #bbb;}

.home-application dl a:hover{box-shadow: -2px 2px 20px #888;transition: all .6s;}

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

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

.home-application dl a dd{padding:25px 20px;display: block;}

.home-application dl a dd h1{font-size: 20px;}

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

@media (max-width:991px){

    .home-application dl a dd{padding:15px;background: #f9f9f9;display: block;}

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

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

}

@media (max-width:576px){

    .home-application dl{padding: 0;margin-bottom: 20px;}

    .home-application dl a dd h1{font-size: 20px;}

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

}


.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;}

}


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

.application{  background:#f3f3f3;width:100%;padding: 60px 0;}

.application ul{ padding-top:10px}

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

.application ul li img{ width:100%;}

.application ul li .txt{ background:#fff; min-height:225px; padding:20px 10px 10px;}

.application ul li h1{ width:100%; font-size:22px; text-transform:uppercase; line-height:25px;color: #000062;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:60px 0 0px; background:url(bg01.jpg) no-repeat;}

.business .comm-home-title h1{ color:#fff;}

.business .comm-home-title h2{ color:#fff;}

.business .business-list{margin-top: 30px;}

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

.business-list dl a{display: block;position: relative;}

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

.business-list dl a dt img{width:100%;transition: all .2s;opacity: 0.8}

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

.business-list dl a dd{padding:25px 20px;display: block; background:#fff;}

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

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

@media (max-width:991px){

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

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

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

}

@media (max-width:576px){

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

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

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

}


.home-news{ width:100%; padding:60px 0;}

.home-news dl{padding: 0; margin-top:30px;}

.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:#0069a8}

.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; position:relative;}
.clear{ clear:both;}


.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;}

}


.home-adv{ background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(adv.jpg);background-attachment:fixed !important; padding:120px 0;}

.home-adv-list{ text-align:center; font-size:24px; color:#fff;}





.footer{background:#222;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: 14px;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,.8);font-size: 13px;padding: 30px 0; background:#000;}

.footer .copyright div{padding: 0}

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

.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;}

}