.fil-box{ padding-top: 70px; overflow: hidden; padding-bottom: 80px; }


.fil-left{ width: 725px; padding-top: 10px;}
.fil-left .t-name{font-size: 26px; color: #0e79c7;font-weight: 700; margin-bottom: 10px; }
.fil-left .p15{ font-size: 15px;color: #666;}
.fil-left .f-name{ font-size: 26px; color: #333; font-weight: 700; display: inline-block; text-align: left; margin-top: 15px; margin-bottom: 20px;}
.fil-left .p14{ font-size: 14px ;color: #666; line-height: 30px;}
.fil-left .h26{font-size: 21px; color: #0e79c7;font-weight: 700; }
.fil-left ul{ margin-top: 25px;}
.fil-left ul li{ float: left; margin-left: 60px; margin-right: 60px; position: relative;}
.fil-left ul li:before{ content: ''; width: 1px; height: 28px; background: #a0a0a0; position: absolute; left: -60px; top:15px;}
.fil-left ul li:first-of-type:before{ display: none;}
.fil-left ul li.nml{ margin-left: 0;}
.fil-left ul li.nmr{ margin-right: 0;}

.n-article{ padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;font-size:11pt;line-height:30px;text-align:left;}
.n-article p{ text-align: left;font-size:11pt;line-height:30px;}
.n-article .p14{ font-size: 14px;  color: #666; line-height: 26px; text-align: left; text-indent: 28px;}

.fil-right{ width: 420px; height: 550px; position: relative;}
.fil-right img{ width: 420px; height: 550px; display: block; position: absolute; left: -15px; top: 15px;}

.fil-bottom{ background: url(../images/bg-fil.jpg) no-repeat center; height: 823px; margin: 0 auto; box-sizing:border-box;}
.fil-bottom .layout{  position: relative;  padding-top: 80px;}
.fil-bottom h3{ font-size: 26px; color: #333; font-weight: 600; padding-bottom: 15px;}
.fil-bottom .p16{ font-size: 16px; color: #666; line-height: 30px;}
.fil-bottom .earth a{     max-width: 140px;position: absolute; font-size: 14px; color: #333; line-height: 24px; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.fil-bottom .earth a:hover,.fil-bottom .earth a:active{ color: #0f7ac7; font-weight: 400;}
.fil-bottom .earth a:before{ content: '';  width: 30px; height: 30px; display: block; background: url(../images/icon-circle.png) no-repeat center; position: absolute; left: -34px; top: -3px; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.fil-bottom .earth a:hover:before,.fil-bottom .earth a:active:before{ background: url(../images/icon-circle01.png) no-repeat center; }
.earth a:nth-of-type(1){  top: 356px; left: 562px;}

.earth a:nth-of-type(2){  top: 398px; left: 346px;}
.earth a:nth-of-type(3){  top: 386px; left: 818px;}

.earth a:nth-of-type(4){  top: 460px; left: 399px;}
.earth a:nth-of-type(5){  top: 458px; left: 603px;}

.earth a:nth-of-type(6){  top: 504px; left: 234px;}
.earth a:nth-of-type(7){  top: 554px; left: 480px;}
.earth a:nth-of-type(8){  top: 548px; left: 732px;}
.earth a:nth-of-type(9){  top: 504px; left: 910px;}

.earth a:nth-of-type(10){  top: 573px; left: 265px;}
.earth a:nth-of-type(11){  top: 618px; left: 479px;}
.earth a:nth-of-type(12){  top: 630px; left: 837px;}
.earth a:nth-of-type(13){  top: 647px; left: 1017px;}

.earth a:nth-of-type(14){  top: 645px; left: 171px;}
.earth a:nth-of-type(15){  top: 679px; left: 374px;}
.earth a:nth-of-type(16){  top: 695px; left: 584px;}
.earth a:nth-of-type(17){  top: 750px; left: 766px;}
.earth a:nth-of-type(18){  top: 733px; left: 273px;}