BODY {margin:0px; background-color:#FFF;FONT-SIZE: 15px;LINE-HEIGHT: 28px;FONT-FAMILY: "微软雅黑","Arial Narrow"; -webkit-text-size-adjust: none;overflow-x: hidden;overflow-y: auto;}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type:none;}
P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H4 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H5 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H6 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
a:active{color:#333;text-decoration:none;}
img{ border:0;}

.tech-main{width:1280px; margin:0 auto;}
.tech_body{width:1280px; margin:0 auto;}
.middleandright{ width:1280px; float:left;}

#center{ width:1280px; margin:15px auto; clear:both;}
#pdad{ width:1280px; margin:10px auto; clear:both; font-size:20px; color:#999; height:80px; line-height:80px;}
#pdad strong{ font-size:34px; color:#F00;}
#pdad span{ font-size:20px; color:#000; }

.tech-right{float:right;width:320px;overflow:hidden}
.tech-right-box{padding-bottom:15px; float:left; width:100%;}.tech-right-box h2{font-size:26px;color:#77a700;line-height:22px;padding:16px 0 20px 0; clear:both; font-weight:normal; border-bottom:#ccc 2px solid;}.tech-right-box h2 a,.tech-right-box h2 a:visited,.tech-right-box h2 a:hover{color:#77a700; padding-left:5px;}.tech-right-box h2 .more{position:absolute;right:0;bottom:13px}.tech-right-box .zl-box .item{margin-bottom:20px}.tech-right-box .zl-box .photo{display:block;width:50px;height:50px;margin-top:16px;float:left}.tech-right-box .zl-box .photo img{display:block;width:50px;height:50px;border-radius:50%}.tech-right-box .zl-box .text{margin-left:62px;width:218px;height:68px;padding:13px 13px 0 27px;overflow:hidden;font-size:14px;background-position:-350px -956px}.tech-right-box .zl-box .text p{line-height:19px}.tech-right-box .zl-tit{font-weight:bold;height:39px;margin-bottom:3px}.tech-right-box .zl-author{height:19px; color:#999; font-size:11px;}.tech-right-box .pic{display:block;width:320px;height:213px;overflow:hidden}.tech-right-box .pic img{display:block;width:320px;height:213px}.tech-right-box .info{text-align:center;line-height:24px;margin:15px 0 30px;font-size:16px}.tech-right-box .rank-tab{background-position:-350px -856px;border-bottom:1px dashed #cfcfcf;height:42px;line-height:42px;padding-top:6px;font-size:18px}.tech-right-box .rank-tab a{display:block;float:left;width:50%;text-align:center}.tech-right-box .rank-tab a.selected{color:#77a700}.tech-right-box .rank-con{padding-left:0px;margin:5px 0;background-position:0 -843px}.tech-right-box .rank-con li{line-height:38px;font-size:14px;width:295px;height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../../image/d.gif); background-position:0px center; background-repeat:no-repeat}.rank-con li a{ padding-left:19px;}.tech-right-box .news-list{margin:10px 0 27px}.tech-right-box .news-list li{padding-left:18px;width:302px;line-height:34px;height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-position:-694px -352px}.tech-right-box .stockTab{height:34px;border-bottom:1px dashed #cfcfcf;font-size:16px}.tech-right-box .stockTab a{display:block;float:left;height:22px;line-height:22px;padding-bottom:12px;width:50%;text-align:center}.tech-right-box .stockTab a.selected{color:#77a700}.stockCon{padding-bottom:23px}.stockCon .stock-head{font-size:16px;line-height:38px;color:#999}.stockCon .stock-c{font-size:16px;line-height:38px;color:#333}.stockCon .stock-name,.stockCon .stock-price,.stockCon .stock-range{display:inline;float:left;text-align:center}.stockCon .stock-name{width:120px;height:38px;text-align:left;overflow:hidden}.stockCon .stock-price{width:130px}.stockCon .stock-range{width:70px}.stockCon .down{color:#D50707}.stockCon .up{color:#089D3E}.stockCon .not-login,.stockCon .stock-login-none{padding:30px 0px}.stockCon .not-login p,.stockCon .stock-login-none p{font-size:14px;color:#333;text-align:center}.stockCon .not-login a{display:block;height:30px;line-height:30px;text-align:center;width:100px;margin:10px auto;color:#77a700;border:1px solid #77a700;border-radius:20px}.stockCon .stock-login-none a{display:block;width:100px;text-align:center;height:30px;line-height:30px;margin:10px auto;color:#77a700;border:1px solid #77a700;border-radius:20px}.stockCon .not-login a:hover,.stockCon .stock-login-none a:hover{background:#77a700;color:#fff}.stockCon .stock-login-none a:hover{background-position:-683px -91px}.stockCon .user-info{line-height:26px;border:1px solid #dbdbdb;border-left:none;margin-top:10px}.stockCon .user-info a{float:left;width:50px;text-align:center;background-color:#f9f9f9;border-left:1px solid #dbdbdb;height:26px}.stockCon .user-info a:hover{color:#333}.stockCon .user-info a:visited{color:#333}.stockCon .user-info .user{width:205px;text-align:left;padding-left:10px}.stockMore{position:absolute;right:0;top:20px}.stockMore a,.stockMore a:visited,.stockMore a:hover{color:#77a700}

/*四图*/
#fcousimg{ float:left; width:640px; height:357px;}
#fourimg{ float:right; width:620px; height:357px;}
#fourimg ul li{ float:left; width:300px; height:169px; background-color:#222; text-align:center; overflow:hidden;}
#fourimg ul li img{ width:300px; height:143px;transition: transform 0.3s ease;display: block;}
#fourimg ul li img:hover{transform: scale(1.4);}
#fourimg ul li a{ color:#FFF; line-height:23px; font-size:13px;}
.fiveimg1{ border-left:0; margin-bottom:20px;}
.fiveimg2{ border-left:#fff 20px solid; margin-bottom:20px;}

/*焦点图*/
.focus{ position:relative; width:640px; height:357px; background-color: #000; float: left;}  
.focus img{ width: 640px; height: 357px;} 
.focus .shadow .title{width: 230px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:334px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10; text-align:right;}  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.4);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; border:0;}  
.focus .fbg{bottom:15px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin-top:4px;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../../image/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
/*焦点图结束*/


.tech-mid{width:930px; float:left;}
.news_img{width:99%; margin:0 auto;  clear:both;  height:110px;}
.imglist{width:32%;float:left;margin-right:2%;display:inline-block;height:100px; overflow:hidden;}
.imglist img{width:100%;}
.imglist1{width:32%;float:left;margin-right:0;display:inline-block;height:100px; overflow:hidden;}
.imglist1 img{width:100%;}
#newtitle{font-size:26px; color:#6f9b01; line-height:55px; display:none;}
#more{margin:10px auto; width:100%; border:1px solid #ccc;}  
#more h1{font-size:22px; text-align:center; border-bottom:1px solid #999;}

.element_left{width:210px; height:135px; float:left;}
.element_right{width:680px; height:135px; float:left; padding-left:20px;}

.single_item1{padding:20px 10px 20px 10px; border-bottom:1px solid #d3d3d3; clear:both; height:145px; overflow:hidden;}
.theimg1{width:210px; height:135px; overflow:hidden; background-color:#000;}
.theimg1 img{ width:210px;transition: transform 0.3s ease;}
.theimg1 img:hover{ border-radius: 7px;transform: scale(1.2);}
.thetitle1{ width:100%; height:40px; line-height:40px; overflow:hidden;font-size:20px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
.thedate1{left:20px; color:#aaa; text-align:right; font-size:11px; line-height:40px; heigt:40px;}
.thecontent1{ font-size:13px; line-height:23px; word-break: break-all; padding-top:5px; color:#666;}

.single_item{padding:20px 10px 20px 10px; border-bottom:1px solid #d3d3d3; clear:both; height:145px; overflow:hidden;}
.theimg{width:210px; height:135px; overflow:hidden; background-color:#000;}
.theimg img{ width:210px;transition: transform 0.3s ease;}
.theimg img:hover{ border-radius: 7px;transform: scale(1.2);}
.thetitle{ width:100%; height:40px; line-height:40px; overflow:hidden;font-size:20px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;}
.thedate{left:20px; color:#aaa; text-align:right; font-size:11px; line-height:40px; heigt:40px;}
.thecontent{ font-size:13px; line-height:23px; word-break: break-all; padding-top:5px; color:#666;}
.get_more{margin:10px; text-align:center; background-color:#e8e8e8; padding-top:10px;}
.more_loader_spinner{width:16px; height:16px; margin:10px auto; background: url(../../image/loader.gif) center no-repeat;}
.get_more a{background:url(../../image/addmore.gif) center no-repeat; height:40px; display:block; color:#F00; font-weight:bold; font-size:14px;}


/*案例导航*/
#rdc{width:100%; background-color:#88B910;border-top:#88B910 10px solid;border-bottom:#88B910 10px solid;height:54px; font-size:15px; line-height:28px;}
#rdc0{float:left;width:48px; color:#f00; line-height:28px; font-weight:bold; text-align:center; background-color:#ff0;}
#rdc1{ float:left; width:840px;}
#rdc1 ul li{ float:left; text-align:center; border-left:#a6d82b 1px solid;}
#rdc1 ul li a{ color:#FFF;}
#rdc1 ul li a:hover{ color:#FF0; background-color:#F00; padding-left:5px; padding-right:5px; padding-bottom:3px; text-decoration:none;}
.rd3{ width:56px;}
.rd4{ width:74px;}
.rd5{ width:88px;}
.rd6{ width:103px;}
#rdc2{ float:left; width:252px; }
#rdc2 ul li{ float:left; text-align:center; border-left:#a6d82b 1px solid;}
#rdc2 ul li a{ color:#FFF;}
#rdc2 ul li a:hover{ color:#FF0; background-color:#F00; padding-left:5px; padding-right:5px; padding-bottom:3px; text-decoration:none;}

.halfli{ float:left; width:50%; text-align:center;}
.halfli img{ width:99%; padding-bottom:10px;}
.allli{width:100%;}
.allli img{ width:100%; padding-bottom:10px;}


@media all and (max-width: 1024px) {
.tech-main{width:100%; margin:0 auto;}
.tech_body{width:100%; margin:0 auto;}
.middleandright{ width:100%; clear:both;}
#center{ width:100%; overflow:hidden; clear:both;}
#cl{ width:100%;}
#pdad{ width:100%; margin:15px auto; clear:both; font-size:14px; color:#999; height:30px; line-height:30px;}
#pdad strong{ font-size:26px; color:#F00;}
#pdad span{ display:none;}

/*焦点图*/
#fcousimg{ float:left; width:640px; height:200px;}
.focus{ position:relative; width:100%; height:200px; background-color: #000; clear:both;}  
.focus img{ width:100%; height:200px;} 
.focus .shadow .title{width: 40%; height: 25px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:50%; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10; text-align:right;}  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.4);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; border:0;}  
.focus .fbg{bottom:15px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin-top:4px;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../../image/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
/*焦点图结束*/ 

#fourimg{ display:none;}

.tech-mid{width:100%; clear:both;}
.tech-right{display:none;}

#newtitle{font-size:26px; color:#6f9b01; line-height:55px;}
#more{margin:10px auto; width:100%; }
#newtitle{width:100%; text-align:left;font-size:26px; color:#6f9b01; line-height:75px;}
#more h1{font-size:22px; text-align:center; border-bottom:1px solid #999;}

.single_item1{padding:5px 0px 5px 0px; border-bottom:1px solid #d3d3d3; clear:both; height:75px; overflow:hidden;}
.theimg1{width:100%; height:75px; overflow:hidden; background-color:#fff;}
.theimg1 img{ width:100%;height:auto;}
.thetitle1{ width:100%; height:18px; line-height:18px; overflow:hidden;font-size:14px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis; padding-top:10px;}
.thedate1{left:20px; color:#aaa; text-align:right; font-size:11px; line-height:20px; heigt:20px; display:none;}
.thecontent1{font-size:13px;line-height:18px;height:38px; word-break: break-all; color:#999; overflow:hidden;}

.single_item{padding:5px 0px 5px 0px; border-bottom:1px solid #d3d3d3; clear:both; height:75px; overflow:hidden;}
.theimg{width:100%; height:75px; overflow:hidden; background-color:#000;}
.theimg img{ width:100%;height:auto;}
.thetitle{ width:100%; height:18px; line-height:18px; overflow:hidden;font-size:14px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis; padding-top:10px;}
.thedate{left:20px; color:#aaa; text-align:right; font-size:11px; line-height:20px; heigt:20px; display:none;}
.thecontent{font-size:13px; line-height:18px;height:38px; word-break: break-all; color:#999; overflow:hidden;}

.element_left{width:24%; height:75px; float:left; box-sizing: border-box;}
.element_right{width:76%; height:75px; float:right; box-sizing: border-box;}

.get_more{margin:10px; text-align:center; background-color:#e8e8e8; padding-top:10px;}
.more_loader_spinner{width:16px; height:16px; margin:10px auto; background: url(../../image/loader.gif) center no-repeat;}
.get_more a{background:url(../../image/addmore.gif) center no-repeat; height:40px; display:block; color:#F00; font-weight:bold; font-size:14px;}
/*广告*/
#center span{ height:auto;}
#id2{ width:100%;}
#id3{ width:100%;}
.halfli{width:100%;text-align:center;}
.halfli img{ width:100%; padding-bottom:5px;}
.allli{width:100%;}
.allli img{ width:100%; padding-bottom:5px;}
span li{ overflow:hidden;}
span li img{width:100%;}
}