*{padding:0;margin:0}
html{overflow:-moz-scrollbars-vertical;scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0;margin:0}
div,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none;color:#222222;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}
a:hover{color:#f78000}
:focus{outline:0}
.clear{margin:0;padding:0;clear:both}
table{BORDER-COLLAPSE:collapse;border-spacing:0}
img{display:block;border:0;width:100%}
b{}
i,em{font-style:normal}
br{display:inline;line-height:11px}
button,input,select,textarea,radio{display:block;margin:0;padding:0;outline:none;background-color:transparent;border:0;border-radius:none;-webkit-font-smoothing:antialiased}
button{cursor:pointer}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.5;color:#222222}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.5;color:#222222}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.5;color:#222222}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.5;color:#222222}
@font-face{font-family:"Poppins-Regular";src:url('../fonts/Poppins-Regular.ttf') format('truetype'),url('../fonts/Poppins-Regular.woff') format('woff'),url('../fonts/Poppins-Regular.otf') format('otf');font-weight:normal;font-style:normal;font-display:block}

body{font-size:16px;color:#222222;font-family:"Poppins-Regular",Arial,Helvetica,sans-serif;padding:0;margin:0;behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;background:#ffffff;line-height:30px}
.main{position:relative;margin:0 auto;width:90%;max-width:1560px}
@media screen and (max-width:1366px){body{font-size:14px;line-height:26px}}
@media screen and (max-width:1200px){body{font-size:12px;line-height:24px}}
@media screen and (max-width:768px){body{font-size:14px;line-height:24px}.main{width:92%}}

.header{width:100%;box-sizing:border-box;position:relative;height:190px;top:0;left:0;z-index:99;background-color:rgba(255,255,255,1)}

.header_top_bar{width:100%;background:#444444;height:35px;line-height:35px;color:#ffffff}
.header_top_bar .main{text-align:right}
.header_top_bar p{margin-left:15px;display:inline-block}
.header_top_bar img{width:25px;height:auto;vertical-align:middle;margin-left:10px;display:inline}
.header_top_bar .topemail{width:18px;margin-right:5px;margin-left:0}
.header_top_bar a{color:#ffffff}
.header_top_bar a:hover{text-decoration:underline}

.header_logo{width:100%;height:95px;line-height:95px;overflow:hidden}
.header_logo_img{float:left;width:9.2%}
.header_logo_img img{max-width:135px;vertical-align:middle;display:inline}
.header_logo_txt{float:right;width:90.8%;height:95px;display:flex;align-items:left;justify-content:center;flex-direction:column;padding-left:20px;box-sizing:border-box}
.header_logo_txt h2{font-size:24px;font-weight:700;line-height:1.5;text-transform:uppercase}
.header_logo_txt p{font-size:18px;line-height:1.2}

.header_nav{width:100%;height:60px;background:#004697}
.header_nav>.main>ul>li>a{color:#ffffff !important}
.header_nav>.main>ul>li>a:hover{color:#ffd200 !important}
.header_nav>.main>ul>li:hover a{color:#ffd200 !important}
.header_nav>.main>.mNavList{text-align:left;display:flex}
.header_nav>.main>.mNavList>li{position:relative;display:inline-block;text-align:center;line-height:60px;height:60px;box-sizing:border-box;margin:0 5% 0 0;font-size:16px;text-transform:uppercase}
.header_nav>.main>.mNavList>li>a>i{display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("../images/pro_click.png") no-repeat center -1px;-moz-transition:all linear .3s;-webkit-transition:all linear .3s;-ms-transition:all linear .3s}
.header_nav>.main>.mNavList>li:hover>a>i{background:url("../images/pro_click_on.png") no-repeat center 1px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);filter:rogid:DXImageTransform.Microsoft.BasicImage(rotation=1)}

#menu:before,#menu:after{content:"";display:table}
#menu:after{clear:both}
#menu{zoom:1}
#menu li:hover>a{color:#f78000}
#menu li a:hover{color:#f78000}
#menu li:hover>ul{opacity:1;visibility:visible;margin:0}
#menu ul{margin:15px 0 0 0;opacity:0;visibility:hidden;position:absolute;top:60px;width:200px;z-index:1;background-color:rgba(255,255,255,1);transition:all .3s ease-in-out}
#menu ul li{margin:0;padding:10px 25px;width:100%;height:auto;line-height:24px;background:none;border-bottom:1px rgba(0,0,0,0.10) dotted;text-transform:capitalize;border-left:0;box-sizing:border-box;color:#222222 !important;text-align:left;font-size:14px;position:relative;transition:all .3s ease-in-out;font-weight:normal}
#menu ul li a{display:block;font-weight:normal !important;color:#222222 !important}
#menu ul li:hover{background:#f5f5f5;padding:10px 20px 10px 30px}
#menu ul li:hover a{color:#f78000 !important}
#menu ul li:hover ul li a{color:#222222 !important}
#menu ul li:last-child{border-bottom:0}
#menu ul li:hover ul{opacity:1;visibility:visible;margin:0 0 0 200px}
#menu ul li ul{top:0px;left:0px;margin:0 0 0 220px;display:block;border-top:0;transition:all .3s ease-in-out;width:300px}
#menu ul li ul li:hover a{color:#f78000 !important}

@media screen and (max-width:1366px){
.header_nav>.main>.mNavList>li{font-size:14px}
.header_logo_txt h2{font-size:18px}
.header_logo_txt p{font-size:14px}
}

@media screen and (max-width:1200px){
.header_nav>.main>.mNavList>li{font-size:12px}
.header_logo_txt h2{font-size:16px}
.header_logo_txt p{font-size:12px}
}

.m-header{display:none}
@media screen and (max-width:768px){
.header{display:none}
.m-header{display:block;position:fixed;top:0;left:0;width:100%;background:rgb(255,255,255,1);z-index:99}
.m-header .main{margin:0 auto;width:96%;height:45px;overflow:hidden}
.m-header-logo{float:left;width:85%;margin-top:5px;font-size:16px}
.m-header-logo img{height:35px;width:auto;float:left;margin-right:5px}
.m-header-logo h2{font-size:18px;line-height:35px;font-weight:700}
.m-header-logo h2 b{display:block;font-size:16px;color:#333}

.nav-btn{position:relative;float:right;margin:12px -9px 0 0;width:50px;height:30px;cursor:pointer}
.nav-btn span{position:absolute;left:10px;display:block;width:30px;height:3px;background:#161616;transition:all ease 0.35s}
.nav-btn span:nth-of-type(1){top:0}
.nav-btn span:nth-of-type(2){top:8px}
.nav-btn span:nth-of-type(3){top:16px}
.nav-btn-se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.m-nav{position:fixed;top:-100%;left:0;z-index:9999;width:100%;height:calc(100%);font-size:16px;line-height:45px;background:#444444;overflow:auto;overflow-x:hidden;transition:top ease 0.35s}
.nav-show{top:45px}
.nav-show ul{border-bottom:1px rgba(255,255,255,0.10) solid}
.m-nav ul li i{position:absolute;top:4px;right:0px;height:40px;padding:0 17px 0 17px}
.m-nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.m-nav ul li .m-nav-i-se svg{transform:rotate(0deg)}
.m-nav ul li{position:relative;line-height:45px;font-size:14px;border-top:1px rgba(255,255,255,0.05) solid}
.m-nav ul li img{height:20px;width:auto;margin-right:10px;float:left;margin-top:12px}
.m-nav ul li ul{display:none;background:rgb(255,255,255,0.05)}
.m-nav ul li a{color:#fff;width:80%;display:block;padding-left:20px;font-weight:normal;text-transform:uppercase}
.m-nav ul li ul li a{display:block;font-size:14px;color:#fff;line-height:20px;text-align:left;padding:10px 10px 10px 30px;opacity:0.85}
.m-nav ul li i svg{width:25px;height:20px;fill:#fff}
.m-nav ul li .m-nav-i-se svg{fill:#fff}
}


.banner{width:100%;overflow:hidden;position:relative;margin:0px auto 0}
.banner .swiper-slide video{width:100%;left:0;top:0;z-index:2;height:100% !important;object-fit:cover}

.banner .swiper-slide .text{position:absolute;width:80%;top:25%;left:10%;transform:translateY(-25%);z-index:3;text-align:center;color:#fff;box-sizing:border-box}
.banner .swiper-slide .text h2{margin-bottom:20px;font-size:42px;line-height:50px;opacity:0;text-shadow:4px 8px 10px rgba(0,0,0,0.14);transform:translateY(32px);transition:all 0.8s ease 0.8s;font-weight:lighter}
.banner .swiper-slide .text h2 b{font-weight:700}
.banner .swiper-slide .text p{font-size:20px;line-height:36px;opacity:0;text-shadow:4px 8px 10px rgba(0,0,0,0.14);transform:translateY(32px);transition:all 1s ease 1s;padding:0 15%;box-sizing:border-box;margin-top:10px}
.banner .swiper-slide .text .bannerbtn{border:2px #ffffff solid;border-radius:50px;line-height:45px;height:45px;width:fit-content;padding:0 40px;margin:0 auto;opacity:0;transform:translateY(32px);transition:all 1.2s ease 1.2s;margin-top:30px;font-size:16px}
.banner .swiper-slide .text a{color:#ffffff}

.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2{transform:translateY(0);opacity:1}
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active p{transform:translateY(0);opacity:0.8}
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .bannerbtn{transform:translateY(0);opacity:1}

.banner .swiper-button-prev{width:40px;height:40px;background:none;margin-top:0;left:0.5%;top:46%;color:#f78000}
.banner .swiper-button-prev:before{font-size:32px;position:absolute;left:50%;top:50%;display:inline-block;transform:translate(-50%,-50%);color:#fff}
.banner .swiper-button-prev:hover:before{color:#31a338}
.banner .swiper-button-next{width:40px;height:40px;background:none;margin-top:0;right:0.5%;top:46%;color:#f78000}
.banner .swiper-button-next:before{font-size:32px;position:absolute;left:50%;top:50%;display:inline-block;transform:translate(-50%,-50%);color:#fff}
.banner .swiper-button-next:hover:before{color:#31a338}

.banner .pagination-all{position:absolute;bottom:20px;width:100%;left:0;z-index:100;text-align:center}
.banner .swiper-pagination{position:relative;display:inline-block;text-align:left}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px;height:4px;border-radius:0;background:rgba(255,255,255,0.7);opacity:1;margin:0 3px;position:relative;transition:all 0.5s}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#f78000}
@media screen and (max-width:1366px){
.banner .swiper-slide .text h2{font-size:32px;line-height:45px}
.banner .swiper-slide .text p{font-size:16px;line-height:30px}
.banner .swiper-slide .text .bannerbtn{line-height:35px;height:35px;margin-top:20px;font-size:14px;padding:0 30px}
}

@media screen and (max-width:1200px){
.banner .swiper-slide .text h2{font-size:24px;line-height:30px}
.banner .swiper-slide .text p{font-size:14px;line-height:24px}
.banner .swiper-slide .text .bannerbtn{line-height:30px;height:30px;margin-top:20px;font-size:14px;padding:0 20px}
}

@media screen and (max-width:768px){
.banner{margin-top:45px}
.banner .swiper-slide .text{width:90%;min-width:0;top:40%;transform:translateY(-40%);left:5%;text-align:center}
.banner .swiper-slide .text h2{font-size:16px;line-height:24px;margin-bottom:10px;font-weight:normal}
.banner .swiper-slide .text p{display:none}
.banner .swiper-slide .text .bannerbtn{border:1px #ffffff solid;border-radius:50px;line-height:28px;height:28px;padding:0 20px;margin-top:10px;font-size:12px}

.banner .swiper-container .swiper-button-prev{top:40%;width:20px;height:20px}
.banner .swiper-container .swiper-button-next{top:40%;width:20px;height:20px}
.banner .swiper-container .pagination-all{bottom:5px}
}


.index_htitle{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;text-align:center}
.index_htitle h2{font-size:45px;line-height:1.2;font-weight:900;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;z-index:3}
.index_htitle .ptxt{opacity:0.8;padding:0 7%;box-sizing:border-box}
@media screen and (max-width:1366px){
.index_htitle h2{font-size:32px}
}

@media screen and (max-width:1200px){
.index_htitle h2{font-size:32px}
}

@media screen and (max-width:768px){
.index_htitle h2{font-size:24px}
.index_htitle .ptxt{padding:0}
}

.div_more{text-align:center}
.div_more_top{margin-top:20px}
.more{display:inline-block;height:40px;line-height:40px;padding:0 25px;text-align:center;border-radius:50px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;color:#ffffff;background:#004697;font-size:14px}
.more:hover{color:#ffffff;background:#ff7800}
.more_png{display:inline-block;height:35px;line-height:35px;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;color:#ffffff;font-size:14px;margin-top:10px;width:fit-content}
.more_png a{color:#ffffff}
.more_png:hover a{color:#ffd200;}
.arrow{vertical-align:middle;font-size:14px;margin-left:4px}
@media screen and (max-width:768px){
.div_more_top{margin-top:25px}
.more{height:30px;line-height:30px;padding:0 20px;font-size:12px}
.more_png{height:30px;line-height:30px;font-size:12px}
}

.more_btn{background:#004697;height:45px;line-height:45px;position:relative;padding:0 20px;display:inline-block;border-radius:5px}
.more_btn .more_btn_txt{z-index:9;height:45px;line-height:45px;color:#ffffff;position:inherit;border-radius:5px}
.more_btn:after{content:' ';position:absolute;left:0;width:100%;top:0;height:0;background:#f78000;z-index:2;transition:300ms ease-out;border-radius:5px}
.more_btn:hover:after{left:0;height:100%}
@media screen and (max-width:768px){
.more_btn{height:40px;line-height:40px;font-size:14px}
.more_btn .more_btn_txt{height:40px;line-height:40px}
}

.mod1{width:100%;box-sizing:border-box;position:relative;padding:100px 0;overflow:hidden;background:#ffffff}
.mod1_box{overflow:hidden;margin-top:20px}
.mod1_box ul{display:flex}
.mod1_box ul li{flex:0 0 50%;display:flex;justify-content:center;flex-direction:column}
.mod1_box ul:first-child{background:#004697}
.mod1_box ul:last-child{background:#2b3870}
.mod1_box .mod1_box_txt{padding:30px 60px;box-sizing:border-box;color:#ffffff}
.mod1_box .mod1_box_txt h2{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:10px}
.mod1_box .mod1_box_txt .ptxt{opacity:0.8}

@media screen and (max-width:1560px){
.mod1_box .mod1_box_txt{padding:20px 40px}
.mod1_box .mod1_box_txt h2{font-size:24px}
}

@media screen and (max-width:1366px){
.mod1{padding:80px 0px}
.mod1_box .mod1_box_txt{padding:20px 40px}
.mod1_box .mod1_box_txt h2{font-size:18px}
}

@media screen and (max-width:1200px){
.mod1{padding:60px 0px}
.mod1_box .mod1_box_txt{padding:20px 40px}
.mod1_box .mod1_box_txt h2{font-size:16px}
}

@media screen and (max-width:768px){
.mod1{padding:20px 0}
.mod1_box{margin-top:10px}
.mod1_box ul{flex-direction:column}
.mod1_box ul li{flex:0 0 100%}
.mod1_box ul:last-child li:first-child{order:2}
.mod1_box ul:last-child li:last-child{order:1}
.mod1_box .mod1_box_txt{padding:20px}
.mod1_box .mod1_box_txt h2{font-size:20px; line-height:1.5;}
}

.mod2{width:100%;padding:100px 0px;box-sizing:border-box;overflow:hidden;background:#f5f5f5}
.mod2_box{overflow:hidden;margin-top:20px}
.mod2_box ul{display:flex;flex-wrap:wrap;gap:20px}
.mod2_box ul li{box-sizing:border-box;text-align:left;padding:40px;color:#ffffff;display:flex;justify-content:center;flex-direction:column}
.mod2_box ul li h2{font-size:24px;line-height:1.3;font-weight:700;margin-bottom:10px}
.mod2_box ul li .ptxt{opacity:0.8}
.mod2_box_img{width:100%;height:100%}
.mod2_box_img img{width:100%;height:100%}
.mod2_box ul li:nth-child(-n+3){flex:0 0 calc(33.3333% - 13.333px)}
.mod2_box ul li:nth-child(n+4){flex:0 0 calc(25% - 15px)}
.mod2_box ul li:nth-child(1),.mod2_box ul li:nth-child(7){background:#004697}
.mod2_box ul li:nth-child(3),.mod2_box ul li:nth-child(5){background:#2b3870}
.mod2_box ul li:nth-child(2),.mod2_box ul li:nth-child(4),.mod2_box ul li:nth-child(6){background:#ffffff;padding:0}
@media screen and (max-width:1366px){
.mod2{padding:80px 0px}
.mod2_box ul li h2{font-size:18px}
}

@media screen and (max-width:1200px){
.mod2{padding:60px 0px}
.mod2_box ul li h2{font-size:16px}
}

@media screen and (max-width:768px){
.mod2{padding:20px 0px}
.mod2_box{margin-top:10px;}
.mod2_box ul{gap:0}
.mod2_box ul li{flex:0 0 100%;margin-bottom:10px;padding:30px}
.mod2_box ul li:last-child{margin-bottom:0}
.mod2_box ul li:nth-child(-n+3){flex:0 0 100%}
.mod2_box ul li:nth-child(n+4){flex:0 0 100%}
}

.mod3{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(to bottom,#004697 65%,#ffffff 35%)}
.mod3 .index_htitle{color:#ffffff}
.mod3_box{box-shadow:0 0 15px 0 #666;border:20px #ffffff solid;border-radius:5px;max-width:1000px;margin:30px auto 0}
@media screen and (max-width:1366px){
.mod3{padding:80px 0px}
}

@media screen and (max-width:1200px){
.mod3{padding:60px 0px}
}

@media screen and (max-width:768px){
.mod3{padding:20px 0px}
.mod3_box{box-shadow:0 0 5px 0 #666;border:10px #ffffff solid;margin:20px auto 0}
}

.mod4{position:relative;padding:0 0 100px 0;overflow:hidden}
.mod4_box{position:relative}
@media screen and (max-width:1366px){
.mod4{padding:0 0 80px 0px}
}

@media screen and (max-width:1200px){
.mod4{padding:0 0 60px 0px}
}

@media screen and (max-width:768px){
.mod4{padding:0 0 20px 0px}
}

.project{display:block;margin-top:20px;box-sizing:border-box}
.project li{float:left;width:100%;position:relative;display:block;overflow:hidden;padding:20px;box-sizing:border-box}
.project li .imgbox{box-sizing:border-box;box-shadow:0 0 15px 0 #e0e0e0;border-radius:5px;border:20px #f9f9f9 solid}
.project li .imgbox img{border-radius:5px}
.project li .ptxt{padding:15px 15px 0 15px;box-sizing:border-box}
.swiper-button-next.project-area-next{top:45%;transform:translateY(-45%);right:-10px;width:50px;height:50px;border-radius:100%;background:#004697;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-prev.project-area-prev{top:45%;transform:translateY(-45%);left:-10px;width:50px;height:50px;border-radius:100%;background:#004697;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-next.project-area-next:hover{background:#ff7800}
.swiper-button-prev.project-area-prev:hover{background:#ff7800}
@media screen and (max-width:768px){
.project li{padding:10px}
.project li .imgbox{box-shadow:0 0 10px 0 #e0e0e0;border:10px #f9f9f9 solid}
.swiper-button-next.project-area-next{right:0px;width:35px;height:35px;font-size:14px}
.swiper-button-prev.project-area-prev{left:0px;width:35px;height:35px;font-size:14px}
}

.mod5{position:relative;padding:100px 0;overflow:hidden;background:#f5f5f5}
.mod5_box{position:relative;margin-top:20px}
.mod5_box ul{display:flex;gap:60px}
.mod5_box ul li:first-child{flex:0 0 40%}
.mod5_box ul li:last-child{flex:0 0 60%}
.mod5_box ul li .index_htitle{text-align:left;margin-bottom:20px}
.mod5_box ul li .ptxt{text-align:left;padding:0}

.index_news{padding-bottom:25px;margin-bottom:25px;border-bottom:1px #ddd dotted}
.index_news:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.index_news h2{font-size:18px;color:#004697;font-weight:700}
.index_news h2 a{color:#004697}
.index_news h2 a:hover{color:#f78000}
.index_news .ptxt{opacity:0.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media screen and (max-width:1366px){
.mod5{padding:80px 0px}
}

@media screen and (max-width:1200px){
.mod5{padding:60px 0px}
}

@media screen and (max-width:768px){
.mod5{padding:20px 0px}
.mod5_box{margin-top:0}
.mod5_box ul{flex-direction:column;gap:20px}
.mod5_box ul li{flex:0 0 100%;margin-bottom:10px}
.mod5_box ul li：last-child{margin-bottom:0}
}

.footer{position:relative;padding:0;background:#222222}
.footer_top{background:#004697}
.footer_box{overflow:hidden;display:flex;justify-content:center}
.footer_box ul{display:flex;gap:50px}
.footer_box ul li{box-sizing:border-box;text-align:center;display:inline-block;white-space:nowrap;line-height:55px;height:55px;text-transform:uppercase}
.footer_box ul li a{color:#ffffff}
.footer_box ul li a:hover{color:#ffd200}
@media screen and (max-width:768px){
.footer_top{display:none}
}

.footer_title{width:100%;padding:50px 0;text-align:center;font-size:32px;line-height:1.2;text-transform:uppercase;opacity:0.7;color:#ffffff}
@media screen and (max-width:1366px){
.footer_title{font-size:24px;padding:30px 0}
}

@media screen and (max-width:1200px){
.footer_title{font-size:20px;padding:20px 0}
}

@media screen and (max-width:768px){
.footer_title{font-size:18px; padding:20px 0}
}

.footer_contact{display:flex;justify-content:center}
.footer_contact ul{display:flex;gap:50px}
.footer_contact ul li{box-sizing:border-box;text-align:left;display:inline-block;color:#ffffff;padding:20px 30px 20px 60px;box-sizing:border-box;border:1px rgb(255,255,255,0.1) solid;border-radius:5px;font-size:14px;line-height:24px}
.footer_contact ul li a{color:#ffffff}
.footer_contact ul li a:hover{color:#ffffff;text-decoration:underline}
.footer_contact ul li:nth-child(1){background:url(../images/ico_address2.svg) 30px 25px no-repeat;background-size:20px}
.footer_contact ul li:nth-child(2){background:url(../images/ico_tel2.svg) 30px 25px no-repeat;background-size:20px}
.footer_contact ul li:nth-child(3){background:url(../images/ico_whatsup2.svg) 30px 25px no-repeat;background-size:20px}
.footer_contact ul li:nth-child(4){background:url(../images/ico_email2.svg) 30px 25px no-repeat;background-size:20px}
@media screen and (max-width:1200px){
.footer_contact ul{flex-direction:column;gap:20px}
.footer_contact ul li{padding:10px 20px 20px 60px;}
}

.footer_copyright{width:100%;text-align:center;color:#ffffff;padding:50px 0;box-sizing:border-box;opacity:0.7}
@media screen and (max-width:1366px){
.footer_copyright{padding:30px 0}
}

@media screen and (max-width:1200px){
.footer_copyright{padding:20px 0}
}

@media screen and (max-width:768px){
.footer_copyright{padding:20px 0}
}

.footer_meadia{overflow:hidden;width:100%;text-align:center;padding-bottom:50px}
.footer_meadia a{display:inline-block;margin:0 15px}
.footer_meadia a img{width:40px;height:40px;opacity:0.5}
.footer_meadia a img:hover{opacity:1}
@media screen and (max-width:768px){
.footer_meadia{padding-bottom:30px}
.footer_meadia a{margin:0 10px}
.footer_meadia a img{width:30px;height:30px}
}

.imgbox{position:relative;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.imgbox img{transition:clip 0.3s cubic-bezier(0,.3,.6,1),transform 0.3s ease,opacity 0.3s ease,-webkit-transform 0.3s ease,-webkit-clip 0.3s cubic-bezier(0,.3,.6,1)}
a:hover .imgbox img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.imgbox:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.imgbox .mask,.imgbox .view{position:absolute;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.imgbox .mask{bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
.imgbox .view{top:50%;left:50%;margin:-26px 0 0 -24px;width:48px;height:48px;background:url(../images/view.png) no-repeat;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.imgbox:hover .mask,.imgbox:hover .view{opacity:0.5}
.imgbox:hover .view{-webkit-transform:scale(1,1);transform:scale(1,1)}

.ban{margin:0px auto 0;width:100%;position:relative}
.ban .addiv{position:absolute;padding:0;text-align:center;color:#ffffff;display:inline-block;top:50%;transform:translateY(-50%);z-index:3;width:100%}
.ban .addiv h2{font-size:45px;line-height:1;text-transform:uppercase;font-weight:700;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.ban .addiv_txt{font-size:16px;text-transform:uppercase;letter-spacing:1px;color:rgb(255,255,255,0.6)}
.banimg_bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:linear-gradient(to right bottom,rgb(0,60,118,0.3),rgb(0,87,170,0.2))}
@media screen and (max-width:768px){
.ban{margin:45px auto 0}
.ban .addiv h2{font-size:24px; line-height:1.2; -webkit-line-clamp:1}
.ban .addiv_txt{display:none;}
}

#weizhi{width:100%;margin:0 auto;background:#f5f5f5}
#weizhi2{width:100%;margin:90px auto 0;background:#f5f5f5}
.weizhi{width:90%;max-width:1560px;margin:0 auto;line-height:20px;padding:15px 0;box-sizing:border-box;font-size:12px;color:#666666}
.weizhi a{color:#666666}
.weizhi a:hover{color:#999999}
.span_right{float:right}
.home{height:20px;line-height:20px;display:inline-block;background:url(../images/icon5.png) left 1px no-repeat;padding-left:25px}
.span_list{height:20px;line-height:20px;display:inline-block;background:url(../images/weizhi_right.png) left 1px no-repeat;padding-left:20px}
@media screen and (max-width:768px){
#weizhi{margin:0 auto}
#weizhi2{margin:45px auto 0}
.weizhi{width:92%;padding:10px 0}
.span_right{display:none}
.home{height:20px;line-height:20px;display:inline-block}
.span_list{height:20px;line-height:20px;display:inline-block;background:url(../images/weizhi_right.png) left center no-repeat;padding-left:20px}
}

.wrap{margin:0 auto;width:100%;position:relative;display:flex}
.lymain{position:relative;margin:0 auto;width:90%;max-width:1560px;display:block}
@media screen and (max-width:768px){.wrap{padding:0;width:100%}
.lymain{width:92%}
}

.lymain_box{width:100%;display:flex;align-items:stretch;box-sizing:border-box}
.lymain_box_left{float:left;width:20%;background:#0057aa;margin:50px 0 50px 0;border-radius:5px;overflow:hidden}
.lymain_box_right{float:right;width:77%;box-sizing:border-box;margin:50px 0 50px 3%}
@media screen and (max-width:768px){
.lymain_box{display:block}
.lymain_box_left{display:none}
.lymain_box_right{float:none;width:100%;margin:0}
}

.lymain_box_left_box{display:block;padding:30px;box-sizing:border-box}
.lymain_box_left_box h2{font-size:20px;padding-bottom:10px;border-bottom:1px rgb(255,255,255,0.1) solid;margin-bottom:10px;text-transform:uppercase;color:#ffffff}
.lymain_box_left_box ul{overflow:hidden}
.lymain_box_left_box ul li{width:100%;position:relative;box-sizing:border-box;background:url(../images/whitedian.png) left center no-repeat;padding:15px 10px;border-bottom:1px rgb(255,255,255,0.1) solid;line-height:20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.lymain_box_left_box ul li:hover{background:url(../images/whitedian.png) 5px center no-repeat;padding-left:15px}
.lymain_box_left_box ul li:hover a{color:#ffc569}
.lymain_box_left_box ul li a{color:#ffffff}

#onsec{color:#ffc569;background:url(../images/whitedian.png) left center no-repeat}
#onsec:hover{background:url(../images/whitedian.png) 5px center no-repeat;padding-left:15px}
#onsec a{color:#ffc569}

.lymain_prod_left_box{display:block;padding:30px;box-sizing:border-box}
.lymain_prod_left_box ul{overflow:hidden;background:#ffffff}
.lymain_prod_left_box h2{font-size:20px;padding:0 0 15px 0;box-sizing:border-box;text-transform:uppercase;color:#ffffff;border-bottom:1px rgb(255,255,255,0.1) solid}
.fa-caret-right{background:url(../images/prod_left_icon.png) center center no-repeat;width:20px;height:20px;float:right}
.iconRotate{transform:rotate(90deg);transition:transform 0.5s}
.fa-caret-right:hover{cursor:pointer}
.d-firstNav{background-color:#0057aa;position:relative;padding:14px 0;line-height:20px;box-sizing:border-box;border-bottom:1px rgba(255,255,255,0.1) solid}
.d-firstNav a{color:#fff}
.d-firstNav a:hover{color:#ff6600}
.d-secondNav{position:relative;padding:12px;line-height:20px;border-bottom:1px rgba(255,255,255,0.1) solid;box-sizing:border-box;font-size:14px;background:#7f7f7f}
.d-secondNav a{color:#fff}
.d-secondNav a:hover{color:#ff6600}
.s-secondItem{background:url(../images/point.png) 12px center no-repeat;position:relative;padding:12px 12px 12px 24px;line-height:20px;border-bottom:1px #ededed solid;box-sizing:border-box; font-size:14px;}
.d-secondDrop{box-sizing:border-box}
.s-firstDrop,.s-secondDrop{display:none}


#prodonsec{color:#f78000;background:url(../images/point_red.png) 12px center no-repeat}
#prodonsec a{color:#f78000}


.page{text-align:center;padding:10px 10px;margin-top:40px;border:1px #eaeaea solid;background:#f5f5f5;border-radius:5px}
.page a{display:inline-block;border:1px #ecf5ff solid;font-size:14px;padding:6px 14px;border-radius:3px;margin:0 2px;font-family:"宋体";line-height:20px;height:20px;color:#999999}
.page a:hover{background:#f78000;color:#fff}
.pagea{background:#f78000;color:#ffffff !important}
@media screen and (max-width:768px){
.page{padding:5px 0;margin-top:20px}
.page a{font-size:14px;padding:5px 15px;margin:0}
}

.lmlb{width:100%;display:block;overflow:hidden;box-sizing:border-box;margin:50px 0 30px 0}
.lmlb ul{justify-content:space-between;display:flex}
.lmlb ul li{flex-grow:1;text-align:center;line-height:55px;transition:all 0.3s ease-in-out;background:#999999;color:#ffffff;border-right:1px rgb(255,255,255,0.6) solid}
.lmlb ul li:hover{background:#0155a6;color:#ffffff}
.lmlb ul li:last-child{border-right:0}
.lmlb ul li a{color:#fff;display:block;font-size:18px}
.lmlbnotes{margin-top:20px;border-top:1px #ecf5ff dotted;padding-top:20px}
#lmlbonsec{background:#0155a6;color:#ffffff}
#lmlbonsec a{color:#ffffff}
@media screen and (max-width:768px){
.lmlb{margin:20px 0}
.lmlb ul li{line-height:20px;padding:10px}
.lmlb ul li a{font-size:12px}
.lmlbnotes{margin-top:10px;padding-top:10px}
}

.htitle{width:100%;box-sizing:border-box;margin-bottom:30px;position:relative}
.htitle h3{font-size:12px;line-height:14px;text-align:center;text-transform:uppercase;width:inherit;font-family:"Poppins-Regular";color:#f78000;margin-bottom:2px}
.htitle h2{font-size:36px;line-height:1.2;text-align:center;font-weight:700;position:relative;margin-bottom:5px;text-transform:uppercase;z-index:2}
.htitle h2:before,.htitle h2:after{display:inline-block;vertical-align:middle;margin:-5px 10px 0 10px;content:"";width:40px;height:3px;background:#222222}
.htitle .ptxt{opacity:0.8;padding:0 15%;box-sizing:border-box;text-align:center;line-height:24px;z-index:2}
@media screen and (max-width:768px){
.htitle{margin-bottom:10px}
.htitle h2{font-size:24px}
.htitle h2:before,.htitle h2:after{margin:-5px 5px 0 5px;content:"";width:20px}
.htitle .ptxt{padding:0}
}

.about_htitle{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;text-align:center}
.about_htitle h2{font-size:45px;line-height:1.2;font-weight:700;position:relative}
.about_htitle .ptxt{box-sizing:border-box;text-align:left;margin-top:15px;overflow:hidden}
.about_htitle .ptxt img{width:auto;max-width:40%;float:left;margin:0 30px 10px 0;border-radius:5px}
.about_htitle .ptxt b,.about_htitle .ptxt strong{color:#004697; font-size:18px;}
@media screen and (max-width:768px){
.about_htitle{margin-bottom:10px}
.about_htitle h2{font-size:24px}
.about_htitle .ptxt{line-height:24px;padding:0;margin-top:5px;}
.about_htitle .ptxt img{width:100%;float:none; margin:10px 0; max-width:100%;}
.about_htitle .ptxt b,.about_htitle .ptxt strong{font-size:14px;}
}

.about_mod1{width:100%;display:block;padding:100px 0;box-sizing:border-box;background:#ffffff;position:relative}
.index_about_style3_box_txt{width:100%;padding:30px 20px;background:#004697; box-sizing:border-box; border-radius:5px;position:relative;margin-top:30px;box-shadow:0 0 10px 0 #f5f5f5;}
.index_about_style3_box_txt ul{overflow:hidden;letter-spacing:-8px}
.index_about_style3_box_txt ul li{overflow:hidden;width:23.875%;letter-spacing:normal;vertical-align:top;position:relative;box-sizing:border-box;display:inline-block;text-align:center; color:#ffffff;}
.index_about_style3_box_txt ul li:not(:nth-of-type(4n)){margin-right:1.5%}
.index_about_style3_box_txt ul li:nth-child(n+5){margin-top:1.5%}
.index_about_style3_box_txt ul li h2{font-size:60px;font-weight:700;line-height:1.2;}
.index_about_style3_box_txt ul li h2 sup{font-size:24px;margin-left:10px;letter-spacing:normal;font-weight:normal}
.index_about_style3_box_txt ul li h2 span{font-size:16px;letter-spacing:normal;margin-left:5px;font-weight:normal}
.index_about_style3_box_txt ul li .ptxt{font-size:16px;margin-top:10px}
@media screen and (max-width:768px){
.about_mod1{padding:30px 0}
.index_about_style3{padding:50px 0 0 0}
.index_about_style3_box{margin-top:20px}
.index_about_style3_box_bg{border-radius:0px}
.index_about_style3_box_txt{width:100%;padding:20px;position:relative;top:0px;left:0;margin-left:0;}
.index_about_style3_box_txt ul{overflow:hidden;letter-spacing:-8px}
.index_about_style3_box_txt ul li{width:47.5%}
.index_about_style3_box_txt ul li:not(:nth-of-type(4n)){margin-right:0}
.index_about_style3_box_txt ul li:not(:nth-of-type(2n)){margin-right:5%}
.index_about_style3_box_txt ul li:nth-child(n+3){margin-top:5%}
.index_about_style3_box_txt ul li h2{font-size:32px;line-height:35px}
.index_about_style3_box_txt ul li h2 sup{font-size:12px}
.index_about_style3_box_txt ul li h2 span{font-size:12px}
.index_about_style3_box_txt ul li .ptxt{font-size:12px;margin-top:0px}
}

.about_mod2{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;background:#f5f5f5;position:relative}
.about_mod2_box{position:relative;margin-top:15px}
.about_mod2_box ul{display:flex;}
.about_mod2_box ul li{flex:0 0 50%; color:#ffffff; padding:60px; box-sizing:border-box;}
.about_mod2_box ul li:first-child{background:#004697;}
.about_mod2_box ul li:last-child{background:#2b3870;}
.about_mod2_box ul li h2{text-align:left;margin-bottom:20px; font-size:32px; line-height:1.5; font-weight:700;}
.about_mod2_box ul li .ptxt{opacity:0.7; margin-bottom:40px;}
@media screen and (max-width:768px){
.about_mod2{padding:30px 0}
.about_mod2_box{margin-top:0}
.about_mod2_box ul{flex-direction:column;}
.about_mod2_box ul li{flex:0 0 100%; padding:30px;}
.about_mod2_box ul li h2{font-size:18px; line-height:1.5;margin-bottom:10px;}
.about_mod2_box ul li .ptxt{opacity:0.7; margin-bottom:20px;}
}


.about_mod3{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;background:#ffffff;position:relative}
.works_box{display:block; margin:15px 0 0 0;}
.works_box .imgbox{-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#fff;overflow:hidden; border:1px #eaeaea solid; box-sizing:border-box;}
.works_box .works_box_pic{letter-spacing:-8px; margin-top:20px;}
.works_box .works_box_pic li{display:inline-block; letter-spacing:normal; vertical-align:top; width:33.3333333%; position:relative;}
.works_box .works_box_pic li:not(:nth-of-type(3n)){margin-right:0;}
.works_box .works_box_pic li:nth-child(n+4){margin-top:0;}
.works_box .works_box_txt li{display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; position:relative; cursor:pointer;}
@media screen and (max-width:768px) {
.about_mod3{padding:30px 0}
.works_box{margin:10px 0 0 0;}
.works_box .works_box_pic{ margin-top:15px;}
.works_box .works_box_pic li{width:50%;}
.works_box .works_box_pic li:not(:nth-of-type(3n)){margin-right:0;}
.works_box .works_box_pic li:not(:nth-of-type(2n)){margin-right:0;}
.works_box .works_box_pic li:nth-child(n+3){margin-top:0;}
}



.services_mod2{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;background:#f5f5f5;position:relative;}
.services_box2{display:block; margin:15px 0 0 0;}
.services_box2 ul{letter-spacing:-8px; margin-top:20px;}
.services_box2 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:31.333%; position:relative; padding:40px; box-sizing:border-box; box-shadow:0 0 10px 0 #e6e6e6; text-align:center; height:450px; border:1px #ddd solid; background:#ffffff; border-radius:5px;}
.services_box2 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.services_box2 ul li:nth-child(n+4){margin-top:3%;}
.services_box2 ul li img{ width:80px; margin:0 auto;}
.services_box2 ul li h2{font-size:20px; font-weight:700; margin-top:20px; color:#004697;}
.services_box2 ul li .ptxt{opacity:0.8; margin-top:15px; -webkit-line-clamp:9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
@media screen and (max-width:768px) {
.services_mod2{padding:30px 0}
.services_box2{margin:10px 0 0 0;}
.services_box2 ul{ margin-top:15px;}
.services_box2 ul li{width:100%; height:auto;padding:20px;}
.services_box2 ul li:not(:nth-of-type(3n)){margin-right:0;}
.services_box2 ul li:nth-child(n+2){margin-top:5%;}
.services_box2 ul li img{ width:60px; margin:20px auto 0;}
.services_box2 ul li h2{font-size:18px; margin-top:10px;}
.services_box2 ul li .ptxt{margin-top:10px; -webkit-line-clamp:15;}
}


.services_mod3{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;background:#ffffff;position:relative;}
.services_box3{display:block; margin:15px 0 0 0;}
.services_box3 ul{letter-spacing:-8px; margin-top:20px;}
.services_box3 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:23.5%; position:relative; box-sizing:border-box; box-shadow:0 0 10px 0 #e6e6e6; text-align:center; border:1px #ddd solid; overflow:hidden; border-radius:5px;}
.services_box3 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.services_box3 ul li:nth-child(n+5){margin-top:2%;}
.services_box3_txt{padding:20px 30px; box-sizing:border-box; background:rgb(0,0,0,0.55); position:absolute; width:100%; height:100%; left:0; bottom:-86%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; color:#ffffff;}
.services_box3_txt h2{font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-align:center; margin-bottom:10px; font-weight:700;}
.services_box3_txt .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient: vertical; opacity:0.7;}
.services_box3 ul li:hover .services_box3_txt{bottom:0;}
.services_box3 ul li:hover .services_box3_txt h2{ padding-top:30px;}
@media screen and (max-width:768px) {
.services_mod3{padding:30px 0}
.services_box3{margin:10px 0 0 0;}
.services_box3 ul{ margin-top:15px;}
.services_box3 ul li{width:47.5%;}
.services_box3 ul li:not(:nth-of-type(4n)){margin-right:0;}
.services_box3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.services_box3 ul li:nth-child(n+3){margin-top:5%;}
.services_box3_txt{padding:10px; bottom:-82%;}
.services_box3_txt h2{margin-bottom:15px; font-size:14px; font-weight:normal;}
}


.services_mod4{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;background:#f5f5f5;position:relative;}
.services_box4{display:block; margin:15px 0 0 0;}
.services_box4 ul{letter-spacing:-8px; margin-top:20px;}
.services_box4 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:31.333%; position:relative; box-sizing:border-box; box-shadow:0 0 10px 0 #e6e6e6; text-align:center; border:15px #ffffff solid; overflow:hidden;}
.services_box4 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.services_box4 ul li:nth-child(n+4){margin-top:3%;}
@media screen and (max-width:768px) {
.services_mod4{padding:30px 0}
.services_box4{margin:10px 0 0 0;}
.services_box4 ul{ margin-top:15px;}
.services_box4 ul li{width:47.5%; border:10px #ffffff solid;}
.services_box4 ul li:not(:nth-of-type(3n)){margin-right:0;}
.services_box4 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.services_box4 ul li:nth-child(n+3){margin-top:5%;}
}



.capa_mod1{width:100%;display:block;overflow:hidden;padding:100px 0 0 0; box-sizing:border-box;background:#ffffff;position:relative;}
.capa_box{display:block; margin:0 0 100px 0;}
.capa_box ul{letter-spacing:-8px; margin-top:20px;}
.capa_box ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:31.333%; position:relative; box-sizing:border-box; box-shadow:0 0 10px 0 #e6e6e6; text-align:center; border:15px #ffffff solid; overflow:hidden; text-align:center;}
.capa_box ul li:not(:nth-of-type(3n)){margin-right:3%;}
.capa_box ul li:nth-child(n+4){margin-top:3%;}
.capa_box ul li p{margin-top:10px;}
@media screen and (max-width:768px) {
.capa_mod1{padding:30px 0 0 0}
.capa_box{margin:0 0 30px 0;}
.capa_box ul{margin-top:15px;}
.capa_box ul li{width:47.5%; border:10px #ffffff solid;}
.capa_box ul li:not(:nth-of-type(3n)){margin-right:0;}
.capa_box ul li:not(:nth-of-type(2n)){margin-right:5%;}
.capa_box ul li:nth-child(n+3){margin-top:5%;}
}


.newslist{display:block; padding:100px 0;}
.newslist ul{letter-spacing:-8px}
.newslist ul li{display:inline-block;letter-spacing:normal;vertical-align:top;width:31.333%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;background:#f9f9f9;padding:20px;box-sizing:border-box;border-radius:5px;overflow:hidden;border:1px #eaeaea solid}
.newslist ul li:not(:nth-of-type(3n)){margin-right:3%;}
.newslist ul li:nth-child(n+4){margin-top:3%;}
.newslist ul li .imgbox{}
.newslist ul li .news_box{width:100%; margin-top:20px;}
.newslist ul li .news_title{font-size:18px;font-weight:700;margin:10px 0;line-height:24px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.newslist ul li .ptxt{line-height:26px;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;color:#666}
.newslist ul li .news_more{border-top:1px #dddddd dotted;padding-top:20px;margin-top:10px}
.newslist ul li:hover{box-shadow:0 0 10px 0 #eaeaea; background:#f5f5f5}
@media screen and (max-width:768px){
.newslist{padding:30px 0;}
.newslist ul li{background:none;padding:0;box-shadow:none;border-radius:0;border:none; width:100%;}
.newslist ul li:not(:nth-of-type(3n)){margin-right:0;}
.newslist ul li:nth-child(n+2){margin-top:15%}
.newslist ul li .imgbox{width:100%;float:none}
.newslist ul li .news_box{width:100%;float:none;padding-left:0px}
.newslist ul li .news_title{font-size:16px;line-height:22px;-webkit-line-clamp:3}
.newslist ul li .ptxt{line-height:22px;height:auto}
.newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat;background-size:18px}
.newslist ul li .news_more{padding-top:10px;margin-top:5px}
}

.newsshow{overflow:hidden;padding:50px;box-sizing:border-box;background:#ffffff;border:1px #eaeaea solid;border-radius:5px; margin:100px 0;}
.news_xxjs_img{display:block;margin-bottom:10px;max-width:100%}
.news_xxjs{line-height:30px !important;word-break:break-word !important;overflow:hidden}
.news_xxjs h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px #dddddd dotted}
.news_xxjs h1::first-letter{color:#e40016}
.news_xxjs p,.news_xxjs span{line-height:30px !important;font-size:14px !important}
.news_xxjs table{width:100% !important;border:0}
.news_xxjs td{padding:8px;font-size:14px !important;border:1px #CCCCCC solid !important;line-height:20px !important;word-break:break-all !important}
.news_xxjs td p,.news_xxjs td span{font-size:14px !important;line-height:20px !important;word-break:break-all !important}
.news_xxjs th{padding:4px;font-size:14px !important;border:1px #CCCCCC solid !important;line-height:20px !important;word-break:break-all !important}
.news_xxjs th p,.news_xxjs th span{font-size:14px !important;line-height:20px !important;word-break:break-all !important}
.news_xxjs img{width:auto;max-width:100%;display:initial}
.news_xxjs video{width:100%;height:100%;object-fit:fill;overflow:hidden}
.news_title{text-align:left}
.news_title h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:20px}
.news_title h1 span{float:right}
.pubdate{line-height:16px;margin:0 0 30px 0;overflow:hidden;color:#999999;font-size:14px}
.pubdate span{margin:0px 20px 0 0}
.pubdate a{color:#999999}
.pubdate a:hover{color:#f08619}
@media screen and (max-width:768px){
.newsshow{padding:0;background:none;border:none;box-shadow:none;border-radius:0px; margin:30px 0;}
.news_xxjs{line-height:24px !important;font-size:12px !important}
.news_xxjs p,.news_xxjs span{line-height:24px !important;font-size:12px !important}
.news_xxjs h1{font-size:24px;line-height:24px;margin-bottom:10px}
.news_title h1{font-size:24px;line-height:24px}
.news_title h1 span{float:right;display:none}
.news_xxjs table{display:block;display:-webkit-box;width:auto !important;overflow-x:auto;overflow-y:hidden;font-size:12px !important}
.news_xxjs p,.news_xxjs span{line-height:24px !important;font-size:12px !important}
.news_xxjs td{padding:4px;font-size:12px !important}
.news_xxjs td p,.news_xxjs td span{font-size:12px !important}
.news_xxjs th{padding:4px;font-size:12px !important}
.news_xxjs th p,.news_xxjs th span{font-size:12px !important}
.pubdate{font-size:12px;margin:0 0 10px 0}
}

.Information{overflow:hidden;margin:40px 0 0 0}
.Information h4{padding-left:10px;height:30px;line-height:28px;font-size:16px;font-weight:bold;color:#555;border-bottom:1px solid #ccc;background:#fff}
.Information ul{padding:0px}
.Information li{border-bottom:1px dotted #dcdcdc;line-height:22px;padding:10px}
.Information li span{float:right;color:#999999;padding-left:10px;padding-right:10px}
.Information li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media screen and (max-width:768px){
.Information{margin:20px 0 0 0}
}


/*contact us*/
.contact{overflow:hidden; padding:5% 0 0 0; box-sizing:border-box;}
.contact_title{font-size:45px; line-height:1.2; font-weight:700; text-align:center;}
.contact_ptxt{text-align:center; padding:0 10%; box-sizing:border-box;}

.contactul{overflow:hidden; letter-spacing:-8px; margin:30px 0 0 0;}
.contactul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:30%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;box-sizing:border-box; overflow:hidden; text-align:center; padding:25px 0px;}
.contactul li:not(:nth-of-type(3n)){margin-right:5%;}
.contactul li:nth-child(n+4){margin-top:5%;}
.contactul li img{width:45px; margin:0 auto 10px;}
.contactul li p{line-height:24px;}
.contactul li p b{font-size:18px; line-height:40px;}
@media screen and (max-width:1366px) {
.contact_title{font-size:36px;}
.contactul li p b{font-size:16px; line-height:30px;}
}
@media screen and (max-width:1024px) {
.contact_title{font-size:24px;}
}

@media screen and (max-width:768px) {
.contact{padding:5% 0 0 0;}
.contact_title{font-size:20px;}
.contact_ptxt{line-height:24px; padding:0}
.contactul{margin:20px 0 0 0;}
.contactul li{width:100%; padding:15px;}
.contactul li:not(:nth-of-type(3n)){margin-right:0;}
.contactul li:nth-child(n+2){margin-top:15px;}
.contactul li img{width:35px;}
.contactul li p{line-height:24px;}
.contactul li p b{font-size:16px;line-height:30px;}
.contact_bottom{margin-bottom:10%; margin-top:5%;}
}


.contact_bottom{margin-bottom:6%; margin-top:4%; display:inline-block; width:100%;}
.contact_bottom_left{width:50%; float:left; position:relative;}
.contact_bottom_left_box{position:absolute; width:100%; top:0; left:-100%; height:100%;}
.contact_bottom_left_box img{height:100%;}
.contact_bottom_right{width:50%; float:right; padding:50px; box-sizing:border-box; background:#f5f5f5; position:relative;}
@media screen and (max-width:768px) {
.contact_bottom{margin-bottom:0; margin-top:5%;}
.contact_bottom_left{width:100%; float:none;}
.contact_bottom_left_box{position:relative; width:100%; top:0; left:0; margin-bottom:15px;}
.contact_bottom_right{width:100%; float:none; padding:20px;}
}



.footer_msn{box-sizing:border-box; width:100%; margin:0 auto; display:block;}
.footer_msn ul{margin-top:20px;}
.footer_msn li {overflow:hidden;}
.footer_msn li:nth-child(n+2) {margin-top:4%;}
.msg_name_input,.msg_mail_input,.msg_textarea {padding:5px 15px; background:#ffffff; box-sizing:border-box; font-family:"Poppins-Regular", Helvetica, sans-serif; border-radius:5px;}
.msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:40px;}
.msg_mail_input{margin-left:3%;}
.msg_textarea {width:100%;line-height:24px; resize:none; }
.msg_submit{width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; text-transform:uppercase; color:#ffffff; font-weight:700; background:#006dc6; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px;}
.msg_submit:hover{ background:#ff7800; color:#ffffff;}

@media screen and (max-width:1366px) {
.footer_msn h2{font-size:16px; margin-bottom:20px;}
}

@media screen and (max-width:1024px) {
.footer_msn h2{font-size:14px; margin-bottom:10px;}
}

@media screen and (max-width:768px) {
.footer_msn{float:none; width:100%;}
.footer_msn ul{margin-top:10px;}
.msg_name_input,.msg_mail_input {line-height:30px; font-size:12px;}
.msg_submit{height:40px; line-height:40px; font-size:14px;}
}

.prodlist{display:block;margin:0px auto}
.prodlist h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:10px;padding-bottom:10px;border-bottom:1px #dddddd dotted}
.prodlist .ptxt{margin-bottom:30px}
.prodlist ul{letter-spacing:-8px}
.prodlist ul li{display:inline-block;letter-spacing:normal;vertical-align:top;width:31.33333%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; position:relative; background:#fff; overflow:hidden;}
.prodlist ul li:not(:nth-of-type(3n)){margin-right:3%}
.prodlist ul li:nth-child(n+4){margin-top:3%}

.prodlist ul li .imgbox{box-shadow:0 0 10px 0 #eaeaea;border-radius:5px; border:1px #eaeaea solid;box-sizing:border-box;}
.prodlist ul li .prodlist_box{width:100%;box-sizing:border-box;padding:10px}
.prodlist ul li .prodlist_title{line-height:24px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:center}
.prodmain_top{display:block;}
.prodmain_top h1{font-size:24px;line-height:1.2;font-weight:700;margin-bottom:15px;padding-bottom:15px;border-bottom:1px #dddddd dotted}
.prodmain_top_img{display:block;margin-bottom:20px;}
.prodmain_top_img img{width:auto; max-width:600px; border:1px #ddd solid;}
@media screen and (max-width:768px){
.prodlist{margin:20px auto}
.prodlist h1{font-size:24px;margin-bottom:10px}
.prodlist .ptxt{margin-bottom:10px}
.prodlist ul li{background:none;padding:0;box-shadow:none;border-radius:0;border:none;width:48.5%}
.prodlist ul li:not(:nth-of-type(3n)){margin-right:0}
.prodlist ul li:not(:nth-of-type(2n)){margin-right:3%}
.prodlist ul li:nth-child(n+3){margin-top:3%}
.prodlist ul li .prodlist_box{padding:5px 0 0 0}
.prodlist ul li .prodlist_title{font-size:12px;line-height:20px;-webkit-line-clamp:3;margin-bottom:5px}
.prodmain_top{margin-top:20px;padding-top:10px;margin-bottom:20px}
.prodmain_top h1{font-size:24px;margin-bottom:10px;padding-bottom:10px}
.prodmain_top_img img{max-width:100%;}
}


.page404{width:100%;margin:300px 0 200px 0;text-align:center}
.page404 img{width:auto;display:inline-block}
@media screen and (max-width:768px){
.page404{width:80%;margin:100px 10%;text-align:center}
.page404 img{width:auto;max-width:100%;display:inline-block}
}

.videolist{position:absolute;bottom:0;right:0;width:50px;height:50px;z-index:22;background:#ff0000 url(../images/video.png) center center no-repeat;background-size:32px}
.masklayer{position:fixed;display:none;width:100%;height:100%;top:0px;left:0px;background-color:rgba(0,0,0,0.8);z-index:99999;-webkit-user-select:none;-ms-user-select:none}
.vclose{position:absolute;right:30px;top:30px;cursor:pointer;width:50px;height:50px}
.vclose img{width:auto;height:auto;display:inline-block}
.videos{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.8);box-sizing:border-box;padding:8%}
.videos video{width:100%;height:100%}
.videolist{cursor:pointer}
@media screen and (max-width:768px){
.vclose{position:absolute;right:10px;top:10px;cursor:pointer;width:30px;height:30px}
.vclose img{width:auto;height:auto;display:inline-block}
.videos{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.8);box-sizing:border-box;padding:8%}
.videolist{}
}

.searchlist{overflow:hidden;box-sizing:border-box;margin:50px 0}
.searchlist h2{font-size:24px;font-weight:700;padding-left:10px;margin-bottom:20px}
.searchlist ul{overflow:hidden}
.searchlist ul li{border-bottom:1px #CCCCCC dotted;overflow:hidden;padding:20px 10px}
.searchlist ul li:hover{background:#f5f5f5}
.searchlist ul li{line-height:24px}
.searchlist ul li h4{font-size:18px;text-align:left}
.searchlist ul li p{font-size:14px;color:#999999}
.searchlist ul li p span{margin-right:35px}
@media screen and (max-width:768px){
.searchlist{margin:20px 0}
.searchlist h2{font-size:18px;margin-bottom:10px}
.searchlist ul li{padding:10px 10px}
.searchlist ul li h4{font-size:14px}
.searchlist ul li p{font-size:12px}
.searchlist ul li p span{margin-right:20px}
}


#feedback{width:100%;box-sizing:border-box}
.feedback{width:80%;padding:60px;box-sizing:border-box;margin:100px auto 100px;border-radius:5px;background:#ffffff}
.feedback h2{font-size:24px;font-weight:700;color:#0155a6}
.feedback h4{height:4px;width:50px;background:#0155a6;margin:20px 0}
.feedback_btn{width:fit-content;height:40px;line-height:40px;background:#222222;color:#fff;border-radius:5px;text-align:center;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;padding:0 25px;margin-top:30px}
.feedback_btn:hover{background:#f78000;color:#fff}
@media screen and (max-width:768px){
.feedback{width:90%;padding:30px;margin:50px auto}
.feedback h2{font-size:18px}
.feedback h4{height:2px;width:30px;margin:10px 0}
.feedback_btn{margin-top:10px}
}

.global_left_top{position:fixed;right:10px;bottom:20px;z-index:99}
#myback{width:50px;height:50px}
#myback img{width:100%}
.myback_active{opacity:0 !important}
#mymeil{width:50px;height:50px;margin-bottom:10px}
#mymeil img{width:100%}
@media screen and (max-width:768px){
.global_left_top{bottom:10px}
#myback{width:35px;height:35px}
#mymeil{width:35px;height:35px}
}