/* CSS Document */
*{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:#ff7800;}
: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.woff') format('woff'),
url('../fonts/Poppins-Regular.ttf') format('truetype'),
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:26px;}
.main {position:relative; margin:0 auto; width:95%; max-width:1560px;}
@media screen and (max-width:768px) {
body {font-size:12px; line-height:24px;}
.main {width:92%;}
}


/***头部***/
.header{width:100%; box-sizing:border-box; position:fixed; height:125px; top:0; left:0; z-index:99; background-color:rgba(255,255,255,1); box-sizing:border-box;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}

.header_top_bar{width:100%; background:#333333; height:45px; line-height:45px; color:#ffffff;}
.header_top_bar .main{text-align:right;}
.header_top_bar p{margin-left:15px; display:inline-block;}
.header_top_bar img{ width:20px; height:auto; vertical-align:middle; margin-right:3px; display:inline;}
.header_top_bar a{color:#ffffff;}
.header_top_bar a:hover{text-decoration:underline;}

.header_top{display:block;height:80px; line-height:80px;}
.header_left{float:left; width:10%; display:flex; height:80px; line-height:80px;}
.header_left img{max-width:145px; vertical-align:middle; display:inline;}

.header_right{float:right; width:87%; margin-left:3%;}
.header_nav{width:100%;display:block;height:80px; line-height:80px;}
.header_nav>.mNavList{text-align:left; display:flex;}
.header_nav>.mNavList>li{position:relative; display:flex; text-align:center; line-height:80px; height:80px; box-sizing:border-box; margin:0 2.5% 0 0; font-size:18px;}
.header_nav>.mNavList>li:nth-child(-n+3){font-weight:700;}
.header_nav>.mNavList>li:nth-child(4){flex-grow:1; margin:0;}
.header_nav>.mNavList>li:nth-child(n+5){margin-left:auto;}
.header_nav>.mNavList>li:last-child{margin:0;}

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


/*sarech*/
.header_search_btn2{width:25px; height:25px; vertical-align:middle; margin-top:28px; display:block;}
#menu>li:hover .mnSubBg{opacity:1; visibility:visible;}

.mnSubBg{background:#f5f5f5; z-index:111; top:125px; left:0; position:fixed; zoom:1; width:100%; overflow:hidden; opacity:0; visibility:hidden;}
.mnSubBg .navmain{width:90%; max-width:1560px; overflow:hidden; position:relative; margin:0 auto;}
.header_search{width:100%; padding:50px 0; box-sizing:border-box;}
.header_search_box{width:600px; position:relative; overflow:hidden; margin:0 auto; }
.header_search_box .input{width:100%; height:40px; line-height:40px; padding:0 30px 0 5px; box-sizing:border-box; border-bottom:1px #ddd solid; font-size:18px;}
.header_search_box .search{position:absolute; top:10px; right:5px; width:20px; height:20px; background: url(../images/ico_search.svg) no-repeat; background-size:cover;}
.header_search_box .keywords{ margin:10px 0 20px 0; text-align:left; line-height:40px;}
.header_search_box .keywords p{margin-right:20px; display:inline; opacity:0.75; font-size:12px;}



#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu{zoom:1;}
#menu li:hover>a{color:#ff7800;}
#menu li a:hover {color:#ff7800;}
#menu li:hover>ul {opacity:1; visibility:visible; margin:0;}
#menu ul {margin:15px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:80px; width:200px; z-index:1; background-color:rgba(255,255,255,1);transition:all .3s ease-in-out;border-top:4px #ff7800 solid; /*box-shadow:0 0 10px 0 #ccd7f2;*/}
#menu ul li{margin:0; padding:10px 15px; 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 15px 10px 20px;}
#menu ul li:hover a{color:#ff7800!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:200px;}
#menu ul li ul li:hover a{color:#ff7800!important;}

@media screen and (max-width:1420px){  
.header_nav>.mNavList>li{margin:0 2.5% 0 0; font-size:16px;}
#menu ul li{font-size:13px;}
}  

@media screen and (max-width:1024px){  
.header_nav>.mNavList>li{margin:0 1% 0 0; font-size:12px;}
#menu ul li{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:16px; line-height:35px;  font-weight:700;}

.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:#2b8edb; 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:capitalize;}
.m-nav ul li ul li a {display:block; font-size:13px; 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***/
.banner{width:100%; overflow:hidden; position:relative; margin:125px auto 0; background:#004c9f;}
.banner .swiper-slide img{float:right; max-width:58.59%;}

.banner .swiper-slide video{/*position:absolute;*/ width:100%; left:0; top:0; z-index:2; height:100%!important; object-fit:cover;}
.banner .swiper-slide .text{position:absolute; width:41.41%; left:0; top:45%; transform:translateY(-45%); z-index:3; text-align:left; color:#fff; box-sizing:border-box; padding:0 4% 0 9.3%; box-sizing:border-box;}
.banner .swiper-slide .text h2{margin-bottom:5px; font-weight:normal; font-size:42px; line-height:48px; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14);transform: translateX(32px);transition: all 0.6s ease 0.3s; font-weight:lighter;}
.banner .swiper-slide .text h2 b{ font-weight:700; color:#fff580;}
.banner .swiper-slide .text .ptxt{font-size:16px; line-height:30px; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14); transform:translateX(32px); transition: all 0.6s ease 0.6s; margin-top:10px;}
.banner .swiper-slide .text .ptxt p{background:url(../images/whitedian.svg) left center no-repeat; background-size:20px; padding-left:20px; line-height:32px; margin:5px 0;}
.banner .swiper-slide .text .ptxt p:first-child{margin-top:15px;}
.banner .swiper-slide .text .more_banner{transform:translateX(32px); transition: all 0.6s ease 1s; opacity:0; display:inline-block;height:35px; line-height:35px; padding:0 25px; text-align:center; border-radius:50px; position:relative; color:#ffffff; font-size:14px; margin-top:22px; border:2px #ffffff solid;}
.banner .swiper-slide .text .more_banner a{color:#ffffff!important;}

.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .ptxt{transform:translateX(0);opacity: 1;}  /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2{transform: translateX(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .more_banner{transform: translateX(0);opacity:1;} /*必须保留这个路径*/

.banner .swiper-button-prev{width:40px; height:40px; background:none; margin-top:0; left:0.5%; top:46%; color:#ff7800;}
.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:#ff7800;}
.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:10px;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:#ff7800;}

.banner_box{position:absolute; top:0; left:25%; width:300px; height:100%; background-color:rgb(255,255,255,0.01); transform:skewX(-10deg); transform-origin: top left; animation: banner_box_move 6s linear infinite;}
.banner_box2{position:absolute; top:0; left:105%; width:200px; height:100%; background-color:rgb(0,0,0,0.01); transform: skewX(-10deg); transform-origin: top left; animation: banner_box_move2 5s linear infinite 0s;/*延后2秒开始*/}
@keyframes banner_box_move {0%{left:25%;} 50%{left:20%;} 100%{left:25%;}}
@keyframes banner_box_move2 {0%{left:10%;} 50%{left:15%;} 100%{left:10%;}}

@media screen and (max-width:1366px) {
.banner .swiper-slide .text h2{font-size:32px; line-height:36px;}
.banner .swiper-slide .text .ptxt{font-size:14px; line-height:24px;}
.banner .swiper-slide .text .ptxt p{line-height:24px; margin:3px 0;}
.banner .swiper-slide .text .ptxt p:first-child{margin-top:10px;}
.banner .swiper-slide .text .more_banner{height:30px; line-height:30px; padding:0 20px; font-size:12px; margin-top:15px;}
}

@media screen and (max-width:1024px) {
.banner .swiper-slide .text h2{font-size:18px; line-height:24px;}
.banner .swiper-slide .text .ptxt{font-size:12px; line-height:20px;}
.banner .swiper-slide .text .ptxt p{line-height:20px; margin:3px 0;}
.banner .swiper-slide .text .ptxt p:first-child{margin-top:10px;}
.banner .swiper-slide .text .more_banner{height:30px; line-height:30px; padding:0 20px; font-size:12px; margin-top:15px;}
}

@media screen and (max-width:768px) {
.banner{margin-top:45px;}
.banner .swiper-slide img{float:none; max-width:100%;}
.banner .swiper-slide .text{width:80%; min-width:0; top:50%; transform:translateY(-50%); left:10%; padding:25px; background:rgb(0,0,0,0.45); border-radius:5px; box-sizing:border-box; text-align:center;}
.banner .swiper-slide .text h2{font-size:22px;line-height:30px; margin-bottom:5px; font-weight:normal;}
.banner .swiper-slide .text .ptxt{font-size:12px; line-height:16px; display:none;}
.banner .swiper-slide .text .ptxt p{background-size:15px; padding-left:15px; line-height:18px; margin:3px 0;}
.banner .swiper-slide .text .ptxt p:first-child{margin-top:5px;}
.banner .swiper-slide .text .more_banner{height:25px; line-height:25px; padding:0 15px; font-size:12px; margin-top:5px; border:1px #ffffff solid;}

.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***/
.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.1; font-weight:900; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:3;}
.index_htitle .ptxt{width:80%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; opacity:0.8;}
@media screen and (max-width:1366px) {
.index_htitle h2{font-size:36px;}
}

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

@media screen and (max-width:768px) {
.index_htitle{margin-bottom:10px;}
.index_htitle h2{font-size:24px;}
.index_htitle .ptxt{width:100%;}
}


.div_more{text-align:center;}
.div_more_top{ margin-top:50px;}
.more{display:inline-block;height:38px; line-height:38px; 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:#2b8edb; font-size:14px;}
.more:hover{color:#ffffff; background:#ff7800;}
@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_header{display:inline-block;height:40px; line-height:40px; padding:0 20px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#2b8edb; font-size:16px; font-weight:700; margin-top:17px;}
.more_header a{color:#ffffff!important;}
.more_header:hover{color:#ffffff!important; background:#ff7800;}
@media screen and (max-width:768px) {
.more_header{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
}


.more_list{display:inline-block;height:45px; line-height:45px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#2b8edb; font-size:14px; margin-top:15px;}
.more_list a{color:#ffffff!important;}
.more_list:hover{color:#ffffff!important; background:#ff7800;}
@media screen and (max-width:768px) {
.more_list{height:40px; line-height:40px; padding:0 20px; font-size:12px; margin-top:0px;}
}

.more_email{display:inline-block;height:45px; line-height:45px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#555555; font-size:14px; margin-top:15px; margin-left:15px;}
.more_email a{color:#ffffff!important;}
.more_email:hover{color:#ffffff!important; background:#ff7800;}
@media screen and (max-width:768px) {
.more_email{height:40px; line-height:40px; padding:0 20px; font-size:12px; margin-top:10px; margin-left:5px;}
}


.mod1{width:100%; box-sizing:border-box; position:relative; overflow:hidden; background: linear-gradient(to bottom, #ebebeb, #fafafa);}
.mod1 .main{height:580px;}
.mod1_text{position:absolute; right:0; top:50%; transform:translateY(-50%); width:60%; text-align:right; z-index:3;}
.mod1_text h1{color:#2b8edb; font-size:14px; margin-bottom:5px;}
.mod1_text .txt{ font-size:42px;line-height:1.3; font-weight:700;}
.mod1_movebox{position:absolute; top:0; left:20%; width:500px; height:450px; background-color:rgb(0,0,0,0.02); transform: skewX(-10deg);}
.mod1_movebox1{position:absolute; bottom:0; left:2%; width:500px; height:450px; background-color:rgb(0,0,0,0.02); transform: skewX(-10deg);}
.mod1_movebox2{position:absolute; top:25%; left:17%; width:60px; height:40px; background:#2b8edb; transform:skewX(-10deg); animation:mod1_movebox2 5s linear infinite 0s;}
@keyframes mod1_movebox2{0%{top:25%;} 50%{top:30%;} 100%{top:25%;}}
.mod1_movebox3{position:absolute; bottom:40%; left:20%; width:40px; height:27px; background:#0058ae; transform:skewX(-10deg); animation:mod1_movebox3 5s linear infinite 0s;}
@keyframes mod1_movebox3{0%{bottom:40%;} 50%{bottom:45%;} 100%{bottom:40%;}}

@media screen and (max-width:1366px){
.mod1_text .txt{ font-size:24px;}
}

@media screen and (max-width:1024px){
.mod1_text .txt{ font-size:18px;}
}

@media screen and (max-width:768px){
.mod1 .main{height:400px;}
.mod1_text{width:85%;}
.mod1_text .txt{font-size:24px;}
.mod1_movebox2{opacity:0.1; left:7%;}
.mod1_movebox3{opacity:0.1; left:15%;}
}


.mod2{width:100%; padding:6% 0 0 0; box-sizing:border-box; overflow:hidden; background:#ffffff;}
.mod2_movecircle1{position:absolute; top:-5%; left:57%; width:40px; height:40px; border-radius:50%; background:#2b8edb; animation:mod2_movecircle1 5s linear infinite 0s;}
@keyframes mod2_movecircle1{0%{transform: scale(1);}  25%{transform: scale(1.15);} 50%{transform: scale(1);} 75%{transform: scale(1.15);} 100%{transform: scale(1);}}
.mod2_movecircle2{position:absolute; top:-10%; left:55%; width:15px; height:15px; border-radius:50%; background:#2b8edb; animation:mod2_movecircle1 5s linear infinite 2s;}
@keyframes mod2_movecircle2{0%{transform: scale(1);} 25%{transform: scale(1.15);} 50%{transform: scale(1);} 75%{transform: scale(1.15);} 100%{transform: scale(1);}}


.mod2_box{display:block; overflow:hidden; position:relative; width:100%; margin:25px auto 0;}

.mod2_box_txt{display:block; position:absolute;width:100%;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; overflow:hidden; z-index:3; top:25%; text-align:center;pointer-events: none;/* 让该层不捕获鼠标事件 */ opacity:1;  transform:translateY(0);}
.mod2_box_txt h2{font-size:24px; color:#ffffff; padding:10px 0; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; width:fit-content; margin:0 auto;}

.mod2_box_txt2{display:block; position:absolute;width:80%; left:10%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; overflow:hidden; z-index:3; text-align:center; opacity:0; top:70%; transform:translateY(-70%);}
.mod2_box_txt2 h2{font-size:24px; color:#ffffff; padding:10px 0; border-top:1px #ffffff solid; border-bottom:1px #ffffff solid; width:fit-content; margin:0 auto;}
.mod2_box_txt2 .ptxt{color:#ffffff; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; opacity:0.8;}
.mod2_box ul li:hover .mod2_box_txt{opacity:0; transform: translateY(-20px);}
.mod2_box ul li:hover .mod2_box_txt2{opacity:1; top:50%; transform:translateY(-50%);}
.mod2_box ul li:hover img{-webkit-transform:scale(1.05); transform:scale(1.05); opacity:0.3;}

@media screen and (max-width:1366px){
.mod2_box_txt h2{font-size:18px;}
.mod2_box_txt2 h2{font-size:18px;}
}

@media screen and (max-width:1024px){
.mod2_box_txt h2{font-size:16px;}
.mod2_box_txt2 h2{font-size:16px;}
}

@media screen and (max-width:768px){
.mod2{padding:10% 0 0 0;}
.mod2_box{width:100%;}
.mod2_box_txt{padding:10%; box-sizing:border-box}
.mod2_box_txt h2{font-size:18px; padding:5px 0;}
.mod2_box_txt2 h2{font-size:18px; padding:5px 0;}
.mod2_box_txt2 .ptxt{margin-top:5px; -webkit-line-clamp:6;}
.mod2_movecircle1{top:-10%; left:70%; width:30px; height:30px;}
.mod2_movecircle2{top:-10%; left:62%;}
}


.index_prod_style2_list{display:block;}
.index_prod_style2_list li {float:left; width:100%; position:relative; display:block;overflow:hidden; background:#000000;}
.index_prod_style2_list .imgbox{position:relative; width:100%; height:auto; overflow:hidden;}
.mod2_box .swiper-button-next.index-area-next {top:45%; right:0px; width:40px; height:40px;color:#ffffff; background:#2b8edb; border-radius:5px; transition:all .3s ease-in-out;}
.mod2_box .swiper-button-prev.index-area-prev {top:45%; left:0px; width:40px; height:40px;color:#ffffff; background:#2b8edb; border-radius:5px; transition:all .3s ease-in-out;}
.mod2_box .swiper-button-next.index-area-next:hover {background:#ff7800;}
.mod2_box .swiper-button-prev.index-area-prev:hover {background:#ff7800;}
@media screen and (max-width: 768px){
.mod2_box .swiper-button-next.index-area-next {top:45%; right:0px; width:30px; height:30px;}
.mod2_box .swiper-button-prev.index-area-prev {top:45%; left:0px; width:30px; height:30px;}
}




.mod3{width:100%; padding:6% 0px; box-sizing:border-box; overflow:hidden; background:#ffffff;}
.mod3_left{width:57%; float:left; overflow:hidden;}
.mod3_right{width:43%; float:right; padding:1% 0 0 5%; box-sizing:border-box;}
.mod3_right .index_htitle{ text-align:left;}
.mod3_movecircle1{position:absolute; top:-5%; left:42%; width:40px; height:40px; border-radius:50%; background:#2b8edb; animation:mod2_movecircle1 5s linear infinite 0s;}
@keyframes mod2_movecircle1{0%{transform: scale(1);}  25%{transform: scale(1.15);} 50%{transform: scale(1);} 75%{transform: scale(1.15);} 100%{transform: scale(1);}}
.mod3_movecircle2{position:absolute; top:-35%; left:48%; width:15px; height:15px; border-radius:50%; background:#2b8edb; animation:mod2_movecircle1 5s linear infinite 2s;}
@keyframes mod2_movecircle2{0%{transform: scale(1);} 25%{transform: scale(1.15);} 50%{transform: scale(1);} 75%{transform: scale(1.15);} 100%{transform: scale(1);}}

.mod3_right ul{margin-top:20px; display:block;}
.mod3_right ul li{color:#2b8edb; margin-bottom:15px; background:url(../images/circle.svg) left center no-repeat; background-size:8px; padding-left:15px;}
.mod3_right ul li a{color:#2b8edb;}
.mod3_right ul li a:hover{text-decoration:underline;}

.mod3_right_end{position:relative; margin-top:60px;}
.mod3_right_end .more_list{z-index:3;}
.mod3_right_end_bg{position:absolute; bottom:25%; left:0%; width:80px; background:#0058ae; animation:mod3_right_end_bg 8s linear infinite 0s;}
@keyframes mod3_right_end_bg{0%{left:0%;} 50%{left:10%;} 100%{left:0%;}}

@media screen and (max-width:768px){
.mod3{padding:10% 0px;}
.mod3_left{width:100%; float:none;}
.mod3_right{width:100%; float:none; padding:10% 0 0 0;}
.mod3_right ul li{margin-bottom:10px; font-size:14px;}
.mod3_right_end{margin-top:45px;}
.mod3_movecircle1{top:-35%; left:46%; width:30px; height:30px;}
.mod3_movecircle2{top:-35%; left:38%;}
}



.mod4{width:100%; padding:6% 0px; box-sizing:border-box; overflow:hidden; background:#f5f5f5;}
.index_news_style4_box{display:flex; align-items:stretch;}
.index_news_style4_box .more_list{ border:1px #ddd solid; background:#f5f5f5; color:#555555;}
.index_news_style4_box .more_list:hover{background:#ff7800; color:#ffffff;}

.index_news_style4_left{float:left; width:40%; margin-right:3%;}
.index_news_style4_left_box{background:#ffffff; padding:40px; box-sizing:border-box; box-shadow:0 0 10px 0 #dddddd;}
.index_news_style4_left h3{font-size:24px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; margin-bottom:15px;color:#2b8edb;}

.index_news_style4_left .index_htitle{ text-align:left; margin-bottom:20px;}
.index_news_style4_left .mod3_movecircle1{top:-5%; left:55%;}
.index_news_style4_left .mod3_movecircle2{top:-15%; left:52%;}

.index_news_style4_right{float:right; width:57%;}
.index_news_style4_right ul{height:100%}
.index_news_style4_right ul li{padding:30px; box-sizing:border-box; position:relative; height:31.111%; background:#ffffff; box-shadow:0 0 10px 0 #dddddd; overflow:hidden;}
.index_news_style4_right ul li:nth-child(n+2){margin-top:3%;}
.index_news_style4_right ul li .imgbox{ float:right; width:25%; margin-left:4%;}

.index_news_style4_right ul li h2{font-size:24px; font-weight:700; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;color:#2b8edb;}
.index_news_style4_txt{line-height:24px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; opacity:0.8;}

@media screen and (max-width:1366px){
.index_news_style4_left h3{font-size:18px; margin-top:10px; margin-bottom:10px;}
.index_news_style4_right ul li h2{font-size:18px; margin-bottom:10px;}

}

@media screen and (max-width:1024px){
.index_news_style4_left h3{font-size:16px; margin-top:5px; margin-bottom:5px;}
.index_news_style4_right ul li h2{font-size:16px; margin-bottom:5px;}
}


@media screen and (max-width:768px){
.mod4{padding:10% 0px;}
.index_news_style4_box{display:block; margin-top:10px;}
.index_news_style4_left{float:none; width:100%; margin-right:0;}
.index_news_style4_left_box{padding:20px;}
.index_news_style4_left h3{font-size:16px;}
.index_news_style4_txt{line-height:20px; margin-top:5px;}

.index_news_style4_right{float:none; width:100%; margin-top:5%;}
.index_news_style4_right ul li{padding:15px;}
.index_news_style4_right ul li h2{font-size:16px;}
.index_news_style4_left .mod3_movecircle1{top:-20%; left:55%;}
.index_news_style4_left .mod3_movecircle2{top:-15%; left:48%;}
}


.mod5{width:100%; padding:4% 0px 6% 0; box-sizing:border-box; overflow:hidden; background:#ffffff;}
@media screen and (max-width:768px){
.mod5{padding:10% 0px;}
}


/***footer***/
.footer {position:relative; padding:0; background:#004c9f; margin-top:60px;}
.footer_left {width:35%; padding:135px 0 80px 0; margin-right:5%; box-sizing:border-box; float:left;}
.footer_left_contact{overflow:hidden; width:100%; color:#ffffff;}
.footer_left_contact a{color:#ffffff;}
.footer_left_contact a:hover{color:#ffffff; text-decoration:underline;}
.footer_left_contact h2{ position:relative; font-size:32px; line-height:1.3; margin-bottom:20px; font-weight:700;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:20px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:24px; background-position:top left; opacity:0.8;}
.footer_left_contact ul li:nth-child(1) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(2) {background-image:url(../images/ico_tel2.svg);}
.footer_left_contact ul li:nth-child(3) {background-image:url(../images/ico_email2.svg);}
.footer_left_contact ul li:last-child{margin-bottom:0;}

.footer_left_meadia{overflow:hidden; width:100%; margin-top:30px;}
.footer_left_meadia h2{ position:relative; font-size:14px; text-transform:uppercase; line-height:24px; margin-bottom:5px; color:#ffffff;}
.footer_left_meadia a{ display:inline-block; margin-right:15px;}
.footer_left_meadia a img{ width:30px; height:30px; opacity:0.4;}
.footer_left_meadia a img:hover{opacity:1;}
.footer_copyright {width:100%; text-align:center; color:#ffffff; opacity:0.5; padding:15px 0; box-sizing:border-box;}

.footer_right{float:left; width:60%; padding:135px 0 80px 0; box-sizing:border-box;justify-content: space-between; display:flex;}
.footer_nav {overflow:hidden;white-space: nowrap;}
.footer_nav h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700; color:#fff;}
.footer_nav h2 a{color:#ffffff;}
.footer_nav h2 a:hover{color:#ffffff; text-decoration:underline;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav ul li p{margin-bottom:15px; background:url(../images/circle2.svg) left center no-repeat; background-size:6px; padding-left:14px; text-transform: capitalize; opacity:0.8;}
.footer_nav ul li p a{color:#fff;}
.footer_nav ul li p:hover a{color:#ffffff; text-decoration:underline;}

@media screen and (max-width:1366px) {
.footer_left_contact h2{font-size:24px; margin-bottom:10px;}
.footer_nav h2{font-size:16px; margin-bottom:10px;}
.footer_nav ul li p{margin-bottom:10px;}
}

@media screen and (max-width:1024px) {
.footer_left_contact h2{font-size:18px; margin-bottom:10px;}
.footer_nav h2{font-size:14px; margin-bottom:10px;}
.footer_nav ul li p{margin-bottom:10px;}
}

@media screen and (max-width:768px) {
.footer {padding:30px 0 0 0; box-sizing:border-box; margin-top:0;}
.footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px;}
.footer_left_contact{overflow:hidden; width:100%; margin-top:0px;}
.footer_left_contact h2{font-size:20px; margin-bottom:25px; font-weight:normal;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:15px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}
.footer_left_meadia h2{font-size:16px; margin-bottom:5px;}
.footer_right{ display:none;}
}

.indexbg{background:#f5f5f5;}
.footer_top{background:#00366f; position:absolute; width:100%; left:0; top:-80px; padding:40px 60px 40px 40px; box-sizing:border-box; border-radius:5px; z-index:2;}
.footer_top ul{justify-content: space-between; display:flex;}
.footer_top ul li:nth-child(1){width:300px;}

.footer_top ul li img{max-width:310px; position:absolute; left:40px; top:-50px; animation:footer_top_img 5s linear infinite 0s;}
@keyframes footer_top_img{0%{left:40px;} 50%{left:60px;} 100%{left:40px;}}

.footer_top ul li h2{ font-size:30px; line-height:1.3; color:#ffffff; font-weight:700;transform: skewX(-10deg); position:relative; z-index:3;}
.footer_square{width:30px; height:30px; background:rgb(255,255,255,0.1); position:absolute; top:30%; right:20%; transform-origin:center;/*旋转中心为正方形的中心*/ animation: footer_square 5s linear infinite;}
.footer_square1{width:70px; height:70px; background:rgb(255,255,255,0.1); position:absolute; top:40%; right:25%; transform-origin:center;/*旋转中心为正方形的中心*/ animation: footer_square 5s linear infinite;}
@keyframes footer_square{ from{transform: rotate(0deg);} to{transform: rotate(360deg);}}


.footer_movebox{position:absolute; top:0; left:35%; width:300px; height:158px; background-color:rgb(255,255,255,0.05);transform:skewX(-15deg); transform-origin: top left; animation: footer_movebox 8s linear infinite;}
.footer_movebox2{position:absolute; top:0; left:28%; width:200px; height:158px; background-color:rgb(0,0,0,0.05); transform:skewX(-15deg); transform-origin: top left; animation: footer_movebox2 5s linear infinite 0s;/*延后2秒开始*/}
@keyframes footer_movebox {0%{left:35%;} 50%{left:40%;} 100%{left:35%;}}
@keyframes footer_movebox2 {0%{left:28%;} 50%{left:32%;} 100%{left:28%;}}

@media screen and (max-width:1366px) {
.footer_top ul li img{max-width:300px;}
.footer_top ul li h2{ font-size:24px; line-height:1.2;}
}

@media screen and (max-width:1024px) {
.footer_top ul li img{max-width:250px;}
.footer_top ul li h2{ font-size:16px;}
}

@media screen and (max-width:768px) {
.footer_top{display:none;}
}


.footer_bgbox{position:absolute; top:0; left:0; width:300px; height:100%; background-color:rgb(0,0,0,0.05); transform:skewX(-10deg); transform-origin: top left;pointer-events: none;/* 让该层不捕获鼠标事件 */}
.footer_bgbox2{position:absolute; top:0; right:0; width:400px; height:100%; background-color:rgb(255,255,255,0.02); transform:skewX(-10deg); transform-origin: top left;pointer-events: none;/* 让该层不捕获鼠标事件 */}

.more_end{display:inline-block;height:50px; line-height:50px; padding:0 35px; text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#ff7800; font-size:16px; margin-top:15px; border-radius:5px; font-weight:700;}
.more_end a{color:#ffffff!important;}
.more_end:hover{color:#ffffff!important; background:#2b8edb;}
@media screen and (max-width:768px) {
.more_end{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
}


/***img***/
.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);}


/************内页banner*************/
.ban {margin:125px auto 0; width:100%;position:relative;}
.ban .addiv{position:absolute; padding:0; text-align:right; color:#ffffff; right:13%; display:inline-block; top:50%; transform: translateY(-50%);}
.ban .addiv h2{font-size:36px; 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; z-index:2;}
.ban .addiv_txt{font-size:16px; text-transform:uppercase;letter-spacing:2px; color:rgb(255,255,255,0.6);}

@media screen and (max-width:1366px) {
.ban .addiv h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.ban {margin:45px auto 0;}
.ban .addiv{bottom:25%; right:10%;}
.ban .addiv h2{font-size:16px; line-height:20px;-webkit-line-clamp:2;}
.ban .addiv_txt{font-size:14px; display:none;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f5f5f5;}
#weizhi2{width:100%; margin:125px auto 0; background:#f5f5f5;}
.weizhi{width:95%; 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 80px; width:95%; max-width:1560px; display:block;}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:92%; margin:0 auto 20px;}
}

/*左右分栏*/
.lymain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box;}
.lymain_box_left{float:left; width:71%; box-sizing:border-box; margin:50px 5% 50px 0;}
.lymain_box_left>h1{font-size:24px; line-height:1.1; padding:15px; background:#f5f5f5; width:fit-content; border-radius:5px;}
.lymain_box_right{float:right; width:24%; margin:50px 0 50px 0; overflow:hidden; background:#f5f5f5; padding:25px; box-sizing:border-box;}
.lymain_box_right_prod{float:right; width:24%; margin:50px 0 50px 0; overflow:hidden; background:#f5f5f5; padding:25px; box-sizing:border-box;}
@media screen and (max-width:768px){
.lymain_box{display:block;}
.lymain_box_left{float:none; width:100%; margin:20px 0;}
.lymain_box_left>h1{font-size:16px; padding:10px;}
.lymain_box_right{display:none;}
.lymain_box_right_prod{float:none; width:100%; margin:20px 0; padding:20px;}
}

/*左侧的分类*/
#onsec{color:#ff7800;}
#onsec a{color:#ff7800;}

.lymain_left_prod{overflow:hidden; border:4px #003e71 solid; box-sizing:border-box;}
.lymain_left_prod h2{font-size:24px; line-height:50px; background:#003e71; padding-left:17px; color:#ffffff; text-transform:uppercase;}
.lymain_left_prod ul{background:#e6e6e6;}
.lymain_left_prod ul li{width:100%;overflow:hidden;box-sizing:border-box;font-size:16px; line-height:20px;}
.lymain_left_prod ul li a{padding:14px 20px; box-sizing:border-box; display:block; background:url(../images/point.png) 10px center no-repeat;}
.lymain_left_prod ul li ul{ background:#f5f5f5;}
.lymain_left_prod ul li ul li{font-size:14px; font-weight:normal;border-bottom:1px #ffffff solid;}
.lymain_left_prod ul li ul li a{padding:14px 14px 14px 35px; background:url(../images/point.png) 25px center no-repeat;}
.lymain_left_prod ul li ul li ul{background:#ffffff;}
.lymain_left_prod ul li ul li ul li{border-bottom:1px #f5f5f5 solid;}
.lymain_left_prod ul li ul li ul li a{padding:14px 14px 14px 50px; background:url(../images/point.png) 40px center no-repeat;}

@media screen and (max-width:1366px){
.lymain_left_prod h2{font-size:20px; line-height:40px;}
.lymain_left_prod ul li{font-size:14px;}
.lymain_left_prod ul li a{padding:10px 20px;}
.lymain_left_prod ul li ul li{font-size:12px;}
.lymain_left_prod ul li ul li a{padding:10px 14px 10px 25px; background:url(../images/point.png) 15px center no-repeat;}
.lymain_left_prod ul li ul li ul li a{padding:10px 14px 10px 35px; background:url(../images/point.png) 25px center no-repeat;}
}

@media screen and (max-width:768px){
.lymain_left_prod{display:none;}
}




/*分页*/
.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:#ff7800; color:#fff;}
.pagea{background:#ff7800; 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:40px 0;}
.lmlb ul{justify-content: space-between;display:flex; padding:25px; box-sizing:border-box; border:1px #eaeaea solid; border-radius:5px; background:#f5f5f5;}
.lmlb ul li{flex-grow:1; text-align:center; line-height:55px; transition:all 0.3s ease-in-out; background:#555555; color:#ffffff; border-right:1px rgb(255,255,255,0.6) solid;}
.lmlb ul li:hover{background:#2b8edb; 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:#2b8edb; color:#ffffff;}
#lmlbonsec a{color:#ffffff;}

@media screen and (max-width:1366px) {
.lmlb ul li{line-height:50px;}
.lmlb ul li a{font-size:16px;}
}

@media screen and (max-width:1024px) {
.lmlb ul li{line-height:40px;}
.lmlb ul li a{font-size:14px;}
}

@media screen and (max-width:768px) {
.lmlb{margin:20px 0;}
.lmlb ul{padding:5px;}
.lmlb ul li{line-height:20px; padding:10px;}
.lmlb ul li a{font-size:12px;}
.lmlbnotes{ margin-top:10px; padding-top:10px;}
}


/***htitle***/
.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:#ff7800; 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;}
.about_htitle h1{font-size:45px; line-height:1.2; font-weight:700; position:relative; width:fit-content; margin-bottom:15px; z-index:2;}
.about_htitle h1::first-letter{color:#2b8edb;}
.about_htitle h1::before {content:''; position:absolute; bottom:2px; left:0; width:100%; height:5px; background:#2b8edb; pointer-events:none;z-index:-1; display:none;}
.about_htitle h2{font-size:45px; line-height:1.2; font-weight:700; position:relative; width:fit-content; margin-bottom:15px; z-index:2;}
.about_htitle h2::first-letter{color:#2b8edb;}
.about_htitle h2::before {content:''; position:absolute; bottom:2px; left:0; width:100%; height:5px; background:#2b8edb; pointer-events:none;z-index:-1; display:none;}
.about_ptxt{box-sizing:border-box; line-height:30px;}
.about_ptxt br{display:block; content:""; height:10px;} 
.about_ptxt img{ max-width:100%; width:auto;}
@media screen and (max-width:1366px) {
.about_htitle h1{font-size:36px;}
.about_htitle h1::before {height:3px;}
.about_htitle h2{font-size:36px;}
.about_htitle h2::before {height:3px;}
}

@media screen and (max-width:1024px) {
.about_htitle h1{font-size:24px;}
.about_htitle h1::before {height:3px;}
.about_htitle h2{font-size:24px;}
.about_htitle h2::before {height:3px;}
}

@media screen and (max-width:768px) {
.about_htitle h1{font-size:24px; margin-bottom:10px;}
.about_htitle h2{font-size:24px; margin-bottom:10px;}
.about_ptxt{line-height:24px; padding:0;}
}


/*内页轮播图样式*/
.ly_swiper{display:block; box-sizing:border-box;}
.ly_swiper li {float:left; width:100%; position:relative; display:block; overflow:hidden; box-sizing:border-box;box-shadow: 0 0 10px 0 #dddddd;}
.swiper-button-next.ly_swiper-area-next {top:45%; right:-40px; width:40px; height:40px;color:#0073ff; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-prev.ly_swiper-area-prev {top:45%; left: -40px; width:40px; height:40px;color:#0073ff; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-next.ly_swiper-area-next:hover {color:#ff7800;}
.swiper-button-prev.ly_swiper-area-prev:hover {color:#ff7800;}
.ly_swiper_box{padding:15px; box-sizing:border-box; background:#ffffff; width:100%;line-height:24px;}
.ly_swiper_box h3{font-size:20px; line-height: 1.5;}
.ly_swiper_box .ptxt{ opacity:0.8; margin-top:0px;}
.ly_swiper_box .ptxt a{color:#0073ff;}
.ly_swiper_box .ptxt a:hover{text-decoration:underline;}
@media screen and (max-width:768px) {
.swiper-button-next.ly_swiper-area-next {right:-24px; width:30px; height:30px; font-size:14px;}
.swiper-button-prev.ly_swiper-area-prev {left:-24px; width:30px; height:30px; font-size:14px;}
.ly_swiper_box h3{font-size:14px;}
}



/*about*/
.about_mod1{width:100%; display:block; overflow:hidden; padding:5% 0; box-sizing:border-box; background:#ffffff; position:relative;}
.about_mod1_left{float:left; width:60%; padding-right:5%; box-sizing:border-box;}
.about_mod1_right{float:right; width:40%;}
@media screen and (max-width:768px){
.about_mod1{padding:5% 0;}
.about_mod1_left{float:none; width:100%; padding-right:0;}
.about_mod1_right{float:none; width:100%; margin-top:10px;}
}


.about_mod2{width:100%; display:block; overflow:hidden; padding:5% 0; box-sizing:border-box; position:relative; background: linear-gradient(to bottom, #004c9f, #003e81);}
.about_mod2 ul::after {content: ''; display: block; width: 100%;}
.about_mod2 ul{display:flex; flex-wrap:wrap; align-items:stretch; z-index:3; position:relative;}
.about_mod2 ul li{background-color: #ffffff; text-align:center; padding:30px; box-sizing:border-box; width:31.33%; border-radius:5px;}
.about_mod2 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.about_mod2 ul li:nth-child(n+4){margin-top:3%;}
.about_mod2 ul li h2{font-size:24px; font-weight:700;margin-bottom:5px;}
.about_mod2 ul li img{margin-bottom:15px;}
@media screen and (max-width:1366px) {
.about_mod2 ul li h2{font-size:20px;}
}
@media screen and (max-width:1024px) {
.about_mod2 ul li h2{font-size:18px;}
}

@media screen and (max-width:768px) {
.about_mod2{padding:5% 0;}
.about_mod2 ul{display:block; margin-top:10px;}
.about_mod2 ul li{padding:20px; width:100%; margin-bottom:20px;}
.about_mod2 ul li:not(:nth-of-type(3n)){margin-right:0;}
.about_mod2 ul li:nth-child(n+2){margin-top:10%;}
.about_mod2 ul li h2{font-size:20px;margin-bottom:0px;}
.about_mod2 ul li img{margin-bottom:10px;}
}

.about2_box{position:absolute; top:0; left:35%; width:300px; height:100%; background-color:rgb(0,0,0,0.1); transform:skewX(-10deg); transform-origin: top left; animation: about2_box_move 8s linear infinite;z-index:1;}
.about2_box2{position:absolute; top:0; left:60%; width:500px; height:100%; background-color:rgb(255,255,255,0.05); transform: skewX(-10deg); transform-origin: top left; animation: about2_box_move2 10s linear infinite 0s;/*延后2秒开始*/z-index:1;}
@keyframes about2_box_move {0%{left:35%;} 50%{left:45%;} 100%{left:35%;}}
@keyframes about2_box_move2 {0%{left:60%;} 50%{left:50%;} 100%{left:60%;}}



.about_mod3{width:100%; display:block; overflow:hidden; padding:5% 0; box-sizing:border-box; background:#f5f5f5; position:relative;}
.about_mod3 .about_htitle h2{margin:0 auto;}
.about_mod3 ul{letter-spacing:-8px; margin-top:50px;}
.about_mod3 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;}
.about_mod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod3 ul li:nth-child(n+3){margin-top:5%;}
.about_mod3 ul li h2{font-size:24px; background:url(../images/circle.svg) left center no-repeat; background-size:12px; padding-left:20px; font-weight:700; margin-bottom:10px; color:#2b8edb;}
@media screen and (max-width:1366px) {
.about_mod3 ul li h2{font-size:20px;}
.about_mod3 ul{margin-top:30px;}
}
@media screen and (max-width:1024px) {
.about_mod3 ul li h2{font-size:18px;}
.about_mod3 ul{margin-top:15px;}
}
@media screen and (max-width:768px) {
.about_mod3{padding:10% 0;}
.about_mod3 .about_htitle h2{margin:inherit;}
.about_mod3 ul{margin-top:20px;}
.about_mod3 ul li{width:100%;}
.about_mod3 ul li:not(:nth-of-type(2n)){margin-right:0;}
.about_mod3 ul li:nth-child(n+2){margin-top:8%;}
.about_mod3 ul li h2{font-size:18px; background:url(../images/circle.svg) left center no-repeat; background-size:10px; padding-left:15px;}
}

.about3_square{width:40px; height:40px; background:rgb(0,0,0,0.05); position:absolute; top:10%; right:10%; transform-origin:center;/*旋转中心为正方形的中心*/ animation: about3_square 5s linear infinite;}
.about3_square1{width:100px; height:100px; background:rgb(0,0,0,0.05); position:absolute; top:20%; right:15%; transform-origin:center;/*旋转中心为正方形的中心*/ animation: about3_square 5s linear infinite;}
.about3_square2{width:300px; height:300px; background:rgb(0,0,0,0.03); position:absolute; top:25%; right:-5%; transform-origin:center;/*旋转中心为正方形的中心*/ animation: about3_square 10s linear infinite;}
@keyframes about3_square{ from{transform: rotate(0deg);} to{transform: rotate(360deg);}}




.about_mod4{width:100%; display:block; overflow:hidden; padding:5% 0 8% 0; box-sizing:border-box; background:#ffffff; position:relative;}
.about_mod4 .about_htitle h2{margin:inherit;}
.about_mod4 .about_ptxt{margin-top:40px;}
.about_mod4 .about_ptxt img{display:inline-block;}
@media screen and (max-width:768px) {
.about_mod4{padding:10% 0;}
.about_mod4 .about_ptxt{margin-top:20px;}
}


/*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_title::first-letter{color:#2b8edb;}
.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; border:1px #dddddd dotted; text-align:center; padding:25px 10px;}
.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:24px;}
.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:2%; margin-top:8%; display:inline-block; width:100%;}
.contact_bottom_left{width:50%; float:left; position:relative;}
.contact_bottom_left_box{position:absolute; width:100%; top:-10%; left:-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:1%;}
.msg_name_input,.msg_mail_input,.msg_textarea {padding:5px 15px; background:#f5f5f5; box-sizing:border-box; font-family:"Poppins-Regular", Helvetica, sans-serif; border-radius:5px;}
.msg_name_input,.msg_mail_input {float:left; width:49.25%; line-height:40px;}
.msg_mail_input{margin-left:1.5%;}
.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;}
.footer_msn li:nth-child(n+2) {margin-top:2%;}
.msg_name_input,.msg_mail_input {line-height:30px; font-size:12px;}
.msg_submit{height:40px; line-height:40px; font-size:14px;}
}


/*新闻*/
.newslist{display:block; margin-top:30px;}
.newslist ul{letter-spacing:-8px;}
.newslist ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative;  background:#fff; padding:40px; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;}
.newslist ul li:nth-child(n+2){margin-top:3%;}
.newslist ul li .imgbox{width:30%; float:left;}
.newslist ul li .news_box{width:70%; float:right; padding-left:40px; box-sizing:border-box;}
.newslist ul li .news_title{font-size:24px; font-weight:700; margin:10px 0; line-height:1.2; -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; margin-top:20px;}
.newslist ul li:hover{box-shadow:0 0 10px 0 #eaeaea; background:#fbfafa;}
.newdate{padding:0 0 5px 0; box-sizing:border-box; border-bottom:1px #ddd dotted; opacity:0.6; margin-bottom:20px;}

@media screen and (max-width:1366px) {
.newslist{margin-top:20px;}
.newslist ul li .news_title{font-size:18px; margin:10px 0; line-height:20px;}
}

@media screen and (max-width:1024px) {
.newslist{margin-top:10px;}
.newslist ul li .news_title{font-size:16px; margin:5px 0; line-height:18px;}
}

@media screen and (max-width:768px) {
.newslist ul li{background:none; padding:0; box-shadow:none; border-radius:0; border:none;}
.newslist ul li:nth-child(n+2){margin-top:10%;}
.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_more{padding-top:10px; margin-top:5px;}
.newdate{right:0; bottom:0; left:auto; top:auto;}
}


/*新闻详情页*/
.newsshow{overflow:hidden; padding:60px; box-sizing:border-box; background:#ffffff; border:1px #eaeaea solid; margin:40px 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 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:36px;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:1366px) {
.news_title h1{font-size:32px;}
}
@media screen and (max-width:1024px) {
.news_title h1{font-size:24px;}
}


@media screen and (max-width:768px) {
.newsshow{padding:0;border:none; margin: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_title h1{font-size: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;}
.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; opacity:0.7;}
.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;}
}

/*品质管控*/
.works_box{display:block; margin:20px 0;}

.works_box .imgbox{-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#fff; box-shadow:0 0 10px 0 #eaeaea; overflow:hidden; border:1px #eaeaea solid; box-sizing:border-box; padding:15px;}
.works_box .imgbox img{-webkit-transform:scale(1); transform:scale(1);}

.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:22.75%; position:relative;}
.works_box .works_box_pic li:not(:nth-of-type(4n)){margin-right:3%;}
.works_box .works_box_pic li:nth-child(n+5){margin-top:3%;}
.works_box .works_box_pic li h2{text-align:center; padding:10px 0 0 0; font-size:14px;}

.works_box .works_box_txt{letter-spacing:-8px;}
.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) {
.works_box{margin:20px 0;}
.works_box .works_box_pic{ margin-top:15px;}
.works_box .works_box_pic li{width:47.5%;}
.works_box .works_box_pic li:not(:nth-of-type(4n)){margin-right:0;}
.works_box .works_box_pic li:not(:nth-of-type(2n)){margin-right:5%;}
.works_box .works_box_pic li:nth-child(n+3){margin-top:5%;}
.works_box .works_box_pic li h2{padding:5px 0 0 0; font-size:12px;}
}


.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{color:#2b8edb; 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/file.svg) left center no-repeat; background-size:20px;}
.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;}
.d-secondDrop{box-sizing:border-box;}
.s-firstDrop,.s-secondDrop {display:none; padding:40px; background:#fafafa; box-sizing:border-box;}
@media screen and (max-width:1366px) {
.s-firstDrop,.s-secondDrop{padding:40px;}
}
@media screen and (max-width:1024px) {
.s-firstDrop,.s-secondDrop{padding:20px;}
.d-firstNav{font-size:16px;}
}
@media screen and (max-width:768px) {
.s-firstDrop,.s-secondDrop{padding:20px;}
.d-firstNav{font-size:14px;}
}








/*产品子导航*/
.prodnav{width:100%; display:block; overflow:hidden; box-sizing:border-box; margin:40px 0 0 0;}
.prodnav ul{justify-content: space-between;display:flex; border-bottom:1px #ddd dotted;}
.prodnav ul li{flex-grow:1; text-align:center; transition:all 0.3s ease-in-out; padding-bottom:15px; font-size:14px;}
.prodnav ul li img{ max-width:80px; margin:0 auto; margin-bottom:5px; border-radius:5px;}
@media screen and (max-width:1024px) {
.prodnav ul li{font-size:12px; line-height:18px;}
}
@media screen and (max-width:768px) {
.prodnav{margin:20px 0 0 0;}
.prodnav ul li{font-size:12px; padding:0 10px 15px 10px;flex-basis:50%; max-width:50%; line-height:18px;}
}

.prodnav_list{width:100%; display:block; overflow:hidden; box-sizing:border-box; margin:20px 0 0 0;}
.prodnav_list ul{ overflow:hidden;}
.prodnav_list ul li{border-bottom:1px #ddd dotted; padding:40px 0; overflow:hidden; box-sizing:border-box;}
.prodnav_list ul li .imgbox{float:left; width:30%;}
.prodnav_list ul li .imgbox img{width:auto; max-width:100%; margin:0 auto; border-radius:5px;}
.prodnav_list_txt{float:right; width:70%;}
.prodnav_list_txt br{display:block; content:""; height:10px;} 
.prodnav_list_txt h2{font-size:24px; font-weight:700; margin-bottom:10px;}
.prodnav_list_txt table{width:100%; border-collapse:collapse;table-layout:fixed;}
.prodnav_list_txt table tr:nth-child(odd){background-color:#f5f5f5;}
.prodnav_list_txt table tr:nth-child(even){background-color: #fdfdfd;}
.prodnav_list_txt table td{border:1px #dddddd solid; padding:8px 10px; line-height:24px; box-sizing:border-box; text-align:center;}
@media screen and (max-width:1024px) {
.prodnav_list_txt h2{font-size:18px;}
.prodnav_list_txt table td{padding:4px 5px; line-height:20px; font-size:12px;}
}
@media screen and (max-width:768px) {
.prodnav_list{margin:20px 0 0 0;}
.prodnav_list ul li{padding:20px 0;}
.prodnav_list ul li .imgbox{float:none; width:100%;}
.prodnav_list ul li .imgbox img{width:auto; max-width:50%;float:left;}
.prodnav_list_txt{float:none; width:100%; margin-top:15px;}
.prodnav_list_txt h2{font-size:18px;}
.prodnav_list_txt table{width:100%; border-collapse:collapse;}
}

.prod_details_end_box{display:block; overflow:hidden; margin-top:50px;}
.prod_details_end_box:first-child{ margin-top:0;}
.prod_details_end_box h2{font-size:32px; line-height:1.2; margin-bottom:15px; box-sizing:border-box; position:relative; font-weight:700;}
.prod_details_end_box h2::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2b8edb;}  
.prod_details_end_box h2::first-letter{color:#2b8edb;}

.prod_details_end_box h1{font-size:32px; line-height:1.2; margin-bottom:15px; box-sizing:border-box; position:relative; font-weight:700;}
.prod_details_end_box h1::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2b8edb;}  
.prod_details_end_box h1::first-letter{color:#2b8edb;}

.prod_details_end_txt{line-height:26px!important; word-break:break-word!important; overflow:hidden;}
.prod_details_end_txt ul{background:url(../images/circle.svg) left 8px no-repeat; background-size:10px; padding-left:20px;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:26px!important;}
.prod_details_end_txt table{width:100%; margin:10px 0; table-layout:fixed;}
.prod_details_end_txt table tr:nth-child(odd){background-color:#f5f5f5;}
.prod_details_end_txt table tr:nth-child(even){background-color: #fdfdfd;}
.prod_details_end_txt table tr:first-child{background-color:#555555; color:#ffffff;}
.prod_details_end_txt .imgbox{float:left; width:30%; margin-right:15px; margin-bottom:15px;}
.prod_details_end_txt a{color:#2b8edb; font-weight:700; font-size:16px;}
.prod_details_end_txt a:hover{text-decoration:underline; color:#ff7800;}

.prod_details_end_txt td{padding:10px 12px; font-size:14px!important; border:1px #e3e2e2 solid!important;line-height:20px!important;word-break:initial!important; text-align:center;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th{padding:10px 12px; font-size:14px!important; border:1px #e3e2e2 solid!important;line-height:20px!important;word-break:initial!important; text-align:center;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}

@media screen and (max-width:1366px) {
.prod_details_end_box h2{font-size:24px;}
.prod_details_end_box h1{font-size:24px;}
}

@media screen and (max-width:1024px) {
.prod_details_end_box h2{font-size:18px;}
.prod_details_end_box h1{font-size:18px;}
}


@media screen and (max-width:768px){
.prod_details_end_box{margin-top:20px;}
.prod_details_end_box h2{font-size:18px; line-height:20px; height:auto; margin-bottom:10px; padding-bottom:10px;}
.prod_details_end_box h1{font-size:18px; line-height:20px; height:auto; margin-bottom:10px; padding-bottom:10px;}
.prod_details_end_txt{line-height:24px!important;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:24px!important;}
.prod_details_end_txt table{display: -webkit-box; width:auto!important; /*white-space:nowrap;*/ overflow-x:auto; overflow-y:hidden; border:0;}
.prod_details_end_txt .imgbox{float:left; width:40%; margin-right:10px; margin-bottom:10px;}


.prod_details_end_txt td{font-size:12px!important;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:12px!important;}
.prod_details_end_txt th{font-size:12px!important;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:12px!important;}
}


.app_details{display:block; position:relative; overflow:hidden;}
.app_details .imgbox{width:60%; max-width:600px;}
.app_details_txt{line-height:26px!important; word-break:break-word!important; overflow:hidden; position:absolute; width:60%; padding:50px; box-sizing:border-box; top:50%; transform:translateY(-50%); background:#2b8edb; color:#ffffff;}
.app_details_txt p,.app_details_txt span{line-height:26px!important; z-index:3;}
.app_details_left{float:left; left:0;}
.app_details_right{float:right; right:0;}
@media screen and (max-width:768px){
.app_details .imgbox{width:100%; max-width:100%;}
.app_details_txt{position:relative; width:100%; padding:20px;top:0; transform:translateY(0);}
.app_details_left{float:none;}
.app_details_right{float:none;}
}



/*产品列表*/
.prodlist{display:block; margin:20px auto 0;}
.prodlist ul{overflow:hidden;}
.prodlist ul li{display:inline-block; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; background:#ffffff; border-radius:5px; overflow:hidden; border:1px #eaeaea solid; box-sizing:border-box;}
.prodlist ul li:nth-child(n+2){margin-top:3%;}
.prodlist ul li .imgbox{float:left; width:30%;}
.prodlist ul li .prodlist_box{float:right; width:70%; box-sizing:border-box; padding:40px;}
.prodlist ul li .prodlist_title{font-size:24px; font-weight:700; line-height:1.2; margin-bottom:10px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.prodlist ul li .ptxt{-webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-bottom:20px;}
@media screen and (max-width:1366px) {
.prodlist ul li .prodlist_title{font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:1024px) {
.prodlist ul li .prodlist_title{font-size:16px; margin-bottom:5px;}
}
	
@media screen and (max-width:768px) {
.prodlist{margin:20px auto 0;}
.prodlist ul li .imgbox{float:none; width:100%;}
.prodlist ul li .imgbox img{width:100%;}
.prodlist ul li .prodlist_box{float:none; width:100%;padding:20px;}
.prodlist ul li .prodlist_title{font-size:16px;-webkit-line-clamp:2; margin-bottom:5px;}
.prodlist ul li .ptxt{-webkit-line-clamp:4; margin-bottom:0;}
}


.prod_btn{display:inline-block;height:45px; line-height:45px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#2b8edb; font-size:16px; width:100%; box-sizing:border-box;}
.prod_btn a{color:#ffffff!important;}
.prod_btn:hover{color:#ffffff!important; background:#ff7800;}
@media screen and (max-width:768px) {
.prod_btn{display:none;}
}

.prodnav_right{display:block; margin-top:15px; overflow:hidden;}
.prodnav_right ul li{ border-bottom:1px #ddd dotted; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.prodnav_right .imgbox{width:25%; float:left; border-radius:5px;}
.prodnav_right .prodnav_right_title{width:75%; float:right; padding-left:5%; box-sizing:border-box;}
.prodnav_right .prodnav_right_title h2{font-size:14px; font-weight:700;}
.prodnav_right .prodnav_right_title .ptext{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:20px; opacity:0.7;}

.lymain_box_right_msn{margin-top:20px; overflow:hidden;}
.lymain_box_right_msn h2{font-size:24px; font-weight:700; margin-bottom:5px;}
.lymain_box_right_msn_txt{opacity:0.7;}
.lymain_box_right_msn ul{overflow:hidden; margin-top:10px;}
.lymain_box_right_msn ul li{overflow:hidden;}
.lymain_box_right_msn ul li:nth-child(n+2) {margin-top:4%;}
.right_msn_input,.right_msn_textarea {width:100%; padding:15px; background:#ffffff; box-sizing:border-box; font-family:"Poppins-Regular", Helvetica, sans-serif; border-radius:5px; border:1px #dddddd solid;}


.prod_ptype1{overflow:hidden; display:block;}
.prod_ptype1 ul{overflow:hidden; letter-spacing:-8px;}
.prod_ptype1 ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:32%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;box-sizing:border-box; overflow:hidden; border:1px #dddddd dotted; text-align:center; padding:10px; background:#f5f5f5;}
.prod_ptype1 ul li:not(:nth-of-type(3n)){margin-right:2%;}
.prod_ptype1 ul li:nth-child(n+4){margin-top:2%;}

@media screen and (max-width:768px) {
.prodnav_right{display:none;}
.lymain_box_right_msn{margin-top:0px;}
}





.prod_details_end_box2{display:block; overflow:hidden; width:100%; margin-top:15px;}
.prod_details_end_box2_img{float:left; width:50%;}
.prod_details_end_box2_txt{float:right; width:50%; padding:0 0 0 5%; box-sizing:border-box;}
.prod_details_end_box2_txt ul{margin-top:10px; display:block;}
.prod_details_end_box2_txt ul li{color:#2b8edb; margin-bottom:20px; background:url(../images/circle.svg) left center no-repeat; background-size:10px; padding-left:15px; font-size:16px;}
.prod_details_end_box2_txt ul li a{color:#2b8edb;}
.prod_details_end_box2_txt ul li a:hover{text-decoration:underline;}

.prod_details_end_box3{display:block; overflow:hidden; width:100%; margin-top:15px;}
.prod_details_end_box3_img{float:right; width:50%;}
.prod_details_end_box3_txt{float:left; width:50%; padding:0 5% 0 0; box-sizing:border-box;}
.prod_details_end_box3_txt ul{margin-top:10px; display:block;}
.prod_details_end_box3_txt ul li{color:#2b8edb; margin-bottom:20px; background:url(../images/circle.svg) left center no-repeat; background-size:10px; padding-left:15px; font-size:16px;}
.prod_details_end_box3_txt ul li a{color:#2b8edb;}
.prod_details_end_box3_txt ul li a:hover{text-decoration:underline;}

@media screen and (max-width:768px) {
.prod_details_end_box2_img{float:none; width:100%; margin-bottom:10px;}
.prod_details_end_box2_txt{float:none; width:100%; padding:0;}
.prod_details_end_box2_txt ul{margin-top:0px;}
.prod_details_end_box2_txt ul li{font-size:14px; margin-bottom:10px;}

.prod_details_end_box3_img{float:none; width:100%;}
.prod_details_end_box3_txt{float:none; width:100%; padding:0; margin-bottom:10px;}
.prod_details_end_box3_txt ul{margin-top:0px;}
.prod_details_end_box3_txt ul li{font-size:14px;margin-bottom:10px;}
}



.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{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.9); justify-content:center; align-items:center; z-index:999;}

.content_box{position:relative; width:100%;}
.content_box h2{ font-size:32px; font-weight:700; line-height:1.2;}
.close_btn{position: absolute; top:20px; right:20px; background-color:#333333; color:white; padding: 10px 20px; cursor:pointer; border-radius:5px;}
.close_btn:hover{background-color:#ff7800;}
@media screen and (max-width:768px) {
.content_box h2{ font-size:24px;}
}


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

.feedback{width:80%; padding:80px; box-sizing:border-box; margin:100px auto 70px; border-radius:5px; background:#f5f5f5;}
.feedback h2{font-size:36px;font-weight:700; color:#2b8edb;}
.feedback h4{height:4px; width:50px; background:#2b8edb; 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:#ff7800; 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;}
.global_whatsapp{background:#0b9e45; width:50px; height:50px; border-radius:100%; padding:10px; box-sizing:border-box;}
#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;}
}