@charset "utf-8";
@import url("page.css");
/* 
	: 2015-01-19
	: Beijing GFUVE Electronics Co.,Ltd.,
*/
* {	margin:0;padding:0;list-style:none;}
body {
	font-family: Arial, Calibri,Verdana,Helvetica, sans-serif;
	font-size: 13px;
	line-height:160%;
	color: #4a4a4a;
	background:#fff;}
div,p,img,ima a,span,ul,li{margin:0; padding:0; border:0}
ul,li{list-style:none;}

/*Links*/
a              { text-decoration:none;}
a:hover        { color:#005bac;text-decoration:underline;}
i              { font-style:normal;}
ins            { display: none;}
.block         { display:block;}
.clearfix      { clear:both;}
.floatL        { float:left; }
.floatR        { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.kg2   	       { text-indent:2em;}
.fB            { font-weight:bold;}
.fN            { font-weight:normal;}
.fC1           { color:#F00;}
.fTe1          { font-family:"hiragino sans gb","microsoft yahei";}
.fTe2          { font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;}
.fTe3          { font-family:Verdana,Geneva, sans-serif;}
.fTe4          { font-family:Calibri,Geneva, sans-serif;}
.fS10          { font-size:10px;} 
.fS11          { font-size:11px;} 
.fS12          { font-size:12px;} 
.fS13          { font-size:13px;} 
.fS14          { font-size:14px;} 
.fS15          { font-size:15px;} 
.fS16          { font-size:16px;} 
.fS20          { font-size:20px;}
.fS24          { font-size:24px;}
.fS30          { font-size:30px;}
.mt5           { margin-top:5px;}
.mt10          { margin-top:10px;}
.mt15          { margin-top:15px;}
.mt20          { margin-top:20px;}
.mt30          { margin-top:30px;}
.mt40          { margin-top:40px;}
.w980          { margin:0 auto; width:980px;}
.w150		   { width:150px;}
.w205          { width:205px;}
.w225		   { width:225px;}
.w245          { width:245px;}


h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 3.0em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }
.clear{	clear: both;height: 1px;/* IE HACK */font-size: 0px;line-height: 0px;}
.pc-show{display: block!important; width:100%; overflow:hidden}
.pc-hide{display: none!important;}

/*======================== www =======================*/
.wrap {width: 1020px;margin:0 auto; background:url(../_img/wrap.png) no-repeat top center;}
#header     { height:80px; position: relative}
#header_wrap{width:980px; height:80px; margin:0 auto;display:block;  overflow:hidden;}
#header ul.navilogo{ margin:0; padding:0;display:block;float:left; width:260px; height:80px; background:url(../_img/logo.png) no-repeat 10px center; }
#header ul.navilogo li{ width:260px; height:80px; display:block;float:left; margin:0; padding:0;}
#header ul.navilogo h1{ margin:0; font-size:10px;width:1px; height:1px; text-indent:-9999px;}

#header ul.naviwrap{ margin:0; padding:34px 0 0 0;height:44px;display:block;float:left; width:580px; }
#header ul.naviwrap li{ display:block; float:left; font-size:14px; text-transform:uppercase;}
#header ul.naviwrap li a{ display:block;margin:0 16px; padding:2px 8px;float:left; color:#666; font-weight:bold;}
#header ul.naviwrap li a:hover , #header ul.naviwrap li a.selected{color:#005bac;background:#e4e7ec;text-decoration:none;}
#header ul.naviwrap li a.tt{color:#005bac;}
#header ul.naviwrap li a img { display:none;}

#header ul.navicnen{ margin:0; padding:37px 0 0 0;height:42px;display:block;float:right; width:140px;}
#header ul.navicnen li {  display:block; float:left; font-size:8px;color:#666;}
#header ul.navicnen li a{ display:block; margin:0 10px;float:left;font-size:12px;color:#666;font-style:italic;}
#header ul.navicnen li a:hover{ color:#005bac; }

/*=dropmenu=*/
.dropmenu,.dropmenu div{ margin:0px; padding: 0px; position:absolute; left: 0; top:1px; list-style-type: none; border-bottom-width: 0; visibility: hidden; z-index: 100; }
.dropmenu ul{ margin: 0px; padding: 0px; left: 0; top: 0; list-style-type: none; position: absolute; white-space: nowrap; }
.dropmenu li{ display: inline; margin: 0px; padding: 0px;line-height:26px; }
.dropmenu li a{ display: block; color:#000; padding: 0px 8px; width:230px;margin:0px;background-color: #e4e7ec;border-bottom:1px solid #c4c7cc;}
.dropmenu li a:hover{ color: #005bac; font-weight:bold;background-color: #c4c7cc;text-decoration:none;}
.ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0px; width: 0; height: 0; display: block; }
/*======================== Flash =======================*/
#banner { width:980px; height: 350px; background:#ccc;border-bottom:3px solid #009943;}

#banner .b1{ width:980px;height:350px;background:url(../_img/flash_7.jpg) no-repeat top center;}
#banner .b2{ width:980px;height:350px;background:url(../_img/flash_2.jpg) no-repeat top center;}
#banner .b3{ width:980px;height:350px;background:url(../_img/flash_3.jpg) no-repeat top center;}
#banner .b4{ width:980px;height:350px;background:url(../_img/flash_4.jpg) no-repeat top center;}
#banner_nm {width: 980px;margin: -44px auto 44px auto;position: relative;z-index: 9998;}
#banner_nm .ban_pager {float: right;text-align: center;width: 245px;}
#banner_nm .ban_pager a { margin: 2px 5px; display: inline-block; color: #fff; width:15px; height: 15px; text-align: center; background: #eee; text-indent: -9999px;}
#banner_nm .ban_pager a:hover { background-color: #d3d3d3; }
#banner_nm .ban_pager a.activeSlide { background-color: #d3d3d3; color: #FFF; }
.transparency{background-color:#000000;float:right;height:350px !important;opacity:0.8;position:absolute;right:0;top:0;width:240px !important;z-index:55;}
.banner_content{color:#FFFFFF;height:374px;padding:0 10px;position:absolute;right:0;top:0;width:214px;z-index:60;}
.banner_content h2{color:#fff;text-decoration:none;margin:25px 0 15px 0;line-height:22px;}
.banner_content p{font-size:14px;margin:0px;font-weight:bold;}
.banner_content a{background-color:#009943;bottom:74px;color:#fff;display:block;float:left;font-size:14px;left:20px;padding:10px 15px;position:absolute;text-decoration:none;width:160px;}
/*======================== Index =======================*/
#index{ margin:0 auto; width:980px; padding:10px 0;}
#index .indexL{ float:left;width:715px; padding:20px 0 0 20px;}
#index .indexL dl{ float:left; margin-right:20px;}
#index .indexL dt{font-size:16px; color:#000;font-weight:bold; line-height:210%;}
#index .indexL dd{line-height:190%;}
#index .indexL dd.img{ height:85px;}
#index .indexL dd a{ color:#333;}
#index .indexL dd a:hover{ color:#000;font-weight:bold;text-decoration:none;}

#index .indexR{ float:right;width:245px;}
.BOXf3f3f3{ background:#f3f3f3; padding:15px 20px;}
.h3T{ margin-bottom:10px;font-size:15px; color:#000;font-weight:bold; border-bottom:1px solid #e0e0e0; line-height:180%;}
.h3T a{color:#000;}
.us p{ font-size:12px;color:#333; line-height:150%; margin-bottom:10px;}
.bgDown{padding:15px 20px;background:#f3f3f3 url(../_img/bgDown.jpg) no-repeat 180px 60px;}
ul.listA,ul.listB     {}
ul.listA li{ margin:5px 0;padding-left:12px;background:url(../_img/i2.gif) no-repeat 1px 7px;}
ul.listA li a{font-size:12px; color:#333; line-height:130%;}
ul.listB li  { margin:5px 0;padding-left:12px;line-height:12px;background:url(../_img/i2.gif) no-repeat 1px 4px;}
ul.listB li a{font-size:12px; color:#333; line-height:12px;}
ul.listB li a:hover{color:#000;font-weight:bold;text-decoration:none;}
/*======================== Footer =======================*/
#footer{ background:#ddd; padding:20px 0;}
.footerLeft{ width:615px; float:left; padding:7px 0 0 20px;}
ul.footMenu{ float:left; margin-right:2px;}
ul.footMenu li.title{color:#333;font-weight:bold; line-height:200%; }
ul.footMenu li.title a{color:#333;}
ul.footMenu li.link{ font-size:12px;line-height:150%;}
ul.footMenu li.link a{ color:#4c4c4c;}
ul.footMenu li.link a:hover{}
.footerRight{ width:340px; display:block; float:right;}

/* followUs */
.followUs {list-style: none;margin:0;padding:0;text-align: left;}
.followUs li {float:left;margin-right:7px;}
.followUs li a {display:block;width:35px; height:35px;}
.followUs li a:hover {background-position: bottom;}

.followUs li a.fa-facebook{  background-image:url(../_img/follow_01.png);}
.followUs li a.fa-pinterest{ background-image:url(../_img/follow_02.png);}
.followUs li a.fa-linkedin{ background-image:url(../_img/follow_03.png);}
.followUs li a.fa-twitter{ background-image:url(../_img/follow_04.png);}
.followUs li a.fa-youtube{ background-image:url(../_img/follow_05.png);}
.followUs li a.fa-tiktok{ background-image:url(../_img/follow_06.png);}
.followUs li a.fa-instagram{ background-image:url(../_img/follow_07.png);}
.followUs li a.fa-blogger{ background-image:url(../_img/follow_08.png);}
/* service */
#service{  
position:fixed !important;
top: 328px;/**/
left: 50%;
z-index:1; width:1px; }
#service p{ margin-bottom:2px; margin-left: 520px;}
.header-search{width:140px;margin-top:30px; position: absolute;right: 150px; z-index: 6;}
.header-search .result_wraper{ width:180px; overflow: hidden;height: auto; }
.header-search .result_wraper ul{background: #e4e7ec; max-height: 370px; overflow-y: auto; }
.header-search .result_wraper li{ line-height: 24px; font-size: 12px; color: #005bac;padding: 5px 10px; border-bottom: 1px solid #c4c7cc; }
.header-search .result_wraper li a{color: #005bac;}
.header-search #search{ width: 140px; height: 30px; line-height: 30px; border: 1px solid #ccc; background: url("/style/_img/search.png") no-repeat 120px center #fff;padding-left: 5px; border-radius: 5px;}
.header-search #search:focus{border: 1px solid #005bac;box-shadow: 0 0 5px #005bac;}
.header-search .result_wraper ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.header-search .result_wraper ul::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.header-search .result_wraper ul::-webkit-scrollbar-thumb
{
	background-color: #005bac;
}