@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.2; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:#fff; position:relative; z-index:99;}
.header .head{ width:1200px; margin:auto; height:120px; display:flex; align-items:center;}
.header .head .logo{ height:120px; width:1230px;}
.header .head .logo img{ display:block; height:120px; width:1100px;}
.header .head .logo img.img02{ display:none;}
.header .head .gg{ flex:1; padding:0 60px}
.header .head .gg b{ display:block; font-size:26px; line-height:30px; height:38px; overflow:hidden;}
.header .head .gg p{ display:block; font-size:10px; line-height:24px; height:24px; overflow:hidden; color:#666;}
.header .head .tel{ display:flex; align-items:center;}
.header .head .tel strong{ width:75px; display:block;}
.header .head .tel strong img{ width:80%; display:block;}
.header .head .tel p{ display:block; margin-left:0px;}
.header .head .tel p span{ display:block; font-size:14px; line-height:24px; color:#666;}
.header .head .tel p b{ display:block; font-size:22px; line-height:30px; color:#0e6deb;}
.header .nav{ width:100%; background-color:#0e6deb;}
.header .nav>ul{ width:1200px; display:block; margin:auto; display:flex;}
.header .nav>ul>li{ display:block; width:10%; position:relative;}
.header .nav>ul>li:nth-child(3),.header .nav>ul>li:nth-child(4){ width:20%;}
.header .nav>ul>li>a{ display:block; text-align:center; width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; overflow:hidden;}
.header .nav>ul>li.on,.header .nav>ul>li:hover{ background-color:#1a75ff;}
.header .nav>ul>li>ul{ position:absolute; left:0; top:100%; background-color:#0e6deb; display:none;}
.header .nav>ul>li>ul li{ display:block; width:260px; font-size:14px; position:relative;}
.header .nav>ul>li:nth-child(4)>ul>li{ width:470px;}
.header .nav>ul>li>ul li a{ display:block; padding:0 20px; font-size:14px; line-height:40px; color:#fff; overflow:hidden;}
.header .nav>ul>li>ul li a:hover{ background-color:#1a75ff;}
.header .nav>ul>li>ul ul{ position:absolute; left:100%; top:0; display:none; background-color:#0e6deb;}
.header .nav li:hover>ul{ display:block;}
.header .nav>ul>li:nth-child(5) ul{ left:50%; transform:translateX(-50%);}
.header .nav>ul>li:nth-child(5):hover ul{ display:flex; padding:0 10px;}
.header .nav>ul>li:nth-child(5) ul li{ width:200px; display:block; margin:15px 5px; margin-bottom:10px;}
.header .nav>ul>li:nth-child(5) ul li a{ padding:0; background-color:#0e6deb !important;}
.header .nav>ul>li:nth-child(5) ul li a strong{ display:block; width:200px; height:150px; overflow:hidden;}
.header .nav>ul>li:nth-child(5) ul li a strong img{ display:block; width:200px; height:150px; object-fit:cover;}
.header .nav>ul>li:nth-child(5) ul li a span{ line-height:24px; display:block; font-size:14px; color:#fff; margin-top:6px; text-align:center;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; background-color:#fff; position:relative; z-index:99;}
.header .head{ width:94%; margin:auto; height:60px; display:flex; align-items:center;}
.header .head .logo{ height:60px;}
.header .head .logo img{ display:block; height:70px;}
.header .head .logo img.img01{ display:none;}
.header .head .gg{ flex:1; padding:0 2.6vw}
.header .head .gg b{ display:block; font-size:26px; line-height:28px; height:28px; overflow:hidden;}
.header .head .gg p{ display:block; font-size:13px; line-height:23px; height:23px; overflow:hidden; color:#666;}
.header .head .tel{ display:flex; align-items:center;}
.header .head .tel strong{ width:40px; display:block;}
.header .head .tel strong img{ width:100%; display:block;}
.header .head .tel p{ display:block; margin-left:10px;}
.header .head .tel p span{ display:block; font-size:13px; line-height:23px; color:#666;}
.header .head .tel p b{ display:block; font-size:24px; line-height:28px; color:#0e6deb; margin-top:-3px;}
.header .nav{ width:100%; background-color:#0e6deb;}
.header .nav>ul{ width:94%; display:block; margin:auto; display:flex;}
.header .nav>ul>li{ display:block; width:10%; position:relative;}
.header .nav>ul>li:nth-child(3),.header .nav>ul>li:nth-child(4){ width:20%;}
.header .nav>ul>li>a{ display:block; text-align:center; width:100%; height:46px; line-height:46px; font-size:15px; color:#fff; overflow:hidden;}
.header .nav>ul>li.on,.header .nav>ul>li:hover{ background-color:#1a75ff;}
.header .nav>ul>li>ul{ position:absolute; left:0; top:100%; background-color:#0e6deb; display:none;}
.header .nav>ul>li>ul li{ display:block; width:260px; font-size:14px; position:relative;}
.header .nav>ul>li:nth-child(4)>ul>li{ width:470px;}
.header .nav>ul>li>ul li a{ display:block; padding:0 20px; font-size:14px; line-height:40px; color:#fff; overflow:hidden;}
.header .nav>ul>li>ul li a:hover{ background-color:#1a75ff;}
.header .nav>ul>li>ul ul{ position:absolute; left:100%; top:0; display:none; background-color:#0e6deb;}
.header .nav li:hover>ul{ display:block;}
.header .nav>ul>li:nth-child(5) ul{ left:50%; transform:translateX(-50%);}
.header .nav>ul>li:nth-child(5):hover ul{ display:flex; padding:0 10px;}
.header .nav>ul>li:nth-child(5) ul li{ width:160px; display:block; margin:20px 10px; margin-bottom:15px;}
.header .nav>ul>li:nth-child(5) ul li a{ padding:0; background-color:#0e6deb !important;}
.header .nav>ul>li:nth-child(5) ul li a strong{ display:block; width:160px; height:120px; overflow:hidden;}
.header .nav>ul>li:nth-child(5) ul li a strong img{ display:block; width:160px; height:120px; object-fit:cover;}
.header .nav>ul>li:nth-child(5) ul li a span{ line-height:24px; display:block; font-size:14px; color:#fff; margin-top:6px; text-align:center;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; background-color:#fff; height:60px; position：relative； z-index:99;}
.header .head{ width:100%; margin:auto;}
.header .head .logo{ float:left; height:50px; padding:5px 3%;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img01{ display:none;}
.header .head .gg,.header .head .tel{ display:none;}
.header .hamburger{ height:30px; width:24px; padding:15px 18px; background-color:#0e6deb; float:none; position:fixed; bottom:80px; right:0px; top:60px; z-index:999;}
.header .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#fff; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .nav{ background-color:#fff; display:block; opacity:0; position:fixed; right:0px; bottom:80px; overflow-y:scroll; width:280px; height:auto; max-height:calc(100vh-120px); visibility:hidden; top:auto; left:auto; transition:opacity 0.3s,visibility 0.3s; ease-out 0s, opacity 0.3s linear 0s; z-index:998; padding:30px 3%; box-sizing:border-box; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0,15); border-top:1px solid #eee;}
.header .nav.open-menu{ opacity:1; visibility:visible; left:auto; transition:left 0.3s ease-out 0s;}
.header .nav>ul>li{ width:100%; display:block; overflow:hidden; border-top:1px solid #ddd; position:relative;}
.header .nav>ul>li:first-child{ border-top:none;}
.header .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px;}
.header .nav>ul>li>b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .nav>ul>li>b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .nav>ul>li.active>b::after{ transform:rotateZ(135deg);}
.header .nav>ul>li.active>a{ color:#0e6deb;}
.header .nav>ul>li ul{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; padding-right:0; margin-top:-20px;}
.header .nav>ul>li>ul>li{ width:100%; display:block; overflow:hidden; position:relative;}
.header .nav>ul>li>ul>li ul{ padding-bottom:0; margin-top:-10px;}
.header .nav>ul>li ul a{ display:block; font-size:14px; line-height:30px; height:30px; color:#666; overflow:hidden;}
.header .nav>ul>li ul a:hover{ color:#0e6deb;}
.header .nav>ul>li>ul>li:first-child b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:30px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .nav>ul>li>ul>li:first-child b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .nav>ul>li>ul li.active>b::after{ transform:rotateZ(135deg);}
.header .nav>ul>li>ul li.active>a{ color:#0e6deb;}
.header .nav>ul>li>ul>li img{ display:none;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:580px; position:relative; z-index:1;}
.banner .pc{ width:1920px; height:580px; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .shutter{ width:1920px; height:580px; position:relative; overflow:hidden;}
.banner .shutter-img{ z-index:1;}
.banner .shutter-img,.banner .shutter-img a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .shutter-img a{ cursor:default;}
.banner .shutter-img a > img{ width:100%; height:100%;}
.banner .shutter-img .created{ overflow:hidden; position:absolute; z-index:20;}
.banner .shutter-btn li{ position:absolute; z-index:2; top:50%; width:32px; height:32px; margin-top:-16px; cursor:pointer;}
.banner .shutter-btn li.prev{ left:25px; background-image:url(../images/left_arrow.png); background-size:32px 32px;}
.banner .shutter-btn li.next{ right:25px; background-image:url(../images/right_arrow.png); background-size:32px 32px;}
.banner .shutter-desc{ display:none;}
.banner .mobile{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .pc{ display:none;}
.banner .mobile{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:3;}
.banner .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3; display:none;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0e6deb;}
.banner .swiper-button-white{ width:32px; height:32px; position:absolute; z-index:3; top:50%; margin-top:-16px; cursor:pointer;}
.banner .swiper-button-white img{ width:100%; height:100%; display:block;}
.banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .pc{ display:none;}
.banner .mobile{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:3;}
.banner .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3; display:none;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0e6deb;}
.banner .swiper-button-white{ display:none;}
}

/*搜索*/
@media screen and (min-width:1280px){
.ss{ width:100%; background-color:#f2f2f2;}
.ss .box{ width:1200px; margin:auto; height:50px;}
.ss .box .right{ width:370px; float:right; height:34px; margin:8px 0;}
.ss .box .right p{ width:calc(100% - 72px); border:2px solid #0e6deb; border-right:none; height:30px; display:block; float:left; overflow:hidden;}
.ss .box .right p input{ width:100%; padding:0 10px; font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; box-sizing:border-box;}
.ss .box .right a{ width:70px; height:34px; display:block; background-color:#0e6deb; float:left;}
.ss .box .right a input{ width:100%; text-align:center; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#0e6deb; cursor:pointer; display:block; overflow:hidden;}
.ss .box .left{ width:calc(100% - 400px); float:left; height:50px; font-size:14px; line-height:50px; color:#434343; text-overflow:ellipsis; white-space:nowrap;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ss{ width:100%; background-color:#f2f2f2;}
.ss .box{ width:94%; margin:auto; height:46px;}
.ss .box .right{ width:300px; float:right; height:34px; margin:6px 0;}
.ss .box .right p{ width:calc(100% - 72px); border:2px solid #0e6deb; border-right:none; height:30px; display:block; float:left; overflow:hidden;}
.ss .box .right p input{ width:100%; padding:0 10px; font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; box-sizing:border-box;}
.ss .box .right a{ width:70px; height:34px; display:block; background-color:#0e6deb; float:left;}
.ss .box .right a input{ width:100%; text-align:center; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#0e6deb; cursor:pointer; display:block; overflow:hidden;}
.ss .box .left{ width:calc(97% - 300px); float:left; height:46px; font-size:14px; line-height:46px; color:#434343; text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and (max-width:1023px){
.ss{ width:100%; background-color:#f2f2f2;}
.ss .box{ width:94%; padding:10px 3%; padding-top:15px;}
.ss .box .right{ width:100%; float:right; height:34px;}
.ss .box .right p{ width:calc(100% - 72px); border:2px solid #0e6deb; border-right:none; height:30px; display:block; float:left; overflow:hidden;}
.ss .box .right p input{ width:100%; padding:0 10px; font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; box-sizing:border-box;}
.ss .box .right a{ width:70px; height:34px; display:block; background-color:#0e6deb; float:left;}
.ss .box .right a input{ width:100%; text-align:center; height:34px; line-height:34px; font-size:14px; color:#fff; background-color:#0e6deb; cursor:pointer; display:block; overflow:hidden;}
.ss .box .left{ width:100%; float:left; height:48px; font-size:14px; line-height:24px; color:#434343; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px;}
}

/*我们的优势*/
@media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; display:flex; align-items:center;}
.title .tl{ flex:1; height:5px; background-image:url(../images/xgray_line02.png);}
.title .tb{ padding:0 30px; font-size:25px; line-height:39px; height:39px; text-transform:capitalize; font-weight:lighter;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:94%; margin:auto; display:flex; align-items:center;}
.title .tl{ flex:1; height:4px; background-image:url(../images/xgray_line02.png);}
.title .tb{ padding:0 20px; font-size:25px; line-height:34px; height:34px; text-transform:capitalize; font-weight:lighter;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; display:flex; align-items:center;}
.title .tl{ flex:1; height:3px; background-image:url(../images/xgray_line02.png);}
.title .tb{ padding:0 10px; font-size:15px; line-height:30px; height:30px; text-transform:capitalize; font-weight:lighter;}
}
/* 新增：覆盖标题的默认大写，针对带 no-capitalize 的 .tb 元素 */
@media screen and (min-width:1280px) {
  .title .tb.no-capitalize {
    text-transform: none !important;
  }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
  .title .tb.no-capitalize {
    text-transform: none !important;
  }
}
@media only screen and (max-width:1023px) {
  .title .tb.no-capitalize {
    text-transform: none !important;
  }
}

@media screen and (min-width:1280px){
.ybox{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:1200px; margin:auto; margin-top:35px;}
.ybox .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-30px;}
.ybox .box ul li{ width:220px; padding:30px; padding-bottom:25px; box-sizing:border-box; margin-left:25px; margin-top:30px; background-color:#f2f2f2; text-align:center;}
.ybox .box ul li:nth-child(5n+1){ margin-left:0;}
.ybox .box ul li .w01{ width:100%;}
.ybox .box ul li .w01 img{ display:block; height:52px; margin:auto;}
.ybox .box ul li .w02{ width:100%; font-size:20px; line-height:28px; font-weight:bold; margin-top:15px;}
.ybox .box ul li .w03{ width:100%; font-size:14px; line-height:22px; margin-top:5px; color:#434343;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ybox{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; margin:auto; margin-top:25px;}
.ybox .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-25px;}
.ybox .box ul li{ width:18.4%; padding:25px 1%; padding-bottom:20px; box-sizing:border-box; margin-left:2%; margin-top:25px; background-color:#f2f2f2; text-align:center;}
.ybox .box ul li:nth-child(5n+1){ margin-left:0;}
.ybox .box ul li .w01{ width:100%;}
.ybox .box ul li .w01 img{ display:block; height:52px; margin:auto;}
.ybox .box ul li .w02{ width:100%; font-size:18px; line-height:26px; font-weight:bold; margin-top:10px;}
.ybox .box ul li .w03{ width:100%; font-size:14px; line-height:22px; margin-top:5px; color:#434343;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.ybox .box{ width:94%; margin:auto; margin-top:15px;}
.ybox .box ul{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.ybox .box ul li{ width:48.5%; padding:20px 3%; padding-bottom:15px; box-sizing:border-box; margin-left:3%; margin-top:15px; background-color:#f2f2f2; text-align:center;}
.ybox .box ul li:nth-child(2n+1){ margin-left:0;}
.ybox .box ul li .w01{ width:100%;}
.ybox .box ul li .w01 img{ display:block; height:52px; margin:auto;}
.ybox .box ul li .w02{ width:100%; font-size:16px; line-height:24px; font-weight:bold; margin-top:10px;}
.ybox .box ul li .w03{ width:100%; font-size:14px; line-height:22px; margin-top:5px; color:#434343;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:1200px; margin:auto; margin-top:35px;}
.pbox .box .left{ width:240px; float:left;}
.pbox .box .left .top{ width:100%; background-color:#0e6deb; padding:13px 10px; box-sizing:border-box; font-size:22px; line-height:30px; color:#fff;}
.pbox .box .left .top img{ display:block; float:right; height:30px;}
.pbox .box .left .list{ padding:10px; padding-top:0; background-color:#f2f2f2;}
.pbox .box .left .list a{ display:block; height:40px; width:100%; background-image:url(../images/fenlei_c9ol.png); background-size:100% 100%; margin-top:10px; font-size:14px; line-height:40px; padding-left:23px; padding-right:15px; box-sizing:border-box; color:#fff; overflow:hidden;}
.pbox .box .left .list a:hover{ font-weight:bold;}
.pbox .box .left .biao{ margin-top:20px; width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:22px; line-height:30px; color:#fff;}
.pbox .box .left .wen{ padding:10px; background-color:#f2f2f2; font-size:14px; line-height:24px;}
.pbox .box .right{ width:924px; float:right;}
.pbox .box .right ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.pbox .box .right ul li{ width:298px; display:block; float:left; margin-left:15px; margin-top:15px; overflow:hidden;}
.pbox .box .right ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .right ul li a{ display:block; padding:15px; padding-bottom:10px; border:1px solid #d9d9d9;}
.pbox .box .right ul li .tu{ width:100%; position:relative;}
.pbox .box .right ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.pbox .box .right ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right ul li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.pbox .box .right ul li a:hover{ border:1px solid #0e6deb;}
.pbox .box .right ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pbox .box .right ul li a:hover .wen{ color:#0e6deb;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:25px;}
.pbox .box .left{ width:240px; float:left;}
.pbox .box .left .top{ width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:20px; line-height:28px; color:#fff;}
.pbox .box .left .top img{ display:block; float:right; height:26px; margin-top:2px;}
.pbox .box .left .list{ padding:10px; padding-top:0; background-color:#f2f2f2;}
.pbox .box .left .list a{ display:block; height:38px; width:100%; background-image:url(../images/fenlei_c9ol.png); background-size:100% 100%; margin-top:10px; font-size:14px; line-height:38px; padding-left:23px; padding-right:15px; box-sizing:border-box; color:#fff; overflow:hidden;}
.pbox .box .left .list a:hover{ font-weight:bold;}
.pbox .box .left .biao{ margin-top:20px; width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:20px; line-height:28px; color:#fff;}
.pbox .box .left .wen{ padding:10px; background-color:#f2f2f2; font-size:14px; line-height:24px;}
.pbox .box .right{ width:calc(97% - 240px); float:right;}
.pbox .box .right ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.pbox .box .right ul li{ width:32%; display:block; float:left; margin-left:2%; margin-top:15px; overflow:hidden;}
.pbox .box .right ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .right ul li a{ display:block; padding:10px; padding-bottom:5px; border:1px solid #d9d9d9;}
.pbox .box .right ul li .tu{ width:100%; position:relative;}
.pbox .box .right ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.pbox .box .right ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right ul li .wen{ text-align:center; font-size:14px; line-height:30px; height:30px; font-weight:bold;}
.pbox .box .right ul li a:hover{ border:1px solid #0e6deb;}
.pbox .box .right ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pbox .box .right ul li a:hover .wen{ color:#0e6deb;}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; padding-top:15px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px;}
.pbox .box .left{ width:100%; float:left;}
.pbox .box .left .top{ width:100%; background-color:#0e6deb; padding:10px 3%; box-sizing:border-box; font-size:18px; line-height:26px; color:#fff;}
.pbox .box .left .top img{ display:block; float:right; height:26px; margin-top:2px;}
.pbox .box .left .list{ padding-bottom:10px; background-color:#f2f2f2;}
.pbox .box .left .list a{ display:block; height:34px; width:45.5%; background-image:url(../images/fenlei_c9ol.png); background-size:100% 100%; float:left; margin-left:3%; margin-top:10px; font-size:14px; line-height:34px; padding-left:20px; padding-right:15px; box-sizing:border-box; color:#fff; overflow:hidden; box-sizing:border-box;}
.pbox .box .left .list a:nth-child(2n+1){ clear:left; float:left;}
.pbox .box .left .list a:hover{ font-weight:bold;}
.pbox .box .left .biao{ display:none;}
.pbox .box .left .wen{ display:none;}
.pbox .box .right{ width:100%; padding-top:20px; float:right;}
.pbox .box .right ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.pbox .box .right ul li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.pbox .box .right ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .right ul li a{ display:block; padding:5px; padding-bottom:0; border:1px solid #d9d9d9;}
.pbox .box .right ul li .tu{ width:100%; position:relative;}
.pbox .box .right ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.pbox .box .right ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right ul li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.pbox .box .right ul li a:hover{ border:1px solid #0e6deb;}
.pbox .box .right ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pbox .box .right ul li a:hover .wen{ color:#0e6deb;}
}

@media screen and (min-width:1280px){
.xbox{ width:100%;}
.xbox .top{ width:100%; padding:75px 0; background-color:#0e6deb; text-align:center;}
.xbox .top .w01{ width:1200px; margin:auto; font-size:46px; line-height:56px; font-weight:bold; color:#fff;}
.xbox .top .w02{ width:1200px; margin:auto; font-size:20px; line-height:30px; color:#fff; margin-top:14px;}
.xbox .list{ display:block; width:1200px; margin:auto;}
.xbox .list li{ display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:50px;}
.xbox .list li:nth-child(2n){ flex-direction:row-reverse }
.xbox .list li .left{ width:575px;}
.xbox .list li .left .w01{ display:flex; align-items:center;}
.xbox .list li .left .w01 b{ width:80px; height:80px; line-height:80px; font-size:40px; background-color:#0e6deb; color:#fff; display:block; border-radius:100%; text-align:center; overflow:hidden;}
.xbox .list li .left .w01 strong{ display:block; flex:1; margin-left:20px; font-size:30px; font-weight:bold; position:relative; padding-bottom:10px; padding-top:4px;}
.xbox .list li .left .w01 strong:before{ width:100%; height:5px; display:block; content:''; background-image:url(../images/xgray_line02.png); position:absolute; left:0; bottom:0;}
.xbox .list li .left .w02{ margin-left:50px; padding-top:10px;}
.xbox .list li .left .w02 p{ display:block; margin-top:10px; font-size:16px; line-height:24px; padding-left:30px; background-image:url(../images/dd.png); background-position:left top; background-repeat:no-repeat;}
.xbox .list li .right{ width:575px;}
.xbox .list li .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.xbox .top{ width:100%; padding:55px 0; background-color:#0e6deb; text-align:center;}
.xbox .top .w01{ width:94%; margin:auto; font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.xbox .top .w02{ width:94%; margin:auto; font-size:18px; line-height:28px; color:#fff; margin-top:10px;}
.xbox .list{ display:block; width:94%; margin:auto;}
.xbox .list li{ display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:35px;}
.xbox .list li:nth-child(2n){ flex-direction:row-reverse }
.xbox .list li .left{ width:48.5%;}
.xbox .list li .left .w01{ display:flex; align-items:center;}
.xbox .list li .left .w01 b{ width:60px; height:60px; line-height:60px; font-size:30px; background-color:#0e6deb; color:#fff; display:block; border-radius:100%; text-align:center; overflow:hidden;}
.xbox .list li .left .w01 strong{ display:block; flex:1; margin-left:15px; font-size:24px; font-weight:bold; position:relative; padding-bottom:10px; padding-top:4px;}
.xbox .list li .left .w01 strong:before{ width:100%; height:5px; display:block; content:''; background-image:url(../images/xgray_line02.png); position:absolute; left:0; bottom:0;}
.xbox .list li .left .w02{ margin-left:30px; padding-top:7px;}
.xbox .list li .left .w02 p{ display:block; margin-top:7px; font-size:15px; line-height:23px; padding-left:20px; background-image:url(../images/dd.png); background-position:left top; background-repeat:no-repeat; background-size:auto 23px;}
.xbox .list li .right{ width:48.5%;}
.xbox .list li .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.xbox .top{ width:100%; padding:25px 0; background-color:#0e6deb; text-align:center;}
.xbox .top .w01{ width:94%; margin:auto; font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.xbox .top .w02{ width:94%; margin:auto; font-size:16px; line-height:26px; color:#fff; margin-top:4px;}
.xbox .list{ display:block; width:94%; margin:auto;}
.xbox .list li{ display:block; width:100%; margin-top:20px;}
.xbox .list li .left{ width:100%;}
.xbox .list li .left .w01{ display:flex; align-items:center;}
.xbox .list li .left .w01 b{ width:40px; height:40px; line-height:40px; font-size:20px; background-color:#0e6deb; color:#fff; display:block; border-radius:100%; text-align:center; overflow:hidden;}
.xbox .list li .left .w01 strong{ display:block; flex:1; margin-left:10px; font-size:18px; font-weight:bold; position:relative; padding-bottom:10px; padding-top:4px;}
.xbox .list li .left .w01 strong:before{ width:100%; height:5px; display:block; content:''; background-image:url(../images/xgray_line02.png); position:absolute; left:0; bottom:0;}
.xbox .list li .left .w02{ margin-left:10px; padding-top:5px;}
.xbox .list li .left .w02 p{ display:block; margin-top:5px; font-size:14px; line-height:22px; padding-left:15px; background-image:url(../images/dd.png); background-position:left top; background-repeat:no-repeat; background-size:auto 22px;}
.xbox .list li .right{ width:100%; margin-top:10px;}
.xbox .list li .right img{ width:100%; display:block;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:1200px; margin:auto; margin-top:35px;}
.abox .box .left{ float:left; width:420px;}
.abox .box .left a{ width:100%; display:block; overflow:hidden;}
.abox .box .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .box .right{ float:right; width:1280px; font-size:14px; line-height:24px;}
.abox .box .right a{ width:100%; display:block; overflow:hidden;}
.abox .box .right img{ height:auto !important; max-width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; margin-top:25px;}
.abox .box .left{ float:left; width:35%;}
.abox .box .left a{ width:100%; display:block; overflow:hidden;}
.abox .box .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .box .right{ float:right; width:62%; font-size:14px; line-height:24px;}
.abox .box .right a{ width:100%; display:block; overflow:hidden;}
.abox .box .right img{ height:auto !important; max-width:100%;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; margin-top:15px;}
.abox .box .left{ float:left; width:100%;}
.abox .box .left a{ width:100%; display:block; position:relative; overflow:hidden;}
.abox .box .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .box .right{ float:right; width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.abox .box .right a{ width:100%; display:block; overflow:hidden;}
.abox .box .right img{ height:auto !important; max-width:100%;}
}
@media (max-width: 768px) {
   .aabox .box {
     display: flex;
     flex-direction: column; /* 手机端图文上下排列 */
   }
   .aabox .left {
     width: 100% !important; /* 图片容器占满屏幕 */
     max-width: none !important;
     padding: 0 15px;
     box-sizing: border-box;
     margin: 0 auto 20px !important; /* 图片下方留空白，不挤文字 */
   }
   .aabox .left img {
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto; /* 图片在容器内居中 */
   }
   .aabox .center {
     width: 100% !important;
     padding: 0 15px;
     box-sizing: border-box;
   }
 }
/*案例展示*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:1200px; margin:auto; margin-top:35px;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.cbox .box .list li{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.cbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li a{ display:block; padding:15px; padding-bottom:10px; border:1px solid #d9d9d9;}
.cbox .box .list li .tu{ width:100%; position:relative;}
.cbox .box .list li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.cbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.cbox .box .list li a:hover{ border:1px solid #0e6deb;}
.cbox .box .list li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .list li a:hover .wen{ color:#0e6deb;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:94%; margin:auto; margin-top:25px;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.cbox .box .list li{ width:23.95%; display:block; float:left; margin-left:1.4%; margin-top:15px; overflow:hidden;}
.cbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li a{ display:block; padding:10px; padding-bottom:5px; border:1px solid #d9d9d9;}
.cbox .box .list li .tu{ width:100%; position:relative;}
.cbox .box .list li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.cbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .wen{ text-align:center; font-size:14px; line-height:30px; height:30px; font-weight:bold;}
.cbox .box .list li a:hover{ border:1px solid #0e6deb;}
.cbox .box .list li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .list li a:hover .wen{ color:#0e6deb;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; padding-top:30px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:94%; margin:auto; margin-top:15px;}
.cbox .box .list{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.cbox .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.cbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li a{ display:block; padding:5px; padding-bottom:0; border:1px solid #d9d9d9;}
.cbox .box .list li .tu{ width:100%; position:relative;}
.cbox .box .list li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.cbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .list li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.cbox .box .list li a:hover{ border:1px solid #0e6deb;}
.cbox .box .list li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .list li a:hover .wen{ color:#0e6deb;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#f2f2f2; position:relative; z-index:1;}
.footer .sav{ width:100%; height:50px; display:flex; justify-content:center; background-color:#0e6deb;}
.footer .sav a{ display:block; margin:0 10px; font-size:16px; line-height:50px; height:50px; color:#fff;}
.footer .foot{ width:1200px; margin:25px auto; font-size:14px; line-height:24px; text-align:center; color:#333;}
.footer .bq{ width:1200px; margin:20px auto; margin-top:-5px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#333;}
.footer .bq p a{ color:#333;}
.footer .bq span{ display:inline-block; padding:0 20px; line-height:24px; height:24px; font-size:14px; color:#fff; margin-top:5px; background-color:rgba(0,0,0,.7); border-radius:24px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; background-color:#f2f2f2; position:relative; z-index:1;}
.footer .sav{ width:100%; height:46px; display:flex; justify-content:center; background-color:#0e6deb;}
.footer .sav a{ display:block; margin:0 10px; font-size:15px; line-height:46px; height:46px; color:#fff;}
.footer .foot{ width:94%; margin:20px auto; font-size:14px; line-height:24px; text-align:center; color:#333;}
.footer .bq{ width:94%; margin:20px auto; margin-top:-5px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#333;}
.footer .bq p a{ color:#333;}
.footer .bq span{ display:inline-block; padding:0 20px; line-height:24px; height:24px; font-size:14px; color:#fff; margin-top:5px; background-color:rgba(0,0,0,.7); border-radius:24px;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#f2f2f2; position:relative; z-index:1;}
.footer .sav{ width:100%; padding:10px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color:#0e6deb;}
.footer .sav a{ display:block; margin:0 5px; font-size:12px; line-height:20px; color:#fff;}
.footer .foot{ width:94%; margin:15px auto; font-size:12px; line-height:24px; text-align:center; color:#333;}
.footer .bq{ width:94%; margin:15px auto; margin-top:-10px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#333;}
.footer .bq p a{ color:#333;}
.footer .bq span{ display:inline-block; padding:0 10px; line-height:24px; height:24px; font-size:12px; color:#fff; margin-top:5px; background-color:rgba(0,0,0,.7); border-radius:20px;}
}

/*内页*/
@media screen and (min-width:1280px){
.wei{ width:100%; background-color:#333; position:relative; padding:20px 0;}
.wei p{ width:1200px; margin:auto; display:block; font-size:14px; line-height:24px; color:#fff;}
.wei p a{ color:#fff;}
.wei p span{ color:#ccc; margin:0 10px;}

.main{ width:100%; padding:75px 0; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:1200px; margin:auto; margin-top:35px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.wei{ width:100%; background-color:#333; position:relative; padding:15px 0;}
.wei p{ width:94%; margin:auto; display:block; font-size:14px; line-height:24px; color:#fff;}
.wei p a{ color:#fff;}
.wei p span{ color:#ccc; margin:0 7px;}

.main{ width:100%; padding:55px 0; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; margin-top:25px;}
}

@media only screen and (max-width:1023px){
.wei{ width:100%; background-color:#333; position:relative; padding:10px 0;}
.wei p{ width:94%; margin:auto; display:block; font-size:14px; line-height:24px; color:#fff;}
.wei p a{ color:#fff;}
.wei p span{ color:#ccc; margin:0 5px;}

.main{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:94%; margin:auto; margin-top:15px;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.main .ab{ width:1200px; margin:auto; margin-top:35px;}
.main .ab .left{ float:left; width:450px;}
.main .ab .left a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .ab .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab .right{ float:right; width:750px; font-size:14px; line-height:24px;}
.main .ab .right img{ height:auto !important; max-width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .ab{ width:94%; margin:auto; margin-top:25px;}
.main .ab .left{ float:left; width:35%;}
.main .ab .left a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .ab .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab .right{ float:right; width:62%; font-size:14px; line-height:24px;}
.main .ab .right img{ height:auto !important; max-width:100%;}
}
@media only screen and (max-width:1023px){
.main .ab{ width:94%; margin:auto; margin-top:15px;}
.main .ab .left{ float:left; width:100%;}
.main .ab .left a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .ab .left img{ margin:auto; max-width:100%; height:auto !important; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .ab .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .ab .right{ float:right; width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.main .ab .right img{ height:auto !important; max-width:100%;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.main .box .case{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.main .box .case li{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.main .box .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li a{ display:block; padding:15px; padding-bottom:10px; border:1px solid #d9d9d9;}
.main .box .case li .tu{ width:100%; position:relative;}
.main .box .case li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.main .box .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.main .box .case li a:hover{ border:1px solid #0e6deb;}
.main .box .case li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .case li a:hover .wen{ color:#0e6deb;}

.fanye{ width:100%; text-align:center; margin-top:30px;}
.fanye li{ display:inline-block; margin:5px;}
.fanye li span{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a:hover{ border:1px solid #333; color:#fff; background-color:#333;}
.fanye li span.disabled{ border:1px solid #eee; color:#ddd;}
.fanye li span.current{ border:1px solid #333; color:#fff; background-color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .box .case{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.main .box .case li{ width:23.95%; display:block; float:left; margin-left:1.4%; margin-top:15px; overflow:hidden;}
.main .box .case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li a{ display:block; padding:10px; padding-bottom:5px; border:1px solid #d9d9d9;}
.main .box .case li .tu{ width:100%; position:relative;}
.main .box .case li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.main .box .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .wen{ text-align:center; font-size:14px; line-height:30px; height:30px; font-weight:bold;}
.main .box .case li a:hover{ border:1px solid #0e6deb;}
.main .box .case li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .case li a:hover .wen{ color:#0e6deb;}

.fanye{ width:100%; text-align:center; margin-top:20px;}
.fanye li{ display:inline-block; margin:5px;}
.fanye li span{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a:hover{ border:1px solid #333; color:#fff; background-color:#333;}
.fanye li span.disabled{ border:1px solid #eee; color:#ddd;}
.fanye li span.current{ border:1px solid #333; color:#fff; background-color:#333;}
}
@media only screen and (max-width:1023px){
.main .box .case{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.main .box .case li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.main .box .case li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .case li a{ display:block; padding:5px; padding-bottom:0; border:1px solid #d9d9d9;}
.main .box .case li .tu{ width:100%; position:relative;}
.main .box .case li .tu:before{ width:100%; display:block; padding-top:75%; content:''; overflow:hidden;}
.main .box .case li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .case li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.main .box .case li a:hover{ border:1px solid #0e6deb;}
.main .box .case li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .case li a:hover .wen{ color:#0e6deb;}

.fanye{ width:100%; text-align:center; margin-top:15px;}
.fanye li{ display:inline-block; margin:5px;}
.fanye li span{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a{ padding:2px 5px; border:1px solid #333; display:block; font-size:12px;}
.fanye li a:hover{ border:1px solid #333; color:#fff; background-color:#333;}
.fanye li span.disabled{ border:1px solid #eee; color:#ddd;}
.fanye li span.current{ border:1px solid #333; color:#fff; background-color:#333;}
}

/*案例内页*/
@media screen and (min-width:1280px){
.main .case01{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.main .case01 .w01{ text-align:center; font-weight:bold; font-size:26px; line-height:36px;}
.main .case01 .w02{ text-align:center; font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.main .case01 .w03{ width:100%; margin-top:25px;}
.main .case01 .w03 .pc{ width:600px; margin:auto; position:relative;}
#tsShopContainer li,#tsShopContainer img{ vertical-align:moddle;}
#tsShopContainer{ width:600px; position:relative;}
#tsShopContainer #tsImgS{ text-align:center; width:100%; height:450px; padding:0 !important; position:relative;}
#tsShopContainer #tsImgS a{ display:block; text-align:center; margin:0px auto;}
#tsShopContainer #tsImgS img{ border:0px;}
#tsShopContainer #tsPicContainer{ position:relative; height:68px; margin:auto; margin-top:10px; width:420px; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSArrL{ width:23px; height:68px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1L.gif"); left:0;}
#tsShopContainer #tsPicContainer #tsImgSArrR{ width:23px; height:68px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1R.gif"); right:0;}
#tsShopContainer #tsPicContainer #tsImgSCon{ height:68px; width:370px; overflow:hidden; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{ width:100%; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{ width:74px; float:left; cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{ width:64px; height:64px; border:2px solid #FFFFFF; display:block; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:2px solid #0e6deb;}
.main .case01 .w04{ font-size:14px; line-height:24px; margin-top:25px;}
.main .case01 .w04 img{ max-width:100%; height:auto !important;}

.main .fy{ width:100%; margin-top:20px;}
.main .fy>div{ cursor:pointer; overflow:hidden; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main .up_arrow{ background-image:url(../images/up_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .down_arrow{ background-image:url(../images/down_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .fy>div:hover .up_arrow,.main .fy>div:hover .down_arrow{ background-color:#0e6deb;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#0e6deb;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .case01{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.main .case01 .w01{ text-align:center; font-weight:bold; font-size:22px; line-height:32px;}
.main .case01 .w02{ text-align:center; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.main .case01 .w03{ width:100%; margin-top:20px;}
.main .case01 .w03 .pc{ width:600px; margin:auto; position:relative;}
#tsShopContainer li,#tsShopContainer img{ vertical-align:moddle;}
#tsShopContainer{ width:600px; position:relative;}
#tsShopContainer #tsImgS{ text-align:center; width:100%; height:450px; padding:0 !important; position:relative;}
#tsShopContainer #tsImgS a{ display:block; text-align:center; margin:0px auto;}
#tsShopContainer #tsImgS img{ border:0px;}
#tsShopContainer #tsPicContainer{ position:relative; height:68px; margin:auto; margin-top:10px; width:420px; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSArrL{ width:23px; height:68px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1L.gif"); left:0;}
#tsShopContainer #tsPicContainer #tsImgSArrR{ width:23px; height:68px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1R.gif"); right:0;}
#tsShopContainer #tsPicContainer #tsImgSCon{ height:68px; width:370px; overflow:hidden; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{ width:100%; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{ width:74px; float:left; cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{ width:64px; height:64px; border:2px solid #FFFFFF; display:block; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:2px solid #0e6deb;}
.MagicZoomBigImageCont{ display:none !important;}
.main .case01 .w04{ font-size:14px; line-height:24px; margin-top:20px;}
.main .case01 .w04 img{ max-width:100%; height:auto !important;}

.main .fy{ width:100%; margin-top:15px;}
.main .fy>div{ cursor:pointer; overflow:hidden; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main .up_arrow{ background-image:url(../images/up_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .down_arrow{ background-image:url(../images/down_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .fy>div:hover .up_arrow,.main .fy>div:hover .down_arrow{ background-color:#0e6deb;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#0e6deb;}
}
@media only screen and (max-width:1023px){
.main .case01{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .case01 .w01{ text-align:center; font-weight:bold; font-size:18px; line-height:28px;}
.main .case01 .w02{ text-align:center; font-size:14px; line-height:24px; color:#666;}
.main .case01 .w03{ width:100%; margin-top:15px;}
.main .case01 .w03 .pc{ width:100%; margin:auto; position:relative;}
#tsShopContainer li,#tsShopContainer img{ vertical-align:moddle;}
#tsShopContainer{ width:100%; position:relative;}
#tsShopContainer #tsImgS{ text-align:center; width:100%; height:300px; padding:0 !important; position:relative;}
#tsShopContainer #tsImgS a{ display:block; text-align:center; margin:0px auto;}
#tsShopContainer #tsImgS img{ border:0px; max-width:100%; max-height:300px; width:auto !important; height:auto !important;}
#tsShopContainer #tsPicContainer{ position:relative; height:46px; margin:auto; margin-top:10px; width:290px; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSArrL{ width:16px; height:46px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1L.gif"); left:0; background-size:100% 100%;}
#tsShopContainer #tsPicContainer #tsImgSArrR{ width:16px; height:46px; overflow:hidden; position:absolute; top:0; cursor:pointer; background:url("../images/an1R.gif"); right:0; background-size:100% 100%;}
#tsShopContainer #tsPicContainer #tsImgSCon{ height:46px; width:250px; overflow:hidden; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{ width:100%; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{ width:50px; float:left; cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{ width:42px; height:42px; border:2px solid #FFFFFF; display:block; margin:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:2px solid #0e6deb;}
.MagicZoomBigImageCont{ display:none !important;}
.main .case01 .w04{ font-size:14px; line-height:24px; margin-top:15px;}
.main .case01 .w04 img{ max-width:100%; height:auto !important;}

.main .fy{ width:100%; margin-top:10px;}
.main .fy>div{ cursor:pointer; overflow:hidden; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main .up_arrow{ background-image:url(../images/up_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .down_arrow{ background-image:url(../images/down_arrow.png); background-repeat:no-repeat; width:11px; height:10px; display:block; float:left; background-color:#c2c2c2; margin-right:8px; margin-top:7px;}
.main .fy>div:hover .up_arrow,.main .fy>div:hover .down_arrow{ background-color:#0e6deb;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#0e6deb;}
}

/*在线留言*/
@media screen and (min-width:1280px){
.main .mess{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.main .mess .w01{ text-align:center; font-weight:bold; font-size:26px; line-height:36px;}
.main .mess .w02{ text-align:left; font-size:16px; line-height:24px; color:#666; margin-top:10px;}
.main .mess .w03{ width:780px; margin:auto; margin-top:25px;}
.main .mess .w03 dt{ display:block; margin-bottom:15px; overflow:hidden;}
.main .mess .w03 dt .bt{ width:90px; text-align:right; font-size:14px; height:42px; line-height:42px; float:left;}
.main .mess .w03 dt .inpbox{ width:678px; border:1px solid #dedede; float:left; margin-left:10px; border-radius:3px; overflow:hidden;}
.main .mess .w03 dt .inpbox input{ width:100%; padding:8px 9px; font-size:16px; line-height:24px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dt .inpbox textarea{ width:100%; padding:8px 9px; font-size:14px; line-height:24px; height:136px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dd{ margin-left:100px; display:block; padding-bottom:5px;}
.main .mess .w03 dd input{ width:250px; height:42px; line-height:42px; border-radius:3px; display:block; cursor:pointer; text-align:center; background-color:#0e6deb; color:#fff;}
.main .mess .w03 dd input:hover{ background-color:#1a75ff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .mess{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.main .mess .w01{ text-align:center; font-weight:bold; font-size:22px; line-height:32px;}
.main .mess .w02{ text-align:left; font-size:16px; line-height:24px; color:#666; margin-top:5px;}
.main .mess .w03{ width:780px; margin:auto; margin-top:20px;}
.main .mess .w03 dt{ display:block; margin-bottom:15px; overflow:hidden;}
.main .mess .w03 dt .bt{ width:90px; text-align:right; font-size:14px; height:40px; line-height:40px; float:left;}
.main .mess .w03 dt .inpbox{ width:678px; border:1px solid #dedede; float:left; margin-left:10px; border-radius:3px; overflow:hidden;}
.main .mess .w03 dt .inpbox input{ width:100%; padding:7px 9px; font-size:16px; line-height:24px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dt .inpbox textarea{ width:100%; padding:7px 9px; font-size:14px; line-height:24px; height:136px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dd{ margin-left:100px; display:block; padding-bottom:5px;}
.main .mess .w03 dd input{ width:250px; height:40px; line-height:40px; border-radius:3px; display:block; cursor:pointer; text-align:center; background-color:#0e6deb; color:#fff;}
.main .mess .w03 dd input:hover{ background-color:#1a75ff;}
}
@media only screen and (max-width:1023px){
.main .mess{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .mess .w01{ text-align:center; font-weight:bold; font-size:18px; line-height:28px;}
.main .mess .w02{ text-align:left; font-size:16px; line-height:24px; color:#666;}
.main .mess .w03{ width:100%; margin-top:15px;}
.main .mess .w03 dt{ display:block; margin-bottom:15px; overflow:hidden;}
.main .mess .w03 dt .bt{ width:100%; font-size:14px; height:30px; line-height:24px;}
.main .mess .w03 dt .inpbox{ border:1px solid #dedede; border-radius:3px; overflow:hidden;}
.main .mess .w03 dt .inpbox input{ width:100%; padding:6px 9px; font-size:16px; line-height:24px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dt .inpbox textarea{ width:100%; padding:6px 9px; font-size:14px; line-height:24px; height:120px; background-color:#f7f7f7; box-sizing:border-box; display:block;}
.main .mess .w03 dd{ display:block; padding:5px 0;}
.main .mess .w03 dd input{ width:200px; height:38px; line-height:40px; border-radius:3px; display:block; cursor:pointer; text-align:center; background-color:#0e6deb; color:#fff;}
.main .mess .w03 dd input:hover{ background-color:#1a75ff;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.main .lx{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.main .lx .left{ width:740px; height:430px; float:left;}
.main .lx .left #map{ width:100%; height:100%}
.main .lx .right{ width:430px; float:right; font-size:14px; line-height:30px;}
.main .lx .right img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .lx{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .lx .left{ width:52%; height:330px; float:left;}
.main .lx .left #map{ width:100%; height:100%}
.main .lx .right{ width:45%; float:right; font-size:14px; line-height:30px;}
.main .lx .right img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .lx{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .lx .left{ width:100%; height:230px; float:left;}
.main .lx .left #map{ width:100%; height:100%}
.main .lx .right{ width:100%; float:right; font-size:14px; line-height:24px; margin-top:10px;}
.main .lx .right img{ max-width:100%; height:auto !important;}
}

/*产品展示*/
@media screen and (min-width:1280px){
.main .pro{ width:1200px; margin:auto; margin-top:35px;}
.main .pro .left{ width:360px; float:left;}
.main .pro .left .top{ width:100%; background-color:#0e6deb; padding:13px 10px; box-sizing:border-box; font-size:22px; line-height:30px; color:#fff;}
.main .pro .left .top img{ display:block; float:right; height:30px;}
.main .pro .left .menu{ padding:20px 10px; padding-top:10px; background-color:#f2f2f2;}
.menu>ul>li{ display:block; width:100%; margin-top:10px;}
.menu>ul>li>a{ display:flex; align-items:center; background: url(../images/fenlei_c9ol.png) top left no-repeat; background-size:100% 100%; height:50px; line-height:20px; width:100%; box-sizing:border-box; padding-left:23px; padding-right:15px; font-size:16px; color:#fff; overflow:hidden;}
.menu>ul>li ul{ display:none; margin-top:10px; padding-left:23px;}
.menu>ul>li ul ul{ padding-left:10px; margin-top:0;}
.menu>ul>li ul li{ display:block;}
.menu>ul>li ul li a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#333; cursor:pointer;}
.menu>ul>li ul li ul li a{ color:#666;}
.menu>ul>li ul li a:hover{ color:#0e6deb !important;}
.menu>ul>li ul li a.inactive{ background:url(../images/off.png) top right no-repeat;}
.menu>ul>li ul li a.active{ background:url(../images/on.png) top right no-repeat; color:#0e6deb !important;}
.menu .on a{ color:#0e6deb !important; font-weight:bold;}

.main .pro .left .biao{ margin-top:20px; width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:22px; line-height:30px; color:#fff;}
.main .pro .left .bd{ padding:20px; background-color:#f2f2f2;}
.main .pro .left .bd ul{ width:100%; display:block; overflow:hidden;}
.main .pro .left .bd ul li{ width:100%; display:block; margin-bottom:15px; overflow:hidden;}
.main .pro .left .bd ul li .tu{ width:100%; position:relative;}
.main .pro .left .bd ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.main .pro .left .bd ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .left .bd ul li .wen{ text-align:center; font-size:14px; line-height:24px; height:24px; margin-top:5px;}
.main .pro .left .bd ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .pro .left .bd ul li a:hover .wen{ color:#0e6deb;}

.main .pro .right{ width:780px; float:right;}
.main .pro .right>ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.main .pro .right>ul li{ width:250px; display:block; float:left; margin-left:15px; margin-top:15px; overflow:hidden;}
.main .pro .right>ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro .right>ul li a{ display:block; padding:15px; padding-bottom:10px; border:1px solid #d9d9d9;}
.main .pro .right>ul li .tu{ width:100%; position:relative;}
.main .pro .right>ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.main .pro .right>ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .right>ul li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.main .pro .right>ul li a:hover{ border:1px solid #0e6deb;}
.main .pro .right>ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .pro .right>ul li a:hover .wen{ color:#0e6deb;}

.text{ width:100%; margin-top:30px; font-size:14px; line-height:1.7;}
.text img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .pro{ width:94%; margin:auto; margin-top:25px;}
.main .pro .left{ width:300px; float:left;}
.main .pro .left .top{ width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:20px; line-height:28px; color:#fff;}
.main .pro .left .top img{ display:block; float:right; height:26px; margin-top:2px;}
.main .pro .left .menu{ padding:20px 10px; padding-top:10px; background-color:#f2f2f2;}
.menu>ul>li{ display:block; width:100%; margin-top:10px;}
.menu>ul>li>a{ display:flex; align-items:center; background: url(../images/fenlei_c9ol.png) top left no-repeat; background-size:100% 100%; height:50px; line-height:20px; width:100%; box-sizing:border-box; padding-left:23px; padding-right:15px; font-size:14px; color:#fff; overflow:hidden;}
.menu>ul>li ul{ display:none; margin-top:10px; padding-left:23px;}
.menu>ul>li ul ul{ padding-left:10px; margin-top:0;}
.menu>ul>li ul li{ display:block;}
.menu>ul>li ul li a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#333; cursor:pointer;}
.menu>ul>li ul li ul li a{ color:#666;}
.menu>ul>li ul li a:hover{ color:#0e6deb !important;}
.menu>ul>li ul li a.inactive{ background:url(../images/off.png) top right no-repeat;}
.menu>ul>li ul li a.active{ background:url(../images/on.png) top right no-repeat; color:#0e6deb !important;}
.menu .on a{ color:#0e6deb !important; font-weight:bold;}

.main .pro .left .biao{ margin-top:20px; width:100%; background-color:#0e6deb; padding:10px; box-sizing:border-box; font-size:20px; line-height:28px; color:#fff;}
.main .pro .left .bd{ padding:20px; background-color:#f2f2f2;}
.main .pro .left .bd ul{ width:100%; display:block; overflow:hidden;}
.main .pro .left .bd ul li{ width:100%; display:block; margin-bottom:15px; overflow:hidden;}
.main .pro .left .bd ul li .tu{ width:100%; position:relative;}
.main .pro .left .bd ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.main .pro .left .bd ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .left .bd ul li .wen{ text-align:center; font-size:14px; line-height:24px; height:24px; margin-top:5px;}
.main .pro .left .bd ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .pro .left .bd ul li a:hover .wen{ color:#0e6deb;}

.main .pro .right{ width:calc(97% - 300px); float:right;}
.main .pro .right>ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.main .pro .right>ul li{ width:32%; display:block; float:left; margin-left:2%; margin-top:15px; overflow:hidden;}
.main .pro .right>ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro .right>ul li a{ display:block; padding:10px; padding-bottom:5px; border:1px solid #d9d9d9;}
.main .pro .right>ul li .tu{ width:100%; position:relative;}
.main .pro .right>ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.main .pro .right>ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .right>ul li .wen{ text-align:center; font-size:14px; line-height:30px; height:30px; font-weight:bold;}
.main .pro .right>ul li a:hover{ border:1px solid #0e6deb;}
.main .pro .right>ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .pro .right>ul li a:hover .wen{ color:#0e6deb;}

.text{ width:100%; margin-top:20px; font-size:14px; line-height:1.7;}
.text img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .pro{ width:94%; margin:auto; margin-top:15px;}
.main .pro .left{ width:100%; float:left;}
.main .pro .left .top{ width:100%; background-color:#0e6deb; padding:10px 3%; box-sizing:border-box; font-size:18px; line-height:26px; color:#fff;}
.main .pro .left .top img{ display:block; float:right; height:26px; margin-top:2px;}
.main .pro .left .menu{ padding:15px 3%; padding-top:5px; background-color:#f2f2f2;}
.menu>ul>li{ display:block; width:100%; margin-top:10px;}
.menu>ul>li>a{ display:flex; align-items:center; background-color:#0e6deb; height:50px; line-height:20px; width:100%; box-sizing:border-box; padding-left:15px; padding-right:15px; font-size:14px; color:#fff;}
.menu>ul>li ul{ display:none; margin-top:10px; padding-left:15px;}
.menu>ul>li ul ul{ padding-left:10px; margin-top:0;}
.menu>ul>li ul li{ display:block;}
.menu>ul>li ul li a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#333; cursor:pointer;}
.menu>ul>li ul li ul li a{ color:#666;}
.menu>ul>li ul li a:hover{ color:#0e6deb !important;}
.menu>ul>li ul li a.inactive{ background:url(../images/off.png) top right no-repeat;}
.menu>ul>li ul li a.active{ background:url(../images/on.png) top right no-repeat; color:#0e6deb !important;}
.menu .on a{ color:#0e6deb !important; font-weight:bold;}

.main .pro .left .biao{ display:none;}
.main .pro .left .bd{ display:none;}

.main .pro .right{ width:100%; padding-top:20px; float:right;}
.main .pro .right>ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.main .pro .right>ul li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.main .pro .right>ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro .right>ul li a{ display:block; padding:5px; padding-bottom:0; border:1px solid #d9d9d9;}
.main .pro .right>ul li .tu{ width:100%; position:relative;}
.main .pro .right>ul li .tu:before{ width:100%; display:block; padding-top:100%; content:''; overflow:hidden;}
.main .pro .right>ul li .tu img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .right>ul li .wen{ text-align:center; font-size:14px; line-height:34px; height:34px; font-weight:bold;}
.main .pro .right>ul li a:hover{ border:1px solid #0e6deb;}
.main .pro .right>ul li a:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .pro .right>ul li a:hover .wen{ color:#0e6deb;}

.text{ width:100%; margin-top:10px; font-size:14px; line-height:1.7;}
.text img{ max-width:100%; height:auto !important;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.pro01{ width:100%; padding:75px 0; position:relative; z-index:1; background-color:#fff;}
.pro02{ width:100%; padding:75px 0; position:relative; z-index:1; background-color:#f7f7f7;}

.pro01 .pic{ width:1200px; margin:5px auto; margin-top:35px; position:relative; z-index:3;}
.pro01 .pic img{ max-width:100%; margin:auto; display:block; height:auto !important;}

.pro02 .video{ width:1200px; margin:5px auto; margin-top:35px; position:relative; z-index:3;}
.pro02 .video video{ width:100%; display:block;}

.pro01 .box{ width:1200px; margin:auto;}
.pro01 .box .title{ width:100%;}
.pro01 .box .left{ width:575px; float:left;}
.pro01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.pro01 .box .left .wen img{ max-width:100%; height:auto !important;}
.pro01 .box .left .list{ display:block; padding-top:20px;}
.pro01 .box .left .list li{ display:block; margin-top:10px; font-size:14px; line-height:24px;}
.pro01 .box .left .list li span{ color:#0e6deb; font-weight:bold;}
.pro01 .box .right{ width:575px; float:right;}
.pro01 .box .right .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.pro01 .box .right .wen img{ max-width:100%; height:auto !important;}

.pro02 .table{ width:1200px; margin:35px auto; margin-bottom:0;}
.pro02 .table table{ width:100%; margin-top:35px; border-top:1px solid #ccc;}
.pro02 .table table td{ text-align:center; padding:5px; line-height:1.7;}

.pro01 .list{ width:1200px; margin:auto; display:block;}
.pro01 .list li{ margin-top:35px; display:block;}
.pro01 .list li .tu{ width:100%;}
.pro01 .list li .tu img{ width:100%; display:block;}
.pro01 .list li .wen{ width:100%; font-size:18px; line-height:28px; margin-top:15px; text-align:center; font-weight:bold;}

.pro02 .list{ width:1200px; margin:auto; display:block;}
.pro02 .list li{ margin-top:35px; display:block;}
.pro02 .list li .tu{ width:100%;}
.pro02 .list li .tu video{ width:100%; display:block;}
.pro02 .list li .wen{ width:100%; font-size:18px; line-height:28px; margin-top:15px; text-align:center; font-weight:bold;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro01{ width:100%; padding:55px 0; position:relative; z-index:1; background-color:#fff;}
.pro02{ width:100%; padding:55px 0; position:relative; z-index:1; background-color:#f7f7f7;}

.pro01 .pic{ width:94%; margin:5px auto; margin-top:25px; position:relative; z-index:3;}
.pro01 .pic img{ max-width:100%; margin:auto; display:block; height:auto !important;}

.pro02 .video{ width:94%; margin:5px auto; margin-top:25px; position:relative; z-index:3;}
.pro02 .video video{ width:100%; display:block;}

.pro01 .box{ width:94%; margin:auto;}
.pro01 .box .title{ width:100%;}
.pro01 .box .left{ width:48.5%; float:left;}
.pro01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.pro01 .box .left .wen img{ max-width:100%; height:auto !important;}
.pro01 .box .left .list{ display:block; padding-top:13px;}
.pro01 .box .left .list li{ display:block; margin-top:7px; font-size:14px; line-height:24px;}
.pro01 .box .left .list li span{ color:#0e6deb; font-weight:bold;}
.pro01 .box .right{ width:48.5%; float:right;}
.pro01 .box .right .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.pro01 .box .right .wen img{ max-width:100%; height:auto !important;}

.pro02 .table{ width:94%; margin:25px auto; margin-bottom:0;}
.pro02 .table table{ width:100%; margin-top:25px; border-top:1px solid #ccc;}
.pro02 .table table td{ text-align:center; padding:5px; line-height:1.7;}

.pro01 .list{ width:94%; margin:auto; display:block;}
.pro01 .list li{ margin-top:25px; display:block;}
.pro01 .list li .tu{ width:100%;}
.pro01 .list li .tu img{ width:100%; display:block;}
.pro01 .list li .wen{ width:100%; font-size:16px; line-height:26px; margin-top:10px; text-align:center; font-weight:bold;}

.pro02 .list{ width:94%; margin:auto; display:block;}
.pro02 .list li{ margin-top:25px; display:block;}
.pro02 .list li .tu{ width:100%;}
.pro02 .list li .tu video{ width:100%; display:block;}
.pro02 .list li .wen{ width:100%; font-size:16px; line-height:26px; margin-top:10px; text-align:center; font-weight:bold;}
}

@media only screen and (max-width:1023px){
.pro01{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#fff;}
.pro02{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#f7f7f7;}

.pro01 .pic{ width:94%; margin:5px auto; margin-top:15px; position:relative; z-index:3;}
.pro01 .pic img{ max-width:100%; margin:auto; display:block; height:auto !important;}

.pro02 .video{ width:94%; margin:5px auto; margin-top:15px; position:relative; z-index:3;}
.pro02 .video video{ width:100%; display:block;}

.pro01 .box{ width:94%; margin:auto;}
.pro01 .box .title{ width:100%;}
.pro01 .box .left{ width:100%; float:left;}
.pro01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.pro01 .box .left .wen img{ max-width:100%; height:auto !important;}
.pro01 .box .left .list{ display:block; padding-top:5px;}
.pro01 .box .left .list li{ display:block; margin-top:5px; font-size:14px; line-height:24px;}
.pro01 .box .left .list li span{ color:#0e6deb; font-weight:bold;}
.pro01 .box .right{ width:100%; float:right; margin-top:30px;}
.pro01 .box .right .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.pro01 .box .right .wen img{ max-width:100%; height:auto !important;}

.pro02 .table{ width:94%; margin:15px auto; margin-bottom:0;}
.pro02 .table table{ width:100%; margin-top:15px; border-top:1px solid #ccc;}
.pro02 .table table td{ text-align:center; padding:5px; line-height:1.7;}

.pro01 .list{ width:94%; margin:auto; display:block;}
.pro01 .list li{ margin-top:15px; display:block;}
.pro01 .list li .tu{ width:100%;}
.pro01 .list li .tu img{ width:100%; display:block;}
.pro01 .list li .wen{ width:100%; font-size:14px; line-height:24px; margin-top:5px; text-align:center; font-weight:bold;}

.pro02 .list{ width:94%; margin:auto; display:block;}
.pro02 .list li{ margin-top:15px; display:block;}
.pro02 .list li .tu{ width:100%;}
.pro02 .list li .tu video{ width:100%; display:block;}
.pro02 .list li .wen{ width:100%; font-size:14px; line-height:24px; margin-top:5px; text-align:center; font-weight:bold;}
}
@media screen and (min-width: 1024px) {
    /* 检测微信浏览器，强制产品中心居中 */
    [wx_browser="true"] .pbox .box {
        width: 1200px !important; /* 微信端用固定宽度（和PC端一致），避免自适应偏差 */
        margin: 35px auto 0 !important; /* 强制水平居中 */
        padding: 0 !important; /* 清除之前的padding，避免冲突 */
    }
    /* 微信端右侧产品列表宽度同步修正 */
    [wx_browser="true"] .pbox .box .right {
        width: 924px !important; /* 和PC端固定宽度一致，避免calc计算偏差 */
        margin-left: 15px !important;
    }
}
/* 确保手机端<span>无隐藏限制（保留原有功能） */
@media (max-width: 768px) {
    .footer .bq.ov span {
        height: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
    }
}

/* 产品详情页标题专属样式（优化为动态字体，适配长名称） */
@media only screen and (max-width:1023px){
  .pro-detail-title { 
    width: 94%; 
    margin: auto; 
    display: flex; 
    align-items: center;
  }
  .pro-detail-title .tb { 
    padding: 0 10px; 
    font-size: clamp(12px, calc(15px - (var(--title-length, 0) - 30) * 0.2px), 15px) !important;
    line-height: 30px; 
    height: 30px; 
    text-transform: capitalize; 
    font-weight: lighter;
  }
}

/* 图片对齐样式（保留原有功能） */
p img {
  vertical-align: top;
}

/* 1. 全局默认样式（PC端）- 保持不变 */
.tb { font-size: 20px; }
.list .wen, 
.picList .wen,
.right ul .wen { 
  font-size: 16px; 
}

/* 2. 手机端专属样式（适配34个产品名称，优化动态缩放） */
@media (max-width: 768px) {
  /* --------------- 1. 类目标题（统一首字母大写） --------------- */
  .main .title .tb,
  .pro01 .title .tb, 
  .pro02 .title .tb {
    font-size: clamp(8px, calc(14px - (var(--title-length, 0) - 30) * 0.18px), 14px) !important;
    line-height: 1.4 !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 95% !important;
    padding: 4px 2px !important;
    letter-spacing: -0.03em !important;
    word-spacing: -0.05em !important;
  }

  /* --------------- 2. 普通产品名称（仅非特殊标题首字母大写） --------------- */
  .list .wen:not(.no-capitalize),
  .picList .wen:not(.no-capitalize), 
  .right ul .wen:not(.no-capitalize),
  .pro01 .list .wen:not(.no-capitalize),
  .pro02 .list .wen:not(.no-capitalize) {
    font-size: clamp(7px, calc(12px - (var(--title-length, 0) - 28) * 0.15px), 12px) !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    max-width: 92% !important;
    padding: 3px 2px !important;
    text-transform: capitalize !important;
    letter-spacing: -0.04em !important;
    word-spacing: -0.06em !important;
  }

  /* --------------- 3. 特殊产品名称（强制取消大写） --------------- */
  .list .wen.no-capitalize,
  .picList .wen.no-capitalize, 
  .right ul .wen.no-capitalize,
  .pro01 .list .wen.no-capitalize,
  .pro02 .list .wen.no-capitalize {
    text-transform: none !important;
  }
}

/* 仅产品详情页生效：整合取消大写+字体优化（合并冗余规则） */
.machine-detail-page .pro01 .title .tb,
.machine-detail-page .list .wen.no-capitalize,
.machine-detail-page .pro01 .list .wen.no-capitalize {
  text-transform: none !important;
  font-size: clamp(7px, calc(12px - (var(--title-length, 0) - 28) * 0.15px), 12px) !important;
  letter-spacing: -0.04em !important;
  word-spacing: -0.06em !important;
}