@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#f00;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;}
input,input:focus,select,select:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #ededed !important;  //字体颜色
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间  
}  
input {background-color:transparent;} 
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat)
}
.animated.repeat-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);
animation-iteration-count:calc(var(--animate-repeat)*2)
}
.animated.repeat-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);
animation-iteration-count:calc(var(--animate-repeat)*3)
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay)
}
.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
-webkit-animation-delay:calc(var(--animate-delay)*2);
animation-delay:calc(var(--animate-delay)*2)
}
.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
-webkit-animation-delay:calc(var(--animate-delay)*3);
animation-delay:calc(var(--animate-delay)*3)
}
.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
-webkit-animation-delay:calc(var(--animate-delay)*4);
animation-delay:calc(var(--animate-delay)*4)
}
.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
-webkit-animation-delay:calc(var(--animate-delay)*5);
animation-delay:calc(var(--animate-delay)*5)
}
.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-duration: calc(var(--animate-duration)/2);
	animation-duration: calc(var(--animate-duration)/2)
}
.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
-webkit-animation-duration:calc(var(--animate-duration)*0.8);
animation-duration:calc(var(--animate-duration)*0.8)
}
.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
-webkit-animation-duration:calc(var(--animate-duration)*2);
animation-duration:calc(var(--animate-duration)*2)
}
.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
-webkit-animation-duration:calc(var(--animate-duration)*3);
animation-duration:calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
.animated {
	-webkit-animation-duration: 1ms!important;
	animation-duration: 1ms!important;
	-webkit-transition-duration: 1ms!important;
	transition-duration: 1ms!important;
	-webkit-animation-iteration-count: 1!important;
	animation-iteration-count: 1!important
}
.animated[class*=Out] {
	opacity: 0
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shakeX {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
.shakeY {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
-webkit-animation-duration:calc(var(--animate-duration)*1.3);
animation-duration:calc(var(--animate-duration)*1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform:translateY(-1200px) scale(.7);
transform:translateY(-1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform:translateY(-1200px) scale(.7);
transform:translateY(-1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.backInDown {
	-webkit-animation-name: backInDown;
	animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform:translateX(-2000px) scale(.7);
transform:translateX(-2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform:translateX(-2000px) scale(.7);
transform:translateX(-2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.backInLeft {
	-webkit-animation-name: backInLeft;
	animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform:translateX(2000px) scale(.7);
transform:translateX(2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform:translateX(2000px) scale(.7);
transform:translateX(2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.backInRight {
	-webkit-animation-name: backInRight;
	animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform:translateY(1200px) scale(.7);
transform:translateY(1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform:translateY(1200px) scale(.7);
transform:translateY(1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.backInUp {
	-webkit-animation-name: backInUp;
	animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(700px) scale(.7);
	transform: translateY(700px) scale(.7);
	opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(700px) scale(.7);
	transform: translateY(700px) scale(.7);
	opacity: .7
}
}
.backOutDown {
	-webkit-animation-name: backOutDown;
	animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(-2000px) scale(.7);
	transform: translateX(-2000px) scale(.7);
	opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(-2000px) scale(.7);
	transform: translateX(-2000px) scale(.7);
	opacity: .7
}
}
.backOutLeft {
	-webkit-animation-name: backOutLeft;
	animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(2000px) scale(.7);
	transform: translateX(2000px) scale(.7);
	opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(2000px) scale(.7);
	transform: translateX(2000px) scale(.7);
	opacity: .7
}
}
.backOutRight {
	-webkit-animation-name: backOutRight;
	animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(-700px) scale(.7);
	transform: translateY(-700px) scale(.7);
	opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(-700px) scale(.7);
	transform: translateY(-700px) scale(.7);
	opacity: .7
}
}
.backOutUp {
	-webkit-animation-name: backOutUp;
	animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
transform:translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0) scaleY(.9);
transform:translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.95);
transform:translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, 5px, 0) scaleY(.985);
transform:translate3d(0, 5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
transform:translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0) scaleY(.9);
transform:translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.95);
transform:translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, 5px, 0) scaleY(.985);
transform:translate3d(0, 5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98);
transform:translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(5px, 0, 0) scaleX(.995);
transform:translate3d(5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98);
transform:translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(5px, 0, 0) scaleX(.995);
transform:translate3d(5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(10px, 0, 0) scaleX(.98);
transform:translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995);
transform:translate3d(-5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(10px, 0, 0) scaleX(.98);
transform:translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995);
transform:translate3d(-5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.95);
transform:translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -5px, 0) scaleY(.985);
transform:translate3d(0, -5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.95);
transform:translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -5px, 0) scaleY(.985);
transform:translate3d(0, -5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.985);
transform:translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.985);
transform:translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0) scaleX(.9);
transform:translate3d(20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0) scaleX(.9);
transform:translate3d(20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0) scaleX(.9);
transform:translate3d(-20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0) scaleX(.9);
transform:translate3d(-20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.985);
transform:translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0) scaleY(.9);
transform:translate3d(0, 20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.985);
transform:translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0) scaleY(.9);
transform:translate3d(0, 20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, -100%, 0);
transform:translate3d(-100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, -100%, 0);
transform:translate3d(-100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, -100%, 0);
transform:translate3d(100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, -100%, 0);
transform:translate3d(100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 100%, 0);
transform:translate3d(-100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 100%, 0);
transform:translate3d(-100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 100%, 0);
transform:translate3d(100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 100%, 0);
transform:translate3d(100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, -100%, 0);
	transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, -100%, 0);
	transform: translate3d(-100%, -100%, 0)
}
}
.fadeOutTopLeft {
	-webkit-animation-name: fadeOutTopLeft;
	animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, -100%, 0);
	transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, -100%, 0);
	transform: translate3d(100%, -100%, 0)
}
}
.fadeOutTopRight {
	-webkit-animation-name: fadeOutTopRight;
	animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 100%, 0);
	transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 100%, 0);
	transform: translate3d(100%, 100%, 0)
}
}
.fadeOutBottomRight {
	-webkit-animation-name: fadeOutBottomRight;
	animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 100%, 0);
	transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 100%, 0);
	transform: translate3d(-100%, 100%, 0)
}
}
.fadeOutBottomLeft {
	-webkit-animation-name: fadeOutBottomLeft;
	animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {


	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.lightSpeedInRight {
	-webkit-animation-name: lightSpeedInRight;
	animation-name: lightSpeedInRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOutRight {
	-webkit-animation-name: lightSpeedOutRight;
	animation-name: lightSpeedOutRight;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	transform: translate3d(-100%, 0, 0) skewX(-30deg);
	opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	transform: translate3d(-100%, 0, 0) skewX(-30deg);
	opacity: 0
}
}
.lightSpeedOutLeft {
	-webkit-animation-name: lightSpeedOutLeft;
	animation-name: lightSpeedOutLeft;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
-webkit-animation-duration:calc(var(--animate-duration)*2);
animation-duration:calc(var(--animate-duration)*2);
	-webkit-animation-name: hinge;
	animation-name: hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}



/*Swiper 4.0.5*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/*通用调用*/
.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


table, tr, td {
    background-color: transparent;
    border: 1px solid #777;
    }

/*首页*/
/*首页顶*/
.header {
    height: 42px;
    background-color: #f7f6f6;
    position: relative;
}

.header .head_l{height:42px;line-height:42px;color:#888;}
.header .header_b{line-height:42px; height:42px;color:#888; position:relative;}
.header .header_b a{ margin:0 4px; color:#888;}
.header .header_b .head_l:hover a{color:#ff7800;}
.header .header_b a .top_icon{width:16px;height:12px;position: relative;background: url(../images/icon.png) no-repeat;top:15px;}
.header .weixin a .top_icon{background-position: 0 0;}
.header .shouji a .top_icon{width:16px;background-position: -18px 0;margin-top: 1px;}
.header .lianxi a .top_icon{background-position: -36px 0px;}
.header .weixin:hover a .top_icon{background-position:0 -13px;}
.header .shouji:hover a .top_icon{background-position:-18px -13px;}
.header .lianxi:hover a .top_icon{background-position:-36px -13px;}
.ewm_code{width:102px;height:102px; padding:5px;background:#fff;position:absolute; display:none;top:46px;z-index:999; 
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
}
.header .header_b .weixin .ewm_code{left: -20px; }
.header .header_b .shouji .ewm_code{left:54px; }
.top {height: 126px;}
.top .logo {width:auto; height:auto; overflow:hidden;margin-top:22px;}
.top .logo a{ display:block;width:auto; height:auto;}
.top .logo img{ display:block; width:100%}
.top_a {height: 46px;margin-top:40px;border-left: 1px solid #e3e3e3;
float: left;margin-left:2px;padding-left: 20px;}
.top_a span {display: block;line-height: 23px;}
.top_a span.a {font-size: 18px;font-weight: 600;color: #333333;}
.top_a span.b {color: #555555;}
.top_b {height: 50px;margin-top: 31px;float: right;position: relative;}
.top_b img {margin-right: 8px;}
.top_b span.a {font-size: 26px;font-weight: 600;color: #444444;}
.top_b span.b {font-size: 28px;font-weight: 600;color: #f39700;}
.top_b span.c {position: absolute;left: 60px;color: #444444;/* top: 10px; */}

/*头部导航*/
.nav_box1 {height:78px;position: fixed;top: 0;left: 0;z-index: 9999; background:#004785; width:100%;}
.nav_box{ background:#004785; height:78px;}
.nav{ height:78px;}
.nav ul li{float:left;}
.nav ul li.nli{height:78px; line-height:78px;position:relative; font-size:16px;}
.nav ul li.nli_one span{ display:block; background:url(../images/icon.png) no-repeat -83px 0; width:18px; height:18px; float:left; margin-top:30px; margin-right:6px;}
.nav ul li.nli .nav_a{ display:block; padding:0 51px;height:78px; line-height:78px; color:#fff;}
.nav ul li:hover .nav_a,.nav ul li.on .nav_a{ background:#ff7800; color:#fff;}
.nav ul li:hover span,.nav ul li.on span{ background-position:-83px 0;}
.nav .sub{display:none;  width:166px;left:0; top:78px;position:absolute;background:#004785; height:auto; overflow:hidden; z-index: 5;font-size: 16px;}
.nav .sub li{zoom:1; width:100%;height:44px; line-height:44px; overflow:hidden; text-align:left; }
.nav .sub a{display:block;width:100%;height:44px; line-height:44px; overflow:hidden; color:#fff;position:relative; font-size:14px;}
.nav .sub li a:before{ content:""; position:absolute; width:4px; height:1px; background:#fff; position:absolute; top:22px; left:22px; margin-right:40px; transition:all .3s;}
.nav .sub a em{ font-style:normal; float:left; margin-left:32px;transition:all .3s; width:auto;}
.nav .sub a:hover{background:#ff7800; color:#fff;}
.nav .sub a:hover:before{ width:12px; background:#fff;}
.nav .sub a:hover em{ margin-left:40px;}
.banner{width:100%;height:460px;overflow:hidden;position:relative; max-width:1920px;}
.banner .bd{position:relative;height:540px;}
.banner .bd li{width:100%;height:540px;zoom:1;vertical-align:middle;}
.banner .hd{width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{cursor:pointer; display:inline-block; zoom:1; width:12px; height:12px; margin:4px; background:#eee; border-radius:6px;font-size:0; vertical-align:text-top;}
.banner .hd ul li.on,.banner .hd ul li:hover{background:#004785;}
.banner .hd ul li:hover{ cursor:pointer;}
.banner .bd li a{display:block;width:100%;height:100%; position: relative; color:#333;}
.banner .prevstop,.banner .nextstop{ display:none;  }
.banner_ctr{ height:79px;position:absolute;top:185px;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner_con .banner_font{ height:344px; padding-top:122px;}
.banner_con .banner_font .company_name{ color:#333; font-size:20px; font-weight:lighter; height:28px; line-height:28px; margin-bottom:11px;}
.banner_con .banner_font .company_name i{ display:inline-block; width:120px; height:1px; background:#666;vertical-align: middle;}
.banner_con .banner_font .company_name i:nth-child(1){ margin-right:28px;}
.banner_con .banner_font .company_name i:nth-child(2){ margin-left:28px;}
.banner_con .banner_font .pro_name{ font-size:72px; color:#004785; font-weight:bold; height:80px; line-height:80px; overflow:hidden; margin-bottom:14px;}
.banner_con .banner_font .pro_sl{ color:#333; font-size:32px; height:34px; line-height:34px; overflow:hidden; margin-bottom:24px;}
.banner_con .banner_font .tel{ width:400px; height:50px; line-height:50px; text-align:center; color:#fff;  background: -webkit-linear-gradient(left, #f31801 ,#ff7400); 
  background: -o-linear-gradient(right, #f31801 ,#ff7400); 
  background: -moz-linear-gradient(right, #f31801 ,#ff7400);
  background: linear-gradient(to right, #f31801 ,#ff7400); font-size:28px; margin-bottom:28px;}
.pro_features dl{ height:30px; line-height:30px; overflow:hidden; float:left; margin-right:20px; width:auto;}
.pro_features dl dt{ display:block; width:24px; height:20px; background:url(../images/icon.png) no-repeat -131px 0; float:left; margin-top:5px; margin-right:10px;}
.pro_features dl dd{ font-size:28px; float:left;}  
.banner_con .banner_font1{ padding-top:136px; height:404px; overflow:hidden;}
.banner_font1 .products_name{ font-size:46px; font-weight:bold; height:52px; line-height:52px; overflow:hidden; color:#fff; margin-bottom:24px;}
.banner_font1 .products_intro{ width:514px; height:54px; line-height:54px; text-align:center; overflow:hidden; background:#fff; border-radius:10px; margin-left:62px; color:#2f65ca; font-size:24px; margin-bottom:32px;}
.banner_font1 .pro_features{ color:#fff; height:22px;margin-bottom:52px;}
.banner_font1 .pro_features dl dt{ display:block; width:26px; height:22px; background:url(../images/icon.png) no-repeat -34px -105px;}
.banner_con .banner_font1 .tel{ background:none;height:48px; line-height:48px; font-size:30px; font-weight:bold; width:440px; margin-left:80px;}
.banner_con .banner_font1 .tel .icon{background:url(../images/icon.png) no-repeat -213px -143px; width:48px; height:48px; overflow:hidden; float:left; margin-right:4px;}
.banner_con .banner_font3{ padding-top:76px; height:464px; overflow:hidden;}
.banner_con .banner_font3 .company_name{ font-size:26px;  background:url(../images/name_bg.png) no-repeat; width:488px; height:47px; line-height:47px; text-align:center; overflow:hidden; color:#fff; margin-bottom:31px;}
.banner_font3 .pro_name_box{ width:410px; height:auto; overflow:hidden; margin-left:46px; margin-bottom:46px;}
.banner_con .banner_font3 .pro_name{ color:#333; margin-bottom:25px;}
.banner_font3 .pro_name_box .fl{ width:360px; height:auto; overflow:hidden;}
.banner_font3 .pro_name_box .tel_box{ background:#ff7800; width:349px; height:45px; line-height:45px; background:#ff7800; border-radius:10px; font-size:23px; color:#fff;}
.banner_font3 .pro_name_box .tel_box .icon {background:url(../images/icon.png) no-repeat -266px -143px; width:28px; height:28px; overflow:hidden; float:left; margin:9px 11px 8px 36px;}
.banner_font3 .manufactor{ height:134px; width:33px; background:#004785; border-radius:10px; margin-top:14px;}
.banner_font3 .manufactor p{ height:128px; text-align:center; margin:0 auto; color:#fff; font-size:20px; padding-top:6px;}
.banner_font3 .character{ margin-left:6px; width:482px; height:88px;}
.banner_font3 .character p{float:left; width:84px; height:84px; border:2px dashed #222;border-radius:10px; margin:0 14px;display: flex;align-items:center;justify-content: space-around;flex-direction: column; font-size:24px; text-align:center;}
.searchbox{ height:64px; line-height:64px; overflow:hidden; border-bottom:1px solid #ededed; margin-bottom:46px;}
.search_s .hot{ font-size:14px; color:#333;}
.search_s .hot b{ color: #4c4c4c;float: left;font-weight: normal;padding-left: 30px;background: url(../images/hot.png) no-repeat left;}
.search_s .hot a{ color:#666; padding:0 4px;}
.search_s .hot a:hover{ color:#004785}
.search_s .search_r{ width:344px; height:34px; border:1px solid #dcdcdc;margin-top:17px; position:relative;border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; margin-top:14px; position:relative;}
.search_s .search_r .search_sub_box{width:66px; height:36px; line-height:35px; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; background:#4d4d4d; border:none; color:#fff; cursor:pointer;position:absolute; top:-1px; right:-1px;border: none; }
.search_s .search_r .search_one{ border:none; width:276px; height:34px; overflow:hidden; color:#999; margin-left:14px;}
.search_s .search_r .search_sub{ width:18px; height:18px; overflow:hidden; background:url(../images/icon.png) no-repeat -105px 0;border: none; margin-left:26px; margin-top:9px;}
.search_s .search_r .yys_hei{color:#333}
.search_s .search_r:hover .search_sub_box{ background:#004785}
.search_s .search_r:hover,.search_s .search_r:focus { border:1px solid #004785;}
.pro_intro{ background:url(../images/pro_bg.jpg) no-repeat;background-position-x: -30px; width:1200px; height:441px; overflow:hidden; margin-bottom:50px;}
.pro_intro .pic_img{ width:484px; height:364px; overflow:hidden; margin-left:33px; margin-top:40px;}
.pro_intro .pic_img img{ display:block; width:auto; height:100%;}
.pro_intro .inrto_font{ width:620px; height:344px; overflow:hidden; margin-top:60px;}
.pro_intro .inrto_font .pro_name{ font-size:30px; color:#333; margin-left:36px; width:380px; height:36px; line-height:36px; overflow:hidden; margin-bottom:10px; font-weight:bold;}
.pro_intro .inrto_font .sub_title{margin-left:36px;font-size:16px; color:#333; width:380px;height:20px; line-height:20px; overflow:hidden; margin-bottom:14px;text-overflow: ellipsis;white-space: nowrap;}
.pro_intro .inrto_font .line{ width:54px; height:2px; background:#004785; margin-left:36px; margin-bottom:18px;}
.pro_intro .inrto_font .intro{ color:#888; width:380px;margin-left:36px; line-height:24px; height:120px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;word-break: break-all; margin-bottom:8px;}
.pro_intro .inrto_font .else_intro{ background:#004785; height:116px;}
.else_intro ul li{ float:left; width:200px; height:116px; }
.else_intro ul li.no{ border:none;}
.else_intro ul li .t{ height:56px; color: #fff; text-align: center; margin-top:12px;}
.else_intro ul li .t .a{font-size:40px; font-weight:bold; line-height:56px; margin-right:6px; font-family:Arial;}
.else_intro ul li .t .b{ font-size:16px;vertical-align: center; color:#fff;}
.else_intro ul li .d{ height:20px; line-height:20px; text-align: center; color:#fff; font-size:16px; font-weight:bold;}
.title_box{ height:auto; text-align:center; margin-bottom:44px;}
.title_box .title{ font-size:40px; font-weight:bold; color:#333; height:50px; line-height:50px; overflow:hidden; margin-bottom:18px;}
.title_box .sub_title{ font-size:18px; height:22px; line-height:22px;}
.title_box .sub_title i{ display:inline-block; width:44px; height:6px; vertical-align:middle;}
.title_box .sub_title i img{ display:block; width:100%; height:100%;}
.title_box .sub_title i:nth-child(1){ margin-right:36px;}
.title_box .sub_title i:nth-child(2){ margin-left:36px;}
.product_box{ margin-bottom:60px;}
.product_main ul{ height:auto; width:1236px;overflow:hidden;}
.product_main ul li{ width:376px; height:456px; margin-right: 36px;  float:left;background: url(../images/stroke.jpg); margin-bottom:36px;}
.product_main ul li .pic{width:364px; height:364px; overflow: hidden;position: relative; margin-left: 6px; margin-top: 6px;}
.product_main ul li .pic .hover{ background: rgba(0,0,0,.2); position: absolute; width: 364px; height:344px; top: -344px; transition: .3s;}
.product_main ul li .title{ margin-left: 6px; width: 364px; color:#333333; height:80px; line-height:80px; background-color: #FFFFFF;  transition: .3s;text-align: center;}
.product_main ul li .pic .hover img{ margin: 148px 156px;}
.product_main ul li a {display: block; width:380px; height:322px;transition: .3s;}
.product_main ul li a:hover .title{ transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);  line-height:105px; height:105px; text-align: center; background:#004785; color:#fff;}
.product_main ul li a:hover .hover{ display: block; top:0px; z-index: 5;}
.product_main ul li a .pic .pro_img{ width: 265px;height: 265px; margin: 53px; display:block; }
.home_more{ display: block;width: 156px; height: 51px; padding-left: 40px; margin-top:20px; color: #FFFFFF; margin-left: 512px; background-color:#ff7800; }
.home_more .a{line-height: 51px; color: #FFFFFF; width: 86px; display: block; float: left;}
.home_more .b{ background: url(../images/home_more.png) no-repeat; width: 70px; height: 51px;  display: block;float: right; transition: .3s;}
.home_more .b img{ margin-top: 16px; margin-left: 30px;}
.home_more:hover .b{background: url(../images/home_more.png) no-repeat 70px; }
.banner_gg{ width:100%; background: url(../images/banner_gg.jpg) no-repeat center center; height: 336px; margin-top: 50px;}
.banner_gg .font{width:640px; margin-left:500px; text-align: center;    padding: 53px 0;/*background: rgba(0,0,0,0.3);*/}
.banner_gg .font .title{font-size: 32px; color: #ffffff; line-height:40px; height:40px; font-weight: bold; }
.banner_gg .font .td_intro{font-size: 26px; color: #ffffff; line-height: 26px; margin-top: 25px; font-weight: 500;}
.banner_gg .font .tel{font-size: 32px; color: #ffffff; line-height: 32px; margin-top: 25px;font-weight:bold;}
.banner_gg .font .tel span{font-size: 16px; color: #ffffff; line-height: 32px; font-weight:normal;}
.banner_gg .font .consult{margin-left:150px; width:380px;height:50px; line-height: 50px; overflow:hidden;margin-top: 25px;}
.banner_gg .font .consult a{  display: block; float: left;font-size: 14px; color: #333333; line-height: 50px; width: 140px; height: 50px;  background-color: #FFFFFF; margin-right: 50px;transition: .3s;}
.banner_gg .font .consult a.zx_bnt{ background:#004785; color:#fff; text-align:left}
.banner_gg .font .consult a.zx_bnt .icon{ float:left; width:24px; height:24px; background:url(../images/icon.png) no-repeat 0 -27px; margin-top:14px; margin-left:27px; margin-right:7px;}
.banner_gg .font .consult a:hover{   background-color: #004785; color: #FFFFFF; }
.banner_gg .font .consult a.zx_bnt:hover{ background:#ff7800;}
.custom_require{ background:url(../images/dz_bg.jpg) no-repeat center center; width:100%;padding-top:78px; height:833px; overflow:hidden; margin-bottom:70px;}
.custom_require .title_box{ margin-bottom:104px;}
.require_main{ width:1200px; height:auto; position:relative;}
.require_main .require_pic{ width:642px; height:591px; overflow:hidden; margin:0 auto;}
.req_one{ width:302px; height:298px; position:absolute; top:0; left:0; border-bottom:1px solid #ddd;}
.req_one .icon{ width:58px; height:58px; background:url(../images/icon.png) no-repeat -27px -27px; margin-bottom:20px;}
.req_one .tit{ font-size:26px; color:#333; font-weight:bold; height:30px; line-height:30px; overflow:hidden; font-family:"microsoft yahei"; margin-bottom:30px;}
.req_one .line_j{ background:url(../images/jt.png) no-repeat; width:45px; height:6px; overflow:hidden; margin-bottom:18px;}
.req_one:hover .line_j{ background:url(../images/jt_hover.png) no-repeat;}
.req_one .intro{ width:224px; height:auto; line-height:28px;color:#666; font-size:16px;}
.req_two{ top:0; left:878px; padding-left:74px; width:228px;}
.req_two .icon{ background-position:-92px -27px; margin-left:170px;}
.req_two .tit{ text-align:right;}
.req_two .line_j{transform:rotateY(180deg);
-ms-transform:rotateY(180deg); 	
-moz-transform:rotateY(180deg); 	
-webkit-transform:rotateY(180deg); 
-o-transform:rotateY(180deg); margin-left:183px; }
.req_three{ border-bottom:none; top:338px;}
.req_three .icon{ background-position:-150px -27px;}
.req_four{ border-bottom:none; top:320px;}
.req_four .icon{ background-position:-208px -27px;}
.req_one:hover .icon{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.case{ height:auto; overflow:hidden; margin-bottom:70px;}     
.case_con{position: relative;}
.case_con dt{ display: block;width: 960px;height: 494px; overflow: hidden;background: #000;}
.case_con dt img{ display: block;width: 960px;height: 494px; transition: all 0.5s; opacity: 0.6;}
.case_con dt:hover img{ transform: scale(1.05); }
.case_con dd{ width: 700px;height: 210px;padding: 45px 40px 0 50px;box-sizing: border-box;background: #004785;margin-top: -106px;position: relative;z-index: 50; display: none;}
.case_con dd h3 a{ display: block;float: left;width:114px; margin-right:100px;height: 124px;font-size: 26px;line-height: 38px;color: #ffffff;font-weight: normal;margin-top: -6px;}
.case_con dd h3 a em{width: 110px;height: 36px;border:1px solid #fff;box-sizing: border-box;margin-top: 23px; font-size: 16px;color: #fff;line-height: 36px;font-family: Arial; display:block;transition: all 0.3s; text-align: center; font-style:normal;}
.case_con dd h3 a em:hover{ background: #fff;color: #004785; }
.case_con dd p{ float: left; width: 362px;font-size: 14px;line-height: 26px; height:104px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-break: break-all;color: #ffffff;border-left: 1px solid #4e60a6; padding-left: 30px;  }
.case_con .swiper-slide-active{ margin-left: 120px; }
.case_con .swiper-slide-active dt{ background: 0; }
.case_con .swiper-slide-active dt img{ opacity: 1; }
.case_con .swiper-slide-active dd{ display: block; }
.case_con .swiper-pagination{ width: 240px!important;height: 1px!important;background:#d9d9d9!important;position: absolute;right: 40px!important;top:550px!important;left:auto!important; }

.case_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #004785;height: 2px;top:-1px; }
.case_con .bprev{ position: absolute; top: 430px; display:block;  width:45px; height:45px;background:url(../images/bprev.png) no-repeat; right: 208px; z-index: 50;cursor: pointer;}
.case_con .bnext{ position: absolute; top: 430px; display:block;  width:45px; height:45px;background:url(../images/bnext.png) no-repeat; right: 150px;  z-index: 50;cursor: pointer;}
.apple-pag{position: absolute;width: 320px;top: 540px;line-height: 24px;font-size: 20px;right: 0;}
.apple-pag em,.apple-pag span{display: inline-block;width: 26px;font-family: 'Arial';}
.apple-pag em{font-style: normal;float: right;}	
.news_box{ height:auto; overflow:hidden; background:url(../images/news_box.jpg) no-repeat; width:100%; height:1020px; padding-top:41px;}
.news_box .news{ width:738px; height:745px; overflow:hidden; background:#fff; padding:20px; }
.news_top{height:50px; border-bottom: 1px solid #e6e6e6; line-height: 50px; margin-top:17px; margin-bottom:28px;}
.news_top .icon{ float:left; display:block; background: url(../images/icon.png) 
no-repeat -196px 0; width:28px; height:26px; overflow:hidden; margin-top:14px;}
.news_top .hd{ height:50px;}
.news_top .hd ul{ height:50px;}
.news_top .hd ul li{ height:50px; line-height: 50px; font-size: 24px; width: auto; padding: 0px 10px; float: left;color:#333;}
.news_top .hd ul li a{color:#333;}
.news_top .hd ul span{float:left;}
.news_top .hd ul li.on a{color:#004785;}
.news_top .hd ul li:hover a{cursor:pointer;}
.news_top .more{ height:50px; line-height:50px;float: right;}
.news_top .more a{ font-size:16px ;color: #808080;font-family: Arial;font-weight: normal;margin-top: 14px;}
.news_top .more a:hover{ color:#004785;}
.news_one{ border-bottom:1px dashed #dedede; margin-bottom:20px;}
.news_one .title_g{ height:30px; line-height:30px; margin-bottom:22px;}
.news_one .title_g h3{ max-width:500px; height:30px; line-height:30px; font-size:24px; float:left; font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_one .title_g h3 a{ color:#333;}
.news_one .title_g h3 a:hover{ color:#004785;}
.news_one .title_g em{ float:left; width:60px; height:30px; text-align:center; line-height:30px; background:#004785; display:block; font-style: normal; color:#fff; margin:0 10px; font-size:18px;}
.news_one .title_g .time{ color:#999; height:30px; line-height:30px; float:right;}
.news_one .news_con{height:52px; overflow:hidden;position:relative;margin-bottom:15px; }
.news_one .news_con p{ color:#9d9d9d; line-height:26px; height:52px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;margin-left:19px;}
.news_one .news_con:before{content:""; position:absolute; height:36px; width:1px; background:#ccc; top:6px; left:0;}
.news_else ul li{ height:156px; overflow:hidden; margin-bottom:20px;border-bottom:1px dashed #dedede;}
.news_else .news_pic{ width:208px; height:129px; overflow:hidden; transition:all .3s;}
.news_else .news_pic img{ display:block;width:205px; height:auto;transition:all .3s;}
.news_else .news_right{ width:510px; height:129px; overflow:hidden;}
.news_right .title_box{ width:510px; height:30px; line-height:30px; margin-top:16px; margin-bottom:20px;}
.news_right .title_box h3{ max-width:370px; height:30px; font-size:16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:normal; float:left;}
.news_right .title_box h3 a{color:#333;}
.news_right .title_box .time{ color:#999; float:right;}
.news_right p{line-height:26px; height:52px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all; color:#666;}
.news_else ul li h3 a:hover { color:#004785;}
.news_else ul li .news_pic img:hover {transform:scale(1.02);}
.qa_box{ width:356px; background:#fff; padding:20px;height:745px; overflow:hidden;}
.news_top1 .icon{ background-position:-230px 0;}
.news_top1 .title_qa{margin-left:10px; font-size:24px; color:#333;}
.pic_aq{ width:356px; height:166px; overflow:hidden; margin-bottom:30px;}
.pic_aq img{ display:block;width:356px; height:166px;}

.help_aq{ width:356px; }
.help_aq ul li{ height:94px; border-bottom:1px solid #ececec; margin-bottom:18px;}
.help_aq .help_con{ width:348px;} 
.help_aq .help_con h3{ height:28px; line-height:28px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:normal;  margin-bottom:10px;}
.help_aq .help_con h3 a{ color:#333;}
.help_aq .help_con h3 span.q{ display:inline-block;background:url(../images/icon.png) no-repeat -260px 0; width:24px; height:24px; margin-right:6px; vertical-align:middle;}
.help_aq .help_con .con{ height:52px; line-height:26px; overflow:hidden;}
.help_aq .help_con p{ width:316px;height:52px; line-height:26px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all; color:#999; float:left;}
.help_aq .help_con span.a{ display:block;background:url(../images/icon.png) no-repeat -285px 0; width:24px; height:24px; margin-right:6px; float:left;}
.help_aq .help_con h3 a:hover{ color:#004785;}
.about{ background:url(../images/about_bg.jpg) no-repeat;height:201px; padding-top:200px; margin-bottom:340px;}
.about .w1200{ background:url(../images/about_box.jpg) no-repeat center center; height: 470px; margin-bottom:20px;box-shadow: 0px 5px 8px rgba(0,0,0,.03);}
.about .about_left{width:790px; height: 470px; padding:0px 40px; overflow:hidden;}
.about .about_left img{ margin-top:70px;}
.about .about_left .tit_top{ height:20px; font-size: 18px; line-height: 20px; color: #004785; margin-top: 5px;}
.about .about_left .tit{ height:20px; font-size: 19px; line-height: 20px; margin-top: 45px; color: #333; text-align:about_left; font-weight:bold;}
.about .about_left .font{color:#666; height: 150px; line-height: 30px; margin-top: 40px; overflow: hidden;}
.about .about_left .more{ height:18px; line-height: 18px; margin-top: 20px;}
.about .about_left .more .fl{color:#004785;font-size: 25px;}
.about .about_left .more .fr{color:#004785;font-size: 16px; transition: .3s;}
.about .about_left .more .fr:hover{color:#004785; margin-right: 8px;}
.slide_group { width:1200px; height:360px;}
.par_hd{  height:59px; /*width: 531px;*/ width:354px;margin:0 auto;line-height:52px; margin-bottom:30px;}
.par_hd li{ float:left;width:117px; height: 59px; margin:0 30px;text-align: center; line-height: 52px;  position: relative;z-index: 5; background: url( ../images/us_pic.png) no-repeat;color: #FFFFFF; }
.par_hd li.on{ color: #FFFFFF; cursor: pointer; background: url( ../images/us_pic_h.png) ;}
.slide_group .par_bd{margin-top:20px; }
.slide_group .slide_box{ overflow:hidden; position:relative; width:1200px; height: 230px;   }
.slide_group .slide_box .tempWrap{width:1095px!important;height: 230px;margin-left: 53px; overflow: hidden; }
.slide_group .slide_box ul{width:1136px; height: 230px;margin-left: 53px; }
.slide_group .slide_box ul li{ width:264px; height:212px; float: left; margin-right: 15px; }
.slide_group .slide_box ul li a{display:block; width:100%; height:100%;}
.slide_group .slide_box ul li a .pic{width:264px; height: 165px; overflow: hidden; }
.slide_group .slide_box ul li a .pic img{ display:block; width:100%; height:100%; overflow:hidden;transition:.3s;}
.slide_group .slide_box ul li a .title{width:252px; padding: 0px 5px; height:46px; line-height:46px; font-size: 16px; color: #666; text-align: center;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;
	white-space: nowrap; overflow: hidden;text-overflow: ellipsis; background:#f0f0f0;}
.slide_group .slide_box ul li a:hover .pic img{transform:scale(1.02);}	
.slide_group .slide_box ul li a:hover .title{color:#004785;}
.slide_group .s_prev,.slide_group .s_next{ position:absolute; left:21px; top:88px; display:block; width:17px; height:35px; background:url( ../images/shiye_ico.png) no-repeat; background-position: top left; }
.slide_group .s_next{ background-position:top right;position:absolute; left:auto; right:20px;} 
.slide_group .s_prev:hover{ background-position: bottom left; }
.slide_group .s_next:hover{ background-position: bottom right;  }
.partner_box{ background:#f7f7f7; height:auto;padding:54px 0;}
.partner_con ul{ width:1220px; height:auto; overflow:hidden;}
.partner_con ul li{ width:180px; height:103px; overflow:hidden; margin-left:20px; margin-bottom:20px; float:left; position:relative; transition: all .3s;}
.partner_con ul li img{ display:block; width:100%; height:100%;transition:.3s;}
/* .partner_con ul li .par_hover{ background:rgba(0,71,133,.8);width:180px; height:103px; line-height:103px; position:absolute; top:103px; left:0; text-align:center; color:#fff;} */
.partner_con ul li .par_hover{ background:rgba(0,71,133,.8);width:180px; height:103px; line-height:103px;  text-align:center; color:#fff;}
.partner_con ul li:hover .par_hover{ top:0;}
/*底部*/
.footer{ height:348px; background:url(../images/footer_back.jpg) no-repeat center center; padding-top:28px; width:100%; overflow:hidden;}
.footer .one{ height:86px; line-height: 86px; overflow:hidden;}
.footer .one .tit{font-size:20px; color: #fff; margin-left: 25px; line-height:86px;}
.footer .one ul{ height:86px; width: auto; float: right;}
.footer .one ul li{ height:86px; width: auto; margin-left: 25px; float: left;}
.footer .one ul li a{display:block; width: 100%; height: 100%; color: #c9c9c9; transition: .3s;}
.footer .one ul li a:hover{color:#fff;}
.footer .one ul li.on a{color:#fff;}
.footer .two{ height:74px; border-bottom: 1px solid #575757; border-top: 1px solid #575757; font-size: 16px; color: #c9c9c9; line-height: 74px; margin-top: 20px;}
.footer .two img{display:block; float: left; margin-right:22px;}
.footer .two .b{margin-left:150px;}
.footer .three{ height:120px; margin-top: 20px;}
.footer .three .font{ width:auto; line-height: 30px; color: #c9c9c9;max-width: 480px; height: 120px; overflow: hidden;}
.footer .three .font a{ color: #c9c9c9; transition: .3s;}
.footer .three .font a:hover{color:#fff}
.footer .three .img{ width:auto;margin-left:80px;}
.footer .three .img img{ margin:34px 8px;}
.footer .three .pic{width:160px; height: 120px; border-left:1px solid #3f3f3f; padding-left: 30px; }
.footer .three .pic img{display:block; float: left;}
.footer .three .pic div{ height:120px; width: 40px; color: #c9c9c9; background-color:#3d3d3d; float: right;writing-mode:vertical-lr; line-height: 40px; text-align: center;}
/*友情链接*/
.links{ height:auto; overflow:hidden; background-color: #2b2b2b; padding:20px 0px; color:#999;}
.links span{ float:left;display:block;color:#999; margin-right:5px;}
.links a{display:block; float:left; margin-right: 20px; color: #999; transition: .3s;}
.links a:hover{ color:#fff;}
.banner_pro{ background:url(../images/banner_pro.jpg) no-repeat center center; width:100%; height:260px; overflow:hidden;}
.crumbs_box{background:#f9f9f9; height:64px; line-height:64px; overflow:hidden; margin-bottom:40px;}
.crumbs_box .crumbs_l{ width:50%; height:64px; line-height:64px; color:#333; font-size:20px;}
.crumbs_box .crumbs_l .icon{ background:url(../images/icon.png) no-repeat -267px -28px; width:20px; height:18px; overflow:hidden; float:left; margin-top:25px; margin-right:10px;}
.crumbs_box .crumbs_r{ color:#666; width:auto;}
.crumbs_box .crumbs_r a{ color:#666;}
.crumbs_box .crumbs_r a:hover{ color:#004785;}
.crumbs_box .crumbs_r .crumbs_icon{ float:left;background:url(../images/icon.png) no-repeat -291px -29px; width:14px; height:14px; overflow:hidden; float:left; margin-top:25px; margin-right:10px;}
.main{ height:auto; overflow:hidden;}
.page {text-align:center;margin:50px auto;}
.page a,.page span{display:inline-block;padding:10px 20px;border:1px solid #eaeaea;margin:0 5px;color:#666;vertical-align:middle}
.page span{color: #aaa}
.page a:hover{background:#004785;border:1px solid #004785;color:#fff;}
.page .cur{display:inline-block;margin:0 5px; background:#004785;padding:11px 21px;color:#fff;vertical-align:middle}
.page .prev,.page .next{display:inline-block;width:50px;height:42px;border: 1px solid #eaeaea;padding: 0;vertical-align:middle}
.page .prev .arrow,.page .next .arrow{position: absolute; width: 15px;height:15px;margin: 13px 17px;background:url(../images/arrow.png) no-repeat;}
.page a.next:hover,.page a.prev:hover{background:#004785;border:1px solid #004785;padding:0;}
.page span.prev .arrow{background-position:-2px -43px;}
.page a.prev .arrow{background-position:-2px -3px;}
.page a.prev:hover .arrow{background-position:-2px -22px;}
.page span.next .arrow{background-position:-14px -43px;}
.page a.next .arrow{background-position:-14px -3px;}
.page a.next:hover .arrow{background-position:-14px -22px;}
.channel{ background:#f7f7f7;height:auto; overflow:hidden; padding:40px 0;}
.channel .title{ width:142px;height:60px; line-height:60px; font-size:34px; color:#333; position:relative; margin:0 auto;}
.channel .title:before{ content:""; position:absolute; bottom:0; left:5px; background:url(../images/line_d.jpg) no-repeat; width:135px; height:4px;}
.channel ul{ height:auto; width:1200px; margin-top:40px;}
.channel ul li{ height:40px; width:1200px; line-height: 40px;}
.channel ul li .left{font-size:18px; color: #333; width: 160px; margin-left: 30px;font-weight: 600;}
.channel ul li .left .icon{ float:left; display:block; background:url(../images/icon.png) no-repeat 0 -89px; width:16px; height:16px; margin-right:8px; margin-top:13px;}
.channel ul li .font{width:900px; height: 40px; overflow: hidden;}
.channel ul li .left .icon1{ background-position:-22px -89px;}
.channel ul li .left .icon2{ background-position:-44px -89px;}
.channel ul li .font a{display:block; float:left; color: #666; margin-right: 40px; transition: all .3s;}
.channel ul li .more{display: block; float: right; color:#555; transition: .3s; font-size:14px; font-family:Arial;}
.channel ul li a:hover{color:#004785;}
.case_box{ width:1200px; height:auto; overflow:hidden;}
.case_box ul li{ float:left; width:394px; height:274px; border:1px solid #ededed; margin-bottom:40px; margin-right:6px; transition:all .3s;}
.case_box ul li:nth-child(3n){ margin-right:0;}
.case_box ul li .pic{width:396px; height:204px; overflow:hidden;}
.case_box ul li .pic img{ display:block; width:394px; height:204px;}
.case_box ul li span{ display:block; padding:0 10px; height:70px; line-height:70px; overflow:hidden;color:#333; text-align:center;text-overflow: ellipsis;white-space: nowrap; font-size:16px;}
.case_box ul li:hover{ border:1px solid #004785;}
.case_box ul li:hover span{ background:#004785; color:#fff;}
.preview{overflow: hidden;   }
#preview{text-align:center;width:400px;height:267px;padding:5px;}
.jqzoom{ width:500px;  position:relative;}
.zoomdiv{ left:859px; height:500px; width:500px;}
.list-h li{float:left;  } 
.pro_content_top{ height:500px; margin-bottom:50px; overflow:hidden;}
.pro_content_top .pro_right{ width:664px;}  
.product_intro .pro_name{width:664px;height:50px; line-height:50px; overflow:hidden; position: relative; margin-bottom:15px;}
.product_intro .pro_name h3{ font-size:20px; color:#333; width:366px;height:50px; line-height:50px; overflow:hidden; float:left;}
.product_intro .tel_left{ float:right;height:50px; line-height:50px; font-size:16px; color:#333;}
.product_intro .tel_left .icon{ float:left; background:url(../images/icon.png) no-repeat -266px -52px; width:29px; height:29px; margin-top:10px; margin-right:6px;}
.product_intro .tel_left span{ color:#ff7800; font-weight:bold;}
.product_intro .pro_name:after{ content:""; position:absolute; bottom:0; left:0; width:664px; height:1px; background:#ededed;}
.product_intro .pro_eles{ color:#666; height:auto; font-size:16px; overflow:hidden; line-height:30px; padding:10px 0 30px; border-bottom:1px solid #ededed; margin-bottom:30px;}
.product_intro .pro_eles dt{ font-weight:bold; color:#333; height:26px; line-height:26px; overflow:hidden; margin-bottom:6px;}
.product_intro .pro_eles dd{ height:auto;line-height:26px;margin-bottom:6px;}
#spec-n5{width:664px; height:157px;overflow:hidden; margin-bottom:20px; margin-left:20px;}
.control{width:29px; height:78px;float:left; border:1px solid #ededed; margin-top:38px; position:relative; margin-right:20px;}
.control1{ margin-right:0; margin-left:20px;}
#spec-list{ width:513px; float:left; overflow:hidden;display:inline;}
#spec-list ul{ float:left; overflow:hidden;padding-left: 2px; }
#spec-list ul li{ float:left;  display:inline; width:168px; cursor:pointer;}
#spec-list ul li img{width:155px; height:155px; margin:0 8px;}
.spec_left{ display:block;width:12px;
height: 12px;border: 2px solid #b3b3b3;border-style: solid none none solid;position: absolute;top: 50%;left:10px;margin-top: -5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 1; cursor:pointer;}
.spec_right{ display:block;width:12px;
height: 12px;border: 2px solid #b3b3b3;border-style: solid solid none none ;position: absolute;top: 50%;right:10px;margin-top: -5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);z-index: 1; cursor:pointer;}
/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url() #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.tit_list{ font-size:40px; height:48px; line-height:48px; text-align:center; margin-bottom:40px; font-weight:bold;}
.tit_list i{ display:inline-block; width:44px; height:6px; vertical-align:middle;}
.tit_list i img{ display:block; width:100%; height:100%;}
.tit_list i:nth-child(1){ margin-right:20px;}
.tit_list i:nth-child(2){ margin-left:20px;}
.content{ height:auto; overflow:hidden;line-height: 200%; color:#333;}
.prev_next{height:60px; line-height:60px;  color:#666; padding:0 40px; border:1px solid #f0f0f0; margin:40px auto;}
.prev_next .prev_s{width:49%; margin-right:2%; position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev_next .prev_s:before{content: '';position: absolute;width: 1px;background: #dedede;right:0;top: 0;bottom: 0;z-index: 1;}
.prev_next .next_s{width:49%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev_next .prev,.prev_next .next_s{ height:60px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.prev_next .prev_s a,.prev_next .next_s a{color:#333;}
.prev_next .prev_s span,.prev_next .next_s span{ color:#999;}
.prev_next .prev_s a:hover,.prev_next .next_s a:hover{ color:#004785;}
.service_box{ height:auto; overflow:hidden; background:#f9f9f9; padding:60px 0; margin-bottom:50px;}
.service_box ul li {float: left;width: 49%;margin-bottom: 20px;box-shadow: 0 0 12px #dedede;height: 224px;text-align: center;padding-top: 26px;border-radius: 20px;background: #fff;}
.service_box ul li .icon{ width:52px; height:52px; background:url(../images/icon.png) no-repeat -63px -89px; margin:0 auto;}
.service_box ul li .icon1{ background-position:-115px -89px;}
.service_box ul li .icon2{ background-position:-167px -89px;}
.service_box ul li .icon3{ background-position:-219px -89px;}
.service_box ul li:nth-child(2n) {float: right;}
.service_box ul li span {text-align: center;display: block;font-size: 28px;color: #333;font-weight: bold;margin: 20px 0;}
.service_box ul li p {text-align: center;padding: 0 70px;height:60px;line-height:30px; overflow:hidden;font-size: 18px; color:#666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.pro_contact,.contact_list{ height:auto; overflow:hidden;}
.pro_contact{ margin-bottom:60px;}
.contact_list .pic{width:584px; height:289px; overflow:hidden; }
.contact_list .pic img{ display:block;width:584px; height:289px;}
.contact_list .contact_list_right{ width:598px; height:211px; border:1px solid #ececec; padding:38px 0;}
.lxwm2 {float:left;width:348px; margin-right:50px;}
.lxwm2 h4 {font-size: 22px;color:#004785;font-weight: normal;margin:10px 0 20px 25px;}
.lxwm2 p {margin: 25px 0 0 25px;font-size: 16px; color:#666}
.lxwm2 p em {font-style: normal;font-weight: bold;color:#333;
font-size: 16px;}
.contact_list_right .weixin_box{ width:172px; height:208px; overflow:hidden;}
.contact_list_right .weixin_box img{ display:block; width:170px; height:170px; border:1px solid #ececec;}
.contact_list_right .weixin_box span{ display:block;width:170px; height:36px; line-height:36px; text-align:center; color:#666; text-align:center;}
.caselist{ height:auto; overflow:hidden; margin-top:30px}
.caselist .case_box ul li:nth-child(3n){ margin-right:6px;}
.incase{ height:auto; overflow:hidden;position:relative; margin-bottom:40px;}
.incase .bd{ height:326px;}
.incase .bd ul li{ margin-bottom:50px;}
.incase .hd{ width:100%;  position:absolute; z-index:1; bottom:6px; left:0; height:12px; line-height:12px; text-align:center; }
.incase .hd ul{ overflow:hidden; zoom:1; }
.incase .hd ul li{cursor:pointer; display:inline-block; zoom:1; width:10px; height:10px;margin:4px; background:#fff;border:1px  solid #004785;border-radius:6px;font-size:0; vertical-align:text-top;}
.incase .hd ul li.on{background:#004785;border:1px  solid #004785;}
.incase .hd ul li:hover{ cursor:pointer;}
.return_list{ width:200px; height:42px; line-height:42px; overflow:hidden; border:1px solid #dedede; margin:0 auto; margin-bottom:40px;}
.return_list a{ display:block; width:100%; height:100%; color:#333; font-size:16px;}
.return_list .icon{background:url(../images/icon.png) no-repeat 0 -105px; width:26px; height:18px; float:left; margin:13px 9px auto 33px;}
.return_list:hover{border:1px solid #004785;}
.return_list:hover a{color:#004785;}
.banner_about{ background:url(../images/banner_about.jpg) no-repeat center center; width:100%; height:260px; overflow:hidden;}
.banner_box{ height:186px; padding-top:74px;text-align:center;}
.banner_box .title_e{ color:#121619; font-size:36px; height:40px; line-height:40px; overflow:hidden; margin-bottom:16px;}
.banner_box .title_c{ font-size:20px; text-transform:uppercase;height:24px; line-height:24px; overflow:hidden; margin-bottom:20px;}
.banner_box .line{ width:44px; height:5px; background:#000000; margin:0 auto;}
.crumbs_box1{ margin-bottom:0;}
.p102-fdh-3 {height: 100px;box-shadow: 0 4px 6px #e9e9e9; margin-bottom:60px;}
.p102-fdh-3  .blk-main{ width:1000px; margin:0 auto;}
.p102-fdh-3 li {float: left;width:200px;height: 100px;position: relative; }
.p102-fdh-3 li:after {content: "";position: absolute;width: 1px;height: 26px;background: #cfcfcf;right: 0;top: 50%;margin-top: -13px;}
.p102-fdh-3 li:last-child:after {display: none;}
.p102-fdh-3 li a {display: block;height: 100px;line-height: 100px;font-size: 22px;color:#333;text-align: center;}
.p102-fdh-3 li.on:before,.p102-fdh-3 li:hover:before {
content: "";position: absolute;width: 100%;height: 2px;background:#ff7800;left: 0;bottom: 0;z-index: 1;}
.p102-fdh-3 li.on a,.p102-fdh-3 li:hover a {font-weight: bold;color: #ff7800;}
.p102-fdh-3 li.on a:before,.p102-fdh-3 li:hover a:before {content: "";position: absolute;width: 12px;height: 12px;background: #fff;border: 3px solid #ff7800;border-radius: 100%;
left: 50%;margin-left: -9px;bottom: -8px;z-index: 2;}
.p102-fdh-3 li.on a:after,.p102-fdh-3 li:hover a:after {
content: "";position: absolute;width: 6px;height: 6px;background: #ff7800;border-radius: 100%;left: 50%;margin-left: -3px;bottom: -2px;z-index: 3;}
.about_content .tit_list{ margin-bottom:70px;}
.about_con{height:452px; overflow:hidden;}
.about_content_top{height:auto;overflow: hidden; width:100%; margin-bottom:60px;}
.about_content_top .about_con_left{width: 584px;float: left;}
.about_content_top .about_con_left .title_left {font:28px "Microsoft YaHei";font-weight: bold;color: #363636; height:auto; overflow:hidden; margin-bottom:20px;}
.about_content_top .title_left em {color:#004785;font-style: normal; margin-bottom:6px;}
.about_content_top .title_left span {display: block;font:18px "Microsoft YaHei";color: #4d4948;padding-top: 5px;position: relative;padding-bottom: 18px;}
.about_content_top .title_left span:after {position: absolute;content: "";width: 40px;height: 3px;background: #004785;bottom: 0;left: 7px;}
.about_content_top .content p {line-height: 30px;color: #666; margin-bottom:10px;}
.about_content_top .content span a {display: block;width: 95px;height: 45px;padding-left: 30px;overflow: hidden;margin-top: 45px;font: 16px "Microsoft YaHei";line-height: 45px;color: #fff;background: #cd0101;border-radius: 80px;}
.about_pic{width:580px; height:442px;}
.about_con_else{ color:#666; width:1200px; height:auto; margin:0 auto; line-height:200%;}
.factory_box{ width:100%; height:auto; overflow:hidden; background:#f9f9f9; padding:50px 0 60px; margin-bottom:50px;}
.factory_con{ height:240px; width:1400px; position:relative; margin:0 auto;}
.factory_con .bd{ width:1206px; margin-left:100px;}
.factory_con .bd ul li{ float:left; width:384px; height:240px; margin:0 9px;}

.factory_prev,.factory_next {position: absolute;width: 70px;height: 70px;cursor: pointer;background: #f2f2f2;
border: 1px solid #ededed;top: 50%;margin-top: -36px;z-index: 5;}
.factory_prev {left:0px;}
.factory_next {right:0px;}
.factory_prev:before,.factory_next:after {position: absolute;content: '';width: 27px;height: 27px;
border: 2px solid #272636;border-style: solid solid none none;
top: 21px;z-index: 1;}
.factory_prev:hover:before,.factory_next:hover:after,.factory_prev:active:before,.factory_next:active:after{border: 2px solid #004785;border-style: solid solid none none;}
.factory_prev:before {-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);
transform: rotate(-135deg);right: 12px;}
.factory_next:after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);transform: rotate(45deg);left: 12px;}
.honor_main{ height:auto;}
.honor_main ul { width:1221px; height:auto; overflow:hidden;}
.honor_main ul li{ width:386px; height:auto; overflow:hidden; margin-bottom:30px; margin-right:21px; float:left;transition: all .3s;}
.honor_main ul li .pic{ width:384px; height:240px; overflow:hidden; border:1px solid #ececec;}
.honor_main ul li .pic img{ display:block; width:100%; height:100%; transition: all .3s;}
.honor_main ul li .font{ width:366px; height:50px; line-height:50px; overflow:hidden; text-align:center; padding:0 10px;text-overflow: ellipsis;white-space: nowrap; background:#f7f7f7; color:#333;}
.honor_main ul li:hover .pic img{transform:scale(1.06);}
.honor_main ul li:hover .font{ color:#004785;}
.contact_box{height:auto; overflow:hidden;}
.contact_box .title{ margin-bottom:50px;}
.kfay {width: 1200px;height: 245px;padding-top: 0px;}
.kfay dt {width: 188px;float: left;}
.kfay dt img {display: block;width: 188px;height: 188px;}
.kfay dd {width: 930px;float: right;}
.kfay dd h4 {height: 45px;padding-top: 22px;font: 24px "MicrosoftYaHei";color: #004785;border-bottom: 1px solid #e8e8e8;position: relative; margin-bottom:20px}
.kfay dd h4:after {content: "";position: absolute;width: 167px;height: 3px;background: #004785;left: 0;bottom: 0;}
.kfay dd p {font: 14px "Microsoft YaHei";color: #333333;line-height: 30px;padding-top: 15px;}
.contact_map{ height:auto; overflow:hidden; margin-bottom:50px;}
.left_contact{ width:400px; height:462px; overflow:visible;}
.left_contact h2{ height:106px; line-height:106px; overflow:hidden; background:#004785; text-align:center; color:#fff; font-size:26px; font-weight:bold;}
.left_contact .contact_infor{ width:344px;background:#f4f4f4; height:316px; padding:30px 28px 10px;}
.contact_infor ul li{ height:52px; overflow:hidden; margin-bottom:28px;}
.contact_infor .icon{ width:52px; height:52px; background:url(../images/icon.png) no-repeat 0 -143px; float:left;}
.contact_infor .name_c{ width:72px; font-size:14px; color:#333; font-weight:bold; float:left; line-height:52px; margin-left:10px;}
.contact_infor .intro{ margin-top:14px; height:auto;}
.contact_infor .icon1{ background-position:-53px -143px;}
.contact_infor .icon2{ background-position:-105px -143px;}
.contact_infor .icon3{ background-position:-158px -143px;}
.map{ width:748px; height:460px; border:1px solid #ececec;}
.intro a{ margin-left:10px;}
.intro a img{ vertical-align:middle;}
.contact_infor ul li.wx_erw .intro i{font-style:normal; float:left; margin-right:10px;}
.contact_infor ul li .erm{ float:left;  margin-top:5px;}
.contact_infor .wx_erw{ position:relative; overflow:visible;}
.contact_infor .wx_erw .intro{ height:52px; line-height:52px;}
.contact_infor .wx_erw .ewm_code1{ width:160px; height:151px; position:absolute; left:270px; top:-48px; z-index:2; display:none;}
.contact_infor ul li .erm:hover .ewm_code1{ display:block;}
.banner_news{ background:url(../images/banner_news.jpg) no-repeat center center; width:100%;}
.crumbs_box .crumbs_l .icon1{background:url(../images/icon.png) no-repeat -285px -105px; width:24px; height:26px; margin-top:19px;}
.details_more{display: block;width: 98px;height: 34px;line-height: 34px;font-size: 14px;color: #00549d;
text-align: center;border: 1px solid #00549d;position: relative;}
.details_more:before {content: '';position: absolute;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 10px solid #fff;left: -1px;top: 50%;margin-top: -9px;z-index: 1;}
.details_more:after {content: '';position: absolute;
border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #00549d;left: -1px;top: 50%;margin-top: -5px;z-index: 2;}
/* 新闻聚合页 */
.title_box .sub_title1{ color:#999; font-size:14px;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.p102-news-1 {padding: 0 0 80px; height:auto; overflow:hidden;}
.p102-news-1-list{ height:auto; overflow:hidden; margin-bottom:40px;}
.p102-news-1-list dl {float: left;width: 530px;border: 1px solid #ebebeb;padding: 10px 29px;box-shadow: 10px 10px 20px #f2f2f2;}
.p102-news-1-list dl.last {margin-left: 20px;}
.p102-news-1-list dd {padding: 20px 0 20px 26px;border-bottom: 1px dashed #d2d2d2;}
.p102-news-1-list dl dd:last-child {border-bottom: 0;}
.p102-news-1-list dd h4 {height: 30px;line-height: 30px;font-weight: normal;position: relative;}
.p102-news-1-list dd h4:before {content: '';position: absolute;width: 8px;height: 8px;border: 3px solid #004785;border-radius: 100%;left: -26px;top: 50%;margin-top: -7px;}
.p102-news-1-list dd h4:after {content: '';
position: absolute;width: 4px;height: 4px;border-radius: 100%;
background: #004785;left: -21px;top: 50%;margin-top: -2px;}
.p102-news-1-list dd h4 a {display: inline-block;max-width: 400px;height: 30px;font-size:18px;color: #1a1a1a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p102-news-1-list dd:hover h4 a {color: #004785;}
.p102-news-1-list dd h4 span {position: absolute;width: 90px;height: 20px;font: 14px/20px Arial;color: #808080;right: 0;bottom: 0;z-index: 1;}
.p102-news-1-list .p102-news-1-desc {height: 24px;line-height: 24px;font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p102-news-info {padding: 60px 0 40px;background: #f5f5f5; height:auto; overflow:hidden;}
.p102-news-info dl {border: 1px solid #ebebeb;padding: 9px;background: #fff;margin-bottom: 25px;height: auto;overflow: hidden;}
.p102-news-info dt {float: left;width: 268px; height:151px; overflow:hidden;}
.p102-news-info dt a,.p102-news-info dt img {width: 100%;display: block; transition:all .3s;}
.p102-news-info dt img:hover{transform:scale(1.02);}
.p102-news-info dd {float: left;width: 820px;margin-left: 50px;position: relative;padding-top: 30px;}
.p102-news-info dd i {position: absolute;width: 120px;height: 40px;font: 14px/40px Arial;color: #ffffff;text-align: center;background: #333333;right: -52px;top: -10px;}
.p102-news-info dd h4 {height: 32px;padding-left: 90px;position: relative;font-weight: normal;margin-bottom: 10px;}
.p102-news-info dd h4 em {position: absolute;width: 74px;height: 30px;line-height: 30px;font-size: 18px;font-weight: bold;color: #ffffff;background-color: #004785; text-align: center;border: 1px solid #004785;left: 0;top: 0;font-style: normal;}
.p102-news-info dd h4 a {display: inline-block;max-width: 100%;height: 32px;line-height: 32px;font-size: 22px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p102-news-info dd p {line-height: 26px;font-size: 14px;color: #666;text-align: justify;}
.p102-news-info dd p a {color: #666;}
.p102-news-info dd p a:hover{color: #004785;}
.p102-news-info dl dd h4 a:hover {color: #004785;}
.p102-news-info ul {padding: 5px 0;position: relative;margin-bottom: 45px;}
/*.p102-news-info ul:before {content: '';position: absolute;width: 1px;background: #d9d9d9;left: 50%;top: 0;bottom: 0;z-index: 1;}*/
.p102-news-info ul li {float: left;width: 560px;}
.p102-news-info ul li:nth-child(2n){ margin-left:80px;}
.p102-news-info ul h4 {height: 34px;line-height: 34px;font-weight: normal;position: relative;padding-left:18px;}
.p102-news-info ul h4:before {content: '';position: absolute;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 6px solid #b3b3b3;left: 0;top: 50%;margin-top: -4px;z-index: 1;}
.p102-news-info ul h4 a {display: inline-block;max-width: 440px;
height: 34px;font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p102-news-info ul h4 span {position: absolute;width: 90px;height: 30px;font: 14px/30px Arial;color: #808080;text-align: right;right: 0;bottom: 0;z-index: 1;}
.p102-news-info ul h4:hover:before {border-left: 6px solid #004785;}
.p102-news-info ul h4:hover a {color: #004785;}
.p102-news-case {padding: 70px 0 80px;overflow: hidden;}
.p102-news-case-con { position: relative;margin-bottom: 25px;}
.p102-news-case-con .tempWrap {width: 1200px !important;margin: 0 auto;}
.p102-news-case-prev,.p102-news-case-next {position: absolute;width: 70px;height: 70px;cursor: pointer;background: #f2f2f2;
border: 1px solid #ededed;top: 50%;margin-top: -36px;z-index: 5;}
.p102-news-case-prev {left: -100px;}
.p102-news-case-next {right: -100px;}
.p102-news-case-prev:before,.p102-news-case-next:after {position: absolute;content: '';width: 27px;height: 27px;
border: 2px solid #272636;border-style: solid solid none none;
top: 21px;z-index: 1;}
.p102-news-case-prev:hover:before,.p102-news-case-next:hover:after,.p102-news-case-prev:active:before,.p102-news-case-next:active:after{border: 2px solid #004785;border-style: solid solid none none;}
.p102-news-case-prev:before {-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);
transform: rotate(-135deg);right: 12px;}
.p102-news-case-next:after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);transform: rotate(45deg);left: 12px;}
.p102-news-case-list {padding-bottom: 15px !important;}
.p102-news-case-list ul li {float: left;width: 378px;margin-right: 33px; margin-bottom:10px;transition: all .3s;}
.p102-news-case-list .pic_trends{width: 378px; height:234px; overflow:hidden;}
.p102-news-case-list .pic_trends a,.p102-news-case-list .pic_trends img {display: block;width: 100%;}
.p102-news-case-list .content_trends {width: 305px;padding: 22px 20px 22px 30px;background: #fff;border: 1px solid #e3e3e3;margin: -20px auto 0;position: relative;z-index: 2;}
.p102-news-case-list .content_trends h4 a {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #1a1a1a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:normal;}
.p102-news-case-list .p102-news-case-desc {line-height:24px; height:72px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;font-size: 14px;color: #4c4c4c;}
.p102-news-case-details {padding-top: 22px;}
.p102-news-case-details a {display: block;width: 98px;height: 34px;line-height: 34px;font-size: 14px;color: #004785;
text-align: center;border: 1px solid #004785;position: relative;}
.p102-news-case-details a:before {content: '';position: absolute;
border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 10px solid #fff;left: -1px;top: 50%;margin-top: -9px;z-index: 1;}
.p102-news-case-details a:after {content: '';position: absolute;
border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #004785;left: -1px;top: 50%;margin-top: -5px;z-index: 2;}
.p102-news-case-list ul li:hover .content_trends {border-color: #fff;
box-shadow: 0px 7px 15px #eeeeee/*, -3px 10px 8px #f7f7f7*/;}
.p102-news-case-list ul li:hover .content_trends h4 a{ color:#004785;}
.p102-news-case-list ul li:hover .p102-news-case-details a {background: #004785;color: #fff;}
.p102-news-case-list ul li:hover .p102-news-case-details a:before {border-left: 10px solid #004785;}
.p102-news-case-list ul li:hover .p102-news-case-details a:after {border-left: 7px solid #fff;}


.subnav{width: 531px;height:auto; overflow:hidden; margin-bottom:50px;} 
.subnav ul li a{ color:#fff}
.subnav ul li:hover,.subnav ul li.on{cursor: pointer; background: url( ../images/us_pic_h.png) ;}
.subnav ul li:hover a,.subnav ul li.on a{ color:#fff;}
.main_list{ height:auto;}
.main_list ul li{ height:300px;border:1px solid #ececec; margin-bottom:20px;}
.main_list ul li a{ display:block;}
.main_list ul li .pic_news{ width:339px; height:274px; margin:0 20px; margin-top:15px; transition:all .3s;}
.main_list ul li .pic_news img{ display:block; width:100%; height:100%;transition:all .3s;}
.main_list ul li .right_news{ width:800px;}
.main_list .title_g{height:30px; line-height:30px; margin-bottom:22px; margin-top:26px; margin-top:40px;}
.main_list ul li .title_g h3{ max-width:710px; height:30px; line-height:30px; font-size:20px; float:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;color:#333;}
.main_list ul li .title_g .time{ color:#999; height:30px; line-height:30px; float:right;}
.main_list ul li .news_con{height:52px; line-height:26px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;margin-bottom:15px; color:#666 }
.main_list ul li.lines{ height:270px; margin-bottom:36px;}
.lines .pic_img{ width:362px; height:224px; overflow:hidden; margin-top:23px;}
.lines .pic_img img{ display:block; transition:all .3s;}
.lines .pic_img img:hover{transform:scale(1.02);}
.lines .left_news{ width:780px; height:230px; overflow:hidden; margin:20px; margin-left:20px;}
.lines .left_news .title_g{height:30px; line-height:30px; margin-bottom:22px; margin-top:26px; }
.lines .left_news .title_g em{ float:left; width:76px; height:30px; text-align:center; line-height:30px; border:1px solid #004785; display:block; font-style: normal; background:#004785; color:#fff; margin:0 10px; margin-left:0; font-size:18px; font-weight:bold;}
.lines .left_news .title_g h3{ max-width:688px; height:30px; line-height:30px; font-size:20px; float:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lines .left_news .title_g h3 a{ color:#333;}
.lines .left_news .title_g h3 a:hover{ color:#00549d;}
.lines .left_news .title_g .time{ color:#999; height:30px; line-height:30px; float:right;}
.lines .left_news .news_con{height:78px; line-height:26px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;margin-bottom:15px; color:#666 }
.lines .left_news .details{ color:#999; cursor:pointer;}
.lines .left_news .details:hover{color:#00549d;}
.main_list ul li:hover{box-shadow: 0px 0px 10px #eeeeee;}
.main_list ul li:hover h3{ color:#00549d;}
.main_list ul li:hover .pic_news img{transform:scale(1.02);}
.main_list ul li:hover .details_more {background: #00549d;color: #fff;}
.main_list ul li:hover .details_more:before {border-left: 10px solid #00549d;}
.main_list ul li:hover .details_more:after {border-left: 7px solid #fff;}
.main_list ul li.lines:hover{box-shadow: 0px 0px 0px #fff;}
.title_info{height:90px; border-bottom: 1px solid #ededed; text-align:center; margin-bottom:24px;}
.title_info h1{height:40px;line-height:40px; overflow:hidden;  font-size:30px;color:#1f1f1f; font-weight:normal;}
.title_info .time{color:#999; margin-top:14px; line-height: 28px; height: 28px; overflow:hidden;}
.article_recom{ height:auto; overflow:hidden; margin-bottom:20px;}
.title_list_g{ height:50px; line-height:50px; overflow:hidden; margin-bottom:30px; border-bottom:1px solid #ececec;}
.title_list_g .title_l{ font-size:24px; color:#333; width:120px;margin-bottom:20px;}
.title_list_g .more{ width:100px; text-align:right;}
.title_list_g .more a{ color:#666;}
.title_list_g .more a:hover{ color:#004785;}
.product_recom{ height:auto; overflow:hidden}

/*标签页*/
.tag_box_con {height: auto;overflow: hidden;}
.tag_box_con h3 {font-weight: normal;font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 28px;color: #333;}
.tag_one {height: auto;overflow: hidden;padding-bottom: 40px;}
.tag_one a {display: block;float: left;padding: 0 16px;margin-right: 10px;margin-bottom: 10px;height:40px;line-height:40px;border: 1px solid #ededed;font-size: 14px;color: #666;transition: all .3s;}
.tag_one a:hover {background:#004785;border: 1px solid #004785;color: #fff;}
.content1{ height:auto; overflow:hidden; margin-bottom:60px;}