.width1120{ position:relative; width:1120px; margin:0 auto;}
.bgGray{ background:#fafafa;}
.banner{ height:574px;}
.banner .bannerList{  }
.banner .bannerList> li{ background:url('../images/yingyongbanner_03.png');}
.banner .bannerList> li ol{ position:relative;width:1120px; height:100%;    margin: 0 auto;}
.banner .bannerList> li{   text-align:center; color:#fff; font-size:14px;  width:100%; height:100%;    overflow: hidden;}
.banner .bannerList> li li{ position:absolute;}
.banner .bannerList> li li.o1{ left: 76px;    top: 100px; -webkit-animation:bounceInDown 1s ease 0s 1 both;animation:bounceInDown 1s ease 0s 1 both;}
.banner .bannerList> li li.o2{ right: -261px;  top: 63px; -webkit-animation:bounceInRight 1s ease 0.5s 1 both;animation:bounceInRight 1s ease 0.5s 1 both;}
.banner .bannerList> li.active{ display:block;}

.article{}
.article>.title{ width:100%; margin-top:30px; text-align:center; line-height:120px; border-bottom:1px solid #dddddd;}
.article>.title h2{ font-weight:normal; font-size:40px; color:#3d3d3d;}

.charaList{    margin-bottom: 150px;}
.charaList ul{ margin-top:56px;}
.charaList ul li{ float:left; width:50%; padding:35px 0; }
.charaList ul li .charaImg{ float:left; width:100px; height:85px; margin-right:10px; text-align:center;}
.charaList ul li .charaImg i{opacity: 1;-webkit-backface-visibility: hidden;   -webkit-transition: all .8s ease-in-out;    -moz-transition: all .8s ease-in-out;    transition: all .8s ease-in-out;  display:inline-block; vertical-align:top; width:86px; height:86px; background:url('../images/yingyongICon.png');}
.charaList ul li:hover .charaImg i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.charaList ul li.l1 .charaImg i{    background-position: 3px 0px;}
.charaList ul li.l2 .charaImg i{    background-position: -92px 0px;}
.charaList ul li.l3 .charaImg i{    background-position: -188px 0px;}
.charaList ul li.l4 .charaImg i{    background-position: -284px 0px;}
.charaList ul li.l5 .charaImg i{    background-position: -380px 0px;}
.charaList ul li.l6 .charaImg i{    background-position: -475px 0px;}
.charaList ul li .charaInfo{ float:left;}
.charaList ul li .charaInfo h3{line-height: 54px;font-weight:normal; font-size:22px;color:#3d3d3d;}
.charaList ul li .charaInfo p{   font-weight:normal; font-size:16px;color:#999999;}

.applicationTop{ padding-top:30px;}
.industrySchemeList{        width: 1024px; margin-top: 65px;      padding-bottom: 103px;}
.industrySchemeList li{ text-align:center; position:relative; float:left; width:220px; height:204px;    background: #fff; /*  border:1px solid #dfdfdf;*/ margin:0 18px; margin-bottom:33px;}
.industrySchemeList li .industry{ width:100%;   margin-top:40px; }
.industrySchemeList li .industry p{    margin-top: 10px; color:#9d9d9d; font-size:22px;}
.industrySchemeList li .industry i{ display:inline-block; width:90px; height:80px; background:url('../images/yingyongICon.png');}
.industrySchemeList li .industry:hover i{-webkit-animation: tada 1s 0s 1 linear both;    animation: tada 1s 0s 1 linear both;}
.industrySchemeList li:hover{ background:#44b549;    box-shadow: 0 0 15px #44b549;}
.industrySchemeList li:hover p{ color:#fff;}
.industrySchemeList li.l1 .industry i{ background-position:8px -89px}
.industrySchemeList li.l2 .industry i{ background-position:-72px -89px;}
.industrySchemeList li.l3 .industry i{ background-position:-148px -89px}
.industrySchemeList li.l4 .industry i{ background-position:-231px -89px; width:70px;}
.industrySchemeList li.l5 .industry i{ background-position:-299px -89px;}
.industrySchemeList li.l6 .industry i{ background-position:-384px -89px;width:70px;}
.industrySchemeList li.l7 .industry i{ background-position:-450px -89px;}
.industrySchemeList li.l8 .industry i{ background-position:-528px -84px;}

.industrySchemeList li:hover.l1 .industry i{ background-position:8px -167px}
.industrySchemeList li:hover.l2 .industry i{ background-position:-72px -167px;}
.industrySchemeList li:hover.l3 .industry i{ background-position:-148px -167px}
.industrySchemeList li:hover.l4 .industry i{ background-position:-231px -167px; width:70px;}
.industrySchemeList li:hover.l5 .industry i{ background-position:-299px -167px;}
.industrySchemeList li:hover.l6 .industry i{ background-position:-384px -167px;width:70px;}
.industrySchemeList li:hover.l7 .industry i{ background-position:-450px -167px;}
.industrySchemeList li:hover.l8 .industry i{ background-position:-528px -162px;}
.ftNewsTop{ margin-top:40px;}
.warp {    width: 1000px;    margin: 0 auto;}
.ftNews{   margin-top: 70px;    margin-bottom: 100x;background: #fff}
.ftNews .newsUl .newsColumns{float: left;margin-left: 50px;width: 300px;}
.ftNews .newsUl .newsColumns:first-child{margin-left: 0}
.ftNews .newsUl .newsColumns .newsLsit li{width: 100%;padding-left: 10px;background: url("../images/dot.png") no-repeat left center;margin-bottom: 8px}
.ftNews .newsUl .newsColumns h3{font-weight: normal;font-size: 18px;color: #3d3d3d;padding: 15px 0}
.ftNews .newsUl .newsColumns .newsLsit li a{color: #9d9d9d;font-size: 14px;width: 290px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("../images/dot_hover.png") no-repeat left center;}
.ftNews .newsUl .newsColumns .newsLsit li:hover a{color: #4ab450}
.ftNews .newsUl .newsColumns .newsLsit li.first{padding: 0;background: none;height: 180px;overflow: hidden;position: relative;margin-bottom: 30px}
.ftNews .newsUl .newsColumns .newsLsit li.first a{width:auto}
.ftNews .newsUl .newsColumns .newsLsit li.first img{height: 180px;width: 100%;display:block}
.ftNews .newsUl .newsColumns .newsLsit li.first .newsName{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #4ab450;text-align: center;color: #fff;padding: 8px 0;color: #fff}
.ftNews .newsUl .newsColumns .newsLsit li.first:hover img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}

.header .fixed_header {  background:rgba(255, 255, 255, 0.89); background:#fff\9;   width: 100%;    padding: 10px 0;   position: fixed;    top:-75px;   left: 0;    z-index:8;    margin: 0;    box-shadow: 0px 1px 5px #AFACAC;}
.headerMenu{padding:17px 0;}
.headerMenu .logo{ float:left; width:260px; height:55px;}
.headerMenu ul{ float:right; line-height:55px;}
.headerMenu ul li{ float:left;margin-left:26px; color:#333333; font-size:18px;}
.headerMenu ul li a{color:#333333; }
.headerMenu ul li.active a,.headerMenu ul li:hover a{ color:#0fbb7c;}