.prolist{width: 100%;padding: 54px 0 120px;background: #f7f7f7;overflow: hidden;}
.prolist li{width: 49%;background: #fff;position: relative;margin-top: 46px;}
.prolist li:nth-child(2n+1){float: left;}
.prolist li:nth-child(2n){float: right;}
.prolist li a{display: block;width: 100%;padding: 84px 52px 0;height: 428px;}
.prolist-img{width: 50%;float: left;}
.prolist-img img{max-width: 100%;transform: scale(.96);transition: all .6s ease-in-out;}
.prolist-wd{width: 46%;float: right;padding-top: 24px;}
.prolist-wdtit{width: 100%;}
.prolist-wdtit h6, .prolist-wdtit h1{font-size: 32px;color: #333;margin-bottom: 12px;transition: all .4s ease;}
.prolist-wdtit p{font-size: 18px;color: #999;line-height: 30px;}
.prolist-wddes{width: 100%;margin-top: 34px;}
.prolist-wddes p{font-size: 16px;color: #999;line-height: 36px;}
.prolist-wddes p span{color: #333;}
.prolist li a:hover .prolist-img img{transform: scale(.98) translateY(-10px);}
.prolist li a:hover .prolist-wdtit h6{color: #1f5dcb;}
.prolist li a:hover .prolist-wdtit h1{color: #1f5dcb;}
.cpp {
  width:1280px;
}
    .cpp h1 {
font-size: 24px;
    text-align: center;
    border-bottom: #ccc 1px solid;
    padding-bottom: 30px;
    }
.cpp .cpnr{
        font-size: 16px;
    color: #333;
line-height: 30px;
padding: 30px;
}
.cpp .cpnr p{

}
.cpp .cpnr img {
        margin:10px auto;
        max-width:100%;
    }
.prolist li a .vm {
    color: #1d449b;
}
.prolist li a .vm  i {
    font-size: 18px;
    opacity: 0;
    transition: all 0.3s;
}
.prolist li a:hover .vm i{
    opacity: 1;
    margin-left: 25px;
}
@media (max-width: 1600px) {
    .prolist li {
    margin-top: 40px;

}
    .prolist-wddes {
    margin-top: 28px;
}
    .prolist-wddes p {
    line-height: 24px;
}
}
@media (max-width: 1500px) {
}
@media (max-width: 1450px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1355px) {
}
@media (max-width: 1300px) {
    .prolist li {
    margin-top: 32px;

}
}
@media (max-width: 1260px) {
}
@media (max-width: 1199px) {
.prolist li a {
    padding: 0 20px;
    height: auto;
}
.prolist-img {
    width: 100%;
    text-align: center;
    height: 324px;
    line-height: 320px;
}
.prolist-img img {
    max-height: 100%;
}
.prolist-wd {
    width: 100%;
    margin-top: 20px;
    height: 200px;
}
.prolist-wdtit h6, .prolist-wdtit h1 {
    font-size: 24px;
}
}
@media (max-width: 1000px) {
}
@media (max-width: 800px) {
}
@media (max-width: 760px) {


}
@media (max-width: 640px) {
.prolist li {
    margin-top: 24px;
    width: 100%;
}
.prolist-img {
    height: auto;
    line-height: normal;
    padding: 30px 0;
}
.prolist-wd {
    height: auto;
    padding-bottom: 32px;
    margin-top: 12px;
}
.prolist-wddes {
    margin-top: 20px;
}
.prolist-wddes p {
    line-height: 30px;
}
.cpp {
    width: 100%;
}
}
@media (max-width: 500px) {
}