/* Code tidied up by ScrapBook */
body { margin: 0px; font-size: 12px; text-align: center; color: rgb(149, 154, 170); }
* { font-family: "Arial","微软雅黑"; }
input, select { color: rgb(63, 69, 87); }
form, ul, li, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
table { border-collapse: collapse; }
img { border: 0px none; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: rgb(149, 154, 170); }
a:hover { color: rgb(255, 255, 255); }
.clearbox { float: none; clear: both; width: 0px; height: 0px; overflow: hidden; }
.top { width: 1002px; height: 35px; margin: 0px auto; text-align: left; padding-top: 0px; overflow: hidden; }
.top .menu { float: left; width: 1002px; height: 39px; padding: 0px; }
.top .menu li { float: left; }
.top .menu .lst { width: 89px; height: 39px; }
.top .menu .lst a { display: block; width: 89px; height: 35px; line-height: 35px; text-align: center; color: rgb(166, 169, 179); font-size: 15px; font-family: "Microsoft YaHei"; }
.top .menu .lst a:hover { color: rgb(211, 215, 228); background: rgb(83, 87, 100) none repeat scroll 0% 0%; }
.top .menu .ln { width: 2px; height: 19px; background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0% 0%; }
.top .menu .en { float: right; }
.top .menu .en a:hover { padding: 1px; }
.banner { clear: both; width: 100%; height: 320px; margin: 0px auto; text-align: center; overflow: hidden; }
.content { width: 982px; padding: 25px 0px 0px; margin: 0px auto; text-align: left; }
.left { float: left; width: 200px; }
.left .l1 { width: 200px; background: rgb(69, 73, 84) none repeat scroll 0% 0%; }
.left .l1 .tt { width: 200px; height: 29px; font-size: 20px; font-family: "Microsoft YaHei"; border-bottom: 0px solid rgb(21, 103, 168); color: rgb(149, 154, 170); }
.left .l1 .tt a { float: right; margin: 10px 5px 0px 0px; }
.left .l1 .cont { width: 190px; padding: 50px 0px 0px; line-height: 15px; }
.left .l1 .cont li { width: 200px; height: 30px; border-bottom: 1px dotted rgb(101, 106, 122); }
.left .l1 .cont li a { display: block; font-size: 15px; width: 170px; height: 22px; margin: 4px 0px 0px 10px; line-height: 20px; text-align: center; color: rgb(149, 154, 170); }
.left .l1 .cont li a:hover { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) url("http://www.qiao-xin.com/other/liebiao2//icon.jpg") no-repeat scroll 20px center; }
.left .l2 { float: left; width: 212px; text-align: left; line-height: 20px; padding: 0px; }
.left .l2 { margin-top: 40px; font-size: 14px; color: rgb(149, 154, 170); float: left; font-family: "Microsoft YaHei"; }
.right { float: left; width: 740px; padding-left: 5px; }
.right .tt { text-align: left; width: 730px; height: 50px; border-bottom: 0px solid rgb(96, 100, 114); padding: 3px 0px 0px; background: rgba(0, 0, 0, 0) url("http://www.qiao-xin.com/other/liebiao2//i03.jpg") no-repeat scroll 0% 0%; }
.right .tt span { float: right; padding: 5px 20px 0px 0px; color: rgb(255, 255, 255); font-size: 12px; }
.right .tt span a { color: rgb(255, 255, 255); }
.right .tt { font-size: 18px; font-family: "Microsoft YaHei"; padding: 2px 0px 19px 70px; line-height: 52px; color: rgb(255, 255, 255); }
.right .cont { width: 730px; padding-top: 10px; line-height: 5px; padding-left: 20px; }
.right .cont .article { width: 730px; text-align: left; padding-left: 20px; line-height: 25px; }
.bg { width: 100%; }
.bg .bottom { clear: both; width: 1002px; padding-top: 20px; text-align: left; margin: 0px auto; background: rgb(69, 73, 84) none repeat scroll 0% 0%; }
.bg .bottom .n .nav { float: left; padding: 10px; }
.bg .bottom .n .copyright { line-height: 30px; padding: 10px; }
.page { width: 700px; height: 34px; text-align: center; clear: both; }
.prolist { width: 100%; padding-left: 25px; }
.prolist li { float: left; width: 180px; height: 200px; text-align: center; line-height: 24px; }
.prolist li a { display: block; width: 170px; padding-top: 5px; border: 0px solid rgb(221, 221, 221); font-size: 14px; color: rgb(149, 154, 170); }
.prolist li a:hover { color: rgb(255, 255, 255); }
.prolist li img { width: 150px; height: 150px; }
.honer { width: 760px; }
.honer li { float: left; width: 230px; padding-left: 20px; height: 200px; text-align: center; line-height: 24px; }
.honer li a { display: block; width: 210px; padding-top: 5px; border: 0px solid rgb(221, 221, 221); font-size: 14px; color: rgb(149, 154, 170); background: rgb(49, 52, 61) none repeat scroll 0% 0%; }
.honer li a:hover { color: rgb(255, 255, 255); background: rgb(49, 52, 61) none repeat scroll 0% 0%; }
.honer li img { width: 220px; height: 150px; }
.product { width: 700px; }
.product .t { width: 700px; text-align: center; margin-top: 0px; line-height: 36px; border-bottom: 0px dashed rgb(205, 205, 205); }
.product .t strong { font-size: 20px; }
.product .p { width: 750px; padding-top: 10px; line-height: 24px; border-bottom: 1px dashed rgb(244, 244, 244); text-align: center; }
.product .i { margin-top: 10px; width: 100%; text-align: left; padding-left: 40px; }
.product .i .left { width: 200px; }
.product .i .right { width: 390px; float: right; padding-left: 50px; font-size: 12px; }
.product .i .right td { line-height: 40px; }
.product .big { width: 750px; padding: 50px 0px; }
.product .big img { width: 200px; }
.product .n { padding-top: 50px; width: 500px; height: 34px; }
.product .n li { float: left; }
.product .n a { display: block; width: 120px; height: 26px; line-height: 24px; border: 1px solid rgb(221, 221, 221); text-align: center; color: rgb(255, 255, 255); }
.product .n a:hover { color: rgb(69, 73, 84); }
.product .n .cur { color: rgb(69, 73, 84); }
.product .c { clear: both; width: 94%; padding: 20px 3% 50px; line-height: 24px; text-align: left; }
.fb { width: 100%; padding-top: 10px; border-top: 1px solid rgb(205, 205, 205); }
.fb td { height: 30px; }
.fb .txt { width: 300px; }
.fb .ta { width: 365px; height: 110px; margin-right: 10px; }
.newslist { width: 750px; padding-left: 20px; }
.newslist li { font-size: 15px; text-align: left; width: 95%; padding-left: 2%; line-height: 38px; border-bottom: 1px dashed rgb(101, 106, 122); background: rgba(0, 0, 0, 0) url("http://www.qiao-xin.com/other/liebiao2//icon.jpg") no-repeat scroll 5px 18px; }
.newslist a { color: rgb(149, 154, 170); }
.newslist a:hover { color: rgb(255, 255, 255); }
.newslist span { float: right; color: rgb(101, 106, 122); font-size: 14px; }
.titlelist { width: 750px; padding-left: 20px; }
.titlelist li { font-size: 15px; text-align: left; width: 95%; padding-left: 2%; line-height: 38px; border-bottom: 1px dashed rgb(101, 106, 122); background: rgba(0, 0, 0, 0) url("http://www.qiao-xin.com/other/liebiao2//icon.jpg") no-repeat scroll 5px 18px; }
.titlelist a { color: rgb(149, 154, 170); }
.titlelist a:hover { color: rgb(255, 255, 255); }
.page { padding: 35px; font-size: 14px; }
.news { width: 750px; }
.news .t { width: 750px; text-align: center; margin-top: 20px; line-height: 36px; }
.news .t strong { font-size: 20px; }
.news .p { width: 100%; padding-top: 10px; line-height: 24px; border-bottom: 1px dashed rgb(69, 73, 84); text-align: center; }
.news .c { width: 94%; padding: 20px 3% 50px; line-height: 24px; text-align: left; font-size: 13px; }
.rec { width: 100%; }
.rec table { border-bottom: 1px solid rgb(180, 189, 195); width: 100%; margin-bottom: 10px; }
.rec td { font-size: 12px; }
.rec .trh td { border: 1px solid rgb(186, 202, 217); background: rgb(160, 181, 202) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: center; height: 24px; line-height: 24px; font-weight: bold; }
.rec .trh2 td { border: 1px solid rgb(186, 202, 217); background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(115, 129, 145); text-align: center; height: 24px; line-height: 24px; font-weight: bold; }
.rec .trl td { border: 1px solid rgb(186, 202, 217); background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(115, 129, 145); text-align: center; height: 24px; line-height: 24px; }
.rec .trl2 td { border: 1px solid rgb(186, 202, 217); background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(115, 129, 145); text-align: center; height: 30px; line-height: 30px; }
.rec .trh3 td { border: 1px solid rgb(186, 202, 217); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(115, 129, 145); text-align: center; height: 24px; line-height: 24px; font-weight: bold; }
.rec .trl3 td { border: 1px solid rgb(186, 202, 217); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(115, 129, 145); text-align: left; line-height: 30px; }
.rec .text { border: 1px solid rgb(186, 202, 217); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(115, 129, 145); width: 96%; padding: 2%; line-height: 20px; text-align: left; }
.rec .text p { color: rgb(115, 129, 145); }
.rec a { color: rgb(56, 105, 138); text-decoration: underline; }
.rec a:hover { color: rgb(56, 105, 138); }
.can { width: 100%; }
.can td { border: 1px solid rgb(186, 202, 217); height: 24px; font-size: 12px; }
.can .tdh { width: 100%; text-align: center; background: rgb(160, 181, 202) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.can .tdl { width: 20%; background-color: rgb(245, 245, 245); text-align: right; }
.can .tdr { width: 30%; background-color: rgb(255, 255, 255); text-align: left; }
.can .tdr2 { width: 80%; background-color: rgb(255, 255, 255); text-align: left; }
.can .tdb { width: 100%; text-align: center; background-color: rgb(243, 245, 248); }
.can .txt { width: 215px; height: 14px; }
.can .txt2 { width: 579px; height: 14px; }
.can .ddl { width: 191px; }
.can .ta { width: 579px; height: 100px; }
.feedback { width: 100%; }
.feedback table { width: 100%; }
.feedback td { height: 24px; }
.feedback .tdl { width: 10%; text-align: right; padding-right: 1%; }
.feedback .tdr { width: 39%; text-align: left; }
.feedback .tdr2 { width: 89%; text-align: left; }
.feedback .txt { width: 240px; }
.feedback .txt2 { width: 593px; }
.feedback .ta { width: 591px; height: 100px; }
.job { width: 100%; line-height: 40px; }
.job table { width: 100%; }
.job td { height: 24px; }
.job .tdl { width: 10%; text-align: right; padding-right: 0px; }
.job .tdr { width: 39%; text-align: left; }
.job .tdr2 { width: 89%; text-align: left; }
.job .txt { width: 200px; }
.job .txt2 { width: 580px; }
.job .ta { width: 580px; height: 100px; margin: 10px; }
.network table { line-height: 50px; }
.network .td { height: 50px; }
.network .tdr { width: 39%; text-align: left; }