@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:90%; height:auto; overflow:hidden;}

.index_about{margin:auto;margin-top:50px;margin-bottom:50px;width:1200px; height:auto; overflow:hidden; display: flex; justify-content: center; align-items: center;}
.aleft{flex:1; text-align: center;}
.aleft img{max-width:95%; border-radius: 10px;}
.aright{flex:1;}
.aright h1{ margin:0; padding:0;font-size:20px;color: #212121;}
.aright ul{ padding:20px;line-height:2rem;font-size: 14px;}
.aright img{max-width:100%; border-radius: 10px;}

.aright .index_more{width:100%;height:auto;overflow:hidden; text-align: center;}
.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:#ff0000;}

.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:30px;margin-bottom:30px;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%;}

.content{ height: auto;}
.content img{ max-width: 100%;}
.video{ width: 100%; height: auto; overflow: hidden;margin-bottom: 0px; background: #ecedf2; text-align: center;}
.video video{ margin: 50px 0px 50px 0px; width: 90%; background: #000; overflow: hidden;object-fit:cover; border-radius: 5px;}


#footer{ margin-top: 0px;}

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

.center_title{ width:95%;}

.index_about{ width:95%;flex-flow: column;}

.aright h1{font-size:16px;}
.aright ul{ padding:10px;}
.aright .index_more{ margin: auto; width:100%;height:auto;overflow:hidden; text-align: center;}
.aright .index_more a{ padding: 8px 5px 8px 5px;}

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