@charset "utf-8";

.progicon-list {}
.progicon-list > li {position:relative;min-height: 25px;padding-left:105px;margin:10px 0;line-height:26px;font-size: 15px;}
.progicon-list > li em {display:block; position:absolute; left:0; top:0; color:#666; font-size:16px; font-weight:700;vertical-align:top;line-height:26px;}
.progicon-list > li em .ico {display:inline-block; width:26px; height:26px; margin-right:7px;border:1px solid #3a67b9; border-radius:50%; background-color:#3a67b9;background-image:url(/images/skin/icon-list.png);vertical-align:top;line-height:26px;}
.progicon-list > li em .ico.ico1 {background-position:0 0 ;}
.progicon-list > li em .ico.ico2 {background-position:0 -24px ;}
.progicon-list > li em .ico.ico3 {background-position:0 -48px ;}
.progicon-list > li em .ico.ico4 {background-position:0 -72px ;}
.progicon-list > li em .ico.ico5 {background-position:0 -96px ;}
.progicon-list > li em .ico.ico6 {background-position:-24px 0 ;}
.progicon-list > li em .ico.ico7 {background-position:-24px -24px ;}
.progicon-list > li em .ico.ico8 {background-position:-24px -48px ;}
.progicon-list > li em .ico.ico9 {background-position:-24px -72px ;}
.progicon-list > li em .ico.ico10 {background-position:-24px -96px ;}
.progicon-list > li em .ico.ico11 {background-position:-48px 0 ;}
.progicon-list > li em .ico.ico12 {background-position:-48px -24px ;}
.progicon-list > li em .ico.ico13 {background-position:-48px -48px ;}
.progicon-list > li em .ico.ico14 {background-position:-48px -72px ;}
.progicon-list > li em .ico.ico15 {background-position:-48px -96px ;}
.progicon-list > li em .ico.ico16 {background-position:-0px -258px ;}
.progicon-list > li em .ico.ico17 {background-position:-24px -258px ;}

.progphoto_wrap {overflow:hidden; margin:0 0 30px;padding:40px; border:1px solid #ddd;}
.progphoto_wrap .inner {position:relative}
.progphoto_wrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.progphoto_wrap .thumb {float:left;overflow: hidden;position:relative;z-index: 1;text-align:center;}
.progphoto_wrap .thumb .main-photo__skin {width: 360px;max-width: 360px;border: 1px solid #f3f3f3;}
.progphoto_wrap .thumb span {}
.progphoto_wrap .thumb span img {}
.progphoto_wrap .thumb span {}
.progphoto_wrap .info_box {float:right;position:relative;z-index: 1;width:calc(100% - 360px);padding-left:30px;}
.progphoto_wrap .info_box > strong {display:inline-block; margin:0 10px 15px 0; line-height:1.4;font-size:22px; font-weight:700; color:#121212;}
.progphoto_wrap .info_box > strong span {display:inline-block; font-size:16px; font-weight:normal; color:#333;}
.progphoto_wrap .info_box > p {margin:0 0 30px;}
.progphoto_wrap .info_box p,
.progphoto_wrap .info_box2 p {font-size:16px; color:#666;}
.progphoto_wrap .text_box {padding:10px 20px 20px; background:#f7f7f8;}

.progphoto_wrap.typeA-2 {}
.progphoto_wrap.typeA-2 .photoslide {position:relative;z-index:1;}
.progphoto_wrap.typeA-2 .picture {display:block;overflow:hidden;width:100%; height:250px;}
.progphoto_wrap.typeA-2 .picture span {display:block; position:relative;width:100%; height:100%;}
.progphoto_wrap.typeA-2 .picture span img {position: absolute;top: 50%;left: 50%;width:auto;min-width: 100%;max-width:1000%;height:100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.progphoto_wrap.typeA-2 .control {display: inline-block;position:absolute;z-index:2;right: 0;bottom:0;width: auto;height: 40px;text-align: right;}
.progphoto_wrap.typeA-2 .control .paging {display:inline-block;float: left;padding:0 15px;background:rgba(0,0,0,.5);}
.progphoto_wrap.typeA-2 .control .paging span {display:inline-block; line-height:40px; color:#fff; font-weight:700;}
.progphoto_wrap.typeA-2 .control button {display:inline-block;float: left;position: relative;width:40px;height:40px;margin: 0;border-right: 1px solid #fff;background:rgba(0,0,0,.5);font-size:0;vertical-align: top;}
.progphoto_wrap.typeA-2 .control button[data-control="prev"]:before,
.progphoto_wrap.typeA-2 .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.progphoto_wrap.typeA-2 .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.progphoto_wrap.typeA-2 .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.progphoto_wrap.typeA-2 .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.progphoto_wrap.typeA-2 .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}

@media(max-width:1023px){
    .progphoto_wrap .thumb {float:none; width:100%; margin:0 0 20px;}
    .progphoto_wrap .info_box {float:none; width:100%; padding:0;}


}

@media(max-width:767px){
    .progphoto_wrap {padding: 30px 25px;}
    .progphoto_wrap .thumb .main-photo__skin {width:100%;}
 
}