.xq_top{ float: left; width: 100%; position: relative; margin: 30px 0;}
.xq_top_lf{ float: left; position: relative;}
.xq_top img{ max-width: none;}
.xq_top_fr{ float: right; width:calc(100% - 450px);}
.xq_top_fr img{ max-width: 100%;}

#Tz_wrap{width:100%;}
#Tz_magnify{width:350px;height:350px;position:relative;margin-bottom:10px;   float: right; }
#Tz_magnify .simg{ width:350px;height:350px;position:relative; z-index: 2; border:1px solid #dddddd; }
#Tz_magnify .simg img{ width: 100%; height: 100%; object-fit: cover;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;}
#Tz_magnify .simg .mov{width:10px;height:10px;background:url("../images/move.png");position:absolute;left:0px;top:0;cursor:move;display:none;}
#Tz_magnify .bigimg {width:350px;height:350px;position:absolute;left:350px;bottom:0;overflow:hidden;display:none; z-index: 1;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0; }


.series {height:350px;position:relative;float: left;}
.series .show {height:350px;position:relative;overflow:hidden;}
.series .show ul.cont{height:999em;}
.series .show ul.cont li{ width: 60px; padding-bottom: 60px; position: relative; margin-right: 8px; cursor:pointer;  border:1px solid #dddddd; -webkit-box-sizing: border-box;box-sizing: border-box; margin-top: 5px;}
.series .show ul.cont li:before{ content: ''; position: absolute; width: 0; height: 0; /*border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgb(221 221 221);*/ top: 50%; right: -5px; transform: translateY(-50%); z-index: 9;}
.series .show ul.cont li img{ position: absolute; width: 100%;height: 100%; object-fit: cover;}
.series .show ul.cont li.hover{border:2px solid #20509a;}
.series .show ul.cont li.hover:before{ /*border-left: 5px solid #20509a;*/}


.xq_top_fr2{ /*background: #eee;*/ padding: 20px;}
.xq_top_cpms{ margin-bottom: 20px; line-height: 22px; color: #656565;}
.xq_top_more{ width:100%;}
.xq_top_more a{ line-height: 36px; color: #004e98; text-decoration: underline; width: 220px; text-align: left; text-indent: 15px; display: inline-block !important;}
.xq_top_more a:hover { color: #fff; background: #004e98; transition: .3S; }


@media screen and (max-width:999px){
    #Tz_magnify .bigimg{left:0px;}
    #Tz_magnify:hover .simg img{ opacity: 0;}
}
@media screen and (max-width:799px){
    .xq_top_lf{  float: none; width: 100%; margin: 0 auto;}
    #Tz_magnify{ float: none;  margin: 0 auto;}
    .series{ float: none; margin: 0 auto; width: 600px; height: auto;}
    .series .show{ height: auto; width: 600px;}
    .series .show ul.cont{ height: auto; width: 999em;}
    .series .show ul.cont li{ float: left;}
    .xq_top_fr{ width: 100%; margin: 30px 0;}
}
@media screen and (max-width:599px){

	#Tz_magnify{ width:350px;height:350px;}
    #Tz_magnify .simg{ width:350px;height:350px;}
    #Tz_magnify .bigimg { width:350px;height:350px;}
    .series{ width:350px;}
    .series .show { width:350px;}
}