/* CSS Document */
*
{
margin:0;
padding:0;left
}

.head
{
margin:0 auto;
width:100%;
height:500px;
}

/* 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: 1000px;
  margin: auto;

}

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

/* Navigation Styles */

nav { background: #2ba0db;

 }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
   z-index:900;
}

nav ul li {
  display: inline-block;
  position: relative;
}

nav ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 15px 14px;
  transition: 0.3s linear;
   

}

nav ul li:hover { background: #126d9b; }

nav ul li ul {
  border-bottom: 5px solid #2ba0db;
  display: none;
  position: absolute;
  width: 250px;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block;
}

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

nav ul li ul li a {
  background: #373737;
  display: block;
  padding: 10px 14px;
}

nav ul li ul li a:hover { background: #126d9b; }

#slideshow {
  margin:-10px auto;
  position:relative;
  width:100%;
  height: 500px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.pro
{
margin:-100px auto;
width:1160px;
height:300px;
background-color:#663399;

}

.v1
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:30px;
}
.v2
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.v3
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.v4
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.pro1
{
margin:-100px auto;
width:1160px;
height:1500px;
background-color: #FFFFFF;
}
.v5
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:30px;
}
.v6
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.v7
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.v8
{
float:left;
width:260px;
height:300px;
box-shadow:5px 0px 2px 2px;
margin-left:10px;
}
.read
{
 background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd); 
  margin-top:20px;
  border-radius:10px; 
}

.pro2
{
margin:0 auto;
width:1060px;
height:600px;
border-radius:500px 0px 500px 0px;
margin-top:200px;
}
.lef
{
float:left;
width:960px;
height:auto;
background-color:#99FF00;
box-shadow:2px 3px 3px 4px;
font-size:24px;
}
.lefta
{
float:left;
font-size:24px;
color:white;
}
.righta
{
float:right;
font-size:24px;
color:white;
}
.head_fnt
{
font-size:36px;
color:#FFFF00;
}

.footer
{
margin:0 auto;
width:100%;
height:40px;
background-color:#666666;
clear:both;
}