@charset "utf-8";
/* CSS Document */

.cbanner{height:85px; background:url(../images/content_ban1.jpg) center repeat-x;}

/* 案例筛选 */
.lanm  .wrap {width:1180px;}
.lanm  .wrap .searchs{ overflow:hidden; margin-top:15px;}
.lanm  .wrap .searchs li{ height:22px; line-height:22px; padding:12px 0; border-bottom:1px solid #EFEFEF; padding-left:40px; text-align:left;}
.lanm  .wrap .searchs li span{ float:left; width:46px;}
.lanm  .wrap .searchs li a{ float:left; display:block; text-align:center; margin:0 5px; padding:0 10px;}
.lanm  .wrap .searchs li a.cur{ background:#cc0000; color:#FFFFFF;}
.lanm  .wrap .searchs li a:hover{ background:#cc0000; color:#FFFFFF; text-decoration:none}
    
.lanm  .wrap .searchs li.tx{ background:url(../images/anli_icons.gif) no-repeat 0 3px;}
.lanm  .wrap .searchs li.fg{ background:url(../images/anli_icons.gif) no-repeat 0 -40px;}
.lanm  .wrap .searchs li.mj{ background:url(../images/anli_icons.gif) no-repeat 0 -87px;}
.lanm  .wrap .searchs li.gx{ background:url(../images/anli_icons.gif) no-repeat 0 -135px;}
.lanm  .wrap .searchs li.xq{ background:url(../images/fg.jpg) no-repeat 0 9px;}
    
.lanm .anli ,.readcon .anli{margin-bottom:20px;}
.lanm .anli li,.readcon .anli li{width: 286px;height:220px;float:left;padding:0;background:none;text-align:left;margin: 0 9px 10px 0;}
/**/

.crub{height: 40px;font-size: 12px;color: #aaa;line-height: 40px; padding-left: 27px; border-bottom: 1px solid #ddd; margin-bottom:15px;background: url(../images/point_03.png) 10px 13px no-repeat; background-color:#FAFDFE; }
.crub li{float: left; margin-right: 5px;}
.crub a{color: #afafaf;}

.left{float: left; width: 865px; min-height:640px; padding: 15px; overflow: hidden;}
.leftl{width:420px; float: left; padding: 2px;margin-bottom:10px;}
.leftr{width: 420px; float: right;margin-bottom:10px;}
.lefta{margin-top:10px;}
.zj{padding-left: 10px;margin-bottom:10px;}
.zj p{display: block; height: 31px; line-height: 30px; margin-top:10px; text-indent: 40px;  background: url(../images/zlanm.jpg);}


.title{color: #323232; font-size: 30px; line-height: 50px; font-weight: lighter; text-align: center;}
.left i{display: block; border-bottom: 1px solid #eee;}
.content{padding: 15px; font-size: 15px; line-height: 1.8em;}
.content img { max-width: 100% }
.right{width: 250px;float: right; margin-right:20px; overflow: hidden;}

.ldt{font-size: 18px; font-weight: normal;line-height: 30px; height: 30px; background: url(../images/title04-bg.jpg) bottom left no-repeat;}
.ldjs{background: #f5f5f5;margin-bottom: 20px;}
.ldjs dd{padding:10px 20px; font-size: 14px;}

.jgszcon{margin-top:14px; width:250px; height:100%;}
.jgszcon h2{background:#ececeb; height:44px; line-height:44px; border-left:5px solid #9b231c; font-size: 18px; padding-left:10px;}
.jgszcon h2 a{color: #9b231c;}
#active{background: #9b231c;}
#active a{color: #fff;}
.jgszcon .navitems a{width:230px; display:inline-block; padding-left:15px;}
.jgszcon .navitems .navlist{background:#ececeb; line-height:34px; color:#5a5a5a; font-size:16px; font-weight:bolder; margin-top:12px; border-radius:5px;}
.jgszcon .navitems .select a{background:#5d83a8; color:#fff;}
.jgszcon .navlist .icon{background:url(../images/zwicon1_06.png) no-repeat; width:15px; height:9px; display:block; float:right; margin-top:12px; margin-right:12px;}
.jgszcon .select .icon{background:url(../images/zwicon1_03.png) no-repeat; width:15px; height:9px; display:block; float:right; margin-top:12px; margin-right:12px;} 
.jgszcon .navlist-items{color:#898989; font-size:14px; line-height:20px; font-weight:lighter;}
.jgszcon .navlist-items ul{padding: 5px 10px 20px 10px;}
.jgszcon .navlist-items li{width:80%;margin:10px auto auto; line-height: 26px;display: block; }
.jgszcon .navlist-items li a{width: 100%;}
.iframe{width:600px;height:500px;}


.readcon{padding:20px}
.readcon i {font-style: normal; text-align: center; display: block; margin-top: 15px; font-size: 14px; color: #9a9a9a; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.readcon i span { margin-left: 34px;}

.lanm {padding:10px;min-height: 400px;}
.lanm h2{background: #ececeb;height: 44px;line-height: 44px;border-left: 5px solid #9b231c;padding-left: 10px;text-align: left; font-size: 1.5em; color: #9b231c;}
.lanm h2 span{float:right; margin-right:15px; font-size:14px; font-weight:400; color:#667485;}
.lanm h2 span i{color:#f90;}
.lanm ul,.list-group {margin-top: 20px;margin-bottom:15px;}
.lanm li ,.list-group  li{text-align: right; background: url(../images/d.png) no-repeat left center;padding-left: 15px;line-height: 30px; margin-bottom:10px; float: none; font-size: 14px;}
#sj li{/* height:420px; */}
.lanm li a,.pull-left {float: left;}
.lanm li span {color: #999;}
.page {text-align: right; height: 40px; line-height: 40px; font-size: 14px; color: #333; width: auto; padding-top: 25px;margin: auto; border-top: 1px solid #EEEEEE;}
.page span,.page a{display:inline-block;height:20px; line-height:20px; padding-left:5px; padding-right:5px;margin-right:6px;border:1px solid #eee;}

.ld-left{ width:250px; float: left; margin-left:20px; }
.renwu{height:40px;padding-left:15px; margin-bottom:10px;background:#f5f5f5;border-radius: 3px;}
.current{ border-radius: 3px;background:#9b231c; color:#FFFFFF;}
.danqian{background:url(../images/icon-you.jpg) no-repeat 200px;}
.renwu h2{font-size:14px; line-height:40px;font-weight:normal;}
.ld-right{ width:865px;min-height:640px;float: right;margin-right:20px;}
.hr_10{height: 10px;clear: both;font-size: 1px;line-height: 1px;overflow: hidden;}
.ldjs-title{ font-size:18px; line-height:30px; font-weight:bold; padding-left:25px; } 
.img-box{ width:220px; padding-left:40px;float:left; text-align:center;}
.img116{ width:200px; border:1px solid #cccccc;padding:10px 8px 10px 8px;margin:0px; background:#FFFFFF;}
.img-title{ width:216px; color:#0066cc;font-size:1.5em; line-height:30px;}
.text01{ padding:0 30px;width:800px; float:right; font-size:14px; color:#5f5f5f;line-height:28px;}
.text01 p{ text-indent:2em;}
.colum-title{ height:32px;background: url(../images/title04-bg.jpg) bottom left no-repeat;}


.samy{width:90%; border: 1px solid #ededed; background: #ECF5FF; padding:20px; margin:20px auto; zoom: 1; line-height:22px;}
.samy a{display:inline-block; padding-left:8px; padding-right:8px;  margin-left:10px; border-radius:5px; color:#fff; background:#e6e6e6;}
.clam{width:786px; margin:0 auto;}
.clam li{padding:10px; border: 1px solid rgb(220, 220, 220); margin:20px auto; border-radius:8px; background:none;}
.clam li:hover{border: 1px solid #9b231c;background:none rgb(248, 248, 248);}
.clam li img{width:160px; float:left; margin-left:32px;}
.clamr{width:470px;float:right; margin-right:32px;}
.clamr h4{cursor: pointer; font-size: 18px;  line-height: 20px; height: 20px; margin-top:15px; margin-bottom:10px; text-indent:2em; color:#E9585B;}
.clamr h4 a{color:#E9585B;}
.clamr p{line-height:20px; color:#808080; text-indent:2em; text-align:left; font-size:12px;}

/*产品详情页*/
.poto{width:456px; float:left;}
.cans{width:680px; float:right;}
.sku-name{font: 700 16px Arial,"microsoft yahei";    color: #666;    padding-top: 10px;    line-height: 28px;    margin-bottom: 5px;}
.price { padding: 10px; line-height:30px; background: #f3f3f3;}
.price .dt{display:inline-block; margin-left:15px; color: #E4393C; }
.price .dtt{display:inline-block; margin-left:15px; color: #999;  line-height: 18px;}
.price span{font-size:22px;}
.price .dtt .hl_red_bg {
    color: #df3033;
    background: 0 0;
    border: 1px solid #df3033;
    padding: 2px 3px;
    margin-right: 5px;
    display: inline-block;
    line-height: 16px;
}
.cans p{line-height:30px; text-indent:10px;}
.cans p span{margin-right:12px;}
.yuding{
    display:inline-block;
    height: 46px;
    line-height: 46px;
    padding: 0 26px;
    font-size: 18px;
    font-weight: 700;
    margin-top:20px;
    background-color: #df3033;
    color: #fff;
    cursor: pointer;
}
.yuding a{color: #fff;}
.tab-main {
    margin-top:25px;
    margin-bottom:15px;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-bottom: 1px solid #e4393c;    
    display: block;
}
.tab-main  span{
    padding: 10px 25px;
    font-size: 14px;
    background-color: #e4393c;
    color: #fff;
    cursor: default;
    display: inline-block;
}

/*产品详情页*/

.xj{margin: 96px auto;display: block;}

.pic li{width:240px; float: left; margin:10px; display: inline; text-align: center; background:none;}
.pic li img{width:225px; height: 174px; margin:10px auto; padding:5px; border:1px solid #eee;}
.pic li p{height:26px; line-height: 26px; margin-bottom: 10px; text-align: center; overflow: hidden;}

.tit{float: left;}
.xz{float: right;}
.xz a{color: #00437D;}

/*jobs*/
.job li {
    width:90%;
    margin:15px auto auto;
    border-bottom: 1px dotted #999;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.li_efzy {
    width: 320px;
    display:inline-block;
    margin-right: 15px;
}
.li_left{width: 320px;float:left; margin-right: 15px;}
.li_butt{ margin:10px auto; width:100px;text-align:center;}
.li_butt a{width:100px; height:26px; line-height:24px; font-size:14px; font-family:microsoft yahei; border-radius:5px; border:1px solid #F30; display:inline-block; padding:0 5px; background-color:#F90; color:#FFF; cursor:pointer;}
.li_butt a:hover{ background-color:#F30; border-color:#C00;}

/* 留言表单 */
.basic-grey {
margin:34px auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #CF7A7A;
border: none;
margin-top:15px;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}
.yuany{width: 70%;height: 30px; line-height: 30px;margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 11px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;}
.len250{
    float:left;
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 80px;
    font-size: 12px;
    line-height: 15px;
}
.ylcon{padding:10px;min-width:320px;border:1px solid #eee;}
.titt{height:26px;line-height:26px;padding:0px 15px;position:relative;font-size:15px;color:#aaa;border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.story{border-bottom:1px dashed #cecece;padding:0 15px 3px;position:relative;}
.story_t{font-size:1.2em;color:rgba(0,0,0,1);padding-top:5px;padding-bottom:2px;}
.story_m{color:rgba(110,110,110,1);line-height:21px;word-break:break-all;word-wrap:break-word;overflow:hidden;font-size:1.2em;padding:2px 0;}
.story_time{color:rgba(154,154,154,1);padding:2px 0;}
.story_hf{background:rgb(245,245,245);font-size:1.2em;border:1px solid rgba(204,204,204,0.2);border-radius:2px;color:rgba(110,110,110,1);padding:8px;margin-bottom:5px;}
.story_hf span{color:#9E3F3F}
.opbtn{position:absolute;top: 0;right: 0;}
