@charset "utf-8"; 
@font-face {font-family: "mofont"; src: url('fonts/iconfont.eot?t=1523436271711'); /* IE9*/ src: url('fonts/iconfont.eot?t=1523436271711#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.ttf?t=1523436271711') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg?t=1523436271711#mofont') format('svg'); /* iOS 4.1- */ } 
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('fonts/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'KAUSHANSCRIPT-REGULAR'; src: url('fonts/KAUSHANSCRIPT-REGULAR.TTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'HelveNueThin'; src: url('fonts/HelveNueThin.TTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'GOTHAM-BLACK'; src: url('fonts/GOTHAM-BLACK.OTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'HelveticaNeueThn'; src: url('fonts/HelveticaNeueThn.TTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'LANEUP'; src: url('fonts/LANEUP.TTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'AVGARDD'; src: url('fonts/AVGARDD.TTF'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'GOTHAMRND-BOOK'; src: url('fonts/GOTHAMRND-BOOK.OTF'); font-weight: normal; font-style: normal; } 


.hide, .popup {display: none;}

* { padding: 0; margin: 0; } 
ul li { list-style: none; } 
p{padding:0;}
a { text-decoration: none; } 
img { border: none; } 
input { border: none; background: none; } 
input, textarea { font-family: "微软雅黑",Arial ; outline: 0; font-size: 14px; -webkit-appearance: none; } 
.clear { clear: both; } 
.fl { float: left; } 
.fr { float: right; } 
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block } 
.yy_tag_I { margin: 0 5px } 
html, body { font: 12px Arial, "微软雅黑"; color: #929292; width: 100%; height: 100%; background: #fff } 
.fw { margin: 0 auto; width: 1180px; } 
body { overflow-x: hidden; min-width: 1200px } 



.bx-wrapper { margin: 0 auto } 
#pageWrapper {} 
#header { width: 100%; height: auto; position: fixed; font-size: 14px; transition: all ease .3s; z-index: 99; transition-property: padding, background ; background-color: rgba(255, 255, 255, 0); }

.nobanner #header { background: rgba(255, 255, 255, 0.9); } 
#header .content { margin: 0 auto; width: 1200px; padding: 0px; }
#header .content { margin: 0 auto; width: 1180px; padding: 0 40px;background-color: white;}

#header #logo { width: auto; height: 56px; display: block; float: left; margin-right: 30px; margin-top:12px;} 

#header ul li.navitem { padding: 0 20px;margin:0px;width: auto; height: 80px; line-height: 80px; float: left; position: relative; } 
#header ul li.navitem:hover{color: #f35e0d;}
#header ul li.navitem.active{ color: #f35e0d;}
#header ul li.navitem.active a{color: #f35e0d;}

#header ul li.navitem ul.subnav { transition: all 0.3s ease-out 0s; position: absolute; width: 130px; border-top: #838383 3px solid; opacity: 0; visibility: hidden; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); } 
#header ul li.navitem:hover ul.subnav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); } 
#header ul li.navitem a { color: #8e8e8e; font-size:15px; transition: none ease-out .3s; transition-property: color, background, text-indent, opacity } 
#header ul li.navitem:hover a { color: #f35e0d; } 
#header ul li.navitem ul.subnav li { border-bottom: #2e2f29 1px solid } 
#header ul li.navitem ul.subnav li a { padding: 14px 0px; width: 130px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, .7); display: block; color: #bbb9b9; font-size: 12px; text-align:center;} 
#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: rgba(0, 0, 0, 1); color: #fff } 

.nav-a{ height: 80px; line-height: 80px; color:#333; margin:0px 3px;}
.nav-a:hover{color:#f35e0d; font-weight:bold;}


#header.mini { padding-top:0px; background:#fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
#header.mini #logo { margin-right:20px;margin-top: 10px;transition: all 0.36s ease 0s;height:40px;}
#header.mini #logo img{height:40px;}
#header.mini ul li.navitem { padding: 0 20px;margin:0px;width: auto; height:60px; line-height:60px;} 

#header.mini .nav-a{ height: 60px; line-height: 60px; color:#333; margin:0px 3px;}
#header.mini .nav-a:hover{color:#f35e0d; font-weight:bold;}




#sitecontent { height: auto; min-height: 1000px; } 
#indexPage #mslider { height: 100%; width: 100%; position: relative; overflow: hidden;} 
#indexPage #mslider .bx-wrapper { position: fixed; width: 100%; } 
#indexPage #mslider .bx-wrapper .bx-pager { bottom: 25px; display: none;} 
#indexPage #mslider ul li { width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover } 

#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask {} #indexPage .module { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 2; height: 100%;background-color: rgba(248, 248, 248, 1);} 
#indexPage .module:last-child { border: none } 
#indexPage .module .bgmask { background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none } 
#indexPage .module.bgShow { background-attachment: fixed } 
#indexPage .module.bgShow .bgmask { display: block } 

/*幻灯*/
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background-color: #BCBCBC; border: 1px solid #BCBCBC; }
/*幻灯切换按钮*/
#mslider .bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,.2); }
#mslider .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../images/jiantou.png)no-repeat 0px 0px; width: 40px; height: 40px; margin: 0; }
#mslider .bx-wrapper .bx-controls-direction a.bx-next i { background: url(../images/jiantou.png)no-repeat -39px 0px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0,0,0,.9); }
#indexPage .bx-wrapper .bx-controls-direction a:hover { background: none }


/*****计数器******/
.module.mcounter ul.content_list { width: 100%; height: auto; padding-top: 55px;padding-bottom: 55px;} 
.module.mcounter ul.content_list li { width: 33.33%; height: 108px; float: left; text-align: center; } 
.module.mcounter ul.content_list li div { border-right:rgba(0,0,0,.08) 1px solid; } 
.module.mcounter ul.content_list li:last-child div { border-right: none } 
.module.mcounter ul.content_list li p { text-align: center; font-size: 14px; color: #9e9e9e; } 
.module.mcounter ul.content_list li p.number { margin-top: 15px; } 
.module.mcounter ul.content_list li p.number .counterDX { font-size: 48px; color: rgba(60, 60, 60, 1); font-family: HELVETICANEUELTPRO-THEX, Arial; text-align: center; margin-top: 15px; } 
.module.mcounter ul.content_list li p.number .unit { font-size: 14px; margin-left: 5px; color: rgba(149, 149, 149, 1);} 
.module.mcounter ul.content_list li p.title { margin-bottom: 10px; color: rgba(149, 149, 149, 1);} 




.content .header { padding-bottom: 50px; padding-top: 80px } 
.content .header p { text-align: center; } 
.content .header p.title { color: #303030; font-size: 30px; font-family:"微软雅黑";z-index:2; position:relative;} 
.content .header p.subtitle { color: rgba(229, 229, 229, 0.3); font-size: 48px; text-transform:uppercase; margin-top:-25px; position:relative; z-index:1; background:url(../images/line.jpg) center bottom no-repeat;line-height: 1;} 


#servicelist { width: 1126px; margin: 0 auto } 
#servicelist .wrap { margin-right: -50px } 
#servicelist .serviceitem { width: 342px; height: 335px; float: left; margin-bottom: 50px; margin-right: 50px; } 
#servicelist .serviceitem a { display: block; width: 100%; height: 100% } 
#servicelist .serviceitem a img { float: none; width: 342px; height: auto; margin: 0 auto } 
#servicelist .serviceitem div { text-align: center; margin-top: 15px } 
#servicelist .serviceitem div p.title { color: #595959; font-size: 16px; height: 40px; line-height: 40px; transition: all ease-out .2s } 
#servicelist .serviceitem div p.description { color: #848484; font-size: 13px; line-height: 24px; height: 50px; overflow: hidden; width: 100% } 
#servicelist .serviceitem:hover .title { color: #838383 } 
#indexPage #mservice .slider_control { color: #898989 } 
#indexPage #mservice .slider_control:hover { color: #141414; } 



.slideGroup .parHd{text-align: center;margin-bottom:30px;}
.slideGroup .parHd ul{float:left;position:absolute;top:-1px;  }
.slideGroup .parHd li { font-size:15px;background: #fff; border:1px solid #313131;height:35px;line-height:35px; min-width: 120px; padding: 0 15px; white-space: nowrap; border-radius:20px;display: inline-table;margin:0px 4px;cursor:pointer; color: #333;}
.slideGroup .parHd li:hover{background:#f35e0d; color:#fff;border:1px solid #f35e0d;}






#indexPage #mproject { background:#fff;} 
#indexPage #mproject .content { margin-top: -15% } 
#indexPage #mproject .content .wrapper { width: 100%; margin: 0 } 
#projectlist .projectitem { width: 24%; height: auto; margin-right: 1%; margin-bottom: 1%; float: left; position: relative; background: #000 } 
#indexPage #projectlist .projectitem { margin: 0 } 
#indexPage #mproject .bx-wrapper .bx-pager { bottom: -40px } 
#indexPage #mproject .bx-wrapper .bx-controls-direction { display: none } 
#indexPage #mproject a.more { margin-top: 80px } 
#projectlist .projectitem a { display: block; overflow: hidden } 
#projectlist .projectitem a img { float: none; width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
#projectlist .projectitem a:hover img { transform: scale(1.2, 1.2) } 
#projectlist .projectitem a .project_info { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; transition: all ease-out .3s; } 
#projectlist .projectitem a:hover .project_info { background: rgba(0, 0, 0, .7) } 
#projectlist .projectitem a .project_info p { text-align: center; color: #fff; padding: 0 20px } 
#projectlist .projectitem a .project_info div { position: relative; top: 50%; margin-top: -15px } 
#projectlist .projectitem a .project_info p.title { margin-top: 10px; color: rgba(0, 0, 0, 0); font-size: 16px; transition: all ease-out .3s; } 
#projectlist .projectitem a:hover .project_info p.title { margin-top: 0px; color: #fff; font-size: 16px } 
#projectlist .projectitem a .project_info p.subtitle { margin-top: 16px; color: rgba(0, 0, 0, 0); font-size: 12px; transition: all ease-out .3s; } 
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 0px; color: #b7b7b7; } 
#projectmore { width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; display: block; background: #343434; transition: all ease-out .3s; text-indent: 0px; position: relative; z-index: 1 } 
#projectmore:hover { width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; display: block; background: #838383; text-indent: -50px; } 

#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details { border: #dfdfdf 1px solid; background: rgba(255, 255, 255, .0); width: 360px; height: 58px; display: block; margin: 40px auto 50px; line-height: 58px; font-size: 20px; color: #838383; text-indent: 150px; border-radius: 30px; transition: all ease-out .3s; } 

#indexPage a.details, #sitecontent .npagePage a.details { display: none; } 
#indexPage a.more:hover, #indexPage a.details:hover, #sitecontent .npagePage a.details:hover { border-color: #b6b6b6; text-indent: 130px; } 
#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { text-indent: -10px; font-size: 24px; color: rgba(255, 255, 255, .0); transition: all ease-out .3s } 
#indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i { text-indent: 18px; color: #707070; } 


/*********关于我们*************/
#indexPage #mpage {background-color: #f8f8f8;padding: 0px 0 50px;}
#indexPage #mpage .content {height: 592px;margin-top: -230px;} 
#indexPage #mpage .wrapper { width: 1200px; height: 100%; overflow: hidden; margin: 0 auto } 
#indexPage #mpage .wrapper li { width: 100%; height: auto; } 
#indexPage #mpage .wrapper li .fimg {position: relative;  height: 310px; width: 420px; }
#indexPage #mpage .module-content .more {border: #dfdfdf 1px solid;margin-top: 340px;position: absolute;margin-left: 500px;color: transparent;background: url(../images/jiantou.png)no-repeat 26px -97px;width: 148px;height: 30px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size: 0px;}
#mpage .module-content .des-wrap { width: 700px; text-indent:2em; text-align: left;float: right; font-size:14px; color:#626262; line-height:1.8;}
#mpage .module-content .description { width: 700px; text-indent:2em; text-align: left;float: right; font-size:14px; color:#626262; line-height:1.8;}

#indexPage #mpage .wrapper li .fimg .sotu{ display:block; position:absolute; top:29px; left:0;}
#indexPage #mpage .wrapper li .fimg .sotu1{ display:block; position:relative; width:400px; height:254px; overflow:hidden; z-index:2; top:0px; left:0px;transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;}
#indexPage #mpage .wrapper li .fimg .sotu2{display:block;position:absolute;width:400px; height:254px;background:#f35e0d;z-index:1;top:10px;left:10px;transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;}
#indexPage #mpage .wrapper li .fimg:hover .sotu1{ top:-5px; left:-5px; }
#indexPage #mpage .wrapper li .fimg:hover .sotu2{ top:15px; left:15px;}

.index_about {
	display: flex; flex-direction: column; gap: 60px;
}
.index_about .item {
	display: flex;  gap: 100px;
}
.index_about .item.reverse {
	flex-direction: row-reverse;
}
.index_about .item .img {
	align-self: start;
	width: 400px; position: relative;
}
.index_about .item .img img {
	width: 100%; position: relative; z-index: 2;
}
.index_about .item .img::after {
	content: ''; display: block; width: 100%; height: 100%;
	background-color: #f35e0d;
	position: absolute; left: 10px; top: 10px; z-index: 1;
}
.index_about .item .txt {
	flex:  1 1 0%;
}
.index_about .item .txt .title {
	font-size: 20px; line-height: 1.5em; color: #f35e0d;
}
.index_about .item .txt .des {
	margin: 20px 0 30px;
	font-size: 14px; line-height: 1.8em;
}
.index_about .item .txt .des p {
	text-indent: 2em;
}
.index_about .item .txt .more_des {
	display: inline-block;
	width: 148px; height: 30px;
	border: #dfdfdf 1px solid;
	color: transparent; background: url(../images/jiantou.png) no-repeat 26px -97px;	
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


/*******新闻中心*********/
#indexPage #mnews { background-color: #fff; } 

#indexPage #mnews .newslist { width: 1200px; height: 100%; overflow: hidden; margin: 0 auto; margin-bottom:40px; } 

.new_cont{width:1200px;margin:40px auto 0 auto;overflow: hidden;}
.new_lf{ float:left; width:42%; background:#f35e0d;}
.new_lf .new_img{ width:100%; overflow:hidden;height:240px;}
.new_lf .new_img img{width:100%;}

.new_lf .new_nr{width:100%; padding: 28px 20px; overflow:hidden; box-sizing:border-box;}
.new_lf .data{ float:left; width:60px;line-height:1.5;text-align:center;}
.new_lf .data .ri{font-size: 36px;font-weight: bold; color:#fff;letter-spacing: 1px; }
.new_lf .data .year{font-size:13px;color: rgba(255, 255, 255, .6);}
.new_lf .new_text{width:calc(100% - 80px);}
.new_lf h3{ color:#fff; font-size:16px; line-height:2; padding-bottom:10px; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(255, 255, 255, .2);}
.new_lf p{ color:rgba(255, 255, 255, .7); font-size:13px; line-height:26px; margin-top:20px;}



.new_rf .new_nr{width:100%; padding: 10px 0px; overflow:hidden; box-sizing:border-box;}
.new_rf .data{ width:60px;line-height:1.5;text-align:center;}
.new_rf .data .ri{font-size: 36px;font-weight: bold; color:#888;letter-spacing: 1px; transition: all 0.36s ease;}
.new_rf .data .year{font-size:13px;color:#868585;transition: all 0.36s ease;}
.new_rf .data .more{ display:inline-block; float:right; background:url(../images/icon_jt.png) left 30px center no-repeat; width:60px; height:40px;ransition: all 0.36s ease;}

.new_rf .new_text{width:calc(100% - 100px);}
.new_rf h3{ color:#333; font-size:16px; transition: all 0.36s ease; line-height:2; padding-bottom:10px; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid rgba(0, 0, 0, .1);}
.new_rf p{ color:#868585; font-size:13px; line-height:26px; margin-top:20px;}
.new_rf .new_nr:hover h3{ color:#f35e0d; padding-left:10px;}
.new_rf .new_nr:hover .more{background:url(../images/icon_jt1.png) left 35px center no-repeat;}

.new_rf{ width:53%; float:right;}
.new_rf ul{ }
.new_rf ul li{ border-bottom:1px solid rgba(0, 0, 0, 0.1);line-height: 2;padding-bottom: 10px; margin-bottom:10px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.new_rf ul li a{color:#868585;font-size: 14px;transition: all 0.36s ease;}
.new_rf ul li span{color:#868585;font-size: 13px; float:right;transition: all 0.36s ease;}
.new_rf ul li:hover a{ color:#f35e0d; padding-left:10px;}
.new_rf ul li:hover span{ color:#f35e0d; padding-right:10px;}
	

	
	
/******联系方式*******/	
.mmap{ background:#fff; overflow:hidden;}
.contact-second{width: 100%;height:411px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:411px;}
.contact-second .consec-address{width: 1200px;margin: 0px auto;position: relative;}
.consec-address .consec-content{position: absolute;top:0px;left:0;z-index: 3;width:330px;height:411px; background:rgba(243, 94, 13, 0.7);}
	
.rf { display: block; float: right;overflow: hidden;}
.lf { display: block; float: left;overflow: hidden;}
.map{ background:url(../images/map.jpg) center top no-repeat; height:411px; margin-top:-4px; position:relative; z-index:0; padding-top:140px;}


.ad1{ height:34px; padding:34px 30px; border-bottom:1px solid #fff;} 
.ad2{ height:34px; padding:34px 30px;}
.ad12{ float:left; padding-left:18px; width:210px; font-size:14px; color:#fff; line-height:1.5;}
	
	




footer{ background:#f35f0f; color: #ccc;padding: 20px 0px; overflow: hidden; line-height: 24px; position: relative;}

footer .item h4{ color: #fff;font-size:18px; margin:25px 0 15px 0;}
footer a{transition:0.3s; color: #fff;}
footer a:hover{ color: #ffde09; text-decoration:none;}
footer .item{float: left; width:25%;}
footer li{position: relative; overflow: hidden;margin-bottom: 10px; color:#fff;line-height:1.8; font-size:13px;}
footer .item1 p{position: relative; overflow: hidden;margin-top:30px; color:#fff;line-height:1.5; font-size:16px;}

footer li.icon-dian{background:url(../images/icon_dianhua.png) left center no-repeat;}
footer li.icon-youjian{background:url(../images/icon_youjian.png) left center no-repeat;}
footer li.icon-ren{background:url(../images/icon_ren.png) left center no-repeat;}
footer li.icon-dizhi{background:url(../images/icon_dizhi.png)  left top 3px no-repeat;}
footer li.icon-fax{background:url(../images/icon_fax.png)  left center no-repeat;}

	
	
#footer { background: #202020; width: 100%; position: relative; z-index: 2 } 
#footer p { text-align: center; padding: 15px 0px; width: 1200px; margin: 0 auto; font-size: 12px; color: #fff; height: 20px; line-height: 20px } 
#footer a { display: inline-block; width: 50px; height: 20px; vertical-align: top; margin-left: 10px; margin-right: 40px } 



#headSHBtn { display: none; width: 40px; height: 40px; background: #000; line-height: 40px; text-align: center; color: #fff; position: absolute; top: 0; right: -40px } 
#mcontact .content>.header { animation-name: fadeInUp; } 
#mpage .module-content .header { animation-name: fadeInUp; animation-delay: 0.2s } 
#mpage .module-content .description { animation-name: fadeInUp; animation-delay: 0.3s } 
#mpage .module-content .more { animation-name: fadeInUp; animation-delay: 0.5s } 
#mpage .module-content .fimg { animation-name: fadeInUp; animation-delay: 0.3s } 
#mproject .content>.header { animation-name: fadeInUp; } 
#projectlist .projectitem { animation-name: slideInUp; } 
#indexPage #mproject a.more { animation-name: fadeInUp; animation-delay: 0.5s } 
#mservice .content>.header { animation-name: fadeInUp; } 
#servicelist .serviceitem { animation-name: slideInUp; } 
#indexPage #mservice a.more { animation-name: fadeInUp; animation-delay: 0.5s } 
.animated { animation-name: fadeInUp; animation-delay: 0s; } 
#projectlist .projectitem { animation-name: fadeInUp; } 

ul.content_list:after { content: ''; display: block; clear: both; } 
body.ipusher #header #headSHBtn i { margin-left: 0px; } 
.nav-a i { display: inline; } 

#projectitem_1 { animation-name: fadeInUp; animation-delay: 0.1s; } 
#projectitem_2 { animation-name: fadeInUp; animation-delay: 0.2s; } 
#projectitem_3 { animation-name: fadeInUp; animation-delay: 0.3s; } 
#projectitem_4 { animation-name: fadeInUp; animation-delay: 0.4s; } 
#projectitem_5 { animation-name: fadeInUp; animation-delay: 0.5s; } 
#projectitem_6 { animation-name: fadeInUp; animation-delay: 0.6s; } 
#projectitem_7 { animation-name: fadeInUp; animation-delay: 0.7s; } 
#projectitem_8 { animation-name: fadeInUp; animation-delay: 0.8s; } 
#projectitem_9 { animation-name: fadeInUp; animation-delay: 0.9s; } 
#projectitem_10 { animation-name: fadeInUp; animation-delay: 1s; } 
#projectitem_11 { animation-name: fadeInUp; animation-delay: 1.1s; }