@charset "utf-8";
/* CSS Document */

body{ background: url(../images/bg.jpg) no-repeat top center #ecf0f0; line-height: 28px; font-size: 16px;}
.top{ background: url(../images/bannerw.jpg) no-repeat top center #011729;   height: 200px; text-align:center;}
.top .logo{ padding-top: 80px; width: 90%;}
.padtop{ padding-top: 30px;}
.gradient-text {
	  
     background: -webkit-linear-gradient(left, #078ed5, #b87afe);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent; display: inline-block;
   
}
.titleyear{ font-size: 30px; font-weight: bold; line-height: 40px;}
.titletxt{ color: #0067af;font-size: 14px; font-weight: bold; }
#myTab,#myTab  li{ list-style: none; margin: 0; padding: 0; border: 0;}
#myTab{ display: flex; }
#myTab li{ width: 20%; text-align: center; display: block; background: #c8c9ca; border-right: #fff 1px solid;  font-size: 14px; color: #000000; padding: 10px 0;}
#myTab li.active{ background: linear-gradient(to right, #9f7cf8, #018fd4);}
#myTab li.active,#myTab li.active a{ color: #fff;}
#myTab li a{ display: block; color: #000000; text-decoration: none; font-size: 12px; line-height: 20px;}
#myTab li:last-child{ border-right: 0;}
#myTabContent .tab-pane{ background: #fff; padding: 10px; box-sizing: border-box;}
#myTabContent .tab-pane img{ width: 100%;}
.titletxt{ padding-bottom: 20px;}
.box{  background: url(../images/indexbg.jpg) no-repeat bottom center; padding-bottom: 30px; }
.footer{ color: #fff;    padding-top: 50px;     padding-bottom: 50px; background: url(../images/footerbgw.jpg) no-repeat bottom center ; background-size: cover; text-align: center;}
.footercopyright{ border-top:#4e708b 1px solid; text-align:center; padding-top: 20px;
    margin-top: 20px; clear: both;  padding-bottom: 20px; }

@media (min-width: 1000px) {
.top .logo{ padding-top: 115px; width: 100%;}
.titleyear{ font-size: 80px;   line-height: 100px;}
.titletxt{  font-size: 30px;   }
#myTab li{  line-height: 45px; font-size: 20px; }
.top{ background: url(../images/banner.jpg) no-repeat top center #011729;   height: 475px; text-align:left;}
.padtop{ padding-top: 50px;}
.footer{ color: #fff;      padding-top: 50px; background: url(../images/footerbg.jpg) no-repeat bottom center #044c86; background-size: cover;}
#myTab li a{ font-size: 20px; line-height: 45px;}
	.box{   padding-bottom: 70px; }
	 
}