@import url(base.css);
body{font-size:12px;font-family:Arial;background:#ffffff;text-align:center;color:#333}
img, .twoimg, .topbg, .indtit s, .sidemenu li s{_behavior:url(js/iepngfix.htc)}
.mt_8:after, .onemar, .box:after, .list li:after, .q, .a, .indbox:after, .skf:after, .xlist li, .prolist:after, .imgtxt, .foot, .indtit{content:'';display:block;clear:both;overflow:hidden;height:100%}
.sanjiao, .qlink li em, .qlink li, .sidemenu li s, .btn, .indtit s, .listimg li div s, .proimgtit s, .buymar a, .contit s{background:url(../images/stylebg.png) no-repeat}
.mt_8{margin-top:8px;clear:both;height:100%;margin-bottom:20px}
a img{border:0}
input, select{vertical-align:middle}
.w1000{width:1000px;margin:0 auto;text-align:left}/*common*/
.log, .w390, .indtit h3, .indtit s, .flft{float:left;display:inline}
.w600, .indtit a, .frgt{float:right;display:inline}/*top*/
.topbg{background:url(../images/topbg.png) repeat-x;height:78px}
.log{margin-top:12px}
.language{width:140px;height:24px;position:relative;float:right;display:inline;margin-top:5px}
.sanjiao{width:134px;padding-left:6px;height:24px;background-position:-98px 0;position:relative;cursor:pointer;line-height:24px}
.yin{width:138px;border:1px solid #d4d3ce;border-top:none;height:22px;height:auto !important;min-height:22px;overflow:hidden;text-align:left;line-height:22px;position:absolute;top:24px;left:0px;display:none;z-index:1;background:#fff}
.yin li{line-height:22px;cursor:pointer;padding-left:6px}
.yin li a{display:block;}
.yin li:hover{background:#EBEBEB}/*nav*/
#nav{float:right;display:inline;margin-top:20px;position:relative;z-index:500}
#nav li.top{height:35px;line-height:27px;font-size:14px;float:left;display:inline}
#nav li a.top_link{background:url(../images/navline.png) no-repeat center right;padding:0 10px 0 10px;text-decoration:none;display:block;text-align:center;}
#nav li:hover a.top_link{color:#cc0000}
#nav li:hover{position:relative;z-index:200}
#nav li:hover ul.sub{left:1px;top:30px;background:#f0f0f0;padding:3px;width:190px;height:auto;z-index:300;border-bottom:2px solid #cc0000}
#nav li:hover ul.sub li{display:block;line-height:22px;position:relative;font-weight:normal}
#nav li:hover ul.sub li a{display:block;font-size:11px;line-height:22px;background:url(../images/navicon.png) no-repeat 8px 9px;text-indent:15px;color:#000;text-decoration:none}
#nav li:hover ul.sub li a:hover{color:#cc0000}
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul{left:90px;top:-4px;background:#bbd37e;padding:3px;border:1px solid #5c731e;white-space:nowrap;width:90px;z-index:400;height:auto}
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul{position:absolute;left:-9999px;top:-9999px;width:0;height:0;margin:0;padding:0;list-style:none}/*婊氬姩鍥剧墖*//* FlexSlider Necessary Styles*/
.flexslider .slides > li{display:none} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width:1000px;_width:987px;display:block;margin:0 auto}
.flex-pauseplay span{text-transform:capitalize}/* Clearfix for the .slides element */
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child{display:block}/* FlexSlider Default Theme*/
.flexslider{zoom:1;position:relative;width:100%;height:448px;left:0;margin-top:-8px;overflow:hidden;background-image:url(../images/bj_s1.jpg);background-repeat:repeat-x;}
.flexslider .slides{zoom:1}
.flexslider .slides > li{position:relative}/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container{zoom:1;position:relative}/* Caption style *//* IE rgba() hack */
.flex-caption{background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);zoom:1}
.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0, 0, 0, .3);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, .3);font-size:14px;line-height:18px}/* Direction Nav */
.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:none;background:url(../images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}
.flex-direction-nav li a.next{background-position:-52px 0;right:-21px}
.flex-direction-nav li a.prev{background-position:0 0;left:-20px}
.flex-direction-nav li a.disabled{opacity:.3;filter:alpha(opacity=30);cursor:default}/* Control Nav */
.flex-control-nav{width:300px;position:absolute;bottom:10px;z-index:1000;left:60px}
.flex-control-nav li{margin-right:5px;display:inline-block;zoom:1;
*display:inline}
.flex-control-nav li:first-child {}
.flex-control-nav li a{width:10px;height:10px;display:block;background:url(../images/stylebg.png) no-repeat -34px 0;cursor:pointer;text-indent:-9999px;overflow:hidden}
.flex-control-nav li a:hover, .flex-control-nav li a.active{background-position:-24px 0}
.indbg{background:#eeeeee;height:35px}/*box*/
.indbox, .aboutimg{margin-top:20px}
.w390{width:390px}
.w600{width:600px}
.indtit s{background-position:0 0;width:5px;height:9px;display:inline-block;float:left;margin:3px 5px 0 0}
.indtit h3{font-size:14px}
.indtit a{margin-top:5px}
.indcon{line-height:22px;color:#666666;margin-left:9px}
.w600 ul li{float:left;display:inline;margin-left:11px;text-align:center;position:relative}
.w600 ul li div{background:rgba(0, 0, 0, 0.5) none repeat scroll !important;/*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/background:#000;filter:Alpha(opacity=50);/*瀹炵幇IE鑳屾櫙閫忔槑*/color:#fff;width:187px;height:30px;position:absolute;bottom:0;line-height:30px;overflow:hidden;left:0}
.w600 ul li div span{position:relative;}/*瀹炵幇IE鏂囧瓧涓嶉�忔槑*/
.imgfu{margin-top:-8px;z-index:-1;position:relative}
.onemar{margin-top:15px}/*layout*/
.onelft{float:left;width:210px;display:inline}
.onergt{float:right;width:770px;display:inline}
.onelft .indtit h3{font-weight:700}
.sidemenu{margin-top:10px;clear:both}
.sidemenu li{margin-bottom:5px}
.sidemenu li a{display:block;background:#e9e9e9;line-height:20px;padding:3px 5px;text-decoration:none;overflow:hidden}
.sidemenu li a.mcurrent, .sidemenu li a:hover{background:#b4b4b4;color:#fff;border-left:2px solid #c40000}
.sidemenu li s{background-position:-53px 0;width:5px;height:5px;display:inline-block;float:left;margin:8px 5px 0 3px;overflow:hidden}
.sidemenu li a.mcurrent s{background-position:-47px 0}
.titone{height:35px;font-size:14px;color:#c70007;font-weight:700;border-bottom:1px dashed #E6E6E6;border-top:1px dashed #E6E6E6;line-height:35px}
.sercon{padding-left:10px;font-size:14px;line-height:26px}
.sercon p{margin:20px 0}
.comlist{padding:7px 10px}
.comlist li, .help dd{line-height:24px;word-break:break-all;overflow:hidden}
.comlist li em{font-family:"瀹嬩綋"}
.comlist li span{float:right;color:#999}
.comlist li s{background:url(../images/stylebg.png) no-repeat 0 -30px;width:5px;height:5px;margin:9px 5px 0 0;display:block;_display:inline;float:left;overflow:hidden}
.comlist li.linemar{margin-top:20px}
.xiashu .comlist li s{background-position:-8px -40px;width:4px;height:6px;margin:9px 5px 0 0}
.newlist .comlist li{font-size:14px;line-height:28px}
.listline .comlist li{border-bottom:1px dotted #ccc;}
.newlist .comlist li s{background-position:0 -40px;width:3px;height:5px;margin:11px 7px 0 10px}
.comlist li a:link, .comlist li a:active, .comlist li a:visited{color:#656565;text-decoration:none}
.comlist li a:hover{color:#c7000c;text-decoration:underline}
.qlink li{margin-top:12px;background-position:-340px 0;height:60px;overflow:hidden;cursor:pointer}
.qlink li em{float:right;display:block;_display:inline;width:32px;margin:15px 15px 0 0}
.qlink li em.icon1{background-position:0 -85px;height:24px;margin-top:17px}
.qlink li em.icon2{background-position:-34px -85px;height:30px;}
.qlink li em.icon3{background-position:-87px -85px;height:32px;}
.qlink li em.icon4{background-position:-142px -85px;height:19px;margin-top:20px}
.qlink li p{font-weight:700;float:left;display:inline;margin:20px 0 0 26px}
.contact{margin:10px;padding-top:10px}
.contit{background:url(../images/contitbg.png) repeat-y;height:28px;margin:10px 0}
.contit s{background-position:0 -30px;width:4px;height:7px;display:inline-block;float:left;margin:10px 8px 0 10px;overflow:hidden}
.contit h3{font-size:14px;font-weight:700;font-family:寰蒋闆呴粦;line-height:28px}
.contact p{line-height:24px;margin:10px}
.contact p span, .sercon p span{margin:0 20px}
.contact p em{margin-left:49px}/*foot*/
.foot{padding-top:10px;border-top:1px dotted #ccc;line-height:24px;padding-bottom:10px;margin-top:20px}
.flft a{margin:0 8px}
.flft em{display:block;margin-left:8px}/*about*/
.tab{padding:15px 0}
.tab table{border-collapse:collapse}
.tab td{line-height:24px;padding:5px 5px 5px 5px}
.xstab td{padding:2px 0 2px 5px}
.tab td.pl_20{padding-left:45px}
.tabinp{height:24px;line-height:24px;padding-left:2px;margin-right:5px}
.tabinp, .tabtextarea{border:1px solid #DFDFDF;background:#fff}
.radio{vertical-align:-2px;margin-right:3px}
.tabtextarea{line-height:22px;padding:3px;width:80%}
.btn{border:0;cursor:pointer}
.tabbtn{background-position:-226px -130px;width:93px;height:33px}
.mbtn{background-position:-12px -13px;width:81px;height:18px;padding-left:15px;color:#fff;line-height:18px;cursor:pointer;overflow:hidden}
.mbtn1{background-position:-205px -88px;width:130px;}
.wxbtn{background-position:-564px 0;width:81px;height:30px;font-weight:700;text-align:center;color:#070907;line-height:30px}
.wxbtn1{background-position:-544px -67px;width:101px;}
.wxbtn2{background-position:-393px -67px;width:131px;}
.jobbtn{background-position:-564px -33px;width:89px;height:28px;display:block;margin-left:20px}
.serbtn{background-position:-98px -29px;width:106px;height:23px;color:#fff;font-weight:700;text-align:center;margin:10px 0}
.tab td.tabtit{background:#FFEEE0;padding-left:15px}
.wxtab td{border:1px solid #E4E4E4}
.trbg td{background:#F2F2F2}
.trbg1 td{background:#F7F7F7}
.txtcolor{color:#999;text-align:right}
.message{margin:20px 10px 10px 10px;position:relative;border:1px solid #7f9db9;padding:10px}
.q, .a{line-height:26px;padding:4px 10px;font-size:14px}
.q{background:#f5fbff;margin-bottom:10px}
.a{background:#f2f2f2}
.message span{color:#1e5ea5}
.message em{color:#cc0000}
.message .page{margin-top:20px}
.ser{border:1px solid #C0CDDA;margin:20px 10px;padding-bottom:10px}
.ser li{line-height:28px;margin-left:5px;color:#1e5ea5;margin-right:5px}
.ser li.sertit{background:#E9E9E9;border-bottom:1px solid #C40000;padding-left:10px;margin:0;font-size:14px;font-weight:700}
.ser li.serbg{background:#F6F6F6}
.ser li span{margin:0 10px}
.service{background:url(../images/service.jpg) no-repeat bottom right;margin:30px 0}
.service span{display:inline-block;font-size:16px;font-family:寰蒋闆呴粦;color:#666;margin-bottom:15px;padding:0 20px;line-height:32px}
.sbg{background:#dedede}
.sbg1{background:#f5f5f5}
.aboutimg{margin-bottom:20px}
.imglft{float:left;display:inline;margin-right:20px}
.aboutimg p, .aboutimg div{line-height:24px}
.aboutimg2{margin-top:15px;margin-left:10px}
.aboutimg2 p{font-family:寰蒋闆呴粦;line-height:30px;padding:10px 0}
.marfu{margin-top:-100px;z-index:-1;position:relative}
.listimg li{float:left;display:inline;margin:0 10px 25px 12px;overflow:hidden}
.listimg li img{border:1px solid #e8e8e8;padding:6px}
.listimg li img:hover{border:1px solid #f00;}
.bornone li{margin:0 7px 25px 7px}
.bornone li img{border:0;padding:0}
.listimg li div{margin-top:8px}
.listimg li div s{background-position:-8px 0;width:4px;height:5px;display:inline-block;float:left;margin:6px 5px 0 0}
.listimg li div em{width:220px;overflow:hidden;line-height:18px;float:left}
.plist li{height:400px;margin-bottom:18px;overflow:hidden}
.xtit{height:30px;position:relative;background:#E5E5E5;overflow:hidden;margin-top:20px}
.xtit h3{color:#fff;font-weight:700;font-size:14px;background:#c40000;padding:0 10px;line-height:30px;float:left;display:inline;overflow:hidden}
.xsh3{float:left;display:inline}
.xtit em{float:right;display:inline;margin-top:8px;margin-right:10px}
.proimgtit{margin:30px auto}
.proimgtit s{display:inline-block;background-position:0 -40px;width:3px;height:5px;margin-right:7px;vertical-align:1px;
*vertical-align:middle;_vertical-align:middle;overflow:hidden}/*detail*/
.nconh1{text-align:center;margin-top:20px;font-size:18px;font-weight:700;font-family:寰蒋闆呴粦}
.artinfo{margin:15px 0;border:1px dashed #ccc;text-align:center;font-size:15px;font-family:寰蒋闆呴粦;line-height:40px}
.atrcon{margin:10px;line-height:26px}
.atrcon p{padding:10px 0;}
.tindent p{text-indent:25px}
.h3infor{background:#f2f2f2;text-align:center;line-height:24px;color:#919191;margin-top:12px}/*porduct*/
.sertop{height:35px;border-top:1px solid #ca3c3c;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));background:-moz-linear-gradient(top, #efefef, #ffffff);position:relative;z-index:-1}
.sermid{position:relative;border:1px solid #e2e2e2;overflow:hidden;margin-top:10px;z-index:1000}
.sermid ul{padding:5px 0 0 13px;margin-top:-25px}
.sermid li{padding-bottom:5px;line-height:24px}
.sermid .tabinp{width:168px}
.sermid select{padding:2px;width:170px}
.proimg img{border:1px solid #e2e2e2;padding:5px;margin-top:20px}
.proh3{background:#F2F2F2;line-height:28px;padding-left:10px;font-weight:700;margin:20px 0 13px 0}
.buymar a{display:inline-block;height:24px;color:#c40000;padding-left:10px;text-align:left;overflow:hidden;line-height:24px}
.buymar a.a1{background-position:0 -60px;width:139px}
.buymar a.a2{background-position:-152px -60px;width:149px;margin-left:10px}
.proinfor{margin-bottom:20px}
.proinfor h4{font-size:14px;font-weight:700;margin:20px 0 20px 5px;font-family:"寰蒋闆呴粦"}
.proinfor .tab{border-bottom:1px dashed #ccc;margin-bottom:15px}
.proinfor .tab td{padding:2px 5px 3px 5px}
.proinfor .tabinp{height:18px;line-height:16px;text-align:center;width:40px;padding:0;margin-right:0}
.protab{margin:10px 25px}
.protab table td{border:1px solid #333}/*page*/
.page{padding:10px 0 25px 0;text-align:center;font-family:"寰蒋闆呴粦"}
.page a{background:#fff;border:1px solid #ccc;padding:2px 6px 1px 6px;margin:0 3px;display:inline-block}
.page a.acurrent{background:#CC0000;border:1px solid #CC0000;color:#fff}


/* zoom */
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{overflow:hidden;width:670px;margin:0 auto;margin-top:20px}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:62px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{width:670px;height:570px;margin:10px 0}
.tb-s310, .tb-s310 img{width:650px;height:570px;margin:0 auto}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:60px;width:60px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;width:670px;height:570px;margin:20px auto auto auto}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:60px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb  li img{width:56px;height:56px}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("http://demo.lanrenzhijia.com/2015/jqzoom0225/images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.right-nav {
    position: fixed; z-index: 999; right: 0; top: 30%; border-bottom: 1px solid #eee;
}
.right-nav-bd {
    background-position: left top; background-repeat: repeat; background-attachment: scroll;
    color: #545454; font-family: Arvo; font-size: 14px; text-align:left; font-weight: 0; letter-spacing: 0; line-height: 1.7em; font-style: 0; text-decoration: 0;
}
.onlinservice-fixed-blocks-items {
    width: auto; min-width: 64px; height: auto; position: relative;
}
.onlinservice-fixed-blocks-items a {
    display: block; width: 100%; height: 100%; text-align: center; background-color: #fff; color: #999; border: 1px solid #eee; box-sizing: border-box; border-bottom:0;  padding-top: 5px;
}
.onlinservice-fixed-blocks-items a img {
    width: 20px;
}
.onlinservice-fixed-blocks-items a span {
    display: block; margin: 0; font-size: 12px; text-align: center; line-height: 18px; padding: 0 4px 4px;
}

.onlineservice-fixed-blocks-tips {
    padding: 5px 8px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; position: absolute; right: 78px; top: 6px; transform: translateX(250%); transition: all .6s; z-index: -1;
}
.onlineservice-fixed-blocks-tips li {
    width: auto; height: auto;
}
.onlineservice-fixed-blocks-tips li a {
    display: block; min-width: 30px; min-height: 22px; text-align: center; line-height: 22px; color: #666; font-size: 14px; border: none;
}
.onlineservice-fixed-blocks-tips li a img {
    width: auto;
}