@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2'); 
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v24-latin-800.woff2') format('woff2'); 
}
@font-face {
    font-family: 'Roboto-Regular';
    src:url('../fonts/Roboto-Regular/Roboto-Regular.ttf.woff') format('woff'),
        url('../fonts/Roboto-Regular/Roboto-Regular.ttf.svg#Roboto-Regular') format('svg'),
        url('../fonts/Roboto-Regular/Roboto-Regular.ttf.eot'),
        url('../fonts/Roboto-Regular/Roboto-Regular.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold-Condensed';
    src:url('../fonts/Roboto/Roboto-Bold-Condensed.ttf.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Bold-Condensed.ttf.svg#Roboto-Bold-Condensed') format('svg'),
        url('../fonts/Roboto/Roboto-Bold-Condensed.ttf.eot'),
        url('../fonts/Roboto/Roboto-Bold-Condensed.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src:url('../fonts/Roboto-Bold/Roboto-Bold.ttf.woff') format('woff'),
        url('../fonts/Roboto-Bold/Roboto-Bold.ttf.svg#Roboto-Bold') format('svg'),
        url('../fonts/Roboto-Bold/Roboto-Bold.ttf.eot'),
        url('../fonts/Roboto-Bold/Roboto-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
:root{--primary-color:#0c1b2a;--color-red:#23b0ff;--text-color:#333333;--text-color2:#666666;--bg-white:#ffffff;--bg-grey:#f8f8f8;--transition-speed:0.2s}
*{margin:0;padding:0;box-sizing:border-box}

body { font-family: 'Arial', 'Helvetica', sans-serif; }
html{font-size:62.5%;-webkit-text-size-adjust: 100%;}
body{font-size:1.4rem;line-height:1.5;color:var(--text-color);font-weight: 400;background-color:#ffffff;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
select,input,textarea{word-wrap:break-word;word-break:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font:inherit; }
.container{max-width:1100px;width:100%;margin:0 auto}
@media (max-width:1280px){
	.container{max-width:100%;width:100%;margin:0 auto;padding:0 5%}
}

.container_te{max-width:1100px;width:100%;margin:0 auto}
@media (max-width:1280px){
	.container_te{max-width:100%;width:100%;margin:0 auto;padding:0 5%}
}

#content{padding:30px 0;overflow:hidden}
@media (max-width:1200px){
	#content{padding:80px 0 30px 0;overflow:hidden}
}
a{color:var(--text-color);text-decoration:none;transition:all .2s}
a:hover{color:var(--primary-color);text-decoration:none}
ol,ul,li{list-style:none}
input,button,select,textarea{border:0;vertical-align:middle;max-width:100%;outline:none}
.fl{float:left}
.fr{float:right}
.row{margin-right:-10px;margin-left:-10px}
img{max-width:100%;height:auto;display:block}
#back-to-top{position:fixed;bottom:250px;right:10px;width:44px;height:44px;display:none;overflow:hidden;z-index:99}
#back-to-top a{background:#aaa url(../images/icontop.png) no-repeat center center;width:44px;height:44px;display:block;top:0;left:0;opacity:1}
#floatqq{position:fixed;bottom:185px;right:0;width:66px;height:66px;overflow:hidden;z-index:99}
#floatqq a{background:var(--primary-color) url(../images/icontop.png) no-repeat left -66px;width:66px;height:66px;display:block;top:0;left:0;opacity:1}
#back-to-top a.top:hover,#floatqq a:hover{background-color:#0c1e34}
.owl-carousel .owl-controls .owl-nav div{background:#fff none repeat scroll 0 0;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);font-size:24px;width:50px;height:50px;left:-45px;line-height:50px;margin-top:-25px;opacity:0;padding:0;position:absolute;text-align:center;top:46%;transition:all 400ms ease-in 0s}
.owl-carousel .owl-controls .owl-nav div.owl-next{left:auto;right:-45px}
.owl-carousel:hover .owl-controls .owl-nav div{opacity:1}
.owl-carousel .owl-controls .owl-nav div:hover{color:#e6411a;border-color:#e6411a}

h1 { font-size: 4.2rem; line-height: 1.2; font-weight: 700; margin-bottom: 0.5em;  font-family: 'Roboto-Bold-Condensed', 'Arial Narrow', Arial, sans-serif;}
h2 { font-size: 3.0rem; line-height: 1.3; font-weight: 600; margin-bottom: 0.5em;  font-family: 'Roboto-Bold-Condensed', 'Arial Narrow', Arial, sans-serif;}
h3 { font-size: 2.2rem; line-height: 1.4; font-weight: 600; margin-bottom: 0.5em;  font-family: 'Roboto-Bold-Condensed', 'Arial Narrow', Arial, sans-serif;}
h4 { font-size: 1.8rem; line-height: 1.5; font-weight: 500; margin-bottom: 0.5em; }
@media (max-width: 1024px) {
    h1 { font-size: 3.6rem; }
    h2 { font-size: 2.8rem; }
    h3 { font-size: 2.0rem; }
}
@media (max-width: 768px) {
    h1 { font-size: 3.0rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 2.0rem; }
}

.btn-cta{font-size:1.6rem;font-weight:600;padding:1.2rem 2.4rem;display:inline-flex;align-items:center;justify-content:center; background:var(--primary-color); color:#ffffff;border-radius: 4px;transition: all 0.3s ease;}
.btn-cta::after{content:'\203A';font-size:2.4rem;line-height:1;margin-left:0;opacity:0;max-width:0;display:inline-block;transition:all 0.3s ease}
.btn-cta:hover{background:#ff0000;padding-right:1.8rem; color:#ffffff;}
.btn-cta:hover::after{content:'\203A';opacity:1;max-width:20px;margin-left:10px;transform:translateX(5px)}

.btn-normal{font-size:1.5rem;font-weight:400;padding:1.1rem 2rem;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color); color:#ffffff;border-radius: 4px;transition: all 0.3s ease;}
.btn-normal:hover{background:#ff0000;color:#ffffff;}
@media (max-width: 768px) {
    .btn-cta,.btn-normal{width:100%;max-width:300px;min-height:4.8rem; margin-bottom:25px;}
}

/*table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:1.4rem;line-height:1.5;margin:0 auto 20px}
table td,table th{padding:5px 10px;border:1px solid #d2d2d2;vertical-align:middle;text-align:center;white-space:nowrap}
table p{margin-bottom:0}
table th{padding:10px;background-color:#efefef;}
table tr:nth-of-type(odd){background:#f7f7f7}
table tbody tr:hover{background:#e5ebee}*/

.modern-table table{width:100%;border-collapse:collapse;font-size:1.4rem;line-height:1.5;margin:20px auto;color:#333;border:1px solid #eee}
.modern-table th{padding:14px 12px;background-color:#f8f9fa;color:#1a1a1a;font-weight:600;border-right:1px solid #f5f5f5;text-transform:uppercase; text-align:left}
.modern-table td{padding:12px 12px; color:#333333;  border-bottom:1px solid #f0f0f0;border-right:1px solid #f5f5f5;vertical-align:middle;transition:background 0.2s ease}
.modern-table td:last-child,.modern-table th:last-child{border-right:none}
.modern-table tr:nth-of-type(even){background-color:#ffffff}
.modern-table tbody tr:hover{background-color:#f1f4f8}
.modern-table td{white-space:normal}

.card-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.4rem;line-height:1.5;margin:10px auto;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;}
.card-table th{background-color:#333;color:#fff;padding:15px;font-weight:600;text-align:left}
.card-table td{padding:12px 15px; color:#333333; border-bottom:1px solid #eee;border-right:1px solid #f5f5f5;text-align:left}
.card-table td:last-child,.card-table th:last-child{border-right:none}
.card-table tr:last-child td{border-bottom:none}
.card-table tbody tr:hover{background-color:#f1f4f8}

.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.twoline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.threeline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.fourline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}

.fangdaimg a{margin:0 auto;display:block;overflow:hidden;position:relative;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.fangdaimg img{width:100%;-webkit-transition:transform 0.6s ease 0s;-moz-transition:transform 0.6s ease 0s;-o-transition:transform 0.6s ease 0s;transition:transform 0.6s ease 0s}
.fangdaimg a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

.inbanner{position:relative;overflow:hidden;padding-top:100px}
.inbanner .inbanner_img{width:100%;height:auto;background-size:cover;background-position:center;position:relative;display:flex;justify-content:center}
.inbanner .inbanner_img img{width:100%;height:auto;display:block}
.inbanner .inbanner_img .banner-titles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;width:100%}
.inbanner .inbanner_img .banner-titles .banner-con{max-width:700px;background:rgba(0,0,0,0)}
.inbanner .inbanner_img .banner-titles .banner-con h1{font-size:4rem;font-weight:bold;margin-bottom:15px;line-height:1.5;font-weight:800;text-transform:uppercase;color:#ffffff;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}
.inbanner .inbanner_img .banner-titles .banner-con h1.color1{color:var(--primary-color);text-shadow:2px 2px 8px rgba(0,0,0,0)}
.inbanner .inbanner_img .banner-titles .banner-con .banner-des{font-size:1.8rem;font-weight:500;line-height:1.5;color:#ffffff;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}
.inbanner .inbanner_img .banner-titles .banner-con .color1{color:var(--primary-color);text-shadow:2px 2px 8px rgba(0,0,0,0)}

.inbanner .inbanner_img .banner-titles2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}
.inbanner .inbanner_img .banner-titles2 .banner-con{max-width:1000px;background:rgba(0,0,0,0); margin:0 auto;}
.inbanner .inbanner_img .banner-titles2 .banner-con h1{font-size:4rem;font-weight:bold;margin-bottom:15px;line-height:1.5;font-weight:800;text-transform:uppercase;color:#ffffff;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}
.inbanner .inbanner_img .banner-titles2 .banner-con h1.color1{color:var(--primary-color);text-shadow:2px 2px 8px rgba(0,0,0,0)}
.inbanner .inbanner_img .banner-titles2 .banner-con .banner-des{font-size:1.8rem;font-weight:500;line-height:1.5;color:#ffffff;text-shadow:2px 2px 8px rgba(0,0,0,0.5)}
.inbanner .inbanner_img .banner-titles2 .banner-con .color1{color:var(--primary-color);text-shadow:2px 2px 8px rgba(0,0,0,0)}

.inbanner .breadcrumb{width:100%;background-color:rgba(0,39,142,0.05);color:var(--primary-color);font-size:1.4rem;height:48px;line-height:48px}
.inbanner .breadcrumb i{margin-right:10px;color:var(--primary-color)}
.inbanner .breadcrumb a{color:var(--primary-color);position:relative}
.inbanner .breadcrumb a:hover{}
.inbanner .breadcrumb a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background-color:#ffffff}
@media (max-width:1200px){
	.inbanner{padding-top:80px}
	.inbanner .breadcrumb{height:40px;line-height:40px;font-size:12px}
}
@media (max-width:768px){
	.inbanner .inbanner_img .banner-titles .banner-con{max-width:100%;padding:5% 0}
	.inbanner .inbanner_img .banner-titles .banner-con h1{font-size:2.2rem;margin-bottom:10px}
	.inbanner .inbanner_img .banner-titles .banner-con .banner-des{font-size:1.4rem}
	.inbanner .inbanner_img .banner-titles2 .banner-con{max-width:100%;padding:5% 0}
	.inbanner .inbanner_img .banner-titles2 .banner-con h1{font-size:2.2rem;margin-bottom:10px}
	.inbanner .inbanner_img .banner-titles2 .banner-con .banner-des{font-size:1.4rem}
	.inbanner .breadcrumb{display:none}
}
@media (max-width:480px){
	.inbanner .inbanner_img .banner-titles .banner-con h1{font-size:1.8rem}
	.inbanner .inbanner_img .banner-titles .banner-con .banner-des{font-size:1.4rem}
	.inbanner .inbanner_img .banner-titles2 .banner-con h1{font-size:1.8rem}
	.inbanner .inbanner_img .banner-titles2 .banner-con .banner-des{font-size:1.4rem}
}

.breadcrumb2{margin-top:150px;font-size:1.4rem;color:var(--primary-color)}
.breadcrumb2 i{margin-right:10px;color:#1476E0}
.breadcrumb2 a{font-size:1.4rem;position:relative;color:var(--primary-color)}
.breadcrumb2 a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background-color:var(--primary-color)}
@media (max-width:1200px){
	.breadcrumb2{margin-top:20px;}
}
@media (max-width:768px){
	.breadcrumb2{display:none}
}

.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998}
.ad-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;max-width:600px;text-align:center;padding:5px;background-color:white;border:1px solid #ccc;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}
.ad-container img{width:100%;max-width:500px;height:auto}
.ad-close{position:absolute;bottom:5px;right:5px;padding:15px 10px;background-color:#008000;color:#ffffff;cursor:pointer;border:none;outline:none;font-size:14px;transition:all 0.2s ease}
.ad-close:hover{background-color:var(--color-red)}
.popup{position:fixed;bottom:10px;right:10px;background:#27c2ce;border:0 solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:none;z-index:9999;width:400px;color:#ffffff;border-radius:5px}
.popup li{line-height:30px;font-size:14px;padding:0 20px}
.popup li a{color:#ffffff}
.popup li a:hover{color:var(--color-red)}
.buttonclose{float:right;padding:5px;background-color:#27c2ce;color:#ffffff;font-size:14px;margin-top:10px}
@media screen and (max-width:1023px){
	.popup{bottom:5px;right:2%;left:2%;width:96%}
}

.pagination{margin:40px 0 0 0;display:flex;align-items:center;justify-content:center;gap:5px}
.pagination a,.pagination span{display:inline-block;padding:0 12px;border:1px solid #dddddd;text-decoration:none;color:var(--text-color)}
.pagination a:hover{background-color:var(--primary-color);color:white}
.pagination .current{background-color:var(--color-red);color:white;border-color:var(--color-red)}
.pagination .disabled{color:#ccc;cursor:not-allowed}
.pagination .ellipsis{border:none;padding:5px 5px}
.pagination .total{margin-left:15px;border:none;color:var(--text-color2)}
.wrapper{display:none}
@media (max-width:1200px){
	.wrapper{max-width:1280px;margin:0 auto;position:relative;display:block}
	.wrapper  .dl-tit{line-height:50px;font-size:1.4rem;font-weight:normal;background:var(--primary-color);height:50px;color:#ffffff;padding:0 4%}
	.wrapper .dl-tit a{border:none;width:23px;height:23px;text-indent:-900em;overflow:hidden;position:absolute;top:13px;right:7px;cursor:pointer;outline:none;background:url(../images/arrow-down.png) no-repeat center center;background-size:100%}
	.wrapper .dl-tit a:hover,.wrapper .dl-tit a.dl-active{background:url(../images/arrow-down2.png) no-repeat center center}
	.dl-menuwrapper{width:100%;float:right;right:0;position:absolute;z-index:10}
	.dl-menuwrapper ul{background:rgba(0,0,0,.75);position:absolute;width:100%;padding:0;list-style:none;display:none;z-index:8}
	.dl-menuwrapper li{position:relative}
    .dl-menuwrapper li a{display:block;position:relative;padding:5px 4%;font-size:1.4rem;line-height:30px;color:#ffffff;border-top:1px solid #666;outline:none}
	.dl-menuwrapper li a:hover,.dl-menuwrapper li a.active{text-decoration:none;background-color:rgba(0,0,0,1) !important}
	.dl-menuwrapper li ul{position:relative;width:100%;background:rgba(0,0,0,.45)}
	.dl-menuwrapper li ul li a{padding-left:8%;font-size:1.2rem}
}