@charset "utf-8";
/* CSS Document */
/****-----Public-----***/
/*格式化代码-s*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "museo-slab"; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
input, button { margin: 0; font-size: 12px; vertical-align: middle; }
table { border-collapse: collapse; }
a { color: #343434; text-decoration: none; }
img { border: none; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
/*C-E*/
body { background-color: #fff !important;  min-width:1200px; overflow-x:hidden; }
body, form { margin: 0; padding: 0; }
div { font-family: "museo-slab"; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
a { color: #333; font-size: 12px; text-decoration: none; outline: none; }
a:hover { color: #d400000; text-decoration:none !important; }
div { font-size: 12px; line-height: 22px; }
.mt10 { margin-top: 10px; }
.p15 { padding: 15px; }
.clear { clear: both; }
.jqzoom { text-decoration: none; float: left; z-index: 999; }
/*list*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
#header, #container, #link, #footer, #position { margin: 0 auto; width: 1200px; overflow: hidden; }
#container{ margin-bottom:10px;}
#position { line-height: 48px; }
#position a { color: #d10000; font-size: 12px; }
#position span { font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
#header { height: 90px; }
#header .logo { float: left; width: 400px; height: 86px; overflow: hidden; }
#header .base { float: right; padding: 10px 0 0; font-size: 12px; color: #cfcfcf; text-align: right; }
#header .base a { font-size: 12px; font-family: "museo-slab"; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; text-align: right; }
#header .base form { margin: 10px 0 0 0; clear: both; display: block; text-align: right; }
#header .base form input { vertical-align: middle; font-size: 12px; }
#header .base form input[type=text] { border: 1px solid #ccc; padding: 6px 10px; color: #999; width: 180px; }
#header .base form input[type=submit] { border: 1px solid #cc0001; background: #cc0001; padding: 6px 8px; width: 50px; color: #fff; letter-spacing: 2px; }
#link, #goodsshow { margin: 10px auto; }

/* 本例子css */
#banner{ height:466px;}
.slideBox{ width:100%; height:466px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;  bottom:5px; z-index:1; width:100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;  }
.slideBox .hd ul li{ margin-right:8px;  width:36px; height:4px; line-height:14px; text-align:center; background:#fff; cursor:pointer; display:inline-block; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{ width:100%; height:466px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-60px; display:block; width:58px; height:120px; background: url(../images/left_right.png) 0 0 no-repeat ; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:0 -120px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.eui_switchable { width: 960px; height: 500px; position: relative; }
.eui_switchable .sc_container { width: 960px; height: 500px; position: relative; overflow: hidden; }
.eui_switchable .sc_container ul { width: 960px; height: 500px; margin: 0; padding: 0; list-style: none; }
.eui_switchable li { width: 960px; height: 500px; overflow: hidden; }
.eui_switchable li img { border: 0; }
.eui_switchable .sc_index { position: absolute; right: 12px; bottom: 12px; z-index: 3; }
.eui_switchable .sc_index a { float: left; width: 10px; height: 10px; line-height: 10px; margin-left: 2px; background: #fff; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; text-indent: -999em; overflow: hidden; }
.eui_switchable .sc_index .current { background-color: #3498f0; opacity: 1; filter: alpha(opacity=100); }
.eui_switchable .sc_prev, .eui_switchable .sc_next { position: absolute; top: 50%; margin-top: -29px; display: block; width: 40px; height: 58px; background: url(../images/arrow.png) no-repeat 0 0; text-indent: -999em; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); border: 2px solid #555; }
.eui_switchable .sc_prev { left: 10px; }
.eui_switchable .sc_next { right: 10px; background-position: -46px 0; }
.eui_switchable .sc_prev:hover, .eui_switchable .sc_next:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*main*/
#contain { width: 100%; background: #fff; }
.main_contain { width: 1000px; margin: 0 auto; height: 285px; }
.main_about { width: 280px; height: 280px; float: left; margin-right: 10px; background: #FFF; }
.main_about_header_about { height: 40px; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; color: #fff; font-weight: bold; background: url(../images/in_about.png) no-repeat 0 0px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.main_about_header_news { height: 40px; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; color: #fff; font-weight: bold; background: url(../images/in_news.png) no-repeat 0 0px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.main_about_header_contact { height: 40px; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; color: #fff; font-weight: bold; background: url(../images/in_contact.png) no-repeat 0 0px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.main_about_header_product { height: 40px; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; color: #fff; font-weight: bold; background: url(../images/in_pro.png) no-repeat 0 0px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.main_about_header_about span, .main_about_header_news span, .main_about_header_contact span, .main_about_header_product span { float: right; font-size: 12px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; color: #fff; }
.main_about_header_about span a, .main_about_header_news span a, .main_about_header_contact span a, .main_about_header_product span a { color: #fff; }
.main_about_header_body { padding: 10px 25px 0; font-size: 12px; font-weight: 100; border: 1px solid #f1f1f1; border-top: none !important; height: 210px; }
.main_about_header_body p { font-size: 14px; margin: 0 0 5px 0; display: block; font-weight: bold; }
.main_about_header_body span { font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.main_about_header_body span a:hover { color: #cc0001; text-decoration: none; }
.main_about_header span a { color: #000; font-size: 12px; }
.main_about_header span a:hover { color: #cc0001; text-decoration: none; }
.main_news { width: 405px; float: left; margin-left: 10px; height: 280px; background: #FFF; }
.main_contact { width: 276px; float: right; overflow: hidden; height: 280px; background: #FFF; }
.main_contact p { font-size: 14px; margin: 0 0 5px 0; display: block; font-weight: bold; }
.left { float: left; width: 935px; background: #FFF; }
.right { float: left; width: 245px; margin: 0 15px 0 0; background: #FFF; }
#learn more  { width: 100%; background: #f1f1f1; padding-top: 35px; }
.product { width: 1000px; margin: 10px auto 0 auto; }
.pc_header { background: url(../images/left_pro.png) no-repeat 0 0px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; padding: 0 10px 0 20px; _padding: 10px 10px 0 15px; _height: 25px; _line-height: 25px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.pc_header_right { background: url(../images/right_tit.png) no-repeat 0 0px; height: 40px; line-height: 40px; color: #db0100; font-size: 14px; padding: 0 10px 0 20px; _padding: 10px 10px 0 15px; _height: 25px; _line-height: 25px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: bold; }
.pc_header span { float: right; font-size: 12px; color: #333; _margin-top: -5px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; color: #fff; }
.pc_header span a { font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; color: #000; font-size: 12px; color: #fff; }
.pc_header img { vertical-align: middle; margin: 0 8px 0 0; padding: 0; border: 0; }
.pc_body { border-top: 0; font-size: 12px; line-height: 22px; }
.pc_body p{ margin: 5px 0;  }

.pc_body span { font-size: 12px; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-weight: normal; }
.about, .newslist, .sitemap { padding: 20px 25px; }
.about, .newslist, .sitemap { background: #fff !important; }
.newslist ul { margin: 0 10px 10px 10px; padding: 0; list-style: none; overflow: hidden; }
.newslist ul li { clear: both; line-height: 35px; height: 35px; border-bottom: 1px dashed #ccc; font-size: 12px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.newslist ul li a { font-size: 13px; text-decoration: none; }
.newslist ul li span { float: right; color: #999; font-family: verdana; font-size: 12px; }
.newsshow { padding: 0 25px; }
.newsshow h1 {    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 100;
    font-variant: normal;
    margin: 0;
    padding: 15px 0;
    font-family: microsoft yahei;}
.newsshow .info { text-align: center; color: #999; padding:0 0 15px 0; }
.newsshow .content { line-height: 24px; font-size: 14px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.newsshow .content p { margin: 5px 0; }
.newsshow .content img { max-width: 640px; }
.newsshow .pre { margin: 10px 0 5px 0; color: #999; }
.newsshow .next { margin: 0 0 10px 0; color: #999; }
.topnews { margin: -1px 0 0 0; *margin:0;
padding: 0; list-style: none; }
.topnews li { line-height: 20px; border-bottom: 1px dotted #c4c4c4; font-size: 12px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.topnews li a { text-decoration: none; }
.topnews li span { font-family: 宋体; }
.contact { line-height: 24px; }
.contact p { margin: 0 0 5px 0; *margin:0 0 6px 0;
display: block; font-weight: bold; font-size: 14px; }
.pro { height: 250px; }
.pro .arrow_left { float: left; width: 40px; background: url(../images/arrow.gif) no-repeat left; height: 150px; cursor: pointer; }
.pro .prolist { float: left; width: 880px; height: 180px; overflow: hidden; }
.pro .prolist ul { margin: 0 5px; padding: 0; list-style: none; width: 2999px; }
.pro .prolist ul li { float: left; width: 147px; text-align: center; padding-top: 10px; }
.pro .prolist ul li img { width: 120px; height: 120px; vertical-align: top }
.pro .prolist ul li div { line-height: 30px; height: 30px; font-size: 12px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.pro .prolist ul li a img { border: 1px solid #ccc; padding: 2px; }
.pro .prolist ul li a:hover img { border: 1px solid #738CBA; padding: 2px; }
.pro .arrow_right { float: left; width: 30px; background: url(../images/arrow.gif) no-repeat right; height: 150px; cursor: pointer; }
.link img { margin: 3px 8px 5px 0; }
.link ul { clear: both; margin: 0; padding: 0; list-style: none; }
.link ul li { float: left; width: 93px; height: 25px; overflow: hidden; }
#footer { text-align: center; font-family: verdana; }
#footer div { color: #cfcfcf; }
.sitemap .big a { font-size: 14px; line-height: 40px; font-size: 14px; font-weight: bold; }
.sitemap　div { line-height: 30px; }
.category { margin: -1px 0 0 0; *margin:0;
padding: 0; list-style: none; }
.category a { color: #000; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.category span { font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-size: 12px; margin-right: 10px; font-weight: normal; }
.category li a { color: #000; font-size: 12px; }
.category li a:hover { text-decoration: none; color: #d40001; font-weight: bold; }
.category li { line-height: 30px; border-bottom: 1px solid #cfcfcf; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-size: 15px; }
.category li span { font-family: 宋体; font-size: 12px; margin-right: 10px; }
.category .hover { color: #000; font-size: 12px; font-weight: bold; }
.category .hover a { color: #d40001; }
.piclist { padding: 15px 0 0 0; overflow: hidden; }
.piclist ul { margin: 0; padding: 0; list-style: none; width: 985px; overflow: hidden; padding: 10px 0px; }
.piclist ul li { float: left; width: 220px; text-align: center; margin-bottom: 30px; margin-right: 14px; background: #fff; border: 1px solid #f1f1f1; }
.piclist ul li img { vertical-align: top }
.piclist ul li div { line-height: 30px; height: 30px; background: #f1f1f1; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
.piclist ul li a img { padding: 5px; width: 95%; }
.piclist ul li a:hover img { }
.piclist ul li:hover { background: #cc0001; }
.piclist ul li:hover div { color: #fff; background: #cc0001; }
#goodsshow { border: 1px solid #A6BBE2; background: #fff; padding: 30px; overflow: hidden; width: 900px; }
#goodsshow img { border: 0; }
#goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 360px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .right { width: 500px; }
#goodsshow .right h1 { font-size: 18px; font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#goodsshow .right .intro { color: #999; min-height: 80px; }
#goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .right .price span { color: #f60; font-size: 16px; }
.job_h1 { font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; margin: 10px 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; margin:0; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; align: center; }
/* Globe Font Control */
body, input, textarea, button, select { font-family: Tahoma, 'simsun'; font-size: 12px; }
table { font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-size: 12px; text-align: center; }
body { font-family: "Microsoft Yahei", "??圆", Tahoma, 'simsun'; font-size: 14px; }
.head { background-color: #F7F7F7; height: 106px; }
.head-cont { margin: 0 auto; overflow: hidden; position: relative; width: 960px; }
.logo-des, .ctrl-l, .ctrl-r { text-indent: -99em; }
.logo { background: url(../images/logo.png) no-repeat; display: inline-block; .display:block;
float: left; height: 62px; width: 250px; }
.logo-des { background: url(../images/logo_des.png) no-repeat; display: inline-block; .display:block;
.float:left;
height: 24px; *margin-top:40px;
margin-left: 12px; width: 231px; }
.top-nav { float: right; font-size: 0; margin-top: 29px; position: relative; z-index: 1; }
.top-nav a { color: #000; cursor: pointer; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; width: 111px; padding-right: 4px; }
.top-nav a.current { background: url(../images/top_nav_active.png) no-repeat; color: #fff; }
.main { margin: 0 auto; width: 100%; }
.pro-switch { height: 400px; overflow: hidden; position: relative; width: 100%; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 450px; }
.no-js .slides > li:first-child { display: block; }
.flexslider { margin: 0 auto; position: relative; width: 960px; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flexslider .slides { zoom: 1; }
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active { background-position: 0 0; }
#j_tslm { border-bottom: 1px solid #E2E2E3; margin-top: 22px; overflow: hidden; padding-bottom: 40px; *padding-bottom:20px;
}
.mod-tit { background: no-repeat; color: #303236; font-size: 28px; height: 50px; line-height: 50px; margin: 32px 0; padding-left: 60px; }
.tszl { background-image: url(../images/tit_tslm.png); }
.about { background-image: url(../images/tit_about.png); }
.pro-list { font-size: 0; }
.pro-list li { background-color: #11b4fe; border: 4px solid #d3d5db; display: inline-block; *float:left;
height: 120px; margin-right: 38px; width: 120px; }
.pro-list li.last { margin-right: 0; }
.news-mod-cont { background-color: #f7f7f7; overflow: hidden; padding: 30px; _zoom: 1; }
.news-mod { width: 342px; }
.news-mod-tit { background: url(../images/line.png) no-repeat 0 100%; color: #3e3f43; font-size: 16px; font-weight: 700; margin-bottom: 15px; padding-bottom: 12px; }
.more, .fr { float: right; }
.more { color: #168eff; text-decoration: none; }
.fl { float: left; }
.date { color: #7b7b7b; float: right; }
.txt-list li, .news-list li { color: #3e3f43; display: block; padding: 6px 0; }
.news-list li a, .txt-list li a { color: #2c6ba6; text-decoration: none; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
#j_tslm ul li { width: 128px; height: 128px; border: 0; background-color: transparent; }
#j_tslm ul a { width: 128px; height: 128px; display: block; position: relative; z-index: 0; text-decoration: none }
#j_tslm ul div { position: absolute; top: 0; left: 0; width: 120px; height: 120px; border: 4px solid #d3d5db; }
#j_tslm a .front { z-index: 2; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear; -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear; -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -moz-transform .3s linear; }
#j_tslm a .back { z-index: 1; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear; -o-transform: rotateY(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -o-transform .3s linear; -ms-transform: rotateY(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: -ms-transform .3s linear; }
#j_tslm a:hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
#j_tslm a:hover .back { z-index: 3; zoom: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
#footer { width: 100%; text-align: center; color: #FFF; background: #181818; }
#footer .footer { width: 1003px; margin: 0 auto; color: #FFF; font-size: 14px; height: 51px; text-align: center; line-height: 42px; padding: 0; }
#footer a { color: #FFF; text-decoration: none; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; font-size: 14px; }
.footer_bottom { text-align: center; width: 1003px; margin: 0 auto; }
.footer_bottom p { font-size: 12px; line-height: 25px; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; }
/*产品展示*/
* A { POSITION: relative }
/*定义文字样式*/
a { FONT-SIZE: 14px; COLOR: #000; CURSOR: pointer }
a:link { COLOR: #333; TEXT-DECORATION: none; OUTLINE-STYLE: none }
a:visited { COLOR: #333; TEXT-DECORATION: none; }
a:hover { COLOR: #333; TEXT-DECORATION: underline; }
a:active { COLOR: #333; TEXT-DECORATION: none; OUTLINE-STYLE: none }
a img { border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none }
#featureContainer { border-bottom: #999 0px dotted; border-left: #999 0px dotted; margin: 0px auto; width: 960px; font-size: 80%; border-top: #999 0px dotted; border-right: #999 0px dotted }
#wrap { overflow: hidden }
#load { background-image: url(images/loader32x32.gif); border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; margin: 0px auto; width: 923px; display: none; background-repeat: no-repeat; background-position: center 50%; height: 100px; border-top: #999 0px dotted; border-right: #999 0px dotted }
#feature { border-bottom: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted }
#feature .button { border-bottom: #999 0px dotted; position: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 840px; border-top: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px }
#feature .prev { border-bottom: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted }
#feature .next { BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted }
#feature .prev:hover { BACKGROUND-POSITION: center bottom }
#feature .next:hover { BACKGROUND-POSITION: center bottom }
.featureUL { border-bottom: #000 0px dotted; position: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; border-top: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px }
.featureBox { BACKGROUND-IMAGE: url(../images/bg-featurebox.jpg); border-bottom: #999 0px dotted; BORDER-LEFT: #999 0px dotted; WIDTH: 280px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 230px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 10px }
#botton-scroll { Z-INDEX: 0; border-bottom: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 840px; FLOAT: left; HEIGHT: 200px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted }
#block { Z-INDEX: 0; border-bottom: #999 0px dotted; position: relative; BORDER-LEFT: #999 0px dotted; PADDING-BOTTOM: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 840px; PADDING-RIGHT: 0px; HEIGHT: 180px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px }
#block .box { border-bottom: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 10px; WIDTH: 240px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 150px; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; PADDING-TOP: 10px }
#block .box .feature-title { FONT-SIZE: 140%; FONT-WEIGHT: normal }
#block .box .feature-thumb { WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px }
html, body { margin: 0; padding: 0; }
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap }
.iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word }
/*banner*/
.shadow { width: 1000px; margin: 0 auto; height: 50px; }
.shadow img { height: 50px !important; }
.page_banner { BACKGROUND: url(../images/page_banner_about.jpg) no-repeat center top; height: 260px; }
.top_banner { background: url(../images/top_banner.jpg) no-repeat left top; width: 100%; overflow: hidden; }
.containe { background: #fff; width: 100%; overflow: hidden; }
.bgfff { background: #f4f4f4; }
.piclist li div { color: #333; }
.w1200 { width: 1200px; margin: 0 auto; }
/* 头部 tool  */
.header-top { background: #d8261c; height: 34px; width: 100%; line-height: 34px; }
.header-top .h-top { line-height: 34px; height: 34px; color: #cdc8bf; font-size: 13px;   }
.header-top .h-top .t { display: table; float: left; background: url(../images/icon1.png) no-repeat left center; padding-left: 27px; color:#fff; }
.header-top .h-top .d { float: right; display: table; line-height: 34px; color:#fff; }
.header-top .h-top .d .qh_language { display: table; float: right; margin-right: 15px; padding-left: 5px;  line-height: 34px;  color:#fff;  }
.header-top .h-top .d .qh_language a { display: inline-block;  color: #cdc8bf; padding: 0 10px; margin: 0;  color:#fff;  }
.header-top .h-top .d .qh_language .yw {color:#fff;  }
.header-top .h-top .d a {  display: inline-block; color: #cdc8bf; margin-right: 25px; padding-left: 25px;  color:#fff; }
.header-top .h-top .d .a1 { background: url(../images/icon2.png) no-repeat left center; color:#fff;  }
.header-top .h-top .d .a2 { background: url(../images/icon3.png) no-repeat left center; color:#fff; }
.header-top .h-top .d .a3 { background: url(../images/icon4.png) no-repeat left center; color:#fff; }
.header-top .h-top .d .a4 { background: url(../images/icon5.png) no-repeat left center; color:#fff; }
/* header */
.header-div { background: #fff; padding-bottom: 0; position: relative; z-index: 999; border-bottom: 1px solid #ebebeb; -webkit-box-shadow: #999 0px 0px 8px; -moz-box-shadow: #999 0px 0px 8px; box-shadow: #999 2px 2px 4px; }
.header-div #header { height: 100px; }
#header .logo { width: 200px; background: none; margin-top: 18px; }
#header .logo img { height: 60px; }
/* nav */
.header-div .nav { float: right; width: 790px; }
.header-div .nav li { float: left; max-width: 70%; line-height: 100px; font-size: 16px; }
.line { float: left; width: 1px; height: 100px; background: url(../images/line.gif) no-repeat center; }
.header-div .nav li a { padding: 0 20px; display: block; color: #736b5f; }
.header-div .nav li a:hover {color: #D8261C; }
.header-div .nav li:hover, .header-div .nav li.cur { background: #efedeb; }
#nav ul dl, #nav ul .hover dl { position: absolute; margin: -4px 0 0 0px; _margin: -4px 0 0 0px; padding: 0; display: none; z-index: 999; }
#nav ul dl a, #nav ul .hover dl a { font-size: 12px; width: 110px; background: #efedeb; line-height: 30px; height: 35px; text-align: left; font-family: "Microsoft YaHei", "微软雅黑"; text-decoration: none; border-bottom: 1px solid #e1e1e1; }
#nav ul dl a:hover, #nav ul .hover dl a:hover { color: #fff; background: #d8261c; }
.header-div .nav li.hover { background: #efedeb; }
.header-div .nav li.hover a{color: #D8261C; }
/* 底部 */
.lbottom { width: 100%; background: #47443F; border-top: 5px solid #333; overflow: hidden; }
.lbottom .lbody1 .ltest { width: 123px; float: right; color: #717171; font-size: 14px; line-height: 28px; margin-top: 8px; }
.lbottom .lbody1 .ltest strong { font-size: 18px; }
.lbottom .lbody2 { padding-top: 32px; height: 194px; border-top: 2px solid #535353; }
.lbottom .lbody2 .lleft { margin-left: 20px; float: left; }
.lbottom .lbody2 .lleft .lipone { font-size: 12px; color: #f9f9f9; line-height: 30px; margin: 10px 0 5px; }
.lbottom .lbody2 .lleft .lipone span { font-family: "Arial"; font-size: 22px; font-weight: bold; }
.lbottom .lbody2 .lleft .lbtn { width: 163px; height: 29px; background: url(../images/map.png) no-repeat #3d3d3d; border-radius: 5px; cursor: pointer; display: block; }
.lbottom .lbody2 .lleft .lbtn:hover { background: url(../images/map.png) no-repeat #4E4E4E; }
.lbottom .lbody2 .lline { width: 1px; height: 137px; background: #909090; float: left; margin: 20px 80px 0 113px; }
.lbottom .lbody2 .llist { float: left; overflow: hidden; }
.lbottom .lbody2 .llist li { width: 180px; float: left; }
.lbottom .lbody2 .llist li a { font-size: 12px; color: #909090; line-height: 24px; display: block; }
.lbottom .lbody2 .llist li .ltitle { font-size: 14px; color: #fff; }
.lbottom .lbody2 .llist li a:hover { color: #B4804E; }
.lbottom .lbody2 .lright { float: right; width: 110px; margin-right: 31px; padding-top: 7px; }
.lbottom .lbody2 .lright .limg { width: 104px; height: 104px; margin: 0 auto 15px; }
.lbottom .lbody2 .lright .lbtn { width: 110px; height: 28px; background: url(../images/map.jpg) no-repeat; display: block; }
.lbottom .lbody2 .lright .lbtn:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.lbottom .lbody3 { background: #e2e1e1; padding-top: 17px; height: 160px; }
.lbottom .lbody3 .la { font-size: 12px; line-height: 14px; color: #545454; }
.lbottom .lbody3 .la a { color: #545454; margin: 0 16px; }
.lbottom .lbody3 .la a:hover { color: #B4804E; }
.lbottom .lbody3 .lbox { width: 1198px; height: 76px; border: 1px solid #d1d0d0; margin-top: 28px; }
.lbottom .lbody3 .lbox .lleft { text-align: center; font-size: 12px; color: #545454; width: 40px; line-height: 14px; padding-top: 10px; float: left; }
.lbottom .lbody3 .lbox .lright { overflow: hidden; float: left; }
.lbottom .lbody3 .lbox .lright img { float: left; margin: 0 8px; }
.lbottom .lbody3 .ltest { font-size: 12px; color: #878787; line-height: 40px; }
.lbottom .lbody3 .ltest .lleft { float: left; }
.lbottom .lbody3 .ltest .lright { float: right; }
/* footer */
#footer { overflow: hidden; padding: 10px 0; background: #272522; overflow: hidden; height: 60px; }
/* .i-main  */
.fl { float: left; }
.i-main { background-color: whiteSmoke; z-index: 2; position: relative; }
.i-main .i-wrap1 { position: relative; border-top: 1px solid #ECEFEE;  padding-top: 33px; padding-bottom: 50px; padding: 30PX 0; border-bottom: 2px solid #e0e0e0; width:1200px;  }
.i-main .i-wrap2 { padding-top: 35px; padding-bottom: 62px; }
.i-main .i-wrap .titbox { line-height: 40px; height: 40px; }
.i-main .i-wrap h4 { font-size: 16px; color: #444; }
.i-main .i-wrap .titbox .line { display: inline-block; width: 1px; height: 20px; margin: 11px 12px 9px; background-color: #C9C9C9; }
.i-main .i-wrap .titbox .ftt { font-size: 13px; color: #aaa; }
.i-main .i-wrap .titbox .ftt:hover{ color:#d8261c}
.i-main .i-wrap2 .leftbox { width: 45%; }
.i-main .rightbox { width: 51%; }
.i-main .i-about { margin-top: 17px; height: 278px; }
.i-main .i-about .rowbox { background-color: white; height: 235px; }
.i-main .i-about .pic { display: block; width: 50%; overflow: hidden; }
.i-main .i-about .pic img { width: 100%; -webkit-transform: translateZ(0px); -webkit-transition: -webkit-transform 0.3s ease 0s; }
.i-main .i-about .bot-box { width: 100%; height: 42px; line-height: 42px; background-color: #d8261c; }
.i-main .i-about .bot-box a { display: inline-block; color: white; margin-right: 4%;  font-size: 14px; }
.i-main .i-about .cont { width: 37%; padding: 24px 7.3% 0 5.7%; position: relative; }
.i-main .i-about .ico { display: block; width: 25px; height: 25px; background: url("../images/ico_02.png") no-repeat center; position: absolute; left: -25px; top: 29px; }
/* i-news */
.i-main .i-news { margin-top: 17px; }
.i-main .i-news li { margin-bottom: 26px; }
.i-main .i-news .date { display: block; width: 50px; text-align: center; color: white; padding-top: 8px; height: 61px; background: url("../images/bg_02.png") no-repeat center; }
.i-main .i-news .date .day { font-size: 16px; font-weight: bold; line-height: 17px; }
.i-main .i-news .date .mon { line-height: 16px; font-size: 14px; }
.i-main .i-news .cont { width: 87.2%; padding-bottom: 24px; border-bottom: 1px solid #E0E0E0; }
.i-main .i-news .s-tit { line-height: 32px; font-size: 16px; font-weight: bold; }
.i-main .i-news .font { display: block; line-height: 22px; font-size: 14px; }
.i-main .i-news .l-more { display: inline-block; margin-top: 8px; line-height: 30px; color: #d8261c; font-size: 14px; }
.i-main .rightbox .more { display: inline-block; padding-right: 18px; background: url("../images/ico_03.png") no-repeat right center; color: #888; text-transform: uppercase; }
.i-main .rightbox .more { display: inline-block; padding-right: 18px; background: url("../images/ico_03.png") no-repeat right center; color: #888; text-transform: uppercase; }
/* 本例子css */
.picScroll-left { position: relative; }
.picScroll-left .hd { overflow: hidden; height: 15px; padding: 0 10px; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 29px; height: 29px; border: 1px solid #E7E7E7; position: absolute; top: -35px; -webkit-transition: border 0.3s ease 0s; -webkit-transition: border 0.3s ease 0s; background:#fff url("../images/ico_08.png") no-repeat center; right: 38px; left: auto; }
.picScroll-left .hd .next { background-position: 0 -50px; background:#fff  url("../images/ico_09.png") no-repeat center; right: 0; }
.picScroll-left .hd .prevStop { }
.picScroll-left .hd .nextStop { }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; }
.picScroll-left .hd ul li.on { }
.picScroll-left .bd { padding: 0; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; height:274px; }
.picScroll-left .bd ul li { margin: 0 5px; float: left; _display: inline; overflow: hidden; text-align: center; padding:3px; background:#fff; box-shadow:4px 4px #e4e4e4; border:1px solid #cccccc; }

.picScroll-left .bd ul li .pic { text-align: center; width:224px; height:224px; overflow:hidden; background:#fff; }
.picScroll-left .bd ul li .pic img { width: 220px; height: auto; display: block; transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s;overflow:hidden}
.picScroll-left .bd ul li .pic a:hover img { border-color: #d8261c; }
.picScroll-left .bd ul li .title { line-height: 34px; border-top:1px solid #ccc; }

.picScroll-left .bd ul li:hover{ background:#d8261c; color:#fff ;  box-shadow:6px 6px #ccc; border:1px solid #d8261c;}
.picScroll-left .bd ul li:hover a{ color:#fff;}
.picScroll-left .bd ul li:hover img{border: 1px solid #d8261c;transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);overflow:hidden; width:100%;}