@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.15; 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){
.thead{ width:100%; height:50px; background-color:#1774c7;}
.thead .box{ width:1200px; margin:auto;}
.thead .box .left{ float:left; font-size:14px; line-height:50px; height:50px; color:#fff;}
.thead .box .right{ float:right; height:50px;}
.thead .box .right a{ display:block; float:left; color:#fff; font-size:14px; line-height:50px;}
.thead .box .right span{ display:block; float:left; margin:0 10px; color:#fff; font-size:14px; line-height:50px; font-family:"宋体";}
.header{ width:100%; background-color:#fff; height:100px;}
.header .box{ width:1200px; margin:auto;}
.header .box .logo{ float:left; height:50px; padding:25px 0;}
.header .box .logo img{ display:block; height:50px;}
.header .box .logo img.img02{ display:none;}
.header .box .nav{ float:right; height:100px;}
.header .box .nav ul{ display:block; overflow:hidden; height:50px; padding:25px 0;}
.header .box .nav ul li{ display:block; float:left; width:130px;}
.header .box .nav ul li a{ display:block; text-align:center; width:100%; height:50px; line-height:50px; font-size:14px; font-weight:bold;}
.header .box .nav ul li.on a,.header .box .nav ul li:hover a{ color:#46a6ec;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.thead{ width:100%; height:40px; background-color:#1774c7;}
.thead .box{ width:90%; margin:auto;}
.thead .box .left{ float:left; font-size:14px; line-height:40px; height:40px; color:#fff;}
.thead .box .right{ float:right; height:50px;}
.thead .box .right a{ display:block; float:left; color:#fff; font-size:14px; line-height:40px;}
.thead .box .right span{ display:block; float:left; margin:0 10px; color:#fff; font-size:14px; line-height:40px; font-family:"宋体";}
.header{ width:100%; background-color:#fff; height:80px;}
.header .box{ width:90%; margin:auto;}
.header .box .logo{ float:left; height:50px; padding:15px 0;}
.header .box .logo img{ display:block; height:50px;}
.header .box .logo img.img02{ display:none;}
.header .box .nav{ float:right; height:80px;}
.header .box .nav ul{ display:block; overflow:hidden; height:50px; padding:15px 0;}
.header .box .nav ul li{ display:block; float:left; width:110px;}
.header .box .nav ul li a{ display:block; text-align:center; width:100%; height:50px; line-height:50px; font-size:14px; font-weight:bold;}
.header .box .nav ul li.on a,.header .box .nav ul li:hover a{ color:#46a6ec;}
}
@media only screen and (max-width:1023px){
.thead{ display:none;}
.header{ width:100%; background-color:#fff; height:60px;}
.header .box{ width:100%; margin:auto;}
.header .box .logo{ float:left; height:40px; padding:10px 3%;}
.header .box .logo img{ display:block; height:40px;}
.header .box .logo img.img01{ display:none;}
.header .hamburger{ height:30px; width:24px; padding:15px 18px; background-color:#1774c7; float:right;}
.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{ position:absolute; top:-100vh; right:0; height:100vh; width:80%; background:rgba(0,0,0,.9); z-index:99; -webkit-transition:.8s; transition:.8s; display:block;}
.header .nav.open-menu{ right:0; top:60px; padding-top:20px;}
.header .nav ul{ display:block; font-size:14px; width:100%; padding:15px 0; text-align:center;}
.header .nav ul li{ padding:10px 0; text-transform:uppercase; -webkit-transform:matrix(1,0,0,1,-600,0); transform:matrix(1,0,0,1,-600,0); -webkit-transition:all 1s; transition:all 1s;}
.header .nav.open-menu ul li{ -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.header .nav ul li:nth-of-type(2){ transition-delay:0.2s;}
.header .nav ul li:nth-of-type(3){ transition-delay:0.3s;}
.header .nav ul li:nth-of-type(4){ transition-delay:0.4s;}
.header .nav ul li:nth-of-type(5){ transition-delay:0.5s;}
.header .nav ul li:nth-of-type(6){ transition-delay:0.6s;}
.header .nav ul li a{ color:#fff; -webkit-transition:all 1s; transition:all 1s; font-size:14px; line-height:24px;}
.header .nav ul li a:hover,.header .nav ul li.on a{ color:#46a6ec;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:650px; 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%; height:650px; display:block; object-fit:cover;}
.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:25px;}
.banner .swiper-button-next{ right:25px;}
.banner .swiper-pagination{ display:none;}
.banner .box{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5;}
.banner .box .w01{ font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.banner .box .w02{ font-size:14px; line-height:34px; margin-top:45px; color:#fff; width:600px;}
.banner .box .w03{ width:150px; height:50px; padding-bottom:10px; margin-top:70px;}
.banner .box .w03 a{ width:100%; display:block; text-align:center; font-size:14px; line-height:50px; height:50px; background-color:#1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.banner .box .w03 a:hover{ background-color:#fff; color:#1774c7;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; height:40vw; 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%; height:40vw; display:block; object-fit:cover;}
.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:1%;}
.banner .swiper-button-next{ right:1%;}
.banner .swiper-pagination{ display:none;}
.banner .box{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5;}
.banner .box .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.banner .box .w02{ font-size:14px; line-height:30px; margin-top:35px; color:#fff; width:50%;}
.banner .box .w03{ width:140px; height:44px; padding-bottom:5px; margin-top:50px;}
.banner .box .w03 a{ width:100%; display:block; text-align:center; font-size:14px; line-height:44px; height:44px; background-color:#1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.banner .box .w03 a:hover{ background-color:#fff; color:#1774c7;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:60vw; 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%; height:60vw; display:block; object-fit:cover;}
.banner .swiper-button-white{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ display:block; overflow:hidden; float:left; margin:0 5px; width:40px; height:6px; cursor:pointer; background-color:rgba(255,255,255,.7); border-radius:6px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1774c7;}
.banner .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5;}
.banner .box .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.banner .box .w02{ font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.banner .box .w03{ width:120px; height:36px; padding-bottom:5px; margin-top:10px;}
.banner .box .w03 a{ width:100%; display:block; text-align:center; font-size:14px; line-height:36px; height:36px; background-color:#1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.banner .box .w03 a:hover{ background-color:#fff; color:#1774c7;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ width:40px; height:2px; background-color:#1774c7; margin:25px auto; margin-top:15px;}
.title .t03{ font-size:14px; line-height:24px; color:#888;}

.pbox{ width:100%; padding-top:95px; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.pbox .box .list{ width:100%; display:block; margin-top:-20px;}
.pbox .box .list li{ width:285px; float:left; margin-top:20px; margin-left:20px; box-sizing:border-box; border:1px solid #ddd;}
.pbox .box .list li a{ display:block; overflow:hidden; padding:15px;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .w01{ width:100%; padding-top:200px; position:relative;}
.pbox .box .list li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .list li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .list li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:10px; text-align:center;}
.pbox .box .list li:hover{ border:1px solid #1774c7;}
.pbox .box .list li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ width:30px; height:2px; background-color:#1774c7; margin:20px auto; margin-top:10px;}
.title .t03{ font-size:14px; line-height:24px; color:#888;}

.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.pbox .box .list{ width:100%; display:block; margin-top:-20px;}
.pbox .box .list li{ width:23.5%; float:left; margin-top:20px; margin-left:2%; box-sizing:border-box; border:1px solid #ddd;}
.pbox .box .list li a{ display:block; overflow:hidden; padding:10px;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .w01{ width:100%; padding-top:79.36%; position:relative;}
.pbox .box .list li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .list li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .list li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:10px; text-align:center;}
.pbox .box .list li:hover{ border:1px solid #1774c7;}
.pbox .box .list li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.title .t02{ width:20px; height:2px; background-color:#1774c7; margin:15px auto; margin-top:5px;}
.title .t03{ font-size:14px; line-height:24px; color:#888;}

.pbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.pbox .box .list{ width:100%; display:block; margin-top:-15px;}
.pbox .box .list li{ width:48.5%; float:left; margin-top:15px; margin-left:3%; box-sizing:border-box; border:1px solid #ddd;}
.pbox .box .list li a{ display:block; overflow:hidden; padding:5px;}
.pbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li .w01{ width:100%; padding-top:79.36%; position:relative;}
.pbox .box .list li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.pbox .box .list li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .list li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:5px; text-align:center;}
.pbox .box .list li:hover{ border:1px solid #1774c7;}
.pbox .box .list li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

/*我们服务于您的制造需求*/
@media screen and (min-width:1280px){
.abox{ width:100%; height:600px; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.abox .box{ width:1000px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.abox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:28px; line-height:38px;}
.abox .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:27px;}
.abox .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:67px;}
.abox .box .w03 li{ display:block; text-align:center; width:140px;}
.abox .box .w03 li b{ display:block; font-size:50px; line-height:52px; color:#fff;}
.abox .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:15px;}
.abox .box .w03 li p{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:25px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; height:500px; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.abox .box{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.abox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:24px; line-height:34px;}
.abox .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:17px;}
.abox .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:47px;}
.abox .box .w03 li{ display:block; text-align:center; width:120px;}
.abox .box .w03 li b{ display:block; font-size:40px; line-height:44px; color:#fff;}
.abox .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:10px;}
.abox .box .w03 li p{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:20px;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.abox .box{ width:94%; padding:35px 3%;}
.abox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:20px; line-height:30px;}
.abox .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.abox .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:20px;}
.abox .box .w03 li{ display:block; text-align:center; width:100px;}
.abox .box .w03 li b{ display:block; font-size:30px; line-height:36px; color:#fff;}
.abox .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:5px;}
.abox .box .w03 li p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:95px; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.nbox .box .list{ width:100%; display:block; margin-top:-20px;}
.nbox .box .list li{ padding:20px 30px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.nbox .box .list li .time{ float:left; background-color:#46a6ec; width:60px; height:60px; text-align:center;}
.nbox .box .list li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.nbox .box .list li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.nbox .box .list li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.nbox .box .list li .conts .bt{ width:100%;}
.nbox .box .list li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .conts .bt a:hover{ color:#1774c7;}
.nbox .box .list li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.nbox .box .list{ width:100%; display:block; margin-top:-20px;}
.nbox .box .list li{ padding:20px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.nbox .box .list li .time{ float:left; background-color:#46a6ec; width:60px; height:60px; text-align:center;}
.nbox .box .list li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.nbox .box .list li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.nbox .box .list li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.nbox .box .list li .conts .bt{ width:100%;}
.nbox .box .list li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .conts .bt a:hover{ color:#1774c7;}
.nbox .box .list li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.nbox .box .list{ width:100%; display:block; margin-top:-15px;}
.nbox .box .list li{ padding:15px 10px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.nbox .box .list li .time{ float:left; background-color:#46a6ec; width:60px; height:60px; text-align:center;}
.nbox .box .list li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.nbox .box .list li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.nbox .box .list li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.nbox .box .list li .conts .bt{ width:100%;}
.nbox .box .list li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .conts .bt a:hover{ color:#1774c7;}
.nbox .box .list li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}

/*品质源于专业，服务铸就品牌*/
@media screen and (min-width:1280px){
.sbox{ width:100%; height:650px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:1000px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:40px; line-height:50px;}
.sbox .box .w02{ text-align:center; color:#fff; font-size:22px; line-height:32px; margin-top:30px;}
.sbox .box .w03{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:17px;}
.sbox .box .w04{ width:150px; height:50px; margin:62px auto; margin-bottom:5px;}
.sbox .box .w04 a{ width:148px; display:block; text-align:center; font-size:14px; line-height:48px; height:48px; background-color:#1774c7; border:1px solid #1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.sbox .box .w04 a:hover{ background-color:#fff; color:#1774c7;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ width:100%; height:550px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:90%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.sbox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:30px; line-height:40px;}
.sbox .box .w02{ text-align:center; color:#fff; font-size:20px; line-height:30px; margin-top:20px;}
.sbox .box .w03{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:12px;}
.sbox .box .w04{ width:140px; height:44px; margin:42px auto; margin-bottom:5px;}
.sbox .box .w04 a{ width:138px; display:block; text-align:center; font-size:14px; line-height:42px; height:42px; background-color:#1774c7; border:1px solid #1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.sbox .box .w04 a:hover{ background-color:#fff; color:#1774c7;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box{ width:94%; padding:35px 3%;}
.sbox .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:20px; line-height:30px;}
.sbox .box .w02{ text-align:center; color:#fff; font-size:16px; line-height:26px; margin-top:10px;}
.sbox .box .w03{ text-align:center; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.sbox .box .w04{ width:120px; height:36px; margin:25px auto; margin-bottom:5px;}
.sbox .box .w04 a{ width:118px; display:block; text-align:center; font-size:14px; line-height:34px; height:34px; background-color:#1774c7; border:1px solid #1774c7; color:#fff; overflow:hidden;-moz-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; -webkit-transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; -o-transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s; transition:border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.sbox .box .w04 a:hover{ background-color:#fff; color:#1774c7;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding-top:65px; background-color:#333; position:relative; z-index:1;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .left{ width:320px; float:left;}
.footer .foot .left .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.footer .foot .left .f02{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:20px;}
.footer .foot .left .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:10px;}
.footer .foot .mil{ width:300px; float:left; margin-left:80px;}
.footer .foot .mil .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.footer .foot .mil .f02{ font-size:18px; line-height:28px; color:#d9d9d9; margin-top:20px;}
.footer .foot .mil .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:5px;}
.footer .foot .mil .f04 a{ font-size:14px; line-height:24px; color:#439ff0; font-style:italic;}
.footer .foot .right{ width:380px; float:right;}
.footer .foot .right .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.footer .foot .right .f02{ margin-top:25px;}
.footer .foot .right .f02 p{ width:calc(100% - 100px); display:block; float:left; height:46px; background-color:#fff; padding:0 10px;}
.footer .foot .right .f02 p input{ width:100%; display:block; height:46px; line-height:46px; font-size:14px;}
.footer .foot .right .f02 a{ width:80px; height:46px; float:left; display:block;}
.footer .foot .right .f02 a input{ width:100%; height:46px; line-height:46px; cursor:pointer; background-color:#1774c7; color:#fff; text-align:center;}
.footer .foot .right .f02 a input:hover{ background-color:#439ff0;}
.footer .foot .right .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:10px; margin-left:-15px;}
.footer .foot .right .f03 span{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a:nth-child(2){ margin-left:0;}
.footer .bq{ width:1200px; margin:45px auto; margin-bottom:20px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc;}
.footer .bq p a{ color:#ccc;}
.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%; padding-top:45px; background-color:#333; position:relative; z-index:1;}
.footer .foot{ width:90%; margin:auto;}
.footer .foot .left{ width:30%; float:left;}
.footer .foot .left .f01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.footer .foot .left .f02{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:15px;}
.footer .foot .left .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:10px;}
.footer .foot .mil{ width:25%; float:left; margin-left:5%;}
.footer .foot .mil .f01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.footer .foot .mil .f02{ font-size:16px; line-height:26px; color:#d9d9d9; margin-top:15px;}
.footer .foot .mil .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:5px;}
.footer .foot .mil .f04 a{ font-size:14px; line-height:24px; color:#439ff0; font-style:italic;}
.footer .foot .right{ width:35%; float:right;}
.footer .foot .right .f01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.footer .foot .right .f02{ margin-top:20px;}
.footer .foot .right .f02 p{ width:calc(100% - 100px); display:block; float:left; height:42px; background-color:#fff; padding:0 10px;}
.footer .foot .right .f02 p input{ width:100%; display:block; height:42px; line-height:42px; font-size:14px;}
.footer .foot .right .f02 a{ width:80px; height:42px; float:left; display:block;}
.footer .foot .right .f02 a input{ width:100%; height:42px; line-height:42px; cursor:pointer; background-color:#1774c7; color:#fff; text-align:center;}
.footer .foot .right .f02 a input:hover{ background-color:#439ff0;}
.footer .foot .right .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:10px; margin-left:-15px;}
.footer .foot .right .f03 span{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a:nth-child(2){ margin-left:0;}
.footer .bq{ width:90%; margin:35px auto; margin-bottom:20px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc;}
.footer .bq p a{ color:#ccc;}
.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%; padding-top:25px; background-color:#333; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:auto;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .left .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .left .f02{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:5px;}
.footer .foot .left .f03{ font-size:14px; line-height:24px; color:#d9d9d9;}
.footer .foot .mil{ width:100%; float:left; margin-top:15px;}
.footer .foot .mil .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .mil .f02{ font-size:16px; line-height:26px; color:#d9d9d9; margin-top:5px;}
.footer .foot .mil .f03{ font-size:14px; line-height:24px; color:#d9d9d9;}
.footer .foot .mil .f04 a{ font-size:14px; line-height:24px; color:#439ff0; font-style:italic;}
.footer .foot .right{ width:100%; float:right; margin-top:15px;}
.footer .foot .right .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .right .f02{ margin-top:10px;}
.footer .foot .right .f02 p{ width:calc(100% - 100px); display:block; float:left; height:38px; background-color:#fff; padding:0 10px;}
.footer .foot .right .f02 p input{ width:100%; display:block; height:38px; line-height:38px; font-size:14px;}
.footer .foot .right .f02 a{ width:80px; height:38px; float:left; display:block;}
.footer .foot .right .f02 a input{ width:100%; height:38px; line-height:38px; cursor:pointer; background-color:#1774c7; color:#fff; text-align:center;}
.footer .foot .right .f02 a input:hover{ background-color:#439ff0;}
.footer .foot .right .f03{ font-size:14px; line-height:24px; color:#d9d9d9; margin-top:10px; margin-left:-15px;}
.footer .foot .right .f03 span{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a{ font-size:14px; line-height:24px; color:#d9d9d9; float:left; display:block; margin-left:15px;}
.footer .foot .right .f03 a:nth-child(2){ margin-left:0;}
.footer .bq{ width:94%; margin:15px auto; margin-bottom:20px; text-align:center;}
.footer .bq p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc;}
.footer .bq p a{ color:#ccc;}
.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;}
}

/*右侧浮动*/
a.gotop{ width:40px; height:40px; z-index:20000; background-image:url(../images/top.png); background-repeat:no-repeat; background-position:-503px 0; position:fixed; bottom:10%; right:19px; display:none;}
a.gotop:hover{ background:url(../images/top.png) no-repeat -503px -42px;}

#onlineservice-floatings{ top:200px; right:0; position:fixed; user-select:none; z-index:10000;}
.wp-title_content{ font-size:12px; line-height:140%; overflow:hidden; word-wrap:break-word; padding:0px; border:0px solid transparent; height:143px; width:280px; display:block;}
.wp-online-service-one-col_1298fa{ background:url(../images/customerservice1.png) no-repeat 0px 0; height:400px; width:191px; position:relative; width:191px; height:400px; display:none;}
.wp-online-service-one-col_1298fa .left{ color:#fff; padding-left:27px; padding-top:130px;}
.wp-online-service-one .wp-online-service-c{ padding:7px; display:block; width:84px; left:72px; position:absolute; top:67px;}
.wp-online-service-one .wp-online-service-c ul li{ padding:0px 4px; background:#FFF; text-align:left; width:94px; overflow:hidden; margin:5px; margin-bottom:10px;}
.wp-online-service-one .wp-online-service-c ul li a{ text-align:left; color:rgb(125, 125, 125); height:25px; line-height:25px; display:block; background:url(../images/customer_service_ssout_a.png) 8px center no-repeat; padding-left:30px; border-radius:0px;}
.wp-online-service-one .wp-online-service-c ul li:hover a{ color:rgb(255,255,255); background:url(../images/customer_service_ssover.png) 8px center no-repeat rgb(18,152,250);}
.kficon_col_1298fa{ background:url(../images/customerservice2.png) no-repeat 0 0; height:90px; width:53px; display:block;}
.kficon p{ position:aboslute; color:#fff; left:21px; position:absolute; top:54px; width:50px;}
#onlineservice-floatings.open .kficon_col_1298fa{ display:none;}
#onlineservice-floatings.open .wp-online-service-one-col_1298fa{ display:block;}
@media only screen and (max-width:1023px){
#onlineservice-floatings{ display:none;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:400px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ width:100%; height:300px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:150px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
}

@media screen and (min-width:1280px){
.ab01{ width:100%; padding-top:95px; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.ab01 .box .left{ width:520px; float:left;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:580px; float:right; font-size:14px; line-height:30px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.ab01 .box .left{ width:47%; float:left;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:50%; float:right; font-size:14px; line-height:30px;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ab01 .box .left{ width:100%; float:left;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:100%; float:right; font-size:14px; line-height:24px; margin-top:15px;}
}

@media screen and (min-width:1280px){
.ab02{ width:100%; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.ab02 .box{ width:1000px; padding:95px 0; margin:auto;}
.ab02 .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:28px; line-height:38px;}
.ab02 .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:27px;}
.ab02 .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:67px;}
.ab02 .box .w03 li{ display:block; text-align:center; width:140px;}
.ab02 .box .w03 li b{ display:block; font-size:50px; line-height:52px; color:#fff;}
.ab02 .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:15px;}
.ab02 .box .w03 li p{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:25px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab02{ width:100%; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.ab02 .box{ width:90%; padding:65px 3%;}
.ab02 .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:24px; line-height:34px;}
.ab02 .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:30px; margin-top:17px;}
.ab02 .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:47px;}
.ab02 .box .w03 li{ display:block; text-align:center; width:120px;}
.ab02 .box .w03 li b{ display:block; font-size:40px; line-height:44px; color:#fff;}
.ab02 .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:10px;}
.ab02 .box .w03 li p{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:20px;}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.ab02 .box{ width:94%; padding:35px 3%;}
.ab02 .box .w01{ text-align:center; font-weight:bold; color:#fff; font-size:20px; line-height:30px;}
.ab02 .box .w02{ text-align:center; color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.ab02 .box .w03{ width:100%; display:flex; justify-content:space-between; margin-top:20px;}
.ab02 .box .w03 li{ display:block; text-align:center; width:100px;}
.ab02 .box .w03 li b{ display:block; font-size:30px; line-height:36px; color:#fff;}
.ab02 .box .w03 li span{ width:100%; height:1px; display:block; background-color:#fff; margin-top:5px;}
.ab02 .box .w03 li p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
}

/*产品设备*/
@media screen and (min-width:1280px){
.main{ width:100%; padding-top:95px; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.navigation{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px; text-align:center;}
.navigation li{ width:200px; height:50px; display:inline-block;}
.navigation li a{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; color:#666; display:block; overflow:hidden; padding:0 15px; box-sizing:border-box; background-color:#f7f7f7;}
.navigation li a.ahover,.navigation li a:hover{ background-color:#1774c7; color:#fff;}
.main .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.main .box .pro{ width:100%; display:block; margin-top:-20px;}
.main .box .pro li{ width:285px; float:left; margin-top:20px; margin-left:20px; box-sizing:border-box; border:1px solid #fff;}
.main .box .pro li a{ display:block; overflow:hidden; padding:15px;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .w01{ width:100%; padding-top:200px; position:relative;}
.main .box .pro li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.main .box .pro li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:10px; text-align:center;}
.main .box .pro li:hover{ border:1px solid #1774c7;}
.main .box .pro li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.fanye{ width:100%; text-align:center; margin-top:30px;}
.fanye li{ display:inline-block; margin:2px;}
.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{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.navigation{ width:90%; margin:auto; position:relative; z-index:3; margin-top:15px; text-align:center;}
.navigation li{ width:16.66%; height:44px; display:inline-block;}
.navigation li a{ width:100%; height:44px; line-height:44px; text-align:center; font-size:14px; font-weight:bold; color:#666; display:block; overflow:hidden; padding:0 15px; box-sizing:border-box; background-color:#f7f7f7;}
.navigation li a.ahover,.navigation li a:hover{ background-color:#1774c7; color:#fff;}
.main .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.main .box .pro{ width:100%; display:block; margin-top:-20px;}
.main .box .pro li{ width:23.5%; float:left; margin-top:20px; margin-left:2%; box-sizing:border-box; border:1px solid #fff;}
.main .box .pro li a{ display:block; overflow:hidden; padding:10px;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .w01{ width:100%; padding-top:79.36%; position:relative;}
.main .box .pro li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.main .box .pro li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:10px; text-align:center;}
.main .box .pro li:hover{ border:1px solid #1774c7;}
.main .box .pro li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.fanye{ width:100%; text-align:center; margin-top:25px;}
.fanye li{ display:inline-block; margin:2px;}
.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{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.navigation{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px; text-align:center;}
.navigation li{ width:33.33%; height:36px; display:inline-block;}
.navigation li a{ width:100%; height:36px; line-height:36px; text-align:center; font-size:14px; font-weight:bold; color:#666; display:block; overflow:hidden; padding:0 10px; box-sizing:border-box; background-color:#f7f7f7;}
.navigation li a.ahover,.navigation li a:hover{ background-color:#1774c7; color:#fff;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.main .box .pro{ width:100%; display:block; margin-top:-15px;}
.main .box .pro li{ width:48.5%; float:left; margin-top:15px; margin-left:3%; box-sizing:border-box; border:1px solid #fff;}
.main .box .pro li a{ display:block; overflow:hidden; padding:5px;}
.main .box .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li .w01{ width:100%; padding-top:79.36%; position:relative;}
.main .box .pro li .w01 p{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; overflow:hidden;}
.main .box .pro li .w01 img{ max-width:100%; max-height:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .pro li .w02{ width:100; font-size:14px; line-height:20px; height:20px; margin-top:5px; text-align:center;}
.main .box .pro li:hover{ border:1px solid #1774c7;}
.main .box .pro li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.fanye{ width:100%; text-align:center; margin-top:15px;}
.fanye li{ display:inline-block; margin:2px;}
.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){
.pro01{ width:1200px; margin:auto; margin-top:40px; position:relative;}
.pro01 .left{ width:500px; height:300px; float:left; position:relative;}
.pro01 .probox{ width:500px; height:300px;}
.pro01 .probox img{ width:500px; height:300px; vertical-align:top;}
.pro01 .showbox{ display:none; position:absolute; left:500px; top:0; width:500px; height:300px; overflow:hidden;}
.pro01 .showbox img{ position:absolute; height:1200px; width:1200px;}
.pro01 .hoverbox{ display:none; position:absolute; top:0; background:#09f; border:1px solid #09f; height:75px; width:100px; cursor:move; z-index:10;}
.pro01 .right{ width:590px; float:right;}
.pro01 .right .prodetail_title{ display:block; font-size:20px; line-height:30px; border-bottom:1px solid #e2e2e2; padding-bottom:10px; margin-bottom:10px;}
.pro01 .right .wp-new-prodcuts-market-price{ color:#898989; font-size:14px; line-height:24px; text-decoration:line-through;}
.pro01 .right .wp-new-prodcuts-sale-price{ color:#333; font-size:14px; line-height:24px;}
.pro01 .right .wp-new-prodcuts-sale-price span{ font-size:20px; color:#ff5022; font-weight:bold; line-height:30px;}
.pro01 .desc{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:40px; float:left;}
.pro01 .detail{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:15px;}
.pro01 .detail 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/sitestar_productdetailspage_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/sitestar_productdetailspage_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:#1774c7;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#1774c7;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pro01{ width:90%; margin:auto; margin-top:30px; position:relative;}
.pro01 .left{ width:500px; height:300px; float:left; position:relative;}
.pro01 .probox{ width:500px; height:300px;}
.pro01 .probox img{ width:500px; height:300px; vertical-align:top;}
.pro01 .showbox{ display:none; position:absolute; left:500px; top:0; width:500px; height:300px; overflow:hidden;}
.pro01 .showbox img{ position:absolute; height:1200px; width:1200px;}
.pro01 .hoverbox{ display:none; position:absolute; top:0; background:#09f; border:1px solid #09f; height:75px; width:100px; cursor:move; z-index:10;}
.pro01 .right{ width:calc(97% - 500px); float:right;}
.pro01 .right .prodetail_title{ display:block; font-size:20px; line-height:30px; border-bottom:1px solid #e2e2e2; padding-bottom:10px; margin-bottom:10px;}
.pro01 .right .wp-new-prodcuts-market-price{ color:#898989; font-size:14px; line-height:24px; text-decoration:line-through;}
.pro01 .right .wp-new-prodcuts-sale-price{ color:#333; font-size:14px; line-height:24px;}
.pro01 .right .wp-new-prodcuts-sale-price span{ font-size:20px; color:#ff5022; font-weight:bold; line-height:30px;}
.pro01 .desc{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:30px; float:left;}
.pro01 .detail{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:10px;}
.pro01 .detail 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/sitestar_productdetailspage_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/sitestar_productdetailspage_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:#1774c7;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#1774c7;}
}
@media only screen and (max-width:1023px){
.pro01{ width:94%; margin:auto; margin-top:20px; position:relative;}
.pro01 .left{ width:100%; position:relative;}
.pro01 .probox{ width:100%;}
.pro01 .probox img{ max-width:100%; display:block; margin:auto; vertical-align:top;}
.pro01 .showbox{ display:none !important;}
.pro01 .hoverbox{ display:none !important;}
.pro01 .right{ width:100%; margin-top:15px;}
.pro01 .right .prodetail_title{ display:block; font-size:18px; line-height:28px; border-bottom:1px solid #e2e2e2; padding-bottom:5px; margin-bottom:5px;}
.pro01 .right .wp-new-prodcuts-market-price{ color:#898989; font-size:14px; line-height:24px; text-decoration:line-through;}
.pro01 .right .wp-new-prodcuts-sale-price{ color:#333; font-size:14px; line-height:24px;}
.pro01 .right .wp-new-prodcuts-sale-price span{ font-size:20px; color:#ff5022; font-weight:bold; line-height:30px;}
.pro01 .desc{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:20px;}
.pro01 .detail{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.pro01 .detail 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/sitestar_productdetailspage_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/sitestar_productdetailspage_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:#1774c7;}
.main .fy .prev_next_text{ color:#595959;}
.main .fy a{ color:#444;}
.main .fy>div:hover a{ color:#1774c7;}
}

/*应用领域*/
@media screen and (min-width:1280px){
.main .yy{ width:1200px; margin:auto; position:relative; margin-top:35px; z-index:3;}
.main .yy .tu{ width:1000px; height:460px; position:relative; z-index:1;}
.main .yy .tu img{ width:100%; height:100%; object-fit:cover;}
.main .yy .wen{ width:360px; height:400px; overflow:auto; padding:25px 30px; box-sizing:border-box; position:absolute; right:0; top:30px; z-index:5; background-color:#1774c7;}
.main .yy .wen .w01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.main .yy .wen .w02{ font-size:14px; line-height:30px; margin-top:2px; color:#fff;}
.main .yy .wen::-webkit-scrollbar{ width:5px; height:1px;}
.main .yy .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#3f9ee7;}
.main .yy .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

.main .yy01{ width:1200px; margin:5px auto; position:relative; margin-bottom:-10px;}
.main .yy01 .w01{ text-align:center; font-size:14px; line-height:34px; width:100%;}
.main .yy01 .w02{ width:100%; display:block; padding-top:30px;}
.main .yy01 .w02 li{ width:310px; display:block; float:left; text-align:center; padding:30px 45px; padding-bottom:0;}
.main .yy01 .w02 li strong{ display:block; width:120px; margin:auto;}
.main .yy01 .w02 li strong img{ width:100%; display:block;}
.main .yy01 .w02 li b{ display:block; font-size:16px; line-height:26px; margin-top:25px;}
.main .yy01 .w02 li p{ display:block; font-size:14px; line-height:34px; margin-top:15px; color:#5a5a5a;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .yy{ width:90%; margin:auto; position:relative; margin-top:25px; z-index:3;}
.main .yy .tu{ width:83.33%; height:460px; position:relative; z-index:1;}
.main .yy .tu img{ width:100%; height:100%; object-fit:cover;}
.main .yy .wen{ width:360px; height:400px; overflow:auto; padding:25px 30px; box-sizing:border-box; position:absolute; right:0; top:30px; z-index:5; background-color:#1774c7;}
.main .yy .wen .w01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.main .yy .wen .w02{ font-size:14px; line-height:30px; margin-top:2px; color:#fff;}
.main .yy .wen::-webkit-scrollbar{ width:5px; height:1px;}
.main .yy .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#3f9ee7;}
.main .yy .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

.main .yy01{ width:90%; margin:5px auto; position:relative; margin-bottom:-8px;}
.main .yy01 .w01{ text-align:center; font-size:14px; line-height:30px; width:100%;}
.main .yy01 .w02{ width:100%; display:block; padding-top:20px;}
.main .yy01 .w02 li{ width:26%; display:block; float:left; text-align:center; padding:20px 3.665%; padding-bottom:0;}
.main .yy01 .w02 li strong{ display:block; width:120px; margin:auto;}
.main .yy01 .w02 li strong img{ width:100%; display:block;}
.main .yy01 .w02 li b{ display:block; font-size:16px; line-height:26px; margin-top:15px;}
.main .yy01 .w02 li p{ display:block; font-size:14px; line-height:30px; margin-top:7px; color:#5a5a5a;}
}
@media only screen and (max-width:1023px){
.main .yy{ width:94%; margin:auto; position:relative; margin-top:15px; z-index:3;}
.main .yy .tu{ width:83.33%; height:440px; position:relative; z-index:1;}
.main .yy .tu img{ width:100%; height:100%; object-fit:cover;}
.main .yy .wen{ width:80%; max-width:360px; height:400px; overflow:auto; padding:15px; box-sizing:border-box; position:absolute; right:0; top:20px; z-index:5; background-color:#1774c7;}
.main .yy .wen .w01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold;}
.main .yy .wen .w02{ font-size:14px; line-height:30px; margin-top:2px; color:#fff;}

.main .yy01{ width:94%; margin:5px auto; position:relative; margin-bottom:-5px;}
.main .yy01 .w01{ text-align:center; font-size:14px; line-height:24px; width:100%;}
.main .yy01 .w02{ width:100%; display:block; padding-top:5px;}
.main .yy01 .w02 li{ width:100%; display:block; float:left; text-align:center; margin-top:20px;}
.main .yy01 .w02 li strong{ display:block; width:120px; margin:auto;}
.main .yy01 .w02 li strong img{ width:100%; display:block;}
.main .yy01 .w02 li b{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.main .yy01 .w02 li p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#5a5a5a;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.main .box .news{ width:100%; display:block; margin-top:-20px;}
.main .box .news li{ padding:20px 30px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.main .box .news li .time{ float:left; background-color:#1774c7; width:60px; height:60px; text-align:center;}
.main .box .news li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.main .box .news li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.main .box .news li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.main .box .news li .conts .bt{ width:100%;}
.main .box .news li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .conts .bt a:hover{ color:#1774c7;}
.main .box .news li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .box .news{ width:100%; display:block; margin-top:-20px;}
.main .box .news li{ padding:20px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.main .box .news li .time{ float:left; background-color:#1774c7; width:60px; height:60px; text-align:center;}
.main .box .news li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.main .box .news li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.main .box .news li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.main .box .news li .conts .bt{ width:100%;}
.main .box .news li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .conts .bt a:hover{ color:#1774c7;}
.main .box .news li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}
@media only screen and (max-width:1023px){
.main .box .news{ width:100%; display:block; margin-top:-15px;}
.main .box .news li{ padding:15px 10px; border-bottom:1px dashed #dbd4cd; display:block; overflow:hidden;}
.main .box .news li .time{ float:left; background-color:#1774c7; width:60px; height:60px; text-align:center;}
.main .box .news li .time .day{ color:#fff; font-size:24px; line-height:40px; height:36px; font-weight:bold;}
.main .box .news li .time .date{ color:#fff; font-size:12px; line-height:20px; height:20px; font-weight:bold;}
.main .box .news li .conts{ float:right; height:60px; width:calc(100% - 70px);}
.main .box .news li .conts .bt{ width:100%;}
.main .box .news li .conts .bt a{ display:block; font-size:16px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .conts .bt a:hover{ color:#1774c7;}
.main .box .news li .conts .abstract{ font-size:14px; line-height:16px; height:32px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:8px; color:#5A5A5A;}
}

/*新闻资讯内页*/
@media screen and (min-width:1280px){
.main .news01{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.main .news01 .artdetail_title{ font-size:16px; line-height:26px; text-align:center; font-weight:bold;}
.main .news01 .artview_info{ margin-top:10px; margin-bottom:15px; text-align:center; font-size:14px; line-height:24px; color:#5a5a5a; vertical-align:middle;}
.main .news01 .text-source-left01{ margin:0 15px;}
.main .news01 .artview_info span{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_info a{ display:block; height:16px; padding-left:17px; width:auto; background-repeat:no-repeat; float:left; margin:0 3px;}
.bdsharebuttonbox{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_intro{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:15px; color:#868686;}
.main .news01 .artview_detail{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.main .news01 .artview_detail img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .news01{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .news01 .artdetail_title{ font-size:16px; line-height:26px; text-align:center; font-weight:bold;}
.main .news01 .artview_info{ margin-top:10px; margin-bottom:15px; text-align:center; font-size:14px; line-height:24px; color:#5a5a5a; vertical-align:middle;}
.main .news01 .text-source-left01{ margin:0 10px;}
.main .news01 .artview_info span{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_info a{ display:block; height:16px; padding-left:17px; width:auto; background-repeat:no-repeat; float:left; margin:0 3px;}
.bdsharebuttonbox{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_intro{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:15px; color:#868686;}
.main .news01 .artview_detail{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.main .news01 .artview_detail img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .news01{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .news01 .artdetail_title{ font-size:16px; line-height:26px; text-align:center; font-weight:bold;}
.main .news01 .artview_info{ margin-top:5px; margin-bottom:10px; text-align:center; font-size:14px; line-height:24px; color:#5a5a5a; vertical-align:middle;}
.main .news01 .text-source-left01{ margin:0 5px;}
.main .news01 .artview_info span{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_info a{ display:block; height:16px; padding-left:17px; width:auto; background-repeat:no-repeat; float:left; margin:0 3px;}
.bdsharebuttonbox{ display:inline-block; vertical-align:middle;}
.main .news01 .artview_intro{ width:100%; box-sizing:border-box; line-height:24px; padding:5px; font-size:14px; border:1px solid #e5e5e5; margin-top:10px; color:#868686;}
.main .news01 .artview_detail{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.main .news01 .artview_detail img{ max-width:100%; height:auto !important;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.main .lx{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.main .lx .left{ width:490px; float:left;}
.main .lx .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .lx .left .w02{ font-size:14px; line-height:24px; margin-top:30px; color:#666;}
.main .lx .right{ width:620px; float:right;}
.main .lx .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .lx .right .w02{ display:block;}
.main .lx .right .w02 dt{ width:303px; margin-left:14px; float:left; display:block; margin-top:30px;}
.main .lx .right .w02 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lx .right .w02 dt span{ display:block; font-size:14px; line-height:24px;}
.main .lx .right .w02 dt span a{ color:#f00; margin-left:3px;}
.main .lx .right .w02 dt p{ display:block; height:38px; border:1px solid #dedede; overflow:hidden; padding:0 10px; margin-top:6px;}
.main .lx .right .w02 dt p input{ width:100%; height:38px; line-height:38px; display:block; overflow:hidden;}
.main .lx .right .w02 dd{ width:100%; margin-top:40px; float:left;}
.main .lx .right .w02 dd input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#46a6ec; color:#fff; cursor:pointer; overflow:hidden;}
.main .lx .right .w02 dd input:hover{ background-color:#1387db;}
.main .lx #map{ width:100%; float:left; height:400px; margin-top:80px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .lx{ width:90%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .lx .left{ width:47%; float:left;}
.main .lx .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .lx .left .w02{ font-size:14px; line-height:24px; margin-top:20px; color:#666;}
.main .lx .right{ width:50%; float:right;}
.main .lx .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .lx .right .w02{ display:block;}
.main .lx .right .w02 dt{ width:49%; margin-left:2%; float:left; display:block; margin-top:20px;}
.main .lx .right .w02 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lx .right .w02 dt span{ display:block; font-size:14px; line-height:24px;}
.main .lx .right .w02 dt span a{ color:#f00; margin-left:3px;}
.main .lx .right .w02 dt p{ display:block; height:38px; border:1px solid #dedede; overflow:hidden; padding:0 10px; margin-top:6px;}
.main .lx .right .w02 dt p input{ width:100%; height:38px; line-height:38px; display:block; overflow:hidden;}
.main .lx .right .w02 dd{ width:100%; margin-top:30px; float:left;}
.main .lx .right .w02 dd input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#46a6ec; color:#fff; cursor:pointer; overflow:hidden;}
.main .lx .right .w02 dd input:hover{ background-color:#1387db;}
.main .lx #map{ width:100%; float:left; height:360px; margin-top:60px;}
}
@media only screen and (max-width:1023px){
.main .lx{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.main .lx .left{ width:100%; float:left;}
.main .lx .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .lx .left .w02{ font-size:14px; line-height:24px; margin-top:10px; color:#666;}
.main .lx .right{ width:100%; float:right; margin-top:20px;}
.main .lx .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .lx .right .w02{ display:block;}
.main .lx .right .w02 dt{ width:100%; float:left; display:block; margin-top:10px;}
.main .lx .right .w02 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lx .right .w02 dt span{ display:block; font-size:14px; line-height:24px;}
.main .lx .right .w02 dt span a{ color:#f00; margin-left:3px;}
.main .lx .right .w02 dt p{ display:block; height:38px; border:1px solid #dedede; overflow:hidden; padding:0 10px; margin-top:2px;}
.main .lx .right .w02 dt p input{ width:100%; height:38px; line-height:38px; display:block; overflow:hidden;}
.main .lx .right .w02 dd{ width:100%; margin-top:20px; float:left;}
.main .lx .right .w02 dd input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#46a6ec; color:#fff; cursor:pointer; overflow:hidden;}
.main .lx .right .w02 dd input:hover{ background-color:#1387db;}
.main .lx #map{ width:100%; float:left; height:260px; margin-top:40px;}
}