@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: #e73328;
    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: #e73328;
    color: #fff;
}

.Searchbox .icon:hover {
    background: #e73328 url(../images/sea1.png) center center no-repeat;
}

.topLink a:hover {
    background: #e73328 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: #e73328;
}

.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;
   background: #3A3E47;
}

.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: 6px;
    /* background: #007cc2; */
    background-image: url('https://www.gassensor.com.cn/cn/images/LINE.jpg');
    line-height: 40px;
    font-size: 26px;
    color: #fff;
    margin: 0 0 40px 0;
}

.headline {
    width: 100%;
    height: 6px;
    /* background: #007cc2; */
    background-image: url('https://www.gassensor.com.cn/cn/images/LINE.jpg');
    /* 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: #fff;
    /*font-weight:bold;*/
}

.fotul dl dt {
    margin-bottom: 8px;
}

.fotul dl dd {
    width: 100%;
    font-size: 13px;
    color: #fff;
    /*margin-top:1px;*/
}

.fotul dl dd a {
    /* font-family:ret;*/
    color: #fff;
    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 #b0b0b0;
    padding-top: 20px;
}

.FotBot  a{
    color: #fff;
}


.FotBot .yqlink {
    margin-top: 5px;
    font-size: 12px;
}

.FotBot .yqlink span {
    display: inline-block;
    vertical-align: top;
color: #fff;
}

.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 #b0b0b0;
    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;*/
color: #595757;
    margin-bottom: 35px;
    border-left: 5px solid #E63224;
    padding-left: 16px;
    line-height: 1 !important;
}

.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: 6px;
        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 s {
      color: #595757 !important;
    border-left: 3px solid #E63224;
    padding-left: 16px;
    line-height: 1 !important;
    font-size: 18px !important;
    font-weight: 600;
text-decoration: none;
}

.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;
}

.ComTit h2 {
 color: #595757 !important;
    border-left: 5px solid #E63224;
    padding-left: 16px;
    line-height: 1 !important;   
font-size: 25px  !important;   
font-weight: normal;
}

/* .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 #b0b0b0;

}

.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 #b0b0b0;
}

.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 #b0b0b0;
}

.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 #b0b0b0;
}

.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 #b0b0b0;
}

.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;
    }
}


/*关于我们*/

.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: 1420px;
    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: -600px;
}


/*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:1440px) {
	.MainNav li.cpli .ProNavPull{max-width:100vw}
	.MainNav li.cpli .ProNavPull {
    margin-left: 0;
    transform: translateX(-38%);
    left: 0;
}
.MainNav li.cpli .ProNavPull .ProNavPullbox{min-width:160px}
}
@media (max-width:1280px) {
	.MainNav li.cpli .ProNavPull .ProNavPullbox{min-width:140px}
	
}
@media (max-width:1200px) {
	.MainNav li.cpli .ProNavPull .ProNavPullbox{min-width:130px}
	
}
@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 #b0b0b0;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}
.headline {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*/