﻿/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #444;
}

a {
        color: #3c3c3c;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

a:hover,
em, code { color: #f2aa0f; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
	border: 1px solid #ddd;
	background: #fafafa;
}
ul，li  {margin：0px;  padding:0px;  list-style:none;}


/*--------------------------------------------------------------------------------*/

.flbg{ width:100%; margin:0 auto; }
.flnr{  margin:0 auto; padding:20px 0 15px 0;}
.mx_div{width:270px; height:365px;position:relative; }
.mx_div img{padding-top:10px;padding-bottom:10px;margin:0 auto;}
.mx_div.bo1{width:270px; height:365px;float:left; background:#fff;border-bottom:2px solid #990000;margin-bottom:15px;overflow: hidden;    margin-right: 13px;}
.mx_div.bo1 h4{font-size:20px; text-align:center; color:#990000; border-bottom:#4e4d5a dashed 1px; padding-bottom:10px;}
.mx_div.bo1 h5{font-size:18px; text-align:center; color:#fff;padding-top:10px;}
.mx_div.bo1 p{font-size:15px; text-align:left; color:#272636;padding:0px 25px; line-height:28px;}
.mx_div.bo1:hover{background:#990000;border-bottom:2px solid #fff;}
.mx_div.bo1:hover h4{    color:#fff;}
.mx_div.bo1:hover p{color:#fff;}
.flnr1{ width:1132px; height:365px; margin:0 auto; }
.mx_div{width:270px; height:365px;position:relative; }
.mx_div img{padding-top:10px;padding-bottom:10px;margin:0 auto;}
.mx_div.bo5{width:270px; height:365px;float:left; background:#3386c5;}
.mx_div.bo5 h4{font-size:24px; text-align:center; color:#fff; border-bottom:#4e4d5a dashed 1px; padding-bottom:10px;}
.mx_div.bo5 h5{font-size:18px; text-align:center; color:#fff;padding-top:10px;}
.mx_div.bo5 p{font-size:15px; text-align:left; color:#272636;padding:0px 25px; line-height:22px;}
.mx_div.bo6{width:270px; height:365px;float:left; background:#ff9900;}
.mx_div.bo6 h4{font-size:24px; text-align:center; color:#fff; border-bottom:#4e4d5a dashed 1px; padding-bottom:10px;}
.mx_div.bo6 h5{font-size:18px; text-align:center; color:#fff;padding-top:10px;}
.mx_div.bo6 p{font-size:15px; text-align:left; color:#272636; line-height:22px;padding:0px 25px;}
.mx_div.bo7{width:270px; height:365px;float:left; background:#27a292;}
.mx_div.bo7 h4{font-size:24px; text-align:center; color:#fff; border-bottom:#4e4d5a dashed 1px; padding-bottom:10px;}
.mx_div.bo7 h5{font-size:18px; text-align:center; color:#fff;padding-top:10px;}
.mx_div.bo7 p{font-size:15px; text-align:left; color:#272636;line-height:22px;padding:0px 25px;}
.mx_div.bo8{width:270px; height:365px;float:left; background:#d049ac;}
.mx_div.bo8 h4{font-size:24px; text-align:center; color:#fff; border-bottom:#4e4d5a dashed 1px; padding-bottom:10px;}
.mx_div.bo8 p{font-size:15px; text-align:left; color:#272636;padding:0px 30px; line-height:22px; text-align:left;}



.jg{ width:270px; height:365px;background:#272636;position:absolute;bottom:-420px;filter:alpha(opacity=95);-moz-opacity: 0.95;opacity: 0.95; text-align:center;}
.jg a{ font-size:16px; text-align:center; line-height:30px; color:#fff;display:block; width:100px; height:30px; background:#ff6262;border-radius:2px; margin:0 auto;}
.jg a:hover{ color:#f0ff00; text-decoration:underline; }
/*分类*/
@media (max-width: 767px)
{
       .mx_div.bo1{width:47%; height:auto;float:left; background:#fff;border-bottom:2px solid #990000;margin-bottom:15px;overflow: hidden;margin-right: 0px; margin-right: 10px;}

.mx_div.bo1 h4 {
    font-size: 14px;
    text-align: center;
    color: #990000;
    border-bottom: #4e4d5a dashed 1px;
    padding-bottom: 10px;
}









}

.clear{ clear:both} 