/* CSS Document */

/*body{background:#F2F2F2;}*/

#bannerM{width:1088px; height:200px; margin:auto; position:relative; border-bottom:1px solid #E6E6E6;}
#bannerM .bg{width:100%; height:100%; position:absolute; z-index:1;}
#bannerM p{width:300px; height:40px; font-size:26px; color:#333; position:absolute; z-index:2; top:50px; left:0;}
#bannerM span{display:block; width:800px; height:30px; color:#999; position:absolute; z-index:2; top:93px; left:0;}
#nav{position:absolute; z-index:2; /*width:800px;*/ height:50px; left:0; top:133px;}
#nav a{display:inline-block; float:left; height:43px; line-height:36px; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/nav_bg.png) no-repeat right top; padding-left:32px; padding-right:32px; font-weight:bold;}
#nav a:hover,#nav a:active,#nav a.A{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/nav_bgA.png) no-repeat center top; color:#FFF;}

#main{width:1088px; margin:auto;}
#mainL{width:800px; padding:35px 30px 30px 30px; float:left; border:1px solid #E6E6E6; background:#FFF; border-top:0px none; border-radius:0px 0px 40px 0px; min-height:362px;}
#mainR{width:204px; float:right;}

.RNews{display:block; width:182px; padding:10px; border:1px solid #E6E6E6; background:#FFF; margin-top:16px;}
.RNews .img img{width:182px; height:134px;}
.RNews .tit{padding-top:7px; color:#888;}

#RDownload{width:204px; height:80px; background:#D02127; margin-top:26px; position:relative;}
#RDownload a{display:block;}

#inline{margin-top:26px;}

#all{width:1026px; padding:35px 30px 69px 30px; border:1px solid #E6E6E6; background:#FFF; border-top:0px none; border-radius:0px 0px 40px 0px; min-height:362px;}
.news{margin-top:20px;}
.news a{display:block;}
.newsL{width:160px; height:118px; float:left; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/newsT.gif) no-repeat left top; position:relative; overflow:hidden;}
.newsL img.img{width:160px; height:118px; position:absolute; z-index:2; left:0; top:0;}
.newsL .bg{display:block; width:40px; height:100%; background:#D90000; position:absolute; z-index:2; left:-40px; bottom:0; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.newsL img.zoom{width:18px; height:18px; position:absolute; z-index:3; left:-29px; bottom:15px;}
.newsR{width:846px; float:right;}
.newsClear{clear:both; float:none; height:20px; border-bottom:1px dashed #DDD;}
.newsTit{display:block; font-size:17px; color:#464646;}
.newsCon{display:block; line-height:180%; color:#888; padding-top:8px;}
.newsTime{display:block; color:#999; padding-top:7px; font-family:Arial, Tahoma;}

.text{line-height:200%; margin-top:22px;}
.text p{margin-bottom:16px;}
.newsText{font-size:14px !important;}

.back{display:inline-block; width:76px; padding-left:60px; height:50px; line-height:50px; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/back.png) no-repeat left top; color:#888; font-family:'Ubuntu', Arial, sans-serif; font-size:13px; text-align:left;}
.back:hover,.back:active{color:#D02127; background-position:left bottom;}

#clslist{width:1080px; margin-top:20px;}
#clslist li{width:295px; float:left; margin-right:45px;}
#clslist li.clear{width:100%; float:none; clear:both; height:35px;}
#clslist li span{display:block;}
#clslist li span.img{width:260px; height:170px;}
#clslist li span.img a img{border-radius:5px; width:260px; height:170px;}
#clslist li span.img a:hover img,#clslist li span.img a:active img{box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);}
#clslist li span.title{margin-top:15px; line-height:130%;}
#clslist li span.title a{color:#444; font-size:14px;}
#clslist li span.title a:hover,#clslist li span.title a:active{color:#D02127;}
.prolist{margin-top:10px;}
.prolist li a{display:block; padding:3px 0px 3px 10px; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/arr1.gif) no-repeat left 8px; color:#459FD3; line-height:130%;}
.prolist li a:hover,.prolist li a:active{color:#D02127; background-position:left -32px;}

#mainC_l{width:220px; float:left;}
#mainC_r{width:770px; float:right; padding-bottom:20px;}

.pro_list li{float:left; width:175px; margin-right:20px;}
.pro_list li a{display:block; padding:3px 11px 3px 2px; color:#666; line-height:130%;}
.pro_list li a img{width:160px; height:160px; border:1px solid #E6E6E6; padding:1px;}
.pro_list li a span{display:block; padding-top:10px; text-align:center;}
.pro_list li a:hover,.pro_list li a:active{color:#F80;}
.pro_list li.clear{width:100%; height:23px; clear:both; float:none;}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/list_arr.gif) no-repeat 3px 13px !important; padding:9px 0px 9px 13px !important; font-size:12px;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/list_arr.gif) no-repeat 3px -79px !important; color:#F60;}
.prolist_side_son{padding-bottom:10px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side li span.close{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/plus_minus.gif) no-repeat right 13px !important;}
.prolist_side li span.open{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/plus_minus.gif) no-repeat right -179px !important;}
.prolist_side_son li span.close{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/plus_minus.gif) no-repeat right -183px !important;}

#pro_btm{padding-bottom:10px; padding-top:17px; margin-top:25px; border-top:1px solid #E6E6E6;}
#pro_btm ul{display:block; font-size:0px; width:700px; height:65px; overflow:hidden;}
#pro_btm ul li{height:65px; width:300px; float:left; margin-right:20px; overflow:hidden;}
#pro_btm ul li a img{vertical-align:middle; border:1px solid #E6E6E6; margin-right:7px; display:inline-block; width:48px; height:48px;}
#pro_btm ul li a .span{vertical-align:middle; display:inline-block; width:240px;}
#pro_btm ul li a{font-size:12px !important;}

#tags_content{line-height:150%; padding-top:8px;}
#tags_content table{border-left:1px solid #DDD; border-top:1px solid #DDD;}
#tags_content table td{border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px;}

#caseList{width:800px; margin-top:12px;}
#caseList li{float:left; width:215px; padding:10px; margin:10px 28px 0 0; border:1px solid #E6E6E6; border-radius:5px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1);}
#caseList li:hover{background-color: #D02127;}
#caseList li:hover a{color:#fff;}
#caseList li a{display:block; width:215px; text-align:center;}
#caseList li a img{width:210px; height:210px;}
#caseList li a span{display:block; width:210px; text-align:center; padding-top:12px; padding-bottom:5px;}
#caseList li.clear{width:100%; height:10px; border:0px none;}

.text table{border-left:1px solid #DDD; border-top:1px solid #DDD;}
.text table td{padding:5px; border-right:1px solid #DDD; border-bottom:1px solid #DDD;}

.ncity{display:inline-block; padding:4px 15px 5px 15px; border:1px solid #DDD; background:#FFF; margin-top:5px;}
.ncity:hover,.ncity:active{border:1px solid #F80; background:#F80; color:#FFF;}

.netlist{width:382px; float:left; margin-right:30px; border:1px solid #DDD;}
div.clear{clear:both; float:none; height:26px;}
.netlist .tit{padding:8px; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/net_tit_bg.png) repeat-x left bottom; font-weight:bold; color:#0066CC; border-bottom:1px solid #DDD;}
.netlist .con{padding:10px 15px; line-height:200%;}

.list{margin-top:20px;}
.list li{height:45px; border-bottom:1px solid #EEE;}
.list li a{float:left; height:45px; line-height:45px; background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/arr.png) no-repeat left -49px; display:block; padding-left:24px;}
.list li a:hover,.news_list li a:active{background:url(http://shangde.asp.wzkex.com/Templates/shangde/images/arr.png) no-repeat left 15px; color:#D90000;}
.list li span{display:block; float:right; width:100px; text-align:right; line-height:45px; color:#999;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:300px !important;height:300px !important;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;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{width:300px;height:300px;}

/*图片小图预览列表*/
.spec-preview{width:302px;height:302px;border:1px solid #DFDFDF;float: left;}
.spec-scroll{clear:both;margin-top:5px;width:302px;    float: left;}
.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:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:272px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.pright {width:430px;float: left;margin-left: 15px;z-index: 1;overflow: hidden;font-size: 14px;}
.pd_short {font-family: 微软雅黑;font-size: 14px;color: #444; text-align:left; line-height: 33px;margin-bottom: 15px;}
.pd_hotline {
    padding: 5px;
    padding-bottom: 0;
    line-height: 22px;
}
.pd_hotline span {
    font-size: 16px;
    color: #333;font-weight: bold;
}
.pd_hotline span.font_hotline{
    font-size: 24px;
    color: #0E53BA;font-weight: bold;
}
.online{ border-top:1px solid #e5e5e5; margin:20px 0 0; padding:20px 0; font-family:"Microsoft Yahei";}
.online h2{ font-size:16px; line-height:30px; color:#333; height:50px; overflow:hidden;}
.online h2 span{ color:#666; display:inline-block; padding-left:20px; font-weight:normal;}
.online ul li{ margin-bottom:25px;}
.online li span{ display:inline-block; width:80px; font-size:14px; vertical-align:top; color:#4a4a4a; text-align:right; line-height:36px;}
.online li span em{ padding-right:2px; font-style:normal;}
.online .li01{ width:360px; float:left;}
.online .li02{ width:360px; float:left;}
.online .li03{ width:360px; float:left;}
.online .li04{ clear:both;}
.online li img{ vertical-align:middle; background:#e5e5e5;}
.online .li05,.online .li06{ margin-bottom:10px;}

.inp1{ width:234px; height:36px; background:#fff; overflow:hidden; line-height:36px;border: 1px solid #e0e0e0; padding:0 25px 0 10px;}
.inp2{ width:234px; height:36px; background:#fff; overflow:hidden; line-height:36px;border: 1px solid #e0e0e0; padding:0 25px 0 10px;}
.inp3{ width:234px; height:36px; background:#fff; overflow:hidden; line-height:36px;border: 1px solid #e0e0e0; padding:0 25px 0 10px;}
.inp4{ width:626px; height:109px; background:none; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; resize:none;}
.inp5{ width:205px; height:36px; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; background:none; margin-right:10px;}
.inp7{ width:234px; height:36px; background:#fff; overflow:hidden;border:1px solid #e0e0e0; line-height:36px;padding:0 25px 0 10px;}
.btn1{  width:59px; height:24px; border:0; margin:10px 27px 0 80px;}
.btn2{  width:59px; height:24px; border:0; margin:10px 0 0 0;}

 
.temp_on_con { width:592px;}
.temp_on_con li{ height:38px; width:270px; border:1px solid #d1d1d1; float:left; margin-right:22px; margin-bottom:16px; color:#e9b261; line-height:38px; overflow:hidden;}
.temp_on_con li span{ font:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; padding-left:10px; display:inline-block;}
.temp_on_con li input{ width:208px; height:38px; box-shadow:none; border:0; font:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; }
.temp_on_con .inp11 input{ width:180px;outline:none;}
.temp_on_con .inp33{ width:562px; height:72px; padding-top:10px;}
.temp_on_con .inp33 span{ line-height:14px;}
.temp_on_con .inp33 textarea{ width:546px; height:56px; resize:none; overflow:auto; outline:none; padding-left:10px; border:0;:14px "Microsoft YaHei"; color:#999; line-height:24px;}
.temp_on_con .inp44{ margin-bottom:0;}
.temp_on_con .inp44 input{ width:120px;}
.temp_on_con .inp44 img{ width:52px; height:38px; border-left:1px solid #d1d1d1; float:right;width:55px;}
.temp_on_con .inp22{ width:562px; height:70px; border:0;}
.temp_on_con .inp22 span{ display:block;}
.temp_on_con .inp22  em{ font:12px "Microsoft YaHei"; color:#999; line-height:36px; float:left;}
.temp_on_con .minp5{ border:0;}
.temp_on_con .minp5 input{ width:82px; height:24px; margin-right:16px; cursor:pointer; cursor:pointer;}
.temp_on_con .minp5 .onb1{ background-color: #E1321F;line-height: 22px;color: #fff;border-radius: 2px;}
.temp_on_con .minp5 .onb2{ background-color: #000;line-height: 22px;color: #fff;border-radius: 2px;}