@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

/* main Styles */

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body {
  background: #fafafa;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0;
}


a { text-decoration: none; }

.container {
  width: 100%;
  margin: 0 auto;
}

h1 { text-align:center; margin-top:150px;}

/* Navigation Styles */

nav { background:#fff; width:100%; margin:0 auto; margin-top:10px;}

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  width:40%;
  margin-right:20%;/*1300px;*/
   float:right;
}

nav ul li {
  display: inline-block;
  position: relative;
  margin-right:40px;
}

nav ul li:last-child{margin-right:0px;}

nav ul li a {
  color: #999;
  display: block;
  font-size: 18px;
  padding: 15px 14px;
  transition: 0.3s linear;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
}

nav ul li a:hover{color:#000;}

nav ul li:hover {/*background:#CCC;*/}

nav ul li ul {
  border:solid 1px #CCCCCC;
  display: none;
  position: absolute;
  left:10%;/*-1300px;*/
  top:58px;
  width: 170px;
  z-index:999999;
}

nav ul li ul li {
  display: block;
}

nav ul li ul li:first-child { border-top: none;}

nav ul li ul li a {
  background: #fff;
  display: block;
  padding: 10px 14px;
  font-size:15px;
  width:168px;
  text-align:left;
}


nav ul li:nth-child(2) ul{width: 150px;}
nav ul li:nth-child(2) ul li a{width: 148px;}

nav ul li:nth-child(3) ul{width: 200px;}
nav ul li:nth-child(3) ul li a{width: 198px;}

nav ul li:nth-child(4) ul{width: 220px;}
nav ul li:nth-child(4) ul li a{width: 218px;}

nav ul li:nth-child(5) ul{width: 230px;}
nav ul li:nth-child(5) ul li a{width: 228px;}

nav ul li:nth-child(6) ul{width: 140px;}
nav ul li:nth-child(6) ul li a{width: 138px;}


nav ul li ul li a:hover { color:#000;}

nav .fa.fa-angle-down { margin-left: 6px; }


.hwrap{width:100%; margin:0 auto; /*margin-top:70px;*/}


#topm{position:fixed; top:0; left:0; width:100%; /*height:100%;*/}


*{margin:0; padding:0;}
ul{list-style:none;}

#wrapper{ width:100%; height:59px; /*position:relative;*/ border-bottom:1px solid #999;}

header{width:100%; margin:0 auto;}


*{box-sizing:border-box; margin:0; padding:0;}

.hbox1{ border-bottom:solid #CCC 1px; height:25px; display:block; max-width:100%; margin:0 auto;}
.hbox1 > div{line-height:25px; overflow:hidden; margin:0 auto; width:100%;}
.hbox1 ul{overflow:hidden; float:right;}
.hbox1 ul li{float:left; padding-right:20px; font-size:12px;}
.hbox1 ul li a{text-decoration:none; color:inherit;}

.hbox2{background:#FFF; height:58px; display:block; width:14%; margin:0 auto; float:left; margin-left:1%;}

.m_banner{padding-top:120px; margin:auto;}


#divpop{position:absolute; left:30px; top:130px; z-index:9999; visibility:hidden;}
#font{color:#000; text-decoration:none;}
#font:hover{color:#F03;}
.tdpop{background:#FFF;}


#photo1{width:100%; margin:0 auto;}
#photo1 img{width:100%;}


.header3{margin-top:100px;}


@media screen and (max-width:1200px){
	nav ul{width:74%; margin-right:0;}
	.header1{height:500px;}
	.header2{height:800px; margin-top:150px;}
	.header3{height:800px;}
	.header4{height:350px;}
	.m_banner img{width:100%;}
	.mlim{right:40%; top:100%;}
	#simg img{width:100%;}
}

@media screen and (min-width:1201px) and (max-width:1899px){
	.m_banner img{width:100%;}
	.mlim{right:40%; top:38%;}
}


@media screen and (min-width:1900px){
	/*.header2{height:1012px;}*/
	.m_banner img{width:auto;}
}