@charset "utf-8";


/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*页面全局结束*/
.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}
.m, .mt, .mc, .mb{overflow:hidden;}
.mt .extra{float: right;}

.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url() repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url() #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url() no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}


/*图片放大镜样式*/
.jqzoom img { max-width: 455px !important; height: 354px; }
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:455px;height:354px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:455px;height:354px;border:1px solid #DFDFDF; text-align: center;}

.spec-scroll{clear:both; width:433px ; float: right; margin-top: -92px; }
.spec-scroll .prev{float:left; margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:90px; line-height:90px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:400px;height:92px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:92px;}

.spec-scroll .items ul li{float:left; margin:0 2px; text-align:center; border:1px solid #CCC; width:128px; height:90px; text-align: center;}
.spec-scroll .items ul li img{ max-width: 120px; height:86px; margin:2px; }
.spec-scroll .items ul li:hover{border:1px solid #FF6600;}



.proShow { width: 100%; height: 356px; position: relative; }
.pro_des { float: right; width: 435px; height: 240px;}
.pro_des h1 { font-size: 20px; color: #0662ca; font-weight: normal; }

.pro_des .pro_tel { width: 372px; padding:25px 30px;  height: 44px; line-height: 30px; background: url("../images/pro_tel.gif") no-repeat left center; color: #f00; font-size: 16px; }

.pro_des .pro_tel span { font-size: 30px; font-weight: bold; font-family: "impact"; text-indent:50px; height:44px;line-height:44px; padding-left:20px;}

.pro_des .pro_kh { font-size: 14px; line-height: 30px; color: #333333; margin:5px 0; position: relative;}

.pro_des .pro_kh img { width: 100px; padding:2px; border:1px solid #ccc; position: absolute; top:5px; right: 0;  }


.pro_des a { width:110px; height: 44px; line-height: 44px; display:inline-block; color: #fff; margin:0 8px 0 0; text-align: center; }
.pro_des .p_bt1 { background: #f5b500; border:1px solid #f5b500; color: #fff;}
.pro_des .p_bt2 { background: #fff; border:1px solid #f5b500; color: #f5b500;}
.pro_des a:hover { background: #0068aa; border:1px solid #0068aa;}

.pro_nav { width: 100%;height: 50px; background: #0068aa; color: #fff; margin: 20px 0;}
.pro_nav li { float: left; }
.pro_nav li a{ width: 187px; height: 50px; text-align: center; line-height: 50px; padding-left: 40px; display: block;color: #fff; font-size: 20px; }
.p_i1 { background: url("../images/p_i1.png") left center no-repeat; }
.p_i2 { background: url("../images/p_i2.png") left center no-repeat }
.p_i3 { background: url("../images/p_i3.png") left center no-repeat; }
.p_i4 { background: url("../images/p_i4.png") left center no-repeat;}
.pro_nav li:hover { background: #f5b500; }
.pro_nav .menu_line { width: 1px; height: 50px; background: url("../images/p_line.gif") center no-repeat; }

.pro_case_title { width: 100%; height: 40px; line-height: 40px; color: #1e1f20; font-size: 16px; }
.pro_case_title big{ font-size: 22px;}

#pro3 { width: 100%; height: 223px; background: #f1f1f1;}

#pro3 .pro_cjwt_title { padding:20px; color:#0068aa; text-align:left; font-size:20px;}

#pro3 .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
#pro3 .da { width: 100%; height: 50px; line-height: 25px; margin:10px 0; overflow: hidden;}
#pro3 .wen span {background: #0068aa; padding:5px; color: #fff; }
#pro3 .da span {background: #e47d00; padding:5px; color: #fff;}


#pro3 .indexNews li { width: 276px; float: left; border-bottom:1px #ccc dashed; transition: all 0.3s;}
#pro3 .indexNews li{ margin:0 10px; height: 95px; line-height:30px; position:relative;}
#pro3 .indexNews li a{ color: #333333; display: block; }
#pro3 .indexNews li:hover {box-shadow: 0 1px 0 #000; padding:0;  }



#pro3 .indexNewslist li { width: 266px; float: left; border-bottom:1px #ccc dashed; transition: all 0.3s; background:url('../images/li.png') no-repeat 0px 10px;padding-left:10px;}
#pro3 .indexNewslist li{ margin:0 10px; line-height:30px; position:relative;}
#pro3 .indexNewslist li a{ color: #333333; display: block; }
#pro3 .indexNewslist li:hover {box-shadow: 0 1px 0 #000;  }





#pro3 .wen { width: 100%; height: 30px; line-height: 30px; overflow: hidden;  }
#pro3 .da { width: 100%; height: 50px; line-height: 25px; margin:10px 0; overflow: hidden; color: #555555;}
#pro3 .wen span {background: #f5b300; padding:5px; color: #fff; border-radius: 5px;}
#pro3 .da span {background: #0068aa; padding:5px; color: #fff; border-radius: 5px;}

.pro_hot_title { width: 100%; height: 40px; line-height: 40px; color: #1e1f20; font-size: 16px; margin-top:20px;}
.pro_hot_title big{ font-size: 22px; font-weight: bold;}

#pro4 { padding: 0 0 20px 0; }
#pro4 .pro_order { width: 500px; float: left; }

 #pro4 .pro_contact { width: 380px; float: right; }

 .pro_contact .lxlist li{ line-height: 50px; border-bottom: 1px dotted #ccc;}

---------------------*/
.diysr {
    height: 40px;
    line-height: 40px;
    color: #999;
    color: #d0231b;
    font-family: "Microsoft YaHei","微软雅黑";
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
}
#mid_wrap {  width:100%;}

#mid_box{ width:1200px; margin:10px auto 0 auto;}

.title_box { height: 77px; text-align:right; padding-right:20px; line-height:77px; background:url("../images/in_hot_pro.gif") left center no-repeat #f1f1f1; position: relative;}
.title_box .title { width: 300px; text-align:left; font-size:22px; line-height:25px; color:#f00; font-weight: 900; padding:15px 0 0 30px; }
.title_box .title span { color: #555555; font-size: 14px; font-weight: normal; text-transform: uppercase;}

.title_box .location { position:absolute; top:0; right:0; padding:0 10px; color:#0068aa; height:77px; line-height:77px; font-size:14px; font-weight:normal !important;}
.title_box .location a { color:#0068aa;}
.title_box .location a:hover { color:#f00; position:relative; top:1px;}
.title_box .location span { font-size:16px; border-radius:50%; color:#0068aa; padding:1px;}

.title_box .more { position:absolute; top:0; right:0; padding:0 10px; color:#0068aa; height:77px; line-height:77px; font-size:14px; font-weight:normal !important;}
.title_box .more a { color:#0068aa;}
.title_box .more a:hover { color:#f00; position:relative; top:1px;}

.g3 {width:911px; height:262px; overflow: hidden; margin:10px auto;}
.g3 ul li { width: 303px; height:262px; margin:10px 0; display: block; float:left; line-height: 40px; text-align: center; font-size: 16px; color: #000;}
.g3 ul li span{ font-size: 14px; color: #000;}
.g3 ul li a { color: #000; display: inline-block; width: 285px; height:262px; margin: 0 5px;}
.g3 ul li a:hover {background: #0068aa; color: #fff !important;}
.g3 ul li .img { width: 286px; height:206px; display: block; background: #efefef;}
.g3 ul li .img img { max-width: 286px; height:212px;}
.g3 ul li .gd_title { height: 40px; }
.g3 ul li .gd_title .t1 { line-height: 40px;}


.prev_next li {margin:10px auto; background:#eee; padding:5px; font-size:14px; line-height:24px; height:24px;}
.prev_next li {  display:block; border-radius:3px;}
.prev_next li:hover{ background:#ddd; display:block; border-radius:3px;}

.prev_next_pro li { text-indent:2%;width: 48%; font-size:14px; line-height:45px;}
.prev_next_pro li{ height: 45px; display:inline-block; border-radius: 3px; background:#fff; border:1px solid #efefef; color: #000;  padding:0 20px;}
.prev_next_pro li a:hover{color: #f00;}

.left { float:left; margin:0 !important;padding:0 !important;}
.right { float:right; margin:0 !important;padding:0 !important;}
#pro1{line-height:200%; font-size:16px; font-family:"微软雅黑"}
.back_list { text-align:right; font-size:12px; width: 100px; float: right;}
.back_list a {}
.back_list a:hover{}