/* 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:#232c39; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {text-decoration:none; color:#ff6600; noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
b {}i,em {font-style:normal;}
br{display:inline; line-height:11px;}
img{width:100%; display:block;}

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{ color:#999; opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;opacity:1;}


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

.header{position:fixed; width:100%; z-index:99; top:0; left:0; height:70px; transition: all 0.3s ease;}

.header_over{background-color:rgba(255,255,255,1); transition: all 0.3s ease;}
.header_over a{color:#222222!important;}
.header_over a:hover{color: #ff6600!important;}
.header_over .header_left_div{color:#222222!important;}
.header_over .header-nav>ul>li>a>span{color:#222222!important;}
.header_over #menu ul li a{color:#ffffff!important;}
.header_over #menu ul li:hover a{color:#ffffff!important;}


.left_logo{float:left; min-width:120px; overflow:hidden;}
.left_logo img{margin:9px 0 0 0; float:left; width:auto; max-width:100%; /*-webkit-filter:brightness(0) invert(1); filter: brightness(0) invert(1);*/}

.header_right{width:calc(100% - 220px); float:left;}
.header-nav{height:70px; width:100%; position:relative;}
.header-nav ul{overflow:hidden; text-align:center;}
.header-nav ul li{position:relative; display:inline-block; text-align:center; line-height:70px; height:70px; box-sizing:border-box; padding:0 0 0 2%; box-sizing:border-box; font-family:Verdana, Geneva, sans-serif; font-weight:700; font-size:15px;}
.header-nav ul li:hover a{color:#ff6600;}

.header-nav ul li a{position:relative; color:#fff;transition:0.5s; padding-bottom:10px;}
.header-nav ul li a::before{content:""; position:absolute; bottom:0; left:50%; width:0; border-bottom:2px solid #ff6600; transition:0.5s;  -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.header-nav ul li a:hover::before{width:100%;}

.search_bar{width:100px; text-align:right; float:right;}
.search_bar ul{overflow:hidden; text-align:center;}
.search_bar ul li{position:relative; display:inline-block; text-align:center; line-height:70px; height:70px; box-sizing:border-box; padding:0 0 0 2%; box-sizing:border-box;}
.search_bar ul li:last-child{width:40px; background:url(../images/search.svg) center center no-repeat; padding:0 0 0 0; cursor:pointer; background-size:20px;}
.search_bar ul li:nth-last-child(2){width:40px; height:auto; background:url(../images/earth.svg) center center no-repeat; padding:0 0 0 5%; cursor:pointer; background-size:20px;}

.header_over .search_bar ul li:last-child{width:40px; background:url(../images/search_black.svg) center center no-repeat; padding:0 0 0 0; cursor:pointer; background-size:20px;}
.header_over .search_bar ul li:nth-last-child(2){width:40px; height:auto; background:url(../images/earth_black.svg) center center no-repeat; padding:0 0 0 5%; cursor:pointer; background-size:20px;}



/*下拉菜单*/
.mnSubBg{background:rgba(235,235,235,1); left:0; top:70px; position:absolute; display:none; zoom:1; width:100%; overflow:hidden; z-index:999; padding:20px 0; box-sizing:border-box;}

/*prods*/
.nav_prod{width:80%; overflow:hidden; position:relative; box-sizing:border-box; left:10%; display:flex; align-items:stretch;}
.nav_prod_left{width:60%; float:left; padding:0 0 0 50px; box-sizing:border-box;}
.nav_prod_left ul{letter-spacing:-8px; border-right:1px #ffffff solid; padding-right:50px; box-sizing:border-box;}
.nav_prod_left ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:left; width:30%; position:relative;overflow:hidden; color:#332628; line-height:20px;}
.nav_prod_left ul li:not(:nth-of-type(3n)){margin-right:5%;}
.nav_prod_left ul li:nth-child(n+4){margin-top:10px;}
.nav_prod_left ul li a{color:#332628!important;}
.nav_prod_left ul li a:hover{color:#ff6600!important;}
.nav_prod_left ul li h2{line-height:16px; height:32px; box-sizing:border-box; font-size:14px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; margin-top:5px;}

.nav_prod_right{width:40%; float:right; padding:0px 30px 0px 50px; box-sizing:border-box;}
.nav_prod_right ul {overflow:hidden;}
.nav_prod_right ul li{width:100%; background:url(../images/point.png) left center no-repeat; padding:0 0 0 10px; box-sizing:border-box; line-height:20px; color:#0f3d6a; line-height:20px;}
.nav_prod_right ul li a{color:#0f3d6a!important;}
.nav_prod_right ul li a:hover{color:#ff6600!important;}



/*explore*/
.nav_explore{width:80%; overflow:hidden; position:relative; box-sizing:border-box; left:10%; display:flex; align-items:stretch;}
.nav_explore_left{width:60%; float:right; padding:0px 50px 0px 0; box-sizing:border-box; border-right:1px #ffffff solid;}
.nav_explore_left ul {overflow:hidden;}
.nav_explore_left ul li{width:fit-content; padding:0 0 0 10px; box-sizing:border-box; line-height:20px; color:#0f3d6a; text-align:right; float:right;}
.nav_explore_left ul li a{color:#0f3d6a!important;}
.nav_explore_left ul li a:hover{color:#ff6600!important;}
.nav_explore_left ul li img{ width:auto; vertical-align:middle; margin-right:5px; display:inline-block;}

.nav_explore_right{width:40%; float:right; padding:0px 30px 0px 50px; box-sizing:border-box;}
.nav_explore_right ul {overflow:hidden;}
.nav_explore_right ul li{width:100%; background:url(../images/point.png) left center no-repeat; padding:0 0 0 10px; box-sizing:border-box; line-height:20px; color:#0f3d6a; line-height:20px;}
.nav_explore_right ul li a{color:#0f3d6a!important;}
.nav_explore_right ul li a:hover{color:#ff6600!important;}




/*aboutus*/
.nav_about{width:40%; overflow:hidden; position:relative; box-sizing:border-box; float:right; margin-right:15%;}
.nav_about_left{width:100%; padding:0px; box-sizing:border-box;}
.nav_about_left ul{letter-spacing:-8px; overflow:hidden;}
.nav_about_left ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:left; width:22.75%; position:relative;overflow:hidden;}
.nav_about_left ul li:not(:nth-of-type(4n)){margin-right:3%;}
.nav_about_left ul li:nth-child(n+5){margin-top:10px;}
.nav_about_left ul li p{line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing:border-box;color:#0f3d6a;}
.nav_about_left ul li a p{color:#0f3d6a!important;}
.nav_about_left ul li a:hover p{color:#ff6600!important;}


/*lang*/
.nav_lang{width:100%; overflow:hidden; position:relative; box-sizing:border-box; padding:0px;float:right;}
.nav_lang ul{letter-spacing:-8px; overflow:hidden; text-align:left; float:right; width:600px;}
.nav_lang ul li{letter-spacing:normal; vertical-align:top; display:inline-block; box-sizing:border-box; padding:0 1% 0 1%; width:20%;}
.nav_lang ul li p{line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing:border-box;}
.nav_lang ul li p img{height:20px; width:auto; vertical-align:middle; margin-right:5px; display:inline-block;}


/*top search*/
.nav_search{width:100%; overflow:hidden; position:relative; box-sizing:border-box; padding:0px 40px;}
.searchbox{width:300px; position:relative; height:35px; overflow:hidden; float:right; background:#ffffff; border-radius:50px; border:1px #ddd solid;}
.searchbox .input{width:100%; height:35px; line-height:35px; padding:0 40px 0 20px; box-sizing:border-box;}
.searchbox .search{position:absolute; right:10px; top:2px; width:30px; height:30px; background: url(../images/icon_search.png) center center no-repeat; background-size:18px;}


.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:rgba(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:8px;font-size:18px;}
.m-header-logo img{height:30px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:14px; line-height:20px; text-transform:uppercase;}
.m-header-logo h2 b{display:block; font-size:18px; color:#333; font-weight:700;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#026dc0; 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:18px; line-height:42px; background-image:linear-gradient(to right,#f5f5f5, #f5f5f5); overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.98;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(0,0,0,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:40px; font-size:14px; border-top:1px rgba(0,0,0,0.10) solid; overflow:hidden; font-weight:700;}
.m-nav ul li ul {display:none;  background:#ffffff; overflow:hidden;}
.m-nav ul li a {width:80%; display:block; padding-left:20px;}
.m-nav ul li i svg {width:20px; height:20px; fill:#222;}
.m-nav ul li .m-nav-i-se svg {fill:#222;}
.m-nav ul li ul li>ul {margin-left:10px;}

.m-nav ul li ul li{float:left; width:50%; padding:10px; box-sizing:border-box; font-weight:normal;}
.m-nav ul li ul li a {display:block; font-size:12px; line-height:18px; text-align:left; width:100%; padding-left:0px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; box-sizing:border-box;}
.m-nav ul li ul li .imgbox{height:60px; width:60px; float:left; margin-right:5px;}
.m-nav ul li ul li .imgbox img{height:60px; width:60px;}

.plistformob{border-top:1px #ddd solid; padding-top:10px; margin-top:10px; display:inline-block; font-weight:normal; width:100%;}
.plistformob p{background:url(../images/point.png) 20px center no-repeat; padding-left:10px; line-height:18px; margin-bottom:15px;}


#aboutid li{background:url(../images/point.png) 20px center no-repeat;}
#aboutid li a{padding-left:20px;}

#langformob{}
#langformob li{float:left; width:33.33%; padding:10px; box-sizing:border-box; font-weight:normal; border-top:0;}
#langformob li img{height:20px; width:auto;}
}





/***banner***/
.banner{width:100%; overflow:hidden; position:relative; margin-top:0px;}
.banner .swiper-container {}
.banner .swiper-container .swiper-wrapper .swiper-slide{overflow:hidden; height:0; padding-bottom:49%; position:relative;}
.banner .swiper-container .swiper-wrapper .swiper-slide img{width: 100%;}
.banner .swiper-container .swiper-wrapper .swiper-slide video{position: absolute; width:100%; left:0; top:0; z-index:2; height:100%!important; object-fit:cover;}
.banner .swiper-container .swiper-wrapper .swiper-slide .text{
position: absolute; 
width:70%; 
top:50%; 
transform:translateY(-50%); 
left:15%; 
z-index:3; 
text-align:center;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text p{
text-align: center; 
font-size:24px; 
color:#fff; 
position:relative; 
opacity:0; 
text-shadow: 4px 8px 10px rgba(0, 0, 0, 0.14); 
transform: translateY(32px);  
-ms-transform: translateY(32px);  
-webkit-transform: translateY(32px);  
transition: all 1s ease 0.5s;  
-webkit-transition: all 1s ease 0.5s;  
-moz-transition: all 1s ease 0.5s;  
-ms-transition: all 1s ease 0.5s; 
display: inline-block;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text h2 {
margin-bottom:20px; 
font-weight: bold; 
text-align: center; 
font-size: 42px; 
color: #fff; 
position: relative; 
opacity: 0; 
text-shadow: 4px 8px 10px rgba(0, 0, 0, 0.14);
transform: translateY(32px);
-ms-transform: translateY(32px);
-webkit-transform: translateY(32px);
transition: all 1s ease 1s;
-webkit-transition: all 1s ease 1s;
-moz-transition: all 1s ease 1s;
-ms-transition: all 1s ease 1s;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active p {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2 {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
.banner .swiper-container .swiper-button-prev {
width: 40px;
height: 40px;
background: none;
margin-top: 0;
left:0.5%;
top: 46%;
}
.banner .swiper-container .swiper-button-prev:before {
font-size: 32px;
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
}
.banner .swiper-container .swiper-button-prev:hover:before {
color: #31a338;
}
.banner .swiper-container .swiper-button-next {
width: 40px;
height: 40px;
background: none;
margin-top: 0;
right:0.5%;
top: 46%;
}
.banner .swiper-container .swiper-button-next:before {
font-size: 2rem;
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
}
.banner .swiper-container .swiper-button-next:hover:before {
color: #31a338;
}
.banner .swiper-container .pagination-all {
position: absolute;
bottom:20px;
width: 100%;
left: 0;
z-index: 100;
text-align: center;
}
.banner .swiper-container .swiper-pagination {
position: relative;
display: inline-block;
text-align: left;
}
.banner .swiper-container .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;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background: #ff6600;
}
@media screen and (max-width:768px) {
.banner{margin-top:45px;}
.banner .swiper-container .swiper-wrapper .swiper-slide .text{width:80%; top:40%; transform:translateY(-40%); left:10%;}
.banner .swiper-container .swiper-wrapper .swiper-slide .text h2{ font-size:18px; margin-bottom:5px; line-height:18px;}
.banner .swiper-container .swiper-wrapper .swiper-slide .text p{ font-size:14px;}
.banner .swiper-container .swiper-button-prev {top:40%;}
.banner .swiper-container .swiper-button-next {top:40%;}
.banner .swiper-container .pagination-all {bottom:5px;}
}



/***img***/
.imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {width:100%; 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 {opacity:0.6;}
.imgbox:hover .view {opacity:0.9;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/***htitle***/
.htitle{width:100%; max-width:1350px; box-sizing:border-box; margin:0 auto 30px;}
.htitle h2{font-size:32px; line-height:32px; text-align:center; font-weight:700; position:relative;text-transform:uppercase;}
.htitle h2:after{content:'';  width:50px; height:4px; background:#ff6600; display:block; position:absolute; left:50%; margin-left:-25px; bottom:-13px;}
.htitle_txt{text-align:center; margin-top:20px; color:#666666;}
@media screen and (max-width:768px) {
.htitle{margin-bottom:20px;}
.htitle h2{font-size:18px; line-height:18px;}
.htitle h2:after{content:'';  width:30px; height:3px; background:#ff6600; display:block; position:absolute; left:50%; margin-left:-15px; bottom:-10px;}
.htitle_txt{padding:0 10%; box-sizing:border-box; line-height:20px;}
}

.div_more{text-align:center;}
.div_more_top{ margin-top:20px;}
.more{display:inline-block; margin:0px auto; height:40px; line-height:40px; font-size:14px; padding:0 30px; text-align:center; text-transform: uppercase; color:#fff; background:#026dc0; border-radius:50px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.more a{ color:#FFF}
.more:hover{color:#fff; background:#ff9c00;}
.more:hover a{color:#fff;}
@media screen and (max-width:768px) {
.more {margin:0px auto 10px 0; height:35px; line-height:35px; padding:0 20px; font-size:14px;}
.div_more_top{ margin-top:10px;}
}

.more_btn{background:#1881c1; height:40px; line-height:40px; position:relative; padding:0 30px; display:inline-block; border-radius:50px; overflow:hidden;}
.more_btn .more_btn_txt{z-index:9; height:40px; line-height:40px; color:#ffffff; position:inherit;}
.more_btn:after{content:' '; position:absolute;left:0; width:0; top:0; height:100%; background:#ff9c00; z-index:2; transition:300ms ease-out;}
.more_btn:hover:after{left:0; width:100%;}
@media screen and (max-width:768px) {
.more_btn{height:30px; line-height:30px; padding:0 20px;}
.more_btn .more_btn_txt{height:30px; line-height:30px;}
}

/***mod1***/
.mod1{box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden; background:#ffffff;}
.mod1_txt{line-height:30px;}
.mod1_txt video{margin:10px;}
@media screen and (max-width:768px) {
.mod1{padding:40px 0;}
.mod1_txt{line-height:24px;}
}

.mod2{box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden; background:#f4f4f8;}
.mod2 ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.mod2 ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; border-radius:5px; overflow:hidden; background:#ffffff; text-align:center;}
.mod2 ul li:hover{box-shadow:0 0 12px 0 #e4e4e4; background:#fbfafa;}
.mod2 ul li .mod2_box{width:100%; padding:20px; box-sizing:border-box;}
.mod2 ul li .mod2_box h2{line-height:24px; box-sizing:border-box; font-size:14px;-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: webkit-box; -webkit-box-orient:vertical; font-size:16px; font-weight:700;}
@media screen and (max-width:768px) {
.mod2{padding:40px 0;}
.mod2 ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
.mod2 ul li:nth-child(n+3){margin-top:0.6%;}
.mod2 ul li .mod2_box{padding:10px;}
.mod2 ul li .mod2_box h2{line-height:16px; font-size:12px; -webkit-line-clamp:2; }
}


/***mod3***/
.mod3{box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden;}
.mod3 ul{overflow:hidden; letter-spacing:-8px;}
.mod3 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; width:47.5%;}
.mod3 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.mod3 ul li:nth-child(n+3){margin-top:3%;}
.mod3 ul li .imgbox{width:30%; float:left; height:auto;}
.mod3 ul li .mod3_box{width:70%; padding:0 0 0 15px; float:right; box-sizing:border-box;}
.mod3 ul li .mod3_box h2{font-size:18px; height:48px; line-height:24px; font-weight:700; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; color:#0056ab; margin-bottom:5px;}
.mod3 ul li .mod3_box h2 a{color:#0056ab;}
.mod3 ul li .mod3_box h2 a:hover{color:#ff6600;}
.mod3 ul li .mod3_box .ptxt{-webkit-line-clamp:10; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;}
@media screen and (max-width:768px){
.mod3{display:block; padding:40px 0;}
.mod3 ul li{width:100%;}
.mod3 ul li:not(:nth-of-type(2n)){margin-right:0;}
.mod3 ul li:nth-child(n+2){margin-top:8%;}
.mod3 ul li .imgbox{width:30%; float:left; height:auto;}
.mod3 ul li .mod3_box{width:calc(100% - 30%); padding:0 0 0 15px; float:right; box-sizing:border-box;}
.mod3 ul li .mod3_box h2{font-size:14px; margin-bottom:0px; -webkit-line-clamp:2; font-weight:normal; line-height:20px; height:40px;}
.mod3 ul li .mod3_box .ptxt{-webkit-line-clamp:3;line-height:21px;}
}


.mod3_factorys {position:relative; margin:0 auto; width:100%;}
.mod3_factorys_item {position:relative;display:block;}
.mod3_factorys_item_txt{padding:3% 5%; box-sizing:border-box; width:100%; overflow:hidden;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; text-align:center; line-height:24px;}
.mod3_factorys_item:hover .mod3_factorys_item_txt{color:#ff6600;}
.factory-area-prev{left:-25px; width:50px; height:50px; top:45%; background:rgb(0,0,0,0.9); color:#ffffff; border-radius:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.factory-area-next{right:-25px; width:50px; height:50px; top:45%; background: rgb(0,0,0,0.9); color:#ffffff; border-radius:100%;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.factory-area-prev:hover{background:#026dc0;}
.factory-area-next:hover{background:#026dc0;}

.m_mod3_factorys{display:none;}
.m_mod3_factory{display:none;}
@media screen and (max-width:768px) {
.mod3_factorys{display:none;}	
.mod3_factory{display:none;}
.m_mod3_factory{display:block;width:100%; overflow:hidden; box-sizing:border-box;}
.m_mod3_factorys{display:block; position:relative; width:100%; margin:0 auto;}
.factory-area-prev{left:0px; width:40px; height:40px;top:40%;}
.factory-area-next{right:0px; width:40px; height:40px;top:40%;}
}


.mod4{box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden;}
.mod4 .main{width:62.5%; max-width:1200px; margin:0 auto; overflow:hidden;}
.mod4 .main video{width:100%; object-fit:cover;}
@media screen and (max-width:768px){
.mod4{display:block; padding:40px 0;}
.mod4 .main{width:92%;}
}


.mod5{box-sizing:border-box; position:relative; padding:80px 0; overflow:hidden; background:#f4f4f8;}
@media screen and (max-width:768px) {
.mod5{padding:40px 0;}
}

/*FAQ*/
.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; border-radius:5px; margin-bottom:15px; overflow:hidden;box-shadow:0 0 12px 0 #e4e4e4;}
.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{position:relative; padding:18px 18px 18px 28px; line-height:20px; box-sizing:border-box; font-size:16px; background:#ffffff; font-weight:700;}
.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:10px 20px; background:#f9f9f9; box-sizing:border-box; border-radius:5px;}
@media screen and (max-width:1420px) {
.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;}
}




/*--------在线留言--------------*/
.guestbook1{width:100%; margin:0px auto;}
.guestbook1 ul{ overflow:hidden;} 
.guestbook1 ul li{overflow:hidden; float:left; width:100%; margin-bottom:10px;}
.guestbook1 ul li:nth-last-child(2){border-bottom:0;}
.guestbook1 ul li p{float:left; color:#666666; display:flex; margin-right:10px; padding-top:5px;}
.guestbook1 ul li:nth-child(1){width:40%; margin-right:8%;}
.guestbook1 ul li:nth-child(2){width:52%;}
.guestbook1 ul li:nth-child(3){width:40%; margin-right:8%;}
.guestbook1 ul li:nth-child(4){width:52%;}
.guestbook1 ul li:last-child{border-bottom:none; margin-top:10px; margin-bottom:0;}

.box2 {width:-webkit-fill-available; line-height:30px; box-sizing:border-box; border-bottom:1px #999 solid;}
.box3 {width:100%; height:150px; border:1px #999 solid; line-height:22px; padding:5px 10px; font-family: Arial, Helvetica, sans-serif; box-sizing:border-box; margin-top:10px;}
.sub_gestbook1 {background-color:#555555; border:none;width:fit-content; height:40px; line-height:40px; color:#fff; font-size:16px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; border-radius:5px; font-weight:700; padding:0 30px; margin:0 auto;}
.sub_gestbook1:hover{ background:#ff6600;}
@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.guestbook1 ul li:nth-child(1){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook1 ul li:nth-child(2){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook1 ul li:nth-child(3){width:100%; margin-right:0; margin-bottom:10px;}
.guestbook1 ul li:nth-child(4){width:100%;}
.guestbook1 ul li:last-child{ border-bottom:none;}
.sub_gestbook1 {height:35px; line-height:35px; border-left:0; font-size:14px;}
.guestbook1{width:100%; margin:0px auto;}
}


/*--------在线留言--------------*/
.guestbook2{width:100%; margin:0px auto;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; float:left; width:100%;}
.guestbook2 ul li:nth-child(n+2){margin-top:15px;}

.box22 {width:100%; border:1px #ddd solid; line-height:30px; padding:10px; box-sizing:border-box; background:#ffffff; border-radius:5px;}
.box33 {width:100%; height:120px; border:1px #ddd solid; line-height:20px; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; box-sizing:border-box; background:#ffffff; border-radius:5px;}
.sub_gestbook2 {background-color:#1881c1; border:none;width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; cursor:pointer;text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; font-family:Verdana, Arial, Helvetica, sans-serif; border-radius:5px;}
.sub_gestbook2:hover{ background:#ff6600;}
@media screen and (max-width: 768px) {
.guestbook2 ul li:nth-child(n+2){margin-top:8px;}
.box22 {line-height:20px;}
.sub_gestbook2 {height:45px; line-height:45px; border-left:0;font-size:14px;}
}



/***footer***/
.footer{position:relative; padding:30px 0 0 0; background:#f5f5f5;}
.footer a:hover{text-decoration:underline; opacity:1;}
.footer .main{position:relative;}
.footer_left{float:left; width:20%; overflow:hidden; line-height:24px; padding:0 5% 0 0; box-sizing:border-box;}
.footer_left h2{font-size:14px; text-transform:uppercase; font-weight:700;}
.footer_left ul{letter-spacing:-8px;}
.footer_left ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_left ul li p{background:url(../images/point.png) left center no-repeat; padding-left:6px; text-transform: capitalize; box-sizing:border-box;line-height:22px; font-size:14px;}
.footer_left img{width:auto; max-width:75%;}


.footer_right{float:right; width:80%; box-sizing:border-box;}

.footer_contact{overflow:hidden; float:left; width:23.333%; padding:0 4% 0 0; box-sizing:border-box; border-left:1px rgb(255,255,255,0.2) solid;}
.footer_contact h2{font-size:14px; text-transform:uppercase; font-weight:700;}
.footer_contact ul{letter-spacing:-8px;}
.footer_contact ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_contact ul li p{background:url(../images/point.png) left center no-repeat; padding-left:6px; text-transform: capitalize; box-sizing:border-box;line-height:22px;font-size:14px;}
.footer_contact img{width:auto; max-width:75%;}

.footer_modea{overflow:hidden; float:left; width:23.333%; padding:0; box-sizing:border-box; border-left:1px rgb(255,255,255,0.2) solid;}
.footer_modea h2{font-size:14px; text-transform:uppercase; font-weight:700;}
.footer_modea a{display:block;font-size:14px;}
.footer_modea a img{width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:5px;}

.footer_nav {overflow:hidden; float:left; width:30%; padding:0 4% 0 0; box-sizing:border-box; border-left:1px rgb(255,255,255,0.2) solid;}
.footer_nav h2{font-size:14px; text-transform:uppercase; font-weight:700;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav ul li p{background:url(../images/point.png) left center no-repeat; padding-left:6px; text-transform: capitalize;line-height:22px;font-size:14px; box-sizing:border-box;}
.footer_nav img{width:auto; max-width:75%;}

.footer_nav2 {overflow:hidden; float:left; width:23.333%; padding:0 4% 0 0; box-sizing:border-box; border-left:1px rgb(255,255,255,0.2) solid;}
.footer_nav2 h2{font-size:14px; text-transform:uppercase; font-weight:700;}
.footer_nav2 ul{letter-spacing:-8px;}
.footer_nav2 ul li{letter-spacing:normal; vertical-align:top; width:100%;}
.footer_nav2 ul li p{background:url(../images/point.png) left center no-repeat; padding-left:6px; text-transform: capitalize; box-sizing:border-box; line-height:22px;font-size:14px;}
.footer_nav2 img{width:auto; max-width:75%;}

.footer-copyright {text-align:center; margin-top:30px; opacity:0.8; padding-top:15px; padding-bottom:15px; background:#ffffff;font-size:14px;}
@media screen and (max-width:768px) {
.footer {padding:30px 0 0 0;}
.footer_left{float:none; width:100%; padding-left:0; margin-bottom:25px;}
.footer_left ul li p{float:left; width:50%;}
.footer_right{float:none; width:100%;}
.footer_contact{float:none; width:100%; padding:0; margin-bottom:25px;}
.footer_contact ul li p{float:left; width:50%;}
.footer_modea{float:none; width:100%; padding:0;}
.footer_modea a{display:block; float:left; width:50%;}
.footer_nav {float:none; width:100%; padding:0; margin-bottom:25px;}
.footer_nav ul li p{float:left; width:50%;}

.footer_nav2 {float:none; width:100%; padding:0; margin-bottom:25px;}
.footer_nav2 ul li p{float:left; width:50%;}
.footer-copyright {margin-top:20px; padding-top:20px; padding-bottom:20px; line-height:18px;}
}




/************内页banner*************/
.ban {margin:70px auto 0; width:100%; position:relative; display:none;}
.ban .addiv{position:absolute; width:100%; text-align:center; color:#FFF; top:50%; transform:translateY(-50%); font-size:24px;}
.ban .addiv h2{font-size:60px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-shadow:0px 0px 4px rgb(0,0,0,0.5); text-transform:uppercase; }
.ban .addiv_txt{font-size:18px; line-height:20px; width:fit-content; margin:0 auto;}
/*.ban .addiv h2:before, .ban .addiv h2:after {display:inline-block; vertical-align:middle; margin: -5px 10px 0 10px; content: ""; width:50px; height:4px;  background:#fff;}*/
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
.ban .addiv{width:80%; padding:0 10%; top:50%; transform:translateY(-50%); font-size:18px;}
.ban .addiv h2{font-size:24px;}
/*.ban .addiv h2:before, .ban .addiv h2:after {display: inline-block; vertical-align:middle; margin: -5px 10px 0 10px; content: ""; width:20px; height:2px;  background:#fff;}*/
.ban .addiv_txt{display:none;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:70px auto 0; background:#f9f9f9; padding-bottom:5px; padding-top:5px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; box-sizing:border-box;}
.weizhi{width:96%; max-width:1350px; margin:0 auto;line-height:25px; padding:8px 0 8px 25px; background:url(../images/weizhi_home.png) left center no-repeat; box-sizing:border-box;font-size:14px;}
.span_right{float:right;}
.span_list{height:18px; line-height:18px; background:url(../images/weizhi_right.png) right center no-repeat; padding-right:20px; margin-right:5px; display:inline-block;}
@media screen and (max-width:768px) {
#weizhi{margin:45px auto 0; padding:5px 0;}
.weizhi{padding:0px 0px 0px 25px; width:92%; line-height:32px; height:32px; overflow:hidden; box-sizing:border-box;}
.span_right{font-size:12px; display:none;}
.span_list{padding-right:20px; margin-right:0px;font-size:12px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; width:100%; display:inline-block;}
.lymain {position:relative; margin:0 auto; width:96%; max-width:1350px; padding:50px 0; overflow:hidden; box-sizing:border-box;}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:92%;padding:20px 0; box-sizing:border-box;}
}

#onsec {color:#ff6600;}
#onsec a{color:#ff6600;}
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:50px;}
.margintop100{ margin-top:100px;}
@media screen and (max-width: 768px) {
.margintop20{ margin-top:30px;}
.margintop50{ margin-top:25px;}
.margintop100{ margin-top:50px;}
}


/*分页*/
.page{text-align:center; padding:40px 0 0 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:18px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:22px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:20px; margin-bottom:0px;}
.page a{font-size:18px; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 30px;}
.lyhtitle {position:relative; font-size:36px;   padding-bottom:10px; border-bottom:1px #ddd solid;}
.lyhtitle span{float:right;}
.lytext_txt {margin:0 auto; width:80%; line-height:28px; font-size:18px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:0px auto 20px;}
.lyhtitle {font-size:24px;}
.lytext_txt {line-height:22px; font-size:18px; width:92%;}
}


/*左右分栏*/
.lymain_box{width:100%; overflow:hidden; display:flex; align-items:stretch;}
.lymain_box_left{float:left; width:calc(100% - 480px);}
.lymain_box_right{float:right; width:400px; background:#f9f9f9; padding:30px; box-sizing:border-box; margin-left:80px;}
@media screen and (max-width:768px){
.lymain_box{display:block;}
.lymain_box_left{float:none; width:100%;}
.lymain_box_right{display:none;}
}


.lymain_right_category{overflow:hidden;}
.lymain_right_category h2{font-size:18px; color:#026dc0; text-transform:uppercase; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.lymain_right_category ul{}
.lymain_right_category ul li{width:100%; overflow:hidden;box-sizing:border-box;}
.lymain_right_category ul li a{padding:12px 12px 12px 18px; box-sizing:border-box; display:block; background:url(../images/point.png) 10px center no-repeat; border-bottom:1px #ddd dotted;}
@media screen and (max-width:768px){
.lymain_right_category{display:none;}
}

.lymain_right_prod{overflow:hidden;}
.lymain_right_prod h2{font-size:18px; color:#026dc0; text-transform:uppercase; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.lymain_right_prod ul{ margin-top:10px;}
.lymain_right_prod ul li{width:100%; overflow:hidden;box-sizing:border-box; background:#ffffff; }
.lymain_right_prod ul li:nth-child(n+2){margin-top:6%;}
.lymain_right_prod ul li p{ font-size:14px; line-height:24px;padding:10px; box-sizing:border-box;}
.lymain_right_prod ul li .imgbox{width:35%; margin:0 10px 0 0; float:left;}
@media screen and (max-width:768px){
.lymain_right_prod{display:none;}
}



/*各类详情页文图混排*/
.about_details{width:100%; display:inline-block; padding:50px 0;}
.about_details h1{font-size:32px; line-height:32px; text-transform:uppercase; text-align:center; font-weight:700; margin-bottom:10px;}
.larnotes {width:90%; margin:10px auto 0; line-height:28px;}

.about_details_box{display:block; overflow:hidden; margin-top:50px;}
.about_details_box:first-child{margin-top:30px;}
.about_details_box h2{font-size:18px; line-height:40px; height:40px; margin-bottom:10px; color:#026dc0; font-weight:700; border-bottom:1px #dddddd dotted;}

.about_details_box_txt{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.about_details_box_txt a{color:#0083e8;}
.about_details_box_txt a:hover{color:#ff6600;}
.about_details_box_txt p,.about_details_box_txt span{line-height:28px!important;}
.about_details_box_txt table{width:100%;}
.about_details_box_txt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt td p,.about_details_box_txt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt th p,.about_details_box_txt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt img{width:auto; max-width:100%; margin:10px; display:inline;}
@media screen and (max-width: 768px){
.about_details{padding:20px 0;}
.about_details h1{font-size:18px; line-height:20px;}
.larnotes {margin:10px auto 0; line-height:24px;}

.about_details_box{padding:0px; margin-top:30px; border:0; box-shadow:none;}
.about_details_box:first-child{margin-top:15px;}
.about_details_box h2{font-size:14px; line-height:20px; height:auto; margin-bottom:5px; padding:0 0 5px 0;}

.about_details_box_txt{line-height:24px!important;}
.about_details_box_txt p,.about_details_box_txt span{line-height:24px!important;}
.about_details_box_txt table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


/*各类详情页只有图片*/
.about_details_box2{display:block; overflow:hidden; margin-top:30px;}
.about_details_box2:first-child{margin-top:20px;}
.about_details_box2 ul{overflow:hidden; letter-spacing:-8px; width:100%;}
.about_details_box2 ul li{display:inline-block; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:center; width:23.5%;}
.about_details_box2 ul li:not(:nth-of-type(4n)){margin-right:2%;}
.about_details_box2 ul li:nth-child(n+5){margin-top:3%;}
.about_details_box2 ul li p{text-align:center; height:40px; line-height:40px; background:#f5f5f5; overflow:hidden;}
@media screen and (max-width: 768px){
.about_details_box2{padding:0; margin-top:30px; border:0; box-shadow:none;}
.about_details_box2:first-child{margin-top:15px;}
.about_details_box2 ul li{width:47.5%;}
.about_details_box2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_details_box2 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_details_box2 ul li:nth-child(n+3){margin-top:5%;}
.about_details_box2 ul li p{height:30px; line-height:30px;}
}


/*各类详情页左图+右文*/
.about_details_box3{display:block; overflow:hidden; margin-top:40px; border:1px #ddd solid; box-sizing:border-box;}
.about_details_box3_left{float:left;}
.about_details_box3_right{display:inline;}
.about_details_box3 h2{font-size:18px; line-height:20px; font-weight:700; margin-bottom:5px; color:#026dc0;}
.about_details_box_txt3{line-height:28px!important; word-break:break-word!important; overflow:hidden; padding:40px; box-sizing:border-box;}
.about_details_box_txt3 p,.about_details_box_txt3 span{line-height:28px!important;}
.about_details_box_txt3 table{width:100%;}
.about_details_box_txt3 td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt3 td p,.about_details_box_txt3 td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt3 th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt3 th p,.about_details_box_txt3 th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt3 img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}
@media screen and (max-width: 768px){
.about_details_box3{padding:0px; margin-top:30px; border:0; box-shadow:none;}
.about_details_box3:first-child{margin-top:15px;}
.about_details_box3_left{float:none; width:100%; margin-right:0;}
.about_details_box3_right{float:none; width:100%; margin-top:10px;}
.about_details_box3 h2{font-size:18px; line-height:22px; height:auto; margin-bottom:5px;}
.about_details_box_txt3{line-height:24px!important; padding:15px; background:#f9f9f9;}
.about_details_box_txt3 p,.about_details_box_txt3 span{line-height:24px!important;}
.about_details_box_txt3 table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


/*各类详情页左图+右文和左文+右图交替*/
.about_details_box4{overflow:hidden; background:#f9f9f9; display:flex; align-items: stretch;}
.about_details_box4:first-child{margin-top:40px;}
.about_details_box4 img{ width:100%; height:100%;}
.about_details_box4_left{float:left; width:50%;}
.about_details_box4_right{float:right; width:50%;}
.about_details_box4 h2{font-size:18px; line-height:20px; font-weight:700; margin-bottom:10px; color:#026dc0;}
.about_details_box_txt4{line-height:28px!important; word-break:break-word!important; overflow:hidden; padding:45px; box-sizing:border-box;}
.about_details_box_txt4 p,.about_details_box_txt4 span{line-height:28px!important;}
.about_details_box_txt4 table{width:100%;}
.about_details_box_txt4 td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt4 td p,.about_details_box_txt4 td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt4 th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt4 th p,.about_details_box_txt4 th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.about_details_box_txt4 img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}
@media screen and (max-width: 768px){
.about_details_box4{padding:0px; margin-top:30px; border:0; display:block;}
.about_details_box4:first-child{margin-top:15px;}
.about_details_box4_left{float:none; width:100%; margin-right:0;}
.about_details_box4_right{float:none; width:100%; margin-top:10px;}
.about_details_box4 h2{font-size:14px; line-height:20px; height:auto; margin-bottom:5px;}
.about_details_box_txt4{line-height:24px!important; padding:15px;}
.about_details_box_txt4 p,.about_details_box_txt4 span{line-height:24px!important;}
.about_details_box_txt4 table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}



/*新闻*/
.newslist{display:block;}
.newslist h2{font-size:32px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:30px;}
.newslist ul{letter-spacing:-8px;}
.newslist ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:22.75%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; background:#f9f9f9; box-sizing:border-box;}
.newslist ul li:not(:nth-of-type(4n)){margin-right:3%;}
.newslist ul li:nth-child(n+5){margin-top:3%;}
.newslist ul li .news_box{box-sizing:border-box; padding:20px;}
.newslist ul li .news_title h3{font-size:16px; margin-bottom:10px;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:20px; height:40px; font-weight:700;}
.newslist ul li .ptxt{line-height:24px;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; font-size:14px; height:72px;}
.newslist ul li .news_date{display:inline-block; font-size:14px; margin-bottom:20px; color:#666666;}
.newslist ul li .news_more{border-top:1px #dddd dotted; padding-top:20px; margin-top:20px;}
.newslist ul li .news_more h3{font-size:14px;}
.newslist ul li .news_more h3 span{float:right; color:#666666;}
@media screen and (max-width:768px) {
.newslist h2{font-size:24px; margin-bottom:20px;}
.newslist ul li{width:48.5%;}
.newslist ul li:not(:nth-of-type(4n)){margin-right:0;}
.newslist ul li:not(:nth-of-type(2n)){margin-right:3%;}
.newslist ul li:nth-child(n+3){margin-top:4%;}
.newslist ul li .news_title h3{font-size:14px; margin-bottom:5px; height:auto; line-height:18px;}
.newslist ul li .news_box{padding:10px;}
.newslist ul li .ptxt{ height:auto; line-height:18px;}
}

.news_time{position:absolute; top:0; left:0; width:70px; height:70px; background:#026dc0; text-align:center; padding:15px 0; box-sizing:border-box;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:3;}
.news_time .p1{line-height:20px; height:20px; color:#fff;}
.news_time .p2{line-height:20px; height:20px; color:#fff; font-size:18px;}


/*新闻详情页*/
.newsshow{overflow:hidden; box-sizing:border-box;}
.news_xxjs{overflow:hidden;}
.news_xxjs a{color:#0083e8!important;}
.news_xxjs a:hover{color:#ff6600!important;}

.news_xxjs table{width:100%;}
.news_xxjs td{padding:6px; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:28px!important;word-break:initial!important;}
.news_xxjs td p,.news_xxjs td span{font-size:16px!important;line-height:28px!important;word-break:initial!important;}
.news_xxjs th{padding:6px; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:28px!important;word-break:initial!important;}
.news_xxjs th p,.news_xxjs th span{font-size:16px!important;line-height:28px!important;word-break:initial!important;}
.news_xxjs img{width:auto; max-width:100%; margin:10px; display:inline;}

.news_title{text-align:left;}
.news_title h1{font-size:24px; margin-bottom:15px; border-bottom:1px #ddd dotted; padding-bottom:15px; line-height:32px; font-weight:700; text-align:center;}
.news_title h1 span{ float:right;}

.pubdate{line-height:16px; margin:0 0 20px 0; overflow:hidden; color:#999999; font-size:14px; text-align:center;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
@media screen and (max-width: 768px) {
.newsshow{ box-shadow:none; border:none;}
.news_title h1{font-size:20px; line-height:20px;}
.news_title h1 span{ float:right; display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; box-sizing:border-box;}
.Information h4{height:40px; line-height:40px; font-size:18px; font-weight:bold;}



/*product*/
.prodcate_list{display:block;}
.prodcate_list ul{letter-spacing:-8px;}
.prodcate_list ul li{letter-spacing:normal; vertical-align:top; width:100%; box-sizing:border-box; position:relative;display:inline-block; background:#fff; border-radius:5px;}
.prodcate_list ul li:nth-child(n+2){margin-top:6%;}

.prodcate_list_txt{font-size:14px; height:100%; line-height:20px;box-sizing:border-box; overflow:hidden; background:#fefefe; padding-bottom:20px; border-bottom:1px #ddd dotted;}
.prodcate_list_txt a{color:#0083e8;}
.prodcate_list_txt a:hover{color:#ff6600;}

.prodcate_list_txt_left{float:left;width:30%; margin-right:3%; border-radius:5px; overflow:hidden;}
.prodcate_list_txt_right{float:right;width:67%;}

.prodcate_list_txt  h2{font-size:24px; line-height:24px; margin-bottom:10px; font-weight:700; text-align:center;}
.prodcate_list_txt .ptxt{overflow:hidden; line-height:28px!important; opacity:0.8;}
.prodcate_list_txt .ptxt a{color:#0083e8;}
.prodcate_list_txt .ptxt a:hover{color:#ff6600;}
.prodcate_list_txt .ptxt table{width:100%;}
.prodcate_list_txt .ptxt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt td p,.prodcate_list_txt .ptxt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th p,.prodcate_list_txt .ptxt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt .more{color:#fff;}
.prodcate_list_txt .ptxt .more:hover{color:#fff;}

.prodcate_list_prod{ letter-spacing:-8px; margin-top:30px; margin-bottom:30px; overflow:hidden; display:none;}
.prodcate_list_prod ul p{letter-spacing:normal; vertical-align:top; position: relative; width:31.33%; display:inline-block; box-sizing:border-box; border-radius:5px; overflow:hidden; background:#f5f5f5 url(../images/weizhi_right.png) 10px center no-repeat; padding:10px 0 10px 28px; font-size:14px; font-weight:700;}
.prodcate_list_prod ul p:not(:nth-of-type(3n)){ margin-right:3%;}
.prodcate_list_prod ul p:nth-child(n+4){margin-top:1%;}

@media screen and (max-width:768px) {
.prodcate_list{ margin-top:0px;}
.prodcate_list ul li{width:100%;}
.prodcate_list ul li:nth-child(n+2){margin-top:10%;}
.prodcate_list_txt{padding:0;}
.prodcate_list_txt_left{float:none; width:100%; margin-right:0;}
.prodcate_list_txt_right{float:none; width:100%; margin-top:20px;}

.prodcate_list_txt h2{font-size:18px; margin-bottom:10px; line-height:20px;}
.prodcate_list_txt .ptxt{line-height:24px!important;}
.prodcate_list_txt .ptxt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px; border:1px #ddd solid;}

.prodcate_list_prod{ letter-spacing:-8px; margin-top:20px; margin-bottom:20px;}
.prodcate_list_prod ul p{width:100%; font-size:14px;}
.prodcate_list_prod ul p:not(:nth-of-type(3n)){ margin-right:0;}
.prodcate_list_prod ul p:nth-child(n+2){margin-top:2%;}

}


/*产品型号列表*/
.productlist{margin:0; box-sizing:border-box;}
.productlist h3{font-size:32px; line-height:32px; text-align:left; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px; font-weight:700;}
.lartxt{line-height:28px; margin-bottom:30px;}
.lartxt table{width:100%; border:1px #ddd solid;}
.lartxt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.lartxt td p,.lartxt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.lartxt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.lartxt th p,.lartxt thd span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}

.productlistul{ letter-spacing:-8px; margin-top:40px;}
.productlistul li{letter-spacing:normal; vertical-align:top; position: relative; width:23.5%; display:inline-block; box-sizing:border-box; overflow:hidden;transition:0.3s;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:2%;}
.productlistul li:nth-child(n+5){margin-top:2%;}
.productlistul li .div_txt{line-height:24px; padding:0 10px 15px 10px; box-sizing:border-box;}
.productlistul li .div_txt h2{font-size:14px; line-height:24px;overflow:hidden; text-align:center;}

.productlistul li:hover{box-shadow:0 0 10px 0 #ddd;}
.productlistul li:hover .div_txt h2 a{color:#ff6600;}

.newtag{position:absolute; top:0; right:0; z-index:2;}
.newtag img{width:50px;}

@media screen and (max-width:768px) {
.productlist{}
.productlist h3{font-size:24px; margin-bottom:10px; line-height:24px;}
.lartxt{line-height:24px; margin-bottom:15px;}
.productlistul{ margin-top:15px;}
.productlistul li{width:48.5%;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:0;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul li:nth-child(n+3){margin-top:3%;}
.productlistul li .div_txt{line-height:18px; padding:5px; box-sizing:border-box;}
.productlistul li .div_txt h2{line-height:20px; height:auto; font-size:14px;}
}



/*产品详情*/
.prod_details{ width:100%; overflow:hidden;}
.prod_details_top{margin-bottom:50px; overflow:hidden;}
.prod_details_top h1{font-size:24px; line-height:30px; font-weight:700; margin-bottom:5px; overflow:hidden;}
.prod_details_top h1 span{float:right; font-size:14px; font-weight:normal;}
@media screen and (max-width:768px) {
.prod_details_top{margin-bottom:20px;}
.prod_details_top h1{font-size:14px; margin-bottom:10px; line-height:24px; padding-bottom:5px; display:flex;  flex-direction:column; gap:0.5em;}
.prod_details_top h1 span{font-size:12px; display:block; float:left; line-height:20px;}
}

/*产品详情上半部分左侧*/
.product_top_left{width:600px; float:left;}
.product_top_left_bg{background:#ffffff; display:flex; align-items:center; height:600px;}
.product_top_left_bg .swiper-slide{border:1px #ddd solid; box-sizing:border-box;}
.product_top_left_bg img{height:100%;}
.swiper-container-thumbs{margin-top:10px;}
.swiper-container-thumbs img{height:90px; cursor:pointer;border:1px #ddd solid; box-sizing:border-box;}
.product_top_left .swiper-slide-thumb-active img{border:1px #ff6600 solid!important; box-sizing:border-box; cursor:pointer;}
@media screen and (max-width: 1024px) {
.product_top_left{width:100%; float:none;}
.product_top_left_bg{height:340px; vertical-align:middle;}
.swiper-container-thumbs img{height:45px;}
}


.product_right_top_right{float:right; width:calc(100% - 660px); padding-top:20px; border-top:1px #ddd dotted;}
.product_right_top_right_p{background:#f5f5f5;width:100%; overflow:hidden;}
.product_right_top_right_p ul{}
.product_right_top_right_p ul li{line-height:55px; height:55px; border-bottom:1px #ddd solid; padding-left:47px;}
.product_right_top_right_p ul li b{ margin-right:10px;}
.product_right_top_right_p ul li:nth-child(1){ background:url(../images/ico_tel2.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(2){ background:url(../images/ico_whatsup2.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(3){ background:url(../images/ico_email2.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_tags{line-height:30px; width:100%; overflow:hidden; }
.product_right_top_right_tags a{color:#0083e8;}
.product_right_top_right_tags a:hover{color:#ff6600;}

.product_right_top_right_tags b,.product_right_top_right_tags strong{font-size:18px; font-weight:700;}
.product_right_top_btn{margin-top:25px; overflow:hidden;}
.product_right_top_btn a{margin-right:5px; margin-bottom:5px;}

.product_right_end{ width:100%; padding-top:40px; overflow:hidden;}
.proddetails_title{width: 100%; border-bottom:1px #d2d2d2 solid;  margin-bottom:15px;}
.proddetails_title h5{font-size:18px; background:#003152; padding:18px 35px; display:inline-block; color:#FFF;}
@media screen and (max-width: 768px) {
.product_right_top_right{width:100%; float:none; margin-top:20px;}
.product_right_top_right h1{font-size:18px; line-height:20px;}
.product_right_top_right_tags{line-height:24px; padding:15px 0 0 0; margin:15px 0 0 0;}
.product_right_top_right_tags b,.product_right_top_right_tags strong{font-size:14px;}
.product_right_top_btn{margin-top:10px;}

.product_right_end{padding-top:20px;}
.proddetails_title{width:100%; border-bottom:1px #d2d2d2 solid;  margin-bottom:15px;}
.proddetails_title h5{font-size:18px; padding:8px 35px;}
}


.ptitle2{margin:50px 0 10px 0;}
.ptitle2 h3{font-size:18px; margin-bottom:15px; border-bottom:1px #026dc0 dotted; padding-bottom:10px; color:#026dc0; font-weight:700;}
@media screen and (max-width: 768px){
.ptitle2{margin:25px 0 10px 0;}
.ptitle2 h3{font-size:14px;}
}

.relatedul{overflow:hidden; letter-spacing:-8px;}
.relatedul li{display:inline-block; overflow:hidden; width:15%; letter-spacing:normal; vertical-align:top; box-sizing:border-box;}
.relatedul li:not(:nth-of-type(6n)){ margin-right:2%;}
.relatedul li:nth-child(n+7){margin-top:2%;}
.relatedul li .imgbox{width:100%; float:none;}
.relatedul li .imgbox img{padding:0; display:block;}
.relatedul li p{text-align:center; padding:10px; line-height:20px!important;}
@media screen and (max-width: 768px) {
.relatedul{margin-top:15px;}
.relatedul li{width:47.5%;}
.relatedul li:not(:nth-of-type(6n)){ margin-right:0;}
.relatedul li:not(:nth-of-type(2n)){ margin-right:5%;}
.relatedul li:nth-child(n+3){margin-top:5%;}
.relatedul li p{line-height:20px!important; font-size:14px;}
}


.prod_details_end{overflow:hidden; width:100%; margin-bottom:50px; border-top:1px #ddd solid; padding-top:30px;}
.prod_details_end_box{display:block; overflow:hidden; margin-top:50px;}
.prod_details_end_box:first-child{margin-top:0px;}
.prod_details_end h2{font-size:18px; margin-bottom:15px; border-bottom:1px #026dc0 dotted; padding-bottom:10px; color:#026dc0; font-weight:700;}
.prod_details_end_txt{overflow:hidden;}
.prod_details_end_txt a{color:#0083e8;}
.prod_details_end_txt a:hover{color:#ff6600;}
.prod_details_end_txt table{width:100%;}
.prod_details_end_txt td{padding:6px; font-size:13px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.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:6px; font-size:13px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:13px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline;}
@media screen and (max-width: 768px){
.prod_details_end{margin-bottom:0px; padding-top:10px;}
.prod_details_end_box{margin-top:25px;}
.prod_details_end_box:first-child{margin-top:10px;}
.prod_details_end_box h2{font-size:18px; line-height:22px; height:auto; margin-bottom:5px; padding:5px 0px;}
.prod_details_end_txt table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


#tab1{width:100%; overflow:hidden; margin-top:50px;}
#tab1 ul{overflow:hidden;border-bottom:1px #ddd solid;}
#tab1 li{float:left;height:50px;line-height:50px; text-align:center; cursor:pointer; font-size:16px; box-sizing:border-box; background:#dddddd; padding:0 30px; border-right:1px #ffffff solid;}
#tab1 li.now{background:#555555; color:#fff;}
.tablist{overflow:hidden; display:none;}
.block{display:block; }
#tablist1{box-sizing:border-box; padding:20px 0 0 0; box-sizing:border-box;}
@media screen and (max-width:768px) {
#tab1{width:100%; overflow:hidden; margin-top:20px;}
#tab1 ul{overflow:hidden;}
#tab1 li{height:40px;line-height:40px; font-size:14px; padding:0 10px;}
#tablist1{padding:10px 0 0 0; border:0;}
}




/*contact us*/
.contact_box{display:block; overflow:hidden; margin-top:0px;}
.contact_box2{display:block; overflow:hidden; margin-top:0px; padding:60px 0; background:#f4f4f8;}
.contact_box2 .lymain{padding:0;}
.contact_box h2{font-size:18px; line-height:40px; height:40px; margin-bottom:10px; color:#026dc0; font-weight:700; border-bottom:1px #dddddd dotted;}

.contact_box_msn{display:flex;align-items:stretch; background:#ffffff; padding:30px; box-sizing:border-box;}
.contact_box_left{float:right; width:35%; margin-left:3%; padding:3%; box-sizing:border-box; border-left:1px solid #f99005;}
.contact_box_left img{width:auto; max-width:100%;}
.contact_box_right{float:left; width:65%;}

.contact_box_txt{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.contact_box_txt p, .contact_box_txt span{line-height:28px!important;}
.contact_box_txt table{width:100%;}
.contact_box_txt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.contact_box_txt td p,.contact_box_txt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.contact_box_txt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.contact_box_txt th p,.contact_box_txt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.contact_box_txt img{width:auto; max-width:100%; margin:10px;}
@media screen and (max-width: 768px){
.contact_box{margin-top:25px;}
.contact_box h2{font-size:14px; line-height:20px; height:auto; margin-bottom:5px; padding:0 0 5px 0;}

.contact_box_msn{display:block;}
.contact_box_left{float:none; width:100%; margin-left:0; margin-top:10%; padding:5%;}
.contact_box_left img{width:100%; height:auto;}
.contact_box_right{float:none; width:100%;}

.contact_box_txt{line-height:24px!important;}
.contact_box_txt p,.contact_box_txt span{line-height:24px!important;}
.contact_box_txt table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.contact_box_txt img{width:auto; max-width:100%; margin:10px 0;}
}


.searchlist{overflow:hidden;}
.searchlist h2{ font-size:18px; font-weight:700; color:#ff6600; margin-bottom:20px;}
.searchlist dl{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:25px 0px; box-sizing:border-box;}
.searchlist dl:hover{background:#f9f9f9;}
.searchlist dd{line-height:20px;}
.searchlist dd h4{font-size:18px; text-align:left; margin-bottom:10px;}
.searchlist dd h4 a{color:#0043a0;}
.searchlist dd h4 a:hover{color:#ff6600;}
.searchlist dd p{font-size:16px; color:#999999;}
.searchlist dd p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlist{padding:0px;}
.searchlist h2{font-size:16px; margin-bottom:10px;}
.searchlist dl{padding:10px 10px;}
.searchlist dd h4{font-size:14px; margin-bottom:5px;}
.searchlist dd p{font-size:14px;}
}


.sitemap{overflow:hidden; background:#FFF; padding:30px; border:1px #ddd solid;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#026dc0;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:20px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:18px; line-height:20px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

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


/*视频弹窗*/
.videolist{}
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select:none;}
.vclose { position:absolute;right:30px; top:30px;cursor: pointer; width:50px; height:50px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.6); box-sizing:border-box; padding:8%;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:-10px; top:-10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}