/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#333;}
a{color:#333;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:top;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ height:96px; overflow:hidden;}
.header .logo{ float:left; line-height:56px; margin-left:-178px; margin-top:10px; left:50%; position:absolute;}
.header .logo b{ font-weight:normal; font-size:26px;}
.header span{ line-height:56px; font-size:16px; float:right; margin-right:10px;}
.search{ background:#fff; width:262px; height:34px; line-height:36px; float:right; overflow:hidden; position:relative; margin-top:54px; border:1px solid #999;}
.input_text{ height:20px; line-height:20px; background:none; width:208px; position:absolute; left:0px; top:0px; padding:7px 10px;}
.input_button{ position:absolute; right:0px; top:0px; background:url(/web/20220504015904im_/http://sh-surface.com/images/ss.png) center no-repeat; width:34px; height:34px; cursor:pointer;}

.menubg{ background:#0067b8; height:50px; position:relative; z-index:99;}
/*menu*/
.menu{height:50px;line-height:50px; width:1240px;}
.menu h2{ float:left; font-weight:normal;}
.menu h2 a{ color:#fff; font-size:28px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; padding-left:20px; margin-right:20px;}
.menu h2:hover{ background:#005da6;}
.menu ul{ float:left;}
.menu ul li{ float:left; position:relative; border-right:#666 solid 1px;width:205px;}
.menu ul li dl{ background:#0067b8; width:296px; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none; }
.menu ul li dl dd{ line-height:55px;}
.menu ul li dl dd a{ font-size:16px; color:#fff; font-weight:normal; display:block; padding:0; text-align:left; padding-left:24px;}
.menu ul li dl dd a:hover{ background:#005da6;}
.menu a{ font-size:16px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#005da6;color:#fff;}
.menu_down span{ display:block;background:url(/web/20220504015904im_/http://sh-surface.com/images/menu_down.gif) right 10px center no-repeat;}
.nav {display:none;}
.nav-item {margin:0px;padding:0px;float:left;list-style:none;zoom:1;}
.nav-item a {display:block;}
.nav-item a:hover {background:#3d1805;color: #ffe39e;}
.nav-mobile {display: none;cursor: pointer;position: absolute; top:58px;left:2%;background: url(/web/20220504015904im_/http://sh-surface.com/images/nav_icon.png) 60% 60% no-repeat;height:32px;width: 32px;}
.nav-mobile { display:block;}
.nav {margin:0px;width:100%;}
.nav-list {width:100%;margin:0px;padding:0px;}
.nav-item {width:100%;margin:0px;padding:0px;text-align: center;}
.nav-item a {font-weight: 400;padding: 10px;background: #0067b8;text-transform: uppercase;border-top: 1px ridge #84b0df;color: #ffe39e;-webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear;font-size: 0.8725em;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}

.con1 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.con1 h3{ line-height:66px; font-size:24px; font-weight:normal; border-bottom:1px solid #999;}
.con1 ul{ padding:36px 0px 48px 0px;}
.con1 ul li{ float:left; width:200px; text-align:center; padding:20px 0px;}
.con1 ul li img{ height:60px;}
.con1 ul li span{ display:block; margin:16px 0px; line-height:40px; height:40px; font-size:16px;}

.con2 h3{ line-height:66px; font-size:24px; font-weight:normal; border-bottom:1px solid #999;}
.con2 ul{ padding:36px 0px 48px 0px;}
.con2 ul li{ float:left; width:200px; text-align:center; padding:20px 0px;}
.con2 ul li img{ height:60px;}
.con2 ul li span{ display:block; margin:16px 0px; line-height:40px; height:40px; font-size:16px;}

.con3 h2{ margin-bottom:24px; font-size:24px; font-weight:normal;}
.con3 ul li{ float:left; width:396px; padding:20px 0px; border:2px solid #fff;}
.con3 ul li img{ float:left; width:64px;}
.con3 ul li .c3_txt{ float:right; width:300px;}
.con3 ul li .c3_txt strong{ display:block; font-weight:normal; font-size:18px; margin-bottom:6px; padding-top:10px;}
.con3 ul li .c3_txt span{ display:block; color:#656565; font-size:14px;}
.con3 ul li:hover{border:2px solid rgba(0,0,0,.4); padding:20px 0px;}

.footer{ background:#f2f2f2; margin-top:40px;}
.foot{ padding:26px 0px;}
.foot dl{ float:left; width:400px;}
.foot dl dt{ font-size:18px; margin-bottom:20px;}
.foot dl dd{ margin-bottom:12px; color:#006cd8; font-size:15px;}
.f2{ line-height:40px; font-size:14px;}



.step1{ padding-top:30px;}
.step1 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step1 .title{ padding:15px 0px; border-bottom:1px solid #999;}
.step1 .title span{ display:block; font-size:16px;}
.step1 .title strong{ display:block; font-weight:normal; font-size:20px; padding-top:5px;}
.step1_con{ padding-top:25px;}
.step1_con h3{ font-size:16px; padding-bottom:15px;}
.step1_con table{ font-size:14px;}
.step1_con table .input_text1{ height:30px; border:1px solid #ccc; width:200px;}
.step1_con table .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}


.step2{ padding-top:30px; min-height:450px;}
.step2 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step2 .title{ padding:15px 0px; border-bottom:1px solid #999;}
.step2 .title span{ display:block; font-size:16px;}
.step2 .title strong{ display:block; font-weight:normal; font-size:20px; padding-top:5px;}
.step2_con{ padding-top:25px;}
.step2_con h3{ font-size:16px; padding-bottom:15px;}
.step2_con .step2_cn{ border:1px solid #ccc; padding:15px; width:300px; height:131px;}
.step2_con .step2_cn b{ display:block; color:#333; font-size:16px;}
.step2_con .step2_cn span{ display:block; font-size:14px; line-height:24px;}
.step2_con .step2_cn p{ display:block; font-size:14px;}
.step2_con .buzhou{ height:30px; margin-top:20px;}
.step2_con .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}


.step3{ padding-top:30px; min-height:450px;}
.step3 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step3 .title{ padding:15px 0px; border-bottom:1px solid #999;}
.step3 .title span{ display:block; font-size:16px;}
.step3 .title strong{ display:block; font-weight:normal; font-size:20px; padding-top:5px;}
.step3_con{ padding-top:25px;}
.step3_con h3{ font-size:16px; padding-bottom:15px;}
.step3_con .step3_cn{ border:1px solid #ccc; padding:15px; width:300px; height:131px; float:left; margin-right:20px;}
.step3_con .step3_cn b{ display:block; color:#333; font-size:16px;}
.step3_con .step3_cn p{ display:block; font-size:14px;}
.step3_con .on{ border:1px solid #006cd8;}
.step3_con .buzhou{ height:30px; margin-top:20px;}
.step3_con .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}

.step4{ padding-top:30px; min-height:450px;}
.step4 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step4 .title{ padding:15px 0px; border-bottom:1px solid #999;}
.step4 .title span{ display:block; font-size:16px;}
.step4 .title strong{ display:block; font-weight:normal; font-size:20px; padding-top:5px;}
.step4_con{ padding-top:25px;}
.step4_con h3{ font-size:16px; padding-bottom:15px;}
.step4_con .step4_cn{ border:1px solid #ccc; padding:15px; width:300px; font-size:16px; color:#333; font-weight:bold;}

.step5{ padding-top:30px;}
.step5 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step5 .title{ padding:15px 0px; border-bottom:1px solid #999; font-weight:normal; font-size:20px; padding-top:30px; }
.step5_con{ padding-top:25px;}
.step5_con table{ font-size:14px;}
.step5_con table .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}


.step6{ padding-top:30px; min-height:450px;}
.step6 h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.step6 .title{ padding:15px 0px; border-bottom:1px solid #999; font-weight:normal; font-size:20px; padding-top:30px; }
.step6_con{ padding-top:25px;}
.step6_con h3{ font-size:16px; padding-bottom:15px;}
.step6_con .step6_cn{ padding:15px 0px; font-size:16px;}
.step6_con .step6_cn a{ padding-right:20px; color:#006cd8;}

.problem{ padding-top:30px; min-height:450px;}
.problem h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.problem .title{ padding:15px 0px; border-bottom:1px solid #999; font-weight:normal; font-size:20px; padding-top:30px; }
.problem_con{ padding-top:25px;}
.problem_con h3{ font-size:16px; padding-bottom:15px;}
.problem_con1{ padding-top:50px; padding-bottom:10px;}
.problem_con1 dl{ float:left; width:321px;}
.problem_con1 dl dt{ float:left; width:85px;}
.problem_con1 dl dt img{ width:85px;}
.problem_con1 dl dd{ float:left; margin-left:15px;}
.problem_con1 dl dd span{ display:block; font-size:14px;}
.problem_con1 dl dd b{ display:block; font-size:14px; font-weight:normal; color:#006cd8; padding-top:5px;}
.problem_con1 ul{ float:left;}
.problem_con1 ul li{ float:left; width:250px; margin-left:43px;}
.problem_con1 ul li span{ display:block; font-weight:bold; font-size:16px; color:#333; margin-bottom:10px;}
.problem_con1 ul li b{ display:block; background:#ccc; color:#333; font-weight:normal; height:20px; line-height:20px; font-size:14px;}
.problem_con2{ padding-bottom:10px;}
.problem_con2 table{ font-size:16px; padding-top:10px;}
.problem_con2 table select{ padding:7px 10px; width:70%; font-size:14px; font-family:'Microsoft YaHei';}
.problem_con3{ padding-bottom:10px;}
.problem_con3 span{ display:block; padding:20px 0px; font-size:14px;}
.problem_con3 b{ display:block; font-weight:normal; color:#006cd8; font-size:14px;}
.problem_con4{ padding-bottom:10px;}
.problem_con4 span{ line-height:40px; font-size:14px; display:block;}
.problem_con4 span b{ font-weight:normal; color:#f00; padding-left:10px;}
.problem_con4 textarea{ width:100%; height:150px;}
.problem .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}

.order{ padding-top:30px; min-height:450px;}
.order h2{ font-size:42px; font-weight:normal; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.order .title{ padding:15px 0px; border-bottom:1px solid #999; font-weight:normal; font-size:20px; padding-top:30px; }
.order_con{ padding-top:25px;}
.order_con h3{ font-size:16px; padding-bottom:15px; font-weight:normal;}
.order_con h4{ font-size:20px; padding-bottom:15px; font-weight:normal; color:#006cd8;}
.order_con h1{ font-weight:normal; font-size:20px; color:#333; margin-bottom:20px;}
.order_left{ float:left; width:400px;}
.order_left dl{ position:absolute; z-index:5; top:0px;}
.order_left .line{ border-left:1px dashed #999; height:240px; position:absolute; left:12px; top:0px; z-index:1;}
.order_left dl dd{ background:url(/web/20220504015904im_/http://sh-surface.com/images/timea.png) left center no-repeat; padding-left:30px; font-size:16px; height:25px; line-height:25px; margin-bottom:30px;}
.order_left dl dd.on{ background:url(/web/20220504015904im_/http://sh-surface.com/images/time.png) left center no-repeat;}
.order_left .input_button1{ margin-right:20px; width:100px; height:30px; line-height:30px; background:#ccc; font-size:14px; font-family:'Microsoft YaHei';}
.order_left span{ display:block; font-size:14px; width:330px; line-height:24px; margin-top:15px;} 
.order_right{ float:right; width:800px;}
.order_right table{ font-size:14px;}

@media only screen and (max-width: 768px) {
.wapper{ width:96%;}
.header{ margin:0px 2%;}
.header span{ display:none;}
.menubg{display:none;}
.nav {display: block;}
.con1{ margin-top:10px;}
.con1 ul li{ float:left; width:49%;}
.con2 ul li{ float:left; width:49%;}
}
/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(/web/20220504015904im_/http://sh-surface.com/images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(/web/20220504015904im_/http://sh-surface.com/images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px;   }
.inside_con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(/web/20220504015904im_/http://sh-surface.com/images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}



/*
     FILE ARCHIVED ON 01:59:04 May 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:01:18 Dec 02, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.538
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.039
  esindex: 0.011
  cdx.remote: 11.569
  LoadShardBlock: 288.534 (3)
  PetaboxLoader3.datanode: 226.665 (4)
  PetaboxLoader3.resolve: 122.402 (2)
  load_resource: 98.679
*/