﻿
/* CSS Document */

#header{ background:url(../image/heardbg.jpg) no-repeat center top;}

.w_1300{max-width:1300px; margin:0 auto;position:relative;}


.header-top{ color:#fff;line-height:45px;}
.header-top a{color:#fff;}

.hd-topleft{ float:left;}
.hd-topleft span{ margin-right:10px;}
.hd-topright{ float:right;}
.hd-topright a{color:#ffffff !important; }

.header-mid{ position:relative; height:216px; background:url(../image/ship.png) no-repeat 425px 80px;}

.logo{ position: absolute; left:0; top:36px;}
.logo img{width:520px;}

.mz{ position:absolute; left:-12.5%; top:-20px; width:88px; height:175px; background:url(../image/mz.png) no-repeat left top;}

.menu-bg{ background:url(../image/menubg.png) no-repeat 1.5% top #094594; height:32px;}

.menu{background:#094594;line-height:60px; margin-top:-60px;}
.menu li{ float:left; width: calc(100% / 4); text-align:center; font-size:20px;}
.menu img{ width:30px; height:auto; vertical-align:middle; margin: 0 15px 3px 0; }
.menu .hsfw-img{ width:37px;}
.menu li a{ color:#fff; display:block;}
.menu li:hover  a,.menu li.current a{ background:#17277c;}


.search-wrap{
	position:absolute;
	right:160px;
	top:55px;background:rgba(255,255,255,0.2);
	width:360px; height:45px; border-radius:28px;
	border:2px solid #fff;
	box-sizing:border-box;
	padding:0 24px 0 26px;
}
.search-input{ float:left; width:calc(100% - 45px); height:40px; border:0; background:none; color:#000; font-size:16px;}
.search-botton{ display:block; float:right; line-height:40px; margin-top:8px;cursor: pointer;}

#pic{ position: absolute; width:27.5%;height:153px;right:-17.5%;top:30px; /*background:url(/fjmsacms/cms/templates/250626852062090000/images/by.png) no-repeat left top; background-size:contain;*/ }
.pic0{ background:url(../image/tbr-by01.png) no-repeat left top; background-size:contain; transition: 0.5s; }
.pic1{ background:url(../image/tbr-by02.png) no-repeat left top; background-size:contain; transition: 0.5s; }


/* ============input========= */
input {
	background: none;
	outline: none;
	border: none;
}

input::-webkit-input-placeholder {
	color:#000;
}

input:-moz-placeholder {
	color:#000;
}

input::-moz-placeholder {
	color:#000;
}

input:-ms-input-placeholder {
	color:#000;
}

/* =================@media================== */

@media screen and (max-width:1780px) {
	.mz{left:-8.5%;}
	#pic{width:23%;right:-7.3%;top: 36px;}
	
	.search-wrap{ width:235px; right:200px;}
	.search-input{ width: calc(100% - 32px); }
	
}

@media screen and (max-width:1500px) {
	.w_1300{max-width:1100px;}
	.search-wrap {width: 235px;right:250px;}
	.search-input { width: calc(100% - 32px); }
	#pic {width: 20%;right: -1.3%;top: 36px;}
	
	
}

.sj-top, .sj-caidan {
    display: none;
}

@media screen and (max-width:1000px) {
.mobile #header{ display:none;}
.mobile .w_1300{ max-width:100%; min-width:auto; }

.mobile .sj-top{ background:#f2fbff; display:block;}
.mobile .sj-top img{width:100%;height:auto;}

.mobile .sj-logo{ float:left; width:65%;}
.mobile .sj-logo img{ max-width:705px;}

.mobile .sj-menu{ float:right; width:10%; }

.mobile .top-icon{ float:right; margin:0 2% 0 0; width:4%;}

.mobile .sj-caidan{z-index:1; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%; top:0; display:none;}

.mobile .cd-wrap{ margin-left:52%; padding:0 15px; height:100%; background:#2d71d8;}

.mobile .cd-top{ padding-top:2%;}
.mobile .cd-lm{ float:left; line-height:36px; font-size:18px; color:#ffffff !important;}
.mobile .cd-lm a, .mobile .cd-lm a:visited{ color:#ffffff !important; }
.mobile .sj-close{ float:right;}
.mobile .sj-close img{ width:36px; height:auto;}

.mobile .sj-lm-wrap li{ font-size:18px; margin-bottom:10px;}
.mobile .sj-lm-title{ margin:20px 0; }
.mobile .sj-lm-title a, .mobile .lm-title a:visited{ color:#ffffff !important;}

.mobile .sj-lm-name{ float:left; width:100%; margin:0 0 10px 0; height:36px; line-height:36px; background:#E1EDFF; text-align:center;}
.mobile .sj-lm-name a{ color:#2D71D8 !important;}
}

/* 版本选择 */
@media screen and (min-width:1000px) {
.pc #header{ display:none;}
.pc .w_1300{ max-width:100%; min-width:auto; }

.pc .sj-top{ background:#f2fbff; display:block;}
.pc .sj-top img{width:100%;height:auto;}

.pc .sj-logo{ float:left; width:65%;}
.pc .sj-logo img{ max-width:705px;}

.pc .sj-menu{ float:right; width:10%; }

.pc .top-icon{ float:right; margin:0 2% 0 0; width:4%;}

.pc .sj-caidan{z-index:1; position:absolute; background:rgba(0, 0, 0, 0.5); width:100%; top:0; display:none;}

.pc .cd-wrap{ margin-left:52%; padding:0 15px; height:100%; background:#2d71d8;}

.pc .cd-top{ padding-top:2%;}
.pc .cd-lm{ float:left; line-height:36px; font-size:18px; color:#ffffff !important;}
.pc .cd-lm a, .pc .cd-lm a:visited{ color:#ffffff !important; }
.pc .sj-close{ float:right;}
.pc .sj-close img{ width:36px; height:auto;}

.pc .sj-lm-wrap li{ font-size:18px; margin-bottom:10px;}
.pc .sj-lm-title{ margin:20px 0; }
.pc .sj-lm-title a, .pc .lm-title a:visited{ color:#ffffff !important;}

.pc .sj-lm-name{ float:left; width:100%; margin:0 0 10px 0; height:36px; line-height:36px; background:#E1EDFF; text-align:center;}
.pc .sj-lm-name a{ color:#2D71D8 !important;}
}
/* 版本选择 end */
