/* CSS Document */
ol, ul, li, dl, dd, p, dt {list-style:none; margin:0px ; padding:0px; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-weight:normal;}
body{font-size:13px; color:#7d7d7d;line-height:25px;  margin:0 auto;-webkit-text-size-adjust:none;font-family: "微软雅黑";}
input{ font-family: "微软雅黑";}
img{ border:0px;}
i{  font-style:normal; font-family:"宋体"}
form{padding:0px; margin:0px;}
a{ text-decoration:none; color:#666; }
a:hover{ 
transition:all .2s ease-in 0s;
-webkit-transition:all .2s ease-in 0s;
-moz-transition:all .2s ease-in 0s; }
input {outline: none;}
textarea {outline: none;}
.center{ text-align:center;}  
.clear{ clear:both; }
.fl{ float:left;}
.fr{ float:right;}
.h50{ height:50px;} 
.mar_l20{ margin-left:20px;}
.mar_l23{ margin-left:23px;}
/*返回顶部*/
.side-btns-wrap{width:50px;left: 50%; margin-left:620px;position: fixed;bottom: 60px; _position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-100);z-index:100;visibility: hidden;}
.side-btns-top{width:50px;height:50px;}
.side-btns-top a { height: 50px; width: 50px;background: url(../img/TOP.gif) no-repeat;  filter:Alpha(Opacity=35);  overflow:hidden; display:block; text-indent:-999em; cursor:pointer;}




.mar_t30{ margin-top:30px;}
.bannerBox{width:1200px; margin:0px auto;}
.top_width{width:1200px; margin:0px auto;}
.width{ width:1200px; margin:0px auto; overflow:hidden}
.topbg{ background:#f5f5f5; height:40px; line-height:40px; min-width:1200px; font-size:12px; overflow:hidden}
.hy{ float:left;}
.tel{ background:url(../img/icon01.png) no-repeat 20px center #e9e9e9; padding-left:50px; padding-right:20px; float:right}
.tel span{ font-weight:bold; color:#ff5a00; font-size:13px}
.topmenu{ float:right; padding-right:20px;}
.topmenu i{ padding:0px 10px; color:#ccc; }
.topmenu a{ color:#999999}  
.topmenu a:hover{ color:#ff5a00}  

.logo{ float:left; padding-top:20px;}


.nav{ float:right; font-size:16px; width:770px;} 
.nav ul{}
.nav ul,.nav li{margin:0; padding:0; list-style:none; }
.nav li.navli{ float:left; position:relative; z-index:99999;}
.lia{ height:88px;display:block; color:#333333;  text-transform:uppercase; text-decoration:none; width:110px; text-align:center; }
.navli .span{ height:88px; line-height:88px; display:block; text-align:center; cursor:pointer;}
.inspan{ color:#ff5a00}

.adiv{ display:none; background: url(../img/p03.png) repeat;color:#fff; position:absolute; z-index:9999; width:130px; }
.adiv li{ line-height:35px; background:url(../img/icon51.png) repeat-x top; text-align:center}
.adiv li a{ color:#fff; font-size:13px; padding:0px 20px; display:block}
.adiv li a:hover{ text-decoration: none; background:url(../img/p03.png) repeat;}


#sddm{ float:right;height:30px;line-height:30px; font-size:12px;	position:relative; z-index:99999; padding-top:38px; padding-left:10px;} 
.bg{float:right;width:30px;text-align:center; background: url(../img/xin_15.gif) no-repeat right;}
.bg a{display: block;	color:#000;	text-decoration: none}

#m4{position: absolute; right:0px; top:88px;visibility: hidden;background:#ff5a00;z-index:999999; width:250px; height:40px;	}
#m4 input{ background:#FFF; width:220px; height:30px; border:none; margin-top:5px;  color:#999; padding:0px 10px;}
		

/*banner*/
.slider {position: relative; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; min-width:1200px;  }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width:100%; border: 0; }
.caption{width: 56%;position: absolute;top: 25%;left: 20%;text-align:center;}

.callbacks_tabs a:after {content: "\f111";font-size: 0;visibility: visible;display: block;height:10px;width:10px; border:2px solid #FFF;display: inline-block;border-radius:50%;}
.callbacks_here a:after{background:#fff; border:2px solid #fff}
.callbacks_tabs a{visibility:hidden;}
.callbacks_tabs li{display:inline-block;}
.callbacks_tabs.callbacks1_tabs {position: absolute;bottom: 10px;z-index: 999;left:45%;}



/*HIFI影音商城*/
.baise{ padding:80px 0px; min-width:1200px;}

.in_t{ background:url(../img/t01.png) no-repeat center center; text-align:center; font-size:35px; color:#333333; margin-bottom:20px; height:33px; line-height:33px}
.in_f{ text-align:center; font-size:13px; color:#666666; padding-bottom:20px;}
.in_t a{ color:#333}

/* 标准盒模型 */ 
.ttl{height:18px;} 
.ctt5{clear:both; overflow:hidden}
.w936{clear:both;width:1200px; margin:0px auto;} 
.tb_{ text-align:center;  height:35px; line-height:35px; color:#fff; font-size:14px; font-family:"微软雅黑"; } 
.tb_ a{ text-align:center;cursor:pointer; display:inline; padding:8px 25px; }
/* 用于控制显示与隐藏的css类   */ 
.normaltab { background:#FFF; color:#333333; border:1px solid #e1e1e1;font-weight: bold;} 
.hovertab { background:#ff5a00; border:1px solid #ff5a00;color:#fff;    text-align:center; font-weight: bold;} 
.dis{display:block;} 
.undis{display:none;} 

.cplist{ width:1240px; }
.cplist ul{}
.cplist li{ float:left; padding-right:20px; padding-top:20px;}
.cplist li span{ width:283px; height:269px; border:1px solid #e8e8e8; display:block}
.cplist li .cpbt{  text-align:center; background:#e8e8e8;line-height:20px;color:#333; padding:10px 0px;display:block }
.cplist li:hover span{border:1px solid #ff5a00; }
.cplist li:hover .cpbt{ background:#ff5a00; color:#FFF }
.cplist li:hover .cpbt  h2{ color:#FFF}
.cplist li .cpbt h2{ display:block; color:#ff5a00  }



/*HIFI家庭影院音响网*/
.yxwbg{ background:url(../img/g01.jpg) no-repeat center top #000; min-width:1200px; padding:50px 0px; height:152px; overflow: hidden}
.in_t01{ background:url(../img/t02.png) no-repeat center center;  text-align:center; font-size:35px; color:#fff;margin-bottom:20px;height:33px; line-height:33px}
.in_f01{ text-align:center; color:#FFF; padding-top:10px; line-height:26px;}

/*推荐案例*/

.huise{ padding:80px 0px; background:#f5f5f5; min-width:1200px; overflow: hidden}
.caselist{ width:1220px;}
.caselist ul{}
.caselist li{ float:left; width:386px; height:245px; position:relative; padding-right:20px; padding-top:20px;}
.caselist li .case_f{ background: url(../img/p03.png) repeat; position:absolute; bottom:0px; left:0px; width:386px; padding:5px 0px; line-height:20px; color:#FFF; text-align:center;}
.caselist li .case_f span{ display:block; color:#ff5a00}
.caselist li:hover .case_f{ background:#ff5a00; color:#FFF}
.caselist li:hover .case_f span{ color:#FFF}

/*推荐产品*/
.tjcp01{ width:400px; height:330px; position:relative; margin-top:20px; float:left;}
.tjcp02{ width:280px; height:330px; position:relative; margin-top:20px; float:left; margin-left:15px;}
.tjcp03{ width:210px; height:160px; position:relative; margin-top:20px; float:left; margin-left:15px;}
.tjcp04{ width:210px; height:160px; position:relative; margin-top:10px; float:left; margin-left:15px;}
.tjcp_f{ background:url(../img/p03.png) repeat; position:absolute; height:40px; line-height:40px; text-align:center; width:100%; bottom:0px;color:#FFF}

.tjcp_r{ width:210px; float:right;}
/*资讯*/
.focus{ position:relative; width:600px; height:390px; background-color: #000; float: left; margin-top:20px;}  
.focus img{ width: 600px; height: 390px;} 
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:45px; line-height: 45px; background: url(../img/p03.png) repeat;display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:17px; font-weight:bold; overflow:hidden; margin-left:20px; }  

.focus .fbg{bottom:25px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:17px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin-left:5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff5a00;}    
.focus .D1fBt i{display:none; }  


.zx_r{ width:560px; height:390px; background:#FFF; float:right; margin-top:20px; padding:0px 20px;}
.zx_r{}
.zx_r ul{}
.zx_r li{ border-bottom:1px dashed #d8d8d8; overflow:hidden; margin-top:15px; padding-bottom:15px}
.zximg{ float:left;}
.zxfont{ width:440px; float:right; line-height:18px; font-size:12px;}   
.zxfont span{ display:block; color:#000; padding-bottom:5px; font-size:15px;}
.zxfont a:hover{ color:#ff5a00}
.zxfont a:hover span{ color:#ff5a00}



/* 标准盒模型 */ 
.zx_w{width:282px; height:378px; border:1px solid #e3e3e3; border-top-style:none; float:left; } 
.ta_{ width:285px;  height:49px; line-height:49px; color:#fff; font-size:17px; font-weight:bold  } 
.ta_ ul{ }
.ta_ li{ width:141px; float:left; text-align:center;}
/* 用于控制显示与隐藏的css类   */ 
.ta_ ul li.normaltab { background:#f5f5f5; color:#666666;border:none; border-top:2px solid #e3e3e3;} 
.ta_ ul li.hovertab { background:#fff;color:#333; border:none; border-top:2px solid #ff5a00;    text-align:center;  } 
.ctt4{ width:282px; height:329px; overflow:hidden; }

.zxlist{ padding:10px;}
.zxlist ul{}
.zxlist li{ line-height:30px;}
.zxlist li a{ color:#333;}
.zxlist li a:hover{ color:#ff5a00}
.zximg01{ text-align:center; margin-top:10px;}

/*影音*/
.video{ width:1210px; padding-top:20px;}
.video ul{}
.video li{ float:left; width:230px; height:160px; padding-right:10px;}

/*底部*/
.bottombg{ background:#464646; min-width:1200px;}
.map_list{}
.map_list ul{ float:left; background:url(../img/db01.png) repeat-y left; padding-left:20px; height:240px; font-size:13px; line-height:30px; margin-top:30px; margin-bottom:50px; margin-right:60px;}
.map_list li{}
.map_list li a{ color:#e2e2e2}
.map_list li.map_t{ font-size:17px; font-weight:bold; padding-bottom:10px;}

.b_lx{ background:#383838; width:240px; height:260px; float:right; padding:30px;}
.b_lx_t{ color:#FFF; background:url(../img/db02.png) no-repeat bottom left; padding-bottom:10px; margin-bottom:10px;}
.b_lx_t span{ display:block; font-size:19px; font-weight:bold; }
.b_lx_f{ font-size:12px; color:#bebebe}  

.copybg{ background:#282828; min-width:1200px; padding:30px 0px}
.copy_f{ text-align:center;}

.copyimg{ text-align:center; margin-top:10px;}
.copyimg a{ border-right:1px solid #5f5e67 }



/*影音产品*/

.sonbanner{ margin:0 auto; height:auto; width:1200px;}
.menubg{ background:#f3f3f3; height:50px; line-height:50px; min-width:1200px;}

.menulist{ width:1200px; background:url(../img/p04.png) repeat-y left; height:50px; margin:0px auto;}
.menulist ul{}
.menulist li{ float:left; display:block; }
.menulist li a{ display:block;padding:0px 30px; font-size:14px; color:#333333; background:url(../img/p04.png) repeat-y right;}
.menulist li a:hover{  background:#ff5a00; color:#FFF}
#menulist{  background:#ff5a00; color:#FFF}

/*焦点图*/
.focus01{ position:relative; width:400px; height:260px; background-color: #000; float: left; margin-top:20px;}  
.focus01 img{ width: 400px; height: 260px;} 
.focus01 .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:45px; line-height: 45px; background: url(../img/p03.png) repeat;display:block;  text-align:left; }  
.focus01 .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:20px; }  

.focus01 .fbg{bottom:25px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus01 .fbg div{margin:17px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus01 .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin-left:5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }    
.focus01 .D1fBt .current,.focus .D1fBt a:hover{background:#ff5a00;}    
.focus01 .D1fBt i{display:none; }  

/*影院产品*/
/*专题报道*/
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.son_left{ width:400px; overflow:hidden; float:left;}
.ztbd_bor{ width:368px; height:198px; border:1px solid #e5e5e5; padding:15PX;}
.zt_t{ background: url(../img/icon02.gif) no-repeat left 2px ; padding-left:10px; color:#333;  border-bottom:1px solid #e5e5e5; padding-bottom:15PX; font-size:22px;}
.zt_t span{ float:right; font-size:12px; padding-top:8px;}
.ztbd_list{ padding-top:10px; }
.ztbd_list ul{}
.ztbd_list li{ line-height:30px; font-size:13PX;}
.ztbd_list li a{ color:#333; }
.ztbd_list li a:hover{ color:#ff5a00}
.ztbd_list li span{ float:right; color:#999999}
.ztbd_list li a:hover span{ color:#ff5a00}

.son_cen{ width:470px; float:left; margin-left:30px; margin-top:15px;}
.tjbd_t{ font-size:22px; padding-top:5px; }
.tjbd_t a{ color:#ff5a00} 

.son_right{ width:270px; float:right; overflow:hidden; margin-top:15px}
.sea_bor{border:1px solid #e5e5e5; background:#faf9f9; overflow:hidden; padding-bottom:15px}
.sea_t{ background:url(../img/icon02.gif) no-repeat left center; padding-left:10px; font-size:22px; color:#333; margin-top:10px}
.seainput{ width:185px; height:30px; margin-left:10PX; margin-top:10px; float:left}
.seainput input{ width:173px; height:28px; line-height:28px; border:1px solid #e5e5e5; background:#FFF;border-radius: 5px; color:#666; padding-left:10px; color:#999999; font-size:12px;}  
.saaanniu{ float:left; padding-top:10px; padding-left:5px;}
.searchbutton{ width: 59px; height: 32px; background: #ff5a00; color: #fff; border: none; border-radius: 5px;}
.sea_select{ width:87px; height:30px; float:left; margin-left:10px; margin-top:10px; overflow:hidden;}
.sea_select select{ width:87px; height:30px; border:1px solid #e5e5e5; background:#FFF;border-radius: 5px;color:#999999; font-size:12px; padding-left:10px}

.rd_bor{ height:288px; border:1px solid #e5e5e5; padding:15PX;}
.mar_t70{ margin-top:70px;}

.sb_bor{ width:383px; height:428px; border:1px solid #e3e3e3; margin-top:30px; }
.sb_title{ background: url(../img/icon02.gif) no-repeat left center #f5f5f5; height:50px; line-height:50px; font-size:17px; font-weight:bold;  color:#333; padding-left:10px;}
.sb_title span{ float:right; font-size:12px; font-weight:normal; padding-right:15px;}
/*面包屑*/
.mbx{ height:40px; line-height:40px; font-size:12px;}
.mbx i{ padding:0px 10px;}
.mbx a:hover{ color:#ff5a00}
.lb_left{ width:880px; float:left; overflow:hidden; }
.tjcp_list{ width:900px;}
.tjcp_list ul{}
.tjcp_list li{ float:left; margin-right:20px;}
.tjcp_list li span{ width:278px; height:175px; border:1px solid #e8e8e8; border-bottom-style:none; display:block;}
.tjcp_list li div{ background:#e8e8e8; height:40px; line-height:40px; text-align:center; color:#333;}
.tjcp_list li:hover span{ border:1px solid #ff5a00; border-bottom-style:none;}
.tjcp_list li:hover div{ background:#ff5a00; color:#FFF}

.lb_bor{ width:848px; background:#FFF; border:1px solid #eeeeee; overflow:hidden; padding:15PX;}
.lb_list{ padding-top:10px; }
.lb_list ul{ border-bottom:1px dotted #d4d4d4; padding-bottom:15px; margin-bottom:15px;}
.lb_list li{ line-height:35px; font-size:14PX;}
.lb_list li a{ color:#333; display:block}
.lb_list li a:hover{ color:#ff5a00}
.lb_list li span{ float:right; color:#999999; font-size:12px}
.lb_list li a:hover span{ color:#ff5a00}
.page{ text-align:center; padding:20px 0px}
.page a{ border:1px solid #dcdcdc; color:#333; padding:4PX 10PX;}
.page a:hover{ background:#ff5a00; border:1px solid #ff5a00; color:#FFF}
.page span{ background:#ff5a00; border:1px solid #ff5a00; color:#FFF; padding:4PX 10PX;}
.lb_right{ width:300px; float:right; overflow:hidden;}
.r_lb_bor{ width:268px; background:#FFF; border:1px solid #eeeeee; overflow:hidden; padding:15PX;}

.rdwz_list{}
.rdwz_list ul{ margin-top:10px}
.rdwz_list li{ line-height:30px;}
.rdwz_list li span{ width:20px; height:20px; background:#ffffff; border:1px solid #e5e5e5; display:block; text-align:center; line-height:20PX; float:left; margin-right:10PX; margin-top:5PX; font-weight:bold}
.rdwz_list li span.rd{ background:#ff5a00; border:none; color:#FFF;}
.rdwz_list li a{ color:#333333}
.rdwz_list li a:hover{ color:#ff5a00}

.son_seainput{ width:215px; height:30px; margin-left:10PX; margin-top:10px; float:left}
.son_seainput input{ width:200px; height:28px; line-height:28px; border:1px solid #e5e5e5; background:#FFF;border-radius: 5px; color:#666; padding-left:10px; color:#999999; font-size:12px;}  
.son_sea_select{ width:102px; height:30px; float:left; margin-left:10px; margin-top:10px; overflow:hidden;}
.son_sea_select select{ width:101px; height:30px; border:1px solid #e5e5e5; background:#FFF;border-radius: 5px;color:#999999; font-size:12px; padding-left:10px}
/*新闻内容页*/
.xwnr_t{ font-size:12px; color:#999999; padding-top:20px; border-bottom:1PX solid #e5e5e5; padding-bottom:20px;}
.xwnr_t h2{ font-size:22px; color:#333333; font-weight:bold; padding-bottom:5px;}
.xwnr_t a{ color:#216d8f} 
.xwnr_f{ color:#333; line-height:30px; padding-top:20px;} 
.xwnr_img{ text-align:center; padding-bottom:20px;}
.line{ border-bottom:1px solid #eeeeee; margin:15px 0px;}
.sx{ float:left;}
.sx a{ display:block ; color:#216d8f}
.nr_al{ width:870px;}
.nr_al ul{}
.nr_al li{ width:270px; height:180px; position:relative; float:left; margin-right:19px; margin-top:19px;} 
.nr_al li .nr_al_f{ position:absolute; background:url(../img/p03.png) repeat; width:100%; text-align:center; height:40px; line-height:40px; bottom:0px; left:0px;color:#FFF}
.nr_al li:hover .nr_al_f{ background:#ff5a00}
/*产品内容*/
.cpimg{ float:left; width:300px; height:300px; border:2px solid #e8e8e8; text-align:center; margin-top:30px;}
.cpcs{ width:520px; float:right; margin-top:30px;}
.cpcs ul{}
.cpcs li{ line-height:50px; border-bottom:1px dotted #dadada; color:#333;}
.cpcs li span{ color:#999}


/* 标准盒模型 */ 
.cs_w{width:850px; margin-top:20px; } 
.tc_{ background:#f7f7f7; width:850px;  height:37px; line-height:37px; border-bottom:1px solid #ff5a00; color:#fff; font-size:14px;  } 
.tc_ ul{ }
.tc_ li{ padding:0px 30px;float:left; text-align:center;cursor:pointer}
/* 用于控制显示与隐藏的css类   */ 
.tc_ ul li.normaltab { background:#f5f5f5; color:#666666;border:none;  } 
.tc_ ul li.hovertab { background:#ff5a00;color:#fff; border:none;    text-align:center;  } 
.ctt2{ width:850px; overflow:hidden; }

.jbjs{ line-height:30px; color:#333}

.xgcp_list{ width:860px; overflow:hidden}
.xgcp_list ul{}
.xgcp_list li{ width:202px; float:left; margin-right:13px; margin-top:15px;}
.xgcp_list li span{ width:200px; height:195px; border:1px solid #e8e8e8; display:block}
.xgcp_list li img{ width:200px; height:195px;}
.xgcp_list li div{ background:#e8e8e8; text-align:center; height:30px;}

.xgcp_list li:hover span{ border:1px solid #ff5a00}
.xgcp_list li:hover div{ background:#ff5a00; color:#FFF}


.son_seaselect{ width:270px; height:30px; margin-left:10PX; margin-top:10px; float:left}
.son_seaselect select{ width:270px; height:28px; line-height:28px; border:1px solid #e5e5e5; background:#FFF;border-radius: 5px; color:#666; padding-left:10px; color:#999999; font-size:12px;}  

.rxcp_list{ width:300px;}
.rxcp_list ul{}
.rxcp_list li{ width:125px; float:left; margin-right:13px; margin-top:15px; font-size:12px}
.rxcp_list li span{ width:123px; height:120px; border:1px solid #e8e8e8; display:block}
.rxcp_list li img{ width:123px; height:120px;}
.rxcp_list li div{ background:#e8e8e8; text-align:center; height:30px; overflow:hidden; padding:0px 10px;}

.rxcp_list li:hover span{ border:1px solid #ff5a00}
.rxcp_list li:hover div{ background:#ff5a00; color:#FFF}


/*专题报道*/
.ztbdlist{}
.ztbdlist ul{}
.ztbdlist li{ border-bottom:1px dotted #999999; overflow:hidden; padding-bottom:20px; margin-top:20px; }
.ztimg{ float:left;}
.ztfont{ float:right; width:605px;}
.ztfont h2{ color:#333333; font-size:17px; font-weight:bold;}
.ztfont span{ color:#999; display:block}


/*智能产品*/
.zncp_left{ width:300px; overflow:hidden; float:left;}
.psea_bor{ width:268px; border:1px solid #d3e3ef; background:#f9f7f5; padding:15PX; overflow:hidden}
.ppnr{ margin-top:5px; overflow:hidden}
.ppnr a{ background:#FFF; border:1px solid #d3e3ef; padding:5PX 12px; display:block; float:left; margin-right:8px; margin-top:8px; color:#7a97ad}
.ppnr a:hover{ background:#b5d2e7; border:1px solid #b5d2e7; color:#FFF}

.zncp_right{ width:880px; float:right; overflow:hidden;}
.lxss_bor{ border:1px solid #d3e3ef; height:50PX;}
.lxss_t{ background:#f9f7f5; float:left; height:50px; line-height:50px; width:100px; text-align:center; border-right:1px solid #d3e3ef; color:#7a97ad}

.lxss_f{ width:765px; float:left; line-height:50px; font-size:12px; padding-left:10px; }
.lxss_f a{ padding:0px 10px;}
.lxss_f a:hover{ color:#ff5a00}
.lxss_f i{ color:#CCC}

/*设计施工*/
.in_t02{  background:url(../img/t03.png) no-repeat center center; text-align:center; font-size:35px; color:#333333; margin-bottom:20px; height:33px; line-height:33px}
.gjx_bor{ width:1198px; overflow:hidden;border:1px solid #e3e3e3; margin-top:15px; }

@font-face {
  font-family: 'iconfont';  /* project id 213772 */
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../iconfont.svg#iconfont') format('svg');
}

.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}


.gjx{ width:1198px; border-bottom:1px solid #e3e3e3; overflow:hidden}
.gjx ul{}
.gjx li{ float:left; font-size:17px; font-weight:bold; padding:35px 35px; border-right:1px solid #e3e3e3; color:#333333; text-align:center;}
.gjx li a{ color:#333}
.gjx h2{ font-size:13px;}
.gjx i{ color:#ff5a00; font-size:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; display:block; padding-bottom:10px;} 
.gjf{ line-height:50px; padding:0px 20px; color:#333}

.tkjs_bor{ background:#faf9f9; border:1px solid #eeeeee; padding:15PX;}
.tkjs_font{ font-size:15px; color:#333; padding-top:10px; line-height:30px;}

.tk_list_bor{ border:1px solid #d3e3ef; margin-top:15PX; background:#FFF; padding-bottom:20px;}
.tk_list_bg{ background:#f9f7f5; height:50px; line-height:50px; border-bottom:1px solid #d3e3ef; font-size:17PX; font-weight:bold; color:#7a97ad;}
.tk_list_title{ padding-left:10PX; float:left; color:#333; font-size:22px; font-weight:normal; background:url(../img/icon02.gif) no-repeat left center; margin-left:20px;}
.tk_menu{}
.tk_menu a{ float:right; border-left:1PX solid #d3e3ef; padding:0PX 30PX;}
.tk_menu a:hover{ background:#FFF; color:#7a97ad; height:51px;}
#tk_menu{ background:#FFF; color:#7a97ad; height:51px;}

.tk_list{ overflow:hidden;}
.tk_list ul{}
.tk_list li{ margin-top:15px; float:left; width:223px; height:195px; margin-left:14px;}
.tk_list li div{ background:#fff; height:39px; text-align:center; line-height:40px; border:1px solid #eeeeee; border-top-style:none; display:block}
.tk_list li:hover div{ background:#ff5a00;  border:1PX solid #ff5a00; color:#FFF}

.tk_title{ text-align:center; border-bottom:1px solid #e5e5e5; font-size:22px; font-weight:bold; margin:0px 15px; color:#333; padding-top:50px; padding-bottom:30px;}


.mod18Box {margin: 0 auto;width:696px;background: #fff;margin-top:40px; margin-bottom:50PX;}
.mod18 {width:696px; overflow:hidden;margin: 0 auto;position: relative}
.mod18 li {float: left}
.mod18 .picBox {width: 696px;height:462px;position: relative;overflow: hidden;margin: 0 auto;}
.mod18 .picBox ul {width: 696px;height: 462px;position: absolute}
.mod18 .picBox li {width: 696px;height: 462px;position: relative; text-align:center; background:#d5d2cf}
.mod18 .picBox li span {font-size: 17px;font-weight: bold;color: #fff;position: absolute;right: 20px;bottom: 20px}

.mod18 .listBox {width: 696px;height:105px;margin: 0 auto;position: relative;margin-top:10px;overflow: hidden}
.mod18 .listBox ul {height:105px;position: absolute}
.mod18 .listBox li {width:178px; height:105px;cursor: pointer; text-align:LEFT; }
.mod18 .listBox li a {display: block;width: 160px;height: 105px; background:#d5d2cf;  }
.mod18 .listBox li img {width: 160px;height:104px;}
.mod18 .listBox .on img {width: 149px;height:94px;border:3px solid #ff5a00; padding:2PX}
.mod18 .listBox li i {display: none}
.mod18 .listBox .on i {display: block}

.mod18 .btn {position: absolute;width:35px;height: 462px;cursor: pointer;z-index: 99;font-size: 50px;font-weight: bold;opacity:0.5;  }
.mod18 .prev {left: 0; background:url(../img/icon17.png) no-repeat center; }
.mod18 .next {	right: 0;	background: url(../img/icon18.png) no-repeat center}


/*咨询表*/
.zxb_xx{ padding:30px 0px; margin:0px 15px; border-bottom:1px dotted #cacaca }
.zxb_xx h2{ font-size:17px; font-weight:bold; color:#333; padding-bottom:10px;}
.zxb_xx i{ color:#F00}
.zxb_xx form{ line-height:30px;}
.zxb_xx label{ display:block}
.zxb_xx table{ border-collapse:collapse; color:#333 }
.zxb_xx table td{border:1px solid #eeeeee; height:28px; line-height:28px;}
.zxb_xx table input{ border:1px solid #000; width:175px; border:none; text-align:center}
.zxb_input{ width:468px; height:36px; overflow:hidden;}
.zxb_input input{ width:434px; height:32px; border:1px solid #dfdfdf; padding:0PX 15PX; color:#999}
.zxb_textarea{ width:735px; height:160px;}
.zxb_textarea textarea{width:735px; height:160px; border:1px solid #dfdfdf; color:#999; padding:15px; font-family:"微软雅黑"}
.zxb_f{ padding-top:10px;}
.zxb_anniu{ text-align:center; font-size:17px; font-weight:bold; height:50px; overflow:hidden; line-height:50px; margin-top:20px; }
.zxb_anniu a{ padding:10px 35px; background:#eeeeee; margin:0px 5px; color:#333;}
#zxb_anniu{ background:#ff5a00; color:#FFF }


/*案例*/
.anli_list{ width:1220px; overflow:hidden;}
.anli_list ul{}
.anli_list li{ width:285px; height:190px; float:left; margin-right:20px; margin-top:20px; position:relative;}
.anli_list li div{ width:100%; position:absolute; background:url(../img/p03.png) repeat; height:40px; line-height:40px; left:0px; bottom:0px; text-align:center; color:#FFF}
.anli_list li:hover div{ background:#ff5a00;}

.anli_list01{ width:1220px; overflow:hidden;}
.anli_list01 ul{}
.anli_list01 li{ width:281px; height:187px; float:left; margin-right:14px; margin-top:20px; position:relative;}
.anli_list01 li img{ width:281px; height:187px;}
.anli_list01 li div{ width:100%; position:absolute; background:url(../img/p03.png) repeat; height:40px; line-height:40px; left:0px; bottom:0px; text-align:center; color:#FFF}
.anli_list01 li:hover div{ background:#ff5a00;}

/*代理品牌*/
.cpfl{ border-bottom:1px dotted #ccd4da; font-size:12px; padding:15px 0px;}
.cpfl a{ color:#7a97ad; padding-right:10px;}
.cpfl h2 a{ font-size:15px; color:#333;}
.cpfl a span{ color:#ff5a00}
.cpfl a:hover{ color:#ff5a00}
#cpfl{color:#ff5a00}

.pp_bor{ border:1px solid #eeeeee; padding:15PX; overflow:hidden}
.pp_list{ width:1185px;}
.pp_list ul{}
.pp_list li{ width:222px; height:170px; overflow:hidden; float:left; text-align:center; margin-right:15px; margin-top:15px;}
.pp_list li span{  border:1px solid #eeeeee; width:220px; height:133px; display:block;}
.pp_list li div{ line-height:30px; height:30px;display:block}
.pp_list li:hover span{ border:1px solid #ff5a00}
.pp_list li:hover div{ background:#ff5a00; color:#FFF}


.rx_list{}
.rx_list ul{}
.rx_list li{ background:#f8f8f8; height:80px; margin-top:10px; padding:10PX;}
.rx_img{ float:left; border:1px solid #e8e8e8; width:78px; height:78px; position:relative;}
.rx_img span{ position:absolute; width:20px; height:20px; background:#ff5a00; color:#FFF; left:-1px; top:-1px; text-align:center; line-height:20px;}
.rx_font{ width:160px; float:right}
.rx_font h2{ color:#ff5a00; font-size:12px;}
.rx_font span{ color:#999}
.rx_list li:hover .rx_img{ border:1px solid #ff5a00}

.lxss_bor01{ border:1px solid #d3e3ef; height:49px; font-size:14px; line-height:49px; background:#f9f7f5; padding:0px 15px;}
.lxss_bor01 a{ padding-right:20px; color:#7a97ad}
.lxss_bor01 a:hover{color:#ff5a00}

.pp_ztbd{ width:1220PX; padding-top:15px; overflow:hidden}
.pp_ztbd ul{}
.pp_ztbd li{ float:left; width:229px; overflow:hidden; margin-right:13PX;}
.pp_ztbd li div{ background:#FFF; height:40PX; line-height:40px; text-align:center; border:1px solid #e8e8e8; border-top-style:none}
.pp_ztbd li:hover div{ border:1px solid #ff5a00; border-top-style:none; color:#ff5a00}




.son_pp_list{ width:870px;}
.son_pp_list ul{}
.son_pp_list li{ width:198px; height:160px; overflow:hidden; float:left; text-align:center; margin-right:18px; margin-top:15px;}
.son_pp_list li img{ width:196px; height:123px;}
.son_pp_list li span{  border:1px solid #eeeeee; width:196px; height:123px; display:block;}
.son_pp_list li div{ line-height:30px; height:30px;display:block}
.son_pp_list li:hover span{ border:1px solid #ff5a00}
.son_pp_list li:hover div{ background:#ff5a00; color:#FFF}

.yypp{ font-size:24px; font-weight:bold; width:870px; overflow:hidden}
.yypp a{ color:#000; width:196px; height:60px; line-height:60px; text-align:center; margin-right:18px; display:block; float:left; border:1px solid #eeeeee; margin-top:10px;}
.yypp a:hover{ border:1px solid #ff5a00; color:#ff5a00}

.yypp_f{ border-top:1px solid #eeeeee; padding-top:10px; margin-top:15px; line-height:30PX; overflow:hidden;}
.yypp_f a{ padding-right:25px; float:left; color:#7a97ad; display:block}
.yypp_f a:hover{ padding-right:25px; float:left; color:#ff5a00;}




/*关于我们*/
.gylogo{ float:left; padding-top:15px;}
.gy_t_r{ float:right; margin-top:28px; }
.gy_t_r a{ width:85px; height:30px; margin-left:5px; border:1px solid #ff5a00; color:#ff5a00; display:block; text-align:center; line-height:30px; float:left;border-radius:3px;}
.gy_t_r a:hover{ background:#ff5a00; color:#FFF}
#gy_t_r{ background:#ff5a00; color:#FFF}
.gy_t_r a.zc{ border:1px solid #bdbdbd; color:#999 }
.gy_t_r a:hover.zc{ background:#bdbdbd; color:#FFF}
.gybanner{ background:url(../img/gybanner.jpg) no-repeat center; height:359px; margin-top:20px;}
.gybg{ background:url(../img/gybg.gif) repeat-y center; overflow:hidden; padding-bottom:100px;padding-top:40px;}
.gy_menu{ float:left;}
.gy_menu ul{}
.gy_menu li{ line-height:36px; font-size:15px;}
.gy_menu li a{ padding-left:15px;}
.gy_menu li a:hover{ background:url(../img/icon02.gif) no-repeat left center; color:#ff5a00}
#gy_menu{background:url(../img/icon02.gif) no-repeat left center; color:#ff5a00}

.gy_right{ width:960px; float:right; overflow:hidden;}
.gy_title{ font-size:17px; font-weight:bold; color:#d3d3d3;}

.gy_font{ line-height:26px; color:#666666; padding-top:20px; font-size:14px;}
.gy_font h1{ font-size:17px; font-weight:bold; color:#666; padding-top:20px; padding-bottom:5px;}
.gy_font h2{ background:url(../img/icon02.gif) no-repeat left center; padding-left:15px; font-size:22px; color:#ff5a00; font-weight:bold; margin-top:20px; padding-bottom:5px;}
.gy_font h3{ font-size:22px; color:#ff5a00; font-weight:bold; margin-top:20px; padding-bottom:5px;}

.gy_yslist{ overflow:hidden; margin-top:10px; width:980px; padding-bottom:20px;}
.gy_yslist ul{}
.gy_yslist li{ width:225px; float:left; font-size:13px; line-height:24px; padding-right:20px;}
.gy_yslist li span{ display:block; font-size:17px; color:#ff5a00; font-weight:bold; padding-bottom:5px; padding-top:10px;}

.gy_slmg_l{ background:#282828; width:440px; height:360px; margin-top:20px; padding:20px; float:left}
.gy_slmg_l h2{ font-size:22px; color:#f1f1f1; border-bottom:1px solid #505050; padding-bottom:15px;}
.gy_slmg_f{ float:left; line-height:32px; color:#f1f1f1; font-size:13px; padding-top:15px; padding-right:55px;}



.gy_slmg_r{ background:#e9e9e9; width:440px; height:360px; margin-top:20px; padding:20px; float:left;}
.gy_slmg_r h2{ font-size:22px; color:#000000; border-bottom:1px solid #505050; padding-bottom:15px;}
.gy_slmg_f01{ float:left; line-height:32px; color:#333333; font-size:13px; padding-top:15px; padding-right:55px;}
.cpjs_img{ float:left; margin-top:30px;}
.cpjs_font{ width:730px; float:right; margin-top:30px;}
.cpjs_font h2{ font-size:17px; font-weight:bold; color:#666666; padding-bottom:15px; } 

/*登录注册*/
.login_left{ width:360px; padding-left:240px; min-height:350px; border-right:1px solid #e5e5e5; margin-top:60PX; float:left  }
.login_t{ font-size:22px; color:#333}
.login_input{ width:292px; height:34px; overflow:hidden; margin-top:20PX;}
.login_input input{ width:270px; height:30px; border:1px solid #cccccc; padding:0PX 10PX; color:#999}
.login_xy{ height:30px; line-height:30px; font-size:12px; margin-top:10px;}
.login_xy a{ color:#f36f20}
.login_anniu{ height:40px; line-height:40px; width:292px; text-align:center; margin-top:10px}
.login_anniu a{ background:#f36f20; display:block; color:#FFF; font-size:15px}

.login_right{ float:left; width:529px; margin-top:60PX; padding-left:70px; }
.login_right_f{ padding-top:50px;}
.login_right_f a{ font-size:15px; color:#f36f20; display:block; font-weight:normal}
.login_right_f span{ display:block; color:#f36f20; }

.login_input01{ width:195px; height:34px; overflow:hidden; margin-top:20PX;}
.login_input01 input{ width:173px; height:30px; border:1px solid #cccccc; padding:0PX 10PX; color:#999}

.login_ljzc{ padding-top:20px}
.login_ljzc a{ font-size:15px; color:#f36f20; padding-left:50px}
/*搜索页面*/
.sea_jg{margin-left:15px; margin-top:10px;}
.sea_jg a{ width:82px; display:block; margin-right:8px; margin-top:10px; float:left;  border:1px solid #d3e3ef; text-align:center; background:#FFF; height:35px; line-height:35px; color:#7a97ad}  
.sea_jg a:hover{ background:#b5d2e7; border:1px solid #b5d2e7; color:#FFF}

#sea_jg{background:#b5d2e7; border:1px solid #b5d2e7; color:#FFF}

.sea_bg{border:1px solid #d3e3ef; background:#faf9f9; overflow:hidden; padding-bottom:12px}
.seafont{ font-size:17px; font-weight:bold; color:#333}
.seafont span{ color:#ff5a00}
.sea_r_bor{ float:right; min-height:510px; width:848px; background:#FFF; border:1px solid #eeeeee; overflow:hidden; padding:15PX;}

/*视频*/
.sp_list{ overflow:hidden; width:870px;}
.sp_list ul{}
.sp_list li{ width:270px; height:180px; position:relative; float:left; margin-right:19px; margin-top:19px;} 
.sp_list li .nr_al_f{ position:absolute; background:url(../img/p03.png) repeat; width:100%; text-align:center; height:40px; line-height:40px; bottom:0px; left:0px;color:#FFF}
.sp_list li:hover .nr_al_f{ background:#ff5a00}
.sp_list img{ width:270px; height:180px}

/*respensive*/
@media (max-width: 991.98px)
{
	.width {width:100%;}
	.gybanner {background: url(../img/gybanner.jpg) no-repeat top left;background-size:100% 100%;height:120px;}
	.gy_menu {width:100%;}
	.gy_menu ul{width:100%;}
	.gy_menu li{width:48%;margin:1%;float:left;text-align:center;}
	.gy_menu li a{padding:0;display:block;}
	.gy_right {width:100%;float:right;overflow: hidden;}
	.gy_title {text-align:center;margin-top:20px;color:#222;}
	.gy_font {padding:5px;overflow: hidden;}
	.gy_font img {width:100%;height:auto;}
	
	.copybg {min-width:290px;width:100%;padding: 30px 0px;}
}
@media (max-width: 349.98px) 
{

}
@media (min-width: 350px) and (max-width: 575.98px) 
{	
	.gy_menu li{width:31%;margin:1%;float:left;text-align:center;}
}
@media (min-width: 576px) and (max-width: 767.98px)
{
	.gy_menu li{width:23%;margin:1%;float:left;text-align:center;}
}

@media (min-width: 768px) and (max-width: 991.98px)
{
	.gy_menu li{width:14%;margin:1%;float:left;text-align:center;}
}

@media (min-width: 992px) 
{

}