


html,body,h1,h2,h3,h4,h5,h6,p,blockquote,ul,li,input,dl,dt,dd,td,th,tr{margin:0;padding:0}html,body{color:#333;position:relative;background:#fff}ul,li{list-style:none outside}h1,h3,h4,h5,h6,th{font-weight:normal}label,input,select,img,textarea{vertical-align:middle;background:none;border:none;outline:none;margin:0;padding:0}input:focus,input:active{border:none;outline:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}a{text-decoration:none}cite,code,em{font-style:normal}html,body{font-size:14px;font-family:'Hiragino Sans GB','Microsoft Yahei','微软雅黑','Simsun','宋体','Arial';-webkit-tap-highlight-color:transparent}img{vertical-align:bottom;border:none}a{outline:none;text-decoration:none;color:#333}a,a:link,a:visited{text-decoration:none;color:#333}a:hover,a:active,a:focus{text-decoration:none;color:#77a700}table{border-collapse:collapse}
.tech_body{width:1200px; margin:0 auto;}
.clearfix{zoom:1}.clearfix:after{display:block;content:'.';clear:both;height:0;font-size:0;line-height:0;overflow:hidden}.txt-break{word-break:break-all;overflow:hidden;word-wrap:break-word}.f-txtabb{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fl{float:left}.fr{float:right}.hide{display:none !important}.show{display:block !important}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.break{word-break:break-all;word-wrap:break-word}.clearfix:after{content:'\0020';display:block;height:0;clear:both}.clearfix{*zoom:1}.noScript{margin:10px;text-align:center;background:#adb9c4;color:#fff;display:block;height:40px;line-height:40px}.img-default,.tech-left-box .pic img,.tech-right-box .pic img{-webkit-transition:-webkit-transform 0.3s ease;-moz-transition:-moz-transform 0.3s ease;transition:transform 0.3s ease; padding-top:10px;}.img-hover,.tech-left-box .pic img:hover,.tech-right-box .pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}.tech_head .select .btn,.tech_head .hr form,.tech_head form .btn,.tech-left-box h2,.tech-left-box .rank-tab,.tech-left-box ul li,.tech-right-box .rank-tab,.tech-right-box .zl-box .text,.tech-right-box .rank-con,.tech-right-box .news-list li,.slider-item a span,.slider-arr a,.tech-news ul,.tech-news .video-living,#datepicker,#timePickerDiv .ds_title,.tech-right-footer .tag,.tech-fix-btn a,.tech-fix-btn span{background-image:url("../image/lm_tags.png");background-repeat:no-repeat}.width-1240{width:1200px;margin:0 auto}.tech_head{position:relative;width:100%;height:63px;background:#3B3B3B;z-index:100;font-size:16px;-webkit-tap-highlight-color:transparent}.tech_head .hl{float:left;margin-top:10px}.tech_head .hr,.tech_head .box{float:left}.tech_head .box .tit{display:block;line-height:62px;color:#fff;padding:0 10px}.tech_head .box .boldfont{font-weight:bold}.tech_head .hr .select{position:relative;padding:0;z-index:10}.tech_head .select .btn{display:block;height:62px;line-height:62px;color:#fff;padding:0 25px 0 10px;background-position:47px -92px}.tech_head .selecton .btn{background-position:-193px -92px}.tech_head .select ul{position:absolute;top:60px;left:0;background:#292929;cursor:pointer;width:100%;display:none;z-index:100}.tech_head .select ul li{line-height:38px;border-top:1px solid #3e3e3e;color:#fff;text-align:center;padding-left:0px}.tech_head .select ul li a{color:#b0b0b0}.tech_head .select ul li:hover a{color:#77a700}.tech_head .selecton ul{display:block}.tech_head .hr form{width:210px;height:31px;background-position:-240px 0;position:relative;margin-top:16px;margin-left:5px}.tech_head form input{background:none;border:none}.tech_head form .input{display:block;height:22px;width:88px;line-height:18px;font-size:13px;color:#a0a0a0;position:absolute;top:4px;right:40px;top:7px\9}.tech_head form .btn{width:18px;height:18px;border:none;cursor:pointer;position:absolute;top:6px;right:12px;z-index:100;background-position:-500px 0px}.tech_head form .btn:hover{background-position:-550px 0px}#type1{width:74px;height:31px;position:relative}#type1SelectView{width:74px;height:31px;position:relative;z-index:100;font-size:14px;color:#333}#type1SelectView .ds_title{width:74px;height:31px;position:relative;text-indent:12px;line-height:30px;cursor:pointer}#type1SelectView .ds_list{background:#fff;border:1px solid #CCCCCC}#type1SelectView p{text-indent:10px;line-height:34px;border-top:1px solid #CCCCCC;cursor:pointer}#type1SelectView p:hover,#type1SelectView p.selected{color:#77a700;background:#fbfbfb}.tech-main{margin-top:20px}

.middleandright{ width:1200px; float:left;}




.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:28px;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}.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}

#pdmenu{ width:866px; float:left; height:90px; line-height:90px; color:#333; font-size:20px;}
#pdmenu strong{font-size:28px; color:#F00;}
#pdmenu span{font-size:28px; color:#000; font-weight:bold;}
#pdsearch{ width:334px; float:left; height:90px; line-height:90px; color:#333; font-size:20px; text-align:center;}
.searchBox {
	
    float:right;
    transform:  translate(0%,50%);
    background: #2f3640;
    height: 40px;
    border-radius: 40px;
    padding: 5px;
}

.searchBox:hover > .searchInput {
    width: 240px;
    padding: 0px 20px;;
	height:40px; line-height:40px; font-size:16px; color:#aaa;
}


.searchButton {
    color: white;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #2f3640;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s; cursor:pointer;
	font-family:"微软雅黑", "黑体";
	font-weight:bold;
	font-size:14px;
}

.searchInput {
    border:none;
    background: none;
    outline:none;
    float:left;
    padding: 0;
    color: white;
    font-size: 16px;
    transition: 0.4s;
    line-height: 40px;
    width: 0px;

}




/*四图*/
#fcousimg{ float:left; width:640px; height:357px;}
#fourimg{ float:right; width:540px; height:357px;}
#fourimg ul li{ float:left; width:260px; height:169px; background-color:#222; text-align:center; overflow:hidden;}
#fourimg ul li img{ width:260px; 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:850px; 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;}


#more{margin:10px auto; width:100%; border:1px solid #ccc;}  
#more h1{font-size:22px; text-align:center; border-bottom:1px solid #999;}


.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;}

.element_left{width:210px; height:135px; float:left;}
.element_right{width:600px; height:135px; float:left; padding-left:20px;}

.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;}