.xy-list1{overflow: hidden;margin: 0 -34px 45px;}
.xy-list1 li{width: 50%;float: left; margin-bottom:40px;}
.xy-list1 .con{overflow: hidden;margin: 0 34px;}
.xy-list1 .left{width: 400px;float: left;position: relative;}
.xy-list1 .tit{height: 64px;overflow: hidden;
    background-color: #285bb8;
}
.xy-list1 .tit a{font-size: 22px;color: #fff;font-weight: normal;display: block;padding: 0 15px 0 32px;line-height: 64px;}
.xy-list1 .tit i{width: 18px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 13px;
    background: url(../images/i-down1.png) no-repeat center center;
}
.xy-list1 .pic{height: 225px;}
.xy-list1 .pic img{width: 100%;height: 100%;display: block;}
.xy-list1 .txt{margin: 20px 0 0 20px;padding-left: 408px;padding-right: 35px;
    background-color: #f6f6f6;padding: 24px 35px 0 408px;height: 300px;
}
.xy-list1 .desc{font-size: 14px;line-height: 32px;color: #333333;text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.btn-more{display: block;overflow: hidden;padding: 5px;
    position: absolute;right: -13px;bottom: 10px;z-index: 2;
    background: rgba(255,255,255,.61);border-radius: 50%;
}
.btn-more span{display: block;width: 54px;height: 54px;
    background: #285bb8;border-radius: 50%;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.btn-more:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background: url(../images/i-more1.png) no-repeat center center;
}
.btn-more:hover span{background: url(../images/i-more2.png) no-repeat center center;}

.xy-list2{overflow: hidden;margin: 0 -69px;}
.xy-list2 li{width: 50%;float: left;margin-bottom: 54px;}
.xy-list2 .pic{width: 284px;height: 300px;float: left;position: relative;}
.xy-list2 .pic img{width: 100%;height: 100%;display: block;}
.xy-list2 .con{padding: 10px;margin: 0 69px;}
.xy-list2 .txt{overflow: hidden;padding-left: 32px;}
.xy-list2 .txt h4 {margin-bottom: 20px;}
.xy-list2 .txt h4 a{display: block;font-size: 22px;font-weight: normal;color: #36c;
    overflow: hidden;
}
.xy-list2 .txt h4 i{width: 18px;height: 10px;display: inline-block;vertical-align: middle;
    position: relative;top: -2px;margin-left: 15px;
    background: url(../images/i-down2.png) no-repeat center center;
}
.xy-list2 .desc{font-size: 14px;line-height: 32px;color: #333;margin-bottom: 32px;height: 190px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden; 
}
.xy-list2 .a-link{font-size: 13px;color: #999;}
.xy-list2 .a-link:hover{color: #285bb8;}

.xy-list3{overflow: hidden;margin: 0 -22px;padding: 10px 0 50px;}
.xy-list3 li{width: 25%;float: left;margin-bottom: 40px;}
.xy-list3 .con{position: relative;display: block;margin: 0 22px;
    background-color: #f6f6f6;height: 102px;padding-top: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.xy-list3 .con:before{content: '';position: absolute;top: 0;left: 0;right: 0;
    height: 2px;background-color: #285bb8;
}
.xy-list3 .con:after{content: '';position: absolute;top: 50%;right: -9px;
    width: 53px;height: 53px;background-color: #f6f6f6;border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.xy-list3 .icon{height: 100px;width: 108px;display: block;float: left;
    background-position: center;background-repeat: no-repeat;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.xy-list3 h4{overflow: hidden;line-height: 100px;overflow: hidden;font-size: 16px;
    font-weight: normal;color: #336699;padding-right: 45px;
}
.xy-list3 .more{width: 23px;height: 15px;position: absolute;right: 4px;top: 50%;z-index: 2;
    background: url(../images/i-more3.png) no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.xy-list3 .con:hover:before{height: 3px;background-color: #f39800;}
.xy-list3 .con:hover:after{background-color: #285bb8;}
.xy-list3 .con:hover{background: #285bb8 url() no-repeat center center;}
.xy-list3 .con:hover em{background-image: url(../images/i-more1.png);}
.xy-list3 .icon1{background-image: url(../images/i-1.png);}
.xy-list3 .icon2{background-image: url(../images/i-3.png);}
.xy-list3 .icon3{background-image: url(../images/i-14.png);}
.xy-list3 .icon4{background-image: url(../images/i-4.png);}
.xy-list3 .icon5{background-image: url(../images/i-5.png);}
.xy-list3 .icon6{background-image: url(../images/i-6.png);}
.xy-list3 .icon7{background-image: url(../images/i-7.png);}
.xy-list3 .icon8{background-image: url(../images/i-2.png);}
.xy-list3 .icon9{background-image: url(../images/i-9.png);}
.xy-list3 .icon10{background-image: url(../images/i-10.png);}
.xy-list3 .icon11{background-image: url(../images/i-12.png);}
.xy-list3 .icon12{background-image: url(../images/i-8.png);}
.xy-list3 .icon13{background-image: url(../images/i-13.png);}
.xy-list3 .icon14{background-image: url(../images/i-11.png);}
.xy-list3 .con:hover .icon1{background-image: url(../images/i-1-on.png);}
.xy-list3 .con:hover .icon2{background-image: url(../images/i-3-on.png);}
.xy-list3 .con:hover .icon3{background-image: url(../images/i-14-on.png);}
.xy-list3 .con:hover .icon4{background-image: url(../images/i-4-on.png);}
.xy-list3 .con:hover .icon5{background-image: url(../images/i-5-on.png);}
.xy-list3 .con:hover .icon6{background-image: url(../images/i-6-on.png);}
.xy-list3 .con:hover .icon7{background-image: url(../images/i-7-on.png);}
.xy-list3 .con:hover .icon8{background-image: url(../images/i-2-on.png);}
.xy-list3 .con:hover .icon9{background-image: url(../images/i-9-on.png);}
.xy-list3 .con:hover .icon10{background-image: url(../images/i-10-on.png);}
.xy-list3 .con:hover .icon11{background-image: url(../images/i-12-on.png);}
.xy-list3 .con:hover .icon12{background-image: url(../images/i-8-on.png);}
.xy-list3 .con:hover .icon13{background-image: url(../images/i-13-on.png);}
.xy-list3 .con:hover .icon14{background-image: url(../images/i-11-on.png);}
.xy-list3 .con:hover h4{color: #fff;}