﻿/*
*样式初始化
*/
*{ 
	padding: 0; 
	margin: 0; 
} 
body{
	font-size:12px;
}
table{ 
	/*border-collapse: collapse; */
	border-spacing: 0; 
}
td{
	VERTICAL-ALIGN: top;
}
fieldset,img { 
	border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-weight: normal; 
	font-style: normal; 
} 
ol,ul,li{ 
	list-style: none; 
} 
caption,th { 
	text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;
	font-size: 100%; 
} 
q:before,q:after { 
	content:”; 
} 
abbr,acronym { 
	border: 0; 
}
a{
	font-size: 12px; font-family: "微软雅黑", Courier, monospace
}
a:link{
	color: #333333;
	text-decoration: none;
}
a:visited{
	text-decoration: none;
	color: #333333;
}
a:hover{
	text-decoration: none
	color: #4E667B;
}

a:active{
	text-decoration: none;
}

.wrap{
	width:990px;
	margin:auto;
}
.mt10{
	margin-top:10px;
}
.mb10{
	margin-bottom:10px;
}
.cleardiv{
	clear:both;
}
.FL{
	float:left;
}
.FR{
	float:right
}
.F14{
	font-size:14px;
}
.FB{
	font-weight:bold;
}
.normal{
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	color:#333;
	padding:0;
	margin:0;
	text-align:left;
}
.logo{
	clear:both;
	position: absolute;
	right: 47px;
	width: 200px;
	top: 58px;
	font-size: 48px;
	color: #FFFFFF;
	font-family: "微软雅黑", Century Gothic;
}
.logo font {
      
            font-size: 48px;
            
        }
        .logo font::before {
            content: attr(text);
            position: absolute;
            z-index: -1;
            text-shadow: 5px 5px 3px black;

}
.daohang{position: absolute;
   left:55px;
	width: 340px;
	top: 120px;
	}
	
	
.home{position: absolute;left:55px; width: 240px; bottom: 38px;
	}
.home a{ color:#CCCCCC; font-size:18px}
.home a:hover{ color:#fff; font-size:18px}

.jianyua{position: absolute;left:53px;  bottom: 168px; font-size:32px; color:#FFFFFF;  font-family:"微软雅黑"
	}
.jianyub{position: absolute;left:53px;  bottom: 98px; font-size:58px; color:#FFFFFF; font-family:"微软雅黑"; font-weight:100
	}
.gsjsen{
	position: absolute;
	right:53px;
	width:400px;
	bottom: 158px;
	font-size:14px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	padding-right: 50px;
	}
	.lxlogo{
	position: absolute;
	right:480px;
	width:77px;
	bottom: 450px;
	font-size:14px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	padding-right: 50px;
	}
	.gsjsenss{
	position: absolute;
	right:53px;
	width:400px;
	bottom: 100px;
	font-size:14px;
	color:#FFFFFF;
	padding-right: 50px; font-family: "微软雅黑", Century Gothic
	}
	@media ( max-width: 1200px) {
	.lxlogo{
	position: absolute;
	right:430px;
	width:77px;
	bottom: 405px!important;
	font-size:14px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	padding-right: 50px;
	}
	.gsjsenss{
	position: absolute;
	right:20px;
	width:380px;
	bottom: 58px!important;
	font-size:14px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	padding-right: 50px;
	}
	.gsjsen{
	position: absolute;
	right:53px;
	width:400px;
	bottom: 58px;
	font-size:14px;
	color:#FFFFFF;
	font-family:"微软雅黑";
	padding-right: 50px;
	}
}
	.gsjsen li{font-size:15px; color:#002855; padding-left:15px; width:350px; text-decoration: none;  line-height:18px;  padding-top:10px; padding-bottom:10px;}
	.gsjsen li a{ font-size:15px; color:#002855; text-decoration: none}
	.gsjsen li:hover{font-size:15px; color:#fff; padding-left:15px;text-decoration: none;   line-height:18px;  padding-top:10px; padding-bottom:10px; background-color:#2C486A;filter:alpha(opacity=80); /* IE */ -moz-opacity:0.8; /* Moz + FF */ opacity: 0.8;}
		.gsjsen li a:hover{ font-size:15px; color:#fff;}
.jawbone-hero .jawbone-hero-image {
	position:absolute;
	background:transparent none no-repeat scroll 50% 0;
	background-size:cover;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	z-index:-1
}
.jawbone-hero .jawbone-hero-images {
	position:absolute;
	background:transparent none no-repeat scroll 50% 0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	z-index:-1
}
.jawbone-hero {
	height:100%;
	min-height:550px
}
.jawbone-hero .jawbone-hero-image {
	position:fixed
}
.jawbone-hero .jawbone-hero-images {
	position:fixed
}
#h1.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design1.jpg)
}
@media (min-width: 600px) {
	#h1.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design1.jpg)
}
}
@media (min-width: 1016px) {#h1.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design1.jpg)
}
}

#h2.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design2.jpg)
}
@media (min-width: 600px) {
	#h2.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design2.jpg)
}
}@media (min-width: 1016px) {
	#h2.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design2.jpg)
}
}
#hwh.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design3.jpg)
}
@media (min-width: 600px) {
	#hwh.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design3.jpg)
}
}@media (min-width: 1016px) {
	#hwh.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design3.jpg)
}
}
#xmjs.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design4.jpg)
}
@media (min-width: 600px) {
	#xmjs.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design4.jpg)
}
}
@media (min-width: 1016px) {
	#xmjs.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design4.jpg)
}
}
@media (min-width: 600px) {
	#xmjshj.jawbone-takeover-minimulti .jawbone-hero-images {
	background-image:url(hjdesign4.jpg)
}
}
@media (min-width: 1016px) {
	#xmjshj.jawbone-takeover-minimulti .jawbone-hero-images {
	background-image:url(hjdesign4.jpg)
}
}
#xmjs6.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design6.jpg)
}
@media (min-width: 600px) {
	#xmjs6.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design6.jpg)
}
}@media (min-width: 1016px) {
	#xmjs6.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design6.jpg)
}
}
#xmlx.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design5.jpg)
}
@media (min-width: 600px) {
	#xmlx.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design5.jpg)
}
}@media (min-width: 1016px) {
	#xmlx.jawbone-takeover-minimulti .jawbone-hero-image {
	background-image:url(design5.jpg)
}
}
ul#menu{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 335px;
  line-height:35px; border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; border-left:#FFFFFF solid 2px; border-right:#FFFFFF solid 2px;
}
ul#menu  ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 335px;
}
ul#menu a {
  display: block;
  text-decoration: none; color:#ffffff; font-size:18px;  padding-left:25px
}

ul#menu ul li {
  margin-top: 0px;
     border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; line-height:35px
}
ul#menu ul li ul {
  margin-top: 0px;
     border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px;
}
ul#menu li {
  margin-top: 0px;
   border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px;
}

ul#menu ul li a {
  color: #ffffff;	
  padding: 0.5em; float:left; padding-right:15px; color:#FFFFFF; font-size:14px;
}
ul#menu li a{
 line-height:45px;
}

ul#menu li a:hover {
  background: #234A74; color:#FFFFFF;filter:alpha(opacity=80); /* IE */ -moz-opacity:0.8; /* Moz + FF */ opacity: 0.8; 
}


ul#menu li ul li a {
  color: #fff; margin-top:2px;  line-height:25px; background:#6C89AC; padding-left:50px
}

ul#menu li ul li a:hover {
  margin-top:2px; color:#006699; background:#6C89AC
 
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/*内容页css*/
.biaotiss{position: absolute;
   left:55px;
	width: 400px;
	top: 120px; font-size:18px; color:#ccc; font-family:"微软雅黑"
	}
	.biaotissa{position: absolute;
   left:55px;
	width: 400px;
	top: 380px; font-size:16px; color:#4D6988; font-family:"微软雅黑"
	}
.wenzhang{position: absolute;
   left:55px;
	width: 400px;
	top: 430px; font-size:14px; color:#4D6988; font-family:"微软雅黑"
	}
	@media ( max-width: 1600px) {
.biaotiss{position: absolute;
   left:55px;
	width: 400px;
	top: 70px; font-size:18px;
	}
	.biaotissa{position: absolute;
   left:55px;
	width: 400px;
	top: 250px; font-size:16px;
	}
.wenzhang{position: absolute;
   left:55px;
	width: 400px;
	top: 300px; font-size:14px; 
	}}
	
@media ( max-width: 1300px) {

.biaotiss{position: absolute;
   left:55px;
	width: 400px;
	top: 60px; font-size:18px;
	}
	.biaotissa{position: absolute;
   left:55px;
	width: 400px;
	top: 200px; font-size:16px;
	}
.wenzhang{position: absolute;
   left:55px;
	width: 400px;
	top: 250px; font-size:14px; 
	}}
	@media ( max-width: 1000px) {
.biaotiss{position: absolute;
   left:55px;
	width: 400px;
	top: 50px; font-size:18px; 
	}
	.biaotissa{position: absolute;
   left:55px;
	width: 400px;
	top: 150px; font-size:16px;
	}
.wenzhang{position: absolute;
   left:55px;
	width: 400px;
	top: 200px; font-size:14px;
	}}
	
	
.biaotissaqp{position: absolute; right:55px;
	width: 500px;
	top: 300px; font-size:16px; color:#fff; line-height:16px; font-family:"微软雅黑"
	}
.wenzhangqp{position: absolute;
   right:55px;
	width: 500px;
	top: 350px; font-size:14px; color:#fff; line-height:16px; font-family:"微软雅黑"
	}
	
	@media ( max-width: 1500px) {

	.biaotissaqp{position: absolute;
   right:55px;
	width: 500px;
	top: 280px; font-size:16px;
	}
.wenzhangqp{position: absolute;
   right:55px;
	width: 500px;
	top: 330px; font-size:14px; 
	}
	.home{position: fixed;left:55px; width: 240px; bottom: 28px;}
	.fanhui{
	clear:both;
	position: fixed;
	right: 11px;
	width: 80px;
	bottom: 28px;
	font-size: 14px;
	color: #4F6B8A;
	line-height:14px;
	font-family: "微软雅黑", Helvetica, sans-serif;
}}
	
	@media ( max-width: 1300px) {
	.biaotissaqp{position: absolute;
   right:55px;
	width: 500px;
	top: 250px; font-size:16px;
	}
.wenzhangqp{position: absolute;
   right:55px;
	width: 500px;
	top: 300px; font-size:14px;
	}
	.home{position: fixed;left:55px; width: 240px; bottom: 28px;
	}
	}
		@media ( max-width: 1000px) {
	.biaotissaqp{position: absolute;
   right:55px;
	width: 500px;
	top: 190px; font-size:16px;
	}
.wenzhangqp{position: absolute;
   right:55px;
	width: 500px;
	top: 240px; font-size:14px;
	}
	.home{position: fixed;left:55px; width: 240px; bottom: 18px;
	}
	.fanhui{
	clear:both;
	position: fixed;
	right: 11px;
	width: 80px;
	bottom: 18px;
	font-size: 14px;
	color: #4F6B8A;
	line-height:14px;
	font-family: "微软雅黑", sans-serif;
}}
		@media ( max-width: 800px) {
	.biaotissaqp{position: absolute;
   right:55px;
	width: 500px;
	top: 130px; font-size:16px;
	}
.wenzhangqp{position: absolute;
   right:55px;
	width: 500px;
	top: 180px; font-size:14px;
	}
	.home{position: fixed;left:55px; width: 240px; bottom: 8px;
	}
	.fanhui{
	clear:both;
	position: fixed;
	right: 11px;
	width: 80px;
	bottom: 8px;
	font-size: 14px;
	color: #4F6B8A;
	line-height:14px;
	font-family: "微软雅黑", sans-serif;
}}
