@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: '思源黑体'}

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

em{ font-style:normal}

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

input{font-size:14px;outline:0;display: inline-block;}

input[type=button]{cursor:pointer}

select{margin:0}

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,input,button,textarea,i{ outline:none; }

.fl{float: left;}

.fr{float: right;}

.gray{background: #fff}

.innerpage{padding-top: 90px} 

header{width: 100%;height: 90px;position: fixed;left: 0;top: 0;z-index: 1500;transition: all .2s;}

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

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: 220px;height: 80px;margin-top: 8px;}

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{font-family:'思源黑体';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 28px;font-size:16px;text-transform: uppercase;color: #fff;transition:all .4s;font-family: '思源黑体';}

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: 100px;width: 180%;background: rgba(255,255,255,.9);padding: 10px 0;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);visibility: hidden;opacity:0;transition: all .2s;text-align: left}

header .menu ul li span i{vertical-align: bottom;line-height:42px;font-size: 14px;margin-right: 3px}

header .menu ul li:nth-child(3) span{width: 240%;left: -70%}

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;font-family:'思源黑体';}

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 .menu ul li span a:last-child,header .language .lang .morelang a:last-child{border-bottom: none}

header .menu ul li.hover span{top: 90px;visibility: visible;opacity:1;}

header .language{display: table;height:90px;text-align: right;padding-left: 0;padding-right:0}

header .language .lang{display: inline-block;vertical-align: top;color:#fff;line-height:90px;padding-left: 0;cursor: pointer;position: relative;text-transform: uppercase;font-size: 17px;} 

header.sroll,header.onmobile,.innerpage header{background:rgba(255,255,255,.95);box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);}

header.sroll .img1,header.onmobile .img1,.innerpage header .img1{ display:none;}

header.sroll .img2,header.onmobile .img2,.innerpage header .img2{ display:block;}

/*header.sroll .logo > a h1{color: #333}*/

header.sroll .logo span,.innerpage header .logo span{border-left: 1px rgba(0,0,0,0.1) solid;}

header.sroll .logo span h2,.innerpage header .logo span h2{color: rgba(0,0,0,0.5);}

header.sroll .menu ul li a,header.sroll .language .lang,header.sroll .language .lang i,header.sroll .language .search,header.sroll .language .search i,.innerpage header .menu ul li a,.innerpage header .language .lang,.innerpage header .language .lang i,.innerpage header .language .search,.innerpage header .language .search i{color:#333;}

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

header .menu ul li em,header .menu .mobilelang{display: 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%);}

.banner .swiper-slide{overflow: hidden}

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

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

.banner .swiper-slide .text h1{font-size: 50px;text-transform: uppercase;color: #fff;position: relative;margin-bottom:80px;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 .swiper-slide .text h1:after,.banner .swiper-slide .text h1:before{content: '';position: absolute;top: 100px;left:50%;margin-left:-45px;width: 70px;height: 1px;background: #ebb90e;display: block;transition: all .2s}

.banner .swiper-slide .text h1:before{top: 104px;margin-left:-15px}

.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: 60px}

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

}





.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; padding-bottom:50px}

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

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

.comm-home-title h2{width:100%; color:#9d9d9d; font-size:16px; padding:15px 0;}

.comm-home-title h2 i{ float:none; display:inline-block; height:1px; width:30px; background:#d9d9d9; vertical-align:middle; margin:0 10px}

@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{ background:url(about.jpg) repeat-x center bottom; height:780px;margin-top:100px;position: relative;overflow: hidden}

.home-company .comp-intro{ padding-top:100px;padding-left: 10px;position: relative;z-index: 500;}

.home-company .comp-intro h1{ font-size:36px; color:#fff; line-height:60px;padding-bottom: 20px; border-bottom:1px #eee solid; width:100%; text-transform:uppercase}

.home-company .comp-intro h2{width:100%; color:#fff; font-size:17px; line-height:30px; padding-top:35px;}

.home-company .comp-intro h2 p{ padding:0; margin:0;color:#fff;}

.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:#1f2e71; display:inline-block; padding:0 40px; line-height:44px; color:#fff; text-align:left;border-radius:30px;-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:#0069a8}

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

.home-company .block{position: absolute;bottom:120px;width:100%;left: 0}

.home-company .block .row dl{border: 1px rgba(255,255,255,.3) solid;background: rgba(0,0,0,.1);padding:25px 3%;border-right: none;font-size: 0}

.home-company .block .row dl:last-child{border-right:1px rgba(255,255,255,.4) solid;}

.home-company .block .row dl dt{width:75%;display: inline-block;vertical-align: top}

.home-company .block .row dl dt h1{color: #fff;font-size: 40px;}

.home-company .block .row dl dt h1 span{font-size: 18px;padding-left: 8px}

.home-company .block .row dl dt h2{color:#fff;font-size: 14px;}

.home-company .block .row dl dd{color: #fff;font-size: 40px;vertical-align: top;display:inline-block;width:25%;text-align: right;margin-top: 0px;}

@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 .block{padding: 0 3.5%}

	.home-company .block .row dl:nth-child(2) dt h1{font-size: 25px;padding-top:6px}

	.home-company .block .row dl:nth-child(2) dd{font-size:28px;padding-top: 6px}

	.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 .block{padding: 0 4.5%}

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

	.home-company .comp-video{display: block}

	.home-company .comp-video .uw-play{text-align: left;display: block;}

	.home-company .block{position:initial;display: block;}

	.home-company .comp-video{padding-left: 10px;padding-bottom: 30px}

	.home-company .comp-video .uw-play i{text-align: center;margin-top: 30px}

	.home-company .block .row dl{border: 1px rgba(255,255,255,.3) solid;margin-top: -1px}

	.home-company .block .row dl:nth-child(2n){border-left: none;}

}

@media (max-width:576px){

	.home-company .block .row dl,.home-company .block .row dl:nth-child(2n){border: 1px rgba(255,255,255,.3) solid;margin-top: 0;border-bottom: none;padding:15px 3%;}

	.home-company .block .row dl:last-child{border: 1px rgba(255,255,255,.3) solid;}

	.home-company .block .row dl dt h1{font-size: 25px;}

	.home-company .block .row dl dd{font-size: 30px;}

}



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



.home-application{padding-top: 30px;}

.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 dd{width:70%;position: absolute;bottom:-158px;left: 0;background:rgba(0,0,0,.25);transition: all .2s;padding-bottom: 30px}

.home-application dl a dd h1,.home-application dl a dd h2{ width:90%;color:#666; 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:32px; color:#fff;line-height:42px; 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:#333;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;background:#fff}

.home-application dl a:hover dd h1{color:#0069a8;}

.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:url(build.jpg) no-repeat center top;background-size:cover;width:100%;padding-bottom: 120px;margin-top: 60px;padding-top: 60px}

.application .comm-home-title h1,.application .comm-home-title h2{ color:#fff}

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

.application ul{ padding-top:10px}

.application ul li{text-align:center;padding: 0 15px}

.application ul li a{ color:#fff}

.application ul li a i{ width:100%; height:100px;}

.application ul li a i b{ background:url(58f3867c2fcbb.png) no-repeat center center; display:inline-block; width:105px; height:105px; border:4px #fff solid;border-radius:50%; float:none;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;}

.application ul li.a2 a i b{ background-image:url(58f3862d6ac81.png)}

.application ul li.a3 a i b{ background-image:url(58f3865258e14.png)}

.application ul li.a4 a i b{ background-image:url(58f38666408c5.png)}

.application ul li a:hover i b{ background-color:#0069a8; border-color:#0069a8;}

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

.application ul li a h2{ width:10%; height:1px; background:#fe0; overflow:hidden; margin:0 auto;color: #fff}

.application ul li a h3{ width:100%; padding:20px 50px;color: #fff;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;}

}

.home-news{ width:100%; padding-top:30px;margin-bottom: 0px;}

.home-news .comm-home-title{text-align:left; border-bottom:1px #e6e6e6 solid; margin-bottom:50px; padding-bottom:20px;width:100%;font-size: 0}

.home-news .comm-home-title h1{ width:60%;display: inline-block; }

.home-news .comm-home-title h2{ width:40%; display: inline-block; text-align:right; padding-top:3.5rem}

.home-news .comm-home-title h2 a{background:#fdfdfd; padding:10px 35px; border:1px #ddd solid;border-radius:2px; font-size:0.9rem; display: inline-block; vertical-align:bottom}

.home-news .comm-home-title h2 a:hover{ background-color:#0069a8; color:#fff; border-color:#0069a8}

@media (max-width:767px){

	.home-news{margin-bottom: 30px}

	.home-news .comm-home-title h2{ padding-top:1rem}

	.home-news .comm-home-title h2 a{padding: 8px 23px;font-size: 12px}

	.home-news .comm-home-title{margin-bottom:20px; padding-bottom:10px}

}

.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 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: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: 30px;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: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: 10px;}

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

.inner-app-list dl a:after{content: '';position: absolute;left: 0;bottom: 0;background:#2d5076;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:hover dt img{transform: scale(1.05);opacity: 1}

.inner-app-list dl a dd{padding:25px 20px;background: #f3f3f3;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: 14px;line-height: 28px;transition: all .2s;}

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

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

.footer .copyright {text-align: center;color:rgba(255,255,255,.2);font-size: 13px;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;}

}