/*-[ Framework ]--------------------*/
body{font-size: 15px;font-family:"微軟正黑體";color: #4d4d4d; line-height:28px;}

::-moz-selection{background:#333;color:white;text-shadow:none;}

::selection{background:#333;color:white;text-shadow:none;}

#page,.container {margin-right: auto;margin-left: auto;overflow: hidden;}

h1,h2,h3,h4,h5,h6{font-weight:normal;color: #777;}

.imgall{width:100%; display:block;}

.fl{ float:left}
.fr{ float:right;}

a{text-decoration:none;color: #505050;}
a:hover{color:#DE192D;}
a:link, a:visited, a:active{text-decoration:none;}

header{ }

/*-[ Main container ]---------------*/
.container{width:90%;min-width:300px;overflow:visible;margin-left:auto; margin-right:auto; max-width:1280px;}


/*-[ Header ]-----------------------*/
#logo{ float:left;width:30%;}
#logo img{width:100%; max-width:296px; display:block; margin-top:15px;}

  
.linkz{ height:auto;}
.linkz li{ background-image:url(../images/li.jpg); background-repeat:no-repeat; background-position:right; padding-left:10px; float:right;  padding-right:10px; }  

/***  logo與分享 ***/
#logo_right{float:right; width:70%;font-size:16px; position:relative;  z-index:999;}
.top_nav { float:right}
.top_nav li{ float:left; font-size:13px; background-color:#CB9A34; margin-left:10px; padding-left:7px; padding-right:7px; border-radius:5px; margin-top:15px;}
#top_nav_s{ background-color:#06699B; color:#fff;}
#top_nav_s a{ color:#fff;}
.top_nav li a{ color:#fff}
.tel{ margin-top:15px; border-top:solid 1px #8B93A8; color:#FDFFFE; font-size:24px; padding-top:10px; float:right;width:285px; display:none;}
/* Navigation */
nav#global{}

nav#global ul {display: table;text-align: center;margin: 0 auto;}
nav#global ul li {float:left;position: relative; display: inline;height:40px;line-height:40px;text-align:center;border:0px red solid; text-align:center;padding:0px 25px 0px 25px;}
nav#global ul li a{ display:block; color:#333; font-size:16px; }

nav#global ul li:hover{ background-image:url(../images/li2.jpg); background-repeat:no-repeat; background-position:bottom center;}
nav#global ul li a:hover{color:#CB9A34;} 


nav#global ul li:hover ul {display:block;z-index:9999}
nav#global ul li ul {
    position: absolute;top: 40px;left: 0px;width:180px;height:auto;background:#fff;opacity:0.98;display:none; background-image:url(../images/li3.png);  border:solid 1px #ccc;}
	nav#global ul li ul span{ position:absolute; top:-8px; background-image:url(../images/lin2.png); width:19px; height:8px; left:50px;}
nav#global ul li ul li {display: block;width:180px;height:auto; text-align: left;margin: 0 auto; padding-left:0px; padding-right:0px;border-radius:0px; padding-top:5px; padding-bottom:5px;}
nav#global ul li ul li a {color:#CB9A34;font-weight:normal;height:auto; line-height:20px;width:160px;  display:block; padding-left:10px; padding-right:10px; font-size:13px;}
nav#global ul li ul li:hover{ background-image:url(../images/li4.png); background-repeat:repeat; color:#fff;height:auto;line-height:25px; }
nav#global ul li ul li a:hover {color:#fff;font-weight:normal;height:auto;width:160px; padding-left:10px; padding-right:10px;}

.line{ height:30px;background-color:#152651; }

#header_wap{ display:none;}

.daohang{ background-color:#152651; height:50px;margin-top:10px;}


.xiaomenu2{ display:none; float:left; width:20%;}
.xiaomenu2 img{margin-left:10px; height:28px; margin-top:10px;}

.fenxiang2{ display:none; float:left; width:60%; text-align:center; color:#fff;margin-top:10px;  }


.fenxiang2 a{ color:#fff; font-size:13px; background-color:#CB9A34; margin-left:10px; padding-left:7px; padding-right:7px; border-radius:5px; list-style:none; padding:5px 6px 5px 6px;}

.xiaomenu{display:none; float:right;width:20%; text-align:right;}
.xiaomenu img{ padding-top:10px; display:block; float:right; margin-right:10px;}
/* menu */
.submenu{margin:0px;padding:0px; display:none; }
.submenu a{font-size:18px;text-align:center;display:block;background:#fff;border-top:1px solid #8B93A8;color:#CB9A34;padding:10px 20px 10px 20px;text-decoration:none; background-image:url(../images/li3.png); }
.submenu a:hover{color:#fff; background-image:url(../images/li4.png);}

.tel2{ margin-top:15px; border-top:solid 1px #8B93A8; color:#FDFFFE; font-size:24px; padding-top:10px; margin-left:auto; margin-right:auto; display:block; text-align:center; border-bottom:solid 1px #8B93A8; padding-bottom:10px; display:none;}

/****** 城市開始 ********************/
.city{ margin-top:100px; }
.city li{ width:21.25%; float:left; margin-right:5%;}
.city li img{width:100%; max-width:287px;}
.city li strong{ color:#CC9B35; margin-top:20px; font-size:24px; font-weight:lighter; text-align:center; display:block; }
.city li strong a{color:#CC9B35; }
/****** 城市結束 ********************/

/*** 為什麼選擇我們開始 ***********/
.why{ margin-top:80px; background-image:url(../images/bg_why.jpg); min-height:696px; color:#fff; font-size:15px;}
.why_title{ padding-top:100px; font-size:40px; color:#fff; text-align:center}
.why_left{ float:left;width:33%; margin-top:55px; font-size:18px;}
.why_left ul li{ background-image:url(../images/why_li.png); background-repeat:no-repeat; padding-left:30px; margin-bottom:30px;}
.why_right{ float:right;width:65%;margin-top:50px;font-size:15px; line-height:24px;}
/*** 為什麼選擇我們結束 ***********/


.product{padding-top:20px; }
.product dt{ color:#ae8b24; font-size:60px; font-weight:bold; text-align:center}
.product dd{}
.product dd ul{}
.product dd ul li{width:30%; margin-right:5%; float:left; text-align:center; background-color:#fff; border-radius:5px; margin-top:80px; box-shadow:0px 0px 8px #ccc;  }
.product dd ul li img{ margin:5%; display:block;width:90%;/* max-width:314px; */ margin-left:auto; margin-right:auto;}

#lr{margin-right:0px}
#lr3{margin-right:0px;}

/*** 聯絡我們***/


/******** 底部開始************/
footer{ margin-top:90px;}
.contact{ background-image:url(../images/contact_bg.jpg); min-height:921px;}

.cont_title{ float:left;width:20%; font-size:40px; color:#fff; margin-top:100px;}
.cont_right{ float:right;width:75%;margin-top:90px;}
.cont_right dl{}
.cont_right dl dt{background-image:url(../images/bg_c.png); padding-top:10px; padding-bottom:10px; margin-top:15px;}
	  
.cont_right dl dt span{ float:left; margin-left:15px;color:#fff;}	 
.cont_right dl dt input{ float:left; margin-left:15px; border:none; background-color:transparent; color:#fff; height:30px; line-height:30px; width:75%;} 
.cont_right dl dt textarea{ float:left; margin-left:15px; border:none; background-color:transparent; color:#fff; height:100px; line-height:20px; width:75%; overflow:hidden;} 
	  
.btn_contact{ float:right; background-color:#CC9B35; color:#fff; border:none; border-radius:5px; padding:8px 35px 8px 35px; font-size:18px; letter-spacing:5px; margin-top:25px; cursor:pointer}

.contactinfo{ margin-top:10px;}
.contactinfo ul{}
.contactinfo ul li{ float:left;width:47%; margin-right:6%;}

.contactinfo ul li dl{}
.contactinfo ul li dl dt{ color:#cc9a35; background-image:none; font-size:16px; padding-bottom:0px; margin-top:0px;}
.contactinfo ul li dl dd{ color:#fff; margin-top:0px; line-height:25px;}
	  
	  
	  

.copyright{ text-align:right;color:#fff; line-height:30px; padding-top:10px; padding-bottom:10px; background-color:#CC9B35;}

#top{ position:absolute; top:-30px; left:-10px;}

/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/


/************************** 主體開始************************************************/
.content{width:90%;min-width:300px;overflow:visible;margin-left:auto; margin-right:auto; margin-top:30px; max-width:1280px;}
/**標題**/

.title{ border-top:solid 1px #B8B8B8; border-bottom:solid 1px #B8B8B8;  line-height:50px; color:#B8973A }

.title h4{ float:left; margin-left:10px; font-size:24px; color:#B8973A; font-weight:bold;}
.title h4 a{ color:#B8973A; font-size:18px;}
.title h4 a:hover{ color:#DE192D}
.title span{ float:right; color:#013E6A; font-size:14px; margin-right:20px;}

.leirong{ margin-top:30px; margin-bottom:30px; line-height:30px;}

#wapcategory{ display:none;}

.brandyl{width:100%; height:54px; background-image:url(../images/li3.jpg); cursor:pointer; line-height:54px;text-align:left ; display:block; color:#152652; margin-left:auto; margin-right:auto; background-repeat:no-repeat; text-indent:30px; border-bottom:solid 1px #ccc; overflow:hidden;}

.brandyl:hover{ color:#000;}

.link{ margin-top:50px;}
.link h5{ color:#CB9936; font-size:36px;}
.link ul{ margin-top:20px;}
.link ul li{ float:left; margin-top:30px;width:16%; margin-right:5%;}
.link ul li img{ width:100%; max-width:229px; border:solid 1px #ccc;}

.pager{ padding-top:10px; padding-bottom:10px; 
	font-size: 12px; text-decoration:none; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px;}

.pager a{
	font-size: 12px; text-decoration:none; margin-left:5px; margin-right:5px;}
	
	
	
.pager span{ margin-left:5px; margin-right:5px;}

.news{}
.news li{}
.news li span{ margin-left:10px; color:#999}

@media screen and (max-width:1170px){
nav#global ul li {padding:0px 10px 0px 10px;}

#end_nav ul{ margin-left:8%;}
#end_nav ul li{  margin-right:8%;}
}


@media screen and (max-width:1035px){

#end_nav { display:none;}
.copyright{ border-top:none; margin-top:0px;}
footer{ margin-top:50px;}
#top{ display:block;}
}

@media screen and (max-width:980px){
#header_web{ display:none;}
#header_wap{ display:block;}
#logo{ float:none;width:90%; margin-left:auto; margin-right:auto; text-align:center; padding-top:5px;}
#logo img{width:100%; max-width:296px; display:block;margin-left:auto; margin-right:auto; }
.xiaomenu2{ display:block;}
.xiaomenu{ display:block;}
.fenxiang2{ display:block;}


#wapcategory{ display:block; margin-bottom:20px;}

.city{ margin-top:60px; }
.why{ margin-top:40px;}
.product dd ul li{ margin-top:40px;}

.cont_title{ font-size:30px; margin-top:85px; }

header{ min-height:300px;}

.why{ background-image:none; background-color:#212C4A}
.contact{ background-image:none; background-color:#212C4A}

}

@media screen and (max-width:768px){

.brandyl{width:90%;}

.city li{ width:100%; float:none; margin-right:0%; text-align:center;  margin-top:30px;}
.city li img{width:90%; max-width:287px;}
.city li strong{ color:#CC9B35; margin-top:10px; font-size:18px; font-weight:lighter; text-align:center; display:block; }
.product dd ul li{ margin-top:20px;}

.why{ margin-top:50px;min-height:696px;}
.why_title{ padding-top:50px; font-size:30px; color:#fff; text-align:center}
.why_left{ float:none;width:100%; margin-top:35px; font-size:18px;}
.why_left ul li{ margin-bottom:10px;}
.why_right{ float:none;width:100%;margin-top:30px;font-size:15px;}

.cont_title{ float:none;width:100%; padding-top:50px;}
.cont_right{ float:none;width:100%; margin-top:50px;}

.contactinfo ul li{ float:none;width:100%; margin-right:0%; padding-bottom:50px;}
.link ul li{ float:none; margin-top:30px;width:100%; margin-right:auto; margin-left:auto; text-align:center}


}

@media screen and (max-width:480px){
.city{ margin-top:30px; }
.product{padding-top:10px;}
.product dt{ font-size:30px;}
.product dd ul{ margin-top:20px;}
.product dd ul li{width:47.5%; margin-top:20px;}
#lr{ margin-right:5%;}
#lr2{margin-right:0px;}

.cont_title{ padding-top:30px; margin-top:0px;}
.cont_right{ margin-top:30px;}

footer{ margin-top:50px;}
}