/* CSS Document */

*{word-wrap: break-word;}

html{-webkit-text-size-adjust: none;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}

body{font:normal 14px/24px "Microsoft Yahei";color:#333333; min-width:1200px;}

fieldset,img,html,body,iframe{border:0;}

ol,ul,ul li{list-style:none;}

address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}

caption,th{text-align:left;}

em,i,small,caption,th{font-weight:normal;font-style:normal;font-size:100%;}

q:before,q:after{content:'';}

a{color: #333333;

  text-decoration: none;

  /*-webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;*/}

a:hover{color:red;}

a img{border: none;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.contanier{width:1280px;margin:0 auto;}



/*顶部导航*/

.top_nav{width:100%;height:40px;background-color:#59595b;}

.top_nav ul li{float:left;}

/* .top_nav ul li a{color:#FFFFFF;padding:0 31px;line-height:40px;font-size:16px;display:block;} */
.top_nav ul li a{color:#FFFFFF;padding:0 25px;line-height:40px;font-size:16px;display:block;}

.top_nav ul li a:hover{background:#454545 url(../images/topnavbg.png) no-repeat bottom center;}

.top_nav ul li a.selected,.top_nav ul li a.topnavon{background:#454545 url(../images/topnavbg.png) no-repeat bottom center;}

.top_header{width:100%;height:95px;background-color:#f7f7f7;}

.top_header .spsc_logo{padding-top:26px;float:left;display:inline;}

.menu{padding-top:35px;display:inline;}

.menu a{padding-left:25px;font-size:16px;display:inline;margin:0;}

.menu a:hover{color:#0a8fd7}

.menu a.menuon{color:#0a8fd7;}

@media only screen and (max-width: 1280px){/*当屏幕尺寸小于1280px时，应用下面的CSS样式*/

.top_nav ul li a{padding:0 16px;}

.contanier{width:1160px;margin:0 auto;}

.top_header ul li{padding-left:12px;}

.menu a{padding-left:10px;}

}





/*侧边栏*/

.slider{width:140px;height:483px;background:url("../images/tt_bg.png")-35px 0;position:relative;}

.contect{height:60px;width:100px;position:absolute;text-align:center;left:18px;}

.tel{border-bottom:1px dashed #513202;top:80px;}

.contect span{color:#fff;font-size:16px;font-weight:600;height:20px;text-shadow:2px 2px 2px #333;}

.qq{top:152px;}

.code{width:102px;height:104px;position:absolute;left:14px;text-align:center;}

.code img{display:block;margin:0 auto}

.code span{font-size:12px;color:#b9c4df;font-weight:600;}

.code1{top:220px;}

.code2{top:358px;}

.sliders{width:145px;height:493px;position:fixed;right:0px;;top:25%}

.sliders .click{width:20px;height:90px;background:#5a5657;font-size:12px;color:#fff;line-height:14px;text-align:center;top:178px;position:absolute;cursor:pointer;z-index:10;left:-20px;}

.sliders .click img{display:block;margin:9px auto;}

.sliders .click a{display:block;}



.gongshang{display:block;text-align:center;}

.gongshang img{margin:0 auto;display:block;}



/*bottom start*/

.bottom{ clear:both; background:#262626;}

.aboutLink{clear: both;display: block;height:42px;line-height: 42px;background: #F9F9F9;border-top: dashed 1px #D1D1D1;}

.aboutLink span{width:950px; padding-left:10px; margin:0 auto; height:42px; display:block;}

.aboutLink span a{ font-size:14px;padding: 0 12px; height:12px; line-height:12px; border-right:solid 1px #666; color:#666;}

.aboutLink span a.noBody{ border:0;}

.aboutLink span a.mr{ margin-left:220px;}

.flogo{ clear:both; width:960px; margin:0 auto; height:2px; position:relative;}

.flogoBody{ position:absolute; top:-59px; left:415px;}

.flogoBody img{width:134px;}

.fcon{ clear:both; width:960px; padding-top:65px; margin:0 auto; height:260px;}

.fcon .faq{ display:block; float:left; width:480px; border-right:solid 1px #222;}

.fcon .faq dl{ display:block; float:left; margin-left:50px; width:100px; overflow:hidden;}

.fcon .faq dl dt{ height:40px; margin-bottom:20px; color:#CBD1CD; font-size:16px;}

.fcon .faq dl dt em{ display:block; font-size:14px; height:12px; line-height:12px; color:#7C7C7C;}

.fcon .faq dl dd{ height:30px; line-height:30px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}

.fcon .faq dl dd a{ color:#7C7C7C;}

.aboutTxt{ width:400px; padding-left:67px; display:block; float:left; border-left:solid 2px #36383A;}

.qrcode{ overflow:hidden;}

.qrcode img{ display:block; float:left; width:92px; height:92px;}

.qrcode h2{ display:block; float:left; margin-left:15px; font-size:14px;color:#7C7C7C;}

.qrcode h2 span{ display:block;}

.qrcode h2 span i{ font-style:normal; font-size:12px; display:block; border-bottom:solid 1px #7C7C7C; width:180px;}

.qrcode h2 strong{ height:40px; line-height:40px; font-style:normal; color:#CBD1CD; font-size:18px;}

.powered{ clear:both; display:block; margin-top:17px;}

.powered span{ display:block; height:25px; line-height:25px; color:#CBD1CD; font-size:12px;letter-spacing:0.2px;}

.powered span a{color:#CBD1CD;}

.powered span a.mr{ margin-right:5px;}

.gongshang{margin: 0 7px 0 48px;float:left;display:block;text-align:center;width:94px;height:32px;background:#3e3e3e;color:#d6d6d6;line-height:32px;float:left;overflow:hidden;}

.gongshang img{margin:0 auto;display:block;width:26px;height:34px;float:left;margin: 3px 0px 0 4px;}

.ss img{width:26px;height:26px;}

.ss a{color:#d6d6d6;}

/*bottom end*/



.sliders{width: 82px;height: 376px;background:url("../images/sliders.gif") no-repeat;position: fixed;right: 0px;top:25%;}

.close{right:-61px;}

.sliders>a{display:block;width: 61px;height:57px;position: absolute;right:0px;}

.callBox{position: absolute;left:0px;width: 285px;height: 60px;top:0px;z-index:10;background: #0062dd;}

.sliders .callBox>a{display: block;width: 61px;height:60px;float: left;background: url("../images/sliders.gif") -21px -151px no-repeat;}

.sliders .callBox .telform{float: left;height: 60px;padding-top: 12px;}

.sliders img{position: absolute;top:333px;right:1px;display: none;}

.sliders .callBox .telform a{float: left;display: inline-block;width: 58px;

height: 35px;

line-height: 35px;

border-radius: 0px 2px 2px 0px;

text-align: center;

display: block;

float: left;

margin: 0px;

background: #ffca65;

font-size: 13px;

color: #e10015;

text-decoration: none;}

#tel_num{width: 153px;

height: 35px;

line-height: 35px;

border-radius: 2px 0px 0px 2px;

display: block;

float: left;

font-size: 13px;

color: #303030;

text-indent: 5px;font-size: 16px;border:none;}

#ask{top:31px;}

#shouhou{top:92px;}

#tel{top:151px;height: 60px;width: 61px;position: absolute;right:0px;}

#qq{top:214px;}

#ercode{top:275px;}

#backtop{top:336px;height: 38px;}

#slider_shou{width:20px;height:90px;top:142px;left:1px;}