
/*首页*/
 body{zoom:0.9;}
 
.wrap_home .head {
	width: 100%;
	height: 105vh;
	background: url(../images/topbg_b.png) no-repeat;
    background-size:cover;
    display: none;
}
.wrap_home .headBgGif {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 105vh;
    background: url(../images/topbg_a.gif) no-repeat;
    background-size: cover;
}
.wrap_home .radiations {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 105vh;
    background-color: rgba(0,0,0,.5);
}
.wrap_home .head .headInfo {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-40%); 
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%)
    transform: translateY(-40%);
    color: #fff;
    z-index: 10;
}
.wrap_home .head .headInfo img{
    width: 15%;
    height: auto;
    margin-bottom: 0.45rem;
}
.wrap_home .head .headInfo p:nth-of-type(1){
    opacity: 0.6;
    margin-bottom: 0.22rem;
    font-size: 0.38rem;
}
.wrap_home .head .headInfo p:nth-of-type(2){
    opacity: 0.6;
    font-family: PingFangSC-Regular;
    letter-spacing: 0;
    width: 41%;
    text-align: center;
    margin-bottom: 0.22rem;
    font-size: 0.16rem;
    margin: 0 auto;
    line-height: 0.3rem;
}
.wrap_home .contentInfo {
    position: relative;
    background: #fafafa;
}
.wrap_home .contentInfo .contentInfoCenter {
    position: relative;
    width: 77%;
    border-radius: 0.06rem;
    top: -0.2rem;
    left: 50%;
    margin-left: -38.5%;
}
.wrap_home .contentInfo .contentInfoCenter .about {
    text-align: center;
    padding-bottom: 1.1rem;
    background: #fff;
    box-shadow: 0 0 0.05rem #ccc;
    border-radius: 0.06rem;
}
.wrap_home .contentInfo .contentInfoCenter .about img{
    margin-top: 0.65rem;
    width: 0.7rem;
}

.wrap_home .contentInfo .contentInfoCenter .about .aboutTitle{
    position: relative;
    width: 3.54rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    background: url(../images/ABOUT.png) no-repeat center;
    background-size: contain;
    font-family: PingFangSC-Semibold;
    font-size: 0.42rem;
    color: #666666;
    letter-spacing: 0.10rem;
}
.wrap_home .contentInfo .contentInfoCenter .about .aboutContent{
    width: 56%;
    font-size: 0.16rem;
    color: #808080;
    margin:0 auto;
    line-height: 0.30rem;
    margin-top: 0.29rem;
}
.wrap_home .solutionTitle:after ,
.wrap_home .technicalTitle:after {
    display: inline-block;
    content: '';
    width: 8%;
    height: 2px;
    background: #10893e;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4%;
}
.wrap_home .solution .solutionTitle {
    position: relative;
    width: 5.61rem;
    height: 1.50rem;
    line-height: 1.50rem;
    margin: 0 auto;
    margin-top: 0.60rem;
    margin-bottom: 0.40rem;
    background: url(../images/SOLUTION.png) no-repeat center;
    background-size: contain;
    background-size: contain;
    font-family: PingFangSC-Semibold;
    font-size: 0.42rem;
    color: #666666;
    text-align: center;
    letter-spacing: 0.1rem;
}
.wrap_home .slide {
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
    border-radius: 6px;
}
.wrap_home .slide .slide_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 10;
}
.wrap_home .slide .slide_layer span {
    display: block;
    color: #fff;
    margin-left: 10%;
}
.wrap_home .slide .slide_layer span:first-child {
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin-top:40%;
    margin-bottom:0.12rem;
}
.wrap_home .slide .slide_layer span:last-child {
    width: 30%;
    height: 0.25rem;
    line-height: 0.25rem;
    text-align: center;
    border-radius: 3px;
    font-size: 0.1rem;
    letter-spacing: 1.25px;
    background: rgba(0,0,0,0.3);
}
.wrap_home .slider img {
    cursor: pointer;
    transition: all .8s;
    width: 100%;
    height: auto;
}
.wrap_home .slide:hover img{    
     transform: scale(1.1,1.1);
     -webkit-transform: scale(1.1,1.1); /*Safari 和 Chrome*/
     -moz-transform: scale(1.1,1.1),; /*Firefox*/
     -ms-transform: scale(1.1,1.1); /*IE9*/
     -o-transform: scale(1.1,1.1); /*Opera*/
}
.wrap_home .bx-wrapper {
    width: 100% !important;
    margin: 0 auto 0;
    padding: 0;
}
.wrap_home .bx-wrapper .bx-pager {
    display: none;
}
.wrap_home .bx-wrapper .bx-controls-direction a {
    width: 0.6rem;
    height: 0.6rem;
}

.wrap_home .bx-wrapper .bx-next {
    right: -1rem;
    background: url(../images/jt_right_off.png) no-repeat;
    background-size: contain;         
}
.wrap_home .bx-wrapper .bx-next:hover {
    right: -1rem;
    background: url(../images/jt_right_on.png) no-repeat;
    background-size: contain;
}
.wrap_home .bx-wrapper .bx-prev {
    left: -1rem;
    background: url(../images/jt_left_off.png) no-repeat;
    background-size: contain;
}
.wrap_home .bx-wrapper .bx-prev:hover {
    left: -1rem;
    background: url(../images/jt_left_on.png) no-repeat;
    background-size: contain;
}
.wrap_home .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow:none;
    box-shadow: none;
    border: none;
    background: none;
}
.wrap_home .technical .technicalTitle {
    position: relative;
    width: 6.21rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0 auto;
    margin-top: 0.6rem;
    background: url(../images/TECHNICAL.png) no-repeat center;
    background-size: contain;
    background-size: contain;
    font-family: PingFangSC-Semibold;
    font-size: 0.42rem;
    color: #666666;
    text-align: center;
    letter-spacing: 0.1rem;
}
.wrap_home .technical .technicalContent .list {
    margin:0.3rem 0;
}
.wrap_home .technical .technicalContent .list:last-child{
    margin-bottom: 0;
}
.wrap_home .technical .technicalContent .list .wrap_item {
    display: inline-block;
    width: 25%;
    padding: 0 5% 0 18%;
    box-shadow: 0 0.02rem 0.05rem 0 rgba(0,0,0,0.05);
    border-radius: 6px;
    vertical-align: top;
    position: relative;
    height: 2.8rem;
}
.wrap_home .technical .technicalContent .list .wrap_item .wrap_item_div{
    position: absolute;
    display: inline-block;
    padding-right: 9%;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
    transform: translateY(-50%);

}
.wrap_home .technical .technicalContent .list .wrap_item span{
    display: block;

}
.wrap_home .technical .technicalContent .list .wrap_item .listTitle:first-child{
    font-family: PingFangSC-Medium;
    font-size: 0.2rem;
    color: #666666;
    line-height: 0.3rem;
    margin-bottom: 0.18rem;
}
.wrap_home .technical .technicalContent .list .wrap_item span:last-child{
    font-size: 0.15rem;
    color: #B3B3B3;
}
.wrap_home .technical .technicalContent .list .distance {
    background: #fff url(../images/icon_a.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .cost {
    background: #fff url(../images/icon_b.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .power {
    background: #fff url(../images/icon_c.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .radiation {
    background: #fff url(../images/icon_d.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .safety {
    background: #fff url(../images/icon_e.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .signal {
    background: #fff url(../images/icon_f.png) no-repeat 12% center;
    background-size: 1.02rem;
}
.wrap_home .technical .technicalContent .list .wrap_item:first-child {
    margin-right:2.2%;
}
.wrap_home .placeholder {
    position: relative;
    height: 1rem;
    background: #fafafa;
}
#particles-js{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
 }

 /*关于我们页面*/
.wrap_about .head{
    width:100%;
    height: 3.7rem;
    background: url(../images/about_bg.png) no-repeat;
    background-size: cover;
    font-size: 0.36rem;
    color: #FFFFFF;
    line-height: 0.9rem;
    text-align: center;
    padding-top: 1.7rem;

}
.wrap_about .head span{
    position: relative;
    display: inline-block;
}
.wrap_about .head span:after{
    display: inline-block;
    content: '';
    width: 50%;
    height: 2px;
    background: #10893e;
    position: absolute;
    bottom: -0.3rem;
    left: 50%;
    margin-left: -25%;
}
.wrap_about .contentInfo {
    background: #fafafa;
}
.wrap_about .contentInfo .contentInfoCenter {
    position: relative;
    top: -1.3rem;
    left: 50%;
    margin-left: -38.5%;
    width: 77%;
}
.wrap_about .contentInfo .contentInfoCenter .aboucontent {
    background: #fff;
    box-shadow: 0 0 0.05rem #ccc;
    border-radius: 6px;
    padding: 0.56rem 0;
}
.wrap_about .contentInfo .contentInfoCenter .aboucontent p{
    width: 62%;
    margin: 0 auto;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 0.3rem;
    margin-bottom: 0.2rem;
    text-align: justify;
}
.wrap_about .contentInfo .contentInfoCenter .aboucontent p:last-child{
    margin-bottom: 0
}
.wrap_about .contentInfo .contentInfoCenter .culture {
    margin-top: 0.61rem;
}
.wrap_about .contentInfo .contentInfoCenter .cultureTitle {
    position: relative;
    font-size: 0.36rem;
    color: #666666;
    text-align: center;
    letter-spacing: 0.1rem;
    width: 4.91rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: url(../images/CULTURE.png) no-repeat center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 0.61rem;
}
.wrap_about .contentInfo .contentInfoCenter .cultureTitle:after {
    display: inline-block;
    content: '';
    width: 10%;
    height: 2px;
    background: #10893e;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5%;
}
.wrap_about .contentInfo .contentInfoCenter ul.cultureContent li {
    float: left;
    width: 31.3%;
    margin-right: 3%;
    border-radius: 6px;

}
.wrap_about .contentInfo .contentInfoCenter ul li:last-child {
    margin-right: 0;
}
.wrap_about .contentInfo .contentInfoCenter ul li img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}
/*联系我们*/
.wrap_contact .head{
    width:100%;
    height: 3.7rem;
    background: url(../images/contact_bg.png) no-repeat;
    background-size: cover;
    font-size: 0.36rem;
    color: #FFFFFF;
    line-height: 0.9rem;
    text-align: center;
    padding-top: 1.7rem;

}
.wrap_contact .contentInfoCenter {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
    border-radius: 6px;
}
.wrap_contact .contentInfoCenter .left{
    float: left;
    width: 30%;
    padding: 5%;
}
.wrap_contact .contentInfoCenter .left a{
    position: relative;
    display: inline-block;
    width: 1.65rem;
    height: 0.4rem;
    line-height:0.4rem; 
    text-align: center;
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    font-size: 0.13rem;
    color: #999999;
    letter-spacing: 1.62px;
    margin-left: 0.5rem;
    background:url(../images/Icon_right.png) no-repeat  1.3rem center;
    background-size: 0.14rem;
}
.wrap_contact .contentInfoCenter .left a:hover {
    background:#10893e;
    color: #fff;
    background:#10893e url(../images/Icon_right_on.png) no-repeat 1.3rem center;
    background-size: 0.14rem;
}
.wrap_contact .contentInfoCenter .left .contactAddres{
    margin:0.6rem 0;
}
.wrap_contact .contentInfoCenter .left p{
    font-size: 0.15rem;
    color: #999999;
    line-height: 0.3rem;
    margin-left: 0.5rem;
}
.wrap_contact .contentInfoCenter .left .icon{
    position: relative;
}
.wrap_contact .contentInfoCenter .left .icon img{
    position: absolute;
    left: -0.5rem;
    top: 0.08rem;
    width: 0.2rem;
}
.wrap_contact .contentInfoCenter .left .contactWay p:first-child,
.wrap_contact .contentInfoCenter .left .contactAddres p:first-child{
    font-size: 0.2rem;
    color: #666666;
    letter-spacing: 2.14px;
    line-height: 0.3rem;
    margin-bottom: 0.31rem;
}
.wrap_contact .contentInfoCenter .left .contactWay p:nth-child(3){
    margin-bottom: 0.3rem;
}
.wrap_contact .contentInfoCenter .right{
    float: right;
    width: 60%;
}

/*解决方案*/
.wrap_solution .head {
    background: url(../images/solutionIcon1.png) no-repeat;
    background-size: cover;
}
.wrap_solution .contentInfo .contentInfoCenter {
    position: relative;
    top: -.5rem;
    left: 50%;
    margin-left: -38.5%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle{
    background:#ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
    border-radius: 6px;
    font-size: 0.16rem;
    color: #999999;
    padding:0.26rem 1% 0.44rem 3%;
    margin-bottom: 0.8rem;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li {
    position: relative;
    float: left;
    cursor: pointer;
    width: 8%;
    margin-right: 7%;
    height: 1rem;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li i {
    position: absolute;
    display: inline-block;
    bottom: -0.44rem;
    width: 100%;
    height: 2px;
    background: #10893E;
    display: none;
}
/*.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:hover {
    color: #10893e;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:hover i{
   display: block;
}*/

.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(1) {
    background: url(../images/jjyl_off.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(2) {
    background: url(../images/znxf_off.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(3) {
    background: url(../images/zhtc_off.png) no-repeat center 0;
    background-size: 60%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(4) {
    background: url(../images/zhly_off.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(5) {
    background: url(../images/znaf_off.png) no-repeat center 0;
    background-size: 56%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(6) {
    background: url(../images/zhcs_off.png) no-repeat center 0;
    background-size: 66%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:last-child {
    background: url(../images/zhsw_off.png) no-repeat center 0;
    background-size: 52%;
    margin-right:0;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(1) {
    background: url(../images/jjyl_on.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(2) {
    background: url(../images/znxf_on.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(3) {
    background: url(../images/zhtc_on.png) no-repeat center 0;
    background-size: 60%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(4) {
    background: url(../images/zhly_on.png) no-repeat center 0;
    background-size: 70%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(5) {
    background: url(../images/znaf_on.png) no-repeat center 0;
    background-size: 56%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(6) {
    background: url(../images/zhcs_on.png) no-repeat center 0;
    background-size: 66%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:last-child {
    background: url(../images/zhsw_on.png) no-repeat center 0;
    background-size: 52%;
    margin-right:0;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green {
    color: #10893e;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li span {
    position: absolute;
    display: inline-block;
    width: 100%;
    bottom: -0.22rem;
    text-align: center;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent {
    display: none;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item{
    background:#fff;
    margin-bottom: 0.4rem;
    position: relative;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:last-child{
    margin-bottom: 0;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentLeft{
    width:50%;
    height:3.6rem;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent1 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/device.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent1 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/device1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent1 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/device2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent2 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/znxf1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent2 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/znxf2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent2 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/znxf3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/zhtc1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/zhtc22.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/zhtc2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(4) .contentInfoCenterContentLeft{
    background: url(../images/zhtc3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(5) .contentInfoCenterContentLeft{
    background: url(../images/zhtc4.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent3 .item:nth-of-type(6) .contentInfoCenterContentLeft{
    background: url(../images/zhtc5.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent4 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/zhly1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent4 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/zhly2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent4 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/zhly3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent4 .item:nth-of-type(4) .contentInfoCenterContentLeft{
    background: url(../images/zhly4.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent5 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/znaf1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent5 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/znaf2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent5 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/znaf3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent6 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/zhcs1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent6 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/zhcs2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent6 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/zhcs3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent7 .item:nth-of-type(1) .contentInfoCenterContentLeft{
    background: url(../images/zhsw1.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent7 .item:nth-of-type(2) .contentInfoCenterContentLeft{
    background: url(../images/zhsw2.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent7 .item:nth-of-type(3) .contentInfoCenterContentLeft{
    background: url(../images/zhsw3.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent7 .item:nth-of-type(4) .contentInfoCenterContentLeft{
    background: url(../images/zhsw4.png) no-repeat;
    background-size: 100% 100%;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent1 .item .contentInfoCenterContentLeft{
    width:50%;
    height:3.6rem;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent1 .item .contentInfoCenterContentLeft{
    width:50%;
    height:3.6rem;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(odd) .contentInfoCenterContentLeft{
    float: left;
    border-radius: 6px 0 0 6px;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(even) .contentInfoCenterContentLeft{
    float: right;
    border-radius: 0 6px 6px 0;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentRight {
    position: absolute;
    width: 36%;
    top: 50%;
    padding: 0 7%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
    transform: translateY(-50%);
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(odd) .contentInfoCenterContentRight{
    right: 0;
    border-radius: 0 6px 6px 0;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(even) .contentInfoCenterContentRight{
    left: 0;
    border-radius: 6px 0 0 6px;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentRight p{
    font-size: 0.14rem;
    color: #999999;
}
.wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentRight p:first-child{
    font-size: 0.32rem;
    color: #10893E;
    margin-bottom: 0.3rem;
}
.wrap_solution .placeholder {
    height: 0.8rem;
    background: #fafafa;
}
/*产品*/
.wrap_product .head {
    background:url(../images/product_bg.png) no-repeat;
    background-size: cover;
}
.wrap_product .head p {
    width: 44%;
    opacity: 0.6;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin:0 auto;
    margin-top: 0.7rem;
    text-align: center;
}
.wrap_product .contentInfo .contentInfoCenter {
    top: 0;
}
.wrap_product .contentInfo .contentInfoCenter img {
    width: 100%;
}
.wrap_product .placeholder {
    width:100%;
    height:1.2rem;
    background: #fafafa;
}
.wrap_about .contentInfo .contentInfoCenter .categoryTitle {
    width: 5.76rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: url(../images/CATEGORY.png) no-repeat center;
    background-size: contain;
}
.wrap_about .contentInfo .contentInfoCenter .productTitle {
    width: 5.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: url(../images/PRODUCT.png) no-repeat center;
    background-size: contain;
}
.index-bg {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:.35s
}
.bg-grid {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEFBRTMxNkZDQUM4MTFFODlGREFGODcyM0FBOUM1N0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEFBRTMxNzBDQUM4MTFFODlGREFGODcyM0FBOUM1N0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QUFFMzE2RENBQzgxMUU4OUZEQUY4NzIzQUE5QzU3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QUFFMzE2RUNBQzgxMUU4OUZEQUY4NzIzQUE5QzU3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLlpCgAAAAZSURBVHjaYmFwkGCAASYofRiZYwsiAAIMAByYAWGbkWV3AAAAAElFTkSuQmCC");
	transform:translateZ(0)
}
.video-bg {
	transition:.35s;
	min-width:100%;
	min-height:100%;
	object-fit:cover;
	height:750px
}
.indexvid {
	background-color:#7c7d6a;
	position:relative;
	height:100%;
	min-width:1200px;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	justify-content:center;
	color:#fff;
	text-align:center;
	opacity:1
}
.indexvid .banner-bg {
	display:block;
	width:100%;
	height:100%
}
.indexvid h1 {
	margin-bottom: 0.22rem;
    font-size: 0.5rem;
	font-weight:bold;
	text-align:center;
	white-space:nowrap
}
.indexvid h1.sub-title {
	margin-bottom: 0.22rem;
    font-size: 0.3rem;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	opacity: 0.6;
    font-family: PingFangSC-Regular;
}
@media screen and (min-width:1300px) {
	.indexvid h1 {
	text-align:center;
	margin-bottom: 0.22rem;
    font-size: 0.5rem;
}
}.indexvid-con {
	position:absolute;
	z-index:2;
	height:128px;
	top:50%;
	margin-top:-84px;
	width:984px;
	left:50%;
	margin-left:-492px;
	transform:translateZ(0)
}
.indexvid-con .inner {
	margin-top:0px
}
.indexvid-con .inner .sub-mess {
	margin-top:20px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	height:40px;
	width:15%
}
.indexvid-con .inner .sub-mess h1 {
	font-size:24px;
	line-height:40px;
	color:#5887F5;
	margin-bottom:0px
}
/*媒体查询*/
@media screen and (min-width:1080px) {
    html{
        font-size:100px;
    }
    body{
        font-size:16px;
    }
}
@media (max-width: 1080px) {
    html{
        font-size:60px;
    }
    body{
        font-size:12px;
    }
    .wrap_home .head {
        display: block;
    }
    .wrap_home .indexvid{
        display: none;
    }
    /*公共导航栏*/
    .nav_wrap {
        
    }
    .nav_wrap .page_nav {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    .nav_wrap .page_nav .mobile {
        display: block;
        position: absolute;
    }
    .nav_wrap .page_nav .meun {
        display: none;
        width: 100%;
        position: absolute;
        top: 0.91rem;
        -webkit-transform: translateY(0); 
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
         transform: translateY(0);       
    }
    .nav_wrap .page_nav .meun a {
        display: block;
        width:100%;
        text-align: left;
        padding: 1em 0;
        font-weight: 400;
        border-top: 1px solid rgba(0, 0, 0, .1);
        font-size: 16px;
        color: #fff;
        padding-left: 20px;
    }
    .nav_wrap .page_nav .logo {
        width:2rem;
        margin-left: 20px;
    }
    .mobileOpen {
        height: 6.6rem;
        background: #10893e;
        transition:all .4s ease, -webkit-transform .4s ease
    } 
    .mobileOpen .page_nav .meun {
        display: block;
        transition:all .4s ease, -webkit-transform .4s ease
    }
    .mobileOpen .page_nav .mobile:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transform-origin:right;
        top: 0px;
        transition:transform .4s ease, top .4s ease, -webkit-transform .4s ease
    }
    .mobileOpen .page_nav .mobile:after{
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin:right;  
        top: 14px;
        transition:transform .4s ease, top .4s ease, -webkit-transform .4s ease  
    }
    /*首页*/
    .wrap_home .head .headInfo img {
        width: 30%;
    }
    .wrap_home .head .headInfo p:nth-of-type(2) {
        width: 61%;
        text-align: justify;
        line-height: 22px;
    }
    .wrap_home .contentInfo .contentInfoCenter .about .aboutContent {
        width: 80%;
        text-align: justify;
    }
    .wrap_home .solution .solutionTitle ,
    .wrap_home .technical .technicalTitle{
        width:auto;
    }
    .wrap_home .technical .technicalContent .list .wrap_item {
        width: 65%;
        padding-left: 30%;
    }
    .wrap_home .technical .technicalContent .list .wrap_item {

    }
    .wrap_home .technical .technicalContent .list .wrap_item:nth-of-type(1){
        margin-bottom: 0.3rem;
    }
    .wrap_home .bx-wrapper .bx-next {
        right: -0.6rem;
    }
    .wrap_home .bx-wrapper .bx-prev {
        left: -0.7rem;
    }
    .wrap_home .bx-wrapper .bx-next:hover{
        right: -0.6rem;
    }
    .wrap_home .bx-wrapper .bx-prev:hover {
        left: -0.7rem;
    }
    .wrap_home .technical .technicalContent .list .distance{
        background: #fff url(../images/icon_a.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .technical .technicalContent .list .cost{
        background: #fff url(../images/icon_b.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .technical .technicalContent .list .power{
        background: #fff url(../images/icon_c.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .technical .technicalContent .list .radiation{
        background: #fff url(../images/icon_d.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .technical .technicalContent .list .safety{
        background: #fff url(../images/icon_e.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .technical .technicalContent .list .signal{
        background: #fff url(../images/icon_f.png) no-repeat 8% center;
        background-size: .8rem;
    }
    .wrap_home .slide .slide_layer span:first-child {
        font-size: 0.4rem;
        margin-bottom: 0.32rem;
    }
    .wrap_home .slide .slide_layer span:last-child {
        font-size: 0.25rem;
        padding: 5px 0;
    }

    /*产品*/
    .mask_layer{
        height: 6.4rem;
    }
    .wrap_product .head {
        height: 4.7rem;
        padding-top:1.2rem;
        padding-bottom: .5rem;
    }
    .wrap_product .head p {
        width: 85%;
        text-align: justify;
    }
    .wrap_about .contentInfo .contentInfoCenter .categoryTitle,
    .wrap_about .contentInfo .contentInfoCenter .productTitle {
        width: auto;
    }
    /*关于我们*/
    .wrap_about .contentInfo .contentInfoCenter .aboucontent p {
        width:85%;
        line-height: 25px;
    }
    .wrap_about .contentInfo .contentInfoCenter ul.cultureContent li {
        width:100%;
    }
    /*联系我们*/
    .wrap_contact .contentInfoCenter .left{
        float: none;
        width: 90%;
    }
    .wrap_contact .contentInfoCenter .right {
        float: none;
        width: 100%;
    }
    .wrap_contact .contentInfo .contentInfoCenter {
        padding-bottom: 1.5rem;
    }
    .wrap_contact .contentInfoCenter .left a {
        bottom: -5.7rem;
    }
    .wrap_contact .contentInfoCenter .left .contactAddres {
        margin-bottom: 0;
    }
    .wrap_contact .contentInfoCenter .left {
        padding-top: 10%;
    }

    /*解决方案*/
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(odd) .contentInfoCenterContentLeft {
        float: none;
        border-radius: 0 0 6px 6px;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(even) .contentInfoCenterContentLeft {
        float: none;
        border-radius:6px 6px 0 0;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item:nth-child(odd) .contentInfoCenterContentRight {
        position: relative;
        width: 86%;
        padding: 7% 7%;
        -webkit-transform: translateY(0); 
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentRight {
        position: relative;
        width: 86%;
        padding: 7% 7%;
        -webkit-transform: translateY(0); 
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterContent .item .contentInfoCenterContentLeft {
        width: 100%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(1) {
        background:#fff url(../images/jjyl_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(2){
        background:#fff url(../images/znxf_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(3){
        background:#fff url(../images/zhtc_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(4){
        background:#fff url(../images/zhly_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(5){
        background:#fff url(../images/znaf_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(6){
        background:#fff url(../images/zhcs_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li.green:nth-of-type(7){
        background:#fff url(../images/zhsw_on.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(1) {
        background:#f0f2f5 url(../images/jjyl_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(2){
        background:#f0f2f5 url(../images/znxf_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(3){
        background:#f0f2f5 url(../images/zhtc_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(4){
        background:#f0f2f5 url(../images/zhly_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(5){
        background:#f0f2f5 url(../images/znaf_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(6){
        background:#f0f2f5 url(../images/zhcs_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li:nth-of-type(7){
        background:#f0f2f5 url(../images/zhsw_off.png) no-repeat 3% center;
        background-size: 5%;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li {
        text-align: left;
        position: relative;
        left: -15%;
        float: none; 
        cursor: pointer;
        width: 130%;
        margin-right: 0;
        height: 1rem;
        line-height: 1rem;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle {
        background: none;
        box-shadow: none; 
        padding: 0;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li i {
        display: none !important;
    }
    .wrap_solution .contentInfo .contentInfoCenter {
        top: 0;
    }
    .wrap_solution .contentInfo .contentInfoCenter .contentInfoCenterTitle li span {
        text-align: left;
        font-size: 20px;
        margin-left: 10%;
    }

}



