* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    word-break:break-word;
    vertical-align:top;
    outline: none;
    /* moz-user-select: -moz-none; 
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    -o-touch-callout: none;
    touch-callout: none; */
}
body {
    font-size: 12px;
    font-weight: normal;
    font-family: "微软雅黑";
    -webkit-text-size-adjust: 100%;
}
table{border-collapse: collapse;}
img {
    border: 0;
    padding: 0;
    display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-user-select:none;  
    -o-user-select:none;  
    user-select:none;
    width="100%";	
}

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

li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 12px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}

input{
    outline:none;
    border-radius: 0;
}
a,a:link{text-decoration:none}

a,a:visited{text-decoration:none }

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

a,a:active{text-decoration:none} 
.over{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.tac{
    text-align: center;
}
.anim{
    transition: 0.8s ease;
}
.por{
    position: relative;
}
.dib{
    display: inline-block;
}
.vam{
    vertical-align: middle;
}
.box{
}
.tar{
    text-align: right;
}

header{
    background: #151515;
    padding: 10px 0;
}
.head-box{
    max-width: 1800px;
    margin:auto;
    text-align: center;
}
.logo{
    float: left;
}

.logo img{
    width: 120px!important;
    height: 75px!important;
}
.purchase{
    float: right;
    margin-top: 15px;
}
.purchase a{
    display: block;
    width: 50px;
    height: 30px;
    border-radius: 30px;
    box-sizing:border-box;
    font-size: 14px;
    color: #e6e5e4;
    text-align: center;
    line-height: 28px;
}
nav{
    display: inline-block;
}
nav>ul{
    padding-top: 25px;
    font-size: 0;
}
nav>ul>li{
    position: relative;
    display: inline-block;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #7f121b;
}
nav>ul>li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
nav>ul>li>a{
    font-size: 16px;
    color: #bfbfbf;
    line-height: 16px;
}
nav>ul>.on>a{
    color: #7f121b
}
nav>ul>li:hover .nav-two{
    display: block;
}
.nav-two{
    display: none;
    position: absolute;
    width: 90px;
    left: -15px;
    transition: 0.4s ease;
    z-index: 8;
    padding-top: 34px;
    box-sizing:border-box;
}
.nav-two>ul{
    background: #121212;
    padding: 15px 10px;
}
.nav-two>ul>li{
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #7f121b;
}
.nav-two>ul>li:last-child{
    margin-bottom: 0;
}
.nav-two>ul>li>a{
    font-size: 14px;
    color: #bfbfbf;
    line-height: 14px;
    text-align: center;
}
.nav-two>ul>li>a:hover{
    color: #7f121b;
}
.banner.iphone{
    display: none;
}
.banner img{
    width: 100%;
}
.banner .swiper-pagination-bullet {
    width: 65px;
    height: 2px;
    border-radius: 0%;
    background: #ffffff;
    opacity: .2;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #650101;
    opacity: 1;
}
.index-box{
    max-width: 1228px;
    margin: auto;
}
.index-advantage{
    background-image: url(../images/bg-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-core{
    background-image: url(../images/bg-2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-problem{
    background-image: url(../images/bg-3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-notice{
    background-color: #0a0a0a;
}
.index-news{
    background: #121212;
}
.index-case{
    background-image: url(../images/bg-4.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-receive{
    background-image: url(../images/bg-5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-form{
    background-image: url(../images/bg-6.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-title{
    padding-top: 100px;
    font-size: 50px;
    line-height: 50px;
    color: #650101;
    text-align: center;
}
.index-title span{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #3c3b3b;
}
.index-title span:after{
    display: block;
    margin-top: 20px;
    content: "";
    margin-left: auto;
    margin-right: auto;
    width: 147px;
    height: 4px;
    background: #650101
}
.index-advantage-list{
    margin-top: 50px;
    padding-bottom: 65px;
}
.index-advantage-list ul {
    font-size: 0;
}
.index-advantage-list ul li{
    display: inline-block;
    width: 33.333%;
    height: 290px;
    padding: 0 45px;
    background-color: #999999;
    box-sizing:border-box;
    transition: 0.4s ease;
    border-right:1px solid #8c8c8c;
    border-bottom:1px solid #8c8c8c;
}
.index-advantage-list-title{
    padding-top: 85px;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    transition: 0.4s ease;
}
.index-advantage-list-title:before{
    display: inline-block;
    content: "";
    margin-right: 10px;
    width: 4px;
    height: 22px;
    background-color: #650101;
    vertical-align: initial;
    transition: 0.4s ease;
}
.index-advantage-list-text{
    margin-top: 30px;
    padding-left: 14px;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 25px;
    transition: 0.4s ease;
}
.index-advantage-list ul li:hover{
    background-color: #650101;
    border-right:1px solid #650101;
    border-bottom:1px solid #650101;
}
.index-advantage-list ul li:hover .index-advantage-list-title{
    color: #ccc;
}
.index-advantage-list ul li:hover .index-advantage-list-title:before{
    background-color: #ccc;
}
.index-advantage-list ul li:hover .index-advantage-list-text{
    color: #ccc;
}
.index-core-list{
    margin-top: 95px;
    padding-bottom: 145px;
}
.index-core-list ul{
    font-size: 0;
}
.index-core-list ul li{
    display: inline-block;
    padding-left: 100px;
    width: calc(50% - 100px);
    margin-bottom: 35px;
}
.index-core-list ul li:nth-of-type(9),.index-core-list ul li:nth-of-type(10){
    margin-bottom: 0;
}
.index-core-list-img{
    display: inline-block;
    vertical-align: middle;
}
.index-core-list-text{
    display: inline-block;
    margin-left: 15px;
    font-size: 25px;
    color: #fff;
    line-height: 25px;
    vertical-align: middle;
}
.index-core-list-text span{
    display: block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 14px;
}
.index-problem-list{
    margin-top: 25px;
    padding-bottom: 95px;
}
.index-problem-list ul{
    font-size: 0;
}
.index-problem-list ul li{
    display: inline-block;
    position: relative;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 65px;
}
.index-problem-list ul li:nth-of-type(3n){
    margin-right: 0;
}
.index-problem-list ul li>img{
    width: 100%
}
.index-problem-list ul li:hover .index-problem-list-box{
    background-color: transparent;
}
.index-problem-list ul li:hover .index-problem-list-title{
    color: #880000;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.index-problem-list ul li:hover .index-problem-list-title:before,.index-problem-list ul li:hover .index-problem-list-text{
    display: none;
}
.index-problem-list-box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    transition: 0.4s ease;
}
.index-problem-list-able{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    text-align: center;;
}
.index-problem-list-title{
    font-size: 20px;
    color: #fff;
}
.index-problem-list-title:before{
    display: block;
    content: "";
    margin-left: auto;
    margin: auto;
    margin-bottom: 20px;
    width: 87px;
    height: 3px;
    background-color: #fff;
}
.index-problem-list-text{
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    min-height: 45px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
.index-case-top{
    padding: 60px 0;
    font-size: 0;
}
.index-case-box{
    display: inline-block;
    width: 48%;
    margin-right: 4%;
}
.index-case-box:last-child{
    margin-right: 0;
}
.index-case-title{
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.index-case-list{
    margin-top: 25px;
    border: 1px solid #fff;
}
.index-case-list .swiper-pagination-bullet{
    background: #fff;
}
.index-case-list .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}
.index-case-list-hede{
    padding: 20px;
    background-color: #1c1c1c;
}
.index-case-list-bottom{
    padding: 20px;
    background-color: #0a0a0a;
}
.index-case-list-title{
    float: left;
    font-size: 16px;
    color: #8b6b42;
    line-height: 16px;
}
.index-case-list-time{
    float: right;
    font-size: 16px;
    color: #fefefe;
    line-height: 16px;
}
.index-case-list-name{
    float: left;
    font-size: 14px;
    color: #fefefe;
    line-height: 24px;
}
.index-case-list-value{
    float: right;
    font-size: 14px;
    color: #fefefe;
    line-height: 24px;
}
.index-case-list-value span{
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #fefefe;
    line-height: 24px;
    background-color: #650101;
    border-radius: 4px;
    vertical-align: middle;
}
.index-reveal-list{
    margin-top: 45px;
    padding-bottom: 100px;
}
.index-reveal-list ul{
    font-size: 0;
}
.index-reveal-list ul li{
    display: inline-block;
    position: relative;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.index-reveal-list ul li:nth-of-type(3n){
    margin-right: 0;
}
.index-reveal-list ul li>img{
    width: 100%;
}

.index-reveal-list2 ul li{
    display: inline-block;
    position: relative;
    width: 15%;
    margin-right:2%;
}

.index-reveal-list2 ul li:nth-of-type(3n){
    margin-right: 2%;
}

.index-reveal-list2 ul li:nth-of-type(6n){
    margin-right: 0;
}

.index-reveal-list-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
    padding: 20px 24px;
    background-color: rgba(0,0,0,0.8);
    box-sizing:border-box;
    transition: 0.4s ease;
}
.index-reveal-list-title{
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.index-reveal-list-text{
    display: none;
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.index-reveal-list-a{
    display: none;
    margin-top: 40px;
}
.index-reveal-list-a a{
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    text-decoration: underline;
}
.index-reveal-list ul li:hover .index-reveal-list-box{
    padding: 40px 30px;
    height: 100%;
    background-color: rgba(64,0,0,0.8);
}
.index-reveal-list ul li:hover .index-reveal-list-text,.index-reveal-list ul li:hover .index-reveal-list-a{
    display: block;
}
.index-receive-box{
    padding: 40px 0;
}
.index-receive-border{
    border: 5px solid #fff;
    width: 100%;
    padding: 50px 100px;
    box-sizing:border-box;
}
.index-receive-img img{
    max-width: 100%;
}
.index-receive-draw{
    margin-top: 85px;
    margin-left: 40px;
}
.index-receive-draw a{
    display: block;
    width: 225px;
    height: 48px;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    border:2px solid #fff;
    box-sizing:border-box;
}
.index-news-total{
    margin-top: 90px;
    font-size: 0;
}
.index-news-box{
    display: inline-block;
    width: 44%;
    margin-right: 12%;
}
.index-news-box:last-child{
    margin-right: 0;
}
.index-news-title{
    font-size: 30px;
    color: #fff;
    line-height: 30px;
}
.index-news-title span{
    display: inline-block;
    margin-left: 15px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: bottom;
}
.index-news-list{
    margin-top: 45px;
}
.index-news-list ul li{
    padding-bottom: 25px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #4c4c4c;
}
.index-news-list-title{
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}
.index-news-list-time{
    float: right;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}
.index-form-box{
    width: 50%;
    margin-left: auto;
    padding: 125px 60px 30px 60px;
    box-sizing:border-box;
}
.index-form-title{
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}
.index-form-title span{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
}
.index-form-text{
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.index-form-list ul li{
    margin-top: 15px;
    font-size: 0;
}
.index-form-list-box{
    border:1px solid #fff;
    padding: 15px;
}
.index-form-list-name{
    display: inline-block;
    width: 80px;
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    vertical-align: middle;
}
.index-form-list-value{
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: middle;
}
.index-form-list-value1{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.index-form-list-value input{
    width: 100%;
    background: transparent;
    font-size: 16px;
    height: 18px;
    color: #fff;
}
.index-form-list-value1 select{
    display: block;
    width: 100%;
    height: 20px;
    background: transparent;
    font-size: 16px;
    color: #fff;
}
.index-form-list-value1 textarea{
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 70px;
    font-size: 14px;
    color: #fff;
    background: transparent;
    resize:none
}
.index-form-list-submit{
    margin-top: 35px;
}
.index-form-list-submit input{
    display: block;
    width: 100%;
    height: 45px;
    background: #650101;
    color: #fff;
    font-size: 16px;
}
footer{
    padding-top: 55px;
    padding-bottom: 45px;
    background: #f7f7f7;
}
.foot-follow ul{
    font-size: 0;
}
.foot-follow ul li{
    display: inline-block;
    margin-left: 40px;
    width: calc(50% - 40px)
}
.foot-follow-ewm{
    display: inline-block;
    margin-right: 25px;
}
.foot-follow-box{
    padding-top: 10px;
    display: inline-block;
}
.foot-follow-title{
    font-size: 30px;
    line-height: 30px;
    color: #000
}
.foot-follow-text{
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    line-height: 14px;
}
.foot-icon{
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 35px 0;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.foot-icon ul{
    font-size: 0;
}
.foot-icon ul li{
    display: inline-block;
    margin-right: 100px;
}
.foot-icon ul li:last-child{
    margin-right: 0;
}
.foot-icon ul li img{
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.foot-icon ul li span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #808080;
    line-height: 16px;
}
.foot-phone{
    float: right;
    font-size: 35px;
    line-height: 35px;
    color: #4c4c4c;
}
.foot-phone span{
    display: block;
    margin-top: 20px;
    text-align: right;
    font-size: 16px;
    line-height: 16px;
    color: #999999
}
.foot-nav{
    float: left;
}
.foot-nav>ul{
    font-size: 0;
}
.foot-nav>ul>li{
    display: inline-block;
    margin-right: 120px;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 18px;
}
.foot-nav>ul>li:last-child{
    margin-right: 0;
}
.foot-nav>ul>li>ul{
    display: block;
    margin-top: 30px;
}
.foot-nav>ul>li>ul>li{
    display: block;
    margin-bottom: 15px;
}
.foot-nav>ul>li>ul>li:last-child{
    margin-bottom: 0;
}
.foot-nav>ul>li>ul>li>a{
    font-size: 14px;
    color: #999999;
    line-height: 14px;
}
.foot-icp{
    margin-top: 40px;
    padding-top: 50px;
    border-top: 1px solid #e6e6e6;
    font-size: 16px;
    color: #999999;
    line-height: 16px;
}
.cover-video{
    position: relative;
}
.cover-video-box{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    text-align: center;
}
.cover-video-title{
    font-size: 50px;
    color: #fff;
    line-height: 50px;
}
.cover-video-name{
    margin-top: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}
.cover-video-bf{
    margin-top: 50px;
}
.cover-video video{
    width: 100%;
    display: block;
}
.cover-videolist{
    background: #0f0f0f;
    padding: 75px 0;
}
.cover-videolist{
    text-align: center;
}
.cover-videolist video{
    width: 100%;
    max-width: 1350px;
}
.cover-material{
    padding-bottom: 40px;
    background: #f7f7f7;
}
.cover-material-img img{
    width: 100%;
}
.cover-material-title{
    margin-top: 65px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
}
.cover-material-list{
    margin-top: 45px;
}
.cover-material-list ul{
    font-size: 0;
}
.cover-material-list ul li{
    display: inline-block;
    width: 27%;
    margin-right: 9.5%;
}
.cover-material-list ul li:last-child{
    margin-right: 0;
}
.cover-material-list-img img{
    width: 100%;
    box-shadow: 0px 0px 15px #cecaca;
}
.cover-material-list-title{
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #000000
}
.cover-material-list-name{
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}
.cover-material-list-text{
    margin-top: 20px;
    font-size: 14px;
    color: #000000;
    line-height: 25px;
}
.column-head{
    position: relative;
}
.column-head>img{
    width: 100%;
}
.page{
    padding: 45px 0;
}
.page ul{
    font-size: 0;
    text-align: right;
}
.page ul li{
    display: inline-block;
    margin-right: 10px;
}
.page ul li:last-child{
    margin-right: 0;
}
.page ul li strong{
    /*font-weight: 100;*/
}
.page ul li{
    padding: 4px 8px;
    font-size: 14px;
    color: #000000;
    border:1px solid #e5e5e5;
}
.page ul li a{
    display: block;
    font-size: 14px;
    color: #000000;
}
.page ul li.thisclass a{
    color: #fff;
    background: #771016;
    border:1px solid #771016;
}
.page ul li.thisclass{
    color: #fff;
    background: #771016;
    border:1px solid #771016;
}
.case-box{
    padding: 50px 0;
    background: #181818;
}
.case-box-article{
    max-width: 1200px;
    margin:auto;
    width: 100%;
    padding: 40px 20px;
    background: #0a0a0a;
    font-size: 0;
    box-sizing:border-box;
}
.case-left{
    display: inline-block;
    width: 290px;
}
.case-right{
    display: inline-block;
    width: calc(100% - 310px);
    margin-left: 20px;
}
.case-updown{
    margin-bottom: 65px;
}
.case-updown ul{
    font-size: 0;
}
.case-updown ul li{
    display: inline-block;
    margin-right: 15px;
}
.case-updown ul li > div{display: none;}
.case-updown ul li:last-child{
    margin-right: 0;
}
.case-updown ul li a{
    display: block;
    padding: 6px 15px;
    font-size: 14px;
    color: #fff;
    border:1px solid #fff;
}
.case-column-box{
    margin-bottom: 40px;
}
.case-column-title{
    margin-bottom: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #666666;
}
.case-column-title span{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    padding-bottom: 20px;
    border-bottom: 2px solid #650101;
}
.case-column-name{
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
.case-column-information{
    margin-top: 15px;
}
.case-column-information ul li{
    margin-bottom: 12px;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 14px;
}
.case-column-information ul li:before{
    display: inline-block;
    content: "-";
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    color: #650101;

}
.case-column-information ul li:last-child{
    margin-bottom: 0;
}
.case-column-text{
    font-size: 14px;
    color: #b2b2b2;
    line-height: 20px;
}
.case-column-more ul li{
    margin-bottom: 8px;
}
.case-column-more ul li a{
    display: inline-block;
    padding: 6px 19px;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    border:1px solid #fff;
}
.case-column-case>ul>li{
    margin-bottom: 12px;
    position: relative;
}
.case-column-case>ul>li .link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.case-column-top ul li{
    margin-bottom: 30px;
    position: relative;
}
.case-column-top ul li .link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.case-column-top ul li:last-child{
    margin-bottom: 0;
}
.case-column-case>ul>li:last-child{
    margin-bottom: 0;
}
.case-column-more ul li:last-child{
    margin-bottom: 0;
}
.case-column-case-img img{
    width: 100%;
}
.case-column-top-name{
    color: #b2b2b2;
    font-size: 16px;
    line-height: 16px;
}
.case-column-top-time{
    margin-top: 8px;
    font-size: 12px;
    color: #b2b2b2;;
    line-height: 12px;
}
.case-column-map{
    margin-top: 30px;
}
.case-column-map img{
    width: 100%;
}
.case-article-title{
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;line-height: 16px;
}
.case-article-time{
    margin-top: 15px;
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;
    line-height: 15px;
}
.case-article-top{
    margin-top: 35px;
    padding-top: 18px;
    border-top: 3px solid #650101;
}
.case-article-img{
    margin-bottom: 60px;
}
.case-article-img img{
    width: 100%;
}
.case-article-name{
    font-size: 16px;
    color: #cccccc;
    line-height: 16px;
}
.case-article-text{
    margin-top: 20px;
    font-size: 14px;
    color: #cccccc;
    line-height: 25px;
}
.case-article-text img{
    display: block;
    max-width: 100%;
}
.case-article-bottom{
    margin-top: 45px;
    padding-top: 45px;
    border-top: 3px solid #650101;
}
.case-column-case-img video{
    width: 100%;
}
.case-article-img video{
    width: 100%;
}
.news-box{
    max-width: 1200px;
    margin:auto;
}
.news-guide{
    padding: 18px 0;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 14px;
}
.news-guide a{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 14px;
}
.news-bang{
    background-color: #f7f7f7;
    padding: 45px 0;
    margin-bottom: 50px;
}
.news-left{
    display: inline-block;
    width: 190px;
}
.news-auto{
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 440px);
}
.news-right{
    display: inline-block;
    width: 190px;
}
.news-live{
    font-size: 0;
}
.news-list ul li{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #4c4c4c;
    position: relative;
}
.news-list ul li .link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.news-list-title{
    float: left;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 14px;
}
.news-list-title b{
    font-weight: normal;
}
.news-list-time{
    float: right;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 14px;
}
.news-column-box{
    margin-bottom: 20px;
    padding: 30px 15px;
    background-color: #fff;
}
.news-column-box:last-child{
    margin-bottom: 0;
}
.news-title{
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 16px;
    border-bottom: 1px solid #e5e5e5;
}
.news-nav ul li{
    padding-bottom: 20px;
    margin-bottom: 25px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.news-nav ul li a{
    font-size: 16px;
    color: #000;
    line-height: 16px;
}
.news-nav ul li:last-child{
    margin-bottom: 0;
}
.news-popular-list ul li{
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #4c4c4c;
}
.news-popular-list ul li:last-child{
    margin-bottom: 0;
}
.news-popular-list-title a{
    font-size: 14px;
    color: #1a1a1a;
    line-height: 20px;
}
.news-popular-list-title a b{
    font-weight: normal;
}
.news-popular-list-time{
    font-size: 12px;
    color: #1a1a1a;
    font-size: 12px;
}
.news-list-crux ul li{
    margin-bottom: 15px;
    
}
.news-list-crux ul li a{
    font-size: 14px;
    color: #1a1a1a;
    line-height: 20px;
}
.news-list-crux ul li span{
    margin-left: 10px
}
.news-list-crux ul li:last-child{
    margin-bottom: 0;
}
.news-article{
    font-size: 0;
}
.news-article-left{
    display: inline-block;
    width: calc(100% - 385px)
}
.news-article-right{
    display: inline-block;
    width: 360px;
    margin-left: 25px;
}
.news-article-column-box{
    margin-bottom: 20px;
    padding: 30px 13px 25px 13px;
    background-color: #fff;
}
.news-article-column-box:last-child{
    margin-bottom: 0;
}
.news-aticle-column-title{
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 16px;
    color: #000000;
    line-height: 25px;
    border-bottom: 1px solid #e5e5e5;
}
.news-aticle-from ul li{
    padding: 10px;
    margin-bottom: 10px;
    font-size: 0;
    border:1px solid #e5e5e5;
}
.news-aticle-from ul li:last-child{
    margin-bottom: 0;
}
.news-aticle-from ul li span{
    display: inline-block;
    width: 80px;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    vertical-align: middle;
}
.news-aticle-from ul li input{
    display: inline-block;
    width: calc(100% - 80px);
    height: 20px;
    background-color: transparent;
    vertical-align: middle;
}
.news-article-submit{
    margin-top: 20px;
}
.news-article-submit input{
    display: block;
    width: 100%;
    height: 40px;
    background: #650101;
    font-size: 16px;
    color: #ffffff;
}
.news-article-title{
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    text-align: center;
}
.news-article-text{
    margin-top: 50px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
}
.news-article-label{
    margin-top: 70px;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
}
.news-article-label span{
    margin-right: 10px;
}
.news-article-turning{
    margin-top: 50px;
}
.news-article-turning ul li{
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
    line-height: 14px;
}
.news-article-turning ul li a{
    color: #000;
}
.news-article-recommend{
    margin-top: 40px;
    font-size: 0;
}
.news-article-recommend-box{
    display: inline-block;
    width: 44%;
    margin-right: 12%;
}
.news-article-recommend-box:last-child{
    margin-right: 0;
}
.news-article-column-box .news-title{
    text-align: left;
}
.query-search-title{
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.query-search{
    width: 700px;
    margin-top: 175px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 12px;
    font-size: 0;
    border-bottom: 2px solid #fff;
    box-sizing:border-box;
}
.query-search:before{
    display: inline-block;
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(../images/ss.png);
    vertical-align: middle;
}
.query-search>input{
    margin-left: 10px;
    margin-right: 10px;
    background: transparent;
    height: 30px;
    width: calc(100% - 79px);
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.query-search-btn{
    display: inline-block;
    vertical-align: middle;
}
.query-search-btn input{
    display: block;
    width: 33px;
    height: 33px;
    background: url(../images/sbt.png);
}

.query-word{text-align: center;color: #fff;margin: 30px 0 0;font-size: 14px;line-height: 24px;padding: 0 20px;}

.query-word .subbtn{color: #fafafa;display: block;margin-top: 10px;font-size: 16px;font-weight: 700;}
.query-word a{text-decoration: underline;}

.query .subbtn2{background: #c72225;color: #fff;width: 120px;height: 40px;font-size: 16px;cursor: pointer;display: block;margin: 20px auto;font-weight: 700;}
.query .subbtn2:hover{opacity: 0.7;}

.about-nav{
    position: relative;

}
.about-nav ul{
    font-size: 0;
}
.about-nav ul li{
    display: inline-block;
    width: 335px;
    margin-right: 95px;
    /* box-shadow: 0px 0px 5px #908c8c; */
    box-sizing:border-box;
}
.about-nav ul li a{
    display: block;
    width: 100%;
    padding: 30px 40px;
    background: #f7f7f7;
    box-sizing:border-box;
}
.about-nav ul li span{
    display: block;
}
.about-nav ul li.on a{
    background: #000;
}
.about-nav ul li:last-child{
    margin-right: 0;
}
.about-nav-title{
    font-size: 18px;
    color: #000;
    line-height: 18px;
}
.about-nav-name{
    margin-top: 20px;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 14px;
}
.about-nav ul li.on .about-nav-title,.about-nav ul li.on .about-nav-name{
    color: #fff;
}
.about-box{
    padding: 100px 0;
}
.about-title{
    font-size: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
}
.about-title span{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #4c4c4c;
}
.about-title span:after{
    display: block;
    content: "";
    width: 175px;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background: #000;
}
.about-text{
    margin-top: 30px;
    text-align: left;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 25px;
}
.about-img img{
    width: 100%;
}
.contact-box{
    margin-top: 50px;
    padding: 65px 0;
    background: #f7f7f7
}
.contact-title{
    font-size: 20px;
    line-height: 20px;
    color: #000;
}
.contact-text{
    margin-top: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #4c4c4c;
}
.contact-list{
    margin-top: 70px;
}
.contact-list ul{
    font-size: 0;
}
.contact-list ul li{
    display: inline-block;
    width: 30%;
    height: 120px;
    margin-right: 5%;
    padding: 25px 50px;
    background: #e6e6e6;
    box-sizing:border-box;
    font-size: 0;
}
.contact-list ul li:last-child{
    margin-right: 0;
}
.contact-list-text:before{
    display: inline-block;
    content: "";
    width: 48px;
    height: 48px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-list-textbox{
    display: inline-block;
    margin-left: 10px;
    width: calc(100% - 58px);
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.contact-list-text{
    
}
.contact-list-text span{
    display: block;
    margin-bottom: 10px;
    line-height: 14px;
    color: #808080;
}
.contact-list ul li:nth-of-type(1) .contact-list-text:before{
    background-image: url(../images/dh.png);
}
.contact-list ul li:nth-of-type(2) .contact-list-text:before{
    background-image: url(../images/yx.png);
}
.contact-list ul li:nth-of-type(3) .contact-list-text:before{
    background-image: url(../images/dz.png);
}
.contact-map{
    margin-top: 30px;
    padding-top: 30px;
}
#allmap{
    width: 100%;
}
#allmap iframe{
    width: 100%;
    height: 450px;
}
.entering{
    padding: 165px 0 110px 0;
    background-image: url(../images/entering.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.entering-list{
    margin-top: 170px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.entering-list ul{
    font-size: 0;
}
.entering-list ul li{
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    width: 100%;
    float: left;
}
.entering-list ul li.half{
    width: 50%;
}
.entering-list ul li>div{
    display: inline-block;
}
.entering-list ul li .name{
    width: 90px;
    font-size: 18px;
    color: #ffffff;
    line-height: 20px;
}
.entering-list ul li .value{
    width: calc(100% - 90px);
}
.entering-list ul li .value input{
    display: block;
    width: 100%;
    color: #fff;
    height: 20px;
    font-size: 18px;
    background: transparent;
}

.entering-list ul li .value3 span{
    display: block;
    width: 100%;
    color: #fff;
    height: 20px;
    line-height: 20px;
    background: transparent;
}

.entering-list ul li .value3{
    width: calc(100% - 90px);
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
}

.entering-list ul li .value2{
    width: calc(100% - 90px);
}

.entering-list ul li .value1{
    width: calc(100% - 90px)
}
.entering-list ul li .value2 span{
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}
.entering-list ul li .value2 span img{
    width: 100%;
}

.entering-box{
    text-align: center;
}
.entering-submit{
    margin-top: 85px;
}
.entering-submit input{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #fff;
    background: #650101;
}

.entering-submit a{
   display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #fff;
    background: #650101;
    line-height: 60px;
    text-align: center;
}

.entering-canshu{
    margin-top: 40px;
    width: 100%;
}
.entering-canshu p{
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 20px;
}

.entering-list .upload{
    float: left;
}
.entering-list .upload span{
    display: inline-block;
    position: relative;
    margin-right: 8px;
    width: 72px;
    height: 72px;
    overflow: hidden;
}
.entering-list .upload span:last-child{
    margin-right: 0;
}
.entering-list .upload span img{
    width: 72px;
}
/* .entering-list .upload span:before{
    display: block;
    content: "";
    width: 72px;
    height: 72px;
    background: url(../images/sc.png);
} */
.entering-list .upload span input{
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    width: 72px;
    height: 72px;
    z-index: 3
}
.entering-list .read{
    float: right;
    width: 90px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    border:1px solid #fff;
    border-radius: 35px;
    cursor:pointer;
    box-sizing:border-box;
}
.entering-list .remarks{
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    margin-top: 20px;
}
.entering-list .select{
    display: block;
    margin-right: 5%;
    height: 35px;
    padding: 0 17px;
    border-radius: 33px;
    border:1px solid #fff;
    box-sizing:border-box;
    position: relative;
    width:25%;
    float: left;
}
.entering-list .select:last-child{
    margin-right: 0;
}
.entering-list .select input{
    color:#fff;
    background: transparent;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    width: 100%;
}
.entering-list .select select{
    display: inline-block;
    border: none;
    outline: none;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    color: #dd1a38;
    font-size: 14px;
}
.entering-list .select select option:hover{
        background-color: #e47833;
}
/* .entering-list .select:after{
    content: ">";
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-family: "宋体";
    position: absolute;
    right: 15px;
    top: 20%;
    pointer-events: none;
    transform:rotate(90deg);
} */
/* 按钮 */
.rightMenuBtn {
    display:none;
    width:50px;
    height:50px;
    background-color:rgba(230,230,230,0.7);
    z-index:150;
    position:fixed;
    top: 10px;
    right: 10px
}
.rightMenuBtn span {
    display:block;
    height:3px;
    background-color:#56504d;
    position:absolute;
    top:25px;
    transition:0.5s;
}
.rightMenuBtn img {
    display:block;
    position:absolute;
    bottom:5px;
    left: 10px;
    transition:0.5s;
    width:30px;
    height:auto;
}
.rightMenuBtn .openMenu {
    width:30px;
    left:10px;
}
.rightMenuBtn .closeMenu {
    left:25px;
    width:0;
}
.rightMenuBtn span:active {
    width:0;
}
.rightMenuBtn span:before,
.rightMenuBtn span:after {
    content:"";
    display:block;
    width:30px;
    height:3px;
    background-color:#56504d;
    position:absolute;
    transition:0.5s;
}
.rightMenuBtn .openMenu:before {
    top:-10px;
    left:-0;
}
.rightMenuBtn .openMenu:after {
    top:10px;
    left:-0;
}
.rightMenuBtn .closeMenu:before {
    top:0px;
    left:-15px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.rightMenuBtn .closeMenu:after {
    top:0px;
    left:-15px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}


.quality{background: #252525;}
.quality .quality-box{max-width: 1200px;margin: auto;}
.quality .title{text-align: center;margin-bottom: 20px;}
.quality .title h1{font-size: 24px;color: #ccc;font-weight: 200;margin-bottom: 10px;}
.quality .title span{color: #f5af05;}
.quality .title h2{font-size: 13px;color: #999;}
.quality .qua1{padding: 40px 0;background: #202020;border-top: 2px solid #666;border-bottom: 2px solid #666;}
.quality .qua1 .list{float: left;width: calc(100% - 90px);}
.quality .qua1 .btn{float: right;width: 70px;height: 40px;background: #f5af05;}
.quality .qua1 .btn .subbtn{width: 100%;height: 100%;background: url(../images/ss.png) no-repeat center;background-color: #f5af05;background-size: 30%;cursor: pointer;display: block;}
.quality .qua1 .btn .subbtn:hover{opacity: 0.7;}
.quality .qua1 .list ul li{float: left;width: 23.5%;margin-right: 2%;height: 40px;}
.quality .qua1 .list ul li:nth-child(4n){margin-right: 0;}
.quality .qua1 .list ul li select{width: 100%;height: 100%;outline: none;background: #333;color: #eee;box-sizing: border-box;padding-left:10px;}
.quality .qua1 .list ul li select option{border: 1px solid #eee;}
.quality .qua1 .list ul li select option:hover{background: #999;}
.quality .qua2{padding: 40px 0;}
.quality .qua2 .pic{width: 50%;padding: 0 15px;box-sizing: border-box;float: left;}
.quality .qua2 .pic .img{width: 100%;}
.quality .qua2 .pic .img > div{display: none;background: #555;}
.quality .qua2 .pic .img > div.show{display: block;}
.quality .qua2 .pic .img > div img{width: 100%;}
.quality .qua2 .pic .img > div .word{padding: 20px;}
.quality .qua2 .pic .img > div .word h1{font-size: 24px;color: #fff;text-align: center;margin-bottom: 5px;}
.quality .qua2 .pic .img > div .word h2{font-size: 18px;color: #f5af05;text-align: center;margin-bottom: 5px;}
.quality .qua2 .pic .img > div .word h2 span{font-size: 12px;line-height: 12px;}
.quality .qua2 .pic .img > div .word h2 em{font-style: normal;font-size: 12px;margin-top: 5px;display: inline-block;}
.quality .qua2 .pic .img > div .word h3{font-size: 12px;color: #fff;text-align: center;}
.quality .qua2 .pic .img > div .word .btn{width: 150px;text-align: center;height: 34px;line-height: 34px;font-size: 14px;display: block;margin: 10px auto;color: #fff;background: #f5af05;border-radius: 15px;cursor: pointer;}
.quality .qua2 .pic .link{}
.quality .qua2 .pic .link ul li{position: relative;float: left;width: 50%;padding: 20px 0;text-align: center;color: #fff;background: #333;border-right: 1px solid #555;border-bottom: 1px solid #555;box-sizing: border-box;}
.quality .qua2 .pic .link ul li:nth-child(2n){border-right: none;}
.quality .qua2 .pic .link ul li i{font-size: 30px;}
.quality .qua2 .pic .link ul li span{display: block;}
.quality .qua2 .pic .link ul li a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.quality .qua2 .pic .link ul li:hover{color: #999;}

.quality .qua2 .biaoge{width: 50%;padding: 0 15px;box-sizing: border-box;float: right;}
.quality .qua2 .biaoge .bar{margin-bottom: 20px;text-align: center;}
.quality .qua2 .biaoge .bar span{display: inline-block;padding: 0 10px;color: #fff;background: #999;font-size: 13px;line-height: 24px;font-weight: 700;border-radius: 3px;margin: 0 2px;cursor: pointer;}
.quality .qua2 .biaoge .bar span.act{background: #d19504;}
.quality .qua2 .biaoge .bar span:hover{background: #f5af05;}
.quality .qua2 .biaoge .center{}
.quality .qua2 .biaoge .center > div{display: none;width: 100%;}
.quality .qua2 .biaoge .center > div.show{display: block;}
.quality .qua2 .biaoge .center > div table{width: 100%;}
.quality .qua2 .biaoge .center > div table tr td{border: 1px solid #555;height: 70px;box-sizing: border-box;padding: 10px;}
.quality .qua2 .biaoge .center > div table tr td.tit{width: 40%;text-align: left;font-size: 14px;color: #f5af05;}
.quality .qua2 .biaoge .center > div table tr td.price{width: 30%;text-align: right;font-size: 20px;color: #fff;vertical-align: middle;}
.quality .qua2 .biaoge .center > div table tr td.img{width: 30%;text-align: right;overflow: hidden;}
.quality .qua2 .biaoge .center > div table tr td.img img{height: 100%;width: auto;}

.quality .qua3{padding: 20px 0 40px;}
.quality .qua3 .content{text-align: center;margin-bottom: 30px;}
.quality .qua3 .content img{margin-bottom: 10px;width: 90%;}
.quality .qua3 .content p{font-size: 14px;color: #fff;margin-bottom: 20px;}
.quality .qua3 .content p span{color: #f5af05;}
.quality .qua3 .btn{width: 90%;margin: 0 auto;}
.quality .qua3 .btn a{display: block;width: 45%;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #f5af05;border-radius: 5px;font-size: 14px;}
.quality .qua3 .btn a:hover{opacity: 0.8;}

/* 适配 */
@media screen and (max-width: 1800px){
    .head-box{
        max-width: 95%;
        margin: auto;
    }
}
@media screen and (max-width: 1300px){
    .logo{
        width: 121px;height:75px;
    }
    .logo img{
        width: 100%;height:100%;
    }
    .nav-two{
        padding-top: 19px;
    }
}
@media screen and (max-width: 1328px){
    .case-box-article {
        max-width: 90%;
        padding: 20px 10px;
    }
    .news-box {
        max-width: 90%;
        margin: auto;
    }
    .index-box {
        max-width: 90%;
        margin: auto;
    }
}
@media screen and (max-width: 1228px){
}
@media screen and (max-width: 1200px){
    .rightMenuBtn{
        display: block;
    }
    header{
        position: fixed;
        top: 0;
        right: 0;
        width: 200px;
        height: 100%;
        transform: matrix(1, 0, 0, 1, 200, 0);
        background: #31302e;
    }
    .logo{
        margin-top: 60px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .head-box{
        max-width: 80%;
        margin: auto;
    }
    nav{
        display: block;
    }
    nav>ul>li{
        display: block;
        text-align: left;
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 20px;
    }
    .nav-two{
        position: relative;
        left: 0;
        width: 100%;
        padding-top: 10px;
    }
    .purchase{
        float: none;
    }
    .foot-follow{
        display: none;
    }
    .foot-service{
        display: none;
    }
    .foot-icon {
        margin-top: 0px;
        margin-bottom: 30px;
        padding-top: 0;
        padding-bottom: 25px;
        border-top: 0;
    }
    footer {
        padding-top: 35px;
        padding-bottom: 25px;
    }
    .foot-icp {
        margin-top: 20px;
        padding-top: 0px;
        border-top: 0;
        font-size: 16px;
        color: #999999;
        line-height: 24px;
        text-align: center;
    }
    .case-box-article {
        max-width: 95%;
        padding: 20px 10px;
    }
    .news-box {
        max-width: 95%;
        margin: auto;
    }
    .index-box {
        max-width: 95%;
        margin: auto;
    }
    .entering{
        padding: 65px 0 30px 0;
    }
    .entering-list{
        margin-top: 70px;
    }
    .quality .qua1 form{
        padding: 0 15px;
    }
}
@media screen and (max-width: 1024px){
   .index-advantage-list-title {
        padding-top: 45px;
        font-size: 30px;
        line-height: 30px;
    }
    .index-core-list ul li {
        display: inline-block;
        padding-left: 5%;
        width: calc(50% - 5%);
        margin-bottom: 35px;
    }
    .index-core-list-img{
        width: 25%;
    }
    .index-core-list-img img{
        width: 100%
    }
    .index-core-list-text{
        font-size: 20px;
        line-height: 20px;
        margin-left: 5%;
        width: calc(100% - 30%)
    }

    .index-title {
        padding-top: 50px;
        font-size: 26px;
        line-height: 26px;
    }
    .about-title {
        font-size: 26px;
        color: #000;
        text-align: center;
        line-height: 26px;
    }
    .cover-material-title{
        font-size: 25px;
        line-height: 25px;
    }
    .about-title span{
        margin-top: 10px;
    }
    .index-problem-list-title{
        font-size: 16px;
        line-height: 16px;
    }
    .cover-videolist video {
        width: 100%;
    }
    .contact-list ul li {
        display: inline-block;
        width: 32%;
        height: 120px;
        margin-right: 2%;
        padding: 15px 25px;
        background: #e6e6e6;
        box-sizing: border-box;
    }
    .contact-list-text{
        line-height: 20px;
    }
}
@media screen and (max-width: 768px){
    .index-advantage-list-title{
        font-size: 20px;
        line-height: 20px;
    }
    .index-advantage-list ul li{
        padding: 0 25px;
        height: 240px;
    }
    .index-advantage-list-text{
        margin-top: 15px;
    }
    .index-advantage-list-text{
        font-size: 14px;
        line-height: 22px;
    }
    .index-advantage-list {
        margin-top: 25px;
        padding-bottom: 35px;
    }
    .index-title{
        padding-top: 25px;
    }
    .index-core-list{
        margin-top: 40px;
        padding-bottom: 35px;
    }
    .index-reveal-list {
        margin-top: 25px;
        padding-bottom: 35px;
    }
    .index-news-title {
        font-size: 25px;
        line-height: 25px;
    }
    .index-problem-list ul li{
        margin-bottom: 35px
    }
    .index-news-title span{
        font-size: 18px;
        line-height: 18px;
    }
    .index-problem-list{
        padding-bottom: 35px;
    }
    .cover-material{
        padding-bottom: 35px;
    }
    .index-case-top{
        padding: 30px 0;
    }
    .index-news-total{
        margin-top: 25px;
    }
    .index-news-list{
        margin-top: 25px;
    }
    .index-reveal-list-title{
        font-size: 16px;
        line-height: 16px;
    }
    .index-reveal-list-box{
        padding: 10px 12px;
        height: 38px;
    }
    .index-reveal-list-text{
        margin-top: 15px;
    }
    .index-reveal-list ul li:hover .index-reveal-list-box{
        padding: 10px 12px;
    }
    .index-reveal-list-a{
        margin-top: 20px;
    }
    .index-reveal-list ul li {
        display: inline-block;
        position: relative;
        width: 45%;
        margin-right: 10%;
        margin-bottom: 20px;
    }
    .index-reveal-list ul li:nth-of-type(3n){
        margin-right: 10%;
    }
    .index-reveal-list ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .index-receive-box {
        padding: 20px 0;
    }
    .index-form-title{
        font-size: 18px;
        line-height: 18px;
    }
    .index-form-box {
        width: 50%;
        margin-left: auto;
        padding: 35px 0px 25px 30px;
        box-sizing: border-box;
    }
    .index-form-text {
        margin-top: 20px;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
    }
    .about-nav ul li {
        display: inline-block;
        width: 45%;
        margin-right: 5%;
        box-shadow: 0px 0px 5px #908c8c;
        box-sizing: border-box;
    }
    .about-nav {
        position: relative;
        margin-top: -20px;
    }
    .cover-video-title {
        font-size: 25px;
        line-height: 25px;
    }
    .cover-video-name {
        margin-top: 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .about-nav-name {
        margin-top: 10px;
    }
    .about-box {
        padding: 35px 0;
    }
    .about-text{
        margin-top: 20px;
    }
    .cover-videolist{
        padding: 35px 0;
    }
    .cover-material-title{
        margin-top: 35px;
    }
    .cover-material-list{
        margin-top: 25px;
    }
    .cover-material-list ul li {
        display: inline-block;
        width: 30%;
        margin-right: 5%;
    }
    .cover-material-list-title,.cover-material-list-text{
        margin-top: 15px;
    }
    .page {
        padding: 25px 0;
    }
    .case-box{
        padding: 25px 0;
    }
    .case-updown{
        margin-bottom: 35px;
    }
    .case-column-title span {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    .case-column-box ,.case-column-case>ul>li,.case-column-top ul li{
        margin-bottom: 20px;
    }
    .case-column-map{
        margin-top: 20px;
    }
    .case-article-title {
        font-size: 18px;
        line-height: 25px;
    }
    .case-article-time{
        margin-top: 10px;
    }
    .case-article-top{
        margin-top: 25px;
    }
    .case-article-img {
        margin-bottom: 30px;
    }
    .case-article-name{
        font-size: 16px;
        line-height: 16px;
    }
    .case-article-bottom{
        margin-top: 25px;
        padding-top: 25px;
    }
    .contact-box {
        margin-top: 25px;
        padding: 35px 0;
    }
    .contact-title{
        font-size: 16px;
        line-height: 16px;
    }
    .contact-list{
        margin-top: 35px;
    }
    .contact-map {
        margin-top: 35px;
        padding-top: 20px;
    }
    .contact-list-text span{
        margin-bottom: 10px;
    }
    .news-bang {
        padding: 25px 0;
        margin-bottom: 25px;
    }
    .news-title {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 18px;
    }
    .news-column-box {
        margin-bottom: 20px;
        padding: 25px 10px;
    }
    .news-nav ul li{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .news-nav ul li a{
        font-size: 16px;
        line-height: 16px;
    }
    .news-list-title{
        float: none;
    }
    .news-list-time{
        float: none;
        margin-top: 10px;
    }
    .news-article-title {
        font-size: 18px;
        color: #000000;
        line-height: 24px;
        text-align: center;
    }
    .news-article-text{
        margin-top: 20px;
    }
    .news-article-label{
        margin-top: 30px;
        font-size: 14px;
        line-height: 14px;
    }
    .news-article-turning{
        margin-top: 25px;
    }
    .news-article-turning ul li{
        font-size: 14px;
    }
    .news-article-recommend-box {
        width: 49%;
        margin-right: 2%;
    }
    .news-article-column-box {
        padding: 20px 13px 20px 13px;
        background-color: #fff;
    }
    .news-aticle-column-title {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 24px;
    }
    .news-article-recommend{
        margin-top: 20px;
    }
    .news-guide{
        padding: 10px 0;
    }
    .query-search {
        width: 96%;
        margin-top: 30px;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 10px;
    }
    .index-news-list-title,.index-case-list-title{
        float: none;
    }
    .index-news-list-time,.index-case-list-time{
        float: none;
        margin-top: 10px;
    }
    .entering{
        padding: 35px 0 20px 0;
    }
    .entering-list{
        margin-top: 30px;
    }
    .entering-list .select{
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
    }
    .remarks{
        display: none;
    }
    .entering-list .upload span{
        margin-bottom: 20px;
    }
    .entering-submit{
        margin-top: 25px;
    }
    .entering-submit input{
        height: 40px;
    }
    
}
@media screen and (max-width: 640px){
    .banner{
        display: none;
    }
    .banner.iphone{
        display: block;
    }
    .index-reveal-list ul li:nth-of-type(3n){
        margin-right: 0;
    }
    .index-reveal-list ul li{
        margin-right: 0;
    }
    .foot-icon ul li span{
        font-size: 12px;
        line-height: 12px;
    }
    .case-column-box.iphone{
        display: none;
    }
    .case-column-box.inpone{
        display: none;
    }
    .foot-icp{
        font-size: 12px;
        line-height: 20px;
    }
    .page ul{
        text-align: center;
    }
    .news-column-box.iphone{
        display: none;
    }
    .news-article-recommend.iphone{
        display: none;
    }
    .news-article-column-box.iphone{
        display: none;
    }
    .index-advantage-list ul li{
        width: 100%;
        margin-right: 0;
        height: auto;
        padding: 20px 10px;
    }
    .index-advantage-list-title{
        padding-top: 0px;
    }
    .index-core-list ul li{
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        margin-bottom: 25px;
    }
    .index-core-list ul li:nth-of-type(9), .index-core-list ul li:nth-of-type(10) {
        margin-bottom: 25px;
    }
    .index-core-list ul li:last-child{
        margin-bottom: 0;
    }
    .index-problem-list ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .index-problem-list ul li:last-child{
        margin-bottom: 0;
    }
    .index-core-list-img {
        width: 20%;
    }
    .index-core-list-text {
        font-size: 18px;
        line-height: 18px;
        margin-left: 5%;
        width: calc(100% - 25%);
    }
    .index-core-list-text span{
        margin-top: 10px;
    }
    .index-case-box {
        margin-bottom: 20px;
        width: 100%;
        margin-right: 0%;
    }
    .index-case-box:last-child {
        margin-bottom: 0;
    }
    .index-news-box {
        display: inline-block;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .index-news-box:last-child {
        margin-bottom: 0;
    }
    .index-reveal-list ul li{
        width: 100%;
    }
    .index-reveal-list ul li:last-child {
        margin-bottom: 0;
    }
    .index-receive-border {
        border: 5px solid #fff;
        width: 100%;
        padding: 20px 30px;
        box-sizing: border-box;
    }
    .index-receive-draw {
        margin-top: 25px;
        margin-left: 0px;
    }
    .index-receive-border a{
        margin: auto;
    }
    .index-form {
        background-position: center right;
    }
    .index-form-box {
        width: 100%;
        margin-left: auto;
        padding: 25px 0px 20px 0px;
        box-sizing: border-box;
    }
    .foot-icon ul li {
        display: inline-block;
        width: 33.333%;
        margin-right: 0px;
        text-align: center;
    }
    .foot-icon ul li img {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
    }
    .about-nav ul li {
        display: inline-block;
        width: 47%;
        margin-right: 6%;
        box-sizing: border-box;
    }
    .about-nav ul li a{
        padding: 15px 20px;
    }
    .about-nav{
        margin-top: -5px;
    }
    .cover-material-list ul li {
        display: inline-block;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .cover-material-list ul li:last-child {
        margin-bottom: 0;
    }
    .cover-video-title {
        font-size: 22px;
        line-height: 22px;
    }
    .case-left {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .case-right{
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .contact-list ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        height: auto;
    }
    .contact-list ul li:last-child {
        margin-bottom: 0;
    }
    .contact-list-text:before{
        margin: auto;
        width: 38px;
        height: 38px;
    }
    .news-left,.news-right{
        display: block;
        width: 100%;
    }
    .news-auto{
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .news-article-left{
        display: block;
        width: 100%;
    }
    .news-article-right{
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .news-article-recommend-box{
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .news-article-recommend-box:last-child {
        margin-bottom: 0;
    }
    .foot-icon {
        margin-top: 0px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .column-head>img{
        display: none;
    }
    .column-head{
        background: #0f0f0f;
        padding: 60px 0;
    }
    .query-search{
        padding-left: 10px;
        padding-right: 10px;
    }
    footer{

        padding: 20px 0;
    }
    .cover-video-box.query{
        position: inherit;
        top: 0;
        left: 0;
        transform: translate(0%,0%);
    }
    #allmap iframe{
        height: 200px;
    }
    .cover-video{
        padding: 30px 0;
        background: #000;
    }
    .cover-video video{
        height: 250px;
    }

    .logo img{
        width: auto;
        height: auto;
    }

    .quality .qua1 .list{float: none;width: 100%;}
    .quality .qua1 .list ul li{width: 48%;margin-right: 4%;margin-bottom: 10px;}
    .quality .qua1 .list ul li:nth-child(2n){margin-right: 0;}
    .quality .qua1 .btn{float: none;}    
    .quality .qua2 .pic{float: none;width: 100%;margin-bottom: 20px;}
    .quality .qua2 .biaoge{width: 100%;float: none;}
    .quality .qua2 .biaoge .bar{text-align: left;}
    .quality .qua2 .biaoge .bar span{margin-bottom: 5px;}
    .quality .qua2 .biaoge .center > div table tr td.tit{font-size: 12px;}
    .quality .qua2 .biaoge .center > div table tr td.price{font-size: 14px;}
    .quality .qua3 .btn a{font-size: 12px;}

    .entering-list ul li{float: none;}
    .entering-list ul li.half{width: 100%;}
}
@media screen and (max-width: 380px){
 
}