@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img  li img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.75s linear 0s }
.scale_img li:hover img, .scale_img li:hover img { -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) rotate(0deg) translateY(0) }


.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block;background: #f3f3f3; }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom:45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 10px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #fefc0d;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% }
/**/
.tils{ position: relative; padding-top: 125px; height:696px;background: url(../images/quq.jpg) no-repeat center 0; box-sizing: border-box; overflow: hidden;}
.tils h3{ line-height: 100%; text-align: center;font-weight: normal; margin-bottom: 25px;}
.tils h3 i{ display: block; line-height: 100%; color: #222222; font-size: 42px; padding-bottom: 20px;}
.tils h3 span{ display: block; line-height: 100%; padding-bottom: 26px; position: relative; font-size: 20px; color: #1eb61e;}
.tils h3 span:before{ left: 570px; bottom: 0; content: ""; position: absolute; width: 60px; height: 3px; border-radius: 3px; background: #70ba0b;}
.tils p{ height: 100px; text-align: center; line-height: 30px; color: #666666; font-size: 16px;}
.tils p span{ display: block;}
.tils ul li{ float: left; width: 23%; height: 217px; text-align: center;background: url(../images/t_li.png) no-repeat center; margin: 0 11px; box-sizing: border-box; padding-top: 47px; color: #fff;}
.tils ul li em{ display: block; line-height: 100%; font-weight: bold; font-size: 16px; padding-top: 6px;}
.tils ul li i{ display: block; font-size: 48px; position: relative; line-height: 100%; padding-top: 23px;}
.tils ul li i span{ position: absolute; width: 28px; height: 28px; border-radius: 28px; background: #3d6800; color: #70ba0b; line-height: 28px; font-size: 14px; top: 7px;}
.tils ul li:nth-child(2) i span{ right:41px;}
.tils ul li:nth-child(5) i span{ right:37px;}
.tils ul li:hover{background: url(../images/t_lic.png) no-repeat center;}
.tils ul li:hover i span{ background: #e28210; color: #fff;}
    /*.titls{ height: 128px;background: url(../images/h2.png) no-repeat center bottom;}
.titls i{ display: block; line-height: 100%; font-size: 42px; color: #222222;font-weight: normal;}
.titls span{ display: block; line-height: 100%; padding-top: 24px;font-weight: normal; color: #1eb61e; font-size: 20px;}*/
.pros{ padding-top: 48px; height: 866px; overflow: hidden;background: url(../images/probg.jpg) no-repeat center 223px;}
.p_lis{ overflow: hidden;  height: 126px; margin-bottom: 100px;background: url(../images/h2.png) no-repeat center bottom;}
.p_lis h3{ float: left; width: 330px;}
.p_lis h3 i{ display: block; line-height: 100%; font-size: 42px; color: #222222;font-weight: normal;}
.p_lis h3 span{ display: block; line-height: 100%; padding-top: 24px;font-weight: normal; color: #1eb61e; font-size: 20px;}
.p_lis ul{ float: right; margin-top: 62px;}
.p_lis ul li{ float: left; margin-left: 48px;}
.p_lis ul li a{ display: inline-block; line-height: 100%; font-size: 20px; color: #666666;}
.p_lis ul li a:hover{ color: #4aab73; font-weight: bold;}

.p_ons dl{ 
    width: 470px;
    text-align: center;
    background: #fff;}
.p_ons dl dt{ font-size: 0; line-height: 0; overflow: hidden; position: relative;    width: 95%;}
.p_ons dl dt img {
    width: 100%;
}
.p_ons dl dt em{ display: inline-block; position: absolute; left: 55px; top: 43px; font-size: 20px; color: #fff; line-height: 100%; text-align: left;}
.p_ons dl dt em span{ display: block; padding-top: 13px; font-size: 12px; padding-bottom: 31px; position: relative;}
.p_ons dl dt em span:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 32px; height: 2px; background: #1eb61e;}
.p_ons dl dd{ padding-top: 23px;
    padding-bottom: 20px;}
.p_ons dl dd h3{ font-weight: normal; line-height: 100%; font-size: 18px; color: #353535; padding-bottom: 10px;}
.p_ons dl dd p{ text-align: center; color:#288d28; font-size: 23px; font-weight:bold;}
.p_ons ul{ float: right; width:670px; }
.p_ons ul li{ position: relative; float: left; font-size: 0; line-height: 0; margin: 0 0 20px 20px;}
.p_ons ul li em b{ display: none;}
.p_ons ul li em{ display: block; position: absolute; left: 28px; top: 39px; font-size: 20px; color: #222222; line-height: 100%;}
.p_ons ul li em span{ display: block; line-height: 100%; color: #787878; font-size: 12px; padding-top: 13px;}
.p_ons ul li:hover em{ left: 0; top: 0; width: 100%; height: 100%;background: url(../images/pro_cur.jpg) no-repeat; text-align: center; color: #fff; box-sizing: border-box; padding-top: 25%;}
.p_ons ul li:hover em span{ color: #fff; }
.p_ons ul li:hover em b{ display: block; margin-top: 10%;background: url(../images/pro_btn.png) no-repeat;  width: 94px; height: 32px; text-align: center; line-height: 32px; margin: 10% auto 0; color: #fbb724;font-weight:normal; font-size: 16px;}


    /**/
.hxys{ height: 2300px;}
.hxys h2{ margin-bottom: 50px;}
.hxys dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden;}
.hxys dl dd{ float: left; padding-left: 45px; box-sizing: border-box;height: 500px;}
.hxys dl:first-of-type dd{background: url(../images/ys_bg1.jpg) no-repeat; width: 600px; height: 500px;}
.hxys dl dd h3{ margin-top: 130px; padding-left: 89px;background: url(../images/y_no1.png) no-repeat; height: 115px;}
.hxys dl dd h3 i{ display: block; line-height: 100%; color: #4aab73; font-size: 30px;}
.hxys dl dd h3 span{ display: block; font-weight: normal; line-height: 100%; padding-top: 8px; font-size: 16px; color: #999999; font-family: Arial;}
.hxys dl dd p{ width: 486px;}
.hxys dl dd p i{ display: block; font-size: 22px; color:#555555;font-weight: bold; padding-bottom: 27px;}
.hxys dl dd p span{ display: block; padding-left: 27px; font-size: 16px; color: #666666; line-height: 24px; margin-bottom: 24px;background: url(../images/y_li2.png) no-repeat 0 7px; }
.hxys dl:nth-of-type(2) dt{ float: left; margin-left: -360px; height: 500px;}
.hxys dl:nth-of-type(2) dd,.hxys dl:nth-of-type(4) dd{ padding-left: 83px;}
.hxys dl:nth-of-type(2) dd h3{background: url(../images/y_no2.png) no-repeat;}
.hxys dl:nth-of-type(3) dt{ margin-right: -360px;}.hxys dl:nth-of-type(3) dd h3{ margin-top: 66px;}
.hxys dl:nth-of-type(3) dd h3{background: url(../images/y_no3.png) no-repeat;}
.hxys dl:nth-of-type(3) dd h4{ padding-left: 27px; padding-top: 23px;}
.hxys dl:nth-of-type(3) dd h4 img{ float: left; padding-right: 28px;}
.hxys dl:nth-of-type(4) dt{ float: left;}
.hxys dl:nth-of-type(4) dd h3{background: url(../images/y_no4.png) no-repeat;}
    /**/
.ry{background: url(../images/ry.jpg) no-repeat center 0;  height: 720px; text-align: center; box-sizing: border-box; padding-top: 78px;}
.ry h3{ text-align: center; color: #fff; height: 143px;}
.ry h3 i{ display: block; line-height: 100%; color: #fff; font-size: 50px; letter-spacing: 5px;}
.ry h3 span{ font-size: 20px; display: block; font-weight: normal; padding-top: 20px;}
    /**/
.case{ height: 757px;}
.case h2{ margin-bottom: 45px;}
.c_uu{ cursor: pointer; position: absolute; left: -63px; top: 409px;}
.c_dd{ cursor: pointer; position: absolute; right: -63px; top: 409px;}
.case ul{ overflow: hidden;}
.case ul li{ float: left; width: 375px; margin-right: 37px;border: 1px solid #ebebeb; height: 465px;}
.case ul li i{ display: block; margin: 0 37px; line-height: 100%; padding-top: 26px; font-size: 24px; color: #000000; margin-bottom: 12px;}
.case ul li span{ display: block; margin: 0 37px 23px; height: 72px; border-bottom: 1px dotted #d9d9d9; font-size: 14px; color: #666666;}
.case ul li em{ display: block; margin: 0 37px; font-size: 16px; color: #999999; line-height: 100%;}
.case ul li:hover{ background: #fbb724; border: 1px solid #fbb724;}
.case ul li:hover i,.case ul li:hover em,.case ul li:hover span{ color: #fff;}
.case ul li:hover em{font-weight: bold;}
    /**/
.news{ overflow: hidden;background: url(../images/news.jpg) no-repeat center 0; height: 962px; box-sizing: border-box; padding-top: 86px;}
.news h2{ margin-bottom: 86px;}
.news h3{ height: 52px; border-bottom: 1px solid #e5e5e5; margin-bottom: 39px; line-height: 100%;}
.news h3 a{ display: inline-block; line-height: 100%; color: #222222; font-size: 22px;}
.news h3 a:hover,.news_la ul li i a:hover{ color:#1eb61e;}
.news_l{ margin-left: 49px; width: 472px;}
.news_la ul li span{ display: block; line-height: 100%; color: #666666; font-size: 14px; padding-bottom: 36px;}
.news_la ul li i a{ display: block; line-height: 100%; font-size: 24px; color: #222222; overflow: hidden;}
.news_la ul li em{ display: block; padding-top: 23px; height: 78px; font-size: 14px; color: #666666; line-height: 24px;}
.news_la ul li b{ display: block; font-size: 0; line-height: 0;}
.news_lb{ position: absolute; z-index: 55; left: 423px; top: 458px;}
.news_lb ul li{ float: left; width: 9px; height: 9px; border-radius: 9px; background: #fff; opacity: 0.7; margin-right: 5px; cursor: pointer;}
.news_lb ul li.on{ opacity: 1;}

.news_r{ width:534px; margin-right: 43px;}
.news_r ul li{ height: 152px;}
.news_r ul li i{ display: block; height: 32px; overflow: hidden; position: relative;}
.news_r ul li i:before{ content: ""; position:absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 5px; background: #000;}
.news_r ul li i a{ display: inline-block; float: left;padding-left: 20px; overflow: hidden; color: #222222; font-size: 18px; line-height: 100%;}
.news_r ul li i a:hover{font-weight: bold; color: #1eb61e;}
.news_r ul li i span{ display: inline-block; float: right; font-size: 14px; color: #666666;}
.news_r ul li em{ display: block; line-height: 24px; font-size: 14px; color: #666666;}
    /**/
/*h2:before{display: inline-block;width:50px;height:3px;background: #21878c;content: "";position: absolute;top:99px;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1;}*/
/*h2:hover:before{  width:106px;opacity: 1;}*/
/**/
/**/
.about{ height:1345px; background: url(../images/about.jpg) no-repeat center 0; overflow: hidden;box-sizing: border-box;padding-top:120px;}
.about h3{ font-size: 0; line-height: 0; overflow: hidden; margin-bottom: -114px;}
.about p{background: url(../images/abg1.png) no-repeat; width: 933px; height: 316px; margin: 0 auto; position: relative; box-sizing: border-box; padding-left: 33px; height: 370px;}
.about p i{ display: block; line-height: 100%; font-size: 24px; color: #4aab73;font-weight: bold; text-align: center; padding-top: 75px; padding-bottom: 25px;}
.about p span{ display: block; margin: 0 39px; font-size: 14px; color: #666666; line-height: 24px; height: 120px;}
.about p em{ display: block; margin: 0 auto;background: url(../images/a_btn.png) no-repeat; width: 160px; height: 42px;}
.about p em a{ display: block; line-height: 42px; text-align: center; color: #fff; font-size: 18px;}

.a_show{ position: relative; padding-left: 42px;}
.a_show ul li{ float: left; width: 360px; text-align: center; margin-right: 20px; position: relative;}
.a_show ul li img{ display: inline-block; width: 360px;transition: all 0.3s linear 0s;}
.a_show ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden; }
.a_show ul li img:hover{transform: scale(1.05);}
.a_show ul li i{ display: block; position: absolute; left: 19px; top: 95px; font-size: 17px; color: #fff;font-weight: bold;}
    /**/
.titls{ height: 128px;background: url(../images/h2.png) no-repeat center bottom;}
.titls i{ display: block; line-height: 100%; font-size: 42px; color: #222222;font-weight: normal;}
.titls span{ display: block; line-height: 100%; padding-top: 24px;font-weight: normal; color: #1eb61e; font-size: 20px;}
.about .titls{background: url(../images/a_h.png) no-repeat center bottom; margin-bottom: 51px;}
.about .titls i{ color: #fff;}
.about .titls span{ color: #fff;}
    /**/
.btn,.pro_r ul li em strong,.btn21,.xw_l dl:before{ transition: all 0.3s linear 0s;}
.news_la ul li b img{transition: all 0.3s linear 0s;}
.news_la ul li b img:hover{transform: scale(1.05);}
.btn:hover{ text-decoration: underline; color: #fff; background-position: 115px 14px;}
.btn21:hover{background-position: 90% 3px;}
.xw_r ul li:hover .btn21{background-position: 90% 3px;}
.pro_r ul li em strong:hover{ background-position: 75px 5px;}
.zuz .content:before,.hezu .content:before{-webkit-animation:gogogo 0.95s infinite linear ;}
.xw_l dl:hover:before{    height: 121px;}
@-webkit-keyframes gogogo {
    0%{

        -webkit-transform: translateY(0px);

    }
    50%{
        -webkit-transform:translateY(9px);
    }
    100%{
        -webkit-transform:translateY(0px);
    }

}

.p_tex h3 span:before,.p_mal h3 span:before{ transition: all 0.3s linear 0s;}
.p_tex h3:hover span:before,.p_mal h3:hover span:before{ width: 120px;}
.pro_l img{transition: all 0.3s linear 0s;}
.pro_l:hover img{ -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) rotate(0deg) translateY(0)}
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}



.xw h3 a:hover{color: #0a8ae1;}
/**/
.about p i .morr{transition: all 0.3s linear 0s;}
.about p i .morr:hover{ transform: translateX(7px);}

.case-con-r dt{ overflow: hidden; }
.zhus_m ul li img,.case-con-r dt img,.zhus_r ul li img,.zr_vl img{transition: all 0.3s linear 0s;}
.zhus_m ul li img:hover,.case-con-r dt img:hover,.zhus_r ul li img:hover,.zr_vl img:hover{transform: scale(1.03);}

/**/
.pros ul{width: 56%;
    position: absolute;
    right: 0%;
    top: 225px; }
.pros ul li{ position: relative;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 0 20px 1%;
    width: 49%;
    height: 274px;
    overflow: hidden;}
.pros ul li img{ width: 100%;}
.pros ul li em b{ display: none;}
.pros ul li em{ display: block; position: absolute; left: 28px; top: 39px; font-size: 20px; color: #222222; line-height: 100%; font-weight:bold;}
.pros ul li em span{ display: block; line-height: 100%; color: #787878; font-size: 12px; padding-top: 13px;}
.pros ul li:hover em{ left: 0; top: 0; width: 100%; height: 100%;background: url(../images/pro_cur.jpg) no-repeat; text-align: center; color: #fff; box-sizing: border-box; padding-top: 25%; background-size:100%;}
.pros ul li:hover em span{ color: #fff; }
.pros ul li:hover em b{ display: block; margin-top: 10%;background: url(../images/pro_btn.png) no-repeat;  width: 94px; height: 32px; text-align: center; line-height: 32px; margin: 10% auto 0; color: #fbb724;font-weight:normal; font-size: 16px;}

/**/
/**/

@-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(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 fadeInRight2 {
    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 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.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 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 }
}


@media (max-width:1480px) {
.pros ul {
    width: 59.3%;
}
}