/*
* name: ui.css
* version: v1.1.7
* update: btn-block 支持换行
* date: 2016-01-31
*/


body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
a{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}

.cpyy{margin:0 auto;width:1200px;}
.cpyy ul{padding-top:50px;}
.cpyy ul li{width:240px;height:348px;float:left;}
.cpyy ul li:nth-child(1){background:#ec4653;}
.cpyy ul li:nth-child(2){background:#b77ecf;}
.cpyy ul li:nth-child(3){background:#29cfa2;}
.cpyy ul li:nth-child(4){background:#eeae76;}
.cpyy ul li:nth-child(5){background:#4193d9;}
.yy01{width:240px;height:348px;position:relative;}
.yy01 .yy_img01{padding-top:80px;text-align:center;}
.yy01 .yy_bt01{padding-top:44px;text-align:center;font-size:26px;font-weight:bold;color:#fff;}

.yy02{width:240px;height:348px;position:absolute; z-index:9999;display:none;background:url(../images/hs_bg.png)}
.yy02 .pt img{ width:62px;}
.yy02 h1{font-size:26px;font-weight:bold;padding-top:70px;text-align:center;}
.yy02 .box{height:137px;padding-left:18px;padding-top:30px;}
.yy02 .box p{line-height:28px;}
.yy02 .box p a{font-size:12px;}
.yy02 .box p a:hover{ text-decoration:underline;}
.yy02 .pt{text-align:right;margin-right:12px;}

.cpyy ul li:hover .yy02{ display:block;}
.cpyy ul li:hover .yy01{display:none;}

.cpyy .color01{color:#ec4653}
.cpyy .color01 a{color:#ec4653}
.cpyy .color02{color:#af4dd8}
.cpyy .color02 a{color:#af4dd8}
.cpyy .color03{color:#13b086}
.cpyy .color03 a{color:#13b086}
.cpyy .color04{color:#c06d24}
.cpyy .color04 a{color:#c06d24}
.cpyy .color05{color:#1b74c0}
.cpyy .color05 a{color:#1b74c0}