@charset "utf-8";
@import url("icomoon.css");
@import url("swiper.min.css");
@import url("bootstrap.min.css");
@font-face{font-family:'Segoe UI';font-weight:200;src:url(fonts/segoe-light.ttf);font-display:swap}
@font-face{font-family:'Segoe UI';font-weight:300;src:url(fonts/segoe-regular.ttf);font-display:swap}
@font-face{font-family:'Segoe UI';font-weight:400;src:url(fonts/segoe-bold.ttf);font-display:swap}
@font-face{font-family:'Segoe UI';font-weight:500;src:url(fonts/segoe-black.ttf);font-display:swap}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#555}
h1,h2,h3,h4,h5,h6,hr,blockquote,div,dl,dt,dd,ul,ol,li,p,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#555;font-family: 'Segoe UI';font-weight: 300}
em{ font-style:normal}
h1{font-weight: 400}
h1.bold{font-weight: 500}
h2{font-weight: 400}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;font-family: 'Segoe UI';font-weight: 300}
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:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;font-family: 'Segoe UI';font-weight: 300;}
a:hover{ color:#273a58;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}
.flex-con{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.homebody{background: #f7f7f7;}
.page-local{position: fixed;height: 100vh;width: 100%;z-index: 1000;padding: 6% 15%;padding-bottom: 0;left: 0;top: 0}
.page-local:after{content: '';width: 100%;height: 100%;background:linear-gradient(180deg, #273b58, #101824);z-index: -1;position: absolute;left: 0;top: 0;opacity: 0.9}
.page-local .language{width: 100%;height: 100%;padding: 80px 0}
.page-local .language .title{display: block;text-align:center;}
.page-local .language .title h2{font-size: 42px;color: #fff;text-transform: uppercase;padding-bottom: 10px;display: block;}
.page-local .language .title h3{font-size: 24px;color: #fff;display: block;}
.page-local .language .content{background:#ffffff20;display: table;width: 100%;padding: 20px;border-radius:20px;backdrop-filter: blur(12px);margin-top: 50px;position: relative}
.page-local .language .content .rows{display: table-cell;padding: 30px;vertical-align: top;padding-bottom: 60px}
.page-local .language .content .rows dl{display: block;}
.page-local .language .content .rows dl dt{display: block;color: #a4d2ff;white-space: nowrap;border-bottom: 1px #a4d2ff solid;font-size: 18px;line-height: 40px}
.page-local .language .content .rows dl dd{display: block;padding-top: 10px}
.page-local .language .content .rows dl dd a{display: block;line-height: 30px;color: #fff;font-size: 16px}
.page-local .language .content .rows dl dd a:hover{text-decoration: underline;}
.page-local .language .content .rows:nth-child(4) dl:first-child dd{margin-bottom: 30px}
.page-local .language .content i{display: block;font-size: 30px;color: #fff;position: absolute;right: 40px;bottom: 20px}
.page-local.sublang{height: auto;opacity: 0;top: 80px;visibility: hidden;transition:all .3s;padding: 0 8%;padding-bottom: 55px}
.page-local.sublang .language{padding: 0}
.page-local.sublang .language .content{padding: 0}
.page-local.sublang.hover{top: 55px;visibility: visible;opacity: 1}
.page-local.sublang .title{display: none;}
.page-local.sublang .content{background:none;backdrop-filter: blur(0);}
.page-local.sublang .language .content i{bottom: 0}

@media (max-width:1599px){
	.page-local{padding: 6% 12%;}
}
@media (max-width:1499px){
	.page-local{padding: 6%;}
	.page-local .language .content{margin-top: 30px;}
}
@media (max-width:1299px){
	.page-local{padding-top: 10%}
	.page-local .language .title h2{font-size: 30px;}
	.page-local .language .title h3{font-size: 20px;}
	.page-local .language{padding: 50px 20px}
	.page-local .language .content .rows{padding: 20px;padding-bottom: 30px}
	.page-local .language .content .rows dl dt{font-size: 15px;line-height: 25px}
	.page-local .language .content .rows dl dd a{line-height:24px;color: #fff;font-size: 14px}
	.page-local .language .content i{font-size: 25px;bottom: 10px}
}
@media (max-width:1199px){
	.page-local .language{padding: 50px 0}
}
@media (max-width:991px){
	.page-local{padding:10% 2%;padding-bottom: 0}
	.page-local .language{padding: 10px}
	.page-local .language .title h2{font-size: 22px;padding-bottom: 0}
	.page-local .language .title h3{font-size: 16px;}
	.page-local .language .content{padding: 15px;}
	.page-local .language .content .rows{display: block;padding: 10px;padding-bottom: 0}
	.page-local .language .content .rows dl dt{font-size: 16px;line-height: 30px}
	.page-local .language .content .rows dl dd a{line-height: 20px;font-size: 14px}
	.page-local .language .content .rows:nth-child(4) dl:first-child dd{margin-bottom: 20px}
	.page-local .language .content i{display: none}
}
header{width: 100%;height: 55px;position: fixed;left: 0;top: 0;z-index: 1930;background: #fff;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);}
header .row > div{padding: 0}
header .fc{font-size: 0;}
header .fc ul{display: block;white-space: nowrap;text-align:center}
header .fc ul li{display: inline-block;padding: 0 15px;position: relative;height: 55px;}
header.fr .fc ul li{padding:0 12px}
header .fc ul li>a{line-height: 55px;font-size:16px;text-transform: uppercase;}
header .fc ul li>i{display: none}
header .fc ul li span{display:block;min-width:160%;position:absolute;left: -30%;top: 80px;background:rgba(0,0,0,0.4);padding:10px;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);visibility: hidden;opacity: 0;transition: all .2s;text-align:center;}
/*header .fc ul li:nth-child(4) span{min-width: 300%;left: -100%}*/
header .fc ul li span:after {position: absolute;top: -6px;left:50%;transform:translateX(-50%);display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid rgba(0,0,0,0.4);border-left: 6px solid transparent;content: '';}
header .fc ul li.this span{opacity: 1;visibility:visible;top: 55px}
header .fc ul li span a{font-size: 14px;line-height: 20px;padding:10px 2px;display: block;border-bottom: 1px rgba(0,0,0,0.1) dotted;color: #fff;text-transform: uppercase;}
header .fc ul li span a:last-child{border-bottom: none}
header .fc ul li span a:hover{background: #273a58;}
header .lang{display: block;line-height: 55px;text-align: right;}
header .lang i.icon-earth{line-height: 55px;vertical-align: middle;display: inline-block;font-size: 16px}
header .lang div{position: absolute;left:50%;top: 80px;transform: translateX(-50%);box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);padding:5px 8px;z-index: 1000;width: 150px;background: #fff;transition: all .2s;opacity: 0;visibility: hidden;}
header .lang div a{line-height: 35px;display: block;width: 100%;text-align: center;border-bottom: 1px #ddd dotted;font-size: 14px}
header .lang div a:last-child{border-bottom: none;}
header .lang.this div{top: 55px;opacity: 1;visibility: visible;}
header .lang span{line-height: 55px;vertical-align: top;display: inline-block;padding-left: 6px;cursor: pointer;font-size: 16px}
header .lang i:last-child{vertical-align: bottom;}
header .fl a{margin-top:15px;display: inline-block}
header .fl.cn a{margin-top: 9px;}
header .fl a img{width:150px}
@media (max-width:1800px){
    header .fr.es ul li{padding: 0 6px;}
}
@media (max-width:1600px){
	header .fc ul li{padding: 0 12px}
	header .fc ul li>a{font-size: 16px}
	header .fc ul li>a{font-size: 15px;}
	header .lang span{font-size: 15px}
}

@media (max-width:1440px){
	header .container-fluid{padding: 0 2%}
	header .fc ul li{padding: 0 10px}
	header .fc ul li span{min-width:260%;left: -80%}
	header .fc ul li:nth-child(5) span{min-width:200%;left: -50%}
	header .fc ul li>a{font-size: 14px;}
	header .lang span{font-size: 14px}
}
@media (max-width:1199px){
	header .container-fluid{padding: 0 2%}
	header .fc{text-align:center;}
	header .fc ul li>a{font-size: 14px;}
	header .lang span{font-size: 14px}
}

@media (max-width:991px){
	header{height: 60px}
	header .fc {padding-top: 8px;position: relative;}
	header .fc ul{text-align: left;position: fixed;left: 0;top:80px;background: #fff;width: 100%;height: auto;border-top: 1px #ddd solid;float: none;transition: all .2s;opacity: 0;visibility:hidden;z-index: 1401;white-space: normal;height: 100%}
	header .fc.active ul{top: 60px;opacity:1;visibility:visible;}
	header .fc ul li{width: 100%;line-height: 55px;font-size: 0;padding:0 3%;border-bottom: 1px #eee solid}
	header .fc ul li>a{line-height: 55px;width: 90%;display: inline-block;vertical-align: top;font-weight: 400}
	header .fc ul li>i{display: block;width: 10%;display: inline-block;text-align: right;vertical-align: top;line-height: 55px;font-size: 18px;cursor: pointer;}
	header .fc ul li span{position:static;width: 100%;padding: 0;display: none;opacity: 1;visibility: visible;background:none;box-shadow: 0 0 0 0;text-align:left;}
	header .fc ul li span:after{display: none}
	header .fc ul li span a{font-size: 12px;color: #888}
	header .fc ul li span a:hover{background:none;}
	header .lang,header .lang i,header .lang span{line-height: 60px;}
	header .lang span,header .lang i.icon-chevron-down{width:30px;display: none}
	header .lang{width:33px;float: right;font-size: 0;}
	header .lang i.icon-earth{line-height: 60px;font-size: 20px;color: #333}
	header .lang div{width: 120px;left: auto;right:-30px;}
	header .lang div a{line-height: 32px;font-size: 14px}
	header .lang.this div{top: 55px}
	header .mobile-menu{position: absolute;height:60px;cursor: pointer;right:50px;top: 0;width: 30px;}
	header .mobile-menu i,header .mobile-menu i:before,header .mobile-menu i:after{height: 3px;width: 23px;background: #333;position: absolute;display: inline-block;content: '';border: none;right: 0;top: 28px;transition: all .2s;border-radius:8px;}
	header .mobile-menu i:before {top: -6px;right: 4px;}
	header .mobile-menu i:after {bottom: -6px;right: 4px;top: auto}
	header .fr.active .mobile-menu i{background-color: transparent;}
	header .fr.active .mobile-menu i:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 0}
	header .fr.active .mobile-menu i:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: 0}
}
/*@media (min-width:1400px){
	.homebody .container{padding-right:6%;padding-left:6%;}
}*/
.banner.index{margin-top: 0;height:100%;}
.bannerBg{background: rgb(62,58,57,0.45);width: 100%;height: 100%}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide {width: 100%;height:100%;vertical-align: top;}
.banner .swiper-pagination-bullet-active{background: #273a58}
.banner .swiper-wrapper{height:100%;}
.banner.index .swiper-wrapper .bgimg{width: 100%;display: block;position: relative;overflow:hidden}
.banner.index .swiper-wrapper .bgimg img{width: 100%}
.banner.index .swiper-button-next:after,.banner.index .swiper-button-prev:after{font-size: 30px;color: #00000050}
@media (max-width:1800px){
	.banner.index{height:auto;}
	.banner.index .swiper-wrapper img{height:auto;}
}
@media (max-width:1299px){
	.banner.index .swiper-wrapper .bgimg:after{height:600px;content:'';display:block}
	.banner.index .swiper-wrapper .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media (max-width:991px){
	.banner.index .swiper-wrapper .bgimg:after{height:450px;}
	.banner.index{margin-top: 60px}
}
@media (max-width:767px){
	.banner.index .swiper-wrapper .bgimg:after{height:400px;}
	.banner .swiper-pagination-bullet{width: 25px;height: 3px}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}
}
@media (max-width:576px){
	.banner.index .swiper-wrapper .bgimg:after{height:320px;}
	.swiper-button-next:after, .swiper-button-prev:after{display: none}
}

.inner-banner{width: 100%;display:block;position: relative;overflow: hidden;}
.inner-banner .text{position: absolute;right:0;top: 50%;z-index: 10;transform:translateY(-50%);text-align: right;width: 100%}
.inner-banner .text h1{font-size: 50px;color: #fff;text-transform:uppercase;}
.inner-banner .text h2{color: #fff;font-size: 18px;font-weight: 300;padding-top: 10px;text-transform: uppercase;position: relative;padding-bottom: 10px;}
.inner-banner .text h2:after{content: '';position: absolute;right: 0;bottom: 0;width: 120px;height: 2px;background:#fff;}
.inner-banner .bgimg{width: 100%;position: relative;background:#000;}
.inner-banner .bgimg img{width: 100%;opacity: 0.6}
@media (max-width:1399px){
	.inner-banner .bgimg:after{height:350px;content:'';display:block}
	.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.inner-banner .text h1{font-size: 40px;}
	.inner-banner .text h2:after{width: 90px;}
}
@media (max-width:1199px){
	.inner-banner .bgimg:after{height:300px;}
	.inner-banner .text h1{font-size: 30px;}
	.inner-banner .text h2:after{width: 70px;}
}
@media (max-width:767px){
	.inner-banner{margin-top: 60px}
	.inner-banner .bgimg:after{height:220px;}
	.inner-banner .text h1{font-size: 25px;}
	.inner-banner .text h2:after{width: 50px;}
}
.search{width: 25%;vertical-align: top;}
.search form{width: 100%;font-size: 0}
.search form input{width: 85%;background: #f2f2f2;line-height: 30px; height: 30px;border: none;vertical-align: top;padding: 0 2%}
.search form #submit{border: none;background: #3a3a3a;width: 15%;height: 30px;text-align: center;cursor: pointer;}
.search form #submit:hover{background: #000}
.search form #submit:before{color: #fff;line-height: 30px;}

.comm-title{width: 100%;text-align: center;padding-top: 40px}
.comm-title.left{text-align:left;}
.comm-title h1{color: #393939;font-size: 2.2vw;line-height: 60px;width: 100%;display: inline-block;position: relative;padding-bottom: 20px;}
.comm-title h1:after{content:'';width: 80px;height: 4px;background:#273a58;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);}
.comm-title.left h1:after{left: 0;transform:translateX(0)}
.comm-title h2{font-size: 16px;line-height: 25px;margin-top: 30px;color:rgba(0,0,0,0.6);font-weight: 300}
@media (max-width:1300px){
	.comm-title h1{font-size: 30px;}
}
@media (max-width:991px){
	.comm-title{padding-top: 20px}
	.comm-title h1{font-size: 24px;line-height: 30px;padding-bottom: 15px}
	.comm-title h2{font-size: 14px;line-height: 20px;}
	.comm-title h1:after{height: 2px;width: 60px}
}
@media (max-width:576px){
	.comm-title h1{font-size: 20px;line-height: 24px}
	.comm-title h2{margin-top: 20px;}
}
.home-news{position: relative;z-index: 50;padding-bottom: 20px;}
.home-news .home-news-list{display: block;padding: 0 60px;background:#fff;box-shadow: 0 1px 6px 3px rgba(0,0,0,0.1);padding-bottom: 40px;}
.home-news .home-news-list .comm-title{padding-top: 40px}
.home-news .home-news-list .content{display: block;font-size: 0;margin-top:10px;padding-bottom: 20px;}
.home-news .home-news-list .content dl{display: inline-block;vertical-align: top;text-align: center;}
.home-news .home-news-list .content dl:last-child{margin-right: 0}
.home-news .home-news-list .content dl a dt{display: block;font-size: 14px}
.home-news .home-news-list .content dl a dt span{color: #999;padding: 0 4px;display: inline-block}
.home-news .home-news-list .content dl a dt span:last-child{text-transform:uppercase;}
.home-news .home-news-list .content dl a dd{display: block;}
.home-news .home-news-list .content dl a dd h1{color: #273a58;text-transform:uppercase;margin-top: 5px;margin-bottom: 15px;display: block;}
.home-news .home-news-list .content dl a dd p{height: 50px;line-height: 25px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media (max-width:991px){
	.home-news .home-news-list{padding:20px;padding-bottom: 40px}
}
.about-sunova{width: 100%;margin-top: -200px;position: relative;padding-top: 40px;overflow: hidden;padding-bottom: 40px;z-index: 50;}
.about-sunova .leftimg{position: absolute;left: -12%;top:75%;transition: all .2s;}
.about-sunova .rightimg{position: absolute;right: -20%;top: 200px;transition: all .2s;}
.about-sunova.this .leftimg{left: -8%;}
.about-sunova.this .rightimg{right: -16%;}
.about-sunova .content{line-height: 25px;width: 100%;padding:30px 7%;text-align: justify;text-align-last: center;font-size:16px;position: relative;z-index: 150;color: rgba(0,0,0,0.6)}
.about-sunova .content.newslist{padding: 30px 0}
.more{width: 100%;text-align: center;font-size: 0;height: 22px;overflow:hidden;}
.more a,.more i{color: #fff;background: #3a3a3a;display: inline-block;line-height: 22px;height: 22px;font-size: 12px;padding: 0 15px;text-transform: uppercase;vertical-align: top;}
.more i{height: 22px;width: 50px; background:linear-gradient(-278deg, transparent 22px, #273a58 0) top right;padding-left: 27px;margin-left: -25px;font-size: 15px;color: #fff;overflow: hidden;}
.more a:hover{background: #273a58;color: #fff}
@media (max-width:991px){
	.about-sunova{margin-top: -100px;}
	.about-sunova .content.newslist{padding: 10px 0}
}

.about-sunova .fiveblock{width: 100%;padding: 45px 60px;font-size: 0;position: relative;z-index: 150}
.about-sunova .fiveblock dl{width:20%;border-right: 1px #ddd solid;display: inline-block;text-align: center;vertical-align: top;}
.about-sunova .fiveblock dl:last-child{border-right: none;}
.about-sunova .fiveblock dl dt{width: 100%;font-size: 68px;color: #B4B4B5;height: 70px;transition:all .2s;}
.about-sunova .fiveblock dl.this dt{color: #273a58;transform: scale(1.2);}
.about-sunova .fiveblock dl dd{width: 100%;padding-top: 25px;padding-bottom: 15px}
.about-sunova .fiveblock dl dd h1{font-size: 40px;color: #273a58;}
.about-sunova .fiveblock dl dd h1 sup{font-weight: normal;top: -11px}
.about-sunova .fiveblock dl dd h2{font-size:18px;width: 100%;padding: 0 15%;margin-top:39px;min-height: 26px;line-height: 20px;overflow: hidden;color: rgba(0,0,0,0.6);font-weight: 300}
.about-sunova .fiveblock dl:first-child h3{padding-top:18px;}
.about-sunova .fiveblock.global dl:first-child h2{margin-top: 5px}
.team-content{width:100%;}
.team-content .container-fluid{background:#273a58;padding-top:50px;padding-bottom:180px;margin-top:50px}
.team-content .container-fluid .title{width: 100%;position: relative;}
.team-content .container-fluid .title h1{color:#fff;font-size:30px;position:relative;}
.team-content .container-fluid .title h1:after{content:'';position: absolute;background: #fff;width: 60px;height: 25px;left: -80px;top: 5px;}
.team-content .container-fluid .title i{font-size: 70px;color: #fff;position:absolute;right:0;top: 0;}
@media (max-width:1399px){
	.team-content .container-fluid,.team-content .container-fluid .container{padding-right:1%}
}
@media (max-width:767px){
    .team-content .container-fluid .title i{font-size: 50px;}
}
@media (max-width:576px){
    .team-content .container-fluid,.team-content .container-fluid .container{padding-left:2%}
    .team-content .container-fluid .title h1{font-size:22px;}
    .team-content .container-fluid .title h1:after{width: 50px;height: 18px;left: -60px;}
    .team-content .container-fluid .title i{font-size: 40px;}
}
/*.management-team{width: 100%;margin-top: -220px;margin-left: -30px;margin-right: -30px}*/
.management-team{width: 100%;margin-top: -220px;padding:0 10%}
.management-team dl {width: 100%;padding: 30px;}
.management-team dl dt{width:100%;font-size:0;padding-top:60px;position:relative;text-align:right;overflow: hidden}
.management-team dl dt img{width:90%}
.management-team dl dt span{width:0;height:0;border-bottom:200px solid #fff;border-right: 420px solid transparent;position:absolute;left:0;bottom:0;}
.management-team dl dd{width: 100%;padding:25px 0;margin-top:-90px;position:relative;z-index:100;color:#222;line-height:22px;min-height:260px}
.management-team dl dd h1{position:relative;color:#333;font-size:20px;top:-10px;padding-top: 25px;}
.management-team dl dd h1:after{content:'';position:absolute;left:0;top: 0;background:#273a58;width:16px;height:16px}
.management-team dl dd h2{font-size: 16px;color:#666;padding-bottom: 5px;}
.management-team dl dd h3{font-size: 22px;font-weight: 300;display: block;margin-bottom:10px;margin-top: 30px}
.management-team dl dd b{color:#000;font-size:18px}
.management-team dl dd p{line-height:25px;color:#666;font-size: 16px;padding:0;margin:10px 0}

@media (max-width:1599px){
	.about-sunova{padding-top: 5%;min-height: auto}
	.about-sunova .container-fluid{padding: 0}
	.about-sunova .content{padding:30px 12%;}
	.about-sunova .fiveblock{padding: 45px 12%;}
	.about-sunova .leftimg{left: -30%;}
	.about-sunova .rightimg{right: -25%;}
	.about-sunova.this .leftimg{left: -25%;}
	.about-sunova.this .rightimg{right: -22%;}
}
@media (max-width:1299px){
	.about-sunova{padding-top: 0%}
	.about-sunova .leftimg,.about-sunova .rightimg{display: none;}
	.about-sunova .content{padding:30px 6%;font-size: 14px}
	.about-sunova .fiveblock{padding: 45px 6%;}
	.management-team dl dd h3{font-size: 20px;}
	.management-team dl dd p{line-height:22px;font-size:16px;}
}
@media (max-width:1199px){
	.management-team{margin-left:0;margin-right: 0}
	.management-team dl {padding: 20px 3%;}
}
@media (max-width:991px){
	.about-sunova .fiveblock{padding:30px 0;}
	.about-sunova .fiveblock dl{border-right-color: #ddd;padding-top: 5px}
	.about-sunova .fiveblock dl dd{padding-bottom: 5px}
	.about-sunova .fiveblock dl dd h1{font-size: 30px}
	.about-sunova .fiveblock dl dd h2{font-size: 14px}
	.management-team dl dd h3{font-size: 18px;}
	.management-team dl dd p{line-height:20px;font-size:14px;}
}
@media (max-width:767px){
	.management-team dl {padding:10px 0;}
	.about-sunova .content{padding:20px 0;font-size: 14px;line-height: 20px}
	.about-sunova .fiveblock{padding: 30px 0}
	.about-sunova .fiveblock dl dt{font-size: 50px;height: 50px}
	.about-sunova .fiveblock dl dd h1{font-size: 20px}
	.about-sunova .fiveblock dl dd h2{font-size: 12px;padding: 0 5%;margin-top: 10px;line-height:16px;height:48px}
}
.sunova-product{width: 100%;padding: 40px 0;background:#fff;}
.sunova-product .content{width: 100%;font-size: 0;padding: 30px 7%;padding-bottom: 0;}
.sunova-product .content dl{width: 32%;display: inline-block;overflow: hidden;margin-right: 2%}
.sunova-product .content dl:last-child{margin-right:0}
.sunova-product .content dl dt{width: 100%;display: block;border-bottom: 1px #DBDCDC dotted;vertical-align: top;position:relative}
.sunova-product .content dl dt:after{content: '';position: absolute;left: 50%;bottom: -5px;width: 8px;height: 8px;border-radius: 50%;background:#000;}
.sunova-product .content dl dt li{width: 100%;text-align: center;}
.sunova-product .content dl dt li img{width: 90%;transition: all .2s;margin: 5% 0 8% 0;border-radius:15px}
.sunova-product .content dl a:hover dt li img{transform: scale(1.1);}
.sunova-product .content dl dd{width: 100%;text-align: center;}
.sunova-product .content dl dd h1{margin-top: 25px;font-size:40px;color:#333;line-height: 60px;height: 30px;}
.sunova-product .content dl dd p{font-size:14px;margin-top:40px}
.sunova-product .content dl a:hover dd h2{color:#273a58 }

@media (max-width:1499px){
	.sunova-product{padding: 50px 0;min-height:auto}
	.sunova-product .content dl dd h1{margin-top: 20px;font-size:30px;}
	.sunova-product .content dl dd p{margin-top:30px}
}
@media (max-width:1299px){
	.sunova-product .container-fluid{padding: 0}
	.sunova-product .content{padding: 20px 4%;}
	.sunova-product{padding-bottom: 40px;min-height:auto}
}
@media (max-width:991px){
	.sunova-product{padding-bottom: 20px;padding-top: 30px}
	.sunova-product .content{padding: 20px 0;}
	.sunova-product .content dl dd h2{margin-top: 0;margin-bottom: 10px}
	.sunova-product .content dl dd h2 img{width: 60%}
	.sunova-product .content dl dd h1{margin-top: 0;font-size: 18px;line-height: 24px;margin-top: 15px}
	.sunova-product .content dl dd p{margin-top:0px}
}
@media (max-width:576px){
	.sunova-product{padding-bottom: 20px;}
	.sunova-product .content{padding: 10px 3%}
	.sunova-product .content dl dt li img{width: 98%;}
	.sunova-product .content dl a:hover dt li img{transform: scale(1.02);}
	.sunova-product .content dl{width: 100%;margin-right: 0}
}
.global-project{width: 100%;padding-bottom: 50px;}
.global-project .global-menu{padding-top: 70px;padding-bottom: 4px;background:url(../images/bg.jpg) no-repeat center top fixed;background-size: cover;} 
.global-project .comm-title h1{color: #fff}
.global-project .comm-title h1:after{background:#fff;}
.global-project .comm-title h2{color: #fff}

.global-project .global-menu .title{width: 100%;text-align: center;padding-top: 30px;margin-bottom: 50px}
.global-project .global-menu .title li{display: inline-block;background: #fff;margin: 0 12px;font-size: 16px;border:3px #fff solid;cursor: pointer;width: 250px;text-align: center;}
.global-project .global-menu .title li.this{color: #fff;background: #273a58;border-color:#273a58;position: relative;}
.global-project .global-menu .title li.this:after {position: absolute;bottom: -10px;left: 43%;display: inline-block;border-right:10px solid transparent;border-top: 10px solid #273a58;border-left: 10px solid transparent;content: '';}
.global-project .content .imgblock{width: 100%;padding:40px;background:rgb(255,255,255,0.9);box-shadow: 0 1px 15px 3px rgba(0,0,0,0.1);}
.global-project .content .list{width: 100%;font-size: 0;padding-top: 20px;padding-bottom: 50px;display: none}
.global-project .content .list.view{display: inline-block;}
.global-project .content .list .desc{margin-bottom: 30px;display: block}
.global-project .content .list .desc p{font-size: 14px;display: block;padding: 5px 2%;}
.global-project .content .list li{width: 33%;margin-right: 0.5%;display:inline-block;padding: 0 20px}
.global-project .content .list li:last-child{margin-right: 0}
.global-project .content .list li a{background: #333;display: block;position:relative;}
.global-project .content .list li a img{width: 100%;vertical-align: top;}
.global-project .content .list li a:hover img{opacity: 0.6}
.global-project .content .list li a span{width: 100%;display: block;text-align: center;position: absolute;left: 0;top:50%;transform:translateY(-50%);opacity: 0;transition: all .2s;}
.global-project .content .list li a span h1{width: 100%;text-align: center;font-size:2vw;color: #fff;padding-bottom: 15px}
.global-project .content .list li a span h2{color: #fff;font-size: 14px;line-height: 20px;width: 100%;padding: 0 5%}
.global-project .content .list li a span h2:before {font-size: 20px;vertical-align:top;}
.global-project .content .list li a:hover span{opacity: 1}

@media (max-width:1600px){
	.global-project{height: auto}
	.global-project .bg{height: 500px}
	.global-project .container-fluid{margin-top: -420px}
}

@media (max-width:1300px){
	.global-project .bg{height: 400px}
	.global-project .content .title li{margin: 0 6px;font-size: 14px;width: 30%;}
	.global-project .container-fluid{margin-top: -350px;padding-left: 6%;padding-right: 6%}
}
@media (max-width:991px){
	.global-project .global-menu .title li{width: auto;margin: 0 5px;padding: 0 10px}
	.global-project .container-fluid{padding-left: 3%;padding-right: 3%}
	.global-project .content .imgblock{padding:20px }
	.global-project .content .list li{padding: 0 10px}
}
@media (max-width:767px){
	.global-project .global-menu{padding-top:40px;}
	.global-project .content .list li{width: 100%;margin-right: 0;margin-bottom: 15px}
	.global-project .content .list li:last-child{margin-bottom: 0}
	.global-project .content .list li a span h1{font-size:20px;}
	.global-project .content .list li a span h2{font-size: 14px;}
	.global-project .content .title li{margin: 0 3px;font-size: 14px;}
	.global-project .global-menu .title li{font-size: 15px}
	.global-project .content .imgblock{padding:30px 3%;padding-top: 0}	
}

.inner-title .title{width: 100%;padding-top: 50px;display: inline-block;position: relative}
.inner-title .title h1{color: #3E3A39;font-size: 30px;padding-bottom: 10px;}
.inner-title .title i{width: 130px;background: #273a58;height: 3px;border-right: 40px #E8E4E3 solid;display: inline-block;}
.inner-title .title .fr {padding-top: 28px;position:absolute;right: 0;top: 50%;font-size: 16px;transform:translateY(-50%);}
.inner-title .title .fr a{display: inline-block;margin-left: 2.2vw;font-size: 16px;padding: 0 5px}
.inner-title .title .fr a:hover,.inner-title .title .fr a.this{color: #273a58;border-bottom: 3px solid #273a58;padding-bottom:5px;}
@media (max-width:767px){
	.inner-title .title{padding-top: 30px;}
}
.submenu{width: 100%;position: relative;z-index: 100}
.submenu dl{background: #273a58;line-height:60px;width: 100%;margin-top: -30px;border-left: 6px #d6001c solid}
.submenu dt{width: 20px;height: 60px;display: inline-block}
.submenu dd{padding-left: 10px;width: 95%}
.submenu dd a{color: #fff;font-size:16px;text-transform: uppercase;margin-right: 15px}
.submenu dd a:last-child{margin-right:0}
.submenu.pl dd a{margin-right: 26px;font-size:15px;}
.submenu.pl dd a:last-child{margin-right: 0;}
.submenu dd a.this,.submenu dd a:hover{color: #d6001c;}
.submenu.modules dl{background: #fff;box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.1)}
.submenu.modules dd a{color: #273b58;}
.submenu.modules dd a.this,.submenu.modules dd a:hover{color: #d6001c;}
@media (max-width:1599px){
	.submenu dd a{color: #fff;font-size:15px;text-transform: uppercase;margin-right: 20px}
}
@media (max-width:1399px){
	.submenu dl{line-height:48px;}
	.submenu dt{height: 48px;}
	.submenu dd a{margin-right: 15px}
}
@media (max-width:1199px){
	.submenu dd{padding-left: 0}
	.submenu dt{width: 5px;}
	.submenu dd a{font-size:14px}
}
@media (max-width:991px){
	.submenu dl{line-height:45px;}	
	.submenu dd a{font-size:13px}
}
@media (max-width:767px){
	.submenu dl{margin-top: -22px;}
	.inner-title .title h1{font-size: 20px;padding-bottom: 0}
	.inner-title .title i{width: 90px;height: 2px;border-right: 30px #E8E4E3 solid;}
}
@media (max-width:576px){
	.bannerNav h1{font-size: 20px}
	.submenu dt{height: 40px}
	.submenu dl{line-height: 40px}
	.submenu dd a{font-size: 12px;margin-right:4%;}
}
.about-content{display: block;padding: 20px 0;}
.about-content .company-intro{font-size: 16px;padding-top: 10px;padding-bottom: 80px;color: rgba(0,0,0,0.6);display: block;}
.about-content .company-intro h1{color: #273a58;font-size: 40px;display: block;}
.about-content .company-intro h2,.about-content .company-intro h3,.about-content .company-intro h4{color: #273a58;font-size: 25px;font-weight: 300;display: block;}
.about-content .company-intro h2{font-weight: 400}
.about-content .company-intro h3{color: #666;font-weight: 300;padding-bottom: 12px;}
.about-content .company-intro h4{font-size: 20px}
.about-content .company-intro p{display: block;padding-top: 12px;padding-bottom: 20px;line-height: 26px;font-size: 16px}
.about-content .company-intro p a{text-decoration: underline;}
.about-content .company-intro p a:hover{color: #d6001c}
#comp.container-fluid,#comp.container-fluid .halfcol{padding: 0;background: #f7f7f7}
#comp.container-fluid .halfcol img{width: 100%}
#comp.container-fluid .halfcol .title{width: 100%;padding-top: 10%;}
#comp.container-fluid .halfcol .title h1{color: #3E3A39;font-size: 30px;}
#comp.container-fluid .halfcol .title i{width: 130px;background: #273a58;height: 3px;border-right: 40px #E8E4E3 solid;display: inline-block;}
#comp.container-fluid .halfcol .content{width: 80%;padding-top: 3%;font-size: 16px;line-height: 26px;color: rgba(0,0,0,0.6)}
#comp.container-fluid .mobileshow{display: none}
.milestone{margin-top: 80px;margin-bottom: 60px;}
.milestone h1{font-size: 35px;padding-bottom: 5%;padding-left:18%}
.milestone .swiper-wrapper div{background:url(../images/milestone.svg) no-repeat center 17px;background-size:cover auto;min-height: 345px;}
.milestone .swiper-wrapper div.firstdiv{background-image: url(../images/milestone.svg)}
.milestone .swiper-wrapper div.blackdiv{background-image: url(../images/milestone2.svg)}
.milestone .swiper-wrapper div.reddiv{background-image: url(../images/milestone3.svg)}
.milestone .swiper-wrapper div.spacediv{background:none;}
.milestone .swiper-wrapper div.reddiv h1,.milestone .swiper-wrapper div.firstdiv h1{color: #273a58}
.milestone .swiper-wrapper div p{font-size: 15px;line-height: 20px;display: inline-block;color: rgba(0,0,0,0.6);padding-left:18%;margin: 0;margin-bottom:5px;}
.milestonearr{position: relative}
.milestonearr .swiper-button-next,.milestonearr .swiper-button-prev{color: #666}
.milestonearr .swiper-button-next:after,.milestonearr .swiper-button-prev:after{font-size: 30px}
.milestone.portuguese div p{font-size: 14px;}
@media (max-width:1599px){
	#comp.container-fluid .halfcol .content{width: 100%;}
}
@media (max-width:1399px){
	#comp.container-fluid .halfcol .content{width: 100%;font-size: 15px;line-height: 25px}
	.milestone .swiper-wrapper div{min-height: 405px;}
	.about-content .company-intro p{line-height: 22px;font-size: 15px}
}
@media (max-width:1199px){
	#comp.container-fluid .halfcol .title{padding-top: 5%}
	.milestone h1{font-size: 30px;}
	.about-content .company-intro h1{font-size: 30px;}
	.about-content .company-intro p{line-height: 20px;font-size: 14px}
	.about-content .company-intro h2,.about-content .company-intro h3,.about-content .company-intro h4{font-size: 20px;}
}
@media (max-width:991px){
	.about-content .content,.about-content .container{padding-top: 30px;padding-bottom: 30px}
	.about-content .container.padding2{padding: 0 3%}
	#comp.container-fluid .halfcol .title{padding-top: 5%}
	#comp.container-fluid .halfcol .col-md-3{max-width: 0}
	.about-content .content p{font-size: 15px;line-height: 25px}
	#comp.container-fluid .halfcol .content{width: 100%;font-size: 14px;line-height: 22px}
	#comp.container-fluid .halfcol .title h1{font-size: 20px}
	.milestone h1{font-size: 20px;}
	.about-content .company-intro h1{font-size: 20px;}
	.about-content .company-intro h2,.about-content .company-intro h3,.about-content .company-intro h4{font-size: 18px;}
}
@media (max-width:767px){
	.about-content .content,.about-content .container{padding-top: 20px;padding-bottom:20px }
	#comp.container-fluid .halfcol .title{padding-top: 0}
	.milestone{margin-top: 30px}
    .milestone .swiper-wrapper div{min-height: 390px;}
	.milestone h1{font-size: 25px;line-height:42px;}
	#comp.container-fluid .row div{padding: 0}
	#comp.container-fluid .row .halfcol{padding: 20px 2%}
	#comp.container-fluid .pcshow{display: none}
	#comp.container-fluid .mobileshow{display: block;}
	.milestone .swiper-wrapper div p{font-size: 14px;line-height: 18px;}
	.about-content .content p{font-size: 14px}
}
@media (max-width:576px){
	.about-content .content,.about-content .container{padding: 10px 3%}
    .milestone h1,.milestone .swiper-wrapper div p{padding-left:15%}
    .about-content .content p{font-size: 12px;line-height: 20px}
    #comp.container-fluid .halfcol .title{padding-top: 0}
	.about-content .title{padding-top: 30px}
	.milestone .swiper-wrapper div{min-height: 300px;}
	#comp.container-fluid .halfcol .content{font-size: 14px}
	.milestone .swiper-wrapper div p{font-size: 14px}
	.about-content .content p{font-size: 14px}
	.about-content .title i{width: 110px;border-right: 30px #E8E4E3 solid;}
}
@media (max-width:450px){
    .milestone .swiper-wrapper div{min-height: 245px;}
    .milestone .swiper-wrapper div p{font-size: 12px;line-height: 16px;}
}

.about-content .global-intro p{display: block;padding-top: 5px;padding-bottom: 5px;font-size: 16px;line-height: 26px;}
.about-content .global-map{display: block;}
.about-content .global-map img{width: 100%}
.about-content.offices{background: #f7f7f7;margin-bottom: 0;padding-bottom: 120px}
.about-content.offices .row{padding-top: 40px;gap:1.4rem;}
.about-content.offices .row > div{border-radius: 0.625rem;background: #fff;box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.1);margin: 5px 5px 0.5rem 5px;flex-basis: calc(50% - 1.5em);}
.about-content.offices dl{width: 100%;padding:25px 0;}
.about-content.offices dl dt{width: 100%;font-size: 25px;border-bottom: 1px #ddd solid;color: #273a58;padding-bottom: 10px;padding-top: 5px;}
.about-content.offices dl dt h1{color: #273a58;font-size: 35px;display: block;padding-bottom: 5px;}
.about-content.offices dl dt h3{color: #273a58;font-size: 18px;display: block;}
.about-content.offices dl dd{width: 100%;padding-top: 30px;}
.about-content.offices dl dd p{line-height: 25px;font-size: 16px;color: rgba(0,0,0,0.6)}
.about-content.offices dl dd i{vertical-align:middle;margin-right: 6px;font-size: 16px;line-height: 26px;display: inline-block;}
.about-content.offices dl dd i.icon-location{font-size: 20px;margin-right:2px;line-height: 22px;vertical-align: text-top;}
@media (max-width:1199px){
	.about-content .global-intro p{font-size: 15px;line-height: 22px;}
}
@media (max-width:991px){
	.about-content.offices dl{padding:20px 0;}
	.about-content.offices dl dt h1{font-size: 30px;}
	.about-content.offices dl dt h3{font-size: 15px;}
	.about-content.offices dl dd{padding-top: 20px;}
	.about-content.offices dl dd i.icon-location{line-height: 18px}
	.about-content .global-intro p{font-size: 14px;line-height: 20px;}
}
@media (max-width:576px){
	.about-content.offices .row{gap:0;}
	.about-content.offices .row > div{margin: 10px 0;flex-basis:100%;}
	.about-content.offices dl{padding:15px 0;}
	.about-content.offices dl dt h1{font-size: 25px;}
	.about-content.offices dl dt h3{font-size: 14px;}
}

.reliable-list{display:block;font-size: 0;margin-top: -60px}
.reliable-list dl{width: 32%;margin-right:2%;text-align:center;padding: 10px 5%}
.reliable-list dl:last-child{margin-right:0}
.reliable-list dl dt{display: block;}
.reliable-list dl dt img{width: 80px}
.reliable-list dl dd{display: block;font-size: 16px;padding-top: 20px;line-height: 26px}

.three-el{padding-top: 55px}
.three-el dl{width: 100%;text-align: center;padding-bottom: 25px}
.three-el dl dt{width: 100px;height: 100px;border-radius: 50%;border:1px #3e3a39 solid;}
.three-el dl:hover dt{border-color: #273a58}
.three-el dl dt img{width: 100%;border-radius: 50%;}
.three-el dl dd{width: 100%;padding: 0 18%;font-size:16px;padding-top: 20px;color: rgba(0,0,0,0.6)}

.about-content.quality{margin-bottom: 0;}
.about-content.quality .inner-title .title h1{color: #fff}
.about-content.quality .container-fluid{padding: 0;}
.about-content.quality .quality-bg.row .col-lg-6{background:url(../images/a3.png) no-repeat left top;background-size: cover;padding: 0;background-size: cover;}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(1){padding-left: 14%;padding-right: 6%;padding-top: 3%;padding-bottom:10%}
.about-content.quality .quality-bg.row .col-lg-6 p{font-size: 16px;line-height: 26px;width: 100%;padding-top: 30px;padding-bottom: 20px;}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) p{color: #fff;}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) img{width: 70%;}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-right: 14%;padding-top: 3%}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-left: 50px;background: #f7f7f7}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2) .title{padding-top: 40px}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2) h1{color: #273a58;}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2) img{width:100%;margin-bottom: 50px}
.about-content.quality .quality-bg.row .col-lg-6:nth-child(2) img:nth-child(4){width: 70%;margin-bottom: 30px;}
.about-content.quality .quality-content .col-lg-6{padding: 0;margin-top: -620px}
.about-content.certificates .inner-title .title h1{font-size: 35px}
.about-content.certificates img{width: 65%}
@media (max-width:1800px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1){padding-left: 10%;}
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-right: 10%;}
}
@media (max-width:1600px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1){padding-left: 7%;}
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-right: 7%;}
}
@media (max-width:1400px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1){padding-left: 5%;}
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-right: 5%;}
}
@media (max-width:1199px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) img{width: 85%;}
}
@media (max-width:991px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) img{width: 55%;}
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(2){padding-top: 25px;padding-left: 5%}
	.about-content.quality .quality-bg.row .col-lg-6 p{font-size: 14px;line-height: 25px;margin-bottom: 20px}
	.about-content.offices dl dd p{font-size: 14px;line-height: 25px}
	.three-el{padding-top: 10px}	
	.three-el dl dd{padding: 0 3%;padding-top: 20px;font-size: 14px}
}
@media (max-width:767px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) img{width: 65%;}
	.about-content.quality .row .col-lg-6:nth-child(2){padding-left: 0px;padding-top: 5px;}
	.about-content.quality .row .col-lg-6:nth-child(2) img{width: 100%;margin-bottom: 30px}
	.about-content.quality .quality-content .col-lg-6{padding: 0;margin-top: -620px}
	.about-content.offices dl dd p{font-size: 14px;line-height: 20px}
}
@media (max-width:576px){
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(1) img{width: 80%;}
	.about-content.quality .quality-bg.row .col-lg-6:nth-child(2) h1{font-size: 20px;padding-top: 0}
}

.bankability-list{display: block;}
.bankability-list dl{align-items: center;}
.bankability-list dl dt{padding:0 5%;text-align:center;}
.bankability-list dl dt img{width: 100%}
.bankability-list dl dt.halfsize{padding-top: 40px;padding-bottom: 40px;}
.bankability-list dl dt.halfsize img{width: 50%;padding-bottom: 20px;}
.bankability-list dl dd{padding:100px 5%;background:#f7f7f7;}
.bankability-list dl dd p{font-size: 16px;line-height: 26px;padding-top: 30px;display: block;}
.bankability-list dl dd p a{text-decoration: underline;}
.bankability-list dl:nth-child(2n) dt{align-self: center;padding-top: 40px;padding-bottom: 40px}
.bankability-list dl:nth-child(2n+1) {flex-direction: row-reverse;}
.bankability-text{display: block;padding-bottom: 80px;}
.bankability-text p{font-size: 16px;line-height: 26px;display: block;margin-top: 30px}
.bankability-text ul{display: block;padding-top: 10px}
.bankability-text ul li{line-height: 26px;font-size: 16px;position: relative;padding-left: 15px}
.bankability-text ul li:after{content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background:#666;}
@media (max-width:1199px){
	.bankability-list dl dd{padding:50px 3%;}
	.bankability-list dl dd p,.bankability-text ul li,.bankability-text p{font-size: 15px;line-height: 22px;}
	.bankability-text p{margin-top: 15px}
	.bankability-text{padding-bottom: 50px;}
}
@media (max-width:991px){
	.bankability-list dl dd{padding:30px 3%;}
	.bankability-list dl dd p,.bankability-text ul li,.bankability-text p{font-size: 14px;line-height: 20px;}
	.bankability-text{padding-bottom:15px;}
}
.product-content .list {margin-left: -40px;margin-right:-40px;}
.product-content .list dl{padding:40px;text-align: center;}
.product-content .list dl dt{background: linear-gradient(to bottom, #e7e8ed 0%,#fefefe,80%,#dbdee5 100%);width: 100%;height:400px;border-bottom: 6px #273a58 solid;width: 100%}
.product-content .list dl > a > img {margin-top: -320px;width:90%;vertical-align: top;transition: all .2s;}
.product-content .list dl > a:hover > img {transform: scale(1.08);}
.product-content .list dl dd{padding:1vh 0;padding-top: 50px;width: 100%;margin-bottom: 0}
.product-content .list dl dd h1{font-size: 24px;color: #273a58;}
.product-content .list dl dd h2{font-size:16px;padding-top:10px;color: #5f5f5f;font-weight: 300}
.product-content .list dl .download{display: block;text-align:center;color: #273a58;font-size: 16px;line-height:28px;}
.product-content .list dl .download table{display: inline-block}
.product-content .list dl .download td{display: table-cell;vertical-align: top;text-align:left;}
.product-content .list dl .download td li{display: inline-block;padding: 2px 0;line-height:16px;vertical-align: top;}
.product-content .list dl .download td li a{display: block;color: #273b58;font-weight: 300}
.product-content .list dl .download td li a span{background:#00000050;color: #fff;display:inline-block;padding: 4.8px 12px;margin-left: 10px;vertical-align: text-top;transition:all .3s;position: relative}
.product-content .list dl .download td li a span i{font-size: 16px;}
.product-content .list dl .download td li a:hover span{background: #273b58}
.product-content .list dl .download td li.us a span,.product-content .list dl .download td li.ca a span{background: url(../images/language.webp) no-repeat 0 0;background-size: 100% auto;position: relative;transition:all .3s}
.product-content .list dl .download td li.ca a span{background-position: 0 bottom}
.product-content .list dl .download td li.us a span i,.product-content .list dl .download td li.ca a span i{opacity: 0;transition:all .3s;position: relative;z-index: 5}
.product-content .list dl .download td li.us a:hover span i,.product-content .list dl .download td li.ca a:hover span i{opacity: 1;}
.product-content .list dl .download td li.us a:hover span:after,.product-content .list dl .download td li.ca a:hover span:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #273b58b0;}
.product-content .list.otherfouth dl dt{height:280px;}
.product-content .list.otherfouth dl > a > img {margin-top: -210px;}
.product-content .list.inverters dl dt{height:200px;}
.product-content .list.inverters dl > a > img{width:100%;margin-top:-180px;}
.product-content .list.inverters dl dd{padding-top: 0}
@media (max-width:1499px){
	.product-content .list {margin-left: -20px;margin-right:-20px;}
	.product-content .list dl{padding: 20px}
	.product-content .list dl dt{height:350px;}
	.product-content .list dl > a > img {margin-top: -280px;}
	.product-content .list dl dd h1{font-size: 20px}
	.product-content .list dl dd h2{font-size:14px;padding: 1vw 0}
}
@media (max-width:1299px){
	.product-content .list dl dt{height:320px;}
	.product-content .list dl > a > img {margin-top: -260px;}
	.product-content .list.otherfouth dl dt{height:250px;}
	.product-content .list.otherfouth dl > a > img {margin-top: -190px;}
	.product-content .list.inverters dl dt{height:180px;}
	.product-content .list.inverters dl > a > img{margin-top:-170px;}
}
@media (max-width:1199px){
	.product-content .list{padding-top: 20px}
	.product-content .list dl dt{height:280px;}
	.product-content .list dl > a > img {margin-top: -220px;}
	.product-content .list dl .download{font-size: 14px;}
	.product-content .list dl .download td li a span i{font-size: 14px;}
	.product-content .list.otherfouth dl dt{height:200px;}
	.product-content .list.otherfouth dl > a > img {margin-top: -150px;}
}
@media (max-width:991px){
	.product-content .list dl dt{height:320px;}
	.product-content .list dl > a > img {margin-top: -270px;}
	.product-content .list dl dd h1{font-size: 16px}
	.product-content .list dl dd h2{font-size:15px;}
	.product-content .list dl dd{padding-bottom: 1vh}
	.product-content .list.otherfouth dl dt{height:300px;}
	.product-content .list.otherfouth dl > a > img {margin-top: -250px;}
	.product-content .list.inverters dl dt{height:250px;}
	.product-content .list.inverters dl > a > img{margin-top:-250px;}
}
@media (max-width:767px){
	.product-content .list {margin-left:0;margin-right:0}
	.product-content .list dl dt{height:38vh;}
	.product-content .list dl > a > img {margin-top: -32vh;}
	.product-content .list dl{padding: 0;padding-bottom: 30px}
	.product-content .list dl dd h1{font-size: 20px;color: #273a58;}
	.product-content .list dl dd h2{font-size:14px;padding: 1.5vw 0;line-height: 20px}
	.product-content .list.otherfouth dl dt{height:38vh;}
	.product-content .list.otherfouth dl > a > img {margin-top:-32vh;}
	.product-content .list.inverters dl dt{height:26vh;}
	.product-content .list.inverters dl > a > img{margin-top:-30vh;}
}


.banner-product{display: block;position: relative;width: 100%;overflow: hidden}
.banner-product .bgimg{position: relative}
.banner-product .bgimg img{width: 100%}
.banner-product .text{position: absolute;left:0;top: 50%;transform:translateY(-50%);display: block;z-index: 10;width: 100%}
.banner-product .text h1{font-size: 50px;color: #fff;position: relative;display: inline-block;padding-bottom: 20px;text-transform:uppercase;}
.banner-product .text h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fff}
.banner-product .text h2{display: block;color: #fff;font-size:18px;font-weight: 300;margin-top: 20px}

@media (max-width:1399px){
	.banner-product .bgimg:after{height:350px;content:'';display:block}
	.banner-product .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner-product .text h1{font-size: 40px;padding-bottom:15px}
	.banner-product .text h2{font-size: 16px;line-height: 20px;margin-top: 15px}
}
@media (max-width:1199px){
	.banner-product .bgimg:after{height:320px;}
	.banner-product .text h1{font-size: 30px;}
}
@media (max-width:767px){
	.banner-product{margin-top: 40px}
	.banner-product .bgimg:after{height:280px;}
	.banner-product .text h1{font-size: 25px;}
	.banner-product .text h2{font-size: 14px;line-height:17px;margin-top: 10px}
}
.product-content{display: block;}
.product-content .product-cate{display: block;margin-top: -31px}
.product-content .product-cate > div{display: block;padding-top: 50px;padding-bottom: 50px}
.product-content .product-cate > div:first-child{/*background:linear-gradient(90deg, #273b58, #000);*/padding-top: 100px;padding-bottom: 0}
.product-content .product-cate > div:nth-child(2n+1){background: #f6f6f6}
.product-content .product-cate > div dl{display: block;font-size: 0}
.product-content .product-cate > div dl dt{display: inline-block;width: 30%;align-self:end;}
.product-content .product-cate > div dl dt img{width: 80%}
.product-content .product-cate > div:first-child dl dt img{width: 95%}
.product-content .product-cate > div dl dd{width: 70%;display: inline-block;padding-left: 5%}
.product-content .product-cate > div dl dd h2{display:block;font-size: 32px;color: #263a57;text-transform:uppercase;margin-bottom: 20px;}
.product-content .product-cate > div dl dd p{display: block;font-size: 16px;color: #5f5f5f;margin-bottom: 30px}
.product-content .product-cate > div dl dd a{background:linear-gradient(90deg, #273b58, #1f5d95);color: #fff;display: inline-block;padding: 6px 50px;border-radius:50px;font-size:18px;line-height: 30px;font-weight: 400}
/*.product-content .product-cate > div:first-child dl dd h2,.product-content .product-cate > div:first-child  dl dd p{color: #fff}*/
/*.product-content .product-cate > div:first-child dl dd a{background:#fff;color: #263a57}*/
@media (max-width:1399px){
	.product-content .product-cate > div dl dt{padding-top: 50px}
	.product-content .product-cate > div dl dd {width: 62%}
	.product-content .product-cate > div dl dd h2{font-size: 30px;margin-bottom: 15px;}
	.product-content .product-cate > div dl dd p{font-size: 15px;margin-bottom: 25px;line-height: 20px}
	.product-content .product-cate > div dl dd a{line-height: 26px;padding: 5px 40px;font-size:16px}
}
@media (max-width:1199px){
	.product-content .product-cate > div dl dt{padding-top: 70px}
	.product-content .product-cate > div dl dd h2{font-size: 25px;margin-bottom: 12px;}
}
@media (max-width:991px){
	.product-content .product-cate > div dl dt{padding-top: 90px}
	.product-content .product-cate > div dl dd h2{font-size: 20px;}
	.product-content .product-cate > div dl dd p{font-size: 14px;;margin-bottom: 15px}
}
@media (max-width:767px){
	.product-content .product-cate > div dl:first-child{background-size:auto;}
	.product-content .product-cate > div dl dt{position: relative;overflow: hidden}
	.product-content .product-cate > div dl dt:after{height:300px;content:'';display:block}
	.product-content .product-cate > div dl dt img{position:absolute;left:0;height:78%;width:auto;top:0;}
	.product-content .product-cate > div dl dd{position:initial;width: 100%;padding: 0 3%;transform: translateY(-20%);}
	.product-content .product-cate > div dl dd h2{font-size: 18px;}
	.product-content .product-cate > div dl dd p{;margin-bottom: 30px}
}
.product-content .prut-short-intro{display: block;padding-top: 30px;font-size: 16px;color: #5f5f5f}
.product-content .prut-short-intro h2{color: #273b58;font-size: 20px;line-height: 35px;display: block;}
.product-content .prut-short-intro p{font-size: 16px;color: #5f5f5f;display:block;margin-top:15px;margin-bottom:15px;}
.product-content .prut-short-intro p:first-child{margin-top:0;}
.product-content .prut-short-list{padding-top: 30px;margin-left: -15px;margin-right:-15px;padding-bottom: 40px}
.product-content .prut-short-list dl{padding: 15px}
.product-content .prut-short-list dl a dt{display: block;}
.product-content .prut-short-list dl a dt img{width: 100%}
.product-content .prut-short-list dl a dd{display: block;text-align:center;padding: 20px 0}
.product-content .prut-short-list dl a dd h1{font-size: 22px;font-weight: 300;display: block;margin-bottom:8px}
.product-content .prut-short-list dl a:hover dd h1,.product-content .prut-short-list dl a:hover dd p{color: #d6001c}
@media (max-width:991px){
	.product-content .prut-short-intro h2{font-size: 18px;line-height: 25px;margin-bottom: 10px;}
	.product-content .prut-short-intro{font-size: 15px;padding-top: 20px;}
	.product-content .prut-short-intro p{font-size: 15px;}
}
@media (max-width:767px){
	.product-content .prut-short-list dl a dd{padding-bottom: 0}
}
.inner-prut-detail{display: block;background:#f2f2f2;padding-top: 80px;padding-bottom: 100px}
.inner-prut-detail .return-back,.inverters-detail .return-back{display: block;}
.inner-prut-detail .return-back i,.inverters-detail .return-back i{font-size: 20px;line-height: 30px;display: inline-block;vertical-align: top;margin-right:15px;color: #273b58}
.inner-prut-detail .return-back a,.inverters-detail .return-back a{display: inline-block;line-height: 30px;font-size: 16px;text-transform:capitalize;}
.inner-prut-detail .container > .row{border-bottom: 1px #ccc solid;padding-bottom:80px;padding-top: 80px}
.inner-prut-detail .row > div{padding: 0;}
.inner-prut-detail .container > .container .row > div:first-child{text-align:center;}
.inner-prut-detail .container > .row > div:first-child img{width: 66%}
.inner-prut-detail .row:last-child{border-bottom: none;padding-bottom: 0}
.inner-prut-detail .cate,.inverters-detail .cate{font-size: 20px;color: #273b58;margin-top: 15px}
.inner-prut-detail .title,.inverters-detail .title{display: block;}
.inner-prut-detail .title h1,.inverters-detail .title h1{font-size: 36px;color: #273b58;display: block;padding:15px 0}
.inner-prut-detail .title h3{font-size: 15px;display: block;padding-bottom: 15px}
.inner-prut-detail .download,.inverters-detail .download{display: block;padding-bottom: 20px;}
.inner-prut-detail .download ul,.inverters-detail .download ul{font-size: 0;display: block;}
.inner-prut-detail .download ul li,.inverters-detail .download ul li{padding: 2px 0;width: 60%;display: inline-block;vertical-align: bottom;}
.inner-prut-detail .download ul li p,.inverters-detail .download ul li p{font-size: 16px;margin: 0;}
.inner-prut-detail .download ul li:last-child,.inverters-detail .download ul li:last-child{width: 40%;text-align:right;}
.inner-prut-detail .download ul li:last-child > span,.inverters-detail .download ul li:last-child > span{font-size: 16px;color: #273b58;display: inline-block;vertical-align: middle;}
.inner-prut-detail .download ul li:last-child p,.inverters-detail .download ul li:last-child p{display: inline-block}
.inner-prut-detail .download ul li:last-child p a,.inverters-detail .download ul li:last-child p a{display: block;color: #273b58;font-weight: 300}
.inner-prut-detail .download ul li:last-child p a span,.inverters-detail .download ul li:last-child p a span{background:#00000050;color: #fff;display:inline-block;padding:0px 15px;margin-left: 10px;vertical-align: text-top;transition:all .3s;position: relative}
.inner-prut-detail .download ul li:last-child p a span i,.inverters-detail .download ul li:last-child p a span i{font-size: 16px;}
.inner-prut-detail .download ul li:last-child p a:hover span,.inverters-detail .download ul li:last-child p a:hover span{background: #273b58}
.inner-prut-detail .download ul li:last-child p.us a span,.inner-prut-detail .download ul li:last-child p.ca a span{background: url(../images/language.webp) no-repeat 0 0;background-size: 100% auto;position: relative;transition:all .3s}
.inner-prut-detail .download ul li:last-child p.ca a span{background-position: 0 bottom}
.inner-prut-detail .download ul li:last-child p.us a span i,.inner-prut-detail .download ul li:last-child p.ca a span i{opacity: 0;transition:all .3s;position: relative;z-index: 5}
.inner-prut-detail .download ul li:last-child p.us a:hover span i,.inner-prut-detail .download ul li:last-child p.ca a:hover span i{opacity: 1;}
.inner-prut-detail .download ul li:last-child p.us a:hover span:after,.inner-prut-detail .download ul li:last-child p.ca a:hover span:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #273b58b0;}
@media (max-width:1199px){
	.inner-prut-detail .title h1,.inverters-detail .title h1{font-size: 30px;padding:10px 0}
	.inner-prut-detail{padding-bottom: 60px}
	.inner-prut-detail .return-back i,.inverters-detail .return-back i{font-size: 18px;line-height: 25px;}
	.inner-prut-detail .return-back a,.inverters-detail .return-back a{line-height: 25px;font-size: 15px}
}
@media (max-width:991px){
	.inner-prut-detail .title h1,.inverters-detail .title h1{font-size: 25px;}
}
@media (max-width:767px){
	.inner-prut-detail{padding-bottom: 40px}
	.inner-prut-detail .cate,.inverters-detail .cate{padding-top: 20px;font-size: 16px;}
	.inner-prut-detail .title h1,.inverters-detail .title h1{font-size: 22px;}
	.inner-prut-detail .download ul li{width: 100%;display: block;}
	.inner-prut-detail .download ul li p{font-size: 16px;}
	.inner-prut-detail .download ul li:last-child{width: 100%;text-align:left;padding-top: 20px}
}
.inner-prut-detail .parameters{background:#e8e8e8;padding: 20px 25px}
.inner-prut-detail .parameters div {line-height: 30px;margin:5px 0;font-size: 16px}
.inner-prut-detail .parameters div:nth-child(7),.inner-prut-detail .parameters div:nth-child(8){display: none}
.inner-prut-detail .parameters div i{width: 30px;height: 30px;line-height: 30px;text-align:center;border-radius:50%;background: #c7181e;color: #fff;font-size: 22px;display: inline-block;vertical-align: top;margin-right:15px;}
.inner-prut-detail .description,.inverters-detail .description{display: block;padding-top:10px;font-size: 16px}
.inner-prut-detail .description p,.inverters-detail .description p{font-size: 16px;line-height: 26px}
.inner-prut-detail .colors{display: block;padding-top: 20px;}
.inner-prut-detail .colors span{display: inline-block;margin-right: 10px;line-height:20px;font-size: 16px;text-transform:capitalize}
.inner-prut-detail .colors i{display: inline-block;width: 20px;height: 20px;border-radius:50%;margin-right:5px;line-height:20px;vertical-align:top}
.product-content .comm-title.left{padding-top: 60px;}
.product-content .comm-title.left h1{font-size: 40px;}
.product-content .list.fouth dl dd h2{display: inline-block;background:#eaecef;padding: 5px 10px;display: inline-block;color: #273b58;font-size: 15px;margin:10px 0;}
.product-content .list.fouth dl dd p{display: block;color: #5f5f5f;font-size: 16px;padding: 0 5%}
@media (max-width:991px){
	.inner-prut-detail .parameters div {font-size: 15px}
	.inner-prut-detail .description,.inverters-detail .description{padding-top: 20px;font-size: 15px}
	.product-content .comm-title.left h1{font-size: 30px;}
	.inner-prut-detail .colors span{font-size: 15px}
}
@media (max-width:767px){
	.product-content .comm-title.left h1{font-size: 22px;}
	.inner-prut-detail .parameters div {font-size: 14px}
	.inner-prut-detail .description,.inverters-detail .description{font-size: 14px}
	.inner-prut-detail .colors span{font-size: 14px;display:block;margin-bottom: 10px;}
}
.product-content .inverters-list{margin-left: -40px;margin-right:-40px;padding-bottom: 80px}
.product-content .inverters-list > dl{padding: 40px}
.product-content .inverters-list > dl a{display: block;}
.product-content .inverters-list > dl a dt{display: block;}
.product-content .inverters-list > dl a dt img{width:100%;}
.product-content .inverters-list > dl a dt{background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.product-content .inverters-list > dl a dd{display: block;padding-top: 20px;text-align:center;}
.product-content .inverters-list > dl a dd h1{font-size: 24px;font-weight: 300;color: #000000a0;display: block;margin-bottom: 10px;}
.product-content .inverters-list > dl a:hover dd h1{color:#d6001c}
.product-content .inverters-list > dl a dd h2{font-size: 15px;font-weight: 300;color: #00000070}

.inverters-detail{background: #E8E8ED;padding-top: 110px;height: 100%;display: table;width: 100%}
.inverters-detail .return-back{margin-bottom: 50px;}
.inverters-detail .col-md-5{background:url(../images/prut_bg.svg) no-repeat center center;text-align:center;background-size: cover cover;}
.inverters-detail .col-md-5 .gallery{display:block;}
.inverters-detail .col-md-5 .gallery img{width: 100%}
.inverters-detail .col-md-7{margin-top: 5px;}
.inverters-detail .title h3{font-size: 22px}
.inverters-detail .parameters{font-size: 0;display: block;padding-top: 20px}
.inverters-detail .parameters dl{width: 50%;display: inline-block;vertical-align: top}
.inverters-detail .parameters dl dt{display: block;font-size: 18px;font-weight: 400}
.inverters-detail .parameters dl dd{display: block;font-size: 16px;margin: 0;padding-top: 10px;padding-bottom: 30px}
.inverters-detail .parameters dl dd p{display: block;line-height: 30px;margin: 0;}
.inverters-detail .downloadfile{display: block;padding-top:15px;text-transform:uppercase;}
.inverters-detail .downloadfile a i{font-size:16px;color: #fff;background: #d6001c;padding: 0 4px;border-radius:3px;margin-left: 10px;display: inline-block}
.inverters-detail .col-md-7 .row{width:100%;padding-top: 30px;padding-bottom: 60px}
.inverters-detail .col-md-7 .row div{line-height: 30px;padding: 0;font-size:16px}
.inverters-detail .col-md-7 a{display: block;}
.inverters-detail .col-md-7 a img{width:200px}
@media (max-width:1199px){
	.inverters-detail .col-md-7 h1{font-size: 20px;padding-bottom: 10px}
	.inverters-detail .col-md-7 .row div{font-size: 15px}
}
@media (max-width:991px){
	.inverters-detail .col-md-7 .row{padding-bottom: 20px;padding-top: 20px;}
	.inverters-detail .col-md-7 a img{width:180px}
	.inverters-detail .col-md-7 a{margin-bottom: 25px;}
	.product-content .inverters-list > dl a dd h1{font-size: 20px;}
	.product-content .inverters-list{padding-bottom: 40px}
}
@media (max-width:767px){
	.product-content .inverters-list{margin-left: 0px;margin-right:0px;padding-bottom: 40px}
	.product-content .inverters-list > dl{padding: 0}
	.product-content .inverters-list > dl a dd h1{font-size: 18px;}
}
@media (max-width:576px){
	.inverters-detail .col-md-7 h1{font-size: 16px;padding: 15px 0}
	.inverters-detail .col-md-7 h2{font-size: 20px}
	.inverters-detail .col-md-7 h3{font-size: 12px}
	.inverters-detail .col-md-7 .row{padding-top: 10px}
	.inverters-detail .col-md-7 .row div{font-size: 14px;line-height: 24px}
}

.news-list{padding: 50px 0}
.news-list ul{padding-bottom: 30px}
.news-list ul li{display: inline-block;width:100%;border-bottom: 1px #f1f1f1 solid;padding-bottom: 15px}
.news-list ul li {color: rgba(0,0,0,0.5);}
.news-list ul li i{margin-right: 5px;display: inline-block;vertical-align: top;}
.news-list ul li span{display: inline-block;text-transform:uppercase;}
.news-list ul li i:nth-child(2){margin-left: 10px}
.news-list ul dl,.news-list ul dl dt,.news-list ul dl dd{padding: 0;display:block}
.news-list ul dl{padding-top: 25px}
.news-list ul dl dt span{overflow:hidden;width:90%;display:block;}
.news-list ul dl dt span img{width:100%;transition:all 0.2s;}
.news-list ul dl dd h1{font-size: 30px;color: #273a58;line-height: 40px;padding: 12px 0;}
.news-list ul dl dd p{line-height: 25px;font-size: 16px;color:rgba(0,0,0,0.4);}
.news-list ul dl a:hover dd h1{color: #d6001c}
.news-list ul dl a:hover dt span img{transform: scale(1.1);}
.news-list ul dl a .linkmore{text-align: right;width: 100%;margin-top: 15px}
.news-list ul dl a .linkmore span{background: #273a58;color: #fff;font-size: 14px;padding: 2px 15px;border-radius: 3px;display: inline-block;text-transform:uppercase;}
.news-list ul dl a:hover .linkmore span{background: #d6001c}

.news-title{padding-top: 50px;border-bottom: 1px #eee solid;padding-bottom: 40px;}
.news-title div{padding:0;}
.news-title div.fr{text-align:right;}
.news-title div.fr .share{padding-top: 24px}
.news-title div.fr .share a{width:33px;height: 33px;background: #ddd;color: #fff;display: inline-block;margin-left: 8px;border-radius: 3px;text-align:center;line-height: 33px;font-size:16px}
.news-title div.fr .share a:hover{background: #273a58}
.news-title h1{line-height: 40px;font-size: 33px;color:#333;padding: 20px 0}
.news-content{padding: 30px 0;line-height: 28px;color:rgba(0,0,0,0.5);font-size:16px;}
.news-content img{max-width: 100%}
.news-content p{font-size: 16px;line-height: 28px;margin:15px 0}
.news-content p i{font-size: 16px;line-height: 28px;display:inline-block}
.news-content em{font-style:italic;}
.news-content p a.download span{background:#273b58;color: #fff;display:inline-block;padding:6px 15px;margin-left: 10px;vertical-align: text-top;transition:all .3s;position: relative;border-radius: 3px;overflow: hidden;line-height: 18px}
.news-content p a.download span i{font-size: 16px;line-height: 20px;display: inline-block;vertical-align: top;margin-right:10px;}
.news-content p a.download :hover span{background: #d6001c}
.news-content .project-grally{display: block;padding-right: 25%}
.news-content .project-grally .row{margin-left: -15px;margin-right:-15px;}
.news-content .project-grally .row > div {padding: 15px}
.news-content .project-grally .row > div img{width:100%;margin-bottom: 20px}
.news-content iframe{border:none;}
.nextpre{border-top: 1px #eee solid;padding: 20px 0}
.nextpre a{height: 40px;display: inline-block;line-height: 40px;overflow:hidden;max-width: 70%;white-space: nowrap;text-overflow: ellipsis;font-size: 16px}
.nextpre i{line-height: 40px;vertical-align: top;background: #273a58;color: #fff;padding: 5px 8px 5px 4px;border-radius: 2px;font-size: 14px;margin-right: 2%}
.nextpre i:before{font-size: 20px;line-height: 40px;vertical-align: top}
.nextpre li{padding: 0}
.nextpre li:last-child{text-align:right;border-left: 1px #eee solid}
.nextpre li:last-child i{margin-right: 0;margin-left: 2%}
@media (max-width:1299px){
	.news-content .project-grally{padding-right: 15%}
}
@media (max-width:1199px){
    .news-list{padding: 20px 0;}
    .news-list ul dl dd h1{font-size: 26px;margin-top:0;padding: 0;line-height: 30px;margin-bottom: 10px}
    .news-list ul dl dd p{line-height: 24px;font-size: 15px;}
    .news-list ul dl a .linkmore{text-align: left;margin-top: 20px;}
    .news-content .project-grally{padding-right: 10%}
}
@media (max-width:991px){
	.news-content .project-grally{padding-right: 0}
	.news-content .project-grally .row > div img{margin-bottom: 10px}
	.news-title{padding-top: 20px;}
	.news-title div{padding: 0 2%}
	.news-title h1{line-height: 30px;font-size: 22px}
	.news-list ul dl dt span{width: 100%}
	.nextpre{padding:10px 2%}
	.nextpre i{font-size: 0;padding: 0}
	.nextpre i:before{padding: 3px;background: #273a58;border-radius: 2px;}
	.nextpre a{max-width:80%;}
	.news-content{padding: 10px 2%;}
	.news-title div.fr{display: none}
	.news-list ul dl dd h1{font-size: 22px;line-height:25px;padding-top: 30px}
}
@media (max-width:767px){
	.news-content .project-grally .row{margin-left: 0;margin-right:0}
	.news-content .project-grally .row > div {padding: 15px 0}
}
@media (max-width:576px){
    .news-list ul dl dd h1{font-size: 18px;line-height:22px;padding-top: 20px}
    .news-list ul dl dd p{line-height: 18px;font-size: 14px;}
	.news-title h1{line-height: 24px;font-size: 20px}
	.news-title h2{font-size: 14px}
	.news-title{padding-top: 0;padding-bottom: 20px;}
	.nextpre a{font-size: 14px}
}

.exhibitions-list{margin-left: -25px;margin-right:-25px;padding-top: 15px}
.exhibitions-list > div{padding: 25px}
.exhibitions-list > div dl{border:1px #eee solid;display: block;transition:all .3s;}
.exhibitions-list > div dl:hover{box-shadow: 0 0 15px 5px #00000015}
.exhibitions-list > div dl dt{display: block;}
.exhibitions-list > div dl dt img{max-width: 100%;}
.exhibitions-list > div dl dd{display: block;padding: 20px;padding-top: 30px;margin-bottom: 0}
.exhibitions-list > div dl dd span{background: #273a58;padding:3px 10px;border-radius: 3px;color: #fff;font-size:12px;display:inline-block;margin-bottom:15px}
.exhibitions-list > div dl dd h1{font-size: 22px;font-weight: 300;color: #000000f0;display: block;margin-bottom: 20px}
.exhibitions-list > div dl dd p{font-size: 16px;line-height:24px;min-height:72px;display:block}
@media (max-width:1299px){
	.exhibitions-list{margin-left: -20px;margin-right:-20px;}
	.exhibitions-list > div{padding: 20px}
	.exhibitions-list > div dl dd h1{font-size: 20px;}
	.exhibitions-list > div dl dd p{font-size: 15px;}
}
@media (max-width:991px){
	.exhibitions-list > div dl dd h1{font-size: 18px;}
	.exhibitions-list > div dl dd p{font-size: 14px;}
}
@media (max-width:767px){
	.exhibitions-list{padding-top: 5px}
	.exhibitions-list{margin-left: 0;margin-right:0}
	.exhibitions-list > div{padding: 10px 0}
}
.lm-note{display:block;padding-bottom: 20px;padding-top: 25px;font-size: 16px;line-height: 24px;}
.lm-note h1{font-size: 35px;font-weight:400;color:#3E3A39;display:block;padding-bottom: 10px;}
.lm-note p{font-size: 16px;line-height: 24px;font-weight:300;display:block;margin-bottom:15px;margin-top:15px}
.lm-note p:first-child{margin-top:0}
.project-list{margin-left: -20px;margin-right:-20px}
.project-list dl{margin-bottom: 40px;text-align:center;padding: 20px}
.project-list dl a{display: block;background: #fff}
.project-list dl a dt{width:100%;overflow:hidden;}
.project-list dl a dt img{width:100%;transition:all .2s;}
.project-list dl a:hover dt img{transform:scale(1.1);}
.project-list dl.this a{box-shadow: 0 1px 20px 0 rgba(0,0,0,0.2);}
.project-list dl a dd{border: 1px #eee solid;border-top: none;padding: 15px;text-align:left;min-height: 180px;width: 100%}
.project-list dl a dd h1{font-size: 20px;padding-bottom: 10px;color: #333;line-height: 30px}
.project-list dl a dd h2{line-height: 30px;color: rgba(0,0,0,0.3);}
.project-list dl a dd h2 i{display:inline-block;vertical-align: top;line-height: 30px;margin-right: 5px}
.project-list dl a dd span{color: rgba(0,0,0,0.6);line-height: 25px;font-size: 15px}
.project-list dl.this a dd h1{color: #273a58}
ul.item-li{padding-bottom: 30px;font-size:16px;line-height: 30px;color: rgba(0,0,0,0.6);}
ul.item-li li{padding:0;font-size:16px;line-height: 30px;color: rgba(0,0,0,0.6);}
@media (max-width:991px){
	.project-list dl a dd{min-height:180px;}
	.project-list dl a:hover dt img{transform:scale(1.02);}
	ul.item-li{padding-bottom: 20px;font-size:14px;line-height: 25px;padding-top: 10px}
	.lm-note{padding-bottom:15px;padding-top: 20px;font-size: 15px;line-height: 20px;}
	.lm-note p{font-size: 15px;line-height: 20px;}
}
@media (max-width:767px){
	.project-list{padding: 30px 0;margin-left: 0;margin-right:0}
	.project-list dl{width:100%;margin-bottom: 0;padding: 0}
	.project-list dl a{width:100%;padding: 0}
	.project-list dl a dd{width:100%;border: none;min-height: auto;padding:20px 0}
	.project-list dl a dd h1{font-size: 16px}
	.project-list dl a dd span{font-size: 14px}
	ul.item-li{font-size:14px;line-height: 24px;}
	.lm-note{padding-bottom:10px;padding-top: 5px;}
}

.events-list{padding: 50px 0}
.events-list dl{margin-bottom: 30px}
.events-list dl dt img{width:100%;border: none;vertical-align: top;}
.events-list dl dd{border: 1px #eee solid;border-top: none;padding: 15px;text-align:left;min-height: 150px;display: inline-block;width:100%;border-top: none}
.events-list dl dd h1{color: #333;font-size: 22px;line-height: 30px;padding:15px 0}
.events-list dl dd p{color: rgba(0,0,0,0.6);line-height: 25px;font-size: 15px}
.events-list dl dd p span{color: #273a58}
.events-list dl.this{box-shadow: 0 1px 20px 0 rgba(0,0,0,0.2);}
@media (max-width:768px){
	.events-list div{width:100%;padding: 0}
	.events-list div dt{width:100%;}
	.events-list dl dd{min-height: auto}
}

.download-list{padding-top: 15px;}
.download-list .folder-title{border:1px #eee solid;background: #fafafa;cursor: pointer;}
.download-list .folder-title div{padding: 0;font-size: 20px;line-height: 40px;display:block;}
.download-list .folder-title div span{height: 44px;width: 44px;background:#273a58;color: #fff;display: inline-block;text-align:center;vertical-align: top;margin-right:25px;}
.download-list .folder-title div span i{display: inline-block;font-size: 20px;transition:all .3s;}
.download-list.on .folder-title div span i{transform:rotate(180deg);}
.download-list .file-list{border:1px #eee solid;padding: 30px;display: none;border-top: none;padding-left: 58px;padding-bottom: 15px}
.download-list .file-list dl{padding:5px 10px;display: block;}
.download-list .file-list dl:last-child{border-bottom: none}
.download-list .file-list dl dt {font-size:16px;color: rgba(0,0,0,0.8);line-height: 28px}
.download-list .file-list dl:hover dt{color: #273a58;}
.about-content .download-list:last-child{margin-bottom: 50px}
.about-content .downintro{display: block;padding-top: 30px;font-size: 16px;line-height: 26px}
.about-content .downintro p{font-size: 16px;line-height: 26px}
.about-content .downintro > ul{display:block;}
.about-content .downintro > ul > li{display: block;padding-left: 15px;position: relative;font-size: 16px;line-height: 26px}
.about-content .downintro > ul > li:after{content: '';position: absolute;top: 10px;left: 0;height: 6px;width: 6px;background:#555;border-radius:50%;}
.about-content .downintro > ul > li ul{display: block;margin-bottom: 15px;}
.about-content .downintro > ul > li ul li{position: relative;padding-left: 15px;font-size: 16px;line-height: 26px}
.about-content .downintro > ul > li ul li:after{content: '';position: absolute;top: 10px;left: 0;height: 6px;width: 6px;border:1px #555 solid;border-radius:50%;}
.about-content .download-list .file-list dl dt{display: none}
.about-content .download-list .file-list dl dd{font-size: 16px;line-height: 26px;}
.about-content .download-list .file-list dl dd p{display: inline-block;line-height: 26px;vertical-align: top;}
.about-content .download-list .file-list dl dd p a{display: block;color: #273b58;font-weight: 300;line-height: 20px;}
.about-content .download-list .file-list dl dd p a span{background:#273b58;color: #fff;display:inline-block;padding:6px 15px;margin-left: 10px;vertical-align: text-top;transition:all .3s;position: relative;border-radius: 3px;overflow: hidden}
.about-content .download-list .file-list dl dd p a span i{font-size: 16px;line-height: 20px;display: inline-block;vertical-align: top;margin-right:10px;}
.about-content .download-list .file-list dl dd p a:hover span{background: #d6001c}
.about-content .download-list .file-list dl dd p.us a span,.about-content .download-list .file-list dl dd p.ca a span{background: url(../images/language.webp) no-repeat 0 0 #273b58;background-size: 48px auto;position: relative;transition:all .3s;padding-left: 25px}
.about-content .download-list .file-list dl dd p.ca a span{background-position: 0 bottom}
.about-content .download-list .file-list dl dd p.us a span i,.about-content .download-list .file-list dl dd p.ca a span i{opacity: 0;transition:all .3s;position: relative;z-index: 5;left: -9px}
.about-content .download-list .file-list dl dd p.us a:hover span,.about-content .download-list .file-list dl dd p.ca a:hover span{background-color: #d6001c}
.about-content .download-list .file-list dl dd p.us a:hover span i,.about-content .download-list .file-list dl dd p.ca a:hover span i{opacity: 1;}
.about-content .download-list .file-list dl dd p.us a:hover span:after,.about-content .download-list .file-list dl dd p.ca a:hover span:after{content: '';position: absolute;left: 0;top: 0;width: 48px;height: 100%;background: #d6001cb0;}
.downloadsubmit{position: fixed;transition: all .3s;width: 100%;height: 100vh;opacity: 0;visibility: hidden;z-index: 100;}
.downloadsubmit .feedback{position: fixed;padding:30px 40px;background:#fff;width: 650px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 105;border:10px #00000030 solid;transition: all .3s;border-radius:5px}
.downloadsubmit.show{opacity: 1;visibility: visible;}
.downloadsubmit.show .feedback{top: 50%;}
.downloadsubmit.show:before{content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #00000080;z-index: -1}
.downloadsubmit .feedback .title{width: 100%;display: block;position: relative;height: 40px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;}
.downloadsubmit .feedback .title i{font-size: 20px;position: absolute;right:-25px;top: -25px;cursor: pointer;}
.downloadsubmit .feedback .title i:hover{color: #ee7921}
.downloadsubmit .feedback .content{padding-bottom:30px}
.downloadsubmit .feedback .smalltext{padding-bottom: 10px;font-size: 12px;line-height: 1.4}
.downloadsubmit .feedback .smalltext a{color:#273b58;text-decoration: underline;}
.downloadsubmit .feedback .smalltext a:hover{text-decoration: none}
.downloadsubmit .feedback ul{font-size: 0}
.downloadsubmit .feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.downloadsubmit .feedback ul li:nth-child(2n){margin-right:0}
.downloadsubmit .feedback ul li input{width: 100%;line-height: 45px;height: 45px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px;}
.downloadsubmit .feedback ul li:nth-child(5){width: 100%;}
.downloadsubmit .feedback ul li:nth-child(6){width: 100%;}
.downloadsubmit .feedback ul li:nth-child(6) input{width: 49%}
.downloadsubmit .feedback ul li:nth-child(6) img{display: inline-block;margin-left: 12px;margin-top: 10px}
.downloadsubmit .feedback ul li:nth-child(7) input[type='button']{background: #333;line-height: 20px;color: #fff;width: 100%;border:none;font-size: 15px;}
.downloadsubmit .feedback ul li:nth-child(7) input[type='button']:hover{background: #273b58}
.downloadsubmit .feedback ul li span{line-height: 45px;color: #aaa;padding-left: 10px}
@media (max-width:1299px){	
	.about-content .download-list .folder-title div{font-size: 18px;line-height: 40px;}
	.about-content .download-list .folder-title div span{height:40px;width: 40px;line-height: 40px;}
	.about-content .about-content .download-list .file-list dl dd {font-size:15px;line-height: 25px}
	.about-content .about-content .download-list .file-list dl dd p a span{font-size: 15px}
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:30px;width: 60%;top: 50%;left: 20%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{right:-15px;top: -15px;}
}
@media (max-width:767px){
	.about-content .download-list{padding-top: 8px}
	.about-content .download-list .folder-title div{font-size: 16px;line-height: 35px;}
	.about-content .download-list .folder-title div span{height: 35px;width: 35px;line-height: 35px;margin-right:15px;}
	.about-content .download-list .file-list{padding: 15px;padding-left: 40px;padding-top: 20px}
	.about-content .download-list .file-list dl dd {font-size:14px;line-height: 22px}
	.about-content .download-list .file-list dl dd p a span{font-size: 0;padding:3px 12px;}
	.about-content .download-list .file-list dl dd p a span i{margin-right:0}
	.about-content .download-list .file-list dl dd p.us a span,.about-content .download-list .file-list dl dd p.ca a span{padding-left: 15px}
	.about-content .download-list .file-list dl dd p.us a span i,.about-content .download-list .file-list dl dd p.ca a span i{left: 50%;transform: translateX(-50%);}
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:20px;width: 90%;top: 50%;left: 5%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{font-size: 18px;right:0;top: 0;}
}
@media (max-width:576px){
	.about-content .download-list{padding-top: 3px}
	.about-content .download-list .file-list{padding:20px 0}
	.about-content .download-list .file-list dl dt {font-size:14px;}
	.about-content .download-list .file-list dl dd p.us a span,.about-content .download-list .file-list dl dd p.ca a span{padding-left: 12px;background-size: 42px auto;}
}
.about-content.contact-us{padding-bottom: 0}
.about-content .map{padding-top: 50px;text-align:center;}
.about-content .map img{width:98%;}
.contact-offices{padding: 50px 0;background:url(../images/contact.jpg) no-repeat center fixed;background-size: cover;margin: 30px 0}
.contact-offices .title,.inner-sales .title{padding-top: 20px;padding-bottom: 40px}
.contact-offices .title h1{color: #fff}
.contact-offices dl{border: 1px #eee solid;padding: 20px;min-height: 210px;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);margin-bottom: 25px;width:100%;background: #fff}
.contact-offices dl dt{font-size: 22px;color: #273a58;line-height: 40px;padding-bottom: 20px;width:100%;}
.contact-offices dl dd{color: rgba(0,0,0,0.6);line-height: 25px;font-size: 15px;}
.contact-offices dl dd span{color: #273a58}
.about-content.contact-us .row .inner-title{padding: 0}
.about-content.contact-us .row .inner-title:last-child{padding-left: 5%}
.about-content .headerinfo{padding: 30px 0}
.about-content .headerinfo h1{font-size: 25px;color:#000000a0;font-weight: 300}
.about-content .headerinfo p{font-size: 18px;color:#000000a0;line-height:25px;padding-bottom: 30px;margin-top:20px}
.about-content .headerinfo a{color: #273a58;line-height: 30px;}
.about-content .headerinfo a:before{margin-right: 5px;line-height: 30px;font-size:16px;vertical-align: top;}
.about-content .headerinfo h3{font-size: 18px;color:#000000a0;line-height: 40px}
.about-content .feedtitle{padding-left: 15px}
.about-content .wide-offices{background: url(../images/contact.webp) no-repeat;background-size: cover;padding-top: 40px;padding-bottom: 80px}
.about-content .wide-offices .title h1{color: #fff}
.about-content .wide-offices .row{margin-left: -20px;margin-right:-20px;padding-top: 30px}
.about-content .wide-offices .row > div{padding: 20px;}
.about-content .wide-offices .row > div dl{background: #fff;display: block;height: 100%;padding: 40px}
.about-content .wide-offices .row > div dl dt{display: block;margin-bottom: 20px;}
.about-content .wide-offices .row > div dl dt h2{font-size: 24px;color: #273a58}
.about-content .wide-offices .row > div dl dt h3{font-size: 20px;color: #273a58;display: block;margin-top:10px}
.about-content .wide-offices .row > div dl dd p{display: block;font-size: 16px;line-height: 20px}
.about-content .wide-offices .row > div dl dd p i{display: inline-block;font-size: 19px;margin-right:5px;line-height: 20px;vertical-align: top}
.about-content .wide-offices .row > div dl dd p i.icon-email1{line-height: 23px}
.salesinfo{padding-bottom: 20px;}
.salesinfo p{font-size: 16px;margin:5px 0}
.salesinfo p b{color: #333;}
@media (max-width:991px){
	.about-content.contact-us .row .inner-title,.about-content.contact-us .row .inner-title:last-child{padding: 0}
	.about-content .wide-offices{padding-top: 0;padding-bottom: 40px}
	.about-content .wide-offices .title{padding-left: 3%;padding-right: 3%}
	.about-content .wide-offices .row{margin-left:10px;margin-right:10px;}
	.about-content .wide-offices .row > div{padding: 10px;}
	.about-content .wide-offices .row > div dl dt h2{font-size: 20px;}
	.about-content .wide-offices .row > div dl dt h3{font-size: 18px;}
	.about-content .wide-offices .row > div dl dd p{font-size: 14px;line-height: 18px}
	.about-content .wide-offices .row > div dl dd p i{font-size: 16px;line-height:18px;margin-right:3px;}
	.about-content .wide-offices .row > div dl dd p i.icon-email1{line-height: 21px}
	.about-content .headerinfo p{font-size: 16px;line-height:22px;}
}
@media (max-width:767px){
	.about-content .wide-offices .row{margin-left:0;margin-right:0;}
	.about-content .wide-offices .row > div{padding: 10px 3%;}
	.about-content .headerinfo{padding: 10px 0}
	.about-content .headerinfo p{font-size: 15px;line-height:20px;padding-bottom: 10px;margin-top:10px}
}
.feedback-content{padding: 50px 0}
.feedback-content input{width:100%;height: 45px;line-height: 45px;border:none;background:#f8f8f8;border-radius: 3px;padding: 3px 12px;}
.feedback-content textarea{width:100%;height: 130px;border:none;background:#f8f8f8;border-radius: 3px;padding: 10px 12px;}
.feedback-content div{margin-bottom: 20px;}
.feedback-content div:last-child input{background: #273a58;color: #fff;padding: 0 12px}
.feedback-content .note h2{color:#273a58;font-size: 20px;display: block;margin-bottom: 15px;margin-top: 10px}
.feedback-content .note p span{color: #273a58}
.feedback-content .checkcode{padding-top: 10px}
.inner-sales{padding-top: 50px;padding-bottom: 50px}
.inner-sales .container .row{box-shadow: 0 0 10px 10px rgba(0,0,0,0.05);padding-top: 80px;padding-bottom: 80px;border-radius:20px;border:1px #eee solid;}
.inner-sales .container .row dl{text-align: center;display: block;}
.inner-sales .container .row dl:first-child{border-right: 1px #ccc solid}
.inner-sales .container .row dl dt{display: block;}
.inner-sales .container .row dl dt img{width: 80px}
.inner-sales .container .row dl dd{padding-top:50px;display: block;}
.inner-sales .container .row dl dd h1{color: #111;font-size: 20px;display: block;text-align: center;}
.inner-sales .container .row dl dd p{display:block; padding-top: 30px;font-size: 16px;line-height: 25px;color: #777}
.inner-sales .container .row dl dd p a{color: #111}
.inner-sales .container .row dl dd p a:hover{color: #273a58}
@media (max-width:1199px){
	.about-content .title h1,.inner-sales .title h1{font-size:25px}
	.about-content .headerinfo h1{font-size: 22px}
	.about-content .headerinfo h2{font-size: 15px;line-height: 25px;padding-bottom: 20px}
	.inner-sales .container .row dl dd h1{font-size: 18px;}
	.inner-sales .container .row dl dd p{font-size: 14px;line-height: 20px;}
}
@media (max-width:991px){
	.about-content .title,.inner-sales .title{padding-top: 20px;padding-bottom: 15px}
	.about-content .feedtitle{padding-left: 0}
	.about-content .feedback-content form > div{padding: 0}
	.feedback-content .checkcode img{margin-top: 13px;margin-left: 10px}
	.about-content .title h1,.inner-sales .title h1{font-size:20px}
	.about-content .headerinfo h1{font-size: 18px;}
	.inner-sales .container .row{padding-top: 40px;padding-bottom: 40px;}
}
@media (max-width:767px){
	.about-content.project-item{padding-top: 20px}
	.feedback-content{padding: 20px 0}
	.feedback-content div{padding: 0;margin-bottom: 10px;}
	.feedback-content .checkcode{padding-left: 5%}
	.contact-offices dl{min-height:auto}
	.contact-offices dl dt{line-height: 30px;font-size: 20px;padding-bottom: 10px}
	.contact-offices dl dd{line-height: 25px;font-size: 14px;}
	.inner-sales .container .row dl{padding-top: 60px;padding-bottom: 0}
	.inner-sales .container .row dl:first-child{border-right:none;border-bottom: 1px #ccc solid;padding-top: 20px;padding-bottom: 40px}
	.inner-sales .container .row dl dd{padding-top:30px;}
	.inner-sales .container .row dl dd h1{font-size: 16px;}
	.inner-sales .container .row dl dd p{padding-top: 15px;font-size: 14px}
}
@media (max-width:576px){
	.about-content .title h1,.inner-sales .title h1{font-size: 20px}
	.about-content .headerinfo h1{font-size: 18px}
	.about-content .headerinfo h2,.about-content .headerinfo h3{font-size: 14px;}
	.contact-offices dl dd{font-size: 14px;}
}

.legal-notice{display: block;padding: 40px 12%}
.legal-notice h1,.legal-notice h2{font-size: 40px;color: #000000c0;padding-bottom: 20px}
.legal-notice h4,.legal-notice h3{font-size: 20px;color: #000000b0;display:block;;padding-bottom: 10px}
.legal-notice p{font-size: 16px;display: block;margin-bottom: 25px}
@media (max-width:1299px){
	.legal-notice{display: block;padding: 35px 8%}
	.legal-notice h1,.legal-notice h2{font-size: 30px;}
	.legal-notice h4,.legal-notice h3{font-size: 18px;}
	.legal-notice p{font-size: 15px}
}
@media (max-width:991px){
	.legal-notice{display: block;padding:10px 0}
	.legal-notice h1,.legal-notice h2{font-size: 20px;padding-bottom: 15px}
	.legal-notice h4,.legal-notice h3{font-size:16px;}
	.legal-notice p{font-size: 14px;margin-bottom: 15px}
}
.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;margin-bottom: 40px;font-size: 16px}
.pagination-bar.borderline{border-bottom: 1px #ddd solid}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;border-radius:5px;font-size: 15px}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;color: #333;border-radius:5px;font-size: 15px}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;border-radius:5px;font-size: 15px;color: #666}
.pagination-bar ul li.active{background: #273a58;color: #fff;height: 42px;width: 42px;display: inline-block;border-radius:5px;line-height: 42px;text-align: center;font-weight: 300;font-size: 15px}
.pagination-bar ul li i{vertical-align: top;font-size: 16px;line-height: 42px;display: inline-block;color: #666}
.pagination-bar ul li a:hover{ color: #fff; background: #273a58;}
.pagination-bar ul li a:hover i{color: #fff; }
@media screen and (max-width: 991px){
	.pagination-bar {margin-top:30px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li a {height:30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;font-size: 14px}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li i{font-size: 14px;line-height: 32px;}
}

.privacy-parts,.privacy-items{position: fixed;left: 0;top: 0;height: 100vh;width: 100%;background:#00000090;z-index:2500;display: none}
.privacy-parts .privacy-settings{display: block;position:fixed;bottom:0;left: 0;width: 100%;padding: 50px;z-index:2501;background:#ffffff;}
.privacy-parts .privacy-settings .set-details .title{display: block;font-weight: 400;font-size: 20px;color:#111;}
.privacy-parts .privacy-settings .set-details .content{display: block;padding-top: 10px}
.privacy-parts .privacy-settings .set-details .content p{display: block;margin:7px 0;line-height: 1.2;font-size: 14px}
.privacy-parts .privacy-settings .set-button{display: block;padding-top: 30px}
.privacy-parts .privacy-settings .set-button .row{align-items: center;}
.privacy-parts .privacy-settings .set-button .row > div{padding: 0}
.privacy-parts .privacy-settings .set-button .more-info a{text-decoration: underline;font-weight: 400;color:#222;font-size: 16px;font-weight: 400;text-transform: capitalize}
.privacy-parts .privacy-settings .set-button .more-info a:hover{text-decoration: none;color:#273a58;}
.privacy-parts .privacy-settings .set-button .buttons{text-align: right;}
.privacy-parts .privacy-settings .set-button .buttons button{display: inline-block;margin-left: 10px;background:#111111e0;color:#fff;padding:8px 70px;border-radius:5px;font-size: 15px;border: none;outline: none;transition: all .3s}
.privacy-parts .privacy-settings .set-button .buttons button:hover{background:#111}
.privacy-parts .privacy-settings .set-button .buttons button:last-child{background:#273a58e0;}
.privacy-parts .privacy-settings .set-button .buttons button:last-child:hover{background:#273a58}
@media screen and (max-width: 1399px){
	.privacy-parts .privacy-settings .set-button .buttons button{padding:8px 65px;}
}
@media screen and (max-width: 1199px){
	.privacy-parts .privacy-settings{padding: 40px;}
	.privacy-parts .privacy-settings .set-details .title{font-size:18px;}
	.privacy-parts .privacy-settings .set-details .content p{font-size: 13px}
	.privacy-parts .privacy-settings .set-button .more-info a{font-size: 14px}
	.privacy-parts .privacy-settings .set-button .buttons button{padding:7px 50px;font-size: 14px}
}
@media screen and (max-width: 991px){
	.privacy-parts .privacy-settings{padding: 30px;}
	.privacy-parts .privacy-settings .set-button .buttons button{padding:7px 30px;margin-left:7px;}
}
@media screen and (max-width: 767px){
	.privacy-parts .privacy-settings{padding: 20px;}
	.privacy-parts .privacy-settings .set-button .buttons{margin-top: 12px}
	.privacy-parts .privacy-settings .set-button .buttons button{margin-left:0;margin-top: 7px;width: 100%}
}

.privacy-items .privacy-settings{display: block;position:fixed;top:50%;left: 50%;transform: translate(-50%,-50%);width: 630px;height: 63vh;z-index:2501;background:#ffffff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);border-radius: 8px;overflow: hidden;}
.privacy-items .privacy-settings .scrollbar{height: calc(95% - 210px);overflow-y: auto;padding:15px 30px;scrollbar-width:thin;scrollbar-color:#acacac rgba(0,0,0,0);display: block}
.privacy-items .privacy-settings .privacy-close{position: absolute;top: 25px;right: 30px;}
.privacy-items .privacy-settings .privacy-close i{font-size: 20px;color: #000;cursor: pointer;width: 32px;height:32px;display: inline-block;border-radius: 4px;background:#f0f0f0;line-height: 32px;text-align:center;transition: all .3s;}
.privacy-items .privacy-settings .privacy-close i:hover{background: #273a58;color: #fff}
.privacy-items .privacy-settings .set-details{padding:30px;padding-bottom: 0;height:170px;}
.privacy-items .privacy-settings .set-details .title{font-weight: 400;font-size: 16px;color: #111}
.privacy-items .privacy-settings .set-details .content{display: block;padding-top: 10px}
.privacy-items .privacy-settings .set-details .content p{line-height:22px}
.privacy-items .privacy-settings .set-details .content a{display: block;margin-top: 10px;color: #222;text-decoration: underline;font-weight: 400;text-transform: capitalize}
.privacy-items .privacy-settings .set-details .content a:hover{color:#273a58;text-decoration: none}
.privacy-items .privacy-settings .set-items{display: block;}
.privacy-items .privacy-settings .set-items .item{display: block;border-radius: 5px;margin-bottom: 8px;background: #f1f1f1;overflow: hidden;}
.privacy-items .privacy-settings .set-items .item .row {align-items: center;}
.privacy-items .privacy-settings .set-items .item .row > div{padding:15px 0;}
.privacy-items .privacy-settings .set-items .item .row > div:first-child{padding-left: 15px}
.privacy-items .privacy-settings .set-items .item .row > div:nth-child(2){cursor: pointer;padding-left: 5px}
.privacy-items .privacy-settings .set-items .item .row > div:last-child{text-align: right;font-size: 0;padding-right: 15px}
.privacy-items .privacy-settings .set-items .item .row > div h2{color:#111;font-size: 15px;display: block;margin-bottom: 0}
.privacy-items .privacy-settings .set-items .item .row > div p{line-height: 1.4}
.privacy-items .privacy-settings .set-items .item .set-icon{display: inline-block;background:#666;position: relative;padding:0;border-radius: 30px;line-height:20px;cursor: pointer;box-shadow: 2px 3px 3px 0 #00000012;}
.privacy-items .privacy-settings .set-items .item .set-icon:after{content: '';width: 16px;height: 16px;border-radius:50%;background: #fff;position: absolute;left: 2px;top: 2px;display: block;}
.privacy-items .privacy-settings .set-items .item .set-icon.deny{padding-left: 22px;}
.privacy-items .privacy-settings .set-items .item .set-icon.readonly{padding-right: 22px;background: #ddd;cursor: not-allowed;}
.privacy-items .privacy-settings .set-items .item .set-icon.readonly:after{left: auto;right: 2px}
.privacy-items .privacy-settings .set-items .item .set-icon.accept{padding-right: 22px;background: #273a58}
.privacy-items .privacy-settings .set-items .item .set-icon.accept:after{left: auto;right: 2px}
.privacy-items .privacy-settings .set-items .item .set-icon i{color:#fff;width: 20px;display: inline-block;text-align:left;vertical-align: text-top;line-height:20px}
.privacy-items .privacy-settings .set-items .item .set-icon.readonly i,.privacy-items .privacy-settings .set-items .item .set-icon.accept i{text-align:right;}
.privacy-items .privacy-settings .set-items .item .row .learnmore{display: inline-block;width: 24px;height: 24px;background: #fff;border-radius:50%;text-align:center;box-shadow: 2px 3px 3px 0 #00000012;cursor: pointer;overflow: hidden;vertical-align: bottom;}
.privacy-items .privacy-settings .set-items .item .row .learnmore i{font-size:18px;line-height: 24px;display: inline-block;vertical-align: top;transition: all .3s;}
.privacy-items .privacy-settings .set-items .item .row.active .learnmore i{transform: rotate(180deg);}
.privacy-items .privacy-settings .set-items .item .details{display: none;padding: 15px;padding-top: 0;background: #f1f1f1}
.privacy-items .privacy-settings .set-items .item .details p{border-radius: 5px;line-height: 1.4;background:#fff;padding: 15px;display:block;}
.privacy-items .privacy-settings .buttons{position: absolute;bottom:0;left: 0;width: 100%;padding:20px 30px;background:#fff;font-size: 0;box-shadow: 0 -8px 20px #00000010}
.privacy-items .privacy-settings .buttons > div{padding: 0}
.privacy-items .privacy-settings .buttons > div button{display: inline-block;background:#111111e0;color:#fff;padding:8px 0;border-radius:5px;font-size: 14px;border: none;outline: none;width: 35%;margin-right: 2%;transition: all .3s}
.privacy-items .privacy-settings .buttons > div button:hover{background:#111}
.privacy-items .privacy-settings .buttons > div button:last-child{margin-right: 0}
.privacy-items .privacy-settings .buttons > div:last-child{text-align:right;}
.privacy-items .privacy-settings .buttons > div:last-child button{width:auto;background:#273a58e0;padding-left:25%;padding-right: 25%}
.privacy-items .privacy-settings .buttons > div:last-child button:hover{background:#273a58}
@media screen and (max-width: 767px){
	.privacy-items .privacy-settings{width: 96%;height: 65vh;}
	.privacy-items .privacy-settings .set-details{padding:15px;padding-bottom: 0;height: 170px;}
	.privacy-items .privacy-settings .set-items .item .row > div{padding:10px 0;}
	.privacy-items .privacy-settings .set-items .item .row > div:first-child{padding-left: 12px}
	.privacy-items .privacy-settings .set-items .item .row > div:nth-child(2){padding-left: 12px}
	.privacy-items .privacy-settings .set-items .item .row > div:last-child{padding-right: 12px}	
	.privacy-items .privacy-settings .scrollbar{padding: 15px;padding-top: 0;height:calc(95% - 290px);}
	.privacy-items .privacy-settings .privacy-close{top: 15px;right: 15px;}
	.privacy-items .privacy-settings .privacy-close i{font-size: 20px;}
	.privacy-items .privacy-settings .buttons{padding:15px;height: auto;}
	.privacy-items .privacy-settings .buttons > div button{margin-right: 0;width: 100%;margin-top: 5px}
	.privacy-items .privacy-settings .buttons > div:last-child button{width: 100%;padding:8px 0;}
}
@media screen and (max-width: 500px){
	.privacy-items .privacy-settings{height: 66.5vh;}
	.privacy-items .privacy-settings .set-details .content p{line-height:19px}
}
.footer{width: 100%;background:linear-gradient(180deg, #273b58, #101824);padding-bottom:30px}
.footer .foot-comp{width: 100%;padding:60px 40px;padding-bottom: 10px;text-align: center;}
.footer .foot-comp a i{display: inline-block;font-size: 38px;color: #fff}
.footer .foot-comp .nav{width: 100%;font-size: 0;padding-top: 40px;}
.footer .foot-comp .nav dl:first-child dd p{color: #fff;font-size: 15px;;line-height: 20px}
.footer .foot-comp .nav dl:first-child dd p:last-child{margin-top: 20px}
.footer .foot-comp .nav dl{width: 35%;display: inline-block;vertical-align: top;text-align: left;}
.footer .foot-comp .nav dl:first-child{width: 40%;padding-right: 5%}
.footer .foot-comp .nav dl:nth-child(2){width: 25%}
.footer .foot-comp .nav dl dt{font-size: 20px;font-weight: 400;color: #fff;line-height: 30px;width: 100%;padding-bottom: 20px}
.footer .foot-comp .nav dl dd{width: 100%;line-height: 28px;color: #fff;font-size: 15px;}
.footer .foot-comp .nav dl dd li{width: 100%}
.footer .foot-comp .nav dl dd li a{color: #fff;font-size: 14px;line-height: 28px;text-transform:uppercase;}
.footer .foot-comp .nav dl dd li a.icon-chevron-right:before{margin-right: 5px;}
.footer .foot-comp .nav dl dd li a:hover{color: #d6001c}
.footer .foot-comp .nav dl dd .note{color: #fff;font-size: 15px;line-height: 20px; padding-bottom: 20px;display: block;width: 100%;}
.footer .foot-comp .nav dl dd form{width: 100%;font-size: 0}
.footer .foot-comp .nav dl dd form input{width: 65%;background: #fff;border: none;height: 25px;line-height: 25px;display: inline-block;padding: 0 10px;color: #393939}
.footer .foot-comp .nav dl dd form a.icon-plane{color: #393939;width: 40px;height: 25px;display: inline-block;background: #fff;border: none;cursor: pointer;text-align: center;transition: all .2s;cursor: pointer;}
.footer .foot-comp .nav dl dd form a.icon-plane:hover{color: #fff;background:#273a58}
.footer .foot-comp .nav dl dd .link{width: 100%;padding-top: 20px;position: relative;}
.footer .foot-comp .nav dl dd .link a{width: 30px;height:30px;line-height: 30px;font-size:16px;text-align: center;border-radius: 3px;background: #fff;color: #393939;display:inline-block;margin-right: 5px;vertical-align: top;}
.footer .foot-comp .nav dl dd .link a:hover{background:#273a58;color: #fff;cursor: pointer;}
.footer .foot-comp .nav dl dd .link .wechatimg{width: 100px;position: absolute;left: 0;top: -110px;opacity: 0;visibility: hidden;transition: all 0.2s;}
.footer .foot-comp .nav dl dd .link.this .wechatimg{opacity: 1;visibility: visible;top: -90px;}
.footer .foot-comp .nav dl dd .link .wechatimg img{width: 100%}
.footer .foot-comp .statement{margin-top: 20px;display:block}
.footer .foot-comp .statement a{color: #fff;}
.footer .foot-comp .statement a:hover{color: #273a58;}
.viewspecontent{padding:20px 30px;line-height:25px}
@media (max-width:1600px){

}
@media (max-width:1300px){
	.footer .container-fluid{padding-left: 6%;padding-right:6%;}
	.footer .foot-comp a i{font-size: 32px;}
}
@media (max-width:991px){
	.footer .container-fluid{padding-left: 3%;padding-right: 3%}
	.footer .foot-comp a i{font-size: 28px;}
}
@media (max-width:767px){
	.footer .container-fluid{padding-left: 2%;padding-right: 2%}
	.footer{padding-bottom: 10px}
	.footer .foot-comp a i{font-size: 22px;}
	.footer .foot-comp{text-align: left;padding-left:0;padding-right: 0;padding-top: 30px}
	.footer .foot-comp a.logo-en,.footer .foot-comp a.logo-cn{font-size:55px;padding-top: 20px;}
	.footer .foot-comp .nav{padding-left: 0;border-top: 1px rgba(255,255,255,.1) solid;margin-top: 10px;padding-top: 25px}
	.footer .foot-comp .nav dl{width: 100%}
	.footer .foot-comp .nav dl:nth-child(2){display: none}
	.footer .foot-comp .nav dl:first-child{padding:0;padding-bottom: 20px;width: 100%}
	.footer .foot-comp .nav dl dt{font-size: 16px;padding-bottom: 0}
	.footer .foot-comp .nav dl dd{font-size: 14px;line-height: 22px;padding-right: 0}
	.footer .foot-comp .nav dl dd .note{font-size: 14px}
	.footer .foot-comp .nav dl dd form input{width: 88%;line-height: 22px;height: 22px;font-size: 12px}
	.footer .foot-comp .nav dl dd form a.icon-plane{height: 22px}
}
.copyright{background: #0a0405;text-align: center;line-height: 50px;color:#fff;width: 100%}
.copyright a{color: #fff;}
.copyright a:hover{color: #fff;}
@media (max-width:576px){
	.copyright{font-size: 12px;line-height: 20px;padding: 5px 0}
}