@charset "utf-8";
html,
body {
height: 100%;
}
/*@font-face{
font-family: 'bar';
src: url('../font/Barlow-Medium.ttf');
font-weight: normal;
font-style: normal;
}*/
/*@font-face{
font-family: 'tah';
src: url('../font/tahoma.ttf');
font-weight: normal;
font-style: normal;
}
*/
/*@font-face{
font-family: 'hnb';
src: url('../font/Helvetica Narrow Bold.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'rbt';
src: url('../font/Roboto-Bold.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'ret';
src: url('../font/Roboto-Regular.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'bst';
src: url('../font/Barlow-SemiBold.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'bbt';
src: url('../font/Barlow-Bold.ttf');
font-weight: normal;
font-style: normal;
}*/
* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
margin: 0px auto;
font-size: 14px;
line-height: 24px;
color: #666666;
width: 100%;
min-width: 320px;
zoom: 1;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
}
ul,
li,
form,
dl,
dt,
dd,
div,
ul,
li,
p,
em,
i,
address {
font-style: normal;
list-style: none;
padding: 0px;
margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0px;
margin: 0px;
}
select,
input,
textarea,
button {
font-size: 14px;
border-radius: 0;
-webkit-border-radius: 0;
color: #414446;
}
input:focus {
outline: none;
}
input,
button,
select,
textarea {
border: 0px;
outline: none;
/*-webkit-appearance:none;*/
/*强制去除表单自带的样式*/
}
button {
cursor: pointer;
}
textarea {
resize: none;
font-family: Arial;
/*-webkit-appearance:none;*/
/*强制去除textarea自带的样式*/
}
textarea,
input,
select {
background: none;
border: none;
margin: 0;
padding: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption,
address {
display: block;
}
/*html5设置*/
figure,
figcaption {
margin: 0px;
padding: 0px;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
img {
max-width: 100%;
border: none;
border: 0;
}
a {
color: #666666;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
a:focus {
outline: none;
-moz-outline: none;
}
a:hover {
text-decoration: none;
}
*:hover {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.clearfix::after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
*zoom: 1;
overflow: hidden;
}
dl:after,
ul:after {
content: ".";
clear: both;
display: block;
overflow: hidden;
font-size: 0;
height: 0;
}
::-moz-placeholder {
color: #484b53;
}
::-moz-placeholder {
color: #484b53;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: ret;
font-size: 14px;
color: #484b53;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-family: ret;
font-size: 14px;
color: #484b53;
}
select {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
/*Ie clear arr*/
.clear {
clear: both;
}
/*font*/
.Scale-img {
overflow: hidden;
cursor: pointer;
zoom: 1;
}
.Scale-img img,
.Scale-img span {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.Scale-img:hover img,
.Scale-img:hover span {
opacity: 1;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
top: 0px;
left: 0px;
}
/*pages*/
.Pages {
zoom: 1;
text-align: center;
overflow: hidden;
color: #666666;
line-height: 28px;
clear: both;
}
.Pages span {
padding: 0px 1px;
display: inline-block;
vertical-align: middle;
}
.Pages a {
display: inline-block;
margin: 0 6px;
font-size: 20px;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #969696;
}
.Pages .p_page a {
display: inline-block;
vertical-align: middle;
}
.Pages .p_page a.a_prev {
background: #969696 url(../images/njt1.png) center center no-repeat;
}
.Pages .p_page a.a_next {
background: #969696 url(../images/njt2.png) center center no-repeat;
}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur {
color: #fff;
background-color: #008bcc;
}
/*pages end*/
/*pages1*/
.Pages1 {
zoom: 1;
text-align: center;
overflow: hidden;
color: #666666;
line-height: 28px;
clear: both;
margin-top: 30px
}
.Pages1 span {
padding: 0px 1px;
display: inline-block;
vertical-align: middle;
}
.Pages1 a {
display: inline-block;
margin: 0 6px;
font-size: 20px;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #969696;
}
.Pages1 .p_page a {
display: inline-block;
vertical-align: middle;
}
.Pages1 .p_page a.a_prev {
background: #969696 url(../images/njt1.png) center center no-repeat;
}
.Pages1 .p_page a.a_next {
background: #969696 url(../images/njt2.png) center center no-repeat;
}
.Pages1 .p_page a:hover,
.Pages1 .p_page a.a_cur {
color: #fff;
background-color: #008bcc;
}
/*pages1 end*/
/*内容宽度 s*/
.w1200 {
width: 1100px;
margin: 0 auto;
}
.w1000 {
width: 1000px;
margin: 0 auto;
}
.SubBan,
.SubBan img {
width: 100%;
height: auto;
display: block;
}
.bar {
font-family: "Microsoft YaHei", "微软雅黑";
}
@media(max-width:1199px) {
.w1200 {
width: 95%;
}
}
@media(max-width:1000px) {
.w1000 {
width: 95%;
}
}
/*内容宽度 e*/
/*Top*/
.HeadTop {
width: 100%;
height: 37px;
/*background:#f7f7f7;*/
font-family: "Microsoft YaHei", "微乳雅黑";
}
.Tlang {
float: left;
width: 108px;
height: 32px;
line-height: 32px;
text-align: center;
background: #eceef2;
/*font-family:ret;*/
}
.Tlang a {
display: block;
font-size: 12px;
color: #484b53;
display: inline-block;
vertical-align: middle;
}
.Tlang i {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 16px;
background: #585858;
margin: 0 8px;
}
.Tlang a.on {
color: #b3b8c4;
cursor: initial;
}
.TopCnt {
float: left;
display: block;
vertical-align: middle;
background: #007cc2;
font-size: 13px;
color: #fff;
text-align: center;
width: 90px;
line-height: 32px;
/*font-family:ret;*/
}
.Searchbox {
position: relative;
float: left;
}
.Searchbox .icon {
width: 38px;
height: 32px;
background: #eceef2 url(../images/sea.png) center center no-repeat;
cursor: pointer;
}
.Search {
display: none;
background: #fff;
border-radius: 13px;
width: 263px;
height: 30px;
position: absolute;
right: -50px;
top: 40px;
z-index: 888;
box-shadow: 0px 0px 5px #ccc;
}
.Search .ipt {
width: 80%;
height: 30px;
line-height: 30px;
text-indent: 1em;
}
.Search .searchbtn {
color: #fff;
cursor: pointer;
width: 70px;
height: 30px;
border-radius: 13px;
background: #007cc2;
position: absolute;
right: 0px;
top: 0px;
}
.topLink {
float: left;
/*font-family:ret;*/
font-size: 16px;
color: #fff;
line-height: 38px;
background: #eceef2;
}
.topLink a.car {
display: block;
width: 38px;
height: 32px;
background: #eceef2 url(../images/car.png) center center no-repeat;
cursor: pointer;
}
.TopCnt:hover {
background: #007cc2;
color: #fff;
}
.Searchbox .icon:hover {
background: #007cc2 url(../images/sea1.png) center center no-repeat;
}
.topLink a:hover {
background: #007cc2 url(../images/car1.png) center center no-repeat;
}
.Header {
transition: all .3s linear;
padding-top: 20px;
}
.HeadCon {
height: 90px;
}
.Header .Logo {
float: left;
}
.Header.fixedhead {
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
background: #fff;
}
.Topbox {
float: right;
margin-top: 17px;
position: relative;
padding-left: 20px;
}
.Topbox::after {
content: "";
display: block;
width: 2px;
height: 20px;
background: #e8e8e8;
position: absolute;
top: 0px;
left: 0px;
}
.TopNav {
/*float:left;*/
width: 100%;
}
.TopLang {
float: right;
line-height: 19px;
}
.TopLang a {
font-size: 20px;
color: #484b53;
display: inline-block;
margin-right: 10px;
font-family: hvt;
font-weight: bold;
}
/*.Searchbox{float:right;cursor:pointer;position:relative;}
.Searchbox .icon{cursor:pointer;}
.Searchbox .icon img{vertical-align:middle;}
.Search{display:none;background:#fff;border-radius:13px;width:263px;height:30px;position:absolute;right:0px;top:50px;right:0px; z-index:888;box-shadow:0px 0px 5px #ccc;}
.Search .ipt{width:80%;height:30px;line-height:30px;padding:0 15px;box-sizing:border-box;}
.Search .searchbtn{color:#fff;cursor:pointer;width:70px;height:30px;border-radius:13px;background:#007cc2;position:absolute;right:0px;top:0px;}
*/
.MainNav {
float: right;
margin-left: 50px;
margin-top: 10px;
}
.MainNav li {
float: left;
padding-left: 40px;
position: relative;
}
.MainNav li span a {
position: relative;
display: block;
color: #484b53;
text-align: center;
font-size: 20px;
height: 60px;
text-transform: uppercase;
font-family: hvt;
/*font-weight:bold;*/
}
.MainNav li:hover span a,
.MainNav li.onnav span a,
.MainNav li span a.sele {
color: #007cc2;
}
.NavPull {
width: 220px;
top: 60px;
left: 50%;
background: #eceef2;
margin-left: -90px;
position: absolute;
z-index: 99999;
display: none;
text-align: center;
}
/*.NavPull dd{}*/
.NavPull dd a {
display: block;
border-bottom: 1px solid #b3b8c4;
position: relative;
font-size: 15px;
color: #484b53;
line-height: 35px;
font-family: "Microsoft YaHei", "微软雅黑";
}
.NavPull dd:hover a {
color: #007cc2;
}
.addmobile {
display: none;
}
@media(max-width:1200px) {
.addpc {
display: none;
}
.addmobile {
display: block;
}
}
/*产品三级*/
.MainNav li.cpli .NavPull {
width: 838px;
min-height: 388px;
margin-left: -419px;
padding: 30px 30px 30px 60px;
box-sizing: border-box;
}
/*.MainNav li.cpli .NavPull dd{width:350px;}*/
.MainNav li.cpli .NavPull dd a.erji {
width: 250px;
padding: 0 15px;
box-sizing: border-box;
text-align: left;
background: url(../images/jts.jpg) 95% center no-repeat;
}
/*.MainNav li.cpli .NavPull dd{position:relative;}*/
.MainNav li.cpli .NavPull dd .sanji {
max-height: 288px;
width: 470px;
position: absolute;
top: 30px;
right: 30px;
display: none;
overflow: auto;
}
.MainNav li.cpli .NavPull dd .sanji a {
background: #eceef2;
color: #484b53;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.MainNav li.cpli .NavPull dd:hover a.erji {
background: url(../images/jt.jpg) 95% center no-repeat;
}
/*.MainNav li.cpli .NavPull dd:hover .sanji{display:block;}*/
.MainNav li.cpli .NavPull .sanji a:hover {
color: #007cc2;
}
.NavPull.null {
background: none;
padding: 0;
box-shadow: 0 0px 0px none;
}
.MainNav.mobilenav .arr {
display: none;
position: absolute;
z-index: 2;
width: 100%;
height: 46px;
left: 0px;
top: 0px;
}
.MainNav.mobilenav .arr i {
position: absolute;
width: 17px;
height: 10px;
background: url(../images/arr.png);
right: 10px;
top: 15px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.MainNav.mobilenav li.onnav .arr i {
-moz-transform: translate(0, -3px) rotate(-180deg) !important;
-ms-transform: translate(0, -3px) rotate(-180deg) !important;
-o-transform: translate(0, -3px) rotate(-180deg) !important;
transform: translate(0, -3px) rotate(-180deg) !important;
}
.openbtn {
display: none;
position: absolute;
right: 2.5%;
top: 40px;
cursor: pointer;
width: 30px;
z-index: 999;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.closebtn.auto {
position: fixed;
left: 0px;
top: 0px;
width: auto;
height: 100%;
z-index: 887;
display: none;
}
.openbtn span {
display: block;
width: 30px;
height: 3px;
background: rgba(255, 255, 255, 1);
margin-bottom: 8px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.openbtn.on .sp1 {
-webkit-transform: translate(0, 8px) rotate(45deg) !important;
-moz-transform: translate(0, 8px) rotate(45deg) !important;
-ms-transform: translate(0, 8px) rotate(45deg) !important;
-o-transform: translate(0, 8px) rotate(45deg) !important;
transform: translate(0, 8px) rotate(45deg) !important;
background: #007cc2;
width: 30px;
}
.openbtn.on .sp2 {
-webkit-transform: translate(0, -2px) rotate(-45deg) !important;
-moz-transform: translate(0, -2px) rotate(-45deg) !important;
-ms-transform: translate(0, -2px) rotate(-45deg) !important;
-o-transform: translate(0, -2px) rotate(-45deg) !important;
transform: translate(0, -2px) rotate(-45deg) !important;
background: #007cc2;
}
.openbtn.on .sp3 {
display: none;
}
/*.MainNav li:hover .NavPull{display:block;}
*/
@media(max-width:768px) {
.MainNav li.cpli .NavPull dd .sanji {
display: none !important;
}
}
@media ( max-width:1199px) {
.Header {
padding-top: 0px;
position: relative;
}
.HeadTop {
height: auto;
}
.MainNav li {
margin: 0 0;
padding: 0 10px;
box-sizing: border-box;
}
.NavPull,
.MainNav li.cpli .NavPull {
margin-top: 0px;
position: static;
margin-left: 0px;
width: 100%;
}
.MainNav,
.MainNav li:hover .NavPull {
display: none;
}
.MainNav .line {
bottom: 0px;
}
.MainNav.mobilenav .NavPull dd a,
.MainNav li.cpli .NavPull dd a.erji {
text-align: left;
line-height: 24px;
padding: 5px 10px;
font-size: 14px;
box-sizing: border-box;
}
.MainNav li.cpli .NavPull dd a.erji {
font-size: 14px;
line-height: 22px;
}
.Header,
.HeadCon {
height: 50px;
}
.Header .Logo {
padding-top: 5px;
width: auto;
position: absolute;
left: 2.5%;
}
.Header .Logo img {
height: 40px;
display: inline-block;
}
.openbtn.on .sp1 {
-webkit-transform: translate(0, 5px) rotate(45deg) !important;
-moz-transform: translate(0, 5px) rotate(45deg) !important;
-ms-transform: translate(0, 5px) rotate(45deg) !important;
-o-transform: translate(0, 5px) rotate(45deg) !important;
transform: translate(0, 5px) rotate(45deg) !important;
width: 25px;
}
.openbtn {
display: block;
top: 16px;
width: 25px;
}
.openbtn span {
background: #007cc2;
width: 25px;
}
.openbtn span,
.closebtn span {
margin-bottom: 5px;
}
.Topbox {
height: auto;
float: right;
width: auto;
margin-right: 50px;
margin-top: 0px;
}
.Topbox::after {
display: none;
}
.TopLang {
margin-top: 15.5px;
}
.TopLang a {
margin-left: 10px;
}
.Header .Searchbox {
position: static;
float: right;
margin-top: 18px;
}
.Header .Searchbox .icon {
width: 24px;
}
.Header .Search {
width: 280px;
top: 50px;
right: 5%;
}
.Header .Search .box {
width: auto;
height: 40px;
}
.Header .Search .ipt {
vertical-align: top;
width: 90%;
}
.MainNav.mobilenav {
position: absolute;
top: 50px;
right: 0px;
z-index: 999;
width: 100%;
padding-bottom: 50px;
background: #e8e8e8;
overflow-y: auto;
margin-left: 0px;
margin-top: 0px;
}
.MainNav.mobilenav li {
display: block;
width: 100%;
border-bottom: 1px solid #9e9e9e;
}
.MainNav.mobilenav li span a {
height: 40px;
line-height: 40px;
font-size: 15px;
text-align: left;
padding-left: 10px;
}
.MainNav.mobilenav .arr {
display: block;
}
.MainNav.mobilenav .NavPull,
.MainNav li.cpli .NavPull dd:hover .sanji,
.MainNav li.cpli .NavPull dd .sanji {
display: none;
}
.NavPull dd:last-child a {
border-bottom: 0px;
}
.MainNav li.cpli .NavPull {
width: 100%;
padding: 0px;
height: 150px;
min-height: 230px;
overflow-x: auto;
}
.MainNav li.cpli .NavPull dd a.erji {
width: 95%;
margin: 0 auto;
}
.MainNav li.cpli .NavPull dd .sanji::-webkit-scrollbar {
width: 3px;
height: 3px;
-webkit-overflow-scrolling: touch;
background-color: #e6e6e6;
}
.MainNav li.cpli .NavPull dd .sanji::-webkit-scrollbar-track {
background-color: #e6e6e6;
}
.MainNav li.cpli .NavPull dd .sanji::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #58504a;
}
.MainNav li.cpli .NavPull dd .sanji::-webkit-scrollbar-button {
height: 0px;
background-color: #e6e6e6;
}
}
/*Top e*/
/*Foot s*/
.FotBox {
padding-bottom: 30px;
margin-top: 0;
}
.FotBox1 .FotBox {
margin-top: 0px;
}
.FotBox1 .FotBox .FotCar {
margin-top: 0px!important;
}
.FotBox .FotTop {
font-size: 22px;
color: #007cc2;
font-weight: bold;
font-family: "Microsoft YaHei", "微软雅黑";
}
.Fta {
margin-top: 45px;
}
.Fta a {
display: inline-block;
vertical-align: top;
margin-right: 30px;
}
.Fta a img {
border-radius: 3px;
}
.FotCar {
width: 100%;
height: 40px;
background: #007cc2;
line-height: 40px;
font-size: 26px;
color: #fff;
margin: 0 0 40px 0;
}
.FotCar a {
color: #fff;
}
.FotCar img {
display: inline-block;
vertical-align: middle;
margin: -5px 20px 0 0;
}
.fotul dl.dl1 {
width: 39%;
float: left;
}
.fotul dl.dl4 {
width: 15%;
float: left;
}
.fotul dl.dl2 {
width: 15%;
float: left;
}
.fotul dl.dl3 {
width: 29%;
float: right;
}
.fotul dl dt a {
/*font-family:bbt;*/
display: block;
width: 100%;
font-size: 18px;
color: #333;
/*font-weight:bold;*/
}
.fotul dl dt {
margin-bottom: 8px;
}
.fotul dl dd {
width: 100%;
font-size: 13px;
color: #484b53;
/*margin-top:1px;*/
}
.fotul dl dd a {
/* font-family:ret;*/
color: #484b53;
display: block;
}
.fotul dl.dl1 dd {
width: 50%;
float: left;
}
.fotul dl:hover dt a,
.fotul dl dd a:hover {
color: #007cc2;
}
.FotBot {
/*font-family: ret;*/
font-size: 14px;
color: #484b53;
margin-top: 20px;
border-top: 1px solid #007cc2;
padding-top: 20px;
}
.FotBot .yqlink {
margin-top: 5px;
font-size: 12px;
}
.FotBot .yqlink span {
display: inline-block;
vertical-align: top;
}
.FotBot .yqlink a {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
/*Foot e*/
/*首页*/
/*banner*/
.HomeBan {
overflow: hidden;
height: auto;
clear: both;
position: relative;
/*height: 450px*/
}
.HomeBan li {
line-height: 0px;
}
.HomeBan li a {
display: inline-block;
height: auto;
}
.HomeBan li img.banimg {
width: 100%;
height: auto;
}
.HomeBan li .BanCon {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
text-align: right;
}
.HomeBan li .BanCon img {
width: auto;
display: inline-block;
}
/*.HomeBan .slides,
.HomeBan.flexslider {
height: 445px
}*/
.HomeBan .flex-control-nav {
bottom: 10px;
z-index: 10;
display: block;
}
.HomeBan .flex-control-nav li a {
opacity: 1;
width: 14px;
height: 14px;
background: #fff;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.HomeBan .flex-control-nav li a:hover,
.HomeBan .flex-control-nav li a.flex-active {
opacity: 1;
background: #007cc2;
}
.HomeBan .flex-direction-nav a {
width: 40px;
height: 40px;
text-indent: 99999px;
overflow: hidden;
}
.HomeBan .flex-direction-nav .flex-prev {
opacity: 1;
left: 24px;
background: url(../images/jtf.jpg) center center no-repeat;
background-size: 100% 100%;
}
.HomeBan .flex-direction-nav .flex-next {
opacity: 1;
right: 24px;
background: url(../images/jtr.jpg) center center no-repeat;
background-size: 100% 100%;
}
.flex-direction-nav a:before {
display: none!important;
}
@media ( max-width:1440px) {
.HomeBan li .BanCon img {
height: 170px;
}
.HomeBan {
height: auto
}
}
@media ( max-width:1199px) {
.HomeBan li .BanCon img {
height: 140px;
}
.HomeBan .flex-direction-nav a {
width: 25px;
height: 25px;
}
.HomeBan .flex-direction-nav .flex-prev {
left: 5px;
}
.HomeBan .flex-direction-nav .flex-next {
right: 5px;
}
.flex-control-nav li {
margin: 0 3px;
}
.HomeBan .flex-control-nav li a {
width: 10px;
height: 10px;
}
}
@media ( max-width:768px) {
.HomeBan .slides,
.HomeBan.flexslider {
height: auto
}
}
/*新闻*/
.HomeNew {
padding: 55px 0;
background: #e9e4e0;
}
.HomeNew .w1200 {
padding: 0 40px;
}
.HomeNew .box {
/*background:#fff;*/
}
.HomeNew .box .Nt1 {
/*font-family:hvt;*/
font-size: 18px;
color: #333;
/*font-weight:bold;*/
line-height: 28px;
/*height:56px;*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.HomeNew .box .Nt2 {
/*font-family:ret;*/
font-size: 13px;
color: #484b53;
line-height: 22px;
margin: 10px 0 15px 0;
height: 90px;
/*table-layout:fixed;word-wrap: break-word;word-break: normal;text-align:justify;text-justify:inter-ideograph;*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.HomeNew .box .nmore {
/*font-family:rbt;*/
/*font-weight:bold;*/
font-size: 15px;
color: #007cc2;
}
/*.HomeNew .owl-carousel .owl-stage-outer{padding:20px 0;}*/
.HomeNew .item .box .Nt1:hover {
color: #007cc2;
}
.HomeNew .item .box .nmore:hover {
color: #b2b8c4;
}
.HomeNew .owl-nav {
width: 100%;
}
.HomeNew .owl-dots {
display: none;
}
.HomeNew .owl-carousel .owl-nav button.owl-prev,
.HomeNew .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.HomeNew .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.HomeNew .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.HomeNew .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.HomeNew .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
/*
.PicList001646 涓篸emo缂栧彿
*/
.HomePro {
padding: 35px 0 0;
}
.HomePro dl dt,
.HomePro dl dd {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.HomePro dl dd {
padding-left: 5%;
box-sizing: border-box;
}
.HomePro .Probox:nth-child(2n) dl dd {
padding-left: 0px;
padding-right: 5%;
}
.HomePro .Probox {
border-bottom: 1px solid #007cc2;
padding-bottom: 20px;
margin-bottom: 35px;
}
.HomePro .Probox .Proimg {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.HomePro .Probox .Proimg,
.HomePro .Probox .Proimg img {
width: 100%;
}
.HomePro .Probox .Proimg img {
transition: all .5s;
}
.HomePro .Probox .Proimg:hover img {
transform: scale(1.1);
}
.HomePro .ProTit {
/*font-family:bst;*/
width: 100%;
display: block;
font-size: 25px;
font-weight: bold;
color: #007cc2;
margin-bottom: 35px;
}
.HomePro .Protxt {
/*font-family:ret;*/
font-size: 13px;
color: #4e4e4e;
/*height:120px;*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin: 20px 0 15px 0;
line-height: 21px;
}
.HomePro .pmore {
/*font-family:rbt;*/
font-size: 15px;
color: #007cc2;
}
.HomePro dl dt:hover .pmore {
color: #b3b8c4;
}
.HomePro .Probox dl li {
position: relative;
padding-left: 180px;
box-sizing: border-box;
margin-bottom: 25px;
}
.HomePro .Probox dl li .cps {
width: 150px;
position: absolute;
left: 0px;
transition: all .5s;
}
.HomePro .Probox dl li .Cptxt .cp1 {
/*font-family:hvt;*/
font-size: 18px;
/*font-weight:bold;*/
line-height: 30px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.HomePro .Probox dl li .Cptxt .cp2 {
/*font-family:ret;*/
font-size: 13px;
color: #484b53;
margin: 2px 0;
/*height:70px;*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 25px;
}
.HomePro .Probox dl li .Cptxt .cp3 {
/*font-family:rbt;*/
font-size: 15px;
color: #007cc2;
/*margin-top:14px;*/
}
.HomePro .Probox dl {
display: table;
width: 100%;
}
.HomePro .Probox dl li:hover .cps {
transform: scale(1.1);
}
.HomePro .Probox dl li .Cptxt .cp1:hover {
color: #0077c2;
}
.HomePro .Probox dl li .Cptxt .cp3:hover {
color: #b3b8c4;
}
.Probox1 dl dt {
width: 57%;
}
.Probox1 dl dd {
width: 43%;
padding-left: 3%;
}
.HomePro .Probox1 {
border-bottom: none;
}
.HomePro .Probox1 dl li {
margin-bottom: 0px;
}
.HomePro .Probox1 dl li .cps {
width: 56px;
top: 0px;
transform: translate(0, 0);
}
.HomePro .Probox1 dl li {
padding-left: 65px;
}
.HomePro .Probox1 dl li .Cptxt .cp1 {
/*font-family:bbt;*/
color: #333;
font-weight: bold;
font-size: 16px;
}
.HomePro .Probox1 dl li .Cptxt .cp2 {
/*font-family:ret;*/
font-size: 12px;
color: #484b53;
margin-bottom: 0px;
/*margin-top:10px;*/
/*height:72px;-webkit-line-clamp:3;*/
display: block;
}
.HomePro .Probox1 .Proimg video {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
object-fit: fill;
}
@media ( max-width:1199px) {
.HomeNew .owl-carousel .owl-nav button.owl-prev {
left: 0px;
}
.HomeNew .owl-carousel .owl-nav button.owl-next {
right: 0px;
}
}
@media ( max-width:997px) {
.HomeNew {
padding: 10px 0;
}
.HomeNew .w1200 {
padding: 0;
}
.HomeNew .owl-carousel .owl-nav button.owl-prev,
.HomeNew .owl-carousel .owl-nav button.owl-next {
width: 30px;
height: 30px;
}
.HomeNew .box .Nt1 {
font-size: 18px;
line-height: 22px;
height: 44px;
}
.HomeNew .box .Nt2 {
font-size: 15px;
height: 88px;
margin: 15px 0;
}
.HomeNew .box {
padding: 15px 35px;
}
.HomePro {
padding-top: 30px;
}
.HomePro .ProTit {
font-size: 22px;
margin-bottom: 20px;
}
.HomePro .Probox dl,
.HomePro dl dt,
.HomePro dl dd {
display: block;
width: 100%;
padding-left: 0px;
}
.HomePro .Protxt {
margin: 20px 0 10px;
}
.HomePro dl dd {
margin-top: 20px;
}
.HomePro .Probox {
padding-bottom: 25px;
margin-bottom: 30px;
}
.HomePro .Probox dl li .cps {
width: 100px;
}
.HomePro .Probox dl li {
padding-left: 105px;
margin-bottom: 15px;
}
.HomePro .Probox dl li .Cptxt .cp1 {
font-size: 15px;
line-height: 22px;
}
.HomePro .Probox dl li .Cptxt .cp2 {
font-size: 14px;
line-height: 20px;
/*height:80px;*/
margin: 10px 0 5px;
}
.HomePro .Probox1 dl li {
padding-left: 55px;
}
.HomePro .Probox1 dl li .cps {
width: 45px;
}
.HomePro .Probox1 dl li .Cptxt .cp2 {
margin-top: 5px/*;height:60px;*/
}
.FotBox .FotTop {
font-size: 16px;
}
.FotBox {
padding-bottom: 20px;
}
.FotBot {
font-size: 14px;
margin-top: 0px;
}
.Fta {
margin-top: 15px;
}
.Fta a {
margin-right: 10px;
}
.Fta a img {
width: 30px;
}
.FotCar {
font-size: 16px;
height: 30px;
line-height: 30px;
}
.FotCar img {
width: 30px;
margin-right: 10px;
}
.fotul dl.dl1,
.fotul dl.dl2,
.fotul dl.dl3,
.fotul dl.dl4 {
width: 100%;
float: none;
margin: 10px 0;
}
.fotul dl dt {
margin-bottom: 10px;
}
.fotul dl dt a {
font-size: 16px;
padding-bottom: 5px;
}
.fotul dl dd {
font-size: 14px;
line-height: 20px;
}
.fotul dl.dl1 dd,
.fotul dl.dl2 dd,
.fotul dl.dl4 dd {
width: 50%;
float: left;
}
}
/*新闻中心*/
.Posi {
width: 100%;
line-height: 30px;
background: rgba(232, 232, 232, 0.5);
font-size: 14px;
color: #484b53;
padding: 5px 0;
}
.Posi a {
color: #4e4e4e;
}
.Posi img {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
.NewArea {
padding: 40px 0;
/*border-bottom:1px solid #007cc2;*/
margin-bottom: 30px;
}
.NewTop .NewT1 {
font-size: 25px;
color: #007cc2;
text-align: center;
}
.NewTop .NewT2 {
font-size: 14px;
color: #484b53;
margin-top: 25px;
}
.Newdl {
padding: 35px 0;
border-bottom: 1px solid #007cc2;
margin-bottom: 35px;
text-align: center;
}
.Newdl dd {
width: 33.333%;
float: left;
text-align: center;
}
.Newdl dd p {
font-size: 16px;
color: #484b53;
margin-top: 20px;
}
.Newdl dd.on p,
.Newdl dd:hover p {
color: #007cc2
}
.NewList .Ntop {
font-size: 25px;
color: #007cc2;
}
.NewList ul {
margin-top: 35px;
}
.NewList li {
width: 48%;
float: left;
margin-bottom: 50px;
}
.NewList li:nth-child(2n) {
float: right;
}
.NewList li .Nimg {
width: 45%;
float: left;
overflow: hidden;
}
.NewList li .Nimg img {
width: 100%;
transition: all .3s linear;
}
.NewList li .NTxt {
width: 51%;
float: right;
}
.NewList li .NTxt .ntime {
font-size: 16px;
color: #484b53;
}
.NewList li .NTxt .ntime i {
display: inline-block;
vertical-align: middle;
width: 2px;
height: 14px;
background: #6d6d6d;
margin: -3px 20px 0 0;
}
.NewList li .NTxt .nt1 {
margin-top: 10px;
font-size: 18px;
color: #333;
/*font-weight:bold;*/
height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.NewList li .NTxt .nt2 {
margin: 10px 0 10px 0;
font-size: 13px;
color: #484b53;
line-height: 20px;
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.NewList li .NTxt .nt3 {
font-size: 15px;
color: #007cc2;
}
.NewList li:hover .Nimg img {
transform: scale(1.1);
}
.NewList li .NTxt .nt1:hover {
color: #007cc2;
}
.NewList li .NTxt .nt3:hover {
color: #b3b8c4;
}
@media ( max-width:997px) {
.NewList li {
width: 100%;
float: none;
}
.NewList li:nth-child(2n) {
float: none;
}
.NewArea,
.Newdl {
padding: 30px 0;
margin-bottom: 30px;
}
}
@media ( max-width:480px) {
.NewTop .NewT1,
.NewList .Ntop {
font-size: 20px;
}
.NewTop .NewT2 {
font-size: 15px;
margin-top: 10px;
}
.Newdl dd img {
width: 45px;
}
.Newdl dd p {
font-size: 16px;
margin-top: 10px;
line-height: 20px;
}
.Newdl {
padding: 20px 0;
}
.NewList ul {
margin: 30px 0 35px 0;
}
.NewList li .NTxt .ntime {
font-size: 14px;
}
.NewList li .NTxt .nt1 {
font-size: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: auto;
display: block;
margin-top: 0px;
}
.NewList li .NTxt .nt2 {
margin: 5px 0;
font-size: 15px;
height: 40px;
-webkit-line-clamp: 2;
}
.NewList li .NTxt .ntime i {
margin: 0 5px 0 0;
}
.NewList li {
margin-bottom: 20px;
}
.Pages a {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 15px;
margin: 0 3px;
}
.Pages1 a {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 15px;
margin: 0 3px;
}
}
/*新闻详情*/
.SubPage {
padding: 60px 0;
/*border-bottom:1px solid #007cc2;*/
color: #484b53;
}
.SubPage .SubCon {
width: 1000px;
margin: 0 auto;
}
.SubPage .SubCon .Newtext {
text-align: center;
}
.SubPage .SubCon .NewTitle {
font-size: 24px;
line-height: 32px;
font-weight: normal;
}
.SubPage .SubCon .Ndate {
font-size: 16px;
margin-top: 35px;
}
.SubPage .PageCon {
font-size: 13px;
margin-top: 40px;
color: #484b53;
}
.SubPage .PageCon p {
margin-bottom: 6px;
line-height: 21px;
}
.SubPage .PageNext {
font-size: 13px;
margin-top: 15px;
}
.SubPage .PageNext a {
color: #4e4e4e;
}
.Cpbox {
padding: 35px 0px 0px 0px;
/*border-bottom:1px solid #007cc2;*/
}
.ComTit {
font-size: 25px;
color: #007cc2;
}
/* .Proul{margin-top:55px;} */
.Proul li {
width: 48%;
float: left;
}
.Proul li:nth-child(2n) {
float: right;
}
.Proul li {
position: relative;
padding-left: 180px;
box-sizing: border-box;
margin-bottom: 30px;
}
.Proul li .cps {
width: 150px;
position: absolute;
left: 0px;
}
.Proul li .Cptxt .cp1 {
/*font-weight:bold;*/
font-size: 18px;
color: #333;
height: 61px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Proul li .Cptxt .cp1::after {
content: '';
display: block;
width: 20px;
height: 3px;
background: #007cc2;
margin-top: 10px;
}
.Proul li .Cptxt .cP1_1 {
font-size: 16px;
margin-top: 8px;
}
.Proul li .Cptxt .cp2 {
font-size: 13px;
color: #484b53;
margin: 2px 0 10px;
height: 72px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.Proul li .Cptxt .cp3 {
font-size: 15px;
color: #007cc2;
}
.Proul li .cps {
transition: all .5s;
}
.Proul li:hover .cps {
transform: scale(1.1);
}
.Proul li .Cptxt .cp1:hover {
color: #0077c2;
}
.Proul li .Cptxt .cp3:hover {
color: #b3b8c4;
}
.NewLists {
padding: 35px 0 0 0px;
margin-bottom: 70px;
/*border-bottom:1px solid #007cc2;*/
}
.NewLists ul {
margin-bottom: 0px;
}
.NewLists li .NTxt .nt1 {
margin-top: 0px;
}
@media ( max-width:997px) {
.SubPage,
.Cpbox {
padding: 30px 0;
}
.SubPage .SubCon {
width: 100%;
}
.SubPage .SubCon .NewTitle {
font-size: 17px;
line-height: 23px;
}
.SubPage .SubCon .Ndate {
margin-top: 10px;
}
.SubPage .PageCon {
margin-top: 20px;
}
.SubPage .PageCon {
font-size: 14px;
}
.SubPage .PageCon p {
margin-bottom: 10px;
}
.SubPage .PageNext {
margin-top: 20px;
}
.Proul li {
width: 100%;
float: none;
}
.Proul li:nth-child(2n) {
float: none;
}
.Proul li .cps {
width: 100px;
}
.Proul li {
padding-left: 105px;
margin-bottom: 15px;
}
.Proul li .Cptxt .cp1 {
font-size: 16px;
}
.Proul li .Cptxt .cp2 {
font-size: 12px;
line-height: 20px;
height: auto;
margin: 5px 0 5px;
}
.NewLists li .NTxt .nt1 {
margin-top: 0px;
}
.ComTit {
font-size: 22px;
}
.Proul {
margin-top: 20px;
}
.NewLists {
padding: 30px 0 20px;
margin-bottom: 30px;
}
.NewLists ul {
margin-bottom: 0px;
}
}
/*产品中心*/
.Cplist {
padding: 35px 0 20px 0;
border-bottom: 1px solid #007cc2;
}
.Cplist li {
width: 100%;
text-align: center;
}
.Cplist li p {
font-family: ret;
font-size: 12px;
color: #484b53;
margin-top: 20px;
line-height: 18px;
text-align: center;
}
/*.Cplists li{width:12.5%;float:left;}*/
.ComTit p {
font-size: 14px;
color: #484b53;
margin-top: 25px;
/*font-family:ret;*/
}
.Cplist li {
text-align: left;
}
.Cplist li:hover p {
color: #007cc2;
}
.Cplist li img {
transition: all .5s;
width: 88px!important;
margin: 0 auto
}
.Cplist li:hover img {
transform: scale(1.1);
}
.Cplist .owl-nav {
width: 100%;
}
.Cplist .owl-dots {
display: none;
}
.Cplist .owl-carousel .owl-nav button.owl-prev,
.Cplist .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.Cplist .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Cplist .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Cplist .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Cplist .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
@media(min-width:997px) {
.Cplist {
display: flex;
justify-content: space-between;
}
.Cplist::after {
display: none;
}
}
.DoctBox,
.ZzSlider {
padding: 35px 0;
border-bottom: 1px solid #007cc2;
}
.DoctBox ul {
margin-top: 35px;
}
.DoctBox li {
width: 25%;
float: left;
text-align: center;
}
.DoctBox li p {
font-size: 14px;
color: #484b53;
margin-top: 15px;
/* font-family:rbt; */
}
.DoctBox li img {
transition: all .5s;
}
.DoctBox li:hover img {
transform: scale(1.1);
}
.DoctBox li:hover p {
color: #007cc2;
}
.developmentUls li {
width: 100%;
float: none;
}
.developmentUls li img {
width: auto!important;
margin: 0 auto;
}
.DeveSlider {
position: relative;
}
.DeveSlider .owl-nav {
width: 100%;
}
.DeveSlider .owl-dots {
display: none;
}
.DeveSlider .owl-carousel .owl-nav button.owl-prev,
.DeveSlider .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.DeveSlider .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.DeveSlider .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.DeveSlider .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.DeveSlider .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.NewLists1 {
margin-bottom: 0px;
}
.ZzSlider .zzimg {
width: 100%;
overflow: hidden;
}
.ZzSlider .zzimg img {
width: auto!important;
transition: all .3s linear;
margin: 0 auto;
}
.ZzSlider .item:hover .zzimg img {
transform: scale(1.1);
}
.ZzSlider .zztit {
font-size: 14px;
color: #484b53;
margin-top: 15px;
font-family: ret;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.ZzSlider .zzbox {
margin-top: 35px;
}
.ZzSlider .item:hover .zztit {
color: #007cc2;
}
.ZzSlider .zztit1 {
margin-top: 10px;
display: block;
line-height: 50px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
background: #f5f5f5;
font-size: 14px;
color: #232323;
background: #f5f5f5;
}
.ZzSlider .owl-nav {
width: 100%;
}
.ZzSlider .owl-dots {
display: none;
}
.ZzSlider .owl-carousel .owl-nav button.owl-prev,
.ZzSlider .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.ZzSlider .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.ZzSlider .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.ZzSlider .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.ZzSlider .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
@media(min-width:997px) {
.Cplist {
display: flex;
justify-content: space-between;
}
}
/*视频弹框*/
.popboxx iframe {
width: 650px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 450px;
z-index: 2;
}
.popboxx {
width: 100%;
z-index: 999;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0px;
left: 0px;
display: none;
}
.popboxx .closebox {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.product-video {
position: relative;
width: 100%;
height: 100%;
box-shadow: 0 0 200px rgba(4, 0, 0, .3);
}
.product-video .video-content {
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
z-index: 999;
}
.product-video .video-content .close {
width: 50px;
height: 50px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
z-index: 999;
}
.product-video .video-content .close img {
width: 100%;
}
.product-video .video-content video {
width: 100%;
height: 100%;
object-fit: fill;
vertical-align: middle;
outline: none;
}
@media ( max-width:1199px) {
.ZzSlider .owl-carousel .owl-nav button.owl-prev,
.DeveSlider .owl-carousel .owl-nav button.owl-prev,
.Cplist .owl-carousel .owl-nav button.owl-prev {
left: -25px;
}
.ZzSlider .owl-carousel .owl-nav button.owl-next,
.DeveSlider .owl-carousel .owl-nav button.owl-next,
.Cplist .owl-carousel .owl-nav button.owl-next {
right: -25px;
}
.Cplist .owl-carousel .owl-nav button.owl-prev,
.Cplist .owl-carousel .owl-nav button.owl-next,
.DeveSlider .owl-carousel .owl-nav button.owl-prev,
.DeveSlider .owl-carousel .owl-nav button.owl-next,
.ZzSlider .owl-carousel .owl-nav button.owl-prev,
.ZzSlider .owl-carousel .owl-nav button.owl-next {
width: 25px;
height: 25px;
top: 30%;
}
}
@media ( max-width:997px) {
.Cplist,
.DoctBox,
.ZzSlider {
padding: 30px 0;
}
.popboxx iframe {
width: 90%;
height: 350px;
}
.NewLists1 {
margin-bottom: 0px;
}
/* .Cplist li{width:25%;margin-bottom:10px;}*/
.DoctBox ul,
.ZzSlider .zzbox {
margin-top: 30px;
}
/*.DoctBox li{width:50%;margin-bottom:10px;}*/
.ZzSlider .zztit1 {
height: 35px;
line-height: 35px;
margin-top: 5px;
}
}
@media(max-width:768px) {
.Cplist {
width: 90%;
margin: 0 auto;
}
.DoctBox ul,
.ZzSlider .zzbox {
width: 90%;
margin: 0 auto;
}
}
@media ( max-width:480px) {
/*.Cplist li{width:50%;margin-bottom:10px;}*/
.Cplist li p,
.ZzSlider .zztit {
margin-top: 5px;
}
.ComTit p {
font-size: 15px;
margin-top: 10px;
}
.DoctBox li p {
font-size: 16px;
margin-top: 10px;
}
.DoctBox li img {
width: 150px;
}
}
/*联系我们*/
.LxBox {
padding: 80px 0 130px 0;
background: #f5f5f5;
}
.LxBox .lxfl {
float: left;
width: 30%;
position: relative;
z-index: 1
}
.LxBox .lxfl .lxt1 {
font-size: 16px;
color: #484b53;
margin: 70px 0 30px 0;
}
.LxBox .lxfl .lxt2 {
font-size: 16px;
color: #484b53;
line-height: 30px;
}
.LxBox .lxfl .lxa1 {
margin: 30px 0 20px 0;
}
.LxBox .lxfl .lxa1 a {
display: inline-block;
vertical-align: top;
}
.LxBox .lxfl .lxa1 a.a2 {
margin-left: 20px;
}
.LxBox .lxfl .lxa2 a {
display: inline-block;
vertical-align: top;
margin-left: 20px;
}
.LxBox .lxfl .lxa2 a img {
border-radius: 3px;
width: 27px;
}
.LxBox .lxfl .lxa2 a.a1 {
margin-left: 0px;
}
.LxBox .lxrh {
float: right;
width: 65%;
margin-top: 0px;
position: relative;
}
.LxBox .lxrh .map {
width: 100%;
border: 1px solid #62add7;
position: relative;
z-index: 1;
}
.LxBox .lxrh .map1 {
position: absolute;
top: -80px;
left: -142px;
}
.FmBox {
padding: 70px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 0;
}
.FmBox1 {
margin-bottom: 0px!important;
}
.FmBox .Fmfl {
width: 52%;
float: left;
}
.FmBox .Fmfl .Fmt1 {
font-family: ret;
font-size: 40px;
color: #fff;
line-height: 60px;
}
.FmBox .Fmfl .Fmt2 {
font-size: 16px;
color: #fff;
margin-top: 130px;
}
.FmBox .Fmrh {
width: 42%;
float: right;
;
}
.Fmrh dl dd {
width: 100%;
margin-bottom: 10px;
border: 1px solid #bcbcbc;
}
.Fmrh dl dd input {
width: 100%;
height: 45px;
padding: 0 15px;
box-sizing: border-box;
background: #fff;
}
.Fmrh dl dd select {
font-size: 14px;
color: #484b53;
width: 100%;
height: 45px;
padding: 0 15px;
box-sizing: border-box;
background: #fff url(../images/jt2.jpg) 95% center no-repeat;
}
.Fmrh dl dd textarea {
width: 100%;
height: 100px;
background: #fff;
padding: 10px 15px;
box-sizing: border-box;
color: #4e4e4e;
font-size: 16px;
font-family: ret;
}
.Fmrh dl dd.dd6 {
border: 0px;
}
.Fmrh dl dd.dd6 input {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
background: #fff;
margin: -1px 10px 0 0;
}
.Fmrh dl dd label {
font-size: 12px;
color: #fff;
font-family: rbt;
}
.Fmrh dl a.abtn {
font-family: rbt;
display: block;
width: 62px;
height: 40px;
line-height: 40px;
font-size: 17px;
color: #fff;
text-align: center;
background: #1982bc;
margin-top: 20px;
}
@media ( max-width:997px) {
.LxBox {
padding: 30px 0;
}
.LxBox .lxfl,
.LxBox .lxrh,
.FmBox .Fmfl,
.FmBox .Fmrh {
width: 100%;
float: none;
}
.LxBox .lxrh .map1 {
left: 0px;
}
.LxBox .lxfl .lxt1 {
font-size: 15px;
margin: 15px 0;
}
.LxBox .lxfl .lxa1 {
margin: 15px 0;
}
.LxBox .lxfl .lxt2 {
font-size: 15px;
line-height: 24px;
}
.LxBox .lxrh,
.FmBox .Fmrh {
margin-top: 20px;
}
.FmBox {
padding: 40px 0;
margin-bottom: 30px;
}
.FmBox .Fmfl .Fmt1 {
font-size: 17px;
line-height: 24px;
}
.FmBox .Fmfl .Fmt2 {
margin-top: 30px;
}
}
/*产品详情*/
.ProDet {
padding: 35px 0 20px;
display: table;
width: 100%;
}
.ProDet .Detfl {
width: 50%;
padding-right: 4%;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ProDet .Detrh {
width: 50%;
display: table-cell;
vertical-align: middle;
}
.ProDet .Detrh .det1 {
font-size: 25px;
color: #007cc2;
font-weight: normal;
}
.ProDet .Detrh .det1::after {
content: '';
display: block;
width: 20px;
height: 3px;
background: #007cc2;
margin-top: 10px;
}
.ProDet .Detrh .det_1 {
font-size: 16px;
margin-top: 8px;
}
.ProDet .Detrh .decon {
font-size: 14px;
color: #484b53;
margin: 20px 0 25px;
}
.ProDet .Detrh .deta {
display: inline-block;
padding: 10px 15px;
box-sizing: border-box;
font-size: 18px;
color: #fff;
background: #b3b8c4;
}
.ProDet .Detrh .deta.zxgm {
margin-left: 10px;
}
.ProDet .Detfl img {
transition: all .5s;
}
.ProDet .Detfl:hover img {
transform: scale(1.1);
}
.ProDet .Detrh .deta:hover {
background: #007cc2;
}
.FeatBox {
padding-bottom: 35px;
}
.FeatBox .Feat {
margin-top: 20px;
}
.FeatBox .Feat li {
position: relative;
font-size: 14px;
font-family: ret;
color: #484b53;
padding-left: 20px;
padding-right: 20px;
width: 50%;
float: left;
}
.FeatBox .Feat li i {
display: block;
width: 7px;
height: 7px;
background: #007cc2;
position: absolute;
top: 8.5px;
left: 0px;
}
.SpeTable {
padding-bottom: 35px;
border-bottom: 1px solid #007cc2;
}
.SpeTable .SpeCon {
margin-top: 20px;
}
.SpeTable .SpeCon table {
background: #eceef2;
/*font-family: ret;*/
width: 100%;
}
.SpeTable .SpeCon table thead tr th {
height: 60px;
border-left: 1px solid #fff;
font-size: 16px;
color: #484b53;
text-align: center;
}
.SpeTable .SpeCon table tbody tr td {
padding: 5px 5px 5px 17px;
height: 37px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
font-size: 13px;
color: #484b53;
text-align: left;
}
.SpeTable .SpeCon table tbody tr td.td1 {
text-align: center;
padding: 5px 20px;
}
.SpeTable .SpeCon table tbody tr:hover td,
.SpeTable .SpeCon table thead tr:hover th {
background: #007cc2;
color: #fff;
}
.SpeTable .SpeTit {
font-size: 12px;
color: #484b53;
margin-top: 20px;
/*font-family:ret;*/
}
.SpeTable .SpeTit a {
color: #007cc2;
}
.DwBox {
margin-top: 0px;
border-bottom: 1px solid #007cc2;
}
.Downloadli li a {
display: block;
width: 100%;
/*font-family: ret;*/
font-size: 14px;
color: #484b53;
text-align: center;
}
.Downloadli li {
width: 15.4%;
float: left;
margin-right: 1.5%;
}
.Downloadli li:nth-child(2n) {
float: left;
}
.Downloadli li:nth-child(6n) {
margin-right: 0px;
}
.Downloadli li img {
display: block;
margin: 0 auto 20px;
}
.Downloadli li p {
/*font-family: ret;*/
font-size: 16px;
color: #414141;
text-align: center;
margin-top: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Downloadli li:hover a {
color: #007cc2;
}
.Tech {
padding: 75px 0 90px 0;
border-bottom: 1px solid #007cc2;
}
.Tech ul {
margin-top: 60px;
}
.Tech li {
width: 18.5%;
float: left;
margin-right: 1.87%;
}
.Tech li:nth-child(5n) {
margin-right: 0px;
}
.Tech li .box {
width: 100%;
height: 136px;
background: #007cc2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.Tech li p {
font-family: bst;
font-size: 21px;
color: #414141;
text-align: center;
margin-top: 30px;
}
.Videos {
padding: 35px 0 0px 0;
border-bottom: 1px solid #007cc2;
}
.Viul {
margin-top: 30px;
}
.Viuls1 {
width: 54%;
float: left;
}
.Viuls2 {
width: 41%;
float: right;
}
.Viul li {
margin-bottom: 35px;
}
.Viul li .vicon {
width: 100%;
/*margin-bottom: 200px;*/
margin-top: 10px;
}
.Viul li .vicon .vit1 {
font-size: 18px;
color: #333;
/*font-weight:bold;*/
}
.Viul li .vicon .vit2 {
font-size: 13px;
color: #484b53;
/*height:80px;*/
margin: 10px 0 0px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.Viul li .vicon .vmore {
font-size: 15px;
color: #007cc2;
}
.Viul li .viimg {
width: 100%;
}
.Viul li .viimg img {
width: 100%;
}
.Viul li .vicon .vit1:hover {
color: #007cc2;
}
.Viul li .vicon .vmore:hover {
color: #b3b8c4;
}
.Viuls {
border-bottom: 0px;
}
.Viuls li {
display: table;
margin-bottom: 25px;
}
.Viuls li .vicon {
width: 60%;
display: table-cell;
vertical-align: middle;
padding-right: 0px;
}
.Viuls li .viimg {
width: 25%;
display: table-cell;
vertical-align: middle;
padding-right: 5%;
}
.Viuls li .vicon .vit2 {
height: 120px;
-webkit-line-clamp: 5;
}
.FmBoxs {
margin-bottom: 0px;
}
.Cpboxs {
margin-bottom: 70px;
}
@media ( max-width:997px) {
.SpeTable {
overflow-y: auto;
}
.SpeTable .SpeCon {
width: 700px;
margin-top: 30px;
}
.SpeTable .SpeCon table{
width: 70%;
}
.ProDet,
.Tech {
padding: 30px 0;
}
.ProDet,
.ProDet .Detfl,
.ProDet .Detrh,
.Viul li,
.Viul li .vicon,
.Viul li .viimg {
display: block;
width: 100%;
}
.ProDet .Detfl {
padding-bottom: 20px;
}
.FeatBox,
.SpeTable {
padding-bottom: 30px;
}
.Videos {
padding-top: 30px;
}
.ProDet .Detrh .det1 {
font-size: 18px;
line-height: 22px;
}
.ProDet .Detrh .decon {
margin: 15px 0;
font-size: 15px;
line-height: 20px;
}
.ProDet .Detrh .deta {
font-size: 16px;
}
.FeatBox .Feat,
.SpeTable .SpeTit,
.DwBox,
.Tech ul,
.Viul {
margin-top: 25px;
}
.FeatBox .Feat li {
width: 100%;
float: none;
font-size: 14px;
line-height: 22px;
}
.SpeTable .SpeCon table thead tr th {
height: 60px;
font-size: 18px;
}
.DwBox li {
width: 100%;
}
.Tech li,
.Downloadli li {
width: 48%;
margin-right: 0px;
margin-bottom: 10px;
}
.Tech li:nth-child(2n),
.Downloadli li:nth-child(2n) {
float: right;
}
.Tech li .box {
height: 80px;
}
.Tech li .box img {
width: 50px;
}
.Tech li p,
.Downloadli li p {
font-size: 15px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Viul li {
margin-bottom: 30px;
}
.Viul li .vicon .vit1 {
font-size: 16px;
}
.Viul li .vicon .vit2 {
font-size: 14px;
line-height: 20px;
/*height:160px;*/
margin: 10px 0;
}
.Viul li .viimg,
.Viuls li .vicon {
margin-top: 20px;
}
.Viuls1,
.Viuls2 {
float: none;
width: 100%;
}
.Cpboxs {
margin-bottom: 10px;
}
.Viul li .vicon {
margin-top: 20px;
}
}
/*应用领域*/
.AppXq {
padding: 35px 0 0px 0;
/*border-bottom:1px solid #007cc2;*/
width: 1000px;
margin: 0 auto;
}
.AppXq .ComTit {
text-align: center;
}
.AppXq .AppText {
margin: 20px 100px 0;
font-size: 13px;
line-height: 21px;
}
.AppXq .AppText p {
margin-top: 6px;
}
.AppXq .AppText ul {
text-align: center;
margin: 55px 0;
}
.AppXq .AppText li {
display: inline-block;
margin: 0 25px;
}
.AppXq .AppText li p {
font-size: 15px;
color: #4e4e4e;
margin-top: 15px;
}
.Related {
padding: 50px 0 10px 0;
border-bottom: 1px solid #007cc2;
}
.Rele {
margin-bottom: 50px;
}
.Rele .ComTit {
float: left;
}
.Rele .hd {
float: right;
width: 70%;
border-bottom: 2px solid #e8e8e8;
}
.Rele .hd li {
float: left;
cursor: pointer;
font-size: 16px;
color: #484b53;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
}
.Rele .hd li {
margin: 0 5px;
}
.Rele .hd li:first-child {
margin-left: 0px;
}
.Rele .hd li:hover,
.Rele .hd li.on {
border-bottom: 2px solid #007cc2;
color: #007cc2;
}
.NewLists2 {
border-bottom: 0px;
margin-bottom: 0px
}
.Appline {
padding-top: 100px;
border-bottom: 1px solid #007cc2;
margin-bottom: 70px;
display: none;
}
@media ( max-width:1199px) {
.Rele .ComTit,
.Rele .hd {
float: none;
width: 100%;
}
.Rele .hd {
margin-top: 20px;
}
.AppXq .AppText {
width: 100%;
margin: 20px 0 0 0;
}
.Cplists li img {
width: 120px;
}
}
@media ( max-width:997px) {
.AppXq {
width: 100%;
}
.AppXq,
.Related {
padding: 30px 0;
}
.AppXq .AppText {
margin-top: 20px;
}
.AppXq .AppText ul {
margin: 20px 0;
}
.AppXq .AppText li {
margin-top: 10px;
}
.AppXq .AppText li p {
margin-top: 0px;
font-size: 14px;
}
/*.Rele .hd{text-align:center;}*/
.Rele .hd li {
margin-bottom: 5px;
margin-left: 0px;
}
.Rele .hd li:nth-child(2) {
margin: 0 10px;
}
.Appline {
padding-top: 35px;
margin-bottom: 30px;
}
.Rele {
margin-bottom: 30px;
}
}
@media(max-width:768px) {
.AppXq .AppText li {
display: block !important;
margin-bottom: 10px !important;
}
.AppXq .AppText li p {
margin-top: 5px !important;
}
}
/*关于js9999777的网址*/
.gya {
width: 100%;
height: 70px;
background: #e8e8e8;
text-align: center;
line-height: 70px;
}
.gya a {
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #484b53;
margin: 0 20px;
}
.gya a:hover {
color: #007cc2;
}
.w1000 {
width: 1000px;
margin: 0 auto;
}
.GySwiper {}
.GySwiper .w1200 {
padding: 35px 0 50px 0;
border-bottom: 1px solid #007cc2;
}
.LmTit {
font-size: 25px;
color: #007cc2;
text-align: center;
}
#certify1 {
position: relative;
margin: 35px auto 65px auto;
width: 100%;
}
#certify1 .swiper-wrapper {
height: auto;
}
#certify1 .swiper-slide {
width: 520px;
height: auto;
background: #fff;
position: relative;
}
#certify1 .swiper-slide img {
display: block;
width: 100%;
}
#certify1 .swiper-pagination {
width: 100%;
bottom: -30px;
z-index: 99;
}
#certify1 .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
width: 16px;
height: 16px;
opacity: 1;
background: url(../images/gdot.jpg) center center no-repeat;
}
#certify1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 16px;
height: 16px;
opacity: 1;
background: url(../images/bdot.jpg) center center no-repeat;
}
.GyCon {
font-size: 14px;
color: #4e4e4e;
line-height: 21px;
}
.GyCon p {
margin-top: 16px;
margin-left: 50px;
margin-right: 50px;
}
.LmTit1 {
color: #fff;
}
.HistoryBox {
background-image: url(../images/hisbg.jpg);
padding: 2% 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.HistorySlider {
position: relative;
margin-bottom: 4%;
margin-top: 4%;
}
.HistorySlider li .box {
width: 742px;
margin: 0 auto;
background: #fff;
}
.HistorySlider li .box .pic {
width: 50%;
float: left;
overflow: hidden;
}
.HistorySlider li .box .pic img {
display: block;
width: 100%;
transition: all .5s;
}
.HistorySlider li .box .txt {
width: 50%;
float: left;
padding: 2%;
font-family: bar;
margin-top: 2%;
}
.HistorySlider li .box .txt .date {
font-size: 24px;
color: #1c1c1c
}
.HistorySlider li .box .txt .info {
font-size: 16px;
color: #1c1c1c;
margin-top: 20px;
}
.HistorySlider .flex-viewport,
.HistorySlider .slides {
height: auto
}
.HistorySlider li:hover .box .pic img {
transform: scale(1.1);
}
.YearSlider {
height: 110px;
background: url(../images/line3.png) no-repeat center 53px;
}
.YearSlider .slides li {
padding-top: 40px;
font-size: 24px;
text-align: center;
background-repeat: no-repeat;
background-position: center top;
}
.YearSlider .slides li a {
display: block;
padding-top: 25px;
color: #fff;
background-image: url(../images/arr4.png);
background-repeat: no-repeat;
background-position: center top;
line-height: 44px;
font-family: Arial;
}
.YearSlider .slides li.flex-active-slide {
background-image: url(cur.png);
font-size: 30px;
}
.HistorySlider .flex-direction-nav a {
line-height: 10000px;
overflow: hidden;
width: 48px;
height: 48px;
margin-top: -24px;
background-size: cover;
}
.HistorySlider .flex-direction-nav .flex-prev {
left: 0;
background-image: url(../images/left3.png);
}
.HistorySlider .flex-direction-nav .flex-next {
right: 0;
background-image: url(../images/right3.png);
}
.Honbox {
padding: 35px 0 45px 0;
}
.ZzSliders {
padding: 0px;
border-bottom: 0px;
}
.Honboxs {
background: #f0f0f0;
margin-bottom: 80px;
}
.Techbox {
padding: 35px 0 45px 0;
}
.TechImg {
width: 1000px;
height: 999px;
position: relative;
margin: 35px auto 0;
zoom: 0.5;
}
.TechImg img.techpic {
width: 100%;
height: 100%;
}
.TechImg li img {
position: absolute;
transition: all .3s linear;
}
/*.TechImg .li1 img{width:132px;height:120px;top:20px;left:85px;}
.TechImg .li2 img{width:121px;height:133px;top:84px;left:20px;}
.TechImg .li3 img{width:121px;height:133px;top:230px;left:20px;}
.TechImg .li4 img{width:132px;height:120px;top:308px;left:86px;}
.TechImg .li5 img{width:133px;height:120px;top:308px;left:233px;}
.TechImg .li6 img{width:120px;height:133px;top:230px;right:20px;}
.TechImg .li7 img{width:120px;height:133px;top:84px;right:20px;}
.TechImg .li8 img{width:133px;height:120px;top:20px;right:83px;}*/
/* .TechImg .li1 img{width:163px;height:96px;top:46px;left:178px;}
.TechImg .li2 img{width:130px;height:148px;top:77px;left:72px;}
.TechImg .li3 img{width:129px;height:148px;top:236px;left:71px;}
.TechImg .li4 img{width:163px;height:96px;top:323px;left:173px;}
.TechImg .li5 img{width:130px;height:148px;top:240px;left:313px;}
.TechImg .li6 img{width:129px;height:148px;top:80px;left:314px;} */
.TechImg ul li.li1 img {
width: 266px;
height: 312px;
top: 0;
right: 222px;
}
.TechImg ul li.li2 img {
width: 329px;
height: 313px;
top: 108px;
right: 33px;
}
.TechImg ul li.li3 img {
width: 284px;
height: 269px;
top: 365px;
right: 0;
}
.TechImg ul li.li4 img {
width: 329px;
height: 312px;
bottom: 108px;
right: 33px;
}
.TechImg ul li.li5 img {
width: 266px;
height: 312px;
bottom: 0;
right: 222px;
}
.TechImg ul li.li6 img {
width: 266px;
height: 312px;
bottom: 0;
left: 222px;
}
.TechImg ul li.li7 img {
width: 329px;
height: 312px;
bottom: 108px;
left: 33px;
}
.TechImg ul li.li8 img {
width: 284px;
height: 269px;
top: 365px;
left: 0;
}
.TechImg ul li.li9 img {
width: 329px;
height: 312px;
top: 108px;
left: 33px;
}
.TechImg ul li.li10 img {
width: 266px;
height: 312px;
top: 0;
left: 222px;
}
.TechImg li:hover img {
transform: scale(1.1);
}
.TechImg li:hover img {
transform: scale(1.1);
}
.TechImgPho {
display: none;
text-align: center;
max-width: 500px;
margin: 0 auto;
}
@media (max-width:1199px) {
#certify1 {
width: 100%;
}
.gya {
height: auto;
padding: 10px;
box-sizing: border-box;
line-height: 22px;
}
.gya a {
font-size: 16px;
}
.w1000 {
width: 95%;
}
#certify1 .swiper-slide {
width: 75%;
}
.GyCon p {
margin: 10px 0 0 0;
}
}
@media ( max-width:997px) {
.GySwiper .w1200,
.Honbox {
padding: 30px 0;
}
.Techbox {
padding: 50px 0;
}
#certify1 {
margin: 30px 0 60px;
}
.LmTit {
font-size: 20px;
}
.Honboxs {
margin-bottom: 40px;
}
.gya a {
margin: 0 10px;
}
.TechImg {
margin-top: 40px;
zoom: 0.4;
}
.TechImgPho {
margin-top: 40px;
}
}
@media ( max-width:768px) {
.HistorySlider li .box {
width: 100%;
}
.HistorySlider li .box .txt .date {
font-size: 20px;
}
.HistorySlider .flex-direction-nav a,
.PartnerList .flex-direction-nav a {
width: 30px;
height: 30px;
margin-top: -15px;
}
.YearSlider .slides li.flex-active-slide {
font-size: 24px;
}
.GyCon {
font-size: 14px;
line-height: 22px;
}
}
@media ( max-width:500px) {
.HistorySlider li .box .pic,
.HistorySlider li .box .txt {
width: 100%;
float: none;
}
.HistorySlider li .box .txt .date {
margin: 0 auto;
line-height: 40px;
}
.HistorySlider li .box .txt .info {
margin-top: 5px;
}
.HistorySlider li .box .txt {
margin-top: 0px;
}
.Techbox {
overflow-y: scroll;
}
.TechImg {
zoom: 0.3;
}
}
.Main_Box {
padding: 80px 0;
position: relative;
}
.Left_On {
position: absolute;
width: 40px;
right: -40px;
top: 0;
display: none;
justify-content: center;
flex-direction: column;
align-items: center;
}
.Left_On span {
display: block;
width: 30px;
height: 2px;
background: #008bcc;
margin-bottom: 8px;
transition: 500ms;
}
.Left_On span.i3 {
margin-bottom: 0;
}
.Main_Left.on .Left_On {
display: flex;
}
.Main_Left.on .Left_On span.i2 {
display: none;
}
.Main_Left.on .Left_On span.i1 {
-webkit-transform: translate(0, 8px) rotate(45deg) !important;
-moz-transform: translate(0, 8px) rotate(45deg) !important;
-ms-transform: translate(0, 8px) rotate(45deg) !important;
-o-transform: translate(0, 8px) rotate(45deg) !important;
transform: translate(0, 8px) rotate(45deg) !important;
}
.Main_Left.on .Left_On span.i3 {
-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
-moz-transform: translate(0, -3px) rotate(-45deg) !important;
-ms-transform: translate(0, -3px) rotate(-45deg) !important;
-o-transform: translate(0, -3px) rotate(-45deg) !important;
transform: translate(0, -3px) rotate(-45deg) !important;
}
.Main_Left {
width: 20%;
float: left;
position: relative;
}
.Left_h2 {
font-size: 25px;
color: #fff;
padding: 30px 28px;
background-color: #008bcc;
text-transform: Uppercase;
}
.Left_Menu li {
line-height: 30px;
border-bottom: 1px solid #ececec;
background-color: #f1f1f1;
}
.L_NavTop {
display: block;
padding: 8px 0 8px 28px;
}
.Left_Menu li .L_NavTop a {
font-size: 13px;
color: #333333;
}
.Left_Menu li.on .L_NavTop,
.Left_Menu li:hover .L_NavTop {
background-color: #fff;
border-left: 4px solid #008bcc;
padding: 8px 0 8px 24px;
}
.Left_Menu li.on .L_NavTop a,
.Left_Menu li:hover .L_NavTop a {
color: #008bcc;
}
.Left_Menu li.on .L_NavsBox {
display: block;
}
.L_NavsBox {
display: none;
transition: all 0s linear;
-webkit-transition: all 0s linear;
}
.L_NavsBox dd {
line-height: 30px;
padding: 8px 20px 8px 35px;
border-top: 1px solid #ececec;
background-color: #f9f9f9;
background-image: url('../images/d_06.jpg');
background-repeat: no-repeat;
background-position: 25px center;
}
.L_NavsBox dd a {
font-size: 12px;
color: #666;
}
.L_NavsBox dd:hover,
.L_NavsBox dd.cur {
background-image: url('../images/d_03.jpg');
}
.L_NavsBox dd:hover a,
.L_NavsBox dd.cur a {
color: #a0ce57;
}
.L_NavsBox dd.oncate a,
.L_NavsBox dd.cur a {
color: #a0ce57;
}
.L_NavsBox dd.cur a,
.L_NavsBox dd:hover a {
display: block;
background-image: url('../images/cu_10.png');
background-repeat: no-repeat;
background-position: right center;
}
.XZ_UL {
margin-top: 25px;
margin-bottom: 60px;
}
.XZ_UL li {
line-height: 20px;
padding: 10px 0 10px 15px;
background-image: url('../images/down_03.jpg');
background-repeat: no-repeat;
background-position: left 20px;
}
.XZ_Time {
float: right;
font-size: 14px;
color: #999999;
}
.XZ_UL li .XZ_A1 {
font-size: 16px;
color: #4c4c4c;
display: block;
margin-right: 110px;
}
.XZ_UL li .XZ_A2 {
display: inline-block;
float: right;
margin-right: 10px;
width: 30px;
height: 40px;
background-repeat: no-repeat;
background-position: right center;
}
.XZ_UL li:hover a {
color: #008bcc;
}
.Main_Right {
width: 77.5%;
float: right;
}
.Right_h3 {
padding: 18px 0;
font-size: 22px;
color: #008bcc;
background-image: url(../images/abo_05.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
@media ( max-width:1199px) {
.fwbox {
width: 100%;
}
}
@media ( max-width:998px) {
.Main_Box {
padding: 35px 0 45px 0;
}
.Main_Left {
width: 280px;
position: absolute;
left: -280px;
top: 15px;
z-index: 999;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.Main_Left.on {
left: 0;
}
.Main_Right {
width: 100%;
float: none;
margin-top: 20px;
}
.Left_On {
display: flex;
}
.Main_Right {
width: 95%;
margin: 0 auto;
}
}
/*侧边栏*/
.FastRight {
width: 45px;
position: fixed;
z-index: 99;
right: 0px;
top: 60%;
transform: translate(0, -50%);
}
.FastRight li {
position: relative;
cursor: pointer;
border-bottom: 1px solid #056692;
border-top: 1px solid #51bff2;
}
.FastRight li:first-child {
border-top: 0px;
}
.FastRight .ico {
height: 45px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #fff;
background: #0095d9;
position: relative;
overflow: hidden;
}
.FastRight .ico em {
font-size: 13px;
line-height: 16px;
color: #fff;
background: #00354d;
text-align: center;
display: block;
position: absolute;
bottom: -100%;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all .3s linear;
}
.FastRight .ico em a {
color: #fff;
}
.FastRight .ico img {
width: 30px;
}
.FastRight li.totop {
border-top: 0px;
border-bottom: 0px;
margin-top: 5px;
}
.FastRight li.totop .ico {
background: #868686;
}
.FastRight li .info {
display: none;
width: 185px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 45px;
text-align: center;
padding-right: 20px;
}
.FastRight li .info .fixbox {
width: 100%;
border: 1px solid #c3c3c3;
background: #fff;
height: 55px;
border-radius: 5px;
position: relative;
}
.FastRight li .info .fixbox::after {
content: "";
display: block;
width: 10px;
height: 15px;
background: url(../images/fixjt.png) center center no-repeat;
position: absolute;
top: 50%;
right: -10px;
margin-top: -7.5px;
}
.FastRight li .info .fixbox a {
width: 100%;
height: 100%;
display: table;
}
.FastRight li .info .fixbox img {
max-width: none;
width: 40px;
height: 40px;
display: inline-block;
margin-top: 5px;
vertical-align: middle;
}
.FastRight li .info .fixbox p {
margin-bottom: 5px;
font-size: 14px;
color: #313131;
display: inline-block;
vertical-align: middle;
margin: 5px 0 0 10px;
text-align: left;
}
.FastRight li .info .fixbox p span {
font-size: 13px;
color: #c22828;
display: block;
line-height: 16px;
}
.FastRight li.lwx .info .fixbox {
height: auto;
padding: 10px 0;
}
.FastRight li.lwx .info .fixbox img {
display: block;
width: 120px;
height: 120px;
margin: 0 auto;
}
.FastRight li.lwx .info .fixbox p {
display: block;
text-align: center;
margin-top: 5px;
font-size: 13px;
}
.FastRight li:hover .ico em {
bottom: 0;
}
@media ( max-width:1024px) {
.FastRight {
width: 45px;
display: none;
}
.FastRight .ico {
height: 45px;
}
.FastRight .ico img {
width: 30px;
}
.FastRight li .info {
right: 45px;
width: 185px;
padding-right: 20px;
}
.FastRight .ico em {
font-size: 13px;
line-height: 16px;
}
.FastRight li .info .fixbox {
height: 55px;
}
.FastRight li .info .fixbox p {
font-size: 14px;
margin: 5px 0 0 10px;
}
.FastRight li .info .fixbox img {
width: 40px;
height: 40px;
margin-top: 5px;
}
.FastRight li.lwx .info .fixbox img {
width: 120px;
height: 120px;
}
.FastRight li.lwx .info .fixbox {
padding: 10px 0;
}
.FastRight li .info .fixbox p span {
font-size: 13px;
line-height: 16px;
}
}
.Menu {
background: #f4f4f4;
display: none;
}
.Menu .title {
display: none;
padding: 0px 20px;
background: #0077ba;
line-height: 50px;
}
.Menu .title span {
display: block;
font-size: 18px;
color: #fff;
background: url(../images/down.png) no-repeat right center;
}
.Menu ul {
line-height: 69px;
text-align: center;
}
.Menu li {
display: inline-block;
padding: 0px 18px;
font-size: 18px;
position: relative;
}
.Menu li a {
display: block;
position: relative;
z-index: 5;
color: #2c2c2c;
}
.Menu li i {
position: absolute;
height: 82px;
width: 100%;
left: 0px;
top: -6px;
z-index: 3;
background: #0077ba;
opacity: 0;
}
.Menu li:hover a,
.Menu li.on a {
color: #fff;
}
.Menu li:hover i,
.Menu li.on i {
opacity: 1;
}
@media ( max-width:1024px) {
.gya {
display: none;
}
.Menu {
display: block;
}
.Menu ul {
line-height: 50px;
}
.Menu li {
padding: 0px 6px;
}
.Menu li i {
height: 62px;
}
}
@media ( max-width:768px) {
.Menu {
background: none;
margin: 3% 0 0;
}
.Menu .title {
display: block;
}
.Menu ul {
display: none;
line-height: 40px;
padding: 20px 0px;
border: 1px solid #00459a;
text-align: left;
}
.Menu li {
display: block;
width: 100%;
font-size: 16px;
padding: 0;
}
.Menu li a {
padding: 0px 20px;
}
.Menu li:hover i,
.Menu li.on i {
display: none;
}
.Menu li:hover a,
.Menu li.on a {
color: #0077ba;
}
}
@media ( max-width:480px) {
.Menu ul {
padding: 12px 0px;
}
}
/* 2020-11-16 */
.mBan {
display: none;
}
@media(max-width:768px) {
.PcBan {
display: none;
}
.mBan {
display: block;
}
}
/* 20210336 */
.TouzizheList {
padding: 60px 0;
background: #f5f5f5;
}
.TouzizheList .LeftNav {
width: 18%;
float: left;
}
.TouzizheList .LeftNav h1 {
color: #007cc2;
font-size: 23px;
font-weight: normal;
padding-bottom: 8px;
border-bottom: 1px solid #dbd4cd;
margin-bottom: 15px;
}
.TouzizheList .LeftNav ul li {
line-height: 35px;
text-indent: 3em;
border-bottom: 1px solid #dbd4cd;
}
.TouzizheList .LeftNav ul li i {
display: inline-block;
width: 7px;
height: 7px;
background: url(../uploadfiles/image/navico.png) no-repeat center center;
margin-right: 10px;
position: relative;
top: -2px;
}
.TouzizheList .LeftNav ul li a {
font-size: 14px;
color: #484b53;
}
.TouzizheList .LeftNav ul li.on {
background: #007cc2;
}
.TouzizheList .LeftNav ul li.on a {
color: #fff;
}
.TouzizheList .LeftNav ul li.on i {
background: url(../uploadfiles/image/navicoc.png) no-repeat center center;
}
.TouzizheList .LeftNav ul li:hover {
background: #007cc2;
}
.TouzizheList .LeftNav ul li:hover a {
color: #fff;
}
.TouzizheList .LeftNav ul li:hover i {
background: url(../uploadfiles/image/navicoc.png) no-repeat center center;
}
.TouzizheList .RightCon {
width: 76%;
float: right;
}
.TouzizheList .RightCon .RightTit {
padding-bottom: 8px;
border-bottom: 1px solid #dbd4cd;
}
.TouzizheList .RightCon .RightTit h1 {
color: #007cc2;
font-size: 23px;
font-weight: normal;
float: left;
}
.TouzizheList .RightCon .RightTit .local {
float: right;
font-size: 15px;
color: #484b53;
}
.TouzizheList .RightCon .RightTit .local a {
color: #484b53;
}
.TouzizheList .RightCon .TouzizheBox {}
.TouzizheList .RightCon .TouzizheBox .item {
position: relative;
padding: 20px 0;
border-bottom: 1px dashed #dbd4cd;
padding-right: 200px;
}
.TouzizheList .RightCon .TouzizheBox .item .Rbox {
position: absolute;
right: 0;
top: 20px;
}
.TouzizheList .RightCon .TouzizheBox .item .Rbox ul li {
display: inline-block;
margin-left: 20px;
}
.TouzizheList .RightCon .TouzizheBox .item .Rbox ul li.download {
padding-left: 35px;
position: relative;
}
.TouzizheList .RightCon .TouzizheBox .item .Rbox ul li.download img {
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
}
.TouzizheList .RightCon .TouzizheBox .item .date {
font-size: 14px;
color: #999;
}
.TouzizheList .RightCon .TouzizheBox .item .txt {
color: #333;
position: relative;
padding-left: 20px;
}
.TouzizheList .RightCon .TouzizheBox .item .txt::before {
content: '';
display: block;
width: 5px;
height: 5px;
background: #0077c2;
border-radius: 50%;
top: 50%;
margin-top: -2.5px;
left: 0;
position: absolute;
}
.TouzizheList .RightCon .TouzizheBox .item .txt h1 {
font-size: 16px;
display: block;
font-weight: normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* .TouzizheList .RightCon .TouzizheBox .item .txt p{font-size: 12px;padding-right:30px;background:url(../uploadfiles/image/listmore.png) no-repeat center right;display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;} */
.TouzizheList .RightCon .TouzizheBox .item:hover .txt h1 {
color: #007cc2;
}
@media(max-width:992px) {
.TouzizheList .LeftNav ul li {
text-indent: 2em;
}
.TouzizheList .RightCon .RightTit h1 {
font-size: 20px;
}
.TouzizheList .LeftNav h1 {
font-size: 20px;
}
.TouzizheList {
padding: 30px 0;
}
}
@media(max-width:768px) {
.TouzizheList .LeftNav {
width: 100%;
}
.TouzizheList .RightCon {
width: 100%;
margin-top: 20px;
}
.TouzizheList .RightCon .RightTit .local {
font-size: 12px;
}
.TouzizheList .LeftNav ul {
display: none;
}
.TouzizheList .LeftNav h1 {
position: relative;
}
.TouzizheList .LeftNav h1::after {
content: '';
display: block;
border-left: 5px solid #333;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
right: 20px;
top: 10px;
}
.TouzizheList .RightCon .TouzizheBox .item {
padding-right: 0;
font-size: 14px;
}
.TouzizheList .RightCon .TouzizheBox .item .txt h1 {
font-size: 14px;
margin-bottom: 10px;
}
.TouzizheList .RightCon .TouzizheBox .item .Rbox {
position: static;
}
}
.TouzizheList .RightCon .TouzizheBox .Contact {
color: #000;
padding: 20px 0;
}
/* yiliaozhuanti */
.add526 {
max-width: 1100px;
margin: 0 auto;
padding-top: 40px;
}
.add526 .Part {
margin-bottom: 20px;
}
.add526 .Part .atit {
font-size: 30px;
color: #007cc2;
font-family: brt;
text-align: center;
line-height: 35px;
margin: 25px 0 15px 0;
}
.add526 .Part .atit1 {
text-align: left;
font-size: 24px;
margin: 0 0 15px 0;
}
.add526 .Part .atit1_1 {
margin-bottom: 25px;
}
.add526 .Part .atit2 {
font-size: 22px;
margin-bottom: 15px;
}
.add526 .Part .atit2_1 {
text-align: left;
}
.add526 .Part2 {
padding-bottom: 20px;
border-bottom: 1px solid #007cc2;
}
.add526 .Part2 .txt {
width: 56%;
float: left;
}
.add526 .Part2 .img {
width: 42%;
float: right;
}
/* .add526 .Part3 .img{margin-top:20px;} */
.add526 .Part3 .img .item {
float: left;
position: relative;
}
.add526 .Part3 .img .item a {
display: block;
}
.add526 .Part3 .img .item img {
vertical-align: middle;
height: 368px;
width: 100%;
}
.add526 .Part3 .img .item.zsban {
width: 38px;
}
.add526 .Part3 .img .item.zsban img {
width: 38px;
}
.add526 .Part3 .img .item:first-child {
width: 638px;
}
.add526 .Part3 .img .item:nth-child(3) {
width: 422px;
}
.add526 .Part3 .img .item ul li {
position: absolute;
color: #0f0f0f;
}
.add526 .Part3 .img .item1 .li1 {
left: 10px;
bottom: 63%;
}
.add526 .Part3 .img .item1 .li2 {
left: 23%;
bottom: 80%;
}
.add526 .Part3 .img .item1 .li3 {
right: 10px;
bottom: 60%;
}
.add526 .Part3 .img .item2 .li1 {
right: 15%;
bottom: 65%;
}
.add526 .Part4 .PartBox {
margin-left: -3%;
}
.add526 .Part4 .item {
width: 47%;
float: left;
margin-left: 3%;
margin-bottom: 20px;
}
.add526 .Part4 .item::after {
content: '';
display: block;
clear: both;
}
.add526 .Part4 .item .img {
width: 35%;
text-align: center;
float: left;
height: 280px;
line-height: 280px;
}
.add526 .Part4 .item .img img {
vertical-align: middle;
}
.add526 .Part4 .item dl {
width: 63%;
float: right;
}
.add526 .Part4 .item dl::after {
content: '';
display: block;
clear: both;
}
.add526 .Part4 .item dl dd {
width: 48%;
margin-left: 2%;
float: left;
box-sizing: border-box;
border: 1px solid #eceef2;
border-radius: 20px;
overflow: hidden;
padding: 5px 0;
text-align: center;
height: 142px;
margin-bottom: 5px;
}
.add526 .Part4 .item dl dd p {
font-size: 14px;
line-height: 18px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #0f0f0f;
}
.add526 .Part4 .item dl dd span {
display: block;
width: 90%;
height: 20px;
background: #53b9d9;
color: #fff;
line-height: 20px;
margin: 5px auto 0;
max-width: 145px;
}
.add526 .Part4 .itemon dl dd {
margin-top: 35px;
}
.add526 .Part4 .itemon .img {
height: 200px;
line-height: 200px;
overflow: hidden;
}
.add526 .Part4 .itemon .img img {
max-height: 200px;
}
.add526 .Part4 .itemon dl dd p {
height: 36px;
}
.add526 .Part4 {
border-bottom: 1px solid #007cc2;
}
.add526 .Part5 {
padding-bottom: 20px;
border-bottom: 1px solid #007cc2;
}
.add526 .Part5 .img {
float: right;
width: 42%;
}
.add526 .Part5 .img .imgBox {
background: #f2f2f2;
max-height: 423px;
}
.add526 .Part5 .img .name {
width: 100%;
background: #3bb4da;
color: #fff;
text-align: center;
margin-top: 5px;
font-size: 18px;
padding: 10px;
display: none;
}
.add526 .Part5 .txt {
float: left;
width: 55%;
}
.add526 .Part5 .txt .feature {
margin-top: 50px;
}
.add526 .Part5 .txt .feature p {
padding-left: 20px;
position: relative;
}
.add526 .Part5 .txt .feature p::before {
content: '';
display: block;
width: 6px;
height: 6px;
background: #a0c9ec;
border-radius: 50%;
position: absolute;
left: 0;
top: 9px;
}
.add526 .Part6 {
padding-bottom: 20px;
border-bottom: 1px solid #007cc2;
}
.add526 .Part6 .atit {
margin-bottom: 20px;
}
.add526 .Part6 h2 {
font-size: 22px;
color: #007cc2;
font-weight: normal;
margin-bottom: 10px;
}
.add526 .Part6 .img {
padding: 10px;
margin-bottom: 5px;
}
.add526 .Part6 .img .box {
text-align: center;
}
.add526 .Part6 .img .box .item {
display: inline-block;
}
.add526 .Part6 .img .txt {
text-align: center;
}
.add526 .Part6 .img .txt h1 {
font-size: 22px;
color: #007cc2;
font-family: brt;
font-weight: normal;
}
.add526 .Part6 .img .txt p {
margin-top: 10px;
}
.add526 .Part7 {
padding-bottom: 20px;
border-bottom: 1px solid #007cc2;
}
.add526 .Part7 .atit {
line-height: 35px;
}
.add526 .Part8 {
padding-bottom: 40px;
border-bottom: 1px solid #007cc2;
}
/* .add526 .Part8 .PartBox{margin-left:-1%;} */
.add526 .Part8 .PartBox .item {
/*width:32.33%;float:left;margin-left:1%;*/
box-sizing: border-box;
background: #e9f2f9;
}
.add526 .Part8 .PartBox .item .name {
font-size: 18px;
line-height: 28px;
text-align: center;
padding: 10px 0;
}
.add526 .Part8 .PartBox .item .img1 {
padding: 0 5px;
}
.add526 .Part8 .PartBox .item .img2 {
text-align: center;
background: #e9f2f9;
}
.add526 .Part8 .PartBox .item .img2 img {
max-height: 185px;
}
.add526 .Part8 .PartBox .item .img2 p {
font-size: 17px;
line-height: 23px;
}
.add526 .Part8 .PartBox .item .txt {
height: 30px;
line-height: 30px;
text-align: center;
background: #53b9d9;
color: #fff;
font-size: 17px;
}
@media(max-width:1024px) {
.add526 {
padding: 0 10px;
padding-top: 30px;
}
.add526 .Part .atit {
font-size: 22px;
line-height: 28px;
}
.add526 .Part3 .img .item {
float: none;
}
.add526 .Part3 .img .item.zsban {
display: none;
}
.add526 .Part3 .img .item img {
width: auto;
max-width: 100%;
height: auto;
}
.add526 .Part3 .img .item:first-child {
margin: 0 auto;
}
.add526 .Part3 .img .item:nth-child(3) {
margin: 0 auto;
}
.add526 .Part4 .item {
width: 97%;
}
.add526 .Part5 .txt .feature {
margin-top: 10px;
}
.add526 .Part6 h2 {
font-size: 20px;
}
.add526 .Part6 .img .box .item {
width: 80%;
margin: 0 auto;
}
}
@media(max-width:768px) {
.add526 .Part8 .PartBox .item .name {
font-size: 15px;
line-height: 20px;
}
.add526 .Part8 .PartBox .item .img2 p {
font-size: 14px;
line-height: 20px;
}
.add526 .Part8 .PartBox .item .txt {
font-size: 14px;
}
}
@media(max-width:640px) {
.add526 .Part3 .img .item:first-child {
width: 100%;
text-align: center;
}
.add526 .Part3 .img .item:nth-child(3) {
width: 100%;
text-align: center;
}
.add526 {
padding-top: 20px;
}
.add526 .Part .atit {
margin-bottom: 10px;
}
.add526 .Part {
margin-bottom: 20px;
}
.add526 .Part2 .img {
width: 100%;
margin-top: 10px;
}
.add526 .Part2 .txt {
width: 100%;
}
.add526 .Part3 .img .item ul li {
font-size: 12px;
}
.add526 .Part4 .item .img {
width: 100%;
}
.add526 .Part4 .item dl {
width: 100%;
margin-top: 10px;
}
.add526 .Part4 .itemon .img {
width: 100%;
}
.add526 .Part4 .itemon dl {
width: 100%;
}
.add526 .Part4 .itemon dl dd {
width: 50%;
margin: 0 auto;
float: none;
}
.add526 .Part5 .img {
width: 100%;
}
.add526 .Part5 .txt {
width: 100%;
margin-top: 10px;
}
.add526 .Part6 .img .txt h1 {
font-size: 20px;
}
/* .add526 .Part8 .PartBox .item{width:99%;margin-bottom:10px;} */
.add526 .Part .atit {
font-size: 20px;
}
.add526 .Part6 .img .box .item {
width: 100%;
}
}
.add526 .Part8 .owl-nav {
width: 100%;
}
.add526 .Part8 .owl-dots {
display: none;
}
.add526 .Part8 .owl-carousel .owl-nav button.owl-prev,
.add526 .Part8 .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.add526 .Part8 .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: 0;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.add526 .Part8 .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
right: 0;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.add526 .Part8 .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.add526 .Part8 .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
@media(max-width:1199px) {
.add526 .Part8 .owl-carousel .owl-nav button.owl-prev,
.add526 .Part8 .owl-carousel .owl-nav button.owl-next {
width: 25px;
height: 25px;
top: 50%;
}
}
/*20210830*/
/*发展历程 s*/
.Historybox2 {
background: #f3f3f3;
background-size: cover;
position: relative;
height: 600px;
}
.Historybox2 .container {
height: 600px;
background: url(../images/historybg.jpg) no-repeat left bottom;
width: 1300px;
margin: 0 auto
}
#historydate {
height: 600px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.flexslider,
.flex-viewport,
.slides {
/*height: 600px;*/
position: relative;
background: none !important
}
#historydate .slides li {
text-align: left;
height: 74px;
position: absolute;
line-height: 20px;
}
#historydate .slides li {
position: absolute;
z-index: 10;
width: 154px;
height: 120px;
background: url(../images/qi.png) no-repeat left center;
}
#historydate .slides li:not(:first-child) {
cursor: pointer;
}
#historydate .slides li i {
display: block;
width: 20px;
height: 20px;
background: #b9cce6;
border: 4px solid #fff;
border-radius: 50%;
position: absolute;
left: -5px;
bottom: -5px
}
#historydate .slides li b {
width: 100%;
height: 42px;
line-height: 42px;
text-align: left;
color: #fff;
font-size: 20px;
position: absolute;
left: 0;
top: 0;
text-indent: 10px;
}
#historydate .slides li:nth-child(1) {
left: 90px;
;
bottom: 79px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(2) {
left: 210px;
bottom: 140px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(3) {
left: 355px;
bottom: 150px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(4) {
left: 505px;
bottom: 178px;
background: url(../images/qi.png) no-repeat left center
}
#historydate .slides li:nth-child(5) {
left: 650px;
bottom: 195px;
background: url(../images/qi5.png) no-repeat left center
}
#historydate .slides li:nth-child(6) {
left: 765px;
bottom: 236px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(7) {
left: 868px;
bottom: 305px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(8) {
left: 987px;
bottom: 368px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(9) {
left: 1079px;
bottom: 432px;
}
#historydate .slides li:nth-child(10) {
left: 1390px;
;
bottom: 79px;
background: url(../images/qi4.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(11) {
left: 1510px;
bottom: 140px;
background: url(../images/qi3.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(12) {
left: 1655px;
bottom: 150px;
background: url(../images/qi2.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(13) {
left: 1805px;
bottom: 178px;
background: url(../images/qi.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(14) {
left: 1950px;
bottom: 195px;
background: url(../images/qi5.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(15) {
left: 2065px;
bottom: 236px;
background: url(../images/qi4.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(16) {
left: 2168px;
bottom: 305px;
background: url(../images/qi3.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(17) {
left: 2287px;
bottom: 368px;
background: url(../images/qi2.png) no-repeat left center;
/*display: none !important*/
}
#historydate .slides li:nth-child(18) {
left: 2379px;
bottom: 432px;
}
#historydate .slides li:nth-child(19) {
left: 2690px;
;
bottom: 79px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(20) {
left: 2810px;
bottom: 140px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(21) {
left: 2955px;
bottom: 150px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(22) {
left: 3105px;
bottom: 178px;
background: url(../images/qi.png) no-repeat left center
}
#historydate .slides li:nth-child(23) {
left: 3250px;
bottom: 195px;
background: url(../images/qi5.png) no-repeat left center
}
#historydate .slides li:nth-child(24) {
left: 3365px;
bottom: 236px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(25) {
left: 3468px;
bottom: 305px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(26) {
left: 3587px;
bottom: 368px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(27) {
left: 3679px;
bottom: 432px;
}
#historydate .slides li:nth-child(28) {
left: 3990px;
;
bottom: 79px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(29) {
left: 4110px;
bottom: 140px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(30) {
left: 4255px;
bottom: 150px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(31) {
left: 4405px;
bottom: 178px;
background: url(../images/qi.png) no-repeat left center
}
#historydate .slides li:nth-child(32) {
left: 4550px;
bottom: 195px;
background: url(../images/qi5.png) no-repeat left center
}
#historydate .slides li:nth-child(33) {
left: 4665px;
bottom: 236px;
background: url(../images/qi4.png) no-repeat left center
}
#historydate .slides li:nth-child(34) {
left: 4768px;
bottom: 305px;
background: url(../images/qi3.png) no-repeat left center
}
#historydate .slides li:nth-child(35) {
left: 4887px;
bottom: 368px;
background: url(../images/qi2.png) no-repeat left center
}
#historydate .slides li:nth-child(36) {
left: 4979px;
bottom: 432px;
}
#historydate .slides li span {
position: absolute;
font-size: 14px;
color: #333;
top: 50px;
left: 10px;
width: 110px;
}
#historydate .slides li.flex-active-slide span {
color: #742748
}
#historydate .slides li.flex-active-slide i {
background: #742748;
}
#historycon {
overflow: hidden
}
#historycon .Contain {
max-width: 1300px;
margin: 0px auto;
}
#historycon .flexslider {
width: 600px;
height: 300px;
background: none
}
#historycon .box {
background: rgba(255, 255, 255, 0.5);
padding: 30px;
margin: 0px auto;
}
#historycon .info {
width: 88%;
float: left;
padding-right: 1%;
}
#historycon .year {
line-height: 80px;
color: #007CC2;
font-size: 24px;
}
#historycon .year b {
font-size: 40px;
}
#historycon .txt {
line-height: 28px;
color: #4c4c4c;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 29px;
}
#historycon .txt p {
background: url(../images/lsline2.gif) 0px 13px no-repeat;
padding-left: 10px;
}
#historycon .flex-direction-nav a {
border-radius: 0;
opacity: 1;
margin: 0;
top: auto;
bottom: 8px;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 40px;
background-color: #cccccc;
color: #fff;
font-size: 28px;
font-family: "宋体";
}
#historycon .flex-direction-nav .flex-prev {
left: -60px;
text-align: center
}
#historycon .flex-direction-nav .flex-next {
right: -760px;
text-align: center
}
#historycon .flex-direction-nav a:hover {
background-color: #007CC2;
color: #fff
}
#historycon .flex-direction-nav .flex-disabled {
display: none;
}
@media ( max-width:768px) {
#historycon .box {
padding: 15px;
background-position: 28% top;
background: #fff;
}
#historycon .info {
width: auto;
float: none;
padding: 0;
}
#historycon .txt {
line-height: 26px;
font-size: 15px;
padding-bottom: 20px;
margin-bottom: 18px;
}
#historycon .imgbox {
width: auto;
padding-top: 65%;
float: none;
}
#historydate {
height: 50px;
}
#historycon .year {
line-height: 50px;
font-size: 18px;
}
#historycon .year b {
font-size: 28px;
}
#historycon .flex-direction-nav a {
bottom: 20px;
width: 30px;
height: 30px;
line-height: 30px;
}
#historydate .slides li {
height: 50px;
}
#historydate .slides li span {
font-size: 16px;
}
#historydate .slides li.flex-active-slide span {
font-size: 22px;
height: 50px;
background: url(../images/lsdot02.png) center bottom no-repeat;
}
#historycon .flex-direction-nav a {
bottom: auto;
top: 20px;
font-size: 20px;
}
#historycon .flex-direction-nav .flex-prev {
right: 58px;
left: auto
}
#historycon .flex-direction-nav .flex-next {
right: 20px;
}
.Historybox2 .container {
background-size: 100%;
width: 100%
}
#historydate .slides li {
display: none !important
}
.Historybox2 .container,
.Historybox2 {
height: 380px;
}
#historycon .flexslider {
width: 100%
}
}
#historydate .slides li.flex-active-slide {
position: absolute;
z-index: 10;
width: 154px;
height: 120px;
background: url(../images/qi.png) no-repeat left center;
animation-name: example;
animation-duration: 5s;
animation-iteration-count: infinite;
}
#historydate .slides li.flex-active-slide span {
color: #77BAE2;
animation-name: example2;
animation-duration: 5s;
animation-iteration-count: infinite;
}
#historydate .slides li.flex-active-slide i {
background: #77BAE2;
animation-name: example3;
animation-duration: 5s;
animation-iteration-count: infinite;
}
@keyframes example {
0% {
background: url(../images/qi.png) no-repeat left center
}
10% {
background: url(../images/qi2.png) no-repeat left center
}
20% {
background: url(../images/qi3.png) no-repeat left center
}
30% {
background: url(../images/qi4.png) no-repeat left center
}
40% {
background: url(../images/qi5.png) no-repeat left center
}
50% {
background: url(../images/qi.png) no-repeat left center
}
60% {
background: url(../images/qi2.png) no-repeat left center
}
70% {
background: url(../images/qi3.png) no-repeat left center
}
80% {
background: url(../images/qi4.png) no-repeat left center
}
90% {
background: url(../images/qi5.png) no-repeat left center
}
100% {
background: url(../images/qi3.png) no-repeat left center
}
}
@keyframes example2 {
0% {
color: #77BAE2
}
10% {
color: #FFB200
}
20% {
color: #7DC154
}
30% {
color: #005C73
}
40% {
color: #008CD7
}
50% {
color: #77BAE2
}
60% {
color: #FFB200
}
70% {
color: #7DC154
}
80% {
color: #005C73
}
90% {
color: #008CD7
}
100% {
color: #005C73
}
}
@keyframes example3 {
0% {
background: #77BAE2
}
10% {
background: #FFB200
}
20% {
background: #7DC154
}
30% {
background: #005C73
}
40% {
background: #008CD7
}
50% {
background: #77BAE2
}
60% {
background: #FFB200
}
70% {
background: #7DC154
}
80% {
background: #005C73
}
90% {
background: #008CD7
}
100% {
background: #005C73
}
}
/*室内环境监测传感器解决方案专题页-0908*/
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
clear: both;
}
.w1100 {
width: 1100px;
margin: 0 auto
}
@media (max-width:1199px) {
.w1100 {
width: 96%;
}
}
.HomeBan2 li img.banimg,
.HomeBan2 {
height: auto;
}
.HomeBan2 li .dots {
position: absolute;
display: inline-block;
}
.HomeBan2 li .dots span {
width: 10px;
height: 10px;
background: #fff;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.HomeBan2 li .dots span:after {
background: rgba(0, 30, 180, 0.8);
-webkit-animation: warn 3s ease-out;
-moz-animation: warn 3s ease-out;
animation: warn 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.HomeBan2 li .dots span:after {
content: '';
z-index: 888;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
background: rgba(0, 30, 180, 0.4);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.HomeBan2 li .dots span:before {
background: rgba(0, 30, 180, 0.8);
-webkit-animation: warn2 3s ease-out;
-moz-animation: warn2 3s ease-out;
animation: warn2 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.HomeBan2 li .dots span:before {
content: '';
z-index: 888;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
background: rgba(0, 30, 180, 0.6);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.HomeBan2 li .dots p {
width: 0;
transition: all 0.3s;
opacity: 0;
height: 64px;
background: rgba(97, 145, 196, 0.8);
z-index: -1;
border-radius: 64px;
color: #fff;
font-size: 18px;
line-height: 25px;
position: absolute;
left: 20px;
top: 0%;
margin-top: -32px;
text-indent: 30px;
}
.HomeBan2 li .dots p strong {
font-size: 0;
color: #ffffff;
margin-top: 8px;
display: block;
opacity: 0;
}
.HomeBan2 li .dots p i {
text-indent: 30px;
display: inline-block;
opacity: 0;
}
.HomeBan2 li .dots:hover>p {
width: 300px;
transition: all 0.3s;
opacity: 1;
z-index: 10
}
.HomeBan2 li .dots:hover>p strong,
.HomeBan2 li .dots:hover>p i {
opacity: 1;
font-size: 15px;
}
.HomeBan2 li .dots1 {
bottom: 31.83%;
right: 38.32%;
}
.HomeBan2 li .dots2 {
bottom: 25.83%;
right: 50.32%;
}
.HomeBan2 li .dots3 {
bottom: 66.83%;
right: 44.32%;
}
.HomeBan2 li .dots4 {
bottom: 26.3%;
right: 33.8%;
}
.HomeBan2 li .dots5 {
bottom: 33.83%;
right: 57.32%;
}
.HomeBan2 li .dots6 {
bottom: 34.83%;
right: 49.82%;
}
.HomeBan2 li .dots7 {
bottom: 21.83%;
right: 39.32%;
}
.HomeBan2 li .dots8 {
bottom: 54.83%;
right: 47.62%;
}
.HomeBan2 li .dots9 {
bottom: 36.83%;
right: 78.62%;
}
@keyframes warn {
0% {
transform: scale(1.0);
opacity: 0.5;
}
50% {
transform: scale(1.25);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 0.5;
}
}
@keyframes warn2 {
0% {
transform: scale(1.0);
opacity: 0.5;
}
50% {
transform: scale(1.5);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 0.5;
}
}
@media (max-width:768px) {
.HomeBan2 li .dots:hover>p {
width: 0;
transition: all 0.3s;
opacity: 0;
}
.HomeBan2 li .dots:hover>p strong,
.HomeBan2 li .dots:hover>p i {
opacity: 0;
font-size: 0;
}
.HomeBan2 li .dots span {
width: 5px;
height: 5px
}
.HomeBan2 li .dots span:before,
.HomeBan2 li .dots span:after {
width: 10px;
height: 10px;
margin-top: -5px;
margin-left: -5px;
}
}
.Snpart1 {
display: inline-block;
width: 100%;
padding: 40px 0 50px;
}
.Snpart1 .Snpart1_t h1 {
font-size: 35px;
color: #007cc2;
line-height: 58px;
}
.Snpart1 .Snpart1_t h3 {
font-size: 24px;
color: #717171;
line-height: 40px;
font-weight: normal;
margin-bottom: 18px;
}
.Snpart1 .Snpart1_t p {
font-size: 14px;
color: #484b53;
line-height: 25px;
margin-top: 8px;
}
.Sntable {
margin-top: 40px;
}
.Sntable table {
width: 100%;
background: #F6F7F7
}
.Sntable .fitst {
height: 50px;
line-height: 50px;
background: #007CC2;
color: #fff;
font-size: 25px;
text-align: center;
width: 100%;
}
.Sntable .fitst td {
width: 100%
}
.Sntable .sec td {
border: 1px solid #fff;
min-height: 210px;
height: 120px
}
.Sntable .sec td:first-child {
width: 23%;
text-align: center;
;
padding: 20px 0 40px;
}
.Sntable .sec td:nth-child(2) {
width: 52%;
padding: 25px;
}
.Sntable .sec td:nth-child(3) {
width: 25%;
padding-left: 30px;
}
.Sntable .sec td:nth-child(2) p {
font-size: 14px;
line-height: 27px;
color: #484b53;
background: url(../images/fang.png) no-repeat left 10px;
padding-left: 20px;
}
.Sntable .sec td:nth-child(3) p {
font-size: 14px;
line-height: 27px;
color: #484b53;
background: url(../images/fang.png) no-repeat left 10px;
padding-left: 20px;
}
.Sntable .sec td:nth-child(3) p:hover {
color: #007cc2
}
.Sntable .sec td:first-child h3 {
font-size: 20px;
color: #007cc2;
margin-bottom: 30px;
}
.Sntable tr.sec:hover {
background: #EEEFEF
}
@media (max-width:768px) {
.Snpart1 {
padding: 20px 0
}
.Snpart1 .Snpart1_t h1 {
font-size: 20px;
line-height: 28px;
}
.Snpart1 .Snpart1_t h3 {
font-size: 16px;
line-height: 24px;
}
.Snpart1 .Snpart1_t p {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
.Sntable .fitst {
font-size: 20px
}
.Sntable .sec td:nth-child(2) {
padding: 10px
}
.Sntable .sec td:nth-child(2) p,
.Sntable .sec td:nth-child(3) p {
font-size: 14px;
line-height: 16px;
padding-left: 15px;
background: url(../images/fang.png) no-repeat left 3px;
}
.Sntable .sec td:nth-child(3) {
padding-left: 5px;
font-size: 14px;
line-height: 16px
}
.Sntable .sec td:first-child h3 {
font-size: 16px;
}
.Sntable .sec td:first-child img {
width: 80%;
}
}
.Snpart2 {
display: inline-block;
width: 100%;
;
background: #F5F6F6
}
.Snpart2 .Snpart2_t {
height: 557px;
width: 100%;
background: url(../images/snbanner2.png) no-repeat center;
background-size: cover;
padding-top: 157px;
}
.Snpart2 .Snpart2_t h1 {
font-size: 35px;
line-height: 58px;
color: #f6f7f7;
}
.Snpart2 .Snpart2_t p {
font-size: 16px;
line-height: 31px;
color: #f5f6f6;
margin-top: 20px
}
.Snpart2_t2 {
margin-bottom: 70px;
}
.Snpart2_t2 .w1100 {
background: #fff;
padding: 30px 15px;
margin-top: -87px;
-moz-box-shadow: 0px 0px 10px #dedede;
-webkit-box-shadow: 0px 0px 10px #dedede;
box-shadow: 0px 0px 10px #dedede;
}
.Snpart2_t2 h2 {
font-size: 27px;
color: #007cc2;
line-height: 31px;
width: 100%;
text-indent: 20px;
}
.Snpart2_t2 .Cplist li {
border: 1px solid #E8E8E8;
overflow: hidden;
}
.Snpart2_t2 .Cplist li .imgbox {
height: auto;
overflow: hidden;
}
.Snpart2_t2 .Cplist li img {
width: 98% !important;
}
.Snpart2_t2 .Cplist li h3 {
font-size: 20px;
color: #007cc2;
line-height: 27px;
font-weight: normal;
}
.Snpart2_t2 .Cplist li:hover img {
transform: scale(1.1);
}
.Snpart2_t2 .Cplist li .info {
padding: 20px;
display: inline-block;
}
.Snpart2_t2 .Cplist li .info p {
font-size: 14px;
line-height: 21px;
color: #484b53;
text-align: left;
}
.Snpart2_t2 .Cplist li .info .links {
margin-top: 60px;
}
.Snpart2_t2 .Cplist li .info .links .more {
height: 31px;
line-height: 31px;
border-radius: 31px;
padding: 0 20px;
font-size: 14px;
color: #ffffff;
background-color: #007cc2;
}
.Snpart2_t2 .Cplist li .info .links .down {
font-size: 14px;
line-height: 21px;
letter-spacing: 1px;
color: #9c9c9d;
border-bottom: 1px solid #B7B7B8;
}
.Snpart2_t2 .Cplist .owl-carousel .owl-nav button.owl-next {
right: -70px;
}
.Snpart2_t2 .Cplist .owl-carousel .owl-nav button.owl-prev {
left: -70px
}
.Snpart2_t2 .Cplist {
padding-top: 24px;
border-bottom: none;
}
.Snpart2_m {
display: inline-block;
width: 100%;
}
.Snpart2_m .Sntitle {
font-size: 26px;
color: #007cc2;
padding-bottom: 30px;
background: url(../images/snbg.png) no-repeat bottom center;
text-align: center;
font-weight: bold;
}
.Snpart2_m .Snpart2_mb {
margin-top: 35px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox {
width: 32.5%;
margin-right: 1%;
text-align: center;
background: url(../images/snbg2.png) no-repeat bottom center;
height: 200px;
float: left;
margin-bottom: 22px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox:nth-child(3n) {
margin-right: 0;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox span {
height: 100px;
display: inline-block;
width: 100px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox span img {
height: 54px;
margin: 23px auto
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p {
text-align: center;
font-size: 18px;
color: #484b53;
line-height: 25px;
margin-top: 10px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p i {
font-size: 14px;
margin-top: 5px;
line-height: 17px;
display: inline-block;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox:hover>span img {
-webkit-animation: icon-bounce 0.5s alternate;
-moz-animation: icon-bounce 0.5s alternate;
-o-animation: icon-bounce 0.5s alternate;
animation: icon-bounce 0.5s alternate;
}
@media (max-width:768px) {
.Snpart2_m .Snpart2_mb .Snpart2_mbox p i{line-height: 14px;font-size: 10px;}
.Snpart2_t2 {
margin-bottom: 40px;
}
.Snpart2 .Snpart2_t {
padding-top: 20px;
height: 310px;
}
.Snpart2 .Snpart2_t h1 {
font-size: 24px;
line-height: 30px;
}
.Snpart2 .Snpart2_t p {
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}
.Snpart2_t2 .w1100 {
padding: 20px 0
}
.Snpart2_t2 h2 {
font-size: 20px;
line-height: 24px;
}
.Snpart2_t2 .Cplist .owl-carousel .owl-nav button.owl-next,
.Snpart2_t2 .Cplist .owl-carousel .owl-nav button.owl-prev {
display: none
}
.Snpart2_t2 .Cplist li .info .links {
margin-top: 20px
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox {
width: 49%;
height: 150px;
background-position: top center;
margin-bottom: 15px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox:nth-child(2n) {
float: right;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p {
font-size: 12px;
margin-top: 0
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox span img {
margin: 15px auto
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox span {
height: 80px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p i {
font-size: 10px;
margin-top: 0
}
.Snpart2_m .Sntitle {
font-size: 20px;
-webkit-background-size: 40%;
padding-bottom: 20px;
background-size: 40%;
}
.Snpart2_t2 .Cplist li h3 {
font-size: 20px
}
}
@media (max-width:640px) {
.Snpart2 .Snpart2_t h1 {
font-size: 18px;
line-height: 24px;
}
.Snpart2 .Snpart2_t p {
font-size: 16px;
}
.Snpart2 .Snpart2_t {
padding-top: 20px;
height: 340px;
}
}
@media (max-width:400px) {
.Snpart2 .Snpart2_t h1 {
font-size: 16px;
}
.Snpart2 .Snpart2_t p {
font-size: 14px;
}
.Snpart2 .Snpart2_t {
padding-top: 20px;
height: 360px;
}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p i{line-height: 14px;font-size: 10px;}
.Snpart2_m .Snpart2_mb .Snpart2_mbox p{font-size: 10px;}
}
.Snpart2_b {
margin-bottom: 70px;
margin-top: 30px
}
.Snpart2_b .w1100 {
background: #fff;
padding: 30px 15px;
-moz-box-shadow: 0px 0px 10px #dedede;
-webkit-box-shadow: 0px 0px 10px #dedede;
box-shadow: 0px 0px 10px #dedede;
}
.Snpart2_b h2 {
font-size: 27px;
color: #007cc2;
line-height: 31px;
width: 100%;
text-indent: 20px;
}
.Snpart2_b .Cplist li {
border: 1px solid #E8E8E8;
overflow: hidden;
}
.Snpart2_b .Cplist li .imgbox {
height: auto;
overflow: hidden;
}
.Snpart2_b .Cplist li img {
width: 98% !important;
}
.Snpart2_b .Cplist li h3 {
font-size: 20px;
color: #007cc2;
line-height: 27px;
font-weight: normal;
}
.Snpart2_b .Cplist li:hover img {
transform: scale(1.1);
}
.Snpart2_b .Cplist li .info {
padding: 20px;
display: inline-block;
}
.Snpart2_b .Cplist li .info p {
font-size: 14px;
line-height: 21px;
color: #484b53;
text-align: left;
}
.Snpart2_b .Cplist li .info .links {
margin-top: 60px;
}
.Snpart2_b .Cplist li .info .links .more {
height: 31px;
line-height: 31px;
border-radius: 31px;
padding: 0 20px;
font-size: 14px;
color: #ffffff;
background-color: #007cc2;
}
.Snpart2_b .Cplist li .info .links .down {
font-size: 14px;
line-height: 21px;
letter-spacing: 1px;
color: #9c9c9d;
border-bottom: 1px solid #B7B7B8;
}
.Snpart2_b .Cplist .owl-carousel .owl-nav button.owl-next {
right: -70px;
}
.Snpart2_b .Cplist .owl-carousel .owl-nav button.owl-prev {
left: -70px
}
.Snpart2_b .Cplist {
padding-top: 24px;
}
.Snpart2_b .Cplist {
border-bottom: none;
}
.Snpart3 {
padding: 40px 0 80px;
border-bottom: 1px solid #007CC2;
}
.Snpart3 .Sntitle {
font-size: 26px;
color: #007cc2;
line-height: 31px;
font-weight: normal;
margin-bottom: 45px;
}
.Snpart3 .noTarget {
width: 350px;
height: 240px;
float: left;
}
.Snpart3 .noTarget img {
transition: all 0.3s;
}
.Snpart3 .noTarget:nth-child(2n) {
margin-left: 25px;
margin-right: 25px;
;
}
.Snpart3 .noTarget .nt1 {
font-size: 18px;
color: #231916;
line-height: 31px;
text-align: center;
margin-top: 20px;
}
.Snpart3 .noTarget:hover .Nimg img {
transform: scale(1.1);
}
.Snpart3 .noTarget .Nimg {
overflow: hidden;
}
@media (max-width:768px) {
.Snpart3 .Sntitle {
font-size: 22px;
font-weight: normal;
text-indent: 0;
margin-bottom: 30px;
}
.Snpart2_b h2 {
font-size: 20px;
line-height: 24px;
}
.Snpart2_b .Cplist li .info .links {
margin-top: 20px;
}
.Snpart3 .noTarget {
width: 90%;
margin: auto 5%;
float: none;
height: 260px;
}
.Snpart3 .noTarget img {
width: 100%;
}
.Snpart3 .noTarget .nt1 {
margin-top: 10px
}
.Snpart3 {
padding-bottom: 40px;
}
.Snpart2_b .Cplist .owl-carousel .owl-nav button.owl-next,
.Snpart2_b .Cplist .owl-carousel .owl-nav button.owl-prev {
display: none
}
.Snpart2_b .Cplist li .info p,
.Snpart2_t2 .Cplist li .info p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.Snpart2_b .Cplist {
padding-bottom: 0;
}
}
/*燃气表专题页开始*/
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
clear: both;
}
.HomeBan li .w1200 {
position: absolute;
left: 50%;
margin-left: -550px;
top: 0;
color: #fff
}
.HomeBan li h1 {
font-size: 35px;
font-weight: normal;
position: absolute;
top: 140px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
}
.HomeBan li p {
line-height: 28px;
font-size: 18px;
position: absolute;
top: 180px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
font-weight: normal;
}
.Sgm {
padding: 10px 0;
height: 600px;
display: inline-block;
width: 100%;
background: url(../zt/SmartGasMeter/bg1.jpg) no-repeat left center;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
.Sgm .ComTit {
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 27px;
color: #474443;
margin-top: 20px;
}
.Sgm .ComTit p {
font-size: 18px;
font-weight: bold;
color: #474443;
margin-top: 10px;
line-height: 24px;
}
.Sgm .ComTit h3 {
font-size: 30px !important;
}
.Sgm .AppText p {
color: #000;
text-align: justify;
padding: 0 15px
}
@media ( max-width:1200px) {
.HomeBan li h1 {
top: 100px
}
.HomeBan li p {
top: 140px;
}
.HomeBan li .w1200 {
width: 960px;
margin-left: -480px;
}
}
@media ( max-width:780px) {
.HomeBan li .w1200 {
margin-left: -48.5%
}
.HomeBan li h1 {
top: 60px;
font-size: 40px;
}
.HomeBan li p {
top: 90px;
font-size: 16px;
line-height: 20px;
}
.Sgm .ComTit {
font-size: 25px
}
.Sgm .ComTit h3 {
font-size: 22px !important
}
.Sgm .ComTit p {
font-size: 16px
}
.Sgm .AppText p {}
}
@media ( max-width:640px) {
.Sgm .ComTit {
font-size: 23px
}
.Sgm .ComTit h3 {
font-size: 22px !important
}
.HomeBan li .w1200 {
width: 80%;
left: 10%;
top: 20px;
color: #fff;
display: inline-block;
height: 50px;
margin-left: 0;
}
.HomeBan li h1 {
font-size: 18px;
top: 5px
}
.HomeBan li p {
top: 20px;
font-size: 12px;
line-height: 12px;
}
.Sgm {
display: block;
height: auto;
-webkit-background-size: cover;
padding: 20px 0;
background-size: cover;
}
.Sgm .AppText p {
line-height: 20px;
font-size: 14px
}
.Sgm .ComTit p {
font-size: 16px;
line-height: 20px;
}
}
.slideTxtBox {
width: 1100px;
text-align: left;
margin-top: 20px;
position: relative;
}
.slideTxtBox .hd {
height: 50px;
line-height: 50px;
background: #007BBB;
position: relative;
}
.slideTxtBox .hd ul {
display: inline-block;
width: 100%;
}
.slideTxtBox .hd ul li {
float: left;
width: 50%;
cursor: pointer;
text-align: center;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff
}
.slideTxtBox .hd ul li.on {
background: #201A1A;
color: #fff;
}
.slideTxtBox .bd ul {
padding: 20px 20px;
zoom: 1;
}
.slideTxtBox .bd {
background: #fff
}
.slideTxtBox .bd ul .Aai_l {
width: 570px;
height: 250px;
background-size: 80% auto !important;
}
.slideTxtBox .bd ul .Aai_r {
width: 460px;
margin-top: 50px
}
.slideTxtBox .bd ul .Aai_r h3 {
font-size: 18px;
color: #474443;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
line-height: 24px;
margin-bottom: 10px;
}
.slideTxtBox .bd ul .Aai_r p {
color: #000;
}
.slideTxtBox .arrow a {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
}
.slideTxtBox .arrow a.next {
right: -60px;
background: url(../images/jtr.jpg) no-repeat center;
}
.slideTxtBox .arrow a.prev {
left: -60px;
background: url(../images/jtf.jpg) no-repeat center;
}
@media ( max-width:1200px) {
.slideTxtBox {
width: 100%;
}
.slideTxtBox .bd ul .Aai_l,
.slideTxtBox .bd ul .Aai_r {
width: 50%;
}
.Sgm {
height: 660px;
-webkit-background-size: cover;
background-size: cover;
}
}
@media ( max-width:780px) {
.slideTxtBox {
width: 100%;
}
.slideTxtBox .hd ul li {
width: 100%;
float: left;
height: 40px;
}
.slideTxtBox .hd {
height: auto;
line-height: 40px;
}
.slideTxtBox .bd ul {
padding-bottom: 40px;
}
.slideTxtBox .bd ul .Aai_l,
.slideTxtBox .bd ul .Aai_r {
width: 100%;
}
.slideTxtBox .bd ul .Aai_l {
height: 320px;
background-size: 80% auto !important;
}
.slideTxtBox .bd ul .Aai_r h3 {
font-size: 20px;
margin-bottom: 10px;
text-align: center;
}
.Sgm {
display: inline-block;
height: auto;
-webkit-background-size: cover;
background-size: cover;
}
.slideTxtBox .arrow a.next {
right: 0px;
}
.slideTxtBox .arrow a.prev {
left: 0px;
}
}
@media ( max-width:640px) {
.slideTxtBox .bd ul .Aai_l {
height: 240px;
}
}
.products {
width: 100%;
height: 380px;
background: url(../images/bg4.jpg) no-repeat center;
position: relative;
-webkit-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.products video {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
object-fit: fill;
transform: all 0.6s;
}
.products .videobox {
position: absolute;
left: 10%;
top: 60px;
width: 500px;
height: 300px;
z-index: -1;
display: none;
}
.products .productsbox {
width: 50%;
position: absolute;
height: 100%;
right: 0;
top: 0;
}
.products .productsbox img {
margin-top: 30px;
margin-left: 120px;
height: 210px;
}
.products .productsbox p {
width: 320px;
display: inline-block;
line-height: 25px;
font-size: 16px;
color: #fff;
text-align: center;
}
.products .productsbox .titles {
margin-left: 100px;
}
.products .productsbox .titles p {
float: left;
width: 240px;
}
.products .play {
width: 35%;
height: 44px;
line-height: 44px;
background: #008FD7;
position: absolute;
bottom: 32px;
right: 0;
color: #fff;
font-size: 20px;
font-family: ret;
}
.products .play img {
vertical-align: middle;
margin-left: 20px;
margin-right: 10px;
}
@media ( max-width:1440px) {
.products .productsbox .titles {
margin-left: 50px;
}
.products .productsbox p {
width: 310px;
float: left;
}
.products .productsbox img {
width: 60%;
margin-top: 30px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(1),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(4) {
width: 310px;
}
}
@media ( max-width:1200px) {
.products .productsbox img {
width: 40%;
margin-top: 60px;
height: auto
}
.products .productsbox .titles p {
width: 240px;
}
.products .productsbox .titles {
margin-left: 0px;
}
.products .productsbox img {
width: 55%;
}
}
@media ( max-width:780px) {
.products {
background-position: right center;
height: 460px;
background-size: auto !important;
}
.products .productsbox {
width: 100%;
}
.products .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products .productsbox .titles {
margin-left: 150px;
}
.products .productsbox p {
width: 300px;
float: left;
font-size: 16px;
line-height: 20px;
}
.products .productsbox img {
width: 50%;
margin-left: 260px;
margin-bottom: 10px;
margin-top: 70px
}
}
@media ( max-width:640px) {
.products .productsbox img {
margin-left: 0;
max-width: 80%;
margin: auto 10%;
margin-top: 30px;
width: 65%;
margin-bottom: 20px;
}
.products .productsbox .titles {
margin-left: 0;
width: 100%;
}
.products .play {
width: 80%;
bottom: 10px
}
.products .productsbox .titles p {
width: auto;
margin-left: 16px;
font-size: 12px;
line-height: 16px;
}
}
@media ( max-width:480px) {
.products .productsbox {
width: 100%;
margin: 0
}
.products {
height: 230px;
background-size: auto 100% !important;
}
.products .productsbox img {
margin-left: 0;
max-width: 50%;
margin: auto 10%;
margin-top: 30px;
width: 50%;
height: auto
}
.products .productsbox p {
width: 50%;
float: left;
font-size: 16px
}
.products .productsbox .titles {
margin-left: 0;
width: 100%;
}
.products .play {
width: 80%;
bottom: 10px
}
.products .productsbox .titles p {
width: auto;
margin-left: 16px;
font-size: 12px;
line-height: 16px;
}
}
.Rygfmm {
width: 100%;
display: inline-block;
padding: 20px 0px 20px 0px;
}
.Rygfmm .ComTit {
font-size: 22px;
color: #5a5756;
font-weight: bold;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: center;
line-height: 50px;
}
.Csgm .ComTit {
line-height: 50px;
}
.Rygfmm .ComInfo {
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
padding: 0;
text-align: center;
}
.Rygfmm .Rygfmm_b {
padding: 0;
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 10px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box {
width: 310px;
display: inline-block;
;
height: 162px;
margin-top: 10px;
margin-right: 10px;
background: #F3F8FD
}
.Rygfmm .Rygfmm_b .Rygfmm_box .imgbox {
width: 100%;
height: 70px;
text-align: center;
padding: 15px 0px 0px 0px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box .imgbox img {
vertical-align: middle;
max-height: 90%;
}
.Rygfmm .Rygfmm_b .Rygfmm_box h3 {
font-size: 16px;
font-weight: bold;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
color: #008fd7;
line-height: 28px;
padding-bottom: 8px;
text-align: center
}
.Rygfmm .Rygfmm_b .Rygfmm_box p {
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
color: #5a5756;
text-align: center;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(1),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(4) {
width: 310px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(3),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(6) {
margin-right: 0;
}
@media ( max-width:780px) {
.Rygfmm .Rygfmm_b .Rygfmm_box {
width: 48%;
margin-right: 0;
margin-top: 20px;
height: 170px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(1),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(4) {
width: 48%;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(3),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(6) {
margin-right: 0;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(2n) {
float: right;
}
.Rygfmm .Rygfmm_b {
width: 100%;
}
}
@media ( max-width:640px) {
.Rygfmm .ComTit {
font-size: 20px;
line-height: 24px;
margin-bottom: 8px;
}
.Rygfmm .ComInfo {
font-size: 16px;
line-height: 24px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box {
width: 100%;
margin-right: 0;
margin-top: 20px;
height: auto;
padding-bottom: 15px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(1),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(4) {
width: 100%;
height: auto;
padding-bottom: 15px;
}
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(3),
.Rygfmm .Rygfmm_b .Rygfmm_box:nth-child(6) {
margin-right: 0;
}
.Rygfmm .Rygfmm_b .Rygfmm_box .imgbox {
width: 100%;
text-align: center;
}
.Rygfmm .Rygfmm_b .Rygfmm_box h3 {
text-align: center;
}
.Rygfmm .Rygfmm_b .Rygfmm_box .imgbox {
height: 60px;
}
}
.products2 {
width: 100%;
height: 380px;
background: url(../images/bg2.jpg) no-repeat center;
position: relative;
-webkit-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.products2 .play {
width: 35%;
height: 44px;
line-height: 44px;
background: #008FD7;
position: absolute;
bottom: 32px;
left: 0;
color: #fff;
font-size: 20px;
font-family: ret;
text-align: right;
}
.products2 .play img {
vertical-align: middle;
margin-left: 10px;
margin-right: 20px;
}
.products2 .productsbox {
height: 100%;
}
.products2 .productsbox img {
margin-top: 60px;
margin-left: 90px;
height: 230px;
float: left;
}
.products2 .productsbox p {
width: 300px;
display: inline-block;
line-height: 25px;
font-size: 16px;
color: #51504e;
text-align: left;
margin-left: 0;
}
.products2 .productsbox .titles {
margin-left: 0;
padding-top: 220px;
float: left;
width: 20%;
}
.products2 video {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
object-fit: fill;
transform: all 0.6s;
}
.products2 .close {
position: absolute;
top: 20px;
right: 20px;
z-index: -1;
width: 30px;
}
.products .close {
position: absolute;
top: 20px;
right: 20px;
z-index: -1;
width: 30px;
}
.products2 .videobox {
position: absolute;
right: 6%;
top: 60px;
width: 500px;
height: 300px;
z-index: -1;
display: none;
}
@media ( max-width:1440px) {
.products2 .productsbox img {
width: 40%;
margin-top: 40px;
height: auto
}
.products2 .productsbox p,
.products2 .productsbox .titles {
margin-left: 0;
}
}
@media ( max-width:1200px) {
.products2 .productsbox img {
width: 40%;
margin-top: 30px;
height: auto
}
.products2 .productsbox p {
width: 100%;
float: left;
font-size: 16px;
margin-left: 0;
}
.products2 .productsbox .titles {
width: 50%;
padding: 0;
float: left;
margin-left: 40%;
}
}
@media ( max-width:780px) {
.products2 {
background-position: right center;
}
.products2 .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products2 .play {
width: 35%;
bottom: 10px
}
.products2 {
height: 460px;
}
.products2 .productsbox img {
margin-left: 0;
max-width: 60%;
margin: auto 10%;
margin-top: 130px;
display: inline-block;
width: 80%;
}
.products2 .productsbox p {
width: 100%;
float: left;
font-size: 18px;
margin-left: 0;
}
.products2 .productsbox .titles {
width: 50%;
padding: 0;
float: left;
margin-left: 40%;
}
}
@media ( max-width:640px) {
.products2 .productsbox {
width: 100%;
margin: 0
}
.products2 {
height: 300px;
background-size: auto 100% !important;
}
.products2 .productsbox img {
margin-left: 0;
max-width: 80%;
margin: auto 10%;
margin-top: 30px;
width: 68%;
margin-bottom: 10px;
}
.products2 .productsbox p {
width: 50%;
float: left;
font-size: 16px;
margin-left: 0;
}
.products2 .productsbox .titles {
margin-left: 20%;
width: 80%;
}
.products2 .play {
width: 80%;
bottom: 10px
}
.products2 .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products2 .productsbox p {
color: #fff;
line-height: 16px;
}
}
@media ( max-width:480px) {
.products2 .productsbox {
width: 100%;
margin: 0
}
.products2 {
height: 230px;
background-size: auto 100% !important;
}
.products2 .productsbox img {
margin-left: 0;
max-width: 50%;
margin: auto 10%;
margin-top: 50px;
height: auto
}
.products2 .productsbox p {
width: 50%;
float: left;
font-size: 16px;
margin-left: 0;
}
.products2 .productsbox .titles {
margin-left: 0;
width: 100%;
}
.products2 .play {
width: 80%;
bottom: 10px
}
.products2 .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products .videobox {
width: 100%;
height: 100%;
left: 0;
top: 0
}
.products2 .productsbox p {
color: #fff;
line-height: 16px;
}
}
.Csgm {
padding: 20px 0;
width: 100%;
display: inline-block;
}
.Csgm .ComTit {
font-size: 22px;
color: #5a5756;
font-weight: bold;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: center;
margin-bottom: 0px;
}
.Csgm .ComInfo {
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
padding: 0 15px
}
.Csgm .Csgm_mbox {
width: 540px;
height: 100px;
background: #F3F8FD;
float: left;
padding: 15px 15px;
margin-top: 10px
}
.Csgm .Csgm_m {
padding: 0 5px;
width: 1100px;
margin: 0 auto;
margin-top: 10px;
}
.Csgm .Csgm_mbox .imgbox {
width: 100px;
text-align: center;
margin: 0px 0px 0px 20px;
}
.Csgm .Csgm_mbox .imgbox img {
vertical-align: middle;
}
.Csgm .Csgm_mbox .Csgm_mbox_r {
margin-left: 30px;
}
.Csgm .Csgm_mbox .Csgm_mbox_r h3 {
font-size: 16px;
color: #008fd7;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
margin-bottom: 8px;
}
.Csgm .Csgm_mbox .Csgm_mbox_r p {
font-size: 14px;
color: #5a5756;
line-height: 20px;
}
.Csgm .Csgm_mbox:nth-child(2n) {
float: right;
}
.Csgm_b {
margin-top: 10px;
margin-bottom: 10px;
}
.Csgm_b .ComTit {
font-size: 18px;
font-weight: bold;
color: #5a5756;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: left;
margin-bottom: 0px;
}
.Csgm_b .ComInfo {
font-size: 18px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
line-height: 28px;
padding: 0;
text-align: justify;
}
.Csgm_b .owl-item {
width: 360px;
height: 352px;
margin-right: 20px;
position: relative;
}
.Csgm_b .owl-nav {
width: 100%;
}
.Csgm_b .owl-dots {
display: none;
}
.Csgm_b .owl-carousel .owl-nav button.owl-prev,
.Csgm_b .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.Csgm_b .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Csgm_b .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Csgm_b .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Csgm_b .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Csgm_b .owl-item p {
width: 100%;
height: 30px;
line-height: 30px;
background: #008FD7;
font-size: 14px;
color: #fff;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: center;
}
@media ( max-width:780px) {
.Csgm .Csgm_mbox {
width: 49%;
}
.Csgm .Csgm_mbox:nth-child(2n) {
float: right;
}
.Csgm .Csgm_mbox .imgbox {
width: 60px;
margin-left: 0;
display: table;
align-items: center;
height: 70px
}
.Csgm_b .owl-carousel .owl-nav button.owl-next {
right: 0;
}
.Csgm_b .owl-carousel .owl-nav button.owl-prev {
left: 0
}
.Csgm .Csgm_mbox .Csgm_mbox_r {
width: 250px;
margin-left: 10px;
}
.Csgm .Csgm_mbox .Csgm_mbox_r h3 {
font-size: 14px;
margin-bottom: 5px;
}
.Csgm .Csgm_mbox .Csgm_mbox_r p {
font-size: 13px
}
.Csgm .Csgm_mbox {
height: 100px;
padding: 15px
}
.Csgm .Csgm_m {
width: 100%;
padding: 0
}
}
@media ( max-width:640px) {
.Csgm .ComTit {
font-size: 20px
}
.Csgm .ComInfo {
font-size: 16px;
line-height: 24px
}
.Csgm .Csgm_mbox {
width: 100%;
height: 100px
}
.Csgm .Csgm_mbox .imgbox {
width: 17%;
display: flex;
align-items: center;
height: 70px
}
.Csgm .Csgm_mbox .Csgm_mbox_r {
width: 80%;
margin-left: 0;
float: right;
}
.Csgm .Csgm_mbox .Csgm_mbox_r h3 {
font-size: 14px;
margin-bottom: 5px;
}
.Csgm .Csgm_mbox .Csgm_mbox_r p {
font-size: 13px;
line-height: 16px
}
.Csgm_b .owl-carousel .owl-nav button.owl-prev,
.Csgm_b .owl-carousel .owl-nav button.owl-next {
display: none
}
.Csgm_b .owl-item {
height: auto;
}
}
.ComTit {
line-height: 36px;
}
.Ut {
display: inline-block;
width: 100%;
padding: 20px 0 20px;
background: #DCDDDD
}
.Ut .ComTit {
font-size: 22px;
color: #504e4e;
text-align: center;
margin-bottom: 10px;
height: 30px;
line-height: 30px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
}
.Ut_t .owl-carousel .owl-nav button.owl-prev,
.Ut_t .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.Ut_t .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Ut_t .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Ut_t .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Ut_t .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Ut_t .owl-item p.txts {
color: #504e4e;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 25px;
}
.Ut_b {
margin-top: 10px
}
.Ut_b .Ut_box_l {
width: 384px;
background: #008FD7;
}
.Ut_b .Ut_box_l h1 {
height: 80px;
padding: 30px;
font-size: 16px;
color: #fff;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
line-height: 22px;
background: -moz-linear-gradient(left, #105275 0%, #008FD7 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%, #105275), color-stop(100%, #008FD7));
background: -webkit-linear-gradient(left, #105275 0%, #008FD7 100%);
background: -o-linear-gradient(left, #105275 0%, #008FD7 100%);
background: -ms-linear-gradient(left, #105275 0%, #008FD7 100%);
background: linear-gradient(to right, #105275 0%, #008FD7 100%);
}
.Ut_b .Ut_box_l p {
padding: 80px 50px 20px 20px;
color: #fff;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
min-height: 360px
}
.Ut_b .owl-item {
background: #EEEEEF
}
.Ut_b .Ut_box_r {
padding: 25px 0;
text-align: center;
margin: auto 25px
}
.Ut_b .owl-carousel .owl-item .Ut_box_r img {
width: 100%;
}
.Ut_b .owl-carousel .owl-nav button.owl-prev,
.Ut_b .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.Ut_b .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Ut_b .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Ut_b .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Ut_b .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
@media ( max-width:1024px) {
.Ut_b .Ut_box_l {
width: 250px;
}
}
@media ( max-width:780px) {
.Ut .ComTit {
font-size: 30px
}
.Ut_b .Ut_box_l {
width: 100%;
}
.Ut_b .Ut_box_r {
margin: 20px 2%;
width: 96%;
}
.Ut_b .Ut_box_l p {
min-height: 150px;
padding: 20px
}
.Ut_b .Ut_box_r {
padding: 0
}
}
@media ( max-width:640px) {
.Ut .ComTit {
font-size: 24px
}
.Ut {
padding: 20px 0
}
.Ut_t .owl-item p {}
.Ut_b .Ut_box_l h1 {
height: 80px;
font-size: 20px;
line-height: 24px;
}
.Ut_b .Ut_box_l p {
padding: 20px 2%;
;
min-height: 220px
}
.Ut_b .Ut_box_r {
padding: 40px 0
}
.Ut_b .owl-carousel .owl-nav button.owl-next {
display: none;
}
.Ut_b .owl-carousel .owl-nav button.owl-prev {
display: none;
}
.Ut_b .Ut_box_l {
width: 100%;
}
.Ut_b .Ut_box_r {
margin: 0 2%
}
}
.Smgm {
display: inline-block;
width: 100%;
height: 710px;
background: url(../zt/SmartGasMeter/bg3.jpg) no-repeat center;
padding: 20px 0 20px;
-webkit-background-size: cover;
background-size: cover;
}
.Smgm .ComTit {
font-size: 22px;
font-weight: bold;
color: #fff;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: center;
margin-bottom: 10px;
line-height: 27px;
}
.Smgm .ComInfo {
font-size: 18px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
line-height: 36px;
padding: 0;
text-align: justify;
color: #fff
}
.Smgm_b {
padding: 0px;
background: #fff;
margin-top: 0px
}
.Smgm_t {
margin-top: 10px;
padding: 1px 20px;
background: #fff;
padding-bottom: 0px;
}
.Smgm_t .owl-carousel {
margin-top: 20px
}
.Smgm .txt {
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 15px;
text-align: justify;
}
.Smgm_t .owl-carousel .owl-nav button.owl-prev,
.Smgm_t .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.Smgm_t .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
left: -90px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Smgm_t .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 40%;
transform: translate(0%, -50%);
right: -90px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Smgm_t .owl-carousel .owl-nav button.owl-prev:hover {
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.Smgm_t .owl-carousel .owl-nav button.owl-next:hover {
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.Smgm_t .owl-item p {
font-size: 20px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
line-height: 36px;
padding: 0;
text-align: justify;
color: #fff
}
.Smgm_bimg {
width: 100%;
height: 220px;
}
.Smgm_bimg div {
float: left;
width: 100%;
height: 220px;
}
.Smgm_bimg div img {
width: 100%;
height: 100%;
}
.Smgm_bimg div:last-child {
float: right;
}
.Smgm_bbox {
width: 340px;
float: left;
text-align: center;
}
.Smgm_bbox:nth-child(2) {
width: 360px;
margin-left: 10px;
margin-right: 10px;
}
.Smgm_bb {
display: inline-block;
width: 100%;
background: #fff;
padding-bottom: 20px;
padding-top: 10px;
}
.Smgm_bbox img {
margin-top: 0px;
margin-bottom: 5px;
}
.Smgm_bbox h3 {
font-size: 16px;
color: #008fd7;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}
.Smgm_t .owl-carousel .Smgm_bbox p {
font-size: 16px;
color: #5a5756;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
text-align: center;
}
.Smgm_t .owl-carousel .Smgm_bbox img {
width: auto;
display: inline-block;
}
@media ( max-width:1024px) {
.Smgm_bbox,
.Smgm_bbox:nth-child(2) {
width: 33.3%;
margin-left: 0;
margin-right: 0;
}
}
@media ( max-width:780px) {
.Smgm .txt {
color: #fff
}
.Smgm_bbox,
.Smgm_bbox:nth-child(2) {
width: 31.3%;
margin: auto 1%
}
.Smgm_bbox img {
margin-top: 30px
}
.Smgm {
height: auto;
-webkit-background-size: cover;
background-size: cover;
}
.Smgm_bimg div,
.Smgm_bimg {
height: 220px;
}
.Smgm_t .owl-carousel .owl-nav button.owl-next,
.Smgm_t .owl-carousel .owl-nav button.owl-prev,
.Ut_b .owl-carousel .owl-nav button.owl-prev,
.Ut_b .owl-carousel .owl-nav button.owl-next {
display: none
}
}
@media ( max-width:640px) {
.Smgm .ComTit {
font-size: 22px;
}
.Smgm {
padding: 40px 0
}
.Smgm_t {
margin-top: 20px;
padding: 20px 2% 0;
text-align: justify;
}
.Smgm_t .owl-item p {
font-size: 16px;
line-height: 24px;
}
.Smgm_bimg div {
width: 100%;
height: auto;
}
.Smgm_bimg {
height: 120px;
}
.Smgm_bbox,
.Smgm_bbox:nth-child(2) {
width: 100%;
margin: 0
}
.Smgm {
height: auto;
-webkit-background-size: cover;
background-size: cover;
}
.Smgm_bbox img {
margin-top: 30px
}
.Ut_t .owl-carousel .owl-nav,
.Smgm_t .owl-carousel .owl-nav {
display: none
}
.Smgm_t .owl-carousel {
margin-top: 0
}
.Smgm .txt {
font-size: 16px;
line-height: 20px;
font-family: "Microsoft YaHei", "微软雅黑", "苹方", "等线", "宋体", Arial, Helvetica, sans-serif;
color: #fff
}
}
@media ( max-width:480px) {
.Smgm_bimg div {
width: 100%;
height: auto;
}
}
.pchide {
height: 40px;
line-height: 40px;
display: none;
}
.pchide img {
vertical-align: middle;
;
height: 32px;
margin: 0 4px;
float: left;
}
.pchide {
font-size: 18px;
color: #666;
line-height: 18px;
}
@media(max-width:768px) {
.Cptable .pcshow {
display: none
}
.Cptable .pchide {
display: block;
font-size: 15px
}
}
.Cptable2 {
border-bottom: none;
display: none;
}
.Cptable {
display: block;
margin-top: 40px
}
@media(max-width:768px) {
.Cptable {
width: 96%;
margin: auto 2%
}
}
.ytp-show-cards-title,
.ytp-gradient-top {
display: none !important;
}
/*燃气表专题页结束*/
/*20211210*/
.MainNav li.cpli .ProNavPull {
width: 1200px;
padding: 50px 30px;
background: #eceef2
}
.MainNav li.cpli .ProNavPull .ProNavPullbox {
float: left;
text-align: left;
min-width: 172px;
margin-right: 20px;
}
.MainNav li.cpli .ProNavPull .ProNavPullbox h3 {
font-size: 16px;
padding-left: 10px;
height: 16px;
border-left: 3px solid #007CC2;
line-height: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.MainNav li.cpli .ProNavPull .ProNavPullbox p {
font-size: 15px;
line-height: 35px;
border-bottom: 1px solid #b3b8c4;
}
.MainNav li.cpli .ProNavPull .ProNavPullbox p:hover {
color: #007CC2;
border-color: #007CC2
}
.MainNav li.cpli .ProNavPull .ProNavPullbox:last-child {
margin-right: 0;
}
.MainNav li.cpli .ProNavPull {
margin-left: -500px;
}
/*22-01-04*/
.HomeBan3 li .dots p {
background: url(../images/op_bg3.png);
}
.HomeBan3 li .dots span:after {
background: rgb(0 149 217 / 40%);
}
.HomeBan3 li .dots span:before {
background: rgb(0 149 217 / 60%);
}
.HomeBan3 li .dots1 {
bottom: unset;
right: 30.32%;
top: 8%;
}
.HomeBan3 li .dots2 {
bottom: unset;
right: 47.32%;
top: 22%;
}
.HomeBan3 li .dots3 {
bottom: unset;
right: 18%;
top: 18%;
}
.HomeBan3 li .dots4 {
bottom: unset;
right: 25%;
top: 33%;
}
.HomeBan3 li .dots5 {
bottom: unset;
right: 29.6%;
top: 44%;
}
.HomeBan3 li .dots6 {
bottom: 49%;
right: 15%;
}
.HomeBan3 li .dots7 {
bottom: 33%;
right: 20%;
}
.HomeBan3 li .dots8 {
bottom: 21%;
right: 40%;
}
.HomeBan3 li .dots9 {
bottom: 42.83%;
right: 41%;
}
.HomeBan3 li .dots10 {
bottom: 38%;
left: 32%;
}
.HomeBan3 li .dots11 {
bottom: 10%;
left: 9%;
}
.HomeBan3 li .dots12 {
left: 14%;
top: 8%;
}
.Antable {
padding: 3% 0 0;
}
.Antable table {
width: 100%;
text-align: center;
}
.Antable thead {}
.Antable thead tr {}
.Antable thead tr td {
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0.1px;
color: #ffffff;
height: 50px;
background-color: #797a7c;
border: 1px solid #e9dfc5;
}
.Antable tbody {
width: 100%;
background: #f3f3f3
}
.Antable tbody tr {}
.Antable tbody tr td {
border: 1px solid #e9dfc5;
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0.1px;
color: #484b53;
padding: 3% 0;
}
.Antable tbody tr:hover {
background: #ecece9;
}
@media (max-width:1100px) {
.Antable {
width: 100%;
overflow-x: auto;
}
.Antable table {
width: 800px;
}
}
.Anpart1 {
background: url(../images/anbg1.jpg) top center no-repeat;
padding: 2% 0;
background-size: cover;
position: relative;
}
.Anpart1 .AnPc1 {}
.Anpart1 .AnPc1 img {
display: inline-block;
margin-right: 20px;
margin-top: 10px;
}
.Anpart1 .Antxt {
position: absolute;
bottom: 23%;
left: 55%;
}
.Anpart1 .Antxt a {
font-family: SourceHanSansCN-Regular;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 16px;
letter-spacing: 0.2px;
color: #ffffff;
}
.Anpart1 .Antxt a:hover {
color: #007cc2;
}
@media (max-width:1100px) {
.Anpart1 .AnPc1 img {
width: 20%;
}
.Anpart1 .Antxt a {
font-size: 20px
}
}
@media (max-width:480px) {
.Anpart1 .AnPc1 img {
width: 10%;
}
.Anpart1 .Antxt a {
font-size: 14px
}
}
.Snpart2 .Anpart2 {
width: 100%;
background: url(../images/anbg2.jpg) no-repeat center;
background-size: cover;
padding: 3% 0;
}
.Snpart2 .Anpart2 h1 {
font-size: 35px;
line-height: 58px;
color: #f6f7f7;
}
.Snpart2 .Anpart2 p {
font-size: 16px;
line-height: 31px;
color: #f5f6f6;
margin-top: 20px
}
.Anpart2 .cont {
margin-top: 3%;
position: relative;
}
.picScroll-left3 {
overflow: hidden;
}
.picScroll-left3 .hd {
overflow: hidden;
}
.picScroll-left3 .hd .prev {
background: url(../images/jtf.jpg) no-repeat;
width: 40px;
height: 40px;
display: block;
z-index: 9999;
left: -63px;
top: 50%;
transform: translateY(-50%);
position: absolute;
cursor: pointer;
}
.picScroll-left3 .hd .next {
background: url(../images/jtr.jpg) no-repeat;
width: 40px;
height: 40px;
display: block;
z-index: 9999;
right: -63px;
top: 50%;
transform: translateY(-50%);
position: absolute;
cursor: pointer;
}
.picScroll-left3 .hd .prev:hover {
background: url(../images/jtf.jpg) no-repeat;
}
.picScroll-left3 .hd .next:hover {
background: url(../images/jtr.jpg) no-repeat;
}
.picScroll-left3 .bd {}
.picScroll-left3 .bd ul {
overflow: hidden;
zoom: 1;
}
.picScroll-left3 .bd ul li {
float: left;
_display: inline;
overflow: hidden;
}
.fea_con {
height: 358px;
}
.fea_con>div {
width: unset !important;
}
.fea ul {
width: 2210px !important;
}
.fea li {
float: left;
width: 184px!important;
height: 358px;
position: relative;
transition: all 0.5s;
}
.fea li b a {
color: #fff;
}
.fea li b {
position: absolute;
text-align: center;
width: 100%;
left: 0%;
top: 125px;
background: url(../images/x6.png) no-repeat center bottom;
line-height: 68px;
font-weight: normal;
z-index: 99999;
font-family: MicrosoftYaHei;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: -0.4px;
color: #ffffff;
}
.fea li h3 {
width: 33px;
height: 33px;
position: absolute;
left: 50%;
margin-left: -16.6px;
top: 236px;
z-index: 99999;
}
.fea li .mask {
width: 184px;
height: 358px;
position: absolute;
left: 0;
top: 0;
}
.fea li:nth-child(even) .mask {
background: url(../images/op_bg1.png);
}
.fea li:nth-child(odd) .mask {
background: url(../images/op_bg2.png);
}
.fea li .det {
opacity: 0;
position: absolute;
text-align: center;
width: 80%;
left: 50%;
transform: translateX(-50%);
top: 140px;
transition: all 0.5s;
}
.fea li .det p {
overflow: hidden;
text-align: left;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0.6px;
color: #ffffff;
}
.fea li .line {
width: 50px;
height: 2px;
background: #fff;
position: absolute;
top: 200px;
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
.fea li .wz {
text-decoration: underline;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0.7px;
color: #ffffff;
margin-top: 5%;
}
.fea li .wz2 {
color: #fff;
font-size: 14px;
margin-top: 12px;
}
.fea li.cur {
width: 364px!important;
}
.fea li.cur .det {
opacity: 1;
}
.fea li.cur b {
top: 62px;
font-size: 18px;
}
.fea li.cur .line {
top: 100px;
}
.fea li.cur h3 {
display: none;
}
.fea li.cur .mask {
display: none;
z-index: 1;
}
@media (max-width:1100px) {
.picScroll-left3 .hd .next {
right: 0;
}
.picScroll-left3 .hd .prev {
left: 0;
}
}
@media (max-width:768px) {
.Anpart2 .w1100 {
padding: 20px 0
}
.Snpart2 .Anpart2 h1 {
font-size: 24px;
line-height: 30px;
}
.Snpart2 .Anpart2 p {
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}
}
@media (max-width:640px) {
.Snpart2 .Anpart2 h1 {
font-size: 18px;
line-height: 24px;
}
.Snpart2 .Anpart2 p {
font-size: 16px;
}
}
@media (max-width:400px) {
.Snpart2 .Anpart2 h1 {
font-size: 16px;
}
.Snpart2 .Anpart2 p {
font-size: 14px;
}
}
.Anpart3 {
background: #fff;
}
.Anpart3 .Snpart2_m {
padding: 3% 0;
}
/* 2022-02-17 热失控专题页*/
.HomeBan3 .slides,
.HomeBan3.flexslider {
height: unset;
}
.HomeBan3 .slides:before {
content: '';
height: 1px;
width: 100%;
background: url(../images/rskimg/line-dash.png);
position: absolute;
top: 135px;
left: 0;
z-index: 10;
}
.HomeBan3 li .BanCon {
width: 100%;
position: absolute;
top: 25%;
left: 0px;
text-align: left;
}
.HomeBan3 li .BanCon .title {
font-size: 26px;
font-weight: bold;
font-stretch: normal;
line-height: 58.333px;
letter-spacing: 0.5px;
color: #ffffff;
}
.HomeBan3 li .BanCon .txtbox {
width: 400px;
color: #fff;
font-size: 14px;
line-height: 30px;
text-align: left;
}
.HomeBan3 .flex-control-nav {
top: 50px;
z-index: 10;
display: block;
width: 66%;
transform: translateX(-50%);
left: 50%;
height: 100px;
display: flex;
justify-content: space-between;
}
.HomeBan3 .flex-control-nav li {
width: 20%;
margin: 0;
padding-bottom: 35px;
}
.HomeBan3 .flex-control-nav li a {
opacity: 1;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 100px;
height: 60px;
display: block;
margin: 0 auto;
}
.HomeBan3 .flex-control-nav li a:before {
content: '';
width: 19px;
height: 19px;
background: url(../images/rskimg/dot.png) center no-repeat;
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}
.HomeBan3 .flex-control-nav li a.flex-active:before {
background: url(../images/rskimg/dot1.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(1) a {
background: url(../images/rskimg/ico1.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(2) a {
background: url(../images/rskimg/ico2.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(3) a {
background: url(../images/rskimg/ico3.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(4) a {
background: url(../images/rskimg/ico4.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li a:hover,
.HomeBan3 .flex-control-nav li a.flex-active {
opacity: 1;
}
.HomeBan3 .flex-control-nav li:nth-child(1) a:hover,
.HomeBan3 .flex-control-nav li:nth-child(1) a.flex-active {
background: url(../images/rskimg/ico1_hover.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(2) a:hover,
.HomeBan3 .flex-control-nav li:nth-child(2) a.flex-active {
background: url(../images/rskimg/ico2_hover.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(3) a:hover,
.HomeBan3 .flex-control-nav li:nth-child(3) a.flex-active {
background: url(../images/rskimg/ico3_hover.png) center no-repeat;
}
.HomeBan3 .flex-control-nav li:nth-child(4) a:hover,
.HomeBan3 .flex-control-nav li:nth-child(4) a.flex-active {
background: url(../images/rskimg/ico4_hover.png) center no-repeat;
}
.HomeBan3 .flex-direction-nav a {
width: 40px;
height: 40px;
text-indent: 99999px;
overflow: hidden;
}
.HomeBan3 .flex-direction-nav .flex-prev {
opacity: 1;
left: 24px;
background: url(../images/jtf.jpg) center center no-repeat;
background-size: 100% 100%;
}
.HomeBan3 .flex-direction-nav .flex-next {
opacity: 1;
right: 24px;
background: url(../images/jtr.jpg) center center no-repeat;
background-size: 100% 100%;
}
.flex-direction-nav a:before {
display: none!important;
}
@media ( max-width:1440px) {
.HomeBan li .BanCon img {
height: 170px;
}
.HomeBan3 {
height: auto
}
.HomeBan3 .flex-control-nav {
width: 88%;
}
.HomeBan3 li .BanCon {
top: 36%;
}
}
@media ( max-width:1199px) {
.HomeBan3 li .BanCon img {
height: 140px;
}
.HomeBan3 li .BanCon .txtbox {
width: 60%;
}
.HomeBan3 li .BanCon .title {
font-size: 20px;
line-height: 40px;
}
}
@media ( max-width:768px) {
.HomeBan3 .slides,
.HomeBan3.flexslider {
height: auto;
overflow: hidden;
}
.HomeBan3 .flex-control-nav li a {
width: 50px;
height: 30px;
background-size: cover !important;
}
.HomeBan3 .flex-control-nav {
height: 60px;
top: 30px;
}
.HomeBan3 .flex-control-nav li {
padding-bottom: 20px;
}
.HomeBan3 .slides:before {
top: 85px;
}
.HomeBan3 li .BanCon .txtbox {
width: 100%;
line-height: 24px;
}
.HomeBan3 li .BanCon .title {
font-size: 18px;
}
.flex-direction-nav {display: none;}
}
@media ( max-width:480px) {
.HomeBan3 li .BanCon .txtbox {
display: none;
}
.HomeBan3 li .BanCon {
top: 56%;
}
}
@media ( max-width:420px) {
.HomeBan3 li .BanCon {
top: 67%;
}
.HomeBan3 li .BanCon .title {
font-size: 16px;
}
}
.CCon {}
.CCon1 {
padding: 2% 0;
}
.CCon1 .title {
font-size: 34px;
font-weight: bold;
font-stretch: normal;
line-height: 58px;
letter-spacing: 0.3px;
color: #3e3a39;
padding-bottom: 14px;
}
.CCon1 .txt {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.1px;
color: #484b53;
}
.CCon1 .icoList {
padding: 2% 0;
}
.CCon1 .icoList ul {
margin-left: -5%;
}
.CCon1 .icoList ul li {
width: 15%;
float: left;
margin-left: 5%;
display: flex;
align-items: center;
}
.CCon1 .icoList ul li img {}
.CCon1 .icoList ul li span {
margin-left: 20px;
font-size: 17px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 0.2px;
}
.CCon1 .icoList ul li:nth-child(1) span {
color: #80bb53;
}
.CCon1 .icoList ul li:nth-child(2) span {
color: #f89c31;
}
.CCon1 .icoList ul li:nth-child(3) span {
color: #5c8cc9;
}
.CCon1 .icoList ul li:nth-child(4) span {
color: #915b98;
}
.CCon1 .icoList ul li:nth-child(5) span {
color: #f18a18;
}
.CCon1 .icoList ul li:hover {}
.CCon1 .icoList ul li:hover img {
-webkit-animation: icon-bounce 0.5s alternate;
-moz-animation: icon-bounce 0.5s alternate;
-o-animation: icon-bounce 0.5s alternate;
animation: icon-bounce 0.5s alternate;
}
@media ( max-width:1199px) {
.CCon1 .title {
font-size: 26px;
line-height: 42px;
}
}
@media ( max-width:768px) {
.CCon1 .title {
font-size: 20px;
line-height: 30px;
}
}
@media ( max-width:640px) {
.CCon1 .icoList ul li span {
margin-left: 6px;
}
}
@media ( max-width:480px) {
.CCon1 .title {
font-size: 17px;
}
.CCon1 .icoList ul {
margin-left: 0;
text-align: center;
}
.CCon1 .icoList ul li {
width: 19%;
float: none;
margin-left: 0;
align-items: center;
display: inline-block;
}
}
@media ( max-width:420px) {
.CCon1 .icoList ul li span {
font-size: 14px;
}
}
.CCon2 {
padding: 2% 0;
background-size: cover !important;
}
.CCon2 .title {
font-size: 26px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 0.3px;
color: #484b53;
padding-bottom: 14px;
}
.CCon2.white .title {
color: #fff;
}
.CCon2 .text {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.1px;
color: #484b53;
}
.CCon2.white .text {
color: #fff;
}
.CCon2 .tabBox {
overflow: hidden;
padding-top: 5%;
}
.tabBox .tabTit {
width: 22%;
float: left;
position: relative;
}
.tabBox .tabTit:before {
content: '';
width: 10px;
height: 100%;
background: url(../images/rskimg/line.png) center no-repeat;
position: absolute;
left: 5px;
top: 0;
}
.tabBox .tabTit ul {
position: relative;
padding: 20px 0;
}
.tabBox .tabTit ul:before,
.tabBox .tabTit ul:after {
content: '';
width: 10px;
height: 10px;
background: #a1a1a1;
border-radius: 50%;
position: absolute;
left: 5px;
}
.tabBox .tabTit ul:before {
top: 0;
}
.tabBox .tabTit ul:after {
bottom: 0;
}
.tabBox .tabTit ul li {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.1px;
color: #484b53;
position: relative;
padding: 7% 0 7% 20%;
cursor: pointer;
}
.white .tabBox .tabTit ul li {
color: #fff;
}
.tabBox .tabTit ul li:before {
content: '';
width: 20px;
height: 20px;
background: url(../images/rskimg/dot2.png) center no-repeat;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.tabBox .tabTit ul li.on:before {
background: url(../images/rskimg/dot3.png) center no-repeat;
}
.tabBox .tabCon {
width: 31%;
float: right;
padding-top: 40px;
}
.tabBox .tabCon .item {
color: #484b53;
}
.tabBox .tabCon .item .tit {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.2px;
padding-bottom: 18px;
}
.tabBox .tabCon .item .txt {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.1px;
}
.white .tabBox .tabCon .item {
color: #fff;
}
.tabBox .tabPc {
position: relative;
width: 45%;
margin-left: 22%;
}
.tabBox .tabPc .bgpc img {
height: auto;
}
.tabBox .tabPc .dots {
position: absolute;
display: inline-block;
}
.tabBox .tabPc .dots span {
width: 10px;
height: 10px;
background: #f18a18;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.tabBox .tabPc .dots span:after {
background: #e4652a;
-webkit-animation: warn 3s ease-out;
-moz-animation: warn 3s ease-out;
animation: warn 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.tabBox .tabPc .dots span:after {
content: '';
z-index: 888;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
background: rgba(241, 138, 24, 0.4);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.tabBox .tabPc .dots span:before {
background: rgba(0, 30, 180, 0.8);
-webkit-animation: warn2 3s ease-out;
-moz-animation: warn2 3s ease-out;
animation: warn2 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.tabBox .tabPc .dots span:before {
content: '';
z-index: 888;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
background: rgb(241 138 24);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}
.tabBox .tabPc .dots p {
width: 0;
transition: all 0.3s;
opacity: 0;
height: 48px;
background: #f5a100;
z-index: -1;
border-radius: 48px;
color: #fff;
font-size: 18px;
line-height: 24px;
position: absolute;
left: 20px;
top: 0%;
margin-top: -20px;
text-indent: 30px;
}
.tabBox .tabPc .dots p strong {
font-size: 0;
color: #ffffff;
margin-top: 0;
display: block;
opacity: 0;
}
.tabBox .tabPc .dots p i {
text-indent: 2em;
display: inline-block;
opacity: 0;
}
.tabBox .tabPc .dots:hover>p {
width: 360px;
transition: all 0.3s;
opacity: 1;
z-index: 10
}
.tabBox .tabPc .dots:hover>p strong,
.tabBox .tabPc .dots:hover>p i {
opacity: 1;
font-size: 14px;
}
.tabBox .tabPc .dots1 {
bottom: 53.83%;
right: 20.32%;
}
.tabBox .tabPc.Pc2 .dots1 {
bottom: 37.83%;
right: 58.32%;
}
.tabBox .tabPc.Pc3 .dots1 {
bottom: 50.83%;
right: 73.32%;
}
.tabBox .tabPc.Pc3 .dots2 {
bottom: 96%;
right: 40%;
}
.tabBox .tabPc .dots2 {
bottom: 43.83%;
right: 60.32%;
}
.tabBox .tabPc.Pc4 .dots1 {
bottom: 57.83%;
right: 16.32%;
}
.tabBox .tabPc.Pc4 .dots2 {
bottom: 50.83%;
right: 24.32%;
}
.tabBox .tabPc.Pc4 .dots2:hover>p {
width: 460px;
}
.tabBox .tabPc .dots3 {
bottom: 50.83%;
right: 78.32%;
}
.tabBox .tabPc .dots4 {
bottom: 63.3%;
right: 43.8%;
}
.tabBox .tabPc.Pc4 .dots p {
left: unset;
right: 20px;
}
@media ( max-width:1199px) {
.tabBox .tabPc .bgpc img {
height: 321px;
}
.CCon2 .title {
font-size: 26px;
line-height: 42px;
}
}
@media (max-width:768px) {
.CCon2 .title {
font-size: 20px;
line-height: 30px;
}
.tabBox .tabPc .bgpc img {
height: 250px;
}
.tabBox .tabPc .dots:hover>p {
width: 0;
transition: all 0.3s;
opacity: 0;
}
.tabBox .tabPc .dots:hover>p strong,
.tabBox .tabPc .dots:hover>p i {
opacity: 0;
font-size: 0;
}
.tabBox .tabCon .item .tit {
font-size: 18px;
padding-bottom: 10px;
}
}
@media (max-width:640px) {
.tabBox .tabTit {
width: 26%;
}
.tabBox .tabCon {
padding-top: 0;
}
.tabBox .tabCon,
.tabBox .tabPc {
width: 70%;
}
.tabBox .tabPc {
margin-left: 0;
float: right;
}
.tabBox .tabPc .bgpc img {
height: 370px;
}
}
@media (max-width:480px) {
.tabBox .tabPc .bgpc img {
height: 280px;
}
.CCon2 .title {
font-size: 17px;
}
}
@media (max-width:420px) {
.tabBox .tabTit {
width: 100%;
float: none;
}
.tabBox .tabTit ul li {
padding: 4px 0 4px 30px;
}
.tabBox .tabCon,
.tabBox .tabPc {
width: 100%;
}
.tabBox .tabCon {
margin-top: 20px;
}
}
.CCon3 {
padding: 2% 0;
background: #e9e9ee;
}
.CCon3 .title {
text-align: center;
margin-bottom: 4%;
}
.CCon3 .title span {
position: relative;
padding-bottom: 20px;
font-size: 26px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 0.3px;
color: #f08700;
display: inline-block;
}
.CCon3 .title span:before {
content: '';
width: 68px;
height: 10px;
background: #f18800;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.CCon3 .title span:after {
content: '';
width: 100%;
height: 1px;
background: #dededf;
position: absolute;
bottom: 0;
left: 0;
}
.CCon3 .ptBox {
overflow: hidden;
}
.ptBox .ptTit {
width: 24%;
float: left;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0.1px;
color: #484b53;
background: #fff;
}
.ptBox .ptTit ul {}
.ptBox .ptTit ul li {
cursor: pointer;
padding:14px 20px;
border-bottom: 1px solid #eaeaee;
}
.ptBox .ptTit ul li:last-child {
border-bottom: none;
}
.ptBox .ptTit ul li.on {
background: #f0e3ce;
color: #f18800;
}
.ptBox .ptCon {
width: 76%;
float: right;
}
.ptBox .ptCon ul {
min-height: 560px;
position: relative;
overflow: hidden;
border: 1px #fff solid;
}
.ptBox .ptTit ul li.t1,.ptBox .ptTit ul li.t4{padding:38px 20px;}
.ptBox .ptCon ul li {
height: 100%;
width: 100%;
position: absolute;
font-size: 17px;
padding-left: 30px;
line-height: 50px;
}
.ptBox .ptCon ul li:nth-child(even) {
background: #f5f6f6;
}
.ptBox .ptCon ul li:nth-child(odd) {
background: #eaeaee;
}
.ptBox .ptCon ul li:nth-child(1) {}
.ptBox .ptCon ul li:nth-child(2) {
top: 50px;
left: 50px;
}
.ptBox .ptCon ul li:nth-child(3) {
top: 100px;
left: 100px;
}
.ptBox .ptCon ul li:nth-child(4) {
top: 150px;
left: 150px;
}
.ptBox .ptCon ul li:nth-child(5) {
top: 200px;
left: 200px;
}
.ptBox .ptCon ul li:nth-child(6) {
top: 250px;
left: 250px;
}
.ptBox .ptCon ul li:nth-child(7) {
top: 300px;
left: 300px;
}
.ptBox .ptCon ul li .circle {
width: 20px;
height: 20px;
background: url(../images/rskimg/dot4.png) center no-repeat;
position: absolute;
left: 16px;
top: 310px;
}
.ptBox .ptCon ul li.c1 .circle:nth-child(2) {
top: 388px;
}
.ptBox .ptCon ul li.c1 .circle:nth-child(3) {
top: 430px;
}
.ptBox .ptCon ul li.c2 .circle:nth-child(1) {
top: 338px;
}
.ptBox .ptCon ul li.c3 .circle:nth-child(1) {
top: 410px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(1) {
top: 160px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(2) {
top: 239px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(3) {
top: 279px;
}
.ptBox .ptCon ul li.c5 .circle:nth-child(1) {
top: 150px;
}
.ptBox .ptCon ul li.c6 .circle:nth-child(1) {
top: 220px;
}
.ptBox .ptCon ul li.on .circle {
background: url(../images/rskimg/dot5.png) center no-repeat;
}
.ptBox .ptCon ul li p {
line-height: 40px;
font-size: 16px;
}
.ptBox .ptCon ul li.on {
color: #fff;
}
.ptBox .ptCon ul li:nth-child(even).on {
background: #f4a307;
}
.ptBox .ptCon ul li:nth-child(odd).on {
background: #f08a18;
}
.ptBox .ptCon ul li.on p {
color: #f5a100;
}
.ptBox .ptCon ul li p.on {
color: #f5a100;
}
@media ( max-width:768px) {
.CCon3 .title span {
font-size: 20px;
}
.ptBox .ptTit {
width: 100%;
float: none;
}
.ptBox .ptTit ul li {
padding: 10px;
}
.ptBox .ptCon {
width: 100%;
float: none;
}
}
@media ( max-width:640px) {
.ptBox .ptCon ul {
min-height: 400px;
}
.ptBox .ptCon ul li {
height: 100%;
width: 100%;
position: absolute;
font-size: 14px;
padding-left: 20px;
line-height: 30px;
}
.ptBox .ptCon ul li:nth-child(2) {
top: 30px;
left: 30px;
}
.ptBox .ptCon ul li:nth-child(3) {
top: 60px;
left: 60px;
}
.ptBox .ptCon ul li:nth-child(4) {
top: 90px;
left: 90px;
}
.ptBox .ptCon ul li:nth-child(5) {
top: 120px;
left: 120px;
}
.ptBox .ptCon ul li:nth-child(6) {
top: 150px;
left: 150px;
}
.ptBox .ptCon ul li:nth-child(7) {
top: 180px;
left: 180px;
}
.ptBox .ptCon ul li p {
line-height: 30px;
font-size: 14px;
}
.ptBox .ptCon ul li .circle {
width: 10px;
height: 10px;
left: 10px;
top: 190px;
background-size: cover !important;
}
.ptBox .ptCon ul li.c1 .circle:nth-child(2) {
top: 248px;
}
.ptBox .ptCon ul li.c1 .circle:nth-child(3) {
top: 280px;
}
.ptBox .ptCon ul li.c2 .circle:nth-child(1) {
top: 310px;
}
.ptBox .ptCon ul li.c3 .circle:nth-child(1) {
top: 281px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(1) {
top: 100px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(2) {
top: 160px;
}
.ptBox .ptCon ul li.c4 .circle:nth-child(3) {
top: 190px;
}
.ptBox .ptCon ul li.c5 .circle:nth-child(1) {
top: 100px;
}
.ptBox .ptCon ul li.c6 .circle:nth-child(1) {
top: 160px;
}
}
@media ( max-width:480px) {
.ptBox .ptTit {
margin-bottom: 10px;
}
.ptBox .ptCon ul li {
left: 0 !important;
}
}
.CCon4 {
padding: 2% 0;
}
.CCon4 .title {
font-size: 26px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 0.3px;
color: #282828;
padding-bottom: 20px;
}
.CCon4 .rpList {}
.rpList ul {
}
.rpList .item {
text-align: center;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0.3px;
color: #484b53;
float: left;
width: 100%;
padding: 5% 0;
}
.CCon4 .owl-carousel .owl-nav button.owl-prev,
.CCon4 .owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
text-indent: 999px;
overflow: hidden;
}
.CCon4 .owl-carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: -50px;
background: url(../images/jtf.jpg);
background-size: 100% 100%;
}
.CCon4 .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
right: -50px;
background: url(../images/jtr.jpg);
background-size: 100% 100%;
}
.rpList .item .imgbox {}
.rpList .item .imgbox img {
height: 210px;
}
.rpList .item .txtbox {
padding-top: 20px;
}
.rpList .item .txtbox .tit {}
.rpList .item .txtbox .type {height:26px;}
.rpList .item .txtbox .type2 {height:26px;font-size: 13px;}
.rpList .item .txtbox .link {
display: block;
margin: 0 auto;
width: 120px;
height: 30px;
line-height: 30px;
border-radius: 30px;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0.6px;
color: #c4c4c5;
border: solid 1px #c4c4c5;
margin-top: 20px;
}
.rpList .item:hover {
color: #fff;
background: #f18800;
}
.rpList .item:hover .link {
color: #fff;
transition: none;
border: solid 1px #ffffff;
}
@media ( max-width:768px) {
.CCon4 .title {
font-size: 20px;
line-height: 30px;
}
}
@media ( max-width:640px) {
.rpList .item .imgbox img {
height: 160px;
}
.rpList .item {
padding: 2% 0;
}
}
@media ( max-width:480px) {
.rpList .item {
width: 100%;
margin-bottom: 20px;
}
}
/*选型表测试开始*/
.Cptable{overflow-x:scroll; margin: 0 auto;position: relative;display: inline-block;/*! margin-bottom: 20px; */border-bottom: 1px solid #007cc2;padding-bottom: 20px;margin-bottom: 20px;}
.Cptable::-webkit-scrollbar{opacity:0;}
.Cptable table{width: 1100px;}
.Cptable tr.first{height: 40px;line-height: 40px;font-size: 15px;text-align: center;display: table;border-bottom: 0;color: #000;font-family: brt;font-weight: bold;}
.Cptable tr{border-bottom: 2px solid #fff;background: #F2F2F2;text-align: center;font-size: 11px;position: relative;margin: 0 auto;width: 1100px;}
.Cptable tr td{border: none; border-collapse:0;}
.Cptable tr td:nth-child(2n+1){background: #EBEBEB}
.Cptable tr td:first-child{background: #7FBDE0;width: 17%;}
.Cptable tr.first td.lh5{line-height: 16px;padding: 2px 0}
.Cptable tr td:nth-child(2){width: 10%;}
.Cptable tr td:nth-child(3){width: 14%;}
.Cptable tr td:nth-child(4){width: 13%;}
.Cptable tr td:nth-child(5){width: 12%;}
.Cptable tr td:nth-child(6){width: 18%;}
/*.Cptable tr td:nth-child(7){width: 16%;}*/
.Cptable tr.sec{height: 120px;position: relative;width: 1100px;display: table;border-bottom: 0;}
.Cptable i{
display: block;
width: 3px;
height: 3px;
background: #007cc2;
position: absolute;
top: 8.5px;
left: 0px;
}
.Cptable tr.sec a{color: #000000;}
.Cptable tr.sec a:hover{color: #2a20c8;}
.Cptable tr.sec .imgs{width: 100%;height: 70px;margin-top: 5px;background-position: center;-webkit-background-size: auto ;background-size: auto ;background-repeat: no-repeat;}
.Cptable tr.sec .imgs img{vertical-align: middle;max-height: 90%}
.Cptable tr.sec td:first-child p{font-size: 14px;color: #0F0F0F;}
.Cptable tr.sec td:nth-child(2){color: #000000;font-size: 14px;}
.Cptable tr.sec td:nth-child(3){padding-left: 5px;}
.Cptable tr.sec td:nth-child(3) p{font-size: 12px;text-align: center;color: #007cc2;height: 24px;line-height: 24px;margin-bottom: 15px;padding-left: 8px;}
.Cptable tr.sec td:nth-child(3) p img{vertical-align: middle;margin: auto 5px}
.Cptable tr.sec td:nth-child(3) h4{font-size: 12px;line-height: 18px;color: #0F0F0F;font-weight: normal;}
.Cptable tr.sec td:nth-child(4){text-align: left;padding-left: 20px;}
.Cptable tr.sec td:nth-child(4) p span{display: block;font-family: brt;font-size: 12px;/*color: #007cc2;margin-top: 5px*/}
.Cptable tr.sec td:nth-child(4) p{font-family: brt;color: #0F0F0F;font-size: 12px;padding-left: 5px;line-height: 18px;}
.Cptable tr.sec td:nth-child(5){font-size: 14px;color: #000000;}
.Cptable tr.sec td:nth-child(6){font-size: 12px;line-height: 18px;color: #0F0F0F;text-align: left;padding: 10px 0}
.Cptable tr.sec td:nth-child(6) p span{display: block;width: 100%;}
.Cptable tr.sec td:nth-child(6) p{padding-left: 5px;font-size: 12px}
.Cptable tr.sec td:nth-child(7){font-family: brt; font-size: 14px;color: #0F0F0F;line-height: 18px;padding: 25px 0}
.Cptable tr.sec td:nth-child(7) p{padding-left: 5px;text-align: left;}
.Cptable tr.sec td:nth-child(7) p span{padding-left: 5px;background: url(../images/dian.png) no-repeat left 7px;display: inline-block;width: 100%;}
.Cptable tr.sec td:nth-child(8){color: #0F0F0F;font-size: 14px;text-align: left;line-height: 24px;}
.Cptable tr.sec td:nth-child(8) p{padding-left: 5px;}
.Cptable tr.sec td .more{display: block;;margin-top: 5px;margin-left: 5px;z-index: 6;position: absolute;bottom: 5px;right: 20px;}
.Cptable tr.sec td:nth-child(2) .hide{top: 100px}
/* .Cptable tr.sec:hover>.hide{display: block;} */
.Cptable tr.sec .mores{display: none;}
.Cptable tr.sec:hover .mores{display: block;}
.Cptable tr.sec .hide{width: 1100px;height: 100%;background: rgba(0,0,0,.08);position: absolute;left: 0;top: 0;z-index: 2;display: none;}
.Cptable tr.height2{height: 2px;background: #fff;height: 2px}
.Cptable tr.sec{transition: all 0.3s}
.Cptable tr.sec:hover{top: -1px;-moz-box-shadow:0px 0px 10px #999999; -webkit-box-shadow:0px 0px 10px #999999; box-shadow:0px 0px 10px #999999;}
.pchide{height:40px;line-height: 40px;display: none;}
.pchide img{vertical-align: middle;;height: 32px;margin:0 4px;float: left;}
.pchide {font-size: 18px;color: #666;line-height: 18px;}
@media(max-width:768px) {
.Cptable {display: none}
.Cptable .pcshow{display: none}
.Cptable .pchide{display: block;font-size: 15px}
}
.Cptable2{border-bottom: none;display:none;}
.Cptable{margin-top: 40px}
@media(max-width:768px) {
.Cptable{width: 96%;margin: auto 2%}
}
.ytp-show-cards-title,.ytp-gradient-top{display:none !important;}
.Cptable4{width: 1100px;margin: 0 auto;position: relative;display: inline-block;/*! margin-bottom: 20px; */border-bottom: 1px solid #007cc2;padding-bottom: 40px;}
.Cptable4 tr.first{height: 40px;line-height: 40px;font-size: 15px;text-align: center;display: table;border-bottom: 0;color: #000;font-family: brt;font-weight: bold;}
.Cptable4 tr{border-bottom: 2px solid #fff;background: #F2F2F2;text-align: center;font-size: 11px;position: relative;margin: 0 auto;width: 1100px;}
.Cptable4 tr td{border: none; border-collapse:0;}
.Cptable4 tr td:nth-child(2n+1){background: #EBEBEB}
.Cptable4 tr td:first-child{background: #7FBDE0;width: 17%;}
.Cptable4 tr.first td.lh5{line-height: 16px;padding: 2px 0}
.Cptable4 tr td:nth-child(2){width: 8%;}
.Cptable4 tr td:nth-child(3){width: 8%;}
.Cptable4 tr td:nth-child(4){width: 8%;}
.Cptable4 tr td:nth-child(5){width: 8%;}
.Cptable4 tr td:nth-child(6){width: 8%;}
.Cptable4 tr.sec{height: 120px;position: relative;width: 1100px;display: table;border-bottom: 0;}
.Cptable4 tr.sec .imgs{width: 100%;height: 70px;margin-top: 5px;background-position: center;-webkit-background-size: auto ;background-size: auto ;background-repeat: no-repeat;}
.Cptable4 tr.sec .imgs img{vertical-align: middle;max-height: 90%}
.Cptable4{width: 1100px;margin: 0 auto;position: relative;display: inline-block;/*! margin-bottom: 20px; */border-bottom: 1px solid #007cc2;padding-bottom: 40px;}
.Cptable4 tr.first{height: 40px;line-height: 40px;font-size: 15px;text-align: center;display: table;border-bottom: 0;color: #000;font-family: brt;font-weight: bold;}
.Cptable4 tr{border-bottom: 2px solid #fff;background: #F2F2F2;text-align: center;font-size: 11px;position: relative;margin: 0 auto;width: 1100px;}
.Cptable4 tr td{border: none; border-collapse:0;}
.Cptable4 tr td:nth-child(2n+1){background: #EBEBEB}
.Cptable4 tr td:first-child{background: #7FBDE0;width: 17%;}
.Cptable4 tr.first td.lh5{line-height: 16px;padding: 2px 0}
.Cptable4 tr td:nth-child(2){width: 8%;}
.Cptable4 tr td:nth-child(3){width: 8%;}
.Cptable4 tr td:nth-child(4){width: 8%;}
.Cptable4 tr td:nth-child(5){width: 8%;}
.Cptable4 tr td:nth-child(6){width: 8%;}
.Cptable4 tr.sec{height: 120px;position: relative;width: 1100px;display: table;border-bottom: 0;}
.Cptable4 tr.sec .imgs{width: 100%;height: 120px;margin-top: 5px;background-position: center;-webkit-background-size: auto ;background-size: auto ;background-repeat: no-repeat;}
.Cptable4 tr.sec .imgs img{vertical-align: middle;max-height: 90%}
.Cptable4 tr.sec td:first-child p{font-family: brt;font-size: 14px;color: #0F0F0F;}
.Cptable4 tr.sec td:nth-child(2){font-family: brt;color: #007cc2;font-size: 16px}
.Cptable4 tr.sec td:nth-child(3) p{font-size: 16px;text-align: center;color: #007cc2;height: 24px;line-height: 24px;margin-bottom: 15px;}
.Cptable4 tr.sec td:nth-child(3) p img{vertical-align: middle;margin: auto 5px}
.Cptable4 tr.sec td:nth-child(3) h4{font-family: brt;font-size: 14px;line-height: 18px;color: #0F0F0F;font-weight: normal;}
.Cptable4 tr.sec td:nth-child(4){text-align: left;}
.Cptable4 tr.sec td:nth-child(4) p span{display: block;font-family: brt;font-size: 16px;/*color: #007cc2;margin-top: 5px*/}
.Cptable4 tr.sec td:nth-child(4) p{font-family: brt;color: #0F0F0F;font-size: 14px;padding-left: 5px;line-height: 18px;}
.Cptable4 tr.sec td:nth-child(5){font-family: brt;font-size: 16px;color: #007cc2;font-weight: bold;}
.CPtable4 tr.sec td:nth-child(6){font-family: brt;font-size: 12px;line-height: 18px;color: #0F0F0F;text-align: left;padding: 10px 0}
.CPtable4 tr.sec td:nth-child(6) p span{display: block;height: 6px;width: 100%;}
.CPtable4 tr.sec td:nth-child(6) p{padding-left: 5px;font-size: 12px}
.CPtable4 tr.sec td:nth-child(7){font-family: brt; font-size: 12px;color: #0F0F0F;line-height: 18px;padding: 25px 0}
.CPtable4 tr.sec td:nth-child(7) p{padding-left: 5px;text-align: left;}
.CPtable4 tr.sec td:nth-child(7) p span{padding-left: 5px;background: url(../images/dian.png) no-repeat left 7px;display: inline-block;width: 100%;}
.CPtable4 tr.sec td:nth-child(8){font-family: brt;color: #0F0F0F;font-size: 14px;text-align: left;line-height: 24px;}
.CPtable4 tr.sec td:nth-child(8) p{padding-left: 5px;}
.CPtable4 tr.sec td .more{display: block;;margin-top: 5px;margin-left: 5px;z-index: 6;position: absolute;bottom: 0;right: 20px;}
.CPtable4 tr.sec td:nth-child(2) .hide{top: 100px}
.CPtable4 tr.sec:hover>.hide{display: block;}
.CPtable4 tr.sec .hide{width: 1100px;height: 100%;background: rgba(0,0,0,.08);position: absolute;left: 0;top: 0;z-index: 2;display: none;}
.CPtable4 tr.height2{height: 2px;background: #fff;height: 2px}
.CPtable4 tr.sec{transition: all 0.3s}
.CPtable4 tr.sec:hover{top: -1px;-moz-box-shadow:0px 0px 10px #999999; -webkit-box-shadow:0px 0px 10px #999999; box-shadow:0px 0px 10px #999999;}
.pchide{height:40px;line-height: 40px;display: none;}
.pchide img{vertical-align: middle;;height: 32px;margin:0 4px;float: left;}
.pchide {font-size: 18px;color: #666;line-height: 18px;}
@media(max-width:768px) {
.Cpbox .yincang{display: none}
.CPtable4 .pcshow{display: none}
.CPtable4 .pchide{display: block;font-size: 15px}
}
.CPtable42{border-bottom: none;display:none;}
.CPtable4{display:block;margin-top: 40px}
@media(max-width:768px) {
.CPtable4{width: 96%;margin: auto 2%}
}
tr.sec td:first-child p{font-family: brt;font-size: 14px;color: #0F0F0F;}
.CPtable4 tr.sec td:nth-child(2){font-family: brt;color: #007cc2;font-size: 16px;font-weight: bold;}
.CPtable4 tr.sec td:nth-child(3) p{font-size: 16px;text-align: center;color: #007cc2;height: 24px;line-height: 24px;margin-bottom: 15px;}
.CPtable4 tr.sec td:nth-child(3) p img{vertical-align: middle;margin: auto 5px}
.CPtable4 tr.sec td:nth-child(3) h4{font-family: brt;font-size: 14px;line-height: 18px;color: #0F0F0F;font-weight: normal;}
.CPtable4 tr.sec td:nth-child(4){text-align: left;}
.CPtable4 tr.sec td:nth-child(4) p span{display: block;font-family: brt;font-size: 16px;/*color: #007cc2;margin-top: 5px*/}
.CPtable4 tr.sec td:nth-child(4) p{font-family: brt;color: #0F0F0F;font-size: 14px;padding-left: 5px;line-height: 18px;}
.CPtable4 tr.sec td:nth-child(5){font-family: brt;font-size: 16px;color: #007cc2;font-weight: bold;}
.CPtable4 tr.sec td:nth-child(6){font-family: brt;font-size: 12px;line-height: 18px;color: #0F0F0F;text-align: left;padding: 10px 0}
.CPtable4 tr.sec td:nth-child(6) p span{display: block;height: 6px;width: 100%;}
.CPtable4 tr.sec td:nth-child(6) p{padding-left: 5px;font-size: 12px}
.CPtable4 tr.sec td:nth-child(7){font-family: brt; font-size: 14px;color: #0F0F0F;line-height: 18px;padding: 25px 0}
.CPtable4 tr.sec td:nth-child(7) p{padding-left: 5px;text-align: left;}
.CPtable4 tr.sec td:nth-child(7) p span{padding-left: 5px;background: url(../images/dian.png) no-repeat left 7px;display: inline-block;width: 100%;}
.CPtable4 tr.sec td:nth-child(8){font-family: brt;color: #0F0F0F;font-size: 14px;text-align: left;line-height: 24px;}
.CPtable4 tr.sec td:nth-child(8) p{padding-left: 5px;}
.CPtable4 tr.sec td .more{display: block;;margin-top: 5px;margin-left: 5px;z-index: 6;position: absolute;bottom: 0;right: 20px;}
.CPtable4 tr.sec td:nth-child(2) .hide{top: 100px}
.CPtable4 tr.sec:hover>.hide{display: block;}
.CPtable4 tr.sec .hide{width: 1100px;height: 100%;background: rgba(0,0,0,.08);position: absolute;left: 0;top: 0;z-index: 2;display: none;}
.CPtable4 tr.height2{height: 2px;background: #fff;height: 2px}
.CPtable4 tr.sec{transition: all 0.3s}
.CPtable4 tr.sec:hover{top: -1px;-moz-box-shadow:0px 0px 10px #999999; -webkit-box-shadow:0px 0px 10px #999999; box-shadow:0px 0px 10px #999999;}
.pchide{height:40px;line-height: 40px;display: none;}
.pchide img{vertical-align: middle;;height: 32px;margin:0 4px;float: left;}
.pchide {font-size: 18px;color: #666;line-height: 18px;}
@media(max-width:768px) {
.CPtable4 .pcshow{display: none}
.CPtable4 .pchide{display: block;font-size: 15px}
}
.CPtable42{border-bottom: none;display:none;}
.CPtable4{display:block;margin-top: 40px}
@media(max-width:768px) {
.CPtable4{width: 96%;margin: auto 2%}
}
.ytp-show-cards-title,.ytp-gradient-top{display:none !important;}
/*选型表测试结束*/
/*汽车专题页开始*/
.imgbox {position: relative;width: 100%;}
.imgbox span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: contain;background-repeat: no-repeat;background-position: center;transition: all 0.3s}
.acpart1 .acpart1_t p{float: left;width: 33.33%;height: 56px;line-height: 56px;font-size: 20px;font-family: brt;color: #ffffff;margin: 10px auto 27px}
.acpart1 .acpart1_t p.p1{background: url(../zt/AutomotiveSensorSolutions/acbg1.png) no-repeat center;}
.acpart1 .acpart1_t p.p2{background: url(../zt/AutomotiveSensorSolutions/acbg2.png) no-repeat center;}
.acpart1 .acpart1_t p.p3{background: url(../zt/AutomotiveSensorSolutions/acbg3.png) no-repeat center;}
.acpart1 .acpart1_t p img{vertical-align: middle;margin-left: 60px;margin-right: 30px;}
.acpart1 .txt{margin-bottom: 30px;color: #666;text-align: justify;}
.Acbanner .w1100{position: relative;}
.Acbanner .w1100 .banbox{position: absolute;right: 0;top: 0;width: 555px;height: 181px;background: url(../zt/AutomotiveSensorSolutions/acbg4.png) no-repeat center;}
.Acbanner .w1100 .shushibg01{height: 250px !important;}
.Acbanner .w1100 .banbox p{font-size: 24px;line-height: 24px;color: #ffffff;letter-spacing: 0;font-family: brt;padding: 0 30px;margin-top: 20px;position: relative;}
.Acbanner .w1100 .banbox p:after{width: 134px;position: absolute;left: 30px;bottom: -20px;content: "";background: #fff; height: 3px;}
.acpart2 .txt{color: #666;padding: 15px 0;text-align: justify;}
.acpart2 .slideTxtBox{margin-top: 0;}
.slideTxtBox .hd{height: 55px;line-height: 55px;}
.acpart2 .slideTxtBox .hd ul li{height: 55px;line-height: 55px;width: 50%;float: left;font-size: 20px;color: #ffffff;font-weight: normal;background-color: #b5b6b6;}
.acpart2 .slideTxtBox .hd ul li.on{background-color: #007ec2;}
.acpart2 .slideTxtBox .acp2_l{width: 220px;padding-top: 80px;}
.acpart2 .slideTxtBox .acp2_l h3{font-size: 18px;line-height: 24px;color: #5a5756;margin-bottom: 10px;font-family: brt}
.acpart2 .slideTxtBox .acp2_l p{line-height: 30px;color: #666;padding-left: 15px;background: url(../zt/AutomotiveSensorSolutions/acfang.png) no-repeat 0px 8px;}
.acpart2 .slideTxtBox .bd{background: #F6F7F7}
.acpart2 .acp2_r{width: 800px;}
.acpart2 .acp2_r ul{padding: 0;padding-right: 15px;}
.acp2_r .Cplist .owl-carousel .owl-nav button.owl-prev{background: url(../zt/AutomotiveSensorSolutions/acleft.png) no-repeat center;width: 14px;height: 26px;left: -25px;top: 50%}
.acp2_r .Cplist .owl-carousel .owl-nav button.owl-next{background: url(../zt/AutomotiveSensorSolutions/acright.png) no-repeat center;width: 14px;height: 26px;right: -10px;top: 50%}
.acp2_r .owl-carousel.owl-drag .owl-item{width: 244px;height: 350px;padding: 15px; border: solid 1px #e1e2e2;}
.acp2_r .owl-carousel.owl-drag .owl-item:hover{ box-shadow:0px 0px 15px #999; }
.acp2_r .owl-carousel.owl-drag .owl-item .imgbox{height: 150px;width: 100%;line-height: 150px;text-align: center;}
.acp2_r .owl-carousel.owl-drag .owl-item .imgbox img{display: inline-block;vertical-align: middle;max-width: 90%;height: auto;width: auto !important;}
.acp2_r .owl-carousel.owl-drag .owl-item h3{font-weight: normal;color: #5a5756;height: 48px;line-height: 20px;text-align: center;}
.acp2_r .owl-carousel.owl-drag .owl-item .info p{font-family: brt; line-height: 35px;height: 22px;color: #666;text-align: left;margin: 0 auto;padding-left: 14px;text-align: center;}
.Cplists2 .acp2_r .owl-carousel.owl-drag .owl-item .info .desc{display: none}
.Cplists2 .acp2_r .owl-carousel.owl-drag .owl-item .info .more{margin-top: 20px;}
.acp2_r .owl-carousel.owl-drag .owl-item .info .more{text-align: center;display: inline-block;width: 124px;height: 32px;border-radius: 16px;border: solid 1px #ababab;line-height: 28px;font-size: 14;}
.acp2_r .owl-carousel.owl-drag .owl-item .info .links{text-align: center;margin-top: 30px;line-height: 32px;font-size: 16.38px;}
.acp2_r .owl-carousel.owl-drag .owl-item:hover .info .more{border-color: #007ec2;color: #007ec2}
.acp2_r .Cplist{border-bottom: none;padding-bottom: 0;padding-top: 0;}
.acpart2{padding-bottom: 25px;}
.acp2_r .owl-carousel.owl-drag .owl-item .info .desc{height: 66px;}
.Acbanner2 .w1100 .banbox h3{font-size: 26px;line-height: 26px;color: #ffffff;letter-spacing: 0;font-family: brt;padding: 0 30px;margin-top: 20px;position: relative;}
.Acbanner2 .w1100 .banbox{position: absolute;left: 0;top: 0;width: 555px;height: 238px;background: url(../zt/AutomotiveSensorSolutions/acbg5.png) no-repeat center;}
.Acbanner2 .w1100 .banbox p{color: #ffffff;font-size: 14px;line-height: 24px;Padding-top: 10PX}
.Acbanner2 .w1100 .banbox h3:after{width: 134px;position: absolute;left: 30px;bottom: -20px;content: "";background: #fff; height: 3px;}
.Acbanner2 .w1100 .banbox p:after{display: none}
.acpart3 .slideTxtBox4 .hd{background: #b5b6b6;height: 55px;}
.acpart3 .slideTxtBox4 .hd li{width: 33.33%;background: #B5B6B6}
.acpart3 .slideTxtBox4 .hd li:nth-child(2){line-height: 20px;padding: 7.5px 0;;background: #9FA0A0}
.acpart3 .slideTxtBox4 .hd li:nth-child(3){background:#B5B6B6 }
.acpart3 .slideTxtBox4 .hd li.on{color: #ffffff;background-color: #007EC2;}
.acpart3 .slideTxtBox4 .acp3_l{color: #5a5756;line-height: 22px;text-align: justify;;width: 33.3%;margin-top: 20px;margin-bottom: 90px;}
.acpart3 .slideTxtBox4 ul{background: #F6F7F7}
.acpart3 .slideTxtBox4 .acp3_r{width: 61%;height: 350px;position: relative;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox{width: 100%;height: 100%;}
.acpart3 .slideTxtBox4 .acp3_r .probox{position: absolute;width: 50%;height: auto;bottom: 5%;right: 0;text-align: center;}
.acpart3 .slideTxtBox4 .acp3_r .probox .imgbox{padding: 20px 0}
.acpart3 .slideTxtBox4 .acp3_r .probox p{height: 34px;line-height: 20px;}
.acpart3 .slideTxtBox4 .acp3_r .probox2{bottom: 10%}
.acpart3 .slideTxtBox4 .acp3_r .probox3{bottom: 5%}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i {width: 10px;height: 10px;background: #F08A18;border-radius: 5px;position: absolute;left: 12%;top: 48%;z-index: 2;cursor: pointer;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i:after {background: rgba(240,138,24, 0.8);-webkit-animation: warn 3s ease-out;-moz-animation: warn 3s ease-out;animation: warn 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i:after {content: '';z-index: 888;cursor: pointer;display: block;width: 20px;height: 20px;background: rgba(240,138,24, 0.4);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -10px;margin-left: -10px;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i:before {background: rgba(240,138,24, 0.8);-webkit-animation: warn2 3s ease-out;-moz-animation: warn2 3s ease-out;animation: warn2 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i.i1{left: 5%;top: 42.5%}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i.i2{left: 21%;top: 50%}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i.i3{left: 30%;top: 36%}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i.i4{left: 44%;top: 41%}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i.i5{left: 22%;top: 55%}
.acpart3 {padding-bottom: 25px;}
.Acbanner3 .w1100 .banbox h3{font-size: 26;line-height: 26px;color: #ffffff;letter-spacing: 0;font-family: brt;padding: 0 30px;margin-top: 20px;position: relative;}
.Acbanner3 .w1100 .banbox{position: absolute;right: 0;top: 0;width: 555px;height: 341px;background: url(../zt/AutomotiveSensorSolutions/acbg6.png) no-repeat center;}
.Acbanner3 .w1100 .banbox p{line-height: 24px;color: #ffffff;font-size: 14px;padding-top: 10px;}
.Acbanner3 .w1100 .banbox h3:after{width: 134px;position: absolute;left: 30px;bottom: -20px;content: "";background: #fff; height: 3px;}
.Acbanner3 .w1100 .banbox p:after{display: none}
.acpart4 li{width: 32%;float: left;border: solid 1px #e1e2e2;height: 398px;padding: 30px;margin: 20px auto;margin-right: 2%;}
.acpart4 li:nth-child(3n){margin-right: 0;}
.acpart4 li:hover{ box-shadow:0px 0px 15px #999; }
.acpart4 li .imgbox{height: 180px;width: 100%;line-height: 180px;text-align: center;}
.acpart4 li .imgbox span{background-size: auto}
.acpart4 li h3{font-weight: normal;margin-bottom: 10px;color: #5a5756;height: auto;text-align: center;}
.acpart4 li .info p{font-family: brt; line-height: 22px;color: #666;text-align: left;margin: 0 auto;padding-left: 14px;background: url(../zt/AutomotiveSensorSolutions/acdian1.png) no-repeat left center;}
.acpart4 li .info .more{text-align: center;display: inline-block;width: 124px;height: 32px;border-radius: 16px;border: solid 1px #ababab;line-height: 28px;font-size: 14;}
.acpart4 li .info .links{text-align: center;margin-top:30px;line-height: 32px;font-size: 17px;}
.acpart4 li:hover .info .more{border-color: #007ec2;color: #007ec2}
.acpart4 li:hover .imgbox span{transform: scale(1.1);}
.acpart4 li .info .desc{height: 66px;}
.acpart5{background: #F6F7F7;display: inline-block;width: 100%;padding: 20px 0}
.acpart5 .actitle{font-size: 24px;color: #5a5756;line-height: 32px;text-align: center;font-family: brt;font-weight: bold;margin-bottom: 22px;margin-top: 20px;}
.acpart5 .acpart5_t p{color: #666;line-height: 22px;margin-top: 0;}
.acpart5_b{margin-top: 35px;}
.acpart5_b h3{font-size: 24px;color: #5a5756;text-align: center;margin-bottom: 30px;}
.acpart5_b .slideTxtBox5 .hd{background: #b5b6b6}
.acpart5_b .slideTxtBox5 .hd ul li{width: 25%;height: 100%;}
.acpart5_b .slideTxtBox5 .hd ul li p{margin-top: 5px;}
.acpart5_b .slideTxtBox5 .hd ul li:nth-child(2n){background: #9FA0A0}
.acpart5_b .slideTxtBox5 .hd ul li.on{color: #ffffff;background-color: #007EC2;}
.acpart5_b .slideTxtBox5{margin-top: 15px;}
.acpart5_b .slideTxtBox5 .bd ul{padding: 0}
.acpart5_b .slideTxtBox5 .acp5_l{width: 75%;float: left;padding: 33px 0;text-align: center;}
.acpart5_b .slideTxtBox5 .acp5_r{width: 25%;text-align: center;background: #EEEFEF}
.acpart5_b .slideTxtBox5 .acp5_r .probox{width: 100%;float: left;height: 225px;}
.acpart5_b .slideTxtBox5 .acp5_r .probox .imgbox{width: 100%;height: 85px;margin: 25px 0 18px 0;}
.acpart5_b .slideTxtBox5 .acp5_r .probox p{font-size: 16px;color: #666;line-height: 24px;}
.acpart5_b .slideTxtBox5 .acp5_r .probox:hover .imgbox span{transform: scale(1.1);}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox{width: 100%;height: 150px;margin: 0 auto;}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox .imgbox{float: left;width: 50%;float: left;height: 150px;margin: 0 auto}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox p{width: 50%;float: right;padding-top: 20%;}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox .imgbox span{background-size: auto}
.acpart5_b .slideTxtBox5 .acp5_r3 .probox p{padding-top: 24%;}
.acpart6 .actitle{font-size: 27px;color: #5a5756;line-height: 32px;text-align: center;font-family: brt;font-weight: bold;margin-bottom: 16px;}
.acpart6 table{width: 100%;border: 1px solid #ccc;border-left: 0;border-bottom: 0;background: #F7F7F7}
.acpart6 table td{border: 1px solid #ccc;padding: 10px;padding-right: 0;border-top: 0;border-right: 0;width: 4%}
.acpart6{padding: 25px 0 25px;}
.acpart6 table .firstRow{background: #007EC2;color: #fff;line-height: 22px;}
.acpart6 table td{line-height: 16px;font-size: 12px;}
.acpart6 table td i{width: 8px;height: 8px;border-radius: 8px;background: #9D9E9F;display: block;margin: 0 auto}
.acpart6 table td.hover i{background: #007EC2}
.acpart6 table .bggry{background: #EEEEEF}
.acpart6 table .hover{background: rgba(0,0,0,.2);}
.Acbanner li img.banimg{height: 400px;width: auto}
.acpart7{padding: 25px 0 25px;}
.acpart7 .acpart7_t .actitle{font-size: 27px;line-height: 27px;color: #5a5756;text-align: center;margin-bottom: 15px;font-family: brt;}
.acpart7 .acpart7_t p{line-height: 22px;color: #666;}
.acpart7_b{width: 1083px;margin: 0 auto;height:725px; background: url(../zt/AutomotiveSensorSolutions/acimg8.png) no-repeat center;position: relative;margin-top: 20px;}
.acpart7_b .txtbox{position: absolute;width: 281px;height: 208px;padding:130px 0 0 20px; }
.acpart7_b .txtbox h3{font-size: 16px;line-height: 20px;color: #5a5756;}
.acpart7_b .txtbox p{font-size: 14px;line-height: 22px;color: #666;}
.acpart7_b .txtbox1{top: 0;left: 0;}
.acpart7_b .txtbox2{top: 0;left: 466px;}
.acpart7_b .txtbox3{top: 0;right: 0;}
.acpart7_b .txtbox4{top: 255px;right: 0;}
.acpart7_b .txtbox5{bottom: 0;right: 0;}
.acpart7_b .txtbox6{bottom: 0;left: 466px;}
.acpart7_b .txtbox7{bottom: 0;left: 0;padding-top: 150px;}
.acpart8{width: 100%;height: 500px;background: url(../zt/AutomotiveSensorSolutions/acbg7.png) no-repeat center;padding-top: 96px;}
.acpart8 .acpart8_t .actitle{font-size: 27px;;line-height: 27px;;color: #f2f2f1;;text-align: center;margin-bottom: 16px;font-family: brt;}
.acpart8 .acpart8_t p{font-size: 18px;color: #f2f2f1;text-align: center;font-family: brt;font-weight: bold;}
.acpart8 .acpart8_b{width: 100%;}
.acpart8 .acpart8_b .acpart8_box{width: 32%;text-align: center;background: #fff;height: 200px;float: left;margin-right: 2%;margin-top: 30px;}
.acpart8 .acpart8_b .acpart8_box img{margin: 34px auto; width: 30%}
.acpart8 .acpart8_b .acpart8_box p{font-size: 16px;color: #666;font-weight: bold;}
.acpart8 .acpart8_b .acpart8_box:nth-child(3n){margin-right: 0;}
@media ( max-width:1024px) {
.acpart7_b{width: 100%;-webkit-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.acpart7_b .txtbox{width: 25%;padding-left: 5px;padding-top: 120px;}
.acpart7_b .txtbox6,.acpart7_b .txtbox2{left: 44%}
}
@media ( max-width:960px) {
.acpart1 .acpart1_t p{width: 80%;margin-top: 5px;margin-bottom: 0;height: 40px;line-height: 40px;float: none;font-size: 15px;}
.acpart1 .txt{clear: both;margin-top: 15px;}
.Acbanner .w1100 .banbox{width: 100%;}
.Acbanner3 .w1100 .banbox h3{font-size:22px;}
.Acbanner .w1100 .shushibg01{height: 120px !important;}
.acp2_r .owl-carousel.owl-drag .owl-item .info .links{margin-top: 15px;}
.acpart2 .slideTxtBox .hd ul li{width: 100%;height: 40px;line-height: 40px;font-size: 16px;}
.acpart2 .slideTxtBox .hd{height: auto;}
.acpart2 .slideTxtBox .acp2_l{padding-top: 0;}
.acpart2 .acp2_r{width: 100%;margin-top: 20px;}
.Acbanner2 .w1100 .banbox h3{margin-top: 10px;padding: 0 10px;font-size: 20px;}
.acpart3 .slideTxtBox4 .hd li{width: 100%;height: 40px;line-height: 40px;font-size: 16px;}
.acpart3 .slideTxtBox4 .hd li:nth-child(2n){line-height: 20px;padding: 0;font-size: 16px;}
.acpart3 .slideTxtBox4 .hd,.acpart5_b .slideTxtBox5 .hd{height: auto;}
.acpart3 .slideTxtBox4 .acp3_l,.acpart3 .slideTxtBox4 .acp3_r{width: 100%;margin-bottom: 20px;}
.acpart3 .slideTxtBox4 .acp3_r .bgbox i{left: 22%}
.acpart4 li{width: 100%;margin: 0 auto;margin-bottom: 20px;}
.acpart5_b .slideTxtBox5 .hd ul li{width: 100%;height: 40px;line-height: 40px;}
.acpart5_b .slideTxtBox5 .acp5_l,.acpart5_b .slideTxtBox5 .acp5_r{width: 100%;}
.acpart5_b .slideTxtBox5 .acp5_r .probox{width: 50%;}
.Acbanner3 .w1100 .banbox p{line-height: 18px;}
.Acbanner li img.banimg{height: 200px; max-width: unset;}
.acpart5_b h3{font-size: 22px;}
.Acbanner .w1100 .banbox p,.Acbanner3 .w1100 .banbox h3{padding: 0 10px}
.Acbanner2 .w1100 .banbox h3:after,.Acbanner3 .w1100 .banbox h3:after{left: 10px;}
.acpart4{margin-top: 20px;}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox{height: 170px;}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox p{width: 100%;font-size: 14px;line-height: 16px;padding: 0}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox .imgbox{height:120px;width: 100%;}
.acpart5_b .slideTxtBox5 .acp5_r .probox p{margin-top: 5px}
.acpart5_b .slideTxtBox5 .acp5_r2 .probox p br{display:none;}
.acpart6 table{width: 1100px;}
.acpart6,.acpart7_bb{width: 100%;overflow-x: auto;}
.acpart7_bb{display: none !important;margin-top: 20px;}
.Acbanner .w1100 .banbox p{display: block;font-size: 22px}
.Acbanner li img.banimg{display: none !important; }
.Acbanner li img.show{display:block !important;width: 100%;}
.Acbanner2 .w1100 .banbox{height:100}
.acpart7 .show{display:block !important;}
.acpart8 .acpart8_t .actitle{font-size: 24px;line-height: 24px;margin-bottom: 10p;}
.acpart8{padding-top: 20px;height: auto;background-size: auto 100%;display: inline-block;padding-bottom: 10px;}
.acpart8 .acpart8_t p{font-size: 18px;}
.acpart8 .acpart8_b .acpart8_box {width: 32%;margin: 10px auto 0px;/* display: block; *//* float: none; */height: 180px;margin-right: 2%;}
.acpart8 .acpart8_b .acpart8_box img{height: 70px;margin: 20px auto;width: auto;}
.acpart8 .acpart8_b .acpart8_box:nth-child(3n){margin-right: auto;}
.Acbanner3 .w1100 .banbox{height:100}
.HomeBan2 li img.banimg, .HomeBan2{height: auto;}
.Acbanner.Acbanner2 .w1100 .banbox h3,.Acbanner.Acbanner3 .w1100 .banbox h3{display: block;}
.Acbanner.Acbanner2 .w1100 .banbox p,.Acbanner.Acbanner3 .w1100 .banbox p{display: none;}
.Acbanner .w1100 .banbox{height: 90px;-webkit-background-size: 100%;background-size: 100%;}
.acpart8 .acpart8_t .actitle{margin-bottom: 5px;}
.acpart8 .acpart8_t p{font-size: 14px;font-weight: normal}
.acpart1 .acpart1_t p.p1,.acpart1 .acpart1_t p.p3,.acpart1 .acpart1_t p.p2{-webkit-background-size: 100% auto;background-size: 100% auto;}
.acpart8{-webkit-background-size: 100% auto !important;background-size: 100% auto !important;}
}
.HomeBan li img.phoneimg{width:100%;height:auto;display: none;}
/*汽车专题页结束*/
/*风扇专题开始*/
.Fszt_p1{padding: 20px 0;}
.Fs_tit{font-size: 27px;line-height: 27px;color: #008cd7;font-family:brt;}
.Fszt_p1 .Fs_desc{line-height: 22px;color: #131313;font-family:brt;}
.Fszt_p1b .slideTxtBox .hd { height: 55px; line-height: 55px; }
.Fszt_p1b .slideTxtBox .hd ul li { height: 55px; line-height: 55px; width: 50%; float: left; font-size: 20px; color: rgb(255, 255, 255); font-weight: normal; background-color: rgb(181, 182, 182); }
.Fszt_p1b .slideTxtBox .hd ul li.on { background-color: rgb(0, 126, 194); }
.Fszt_p1b .slideTxtBox .bd .Fszt_p1box{float: left;width: 33.33%;}
.Fszt_p1b .slideTxtBox .bd .Fszt_p1box .imgbox{width: 100%;padding-top: 50%;}
.Fszt_p1b .slideTxtBox .bd .Fszt_p1box p{text-align: center;font-size: 16px;font-weight: normal;color: #131313;}
.Fszt_p1b .slideTxtBox .bd .ul2 .Fszt_p1box{float: left;width: 50%;}
.Fszt_p1b .slideTxtBox .bd .Pages{padding: 20px 0}
.Fszt_p2{padding: 50px 0;display: inline-block;width: 100%;background: url(../images/fsbg1.png) no-repeat center;}
.Fszt_p2 li{font-size: 14px;line-height: 25px;color: #131313;padding-left: 12px;background: url(../images/fsfang1.png) no-repeat left center;}
.Fszt_p2 .Fs_tit{margin-bottom: 20px;}
.Fszt_p2_b{margin-top: 40px;}
.Fszt_p2_b .Fszt_p2_box{float: left;width: 22%;text-align: center;margin-right: 4%;}
.Fszt_p2_b .Fszt_p2_box:nth-child(4n){margin-right: 0;}
.Fszt_p2_b .Fszt_p2_box .imgbox{width: 100%;height: 77px;}
.Fszt_p2_b .Fszt_p2_box p{font-size: 25px;color: #131313;margin-top: 20px;}
.Fszt_p3{padding: 50px 0;display: inline-block;width: 100%;}
.Fszt_p3_box {width: 50%;float: left;position: relative;}
.Fszt_p3_box .imgbox{padding-top: 68.1159%;}
.Fszt_p3_box p{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;background-color:rgba(0,142,214,.6);text-align: center;font-size: 18px;font-weight: normal;color: #ffffff;line-height: 50px;}
.Fszt_p3 .Fs_tit{margin-bottom: 20px;}
.Fszt_con1{padding: 20px 0}
.Fszt_con1 .content1 .txt .imgbox{width: 100%;padding-top: 45%;}
.Fszt_con1 .content1 .w50{width: 50%;float: left;}
.Fszt_con1 .content1 .tit2{font-size: 22px;color: #008cd7;margin-top: 40px;}
.Fszt_con1 .content1 .txt p{font-size: 14px;color: #141414;padding-left: 50px;height: 21px;line-height: 21px;margin: 15px 0}
.Fszt_con1 .table{margin-top: 20px;}
.Fszt_con1 .table *{text-align: center;font-size: 14px;}
.Fszt_con1 .table table{width: 100%;}
.Fszt_con1 .subbtn{text-align: center;font-size: 18px;color: #ffffff;font-weight: normal;display: inline-block;margin-top: 20px;float: right; background-color: #cccccc;padding:10px 15px;}
.Fszt_con1 .bd .content1 .Fspro1,.Fszt_con1 .bd .content1 .Fspro2,.Fszt_con1 .bd .content1 .Fspro3,.Fszt_con1 .bd .content1 .Fspro4{border-bottom: solid 3px #008ed6;padding-bottom: 20px;display: inline-block;width: 100%;margin-bottom: 40px;}
.Fszt_con1 .subbtn:hover{background: #008ed6}
.Fszt_con1 .bd .content1,.Fszt_con1 .bd .content2{padding: 0}
.Fszt_con1 .content1 .txt .imgbox span{background-size:contain}
.Fszt_con1 .content2 .txt .imgbox{width: 100%;padding-top: 45%;}
.Fszt_con1 .content2 .w50{width: 50%;float: left;}
.Fszt_con1 .content2 .tit2{font-size: 22px;color: #008cd7;margin-top: 40px;}
.Fszt_con1 .content2 .txt p{font-size: 14px;color: #141414;padding-left: 50px;height: 21px;line-height: 21px;margin: 15px 0}
.Fszt_con1 .bd .content2 .Fspro1,.Fszt_con1 .bd .content2 .Fspro2,.Fszt_con1 .bd .content2 .Fspro3,.Fszt_con1 .bd .content2 .Fspro4{border-bottom: solid 3px #008ed6;padding-bottom: 20px;display: inline-block;width: 100%;margin-bottom: 40px;}
.slideGroup .hd_1{text-align: center;padding:20px 0;display: flex;justify-content: center;}
.slideGroup .hd_1 ul,.slideGroup .hd_1 li{display:inline-block;padding:0;cursor:pointer; }
.slideGroup .hd_1 li,.slideGroup .hd_1 a{ display:inline-block;margin: 0 6px; font-size: 20px;color:#fff;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #969696;}
.slideGroup .hd_1 a,.slideGroup .hd_1 li{ display:inline-block; vertical-align:middle;}
.slideGroup .hd_1 a.sprev{background:#969696 url(../images/njt1.png) center center no-repeat;font-size: 0; }
.slideGroup .hd_1 a.snext{background:#969696 url(../images/njt2.png) center center no-repeat; font-size: 0;}
.slideGroup .hd_1 a:hover,.slideGroup .hd_1 li.on{ color:#fff;background-color: #008bcc;}
@media(max-width:480px){
.Fs_tit{font-size: 24px;}
.Fszt_con1 .content1 .w50,.Fszt_con1 .content2 .w50{width: 100%}
.Fszt_con1 .table{width: 100%;overflow-y: auto}
.Fszt_con1 .table table{width: 1100px !important;}
.Fszt_con1 .subbtn{}
.Fszt_con1 .content1 .tit2,.Fszt_con1 .content2 .tit2{font-size: 20px;}
.Fszt_p1b .slideTxtBox .bd .Fszt_p1box .imgbox{padding-top:60%;}
.Fszt_p1b .slideTxtBox .bd .Fszt_p1box{width: 50%;margin-bottom: 10px; }
.Fszt_p1b .slideTxtBox .bd ul{padding: 0}
.Fszt_p2{padding: 20px 0;background-size: cover}
.Fszt_p2_b .Fszt_p2_box{width: 25%;margin-right: 0;margin-bottom: 20px;}
.Fszt_p3_box{width: 100%}
.Fszt_p3_box p{font-size: 16px;}
.Fszt_p2_b .Fszt_p2_box .imgbox{height: 40px;}
.Fszt_p2_b .Fszt_p2_box p{font-size: 14px;color: #131313;margin-top: 10px;}
.Fszt_p2 li{background: url(../images/fsfang1.png) no-repeat left 10px;}
.Fszt_con1 .content2 .tit2,.Fszt_con1 .content1 .tit2{margin-top: 15px; font-size: 18px;}
}
.Fszt_con1 .table table td,.Fszt_con1 .table table th,.Fszt_con1 .table table tr{border: 1px solid #fff;}
.Fszt_con1 .table table{border: 1px solid #fff;border-collapse: collapse;text-align: left;font-size: 14px;width: 100%;}
.Fszt_con1 .table thead{background: #007cc2;color: #fff;}
.Fszt_con1 .table thead td,.table_box thead tr{background: #007cc2;color: #fff;}
.Fszt_con1 .table caption{background: #007cc2;color:#fff;font-size: 19px;padding: 20px 0;font-family: Barlow-Regular;}
.Fszt_con1 .table tbody{background: #f5f5f5;}
.Fszt_con1 .table table tr:hover{background:#007cc2;color:#fff;}
/*风扇专题结束*/
/*冷媒专题 s*/
.Lmzt_txt1{display:flex;justify-content: space-between;margin: 59px -19px 40px;}
.Lmzt_txt1 .item{flex: 1;padding: 0 19px 2px;}
.Lmzt_txt1 .item:not(:last-child){border-right: 1px solid #a1a1a1;}
.Lmzt_txt1 .item h2{font-weight: normal;font-size: 22px;color: #171b19;line-height: 41px;margin-bottom: 12px;}
.Lmzt_txt1 .item .desc{font-size: 16px;color: #5a5756;line-height: 32px;text-align: justify;}
.Lmzt_txt2{color: #5a5756;line-height: 32px;margin-bottom: 62px;text-align: justify;font-size: 16px;}
.Lmzt_list{margin-bottom:10px !important;}
.Lmzt_list .item .inner{display: flex;justify-content: space-between;background: #f2f2f2;min-height:500px;}
.Lmzt_list .item .imgbox{width: 50%;/*padding-top: 500px;*/position: relative;}
.Lmzt_list .item .imgbox img{width: 100%;height: 100%;object-fit: cover;/*position: absolute;left: 0;top: 0;*/}
.Lmzt_list .item .info{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
width: 50%;padding: 30px 45px;
}
.Lmzt_list .item .info h2{font-size: 22px;color: #171b19;}
.Lmzt_list .item .info h3{font-size: 20px;color: #171b19;font-weight: normal;margin-bottom: 12px;}
.Lmzt_list .item .info .img{padding-top: 317px;position: relative;margin: 10px 0;}
.Lmzt_list .item .info .img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.Lmzt_list .item .info .desc{color: #5a5756;font-size: 16px;line-height: 25px;/*min-height: 128px;*/}
.Lmzt_list .flex-control-nav {
bottom: 10px;
z-index: 10;
display: none;
}
.Lmzt_list .flex-control-nav li a {
opacity: 1;
width: 14px;
height: 14px;
background: #fff;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.Lmzt_list .flex-control-nav li a:hover,
.Lmzt_list .flex-control-nav li a.flex-active {
opacity: 1;
background: #007cc2;
}
.Lmzt_list .flex-direction-nav a {
width: 40px;
height: 40px;
text-indent: 99999px;
overflow: hidden;
}
.Lmzt_list .flex-direction-nav .flex-prev {
opacity: 1;
left: -60px;
background: url(../images/jtf.jpg) center center no-repeat;
background-size: 100% 100%;
}
.Lmzt_list .flex-direction-nav .flex-next {
opacity: 1;
right: -60px;
background: url(../images/jtr.jpg) center center no-repeat;
background-size: 100% 100%;
}
.Lmzt_sj{display: none;}
.Lmzt_News{padding-bottom: 30px;}
.Lmzt_News .item .inner{display: flex;justify-content: space-between;background:#f2f2f2;}
.Lmzt_News .item{margin-bottom: 23px;}
.Lmzt_News .imgbox{width: 50%;position: relative;padding-top: 380px;cursor:pointer;}
.Lmzt_News .imgbox img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.Lmzt_News .imgbox.on iframe{display:block;}
.Lmzt_News .imgbox iframe{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;border: 0;z-index:10;display:none;}
.Lmzt_News .info{width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 38px 45px 0;line-height: 27px;}
.Lmzt_News .tag{font-size: 16px;color: #5a5756;}
.Lmzt_News h2{font-weight: normal;line-height: 34px;font-size: 26px;color: #171b19;margin-bottom: 15px;}
.Lmzt_News .desc{color: #5a5756;font-size: 16px;height: 135px;overflow: hidden;margin-bottom: 35px;}
.Lmzt_News .more{text-align: right;}
.Lmzt_News .more span{display: inline-block;width: 84px;line-height: 35px;font-size: 13px;color: #fff;border-radius: 4px;background: #008fd7;text-align:center;}
@media(min-width:1025px){
.Lmzt_News .item:nth-child(2n+2) .inner{flex-direction: row-reverse;}
}
@media(max-width:1024px){
.Lmzt_list{padding-bottom:25px !important;background: #f2f2f2 !important;}
.Lmzt_list .flex-control-nav{display:block;}
}
@media(max-width:768px){
.Lmzt_list .item .inner{display: block;}
.Lmzt_list .item .inner{min-height:auto;}
.Lmzt_list .item .imgbox{width: auto;padding-top:80%;}
.Lmzt_list .item .imgbox img{position:absolute;left:0;top:0;}
.Lmzt_list .item .info{width: auto;padding:12px;}
.Lmzt_list .item .info .img{;padding-top:60%;}
/*.Lmzt_list .item .info .img img{width:100px;position:static;height:auto; transform: translate(0%,0%);}
.Lmzt_list .item .info .righttxt{width:calc(100% - 110px);float:right;}*/
.Lmzt_list .item .info h2{font-size: 16px;}
.Lmzt_list .item .info h3{font-size: 16px;}
.Lmzt_list .item .info .desc{font-size: 14px;line-height: 24px;min-height:auto;}
.Lmzt_txt1{margin:30px 0 22px;display:block;}
.Lmzt_txt1 .item{padding:10px 0;}
.Lmzt_txt1 .item:not(:last-child){border-right: 0px solid #a1a1a1;}
.Lmzt_txt1 .item h2{font-size:18px;line-height:30px;}
.Lmzt_txt1 .item .desc{font-size:14px;line-height:24px;}
.Lmzt_txt2{font-size: 14px;line-height: 24px;margin-bottom:22px;}
.Lmzt_pc{display: none;}
.Lmzt_sj{display: block;}
.Lmzt_News .item .inner{display: block;}
.Lmzt_News .imgbox{width: auto;float: none;padding-top: 64%;}
.Lmzt_News .info{width: auto;float: none;padding: 12px;}
.Lmzt_News h2{line-height: 26px;font-size: 16px;}
.Lmzt_News .tag{line-height: 24px;font-size: 14px;}
.Lmzt_News .desc{line-height: 24px;font-size: 14px;height:120px;margin-bottom:15px;}
}
/*冷媒专题end*/