@charset "utf-8";
* { margin: 0; padding: 0; }
body { font-family: "宋体", "微软雅黑"; font-size: 13px; color: #333; }
img { border: none; }
ul li,
ol li { list-style: none; }
a:link,
a:active { text-decoration: none; color: #333; }
a:hover { color: #36c; }
a:visited { color: #333; }
.fl { float: left; }
.fr { float: right; }
.red { color: #c00; }
.more { padding: 5px 10px; background-color: #36c; text-align: center; font-family: Arial; color: #eee !important; }
.more:after { content: ">>"; }
.topbar { overflow: hidden; margin: auto; padding: 10px 0; width: 960px; }
.logo { float: left; }
.lang li { float: right; margin: 0 0 0 10px; }
.lang li a { display: block; overflow: hidden; text-indent: -100em; width: 20px; height: 16px; }
.lang li.cn a { background: url(../images/cn.gif) no-repeat; }
.lang li.en a { background: url(../images/en.gif) no-repeat; }
.search { clear: both; float: right; padding-top: 20px; }
.search select { padding: 0 5px; height: 32px; }
.search input { padding: 0 3px; line-height: 30px; width: 200px; height: 30px; }
.search button { width: 50px; height: 32px; }
.nav { background-color: #369; height: 40px; }
.menu { margin: auto; width: 1190px; }
.menu li { position: relative; float: left; line-height: 40px; font-family: "微软雅黑"; font-size: 16px; width: 145px; }
.menu li a { display: block; text-align: center; font-weight: bold; color: #eee; }
.menu li a:hover { position: relative; overflow: hidden; background-color: #fc0; color: #333; }
.menu li a:hover:before,
.menu li a:hover:after { content: "◆"; position: absolute; top: -3px; font-family: Arial; font-size: 68px; color: #369; }
.menu li a:hover:before,
.menu li a:hover:after { font-size: 50px\9; top: 1px\9; }
@-moz-document url-prefix() {
.menu li a:hover:before, .menu li a:hover:after {
top: 3px;
font-size: 87px;
}
}
.menu li a:hover:before { left: -26px; }
.menu li a:hover:after { right: -26px; }
.middle { clear: both; overflow: auto; }
.banner { overflow: auto; background-color: #E1F4FD; height: 500px; }
.banner .ban_main li { float: left; height: 500px; }
#banner { position: relative; text-align: center; }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 20px; }
.banner .dots li { display: inline-block; overflow: hidden; margin: 0 5px; background: #fff; border: #999 solid 1px; cursor: pointer; text-indent: -100em; width: 50px; height: 5px; }
.banner .dots li.active { background-color: #fc0; }
.banner-s { background-color: #E1F4FD !important; height: 160px; }
.banner-s.s1 { background: url(../images/about.jpg) no-repeat center; }
.banner-s.s2 { background: url(../images/about.jpg) no-repeat center; }
.banner-s.s3 { background: url(../images/about.jpg) no-repeat center; }
.banner-s.s4 { background: url(../images/about.jpg) no-repeat center; }
.banner-s.s5 { background: url(../images/about.jpg) no-repeat center; }
.banner-s.s6 { background: url(../images/about.jpg) no-repeat center; }
.wrap { margin: 10px auto 0; width: 960px; }
.side { float: left; margin-top: -50px; width: 220px; }
.side h1 { padding: 10px 10px 5px; background-color: #fc0; border-bottom: #369 solid 4px; font-family: "微软雅黑"; font-size: 20px; color: #fff; }
.side h1 span { display: block; font-family: Arial; font-size: 11px; }
.sub-nav { background: #f7f7f7; border: #ccc solid 1px; }
.sub-nav li { border-bottom: #bbb solid 1px; line-height: 45px; }
.sub-nav li a { display: block; padding-left: 10px; border-left: #f7f7f7 solid 3px; font-weight: bold; }
.sub-nav li.curr,
.sub-nav li a.on { background-color: #fff; }
.sub-nav li.curr a,
.sub-nav li a.on { border-left: #fc0 solid 3px; color: #fc0; }
.sub-nav:hover li a { border-left-color: #f7f7f7; }
.sub-nav:hover li.curr a,
.sub-nav:hover li a.on { border-left-color: #fff; }
.sub-nav li a:hover { border-left-color: #fc0 !important; }
.tree_2_ji { background-color: #fcfcfc; border-top: #bbb solid 1px; }
.tree_2_ji li { border-top: #bbb solid 1px; border-bottom: none; }
.tree_2_ji li a { padding-left: 20px; font-weight: normal; }
.tree_2_ji li a:before { content: ">"; margin-right: 5px; }
.contact { margin-top: 10px; padding: 10px; background-color: #f7f7f7; border: #ccc solid 1px; }
.contact li { margin: 10px 0 20px; padding-left: 40px; line-height: 35px; min-height: 35px; }
.ico-tel { background: url(../images/tel.png) no-repeat; line-height: normal !important; }
.ico-fax { background: url(../images/fax.png) no-repeat; }
.ico-mail { background: url(../images/mail.png) no-repeat; line-height: normal !important; }
.ico-addr { background: url(../images/location.png) no-repeat; line-height: normal !important; }
.main { float: right; width: 720px; }
.bread-nav { overflow: hidden; margin: 0 0 10px; padding-left: 25px; background: url(../images/home.png) no-repeat 0 1px; line-height: 25px; }
.bread-nav li { float: left; }
.bread-nav li:before { content: ">"; margin: 0 3px; }
.bread-nav li:first-child:before { display: none; }
.content { padding: 0 10px; line-height: 1.5em; }
.content p { margin-bottom: 1em; }
.machine { overflow: hidden; }
.machine ul { float: left; width: 430px; }
.machine ul li { float: left; margin: 0 10px 0 0; }
.machine ul li img { display: block; width: 205px; }
.machine table { float: right; border-collapse: collapse; border: #ccc solid 1px; width: 260px; }
.machine table th { background-color: #233E86; line-height: 35px; color: #fff; }
.machine table td { padding: 0 10px; line-height: 30px; }
.content img { margin-bottom: 10px; }
/*index*/
.board { margin-bottom: 30px; }
.board h2 { line-height: 3em; text-align: center; font-family: "微软雅黑"; }
.board h2:before,
.board h2:after { content: "-"; margin: 0 15px; }
.board .more { display: block; margin: 10px auto 0; width: 70px; }
.board .more:before { content: "<<"; }
.intro { margin: auto; text-align: center; line-height: 1.3em; width: 700px; }
.circle-btn { overflow: hidden; margin: 30px auto 0; width: 600px; }
.circle-btn li { float: left; margin: 0 45px; cursor: pointer; text-align: center; font-family: Arial, "黑体"; }
.circle-btn li i { display: block; margin: 10px auto; border: #999 solid 1px; border-radius: 50px; box-shadow: 0 0 10px -5px #ccc; width: 98px; height: 98px; }
.circle-btn li i.tel { background: url(../images/tel.png) no-repeat center; }
.circle-btn li i.mail { background: url(../images/mail.png) no-repeat center; }
.circle-btn li i.addr { background: url(../images/location.png) no-repeat center; }
.circle-btn li:hover { color: #fc0; }
.circle-btn li:hover i { box-shadow: 0 0 10px -3px #fc0; }
.pro-show { padding-bottom: 20px; background-color: #f7f7f7; }
.pro { overflow: hidden; margin: 10px 12px 15px; }
.pro li { float: left; margin: 0 30px; width: 250px; }
.pro li img { display: block; padding: 4px; background-color: #fff; border: #ccc solid 1px; box-shadow: 0 0 5px #ccc; width: 240px; height: 200px; }
.pro li em { display: block; margin-top: 5px; text-align: center; font-size: 18px; font-weight: bold; }
.pro li:hover img { border-color: #999; }
.union { float: left; border-right: #ccc solid 1px; width: 719px; }
.union h2 { text-align: left; font-size: 16px; color: #36c; }
.union h2:before,
.union h2:after { display: none; }
.union ul { }
.union li { display: inline; margin: 5px; }
.union img { height: 45px; }
.dock-nav { float: right; margin-left: -1px; padding-left: 20px; border-left: #ccc solid 1px; width: 220px; }
.dock-nav ul { font-family: "微软雅黑"; }
.dock-nav ul li { overflow: hidden; float: left; margin: 3px; background-color: #fc0; width: 32px; height: 32px; }
.dock-nav ul li.two { line-height: 32px; width: 64px; }
.dock-nav ul li a { position: relative; display: block; text-indent: -100em; color: #fff; width: 100%; height: 100%; }
.dock-nav ul li a em { position: absolute; left: 0; top: 0; text-indent: 0; line-height: 30px; text-align: center; font-size: 24px; font-style: normal; width: 100%; height: 100%; }
.dock-nav ul li:hover a { text-align: center; line-height: 1em; text-indent: 0; font-size: 14px; }
.dock-nav ul li:hover a em { position: static; line-height: 1em; font-size: 14px; width: auto; height: auto; }
.dock-nav ul li.two:hover a { line-height: 32px; }
/*feedback*/
.fb-tab td { padding: 5px; }
.ri-cg { text-align: right; }
.fb-tab input { padding: 5px; }
.glory li { margin: 0 5px 5px 0; }
.glory li img { width: 600px; }
/*news*/
.news-list .news-c { margin-bottom: 20px; padding: 5px; background-color: #f7f7f7; color: #999; }
.news-cont .note { padding: 3px; background-color: #f7f7f7; border: #ccc solid 1px; color: #666; }
.news-cont h2 { text-align: center; line-height: 3em; font-size: 18px; }
.news-cont p { text-indent: 2em; }
/*product*/
.pro-list { overflow: hidden; }
.pro-list li { float: left; margin: 5px 10px; }
.pro-list li img { display: block; padding: 5px; background-color: #fff; border: #ccc solid 1px; box-shadow: 0 0 5px #ccc; width: 200px; height: 160px; }
.pro-list li:hover img { border-color: #666; }
.pagelist { margin-top: 20px; }
.footer { margin-top: 20px; padding: 10px 0; background-color: #369; border-top: #fc0 solid 3px; }
.foot { position: relative; overflow: auto; margin: auto; font-family: Arial; font-size: 12px; color: #eee; width: 960px; }
.foot a { text-decoration: underline; color: #eee; }
.foot .fr { position: absolute; right: 0; bottom: 0; text-align: right; }
.foot .fr span { display: block; visibility: hidden; font-size: 10px; }
/*fuck off*/
.fuck { width: 1170px; }
.fuck-side { float: left; width: 320px; }
.fuck-main { float: right; margin-left: 16px; width: 834px; }
.about { line-height: 1.8em; color: #666; }
.about h1 { overflow: hidden; background: url(../gsnc/about.png) no-repeat; text-indent: -1000em; height: 42px; }
.ab { overflow: hidden; padding: 10px 10px 30px; border: #ccc solid 1px; border-top: none; border-radius: 0 0 10px 10px; word-break: break-all; width: 296px; }
.abc { margin-top: 20px; padding: 18px; background-color: #fcfcfc; border: #ccc solid 1px; border-radius: 10px; }
.fuck-more { display: block; margin-top: 15px; background-color: #c30; line-height: 19px; text-align: center; font-family: Arial; font-size: 12px; color: #fff !important; width: 59px; height: 19px; }
.fuck-more:after { content: "+"; }
.fuck-more-a { float: right; margin-right: 20px; line-height: 42px; font-family: Arial; font-size: 12px; color: #b22222 !important; }
.fuck-more-a:after { content: "+"; }
.sb { position: relative; margin-bottom: 5px; }
.sb .fuck-more-a { position: absolute; right: 0; }
.sb h1 { overflow: hidden; background: url(../gsnc/equ.png) no-repeat; border-bottom: #eae8e8 solid 2px; text-indent: -1000em; width: 100%; height: 42px; }
.sb-cont { position: relative; margin: 20px 0; padding: 30px 0; background-color: #f5f4f4; border-radius: 10px; }
.sb-cont .left,
.sb-cont .right { position: absolute; display: block; width: 30px; height: 187px; }
.sb-cont .left { background: url(../gsnc/right1.png) no-repeat center; left: 0; }
.sb-cont .left:hover { background-image: url(../gsnc/right.png); }
.sb-cont .right { background: url(../gsnc/left1.png) no-repeat center; right: 0; top: 30px; }
.sb-cont .right:hover { background-image: url(../gsnc/left.png); }
.sb-wp { overflow: hidden; margin: 0 30px; }
.sb-wp table { border-collapse: collapse; }
.sb-wp table td { padding: 0 10px 0 0; text-align: center; }
.sb-wp img { display: block; margin-bottom: 10px; padding: 3px; background-color: #fff; border: #ccc solid 1px; width: 225px; height: 150px; }
.fuck-jia { clear: both; background-color: #f5f4f4; border-radius: 10px; }
.fuck-jia h1 { overflow: hidden; background: url(../gsnc/pcbabg1.png) no-repeat; text-indent: -100em; height: 42px; }
.abcd { padding: 0 15px 0; }
.abcd marquee { padding: 10px 0; border-top: #ccc solid 1px; }
.abcd marquee table td { padding: 10px; text-align: center; }
.abcd marquee table td img { display: block; margin-bottom: 10px; padding: 3px; background-color: #fff; border: #ccc solid 1px; width: 225px; height: 150px; }
.fuck-hz { margin-top: 20px; padding: 12px 10px 12px 50px; background: url(../gsnc/hzsbg.png) no-repeat; height: 50px; }
.fuck-hz img { height: 50px; }