﻿@media (min-width: 1200px) {
  .container {
    width: 1200px;
	position: relative;
	padding: 0px;
  }
}
.marker{width: 100%;float: left;margin-top: 36px;}
.marker ul{width: 100%;float: left;padding-left: 145px;padding-right: 150px;}
.marker ul li{width: 410px;float: left;min-height: 415px;margin-bottom: 78px;overflow: hidden;}
.marker ul li:nth-of-type(odd){margin-right: 85px;}   
.marker ul li:nth-of-type(even){margin-right: 0px;}
.marker ul li a{color: #858585;font-size: 14px;}
.marker ul li a:hover{text-decoration: none;}
.marker ul li a:hover .t_marker{color: #C3292C;}
.marker ul li a .t_img{width: 100%;height:239px ;overflow: hidden;float: left;margin-bottom: 20px;}
.marker ul li a img{width: 100%;float: left;margin-bottom: 15px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.marker ul li a .t_marker{color: #111111;font-size: 22px;line-height: 30px;width: 100%;float: left;}
.marker ul li a hr{width: 16px;height: 4px;background: #df3b3f;margin-top: 19px;margin-bottom: 17px;float: left;}
.marker ul li a .time_m{width: 100%;float: left;margin-bottom: 10px;}
.marker ul li a .n_marker{width: 100%;float: left;}
@media screen and (max-width:1199px ){
.marker ul{padding: 0px;}
.marker ul li{width: 47%;float: left;min-height: 415px;margin-bottom: 48px;}
.marker ul li:nth-of-type(odd){margin-right: 6%;}   
.marker ul li:nth-of-type(even){margin-right: 0px;}
}
@media screen and (max-width:991px ){
.marker ul li{width: 47%;float: left;min-height: 415px;margin-bottom: 30px;}
.marker ul li a .t_img{height: 197px;}
}
@media screen and (max-width:767px ){
.marker{margin-top: 15px;}
.marker ul li a .t_img{margin-bottom: 15px;}
.marker ul li{width: 100%;float: left;min-height: 0px;margin-bottom: 30px;}
.marker ul li a .t_marker{font-size: 16px;}
.marker ul li a hr{margin: 5px 0px;}
.marker ul li a .time_m{margin-bottom: 6px;}
}

/* 分页 */
#obtn .wack1{ float:left; width:100%; padding-bottom:80px; text-align:center;}
#obtn .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;}
#obtn .wack1 .pz_fy a { float:left; width:44px; height:44px; line-height:44px; border:1px solid #e2e2e2; color:#353535; font-size:14px; font-family:Arial; margin:0 5px;}
#obtn .wack1 .pz_fy a:hover,
#obtn .wack1 .pz_fy a.on{color:#fff; border:1px solid #bf252a; background:#bf252a;text-decoration: none;}
#obtn .wack1 .pz_fy .l_fy i,
#obtn .wack1 .pz_fy .r_fy i{ display:block; width:0px; height:2px; background:#bf252a; margin:17px auto; position:relative;}
#obtn .wack1 .pz_fy .l_fy i:after,
#obtn .wack1 .pz_fy .l_fy i:before,
#obtn .wack1 .pz_fy .r_fy i:after,
#obtn .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#030303; content:''; position:relative;}
#obtn .wack1 .pz_fy .l_fy i:after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); top:4px; left:-6px; }
#obtn .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); top:2px; left:-6px; }
#obtn .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); top:4px; right:0px;background:#bf252a ; }
#obtn .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); top:2px; right:0px;background:#bf252a ;}
#obtn .wack1 .pz_fy .l_fy:hover i,
#obtn .wack1 .pz_fy .r_fy:hover i{ background:#fff;}
#obtn .wack1 .pz_fy .l_fy:hover i:after,
#obtn .wack1 .pz_fy .l_fy:hover i:before,
#obtn .wack1 .pz_fy .r_fy:hover i:after,
#obtn .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;}


@media  screen and (max-width:1023px){
#obtn .wack1{padding:15px 0;}	
#obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#obtn .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #bf252a; background:#bf252a; border-radius:16px; overflow:hidden;}
#obtn .wack1 .fy_pc span{ padding:5px 20px; color:#272727;}
}
