body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0
}
html body{
    height:100%;
}
html,
body {
    height: 100%;
    font-size: 100px;
}


fieldset,
img {
    border: none;
}




dl,
ul,
ol,
menu,
li {
    list-style: none
}




blockquote,
q {
    quotes: none
}




address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}




blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}




input,
select,
textarea,
button {
    vertical-align: middle
}



button {
    
    cursor: pointer
}



th,
td,
input,
select,
textarea,
button {
    font-size: 12px;
    line-height: 1;
    font-family: "微软雅黑", "黑体", "宋体";
    color: #666
}




a {
    color: #fff;
    text-decoration: none
}

a:active,
a:hover {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

img {
    vertical-align: top
}

.clear {
    clear: both;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

* {
    box-sizing: border-box;
}

.hides {
    display: none;
}


.page {
    height:100%;
    width:100%;
}
.menu-top {
    width:100%;
    height:500px;
}
.menu-list {
    width:100%;
    height:60px;
    background-color: #010915;
}
.menu-list-content {
    height: 100%;
}
.menu-list-left {
    width:40.6%;
    float:left;
    height:100%;
    align-items: center;
    display: flex;
}
.leftMenuOfCompName {
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    margin-left: 10px;
    line-height: 22px;
    border-left: 1px solid #ffffff;
    padding-left: 10px;
}
.menu-list-right {
    float:left;
    width:59.4%;
    height:100%;
    align-items: center;
    display: flex;
    position: relative;
}
.menu-icon {
    width:89px;
}
.menu-icon-warp {
    display:none;
}
.bgBannerWarp {
    display:none;
}
.menu-list-right ul {
    position: absolute;
    right: 0;
}
.menu-list-right ul li{
    float:left;
    width:90px;
    text-align: center;
    height:57px;
    line-height: 60px;
    color:#fff;
    font-size: 14px;
    position: relative;
}
.menu-list-padWid {
    margin: 0 14px;
}
.menu-list-right ul li.active {
    border-bottom: 3px solid #ffffff;
    font-weight: bold;
}
.menu-list-right ul li span {
    cursor: pointer;
}

.nav li ul {
    display: none;
    width: 240px;
    position: absolute;
    z-index: 20;
    top: 56px;
    left: 0;
    background-color: #061226;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav li ul li {
    float: none;
    display: block;
    line-height: 50px;
    padding: 0;
    width: 240px;
    height: 50px;
    font-size: 14px;
}
.nav li ul li a {
    display: block;
    font-weight: 500;
}
.nav li ul li a:hover,
.nav li ul li .active {
    border: 0;
    font-weight: bold;
    color: #FFFFFF;
}
#content_slider {
    color:#ffffff;
    margin: 0;
}
.swipslider .sw-slide {
}
.menu-bottom {
    height: 395px;
    margin-top: 40px;
    width: 100%;
    float: left;
    background-color: #222222;
}
.bottom-left {
    width:42.5%;
    height:100%;
    float:left;
}
.bottom-right {
    width: 57.5%;
    height:100%;
    float:left;
}
.bottonIcon {
    width:162px;
    margin-top: 25px;
    margin-bottom: 19px;
}
.imgIcon-div {
    width:100%;
    float: left;
    height: 82px;
}
.message-of-company {
    width:100%;
    font-size: 14px;
    color:#fff;
    float: left;
}
.message-of-company p{
    line-height: 30px;
}
.send-message {
    width:100%;
    float: left;
    height: 44px;
    padding-top: 8px;
}
.send-message img{
    height: 36px;
    width:36px;
    float: left;
    margin-right: 30px;
}
.returnPage {
    width:100%;
    float:left;
}
.returnPage ul {
    float: right;
}
.returnPage ul li {
    float:left;
    width:90px;
    text-align: center;
    height:60px;
    line-height: 60px;
    color:#fff;
    font-size: 16px;
    margin-top: 70px;
}
.returnPage ul li span{
    cursor: pointer;
    text-decoration:underline;
    font-weight: 300;
}
.wap-nav {
    display: none;
    float: right;
    width: 50%;
    padding: 14px 0;
}
.wap-nav div img {
    width: 30px;
    height: 30px;
    float: right;
}
#mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 10000;
    display: none;
}
.nav>li>a>img {
    display: none;
}
.ourPartner {
    width:100%;
    float: left;
    text-align: right;
    color:#fff;
    font-size: 16px;
    line-height: 70px;
}
.ourPartner span{
    margin-right: 25px;
}
.our-technology {
    width: 100%;
    font-size:40px;
    padding-top: 89px;
    text-align: center;
    color: #333333;
    float: left;
}
.our-technindexhui {
    width: 100%;
    font-size:30px;
    line-height: 30px;
    padding-top: 7px;
    text-align: center;
    color: #E8E8E8;
    float: left;
}
.our-proIlogy{
     padding-top: 40px;
 }
.our-lineStyle {
    width:100%;
    float: left;
    height:34px;
    margin-bottom: 40px;
}
.line-bottom-technology {
    margin: auto;
    height:30px;
    width: 70px;
    border-bottom: 3px solid #666666;
}
.chooseCard-tl {
    height:70px;
}

.content-middle {
    width:100%;
}
.middle-tyStyle {
    width:1268px;
    margin: auto;
}

.bottom-message {
    height:217px;
    margin: 89px auto;
    margin-top:50px;
}

.middle-in-content {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    float: left;
}
.LastIsP {
    padding-bottom: 40px;
}
.marbottomzero {
    margin-bottom: 0px;
}
.marTopForty {
    margin-top: 40px;
}

.middle-content-image {
    width:100%;
    margin-top: 40px;
}
.middle-content-image img{
    width: 100%;
}

.hui-backColor {
    background-color: #F7F8FA;
}

.white-backColor {
    background-color: #FFFFFF;
}

.imageDivAlignCenter {
    width:100%;
    display: flex;
    justify-content: center;
    float: left;
}

.chooseCard-tl ul li {
    float:left;
    text-align: center;
    height:70px;
    line-height: 70px;
    color:#333;
    font-size: 18px;
}
.chooseCard-tl ul li.active{
    font-weight: bold;
}
.chooseCard-tl ul li span{
    cursor: pointer;
}
.chooseCard-tlMar {
    margin-right: 95px;
}
.chooseCard-tlMarG {
    margin-right: 50px;
}
.pageMeassage-title {
    color:#fff;
    width:100%;
    text-align: center;
    font-size: 50px;
    line-height: 340px;
}
.moveSwipslider {
    width:100%;
    height: 100%;
    margin: auto;
    
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.moveSwipslider img{
    width:100%;
}
.productAImgList {
    width:100%;
}
.productAImgList img{
    width:100%;
}

@media screen and (max-width: 1640px) {

}
@media screen and (max-width: 1430px) {

}
@media screen and (max-width: 1200px) {
    .middle-tyStyle {
        width:1000px;
    }
    .imageDivAlignCenter {
        display:block;
    }
}
@media screen and (max-width: 1050px) {
    .middle-tyStyle {
        width: 700px;
    }
    .menu-list-content {
        width: 750px;
    }
    .leftMenuOfCompName {
        font-size: 12px;
        line-height: 16px;
    }
    .middle-tyStyleIndex{
        width:100%;
    }
    .menu-list-left {
        width:25%;
    }
    .menu-list-right {
        width:75%;
    }
    .menu-list-right ul li {
        width: 75px;
    }
    .our-technology {
        font-size: 30px;
        padding-top: 59px;
    }
    .our-technindexhui {
        font-size:24px;
        line-height: 24px;
    }
    .our-proIlogy{
        padding-top: 20px;
    }
    .returnPage ul li {
        width: 65px;
        font-size: 14px;
    }
    .message-of-company {
        font-size: 12px;
    }
    .ourPartner {
        font-size: 12px;
    }
    .ourPartner span {
        margin-right:10px;
    }
    .menu-bottom {
        height: 350px;
    }
    .bottom-message {
        height: 220px;
        margin: 50px auto;
        margin-top:20px;
    }
    .middle-in-content{
        font-size:14px;
    }
    .chooseCard-tlMar {
        margin-right: 50px;
    }
    .chooseCard-tlMarG {
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .menu-list-left {
        width: 78%;
    }
    .leftMenuOfCompName {
         font-size: 0.32rem  ;
         margin-left: 0.133rem  ;
         line-height: 0.32rem  ;
         padding-left: 0.133rem  ;
     }
    .menu-top {
        width: 100%;
        height: 6.667rem  ;
    }
    .menu-icon {
        display:none;
    }
    .menu-list {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    .menu-index-top-text {
        margin-top: 60px;
    }
    .menu-icon-warp {
        width:1.947rem  ;
        display: block;
    }
    .bgBannerWeb {
        display: none;
    }
    .bgBannerWarp {
        display: block;
        width: 100%;
    }
    .wap-nav {
        display: block;
        width: 22%;
    }
    .menu-list-right {
        width: 40%;
        position: absolute;
        z-index: 1000000;
        right: -40%;
        top: 0;
        display: none;
    }
    .nav {
        background-color: #131e31;
    }
    .menu-list-right ul li {
        width:100%;
        margin-left: 0;
    }
    .menu-list-right ul li.active {
        border:none;
    }
    .menu-list-right ul li.active a{
        
    }
    .menu-list-right ul li {
        line-height: 1.067rem  ;
        height:auto;
        font-size:0.32rem  ;
    }
    .nav li ul {
        width: 100%;
        position: static;
        background-color: transparent;
        border: 0;
    }
    .canClicOpera {
        width: 100%;
        display: block;
    }
    .nav li a img {
        display: block;
        width: 0.427rem  ;
        height: 0.427rem  ;
        float: right;
        margin: 0.293rem   0.04rem   0;
    }
    .mar-title-open {
        margin-left: 0.507rem  ;
    }
    .nav li ul li {
        width:100%;
        font-size: 0.32rem  ;
        font-weight: 300;
        background-color: #061226;
    }
    .middle-tyStyle {
        width: 100%;
        padding: 0 0.453rem  ;
    }
    .middletopProJ {
        padding:0 1.333rem  ;
    }
    .menu-bottom {
        height: 8.333rem ;
    }
    .bottom-left {
        width:100%;
        height: auto;
    }
    .imgIcon-div {
        text-align: center;
        height: 1.7rem;
    }
    .message-of-company {
        font-size: 0.32rem  ;
    }
    .message-of-company p {
        line-height: 0.6rem  ;
        text-align: center;
    }
    .send-message {
        text-align: center;
        height: 0.587rem  ;
        padding-top: 0.2rem  ;
    }
    .send-message img {
        height: 0.48rem  ;
        width: 0.48rem  ;
        float: none;
        margin-right: 0.4rem  ;
    }
    .bottom-right {
        width:100%;
        height: auto;
    }
    .returnPage ul {
        float:none;
    }
    .returnPage ul li {
        width: 25%;
        font-size: 0.32rem  ;
        height: 0.8rem  ;
        line-height: 0.8rem  ;
        margin-top: 0.4rem  ;
    }
    .menu-list-padWid {
        margin: 0;
    }
    .ourPartner {
        font-size: 0.267rem  ;
        line-height: 0.933rem  ;
        text-align: center;
    }
    .bottom-message {
        height: 8.333rem;
        margin: 0 auto;
        margin-top:0;
    }
    .bottonIcon {
        width: 2.64rem  ;
        margin-top: 0.7rem;
        margin-bottom: 0.253rem  ;
    }
    .our-technology {
        font-size: 0.4rem  ;
        padding-top: 0.533rem  ;
    }
    .our-technindexhui {
        font-size:0.32rem  ;
        line-height: 0.32rem  ;
        padding-top:0.093rem  ;
    }
    .our-proIlogy{
        padding-top: 0.265rem;
    }
    .our-lineStyle {
        width: 100%;
        float: left;
        height: 0.453rem  ;
        margin-bottom: 0.533rem  ;
    }
    .line-bottom-technology {
        margin: auto;
        height: 0.4rem  ;
        width: 0.933rem  ;
        border-bottom: 0.04rem   solid #666666;
    }
    .middle-in-content {
        font-size: 0.4rem  ;
        line-height: 0.6rem  ;
    }

    .chooseCard-tl ul li {
        height: 1.173rem  ;
        line-height: 1.173rem  ;
        font-size: 0.4rem  ;
    }
    .chooseCard-tl {
        padding: 0;
        height: 1.173rem  ;
    }
    .chooseCard-tlMar {
        margin-right: 0.4rem  ;
    }
    .chooseCard-tlMarG {
        margin-right: 0.4rem  ;
    }
    .chooseCard-Marli {
        margin-right: 0.2rem;
    }
    .pageMeassage-title {
        font-size: 0.667rem  ;
        line-height: 4.107rem  ;
    }
    .middletopProJ .textProDescrdH {
        padding-top: 1.067rem  ;
    }

}