@charset "utf-8";
/* CSS Document */

body{margin: 0 auto; padding: 0;margin: 0;}
.a{text-decoration: none;}
.li{ list-style: none;}
.active{background-color:#044BAC; border-radius: 10px 10px 10px 10px; color: aliceblue;}

/*    ---------导航---------     */
.nav{width: 100%; height: 80px; background-color: cornflowerblue;}
.nav-1{width: 1300px; margin: 0 auto;}
.logo{width: 350px; float: left; line-height: 80px; font-family: "汉真广标"; font-size:24px;  color:#FFF; font-weight: bold;}
.naver{width: 850px;float: right;}
.naver a{ color:#FFF; text-decoration: none;}
.naver a:hover{color: aliceblue;}
.naver li{ list-style: none;float: left; height: 50px; line-height: 50px; text-align: center; padding:0px 10px;}
.naver li:hover{background-color:#044BAC; border-radius: 10px 10px 10px 10px; color: aliceblue;}

/*-----------banner-----------*/
.banner{width: 100%;height: 200px; background-color: burlywood;}
.banner1{width: 100%;height: 200px; background-color:chocolate;}
.banner-text{width:600px;position: relative;top:50px; left:300px; color: aliceblue; font-size: 24px;}
.banner-text p{font-family: "楷体"; font-size: 18px;}

.box{width: 100%;height: 700px;overflow: hidden;position: relative; top:-15px;left:-20px;}
.box-1 ul{}
.box-1 ul li{width: 100%;height:700px;position: relative;overflow: hidden; }
.box-1 ul li img{display:block;width: 100%; height: 700px;}

.box-2{position: absolute;right: 48%;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 20%;background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}


/*------------内容-------------*/
.conter{width: 100%; height: 100%; position:none;}
.conter p{text-align: center;}
.about{width:1200px; margin: 0 auto; height: 500px;}
.about-1{width:400px; height: 100%;float: left;  }
.about-1 img{width: 400px;}
.about-2{width: 697px;height: 400px;padding: 10px; float: right;}
.conter video{width: 800px; height: 500px;}
.conter-1{width: 1200px;height: 100%; margin: 0 auto;}
.conter-1 li{width: 350px; height: 350px; list-style: none; float: left;margin: 10px;}
.conter-1 li img{width: 350px; height:280px;}
.conter-1 li img:hover{transform: scale(1.01,1.01);}
.conter-1 a{color: #000; text-decoration: none;}
.conter-1 a:hover{color: dodgerblue;text-decoration: none;}
.conter-1 span{font-size: 14px; font-family: " 楷体"; color: #7B7B7B; float: right;}

.conter-2{width: 1200px;height: 100%; margin: 0 auto; text-align: left;}
.conter-2 p{text-align: left;}
.conter-2 li{width: 23%; height: 100%; list-style: none; float: left;margin: 10px; text-align: left;}
.conter-2 li img{width: 250px; height:320px;}
.conter-2 li img:hover{transform: scale(1.01,1.01);}
.conter-2 a{color: #000; text-decoration: none;}
.conter-2 a:hover{color: dodgerblue;text-decoration: none;}
.conter-2 span{font-size: 14px; font-family: " 楷体"; color: #7B7B7B; float: right;}


/*-------------------底部------------------*/
.footer{width: 100%; background-color: #000; height: 100%;  padding: 50px 0px;}
.footer a{color: #FFF; text-decoration: none;}

.foot{width: 1200px; margin: 0 auto; color: #FFF;position: relative; z-index: 1;}

.foot p{color: #FFF; text-align: center; }
.foot-1{float:inherit; margin: 0 auto;}
.foot-2{position: relative;float: none; width: 1200px; height: 100%; margin: 0 auto; text-align: center;}
.foot-2 p{color: #FFF; text-align: center; font-size:14px;}







.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col{
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
}
.col:first-child{
	margin-left:0;
}	
.span_2_of_4{
	width: 63.1%;
	padding:1.5%; 
}
.span_1_of_2 {
	width: 29.2%;
	padding:1.5%; 
}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	color:#555;
	display:block;
	font-size: 0.924em;
	padding-bottom:5px;
}
.span_1_of_2 h3 {
	text-transform: capitalize;
	font-size: 2.0em;
	color: #D02C2C;
}
.span_2_of_4 h3 {
	text-transform: capitalize;
	font-size: 2.0em;
	color: #D02C2C;
}
.contact-form input[type="text"],[type="password"],.contact-form textarea{
	font-size: 0.924em;
	font-family: 'Source Sans Pro', sans-serif;
	color: #555;
	padding: 8px;
	display: block;
	width: 98%;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	outline: none;
	-webkit-appearance: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	font-family: 'Source Sans Pro', sans-serif;
	cursor: pointer;
	padding: 8px 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	font-size: 1.2em;
	color: #fff;
	position: absolute;
	letter-spacing: 0px;
	right: 0;
	border: 1px solid #D02C2C;
	background: rgb(209,64,64);
	background: -moz-linear-gradient(top, rgba(209,64,64,1) 0%, rgba(210,58,58,1) 41%, rgba(208,51,51,1) 72%, rgba(208,44,44,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,64,64,1)), color-stop(41%,rgba(210,58,58,1)), color-stop(72%,rgba(208,51,51,1)), color-stop(100%,rgba(208,44,44,1)));
	background: -webkit-linear-gradient(top, rgba(209,64,64,1) 0%,rgba(210,58,58,1) 41%,rgba(208,51,51,1) 72%,rgba(208,44,44,1) 100%);
	background: -o-linear-gradient(top, rgba(209,64,64,1) 0%,rgba(210,58,58,1) 41%,rgba(208,51,51,1) 72%,rgba(208,44,44,1) 100%);
	background: -ms-linear-gradient(top, rgba(209,64,64,1) 0%,rgba(210,58,58,1) 41%,rgba(208,51,51,1) 72%,rgba(208,44,44,1) 100%);
	background: linear-gradient(to bottom, rgba(209,64,64,1) 0%,rgba(210,58,58,1) 41%,rgba(208,51,51,1) 72%,rgba(208,44,44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d14040', endColorstr='#d02c2c',GradientType=0 );
	box-shadow: 0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(219, 212, 212, 0.57) inset, 1px 2px 2px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(255,255,255,0.8) inset, 1px 2px 2px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.2) inset, 0 1px 1px rgba(255, 255, 255, 0.41) inset, 1px 2px 2px -1px rgba(0,0,0,0.3);
}
.contact-form input[type="submit"]:hover{
	background:#D02C2C;
}
.contact-form a{color: #000; text-decoration: none;}
.contact-form a:hover{color: dodgerblue;}