@charset "utf-8";
/* CSS Document */
* {padding:0;margin:0 auto;} /* IE8*/
*+html * {padding:0;margin:0;}
* {margin:0;padding:0;}
body {
	margin:0px;
	font-size:14px;
	color:#555555;
	font-size:12px;
	line-height:24px;
	font-family: "微软雅黑","宋体", Arial, Sans;
}
div {font-size:14px;text-align:left;}

a {color:#555555;text-decoration:none;}
a:hover {color:#FFC40E;text-decoration:none;}
ul, li {padding:0px;margin:0px;list-style-type:none;}
img {border:none; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0;margin:0;}
table, td, tr, th {
	font-size:12px;
}
.clear {clear:both;}
.transparent {background:transparent;}
.left {float:left;}
.right {float:right;}
.lh li {line-height:28px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh28{line-height:28px;}
.lh32 {line-height:32px;}
.tr{text-align:right;}
.white {color:#fff;}
.white a {color:#fff;}
.white a:hover {color:#fff;text-decoration:none;}
.bold {font-weight:bold}

.wryh {
	font-family:"微软雅黑";
	font-size:14px;
}

.center{ text-align:center;}
.ft12 {font-size:12px;}
.ft14 {font-size:14px;}
.ft16 {font-size:16px;}
.ft18 {font-size:18px;}
.ft20 {font-size:20px;}
.ft22 {font-size:22px;}
.ft24 {font-size:24px;}
.fw{font-weight:lighter;}
 
 
.ft_1 {color:#404040;}
.ft_1 a {color:#404040;text-decoration:none;}
.ft_1 a:hover {color:#FFC40E;text-decoration:none;}

.ft_2 {color:#B2B2B2;font-weight:lighter;}
.ft_2 a {color:#B2B2B2;text-decoration:none;font-weight:lighter;}

.ft_3 {color:#FFC40E;}
.ft_3 a {color:#FFC40E;text-decoration:none;}

.ft_4 {color:#01A3FF;font-weight:lighter;}
.ft_4 a {color:#01A3FF;text-decoration:none;font-weight:lighter;}

.ft_5 {color:#1A1A1A;}
.ft_5 a {color:#1A1A1A;text-decoration:none;}

.ft_6 {color:#555; font-weight:lighter;}
.ft_6 a {color:#555;text-decoration:none;font-weight:lighter;}

.ft_7 {color:#333;}
.ft_7 a {color:#333;text-decoration:none;}
.ft_8 {color:#666;font-weight:lighter;}
.ft_8 a {color:#666;text-decoration:none;font-weight:lighter;}

.ft_9 {color:#888;}
.ft_9 a {color:#888;text-decoration:none;}
.ft_9 a:hover {color:#FFC40E;text-decoration:none;}


.mt10 {margin-top:10px;}
.mt5 {margin-top:5px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt120 {margin-top:120px;}
.ml30{ margin-left:30px;}
.ml25{ margin-left:25px;}
.ml20{ margin-left:20px;}
.ml15{ margin-left:15px;}
.ml110{ margin-left:110px;}
.ml60{ margin-left:60px;}
.mb70{ margin-bottom:70px;}
.mb15{ margin-bottom:15px;}

.mr25{ margin-right:25px;}

.pl10{ padding-left:10px;}
.pl50{ padding-left:50px;}
.pl20{ padding-left:20px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt40 { padding-top:40px;}
.pt30 { padding-top:30px;}
.pt60 { padding-top:60px;}
.pb30 { padding-bottom:30px;}
.pb60 { padding-bottom:60px;}
.pb70 { padding-bottom:70px;}



.clearfix {display: block;}
.width{width:1170px;margin:0 auto;}


/*top*/
.container {margin:0 auto; width:100%;}
.contmain{margin:0 auto; width:1170px; }

@media screen and (max-device-width: 680px)  {
	.container{
		width: 1280px;

	}
	.spk_zg{
		width: 1280px;
	}
}
.topbar {background:#FBFBFB; border-bottom:1px #E8E8E8 solid; height:50px;}
.lh50{height:50px; line-height:50px; font-weight:lighter;}
.yj{background:url(../images/spk_yx.png) 0px 20px no-repeat; width:180px;height:50px; line-height:50px;padding-left:32px;}
.tel{background:url(../images/spk_tel.png) 0px 18px no-repeat;height:50px; line-height:50px; padding-left:21px;}

.logo_bar {height:100px;}


/*nav*/
#nav{margin: 0 auto;height:100px;line-height:100px; width:750px;}
#nav .mainlevel{float:left;border-right:1px solid #fff;/*IE6 only*/ width:100px;text-align: center;}
#nav .mainlevel a{color:#404040;text-decoration:none;line-height:40px;display:block;padding:0 10px;}
#nav .mainlevel > a{line-height:100px;}
#nav .mainlevel a:hover,#nav .mainlevel a.cur{color:#404040;text-decoration:none;background:#ffe60c;}
#nav .mainlevel ul{display:none;position:absolute; background:#ffe60c;/*IE6 only*/ width:100px; text-align:left;}
#nav .mainlevel li{border-top:1px solid #fff;}

/*导航*/
.sypoint{background:url(../images/point.png) 15px 46px no-repeat;}

/*banner*/
.topmain{margin:0 auto; background:url(../images/top.png) top center no-repeat ;}
.topall{height:500px;}




/*斯普柯中国*/
.spk_zg{background:#fff;}

.code_cn {margin: 0 auto;color:#FFC40E;line-height: 26px;text-align:center;}
.code_en {margin: 0 auto;color:#1A1A1A;line-height: 32px;text-align:center;}
.code_cn2 {margin: 0 auto;color:#555;line-height: 24px;text-align:center;}

.code_pic{ text-align:center; margin-top:10px;}

.gsjj{ width:580px;}
.yzfw{ width:500px;}
.yzfw .p1{ background:url(../images/spk_fw01.png) 0px 6px no-repeat;padding-left:30px;line-height:32px; }
.yzfw .p2{ background:url(../images/spk_fw02.png) 0px 6px no-repeat;padding-left:30px;line-height:32px; }
.yzfw .p3{ background:url(../images/spk_fw03.png) 0px 7px no-repeat;padding-left:30px;line-height:32px; }
.yzfw .p4{ background:url(../images/spk_fw04.png) 0px 6px no-repeat;padding-left:30px;line-height:32px; }
.yzfw .p5{ background:url(../images/spk_fw05.png) 0px 6px no-repeat;padding-left:30px;line-height:32px; }
.yzfw .p6{ background:url(../images/spk_fw06.png) 0px 5px no-repeat;padding-left:30px;line-height:32px; }

/*产品中心*/
.spk_cp{ background:#F6F6F6;}
.spk_tp{ background:#fff; border:1px #DFDFDF solid; border-radius:4px; width:268px; height:228px; text-align:center;}

/*产品图片切换*/
.spk_cpt{width:1170px;overflow:hidden;}
.spk_cpt ul li{float:left;display:inline;width:270px;height:270px;overflow:hidden;position:relative;}
.spk_cpt ul li .photo{ padding-top:40px;width:268px;height:228px;overflow:hidden;text-align:center;background:#fff; border:1px #DFDFDF solid; border-radius:4px;}
.spk_cpt .rsp{width:270px;height:270px;overflow:hidden;position:absolute;background:#000;top:0px;left:0px;}
.spk_cpt .text{position:absolute;width:270px;height:270px;left:-270px;top:0px;overflow:hidden;text-align:center;}
/*.spk_cpt .text h3{width:270px;margin-top:100px;text-align:center;color:#000;}*/
.spk_cpt .nr{margin-top:70px;color:#fff; font-weight:lighter; margin-left:60px;}
.spk_cpt .wz{ width:150px; text-align:center;}
.spk_cpt .bd{ height:10px;width:24px; border-bottom:2px solid #939393; margin-left:63px;}
.spk_cpt .bt{ width:100px; height:32px; line-height:32px; text-align:center; background:#FFC40E;border-radius:4px; margin-left:25px;}

/*产品图片切换*/
.spk_cpt2{width:1170px;overflow:hidden;}
.spk_cpt2 ul li{float:left;display:inline;width:270px;height:270px;overflow:hidden;position:relative;border-radius:4px;}
.spk_cpt2 ul li .photo2{width:270px;height:270px;overflow:hidden;text-align:center;background:#fff; border-radius:4px;}
.spk_cpt2 .rsp2{width:270px;height:270px;overflow:hidden;position:absolute;background:#000;top:0px;left:0px;}
.spk_cpt2 .rsp1{width:270px;height:270px;overflow:hidden;position:absolute;background:#FFC40E;top:0px;left:0px;}
.spk_cpt2 .text2{position:absolute;width:270px;height:270px;left:-270px;top:0px;overflow:hidden;text-align:center;}
.spk_cpt2 .nr2{color:#fff; font-weight:lighter;margin:0 auto;}
.spk_cpt2 .wz2{ width:270px; text-align:center;}
.spk_cpt2 .bt2{ width:100px; height:32px; color:#333; line-height:32px; text-align:center; background:#fff;border-radius:4px;margin:0 auto;}


/*技术图片切换*/
.jst_tc{background-color:rgba(0,0,0,0.5)}
.spkbox{float:left;display:inline;background:#f6f6f6;width:270px;height:270px;position:relative;}
.spk_jstp{float:left;width:268px;height:268px;position:relative;overflow:hidden;border:1px #DFDFDF solid; border-radius:4px;}
.spk_jstp img{width:268px; height:268px;top:0;left:0;position:absolute;}
.jst_tc{width:268px; height:268px;top:270px;left:0;position:absolute;}
.jst_tctxt{margin:5px 10px;width:268px;height:auto;line-height:22px;color:#fff;}
.pic_js{width:268px;height:268px;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);}


.spk_lk img{vertical-align:middle;}

.spk_lk{ background:#fff; border:1px #DFDFDF solid; border-radius:4px; width:168px; height:98px; text-align:center;}



/*革命*/
.kyjgm_l{ width:330px; text-align:left}
.kyjgm_l .p1{ background:url(../images/spk_gm04.png) 0px 5px no-repeat;padding-left:70px;line-height:32px; }
.kyjgm_l .p2{ background:url(../images/spk_gm05.png) 0px 5px no-repeat;padding-left:70px;line-height:32px; }
.kyjgm_l .p3{ background:url(../images/spk_gm06.png) 0px 5px no-repeat;padding-left:70px;line-height:32px; }

.kyjgm_r{ width:370px; text-align:right;}
.kyjgm_r .p1{ background:url(../images/spk_gm01.png) 325px 5px no-repeat;padding-right:70px;line-height:32px; }
.kyjgm_r .p2{ background:url(../images/spk_gm02.png) 325px 5px no-repeat;padding-right:70px;line-height:32px; }
.kyjgm_r .p3{ background:url(../images/spk_gm03.png) 325px 5px no-repeat;padding-right:70px;line-height:32px; }

/*底部*/
.spk_ft{ background:#191919; }
.spk_ft1{ height:170px;}
.spk_ft1 .p1{ background:url(../images/spk_ft01.png) 0px 0px no-repeat;padding-left:60px; width:320px;}
.spk_ft1 .p2{ background:url(../images/spk_ft02.png) 0px 0px no-repeat;padding-left:60px; width:320px;}
.spk_ft1 .p3{ background:url(../images/spk_ft03.png) 0px 0px no-repeat;padding-left:60px;width:280px;}

.spk_ft2{ background:#141414; height:70px;}
.spk_ftqb{ line-height:70px;height:70px;}

/*当前位置*/
.spk_dw{ height:50px; border-bottom:1px solid #E5E5E5;}
.spk_buttom{background:url(../images/spk_dw.png) 0px 15px no-repeat;padding-left:25px;line-height:50px; color:#666;font-weight:lighter;}
.spk_nav{line-height:50px; color:#666;}
.spk_nav li { padding-left:20px; float:left; font-weight:lighter;}

/*nr*/

.spk_abt{ line-height:30px; color:#555; font-size:14px; text-indent:30px;}
.spk_yj{ line-height:30px;font:18px; text-indent:30px; font-size:18px;font-weight:lighter;} 
.spk_yzfw_l{ width:580px; float:left;}
.spk_ico{ width:22px; top:0px; text-align:center;}
.spk_yzfw_r{ width:540px; float:right;} 
.spk_yzfw_nr{ line-height:24px; color:#555; font-size:14px; font-weight:lighter;} 
.spk_cp01{ border-right:1px solid #5BC3FF; border-bottom:1px solid #5BC3FF;text-align:center; background:#01A3FF; color:#FFF; font-size:16px;} 
.spk_cp04{ border-bottom:1px solid #5BC3FF;text-align:center; background:#01A3FF; color:#FFF; font-size:16px;} 
.spk_cp02{ border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;text-align:center; color:#666;font-size:14px;}
.spk_cp03{ border: 1px solid #E2E2E2; border-top:none;text-align:center; color:#666;font-size:14px;}


.zsjsp1{ background:url(../images/spk_zs01.png) 0px 6px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp2{ background:url(../images/spk_zs02.png) 0px 8px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp3{ background:url(../images/spk_zs03.png) 0px 8px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp4{ background:url(../images/spk_zs04.png) 0px 6px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp5{ background:url(../images/spk_zs05.png) 0px 8px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp6{ background:url(../images/spk_zs06.png) 0px 8px no-repeat;padding-left:32px;line-height:32px; }
.zsjsp7{ background:url(../images/spk_zs07.png) 0px 6px no-repeat;padding-left:32px;line-height:32px; }


/*联系我们*/
.lxwm_wz{ width:340px;}
.lxwm_wz2{ width:490px; }
.us_map{ background:url(../images/spk_us_map.png) center top no-repeat; height:360px;}




