*{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:14px;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:12px;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:fixed;height:105px;top:0;left:0;z-index:99;}
.header.scrolled{background-color:#ffffff;}

.header_top_bar{width:95%;height:45px;line-height:45px; margin:0 auto; font-size:12px; overflow:hidden;}
.header_top_bar_left{float:left;}
.header_top_bar_right{float: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_main{width:95%; display:flex; margin:0px auto 0;}
.header_logo{flex: 0 0 10%;text-align:left; height:60px; line-height:60px;}
.header_logo img{max-width:271px;vertical-align:middle;display:inline; margin-bottom:10px;}

.header_right{text-align:right; margin-left:auto; height:60px; line-height:60px; overflow:hidden;}
.header_right img{display:inline; width:30px; margin-left:10px; vertical-align:middle;}

.header_nav{flex: 0 0 70%;text-align:left; padding-left:3%;}
.header_nav>.mNavList{text-align:left;display:flex}
.header_nav>.mNavList>li{position:relative;display:inline-block;text-align:center;line-height:60px;height:60px;box-sizing:border-box;margin:0 3% 0 0;font-size:16px;}
.header_nav>.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>.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:240px;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 240px}
#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}
.header_nav .onnav a{color:#ff7800;}

@media screen and (max-width:1366px){
.header_nav>.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>.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:30px;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 .text{position:absolute;width:30%;top:40%;transform:translateY(-40%);right:10%;z-index:3;text-align:left;box-sizing:border-box}
.banner .text h2{margin-bottom:20px;font-size:55px;line-height:50px; font-weight:700; color:#204289;}
.banner .text p{font-size:20px;line-height:36px; opacity:0.7;}
.banner .text .bannerbtn{border-radius:50px;line-height:50px;height:50px; width:fit-content;padding:0 40px;margin-top:20px;font-size:16px; background:#ff7800; color:#ffffff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.banner .text .bannerbtn:hover{background:#204289;}
.banner .text .bannerbtn2{border-radius:50px;line-height:50px;height:50px; width:fit-content;padding:0 30px;margin-top:20px;font-size:16px; background:#204289; color:#ffffff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; margin-left:10px;}
.banner .text .bannerbtn2 img{width:24px; vertical-align:middle; margin-right:8px; display:inline;}
.banner .text .bannerbtn2:hover{background:#ff7800;}
.banner .text a{display:inline-block;}

@media screen and (max-width:1720px){
.banner .text h2{font-size:45px;margin-bottom:10px;}
.banner .text p{font-size:18px;}
}

@media screen and (max-width:1366px){
.banner .text h2{font-size:32px;line-height:45px;margin-bottom:10px;}
.banner .text p{font-size:16px;line-height:30px}
.banner .text .bannerbtn{line-height:40px;height:40px;margin-top:10px;font-size:14px;padding:0 30px}
.banner .text .bannerbtn2{line-height:40px;height:40px;margin-top:10px;font-size:14px;padding:0 20px}
}

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

@media screen and (max-width:768px){
.banner{margin-top:45px}
.banner .text{width:90%;min-width:0;top:40%;transform:translateY(-40%);left:5%;text-align:center}
.banner .text h2{font-size:24px;line-height:24px;margin-bottom:0px;}
.banner .text p{display:none}
.banner .text .bannerbtn{line-height:35px;height:35px;padding:0 20px; margin-top:10px; font-size:12px}
.banner .text .bannerbtn2{line-height:35px;height:35px;padding:0 10px; margin-top:10px; font-size:12px}
}


.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; color:#204289;}
.index_htitle .ptxt{opacity:0.8;padding:0 10%;box-sizing:border-box; margin-top:10px;}
.index_htitle .toptxt{ color:#ff7800; margin-bottom:10px; font-size:18px;}
@media screen and (max-width:1366px){
.index_htitle h2{font-size:32px}
.index_htitle .toptxt{margin-bottom:10px;}
}

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

@media screen and (max-width:768px){
.index_htitle h2{font-size:24px;-webkit-line-clamp:3;}
.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:#ff7800;font-size:14px}
.more:hover{color:#004697;background:#ffffff}
.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:10px}
.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}
@media screen and (max-width:1366px){
.mod1{padding:80px 0px}
}

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

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

.mod1_box{position:relative}
.project{display:block;margin-top:20px;box-sizing:border-box; padding:10px!important;}
.project li{float:left;width:100%;position:relative;display:block;overflow:hidden; box-sizing:border-box; box-shadow:0 0 8px 0 #e0e0e0; border-radius:5px; background:#f9f9f9;}
.project li .imgbox img{border-radius:5px}
.project li .ptxt{margin:15px;box-sizing:border-box; height:72px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:center;}
.swiper-button-next.project-area-next{top:50%;transform:translateY(-50%);right:-15px;width:50px;height:50px;border-radius:100%;background:#004697;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-prev.project-area-prev{top:50%;transform:translateY(-50%);left:-15px;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){
.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}
}

.mod2{width:100%;padding:100px 0px;box-sizing:border-box;overflow:hidden; background:url(../images/project_bg.webp) center center; background-size:cover;}
.mod2_box{overflow:hidden;margin-top:20px}
.mod2_box ul{display:flex;flex-wrap:wrap;}
.mod2_box ul li{flex: 1 0 25%; box-sizing:border-box; text-align:center; padding:40px; display:flex; justify-content:center; flex-direction:column;}
.mod2_box ul li h2{font-size:18px;line-height:1.3;font-weight:700;margin-bottom:10px; color:#204289; margin-top:20px;}
.mod2_box ul li .ptxt{opacity:0.8}
.mod2_box_img{transition:transform 0.5s ease-in-out; overflow: hidden; position:relative; box-sizing:border-box; margin:0 auto; width:fit-content; cursor:pointer; transition:margin-top 0.3s ease;}
.mod2_box_img img{transition: transform 0.5s ease;}
.mod2_box ul li:hover img{transform: scaleX(-1);}
@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:40px 0px}
.mod2_box{margin-top:10px;}
.mod2_box ul li{flex:0 0 100%;padding:20px 10px;}
}


.mod3{position:relative;padding:100px 0;overflow:hidden; background:#204289;}
.mod3 .index_htitle{color:#ffffff;}
.mod3 .index_htitle h2{color:#ffffff;}
@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:40px 0px}
}


.mod3_box{position:relative}
.applications{display:block;box-sizing:border-box; padding:10px!important;}
.applications li{float:left;width:100%;position:relative;display:block;overflow:hidden; box-sizing:border-box; border-radius:10px;border:1px #ddd solid; box-sizing:border-box;}
.applications li .imgbox img{}
.swiper-button-next.app-area-next{top:50%;transform:translateY(-50%);right:-15px;width:50px;height:50px;border-radius:100%;background:#ff7800;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-prev.app-area-prev{top:50%;transform:translateY(-50%);left:-15px;width:50px;height:50px;border-radius:100%;background:#ff7800;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-next.app-area-next:hover{background:#ff7800}
.swiper-button-prev.app-area-prev:hover{background:#ff7800}
@media screen and (max-width:768px){
.swiper-button-next.app-area-next{right:0px;width:35px;height:35px;font-size:14px}
.swiper-button-prev.app-area-prev{left:0px;width:35px;height:35px;font-size:14px}
}


.mod4{position:relative;padding:100px 0;overflow:hidden}
.mod4_box{overflow:hidden;margin-top:20px}
.mod4_box ul{display:flex;flex-wrap:wrap;}
.mod4_box ul li{flex: 1 0 50%; box-sizing:border-box; display:flex; justify-content:left; flex-direction:column; text-align:left;}
.mod4_box ul li .index_htitle{text-align:left;}
.mod4_box ul li .index_htitle .ptxt{text-align:left; padding:0; margin-top:20px;}
.mod4_box ul li .ptxt{opacity:0.8}
.mod4_box ul li img{ border-radius:25px;}
.mod4_box ul li:first-child{padding-right:8%;}

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

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

@media screen and (max-width:768px){
.mod4{padding:40px 0px}
.mod4_box ul li{flex: 1 0 100%;}
.mod4_box ul li:first-child{padding-right:0;}
}


.mod5{position:relative;padding:0 0 100px 0;overflow:hidden; background:linear-gradient(to bottom, #ffffff 30%, #204289 30%);}
.top_pic{width:100%; display:block; border-radius:10px; overflow:hidden;}
.mod5_box{position:relative;margin-top:80px; color:#ffffff;}
.mod5_box ul{display:flex;}
.mod5_box ul li:first-child{flex:0 0 30%; padding-right:5%; box-sizing:border-box;}
.mod5_box ul li:last-child{flex:0 0 70%}
.mod5_box ul li h2{margin-bottom:20px; font-size:32px; font-weight:700;}
.mod5_box ul li .ptxt{padding:0; opacity:0.7;}

.mod5_box2{position:relative;margin-top:40px; color:#ffffff; border-top:1px rgb(255,255,255,0.1) solid; padding-top:40px;}
.mod5_box2 ul{display:flex;}
.mod5_box2 ul li{flex:0 0 33.333%; text-align:left; box-sizing:border-box; font-weight:700;}
.mod5_box2 ul li img{width:30px; height:auto; display:inline; vertical-align:middle; margin-right:10px;}

.mod5 .btn2{border-radius:50px;line-height:40px;height:40px; width:fit-content;padding:0 20px;font-size:14px; background:#ff7800; color:#ffffff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; margin-left:10px; display:inline-block;}
.mod5 .btn2 img{width:24px; vertical-align:middle; margin-right:8px; display:inline;}
.mod5 .btn2:hover{background:#ffffff; color:#204289;}
.mod5 .btn2:hover img{filter: brightness(0.2) grayscale(1);}
@media screen and (max-width:1366px){
.mod5{padding:0 0 80px 0px}
}

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

@media screen and (max-width:768px){
.mod5{padding:0 0 40px 0px;background:linear-gradient(to bottom, #ffffff 10%, #204289 10%);}
.mod5_box{margin-top:30px}
.mod5_box ul li h2{margin-bottom:10px; font-size:24px;}
.mod5_box ul{flex-direction:column;}
.mod5_box ul li{flex:0 0 100%;margin-bottom:10px}
.mod5_box ul li：last-child{margin-bottom:0}

.mod5_box2{margin-top:20px; padding-top:0px;}
.mod5_box2 ul{flex-direction:column;}
.mod5_box2 ul li{flex:0 0 100%; padding-top:20px; box-sizing:border-box;}
.mod5_box2 ul li img{width:24px;}
}


.mod6{position:relative;padding:100px 0;overflow:hidden; background:#f4f9ff;}
.mod6_box{position:relative; margin-top:20px;}
.mod6_box ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.mod6_box ul li{box-sizing:border-box; padding:30px; background:#ffffff;}
.mod6_box ul li h2{margin:10px 0; color:#204289; font-weight:700; font-size:18px;}
@media screen and (max-width:1366px){
.mod6{padding:0 0 80px 0px}
.mod6_box ul li h2{font-size:16px;}
}

@media screen and (max-width:1200px){
.mod6{padding:0 0 60px 0px}
.mod6_box ul li h2{font-size:14px;}
}
@media screen and (max-width:768px){
.mod6{padding:40px 0px}
.mod6_box ul{grid-template-columns:repeat(1, 1fr); gap:15px;}
.mod6_box ul li{padding:15px;}
.mod6_box ul li h2{font-size:16px;}
}


.footer{position:relative; padding:100px 0 0 0; background:url(../images/project_bg.webp) center center; background-size:cover;}
.footer_box{position:relative;  margin-bottom:80px; border-bottom:1px rgb(0,0,0,0.1) solid; padding-bottom:80px;}
.footer_box ul{display:grid; grid-template-columns: 3fr 2fr; gap:100px;}
.footer_box ul li h2{font-size:32px; color:#204289; line-height:1.5; margin-bottom:40px; font-weight:700;}

.footer_box_list{ position:relative;}
.footer_box_list ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.footer_box_list ul li{text-align:left;}
.footer_box_list ul li b{font-weight:700; font-size:16px;}
.footer_box_list ul li p{opacity:0.8;}
.footer_box_list ul li a{color:#204289;}
.footer_box_list ul li a:hover{color:#ff7800;}

.footer_box2{position:relative;}
.footer_box2 ul{display:grid; grid-template-columns:3.5fr 1.8fr 1.8fr 2.9fr; gap:80px;}
.footer_box2 ul li h2{font-size:18px; color:#204289; line-height:1.2; margin-bottom:30px; font-weight:700;}
.footer_box2 .logopic img{width:auto; max-width:80%; margin-bottom:20px;}
.footer_box2 ul li p{ margin-bottom:5px;}

.footer_copyright{width:100%;text-align:left;padding:60px 0 30px 0; box-sizing:border-box;opacity:0.7;}

@media screen and (max-width:1750px){
.footer_box ul li h2{font-size:28px; margin-bottom:30px;}
.footer_box_list ul li b{font-size:16px;}
}


@media screen and (max-width:1366px){
.footer{padding:80px 0 0 0;}
.footer_box ul li h2{font-size:24px; margin-bottom:30px;}
.footer_box_list ul li b{font-size:16px;}
}

@media screen and (max-width:1200px){
.footer{padding:60px 0 0 0;}
.footer_box ul li h2{font-size:24px; margin-bottom:20px;}
.footer_box_list ul li b{font-size:14px;}
}

@media screen and (max-width:768px){
.footer{padding:40px 0 0 0;}

.footer_box{margin-top:0px; padding-top:0px; margin-bottom:40px; padding-bottom:40px;}
.footer_box ul{grid-template-columns: 1fr; gap:20px;}
.footer_box_list ul{grid-template-columns:1fr; gap:10px;}
.footer_box_list ul li b{font-size:16px;}
.footer_box ul li h2{font-size:18px; margin-bottom:20px;}

.footer_box2 ul{grid-template-columns:1fr; gap:0px;}
.footer_box2 ul li{display:none;}
.footer_box2 ul li:first-child{display:block;}
.footer_box2 .logopic img{max-width:40%; margin-bottom:20px;}
.footer_copyright{padding:0 0 30px 0;}
}



.footer_contact{display:block;}
.footer_contact ul{ overflow:hidden; display:block;}
.footer_contact ul li{text-align:left; display:block; box-sizing:border-box; margin-bottom:24px; padding-left:30px; line-height:24px;}
.footer_contact ul li:nth-child(1){background:url(../images/ico_address.svg) left center no-repeat;background-size:20px}
.footer_contact ul li:nth-child(2){background:url(../images/ico_tel.svg) left center no-repeat;background-size:20px}
.footer_contact ul li:nth-child(3){background:url(../images/ico_whatsup.svg) left center no-repeat;background-size:20px}
.footer_contact ul li:nth-child(4){background:url(../images/ico_email.svg) left center no-repeat;background-size:20px}
@media screen and (max-width:1200px){
.footer_contact{display:none;}
}

.footer_meadia{overflow:hidden;width:100%;text-align:left; margin-top:20px;}
.footer_meadia a{display:inline-block;margin:0 5px 0 0;}
.footer_meadia a img{width:40px;height:40px;}
.footer_meadia a img:hover{opacity:0.6}
@media screen and (max-width:768px){
.footer_meadia{padding-bottom:30px}
.footer_meadia a{margin:0 8px 0 0;}
.footer_meadia a img{width:30px;height:30px}
}


.footer_msn{box-sizing:border-box; width:100%; margin:0 auto; display:block;}
.footer_msn ul{display:block;}
.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:#204289; 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;}
}


.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:105px auto 0;background:#f4f9ff}
.weizhi{width:90%;max-width:1560px;margin:0 auto;line-height:20px;padding:15px 0;box-sizing:border-box;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: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}
}

#weizhi2{width:100%;margin:105px auto 0;background:#204289;}
#weizhi2 .weizhi a{color:#ffffff}
#weizhi2 .weizhi a:hover{color:#ffffff}
#weizhi2 .span_list{height:20px;line-height:20px;display:inline-block;background:url(../images/weizhi_right_white.png) left 1px no-repeat;padding-left:20px}
@media screen and (max-width:768px){
#weizhi2{margin:45px auto 0;}
}


.wrap{margin:0 auto;width:100%;position:relative;display:flex}
.wrap2{margin:0 auto;width:100%;position:relative;display:flex; background:#f4f9ff;}
.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:right;width:25%;background:#f4f9ff; margin:60px 0 60px 0;border-radius:5px;overflow:hidden}
.lymain_box_right{float:left;width:72%;box-sizing:border-box;margin:0px 3% 0px 0;}
@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}

#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;}
.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;position:relative;text-align:center;}
.about_htitle h3{color:#ff7800; font-size:18px; margin-bottom:30px;}
.about_htitle h2{font-size:45px;line-height:1.5;font-weight:700; margin-bottom:50px; color:#ffffff;padding:0 10%;}
.about_htitle .ptxt{box-sizing:border-box;text-align:center;margin-top:15px;overflow:hidden}
.about_htitle .ptxt img{max-width:100%; margin:0 auto; border-radius:5px}
@media screen and (max-width:768px){
.about_htitle h3{margin-bottom:10px;}
.about_htitle h2{font-size:20px;margin-bottom:20px;padding:0;}
}

.about_mod1{width:100%;display:block;padding:100px 0;box-sizing:border-box;position:relative; background:linear-gradient(to bottom, #204289 70%, #ffffff 30%);}
@media screen and (max-width:768px){
.about_mod1{padding:30px 0 0 0;}
}


.about_mod2{width:100%;display:block;overflow:hidden;padding:0 0 100px 0;box-sizing:border-box;position:relative}
.about_mod2_box{overflow:hidden;margin-top:20px}
.about_mod2_box ul{display:flex;flex-wrap:wrap;}
.about_mod2_box ul li{flex: 1 0 50%; box-sizing:border-box; display:flex; justify-content:left; flex-direction:column; text-align:left;}
.about_mod2_box ul li .about_htitle{text-align:left;}
.about_mod2_box ul li .about_htitle h3{margin-bottom:10px;}
.about_mod2_box ul li .about_htitle h2{font-size:45px;line-height:1.5;font-weight:700; margin-bottom:10px; color:#204289;padding:0;}
.about_mod2_box ul li .about_htitle .ptxt{text-align:left; padding:0; margin-top:0px;}
.about_mod2_box ul li img{ border-radius:5px;}
.about_mod2_box ul li:first-child{padding-right:8%;}
@media screen and (max-width:768px){
.about_mod2{padding:0 0 30px 0}
.about_mod2_box{padding:0 0 20px 0px}
.about_mod2_box ul li{flex: 1 0 100%;}
.about_mod2_box ul li:first-child{padding-right:0;}
.about_mod2_box ul li .about_htitle h3{margin-top:20px;}
.about_mod2_box ul li .about_htitle h2{font-size:24px;line-height:1.2;}
}


.services_mod1{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;position:relative; background:#f4f9ff;}
.services_mod1_box{overflow:hidden;margin-top:20px}
.services_mod1_box ul{display:flex;flex-wrap:wrap;}
.services_mod1_box ul li{flex: 1 0 50%; box-sizing:border-box; display:flex; justify-content:left; flex-direction:column; text-align:left;}
.services_mod1_box ul li .about_htitle{text-align:left;}
.services_mod1_box ul li .about_htitle h3{margin-bottom:10px;}
.services_mod1_box ul li .about_htitle h2{font-size:45px;line-height:1.5;font-weight:700; margin-bottom:10px; color:#204289;padding:0;}
.services_mod1_box ul li .about_htitle .ptxt{text-align:left; padding:0; margin-top:0px;}
.services_mod1_box ul li img{ border-radius:5px;}
.services_mod1_box ul li:first-child{padding-right:8%;}
@media screen and (max-width:768px){
.services_mod1{padding:0 0 30px 0}
.services_mod1_box{margin-top:0px;}
.services_mod1_box ul li{flex: 1 0 100%;}
.services_mod1_box ul li:first-child{padding-right:0; margin-bottom:20px;}
.services_mod1_box ul li .about_htitle h3{margin-top:20px;}
.services_mod1_box ul li .about_htitle h2{font-size:24px;line-height:1.2;}
}

.services_mod2{width:100%;padding:100px 0px;box-sizing:border-box;overflow:hidden; background:url(../images/project_bg.webp) center center; background-size:cover;}
@media screen and (max-width:768px){
.services_mod2{padding:30px 0}
}


/*FAQ*/
.faq_mod1{width:100%;display:block;overflow:hidden;padding:100px 0;box-sizing:border-box;position:relative; background:#ffffff;}
.faq_box{display:block;}
.faq_box .faq_box_txt{letter-spacing:-8px;}
.faq_box .faq_box_txt li{display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; position:relative; cursor:pointer;}
@media screen and (max-width:768px) {
.faq_mod1{padding:30px 0;}
}

.faq_box .fa-caret-right{ background:url(../images/right.jpg) center center no-repeat; width:20px; height:20px; float:right;}
.faq_box .iconRotate{transform: rotate(90deg); transition: transform 0.5s;}
.faq_box .fa-caret-right:hover{cursor:pointer;}
.faq_box .d-firstNav{color:#004faa; position:relative; padding:18px 18px 18px 28px; line-height:20px; box-sizing:border-box;border-bottom:1px rgba(0,0,0,0.1) dotted; font-size:18px; background:url(../images/topnext.png) left center no-repeat; background-size:20px;}
.faq_box .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;}
.faq_box .d-secondNav a{color:#fff;}
.faq_box .d-secondNav a:hover{color:#ff6600;}
.faq_box .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;}
.faq_box .d-secondDrop{box-sizing:border-box;}
.faq_box .s-firstDrop,.faq_box.s-secondDrop {display:none; padding:20px; background:#fafafa; box-sizing:border-box;}
@media screen and (max-width:1366px) {
.faq_box .s-firstDrop,.faq_box.s-secondDrop{padding:20px;}
}
@media screen and (max-width:1024px) {
.faq_box.s-firstDrop,.faq_box.s-secondDrop{padding:20px;}
.faq_box.d-firstNav{font-size:16px;}
}
@media screen and (max-width:768px) {
.faq_box.s-firstDrop,.faq_box.s-secondDrop{padding:20px;}
.faq_box.d-firstNav{font-size:14px;}
}


.contact_mod1{width:100%; padding:70px 0px 100px 0; box-sizing:border-box; overflow:hidden; background:#f4f9ff;}
.contact_bottom{display:block; width:100%; overflow:hidden; margin-top:50px;}
.contact_bottom_left{width:50%; float:left; position:relative; text-align:center; padding:0 50px 0 0; box-sizing:border-box;}
.contact_bottom_left a{color:#204289;}
.contact_bottom_left a:hover{color:#ff7800;}

.contact_pic img{margin:0 auto; width:auto;}
.contact_tel{padding:40px 0; font-size:32px; color:#204289; font-weight:700;}
.contact_mail{ font-weight:700; padding:0 0 20px 0; font-size:16px;}
.contact_info{ border-top:1px #ddd solid; padding-top:40px;}
.contact_bottom_right{width:calc(50% - 50px); float:right; padding:50px; box-sizing:border-box; background:#ffffff; position:relative; border-radius:5px; margin-left:50px;}
.contact_bottom_right .index_htitle{margin-bottom:30px;}
.contact_bottom_right .index_htitle h2{font-size:24px;}
.contact_bottom_right .msg_name_input, .contact_bottom_right .msg_mail_input, .contact_bottom_right .msg_textarea {border-bottom:1px #dddddd solid; border-radius:0; padding:5px 0;}
@media screen and (max-width:768px) {
.contact_mod1{padding:30px 0}
.contact_bottom{margin-top:20px;}
.contact_bottom_left{width:100%; float:none;padding:0 20px;}
.contact_tel{padding:20px 0; font-size:24px;}
.contact_mail{padding:0 0 20px 0;}
.contact_info{padding-top:20px;}
.contact_bottom_right{width:100%; float:none; padding:30px; margin-top:40px; margin-left:0;}
}


.newslist{display:block; padding:60px 0;}

.newslist .index_htitle{margin-bottom:30px;}
.newslist .index_htitle h2{font-size:36px; line-height:1;}

.newslist ul{letter-spacing:-8px}
.newslist ul li{display:inline-block;letter-spacing:normal;vertical-align:top;width:23.5%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;background:#f4f9ff;padding:30px;box-sizing:border-box;border-radius:5px;overflow:hidden;}
.newslist ul li:not(:nth-of-type(4n)){margin-right:2%;}
.newslist ul li:nth-child(n+5){margin-top:2%;}
.newslist ul li .imgbox{position:relative;}
.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}

.newsmask{position:absolute; width:100%; height:100%; background:rgb(0,0,0,0.15); text-align:center; z-index:3}
.newsmask img{width:50px;top:50%;transform:translateY(-50%); position:absolute; z-index:3; left:50%; margin-left:-25px;}
@media screen and (max-width:768px){
.newslist{padding:30px 0;}
.newslist .index_htitle{margin-bottom:20px;}
.newslist .index_htitle h2{font-size:32px;}

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

/*booklist*/
.booklist{display:block; padding:60px 0;}
.booklist ul{overflow:hidden;}
.booklist ul li{overflow:hidden;border-bottom:1px #eaeaea solid; padding-bottom:30px; margin-bottom:30px;}
.booklist ul li .imgbox{position:relative; width:25%; float:left; margin-right:5%;}
.booklist ul li .news_box{width:70%; float:right;}
.booklist 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}
.booklist ul li .ptxt{line-height:26px;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;color:#666}
.booklist ul li .news_more{border-top:1px #dddddd dotted;padding-top:20px;margin-top:10px}
@media screen and (max-width:768px){
.booklist{padding:30px 0;}
.booklist ul li{padding-bottom:20px; margin-bottom:20px; box-sizing:border-box;}
.booklist ul li:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none;}
.booklist ul li .imgbox{position:relative; width:100%; float:none; margin-right:0;}
.booklist ul li .news_box{width:100%; float:none;}
.booklist ul li .news_title{font-size:16px;line-height:22px;-webkit-line-clamp:3}
.booklist ul li .ptxt{line-height:22px;height:auto}
}


.about_prod{padding:20px; box-sizing:border-box; display:block; background:#f4f9ff; width:100%; position:relative; margin-bottom:30px;}
.about_prod ul{display:flex; margin-bottom:20px;}
.about_prod ul:last-child{margin-bottom:0;}
.about_prod ul li{align-items:center;display: flex;}
.about_prod ul li:nth-child(1){flex: 0 0 5%;}
.about_prod ul li:nth-child(2){flex: 0 0 75%; padding:5px 20px; box-sizing:border-box; line-height:24px;}
.about_prod ul li:nth-child(3){flex: 0 0 20%; justify-content:end;}
.about_prod ul li .more:hover{background:#204289; color:#ffffff;}
@media screen and (max-width:768px){
.about_prod{padding:0px;}
.about_prod ul li:nth-child(1){flex: 0 0 20%;}
.about_prod ul li:nth-child(2){flex: 0 0 50%;}
.about_prod ul li:nth-child(3){flex: 0 0 30%;}
}





.newsshow{overflow:hidden;padding:50px;box-sizing:border-box;background:#ffffff;border-radius:5px; margin:60px 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; margin-top:20px;}
.news_xxjs td{padding:15px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:break-all!important; font-weight:700; text-align:left;}
.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:15px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:break-all!important; font-weight:700; text-align:left;}
.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}
.newsshow .news_title{text-align:left}
.newsshow .news_title h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:10px}
.newsshow .news_title h1 span{float:right}
.newsshow .news_title .ptxt{ line-height:24px; opacity:0.8; margin-bottom:20px;}
.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; width:100%; word-break: break-word !important;overflow-x: auto;}
.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:18px;line-height:24px}
.news_title h1 span{float:right;display:none}

.news_xxjs table{width:auto!important; min-width:100%; display:table; white-space: nowrap; border:0; margin-top:15px;}
.news_xxjs p,.news_xxjs span{line-height:24px !important;font-size:12px !important}
.news_xxjs td{padding:8px;font-size:12px !important}
.news_xxjs td p,.news_xxjs td span{font-size:12px !important}
.news_xxjs th{padding:8px;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}
}

/*右侧推荐新闻*/
.lymain_right_news{ position:relative; display:block; overflow:hidden; padding:30px; box-sizing:border-box;}
.lymain_right_news h2{font-size:24px; padding-bottom:10px; border-bottom:1px #dddddd dotted; margin-bottom:10px; font-weight:700; text-transform:uppercase;}
.lymain_right_news .ptxt{line-height:24px; margin-bottom:10px;}
.lymain_right_news ul{overflow:hidden;}
.lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box; overflow:hidden;}
.lymain_right_news ul li:nth-child(n+2){margin-top:40px;}
.lymain_right_news ul li .news_box{box-sizing:border-box; margin-top:10px;}
.lymain_right_news ul li .imgbox{ width:30%; float:left; margin:0 10px 10px 0;}
.lymain_right_news ul li .news_title{font-size:14px; line-height:24px; font-weight:700;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.lymain_right_news ul li .ptxt{-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-top:5px; line-height:24px;}
.lymain_right_news .newsmask img{width:24px;top:50%;transform:translateY(-50%); position:absolute; z-index:3; left:50%; margin-left:-12px;}


/*product*/
.prod_box{width:100%;display:flex;align-items:stretch;box-sizing:border-box;margin:60px 0;}
.prod_box_left{float:left;width:25%;background:#f4f9ff; border-radius:5px;overflow:hidden}
.prod_box_right{float:right;width:72%;box-sizing:border-box;margin:0px 0px 0px 3%;}
@media screen and (max-width:768px){
.prod_box{display:block;margin:30px 0;}
.prod_box_left{display:none}
.prod_box_right{float:none;width:100%;margin:0}
}


/*产品中心的左侧下拉菜单*/
.lymain_prod_left_box{display:block; padding:30px; box-sizing:border-box;}
.lymain_prod_left_box ul{overflow:hidden;}
.lymain_prod_left_box h2{font-size:20px; padding:0 0 15px 0; box-sizing:border-box; text-transform:uppercase; font-weight:700;}

.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{position:relative; padding:14px 0; line-height:20px; box-sizing:border-box;border-bottom:1px rgba(0,0,0,0.1) solid;}
.d-firstNav a{font-weight:700;}
.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;}
.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;}
.d-secondDrop{box-sizing:border-box;}
.s-firstDrop,.s-secondDrop {display:none;}

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


.prodmain_top{display:flex; margin:60px 0;}
.prodmain_top_left{float:left; width:780px;}
.prodmain_top_right{float:right; width:calc(100% - 780px); padding-left:5%; box-sizing:border-box;}
.prodmain_top h1{font-size:36px; line-height:1.3; font-weight:700; margin-bottom:15px; padding-bottom:15px; border-bottom:1px #dddddd dotted; color:#204289;}
.prodmain_top .more:hover{background:#204289; color:#ffffff;}
@media screen and (max-width:768px){
.prodmain_top{margin-top:0px;padding-top:0px;margin-bottom:20px; display:block;}
.prodmain_top_left{float:none; width:100%;}
.prodmain_top_right{float:none; width:100%; padding-left:0; margin-top:20px;}
.prodmain_top h1{font-size:24px;margin-bottom:10px;padding-bottom:10px}
}

.prod_ptype1{width:100%; overflow:hidden; display:flex; flex-direction:row; padding:80px 0;}
@media screen and (max-width: 768px) {
.prod_ptype1{flex-direction: column; padding:15px 0;}
.prod_ptype1 .rightbox{order:-1;}
}
.prod_ptype2{width:100%; overflow:hidden; display:flex; margin:0 auto; padding:80px 0;}
@media screen and (max-width: 768px) {
.prod_ptype2{display:block; padding:15px 0; margin-top:30px;}
}

.leftbox{flex:1; position:relative;}
.rightbox{flex:1; position:relative;}
.prod_txtbox{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 50px; box-sizing:border-box;}
.prod_txtbox h2{font-size:32px; line-height:1.2; color:#204289; font-weight:700;}
.prod_txtbox .ptxt{margin-top:10px; opacity:0.8; box-sizing:border-box; letter-spacing:normal;}
@media screen and (max-width: 768px) {
.leftbox{flex:none; width:100%;}
.rightbox{flex:none; width:100%;}
.prod_txtbox{position:relative; left:0; top:0; transform:translateY(0); padding:5% 0 0 0;}
.prod_txtbox h2{font-size:24px; font-weight:700;}
.prod_txtbox .ptxt{margin-top:5px;}
}

.prodmove{margin:100px auto; display:block;}
@media screen and (max-width: 768px) {
.prodmove{margin:30px auto;}
}

.prodend{margin:100px auto; overflow:hidden;}
.prodend ul{letter-spacing:-8px}
.prodend ul li{display:inline-block;letter-spacing:normal;vertical-align:top;width:47.5%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; position:relative; background:#fff; overflow:hidden;}
.prodend ul li:not(:nth-of-type(2n)){margin-right:5%}
.prodend ul li:nth-child(n+3){margin-top:3%}
@media screen and (max-width: 768px) {
.prodend{margin:30px auto;}
}



/*产品详情页滚动*/
.lanrenzhijia{width:780px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:45px;height:45px;cursor:pointer;z-index:2;bottom:1%;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{display:none;}
.lanrenzhijia .picBox{height:780px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:780px;position:absolute;}
.lanrenzhijia .picBox li{width:780px;height:780px; float:left;}
.lanrenzhijia .listBox{width:680px;height:50px; position:relative; overflow:hidden; margin:10px 50px 0;}
.lanrenzhijia .listBox ul{width:100%!important; height:50px; position:absolute; display:flex;}
.lanrenzhijia .listBox li{width:50px; height:50px; cursor:pointer; position:relative; float:left; margin-right:10px;border:1px solid #ddd; box-sizing:border-box;flex-shrink:0;}
.lanrenzhijia .listBox li.on{border:1px solid #ff7800;}
@media screen and (max-width: 768px) {
.lanrenzhijia{width:100%;}
.lanrenzhijia .btn{position:absolute;width:25px;height:25px; bottom:3%; background-size:24px;}
.lanrenzhijia .picBox{width:320px; height:320px; position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .picBox ul{height:320px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:320px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:50px; position:relative; overflow:hidden; margin:10px 30px 0;}
}








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

/*视频弹窗*/
.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:0px; top:-30px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:20%; top:20%; z-index:100; width:60%; height:fit-content; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:2%;top:50%; transform:translateY(-50%);}
.videos video{width:100%; height:auto;}
.videos div{width:100%; height:100%;}
.videolist {cursor:pointer; height:100%;}
@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; z-index:100; width: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}
}