@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.tt{ padding:10px;font-size:30px;color:#052269;text-transform: uppercase;letter-spacing:3px;font-weight:600;position: relative;text-align: center;}
.tt span{color:#052269;}
.tt:before{content: '';background: #dadada;height: 2px;position: absolute;width: 10%;top: 0%;left: 35%;}
.tt:after{content: '';background: #dadada;height: 2px;position: absolute;width: 10%;bottom: 0%;right: 35%;}
.tc{ margin-top:10px;font-size:14px;color:#999;text-align: center;}
.tw{ color:#FFF;}
.tw span{color:#FFF;}

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

.index_about{margin:auto;margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.aleft{display:block; float:left;width:50%; text-align:center;}
.aleft img{ width:90%}
.aright{ display:block; float:left;width:50%;}
.aright h1{ margin:0; padding:0;font-size:20px;color: #212121;}
.aright ul{ padding:20px;line-height:35px;}

.index_info{margin:auto;margin-top:80px;width:1200px; height:auto; overflow:hidden;}
.ileft{display:block; float:left;width:50%;}
.ileft img{width:100%;}
.index_info table{}
.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{ margin-top:50px;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;}
.pbox{display:block;float:left;width:25%;text-align:center;}
.pbox img{ width:90%;}

.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:90%;}
.index_content .cc{ display: block; float:left; width:60%; line-height:30px;}
.index_content span{ display:block; font-size:16px; font-weight:bolder; width:200px; margin-bottom:30px;position: relative;}
.index_content span:after{content: '';background: #00aadc;height: 1px;position: absolute;width: 50%;top:30px;left: 0%;}





@media screen and (max-width: 700px) {
.index_title{ margin-top:30px;width:100%;}
.tt{font-size:20px;}
.tc{font-size:12px;}
.center_title{ width:95%;}


.index_about{ width:95%;}
.aleft{float:none;width:100%;}
.aright{float:none;width:100%;}
.aright h1{font-size:16px;}
.aright ul{ padding:10px;}

.index_info{ margin-top:10px;width:95%;}


.index_pic{ width:100%;}


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