/*PC+Mobile样式*/
.pcmobileTemplate{}
.tem_main_m_pc
{
    margin-top:20px;
 }
.tem_main_m .tem_main_m_pc.jmtem li {
    height: auto;
}
.tem_main_m li {
    width: 317px;
    background: url(../images/tem_7.png) no-repeat 0 -6px;
    position: relative;
    float: left; 
    margin: 0 73px 0px 0;
}
.tem_main_m li img.img { 
    width: 291px; padding:8px; background:#fff; border:1px solid #dadada;
    height: 205px;
}
#hoverpic ul li{ }
#hoverpic ul li .lipic{border:4px solid #fff; position:relative;}
#hoverpic ul li:hover .lipic{border:4px solid #f15433;}
#hoverpic ul li:hover .lipicbh{ display:block}
.tem_main_m li .lipicbh{ position:absolute; display:none; bottom:9px; font-size:14px; left:9px; background:#f15433 ; z-index:99999; color:#fff; text-indent:3px; height:30px; line-height:30px; width:291px;}
.tem_main_m li .lipicbh a{ 
background: #fff; padding:0 3px; text-indent:0;
 color: #f15433; font-size:12px;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    margin-top: 6px;
    text-align: center;
    width: auto;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.tem_main_m li .lipicbh a:hover{background:#412619; color:#fff}
.tem_main_m li .pcwp {
    width: 109px;
    height: 218px;
    background: url(../images/tem_9.png) no-repeat;
    position: absolute;
    bottom: -9px; right:2px;
    z-index: 2;
}
.tem_main_m li .pcwp img {
    width: 94px!important;
    height: 166px!important;
    margin: 13px 0 0 5px;
}
.clear {
    clear: both;
    line-height: 0px;
    overflow: hidden;
    zoom: 1;
    font-size: 0px;
    content: '.';
}
.tem_main_m .tex .p1 { text-indent:11px;
    color: #313131;
    font-size: 14px;
    line-height: 24px;
    height: 24px;     width: 144px;
    overflow: hidden;
}
.tem_main_m .tex .p1 span{ font-size:14px; color:#f15433}
.tem_main_m .tex .p2 {
    color: #f15433;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0 13px;
   /* border: 1px solid #f15433;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
.fl {
    float: left;
    display: inline;
}.fr {
    display: inline;
    float: right;
}
.case_main_m_shy {
    margin: -50px 0 90px 0;
}

.case_main_m .case_main_m_shy ul {
    width: 100%;
}
.case_main_m_shy li {
    padding: 55px 0;
    background: none;
    float: inherit;
    margin: 0;
    width: 100%;
    background-color: #fff;
}

.w-1300 {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}
.shy_o {
    width: 506px;
    height: 383px;
    background: url(../images/case_1.png) no-repeat;
    float: left;
    position: relative;
}
.case_main_m_shy li i {
    width: 26px;
    height: 27px;
    float: left;
    background: url(../images/case_6.png) no-repeat;
    margin: 180px 65px 0 65px;
}
.shy_t {
    width: 200px;
    height: 383px;
    background: url(../images/case_3.png) no-repeat;
    position: relative;
    float: left;
}
.w-1300 a {
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
.case_main_m li .shy_t img {
    width: 175px;
    height: 311px;
    margin: 28px 0 0 13px;
}
.shy_t .wap_o_zz {
    width: 175px;
    height: 311px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 13px;
    top: 28px;
    display: none;
}