@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

.main_bg{ height:auto; overflow:hidden;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.index_about{margin:auto;margin-top:50px;margin-bottom:50px;width:95%; height:auto; overflow:hidden;display: flex;justify-content:center;align-items:stretch;}
.aleft{flex:1;display: flex;justify-content: center;align-items:flex-end;}
.aleft img{width:80%;  border-radius: 10px;}

.video{ width: 100%; height: auto; overflow: hidden;margin-bottom: 9px; text-align: center;}
.video li{width: 100%;height: 0;padding-top: 23%;padding-bottom: 33%; border-radius: 10px;  text-align: center;background: center no-repeat #f5f5f5; background-size: cover;}
.video li span{ font-size: 50px; color: rgb(255, 255, 255,0.8); cursor: pointer;}
.video video{ width: 90%; }


.aright{ flex:1.0;font-size: 16px;}
.aright h1{ margin:0; padding:0; padding-bottom: 30px; font-size:20px;color: #212121;}
.aright ul{ padding:10px;line-height:2rem; text-align: justify;}
.aright strong{font-size: 28px;}

.aright .index_more{margin-left:20px;width:100%;height:auto;overflow:hidden;}
.aright .index_more a{ display:inline-block; padding: 8px 15px 8px 15px; background:#000;color:#fff;text-align:center; cursor:pointer; border-radius:5px;}
.aright .index_more a:hover{ background:#e77817;}

.index_info{margin:auto;margin-top:80px;width:95%; height:auto; overflow:hidden;}
.ileft{display:block; float:left;width:50%;}
.ileft img{width:100%;}
.index_info table{ height: auto;}
.index_info table{width:100%;border-left:#dcdee3 solid 1px;border-top:#dcdee3 solid 1px;border-collapse:collapse;}
.index_info td{ padding:10px;border-right:#dcdee3 solid 1px;border-bottom:#dcdee3 solid 1px;}
.index_info .itl{background:#eeeeee;}
.iright{display:block; float:left;width:50%; text-align:center;}


.index_pic_bg{padding:5px 0px 50px 0px;background:url(../images/mid-banner.jpg) no-repeat 0px 0px;background-size:cover;background-position:50% 50%;
              -webkit-transition: .5s all;
			  transition: .5s all;
			  -moz-transition: .5s all;}
.index_pic_bg:hover{background:url(../images/mid-banner.jpg) no-repeat 0px 0px;background-size:cover;background-position:80% 50%}
.index_pic{margin:auto;margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.index_pic img{ border-radius: 10px;}

.pbox{display:block;float:left;width:25%;text-align:center;}
.pbox img{ width:95%;}

.pbox .ppic li{margin:auto;margin-top:320px;width:100%; height:140px;overflow:hidden;background:#0cdbff;
			  -webkit-transition: .5s all;
			  transition: .5s all;
			  -moz-transition: .5s all;}
.pbox .ppic li h3{font-weight:normal;text-transform: uppercase; font-size:22px; color:#FFF;}
.pbox .ppic li h3 span{color:#ededed; font-size:16px;}
.pbox .ppic li p{margin-top:0px; padding:0px;} 
.pbox .ppic li p i{display:inline-block; margin:0px 10px 0px 10px;padding:5px;width:20px; height:20px; line-height:20px;border-radius:50%;color:#fff; border:#fff 1px solid; font-size:15px; text-align:center;}
.pbox .ppic:hover li{margin-top:180px;}


.index_content{ margin:auto;margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.index_content ul{ clear:both;padding:20px 0px 50px 0px; width:100%; height:auto; overflow:hidden;}
.index_content .ct{ display: block; float:left; width:30%;}
.index_content .ct img{ width:95%; }
.index_content .cc{ display: block; float:left; width:60%; line-height:30px;}
.index_content span{ display:block; font-size:16px; font-weight:bolder; width:100px; margin-bottom:30px;position: relative;}
.index_content span:after{content: '';background: #00aadc;height: 1px;position: absolute;width: 50%;top:30px;left: 0%;}


.index_serve_box{ padding-bottom: 150px; background: #f3f4f8 center center; background-size: cover; height:auto; overflow:hidden;}
.index_serve{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;display: flex;flex-wrap: wrap;}
.serve_show{flex:1; margin: 30px;padding: 30px;  background: #fff; border-radius: 10px;}
.serve_show .se_pic{text-align: center;}
.serve_show .se_pic img{ max-width: 100%; border-radius: 10px;}
.serve_show .se_title{ margin-top: 20px; text-align: center; font-weight: bold;font-size: 16px;}
.serve_show .se_content{ margin-top: 30px; color: #666;line-height: 2rem; text-align: center;}


.ashow{ margin:auto; padding: 10px;margin-top: 30px; display: flex;justify-content: center; align-items: top;gap: 20px;}
.ashow ul{padding: 0px;}
.ashows{flex:1;text-align: center; padding: 10px 0px 10px 0px;background: #BDCF93; color: #0C8E36;}
.ashows:last-child{border-right: none;}
.ashows .sc{display: flex;justify-content: center; align-items: center;}
.ashows .sc span:nth-child(1){font-size: 36px;font-weight: bolder;}
.ashows .sc span:nth-child(2){margin-top: -10px;}
.ashows .sc span:nth-child(3){margin-top: 3px;}
.ashows .st{text-align: center;color:#36650A;}

.ashowss{margin-top: 30px;flex:1;padding: 0px;border-right: #ccc 1px solid;text-align: center;}
.ashowss:last-child{border-right: none;}
.ashowss .sc{color: #ff8800;font-weight: bolder;font-size: 20px;}
.ashowss .st{text-align: center;color:#999;}

.lshow{ margin: auto; margin-top: 30px; width:95%; display: flex;justify-content: center; align-items:top;}
.lshows{flex:1; margin: 100px;text-align: center;}
.lshows p:nth-child(1){font-size: 20px;font-weight: bolder;}
.lshows p:nth-child(2){margin-top: 30px;font-size: 16px;}
.lshows span{font-size: 30px;}

.index_contents{ height: auto;}
.index_contents img{ max-width: 100%;}


.index_news{margin:auto; margin-top:30px;padding-bottom:30px;width:100%;height:auto;overflow:hidden;}
.news_list{ margin:auto;margin-top:50px; width:95%; height:auto; overflow:hidden;}
.news_list ul{ display:block; float:left;  margin:0.5%; width:31.3%;padding:0.5%;box-shadow:0 0 20px #f5f5f5;background: #fff; border-radius: 10px;}
.news_list .n_time{ position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    background: #000;
    text-align: center;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
}
.news_list .n_time:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-color: transparent #000;
        border-width: 0 0 20px 20px;
        border-style: solid;
        left: 0;
        bottom: -20px;
        position: absolute;
}
.news_list .n_pic{padding-bottom:35%;padding-top:35%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 10px;}
.news_list .n_pic a{width: 100%;}
.news_list .n_pic img{width: 100%;}
.news_list .n_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.news_list .n_title{margin-top: 10px; margin-bottom: 10px;}
.news_list .n_content{margin-top: 10px;color: #666;}
.news_list .n_info{margin-top: 10px;}
.news_list .n_info a{color:#000;}

.index_more{margin:auto;margin:30px 0 30px 0;width:100%;height:auto;overflow:hidden; text-align:center;}
.index_more a{ display:inline-block; padding: 15px 30px 15px 30px; background:#000;color:#fff;text-align:center; cursor:pointer; border-radius:20px;}
.index_more a:hover{ background:#000;color:#fff;cursor:pointer;border-radius:20px;}

.index_news_box{padding:0px 0px 50px 0px;height:auto;height:auto; overflow:hidden; background: #f5f5f5;} 
.index_customer{margin:auto;margin-top:30px;width:95%; height:auto;overflow:hidden;}
.prroll{margin:auto;width:100%;height:auto;overflow:hidden;}
.prroll .item{ margin: 0px 5px 0px 5px;}
.prroll ul{display:block;float:left;margin-top:20px;margin-bottom:20px;width:90%;padding:5%;height:auto;overflow:hidden;box-shadow:0 0 20px #f3f4f8; background: #fff;border-radius: 10px;}
.prroll ul:hover{width:96%;padding:2%;box-shadow:0 0 20px #f3f4f8; background: #fff; border-radius: 10px;}
.prroll .p_pic{padding-bottom:33.333%;padding-top:33.333%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.prroll .p_pic img{width: 100%;}
.prroll .p_pic a img:hover{transform:scale(1.1);transition: .8s ease;}

.index_history_box{padding:0px 0px 50px 0px;height:auto;height:auto; overflow:hidden; background: #f3f4f8;} 
.index_history{margin:auto;margin-top:50px; margin-bottom: 50px; height:auto; overflow:hidden;}
.history_list{display: flex; justify-content: center; align-items:stretch;}
.history_list:hover{background: #fff;}
.history_list .hit{border-right: #ccc 1px solid;padding: 30px;font-weight: bolder;font-size: 26px;}
.history_list .hic{flex:1;padding: 34px;font-size: 18px;position: relative;}
.history_list .hic::before{content: '';display: inline-block; width: 10px; height: 10px; border-radius: 50%;background: #fff;border:#71bf45 2px solid; margin-left: -41px;margin-right: 30px;}
.history_list:hover .hic::before{background: #71bf45;}

@media screen and (min-width: 1400px) {
.main{width: 80%;}
.center_title{width: 80%;}
.index_about{width: 80%;}
.index_info{ width:80%;}
.index_pic{ width:80%;}
.index_serve{ width:80%;}
.news_list{width: 80%;}
.index_customer{width: 80%;}
.index_history{width: 60%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 20px;}

.center_title{ width:95%;}

.index_about{ width:95%;flex-flow: column;}
.aleft{float:none;width:100%; order: -1;}
.aright{float:none;width:100%;}
.aright h1{font-size:16px; text-align: center;}
.aright ul{ padding:10px;}
.aright .index_more{ margin: auto; width:100%;height:auto;overflow:hidden; text-align: center;}


.index_info{ width:95%;}
.index_pic{ width:95%;}

.news_list{margin-top:30px; padding-bottom:0px;width:98%;}
.news_list ul{ margin-top:20px;float:none;width:98%;}

.index_content{ margin-top:30px;width:98%;}
.index_content ul{ clear:both;padding:20px 0px 20px 0px; width:100%; height:auto; overflow:hidden;}
.index_content .ct{ display: block; float:left; width:30%;}
.index_content .ct img{ width:95%;}
.index_content .cc{ display: block; float:left; width:70%; line-height:20px;}
.index_content span{ display:block; font-size:14px; font-weight:bolder; width:100px; margin-bottom:30px;position: relative;}

.serve_show{flex:auto; }

.ashow{flex-wrap: wrap;}
.ashows{flex:none;padding: 12px;width: calc(50% - 48px) ;}
.ashows:nth-child(2){border: none;}
.ashowss{flex:none; padding: 2px;border: none; margin: 20px 0px 20px 0px;}
.ashowss .sc{font-size: 14px;}

.lshows{ margin: 10px;}

.index_customer{width:100%;}
.prroll .p_pic{background:none;}

.index_history{width: 98%;}
}