﻿@charset "utf-8";
body,div,span,p,a,input,dl,dt,dd,ul,ol,li,h4,h3{margin:0;padding:0;}
body {
	font-family:"微软雅黑","宋体", Arial,"新宋体", Helvetica, sans-serif;
	font-size:12px;
	color:#797979;
	background:#ffffff;
}
a{text-decoration:none;color:#666666;outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}
a:hover{color:#50a800;}
img{border:0;}
textarea{outline:0;}
table{border-collapse:collapse;}
h1,h2,tt{display:block;font-size:14px;font-weight:bold;}
ul{ list-style:none; margin:0 auto; padding:0;}
.l{float:left;}
.r{float:right;}
.undis{display:none;} 
.pt20{ padding-top:20px;}
.blue{ color:#036FC4;}
.red{ color:#ff0000;}
.f14{ font-size:14px;}
input,select{ vertical-align:middle;}
.clearfix{width:100%;height:1px;margin-top:-1px;font-size:0px;line-height:0px;clear:both;}
.txtinput{ width:200px; height:40px; border:none; font-size:20px; font-weight:bold;-moz-border-radius:3px; -webkit-border-radius: 3px;border-radius: 3px; line-height:40px;}
.txtinput2{ width:348px; height:26px; border:solid 1px #D9D9D9; color:#9B9B9B; font-size:14px; padding:4px;font-family:"微软雅黑";-moz-border-radius:3px; -webkit-border-radius: 3px;border-radius: 3px; line-height:26px;}
.bottun1{ background:url(../images/button_1.png) no-repeat; width:103px; height:45px; border:none; cursor:pointer; font-size:16px; color:#fff; font-family:"微软雅黑";}
.bottun2{ background:url(../images/button_2.png) no-repeat; width:350px; height:37px; border:none; cursor:pointer; font-size:16px; color:#fff; font-family:"微软雅黑";}
.bottun3,.bottun3:link{ background:url(../images/button_1.gif) no-repeat; width:112px; height:29px; display:inline-block; cursor:pointer; line-height:29px; color:#636363; font-size:14px;}
.bottun4{background:url(../images/button_2.gif) no-repeat; width:144px; height:37px; border:none; cursor:pointer; font-size:16px; color:#fff; font-family:"微软雅黑";}
.bottun5{background:url(../images/button_3.gif) no-repeat; width:144px; height:37px; border:none; cursor:pointer; font-size:16px; color:#fff; font-family:"微软雅黑";}
.ieradius{behavior: url(Script/iecss3.htc);z-index:2; position:relative;}
.select1{ height:35px; border:solid 1px #D9D9D9; min-width:100px;-moz-border-radius:3px; -webkit-border-radius: 3px;border-radius: 3px; *margin-top:5px; line-height:35px; padding:4px; font-size:14px; width:120px; color:#9B9B9B}
:root .select1{ height:35px; line-height:35px;}
.select2{ border:solid 1px #D9D9D9; min-width:165px;-moz-border-radius:2px; -webkit-border-radius: 2px;border-radius: 2px; *margin-top:5px;padding:4px; font-size:14px; width:120px;color:#9B9B9B}
.select3{border:solid 1px #D9D9D9; -moz-border-radius:2px; -webkit-border-radius: 2px;border-radius: 2px; *margin-top:5px; padding:4px; font-size:14px; width:50px;color:#9B9B9B;}
:root .select3,:root .select2{ height:28px; line-height:28px;}
.checkbox{ width:20px; height:20px; border:solid 1px #D3CFC8; cursor:pointer; margin:0 auto;}
.checkbox:hover{ border:solid 2px #2489C5;width:18px; height:18px;}
.checkbox_on{ width:22px; height:22px; background:url(../images/checkbox_on.gif) no-repeat; margin:0 auto; cursor:pointer;}

/****提示文字****/
#tooltip{background:#DDD;color:#000000;text-align:center;margin-right:10px;position:absolute;z-index:9999;display:none;box-shadow:0 0 5px #666;border:1px dashed #FFF;padding:3px 8px;font-size:12px;}


/* head */
#head{width:100%; background:url(../new_img/top_bg.jpg) repeat-x; height:97px;}
#head .headmiddle{ width:1000px; position:relative; margin:0 auto;}
#head .headmiddle .logo{ background:url(../new_img/LOGO.png) no-repeat; width:72px; height:40px; position:absolute; top:30px; left:20px;}
#head .headmiddle .logo a{ display:block; width:90px; height:50px; }
#head .headmiddle .rightpic{ background:url(../images/productpic.png) no-repeat; width:220px; height:88px; top:10px; right:15px; position:absolute;}
#head .headmiddle .changesite{position:absolute; left:420px; top:50px; font-size:15px; color:#fff; height:20px; line-height:20px;font-family:"微软雅黑"; font-weight:bold;}
#head .headmiddle .changesite a{ color:#fff; font-weight:bold;}
#head .headmiddle .changesite .en{ background:url(../images/en.png) 0 0 no-repeat; width:20px;height:20px; display:inline-block; vertical-align:top;}
#head .headmiddle .en_a{width:34px; background:url(../new_img/en_logo.png) no-repeat; height:28px; top:48px; left:615px; position:absolute;}
#head .headmiddle .logoname{color: #ffffff; font-size: 22px; font-weight: bold; position: absolute;left: 100px; top: 40px; font-style: italic;}



/**container**/
/**#container{ width:100%; background:url(../images/container_bg.jpg) center repeat-y;}**/
#container{ width:100%; background:#efefef;}
.middle{ width:1000px; margin:0 auto;}
.middle .tips{ background:url(../images/tips.png) no-repeat; width:348px; height:77px; color:#fff; font-size:13px; margin:0 auto;}
.middle .tips p{ width:348px; line-height:44px; padding-top:10px; display:block; font-size:28px; text-align:center;}
.middle .middlepic{position:relative; height:343px;margin-top:20px;}

/**
.middle .middlepic .pic1{ position:absolute; top:60px; left:0; background:url(../images/pic_1.png) no-repeat; width:191px; height:279px; z-index:1;}
.middle .middlepic .pic1 a{ display:block; width:191px; height:279px;}
.middle .middlepic .pic2{ position:absolute; top:40px; left:100px;background:url(../images/pic_2.png) no-repeat; width:193px; height:289px; z-index:2;}
.middle .middlepic .pic2 a{ display:block;width:193px; height:289px;}
.middle .middlepic .pic3{ position:absolute; top:20px; left:210px;background:url(../images/pic_3.png) no-repeat; width:171px; height:335px; z-index:3;}
.middle .middlepic .pic3 a{ display:block; width:171px; height:335px;}
.middle .middlepic .pic4{ position:absolute; top:0px; left:310px;background:url(../images/pic_4.png) no-repeat; width:190px; height:359px; z-index:4;}
.middle .middlepic .pic4 a{ display:block;width:190px; height:359px;}
.middle .middlepic .pic5{ position:absolute; top:0px; left:514px;background:url(../images/pic_5.png) no-repeat; width:189px; height:359px; z-index:5;}
.middle .middlepic .pic5 a{ display:block; width:189px; height:359px;}
.middle .middlepic .pic6{ position:absolute; top:18px; left:634px;background:url(../images/pic_6.png) no-repeat; width:201px; height:335px; z-index:4;}
.middle .middlepic .pic6 a{ display:block; width:201px; height:335px;}
.middle .middlepic .pic7{ position:absolute; top:38px; left:748px;background:url(../images/pic_7.png) no-repeat; width:192px; height:280px; z-index:3;}
.middle .middlepic .pic7 a{ display:block; width:192px; height:280px;}
.middle .middlepic .pic8{ position:absolute; top:60px; left:856px;background:url(../images/pic_8.png) no-repeat; width:157px; height:280px; z-index:2;}
.middle .middlepic .pic8 a{ display:block; width:157px; height:280px;}
**/
.middle .middlepic .pic1{ position:absolute; top:60px; left:0; width:191px; height:279px; z-index:1;}
.middle .middlepic .pic1 a{ position:absolute; top:10px; left:0;display:block; width:100px; height:220px; }
.middle .middlepic .pic2{ position:absolute; top:40px; left:80px; width:193px; height:289px; z-index:2;}
.middle .middlepic .pic2 a{ position:absolute; top:10px; left:10px;display:block;width:100px; height:240px; }
.middle .middlepic .pic3{ position:absolute; top:20px; left:170px; width:171px; height:300px; z-index:3;}
.middle .middlepic .pic3 a{ position:absolute; top:10px; left:10px;display:block;width:100px; height:260px; }
.middle .middlepic .pic4{ position:absolute; top:0px; left:270px;width:190px; height:300px; z-index:4;}
.middle .middlepic .pic4 a{  position:absolute; top:10px; left:20px;display:block;width:170px; height:280px; }
.middle .middlepic .pic5{ position:absolute; top:0px; left:494px; width:189px; height:300px; z-index:5;}
.middle .middlepic .pic5 a{ position:absolute; top:10px; left:10px;display:block;width:180px; height:280px; }
.middle .middlepic .pic6{ position:absolute; top:18px; left:570px; width:201px; height:300px; z-index:4;}
.middle .middlepic .pic6 a{position:absolute; top:10px; left:75px;display:block;width:100px; height:260px; }
.middle .middlepic .pic7{ position:absolute; top:38px; left:684px;width:192px; height:280px; z-index:3;}
.middle .middlepic .pic7 a{ position:absolute; top:10px; left:65px;display:block;width:100px; height:240px; }
.middle .middlepic .pic8{ position:absolute; top:60px; left:794px; width:157px; height:280px; z-index:2;}
.middle .middlepic .pic8 a{ position:absolute; top:10px; left:64px;display:block;width:80px; height:220px; }
.middle .middlepic img{ position:relative;}


.middle .login{ margin-top:0px; text-align:center; color:#ffffff; font-size:16px; font-weight:bold; background:url(../images/login_bg.png) bottom no-repeat; height:70px; position:absolute; z-index:10000;}
.middle .login .reg{ font-size:14px; font-weight:normal; color:#fff; margin-left:10px;}
 .forgeticon{ font-size:14px; font-weight:normal; color:#fff; background:url(../images/icon_1.png) 0 2px no-repeat; padding-left:20px; margin-left:10px;}
 .forgeticon2{ font-size:14px; font-weight:normal; color:#555; background:url(../images/icon_1.png) 0 2px no-repeat; padding-left:20px; margin-left:10px;}
.getpass{font-size:14px; font-weight:normal; color:#FBA83B;}
.middle .login #txtMobile{ margin-right:20px;}
.middle .login #txtPassword{ margin-right:20px;}
.middle .login input{ vertical-align:middle;}

/*footer*/
#footer{ width:100%; background:url(../images/foot_bg.png) repeat-x; height:57px;}
#footer p{ text-align:center; line-height:57px;}



/*register*/
.reg_nav{ background:url(../images/nav_1.png) no-repeat; width:1000px; height:55px; margin:0 auto;}
.reg_nav ul{}
.reg_nav ul li{ float:left; width:331px; text-align:center; color:#fff; line-height:40px; font-size:16px;}
.reg_nav ul li a{ display:block;color:#fff;}
.reg_nav2{background:url(../images/nav_2.png) no-repeat; }
.reg_nav3{background:url(../images/nav_3.png) no-repeat; }
.reg_nav4{background:url(../images/nav_4.png) no-repeat; }

.box{ width:996px; margin:0 auto; padding-top:10px; padding-bottom:60px;}
.box dl{ background:url(../images/box_b.png) bottom no-repeat; padding-bottom:8px;}
.box dl dt{ background:url(../images/box_t.png) no-repeat; height:8px;}
.box dl dd{ background:url(../images/box_m.png) repeat-y;}
.box dl dd .box_content{ background:url(../images/pic_bg.gif) top repeat-y; min-height:500px;}
.box dl dd .box_content .ullist{padding:100px 0 0 260px; }
.box dl dd .box_content .ullist li{ height:70px; line-height:70px; color:#036FC4; font-size:16px;}
.box dl dd .box_content .ullist li input{ vertical-align:middle; margin-left:10px;}
.box dl dd .box_content .ullist li .bottun2{margin:60px 0 0 80px;}
.box dl dd .box_content .ullist li.btn{ height:200px;}

.box dl dd .box_content dl{ background:none; padding:0; width:839px; margin:0 auto;padding-top:40px;}
.box dl dd .box_content dl dt{ background:url(../images/tip1.gif); height:32px; line-height:32px; color:#fff; font-size:18px; padding-left:10px; }
.box dl dd .box_content dl dd{ background:none; margin-top:30px;}
.box dl dd .box_content dl dd input{width:140px; margin-right:40px; margin-left:5px;}
.box dl dd .box_content dl dd ul li{ min-height:60px; color:#036FC4; font-size:16px; font-family:"微软雅黑", Arial;}
.box dl dd .box_content dl dd ul li.btn{ height:100px; margin-top:40px; text-align:center;}


/*产品报价*/
.tb1{ width:100%; background:#fff;}
.tb1 td,.tb1 th{ border:solid 1px #DBDCDD; text-align:center; padding:10px; font-size:16px; color:#5B5B5B;line-height:40px;}
.tb1 th{ line-height:24px;}
.tb1 td span{ color:#036FC4;  margin-left:-80px;}
.tb1 td .productno{ margin-left:30px; text-align:left;}
.tb1 td .text{ text-decoration:underline;}
.tb1 td .text a{color:#0483D8;}

.box dl dd .box_content dl dd input.bottun2{ width:350px; height:37px;}
.box dl dd .box_content dl dd input.bottun4{ width:144px; height:37px;}
.box dl dd .box_content dl dd .next{ height:140px; text-align:center; line-height:140px;}
.box dl dd .box_content dl dd input.bottun5{ height:37px; width:144px;}

.tb3{ width:100%; background:#fff;}
.tb3 td,.tb3 th{ border:solid 1px #DBDCDD; text-align:center; padding:5px; font-size:16px; color:#5B5B5B;line-height:30px;}
.tb3 th{ border-top:none;}
.tb3 td{ font-size:14px; padding:3px;}
.tb3 td span{ color:#036FC4;}

.tb4{}
.tb4 td{ width:33%; height:36px; font-size:14px;}
.tb4 td span{ color:#036FC4;}

.send{ color:#636363; text-decoration:underline;}

.regok{ background:url(../images/ok.png) no-repeat; width:118px; height:103px; float:left; margin:120px 0 0 160px;}
.regtipbox{ margin:100px 0 0 40px; float:left; width:600px;}
.regtipbox .regtip{ color:#036FC4; font-size:38px;}
.regtipbox .userinfo,.regtipbox .account{ font-size:16px; line-height:50px;}

.regbtn{ clear:both; text-align:center; padding-top:50px;}


/****会员后台****/
.member_nav{ width:996px; height:45px; margin:0 auto;}
.member_nav1{ background:url(../images/member_nav_1.png) no-repeat;} 
.member_nav2{ background:url(../images/member_nav_2.png) no-repeat;} 
.member_nav3{ background:url(../images/member_nav_3.png) no-repeat;} 
.member_nav4{ background:url(../images/member_nav_4.png) no-repeat;} 
.member_nav ul li{ width:198px; line-height:45px; float:left; text-align:center;}
.member_nav ul li a{ font-size:16px; color:#fff; display:block;}

.memberbox{ width:840px; margin:0 auto;}
.memberbox .user{ text-align:right; padding-top:30px; font-size:14px;}
.memberbox .pagename{ font-size:18px; color:#31A1FE; margin-top:20px;}

.tb2{ width:100%; background:#fff;text-align:center; margin-top:10px;}
.tb2 th{ background:#8BD1FF; height:31px; line-height:31px; color:#fff; font-size:16px; border-right:solid 2px #fff;}
.tb2 td{ height:70px; background:#DDF2FF; text-align:center; font-size:14px; border-right:solid 2px #fff; border-top:solid 2px #fff;}
.tb2 td .link{ color:#31A1FE; text-decoration:underline;}
.tb2 .noborder_r{ border-right:none;}

.page{ padding:20px 0 20px 0;}
.page .last{ display:inline-block; background:url(../images/page_l.gif) no-repeat; width:26px; height:25px; margin-right:10px;}
.page .last:hover{ background:url(../images/page_l_on.gif) no-repeat;}
.page .next{ display:inline-block; background:url(../images/page_r.gif) no-repeat; width:26px; height:25px;}
.page .next:hover{ background:url(../images/page_r_on.gif) no-repeat;}

/***产品详情***/
.productimg{ width:450px; float:left; margin-left:10px;}
.productinfo{ width:480px; float:right; font-size:14px;}
.productinfo ul li{ height:35px; line-height:35px;}

.share{ margin-top:130px;}

.productcontent{ padding:10px;}
.productcontent .bar{  background:#90BEF0; height:36px; line-height:36px; font-size:16px; color:#fff; padding-left:10px; font-weight:bold;}
.productcontent .info{ font-size:14px; line-height:26px; text-align:left; margin-top:10px;}



/* 在线客服 */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/QQ/float_s1.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/QQ/float_bg.gif) no-repeat;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:150px 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;table-layout:fixed; word-break: break-all; overflow:auto;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 12px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px; font-size:12px; text-align:left;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0; line-height:20px; text-align:left;}

.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../images/QQ/webZx_bg.jpg) no-repeat;}

.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}

.tb3 td span.amounttip{ background:url(../images/amount_icon.png) right no-repeat; padding-right:20px; color:#5B5B5B; cursor:help;}

.citybox{ position:relative; float:left;}
.selectcity{font-size:14px;-moz-border-radius:3px; -webkit-border-radius: 3px;border-radius: 3px; line-height:30px; height:30px; background:url(../images/ipt_city.png) 7px 7px no-repeat; border:solid 1px #D9D9D9; padding-left:30px; color:#9B9B9B; }
.box dl dd .box_content dl dd .selectcity{width:100px;}
.selectbox{ width:450px; line-height:30px; font-size:14px; background:#fff; border:solid 1px #e2e2e2; border-top:solid 3px #ff6600; position:absolute; top:32px; left:42px; display:none;}
.selectbox a{ width:70px; display:inline-block; margin-left:10px;}