﻿*{margin:0;padding:0; list-style:none;}
body{background:url(../images/head_bg.jpg) no-repeat top #fff;color:#333;font-size:14px;font-family:"微软雅黑"; background-size:100% 650px;}
body,form{margin:0;padding:0;}
input{vertical-align:middle;outline:none;}
textarea{vertical-align:top;outline:none;resize:none;}
img{border:0;outline:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#2268a0;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.dis{display:none;}
.mc{margin:0 auto;}
.b{border:1px solid #B0D4EC;}
#imgcode{cursor:pointer;}
@font-face {
/* font-test*/
font-family: fzltcxh;
src:url('../font/fzltcxh.ttf'); 
}

/*padding*/
.pt10{padding-top:10px;}
.p10{padding:10px;}
.p20{padding:20px;}

/*margin*/
.mt5{margin-top:5px;}
.mt30{margin-top:30px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}

/*color*/
.c9{color:#999;}

/*width*/
.w1200{width:1200px;margin:0 auto;}
.w900{width:900px;margin:0 auto;}

/*header*/
#header{margin:0 auto;height:75px;width:100%;}
header #logo{width:220px;padding-top:10px; height:50px; float:left; margin:0;}
header #logo a {display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat;}
header .tel {height:75px;width:130px;float:right;line-height:75px;color:#fff;font-size:18px;text-align:left;padding-left:50px;background:url(../images/tel1.png) no-repeat 13px 22px;}
/*nav*/
#nav{width:800px;margin:0;height:75px;float:left;}
.menu{margin:0 auto;padding:0;list-style:none;height:75px;line-height:75px;overflow:hidden;_float:left;width:800px;}
.menu li{float:left;overflow:hidden;padding:0;margin:0;}
header .menu li a{color:#fff;font-size:16px; text-align:center;width:112px;height:75px;line-height:75px;display:block;outline:none;
-webkit-transition:color 1s,background 1s;
	-o-transition-property:background,color;
	-o-transition-duration:1s,1s;
	-moz-transition-property:background,color;
	-moz-transition-duration:1s,1s;
	transition-property:background,color;
	transition-duration:1s,1s;}
header .menu li a:hover{color:#f40808;background:rgba(255,255,255,.8);}
header .menu .hover a{color:#f40808;background:rgba(255,255,255,.8);display:block;}
.menu .hover a span {display:inline;}
.menu li .subnav{margin:0;padding:0;width:112px;position:absolute;z-index:999;display:none;background:rgba(0,0,0,.8);}
.menu li .subnav dt {display:inline;width:112px;height:50px;padding:0px;}
.menu li .subnav dt a{display:block;width:112px;height:50px;text-align:center;color:#333;font-size:14px;line-height:50px;}
.menu li .subnav dt a:hover{color:#fff;background:rgba(0,0,0,.4);}


/* =Header
-------------------------------------------------------------- */
header {width: 100%;height:75px;z-index: 999;background:rgba(0,0,0,.4);-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s; }
header.smaller {height:75px;position: fixed;top: 0;left: 0;}


.page_news {width:100%;min-height:240px;background:#eee;padding-bottom:20px;}

.nav_topc {margin-top:15px;height:220px;}
.nav_topc .more {height:60px;line-height:30px;font-size:18px; font-weight:600;text-align:center;display:block;background:url(../images/more_bg.gif) no-repeat center bottom;}
.topcate{margin:0 auto;padding:0;list-style:none;display:table;}
.topcate li {float:left;*float:none;*display:inline;width:140px;height:130px;padding:5px;}
.topcate li a{display:block;width:140px;height:130px;text-align:center;color:#b7a473;font-size:14px;line-height:25px;}
.topcate li a:hover{color:#fff;}

#container{padding-top:20px;min-height:600px;_height:600px;background:#fff;margin-top:0px;width:100%;}
.footjpg {padding:40px 0;margin-top:80px;text-align:center;border-bottom:1px solid #ccc;}
.links {line-height:30px;padding:0;} 
.links a {margin-right:10px;}

/*foot*/
#footer{width:100%;background:#fff;color:#333;border-top:10px solid #ccc;margin-top:50px;}
#footer .copyright{line-height:30px;text-align:center;border-top:1px solid #ccc;padding:20px 0;}
#footer .tags {line-height:24px;text-align:center;width:1200px;margin:0 auto;}

.hidden{display:none}
.keBody{background:#333;}
/*基本框架CSS结束，应用特效时，以上样式可删除*/
/* 效果CSS开始 */
.msKeimgBox { margin: 0px auto; width:33%; overflow: hidden; position: relative;}
.msKeimgBox ul { width: 100%; }
.mskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important }
.mskelayBox { height:488px; width: 974px; margin-top: -251px; margin-left: -494px; position: fixed; left: 50%; top: 50%; border: 7px solid #FFF; z-index: 20; background: #FFF; display: none; _display:none!important }
.mskeClaose { position: absolute; top: -20px; right: -20px; cursor: pointer; }
.msKeimgBox ul li {margin: 0;cursor: pointer; text-align:center; font-size:16px; line-height:30px;}
.msKeimgBox2 { height: auto; }
/* 效果CSS结束 */
.contact {margin:0px 240px 20px 240px;text-align:center;font-size:16px;line-height:30px;}
.map_ico {display:block;width:100%;height:40px; background:url(../images/map_ico.png) no-repeat top center;}
.map_ico:hover {background:url(../images/map_ico.png) no-repeat bottom  center;}

/*list*/
.list_page{text-align:center;margin:10px;padding-top:50px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;}
.list_page ul a{color:#999;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;font-size: 16px;font-family: 'montserrat-regular',sans-serif; font-weight:600;}
.page_group ul{}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{color:#000;border-radius:0;}

.home_banner {height:500px;}
.banner {height:300px;text-align:center;}


.tit {height:90px;text-align:center;}
.tit h2 {font-family:fzltcxh; font-size:36px; font-weight:600; line-height:50px;}
.tit h1 {font-size:30px; font-weight:600; line-height:40px;}
.tit h3 {font-size:24px; font-weight:600; line-height:40px;}

.tit_contact {background:url(../images/tit_contact.gif) no-repeat center center;}

.toplist{margin:10px 15px;padding:0;list-style:none;}
.toplist li{line-height:36px;height:36px;}
.toplist li span{float:right;color:#999;}

.zixunfeilei {width:1200px; margin:0 auto;padding-top:50px;}
.zixunfeilei h1 {float:left;width:400px;font-size:36px;font-weight:400;}
.zixunfeilei ul {width:500px;float:right;text-align:right;}
.zixunfeilei li {float:left;width:120px;line-height:24px;height:24px;font-size:16px;text-align:center;background:url(../images/bullets.jpg) no-repeat top left;}
.zixunfeilei .on {background:#999;background:url(../images/bullets.jpg) no-repeat bottom left;}


/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #111;
}

figure.effect-julia img {
	max-width: none;
	height: 400px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;left:0;top:40%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;left:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d-service{top:34px;}
.suspension .d-service-phone{top:78px;}
.suspension .d-qrcode{top:122px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.class {text-align:center;clear:both;}
.class a {display:inline-block;height:110px;width:150px;text-align:center;}
.class a img {display:block;width:80px;height:80px;margin:0 auto;}
.class a:hover {border-bottom:2px solid #aaa;}