@charset "utf-8";
html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size:14px;
	font-family:微软雅黑;
	background:#fff;
}
form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}
a:link,a:visited {COLOR:#333;text-decoration:none}
a:hover {COLOR:#333;text-decoration:none;}
a:active {COLOR:#ff0000;text-decoration:none;}
ol,ul {list-style:none outside none;}
img {border:0;}
em,cite,i {font-style:normal;}
.styer { float:left;}
.clear { clear:both; margin:0px; top:0px}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
.clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {}
@font-face {
	font-family: 'VINYLREGULAR';
	src:url('fonts/VINYLREGULAR.eot');
	src:url('fonts/VINYLREGULAR.eot@#iefix') format('embedded-opentype'),
		url('fonts/VINYLREGULAR.woff') format('woff'),
		url('fonts/VINYLREGULAR.ttf') format('truetype'),
		url('fonts/VINYLREGULAR.svg#VINYLREGULAR') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*滚动条样式*/
::-webkit-scrollbar-track-piece {
width:5px;
background-color:#f0f0f0;
border-radius: 5px;
}
::-webkit-scrollbar {
width:5px;
background-color:#e40807;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
width:5px;
background-color:#4d4d4d;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
width:5px;
background-color:#009fe0;
border-radius: 5px;
}
.banner{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 99;
	text-align: center;
	margin: 0px auto;
	display: table;
}
#head{box-shadow:0px 0px 10px #999;}
.scrollbtn1 img{ display:block; margin:0 auto;}
.scrollbtn1{ animation:boticon 1s infinite;}
@keyframes boticon {
  0% {transform:translatey(-8px)}
  50% {transform:translatey(0)}
  100% {transform:translatey(-8px)}
}
@-webkit-keyframes boticon {
  0% {transform:translatey(-8px)}
  50% {transform:translatey(0)}
  100% {transform:translatey(-8px)}
}
@media screen and (min-width:1060px){
.scrollbtn1 { position: absolute; left: 50%; right: 50%; bottom: 2%; z-index:9999; margin-left:-10px;}
}
@media screen and (max-width:1060px){
.scrollbtn1{ display:none;}
}
@media screen and (max-width:640px){
#head{ height:auto; width:100%; height:50px; padding:12px 0; background:#fff; position:relative; z-index:99999; border-bottom:1px #ddd solid;}

}
@media screen and (min-width:640px){
#head{ height:132px; width:100%; background:#fff; position:fixed; z-index:99999;}
}

@media screen and (max-width:1600px){
.main-jiade{ display:block; margin:0 50px;}
#head .htitle{ display:none;}
}
@media screen and (min-width:1600px){
.main-jiade{ width:100%; max-width:1660px; margin:0 auto;}
}
#head .logo{ margin:19px 0; float:left;}
#head .htitle{ width:287px; height:48px; margin:42px 0 42px 20px; float:left; padding-left:20px; border-left:1px #a09f9c solid;}

.head-v3{ float:left; margin:24px 0 0 3%;}
@media screen and (max-width:1260px){
.head-v3{ display:none !important;}
}
.head-v3 .navigation-inner{ position:relative}
.navigation-up{height:60px;}
.navigation-up .navigation-v3{ float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left; width:108px; height:108px; line-height:100px; text-align:center; transition:.5s;}
.navigation-up .navigation-v3 li a{ font-size:17px; color:#666;}
.navigation-up .navigation-v3 .nav-up-selected{background:url(../images/navbg.png) center no-repeat; width:135px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:url(../images/navbg.png) center no-repeat; width:135px;}

.navigation-down{position:absolute; top:132px; left:0px; width:100%;}
.navigation-down .nav-down-menu{width:100%; margin:0;  background:url(../images/menu/navbg.jpg) #fdfdfd left bottom no-repeat; position:absolute;top:0px}
.nav-down-menu figure{max-width:1200px; padding:0 50px; margin:30px auto 0; overflow:hidden; padding-bottom:60px;}
.nav-down-menu figure dl{padding-right:50px; float:left; width:600px; height:260px; border-right:1px solid #e0e0e0; text-align:left;}
.nav-down-menu figure dl dt{font-size:20px; color:#555; line-height:60px; margin-bottom:15px; font-weight:700;}
.nav-down-menu figure dl dd{float:left; width:190px; margin-right:10px; margin-bottom:10px; line-height:35px;}
.nav-down-menu figure dl dd a{ background:url(../images/menu/d1.jpg) #fff no-repeat 20px center; padding-left:35px; font-size: 15px; transition:.5s; border:1px #efefef solid; border-top-left-radius:10px; border-bottom-right-radius:10px; display:block; color:#666; transition:.5s;}
.nav-down-menu figure dl dd a:hover{ background:url(../images/menu/d2.jpg) #fff no-repeat 24px center;  padding-left:39px; color:#009fe0; border:1px #009fe0 solid;}
.nav-down-menu figure article{float:right;}
.nav-down-menu figure article picture{width:460px; height:260px; overflow:hidden;}
.nav-down-menu figure article picture img{width:100%; display:block;}


#head .menu{ float:left; display:block; margin:24px 0 0 3%; display:inline;}
#head .menu li{ height:108px; float:left; line-height:100px; width:108px; text-align:center; transition:.5s;}
#head .menu li a{ display:block; font-size:18px;}
#head .menu li:hover{ background:url(../images/navbg.png) center no-repeat; width:135px; color:#009fe0;}
#head .menu li.lion{ background:url(../images/navbg.png) center no-repeat; width:135px; color:#009fe0;}
#head .menu li div{display:none; position:absolute; top:100%; left:0; width:100%; background:url(../images/menu/navbg.jpg) #fdfdfd left bottom no-repeat; border-top:1px #ddd solid;}
#head .menu li div figure{max-width:1200px; padding:0 50px; margin:30px auto 0; overflow:hidden; padding-bottom:60px;}
#head .menu li div figure dl{padding-right:50px; float:left; width:540px; height:260px; border-right:1px solid #e0e0e0; text-align:left;}
#head .menu li div figure dl dt{font-size:20px; color:#555; line-height:60px; margin-bottom:15px; font-weight:700;}
#head .menu li div figure dl dd{float:left; width:170px; margin-right:10px; margin-bottom:10px; line-height:35px;}
#head .menu li div figure dl dd a{ background:url(../images/menu/d1.jpg) #fff no-repeat 20px center; padding-left:35px; font-size: 13px; transition:.5s; border:1px #efefef solid; border-top-left-radius:10px; border-bottom-right-radius:10px;}
#head .menu li div figure dl dd a:hover{ background:url(../images/menu/d2.jpg) #fff no-repeat 20px center; color:#00eab7; border:1px #00eab7 solid;}
#head .menu li div figure article{float:right;}
#head .menu li div figure article picture{width:460px; height:260px; overflow:hidden;}
#head .menu li div figure article picture img{width:100%; display:block;}

@media screen and (max-width:1260px){
#head .menu{ display:none;}
#head{ position:relative !important;}
}
#head .trig{ background:url(../images/tel.jpg) #009fe0 left 20px top no-repeat; height:132px; width:16%; position:absolute; right:0; max-width:330px !important; min-width:260px !important;}

#head .trig_yy{ border:1px #fff solid; padding:5px 10px; line-height:20px; margin-top:20px; background:url(../images/sj.png) right 5px center no-repeat; width:70px; margin-left:30%; position:relative;}
#head .trig_yy a{ color:#fff; display:block;}
#head .trig_yy a img{ padding-right:6px;}
.yyan{display:none; z-index:99999; position:absolute; left:-1px; top:32px; width:82px; background:#fff; padding:10px 5px 5px;}
.yyan a{ height:26px !important; display:block; padding:3px 5px; color:#555 !important;}
#head .trig_tel{ width:142px; height:30px; padding-top:20px; text-indent:-9999em; background:url(../images/400tel.jpg) center top no-repeat; margin-left:25%; margin-top:12px;}
#head .trig_tel b{ color:#fff; }
@media screen and (max-width:640px){
#head .trig{ display:none;}
.main-jiade{ display:block; margin:0 10px;}
#head .logo{ margin:0; float:left;}
#head .logo img{ width:auto; height:50px;}
}
/*底部大图*/
#ind_bot{ display:block; position:relative;}

@media screen and (min-width:1660px){
#ind_bot{ height:660px; background:url(../images/botimg.jpg) center no-repeat; background-attachment:fixed; background-size:100%;}
#ind_bot img{ width:0px; display:none;}
}
@media screen and (max-width:1660px) and (min-width:960px){
#ind_bot{ height:460px; background:url(../images/botimg.jpg) center no-repeat; background-attachment:fixed; background-size:100%;}
#ind_bot img{ width:0px; display:none;}
}
@media screen and (max-width:960px){
#ind_bot{ height:auto; background:#fff;}
#ind_bot img{ width:100%; display:block;}
}
@media screen and (min-width:960px){
.ind_bot{ position:relative; z-index:999999; margin-top:-75px;}
.ind_bot .ind_bots{ background:#fff; height:110px; padding:20px 30px;}
.ind_bot .ind_bots div{ display:block; height:110px; overflow:hidden;}
}
@media screen and (max-width:960px){
.ind_bot{ display:block;}
.ind_bot .ind_bots{ background:#fff; height:auto; padding:20px 0px;}
.ind_bot .ind_bots div{ display:block;}
}

.ind_bot img{ width:25%; max-width:207px;}
.ind_bot .ind_bots img{ float:left;}

.ind_bot .ind_bots div img{ padding-right:25px; margin-right:25px; border-right:1px #ddd solid;}
.ind_bot .ind_bots div p{ line-height:27px; color:#555;}

/*首页优势1*/
#indys2{ display:block; background:url(../images/lineo.jpg) center repeat-y;}
.indys2{ position:relative; margin-top:-90px;}
.indys2bg{ background:#009fe0; padding:45px 0;}
.indys2bg ul li{ float:left; text-align:center; color:#fff; font-size:16px;}
.indys2bg ul li.lidb{ background:url(../images/linep.jpg) right top no-repeat;}
.indys2bg ul li span{  font-family:"VINYLREGULAR"; padding:0 10px;}
@media screen and (min-width:1360px){
.indys2bg ul li span{font-size:92px; line-height:85px;}
.indys2bg ul li{ width:25%;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.indys2bg ul li span{font-size:72px; line-height:75px;}
.indys2bg ul li{ width:25%;}
}
@media screen and (max-width:960px) and (min-width:640px){
.indys2bg ul li span{font-size:48px; line-height:65px;}
.indys2bg ul li{ width:25%;}
}
@media screen and (max-width:640px){
.indys2bg ul li span{font-size:28px; line-height:45px;}
.indys2bg ul li{ font-size:13px;}
.indys2bg ul li{ width:50%;}
.indys2bg ul li:nth-child(3){ margin-top:30px;}
.indys2bg ul li:nth-child(4){ margin-top:30px;}
.indys2bg ul li:nth-child(2).lidb{ background:none !important;}
}

/*footer*/
#footer{ background:#12151b; min-height:550px; position:relative; padding-top:10px; padding-bottom:35px;}
.fnav{ margin-top:120px; text-align:center; border-bottom:1px #2e252a solid; padding-bottom:40px;}
.fnav a{ font-size:16px; color:#aaa; padding:0 5px; line-height:30px;}
.fnav a:hover{ color:#009fe0;}
.fnav i{ color:#999; padding:0 2%;}
@media screen and (min-width:960px){
#footer{ margin-top:-75px;}

}
@media screen and (max-width:960px){
.fnav{ margin-top:10px;}
.fnav i{ display:none;}
.fnav a{  padding:0 2%; font-size:14px;}
}
.flixi{border-bottom:1px #2e252a solid; padding:30px 0;}
.flixi li{ width:17.5%; float:left; padding:0px 1% 0px 0%; border-right:1px #383838 solid; margin-left:1%; height:96px;}
.flixi li:last-child{ border-right:0;}
.flixi li.lxbg1{ background:url(../images/f1.png) left 10px top 8px no-repeat;}
.flixi li.lxbg2{ background:url(../images/f2.png) left 10px top 8px no-repeat;}
.flixi li.lxbg3{ background:url(../images/f3.png) left 10px top 8px no-repeat;}
.flixi li.lxbg4{ background:url(../images/f4.png) left 10px top 8px no-repeat;}
.flixi li.lxbg5{ background:url(../images/f5.png) left 10px top 8px no-repeat;}
.flixi li span{ display:block; padding-left:60px; line-height:42px; font-size:14px; color:#aaa;}
.flixi li p{ display:block; padding-left:60px; font-size:16px; color:#ccc; line-height:27px;}
.flixi li span.mtel{ font-size:24px; color:#009fe0; font-weight:700;}
.flixi li p b{font-size:14px; color:#009fe0;}
@media screen and (max-width:1600px){
.flixi li p{ padding-left:0;}
}
@media screen and (max-width:1360px){
.flixi li span{font-size:14px;}
.flixi li p{ font-size:13px;}
}
@media screen and (max-width:1200px){
.flixi{ display:none;}
}
.copyright{ text-align:center; line-height:35px; color:#aaa; padding:20px 0;}
.copyright span{ padding:0 15px; position:relative;}
.copyright span a{ color:#aaa;}
.copyright span a:hover{ text-decoration:underline;}
.wap_img{width:130px; height:160px; padding:5px; background:#fff; text-align:center; position:absolute; left:50%; bottom:125px; display:none; line-height:25px; z-index:999; margin-left:-70px;}
.wap_img img{ margin-bottom:5px; width:130px; height:130px; display:block;}
.wap_img .arrow{ width:0; height:0; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; left:60px; bottom:-10px;}
.wap.on .wap_img{ display:block;}
.wap.on a{ background:url(../images/wap.jpg) no-repeat left;}

.foot_fx{ text-align:center;}
.foot_fx span{ padding:0 10px;}

.linky{ padding:15px 0; font-size:12px; border-bottom:1px #2e252a solid; color:#999; margin-bottom:10px;}
.linky a{ color:#999; font-size:12px;}
#jiade_mytel{ position:fixed; right:0px; bottom:0px; z-index:99999999; padding:15px; background:#fff; border-top-left-radius:8px; box-shadow:0px 0px 10px #aaa;}
@media screen and (max-width:640px){
#jiade_mytel{ width:90%; padding:15px 5%;}
#jiade_mytel img{ width:100%;}
#footer{min-height: auto;padding-bottom: 10px;}
.fnav{margin-top: 0;padding-bottom: 10px;;}
.copyright span{padding: 0 5px;}
}