@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{background:url(../images/pbg.jpg) no-repeat; background-size: cover; 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: center;}
.aleft{flex:1;text-align:center;}
.aleft img{width:80%;  border-radius: 10px;}

.video{ width: 100%; height: auto; overflow: hidden;margin-bottom: 0px; background: #ecedf2; text-align: center; border-radius: 5px;}
.video video{ margin: 50px 0px 50px 0px; width: 80%; background: #ecedf2; overflow: hidden;object-fit:cover;outline: none; border-radius: 5px;}

.aright{ flex:1;font-size: 16px;}
.aright h1{ margin:0; padding:0; padding-bottom: 30px; font-size:20px;color: #212121;}
.aright ul{ padding:20px;line-height:2rem;}

.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:#007cc3;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: 30px; background: url(../images/index_about_bg.png) #f6f6f6 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;}

#footer{ margin-top: 50px;}

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

.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%;}


.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; }
}