/* be in common use layout*/
ul,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
}
img{max-width: 100%;}
li {
    list-style: none;
}
.pro_s{ display:flex; justify-content:space-between;flex-wrap:wrap;}
.pro_t{ width:45%; padding:0;}
.pro_t ul {display:flex; justify-content: space-between;flex-wrap: wrap;}
.pro_t li{ width:48%; border-top:1px solid #ababab; padding:2rem 1rem;}
.pro_t li a{ display:block;color:#333;}
.pro_t li h2 { font-size:1.3rem; font-weight:bold; height:31px;overflow:hidden;}
.pro_t li h5 { font-size:0.9rem; color:#666; display:inline-block; margin:1rem 0 2rem 0;}
.pro_t li .more{line-height:26px ;color:#fff;width:110px; text-align:center; background:#c9c9c9; border-radius:1rem;}
.pro_t li:hover {border-top:1px solid #ff0001;}
.pro_t li a:hover { color:#ff0001;}
.pro_t li a:hover h5 { color:#ff0001;}
.pro_t li a:hover .more {background:#d10000;}

.pro_st {width:50%; border-radius:1rem; overflow:hidden; position:relative;}
.pro_z { width:100%; height:100%;}
.pro_z img { width:100%; height:100%;}

.sprev{ position:absolute; left:10px; top:45%; width:20px;height:33px; background:url(../images/arrow_l.png) no-repeat;z-index: 100;}
.snext{ position:absolute; right:10px;top:45%; width:20px;height:33px; background:url(../images/arrow_r.png) no-repeat;z-index:100; padding-right:1rem; }

.pageState{position:absolute;right:0px;bottom:0px;line-height:16px;color:#fff;font-size:1.2rem; padding:1rem;background-color:rgba(0,0,0,0.5);}
.pageState span{font-size:36px;color:#d10000; font-weight: bold;}

@media (max-width: 1200px) {
    .pro_con .sprev {
        left: 10px;
        top: 48%;
        width: 20px;
        height: 37px;
        background-size: cover;
    }

    .pro_con .snext {
        right: 10px;
        top: 48%;
        width: 20px;
        height: 37px;
        background-size: cover;
    }

    .pro_z {
        width: 100%;
        margin: 0 auto;
    }
}
@media(max-width: 960px){
    /*pro*/
	
.pro_st {width:100%; }
	
    .pro_s {
        margin-top:20px;
    }
    .pro_t {
        padding:.5rem;width:100%;

    }
}
@media(max-width: 960px){
.pro_t {display:none}
}