@charset 'utf-8';

body {
    font-family: "微软雅黑", Arial;
    background: #fff
}
.scale_img dl dt img,
.scale_img li img {
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s
}
.scale_img dl:hover dt img,
.scale_img li:hover img {
    -webkit-transform: scale(1.05) rotate(0) translateY(0);
    -ms-transform: scale(1.05) rotate(0) translateY(0);
    transform: scale(1.05) rotate(0) translateY(0)
}

.jij_on3 ul li i,.fm_on2 ul li i,.fm_on2 ul li span{transition: all 0.3s linear 0s;}
.jij_on3 ul li:hover i,.fm_on2 ul li:hover span{transform: translateY(-10px);}
.fm_on2 ul li:hover i{transform: translateY(-5px);}

.lj{ height: 52px; line-height: 52px; border-bottom: 1px solid #dcdcdc; font-size: 15px; color: #4c4c4c;}
.lj span{ padding: 0 10px 0 7px;}
.lj a{color: #4c4c4c;}
.lj i{ color: #028156;}
/*11-产品详情页-2*/
.cpxq{ padding-top:103px;}
.cpxq_l{ width: 355px;}
.cpxq_l h3{ border-left: 3px solid #028156; padding-left: 8px;font-weight: normal; line-height: 100%; margin-bottom: 30px;}
.cpxq_l h3 i{ display: block; line-height: 100%; font-size: 20px; color: #333333;}
.cpxq_l h3 span{ display: inline-block; line-height: 100%; color: #999; text-transform: uppercase; padding-top: 5px;}
.cpxq_l ul{ overflow: hidden; border-top: 1px solid #dcdcdc;}
.cpxq_l ul li{border-bottom: 1px solid #dcdcdc; height: 61px; line-height: 61px; position: relative; overflow: hidden;}
.cpxq_l ul li a{ display: inline-block; padding-left: 15px; font-size: 16px; color: #4c4c4c;}
.cpxq_l ul li:before{ width: 6px; height: 6px; background: #999; border-radius: 6px; content: ""; left: 0; top: 28px; position: absolute;}
.cpxq_l ul li a:hover{    color: #028156;}
.cpxq_l ul li:hover:before{ background: #028156;}
.cpxq_r{ width: 958px;}
.cpxq_r_a{ overflow: hidden; padding-bottom: 95px;}
.cpxq_r_a dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden; width: 564px;}
.cpxq_r_a dl dt img{ width: 564px;}
.cpxq_r_a dl dd{ width: 356px; float: right;}
.cpxq_r_a dl dd h3{ line-height: 100%; font-weight: normal; color: #4c4c4c; font-size: 26px;}
.cpxq_r_a dl dd h4{ font-size: 16px; color: #808080; line-height: 30px; padding: 8px 0;font-weight: normal;}
.cpxq_r_a dl dd p{ color: #4c4c4c; font-size: 16px; line-height: 30px; padding-top: 17px;}
.cpxq_r_a dl dd p i{ display: block; line-height: 100%; font-weight: bold; font-size: 16px; color: #028156; padding-bottom:9px;}
.cpxq_r_b{ overflow: hidden;}
.cpxq_r_b h3{ line-height: 100%; font-size: 20px; color: #028156; position: relative;}
.cpxq_r_b h3:before{ position: absolute; right: 0; top: 11px; width: 90%; content: ""; height: 1px; background: #559d80;}
.cpxq_r_b p{ font-size: 0;line-height: 0; overflow: hidden;}
.cpxq_r_c h3{ line-height: 100%; font-size: 20px; color: #028156; position: relative; margin-bottom: 47px;}
.cpxq_r_c h3:before{ position: absolute; right: 0; top: 11px; width:81%; content: ""; height: 1px; background: #559d80;}
.cpxq_r_d h3,.cpxq_r_e h3{ line-height: 100%; font-size: 20px; color: #028156; position: relative;}
.cpxq_r_d h3:before,.cpxq_r_e h3:before{ position: absolute; right: 0; top: 11px; width: 90%; content: ""; height: 1px; background: #559d80;}
.cpxq_r_e ul{ overflow: hidden; padding: 50px 0 80px 0;}
.cpxq_r_e ul li{ float: left; overflow: hidden; margin-bottom: 14px;}
.cpxq_r_e ul li.clea{ clear: both; float: none; width: 100%;}
.cpxq_r_e ul li input{ box-sizing: border-box; border: 1px solid #e5e5e5; outline: none; border-radius: 5px; height:36px; width: 100%;}
.cpxq_r_e ul li i{ display: block; line-height: 100%; font-size: 15px; color: #333333; padding-bottom: 6px;}
.cpxq_r_e ul li button{ display: block; background: #028156; width: 169px;outline: none; height: 39px; text-align: center; line-height: 39px; color: #fff; font-size: 16px; border: none; cursor: pointer;}
.cpxq_r_e ul li textarea{ box-sizing: border-box; border: 1px solid #e5e5e5; outline: none; border-radius: 5px; height: 113px; width: 100%; margin-bottom: 15px;}
.cpxq_r_e ul li.short{ width:451px;}
.cpxq_r_e ul li.short2{ float: right;}
/*a11-产品列表页*/
.c_list{ padding-top: 99px; overflow: hidden;}
.clist_l{width: 260px; float: left;}
.clist_l h4{ padding-top: 29px; border-top: 1px solid #dcdcdc; line-height: 100%; margin-bottom: 28px;}
.clist_l h4 a{ display:inline-block; line-height: 100%;font-weight: normal; font-size: 20px; color: #333333;}
.clist_l ul{ padding-bottom: 28px;}
.clist_l ul li{ line-height: 100%; margin-bottom: 24px;}
.clist_l ul li a{ display:block; line-height: 100%; font-size: 16px; color: #4c4c4c; padding-left: 14px; position: relative;}
.clist_l ul li a:before{ position: absolute; content: ""; left: 0; width: 5px; height: 5px; border-radius: 5px; background:#4d4d4d; top:7px;}
.clist_l ul li a:hover{ color: #028156; text-decoration: underline;}
.clist_l ul li a:hover:before{ background: #028156;}
.clist_r{ width: 1045px; float: right;}
.clist_ron{ overflow: hidden; padding-bottom: 36px;}
.clist_ron ul li{ float: left; width: 482px; margin-bottom: 60px;}
.clist_ron ul li b{ display: block; overflow: hidden; width: 482px; height: 270px; margin-bottom: 25px;}
.clist_ron ul li b img{ width: 482px;transition: all 0.3s linear 0s;}
.clist_ron ul li:hover b img{transform: scale(1.08);}
.clist_ron ul li:nth-of-type(2n){ float: right;}
.clist_ron ul li em{ display: block; line-height: 100%; overflow: hidden; font-size: 16px; color: #333333;}
.clist_ron ul li em strong{ display: inline-block; float: right; font-weight: normal; color: #999; font-size: 14px;}
.clist_ron ul li em strong span{ padding-left: 16px; display: inline-block; float: right;}

.cas_pages{ overflow: hidden; height: 197px; text-align: center;  clear: both;}
.ca_uu{ display: inline-block; float: left;background: url(../images/pag_u.png) no-repeat; width: 6px; height: 7px; cursor: pointer;margin-left:429px; margin-top: 7px;}
.ca_dd{ display: inline-block; float: left;background: url(../images/pag_d.png) no-repeat; width: 6px; height: 7px; cursor: pointer; margin-top: 7px;}
.cas_pages ul li{ float: left; width: 42px; text-align: center; font-size: 16px; font-family: arial; position: relative;}
.cas_pages ul li:before{ position: absolute; right: 0; top: 3px; content: ""; width: 1px; height: 14px; background: #b3b3b3;}
.cas_pages ul li:last-of-type:before{ background: none;}
.cas_pages ul li a{ display: inline-block; line-height: 100%; color: #5d5d5d;}
.cas_pages ul li a:hover,.cas_pages ul li.cur a{color: #028156;}
/*10-联系大红鹰dhy0033官网*/
.cas_ban{background: url(../images/cas_ban.jpg) no-repeat center 0; height: 400px;}
.cas_a{ padding-top: 80px;}
.cas_a h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:36px; margin-bottom: 54px;position: relative;}
.cas_a h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.cas_a h2:hover:before{  width:75px;opacity: 1;}
.cas_a1{ font-size: 0; line-height: 0; margin-bottom: 23px;}
.cas_a2{ overflow: hidden; margin-bottom: 110px; border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.cas_a2 ul li{ float: left; width: 50%; box-sizing: border-box;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; height: 126px; padding-left: 100px; padding-top:37px; line-height: 100%;background: url(../images/ca_ic1.jpg) no-repeat  48px 42px ;}
.cas_a2 ul li span{ display: block; line-height: 100%; font-size: 20px; color: #808080; padding-bottom: 8px;}
.cas_a2 ul li i{ display: inline-block; line-height: 100%; color: #333; font-size: 23px;}
.cas_a2 ul li:nth-of-type(2){background: url(../images/ca_ic2.jpg) no-repeat  48px 47px ;}
.cas_a2 ul li:nth-of-type(3){background: url(../images/ca_ic3.jpg) no-repeat  48px 42px ;}
.cas_a2 ul li:nth-of-type(4){background: url(../images/ca_ic4.jpg) no-repeat  48px 49px ;}
.cas_a3{ overflow: hidden; border-radius:9px; margin-bottom: 110px; box-shadow: 0 0 27px rgba(0,0,0,0.12);}
.cas_a3_l{ font-size: 0; line-height: 0; overflow: hidden; float: left; width: 533px;}
.cas_a3_r{ float: right; width: 786px; padding-top: 116px;}
.cas_a3_r h4 i{ display: block; line-height: 100%; font-weight: normal; font-size: 26px; color: #333333; padding-bottom: 14px;}
.cas_a3_r h4 span{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.cas_a3_r ul{ overflow: hidden; padding: 63px 0 80px 0; margin-right: 73px;}
.cas_a3_r ul li{ float: left; overflow: hidden; margin-bottom: 14px;}
.cas_a3_r ul li.clea{ clear: both; float: none; width: 100%;}
.cas_a3_r ul li input{ box-sizing: border-box; border: 1px solid #e5e5e5; outline: none; border-radius: 5px; height:36px; width: 100%;}
.cas_a3_r ul li i{ display: block; line-height: 100%; font-size: 15px; color: #333333; padding-bottom: 7px;}
.cas_a3_r ul li button{ display: block; background: #028156; width: 169px;outline: none; height: 39px; text-align: center; line-height: 39px; color: #fff; font-size: 16px; border: none; cursor: pointer;}
.cas_a3_r ul li textarea{ box-sizing: border-box; border: 1px solid #e5e5e5; outline: none; border-radius: 5px; height: 113px; width: 100%; margin-bottom: 15px;}
.cas_a3_r ul li.short{ width:333px;}
.cas_a3_r ul li.short2{ float: right;}
/*a02-自润滑轴承*/
.zr_ban{ overflow: hidden;background: url(../images/zr_ban.jpg) no-repeat center 0; height: 400px;}
.zr_on1{ overflow: hidden; padding-bottom: 98px; padding-top: 92px;}
.zr_on1 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:36px; margin-bottom: 43px;position: relative;}
.zr_on1 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.zr_on1 h2:hover:before{  width:75px;opacity: 1;}
.zr_on1 p{ text-align: center; line-height: 30px; font-size: 16px; color: #4c4c4c; padding-bottom: 39px;}
.zr_on1 p span{ display: block;}
.zr_on1 ul{ overflow: hidden;}
.zr_on1 ul li{ position: relative; overflow: hidden; margin-right: 20px; width: 335px; float:left;}
.zr_on1 ul li:last-of-type{ margin-right: 0;}
.zr_on1 ul li b{ display: block; overflow: hidden; height: 189px;}
.zr_on1 ul li img{ width: 335px;}
.zr_on1 ul li em{ display: inline-block; position: absolute; left: 0; top: 0; width: 335px; height: 189px;background: rgba(10,27,41,0.4); box-sizing: border-box; padding: 35px 28px 0; font-size: 16px; line-height: 30px; color: #fff; opacity: 0; transition: all 0.2s;}
.zr_on1 ul li i{ display: block; line-height: 100%; text-align: center; padding-top: 22px; font-size: 18px; color: #4c4c4c;}
.zr_on1 ul li i span{ display: block; padding-top: 14px; color: #999; text-transform: uppercase; font-size: 14px;}
.zr_on1 ul li:hover i span{ color: #028156;}
.zr_on1 ul li:hover em{ opacity: 1;}
.zr_on2{ overflow: hidden; padding-bottom: 116px;}
.zr_on2 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:36px; margin-bottom: 43px;position: relative;}
.zr_on2 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.zr_on2 h2:hover:before{  width:75px;opacity: 1;}
.zr_on2 dl{ overflow: hidden;}
.zr_on2 dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.zr_on2 dl dd{ float: right; box-sizing: border-box; width: 700px; height: 234px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 67px 50px 0;}
.zr_on2 dl:nth-of-type(2) dt{ float: right;}
.zr_on2 dl:nth-of-type(2) dd{ border-right: none; border-left: 1px solid #dcdcdc;}
.zr_on2 dl:nth-of-type(3) dd{  border-bottom: 1px solid #dcdcdc; border-top: none;}
.zr_on2 dl dd h3{ line-height: 100%; font-weight: normal; font-size: 24px; color: #4c4c4c; padding-bottom: 13px;}
.zr_on2 dl dd p{ font-size: 16px; color: #4c4c4c; line-height: 30px;}
.zr_on3{ overflow: hidden;background: url(../images/zr_on3.jpg) no-repeat center 0; height:1546px; box-sizing: border-box; padding-top: 108px;}
.zr_on3 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:36px; margin-bottom:72px;position: relative;}
.zr_on3 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.zr_on3 h2:hover:before{  width:75px;opacity: 1;}
.zr_on31 dl{ overflow: hidden; padding: 31px 0 33px 0; border-bottom: 1px solid #e5e5e5; margin-right: 53px;}
.zr_on31 dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden;}
.zr_on31 dl dt img{ width: 450px;}
.zr_on31 dl dd{ float: left; width: 842px; padding:48px 5px 0 48px;}
.zr_on31 dl dd h3 a{ display: block; line-height: 100%; font-weight: normal; font-size: 20px; color: #1a1a1a;}
.zr_on31 dl dd p{ padding: 13px 0; font-size: 16px; color: #4c4c4c; line-height: 29px;}
.zr_on31 dl dd em{ display: block; padding-top: 2px;}
.zr_on31 dl dd em a{ display: inline-block; line-height: 100%; font-size: 14px; color: #666666; padding-bottom: 8px; border-bottom: 1px solid #808080;}
.zr_on31 dl dd em a span{ padding-left: 16px;}
.zr_on32{ padding-top: 65px; overflow: hidden;}
.zr_on32 h4{ float: left; width: 150px;}
.zr_on32 h4 a{ display:block; height: 46px; line-height: 46px; text-align: center; border-radius: 46px; border: 2px solid #dcdcdc; font-size: 16px; color: #666666; font-weight: normal;}
.zr_on32 .cas_pages{ clear: none; float: right; width: 237px; height: inherit; margin-top: 12px;}
.zr_on32 .cas_pages .ca_uu{ margin-left: 0;}
/*03-粉末冶金零件*/
.fm_ban{ overflow: hidden;background: url(../images/fm_ban.jpg) no-repeat center 0; height: 400px;}
.fm_on1{ background: #f2f2f2; overflow: hidden; padding-top: 94px; padding-bottom: 107px; margin-bottom: 93px;}
.fm_on1 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:34px; margin-bottom: 47px;position: relative;}
.fm_on1 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.fm_on1 h2:hover:before{  width:75px;opacity: 1;}
.fm_on1 p{ text-align: center; line-height: 30px; font-size: 16px; color: #4c4c4c; padding-bottom: 59px; margin: 0 125px;}
.fm_on1 ul{ overflow: hidden;}
.fm_on1 ul li{ float: left; width: 663px; overflow: hidden;}.fm_on1 ul li:last-of-type{ float: right;}
.fm_on1 ul li b{ font-size: 0; line-height: 0; overflow: hidden; width: 663px; height: 372px; display: block; margin-bottom: 22px;}
.fm_on1 ul li em{ display:inline-block; float: left; width: 85%; font-size: 16px; color: #666666; line-height: 100%;}
.fm_on1 ul li em span{ display: block; line-height: 100%; font-size: 24px; color: #4c4c4c; padding-bottom: 13px;}
.fm_on1 ul li em i{ display: inline-block; padding: 0 12px; margin: 0 12px; border-left: 1px solid #999;border-right: 1px solid #999; line-height: 100%;}
.fm_on1 ul li strong{ display:inline-block; float: right; margin-top: 18px; line-height: 100%; font-size: 13px; color: #666666; font-weight: normal; margin-right: 20px; padding-bottom: 8px; border-bottom: 1px solid #808080;}
.fm_on1 ul li strong span{ display: inline-block; line-height: 100%;font-weight: normal; padding-left: 16px;}
.fm_on2{ overflow: hidden; position: relative; height: 939px;}
.fm_on2 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:34px; margin-bottom: 47px;position: relative;}
.fm_on2 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.fm_on2 h2:hover:before{  width:75px;opacity: 1;}
.fm_on2 p{ text-align: center; line-height: 30px; font-size: 16px; color: #4c4c4c;height: 165px; margin: 0 159px;}
.fm_on2 ul{ overflow: hidden;}
.fm_on2 ul li{ float: left; margin-bottom:18px; box-sizing: border-box; width: 447px; height: 148px; border: 1px solid #e5e5e5; padding:24px 23px 0 30px;}
.fm_on2 ul li:nth-of-type(2n){ margin-left: 506px;}
.fm_on2 ul li i{ display: block; line-height: 100%; font-size: 24px; color: #4c4c4c; padding-bottom: 14px;}
.fm_on2 ul li span{ display: block; line-height: 29px; color: #808080; font-size: 16px;}
.fm_on2 h4{ position: absolute; left: 427px; top: 235px;}
.fm_on3{ overflow: hidden;background: url(../images/fm_on3.jpg) no-repeat center 0;}
/*a04-汽车座椅部件*/
.qc_ban{background: url(../images/qc_ban.jpg) no-repeat center 0; height: 400px; overflow: hidden;}
.qc_on1{ overflow: hidden; margin-top: 58px;background: url(../images/qc_on1.jpg) no-repeat center 0; height: 964px;}
.qc_on1 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:34px; margin-bottom: 29px;position: relative;}
.qc_on1 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.qc_on1 h2:hover:before{  width:75px;opacity: 1;}
.qc_on1 p{ text-align: center; line-height: 30px; font-size: 16px; color: #4c4c4c; padding-bottom:35px; margin: 0 125px;}
.qc_on1 ul{ overflow: hidden; margin-left: 258px;}
.qc_on1 ul li{ float: left; width: 529px; margin-left:42px;}
.qc_on1 ul li img{ width: 529px;}
.qc_on1 ul li b{ display: block; overflow: hidden; height: 297px;}
.qc_on1 ul li em{ display: block; line-height: 100%; text-align: center; padding-top: 18px; height: 58px; font-size: 16px; color: #333333;}

.qc_on2{ overflow: hidden;background: url(../images/qc_on2.jpg) no-repeat center 0; height:971px; margin-bottom: 82px; padding-top: 97px; box-sizing: border-box;}
.qc_on2 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:33px; margin-bottom: 22px;position: relative;}
.qc_on2 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.qc_on2 h2:hover:before{  width:75px;opacity: 1;}
.qc_on2 p{ text-align: center; line-height: 30px; font-size: 16px; color: #4c4c4c; padding-bottom:35px; margin: 0 125px;}

.qc_on3{ background: none; height: auto; padding-bottom: 118px; padding-top: 0;}
.qc_on3 h2{ margin-bottom:29px;}
.qc_on2 h3{ position: absolute;font-weight: normal;}
.qc_on2 h3 i{ display: block; line-height: 100%; font-size: 24px; color: #333333; padding-top: 16px; padding-right: 52px;}
.qc_on2 h3 em{ display: block; font-size: 15px; color: #666666; line-height: 30px; padding-top: 9px;}
.qc_on2 h3:nth-of-type(1){ width: 351px; left: 0; top: 272px; text-align: right;}
.qc_on2 h3:nth-of-type(1) i{background: url(../images/qc_on21.png) no-repeat right 0;}
.qc_on2 h3:nth-of-type(2){ width: 355px; right: 0; top: 206px;}
.qc_on2 h3:nth-of-type(2) i{ padding-left: 62px;background: url(../images/qc_on22.png) no-repeat;}
.qc_on2 h3:nth-of-type(3){ width: 351px; left:37px; top:634px; text-align: right;}
.qc_on2 h3:nth-of-type(3) i{background: url(../images/qc_on23.png) no-repeat right; padding-right: 65px;}
.qc_on2 h3:nth-of-type(4){ width:510px; right:18px; top:650px;}
.qc_on2 h3:nth-of-type(4) i{ padding-left: 65px;background: url(../images/qc_on24.png) no-repeat;}
/*a05-应用领域*/
.yiy_ban{background: url(../images/yiy_ban.jpg) no-repeat center 0; height: 400px;}
.liny{ padding-top: 55px;}
.ly_list{ overflow: hidden; border-top: 1px solid #dcdcdc;}
/*.ly_list ul{ overflow: hidden;}*/
.ly_list ul li{ float: left; line-height: 100%; padding-top: 23px; font-size: 18px; color: #333333;width: 33.33%; padding-left: 50px; position: relative; box-sizing:border-box;}
.ly_list ul li.cur{ position: relative; color: #02754f;}
.ly_list ul li.cur:before{ content: ""; position: absolute; left: 35px; top: 29px; width: 6px; height: 6px; border-radius: 6px; background: #02754f;}
.ly_om p{ color: #666666; font-size: 14px; line-height: 26px; padding-bottom: 20px;}
.ly_om{ border-bottom: 1px solid #dcdcdc; margin-bottom: 51px; }
.liny3 {padding-bottom: 123px;}
.liny3 ul li{ float: left; box-sizing: border-box; padding: 13px 13px 0; background: #eee; width: 440px; margin-right:39px; margin-bottom:31px; transition: all 0.2s; border-bottom: 1px solid #eee;}
.liny3 ul li:nth-of-type(3n){ margin-right: 0;}
.liny3 ul li b{ display: block; overflow: hidden; height: 232px;}
.liny3 ul li img{ width: 414px;}
.liny3 ul li em{ display: block; height: 62px; line-height: 62px; overflow: hidden; font-size: 16px; color: #333333;background: url(../images/ly_mor.png) no-repeat right 23px; transition: all 0.2s;}
.liny3 ul li:hover{ border-bottom: 1px solid #02754e; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.12);}
.liny3 ul li:hover em{ background: none; text-align: center; color: #02754f; font-weight: bold;}
/*06-客户案例*/
.cs_ban{ overflow: hidden; background: url(../images/cs_ban.jpg) no-repeat center 0; height:400px;}
.cs_om{ overflow: hidden; padding-top: 125px; padding-bottom: 133px;}
.cs_om_l{ overflow: hidden; position: relative; width: 442px; height: 540px; color: #fff;}
.cs_om_l img{ width: 100%;}
.cs_om_l em{ left: 40px; position: absolute; top: 60px; line-height: 100%; font-size: 31px; letter-spacing: 2px;}
.cs_om_l em span{ display: block; padding-bottom: 24px;}
.cs_om_l:before{ position: absolute; content: ""; left: 40px; top: 186px; width: 40px; height: 3px; background: #028156;}
.cs_om_l i{ display: inline-block; position: absolute; left: 37px; top: 435px; font-size: 24px; line-height: 100%; letter-spacing: 2px;}
.cs_om_l i span{ display: block; line-height: 100%; padding-bottom: 14px;}
.cs_om_r{ overflow: hidden; width: 958px; border-right: 2px solid #ececec; border-bottom: 2px solid #ececec; box-sizing: border-box;}
.cs_om_r ul li{ float: left; font-size: 0; line-height: 0; overflow: hidden; border-left: 2px solid #ececec; border-top: 2px solid #ececec; width: 237px;}
.cs_om_r ul li img{ width: 237px;-webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);
    filter: grayscale(100%);    filter: gray;}
.cs_om_r ul li:hover img{-webkit-filter:none;    -moz-filter:none;
    -ms-filter: none;    -o-filter:none;   filter:none;    filter:none;  }
/**/
.cs_om2{ background: #f2f2f2; padding-top: 108px; padding-bottom: 68px;}
.cs_om2 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:35px; margin-bottom:56px;position: relative;}
.cs_om2 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.cs_om2 h2:hover:before{  width:75px;opacity: 1;}
.cs_om21{ overflow: hidden; height: 86px;}
.cs_om21 ul{ overflow: hidden; margin-left: 452px;}
.cs_om21 ul li{ float: left; padding: 0 33px; border-right: 1px solid #bcbdc1; line-height: 100%;}
.cs_om21 ul li:last-of-type{ border-right: none;}
.cs_om21 ul li a{ display: inline-block; line-height: 100%; color: #333333; font-size: 18px;}
.cs_om21 ul li a:hover{ color: #028156; text-decoration: underline;}
.cs_om22 ul li{ float: left; width: 412px; margin-right: 82px;}
.cs_om22 ul li b img{ width: 412px;}
.cs_om22 ul li b{ overflow: hidden; height: 232px; display: block;}
.cs_om22 ul li:nth-of-type(3n){margin-right: 0;}
.cs_om22 ul li span{ display: block; text-align: center; line-height: 100%; padding-top: 16px; height: 72px; font-size: 16px; color: #333333;}
/*06-研发中心-2*/
.yaf_ban{overflow: hidden; background: url(../images/yaf_ban.jpg) no-repeat center 0; height:400px;}
.yaf_on1{ overflow: hidden;}
.yaf_on1 dl{ overflow: hidden; margin-top: 118px; background: #eee; height: 487px; margin-bottom: 123px;}
.yaf_on1 dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden;}
.yaf_on1 dl dd{ float: right; width: 415px; padding: 80px 54px 0 0;}
.yaf_on1 dl dd  h3{ line-height: 100%; color: #1a1a1a; font-size: 32px;font-weight: normal; padding-bottom: 34px; margin-bottom: 42px; position: relative;}
.yaf_on1 dl dd  h3:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 40px; height: 3px; background: #028156;}
.yaf_on1 dl dd p{ font-size: 15px; color: #4c4c4c; line-height: 28px;}
.yaf_on1 dl dd p i{ display: block; line-height: 100%; font-size: 20px; color: #1a1a1a; padding-bottom: 14px; }
.yaf_on2{}
.yaf_on2 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:33px; margin-bottom:33px;position: relative;}
.yaf_on2 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.yaf_on2 h2:hover:before{  width:75px;opacity: 1;}
.yaf_on2 p{ text-align: center; font-size: 18px; color: #1a1a1a; padding-bottom: 57px;}
.yaf_on2 h3{ line-height: 100%; font-size: 24px; color: #1a1a1a; padding-bottom: 26px;font-weight: normal; clear: both;}
.yaf_on2 ul li{float: left;width: 418px; position: relative; margin-right: 73px;}
.yaf_on2 ul li:last-of-type{ margin-right: 0;}
.yaf_on2 ul li b{ display: block; height: 235px; overflow: hidden;}
.yaf_on2 ul li b img{ width: 418px;}
.yaf_on2 ul li em{ display: block; line-height: 100%; font-size: 20px; color: #1a1a1a; padding-top: 21px; height: 38px; border-bottom: 2px solid #fff;transition: all 0.2s;}
.yaf_on2 ul li:hover em{ border-bottom: 2px solid #038258;}
.yaf_on2 ul li i{ display: inline-block; position: absolute; left: 0; top: 0; width: 418px; height: 235px; color: #fff; font-size: 15px; line-height: 28px; padding:81px 33px 0; box-sizing: border-box; transition: all 0.2s; opacity: 0; background: rgba(0,0,0,0.35);}
.yaf_on2 ul li:hover i{ opacity: 1;}
.yaf_on2 ul{ overflow: hidden;}
.yaf_on3{ background: #f2f2f2; padding-top: 71px; padding-bottom: 55px; margin-bottom: 90px; overflow: hidden; margin-top: 49px;}
.yaf_on3 ul li em{border-bottom: 2px solid #f2f2f2;}
.yaf_on4{ overflow: hidden; background: url(../images/yaf_on4.jpg) no-repeat center 0; height:740px;}
.yaf_on4 h3{ float: left; width: 111px; line-height: 100%; font-size: 24px; color: #1a1a1a;font-weight: normal;}
.yaf_on4 ul{ float: right; width: 980px;}
.yaf_on4 ul li{ width: 417px; float: left; margin-left: 73px; position: relative;}
.yaf_on4 ul li b{ display: block; overflow: hidden; height: 235px;}
.yaf_on4 ul li em{ display: block; line-height: 100%; font-size: 20px; color: #1a1a1a; padding-top: 16px; height: 87px;}
.yaf_on4 ul li i{ display: inline-block; position: absolute; left: 0; top: 0; z-index: 5; background: rgba(0,0,0,0.45); color: #fff; box-sizing: border-box; width: 417px; height: 235px; font-size: 15px; line-height: 28px; padding: 83px 59px 0; opacity: 0; transition: all 0.2s;}
.yaf_on4 ul li:hover i{ opacity: 1;}
.yaf_on5{ overflow: hidden; background: #f2f2f2; padding-top: 100px; height: 608px; margin-bottom: 107px;}
.yaf_on5 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:33px; margin-bottom:68px;position: relative;}
.yaf_on5 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.yaf_on5 h2:hover:before{  width:75px;opacity: 1;}
.yf_uu{ position: absolute; cursor: pointer; left: -57px; top: 283px; width: 47px; border-radius: 47px;}
.yf_dd{ position: absolute; cursor: pointer; right: -57px; top: 283px; width: 47px; border-radius: 47px;}
.yaf_on5 ul li{ float: left; width: 261px; margin-right: 23px; position: relative;}
.yaf_on5 ul li img{ width: 261px;}
.yaf_on5 ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.yaf_on5 ul li em{ display: inline-block; position: absolute; left: 0; top: 0; width: 261px; height: 349px; color: #fff; background: rgba(0,0,0,0.45);font-size: 15px; text-align: center; box-sizing: border-box; padding: 163px 20px 0; opacity: 0; transition: all 0.2s;}
.yaf_on5 ul li:hover em{ opacity: 1;}
.yaf_on6{ height: 611px; position: relative;}
.yaf_on6 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:33px; margin-bottom:34px;position: relative;}
.yaf_on6 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.yaf_on6 h2:hover:before{  width:75px;opacity: 1;}
.yaf_on6 p{ text-align: center; font-size: 15px; color: #4c4c4c; line-height: 28px; padding-bottom: 44px;}
.yaf_on6 p span{ display: block;}
.yf_uu2{ position: absolute; left: -57px; cursor: pointer; top: 299px;}
.yf_dd2{ position: absolute; right: -57px; cursor: pointer; top: 299px;}
.yaf_on6 ul li{ float: left; width: 418px; margin-right: 72px; position: relative;}
.yaf_on6 ul li img{ width: 418px;}
.yaf_on6 ul li b{ display: block; height: 235px; overflow: hidden;}
.yaf_on6 ul li i{ display: block; line-height: 100%; font-size: 20px; color: #1a1a1a; padding-top: 21px; height: 38px; border-bottom: 2px solid #fff;}
.yaf_on6 ul li em{ display: inline-block;position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 418px; height: 235px; color: #fff; line-height: 29px; font-size: 15px; box-sizing: border-box; padding: 75px 30px 0 42px; opacity: 0;transition: all 0.2s;}
.yaf_on6 ul li:hover i{ border-bottom: 2px solid #038258;}
.yaf_on6 ul li:hover em{ opacity: 1;}
/*a08-公司新闻*/
.xw_ban{overflow: hidden; background: url(../images/xw_ban.jpg) no-repeat center 0; height:400px;}
.ban3{position: relative; overflow:unset; z-index:2; padding-top: 96px;}
.ban3 .swiper-wrapper .swiper-pagination{bottom:0;}
.ban3 { overflow:unset; z-index:2;}
.ban3 .swiper-pagination-bullet{width:7px; height:7px;background:#898989; border-radius:7px;opacity: 1;vertical-align: middle; margin-right: 10px;}
.ban3 .swiper-pagination-bullet-active{background: #028156;}
.ban3 h3{ line-height: 100%;font-weight: normal; color: #333333; font-size: 32px; padding-bottom: 23px;}
.ban3 ul li{ float: left; width: 452px; margin-right: 22px; position: relative; margin-bottom: 62px;}
.ban3 ul li a{ display:block;}
.ban3 ul li:last-of-type{ margin-right: 0;}
.ban3 ul li b{ display: block; overflow: hidden; height: 255px;}
.ban3 ul li img{ width: 452px;}
.ban3 ul li em{ display: block; position: absolute; left: 0; top: 203px; width: 100%; height: 52px; line-height: 52px; text-align: center; overflow: hidden; font-size: 16px; color: #fff; background: rgba(0,0,0,0.6);}

.xinw{ background: #f2f2f2; padding-top: 91px; margin-top: 89px; padding-bottom:93px;}
.xinw h2{ line-height: 100%; font-size: 32px; color: #333333;font-weight: normal; padding-bottom: 28px;}
.xw_l{ width: 651px;}
.xw_l dl dt{ overflow: hidden; height: 368px; margin-bottom: 34px;}
.xw_l dl dd h3 a{ display: block; font-weight: normal; line-height: 100%; font-size: 18px; color: #282828; margin-bottom: 14px;}
.xw_l dl dd p{ height: 103px; color: #7f7f7f; font-size: 15px; line-height: 28px;}
.xw_l dl dd h4{ border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; height: 61px; line-height: 61px;font-weight: normal; padding-left: 23px;background: url(../images/xw_m.png) no-repeat 0 22px; font-size: 14px; color: #666666;}
.xw_l dl dd h4 span{ display: inline-block; float: right;}
.xw_l dl dd h4 span a{ color: #028156;}
.xw_r{ width: 650px;}
.xw_r ul li{ border-bottom: 1px solid #c2c2c2; margin-bottom: 28px;}
.xw_r ul li a{ display: block; line-height: 100%; font-size: 18px; color: #282828;}
.xw_r ul li span{ display: block; line-height: 28px; font-size: 15px; color: #7f7f7f; padding: 12px 0 13px 0;}
.xw_r ul li:last-of-type{ border-bottom: none;}
.xw_r ul li a:hover{color: #028156;}
/*a07-案例资讯详情*/
.ai_ban{ overflow: hidden;background: url(../images/ai_ban.jpg) no-repeat center 0; height:400px;}
.anlis{ overflow: hidden; padding-top: 80px;}
.ai_l{ width: 420px;}
.ai_l h3{ font-size: 20px; color: #4c4c4c;font-weight: normal; height: 55px; line-height: 55px; border-bottom: 1px solid #e5e5e5;}
.ai_l ul li{ height: 64px; line-height: 64px; border-bottom: 1px solid #e5e5e5;}
.ai_l ul li a{ display: block; line-height: 64px; color: #4c4c4c; font-size: 16px;}
.ai_l ul li a:hover{ color: #028156; text-decoration: underline;}

.ai_r{ width: 868px;}
.ai_r_a{ overflow: hidden; padding-bottom: 64px;}
.ai_r_a h3{ line-height: 100%; color: #4c4c4c; font-size: 32px; padding-bottom: 23px; border-bottom: 1px solid #e5e5e5; margin-bottom: 57px;}
.ai_r_a p{ color: #4c4c4c; font-size: 15px; line-height: 30px; padding-bottom: 24px;}
.ai_r_a p span{ display: block; padding-top: 29px;}
.ai_r_b{ overflow: hidden;position: relative; height: 146px; background: url(../images/ai_r_b.jpg) no-repeat ; margin-bottom: 123px; box-sizing: border-box; padding-left: 45px;}
.ai_uu{ position: absolute; cursor: pointer;left: 22px; top: 67px;}
.ai_dd{ position: absolute; cursor: pointer;right: 22px; top: 67px;}
.ai_r_b ul{ overflow: hidden; }
.ai_r_b ul li{ float: left; width: 359px; margin-right: 80px; margin-top: 47px; overflow: hidden;}
.ai_r_b ul li span{ display: inline-block; float: right;}
.ai_r_b ul li span img{ width: 93px;}
.ai_r_b ul li i{ display: inline-block; float: left; line-height: 52px; font-size: 16px; color: #fff;}
.ai_r_b ul li:nth-of-type(2n+1) i{ color: #333;float: right; margin-right: 35px;}
.ai_r_b ul li:nth-of-type(2n+1) span{ display: none;}
/*09-关于大红鹰dhy0033官网*/
.jij_ban{ overflow:hidden;background: url(../images/jij_ban.jpg) no-repeat center 0; height: 760px;}
.jij_on1{ overflow: hidden; box-sizing: border-box; width: 1400px; margin: -56px auto 90px; border-right: 1px solid #dedede; border-top: 1px solid #dedede; background: #fff; }
.jij_on1 ul li{ float: left; width: 20%; box-sizing: border-box; padding-top: 35px; height: 107px;border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; line-height: 100%;}
.jij_on1 ul li i{ display: block; line-height: 100%; color: #333333; font-size: 20px;}
.jij_on1 ul li span{ display: block; padding-top: 8px; color: #a8a8a8; text-transform: uppercase; font-size: 14px;}
.jij_on1 ul li.cur{ border-bottom: 4px solid #028156;}

.jij_on2{ overflow: hidden; padding-bottom: 95px;}
.jij_on2 dl dt{ float: right; margin-top: 18px; font-size: 0; line-height: 0; overflow: hidden;}
.jij_on2 dl dd{ float: left; width: 890px;}
.jij_on2 dl dd h3{ line-height: 100%; font-weight: normal; font-size: 32px; color: #333333; padding-bottom: 37px; position: relative; margin-bottom: 95px;}
.jij_on2 dl dd h3:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 40px; height: 3px; background: #028156; transition: all 0.2s;}
.jij_on2 dl dd h3:hover:before{ width: 125px;}
.jij_on2 ul{ overflow: hidden; height: 130px;}
.jij_on2 ul li{ float: left; font-size: 14px; color: #1a1a1a; line-height: 100%; padding-right: 65px; margin-right: 63px; border-right: 1px solid #bcbdc1;}
.jij_on2 ul li em{ display: block; color: #028156; font-size: 48px; line-height: 80%; margin-bottom: 13px;font-family: Century Gothic;}
.jij_on2 ul li em sup{ font-size: 15px; line-height: 100%; display: inline-block;}.jij_on2 ul li:last-of-type{ border-right: none;}
.jij_on2 ul li:first-of-type{ text-align: center;}
.jij_on2 dl dd p{ color: #4c4c4c; font-size: 15px; line-height: 28px; margin-bottom: 32px;}

.jij_on3{ background: #f2f2f2; padding-top: 83px; height: 392px; margin-bottom: 120px;}
.jij_on3 ul li{ float: left; position: relative; background: #fff; border: 1px solid #b5b5b5; width: 690px; height: 218px; box-sizing: border-box;}
.jij_on3 ul li em{ display: inline-block; position: absolute;}
.jij_on3 ul li:nth-of-type(2){ float: right;}
.jij_on3 ul li:first-of-type em{ left: -7px;top:-52px;}
.jij_on3 ul li:nth-of-type(2) em{ left:3px;top:-38px;}
.jij_on3 ul li:nth-of-type(2) i{ display: inline-block; font-size: 15px; color: #4c4c4c; padding: 104px 0 0 203px;}
.jij_on3 ul li:nth-of-type(1) i{ display: inline-block; font-size: 15px; color: #4c4c4c; padding:53px 0 0 205px; line-height: 28px; width: 417px;}
.jij_on3 ul li:nth-of-type(1) i span{ display: block;}


.jij_on4{ overflow: hidden;background: url(../images/jij_on4.png) no-repeat center 231px; height: 670px;}
.tijl{ }
.jij_on4 h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:38px; margin-bottom:102px;position: relative;}
.jij_on4 h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.jij_on4 h2:hover:before{  width:75px;opacity: 1;}
.jij_on4 .swiper-button-prev{ position: absolute; top: 95px; right:inherit; cursor: pointer; z-index: 55; font-size: 0; width: 10px; height: 15px; left: 1345px;}
.jij_on4 .swiper-button-prev:after,.jij_on4 .swiper-button-next:before{ display: none;}
.jij_on4 .swiper-button-next{ position: absolute; top:95px; left: 55px; cursor: pointer; z-index: 55; font-size: 0;width: 10px; height: 15px; right: inherit;}
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    width: 100%;
}
.gallery-thumbs {height: 147px;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide{position: relative;  text-align: center;    opacity:1; font-size: 31px; color: #4c4c4c; line-height: 100%; padding-top: 12px;}
.gallery-thumbs .swiper-slide:before{ position: absolute; content: ""; left: 45%; top: 56px; background: #bcbdc1; width: 10px; height: 10px; border-radius: 10px; background: #bcbdc1;}
.gallery-thumbs .swiper-slide-thumb-active { font-size: 47px;    opacity: 1; color: #028156; position: relative; padding-top: 0;}
.ti_om{ overflow: hidden; margin: 0 3.1%;}
.ti_om dl{ overflow: hidden; margin: 0 auto; width: 748px;}
.ti_om dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.ti_om dl dt img{ width:328px;}
.ti_om dl dd{ float: right; box-sizing: border-box; width: 420px; height: 184px; border: 1px solid #dcdcdc; border-left:none; padding:42px 0 0 26px}
.ti_om dl dd h4{ display: block; line-height: 100%; font-weight: normal; font-size: 24px; color: #4c4c4c;}
.ti_om dl dd p{ font-size: 16px; color: #4c4c4c; padding-top: 9px; margin-right: 35px;}
/*首页*/
.zoj{ overflow: hidden; background: url(../images/zouj.jpg) no-repeat center 0; height:910px; margin-top: 84px; box-sizing: border-box; padding-top: 105px;}
.zoj h3{ padding-bottom: 34px; line-height: 100%; color: #1a1a1a; font-size: 32px;font-weight: normal; position:relative; margin-bottom: 73px;}
.zoj h3:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 40px; height: 3px; background: #028156; transition: all 0.2s;}
.zoj h3:hover:before{ width: 125px;}
.zoj dl{ float: left; width: 958px;}
.zoj h4{ float: right; margin: -65px 29px 0 0;}
.zoj dl dt{ font-size: 0; line-height: 0; overflow: hidden;}
.zoj dl dd p{ padding-top: 42px; font-size: 14px; color: #666666; line-height: 28px; padding-bottom: 22px;}
.zoj dl dd em a{ color: #666666; font-size: 14px; line-height: 100%; padding-bottom: 7px; border-bottom: 1px solid #808080;}
.zoj dl dd em a span{ padding-left: 16px;}

.news{  padding-top: 112px; height:667px;}
.news h2{ line-height: 100%; font-weight: normal; color: #333333; font-size: 32px; text-align: center; padding-bottom:36px; margin-bottom: 59px;position: relative;}
.news h2 a{ color: #1a1a1a;}
.news h2:before{display: inline-block;width:40px;height: 3px;background: #028156;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.9%;opacity: 1;}
.news h2:hover:before{  width:75px;opacity: 1;}
.n_r{ overflow: hidden;background: url(../images/n_r.jpg) no-repeat; width: 380px; height: 420px;}
.n_r h3{ overflow: hidden; height: 55px; line-height: 55px; padding: 0 23px 0 30px; margin-bottom: 40px;}
.n_r h3 span{ display: inline-block; float: right; line-height: 0; margin-top: 23px;}
.n_r h3 i{ display: inline-block; font-size: 18px; color: #1a1a1a;font-weight: normal;}
.n_r ul li{ margin-left: 41px; margin-right: 28px; margin-bottom: 24px;}
.n_r ul li a{ display: block; padding-left: 35px; height: 31px; line-height: 31px;background: url(../images/zj_we.png) no-repeat left 9px #fff; font-size: 16px; color: #333333;}
.n_r ul li a:hover{font-weight: bold;background: url(../images/zj_we2.png) no-repeat left 9px #fff;}
.n_r ul li span{ display: block; margin-left: 35px; color: #808080; font-size: 14px;}

.n_l{ width: 380px; position: relative;}
.n_l ul li b{ display: block; font-size: 0; overflow: hidden; height: 214px; margin-bottom: 42px;}
.n_l ul li i{ display: block; line-height: 100%; font-size: 16px; color: #1a1a1a;}
.n_l ul li span{ display: block; margin-top: 8px; height: 90px; border-bottom: 1px solid #d2d2d2; margin-bottom: 22px; font-size: 14px; color: #666666;}
.n_l ul li em{ display: inline-block; line-height: 100%; color: #028156; font-size: 24px; font-family: arial;}
.n_uu{ position: absolute; left: -20px; cursor: pointer; top: 86px;}
.n_dd{ position: absolute; right: -20px; cursor: pointer; top: 86px;}

.n_c{ margin-left: 33px; width: 577px;}
.n_c ul li{ overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 23px; height: 125px; box-sizing: border-box; padding: 33px 32px 0; transition: all 0.2s;}
.n_c ul li em{ display: block; overflow: hidden; line-height: 100%; color: #1a1a1a; font-size: 16px;}
.n_c ul li em span{ display: inline-block; padding-right: 12px; font-size: 20px; color: #028156; float: left;}
.n_c ul li b{ display: block; font-weight: normal; padding-top: 16px; font-size: 14px; color: #666666;}
.n_c ul li:hover em i{ color: #028156;font-weight: bold;}
.n_c ul li:hover{ border: 1px solid #fff; box-shadow: 0 0 14px rgba(0,0,0,0.12);}
.news h6{ text-align: center; padding-top: 49px;}
.news h6 a{ display: inline-block; width: 146px; height: 46px; line-height: 46px; text-align: center; border: 2px solid #dcdcdc; border-radius: 46px;font-weight: normal; font-size: 16px; color: #666666; transition: all 0.2s;}
.news h6 a:hover{ color: #fff;border: 2px solid #028156; background: #028156;}



.why{background:#eee;padding-top: 147px; height:695px; overflow: hidden;}
.why_on{ width:923px;}
.why_on1 dl dt{ font-size: 0; line-height: 0; overflow: hidden; position: relative;}
.why_on1 dl dt img{ width: 923px;}
.why_on1 dl dt i{ display: inline-block; position: absolute; right: 26px; top: 427px; z-index: 55;}
.why_on1 dl dt i span{ display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-radius: 6px; background: #5b5c60;}
.why_on1 dl dt i span.on{ background: #fff;}
.why_on1 dl dd{ position: relative;background:url(../images/wno1.png) no-repeat 694px 46px; padding-top: 53px; height: 239px;}
.why_on1 dl dd h4{color: #1a1a1a; font-size: 22px; font-weight: bold;}
.why_on1 dl dd p{ width: 785px; color: #1a1a1a; font-size: 14px; line-height: 29px; padding-top: 17px;}

.why_l{ width: 405px;}
.why_l h3{ line-height: 100%; font-weight: normal; font-size: 36px; color: #333333; margin-bottom:99px; padding-top: 82px;background:url(../images/w_h2.png) no-repeat;}
.why_l h3 i{ display: block; font-weight: bold; font-size: 36px; color: #333333; padding: 10px 0 32px 0; position: relative;}
.why_l h3 i:before{ position: absolute; left: 3px; bottom: 0; content: ""; background: #028156; width: 53px; height: 2px;}
.why_l ul{ width: 341px;}
.why_l ul li{ margin-bottom:40px; position: relative; border-bottom: 1px solid #dcdcdc;height:38px;}
.why_l ul li i{ display: inline-block; font-size: 18px; color: #1a1a1a;line-height: 100%; position: relative; z-index: 6;}
.why_l ul li span{ display: inline-block; float: left; color: #cccccc; font-size: 22px; width: 72px;font-weight: normal; position: relative;}
.why_l ul li span:before{position: absolute; left: 29px; top: 9px; width:37px; height: 1px; content: ""; background: #aaa;}
.why_l ul li.cur:before{ position: absolute; left: 0; bottom: 0; width:341px; height: 1px; content: ""; background: #aaa;transition: all 0.2s;}
.why_l ul li.cur span:before{background: #028156;}
.why_l ul li.cur:hover:before{ opacity: 0;}
.why_l ul li:after{position: absolute; left: 0; bottom: 0; width:0; height: 1px; content: ""; background: #028156;transition: all 0.2s; z-index: 5;}
.why_l ul li.cur:after{ width: 341px;}.why_l ul li.cur i{ }.why_l ul li.cur  span{color: #028156;}
.w_page{ position: absolute; left: 187px; top: 837px; color: #a3a3a3; font-size:16px; font-weight: bold; letter-spacing: 5px;}
.w_page span{color: #374697; font-size: 23px;}
/*.why .content:before{ position: absolute; left: 221px; content: ""; top: 849px; width: 51px; height: 1px; background: #888;}*/
.w_uu{ position: absolute; cursor: pointer; left: 0; top: 820px; background: #cacaca; line-height: 0; font-size: 0; padding-top: 19px; height: 33px; width: 52px; border-radius: 52px; text-align: center;}
.w_dd{ position: absolute; cursor: pointer; left:81px; top: 820px; background: #cacaca; line-height: 0; font-size: 0; padding-top: 19px; height: 33px; width: 52px; border-radius: 52px; text-align: center;}
.w_uu:hover,.w_dd:hover{ background: #f29600;}
.case{ padding-top: 148px; height: 505px;}

.case_l{ width: 485px; margin-top: 10px;}
.case_l h3{ padding-bottom: 34px; line-height: 100%; color: #1a1a1a; font-size: 32px;font-weight: normal; position:relative; margin-bottom:113px;}
.case_l h3:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 40px; height: 3px; background: #028156; transition: all 0.2s;}
.case_l h3:hover:before{ width: 125px;}
.case_l h3 a{ color: #1a1a1a;}
.case_l p{ font-size: 14px; color: #666666; line-height: 28px; padding-bottom: 37px;}
.case_l p i{ display: block; line-height: 100%; font-size: 16px; color: #1a1a1a; padding-bottom: 13px;}
.case_l h4{font-weight: normal; line-height: 100%;}
.case_l h4 a{font-weight: normal; line-height: 100%; display: inline-block; color: #666666; font-size: 14px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #808080;}
.case_l h4 a span{ padding-left: 14px;}

.case_r{ width: 797px; position: relative; margin-top: -15px;}
.case_r:before{ position: absolute; left: 679px; content: ""; top: 320px; width: 1px; height: 30px; background: #898989;}
.cas_uu{ cursor: pointer; position: absolute; left: 635px; top: 329px;}
.cas_dd{ cursor: pointer; position: absolute; left: 714px; top: 329px;}
.case_r ul li{ float: left; font-size: 0; line-height: 0; margin-right: 15px;  padding-bottom: 15px; padding-top: 15px;}
.case_r ul li img{ width: 232px;transition: all 0.2s; margin-right:14px;-webkit-filter: grayscale(100%); margin-left: 14px;
 }
.case_r ul li img:nth-of-type(3n){ margin-right: 0;}
.case_r ul li img:hover{-webkit-filter:none;    -moz-filter:none;    -ms-filter: none;    -o-filter:none;    filter:none;    filter:none; box-shadow: 0 0 15px rgba(0,0,0,0.12);position: relative; z-index: 55; }

.zuod{ overflow: hidden;background:url(../images/zuod.jpg) no-repeat center 0; height: 906px; margin-top: 147px;}
.zd_l{ position: relative; width: 1088px; float: left; margin-right: -150px;}
.zd_list{ position: absolute; left: 0; top: 0; z-index: 5; background: rgba(255,255,255,0.9); width: 255px; height: 648px; box-sizing: border-box; padding: 126px 0 0 33px;}
.zd_list h4 a{ display: block; line-height: 100%; font-size: 32px; color: #1a1a1a;font-weight: normal; padding-bottom: 34px; position:relative; margin-bottom: 173px;}
.zd_list h4 a:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 40px; height: 3px; background: #028156;}
.zd_list ul li a{ display: block; line-height: 100%; font-size: 14px; color: #4c4c4c; margin-bottom: 46px;}
.zd_list ul li.cur a span{ color: #028156;}
.zd_om dl dt{ font-size: 0; line-height: 0; overflow: hidden; margin-left: 3px;}
.zd_om dl dd{ width: 850px;}
.zd_om dl dd p{ font-size: 14px; color: #4c4c4c; line-height: 28px; height: 84px;}
.zd_om dl dd em{font-weight: normal; line-height: 100%;}
.zd_om dl dd em a{font-weight: normal; line-height: 100%; display: inline-block; color: #666666; font-size: 14px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #808080;}
.zd_om dl dd em a span{ padding-left: 14px;}

.zd_r{ width: 380px; padding-top: 78px; position:relative; z-index: 55;}
.zd_r h3 a{ display: block; line-height: 100%; text-align: right; padding-right: 25px; font-size: 14px; color: #fff; margin-bottom: 29px;background:url(../images/zd_r_m.png) no-repeat right 0;}
.zd_r ul li{ background: #fff; height: 172px; margin-bottom: 35px; height: 198px; box-sizing: border-box; padding: 14px;}
.zd_r ul li b{ display: inline-block; font-size: 0; line-height: 0; float: left; overflow: hidden;}
.zd_r ul li b img{ width: 307px;}
.zd_r ul li i{ display: inline-block; float: right; padding-right: 6px; width: 18px; font-size: 14px; color: #333333; font-weight: bold; line-height: 100%; margin-top: 57px;}

.fenm{ height: 742px; position:relative;}
.fm_l{ position: absolute; z-index: 5; left: 0; top:31px;}
.fm_l h4 a{ display: block; line-height: 100%;font-weight: normal; font-size: 32px; color: #1a1a1a; padding-bottom: 32px; margin-bottom: 68px; position: relative;}
.fm_l h4 a:before{position: absolute; left: 0; bottom: 0; content: ""; width: 40px; height: 3px; background: #028156;}
.fm_l ul li{ float: left; margin-right: 11px;}
.fm_l ul li a{ display: inline-block; border: 1px solid #dcdcdc; height: 37px;     padding: 0 20px;border-radius: 37px; text-align: center; line-height: 37px; font-size: 14px; color: #4c4c4c;}
.fm_l ul li a:hover,.fm_l ul li.cur a{ background: #028156;border: 1px solid #028156; color: #fff;}

.fm_r{ height: 507px; overflow: hidden;}
.fm_r dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden;}
.fm_r dl dd{ float: left; width: 534px; margin-top: 260px;}
.fm_r dl dd p{ font-size: 14px; color: #666666; line-height: 28px; height: 151px;}
.fm_r dl dd em{font-weight: normal; line-height: 100%;}
.fm_r dl dd em a{font-weight: normal; line-height: 100%; display: inline-block; color: #666666; font-size: 14px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #808080;}
.fm_r dl dd em a span{ padding-left: 14px;}

.f_m h3 a{ display: inline-block; line-height: 100%; font-size: 14px; color: #333333; height: 33px;background:url(../images/f_mr.png) no-repeat right 0; padding-right: 21px;}
.f_m ul li{ float:left; width: 380px; height: 198px; background: #eee; box-sizing: border-box; padding: 14px; margin-right: 128px;}
.f_m ul li:last-of-type{ margin-right: 0;}
.f_m ul li b{ display: inline-block; float: left; width: 307px;}
.f_m ul li b img{ width: 307px;}
.f_m ul li i{ display: inline-block; float: right; padding-right: 6px; width: 18px; font-size: 14px; color: #333333; font-weight: bold; line-height: 100%; margin-top: 57px;}


.zuod2{ margin-bottom: 164px;background:url(../images/zuod2.jpg) no-repeat center 0;}
.yanf{ padding-top: 132px; height: 615px;}
.yf_l{ width: 380px;}
.yf_l h3{ line-height: 100%; padding-top: 30px; font-size: 32px; color: #1a1a1a; position:relative; height: 94px;background:url(../images/yf_l.png) no-repeat;font-weight: normal; margin-bottom: 78px;}
.yf_l h3:before{ position: absolute; left: 0; top:92px; content: ""; width: 40px; height: 3px; background: #028156;}
.yf_l ul li{ padding-bottom: 103px; line-height: 100%; font-size: 14px; color: #1a1a1a;}
.yf_l ul li i{ display: block; line-height: 83%; color: #028156; font-size: 47px;    font-family: Century Gothic; margin-bottom: 14px;}
.yf_l ul li:last-of-type{ padding-bottom: 0;}

.yf_r{ width: 923px;}
.yf_r dl dt{ background: #eee; height: 498px; margin-bottom: 28px; margin-top: 31px;}
.yf_r dl dt b{ display: block; font-size: 0; line-height: 0; overflow: hidden; height: 401px;}
.yf_r dl dt em{ display: block; overflow: hidden; padding-top:12px; line-height: 100%;}
.yf_r dl dt em i{ display: inline-block; float: left; width: 25%; text-align: center;}
.yf_r dl dt em i span{ display: block; line-height: 100%; font-size: 14px; color: #333333; padding-top: 2px;}
.yf_r dl dd p{ color: #666666; font-size: 14px; line-height: 28px;}
/**/
/**/
.zoj dl dd em a:hover,.case_l h4 a:hover{ color: #028156; font-weight: bold;border-bottom: 1px solid #028156; }
.zd_list ul li{ position: relative;}
.zd_list ul li a:hover,.zd_om dl dd em a:hover,.fm_r dl dd em a:hover,.zr_on31 dl dd em a:hover,.xw_l dl dd h3 a:hover,.xw_r ul li a:hover{color:#028156;font-weight: bold;}
.zd_list ul li:after{position: absolute; left: 0; top:22px; width:0; height: 1px; content: ""; background: #028156;transition: all 0.2s; z-index: 5;}
.zd_list ul li:hover:after{ width:165px;}
.f_m ul li b { overflow: hidden; height: 172px;}
.zd_om dl dt img,.zd_r ul li b img,.fm_r dl dt img,.f_m ul li b img,.zr_on1 ul li b img,.zr_on2 dl dt img,.zr_on2 dl dd h3,.zr_on2 dl dd p,.zr_on31 dl dt img,.fm_on1 ul li b img,.qc_on1 ul li b img,.cs_om_r ul li img,.cs_om22 ul li b img,.yaf_on1 dl dt img,.yaf_on2 ul li b img,.yaf_on4 ul li b img,.yaf_on6 ul li b img,.yaf_on5 ul li b img,.ban3 ul li img,.xw_l dl dt img{transition: all 0.3s linear 0s;}
.zd_om dl dt img:hover,.zd_r ul li b img:hover,.fm_r dl dt img:hover,.f_m ul li b img:hover,.zr_on1 ul li:hover b img,.zr_on2 dl:hover dt img,.zr_on31 dl dt:hover img,.fm_on1 ul li:hover b img,.qc_on1 ul li b img:hover,.cs_om_r ul li img:hover,.cs_om22 ul li b img:hover,.yaf_on1 dl dt img:hover,.yaf_on2 ul li:hover b img,.yaf_on4 ul li:hover b img,.yaf_on6 ul li:hover b img,.ban3 ul li img:hover,.xw_l dl dt img:hover{transform: scale(1.12);}
.zr_on2 dl:hover dd p,.zr_on2 dl:hover dd h3{ transform: translateX(-10px);}
.zr_on31 dl dd h3 a:hover{color:#028156;font-weight: bold;}
.zr_on32 h4 a{transition: all 0.3s linear 0s;}
.zr_on32 h4 a:hover{    color: #fff;    border: 2px solid #028156;    background: #028156;}
.fm_on2 ul li{transition: all 0.2s;}
.fm_on2 ul li:hover{ box-shadow: 0 0 7px rgba(0,0,0,0.12);}
.ban3 ul li{ overflow: hidden; height: 255px;}
/**/
/**/
/**/
/**/
/**/
/**/

/**/
/**/
.fullSlide {
    position: relative;
    z-index: 1;
    clear: both;
    width: 100%
}

.fullSlide .tempWrap {
    margin: 0 auto
}

.fullSlide .bd {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto
}

.fullSlide .bd .li img {
    display: block;
    width: 100%;
    height: auto !important
}

.fullSlide .hd {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 72px;
    cursor: pointer; box-sizing: border-box; line-height: 72px; padding-left: 13.8%;
    z-index: 9;
    font-size: 0
}

.fullSlide .hd li {
    display: inline-block;
 font-size: 16px; color: #999999;
line-height: 72px; margin-right: 50px;
    opacity: 1; font-size: 14px;transition: all 0.2s;
    /*-o-transition: all .3s ease;*/
    /*transition: all .3s ease*/
}

.fullSlide .hd li i{ display: none;transition: all 0.2s;}
.fullSlide .hd li.on { color: #fff;}
.fullSlide .hd li.on i{ display: inline-block; color: #f2f5f9; padding-left: 8px;}
.fullSlide p {
    position: absolute;
    bottom: 28px;
    z-index: 99;
    opacity: 1;
    text-align: center;
    width: 10px;
    height: 15px;
 
    cursor: pointer; line-height: 100%;
}

.fullSlide .prev2 {    right: 18%;}
.fullSlide .next2 {    right: 14%;}
.fullSlide:before{ position: absolute; content: ""; bottom: 25px; width: 1px; height: 21px; background: #898989; right: 16.2%; z-index: 99;}
.fullSlide:after{ position: absolute; content: ""; bottom:0; width: 100%; height: 72px; background:rgba(0,0,0,0.4); left: 0; z-index: 9;}

.intro {background:#eee; padding-top: 112px; margin-bottom: 119px;}
.intro h2{ position: absolute; padding-top: 53px; line-height: 100%; font-size: 36px; color: #4c4c4c; font-weight: bold; width: 270px; height: 430px; box-sizing: border-box; left:-32px; padding-left: 32px;}
.intro p{ margin-left: 525px; font-size: 15px; color: #595959; line-height: 30px; padding-bottom: 65px;}
.intro ul { overflow: hidden;;
    clear: both;
    height: 173px;
    padding-top: 43px;

}

.intro li { padding-right: 64px; margin-right: 64px; border-right: 1px solid #dcdcdc;    float: left;}

.intro li em {
    display: block
}

.intro li i {
    display: inline-block;
    font-size: 48px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1
}

.intro li sup {
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    color: #4d4d4d;
    vertical-align: 22px;
    margin-left: 8px
}

.intro li span {
    display: block;
    font-size: 15px;
    line-height: 100%;
    color: #626262;
    text-align: center;
    margin-top: 5px;
}

.intro li:nth-child(2) sup,
.intro li:nth-child(3) sup {
    font-weight: 700;
    margin-left: 5px
}
.intro li:last-child {    float: right;padding-right: 0; margin-right: 0; border-right: none;}
/**/
/*效果*/
.n_l ul li b img{ width: 380px;}

.n_r ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jid ul li b,.ziz_on1 ul li b,.ziz_r ul li{ overflow: hidden; display: block;}
.yf_r dl dt b img,.yf_r dl dt em i img,.zoj dl dt img{ transition: all 0.3s linear 0s;}
.yf_r dl dt em i:hover img{animation-duration: 1.5s;animation-name: flipInX;}
.yf_r dl dt b img:hover,.zoj dl dt img:hover{transform: scale(1.09);}



/**/
/**/
/**/
/**/
/**/


body {    position: relative;}

.links {    width: 100%;    height: 54px;    position: absolute;    z-index: 2;    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    box-sizing: border-box;    overflow: hidden;
    left: 0;    bottom: 50px}

.links a,
.links em {    display: inline-block;    font-size: 14px;
    line-height: 54px;    color: grey;    -o-transition: all .3s ease;
    transition: all .3s ease;    margin-right: 20px}

.links em {    font-style: normal;}

.links a:hover {    color: rgba(255, 255, 255, .8)}

@-webkit-keyframes fadeInDown1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown1 {
    -webkit-animation-name: fadeInDown1;
    animation-name: fadeInDown1
}

@-webkit-keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft1 {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInLeft1 {
    from {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInLeft1 {
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1
}

@-webkit-keyframes fadeInLeft2 {
    from {
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInLeft2 {
    from {
        -webkit-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight1 {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInRight1 {
    from {
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInRight1 {
    -webkit-animation-name: fadeInRight1;
    animation-name: fadeInRight1
}

@-webkit-keyframes fadeInRight2 {
    from {
        -webkit-transform: translate3d(3%, 0, 0);
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInRight2 {
    from {
        -webkit-transform: translate3d(3%, 0, 0);
        transform: translate3d(3%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes zoomLeft {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomLeft {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.zoomLeft {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

.zoomRight {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation-name: zoomLeft;
    animation-name: zoomLeft
}

@-webkit-keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }
}

.zoomIn1 {
    -webkit-animation-name: zoomIn1;
    animation-name: zoomIn1
}

@-webkit-keyframes fadeInUp1 {
    from {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp1 {
    from {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp1 {
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1
}

@-webkit-keyframes fadeInUp2 {
    from {
        -webkit-transform: translate3d(0, 2%, 0);
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInUp2 {
    from {
        -webkit-transform: translate3d(0, 2%, 0);
        transform: translate3d(0, 2%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-moz-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-webkit-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}

@-o-keyframes myfirst {
    0% {
        top: 0;
        left: 0
    }

    25% {
        top: 10px;
        left: 0
    }

    50% {
        top: 0;
        left: 0
    }

    100% {
        top: 0;
        left: 0
    }
}