@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face {font-family: 'Circe';src: url('../fonts/Circe.woff') format('truetype');}
@font-face {font-family: 'Circe Light';src: url('../fonts/Circe Light.woff') format('truetype');}
@font-face {font-family: 'Circe Bold';src: url('../fonts/Circe Bold.woff') format('truetype');}
@font-face {font-family: 'Circe Extra Bold';src: url('../fonts/Circe Extra Bold.woff') format('truetype');}
@font-face {font-family: 'GothaProBol';src: url('../fonts/GothaProBol.woff') format('truetype');}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;font-family: 'Circe'}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#333; font-weight:normal;}
h1{font-family: 'Circe Extra Bold'}
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;background: url(/assets/images/logo.svg) no-repeat left center;width: 280px;height: 90px;background-size:auto 50px;}
header .logo > a h1{font-size: 15px;display: inline-block;text-transform: uppercase;padding-left: 225px;padding-top: 32px;color:#1F2E71;line-height: 30px}
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:'Montserrat-Bold';color:rgba(255,255,255,0.7);text-transform: uppercase;font-size: 14px;line-height: 18px}
header .menu{text-align: center;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 18px;font-size:16px;text-transform: uppercase;color: #fff;transition:all .4s;font-family: 'Circe Extra Bold';}
header .menu ul li > a:hover{color:#0068b7;}
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:'Montserrat-Light';}
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;} 
header .language .lang i.icon-earth:before,header .language .lang i.icon-earth{margin-right: 3px;font-size: 16px;line-height:87px;display: inline-block;vertical-align: top;}
header .language .lang i.icon-earth:before{display: inline-block;vertical-align: top;}
header .language .lang i.icon-chevron-thin-down{font-size: 14px;line-height:88px;vertical-align:top;display: inline-block;margin-left: 5px}
header .language .lang .morelang{position:absolute;left: 0%;width: 150%;top:100px;background:rgba(255,255,255,.9);padding: 10px 0;text-align: center;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);opacity:0;visibility: hidden;transition: all .2s;margin-left: -25%;z-index:100}
header .language .lang .morelang a{line-height: 42px;display: block;font-size: 13px;border-bottom: 1px rgba(0,0,0,.05) solid;}
header .language .lang .morelang a:hover{background: #0068b7;color: #fff}
header .language .lang.hover .morelang{top: 90px;opacity:1;visibility:visible;}
header .language .search{display:inline-block;color: #fff;height:100%;text-align: right;padding-left: 10px;vertical-align: top;line-height: 90px;margin-left: 8px;text-transform: uppercase;}
header .language .search i{color: #fff;width: 30px;height:30px;border-radius: 50%;display:inline-block;line-height:87px;text-align: center;font-size:18px;vertical-align: top}

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 .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 .language i.icon-old-phone,.innerpage header .language i.icon-old-phone{border-color: #333}
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 15px;}
}
@media(max-width:1420px){
	header .menu ul li > a{font-size:15px;padding:0 14px;}
	header .logo > a h1{display: none}
}
@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: 200px;height: 60px;background-size:auto 40px}
	header .language{display:inline-block;height:60px;padding-right:0}
	header .language .lang{line-height:60px;}
	header .language .search{line-height:60px;}
	header .language .search i{line-height:60px;}
	header .language .lang i.icon-earth:before,header .language .lang i.icon-earth{line-height:60px;}
	header .language .lang i.icon-earth:before{font-size: 24px;margin-right: 5px}
	header .language .search,header.onmobile .language .lang i.icon-earth{display: none}
	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 .language .lang .morelang{left: -58%;width: 250%;}
	header .language .lang .morelang a{line-height:30px;}
	header .language .lang.hover .morelang{top: 60px;}
	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.video{background:#000}
.banner .swiper-slide .bgimg.video video{opacity:0.5;vertical-align: top;}
.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.flowleft{text-align: left;left: 10%;top:22%;}
.banner .swiper-slide .text.inner{top: 40%}
.banner .swiper-slide .text h1{font-size: 70px;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.inner{text-align: left;left: 10%}
.banner .swiper-slide .text.inner h1{font-size:45px;margin-bottom: 40px}
.banner .swiper-slide .text.flowleft h1{font-size: 40px;margin-bottom: 20px;padding-right: 30px;position: relative;display:block;}
.banner .swiper-slide .text.flowleft h1:after,.banner .swiper-slide .text.flowleft h1:before{display: none}
.banner .swiper-slide .text h2{font-size:20px;color: #fff;padding: 3px 25%;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 26px}
.banner .swiper-slide .text.inner h2{font-size: 18px;padding: 5px 30%;line-height: 32px;}
.banner .swiper-slide .text.flowleft h2{font-size:26px;padding-left: 0;margin-bottom: 15px;position:relative;display: inline-block;font-family: Circe Light;background: #1f2e71;padding: 13px 30px;border-radius:5px;margin-left: 0px}
.banner .swiper-slide .text.flowleft h2 li{color: #fff;line-height: 35px;font-size:17px;}
.banner .swiper-slide .text.flowleft h2 li:before{margin-right: 8px}
.banner .swiper-slide .text.flowleft p{color: #ffffffa0;display:block;padding-left:30px;font-family: Circe Light;margin-bottom: 10px;}
.banner .swiper-slide .text.flowleft a{background: #1f2e71;color: #fff;padding:0 35px;display: inline-block;margin-top: 50px;border-radius: 3px;text-transform:uppercase;line-height: 40px}
.banner .swiper-slide .text.flowleft a:hover{padding: 0 40px;background:#007bff}
.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 .swiper-slide .text.inner h1:after,.banner .swiper-slide .text.inner h1:before{top: 65px;left:0;margin-left:0;}
.banner .swiper-slide .text.inner h1:before{top:69px;margin-left: 28px}
.banner .swiper-slide .text.flowleft h1:after{content:'';margin-left: 0;background: #f53117;position: absolute;left:auto;right: 0;top:10px;width:10px;height: 22px}
.banner .swiper-slide .text h3{font-size: 16px;color: rgba(255,255,255,.5);line-height:28px;width:40%;margin-bottom: 10px}
.banner .swiper-slide .text h4{font-size:60px;text-transform: uppercase;color: #fff;margin-bottom:10px;text-shadow: 5px 5px 5px rgba(0,0,0,0.3);font-weight: bold;padding-top: 30px}
.banner .swiper-slide .text h5{font-size:30px;color:#fff;line-height:45px;text-shadow: 5px 5px 5px rgba(0,0,0,0.3);}
.banner .swiper-slide .text.flowleft .block{width:50%;display: block;font-size: 0;margin-top:10px}
.banner .swiper-slide .text.flowleft .block dl{display: inline-block;width:50%;border-left:1px rgba(255,255,255,0.1) solid;padding-left: 3%;height: 160px}
.banner .swiper-slide .text.flowleft .block dl dt{font-size: 22px;color: #fff;display: block;font-family: Circe Bold;padding-bottom:8px;text-transform:capitalize;}
.banner .swiper-slide .text.flowleft .block dl dd{font-size: 16px;color: #fff;font-family: Circe Light;line-height: 28px;padding-top: 5px}
.banner .swiper-slide .text.flowleft .block dl dd i{line-height: 30px;vertical-align: bottom;}
.banner .swiper-slide .blockinner{position: absolute;right: 0;bottom: 0;background: rgba(255,255,255,.9);width:42%;font-size:0;padding:30px 0}
.banner .swiper-slide .blockinner dl{display: inline-block;width: 26%;padding-left: 6%;}
.banner .swiper-slide .blockinner dl:nth-child(2){width: 40%}
.banner .swiper-slide .blockinner dl:nth-child(3){width: 34%}
.banner .swiper-slide .blockinner dl dt{font-size: 40px;color: #000;display: block;font-family: Circe Extra Bold}
.banner .swiper-slide .blockinner dl:nth-child(2) dt{font-size:30px;padding-top: 21px}
.banner .swiper-slide .blockinner dl dt span{font-size: 16px;font-family: Circe;padding-left: 6px;}
.banner .swiper-slide .blockinner dl dd{font-size: 16px;color: rgba(0,0,0,.8);display: block;}
.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: #ebb90e}
.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%;}}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{height:100%;width: 100%}
.vjs-control-text{font-size:0}

.sub-nav{ background:#f7f7f7; line-height:55px; height:55px; width:100%; border-bottom:1px #ededed solid; margin-bottom:40px}
.sub-nav .local{ width:50%; font-size:13px; color:#999}
.sub-nav .local a{ font-size:13px; color:#6699cc}
.sub-nav .local a:hover{ color:#4ABAEC}
.sub-nav .sub-menu{ min-width:16%; background:#3b76ba; height:55px; position:relative; float:right}
.sub-nav .sub-menu i{ width:100%; height:55px; display:block;font-size:16px; color:#fff; text-align:center; text-transform:uppercase;background:url(/assets/images/arr.png) no-repeat 90% 25px;box-shadow: 0px 2px 5px rgba(0,0,0,0.2) inset;}
.sub-nav .sub-menu p{ width:100%; position:absolute; right:0; top:70px; display:block; background:#609ee5; padding:15px 0; margin:0;border-bottom-left-radius:10px; border-bottom-right-radius:10px; visibility:hidden;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;box-shadow: 0 0 10px #609ee5; overflow:hidden;}
@media(max-width:1399px){
    .banner .swiper-slide .text.flowleft{left: 6%;top:18%;}
}
@media(max-width:1199px){
    .banner .swiper-slide .text.flowleft{left: 5%;top:12%;}
	.banner .swiper-slide .text{top:38%;}
	.banner .swiper-slide .text h1{font-size: 40px;margin-bottom:20px;}
	.banner .swiper-slide .text.inner 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}
	.banner .swiper-slide .text.flowleft h2{font-size:20px;margin-bottom:10px}
	.banner .swiper-slide .text.flowleft .block dl dt{font-size: 18px;padding-bottom:5px;}
	.banner .swiper-slide .text.flowleft .block dl dd{font-size: 14px;line-height: 24px;}
	.banner .swiper-slide .text.flowleft .block dl dd i{font-size: 14px;line-height: 24px;}
}
@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%;}
	.banner .swiper-slide .text.inner h1{font-size:30px;margin-bottom: 0}
	.banner .swiper-slide .text.flowleft{text-align: center;left:0;padding:0 3%}
	.banner .swiper-slide .text.flowleft h1{font-size: 30px;}
	.banner .swiper-slide .text.flowleft h2{font-size:18px;padding:10px 20px}
	.banner .swiper-slide .text.flowleft .block{width:100%;}
	.banner .swiper-slide .text.flowleft .block dl{text-align: left;}
	.banner .swiper-slide .text.flowleft .block dl:first-child{border-left:none;}
    .banner .swiper-slide .blockinner{position:static;width:100%;font-size:0;padding:10px 0}
    .banner .swiper-slide .bgimg.about-banner img{display: none;}
    .banner .swiper-slide .bgimg.about-banner{background: url(/assets/images/about.jpg) no-repeat center center;background-size: cover;height:400px}
}
@media(max-width:767px){
	.banner .swiper-slide .text{top:30%;}
	.banner .swiper-slide .text h1{font-size: 30px}
	.banner .swiper-slide .text.inner h1{font-size:30px;}
	.sub-nav .sub-menu p a{ width:82%; display:block; color:#fff; line-height:20px; padding:10px 20px 10px 40px; background:url(arr.gif) no-repeat 22px -32px}
	.sub-nav .sub-menu:hover{ background:#205da4}
	.sub-nav .sub-menu:hover p{ top:55px; visibility:visible;filter:alpha(Opacity=90);-moz-opacity:.9;opacity: .9;}
	.sub-nav .sub-menu p a:hover{ background-color:#4f8ed5}
	.sub-nav .sub-menu.large p{width:140%; }
	.sub-nav .sub-menu.quality p{width:120%; }
	.banner .swiper-slide .blockinner dl dt{font-size: 24px;}
	.banner .swiper-slide .blockinner dl:nth-child(2) dt{font-size:18px;padding-top: 5px;line-height:22px}
	.banner .swiper-slide .blockinner dl dd{font-size: 14px;}
}
@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}
	.banner .swiper-slide .text.inner h1{font-size:25px;}
	.banner .swiper-slide .text.flowleft h2{font-size: 15px;line-height: 20px}
	.banner .swiper-slide .text.flowleft .block dl dt{font-size: 15px;}
	.banner .swiper-slide .text.flowleft .block dl dd{font-size: 13px;line-height: 20px;}
	.banner .swiper-slide .text.flowleft .block dl dd i{font-size: 13px;line-height: 20px;}
	.banner .swiper-slide .blockinner dl dd{font-size: 13px;line-height:15px}
}
.comm-home-title{ width:100%; text-align:center; padding-bottom:50px}
.comm-home-title h1{ width:100%; font-size:50px; 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;font-family: 'Circe Light'}
.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}
}
.main-product-menu{margin-top: 40px}
.main-product-menu dl{text-align: center;line-height: 60px;border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding:30px 0 15px 0;font-size: 20px;cursor: pointer;position: relative;}
.main-product-menu dl:after{content: '';position: absolute;width:0;height:2px;background: #1f2e71;left: 0;bottom: -1px;transition: all .4s}
.main-product-menu dl.swiper-slide-thumb-active{background: rgba(0,0,0,0.02);font-weight: bold;color:#1f2e71;}
.main-product-menu dl.swiper-slide-thumb-active:after{width:100%;}
.main-product-menu dl img{display: inline-block;border-radius: 50%;width:75px;height: 75px;border:4px rgba(0,0,0,0.1) solid;vertical-align: top;transition: all .3s}
.main-product-menu dl.swiper-slide-thumb-active img{border-color: rgba(0,0,0,0.2);}
.main-product-menu dl span{display: block;width:100%;white-space:nowrap}
.main-product{margin-top: 50px}
.main-product dl {width: 100%;display: table;}
.main-product dl dt{width: 50%;display: table-cell;overflow: hidden;}
.main-product dl dt img{width: 100%;transition: all .3s;}
.main-product dl dd{width: 50%;display: table-cell;vertical-align: middle;padding-right: 8%;background: rgba(0,0,0,0.02);padding-left: 5%}
.main-product dl dd h1{font-size: 38px;color: #1f2e71;position: relative;line-height: 40px;text-transform: uppercase;padding-bottom: 20px}
.main-product dl dd h1:after{content: '';position: absolute;left: 0;bottom: 0;display: block;width: 100px;height:3px;background:#1f2e71;}
.main-product dl dd h3{padding-top: 40px;line-height: 25px;font-size: 16px}
.main-product dl dd a{margin-top: 50px;color:#666;display: inline-block;line-height: 36px;text-transform: uppercase;border-radius:25px;border:1px #ddd solid;padding:0 30px;}
.main-product dl dd a i{width:18px;height: 18px;border-radius: 50%;border:1px #ddd solid;display: inline-block;vertical-align: baseline;text-align: center;line-height: 18px;font-style: normal;margin-right: 10px;transition: all .2s;}
.main-product dl dd a:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-right: 20px}
.main-product dl dd a:hover{background:#1f2e71;color: #fff;border-color: #1f2e71}
.main-product-menu .swiper-button-next,.main-product-menu .swiper-button-prev{display: none}
@media (max-width:1199px){
	.main-product dl dd{padding: 30px}
	.main-product-menu dl{font-size: 18px;}
}
@media(max-width:991px){
	.main-product-menu dl img{width:55px;height: 55px;}
	.main-product-menu dl{padding-left: 20px;padding-right: 20px}	
	.main-product-menu dl{font-size: 16px;line-height: 40px}
	.main-product{margin-top: 20px}
	.main-product dl{display: inline-block;}
	.main-product dl dt,.main-product dl dd{width: 100%;display: inline-block;}
	.main-product dl dd h1{font-size: 25px}
	.main-product dl dd a{margin-top: 30px;margin-bottom: 20px}
	.main-product-menu .swiper-button-next,.main-product-menu .swiper-button-prev{display: block;height: 25px;margin-top: -16px}
	.main-product-menu .swiper-button-next{right: 0;left: auto;text-align: right;}
	.main-product-menu .swiper-button-prev{left: 0;right: auto}
	.main-product-menu .swiper-button-next:after,.main-product-menu .swiper-button-prev:after{font-size: 25px;height: 25px}
}
@media(max-width:767px){
	.main-product-menu{margin-top: 10px}
	.main-product dl dd{padding-top: 40px}
	.main-product dl dd h1{font-size: 20px;}
	.main-product dl dd h3{padding-top: 30px;line-height: 22px;font-size: 13px}
	.main-product dl dd a{margin-top: 30px;font-size: 12px;line-height: 32px;padding: 0 20px}
}

.home-company{ background:url(/assets/images/aboutus.jpg) repeat-x center bottom; height:720px;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:50px; 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;font-family: 'Circe Light'}
.home-company .comp-intro h2 p{ padding:0; margin:0}
.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:#4ABAEC}
.home-company .comp-intro h3 a:hover i{margin-left: 15px}
.home-company .comp-video{display: table;position: relative;z-index: 500;}
.home-company .comp-video .uw-play{display: table-cell;vertical-align: middle;text-align: center;width:100%;}
.home-company .comp-video .uw-play i{color: #fff;border:1px #fff solid;font-size: 30px;border-radius: 5px;width:80px;height: 80px;display: inline-block;line-height: 75px;opacity: 0.7;cursor: pointer;transition:all .2s;margin-top: 50px}
.home-company .comp-video .uw-play i:hover{opacity: 1}
.home-company .block{position: absolute;bottom:70px;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;font-family: 'Circe Bold'}
.home-company .block .row dl:nth-child(2) dt h1{font-size: 30px;padding-top: 15px}
.home-company .block .row dl:nth-child(2) dd{font-size: 32px;padding-top: 14px}
.home-company .block .row dl dt h1 span{font-family:'Circe Light';font-size: 18px;padding-left: 8px}
.home-company .block .row dl dt h2{color:#fff;font-size: 14px;font-family: 'Circe Light'}
.home-company .block .row dl dd{color: #fff;font-size: 40px;vertical-align: top;display:inline-block;width:25%;text-align: right;padding-top: 9px}
@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}
}
.home-map-line {position: relative;z-index: 1;}
.home-map-line .points {position: absolute;left: 50%;top: 50%;z-index: 1;}
.home-map-line .points .circle{position: absolute;top:50%;left: -30px;margin-top: -25px;width: 50px;height:50px;border-radius: 100%;transform:scale(.1);background: rgba(255,255,255,.1);}
.home-map-line .points .circle i{display: block;width: 10px;height: 10px;border-radius: 100%;background: #fff;margin: 20px;}
.home-map-line .points .circle::before {content: '';position: absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width: 30px;height:30px;border-radius: 100%;background: rgba(255,255,255,.1);}
.home-map-line .points span{display: block;font-size: 12px;color: #fff;opacity: .4;padding: 13px;display: none;}
.home-map-line .points.cur .circle{background: rgba(243,151,0,.2);}
.home-map-line .points.cur .circle::before {background: rgba(243,151,0,.2);}
.home-map-line .points.cur .circle i {background: #f39700;}
.home-map-line .points.cur span {color: #f39700;opacity: 1;}
.home-map-line .points .circle {animation: yuanfangda 1500ms infinite ease;}
.home-map-line .points1 .circle {animation: yuanfangda 2200ms infinite ease;}
.home-map-line .points2 .circle {animation: yuanfangda 2300ms infinite ease;}
.home-map-line .points4 .circle {animation: yuanfangda 2200ms infinite ease;}
.home-map-line .points6 .circle {animation: yuanfangda 2300ms infinite ease;}
.home-map-line .points8 .circle {animation: yuanfangda 2100ms infinite ease;}
.home-map-line .points10 .circle {animation: yuanfangda 1400ms infinite ease;}
.home-map-line .points12 .circle {animation: yuanfangda 2600ms infinite ease;}
.home-map-line .points13 .circle {animation: yuanfangda 1100ms infinite ease;}
.home-map-line .points17 .circle {animation: yuanfangda 1200ms infinite ease;}
.home-map-line .points18 .circle {animation: yuanfangda 2100ms infinite ease;}
.home-map-line .points20 .circle {animation: yuanfangda 1400ms infinite ease;}
.home-map-line .points22 .circle {animation: yuanfangda 2600ms infinite ease;}
.home-map-line .points24 .circle {animation: yuanfangda 1300ms infinite ease;}
.home-map-line .img{position: absolute;left: 0;top:-225px;width:100%;opacity: 0.8;text-align: center;}
.home-map-line .img img{width: 61%;}
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
.points1 {margin: -60px 0 0 -45px;}
.points2 {margin: -140px 0 0 -405px;}
.points3 {margin: -95px 0 0 -400px;}
.points4 {margin: -145px 0 0 -310px;}
.points5 {margin: -115px 0 0 -350px;}
.points6 {margin: -170px 0 0 -120px;}
.points7 {margin: -35px 0 0 -135px;}
.points8 {margin: 130px 0 0 -300px;}
.points9 {margin: -90px 0 0 70px;}
.points10 {margin: 0px 0 0 -30px;}
.points11 {margin: 120px 0 0 30px;}
.points12 {margin: 185px 0px 0 170px;}
.points13 {margin: -155px 0px 0 390px;}
.points14 {margin: -80px 0px 0 440px;}
.points15 {margin: 50px 0px 0 520px;}
.points16 {margin: 88px 0px 0 580px;}
.points17 {margin: -95px 0px 0 -180px;}
.points18 {margin: -25px 0px 0 -280px;}
.points19 {margin: -20px 0px 0 -360px;}
.points20 {margin: 50px 0px 0 -300px;}
.points21 {margin: -190px 0px 0 10px;}
.points22 {margin: -190px 0px 0 310px;}
.points23 {margin: -30px 0px 0 450px;}
.points24 {margin: 170px 0px 0 550px;}
@media (max-width:1699px){
	.home-map-line .img{top:-220px;}
	.home-map-line .img img{width: 72%;}
}
@media (max-width:1499px){
	.home-map-line .img{top:-235px;}
	.home-map-line .img img{width:85%;}
}
@media (max-width:1399px){
	.home-map-line .img{top:-220px;}
	.home-map-line .img img{width:90%;}
}
@media (max-width:1199px){
	.home-map-line .img{top:-205px;}
}
@media (max-width:991px){
	.home-map-line{display: none}
	.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;}
}
.uw-index-about-video {background: #000;position: fixed;left: 0;top: 0;z-index: 1999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(/assets/images/xxx.png) center no-repeat #fff; transition-duration: 0.5s;z-index: 1000;}
.uw-close:hover {opacity: 0.5;}

.comm-home-title.products{ padding-bottom:10px;margin-top: 60px}
.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:#4ABAEC;}
.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(/assets/images/build.jpg) no-repeat center top;background-size:cover;width:100%;padding-bottom: 80px;margin-top: 60px;padding-top: 30px}
.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(/assets/images/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(/assets/images/58f3862d6ac81.png)}
.application ul li.a3 a i b{ background-image:url(/assets/images/58f3865258e14.png)}
.application ul li.a4 a i b{ background-image:url(/assets/images/58f38666408c5.png)}
.application ul li a:hover i b{ background-color:#4ABAEC; border-color:#4ABAEC;}
.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: 80px}
.home-news .comm-home-title{text-align:left; border-bottom:1px #e6e6e6 solid; margin-bottom:40px; padding-bottom:30px;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:#4ABAEC; color:#fff; border-color:#4ABAEC}
@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 dl{padding: 20px 15px}
.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;margin-top:30px;}
.home-news dl a dd h2{width:100%; font-size:13px; color:#888; line-height:20px; height:40px; overflow:hidden; margin:15px 0;font-family:'Montserrat-Light'}
.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:#4ABAEC}
.home-news dl a:hover h1,.home-news dl a:hover h2,.home-news dl a:hover i{ color:#fff}
@media (max-width:767px){
	.home-news dl{padding: 10px 0}
	.home-news dl a dd{padding: 20px 3%}
}
.inner-about{display: table;}
.inner-about .leftintro{width:58%;display:table-cell;padding:50px 10%;vertical-align: middle;}
.inner-about .leftintro .title h1{font-size:45px;text-transform:capitalize;}
.inner-about .leftintro .intro{padding-top: 30px;line-height: 28px;font-size: 18px}
.inner-about .rightimg{width: 42%;display:table-cell;}
.inner-about .rightimg img{width:100%;}
.inner-about .rightimg iframe{height: 650px;}
.inner-application{padding-left: 10%;}
.inner-application .title{overflow: hidden;width:100%;}
.inner-application .title h1{font-size:1300%;color: rgba(0,0,0,0.03);white-space:nowrap;text-transform:uppercase;letter-spacing: -10px}
.inner-application .intro{background:url(/assets/images/p.jpg) no-repeat center top;background-size: cover;padding-top: 130px;padding-left: 80px;padding-bottom: 100px;margin-top: -50px;font-size: 0}
.inner-application .intro .leftinfo{display:inline-block;vertical-align: top;width:35%;padding-right: 5%}
.inner-application .intro .leftinfo h1{color: #fff;font-size: 45px;margin-bottom: 30px}
.inner-application .intro .leftinfo p{color: rgba(255,255,255,.5);line-height: 28px;font-size: 18px}
.inner-application .intro .rightimg{width:65%;display:inline-block;overflow: hidden;vertical-align: top}
.inner-application .intro .rightimg dl dt{width:100%;display: block;}
.inner-application .intro .rightimg dl dd{width:100%;display: block;padding: 20px;background: rgba(0,0,0,.5);}
.inner-application .intro .rightimg dl dd h1{color: #fff;font-size:20px;line-height: 30px}
.inner-application .intro .rightimg dl dd h2{color: rgba(255,255,255,.5);font-size: 14px;}
.inner-application .intro .rightimg dl dt img{width:100%;}
@media (max-width:991px){
    .inner-about .leftintro,.inner-about .rightimg{width:100%;padding:50px 3%;display:inline-block}
    .inner-about .leftintro,.inner-about .rightimg{padding-bottom: 20px;}
    .inner-about .leftintro .title h1{font-size:30px;}
    .inner-about .rightimg iframe{height: 500px;}
    .inner-about .rightimg{padding-top: 0;}
    .inner-application .title h1{font-size:700%;}
    .inner-application{padding-left: 0;}
    .inner-application .intro{padding-left: 3%;margin-top:-30px;padding-top:80px;padding-bottom: 60px;}
    .inner-application .intro .leftinfo h1{font-size: 26px;margin-bottom: 20px;}
    .inner-application .intro .leftinfo p{font-size: 16px;line-height:24px}
    .inner-application .intro .rightimg dl dd h1{font-size:18px;line-height: 24px}
}
@media (max-width:767px){
    .inner-application .title h1{font-size:600%;}
    .inner-about .leftintro .title h1{font-size:26px;}
    .inner-about .rightimg iframe{height: 400px;}
    .inner-application .intro{padding-top: 60px;padding-bottom: 40px;}
    .inner-application .intro .leftinfo h1{font-size: 20px;}
    .inner-application .intro .leftinfo p{font-size: 15px;line-height:20px;}
    .inner-about .leftintro .intro{padding-top: 20px;line-height: 22px;font-size: 16px}
    .inner-application .intro .rightimg dl dd h1{font-size:16px;line-height: 22px}
}
@media (max-width:576px){
    .inner-application .title h1{font-size:500%;}
    .inner-about .leftintro .title h1{font-size:22px;}
    .inner-about .rightimg iframe{height: 300px;}
    .inner-application .intro .leftinfo p{font-size: 14px;line-height:18px;}
    .inner-about .leftintro .intro{padding-top: 10px;line-height: 20px;font-size: 14px}
    .inner-application .intro .rightimg dl dd{padding: 10px;}
    .inner-application .intro .rightimg dl dd h1{font-size:14px;line-height: 20px}
}
.inner-factory{margin-top: 80px}
.inner-factory .title h1{font-size: 45px;}
.inner-factory .title p{margin-top: 25px;width:50%;margin-bottom: 20px;font-size:18px;line-height: 28px}
.inner-factory .factoryimg{padding-bottom:100px}
.inner-factory .factoryimg dl dt{overflow: hidden;background: #000;width:100%}
.inner-factory .factoryimg dl dt img{width:100%;opacity: 0.8;transition: all .2s}
.inner-factory .factoryimg dl:hover dt img{opacity: 1;transform: scale(1.08);}
.inner-factory .factoryimg dl dd{background:rgba(0,0,0,0.8);color: #fff;padding:18px 0;text-align: center;font-size: 18px;width:100%;}
@media (max-width:991px){
    .inner-factory{margin-top: 30px}
    .inner-factory .title h1{font-size: 30px;}
    .inner-factory .title p{margin-top: 15px;width:100%;margin-bottom: 10px;font-size:16px;line-height: 22px}
    .inner-factory .factoryimg{padding-bottom:50px}
    .inner-factory .factoryimg dl dd{padding:15px 0;font-size: 16px;}
}
@media (max-width:767px){
    .inner-factory .title h1{font-size: 26px;}
    .inner-factory .title p{font-size:14px;line-height: 22px;margin-top:5px}
    .inner-factory .factoryimg{padding-bottom:30px}
    .inner-factory .factoryimg dl dd{padding:12px 0;font-size: 14px;}
}
@media (max-width:576px){
    .inner-factory .title h1{font-size: 22px;}
}
.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;}
}
.news-detail{background:#f2f4f9;padding-top: 100px;padding-bottom: 100px;font-size: 0}
.news-detail .news-content{background: #fff;padding:70px 50px;width: 75%;display: inline-block;}
.news-detail .news-content .title{width: 100%;font-size:30px;font-weight: bold;text-transform:capitalize;}
.news-detail .news-content .source{font-size: 14px;color: #999;line-height: 40px;border-bottom: 1px #eee solid;padding-bottom: 40px}
.news-detail .news-content .content{padding: 50px 0;width: 100%;font-size:16px;}
.news-detail .news-content .content b,.news-detail .news-content .content strong{font-size: 25px;color: #333;line-height: 40px}
.news-detail .news-content .content img{max-width: 100%}
.news-detail .news-content .content table,.table-css{font-size: 16px;margin-top: 20px;border: 1px #eee solid;}
.news-detail .news-content .content table tr td,.table-css tr td{padding:12px;border-right: 1px #eee solid}
.news-detail .news-content .content table tr td:last-child,.table-css tr td:last-child{border-right: none}
.news-detail .news-content .content table tr:nth-child(2n+1),.table-css tr:nth-child(2n+1){background:#f2f4f9}
.news-detail .news-content .content table tr:first-child,.table-css tr:first-child{background: #0068b7;color: #fff;font-size: 24px;}
.table-css tr:first-child{font-size: 20px}
.news-detail .news-content .content table tr:not(:first-child):hover,.table-css tr:not(:first-child):hover{background: #e1e5ef}
.news-detail .news-content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.news-detail .news-content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-detail .news-content .prenext li a{font-size: 16px;line-height: 23px;vertical-align: top;text-transform:uppercase;vertical-align: top}
.news-detail .news-content .prenext li a i{display:inline-block;line-height: 20px;font-size: 16px;vertical-align: top}
.news-detail .news-content .prenext li i:before{line-height:20px;vertical-align: top;}
.news-detail .news-content .prenext li:nth-child(2){width: 20%;text-align:center;line-height:20px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.news-detail .news-content .prenext li:last-child{text-align:right;}
.news-detail .hot-list{width:25%;display: inline-block;vertical-align: top;padding-left: 3%;}
.news-detail .hot-list .title{width: 100%;border-bottom: 1px #ddd solid;padding:40px 0}
.news-detail .hot-list .title h1{font-size: 30px;line-height: 50px;}
.news-detail .hot-list .title h2{font-size: 16px;color: #bbb;font-weight: bold;}
.news-detail .hot-list .list{width: 100%;padding-top: 50px}
.news-detail .hot-list .list dl{border-bottom: 1px #ddd dotted;padding-bottom: 30px;margin-bottom:30px;width: 100%}
.news-detail .hot-list .list dl a{display:block;width:100%;font-size: 0}
.news-detail .hot-list .list dl a dt{width: 100%;line-height: 22px;font-weight: bold;font-size: 16px;display: inline-block;}
.news-detail .hot-list.applist .list dl a dt{width:30%;}
.news-detail .hot-list .list dl a dt img{width: 80%}
.news-detail .hot-list .list dl a dd{width:100%;display: inline-block;margin-top:20px}
.news-detail .hot-list.applist .list dl a dd{width: 70%;}
.news-detail .hot-list.applist .list dl dd{margin-top: 0;}
.news-detail .hot-list .list dl a dd h1{line-height: 26px;font-weight: bold;font-size: 22px;text-transform:capitalize;}
.news-detail .hot-list .list dl a:hover dd h1,.news-detail .hot-list .list dl a:hover dt{color: #0068b7}
.news-detail .hot-list .list dl a dd h2{color: #bbb;font-size: 12px;padding-top: 20px}
@media (max-width:1299px){
    .news-detail .hot-list .title h1{font-size: 20px;line-height:30px}
}
@media (max-width:991px){
    .news-detail{padding-top: 50px;padding-bottom: 50px;}
    .news-detail .news-content{padding:30px 4%;width:100%;}
    .news-detail .news-content .title{font-size:22px;line-height:30px}
    .news-detail .news-content .source{line-height:22px;font-size:13px;margin-top:10px}
    .news-detail .hot-list{display:none}
    .news-detail .news-content .prenext li a{font-size: 14px;line-height: 20px;}
    .news-detail .news-content .prenext li a i{line-height:16px;font-size: 16px;}
    .news-detail .news-content .prenext li i:before{line-height:16px}
}
@media (max-width:576px){
    .news-detail{padding-top: 30px;padding-bottom: 30px;}
    .news-detail .news-content .title{font-size:18px;line-height:22px}
    .news-detail .news-content .content{padding: 30px 0;font-size:14px;}
    .news-detail .news-content .source{line-height:20px;font-size:12px}
    .news-detail .news-content .prenext li a{font-size: 12px;line-height: 20px;}
    .news-detail .news-content .prenext li a i{line-height:16px;font-size: 14px;}
    .news-detail .news-content .prenext li i:before{line-height:16px}
}
.inner-feed{padding-top: 100px;padding-bottom: 100px;background: url(/assets/images/b2.jpg) no-repeat left bottom;}
.inner-feed .row div{padding: 0}
.inner-feed h1{font-size: 32px;padding-bottom: 25px;position: relative;}
.inner-feed h1:after{content:'';background: #f50;width:50px;height: 3px;position: absolute;bottom: 0;left: 0}
.inner-feed p{font-size:20px;line-height: 30px;margin-top: 30px;color: #aaa}
.inner-feed form{width:100%;padding-left: 5%;display: inline-block;font-size: 0}
.inner-feed form dl{display: inline-block;width:48%;vertical-align: top;font-size: 0;margin-right:4%;}
.inner-feed form dl:nth-child(2n){margin-right:0;}
.inner-feed form dl:nth-child(5),.inner-feed form dl:nth-child(6){width: 100%;margin-right:0;}
/*.inner-feed form dl dt{width:30%;display:inline-block;vertical-align: top;text-align: right;padding-right: 5%;line-height: 40px}*/
.inner-feed form dl dd{width:100%;display: inline-block;vertical-align: top}
.inner-feed form dl dd input,.inner-feed form dl dd textarea{border:none;border-bottom: 1px #ddd solid;width:100%;line-height: 60px;height: 60px;font-size: 16px;padding: 0 10px;margin-bottom: 20px;display: inline-block;}
.inner-feed form dl:nth-child(6) dd input{width:48%;}
.inner-feed form dl dd textarea{height: 125px;line-height: 25px}
.inner-feed form dl dd img{display: inline-block;vertical-align: top;padding-top: 20px;cursor: pointer;margin-left: 15px}
.inner-feed form dl:last-child{display: block;padding-top: 20px;margin-right:0;}
.inner-feed form dl:last-child button{background: #1f2e71;border:none;color: #fff;padding: 8px 70px;border-radius: 30px}
.inner-feed form dl:last-child button:hover{background:#007bff}

.inner-contact{background: #f9f9f9;padding: 0px}
.inner-contact .row div{padding: 0}
.inner-contact .row .contacts{padding:80px 10%;}
.inner-contact .row .contacts .title h1{font-size: 32px;padding-bottom: 25px;}
.inner-contact .row .contact-infos{display: block;font-size: 0}
.inner-contact .row .contact-infos dl{margin-bottom: 30px;display: inline-block;width:50%;}
.inner-contact .row .contact-infos dl:first-child{width:100%;}
.inner-contact .row .contact-infos dl dt{display:block;line-height: 35px;color: #aaa;font-size: 14px}
.inner-contact .row .contact-infos dl dt i{margin-right:5px;font-size: 18px;line-height: 29px;vertical-align: top;width:31px;height: 31px;border-radius:50px;border:1px #ddd solid;text-align: center;display: inline-block;color: #999}
.inner-contact .row .contact-infos dl dd{display: block;padding-top: 10px;font-family: 'Circe Bold';font-size: 20px}
.inner-contact .social-media{border-top: 1px #ddd solid;display: block;width:100%;}
.inner-contact .social-media .title{font-size:25px;padding-top: 30px}
.inner-contact .social-media .share{padding-top: 20px;display: block;}
.inner-contact .social-media .share a{font-size: 20px;margin-left:-1px;width:40px;height: 40px;line-height: 38px;text-align: center;display: inline-block;border:1px #ddd solid;}
.inner-contact .social-media .share a:hover{background: #0068b7;color: #fff;border-color: #0068b7}
@media (max-width:991px){
    .inner-feed h1{font-size: 28px;padding-bottom: 20px;}
    .inner-feed{padding-top: 50px;padding-bottom: 50px;}
    .inner-feed form{padding-left: 0;padding-top: 20px;}
    .inner-feed p{font-size:16px;line-height: 20px;margin-top: 20px;}
    .inner-contact .row .contacts{padding:40px 5%;}
    .inner-contact .row .contacts .title h1{font-size:28px;}
    .googlemap{height: 500px;}
}
@media (max-width:767px){
    .googlemap{height: 400px;}
}
@media (max-width:576px){
    .inner-feed h1{font-size: 25px;padding-bottom:15px;}
    .inner-contact .row .contacts .title h1{font-size:25px;}
    .inner-contact .social-media .title{font-size:22px;padding-top: 20px}
    .inner-feed{padding-top: 40px;padding-bottom: 30px;}
    .inner-feed p{font-size:14px;line-height:18px;}
    .inner-feed form dl{width: 100%;margin-right:0}
    .inner-feed form dl dd input,.inner-feed form dl dd textarea{width:100%;line-height:50px;height: 50px;font-size: 14px;padding: 0 10px;margin-bottom: 15px}
    .inner-feed form dl dd textarea{height: 100px;line-height: 20px}
    .inner-contact .row .contact-infos dl dd{font-size: 15px;}
    .googlemap{height: 300px;}
}
.inner-product-list{padding-top: 4%;padding-bottom: 4%}
.inner-product-list dl{margin-bottom: 40px;background: #f6f6f6;width:100%;display: inline-block;}
.inner-product-list dl a{width:100%;}
.inner-product-list dl a dt{width:40%;float: left;background: #000;overflow: hidden;}
.inner-product-list dl a dt .swiper-slide{width: 100%}
.inner-product-list dl a dt img{width:100%;opacity: 0.7;transition: all .2s}
.inner-product-list dl a:hover dt img{transform: scale(1.05);opacity: 0.9}
.inner-product-list dl a dd{padding:60px 80px;width:60%;float: right;}
.inner-product-list dl a dd h1{font-size:45px;line-height: 60px;color: #000;padding-bottom: 40px}
.inner-product-list dl a dd h2{margin-top: 50px;color:#666;display: inline-block;line-height: 36px;text-transform: uppercase;border-radius:25px;border:1px #ddd solid;padding:0 30px;}
.inner-product-list dl a dd h2 i{width:18px;height: 18px;border-radius: 50%;border:1px #ddd solid;display: inline-block;vertical-align: baseline;text-align: center;line-height: 18px;font-style: normal;margin-right: 10px;transition: all .2s;}
.inner-product-list dl a:hover dd h2 i{-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-right: 20px}
.inner-product-list dl a:hover dd h2{background:#1f2e71;color: #fff;border-color: #1f2e71}
.inner-product-list dl:nth-child(2n) a dt{float: right;}
.inner-product-list dl:nth-child(2n) a dd{float: left;}
.inner-product-list .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}
.inner-product-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height: 10px;border-radius:50%;margin: 0 5px}
@media (max-width:1299px){
    .inner-product-list dl a dd{padding:30px;}
    .inner-product-list dl a dd h1{font-size:35px;padding-bottom: 10px}
    .inner-product-list dl a dd h2{margin-top: 15px;}
}
@media (max-width:991px){
    .inner-product-list dl a dt{width:100%}
    .inner-product-list dl a dd{width: 100%;padding:40px 4%;}
    .inner-product-list dl a dd h1{font-size:30px;line-height:40px}
}
@media (max-width:767px){
    .inner-product-list dl a dd{padding:30px 4%;}
    .inner-product-list dl a dd h1{font-size:26px;line-height:30px;}
    .inner-product-list dl a dd h2{margin-top: 10px;line-height: 30px;padding:0 20px;font-size:12px}
}
@media (max-width:576px){
    .inner-product-list dl a dd{padding:20px 4%;}
    .inner-product-list dl{margin-bottom: 10px;margin-top: 20px;}
    .inner-product-list dl a dd h1{font-size:22px;}
}
.inner-product-content{padding-top: 4%;padding-bottom: 4%}
.inner-product-content .row{box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);}
.inner-product-content .row div{padding: 0}
.inner-product-content .row div.img img{width:100%;}
.inner-product-content .row div.intro{padding:70px 80px}
.inner-product-content .row div.intro h1{color: #000;font-size:45px}
.inner-product-content .row div.intro p{margin-top: 15px;line-height:24px;font-size:16px;margin-bottom: 45px}
.inner-product-content .row div.intro a{background:#1f2e71;color: #fff;padding:10px 20px;margin-right:15px;display:inline-block;border-radius:5px;text-transform:uppercase;line-height: 20px;opacity: 0.8;margin-bottom: 10px;}
.inner-product-content .row div.intro a:hover{opacity: 1}
.inner-product-content .row div.intro a:before{margin-right:5px;font-size: 18px;vertical-align: top}
.inner-product-content .row div.intro a.icon-whatsapp{background: #11B51F}
.inner-product-content .row div.intro a.icon-whatsapp:before{font-size: 15px}
.inner-product-content .row div.intro a:last-child{margin-right:0}
.inner-product-content .row div.intro a.icon-user2{background: #f50}
@media (max-width:1299px){
    .inner-product-content .row div.intro{padding:30px}
    .inner-product-content .row div.intro h1{font-size:35px}
}
@media (max-width:991px){
    .inner-product-content .row div.intro h1{font-size:30px}
    .inner-product-content .row div.intro p{margin-top: 10px;line-height:22px;font-size:14px;margin-bottom: 15px}
}
@media (max-width:767px){
    .inner-product-content .row div.intro{padding:25px 4%}
    .inner-product-content .row div.intro h1{font-size:26px}
    .inner-product-content .row div.intro p{margin-top: 10px;line-height:20px;font-size:13px}
    .inner-product-content .row div.intro a{padding:8px 15px;margin-right:10px;font-size:13px}
}
@media (max-width:576px){
    .inner-product-content .row div.intro h1{font-size:22px}
    .inner-product-content .row div.intro a{padding:8px 10px;margin-right:5px;font-size:12px}
}
.inner-product-content .para{width:100%;padding-top: 80px}
.inner-product-content .para ul{display: table;width:100%;}
.inner-product-content .para ul li{display: table-cell;}
.inner-product-content .para ul:first-child{border-bottom: 1px #ddd solid;}
.inner-product-content .para ul li{font-size:18px;line-height: 30px;padding:25px 15px;width:25%;}
.inner-product-content .para ul li:nth-child(-n+2){width:18%;}
.inner-product-content .para ul li:nth-child(3){width:14%;}
.inner-product-content .para ul:hover{background:rgba(0,0,0,0.03);}
.inner-product-content .para ul:first-child li{font-weight: bold;font-family: 'Circe Extra Bold';font-size: 30px}

.inner-product-menu{box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);margin-top: 30px}
.inner-product-menu ul{width:100%;display: table;}
.inner-product-menu ul li{display: table-cell;width:25%;text-align: center;vertical-align:middle;}
.inner-product-menu ul li a{font-size:25px;font-family: 'Circe Bold';border-right: 1px rgba(0,0,0,0.05) solid;padding:40px 0;display: inline-block;width:100%;}
.inner-product-menu ul li a.this,.inner-product-menu ul li a:hover{background:#1f2e71;color: #fff}
@media (max-width:1299px){
    .inner-product-content .para ul li{font-size:16px;line-height:24px;padding:15px 8px;}
    .inner-product-content .para ul:first-child li{font-size: 25px;line-height:28px}
    .inner-product-menu ul li a{font-size:22px;padding:30px 0}
}
@media (max-width:991px){
    .inner-product-content .para ul li{font-size:15px;line-height:22px;padding:10px 6px;}
    .inner-product-content .para ul:first-child li{font-size: 20px;line-height:22px}
    .inner-product-menu ul{padding: 0;}
    .inner-product-menu ul li a{font-size:18px;padding:26px 0;}
    .inner-product-content .para{padding-top: 60px}
}
@media (max-width:767px){
    .inner-product-content .para ul li{font-size:13px;line-height:16px;}
    .inner-product-content .para ul:first-child li{font-size: 16px;line-height:18px}
    .inner-product-menu ul li a{font-size:15px;padding:20px 0;line-height:20px;}
    .inner-product-content .para{padding-top:35px}
}
.inner-app-list dl{padding: 20px}
.inner-app-list dl a{display: block;position: relative;}
.inner-app-list dl a:after{content: '';position: absolute;left: 0;bottom: 0;background:#f50;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;background: #f9f9f9;display: block;}
.inner-app-list dl a dd h1{font-size: 28px;}
.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; border-top:1px #eaeaea dotted; margin:35px 0; text-align:center}
.pagelink.noborder{ border-top:none}
.pagelink select{font-family:Circe Light; padding:3px}
.yellow {padding: 8px 0; margin: 3px; float:none; display:inline-block}
.yellow B{ padding:0 3px; color:#f00}
.yellow em{ font-style:normal}
.yellow a {border: #ddd 1px solid; margin: 2px; padding: 8px 16px; text-decoration: none; color:#666}
.yellow a:hover {border: #4ABAEC 1px solid;background: #4ABAEC; color: #fff; text-decoration:none}
.yellow span.current {border: #4ABAEC 1px solid; font-weight: bold; margin: 2px; color: #fff; padding: 8px 16px;background: #4ABAEC; }
.yellow span.disabled {border: #eee 1px solid; padding: 8px 16px; margin: 2px; color: #aaa; }


.footer{background:url(/assets/images/office.jpg) no-repeat center center;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{background: url(/assets/images/white_logo.svg) no-repeat 0 center;width: 258px;height:78px;display:inline-block;background-size:auto 60%}
.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;font-family: 'Condensed-bold'}
.footer .foot-nav{font-size: 0;padding-top:30px;}
.footer .foot-nav dl{width:16.6%;display: inline-block;vertical-align: top;}
.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:22px;color:rgba(255,255,255,.9);line-height: 60px;text-transform: uppercase;font-family: 'Circe Extra Bold'}
.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;font-family: 'Circe Light'}
.footer .foot-nav dl dd a:hover{color: #fff}
.footer .share{text-align: right;padding: 40px 0 20px 0} 
.footer .share a{color: rgba(255,255,255,.4);margin-left: 15px;font-size: 18px}
.footer .share a:hover{color:rgba(255,255,255,.8)}
.footer .copyright {color:rgba(255,255,255,.2);font-size: 13px;border-top: 1px rgba(255,255,255,.1) solid;padding: 30px 0;font-family: 'Circe Light'}
.footer .copyright div{padding: 0}
.footer .copyright div:last-child{text-align: right;}
.footer .copyright div a{color: rgba(255,255,255,.2);margin-left: 15px}
.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 .share a{margin-left:0;margin-right:12px;}
	.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;}
}