up

assets/css/css.css

@@ -1,254 +1,254 @@
-@charset "utf-8";
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
-fieldset,img{border:0;}
-table{border-collapse:collapse; border-spacing:0;}
-ol,ul{list-style:none;}
-address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}
-caption,th{text-align:left;}
-h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
-q:before,q:after{content:'';}
-abbr,acronym{border:0;}
-/*--clearfix--*/
-.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
-.clearfix{display:inline-block;}
-/*--Hides from IE-mac--*/
-* html .clearfix{height:1%;}
-.clearfix{display:block;}
-
-	body {
-	font:14px '微软雅黑',sans-serif;
-	color:#333!important
-}
-a {
-	text-decoration:none;
-	color:#5a5a5a;
-	outline:0;
-	blr:expression(this.onFocus=this.blur())
-}
-.fl {
-	float:left
-}
-.fr {
-	float:right
-}
-
-/* history */
-.history {
-	width:100%;
-	height:1100px;
-	position:relative;
-	background:url("../images/history_bg.png") center no-repeat
-}
-.start-history {
-	width:100%;
-	height:1200px;
-	/*margin:30px auto;*/
-	text-align:center;
-	background:url("assets/images/history_start.png") no-repeat top center;
-	display:block
-}
-.cc_history {
-	color:#2b2b2b;
-	font-size:33px;
-	line-height: 34px;
-	font-weight:400;
-	display:block;
-	padding-top:0px
-}
-.next_history {
-	color:#bbb;
-	font-size:16px;
-	line-height: 30px;
-	width:160px;
-	margin:0 auto;
-	/*border-bottom:1px solid #d1d1d1*/
-}
-.history-img {
-	height:2050px;
-	width:10%;
-	overflow:hidden;
-	float:left;
-	margin-top:24px;
-	margin-left:8px
-}
-.history_mid {
-	width:100%;
-	height:auto;
-	margin:0 auto;
-	background:0
-}
-.history_left {
-	width:43%;
-	height:2050px;
-	float:left;
-	clear:left;
-	position:relative;
-	overflow:hidden
-}
-.tech_left{
-	width:100%;
-	margin:30px auto;
-	clear:left;
-	position:relative;
-	overflow:hidden
-}
-.history_right {
-	width:43%;
-	height:2050px;
-	float:left;
-	position:relative;
-	overflow:hidden
-}
-.history_R {
-	width:100%;
-	height:100px;
-	margin-left:500px
-}
-.history_L {
-	width:100%;
-	height:100px;
-	float:right;
-	margin-right:500px
-}
-.history_r_2005 {
-	margin-top:120px
-}
-.history_2007 {
-	width:41%;
-	height:100px;
-	background:#FFF;
-	margin-top:73px
-}
-.history_2005_span {
-	float:left;
-	line-height:24px;
-	font-size:18px;
-	color:#0169d7
-}
-.history_2005_b {
-	float:left;
-	width:80%;
-	/*height:58px;*/
-	padding: 5px 5px 5px;
-	margin-left:15px;
-	background: #0070d2;
-	border-radius: 4px;
-	background-position:0 -1300px
-}
-.history_r_month {
-	float:left;
-	color:#FFF;
-	display:block;
-	width:30px;
-	line-height:25px;
-	height:58px;
-	border-right:1px solid #FFF;
-	margin-left:25px
-}
-.history_r_text {
-	float:left;
-	font-size:14px;
-	color:#FFF;
-	display:block;
-	line-height:25px;
-	padding-left:5px;
-	text-align:left
-}
-.year2006 {
-	margin-top:175px
-}
-.year2009 {
-	margin-top:65px
-}
-.year2011 {
-	margin-top:53px
-}
-.year211 {
-	margin-top:43px
-}
-.year2013 {
-	margin-top:62px
-}
-.yearalmost {
-	margin-top:5px
-}
-.yearalmostr {
-	margin-top:12px
-}
-.history_2008 {
-	width:41%;
-	height:100px;
-	background:#FFF;
-	margin-top:73px;
-	float:right
-}
-.history_2011 {
-	width:41%;
-	height:100px;
-	background:#FFF;
-	margin-top:43px;
-	float:right
-}
-.history_2006_span {
-	float:right;
-	line-height:24px;
-	font-size:18px;
-	color:#0169d7
-}
-.history_2006_b {
-	width:80%;
-	/*height:58px;*/
-	float:right;
-	padding: 5px 5px 5px;
-	margin-right:15px;
-	background:#0070d2;
-	border-radius: 4px;
-	/*background:url("../images/sprites.png") center;*/
-	background-position:0 -1200px
-}
-.blue {
-	background-position:0 -1400px!important
-}
-.blue_R {
-	background-position:0 -1500px!important
-}
-.yellow {
-	background-position:0 -1600px!important
-}
-.yellow_R {
-	background-position:0 -1700px!important
-}
-.history_l_month {
-	float:right;
-	color:#FFF;
-	display:block;
-	width:30px;
-	line-height:25px;
-	/*height:58px;*/
-	border-left:1px solid #FFF;
-	margin-right:37px
-}
-span.blue {
-	color:#0169d7
-}
-span.yellow {
-	color:#f76d02
-}
-.history_l_text {
-	float:right;
-	font-size:14px;
-	color:#FFF;
-	display:block;
-	/*height:58px;*/
-	line-height:25px;
-	padding-top:3px;
-	text-align:right;
-	padding-right:5px
-}
-.smalltext {
-	font-size:14px;
-	line-height:18px
-}
-.smalltxt {
-	font-size:14px
+@charset "utf-8";
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
+fieldset,img{border:0;}
+table{border-collapse:collapse; border-spacing:0;}
+ol,ul{list-style:none;}
+address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal; font-style:normal;}
+caption,th{text-align:left;}
+h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
+q:before,q:after{content:'';}
+abbr,acronym{border:0;}
+/*--clearfix--*/
+.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
+.clearfix{display:inline-block;}
+/*--Hides from IE-mac--*/
+* html .clearfix{height:1%;}
+.clearfix{display:block;}
+
+	body {
+	font:14px '微软雅黑',sans-serif;
+	color:#333!important
+}
+a {
+	text-decoration:none;
+	color:#5a5a5a;
+	outline:0;
+	blr:expression(this.onFocus=this.blur())
+}
+.fl {
+	float:left
+}
+.fr {
+	float:right
+}
+
+/* history */
+.history {
+	width:100%;
+	height:1100px;
+	position:relative;
+	background:url("../images/history_bg.webp") center no-repeat
+}
+.start-history {
+	width:100%;
+	height:1200px;
+	/*margin:30px auto;*/
+	text-align:center;
+	background:url("assets/images/history_start.png") no-repeat top center;
+	display:block
+}
+.cc_history {
+	color:#2b2b2b;
+	font-size:33px;
+	line-height: 34px;
+	font-weight:400;
+	display:block;
+	padding-top:0px
+}
+.next_history {
+	color:#bbb;
+	font-size:16px;
+	line-height: 30px;
+	width:160px;
+	margin:0 auto;
+	/*border-bottom:1px solid #d1d1d1*/
+}
+.history-img {
+	height:2050px;
+	width:10%;
+	overflow:hidden;
+	float:left;
+	margin-top:24px;
+	margin-left:8px
+}
+.history_mid {
+	width:100%;
+	height:auto;
+	margin:0 auto;
+	background:0
+}
+.history_left {
+	width:43%;
+	height:2050px;
+	float:left;
+	clear:left;
+	position:relative;
+	overflow:hidden
+}
+.tech_left{
+	width:100%;
+	margin:30px auto;
+	clear:left;
+	position:relative;
+	overflow:hidden
+}
+.history_right {
+	width:43%;
+	height:2050px;
+	float:left;
+	position:relative;
+	overflow:hidden
+}
+.history_R {
+	width:100%;
+	height:100px;
+	margin-left:500px
+}
+.history_L {
+	width:100%;
+	height:100px;
+	float:right;
+	margin-right:500px
+}
+.history_r_2005 {
+	margin-top:120px
+}
+.history_2007 {
+	width:41%;
+	height:100px;
+	background:#FFF;
+	margin-top:73px
+}
+.history_2005_span {
+	float:left;
+	line-height:24px;
+	font-size:18px;
+	color:#0169d7
+}
+.history_2005_b {
+	float:left;
+	width:80%;
+	/*height:58px;*/
+	padding: 5px 5px 5px;
+	margin-left:15px;
+	background: #0070d2;
+	border-radius: 4px;
+	background-position:0 -1300px
+}
+.history_r_month {
+	float:left;
+	color:#FFF;
+	display:block;
+	width:30px;
+	line-height:25px;
+	height:58px;
+	border-right:1px solid #FFF;
+	margin-left:25px
+}
+.history_r_text {
+	float:left;
+	font-size:14px;
+	color:#FFF;
+	display:block;
+	line-height:25px;
+	padding-left:5px;
+	text-align:left
+}
+.year2006 {
+	margin-top:175px
+}
+.year2009 {
+	margin-top:65px
+}
+.year2011 {
+	margin-top:53px
+}
+.year211 {
+	margin-top:43px
+}
+.year2013 {
+	margin-top:62px
+}
+.yearalmost {
+	margin-top:5px
+}
+.yearalmostr {
+	margin-top:12px
+}
+.history_2008 {
+	width:41%;
+	height:100px;
+	background:#FFF;
+	margin-top:73px;
+	float:right
+}
+.history_2011 {
+	width:41%;
+	height:100px;
+	background:#FFF;
+	margin-top:43px;
+	float:right
+}
+.history_2006_span {
+	float:right;
+	line-height:24px;
+	font-size:18px;
+	color:#0169d7
+}
+.history_2006_b {
+	width:80%;
+	/*height:58px;*/
+	float:right;
+	padding: 5px 5px 5px;
+	margin-right:15px;
+	background:#0070d2;
+	border-radius: 4px;
+	/*background:url("../images/sprites.png") center;*/
+	background-position:0 -1200px
+}
+.blue {
+	background-position:0 -1400px!important
+}
+.blue_R {
+	background-position:0 -1500px!important
+}
+.yellow {
+	background-position:0 -1600px!important
+}
+.yellow_R {
+	background-position:0 -1700px!important
+}
+.history_l_month {
+	float:right;
+	color:#FFF;
+	display:block;
+	width:30px;
+	line-height:25px;
+	/*height:58px;*/
+	border-left:1px solid #FFF;
+	margin-right:37px
+}
+span.blue {
+	color:#0169d7
+}
+span.yellow {
+	color:#f76d02
+}
+.history_l_text {
+	float:right;
+	font-size:14px;
+	color:#FFF;
+	display:block;
+	/*height:58px;*/
+	line-height:25px;
+	padding-top:3px;
+	text-align:right;
+	padding-right:5px
+}
+.smalltext {
+	font-size:14px;
+	line-height:18px
+}
+.smalltxt {
+	font-size:14px
 }

assets/css/style.css

@@ -629,7 +629,7 @@ img {
 
 
 .page-title {
-  background: url("../images/page-title2.jpg") center center/cover no-repeat local;
+  background: url("../images/page-title2.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -637,7 +637,7 @@ img {
 }
 
 .page-title1 {
-  background: url("../images/top_banner4.jpg") center center/cover no-repeat local;
+  background: url("../images/top_banner4.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -645,7 +645,7 @@ img {
 }
 
 .page-title2 {
-  background: url("../images/page-title2.jpg") center center/cover no-repeat local;
+  background: url("../images/page-title2.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -653,7 +653,7 @@ img {
 }
 
 .page-title3 {
-  background: url("../images/page-title3.jpg") center center/cover no-repeat local;
+  background: url("../images/page-title3.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -661,7 +661,7 @@ img {
 }
 
 .page-title4 {
-  background: url("../images/page-title4.jpg") center center/cover no-repeat local;
+  background: url("../images/page-title4.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -669,7 +669,7 @@ img {
 }
 
 .page-title5 {
-  background: url("../images/page-title6.jpg") center center/cover no-repeat local;
+  background: url("../images/page-title6.jpg.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -677,7 +677,7 @@ img {
 }
 
 .page-title6 {
-  background: url("../images/page-title6.png") center center/cover no-repeat local;
+  background: url("../images/page-title6.png.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -685,7 +685,7 @@ img {
 }
 
 .page-title-cargo-platform {
-  background: url("../images/project/agNetCargoPlatform/top.jpg") center center/cover no-repeat local;
+  background: url("../images/project/agNetCargoPlatform/top.webp") center center/cover no-repeat local;
   width: 100%;
   height: 330px;
   position: relative;
@@ -3492,7 +3492,7 @@ img {
 #0.7	about-section
 --------------------------------------------------------------*/
 .about-section, .about-section-s2 {
-  background: #ebf4fd url("../images/index/map_bk.jpg") center center;
+  background: #ebf4fd url("../images/index/map_bk.webp") center center;
   background-size: 100% 100%;
   padding: 100px 0 50px 0;
 }
@@ -3827,7 +3827,7 @@ img {
 #0.9	track-contact
 --------------------------------------------------------------*/
 .track-contact, .track-contact-s2 {
-  background: url("../images/track-contact-bg.png") center bottom/cover no-repeat local;
+  background: url("../images/track-contact-bg.webp") center bottom/cover no-repeat local;
   padding-bottom: 0;
 }
 
@@ -5059,7 +5059,7 @@ img {
 #2.4	track-contact-s2
 --------------------------------------------------------------*/
 .track-contact-s2 {
-  background: url("../images/slider/slide-2.jpg") center bottom/cover no-repeat local;
+  background: url("../images/slider/slide-2.webp") center bottom/cover no-repeat local;
 }
 
 /*--------------------------------------------------------------