﻿/* =======================top.css=========================*/
.header{position:absolute; z-index:999; left:0; top:0; width:100%; height:29px;background:#f0f0f0;border-bottom: 1px solid #e9e9e9;}
.header_group{position:absolute; z-index:999; left:0; bottom:0; width:100%; height:75px;}
.header_top{ position:relative; z-index:10; width:1001px; margin:0 auto; text-align:left; height:30px;}
.h-right{ float:right;}
.h-right>ul{ padding-right:5px; line-height:30px;}
.h-right li{ float:left;}
.h-right a{font-size:12px; }
.h-right .li_a{ padding-left:10px; margin-left:15px;}
.h-r-search{ background-color:#fff; width:140px; height:22px; padding:0 3px; overflow:hidden; border:1px solid #e9e9e9; line-height:22px; margin:3px 0 0 0;}
.h-r-search .text{ float:left;width:110px; height:22px; border:0; line-height:30px; }
.h-r-search .btn-search-t{ float:right; width:22px; height:22px; cursor:pointer; margin-top:3px;}
.h-r-search input{background:#fff;}
.h-r-nav{ position:relative; line-height:30px;margin-left:3px}
.h-r-nav .on{ position:relative; float:left; width:72px; height:30px; padding-right:5px; text-align:center; line-height:30px; z-index:1; cursor:pointer;}
.h-r-nav-list{ background-color:#fff;position:absolute; right:0; top:30px; display:none; width:420px;border:1px solid #e9e9e9; line-height:1.7em;}
.h-r-nav-list ul{ border-top:0 none;margin:0 20px;line-height:24px;}
.h-r-nav:hover .h-r-nav-list{ display:block;}
.h-r-nav:hover .on{ background:#fff; width:70px; height:30px; line-height:30px; border:1px solid #e9e9e9; border-bottom:0;}
.h-r-nav-list li a{font-size:12px;}
.h-r-nav-list li {width:50%;float:left;list-style-type:square;font-size:6px;color:#d01516;border-bottom:1px dashed #e9e9e9;}
@media ( max-width :794px) {
	.header {display: none !important}
}
/* menu */
.menu2{ position:relative; line-height:30px;margin-left:3px}
.menu2>span{ position:relative; float:left; width:72px; height:30px;line-height:30px; z-index:1; cursor:pointer;padding-left:10px;}
.menu2>ul{ border-top:0 none;line-height:24px;background-color:#fff;position:absolute; right:0; top:25px;border:1px solid #e9e9e9;border-top:0;display:none;}
.menu2:hover .submenu{ display:block;}
.menu2:hover>span{ background:#fff;height:30px; line-height:30px; border:1px solid #e9e9e9; border-bottom:0;width:70px;}
.submenu{
background:red;
}
.submenu li a{font-size:12px;margin-left:5px;}
.submenu li {width:70px;font-size:6px;color:#d01516;padding-left:5px;}

.left_menu{
background:#ffffff;
}

.left_menu li a i{
color:#d01516;
margin-right:10px;
}
.down{
font-size:8px;
}

.nav-top>li{position:relative;}
.nav-top>li:hover>ul{display:block;}
.nav-top>li>ul{position:absolute;display:none;border-top:2px solid #d01516;width:80px;background:#fff;padding:10px;z-index:99999;}
.nav-top>li>ul>li{margin-top:5px;}
/* index_page*/

.tscp{
font-size:19px;
border-top:solid 1px #b7b7b7;
width:100%;
padding:10px 0 10px 0; 
}
.tscp .more{
padding-right:5px;
font-size:15px;
}
.tv_hot {
    max-width:100%;
	height:180px;
	display:block;
	overflow:hidden;
}
@media (min-width:400px) {
.tv_hot {
	height:203px;
}
}
.mask2 {
    position: relative;
}
.tv_hot .mask2 {
height:203px;
}


.tv_hot .mask2 img {
max-width:100%;
display: block;
margin:0 auto; 
}
.mask2:hover img, .mask2:hover img,.mask2:hover img {
transform: scale(1.07);
transition: all 1s ease 0s;
-webkit-transform: scale(1.07);
-webkit-transform: all 1s ease 0s;
}
.page_main{
padding:0 5px;
}
.bg_font{
position:absolute;
bottom:0;
left:20px;
color:#ffffff;
z-index:1;
font-size:16px;
}
.bgcolor{
position:absolute;
bottom:0;
background:#59453c;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
width:100%;
height:45px;
}
.bgcolor:hover{
position:absolute;
bottom:0;
background:#bb2129;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
width:100%;
height:45px;
}
.in_zyyw{
width:330px;
margin:0 auto;
}

.small,.big,.small_2,.small_3{
float: left;
height:13em;
overflow: hidden;
margin: 0 auto 1%;
}
@media (min-width:400px) {
.small,.big,.small_2,.small_3{
height:13.2em;
}
}
.small{width:43%;}
.big{width:57%;}

.last_heigt{
height:6.5em;
}
.small_2{width:50%;}
.small_3{width:50%;}
.h10em{
height:8em;
overflow:hidden;
}
.in_news_zx li{
width:20em;
line-height:24px;
height:25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width:400px) {
.in_news_zx li{
width:23em;
}
}
/* Large screen and bigger */
@media (min-width: 1001px) {
.in_news_zx li{
width:23em;
}
}
.sp_img{
float:left;
display:block;
width:14px;
height:14px;
background:url(../img/lg_ship.png);
margin:6px 6px 0 0;
}

.footer{
width:100%;
margin:0 auto;
clear: both;
position: relative;
}
@media ( min-width:768px) {
.footer{
min-width:250px;
}
}
/*.footer .dizhi{
position: absolute;
top:30px;
}*/
@media ( max-width:960px) {
.footer .dizhi{
position: absolute;
top:30px;
}
}
.dizhi img{
max-width:100%;
}
.min_ewm{
display:none;
}
@media (max-width :980px) {
.dizhi ul li img{
display:none;
}
.footer_ad span{
display:block;
margin:5px 0;
}
.min_ewm{
display:block;
}
}
.footer_ad span{
margin-right:10px;
}

.footer ul{
height:70px;
padding-top:20px;
}
.footer ul li{
float:left;
width:50%;
box-sizing: border-box; border:5px solid rgba(0,0,0,0);
}
@media (min-width :750px) {
	.footer ul li{
	width:16.66666%;
	}
	.ewm img{
	width:86px;
	height:86px;
	position: relative;
	z-index: 1;
	top: -30px;
	left: 18px;
	max-width:50% !important;
	}
}
.ewm img{
	max-width:86px;
	max-height:86px;
	position: relative;
	z-index: 1;
	max-width:50% !important;
}
.lxwm{
width: 160px;
height: 38px;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
}
@media (min-width :960px) {
.lxwm{
top: -30px;
}
}

@media (min-width :600px) {
.ewm img{
max-width:80% !important;
}
}
@media (min-width :450px) {
.ewm img{
max-width:100% !important;
}
}
.ma_l40{
margin-left:20px;
}
.bold{
font-weight:700;
}
.line_bottom{
border-bottom:1px solid #d0d0d0;
}
.text_align{
text-align:center;
}