@charset "utf-8"; /*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a,span { margin:0; padding:0; box-sizing:border-box; } 
body { font-family:"微软雅黑"; /*font-size:14px; */color:#000000; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; } 
a { text-decoration:none; outline:none; color:#000; transition: 0.1s all; } 
p { margin:0; padding:0; } 
input { border:none; outline:none; } 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { *zoom:1 } 
.fl { float:left; } 
.fr { float:right; } 
/*全局 end*//* 浮动 */
.fl { float:left; } 
.fr { float:right; } 

/* 定位 */
.ptl-a { position:absolute; top:0; left:0; } 
.ptr-a { position:absolute; top:0; right:0; } 
.pbl-a { position:absolute; bottom:0; left:0; } 
.pbr-a { position:absolute; bottom:0; right:0; } 

/* 顶部固定导航 */
.menu { position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:100; box-shadow:0 0 5px #cfcfcf; } 
.menu .top { width:1400px; height:100%; margin:auto; } 
.top #logo { float:left; width:307px; height:53px; } 
#logo a { display:block; width:100%; height:100%; margin-top:13.5px; } 
.top .top-nav { float:right; height:80px; } 
.top-nav-ul { float:left; height:100%; margin:0 10px; } 
.top-nav-ul>li { position:relative; float:left; height:100%; padding:0 5px; } 
.top-nav-ul>li>a { display:block; width:100%; height:100%; padding:0 20px; line-height:80px; font-size:18px; color:#1f1f1f; } 
.top-nav-ul>li>.sel-bot-bor { display:block; width:100%; height:2px; background:#ffffff; margin-top:-2px; transition: 0.2s all; } 
.top-nav-ul>li:hover>ul { height:auto; } 
.top-nav-ul>li:hover>.sel-bot-bor { background:#129ce1; } 
.top-nav-ul-ul { position:absolute; left:0; top:100%; width:100%; height:0px; background:rgba(18, 156, 225, .8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8129ce1,endcolorstr=#c8129ce1); overflow:hidden; visibility:visible; transition:all .5s; } 
.top-nav-ul-ul>li { float:left; width:100%; } 
.top-nav-ul-ul>li a { display:block; width:100%; height:40px; text-align:center; line-height:40px; font-size:16px; color:#d5f1ff; transition: 0.2s all; } 
.top-nav-ul-ul>li a:hover { color:#fff; font-weight:bold; } 
.nav-sel>a { color:#129ce1 !important; } 
.nav-sel>.sel-bot-bor { background:#129ce1 !important; } 
.top .top-nav-login { float:right; width:75px; height:28px; margin-top:26px; } 
.top-nav-login>a { float:left; display:block; width:28px; height:28px; border-radius:50%; cursor: pointer; } 
.top-nav-login .wechat { margin-right:19px; background:url(../img/icon/wechat.png)no-repeat #129ce1; } 
.top-nav-login .phone { background:url(../img/icon/phone.png)no-repeat #129ce1; } 

/* 内页头部 */
.banner-min { width:100%; min-height:430px; background-size:100% 430px !important; background-position:center; } 
.ban-nav { width:100%; } 
.ban-nav { width:1400px; margin:auto; padding-bottom: 50px; border-bottom:1px solid #dcdcdc; overflow:hidden; } 
 .ban-title-h1 { position:relative; top:58px; width:100%; text-align:center; font-size:64px; color:#ecefee; } 
 .ban-title-h2 { position:relative; top:13px; width:100%; text-align:center; font-weight:bold; font-size:30px; color:#333333; margin-bottom:65px; } 
.ban-nav .ban-nav-ul { height:48px; font-size: 0; text-align: center; } 
.ban-nav .ban-nav-ul li { width:150px; height:48px; margin-right:24px; display: inline-block; *display: inline; *zoom: 1; } 
.ban-nav-ul li a { display:block; width:100%; height:100%; text-align:center; line-height:48px; font-size:16px; color:#333333; border:1px solid #cccccc; border-radius:2px; transition: 0.2s all; } 
.ban-nav-ul li a:hover { background:#129ce1; color:#fff; } 
.ban-nav-ul .ban-nav-sel-a { border:none; background:#129ce1; color:#fff; } 

/* 内容容器 */
main { width:100%; } 
main .main-auto { width:1400px; margin:auto; overflow: hidden; } 

/* 分页器 */
.page { margin:51px auto; overflow:hidden; text-align: center; } 
.page a { width:39px; height:39px; margin:0 10px; text-align:center; line-height:39px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.page a:hover { background:#129ce1; color:#fff !important; } 
.page a.on { background:#129ce1; color:#fff !important; } 
.page a.prev { background: url(../img/icon/l.png) no-repeat center; } 
.page a.next { background: url(../img/icon/r.png) no-repeat center; } 
.page a.prev:hover,.page a.next:hover { background-color: #129ce1; } 

/* 底部信息 */
footer { width:100%; position: relative; } 
footer .footer { position: relative; } 
footer .footer-top { width:100%; height:210px; background:#f7f7f7; } 
.footer-top .footer-top-auto { width:1400px; height:210px; margin:auto; } 
.footer-top-auto .footer-t-nav { width:588px; height:210px; padding-top:47px; } 
.footer-t-nav .footer-t-logo { width:307px; height:53px; background:url('../img/logo.png')no-repeat; } 
.footer-t-logo a { display:block; width:100%; height:100%; } 
.footer-t-nav .footer-t-nav-ul { margin-top:15px; } 
.footer-t-nav-ul li { float:left; line-height:40px; } 
.footer-t-nav-ul a { font-size:15px; color:#777777; } 
.footer-t-nav-ul a:hover { color:#129ce1; } 
.footer-t-nav-ul span { margin:0 8px; font-size:15px; color:#777777; cursor:default; } 
.footer-top-auto .footer-t-contact-l { width:330px; height:210px; } 
.footer-top-auto .footer-t-contact-r { width:370px; height:210px; } 
.footer-t-contact { padding-top:40px; } 
.footer-t-contact ul li { font-size:15px; color:#777777; margin:15px 0; } 
.footer-t-contact ul li a { font-size:15px; color:#777777; } 
.footer-t-contact ul li a:hover { color:#129ce1; } 
.footer-top-auto .footer-t-QR { width:111px; height:210px; padding-top:37px; text-align:center; font-size:14px; color:#9c9c9d; line-height:40px; } 
footer .footer-bot { width:100%; height:60px; line-height:60px; font-size:14px; color:#fff; background:#129ce1; } 
.footer-bot a { color:#fff; } 
.footer-bot-auto { width:1400px; height:60px; margin:auto; } 


/* 首页 */
/*轮播图*/
.banner { position:relative; width:100%; height:100%; } 
.banner .bd { width:100%; height:100% !important; } 
.bd ul { width:100%; height:100%; } 
.bd li { width:100%; height:100%; } 
.banner .hd { position:absolute; bottom:70px; width:89px; height:13px; left:0; right:0; margin:0 auto; } 
.banner .hd ul li { margin-right: 25px; } 
.banner .hd ul li:last-child { margin-right: 0; } 
.hd .hd-sel { background:#129ce1; } 
.hd ul { width:100%; height:100%; } 
.hd ul>li { float:left; width:13px; height:13px; background:#fff; border-radius:50%; cursor:pointer; } 

/* 每屏标题 */
.title { position:absolute; top:15%; width:100%; font-size:48px; text-align:center; color:#fff; } 

/* 业务中心 */
.bus-cen { position:absolute; top:100%; left:0; right:0; margin:auto; width:1400px; height:302px; } 
.bus-cen-in { animation:BusCenIn 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
.bus-cen-out { animation:BusCenOut 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
@keyframes BusCenIn { 
 0% { top:100%; } 100% { top:40% } 
 }
@keyframes BusCenOut { 
 0% { top:40%; } 100% { top:100% } 
 }
.bus-cen>div { margin: 0 auto; width:80%; height:450px; padding:0 45px; cursor: pointer; } 
.bus-cen .bus-cen-h { text-align: center; width:100%; height:87px; border-bottom:1px solid #fff; font-size:26px; color:#fff; line-height:87px;  } 
.bus-cen .bus-cen-t { width:100%; height: 283px; font-size:20px; color:#fff; line-height:40px; padding:19px 0; } 
.bus-cen .bus-cen-but { display:block; width:100%; height:50px; border:1px solid #fff; border-radius:6px; text-align:center; line-height:50px; font-size:16px; color:#fff; } 
.bus-cen .bus-cen-thunder { background:rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); } 
.bus-cen-thunder .bus-cen-h { background:url('../img/icon/thunder.png')no-repeat; background-position:435px 32px; } 
.bus-cen .bus-cen-computer { margin-right:55px; background:rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); } 
.bus-cen-computer .bus-cen-h { background:url('../img/icon/computer.png')no-repeat; background-position:110px 32px; } 
.bus-cen .bus-cen-Hoe { background:rgba(0, 0, 0, .5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); } 
.bus-cen-Hoe .bus-cen-h { background:url('../img/icon/Hoe.png')no-repeat; background-position:110px 32px; } 
.bus-cen>div:hover { background:rgba(18, 156, 225, .7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2129ce1,endcolorstr=#b2129ce1); } 

/* 经典案例 */

/* 关于润蕾 */
.about { position:absolute; top:28%; left:0; right:0; margin:auto; width:1500px; height:474px; overflow:hidden } 
.about-l { position:absolute; top:100%; left:50px; width:641px; height:100%; background:rgba(0, 0, 0, .4); color:#fff; padding:17px 44px 0 117px; } 
.about-l-in { animation:AboutLIn 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
.about-l-out { animation:AboutLOut 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
@keyframes AboutLIn { 
 0% { top:100%; } 100% { top:0 } 
 }
@keyframes AboutLOut { 
 0% { top:0; } 100% { top:100% } 
 }
.about-l .about-l-t { font-size:16px; line-height:35px; } 
.about-l .wave { position:absolute; top:215px; left:-25px; width:112px; height:33px; background:url('../img/icon/wave.png')no-repeat; } 
.about-l .about-l-bor-top { position:absolute; top:0; left:0; width:94px; height:118px; border-left:7px solid rgba(255, 255, 255, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff); border-top:7px solid rgba(255, 255, 255, .4); } 
.about-l .about-l-bor-bot { position:absolute; bottom:0; left:0; width:604px; height:191px; border-left:7px solid rgba(255, 255, 255, .4); border-bottom:7px solid rgba(255, 255, 255, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff); } 
.about-l .about-l-but { position:absolute; top:300px; left:117px; width:487px; height:103px; } 

.about-l-but>a { position:relative; display: block; color: #ffffff; float:left; width:130px; height:130px; border:2px solid rgba(255, 255, 255, .5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); font-weight:bold; font-size:16px; text-align:center; } 
.about-l-but .organization { margin-right:48px; background:url('../img/icon/organization.png')no-repeat; background-position:48px 28px; padding-top:83px; } 
.about-l-but .history { margin-right:48px; background:url('../img/icon/history.png')no-repeat; background-position:45px 28px; padding-top:83px; } 
.about-l-but .culture { background:url('../img/icon/culture.png')no-repeat; background-position:43px 28px; padding-top:83px; } 
.about-l-but>a:hover { color:rgba(18, 156, 225, .7); } 


.about-r { position:absolute; top:-100%; right:50px; width:737px; height:100%; border:10px solid rgba(255, 255, 255, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cffffff,endcolorstr=#4cffffff); } 
.about-r-in { animation:AboutRIn 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
.about-r-out { animation:AboutROut 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
@keyframes AboutRIn { 
 0% { top:-100%; } 100% { top:0 } 
 }
@keyframes AboutROut { 
 0% { top:0; } 100% { top:-100% } 
 }
.about-r img { width:100%; height:100%; } 
.about-hr-top { position:absolute; top:0; left:0; width:0; height:5px; background:#129ce1; } 
.about-hr-left { position:absolute; top:0; left:0; width:5px; height:0; background:#129ce1; } 
.about-hr-bottom { position:absolute; bottom:0; right:0; width:0; height:5px; background:#129ce1; } 
.about-hr-right { position:absolute; bottom:0; right:0; width:5px; height:0; background:#129ce1; } 

/* 联系我们 */
.contact { position:absolute; top:30%; left:0; right:0; margin:auto; width:1400px; height:400px; overflow:hidden } 
.contact #baidumap { position:absolute; top:0; left:-755px; width:755px; height:400px; } 
.baidumap-in { animation:baidumapIn 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
.baidumap-out { animation:baidumapOut 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
@keyframes baidumapIn { 
 0% { left:-755px; } 100% { left:0px } 
 }
@keyframes baidumapOut { 
 0% { left:0px; } 100% { left:-755px } 
 }
.contact .contact-info { position:absolute; top:0; right:-622px; width:622px; height:400px; } 
.contact-info-in { animation:contactInfoIn 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
.contact-info-out { animation:contactInfoOut 1s; animation-fill-mode:forwards; transition-timing-function: linear; } 
@keyframes contactInfoIn { 
 0% { right:-622px; } 100% { right:0px } 
 }
@keyframes contactInfoOut { 
 0% { right:0px; } 100% { right:-622px } 
 }
.contact-info>div { width:300px; height:188px; border:2px solid rgba(255, 255, 255, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff); text-align:center; line-height:33px; font-size:20px; color:#fff; } 
.contact-info .landline { background:url('../img/icon/landline.png')no-repeat rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); background-position:123px 33px; padding-top:95px; } 
.contact-info .address { background:url('../img/icon/address.png')no-repeat rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); background-position:133px 50px; padding-top:115px; } 
.contact-info .fax { background:url('../img/icon/fax.png')no-repeat rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); background-position:126px 49px; padding-top:118px; } 
.contact-info .website { background:url('../img/icon/website.png')no-repeat rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); background-position:126px 49px; padding-top:118px; } 

/* 页尾信息 */
.footer { position:absolute; bottom:0; left:0; width:100%; height:60px; background:#129ce1; } 
.footer a { color:#fff; } 
.footer .footer-con { margin:auto; width:1400px; height:60px; line-height:60px; font-size:14px; color:#fff; } 


/* 关于 */
/* 内容容器 */
.main-auto { padding:50px 0; } 
.main-con-top { width:100%; height:422px; margin-bottom:30px; } 
.main-con-top .main-c-t-l { float:left; width:620px; height:100%;; position:relative; } 
.main-c-t-l .main-c-t-l-l { width:539px; height:360px; background:#129ce1; } 
.main-c-t-l .main-c-t-l-r { width:581px; height:386px; } 
.main-c-t-l-r img { width:100%; height:100%; } 
.main-con-top .main-c-t-r { float:right; width:780px; height:100%; padding-left:48px; } 
.main-con-bot { width:100%; } 

/* 新闻 */

.new-list { width:100%; overflow: hidden; } 
.new-list .new-list-con { width:100%; height:311px; padding-top:45px; border-bottom:1px solid #dcdcdc; transition: 0.2s all; } 
.new-list-con:hover { background:#fafafa; } 
.new-list-con img { width:366px; height:220px; margin-right:69px; } 
.new-list-con .new-list-cen { max-width:963px; } 
.new-list-cen .new-list-cen-time { font-size:14px; color:#9f9f9f; margin:18px 0; } 
.new-list-cen .new-list-cen-title { font-size:26px; color:#129ce1; font-weight:bold; } 
.new-list-cen .new-list-cen-p { font-size:14px; color:#717171; line-height:30px; margin:20px 0 20px 0; } 
.new-list-cen .new-list-cen-more a { font-size:14px; color:#129ce1; } 


main .main-top { width:100%; height:187px; border-bottom:1px solid #d1d1d1; text-align:center; padding-top:50px; } 
.main-top .main-top-h { font-size:36px; color:#232323; margin-bottom:30px; } 
.main-top .main-top-p { font-size:16px; color:#959595; } 
main .article-cen { padding:50px 0; } 
main .article-nav { width:100%; height:110px; background:#f7f7f7; overflow:hidden; margin:10px 0 57px 0; padding:25px 0 25px 30px; } 
.article-nav-l>div { width:1150px; height:35px; } 
.article-nav-l a:hover { color:#129ce1; } 
.article-nav-r { width:200px; height:100%; } 
.article-nav-r>a { display:block; width:140px; height:45px; background:#129ce1; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:45px; margin:8px auto 0 auto; } 


/* 业务 */

.business { overflow:hidden; padding:10px 0; color: #000000; font-weight: bold; font-size: 22px; text-align: center; } 
.business>a { display:block; float:left; width:445px; height:345px; background:#f7f7f7; margin-right:32px; text-align:center; line-height:65px; font-size:22px; color:#000000; transition: all 0.6s ease 0s; -webkit-transform:all 0.6s ease 0s; -moz-transform:all 0.6s ease 0s; } 
.business>a:hover { transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); color:#129ce1; box-shadow:0 0px 5px #a0a0a0; } 
.business>a>img { display: block; width:445px; height:280px; } 


/* 案例 */
.img-con { width:103%; height:auto; overflow:hidden; } 
.img-con a { display:block; float:left; width:327px; height:310px; background:#f7f7f7; text-align:center; line-height:60px; font-size:16px; color:#000000; margin-right: 30px; margin-bottom: 30px; } 
.img-con a:hover { color:#129ce1; } 
.img-con a img { display: block; width: 100%; height:250px; } 


/* 招聘 */
.main-auto .occupation-list { width:100%; } 
.occupation-list .occ-con { width:100%; } 
.occ-con .occ-con-top { width:100%; height:80px; background:#f7f7f7; margin-top:20px; } 
.occ-con-top div { float:left; width:325.25px; height:100%; line-height:80px; padding-left:32px; font-size:16px; color:#606060; } 
.occ-con-top div span { font-weight:bold; } 
.occ-con-top .occ-con-top-but { width:99px; text-align:center; padding:0; background:#e0e0e0; color:#fff; cursor:pointer; transition: 0.2s all; } 
.occ-con .occ-con-con { width:100%; display:none; border:1px solid #eeeeee; padding:40px 40px 50px 32px; } 
.occ-con .occ-con-con p { font-size: 16px; color: #494949; line-height: 40px; margin-bottom: 10px; } 

/* 联系 */
 .inn_contact #baidumap { width:100%; height:515px; } 
 .inn_contact .contact-list { width:100%; height:135px; margin:50px 0 20px 0; } 
 .inn_contact .contact-list div { float:left; width:325px; height:135px; border:1px solid #eeeeee; margin-right:32px; text-align:center; font-size:16px; color:#000000; padding-top:89px; } 
 .inn_contact .contact-list .landline { background:url('../img/icon/landline_1.png')no-repeat; background-position:142px 29px; } 
 .inn_contact .contact-list .fax { background:url('../img/icon/fax_1.png')no-repeat; background-position:142px 29px; } 
 .inn_contact .contact-list .website { background:url('../img/icon/website_1.png')no-repeat; background-position:142px 29px; } 
 .inn_contact .contact-list .address { margin:0; background:url('../img/icon/address_1.png')no-repeat; background-position:142px 29px; } 



.border { border-bottom: 1px solid #dcdcdc; width: 1400px; margin: 0 auto; } 

.product { position:absolute; top:33%; left:0; right:0; margin:auto; width:1400px; height:437px; } 
.product .swiper-slide { width: 635px; height: 435px; cursor: pointer; } 

.product img { width:100%; height: 100%; overflow: hidden; } 

.product .swiper-slide a { display: none; position: absolute; bottom: 0; left: 0; height: 55px; line-height: 55px; width: 100%; text-align: center; font-size: 16px; color: #ffffff; background-color: rgba(16, 142, 206, .8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8129ce1,endcolorstr=#c8129ce1); } 
.product .swiper-slide.swiper-slide-active a { display: block; } 

.product .swiper-slide a:hover { height: 150px; line-height: 150px; } 



/* 文章 */
.article { } 
.article .tit { width:100%; border-bottom:1px solid #d1d1d1; padding-bottom: 30px; text-align:center; padding-top:10px } 
.article .tit .t { font-size:36px; color:#232323; line-height: 57px; } 
.article .tit .c { font-size:16px; color:#959595; margin-top:30px; } 
.article .con { padding:50px 0; font-size: 16px; color: #333333; } 
.article .con p { font-size: 16px; color: #333333; line-height:40px; margin-bottom: 10px; } 

.pn { width:100%; height:110px; background:#f7f7f7; overflow:hidden; margin:10px 0 10px 0; padding:25px 0 25px 30px } 
.pn>div { width:1150px; height:35px } 
.pn .article-nav-l>div { width:1150px; height:35px } 
.pn .article-nav-l a:hover { color:#129ce1 } 
.pn .article-nav-r { width:200px; height:100% } 
.pn .article-nav-r>a { display:block; width:140px; height:45px; background:#129ce1; font-size:16px; color:#fff; font-weight:700; text-align:center; line-height:45px; margin:8px auto 0 auto } 



.border { border-bottom:1px solid #dcdcdc; width:1400px; margin:0 auto } 

.msg .layui-layer-content { background-color: #fff !important; color: #129ce1 !important; font-size: 18px !important; } 



/* .abt { } 
.abt .img { float: left; margin-right: 50px; margin-bottom: 10px; width: 622px; height: 422px; padding:40px 0 0 40px; overflow: hidden; background: url(../img/ab.jpg) no-repeat left top; } 
.abt .img img { display: block; width: 580px; height: 387px; } 
.abt .c { font-size: 16px; line-height: 40px; } 
.abt .c p { text-indent: 2em; margin-bottom: 30px; } 

.abt .t { font-size: 33px; color: #129ce1; font-weight: bold; margin-bottom: 20px; } */



.abt { } 
.abt .tit { font-size: 40px; text-align: center; margin-bottom: 50px; } 
.abt .tit div { font-size: 16px; margin-top: 10px; } 
.abt .img { text-align: center; } 
.abt .img img { width: 300px !important; height: 275px !important; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-bottom: 20px; } 
.abt .img .top img { margin: 0 20px; margin-bottom: 20px; } 
.abt .img .btm img:first-child+img { margin: 0 40px; margin-bottom: 20px; } 
.abt .con { font-size: 18px; line-height: 35px; } 
.abt .con p { text-indent: 2em; margin-bottom: 10px; } 
.abt .con img { display: block; float: right; width: 400px !important; height: auto !important; margin-left: 25px; } 
.abt>img { float: right; width: 240px; } 

@keyframes fade { 
 0% { opacity: 1; } 
 33% { opacity: .5; } 
 66% { opacity: .5; } 
 99% { opacity: 1; } 
 }

.fade { animation: fade 1s ease; }