@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/stylebgalabo.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:right}

/*common*/

.indtit s,.indtit a,.flft{float:left;display:inline}

.log,.indtit h3,.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;text-align:left}

.sanjiao{width:134px;padding-left:6px;height:24px;background-position:-98px 0;position:relative;cursor:pointer;line-height:24px;font-size:10px;-webkit-text-size-adjust:none}

.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:1000;background:#fff}

.yin li{line-height:22px;cursor:pointer;padding-left:6px}
.yin li a{ display:block;}
.yin li:hover{background:#EBEBEB}

#nav{float:left;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/naviconalabo.png) no-repeat right 9px;text-indent:15px;color:#000;text-decoration:none;padding-right:10px}

#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;z-index:-1;width:100%;height:448px;left:0;margin-top:-8px;overflow:hidden; margin:auto; 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/stylebgalabo.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;float:right;display:inline}

.w600{width:600px;float:left;display:inline}

.indtit s{background-position:0 0;width:5px;height:9px;display:inline-block;float:right;margin:3px 0 0 5px}

.indtit h3{font-size:14px}

.indtit a{margin-top:3px}

.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:right;width:210px;display:inline}

.onergt{float:left;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;height:27px;line-height:27px;text-decoration:none;overflow:hidden}

.sidemenu li a.mcurrent,.sidemenu li a:hover{background:#b4b4b4;color:#fff;border-right:2px solid #c40000}

.sidemenu li s{background-position:-53px 0;width:5px;height:5px;display:inline-block;float:right;margin:11px 5px 0 8px;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}

.qlink li{margin-top:12px;background-position:-340px 0;height:60px;overflow:hidden;cursor:pointer}

.qlink li em{float:left;display:block;_display:inline;width:32px;margin:15px 15px 0 15px}

.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:right;display:inline;margin:20px 26px 0 0;text-align:right}

.contact{margin:10px;padding-top:10px}

.contit{background:#ffffff url(../images/contitbgalabo.png) repeat-y top right;height:28px;margin:10px 0}

.contit s{background-position:0 -30px;width:4px;height:7px;display:inline-block;float:right;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}

.frgt a{margin:0 8px}

.frgt em{display:block;margin-left:8px}

/*about*/

.tab{padding:15px 0}

.tab table{border-collapse:collapse}

.tab td{line-height:24px;padding: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:63px;height:18px;padding-right:18px;color:#fff;line-height:18px;text-align:right;cursor:pointer}

.wxbtn{background-position:-564px 0;width:81px;height:30px;font-weight:700;text-align:center;color:#070907;line-height:30px}

.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-right: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{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}

.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:right;margin:6px 0 0 5px}

.listimg li div em{width:340px;overflow:hidden;line-height:18px;float:left}

.plist li{height:398px;margin-bottom:18px}

.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:999}

.sermid ul{padding:5px 13px 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:670px;margin:10px 0}
.tb-s310, .tb-s310 img{width:670px;height:670px;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:670px;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;}