/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/
body{
	margin:0;
	border:0;
	width:100%;
	color: #274385;
	font-size: 14px;
	line-height:170%;
}
html{
	width:100%;
	height:100%;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
    overflow:hidden;
}
li{
	list-style: none;
}
a ,
a:hover{
	text-decoration: none;
	cursor: pointer;
	outline:none;
}
img{
	max-width:100%;
}
.pageh1{
	position:fixed;
	z-index:-99999;
	opacity:0;

}
input{
	-webkit-appearance:none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="submit"],
input[type="reset"],
input[type="button"],
select,
button {
-webkit-appearance: none;
}
select{
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-appearance:none;
background-image:url(/images/36/selectbutton.png);
background-repeat:no-repeat;
background-position:95% 50%;
}

/**
*
* =jumpDiv
*
**/
/* + 跳一  跳三
*----------------------------------------------------------------------------*/
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999;
}
#webSeo{
	overflow:hidden;
}
header{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 999;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.44) 0%,rgba(0,0,0,0) 100%);
}
.wrapper{
	overflow:hidden;
}
section{
	width:1160px;
	margin:0 auto;
	overflow:hidden;
}
#top-nav{
	background: #e29665;
	padding: 3px 0;
}
#top-nav section{
	text-align:right;
	color:#fff;
	font-size:14px;
}
#top-nav a,
.mainhead a,
.mainhead{
	color:#fff;
}
.mainhead{
    background: #ffffffcc;
    height: 119px;
}
.mainhead section{overflow: visible;}
.mainhead #cis{
	float:left;
	margin-top:15px;
	width: 220px;
}
.nav-func{
	display:none;
}
.mainhead .menu{
	margin-left: 7px;
	margin-top:-6px;
    float: left;
}
.headerTop .mainhead .menu{
	margin-left: 20px;
	margin: 0;
}
.mainhead .menu li{
	display:inline-block;
	margin: 20px 12px;
}
.mainhead .menu li a{
	background-image: url(/images/36/menu01.png);
    background-repeat: no-repeat;
    background-position: 50% 18%;
    display: block;
    width: 73px;
    height: 25px;
    padding-top: 60px;
    text-align: center;
    font-size: 16px;
	color: #525252;
}
.mainhead .menu li a:hover{
    -webkit-filter: drop-shadow(3px 3px 1px #ababab8a);
}
.mainhead .menu li:nth-child(2) a{
	background-image:url(/images/36/menu02.png);
	background-position: 50% 5px;
}
.mainhead .menu li:nth-child(3) a{
	background-image:url(/images/36/menu03.png);
	background-position: 50% 4px;
}
.mainhead .menu li:nth-child(4) a{
	background-image:url(/images/36/menu04.png);
}
.mainhead .menu li:nth-child(5) a{
	background-image:url(/images/36/menu05.png);
	background-position: 50% 10px;
}
.mainhead .menu li:nth-child(6) a{
	background-image:url(/images/36/menu06.png);
    background-position: 50% 5px;
}
.mainhead .menu li:nth-child(7) a{
	background-image:url(/images/36/menu07.png);
	background-position: 50% 5px;
}

.mainhead .top-order{
	float:right;
	padding: 15px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.top-order-phone{
}
.top-order-phone img{
	float:left;
}
.top-order p{
	text-align: center;
	margin-top: 10px;
}
.top-order .top-order-phone p{
	float: right;
    margin-left: 14px;
    margin-top: 16px;
}
.top-order .top-order-phone p a{
	display:block;    
	font-size: 18px;
}
.top-order .top-order-phone p.wechat {position: relative;}
.top-order .top-order-phone p.wechat span{
	display:none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 4545;
	padding-top: 10px;
}
.top-order .top-order-phone p.wechat:hover span{display:block;}
.top-order .top-order-phone p.wechat span img{
	max-width:150px;
}
.main-ordernow{
	background:rgba(255,255,255,0);
    position: relative;
    margin-top: -84px;
    z-index: 9;
    height: 84px;
    line-height: 84px;
}
.main-ordernow:hover,
.bodyTop .main-ordernow{
	background:rgba(255, 255, 255, 0.88);
}
.main-ordernow section{
	text-align:center;
}
.main-ordernow p{
	display:inline-block;
	margin: 0 20px;
}
.main-ordernow p img{
	-webkit-filter: drop-shadow(0px 0px 1px #fff);	
}
#alist{
	background-image:url(/images/36/ad-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-attachment:fixed;
	background-size:100%;
	padding: 146px 0 160px;
	position: relative;
    z-index: 2;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome, #alist {
		background-attachment:initial;
    }
}
#alist h2{
	margin-bottom:20px;
}
#alist .bxslider{
	text-align:center;
}
#alist .bxslider li{
	display:inline-block;
	text-align:center;
}
#alist .bxslider li a{
	display:block;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	margin: 5px;
}
#alist .bxslider li a img{
	display:inline-block;
	width:100%;
}
footer{
	background:#fff;
	padding: 40px 0;
	color:#343434;
	font-size:14px;
	position: relative;
    z-index: 2;
}
#footer-cis{
	text-align:center;
	width:100%;
}
#footer-qrcode{
	float:left;
	margin-right: 22px;
}
#footer-qrcode img{
	width:143px;
}
#webSeo{
	margin:30px 0;
}
#webSeo,
#webSeo div{
	overflow:hidden;
	transition:none;
}
.footer-info{
	overflow:hidden;
	margin-bottom: 30px;
}
.footer-info #row{
	float:left;
}
.footer-info #row p{
	line-height: 220%;
}
.footer-info #row p:first-child{
	font-size:16px;
}
.footer-info #row p a{
	color:#343434;
}
.footer-info .row{
	float:left;
	width: 258px;
    margin: 0px 100px;
}
.footer-info .row.rightfb{
	float: right;
	width: 308px;
    margin: 0;
}
.footer-info .row ul{
	border-bottom:1px solid #343434;
	padding: 0 15px 10px;
}
.footer-info .row li{
	display: inline-block;
    width: 49%;
	margin-bottom: 5px;
}
.footer-info .row li a,
#community p a{
	color:#343434;
}
#g-map{
	float:right;
}
#g-map iframe{
	width:268px;
	height:140px;
}
#community{
}
#community p{
	text-align:center;
}
#community p a{
	font-size:18px;
	display: inline-block;
    margin: 10px;
}
footer .info,
footer .info a,
footer .copy{
	text-align:center;
	color:#343434;
}
.phoneWrap{
	display:none;
}
#gotop{
	position: fixed;
    right: 20px;
    bottom: 30px;
    font-size: 40px;
    color: #fff;
    text-shadow: 0 0 10px #000;
	z-index: 9;
}
header.headerTop{
	background: #fff;
}
.headerTop .mainhead{
	padding:10px 0;
	height: 65px;
}
header.headerTop #top-nav{
	background: #f18b49;	
}
header.headerTop .mainhead .top-order{
	background: rgba(32,86,44,0);
}
header.headerTop .mainhead .menu li a,
header.headerTop .mainhead .menu li:nth-child(2) a,


header.headerTop .mainhead .menu li:nth-child(3) a,
header.headerTop .mainhead .menu li:nth-child(4) a,
header.headerTop .mainhead .menu li:nth-child(5) a{
	background: none;	
	padding: 0;
}
header.headerTop .mainhead #cis{
    margin-top: 0;
}
header.headerTop .mainhead #cis img{
	height: 60px;
}
header.headerTop .top-order >p{
	display:none;
}
header.headerTop .mainhead .top-order{
    padding: 7px 0;
}
header.headerTop .top-order .top-order-phone img{
    height: 34px;
    margin-top: -14px;
}
header.headerTop .top-order .top-order-phone p.wechat span img{    height: auto;
    margin: 0;}
header.headerTop .top-order .top-order-phone p a{
    display: inline-block;
    margin-left: 5px;
	font-size: 12px;	
}
@media screen and (max-width: 1280px) {
	.mainhead section{
		width:95%;
	}
	section{
		width:960px;
	}
	.mainhead{
	height: 100px;
	}
	header.headerTop .mainhead #cis img{
		height: 60px;	
	}
	.mainhead .menu li{
	    margin: 0 -3px;	
	}
	.mainhead .menu li a{
		padding-top: 40px;
		background-size: 30px;	
	}
	.mainhead .top-order{
		padding:10px;
	}
	.top-order .top-order-phone p a{
		font-size:16px;
	}
	.top-order p{
	    margin-top: 0px;	
	}
	.footer-info .row{
		margin: 0 0 0 50px;	
	}
	#alist .bxslider li{
		display: inline-block;
		width: 24%;	
	}
	.nav-func{
		display:block;
		position: fixed;
		font-size: 28px;
		top: 55px;
		z-index: 999;
	}
	.mainhead .menu,
	header.headerTop .mainhead .menu{
	    float: none;
		position: fixed;
		left: 0;
		top: 29px;
		left: 0;
		background: rgba(255, 255, 255, 0.76);
		margin: 0;
		width: 340px;
		display:none;
		height: calc(100vh - 29px);
	}
	.mainhead .menu >ul{
		height: calc(100vh - 150px);
		margin-top: 90px;
		overflow: auto;
	}
	.mainhead .menu li{
	    margin: 0;
		display: block;
		padding: 20px;	
		border-bottom: 1px dashed #0d3015;
		padding: 10px 20px;
	}
	.mainhead .menu li:first-child{
		border-top: 1px dashed #0d3015;
	}
	.mainhead .menu li:hover{
	    background: #f7d6c1;	
	}
	header .mainhead .menu li a, header .mainhead .menu li:nth-child(2) a, header .mainhead .menu li:nth-child(3) a, header .mainhead .menu li:nth-child(4) a, header .mainhead .menu li:nth-child(5) a, header .mainhead .menu li:nth-child(6) a, header .mainhead .menu li:nth-child(7) a{
		text-align: center;
		width: 100%;
		height: auto;	
		background: none;
		padding: 0;	
	}
	header.headerTop,
	header.headerTop .mainhead .menu{
	    background: rgba(255, 255, 255, 0.87);	
	}
	.mainhead #cis{
	    margin-top: 20px;
		margin-left: 50px;	
		position: relative;
		z-index: 99;
	}
	#footer-qrcode{
		width:100px;
	}
	.footer-info #row p{
		line-height: 170%;	
	}
	.footer-info .row.rightfb{
	    width: 258px;	
	}
	#alist{
	    background-attachment: initial;	
		background-size: cover;
		padding: 70px 0;
	}
}
@media screen and (max-width: 980px) {
	section{
		width:95%;
	}
	header{
		background: rgba(255, 255, 255, 0.87);
	}
	header .mainhead .top-order{
		background: rgba(32,86,44,0);
	}
	header .mainhead .menu li a,
	header .mainhead .menu li:nth-child(2) a,
	header .mainhead .menu li:nth-child(3) a,
	header .mainhead .menu li:nth-child(4) a,
	header .mainhead .menu li:nth-child(5) a,
	header .mainhead .menu li:nth-child(6) a,
	header .mainhead .menu li:nth-child(7) a{
		background: none;	
		padding: 0;
	}
	header .mainhead #cis,
	header.headerTop .mainhead #cis{
		margin-top: 0;
		margin-left: 45px;
	}
	header .mainhead #cis img{
		height:68px;
	}
	header .mainhead #cis h1 img{
		height: 50px;	
	}
	header .top-order >p{
		display:none;
	}
	header .mainhead .top-order,
	header.headerTop .mainhead .top-order{
		padding: 12px 0 0;
	}
	header .top-order .top-order-phone img{
		margin-top: -15px;
	}
	header .top-order .top-order-phone p a{
		display: inline-block;
		margin-left: 5px;	
	}
	#alist .bxslider li{
		display: block;
		width: 100%;
		margin-bottom: 20px;	
	}
	#alist h2{
		text-align:center;
	}
	.footer-info #row,
	.footer-info .row,
	#g-map,
	.footer-info .row.rightfb{
	    float: none;
		margin-right: 0;	
	}
	#footer-qrcode,
	.footer-info #row p{
		text-align: center;	
	}
	.footer-info .row,
	.footer-info .row.rightfb{
		margin:20px auto;
	}
	#g-map iframe{
		width: 100%;
		height: 200px;
	}

	#top-nav,
	header.headerTop #top-nav{
		background: #e29665;	
	}
	.mainhead{
		padding: 10px 0;
		height: 70px;
	}
	header.headerTop .top-order .top-order-phone p a,
	header .top-order .top-order-phone p a{
		font-size:14px;
	}
	#footer-qrcode,
	.footer-info .row ul{
		display:none;
	}
	#webSeo, #webSeo div{
		font-size:5pt;
	}
}
@media screen and (max-width:640px) {
	.main-ordernow p img{
	    height: 30px;	
	}
	.main-ordernow p:first-child img{
	    height: 25px;	
	}
	header .mainhead .top-order{
	    display:none
	}
	.mainhead .menu, header.headerTop .mainhead .menu{
		width: 100%;	
	}
	#top-nav section{
	    font-size: 12px;	
	}
	.bodyTop .phoneWrap{
		display:block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index: 9999;
	}
	.phoneWrap ul li{
		float: left;
		width: 50%;
		background: #343434;
		text-align: center;
		padding: 3px 0;
	}
	.phoneWrap ul li a{
		color:#fff;
	}
	header .mainhead #cis, header.headerTop .mainhead #cis{
	    float: none;
		margin: 0 auto;
		text-align: center;	
	}
}
@media screen and (max-width:480px) {
	#alist h2 img{
	    height: 40px;	
	}
	header.headerTop .mainhead #cis h1 img,
	header .mainhead #cis h1 img{
	    height: 35px;	
	}
	.nav-func{
	    top: 47px;	
	}
	.main-ordernow{
	    line-height: 40px;	
		background: rgba(255,255,255,0.7);
	}
	.main-ordernow p{
		display:inline-block;
	}
	.mainhead .menu li a{
		font-size:14px;
	}
	#top-nav a{
		font-size: 8pt;
		left: 100%;
	}
	.mainhead .menu li{
		padding: 7px 0;	
	}
}