@charset "utf-8";
*{
box-sizing: border-box;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:12px;font-family: "Microsoft YaHei" ! important;color:#262626;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#333333;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.w1260 {
    width: 1260px;
    margin: 0 auto;
}

.header {
    width: 100%;
    height: 96px;
    position: fixed;
    z-index: 3;
    border-bottom: 1px solid rgb(179, 179, 180);
    background: rgba(255, 255, 255, 1);
}

.logo {
    float: left;
    margin-top: 9px;
}

.logo img {
    height: 77px;
    float: left;
}

.nav {
    height: 36px;
    float: left;
    margin-left: 50px;
    margin-top: 30px;
}

.nav ul {
    float: left;
}

.nav ul li {
    float: left;
    position: relative;
    max-width: 148px;
    overflow: hidden;
}

.nav ul li h3 {
    float: left;
}

.nav ul li h3 a {
    height: 36px;
    font-size: 18px;
    color: #262626;
    line-height: 36px;
    font-weight: bold;
    margin: 0 18px;
    float: left;
    text-align: center;
}

.nav ul li h3 a:hover {
    color: #3ab7e7;
}

.nav ul li.on h3 a {
    color: #3ab7e7;
}

.nav ul li dl {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 36px;
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #3ab7e7;
}

.nav ul li:hover dl {
    display: block;
}

.nav ul li dl dd {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
}

.nav ul li dl dd a {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 13px;
    color: #ffffff;
    line-height: 40px;
}

.nav ul li dl dd a:hover {
    color: #3ab7e7;
    background: #ffffff;
}



.nav a.gohome {
    display: none;
}

.nav a.gohome i {
    display: none;
}

.nav a.gonav i {
    display: none;
}

.lang {
    margin-top: 30px;
    height: 35px;
    line-height: 16px;
    float: right;
}

.lang ul {
    float: left;
}

.lang ul li {
    width: 137px;
    height: 36px;
    line-height: 34px;
    float: left;
    color: #333333;
    font-size: 14px;
    border: 1px solid #333333;
    position: relative;
    cursor: pointer;

}

.lang ul li i {
    width: 27px;
    height: 18px;
    float: left;
    margin-top: 8px;
    margin-left: 6px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.lang ul li i.il1 {
    background: url(../images/en.png) no-repeat center center;
}


.lang ul li i.il2 {
    background: url(../images/pt.png) no-repeat center center;
}

.lang ul li i.il3 {
    background: url(../images/es.png) no-repeat center center;
}
.lang ul li i.il4 {
    background: url(../images/ml.png) no-repeat center center;
}
.lang ul li i.il5 {
    background: url(../images/id.png) no-repeat center center;
}
.lang ul li i.il6 {
    background: url(../images/vn.png) no-repeat center center;
}
.lang ul li i.il7 {
    background: url(../images/ru.png) no-repeat center center;
}
.lang ul li i.il8 {
    background: url(../images/ar.png) no-repeat center center;
}
.lang ul li i.il9 {
    background: url(../images/fr.png) no-repeat center center;
}
.lang ul li i.il10 {
    background: url(../images/tl.png) no-repeat center center;
}
.lang ul li i.il11 {
    background: url(../images/th.png) no-repeat center center;
}
.lang ul li i.il12 {
    background: url(../images/kk.png) no-repeat center center;
}
.lang ul li i.il13 {
    background: url(../images/tr.png) no-repeat center center;
}
.lang ul li i.il14 {
    background: url(../images/de.png) no-repeat center center;
}
.lang ul li i.il15 {
    background: url(../images/fa.png) no-repeat center center;
}
.lang ul li i.il16 {
    background: url(../images/iw.png) no-repeat center center;
}
.lang ul li i.il17 {
    background: url(../images/ko.png) no-repeat center center;
}
.lang ul li i.il18 {
    background: url(../images/ja.png) no-repeat center center;
}
.lang ul li i.il19 {
    background: url(../images/nl.jpg) no-repeat center center;
}
.lang ul li i.il20 {
    background: url(../images/km.jpg) no-repeat center center;
}
.lang ul li i.il21 {
    background: url(../images/my.jpg) no-repeat center center;
}
.lang ul li i.il22 {
    background: url(../images/lo.jpg) no-repeat center center;
}
.lang ul li i.il23 {
    background: url(../images/it.jpg) no-repeat center center;
}
.lang ul li i.il24 {
    background: url(../images/no.jpg) no-repeat center center;
}
.lang ul li i.il25 {
    background: url(../images/hu.jpg) no-repeat center center;
}
.lang ul li i.il26 {
     background: url(../images/sv.jpg) no-repeat center center;
 }


.lang ul li i.xjt {
    background: url(../images/xjt.png) no-repeat center center;
    float: right;
    width: 14px;
    height: 8px;
    margin-top: 12px;
    margin-left: 5px;
}

.lang ul li .this {
    float: left;
    width: 100%;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;

}

.lang ul li dl {
    width: 100%;
    height: auto;
    float: left;
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    background: #292E3A;

}

.lang ul li dl a {
    width: 100%;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    line-height: 34px;
}

.lang ul li:hover dl {
    display: block;
}

.lang ul li dl dd {
    width: 100%;
    margin: 5px 0;
    height: auto;
    float: left;
    white-space: nowrap;
}

.hsearch {
    float: right;
    position: relative;
    margin-top: 35px;
    margin-right: 30px;
}

.hsearch li a {
    width: 26px;
    height: 26px;
    float: right;
    background: url(../images/iconsearch.png) no-repeat center center;
}

.hsearch .hsearchbox {
    width: 158px;
    float: left;
    position: absolute;
    border: 1px solid #999;
    right: 0;
    top: 26px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: none;

}

.hsearch li:hover .hsearchbox {
    display: block;
}

.hsearch .keyword {
    float: left;
    width: 120px;
    height: 26px;
    line-height: 26px;
    border: 0 none;
    text-indent: 5px;
}

.hsearch .keyword:focus {
    outline: 0;
    border: 0px solid #123456;
}

.hsearch .search-submit {
    width: 36px;
    height: 36px;
    float: right;
    background: url(../images/iconsearch.png) no-repeat center center;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size: 0;
}




.banner {
    width: 100%;
    overflow: hidden;
    position: relative;

}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 30px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 2px;
    height: 18px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    margin: 0 15px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    width: 18px;
    border-radius: 18px;
    border: 2px solid #ffffff;
    background: none;
}

.swiper-slide img {
    width: 100%;
}

.isotope_gas {
    width: 100%;
    overflow: hidden;
    background: url(../images/isotope_gasbg.png) no-repeat center center;

}

/*num-figure*/
.num-figure {
    width: 100%;
    height: auto;
    text-align: center;
    border-top: 1px solid #878787;
    border-bottom: 1px solid #878787;
    float: left;
    margin-top: 126px;
    margin-bottom: 36px;

}

.num-figure li {
    list-style: none;
}

.num-figure .OEM-ico {
    padding: 23px 0;
    width: 33.33%;
    float: left;

}

.num-figure .num-change {
    padding: 0;
}

.num-figure .num-change li:first-child {
    width: 100%;
    height: 80px;
    font-size: 50px;
    color: #00b8ff;
    margin: 0 auto;
}

.num-figure .OEM-ico a {
    text-decoration: none;
}



.num-figure .num-change li:nth-child(2) {
    color: #000000;
    font-size: 20px;
    margin-top: 2px;
}

.num-figure .OEM-ico:hover .num-change li:nth-child(2) {}


.iabout_hdp {
    width: 650px;
    height: auto;
    float: left;
    margin-bottom: 126px;
}

.iabout_hdp .swiper {
    width: 100%;
    height: 100%;
}

.iabout_hdp .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iabout_hdp .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.iabout_hdp .swiper-pagination-fraction {
    z-index: 1;
    width: 173px;
    height: 58px;
    line-height: 58px;
    right: 0;
    bottom: 0;
    left: auto;
    background: #ffffff;
    font-size: 20px;
    color: #7c7c7c;
}

.iabout_hdp .swiper-pagination-current {
    font-weight: bold;
    color: #373737;
    font-size: 24px;
}

.iabout_hdp .swiper-button-next,
.swiper-button-prev {
    color: #00b8ff;
}

.iabout_con {
    width: 545px;
    height: auto;
    float: right;
}

.iabout_con h2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 44px;
    color: #00b8ff;
    line-height: 46px;
}

.iabout_con h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    color: #000000;
    line-height: 30px;
    margin-top: 45px;
    margin-bottom: 40px;
}

.iabout_con p {
    width: 100%;
    height: auto;
    float: left;
    color: #737373;
    font-size: 18px;
    line-height: 32px;
}

.iabout_con a.more {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333333;
    margin-top: 36px;
}

.iabout_con a.more:before {
    content: "";
    width: 28px;
    height: 11px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/amore.png) no-repeat center center;
}

.h2tit {
    width: 100%;
    text-align: center;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 50px;
}

.h2tit h2 {
    width: 100%;
    text-align: center;
    height: auto;
    float: left;
    color: #1a1a1a;
    font-size: 44px;
    line-height: 58px;

}

.h2tit p {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
    color: #666666;
}

.ipro {
    width: 100%;
    overflow: hidden;
}

.iproqh {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 100px;
}

.iproqh .tab-hd {
    width: 100%;
    height: auto;
    float: left;
}

.iproqh .tab-hd ul {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.iproqh .tab-hd ul li {
    width: 360px;
    height: 86px;
    line-height: 86px;
    float: left;
    font-size: 35px;
    color: #4c4c4c;
    font-weight: bold;
    text-align: center;
    margin: 0 25px;
    cursor: pointer;

}

.iproqh .tab-hd ul li:after {
    content: "";
    width: 28px;
    height: 10px;
    margin-left: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/iproqhi.png) no-repeat center center;
}

.iproqh .tab-hd ul li.on {
    background: #3ab7e7;
    color: #fff;
}

.iproqh .tab-hd ul li.on:after {
    color: #fff;
    background: url(../images/iproqhion.png) no-repeat center center;
}

.iproqh .tab-bd {
    width: 100%;
    height: auto;
    float: left;
}

.iprohdp {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 47px;
}

.iprohdp .swiper-container {
    width: 100%;
    height: 100%;
}

.iprohdp .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    opacity: 0.3;
}

.iprohdp .swiper-slide-active,
.iprohdp .swiper-slide-duplicate-active {
    transform: scale(1);
    opacity: 1;
}

.iprohdp .swiper-button-next,
.iprohdp .swiper-button-prev {
    color: #9c9c9c;
}

.iprohdp .swiper-button-next,
.iprohdp .swiper-container-rtl .swiper-button-prev {
    /*right: 50%;
    margin-right: -440px;*/
    background: #9c9c9c;
    opacity: 0.5;
    color: #ffffff;
    padding: 22px;
    height: 200px;
    width: 120px;
    top: 80px;
}

.iprohdp .swiper-button-prev,
.iprohdp .swiper-container-rtl .swiper-button-next {
    /*
    right: 50%;
    left: auto;
    margin-right: -400px;*/
    background: #9c9c9c;
    opacity: 0.5;
    color: #ffffff;
    padding: 22px;
    height: 200px;
    width: 120px;
    top: 80px;
}
.iprohdp .swiper-button-next:after, .iprohdp .swiper-button-prev:after{
    zoom:0.8;
}

.iprohdp .swiper-container-horizontal>.swiper-pagination-bullets,
.iprohdp .swiper-pagination-custom,
.iprohdp .swiper-pagination-fraction {
    bottom: 0;
}

.iprohdpitem {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.iprohdpitem .picbox {
    width: 100%;
    height: auto;
    float: left;
    position: relative;

}

.iprohdpitem .picbox img {
    width: 100%;
    height: auto;
    float: left;
}

.iprohdpitem .info {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 90px;
}

.iprohdpitem .info h3 {
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left;
    font-size: 30px;
    color: #000000;
    margin-bottom: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.iprohdpitem .info p {
    width: 100%;
    height: 96px;
    float: left;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
}

.iprohdpitem .bot {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 40px;
}

.iprohdpitem .bot a {
    width: 175px;
    height: 42px;
    border: 1px solid #000;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    margin: 0 18px;
    color: #000000;
    float: left;
    display: none;
}

.iprohdpitem .bot a.on {
    background: #3ab7e7;
    color: #fff;
    border: 1px solid #3ab7e7;
}

.iprohdpitem .bot a:hover {
    background: #3ab7e7;
    color: #fff;
    border: 1px solid #3ab7e7;
}

.swiper-slide-active .bot a {
    display: inline-block;
}

.icolumn {
    width: 100%;
    background: url(../images/panlebg.png) no-repeat center center /auto 100%;
    overflow: hidden;

}

.panels {
    min-height: 800px;
    overflow: hidden;
    display: flex;
    float: left;
    width: 100%;
}

.panel {
    width: 16.66%;
    min-height: 800px;
    flex: 1;
    display: flex;
    flex-direction: column;
    color: white;
    text-align: center;
    align-items: center;
    font-size: 20px;
    position: relative;
    border-right: 1px solid #ffffff;
    overflow: hidden;
    transition: flex 0.5s ease-out;
}

.panel:first-child {
    margin-left: 0;
}

.panel:last-child {
    margin-right: 0;
}

.panel:before,
.panel:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-size: cover;
    background-position: center;
    transition: all 0.2s ease;
}

.panel:before {
    background: rgba(0, 0, 0, 0.3);
}

.panel:after {}



.panel.active {
    width: 52%;
    padding: 0 100px;
    flex: 6;
    background: rgba(0, 0, 0, 0.5);
    align-items: initial;
}
/*
.panel1:after {
    background: url(../images/lybg1.png) no-repeat center center / auto 100%;
    filter: brightness(50%);
}

.panel2:after {
    background: url(../images/lybg2.jpg) no-repeat center center / auto 100%;
    filter: brightness(50%);
}

.panel3:after {
    background: url(../images/lybg3.jpg) no-repeat center center / auto 100%;
    filter: brightness(50%);
}

.panel4:after {
    background: url(../images/lybg4.jpg) no-repeat center center / auto 100%;
    filter: brightness(50%);
}

.panel5:after {
    background: url(../images/lybg5.jpg) no-repeat center center / auto 100%;
    filter: brightness(50%);
}

.panel6:after {
    background: url(../images/lybg6.jpg) no-repeat center center / auto 100%;
    filter: brightness(50%);
}
*/

.panel.active:before {
    background: rgba(0, 0, 0, 0.3);
}

.panel i {
    width: 134px;
    height: 95px;
    float: left;
    z-index: 9;
    margin-top: 147px;
}

.panel i.ipanel1 {
    background: url(../images/ipanel1.png) no-repeat center center / 100% 100%;
}

.panel i.ipanel2 {
    background: url(../images/ipanel2.png) no-repeat center center / 100% 100%;
}

.panel i.ipanel3 {
    background: url(../images/ipanel3.png) no-repeat center center / 100% 100%;
}

.panel i.ipanel4 {
    background: url(../images/ipanel4.png) no-repeat center center / 100% 100%;
}

.panel i.ipanel5 {
    background: url(../images/ipanel5.png) no-repeat center center / 100% 100%;
}

.panel i.ipanel6 {
    background: url(../images/ipanel6.png) no-repeat center center / 100% 100%;
}

.panel h3 {

    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
	height: 120px;
    margin-top: 60px;
    z-index: 9;
    font-weight: normal;
    margin-bottom: 70px;
}

.panel p {
    font-size: 18px;
    line-height: 2;
	height: 144px;
	overflow: hidden;
    color: #fff;

}

.panel a {
    width: 182px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    z-index: 9;
    margin-top: 70px;
    display: none;

}



.panel.active h3 {
    display: inline-block;
    font-size: 36px;
    text-align: left;
    margin-top: 127px;
	height: 72px;
	margin-bottom: 10px;
}

.panel.active a {
    display: inline-block;
    float: left;

}

.panel.active i {
    display: none;
}

.panel.active p {
    display: block;
    text-align: left;
    float: left;
    z-index:1;
}

.inews {
    width: 100%;
    overflow: hidden;
    background: url(../images/inewsbg.png) no-repeat center center / 100% 100%;

}

.inews_tt {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
}

.inews_ttleft {
    width: 633px;
    height: auto;
    float: left;
    padding-left: 34px;
    padding-top: 50px;
    padding-right: 80px;
}

.inews_ttleft a .date {
    width: 100%;
    height: auto;
    float: left;
}

.inews_ttleft a .date span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 33px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
}

.inews_ttleft a .date p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 17px;
    color: #000000;
    font-weight: bold;

}

.inews_ttleft a .info {
    width: 100%;
    height: auto;
    margin-top: 60px;
    float: left;
}

.inews_ttleft a .info h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 33px;
    margin-bottom: 30px;
    line-height: 36px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.inews_ttleft a .info p {
    width: 100%;
    height: 80px;
    float: left;
    font-size: 18px;
    color: #333333;
    line-height: 20px;
}

.inews_ttleft a .info i {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    font-style: normal;
}

.inews_tthdp {
    width: 627px;
    height: auto;
    float: right;

}

.inews_tthdp .swiper-container-horizontal>.swiper-pagination-bullets,
.inews_tthdp .swiper-pagination-custom,
.inews_tthdp .swiper-pagination-fraction {
    bottom: 24px;
    text-align: right;
    padding-right: 30px;
}

.inews_tthdp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ffffff;
    opacity: 1;
}

.inews_tthdp .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    background: #001eff;
}

.inews_list {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    margin-bottom: 110px;
}

.inews_list ul {
    width: 100%;
    height: auto;
    float: left;
}

.inews_list ul li {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 34px;
}

.inews_list ul li a .date {
    width: 100%;
    height: auto;
    float: left;
}

.inews_list ul li a .date span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 33px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
}

.inews_list ul li a .date p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 17px;
    color: #000000;
    font-weight: bold;

}

.inews_list ul li a .info {
    width: 100%;
    height: auto;
    margin-top: 30px;
    float: left;
}

.inews_list ul li a .info h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 36px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.inews_list ul li a .info p {
    width: 100%;
    height: 80px;
    float: left;
    font-size: 18px;
    color: #333333;
    line-height: 20px;
}

.inews_list ul li a .info i {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    font-style: normal;
}

.inews_list ul li:hover {
    background: #3ab7e7;
}

.inews_list ul li:hover a .date span {
    color: #fff;
}

.inews_list ul li:hover a .date p {
    color: #fff;
}

.inews_list ul li:hover a .info h3 {
    color: #fff;
}

.inews_list ul li:hover a .info p {
    color: #fff;
}

.inews_list ul li:hover a .info i {
    color: #fff;
}


.footer {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    background: url(../images/ftbg.png) no-repeat center center / auto 100%;
}

.ftmsg {
    width: 395px;
    height: auto;
    float: left;
}

.ftmsg dl {
    width: 100%;
    height: auto;
    float: left;
}

.ftmsg dl dt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 20px;
}

.ftmsg dl dd {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.ftmsg dl dd input[type="text"] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    float: left;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.5);
    padding: 0 15px;
}

.ftmsg dl dd textarea {
    width: 100%;
    height: 75px;
    line-height: 22px;
    float: left;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
}

.ftmsg dl dd input[name="submit"] {
    width: 235px;
    height: 52px;
    line-height: 52px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    border: 0 none;
    border-radius: 5px;
    text-align: left;
    text-indent: 108px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.5) url(../images/tjbtn.png) no-repeat 49px 12px;
    padding: 0 0;
    text-transform: uppercase;
}

.ftmsg dl dd p {
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    line-height: 30px;
    font-size: 14px;
}

.ftmsg input::-webkit-input-placeholder {
    color: #fff;
}

.ftmsg input::-moz-placeholder {
    color: #fff;
}

.ftmsg input:-moz-placeholder {
    color: #fff;
}

.ftmsg input:-ms-input-placeholder {
    color: #fff;
}

.ftmsg textarea::-webkit-input-placeholder {
    color: #fff;
    font-family: "Microsoft YaHei" ! important;
}

.ftmsg textarea::-moz-placeholder {
    color: #fff;
    font-family: "Microsoft YaHei" ! important;
}

.ftmsg textarea:-moz-placeholder {
    color: #fff;
    font-family: "Microsoft YaHei" ! important;
}

.ftmsg textarea:-ms-input-placeholder {
    color: #fff;
    font-family: "Microsoft YaHei" ! important;
}

.ftnav {
    width: 630px;
    height: auto;
    float: right;
}

.ftnav dl {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.ftnav dl:nth-child(2) {
    margin-top: 20px;
}

.ftnav dl dt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: bold;

}

.ftnav dl dd {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.ftnav dl dd a {
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    line-height: 35px;
    font-size: 20px;
}

.ftnav dl dd p {
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    line-height: 35px;
    font-size: 20px;
}

.nbanner {
    width: 100%;
    overflow: hidden;
}

.nbanner img {
    width: 100%;
    height: auto;
    float: left;
}

.main {
    width: 100%;
    overflow: hidden;
    background: #f7f7fb;
}

.typename {
    width: 100%;
    overflow: hidden;
    margin-top: 47px;
}

.typename h2 {
    font-size: 44px;
    color: #3ab7e7;
    width: 100%;
    text-align: center;
    float: left;
    margin: 35px 0;
}

.pleft {
    width: 307px;
    background: #fff;
    float: left;
    padding: 0px 24px;
}

.side_tit {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
}

.side_tit h2 {
    width: 100%;
    line-height: 27px;
    height: 27px;
    font-size: 26px;
    color: #333333;
    float: left;
    margin-top: 28px;
    margin-bottom: 25px;
    padding-left: 17px;
}

.side_tit i {
    width: 27px;
    height: 27px;
    background: url(../images/side_tit.png) no-repeat center center;
    float: left;
    display: inline-block;
    margin-right: 17px;
}

.sideso {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.sideso .text {
    width: calc(100% - 65px);
    height: 37px;
    background: #f6f6f6;
    float: left;
    font-size: 12px;
    color: #666666;
    line-height: 37px;
    text-indent: 10px;
    overflow: hidden;

    border: 0;
}

.sideso .tjbtn {
    width: 65px;
    height: 37px;
    background: #3ab7e7 url(../images/sobtn.png) no-repeat center center;
    color: #fff;
    float: right;
    border: 0;
    cursor: pointer;
}





.sidebar {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
    padding: 0 15px;
    margin-top: 40px;
}

.sidebar ul {
    width: 100%;
    height: auto;
    float: left;
}

.sidebar ul li {
    width: 100%;
    height: auto;
    float: left;
}

.sidebar ul li a {
    width: 100%;
    line-height: 20px;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    color: #262626;
    padding: 20px 16px;
    float: left;
}

.sidebar ul li a.on {
    color: #3ab7e7;
}

.sidebar ul li a:hover {
    color: #3ab7e7;

}

.pright {
    width: 898px;
    float: right;
    margin-bottom: 44px;
}

.r_tit {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 17px;
    margin-bottom: 24px;
}

.r_tit h2 {
    line-height: 55px;
    border-left: 5px solid #3ab7e7;
    font-size: 28px;
    color: #000000;
    text-indent: 30px;
    float: left;
    margin-bottom: 17px;
}

.position {
    height: auto;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin-right: 30px;
    margin-top: 18px;
}

.position span {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
}

.position a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
}

.position a:hover {
    color: #3ab7e7;
}

.position a.current {
    color: #3ab7e7;
}

.position :last-child{
    color: #3ab7e7;
}

.pro_list {
    width: 100%;
    height: auto;
    float: left;

}

.pro_list ul {
    width: 100%;
    height: auto;
    float: left;
}

.pro_list ul li {
    width: 48%;
    height: auto;
    float: left;
    margin-bottom: 36px;
    position: relative;
}

.pro_list ul li:hover {
    box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);

}

.pro_list ul li:nth-child(2n) {
    float: right;
}

.pro_list ul li .picbox {
    width: 100%;
    height: 0;
    padding-bottom: 90%;
    float: right;
    position: relative;
    overflow: hidden;
}

.pro_list ul li .picbox img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

.pro_list ul li:hover .picbox img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro_list ul li:hover .info h3{
    color: #3ab7e7;
}
.pro_list ul li:hover .info i{
    background: url(../images/promorel.png) no-repeat center center;
}

.pro_list ul li .info {
    width: 100%;
    height: auto;
    float: left;
    padding: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;

}

.pro_list ul li .info h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    font-style: normal;

    line-height: 20px;
    text-align: center;
    color: #333333;
    margin-bottom: 10px;
}

.pro_list ul li .info i {
    width: 123px;
    background: url(../images/promore.png) no-repeat center center;
    color: #262626;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
}

.pro_list ul li a:hover .info i {}

.tg_pages {
    float: left;
    overflow: hidden;
    margin-bottom: 64px;
    text-align: center;
    width: 100%;
}

.tg_pages li {
    display: inline-block;
}

.tg_pages li a {
    background: #ffffff;
    color: #262626;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 4px 4px 4px 4px;
}

.tg_pages li.thisclass a ,.tg_pages li.active a {
    background: #3ab7e7 none repeat scroll 0 0;
    color: #ffffff;
    border: 1px solid #3ab7e7;

}

.tg_pages li a:hover {
    border: 1px solid #3ab7e7;

    background: #3ab7e7 none repeat scroll 0 0;
    color: #ffffff;
}

.cpxx {
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
    float: left;
    padding: 25px;
}

.cpxx .cpxximg {
    width: 362px;
    height: 362px;
    float: left;
}

.cpxx .cpxxinfo {
    width: 458px;
    height: auto;
    float: right;
}

.cpxx .cpxxinfo h1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    line-height: 50px;
    text-indent: 15px;
    color: #333333;
    border-bottom: 1px dashed #7f7f7f;
    margin-bottom: 25px;
}

.cpxx .cpxxinfo p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 36px;
    color: #000000;
    text-indent: 15px;
}

.cpxx .cpxxinfo p b {
    float: left;
    color: #666666;
}

.cpxx .cpxxinfo a {
    float: left;
    font-size: 18px;
    color: #999999;
    line-height: 42px;
    padding: 0 3px;
    margin-top: 15px;
    margin-left: 15px;
    border-bottom: 1px solid #999999;
}

.cpxx .cpxxinfo a:hover {
    color: #000;
}

.cpxq {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}

.cpxq h2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 28px;
    color: #333333;
    border-bottom: 1px dashed #7f7f7f;
    line-height: 58px;
}

.cpxq .content {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #666666;
    line-height: 1.8;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cpxq .content p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #666666;
    line-height: 1.8;
}

.cpxq .content b {
    color: #000000;
    float: left;

}


.pro_listb {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    float: left;
    box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 45px;
}

.pro_listb ul {
    width: 100%;
    height: auto;
    float: left;
}

.pro_listb ul li {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px dashed #7f7f7f;
    margin-bottom: 32px;
}

.pro_listb ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.pro_listb ul li:hover {}

.pro_listb ul li:nth-child(2n) {
    float: right;
}

.pro_listb ul li .picbox {
    width: 43%;
    height: 0;
    padding-bottom: 43%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}

.pro_listb ul li .picbox img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pro_listb ul li:hover .picbox img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pro_listb ul li .info {
    width: 55%;
    height: auto;
    float: right;
}

.pro_listb ul li .info h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    font-style: 22px;
    line-height: 20px;
    text-align: left;
    color: #333333;
    margin-bottom: 20px;
    padding: 15px 0;
}

.pro_listb ul li .info span {
    color: #3ab7e7;
}

.pro_listb ul li .info p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 36px;
    color: #000000;
}

.pro_listb ul li .info p b {
    float: left;
    color: #666666;
}

.news_sidebar {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 17px;
    margin-bottom: 24px;
}

.news_sidebar ul {
    float: left;
}

.news_sidebar ul li {
    float: left;
    margin: 0 20px;
}

.news_sidebar ul li a {
    line-height: 55px;
    font-size: 28px;
    padding-bottom: 20px;
    color: #000000;
    margin-bottom: -1px;
    float: left;
    font-weight: bold;
}

.news_sidebar ul li a.current {
    border-bottom: 1px solid #3ab7e7;
    color: #3ab7e7;

}

.bgfff {
    background: #fff;
}


.news_list {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 45px;
}

.news_list ul {
    width: 100%;
    height: auto;
    float: left;
}

.news_list ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 40px;
    padding-top: 50px;
    background: #FFFFFF;
    border-bottom: 2px solid #cccccc;
}

.news_list ul li .picbox {
    width: 352px;
    overflow: hidden;

    margin-bottom: 50px;
    float: left;
}

.news_list ul li .picbox img {
    width: 100%;
    float: left;
}

.news_list ul li:hover .picbox img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.news_list ul li .info {
    width: calc(100% - 392px);
    float: right;
    height: auto;
}

.news_list ul li .info h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 24px;
    font-style: normal;
    line-height: 50px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.news_list ul li .info span {
    height: 17px;
    font-size: 14px;
    color: #999999;
    line-height: 17px;
    margin: 16px 0;
    float: right;
    font-weight: normal;
}



.news_list ul li .info p {
    width: 100%;
    height: 44px;
    overflow: hidden;
    margin-bottom: 36px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.news_list ul li .info i {
    width: 146px;
    height: 46px;
    float: left;
    line-height: 46px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    border: 1px solid #666666;
}


.news_list ul li a:hover .info i {
    color: #ffffff;
    background: #3ab7e7;
    border: 1px solid #3ab7e7;
}

.news_list ul li:hover {
    background: #f4fcff;
}

.news_list ul li:hover .info i {
    color: #ffffff;
    background: #3ab7e7;
    border: 1px solid #3ab7e7;
}












.faqs_list {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 80px;
}

.faqs_list * {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}

.faqs_list ul {
    width: 100%;
    height: auto;
    float: left;
}

.faqs_list ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 36px 40px;
    margin-bottom: 3px;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    ;
}

.faqs_list ul li .iasktitle {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-radius: 4px 4px 4px 4px;
    float: left;
    font-size: 24px;
    color: #000;
    /*
    cursor: pointer;*/

}


.faqs_list ul li .iasktitle i.down {
    width: 25px;
    height: 26px;
    margin-right: 24px;
    float: right;
    background: url(../images/iaskdown.png) no-repeat center center;
}


.faqs_list ul li.on ,.faqs_list ul li:hover{
    background: #f0f8fd;
    border-bottom: 5px solid #3ab7e7;
}

.faqs_list ul li .iaskcon {
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    float: left;
    overflow: hidden;
    margin-top: 24px;

}

.faqs_list ul li .iaskcon span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #4d4d4d;
    line-height: 24px;
    margin-bottom: 20px;
}

.faqs_list ul li .iaskcon p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #000000;
    line-height: 24px;

}

.faqs_list ul li .iaskcon a {
    float: right;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 24px;
}


.lx_tit {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 70px;
    margin-bottom: 24px;
}

.lx_tit h2 {
    line-height: 55px;
    font-size: 44px;
    color: #3ab7e7;
    float: left;
    margin-bottom: 17px;
}

.contact_list {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}

.contact_list ul {
    width: 100%;
    height: auto;
    float: left;
}

.contact_list ul li {
    width: 32%;
    float: left;
    text-align: center;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact_list ul li:nth-child(3n) {
    margin-right: 0px;
}

.contact_list ul li i {
    width: 39px;
    height: 30px;
    display: inline-block;
    float: right;
    margin-top: 20px;

}

.contact_list ul li i.icontact1 {
    background: url(../images/icontact1.png) no-repeat center center;
}

.contact_list ul li i.icontact2 {
    background: url(../images/icontact2.png) no-repeat center center;
}

.contact_list ul li i.icontact3 {
    background: url(../images/icontact3.png) no-repeat center center;
}

.contact_list ul li span {
    width: 100%;
    float: left;
    height: 70px;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    line-height: 70px;
    border-bottom: 1px solid #3ab7e7;
}

.contact_list ul li p {
    width: 100%;
    float: left;
    height: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #4c4c4c;
    margin-top: 10px;
    line-height: 36px;
    text-align: left;
}

.map {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 100px;
}

.map img {
max-width: 100%;
}

.lxbg {
    background: url(../images/lxbg.jpg) no-repeat center center;
}

.about_sidebar {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    margin-top: 17px;
    margin-bottom: 24px;
}

.about_sidebar ul {
    float: left;
}

.about_sidebar ul li {
    float: left;
    margin: 0 20px;
}

.about_sidebar ul li a {
    line-height: 55px;
    font-size: 20px;
    padding-bottom: 20px;
    color: #000000;
    margin-bottom: -1px;
    float: left;
    font-weight: bold;
}

.about_sidebar ul li a.current {
    border-bottom: 1px solid #3ab7e7;
    color: #3ab7e7;

}

.aboutimg {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.aboutimg ul {
    width: 100%;
    height: auto;
    float: left;
}

.aboutimg ul li.first {
    width: 100%;
}

.aboutimg ul li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;

}

.aboutimg ul li.last {
    margin-right: 0;
}

.aboutimg ul li img {
    width: 100%;
    height: auto;
    float: left;
}

.aboutcon {
    width: 100%;
    height: auto;
    float: left;
}

.aboutcon strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 30px;
    color: #00b8ff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.aboutcon p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 1.6;
    margin: 5px 0;
}

.copyright {
    width: 100%;
    overflow: hidden;
    background: #eef4f9;
    padding: 7px 0;

}

.copyright .w1260 {
    display: flex;
    flex-direction: center;
    align-items: center;
    justify-content: space-between;

}

.copyright .ftlogo {
    width: 171px;
    height: 65px;
    float: left;
}

.copyright p {
    float: left;
    font-size: 20px;
    color: #303030;
}

.copyright .ftfx {
    float: right;
}

.copyright .ftfx a {
    width: 36px;
    height: 36px;
    float: left;
    margin-left: 20px;
}

.copyright .ftfx a.ftfx1 {
    background: url(../images/ftfx1.png) no-repeat center center;
}

.copyright .ftfx a.ftfx2 {
    background: url(../images/ftfx2.png) no-repeat center center;
}

.copyright .ftfx a.ftfx3 {
    background: url(../images/ftfx3.png) no-repeat center center;
}


/*num-figure2*/
.num-figure2 {
    width: 100%;
    height: auto;
    text-align: center;

    float: left;
    margin-top: 26px;
    margin-bottom: 26px;

}

.num-figure2>ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.num-figure2 li {
    list-style: none;
}

.num-figure2 li.line {
    width: 1px;
    float: left;
    height: 70px;
    background: #e5e5e5;
}

.num-figure2 .OEM-ico {
    padding: 23px 0;
    width: 33%;
    float: left;

}

.num-figure2 .num-change {
    padding: 0;
}

.num-figure2 .num-change li:first-child {
    width: 100%;
    height: 80px;
    font-size: 42px;
    color: #333333;
    margin: 0 auto;
}

.num-figure2 .OEM-ico a {
    text-decoration: none;
}



.num-figure2 .num-change li:nth-child(2) {
    color: #4c4c4c;
    font-size: 16px;
    margin-top: 2px;
}

.num-figure2 .OEM-ico:hover .num-change li:nth-child(2) {}

.whlist {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 90px;
    margin-bottom: 150px;
}

.whlist ul {
    width: 100%;
    height: auto;
    float: left;
}

.whlist ul li {
    width: 33.33%;
    height: auto;
    float: left;
}

.whlist ul li .picbox {
    width: 100%;
    height: 0;
    padding-bottom: 66.2%;
    position: relative;
    float: left;
}

.whlist ul li .picbox img {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.whlist ul li .info {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 25px;
}

.whlist ul li .info h3 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    float: left;
    font-size: 27px;
    color: #00b8ff;
    line-height: 1.6;
    border-left: 8px solid #00b8ff;
    margin-top: 28px;
    margin-bottom: 15px;
    text-indent: 15px;
}

.whlist ul li .info p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #4c4c4c;
    line-height: 1.6;
}


.zzlist {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
    margin-bottom: 30px;
}

.zzlist ul {
    width: 100%;
    height: auto;
    float: left;
}

.zzlist ul li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 2%;
    position: relative;

}

.zzlist ul li:nth-child(3n) {
    margin-right: 0
}

.zzlist ul li .picbox {
    width: 100%;
    float: left;
    margin-top: 31px;
    margin-bottom: 22px;
}

.zzlist ul li .picbox img {
    max-width: :100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.zzlist ul li h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: normal;
    margin-bottom: 23px;
}

.zzlist ul li .zz {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 10, 135, 0.05);
    justify-content: center;
    align-items: center;
    display: none;

}

.zzlist ul li:hover .zz {
    display: flex;
}

.zzlist ul li .zz i {
    width: 176px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-style: normal;
    float: left;
    background: #00b8ff;
    font-size: 20px;
    color: #ffffff;
}




.hzhblist {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
    margin-bottom: 30px;
}

.hzhblist ul {
    width: 100%;
    height: auto;
    float: left;
}

.hzhblist ul li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 2%;
    position: relative;

}

.hzhblist ul li:nth-child(3n) {
    margin-right: 0
}

.hzhblist ul li .picbox {
    width: 100%;
    float: left;
    margin-top: 31px;
    margin-bottom: 22px;
}

.hzhblist ul li .picbox img {
    max-width:100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.hzhblist ul li h3 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: normal;
    margin-bottom: 23px;
}

.hzhblist ul li .zz {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 184, 255, 0.85);
    justify-content: center;
    align-items: center;
    display: none;

}

.hzhblist ul li:hover .zz {
    display: flex;
}

.hzhblist ul li .zz i {
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    float: left;
    font-size: 20px;
    color: #ffffff;
}

.weixin {
    display: none;
    position: fixed;
    bottom: 80px;
   right: 0px;
}