html {position: relative;min-height: 100%;}
ul,li {list-style-type: none;padding: 0;margin: 0;}
.width100 { width: 100%!important;}
body {font-size: 16px;color: #4b4b4b;}
body a{color: #4b4b4b;}
a:hover{ text-decoration: none;color: #0082d6;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
.container{padding-left: 0px; padding-right: 0px;}

.mt0{margin-top: 0px;}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}

.pl-0{padding-left: 0px;}.pr-0{padding-right: 0px;}.pb-0{padding-bottom: 0px;}
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}

label { font-weight: normal;}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.clear {clear: both;}
.c_pointer{cursor: pointer;}
.table-bg thead th {background-color: #f5fafe;}
.flex-box { display: flex; flex-direction:row;}
.select-width{ width: 40%}
.ipnut-text-width { width: 40%}
[v-cloak] { display: none }
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 1px;1}
.display-inline {display: inline; }
.text-red { color:#ff0000}
.form-control{border-radius: 0px;box-shadow: none;}
.form-control:focus { border-color: #fdd54f;box-shadow: none;}
button:active,button:focus{border: none;outline: none; }

.header{font-size: 17px;margin-bottom: 20px;}
.header .logo{padding-top: 30px;width: 22%;}
.header .menu{padding-top: 55px; width: 50%;position: relative;}
.header .menu li{float: left;padding-right: 13px;}
.header .menu .about-child li,.header .menu .news-child li{float: unset;padding-top: 5px; }
.header .menu .about-child,.header .menu .news-child{position: absolute;left: 60px;background: #fff;padding: 10px;display: none;}
.header .menu .news-child{left:130px;}
.header .lan-search{padding-top: 50px; width: 28%;}
.header .lan-search .search{border: 1px solid #d1d1d1; border-radius: 20px;   font-size: 15px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

.footer{background: #0082d6;padding-top: 30px; padding-bottom: 30px; color: #fff; text-align: center;font-size: 15px;line-height: 25px;}
.footer a{color: #fff;}

.t{border-bottom: 1px solid #d1d1d1;text-align: center;padding-bottom: 20px; padding-top: 50px;position: relative;}
.t .t1{font-weight: 400;font-size: 35px;}
.t .desc{color: #6a6a6a;}
.t .line-blue{background: #0082d6; height: 7px;width: 20%;position: absolute;bottom: -3px;left: 40%;}

#index .banner{ }

#index .item1 .c{border-left: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;padding-top: 50px;padding-bottom: 30px;margin-left: -15px; margin-right: -15px;padding-left: 40px; padding-right: 40px;}
#index .item1 .c .c1{}
#index .item1 .c .c1item{text-align: center;}
#index .item1 .c .c1 .d{padding-top: 10px;text-align: center;}
.c2{margin-top: 30px; width: 35%; margin-left: auto;margin-right: auto;background: #fff;}
.c2 a{display: block; border: 1px solid #2c97dd; text-align: center;color:#2c97dd ;padding: 18px 60px 18px 60px;font-size: 20px;}

#index .item2{background: url('../images/0indexpicdi.jpg');margin-top: 60px;padding-top: 50px; padding-bottom: 50px;}
#index .item2 .l{height: 200px; background: url('../images/0indexpicdi2.jpg');background-repeat:no-repeat;background-color: #fff; width: 28%;text-align: center;  color: #fff;padding-top: 60px;}
#index .item2 .l span{font-size: 30px;}
#index .item2 .r{background: #fff; height: 200px;padding-top: 60px; width: 72%;padding-bottom: 60px; padding-right: 30px;padding-left: 30px;}

#index .item3 .c .c1 .d{font-size: 20px; font-weight: 500;padding-bottom: 5px;}

#index .news{background: #f3f3f3; margin-top: 50px;padding-bottom: 50px;}
#index .news .nt{padding-top: 50px; padding-bottom: 30px;}
#index .news .nt .nt-1{text-align: center;font-size: 30px; font-weight: 400;}
#index .news .nt .nt-2{text-align: center;}

#index .news .list .i{background: #fff; border: 1px solid #e8e8e8;padding-top: 20px; padding-bottom: 20px; padding-right: 15px;;margin-right: 2%;width: 32%;padding-left: 0px;}
#index .news .list .i div{padding-left: 30px;padding-right: 15px}
#index .news .list .i .i-t{border-left: 5px solid #0082d6;font-size: 20px; font-weight: normal;}
#index .news .list .i .i-date{color: #a3a3a3; font-size: 15px;}
#index .news .list .i .i-desc{padding-top: 10px; padding-bottom: 10px;}
#index .news .list .i .i-img img{width: 322px; height: 185px;}

.page1 .middle{margin-left: 18%; margin-right: 18%; width: 64%;margin-bottom: 50px;}
.page1 .middle .article .content{padding-top: 60px;text-indent: 32px;line-height: 30px;}
.page1 .middle .article .content table td{text-align: left;padding: 0px; text-indent: 0px;}
.page1 .middle .article .content table img{width: 95%;}
.page-nav{margin-top: 15px;color: #a3a3a3;}
.page-nav a{color: #a3a3a3;}

#contact .content .b{font-size: 20px; font-weight: 400;padding-bottom: 10px;}
#contact .content{line-height: 25px;color: #414141;}

#news .list .i{border-bottom: 1px solid #e8e8e8;padding-bottom: 30px;margin-top: 50px;}
#news .list .i .l img{width: 100%;}
#news .list .i .r-title{font-weight: 400; font-size: 20px;}
#news .list .i .r-date{margin-top: 5px; margin-bottom: 5px;color: #a3a3a3; font-size: 15px;}

.page2 .menu-box .menu{margin-top: 30px;padding-left: 0px;padding-right: 30px;}
.page2 .menu-box .menu ul li{padding: 18px 15px 18px 15px;width: 100%; background: #eaeaea;margin-bottom: 10px; cursor: pointer;}
.page2 .menu-box .menu a{border-left: 5px solid #0082d6;padding-left: 10px;}
.page2 .menu-box .menu ul li.top a{color: #fff;border-left: 5px solid #fff;}
.page2 .menu-box .menu ul li.top{background: #0082d6;color: #fff;font-size: 18px;}
.page2 .article .a-title{background: #6ab8eb;color: #fff; text-align: center;margin-top: 30px;padding-top: 30px; padding-bottom: 30px;}
.page2 .article .a-title .a-t-1{font-weight: normal; font-size: 25px;padding-bottom: 5px;}
.page2 .article .a-title .a-t-2{font-size: 14px;}
.page2 .article .content{margin-top: 50px;margin-bottom: 50px;}

#newsDetail .middle .title{text-align: center; font-size: 30px; font-weight: normal;margin-top: 40px;}
#newsDetail .middle .date{text-align: center;color: #a3a3a3; margin-top: 10px;}
#newsDetail .middle .line{border-bottom: 1px solid #d1d1d1;margin-top: 20px;}
#newsDetail .middle .content{padding-top: 40px;padding-bottom: 40px;}
#newsDetail .middle .relate{margin-top: 20px;font-size: 15px;}

.join .list-t{background: #ebebeb; height: 50px; line-height: 50px; font-weight: bold;display: flex;flex-direction: row;}
.join .list-t .t1{width: 70%;}
.join .list-c .item{border-bottom: 1px dashed #ebebeb; height: 50px; line-height: 50px;display: flex; flex-direction: row;}
.join .list-c .item .i1{width: 70%;}