/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none!important; color:#6c6c6c;}
a:hover{ }
table { width:100%!important;max-width:100%!important;}=
table td{table-layout:fixed; word-break: break-all; overflow:hidden; }
* {
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none;
}
@font-face {
font-family:impact;
src: url('/Html/fonts/Avignon-Bold.otf'); }
@font-face {
font-family:impact;
src: url('/Html/fonts/DINCond-Medium.otf'); }
@font-face{font-family: "HelveticaLTStd-Bold"; src:url(/Html/fonts/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "DINCond-Medium"; src:url(/Html/fonts/DINCond-Medium.ttf)}
@font-face{font-family: "AvenirLTStd-Light"; src:url(/Html/fonts/AvenirLTStd-Light.otf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(/Html/fonts/HelveticaLTStd-BoldCond.otf)}
@font-face {
font-family:Barlow-Regular;
src: url('../font/Barlow-Regular.ttf'); }
@font-face{font-family: "HelveticaLTStd-Bold"; src:url(/Html/fonts/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(/Html/fonts/HelveticaLTStd-BoldCond.otf)}
@font-face {
font-family: 'iconfont';
src: url('/Html/fonts/iconfont.woff2?t=1689738565086') format('woff2'),
url('/Html/fonts/iconfont.woff?t=1689738565086') format('woff'),
url('../font/iconfont.ttf') format('truetype');}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family:HelveticaLTStd-BoldCond;
src: url('/Html/fonts/HelveticaLTStd-BoldCond.otf'); }
body{ margin:0 auto;padding:0px;width:100%; margin:0px; font-family:"Verdana, Geneva, sans-serif";font-size:15px!important;color:#6c6c6c;}
.cuti{ font-family:"HelveticaLTStd-BoldCond"}
.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}
.flex{ display:flex; }
.flex-between-center{ display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}
.flex-center-center{ display: flex; align-items: center; /*justify-content: center;*/}
.head{width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99999;
background: #fff;
height: 90px;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,.1);}
.head .w95{ width:98%; margin:0 auto;}
.search { margin-left:6px;width:200px; background:#fff; border:2px solid #50a31c; border-radius:25px; position:relative; z-index:1; line-height:35px;}
.search1 { width:80%; line-height:35px; border:none; padding-left:5%; color:#666; font-size:12px; border-radius:25px; outline:none; }
.searchimg1 { object-fit: cover; margin-right:2px; border-radius:50px; text-align:center; background:#50a31c; border:none; height:33px; padding:5px;}
.nnn a { font-weight:400;width:100%;}
.nnn a img {filter: invert(100%) grayscale(100%) brightness(3); margin-right:5px; display:inline-block; float:left;}
.nnn a span { display: inline-block; }
.nnn a:hover span { color:#fff;}
.nnn a:hover { background: none;}
.nnn a:hover img {filter: none; margin-right:5px; display:inline-block; float:left;}
.nav ul li .navname{display:block;position:relative;}
/*.nav ul li .navname:after{
content:"";
width:0;
height:2px;
background:#fee303;
position:absolute;
bottom:0;
left:0;
-webkit-transition: all .6s cubic-bezier(.255, .255, .255, 1) 0s;
transition: all .6s cubic-bezier(.255, .255, .255, 1) 0s;}*/
.nav ul li .navname:hover,.nav ul li.active .navname{color:#fff; background:#50a31c;}
.nav ul li:hover .navname:after,.nav ul li.active .navname:after{width:100%;}
.nav{ width:78%; }
.nav ul{margin:0 auto;}
.nav li { cursor:pointer; list-style: none;text-align: center;box-sizing: border-box; position: relative;display: inline-block;line-height:60px; }
.headyou{ width:60%;}
.nav li a {z-index: 1; color: #333;
text-align: center;position: relative;line-height:60px; font-size:16px; overflow:hidden;/* text-transform:uppercase; */padding-left:12px; padding-right:12px; font-family:"HelveticaLTStd-BoldCond"}
.nav li a:hover{color:#fff; background:#50a31c;}
/*.nav li::after {
content: '|';
position: absolute;
right: 0;
top: 50%;
transform: translate(50%,-50%);
color:rgba(255,255,255,0.1);
font-size: 20px;
}
.nav li:last-child::after{ display:none;}*/
.nav li.hover .nnn a:hover img,.nav li:hover a img {filter: none; }
.nav li.hover a, .nav li:hover a { color:#fff; background:#50a31c; }
.nav li .subnav {background: #fff;box-shadow: 0 5px 20px 8px rgba(0, 0, 0, 0.1);height: auto;left: -0px;overflow: hidden;position: absolute;top: 75px; width:120px;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#fff, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a { border-bottom:1px solid rgba(0,0,0,0.1); display:block; font-family:"Arial, Helvetica, sans-serif";text-transform:none; text-align:center;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 14px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 23px; padding-top:8px; padding-bottom:8px;transition: all 0.2s ease-in-out 0s;width: 100%;background: #fff;color: #555!important;}
.nav li .subnav a:hover {color: #fff!important;background:#50a31c; }
.nteshu{ width:200px!important;}
.nteshu a{text-align:left!important; padding-left:20px!important; padding-right:20px!important;}
@media only screen and (min-width: 1600px) {
.head .w95{ width:95%;}
.nav{ width:90%; }
.headyou{ width:62%; }
.nav li a {padding-left:8px; padding-right:8px;}
}
/*首页banner*/
#banner { margin-top:0px;}
#banner .p_MatteIcon .iconfont:before{ content:'\e602'; }
#banner >div{ animation-fill-mode:both; }
#banner .banner-video .pcitem-m{display:none; }
#banner .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; filter:brightness(0.95); }
#banner .swiper-slide .bgimg{ transition:1s 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px); }
#banner .swiper-slide.swiper-slide-active .bgimg{ transition:5s 0s; transform:perspective(1000px) translate3d(0, 0, 0px); }
#banner .iban a{ display:block;width:100%;height:100%;color:#fff; }
#banner .mobitem{ display:none;}
#banner .bannerBox .iban{ height:70vh; position:relative; }
#banner .bannerBox .iban:after{ content:''; position:absolute; height:477px; background:url(/Html/images/nav_shadow.png) no-repeat top center/cover;top:0px;left:0px; z-index:1; pointer-events:none;}
#banner .bannerBox .iban .swiper-slide{ height:100%; overflow:hidden; }
#banner .bannerBox .iban .banner-video{ height:100%; position:relative;}
#banner .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%;/*background-image: linear-gradient(to left,rgba(22,148,198,0.1),rgba(22,148,198, 0.3))*/;color:#fff; }
#banner .banner_img .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%; color:#fff; }
#banner .v_cover .v_con{ margin-left:auto; margin-right:auto; position:relative; z-index:5; WIDTH:85%;}
#banner .swiper-slide .v_con *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; transform:translate3d(0, 80px, 0); opacity:0; }
#banner .swiper-slide.swiper-slide-active .v_con *{ transform:translate3d(0, 0px, 0); opacity:1; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(1){ transition-delay:0.5s; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(2){ transition-delay:0.7s; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(3){ transition-delay:0.9s; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(4){ transition-delay:1.1s; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(5){ transition-delay:1.3s; }
#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(6){ transition-delay:1.5s; }
#banner .v_cover .v_tit_en{ font-size:55px; line-height:1.2!important; margin-top:0%; text-transform:uppercase;}
#banner .v_cover .v_text1{ font-size:45px; line-height:1.4; font-weight:normal; letter-spacing:0px; font-weight:bold; margin-top:20px; margin-bottom:20px; }
#banner .v_cover .v_line{ width:70px; height:3px; background:#F0F0F0; margin-top:2%; margin-bottom:2%; display:none; }
#banner .v_cover .v_text2{ font-family:"Barlow-Regular"; font-size:25px; line-height:1.6; /*margin-top:3%; */margin-bottom:5%; width:70%;}
#banner .banner_img .v_cover .v_text2{ }
#banner .v_playvideo{height:auto; }
#banner .v_border{ display:block; border:2px dotted #fff; line-height:40px; width:150px; text-align:center; position:relative; }
#banner .v_border:hover{ background:#50a31c; border:1px solid #50a31c; }
#banner .v_border:hover a{ color:#fff;}
#banner .v_cover .v_more{ font-size:12px; }
#banner .swiper-slide .v_cover .v_img{ opacity:0; transition-duration:2s; transition-delay:0.8s; }
#banner .swiper-slide.swiper-slide-active .v_cover .v_img{ opacity:0.1; }
#banner .banner-video{ background:url(/Html/images/ban1.jpg) no-repeat center center; }
#banner .bannerBox .iban .banner-video .v_cover .v_img{ width:auto; height:auto; transform:translate(-50%, -50%) !important; }
#banner .bannerBox .iban .banner-video{ height:100%!important}
#banner .bannerBox .iban .banner-video video{ filter:brightness(0.8); position:absolute; top:50%; border:0px; left:50%;/* min-width:120%;*/ min-height:100%; width:115%; height:100%!important; z-index:0; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
#banner .bannerBox .iban .text{ position:absolute; font-size:36px; color:#fff; left:90px; bottom:80px; line-height:1px; }
#banner .bannerBox .iban .swiper-pagination{ bottom:50px; line-height:1px; }
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:10px; background-color:rgba(255,255,255,1); margin:0 8px; opacity:1; transition:all 0.4s ease; }
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width:50px; }
@media only screen and (max-width: 768px){
#banner .v_cover .v_tit_en{ font-size: 40px; }
#banner .v_cover .v_con { max-width:100%!important;}
#banner .banner-video .pcitem-m{ display:block; }
#banner .mobitem{ display:block; }
#banner .pcitem{ display: none; }
#banner .bannerBox .iban { height: 68vh; position: relative; }
#banner .v_cover .v_text1{ font-size: 26px; line-height: 1.6!important; margin-bottom:10px; margin-top:10px; }
#banner .v_cover .v_text2{ width:100%; font-size:17px; margin-top:15px; }
#banner .v_playvideo{ display:none; }
#banner .bannerBox .iban .banner-video .v_cover .v_img{ display:none; }
#banner .v_cover .v_line { margin-top:20px; height:2px; width:70px;}
#banner .bannerBox .iban:after{ display: none; }
#banner .v_cover .v_tit_en {font-size: 30px;letter-spacing: 5px;}
#banner .bannerBox .iban .text{ bottom: auto; top:10rem; font-size:1.2rem; text-align: center; left: 0; width: 100%; }
#banner .bannerBox .iban .play{ position: absolute; width: 2.8rem; height:2.8rem; background: url(/Html/images/yx_vplay.png) no-repeat center/100%; top: 15rem; left: 50%; margin-left: -1.4rem; cursor: pointer; }
#banner .bannerBox .iban .swiper-pagination{ bottom:1.9rem; } #banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet { /*width: 8px;*/ height: 8px; margin: 0 4px; }
#
banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active { width: 20px!important; } }
#banner{ width:100%; max-width:none; height:100%; max-height:none; min-height:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }
/*首页产品*/
.index_pro .title{ padding-bottom:0px;}
.innovative{ width: 100%; height:565px; position:relative;}
.innovative-img{ width: 100%;height: 100%;}
.innovative-img .on1 {left: 0;opacity: 1; z-index: 2; transition: 0.5s;}
.c1{
opacity: 0;
transition: all 1s linear;
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
.c1>img{ width: 100%;height: 100%;}
.max-width {width: 100%;margin: 0 auto;}
.c1-text{position: absolute;right:70px; top: 70px;width:65%;}
.c1-text .pname{color:#fff;font-size: 30px;margin-bottom:35px;}
.ccp ul{display: flex;flex-wrap: wrap;}
.ccp ul li:nth-child(1){ margin-left:0px;}
.ccp ul li:nth-child(4){ margin-left:0px;}
.ccp ul li{display: inline-block;width: 31%;padding: 15px 20px;cursor: pointer;margin-left: 1%;margin-right: 1%;border: 1px solid rgba(255,255,255,0.3);margin-bottom: 20px;transition: all 0.8s;}
.ccp ul li a{color:#fff;}
.ccp ul { margin-bottom:20px;}
.c1-text .biao{ font-weight:normal; font-size:15px;overflow:hidden; display:block; color:#fff;overflow:hidden;display:-webkit-box; -webkit-line-clamp:4 ;
-webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:20px; padding-bottom:5px;}
.c1-text ul li span{ font-family:Barlow-Regular; font-size:18px;color:#fff;}
.c1-text ul li:hover{ background:#50a31c; transition:all 0.4s; border:1px solid #50a31c}
.sdrt{ width:100%; }
.innovative-list p img {
display: block; margin-right:20px;
width: 70px;}
.innovative-box{ width:25%;left:0px; z-index: 99; position:absolute;}
.innovative-list{flex: 1; text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: rgba(00, 00, 00, 0.2);cursor: pointer; padding-left:12%; padding-right:12%;position: relative; display:flex; padding-top:35px; padding-bottom:35px;}
.innovative-list:lasst-child{ border-bottom:0px;}
.innovative-list p{ width:30%; }
.innovative-list .a-link{ display: block; }
.innovative-list span{font-size: 17px; padding-left:10px;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-align:left; line-height:30px;color: #fff;}
.innovative-box .bg-active{ background:rgba(0,0,0,0.5); transition:all 0.4s; border:1px solid rgba(0,0,0,0.5);border: none; cursor: pointer; transition: 0.2s;transition-duration:0.2s;}
.bg-active span{color: #fff;}
.yuluo {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;}
@media only screen and (max-width:1023px) {
.innovative {height:auto!important;}
.innovative-box{ width:100%;left:0px;z-index: 99;position:absolute;display: flex;flex-wrap: wrap; display:block;}
.innovative-list:nth-child(2n){ margin-left:1%;}
.innovative-list{ width:49.5%; float:left;padding-left:0px;border-bottom:0px; padding-right:0px; margin-bottom:1%; }
.innovative-list p img {width:55px; padding-left:10px;}
.innovative-list {width:49.5%;flex:none; padding-top:10px; padding-bottom:10px;}
.innovative-list p{ width:25%; }
.max-width {width:100%;}
.ccp ul { margin-bottom:20px;height:auto;}
.innovative-img {height:100vh;object-fit: cover; width:100%;overflow:hidden;}
.innovative-box {flex-wrap:wrap;height:auto; border:0px;}
.c1-text {padding-left:2.5%;}
.c1-text .pname {font-size: 20px; margin-bottom: 15px;height: 40px;line-height: 40px;}
.c1-text p {width: 30%;font-size:12px;line-height:.38rem;margin-bottom:.35rem; overflow: hidden;margin-right:3%;}
.c1-text .biao{ /*height:30px; */overflow:hidden;font-size:15px; letter-spacing:-0.5px; font-weight:normal}
.innovative-list a {display:none!important;}
.ccp ul{ overflow:hidden}
.ccp1 ul li{ width:48%!important; margin-left:1%!important; margin-right:1%!important;}
.ccp ul li {width: 100%;padding: 15px;margin-left:0%;margin-right: 0%;margin-bottom: 10px;}
.ccp ul li span{ font-size:14px;}
.c1-text {
position: absolute;
left: 0%;
top: 160px;right:0px;
transform: translate(0%);
width: 95%;
}
.c1>img {
width: 100%;
/*height: 100vh;*/object-fit: cover;
}
.c1-text p span {font-size: 14px;}
.innovative-list span{ font-size:14px; line-height:22px;}
.yuluo {
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;
}
.sdrt img{ width:30px;}
}
.w90{ width:90%; margin:0 auto; padding-top:60px; padding-bottom:60px;}
.title{ text-align:center; margin:0 auto; padding-bottom:50px;}
.title .title1{ font-size:45px;color:#000; text-transform:capitalize}
.title .title2{ font-size:17px; padding-top:10px;}
/*客户反馈*/
.w90 .hzkh { width:100%; overflow:hidden;}
.hzkh ul .flex{justify-content:left}
.hzkh ul li{ border-top-right-radius: 40px; border-bottom-left-radius: 40px;width:100%; background:#fafafa;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; }
.hzkh ul li:hover{transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
.hzkh_bj{ padding:30px 22px;}
.hzkh_miao{ font-size:15.5px; line-height:25px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden; height:150px;}
.hzkh_pic{ width:80px; height:80px; border-radius:50px; overflow:hidden;}
.hzkh_gw{margin-top:25px;color:#333;font-weight:bold; font-size:15px;}
.hzkh_dz{ margin-top:15px;}
.hzkh_xm{ margin-left:10px; margin-top:5px;}
.hzkh_xm h3{ font-size:17px; color:#50a31c; font-weight:bold; margin-top:5px;}
.hzkh_xm h2{ font-size:14px; font-weight:normal}
/*首页公司简介*/
.abbg{ background:url(../image/bg1.jpg) no-repeat center fixed;}
.index_about .abtxt{ width:50%;}
.index_about .abtxt .hy{ line-height:30px;}
.index_about .abtxt .hy span{
width: 70px;
height: 1px;
background: #666;
margin-right: 10px; margin-top:15px;}
.index_about .abtxt .ab1{ font-size:40px; color:#333; padding-top:10px; padding-bottom:10px;}
/*.index_about .abtxt .ab2{ color:#50a31c; font-size:25px;}*/
.index_about .abtxt .abnr{ line-height:30px; margin-top:30px; margin-bottom:30px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:7 ;
-webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis;}
.index_about .abtxt .abnr p{ margin-bottom:10px;}
.index_about .abtxt .abmore{ width:150px;transition: all 0.8s;text-align:center; border:1px solid #ddd;line-height:45px; }
.index_about .abtxt .abmore a{ display:block}
.index_about .abtxt .abmore:hover { background:#50a31c; border:1px solid #50a31c; width:200px;}
.index_about .abtxt .abmore:hover a{ color:#fff;}
.index_about .abtu{width:45%; overflow:hidden;}
.xuanchuan ul{ margin-top:60px;}
.xuanchuan ul li:nth-child(2){ margin-left:30px; margin-right:30px;}
.xuanchuan ul li:nth-child(3){margin-right:30px;}
.xuanchuan ul li{ text-align:center; margin:0 auto; width:100%;/*box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding:40px;*/}
.xuanchuan ul li .itu{ width:100px; height:100px; border-radius:50px; border:1px dashed #50a31c;display: flex; justify-content: space-between; align-items: center; margin:0 auto; margin-bottom:10px;transition: transform 0.5s; }
.xuanchuan ul li:hover .itu {transform: rotateY(180deg); /* 鼠标悬停时，图片沿Y轴旋转180度 */}
.xuanchuan ul li .itu img{ height:50px;margin:0 auto; }
.xuanchuan ul li .xab1 { font-size:20px;}
.xuanchuan ul li .xuan{ margin-top:5px; font-size:17px;}
/*焦点图*/
.focus{ position:relative; width:100%; height:429px; }
.focus img{ width:100%; height:429px;}
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#0067ac;}
.focus .fPic{ position:absolute; left:0px; top:0px; width:100% }
.focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%;/* display:none; background:#000 */ }
.focus .fcon img{ display:block; width:100%}
.focus .fbg{bottom:20px;/* right:20px;*/ position:absolute; height:21px; text-align:center; z-index: 200; width:50%; margin:0 auto; left:25%; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; display:inline-block}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; border-radius:50px; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#50a31c;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(/Html/images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;}
.focus .prev:hover{ background-position:0 0; }
.focus .next:hover{ background-position:-40px 0;}
/*优势*/
.init-4 { background:url(../image/ysbg.jpg) no-repeat center fixed;
background-size: auto;
/* background-size: cover;*/padding:80px;
}
.ui.container {
width: 1250px;padding: 0 15px;
position: relative; margin:0 auto;
}
.init-4 .left {
width: 57%; float:left;
vertical-align: middle;
text-align: right;
padding-right: 3%;
}
.grid-box .column {
display: inline-block;
font-size: 12px;
vertical-align: top;
letter-spacing: 0;
}
.init-4 .left .box2 {
max-width: 470px;
padding: 30px;
background: #fff;
margin-left: auto;
text-align: left;
border-radius: 5px;
}
.init-4 span.tag {
font-size: 15px;
color: #52a41f;
display: block;
line-height: 2;
}
.init-4 .left .box2 span.tag {
font-weight: 700;
line-height: 2;
}
.init-4 .left .box2 h6 {
font-weight: 700;
font-size: 22px; color:#000;
line-height: 1.5;
margin: 1em 0;
}
a.more { cursor:pointer;
line-height: 40px;
height: 40px; font-size:14px;
padding: 0 25px;
color: #fff; background:#52a41f;
border-radius: 25px;
display: inline-block;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.init-4 .right {
width: 43%; float:right;
vertical-align: middle;
color: #fff;display: inline-block;
font-size: 12px;
}
.init-4 .right ul li {
margin-bottom: 10px;
}
.init-4 .right ul li {
padding-left: 35px;
position: relative;
margin-bottom: 20px;
}
.init-4 .right ul li i {
position: absolute;
left: 0;
top: 0;
}
.init-4 .right ul li h6 {
font-size: 18px;
}
.init-4 .right ul li h6 {
font-size: 20px;
line-height: 1.2;
}
.init-4 .right ul li .text {
margin-top: .2em; color:#fafafa;
line-height:20px; font-size:14px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 40px;
line-height: 20px;
}
/*底部*/
.foot{ background:#1a1a1a; color:#fff;}
.foot a{ color:#fff;}
.foot .w90{ border-bottom:1px solid rgba(255,255,255,0.1)}
.foot ul li:nth-child(1){ width:32%; }
.foot ul li:nth-child(1) .tutxt{ width:90%}
.foot ul li { align-items: center;}
.foot ul li .tubiao{ width:60px; height:60px; border:1px solid #fff; line-height:60px; text-align:center; }
.foot ul li .tubiao i{font-size:30px;}
.foot ul li .tutxt{ padding-left:20px; font-size:15px; line-height:24px;}
.banquan{ padding-top:30px; padding-bottom:30px; font-size:15px;}
a.zzb07link{text-decoration:none;color: #999;}
a.zzb07link:hover {text-decoration: underline;color: #999;}
.zzb07tail{color:#999;}
/*右侧悬浮*/
#go_top {position: fixed;right:0px; bottom: 60px;z-index:99;width:60px; height:350px; }
#go_top a.t1 {background:#50a31c url(../image/top1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius: 2px;}
#go_top a.t1:hover {background:#50a31c url(../image/top1.png) no-repeat center;}
#go_top a.t2 {background:#50a31c url(/Html/images/ft1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius: 2px;}
#go_top a.t2:hover {background:#50a31c url(/Html/images/ft1.png) no-repeat center;}
.right-btn-group {width:60px;height:190px; margin:5px 0;}
.right-btn-group .show-tel,.right-btn-group .show-qq,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;}
.right-btn-group .show-tel a:hover span,.right-btn-group .show-qq a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span, .right-btn-group .to-top2 a:hover span {display: block}
.right-btn-group .to-top {width: 60px;height: 60px;}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(../image/tel.png) no-repeat center;}
.right-btn-group .to-top a:hover {background: #50a31c url(../image/tel.png) no-repeat center}
.right-btn-group .to-top span {display: none;position: absolute;width: 190px;height:60px;top:5px;left: -190px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .to-top2 {width: 60px;height: 60px;margin-top: 5px}
.right-btn-group .to-top2 a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(../image/mail.png) no-repeat center;}
.right-btn-group .to-top2 a:hover {background: #50a31c url(../image/mail.png) no-repeat center}
.right-btn-group .to-top2 span {display: none;position: absolute;width: 280px;height:60px;top:70px;left: -280px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top2 span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .to-top3 {width: 60px;height: 60px;margin-top:5px;}
.right-btn-group .to-top3 a {border-radius: 2px;display: block;width: 60px;height: 60px;background:rgba(134,134,134,0.7) url(/Html/images/order.png) no-repeat center;}
.right-btn-group .to-top3 a:hover {background: #50a31c url(/Html/images/order.png) no-repeat center}
.right-btn-group .to-top3 span {display: none;position: absolute;width: 190px;height:60px;top:130px;left: -190px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:60px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top3 span:after {content: ' ';top:25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .show-ew {width: 60px;height: 60px;margin-bottom:5px;margin-top:5px;}
.right-btn-group .show-ew img { width:140px; display:block;}
.right-btn-group .show-ew a {border-radius: 2px;display: block;width: 60px;height: 60px;background: rgba(134,134,134,0.7) url(../image/c2-1.png) no-repeat center;}
.right-btn-group .show-ew a:hover {background: #50a31c url(../image/c2-1.png) no-repeat center}
.right-btn-group .show-ew span {display: none;position: absolute;width: 150px;height:175px;top:130px;left: -160px;z-index: 5;color: #fff;background-color: #fff; padding:5px; text-align:center; color:#686868; line-height:20px; font-size:14px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .show-ew span:after {content: ' ';top: 25px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.mbfor {display: none;}
/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#555; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
/*内页*/
.ny_banner{height:420px;background-size: cover;position: relative;top: 0;z-index: 10;}
.ny_banner .ny_tab{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);width: 91.67vw;display: flex;transition:all 0.5s;}
.ny_banner .ny_tab.on{position: fixed;top: 84px;width: 100%;height:calc(48px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.04);}
.ny_banner .ny_tab li{width: 100%;text-align: center;padding: 1.2vw 0;line-height: 28px;font-size: 16px;position: relative;transition:all 0.5s;}
.ny_banner .ny_tab.on li{padding:1vw 0; line-height:48px;}
.ny_banner .ny_tab li::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
.ny_banner .ny_tab li:last-child::before{display: none;}
.ny_banner .ny_tab li:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background-color: #0067ac;transition: all 0.5s;}
.ny_banner .ny_tab li.on:after{width: 70.7%;}
.ny_banner .ny_tab li:hover:after{width: 70.7%;}
.ny_banner .ny_tab li a{color: #333333;font-size:16px;}
.ny_banner .ny_tab li.on a{color: #0067ac; font-size:16px;}
.ny_banner .ny_tab li:hover a{color: #0067ac;}
.titlea{line-height:100px; position: relative; margin-bottom: 40px; border-bottom:1px solid #e6e6e6; text-align:center }
.titlea .f36{ color:#000; font-size:40px; text-align:center; margin:0 auto; }
.titlea span{}
.titlea::after{ position: absolute; left: 50%; margin-left:-8px; bottom:-8px; display: block; content:''; height: 15px; width: 15px; background: #fff; border:3px solid #0067ac; border-radius: 50%; }
.nymain::after, .uk-container::before {
content: "";
display: table;
}
.nymain{ width:1300px; margin:0 auto;padding-top:50px; padding-bottom:60px;}
.neirong{ margin-top:50px; line-height:30px;}
.nybanner{ margin-top:100px;}
.nyabout{ background:url(/Html/images/nyabout.jpg) no-repeat center; height:420px;}
.nycon{ background:url(/Html/images/nycon.jpg) no-repeat center; height:420px;}
.nypro{ background:url(/Html/images/nypro.jpg) no-repeat center; height:420px;}
.nynews{ background:url(/Html/images/nynews.jpg) no-repeat center; height:420px;}
.nyquality{ background:url(/Html/images/nyquality.jpg) no-repeat center; height:420px;}
.nywh{ background:url(/Html/images/nywh.jpg) no-repeat center; height:420px;}
.nyjob{ background:url(/Html/images/nyjob.jpg) no-repeat center; height:420px;}
.ctxBtn {width:44px;height:44px;border-radius:50%;border:1px solid rgb(193,207,228);position:absolute;top:50%;z-index:2;background:#0088d1 no-repeat center center;background-size:34.782% auto;cursor:pointer;}
.ctxBtn.prev {left:0px;background-image:url(/Html/images/icon_08.png);}
.ctxBtn.next {right:0px;background-image:url(/Html/images/icon_09.png);}
.ctxBtn canvas {position:absolute;left:0;top:0;width:100%;height:100%;}
.ctxBtn.np{left:-5%}
.ctxBtn.nt{right:-5%}
/*内页公司简介*/
.neirong .abtu{ width:50%;overflow:hidden}
/*.index_about .abtu img{transition: all 0.8s; width:100%;}
.index_about .abtu:hover img{transform: scale(1.1);}*/
.neirong .abtxt{ width:45%}
.neirong .abtxt .abnr p{ margin-bottom:10px;}
.neirong .abtxt .abnr{ line-height:30px; margin-bottom:27px; }
.neirong .abtxt .ab1{ font-size:40px; text-transform:uppercase; color:#0067ac;}
.neirong .abtxt .ab2{ font-size:20px; color:#333; /*font-weight:bold;*/ margin-top:10px; margin-bottom:30px;}
/*内页企业文化*/
.culture_z{ width:50%; overflow:hidden}
.culture_z img{max-width:100%;max-height:100%; transition: all 0.8s;}
.culture_z:hover img{ transform: scale(1.1);}
.culture_y{ width:40%; background:#fafafa; font-size:18px; line-height:45px; padding:5%;}
/*厂房设备*/
.shebei ul li{ width:23%; margin-left:1%; margin-right:1%; float:left; margin-bottom:20px;}
.fac_tu{ width:100%; height:250px; display: flex;justify-content: center;align-items: center; overflow:hidden; border-radius:8px;}
.fac_tu img{width:100%;height:250px; transition: all 0.8s;object-fit: cover;}
.shebei ul li:hover img{transform: scale(1.1); opacity:0.8}
.shebei ul li p { text-align:center; padding-top:10px;font-size: 16px; font-weight:normal;}
/*董事长致辞*/
.speech{ background:#fafafa; font-size:18px; text-align:center; line-height:35px; padding:50px; margin-bottom:100px;}
/*内页联系我们*/
.liantxt{ font-size:18px; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px;}
.lianxi{ width:45%}
.ditu{ width:50%}
/*内页产品*/
.cp_list table tr:nth-child(1) { background:#eeeeee; color:#333; font-size:18px !important; text-align:center; font-weight:700 ;}
.cp_list table tr:nth-child(1) td {color:#333 !important;}
.cp_list table { width:100%; line-height:45px; font-size:15px;border-top:1px solid #eeeeee;border-right:1px solid #eeeeee;}
.cp_list table tr td { text-align:left; padding:10px 20px; font-size:15px; line-height:25px;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee; color:#333; }
.cp_list table tr td a {font-size:15px; color:#333;}
.cp_list table tr td img { max-height:45px;}
.cp_list table tr:hover { background:#c7dcf5;}
.cp_list table tr:nth-child(1):hover { background:#eeeeee;}
/*返回*/
.fanhui{ border-top:5px solid #f2f2f2; margin-top:50px;}
.fanhui ul { padding-top:30px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.fanhui ul li{ line-height:30px;width:33%;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:right}
.fanhui ul li:nth-child(2){ text-transform:capitalize; text-align:center; }
.fanhui ul li:nth-child(2) a{text-transform:capitalize; margin:0 auto; color:#fff;background:#009ce5;height:40px; line-height:40px; width:150px; text-align:center; display:block}
.proxx tr td{ padding:10px 20px;}
.proxx tr:nth-child(odd) {background:#eee; }
.proxx tr:nth-child(even){background:#fff; }
/*新闻中心*/
.news_in ul li:nth-child(2n){ float:right}
.news_in ul li{ width:43%; margin-bottom:25px; padding:3%; background:#fff; border-radius:8px;box-shadow: 0px 5px 10px 5px rgba(0,0,0,.1);}
.xw_kuang1{ width:15%; float:left;}
.xw_kuang1 .xw_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.xw_kuang1 .xw_p2{ font-size:17px; color:#000; text-align:center; margin-top:5px;}
.news_in .xw_line{ width:1px; height:36px; background-color:#e5e5e5; margin-top:15px;}
.news_in .xw_p3{ transition: 0.3s ease-in-out;font-size:18px; color:#333; margin-left:0px; margin-top:20px; width:80%; text-align:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
/*.news_in .xw_p3::before {
content: '';
display: inline-block;
width: 0;
height: 1px;
background: #282828;
vertical-align: middle;
transition: 0.3s ease-in-out;
}*/
.xw_kuang2{ margin-top:7px; width:154px; border:1px solid #ccc; border-radius:37px; display:none; }
.xw_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}
.news_in ul li:hover{ background:linear-gradient(to right,#0196d5,#006cb7);
transition:all .3s linear;
-o-transition:all .3s linear;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;}
.news_in ul li:hover .xw_kuang1 .xw_p1{ color:#fff;}
.news_in ul li:hover .xw_kuang1 .xw_p2{ color:#fff;}
.news_in ul li:hover .xw_p3{ color:#fff; padding-left:10px;transition: 0.3s ease-out;}
.news_in ul li:hover .xw_kuang2{border:1px solid #fff;}
.news_in ul li:hover .xw_kuang2 p{ color:#fff;}
.xwbt{ text-align:center; margin:0 auto;}
.xwbt h2{ color:#333; font-size:25px; font-weight:normal;}
.xwbt h3{ font-weight:normal; margin-top:15px; font-size:15px; color:#555;}
.neirong_bk{
margin-top: 50px;
line-height: 30px;
padding: 50px;
background: #fff;
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
/*质量保证*/
.quality { text-align:center; margin:0 auto;}
.quality img{ text-align:center; max-width:100%!important; height:auto!important;}
/*危化须知*/
.whxz p{ margin-bottom:15px;}
/* 招聘 page */
.recruitpage .innerbanner {
min-height: 378px;
background-image: url(/wp-content/themes/overland/assets/images/case-banner.jpg);
background-repeat: no-repeat;
position: relative;
background-attachment: fixed;
}
.recruitpage .item_brand {
background-color: white;
margin-top: 50px;
}
.recruitpage .rec_detail {
margin: 0 -15px;
}
.rec_one { cursor:pointer;
/* margin-bottom: 50px; */
}
.rec_one:nth-child(odd) {
background-color: #f6f6f6;
}
.rec_name_all {
padding: 40px;
overflow: hidden;
display: flex;
}
.rec_top {
width: 85%;
float: left;
/* border-right: 1px solid gray; */
}
.rec_name {
font-size: 30px; font-weight:normal;
line-height: 30px;
color: #393939;
margin-bottom: 10px;
}
.rec_number {
overflow: hidden;
padding: 10px 0;
}
.rec_number li:first-child {
padding-left: 0;
}
.rec_number li:last-child {
border: none;
}
.rec_number li {
float: left;
padding: 0 20px;
font-size: 14px;
line-height: 16px;
color: #94979a;
border-right: 1px solid gray;
}
.show_jia {
display: flex;
align-items: center;
position: relative;
float: left;
left: 10%;
color: #777777;
font-size: 40px;
}
.rec_word {
margin-bottom: 64px;
font-size: 18px;
color: #242424;
margin: 10px 20px 10px;
}
/* .rec_miaoshu_ul {
margin: 0 20px;
font-size: 16px;
line-height: 30px;
color: #666666;
} */
.rec_miaoshu_ul {
padding-left: 20px;
margin: 20px 0;
}
.rec_miaoshu_ul li {
font-size: 14px;
line-height: 18px;
color: #94979a;
}
.rec_one_detail {
display: none;
padding: 0px 20px 20px;
}
/* .rec_one:first-of-type .rec_one_detail {
display: block;
} */
.rec_email {
display: inline-block;
padding: 10px 20px;
background-color: #242424;
color: white;
margin: 20px 0;
}
.rec_single_email {
overflow: hidden;
font-size: 18px;
color: #94979a;
margin-left: 20px;
}
.rec_phone {
overflow: hidden;
font-size: 18px;
color: #94979a;
margin: 50px 40px;
}
.ny_sou{ padding:50px; background:#f2f2f2}
.ny_sou_z{ width:80%; background:#fff;}
.ny_sou_z input{ background:#fff;border:0px;height:50px; line-height:50px; padding-left:15px; width:98%; border:0px; font-size:15px; color:#555; outline:none;}
/*悬浮链接*/
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-left:659px; bottom:10px; padding-bottom:63px; background:url(/Html/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:52px; height:53px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/Html/images/r_qq.png) 0px 0px no-repeat; background-color:#024897;background-size: auto 52px;}
.izl-rmenu .btn-qq:hover{background-color:#024897;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/Html/images/r_qq.png) 0px 0px no-repeat; background-color:#024897; text-decoration:none; display:block;background-size: auto 52px;}
.izl-rmenu .btn-wx{background:url(/Html/images/r_wx.png) 0px 0px no-repeat; background-color:#024897;background-size: auto 52px;}
.izl-rmenu .btn-wx:hover{background-color:#024897;}
.izl-rmenu .btn-wx .pic{background-color:#024897; position:absolute; width:250px; left:-250px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-phone{background:url(/Html/images/r_phone.png) 0px 0px no-repeat; background-color:#024897;background-size: auto 52px;}
.izl-rmenu .btn-phone:hover{background-color:#024897;}
.izl-rmenu .btn-phone .phone{background-color:#024897; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/Html/images/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;background-size: auto 52px;}
.izl-rmenu .btn-top:hover{background-color:#444;}
@media screen and (max-width: 640px) {
.gaodu{ height:auto;}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}
/*首页公司简介*/
.index_about .abtxt{ width:100%}
.index_about .abtxt .abnr p{ margin-bottom:10px;}
.index_about .abtxt .abnr{ line-height:27px; }
.index_about .abtxt .ab1{ font-size:30px;}
.index_about .abtxt .ab2{ font-size:18px;}
.abmore{line-height:35px;}
.abmore ul li a{ font-size:14.5px;}
.index_about .abtu {width: 100%;}
/*焦点图*/
.focus{height:300px; margin-top:30px; }
.focus img{height:300px;}
/*首页产品*/
.ptitle .p1{font-size:30px;}
.ptitle .p2{font-size:15px;line-height:27px;width:100%;}
.search {width:100%; height:44px;}
.search1 {line-height:40px;font-size:15px; }
.searchimg1 {height:40px;}
.ccp_list ul li{width: 48%;font-size: 15px;}
.tabmenu {height:auto; }
.tabmenu ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tabmenu ul li:nth-child(1){border-left: 0px solid #eee;}
.tabmenu li h2{font-size:16px;}
.tabmenu li {width: 33%;display: block; border-right: 0px solid #eee;}
.tabmenu .cli { width:33%;transform:scale(1.0);}
.tabmenu li img{ height:50px;}
.tabmenu ul li:hover img { margin-top:0px; transform:scale(1.0,1.0); opacity:.8;}
.tabmenu ul li:nth-child(1){ margin-bottom:20px;}
.tabmenu ul li:nth-child(2){ margin-bottom:20px;}
.tabmenu ul li:nth-child(3){ margin-bottom:20px;}
#tabcontent .wd1300{ width:95%;}
#tabcontent ul .proname { font-size: 25px;}
#tabcontent ul li{width: 48%;}
/*公共样式*/
.flex{display: block; }
.wd1300{width:95%;padding-top:40px; padding-bottom:40px;}
.title{ padding-bottom:40px;}
.title1{ font-size:32px;}
.title2{ font-size:15px;width:95%; }
.index_news ul{ margin-top:10px;}
.index_news ul li{ width:100%; margin-left:0%; margin-right:0%;}
.index_news ul li:nth-child(2n){ margin-top:20px; margin-bottom:20px;}
.index_news ul li .news_tupian{ height:200px;}
.index_news ul li .news_tupian img{height:200px; }
.index_news ul li .news_biaoti{font-size:18px;}
/*文字效果*/
.hezuo{ font-size:25px;}
.letter-wrap {font-size:15px; line-height:35px; letter-spacing:2px;}
.container h3 span { font-size:20px;line-height: 35px;letter-spacing: 5px !important;}
/*底部*/
.foot .wd1300{ padding-top:40px; padding-bottom:38px;font-size:16px;}
.fmenu ul { width:100%; display: flex;
flex-wrap: wrap;justify-content: space-between;}
.fmenu ul li{display: block; width:33%; line-height:30px;}
.fmenu ul li:nth-child(3n){ text-align:right}
.fmenu ul li:nth-child(2){ text-align:center}
.fmenu ul li:nth-child(5){ text-align:center}
.fmenu ul li a{ font-size:15px; color:#fff; }
.foot .foota{ padding-top:40px; padding-bottom:10px; color:#fff; font-size:15px;margin-top:30px; border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1); }
.foot .flian ul li:nth-child(2n){ float:left}
.foot .flian ul li{ width:100%; float:left;display: flex; align-items: center; margin-bottom:20px; }
.foot .flian ul li .ictxt{ margin-left:15px;}
.foot .flian ul li .ictu{width: 44px;height: 44px;min-width: 44px;}
.foot .flian ul li .ico_add {background-size: auto 17px;}
.foot .flian ul li .ico_tel {background-size: auto 17px;}
.foot .flian ul li .ico_email{background-size: auto 17px;}
.foot .flian ul li .ico_url {background-size: auto 17px;}
.ewm{ display:none;}
.banquan{ line-height:27px;}
}
.f_shuoming { width:100% !important; margin:0px auto; display:flex; justify-content: left; color:#fff; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); height:50px; padding-bottom:10px;}
.f_shuomingz .wd1300 { width:90%; margin:0px auto;}
.f_shuoming1 { width:12%; line-height:30px; font-weight:700; font-size:16px; }
.f_shuoming2 { width:80%; line-height:30px; height:30px; overflow:hidden; font-size:16px; }
.f_shuomingz { width:100%; padding:10px 0px; border-bottom:0px solid rgba(255,255,255,.5); border-top:0px solid #e4e4e4; margin-top:0px; background:#1a1a1a; padding-top:50px;
/* background: url(../images/bg0.jpg) no-repeat center top #1a1a1a;*/
/*background-image: linear-gradient(to right, #b78686,#e4e4e4);*/
}
.f_shuomingz .wd1300 { padding:0px !important;}
.f_shuoming3 { width:8%; text-align:; background:#fff; line-height:28px; height:28px; border-radius:0px; color:#05a045; text-align:center; font-size:14px; transition:all .4s;}
.f_shuoming3:hover { transform:scale(.95,.95); color:#75bee3;}
.f_shuoming3 a {color:#75bee3;}
.f_shuoming3:hover a {color:#75bee3;}