@charset "utf-8";

.header{ width: 100%; height: 135px; }
.header-top-bar{ width: 100%; height: 35px; line-height: 33px; background-color: #2f2826; color: #777; }
.header-nav-bar{ width: 100%; height: 100px; background-color: #fff; border-bottom: 1px solid #efeef5; }
.header-logo{ padding-left: 35px; }
.header-logo img{ padding-top: 23px; }
.header-nav-list{ padding-right: 35px; }
.header-nav-list li{ float: left; }
.header-nav-list li a{ display: block; padding: 0 32px; font-size: 16px; color: #2f2725;  height: 96px; line-height: 96px; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 2px solid #fff; transition: 0.3s;}
.header-nav-list li a:hover{ color: #eb6100 }
.header-nav-list li.on a{ border-right: 1px solid #ffe5d3; border-left: 1px solid #ffe5d3; border-top: 2px solid #eb6100; color: #eb6100;  }
.wel_2{ padding-left:35px; }
.welcome{ padding-right: 35px; }
.welcome p{ padding: 0 32px; }
.welcome span{ display: block; float: left; color: #000; height: 35px; background-color: #000; width: 1px; }
.wel_2 a{ transition: 0.3s; }
.wel_2 a:hover{ color: #fff;  }
.index_product{ width: 100%; height: 1000px; background-color: #fff;}
.index_product_main{ width: 1200px; height: 900px; padding-top: 50px; }
.index_product_left{ width: 190px; height: 800px; }
.index_product_left h2{ font-size:27px ; color: #2f2725; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.index_product_left i{ display: block; width: 30px; height: 4px; margin-top:20px; margin-bottom:10px; background-color: #ED5B06; }
.index_product_left h5{ font-size:20px ; color: #000; margin-bottom: 40px;}
.index_product_right{ width: 960px; height: 800px; }
.index_product_right{ padding-top: 25px; }
.index_product_right_h3{ height: 55px; line-height: 55px;  width: 100%; border-bottom: 1px solid #eeeeee; }


.index_product_right_h3 span{font-size: 18px; color: #2f2725; display: inline-block; width: 90px; border-bottom: 1px solid #ED5B06; }
.index_more{ color: #888; font-size: 12px; display: inline-block; }
.index_product_right_main{ width: 100%; height: auto; }
.index_product_right_main .index_product_list{ display: block; float: left; margin-top: 30px; margin-right: 25px; width: 300px; height: 350px; 
-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border:1px solid #dddddd; }
.index_product_right_main .index_product_list .pic1 img{ width: 100%;  }
.index_product_right_main .index_product_list span{ display: inline-block; width: 100%; height:50px; line-height: 50px; text-align: center; font-size: 14px; color: #555;  }
.pic1{ width: 300px; height: 300px; }
.index_product_right_main .index_product_list:hover {
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.3);
    box-shadow:0 10px 20px rgba(0,0,0,0.3);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
    color: #ED5B06;
}
.index_product_right_main .index_product_list:hover .title{ color: #ED5B06 }
.index_product_list:nth-child(3){ margin-right: 0; }
.index_product_list:nth-child(6){ margin-right: 0; }

.index_product_list2:nth-child(3){ margin-right: 0; }
.index_product_list2:nth-child(6){ margin-right: 0; }














/* banner轮播css */
		.slideBox{ width:100%;  position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:30px; z-index:1; margin-right: -40px; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px; margin: 0 7px;  width:15px; height:15px; line-height:50px; border-radius: 20px; text-align:center; background:#fff; cursor:pointer; opacity: 0.8; }
		.slideBox .hd ul li.on{ background:#eb6100; color:#fff; opacity: 1;opacity: 0.8;  }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:auto; display:block;  }

		.slideBox,
		.slideBox .bd,
		.slideBox .bd li,
		.slideBox .bd li a{
			display: block;
			width: 100%;
		}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		
		
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

		.slideBox .prev {
		    left: -100%;
		    background: #CCCACA url(../images/ico_left.png) 0 0px no-repeat;
		}
		.slideBox .next {
		    right: -100%;
		    background: #CCCACA url(../images/ico_right.png) 0 0px no-repeat;
		}
		.slideBox:hover .prev {
		    left: 3%;
		}
		.slideBox:hover .next {
		    right: 3%;
		}
		.slideBox .prev,.slideBox .next{ top: 120px;}

		 .slideBox .prev,.slideBox .next {
		    z-index: 5;
		    position: absolute;
		    top: 45%;
		    display: block;
		    width: 72px;
		    height: 72px;
		    -webkit-transition: .5s;
		    -o-transition: .5s;
		    transition: .5s;
		    opacity: .7;
		}



				/* 手风琴 css */
		.sideMenu{  }
		.sideMenu h3 a{ color: #fff; transition: 0s;}
		.sideMenu h3 a:hover{ color: #fff;transition: 0s; }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:45px; cursor:pointer; margin-bottom: 25px;
			font:normal 14px/32px "Microsoft YaHei"; color: #2f2725; transition: 0s; border-radius:20px;
		}
		.sideMenu ul li a:hover{ color: #eb6100;background: url(../images/jiantou.png) no-repeat right center;  }
		.sideMenu h3:hover{ color: #fff; transition: 0s; border-radius:20px;}
	    .sideMenu .catname1{ transition: 0s; background:url(../images/ico.png) no-repeat left center; }
	    .sideMenu .catname2{ background:url(../images/ico_2.png) no-repeat left center; }
	    .sideMenu .catname3{ background:url(../images/ico_3.png) no-repeat left center; }
	    .sideMenu .catname4{ background:url(../images/ico_4.png) no-repeat left center; }
	    .sideMenu .catname5{ background:url(../images/ico_1.png) no-repeat left center; }
	    .sideMenu .catname1:hover{ transition: 0s; color: #fff;  background:#eb6100 url(../images/ico.png) no-repeat left center;  }
	    .sideMenu .catname2:hover{ color: #fff;  background:#eb6100 url(../images/ico_2.png) no-repeat left center; }
	    .sideMenu .catname3:hover{ color: #fff;  background:#eb6100 url(../images/ico_3.png) no-repeat left center; }
	    .sideMenu .catname4:hover{ color: #fff; background:#eb6100 url(../images/ico_4.png) no-repeat left center; }
	    .sideMenu .catname5:hover{ color: #fff;  background:#eb6100 url(../images/ico_1.png) no-repeat left center; }
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu h3.on{  background-color: #eb6100; border-radius:20px; color: #fff;  }
		.sideMenu h3.on a{ color: #fff; transition: 0s; display: block;}

		.sideMenu h3 a{ color: #2f2725; transition: 0s; display: block;}
		.sideMenu h3 a:hover{ transition: 0s; color: #fff; }
		.sideMenu h3:hover{  transition: 0s; }
		.sideMenu h3:hover .sideMenu>h3>a{ color: #fff; transition: 0s; }
		.sideMenu ul{ padding-left:45px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu .on{ margin-bottom: 10px; }
.sideMenu ul{ padding-bottom: 30px; }
.sideMenu ul li{ height: 35px; line-height: 35px; }
.sideMenu ul li a{ font-size: 14px; color: #666; display: block; line-height: 35px;}.
.sideMenu li a:hover{ color: #ED5B06!important;  }




/* 定制服务css */
.service{ width: 100%; height: 575px; background: url(../images/about.png) no-repeat; background-size: 100% 100%;} 
.service_con{ width: 1200px; height: 485px; padding-top: 90px; margin: 0 auto; }
.service_con h2{ font-size:27px ; color: #2f2725; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.service_con i{ display: block; width: 30px; height: 4px; margin-top:20px; margin-bottom:10px; background-color: #ED5B06; }
.service_con  h5{ font-size:20px ; color: #000; margin-bottom: 25px;}
.service_con h6{ font-size: 20px; color: #eb6100; margin-bottom: 10px; }
.service_con p{ width: 370px; line-height: 20px; font-size: 12px; color: #777; margin-bottom: 20px; }
.service_con .gengduo{ color: #fff; background-color: #eb6100;  text-align: center; display: block; border-radius: 20px; height: 30px; line-height: 30px; width: 120px;transition: 0.3s;  }
.service_con .gengduo:hover{ border: 1px solid #eb6100; color: #eb6100;     background: none; }




/* 关于迅豹css */
.about{ width: 1200px; height: 760px; padding-top: 20px; margin: 0 auto; }
.about h2{ font-size:32px ; text-align: center; color: #2f2725; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.about i{ display: block; width: 30px; height: 4px; margin: 0 auto;  margin-top:20px; margin-bottom:10px; background-color: #ED5B06; }
.about  h5{  text-align: center; font-size:20px ; color: #000; margin-bottom: 50px;}
.about h6{ font-size: 20px; color: #eb6100; margin-bottom: 10px; }
.about .video{ text-align: center; }
.about p{ text-align: center; padding-top: 20px; width: 890px; margin: 0 auto; line-height: 30px; font-size: 12px; color: #777; margin-bottom: 20px; }
.about .gengduo{ margin: 0 auto; color: #fff; background-color: #eb6100;  text-align: center; display: block; border-radius: 20px; height: 30px; line-height: 30px; width: 120px; transition: 0.3s; }
.about .gengduo:hover{ border: 1px solid #eb6100; color: #eb6100;     background: none; }



.index_product_right_main2{ display: none; }
.index_product_right_main2{ width: 100%; height: auto; }
.index_product_right_main2 .index_product_list2{ position: relative; display: block; float: left; margin-top: 30px; margin-right: 25px; width: 300px; height: 300px; 
-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border:1px solid #dddddd; }
.index_product_right_main2 .index_product_list2 .pic1 img{ width: 100%; height: 300px; }
.index_product_right_main2 .index_product_list2 span{ display: inline-block; width: 100%; height:50px; line-height: 50px; text-align: center; font-size: 14px; color: #555;  }
.index_product_right_main2 .index_product_list2:hover {
/*     -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.3);
box-shadow:0 10px 20px rgba(0,0,0,0.3);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0); */
    color: #ED5B06;
}
.index_product_right_main2 .index_product_list2:hover .title{ background-color: #eb6100; color: #fff!important; }
.index_product_right_main2 .index_product_list2:hover .title{ color: #ED5B06 }
.index_product_right_main2 .index_product_list2:nth-child(4){ margin-right: 0; }
.index_product_right_main2 .index_product_list2:nth-child(7){ margin-right: 0; }
.sideMenu2 .on a{ color: #fff }

	.sideMenu2 h3{ height:32px; line-height:32px; padding-left:45px; cursor:pointer; margin-bottom: 25px;
		font:normal 14px/32px "Microsoft YaHei"; color: #2f2725; transition: 0s; border-radius:20px;
	}
	.sideMenu2 h3:hover{ color: #fff; transition: 0s; border-radius:20px;}
     .sideMenu2 .on:nth-child(1){ background:#eb6100 url(../images/ico_8.png) no-repeat left center;  }
     .sideMenu2 .on:nth-child(2){ background:#eb6100 url(../images/ico.png) no-repeat left center; }
     .sideMenu2 .on:nth-child(3){ background:#eb6100 url(../images/ico_1.png) no-repeat left center; }
     .sideMenu2 .on:nth-child(4){ background:#eb6100 url(../images/ico_5.png) no-repeat left center; }
     .sideMenu2 .on:nth-child(5){ background:#eb6100 url(../images/ico_6.png) no-repeat left center; }
	.sideMenu2 h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
	.sideMenu2 h3.on em{ background-position:16px -57px; }
	.sideMenu2 h3.on{ background-color: #eb6100; border-radius:20px; color: #fff;  }
	.sideMenu2 h3.on{ color: #fff; transition: 0s; }
	.sideMenu2 ul{ padding-left:45px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu2 ul{ padding-bottom: 30px; }
.sideMenu2 ul li{ height: 35px; line-height: 35px; }
.sideMenu2 ul li a{ font-size: 14px; color: #666; display: block; line-height: 35px; }.
.sideMenu2 li a:hover{ color: #ED5B06!important; }

    .sideMenu2 .catname11{ background:url(../images/ico_8.png) no-repeat left center; }
    .sideMenu2 .catname12{ background:url(../images/ico.png) no-repeat left center; }
    .sideMenu2 .catname13{ background:url(../images/ico_1.png) no-repeat left center; }
    .sideMenu2 .catname14{ background:url(../images/ico_5.png) no-repeat left center; }
    .sideMenu2 .catname15{ background:url(../images/ico_6.png) no-repeat left center; }
.index_product_list2 .title{ position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,255,0.6);  }
.index_product_right_main2 .index_product_list2 .title{ color: #2f2725; }


/* 动态css */
.news{ width: 1200px; height: 640px; padding-top: 80px; margin: 0 auto; }
.news h2{ font-size:32px ; text-align: center; color: #2f2725; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.news i{ display: block; width: 30px; height: 4px; margin: 0 auto;  margin-top:20px; margin-bottom:10px; background-color: #ED5B06; }
.news  h5{  text-align: center; font-size:20px ; color: #000; margin-bottom: 30px;}
.xxk{ width: 420px; height: 30px; margin: 0 auto; margin-bottom: 75px; }
.xxk li{ float: left; width: 120px; height: 30px; border-radius: 20px; background-color: #f4f4f4; color: #666; text-align: center; line-height: 30px; margin: 0 10px; } 
.xxk .on{ background-color: #eb6100; color: #fff; }
.xxk .on a{  color: #fff; }
.news_left{ float: left; width: 580px; }
.news_left .news_img{ position: relative; }
.news_img img{ width: 580px; height: 200px; }
.news_left .news_img p{ position: absolute; top: 0; left: 0;  width:100px; height: 80px; background-color: #eb6100; color: #fff; font-size: 14px; line-height: 25px; text-align: center; }
.news_left .news_img p span{ font-size: 48px; display: inline-block; padding-top: 15px; }
.news_left h3{ font-size: 18px; color: #2f2725; line-height: 40px; }
.news_left h4{ font-size: 12px; color: #666; line-height: 20px; }
.news_left .gengduo{ margin-top: 15px; color: #fff; background-color: #eb6100;  text-align: center; display: block; border-radius: 20px; height: 30px; line-height: 30px; width: 120px; transition: 0.3s; }
.news_left .gengduo:hover{ border: 1px solid #eb6100; color: #eb6100;     background: none; }
.news_right{ width: 580px; float: right; }
.news_date{ float: left; width: 70px; height: 70px; text-align: center; line-height: 25px; font-size: 14px; color: #666; }
.news_date span{ font-size: 48px; }
.news_main h3{ font-size: 16px; color: #2f2725; line-height: 4px; }
.news_main h4{ font-size: 12px; color: #666; line-height: 20px; padding-top: 18px; }
.news_right>a{ height: 65px; display: block; width: 580px; padding-top:30px;  padding-bottom: 20px; border-bottom: 1px solid #eeeeee }
.news_right>a:nth-child(1){ padding-top: 10px; }
.news_main{ float: right; width: 475px; }
.news_con{ display: none; }
.xxk li a{ display: block; }
.news_right a:hover .ga1{ color: #eb6100; }

.m{ margin: 0 auto; }

/* 关于迅豹css */
.partner{ width: 1200px; height: 580px; padding-top: 20px; margin: 0 auto; }
.partner h2{ font-size:32px ; text-align: center; color: #2f2725; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.partner i{ display: block; width: 30px; height: 4px; margin: 0 auto;  margin-top:20px; margin-bottom:10px; background-color: #ED5B06; }
.partner  h5{  text-align: center; font-size:20px ; color: #000; margin-bottom: 50px;}
.partner h6{ font-size: 20px; color: #eb6100; margin-bottom: 10px; }
.partner .video{ text-align: center; }
.partner .partner_list p{ line-height: 130px; text-align: center; display: table-cell; vertical-align:middle;margin-right: 20px; margin-bottom:20px; float: left; width: 240px; height: 130px;  -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.partner .partner_list p img{ vertical-align:middle; }
.partner .partner_list p:hover{     -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.3);
    box-shadow:0 10px 20px rgba(0,0,0,0.3);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0); }
.partner .partner_list p:nth-child(4){ margin-right: 0; }
.partner .partner_list p:nth-child(8){ margin-right: 0; }
.partner_list{ width: 1020px; margin: 0 auto; }
.foot_top{ width: 100%; height: 350px; background-color: #2f2725; }
.foot_top_con{ width: 1200px; height: 350px; margin: 0 auto; }
.foot_top_left{ float: left; width: 354px; margin-right: 70px; }
.foot_top_center{ float: left; width: 530px; padding-top: 70px;}
.foot_top_right{ float: right;padding-top: 70px; width: 170px; }
.foot_top_right img{  width: 100%; }
.foot_top_left .foot_logo{ padding-bottom: 25px; padding-top: 35px; border-bottom: 1px solid #343434; margin-bottom: 10px; }
.foot_top_left p{ line-height: 30px; font-size: 14px; color: #777; padding-left: 30px;  padding-top: 10px;}
.foot_top_left p:nth-child(2){ background: url(../images/ico_foot_1.png) no-repeat left 17px; }
.foot_top_left p:nth-child(3){ background: url(../images/ico_foot_2.png) no-repeat left 17px; }
.foot_top_left p:nth-child(4){ background: url(../images/ico_foot_3.png) no-repeat left 17px; }
.foot_top_left p:nth-child(5){ background: url(../images/ico_foot_4.png) no-repeat left 17px; }
.foot_top_center ul h3{ font-size: 16px; color: #b1b1b1; padding-bottom: 25px; }
.foot_top_center ul li a{ font-size: 12px; color: #777; }
.foot_top_center ul li{ line-height: 30px; display: in }
.foot_top_center ul{ margin-right: 50px; float: left; }
.foot_top_center ul li a:hover{ color: #eb6100; }
.foot_top_right{ text-align: center; color: #777; }
.foot_bottom{ width: 100%; height: 93px; background-color: #1e1816; }
.foot_bottom ul{ text-align: center; margin: 0 auto; text-align: center; clear: both;  padding-bottom: 15px; padding-top: 20px;}
.foot_bottom{ text-align: center; }
.foot_bottom ul li{ display: inline-block; }
.foot_bottom ul h3{ display: inline-block; color: #b1b1b1; }
.partner_con{ width: 100%;background-color: #f4f4f4; border-bottom: 4px solid #e95a0c; }
.partner h2{ padding-top: 60px; }
.partner_list p{ background-color: #fff; }



.xia-i{ display: block; width: 42px; height: 1px; background-color: #aaaaaa; margin: 0 auto; margin-top: 30px;margin-bottom: 30px;  }
.xia-i2{ display: block; width: 42px; height: 1px; background-color: #aaaaaa;margin-top: 30px;margin-bottom: 30px;  }
.about_left_xia{ float: left; width: 465px; height: 265px; float: left; }
.about_left_xia p{ float: left; margin-right: 7px; margin-bottom: 7px; }
.about_right_xia{ float: right; width: 650px; text-align: left; }
.subtit-xia{ font-size: 18px; color: #333; padding-top: 40px; padding-bottom: 40px; }
.about_top{ width: 1200px; height: auto; margin-bottom: 50px; }
.p-left{ width: 1200px; height: 273px; display: none; margin-bottom: 30px; transition: 1s; }
.p-left .pic{ padding-top: 50px; padding-left: 55px; width: 150px; float: left; }
.p-left .detail{ width: 870px; margin-right: 60px; float: right; padding-top: 50px;  }
.p-left .detail h5{ padding-bottom:20px; color: #333; font-size: 20px; }
.p-left .detail p{color: #787878; font-size: 14px; line-height: 25px; }
.about-xia { margin-left: 270px; width: 800px;transition: 1s; }
.about-xia li{ float: left; background: url(../images/xia-dian-1.jpg) no-repeat 5px center; transition: background 0.3s; transition: 1s; }
.about-xia li a{ font-size: 18px; color: #666; padding: 0 20px; line-height: 25px;  transition: 1s;}
.xia-i-2{ display: inline-block;  height: 28px; margin: 0 5px; }
.about-xia .on{ background: url(../images/xia-dian-2.jpg) no-repeat 5px center!important;  transition: 1s;}
.about-xia .on a{ color: #ED5B06; }



   /* 发展历程切换 */
        .picScroll-left{ width:1200px;  overflow:hidden; position:relative;    margin: 0 auto;  margin-top: 30px;}
        .picScroll-left .hd{ overflow:hidden;  line-height: 50px; padding:0 10px;  }
        .picScroll-left .hd ul{ overflow:hidden; zoom:1; margin: 0 auto; margin-top:160px; zoom:1; text-align: center; }
        .picScroll-left .hd ul li{ display: inline-block; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background-color: #999; border-radius: 100px; }
        .picScroll-left .hd ul li.on{  background-color: #f26600;  }
        .picScroll-left .bd{ width: 1200px; height: 120px;  }
        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left .bd ul li{   width: 300px; float:left; _display:inline; overflow:hidden; text-align:center;  }
        .picScroll-left .bd ul li .pic{ text-align:center; }
        .picScroll-left .bd ul li .title{ line-height:24px;   }
        .picList li a{ display: inline-block; }
        .picList li h3{ color: #000; font-size: 36px; }
        .picList li h4{ color: #666; font-size: 16px; }
        .picScroll-left .next{ display:block;  width:42px; height:35px; position: absolute; left: 0; top: 50px; background: url(../images/left.png) no-repeat; z-index: 999; }
        .picScroll-left .prev{ display:block;  width:42px; height:35px; position: absolute; right: 0; top: 50px; background: url(../images/right.png) no-repeat; z-index: 999;}
        .picScroll-left .bd ul li span{ display: inline-block; width: 293px; height: 50px; line-height: 50px; background-color: #fff; color: #333; font-size: 16px; text-align: center; margin-top: -5px; }




        .about-service p{  font-size: 14px; color: #333; text-align: center; padding: 0 20px;  padding-top: 25px;}
        .about-system-content li p{ width: 242px; height: 143px; padding:0 25px; padding-top: 50px; background-color: #eeeeee; }
        .about-system-content li span{ display:inline-block; position: absolute; top: -40px; left: 15px;  }
        .about-system-content li{ float: left; margin-right: 10px; position: relative; }
        .about-system-content li:nth-child(4){ float: left; margin-right: 0px; }