*{margin:0;padding:0; list-style:none;}
body{background:#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:#000;text-decoration:none;}
a:hover{color:#ec5858;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.dis{display:none;}
.mc{margin:0 auto;}
.b{border:1px solid #B0D4EC;}
#imgcode{cursor:pointer;}

/*padding*/
.pt10{padding-top:10px;}
.p10{padding:10px;}
.p20{padding:20px;}

/*margin*/
.mt5{margin-top:5px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}

/*color*/
.c9{color:#999;}

/*width*/
.w1300{width:1300px;margin:0 auto;}
.w900{width:900px;margin:0 auto;}

/*header*/
#header{margin:0 auto;height:80px;width:100%;}
header #logo{width:190px;padding-top:10px;height:60px;float:left;margin:0;}
header #logo a {display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat;}
/*nav*/
#nav{width:600px;margin:0 20px;height:80px;float:left;}
.menu{margin:15px auto;padding:0;list-style:none;height:50px;line-height:50px;overflow:hidden;_float:left;width:600px;}
.menu li{float:left;overflow:hidden;padding:0;margin:0;}
header .menu li a{color:#fff;font-size:18px; text-align:center;width:112px;height:50px;line-height:50px;display:block;outline:none;border-radius:10px;
-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;}
.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;border-radius:0px;background:rgba(0,0,0,.8);border-bottom:1px dotted #666;color:#fff;}
.menu li .subnav dt a:hover{color:#fff;background:rgba(0,0,0,.5);}
.nav_1 {text-align:center;height:20px;}
.nav_1 a {margin:0 18px;color:#fff;font-size:12px;}

.search {float:right;}
.search .top_nav {display:none;width:90px;height:80px;position:absolute;z-index:999;background:#FFF;}
.search .top_nav a {display:block;line-height:40px;height:40px;text-align:center;font-size:16px;}
.search .ver {display:inline-block;float:right;width:90px;height:26px;line-height:26px;padding:0;text-align:center;font-size:18px;color:#fff;margin-top:25px;}
.search .ver img {vertical-align:middle;margin-right:5px;}
.search .ver:hover .top_nav {display:block;}

/* =Header
-------------------------------------------------------------- */
header {width: 100%;height:80px;z-index: 999;background:none;-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:80px;position: fixed;top: 0;left: 0;background:rgba(0,0,0,.8); transition: 0.5s 0.3s;}

.home_title {height:80px;color:#000;}
.home_title1 {height:80px;color:#fff;}
.home_title h1,.home_title1 h1 {font:100 48px/77px "微软雅黑";border-bottom:3px solid #ec5858; display:inline-block;}
.home_title2 {height:80px;color:#000;text-align:center;}
.home_title2 h1 {font:100 48px/80px "微软雅黑";}

.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:0;min-height:600px;_height:600px;background:#fff;top:400px;width:100%;position:absolute;}
.links {line-height:30px;padding:15px 0;height:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;} 
.links a {margin-right:20px;}

/*foot*/
#footer{width:100%;height:250px;background:url(../images/footer.jpg) center;color:#333;margin-top:50px;color:#fff;}
#footer a {color:#fff;transition: 0.2s 0.1s;padding:5px;}
#footer a:hover {color:#ec5858;}
#footer .copyright{line-height:30px;text-align:center;padding-top:20px;}
.foot_menu ul, .foot_menu li {margin:0;padding:0;list-style:none}
.foot_menu ul {padding:40px 0;height:40px;}
.foot_menu li {float:left;display:inline-block;width:260px;text-align:center;}
.foot_menu li a {font:700 18px/40px "微软雅黑";}
.hidden{display:none}

.contact {margin:0px 240px 20px 240px;text-align:center;font-size:16px;line-height:30px;}

/*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;}

.banner {height:400px;background:url(../images/banner_02.jpg) top center;text-align:center;position:absolute;top:0;left:0;width:100%;z-index:-1;}
.header_bg {background:url(../images/head_bg.png) repeat-x;height:320px; z-index:5;position:absolute;width:100%;top:0px;}


.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:1300px; 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 {display:inline-block;width:126px;line-height:30px;height:36px;font-size:18px;text-align:center;margin-left:20px;}
.zixunfeilei li a {display:block;width:120px;border:3px solid #ec5858;height:30px;transition: 0.5s 0.2s;}
.zixunfeilei li a:hover {background:#ec5858;color:#fff;}
.zixunfeilei .on a {background:#ec5858;color:#fff;}


/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #fff;
}

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.6;
	-webkit-transform: scale3d(1.2,1.2,1);
	transform: scale3d(1.2,1.2,1);
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right: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;right: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:0px;}
.suspension .d-qrcode{top:0px;}
.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;}


.column {
	width: 240px;
	padding: 0;
	min-height: 300px;
	position: relative;
	display:inline-block;
	margin-top:10px;
	margin-right:30px;
}

.column:nth-child(2) {
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
	font-weight: 300;
	font-size: 16px;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

.column a {
	border: 3px solid #b4c7da;
	padding: 0;
	display: inline-block;
	margin:0;
}

.column a:hover {
	border-color: #fff;
}


/*Search*/
.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width:40px;
	height:40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 40px;
	border: none;
	outline: none;
	background:none;
	border:1px solid #fff;
	border-radius:10px;
	width: 80%;
	height:40px;
	margin: 0 ;
	z-index: 10;
	padding: 0px 15px 0px 15px;
	font-size: 16px;
	color: #fff;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	display:block;
	border-radius:10px;
	background:url(../images/search.png) no-repeat center;
	z-index: 90;
	speak: none;
	width:40px;height:40px;
}


/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background:url(../images/search.png) no-repeat center;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}