@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; } 

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: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.nobanner #header { background: rgba(255, 255, 255, 0.9); } 
#header .content { margin: 0 auto; width: 1200px; padding: 0px; }
#header #logo { width: auto; height: 55px; display: block; float: left; margin-right: 30px; margin-top:15px;} 

#header ul li.navitem { padding: 0 12px;margin:0px;width: auto; height: 85px; line-height: 85px; float: left; position: relative; } 
#header ul li.navitem:hover{ background:#005bac;color: #fff;}
#header ul li.navitem.active{ background:#005bac;color: #fff;}
#header ul li.navitem.active a{color: #fff;}
#header ul li.navitem ul.subnav { transition: all 0.3s ease-out 0s; position: absolute; width: 140px; 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: #333; font-size:16px; transition: none ease-out .3s; transition-property: color, background, text-indent, opacity } 
#header ul li.navitem:hover a { color: #fff; } 
#header ul li.navitem ul.subnav li { border-bottom: #2e2f29 1px solid } 
#header ul li.navitem ul.subnav li a { padding: 14px 0px; width: 140px; 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: 85px; line-height: 85px; color:#333; margin:0px 3px;}
.nav-a:hover{color:#005bac;}


#sitecontent { height: auto;/* min-height: 1000px;*/ z-index:99999999; background:#fff; } 

#indexPage #mslider { height: 100%; width: 100%; position: relative; overflow: hidden;padding-top: 85px; } 
#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 #mslider ul li div.mask {position: absolute;left:0%;top:125px;}

@media only screen and (min-width: 1460px){#indexPage #mslider ul li div.mask {position: absolute;left:15%;top:125px;}}

	
#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: 25%; 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: 38px; font-family:"微软雅黑";z-index:2; position:relative;text-transform:uppercase;} 
.content .header p.subtitle { color: rgba(229, 229, 229, 0.5); font-size: 30px;  margin-top:-25px; position:relative; z-index:1; background:url(../images/line.jpg) center bottom no-repeat;line-height: 1.5;} 


#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; padding:0px 15px;border-radius:20px;display: inline-table;margin:0px 4px;cursor:pointer; color: #333;}
.slideGroup .parHd li:hover{background:#005bac; color:#fff;border:1px solid #005bac;}






#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: 270px; 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 .description { width: 700px; text-indent:2em; text-align: left;float: right; font-size:19px; 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:#005bac;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;}


/********应用行业***********/
#indexPage #mindustry{ background-color: #000; overflow:hidden;} 
#indexPage #mindustry .header p.title {color: #fff;}

.slide-content{width: 90%;margin:0 auto;position: relative; margin-bottom:40px; overflow:hidden;}
.slide-content:after,
.slide-content:before{content:"";display:table}
.slide-content:after{clear:both}
.slide-content .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;min-width:236px;width:25%;min-height:344px;cursor:pointer}
.slide-content .slide-item .item-bg{width:100%;height:100%}
.slide-content .slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-content .slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(20, 14, 24, 0.75);transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .bg.other-bg{opacity:.82;filter:alpha(opacity=82);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(82))}
.slide-content .slide-item .mask .content{position:absolute;left:0;right:0;top:30%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel .item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel{position:relative;width:19%;height:70px;display:inline-block;}
.slide-content .slide-item .mask .content .item-img-panel .item-img,
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}

.slide-content .slide-item .mask .content .item-title{color:#fff;font-size:22px;line-height:24px;margin:0;padding:0;margin-top:24px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-desc{font-size:14px;color:#fff;text-align:center;margin-top:30px;padding:0 23px;line-height:24px;height:72px}
.slide-content .slide-item .mask .content .item-link{display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px}
.slide-content .slide-item .mask .content .item-link:hover{color:#00c1de;background:#fff}
.slide-content .slide-item .mask .content .item-desc,.slide-content .slide-item .mask .content .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}

.slide-content .slide-item:hover .bg{background:rgba(0, 91, 172, 0.75);}

.slide-content .slide-item:hover .content{top:13%}
.slide-content .slide-item:hover .content .item-img-panel .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-content .slide-item:hover .content .item-img-panel .item-img-hover{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-content .slide-item:hover .content .line-panel{margin-top:10px}

.slide-content .slide-item:hover .content .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-content .slide-item:hover .content .item-title{margin-top:12px}
.slide-content .slide-item:hover .content .item-desc,.slide-content .slide-item:hover .content .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-content .slide-item:hover .content .item-desc{margin-top:22px}
.slide-content .slide-item:hover .content .item-link{margin-top:14%}

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

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

.newslist .new_lf{ float:left; width:46%; background:#f8f8f8; padding:20px 40px; box-sizing:border-box;}
.newslist .new_lf .data{ color:#313131; font-size:25px; line-height:2;}
.newslist .new_lf h3{ color:#313131; font-size:18px; line-height:2; font-weight:normal;}
.newslist .new_lf p{ color:#838383; font-size:12px; line-height:1.5; margin-bottom:10px;}
.newslist .new_lf .new_img{ width:100%; overflow:hidden;}
.newslist .new_lf .new_img img{ max-width:100%;}
.newslist .new_lf .more{ background:url(../images/jia.jpg) no-repeat; width:130px; height:30px; display:inline-block; margin-top:20px; cursor:pointer;}


.newslist .new_rf{ width:50%; float:right;}

.newslist .new_rf ul{ }
.newslist .new_rf ul li{ border-top:1px solid #c9c9c9; box-sizing:border-box; padding:20px 0px 20px 20px;overflow: hidden;}
.newslist .new_rf ul li dl{ width:80%; float:left;}
.newslist .new_rf ul li dl dt{color:#313131; font-size:18px; line-height:2; font-weight:normal;}
.newslist .new_rf ul li dl dt a{color:#313131; font-size:18px; line-height:2; font-weight:normal;}
.newslist .new_rf ul li dl dd{color:#838383; font-size:12px; line-height:1.5; margin-bottom:10px;}

.newslist .new_rf ul li .d_rf{ width:15%; float:right; text-align:center;}
.newslist .new_rf ul li .d_rf .data{ color:#313131; font-size:25px; line-height:1;display:block;}
.newslist .new_rf ul li .d_rf .more{ background:url(../images/jiantou1.png) no-repeat; width:43px; height:24px; display:inline-block; margin-top:20px; cursor:pointer;}
.newslist .new_rf ul li:hover dl dt a{color:#005bac;margin-left:10px;}
.newslist .new_rf ul li:hover .d_rf .more{ background:url(../images/jiantou2.png) no-repeat; margin-left:10px;}
.newslist .new_rf ul li .d_rf .more,.newslist .new_rf ul li dl dt a{transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
	
	
/******联系方式*******/	
.mmap{ background:#fff; overflow:hidden;}
.contact-second{width: 100%;height:475px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:475px;}
.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: 405px;height:475px;background:rgba(0, 91, 172, 0.61);}
	
.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:30px 30px; border-bottom:1px solid #fff;} 
.ad2{ height:34px; padding:30px 30px;}
.ad12{float:left;padding-left:18px;width: 295px;font-size:14px;color:#fff;line-height:1.5;}
	

	
	
	
#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; }