/* CSS Document */
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0;}
a{cursor:pointer;text-decoration:none;}
input:focus,textarea:focus{ outline:0;}
textarea{ overflow:auto;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
body{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
h2,h3,h4,h5{ font-weight:normal;}
/* clear float */
.clearboth{ clear:both;}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
	display: block;
	font-size: 0;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
/**globle**/
.midbg{ position:relative;overflow:hidden;}
.midbg img{ position:relative; left:50%; margin-left:-960px; *display:block;}


.contactbox{padding:40px 0;}
.contactinfo{
	margin:0 auto;
	width:785px;
	font-size:14px;
	}
.contactinfo p{
	height:55px;
	line-height:55px;
	border-bottom:1px solid #000;
	text-align:center;
	}
.contactinfo span{ padding-left:35px;}
.tel{ background:url(../images/telico.jpg) no-repeat 0 center;}
.mail{ background:url(../images/mailico.jpg) no-repeat 0 center;}
.adress{ background:url(../images/adressico.jpg) no-repeat 0 center;}
.att{ width:220px; margin:35px auto 0;}
.att a{
	float:left;
	margin:0 12px;
	display:block;
	width:31px;
	height:30px;
	background-image:url(../images/atticos.png);
	}
.att2{ background-position:0 -30px;}
.att3{ background-position:0 -60px;}
.att4{ background-position:0 -90px;}
.att1:hover{ background-position:31px 0;}
.att2:hover{ background-position:31px -30px;}
.att3:hover{ background-position:31px -60px;}
.att4:hover{ background-position:31px -90px;}
.qrcode{position:absolute; right:0; bottom:0;}

/**base**/
.mid{ width:1000px; margin:0 auto;}
.midposition{ width:1000px; position:absolute; top:0; left:50%; margin-left:-500px;}
.relative{ position:relative;}
.hidden{ overflow:hidden;}
.hide{ display:none;}
body .bln{ border-left:none;}
body .brn{ border-right:none;}
.tar{ text-align:right;}
.vat{ vertical-align:top;}
.pt50pb60{ padding:50px 0 60px;}
.pt30pb35{ padding:30px 0 35px;}
.mb50{ margin-bottom:50px;}
html body .marginnone{ margin:0;}
.next{ background-position:right 0;}
.next:hover{ background-position:right bottom;}
.prev:hover{ background-position:0 bottom;}
.btn:active{
	transform:scale(.97);
	-moz-transform:scale(.97); 
	-webkit-transform:scale(.97); 
	-o-transform:scale(.97);
	zoom:.97;
	}
/*font*/
.fs12px{ font-size:12px;}
.fs14px{ font-size:14px;}
.fs15px{ font-size:15px;}
.fs16px{ font-size:16px;}
.lh25px{ line-height:25px;}
.c555{ color:#555;}
/**animation**/
.duration a,.duration li{
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s ; 
	-o-transition-duration: .5s;
	}
.duration300 h3,.duration300 h4{
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.fromLeftRotate {
	-moz-animation: fromLeftRotate .6s ease both;
	-o-animation: fromLeftRotate .6s ease both;
	-webkit-animation: fromLeftRotate .6s ease both;
	animation: fromLeftRotate .6s ease both;
}
@keyframes fromLeftRotate {
	from {transform: rotateY(-90deg);}
	to {transform:  rotateY(0deg);}
}
@-moz-keyframes fromLeftRotate {
	from {-moz-transform: rotateY(-90deg);}
	to {-moz-transform: rotateY(0deg);}
}
@-webkit-keyframes fromLeftRotate {
	from {-webkit-transform: rotateY(-90deg);}
	to { -webkit-transform:  rotateY(0deg);}
}
@-o-keyframes fromLeftRotate {
	from {-o-transform: rotateY(-90deg);}
	to {-o-transform:  rotateY(0deg);}
}
.toLeftRotate {
	-moz-animation: toLeftRotate .6s ease both;
	-o-animation: toLeftRotate .6s ease both;
	-webkit-animation: toLeftRotate .6s ease both;
	animation: toLeftRotate .6s ease both;
}
@keyframes toLeftRotate {
	from {transform:  rotateY(0deg);}
	to {transform: rotateY(90deg);}
}
@-moz-keyframes toLeftRotate {
	from {-moz-transform:  rotateY(0deg);}
	to {-moz-transform: rotateY(90deg);}
}
@-webkit-keyframes toLeftRotate {
	from {-webkit-transform:  rotateY(0deg);}
	to { -webkit-transform: rotateY(90deg);}
}
@-o-keyframes toLeftRotate {
	from {-o-transform:  rotateY(0deg);}
	to {-o-transform: rotateY(90deg);}
}
/*index*/
.h3style{
	font-size:18px;	
	text-align:center;
	}
.h3style div{
	width:290px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	border-bottom:2px solid #666;
	position:relative;
	bottom:-1px;
	}
.h3style span{
	padding-left:1em;
	font-family:Arial, Helvetica, sans-serif;
	}
.h3style1{color:#3e3e3e;border-bottom:1px solid #e4e4e4;}
.h3style1 div{border-bottom:2px solid #666;}
.h3style1 span{color:#686868;}
.h3style2{color:#FFF;border-bottom:1px solid #74be85;}
.h3style2 div{border-bottom:2px solid #FFF;}
.carousel li{ position:relative; left:-100%; display:none; float:left; width:1000px; margin-right:-100%;}
.carousel li.cur{ left:0; display:block;}
.h4style1{ font-size:24px; text-align:center; margin-bottom:35px;}

.toptop { position:absolute; width:100px; height:20px; color:#FFF; right:0; top:-26px; font-size:12px;}
.toptop a { color:#FFF}

.secnav2 { padding-top:10px; text-align:center;}
.secnav2 a { color:#333}