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}

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}

#center{ width:1200px; clear:both; margin:0 auto;}
#cl{ line-height:1px; height:10px; clear:both; margin:0 auto;}
#pdmenu2{ width:836px; float:left; height:70px; line-height:70px; color:#333; font-size:20px;}
#pdmenu2 strong{font-size:28px; color:#F00;}
#pdmenu2 span{font-size:28px; color:#000; font-weight:bold;}
#pdsearch{ width:364px; float:left; height:70px; line-height:70px; color:#333; font-size:20px; text-align:center;}

#hot2{line-height:70px; height:70px; width:90px; float:left; text-align:right; font-size:15px; color:#F00; font-weight:bold; background:url(../image/hot.gif); background-repeat:no-repeat; background-position:0px 25px;}
#announcementbody {width:274px;float:left;overflow: hidden; height:70px;}
#announcementbody ul{ padding-top:0px;}
#announcementbody li {overflow: hidden;font-size: 14px;white-space: nowrap; line-height:70px; height:70px; }
#announcementbody a {text-decoration: none;}
#announcementbody a:hover {text-decoration:underline;}
#cl{ clear:both;}


/*四图*/
#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:1220px; height:auto; margin:0 auto;}
.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{width:1220px; margin:0 auto; clear:both;font-size:26px; color:#6f9b01; line-height:55px;box-sizing: border-box;}
#newtitle span{ padding-left:10px;}

#more{margin:0 auto 10px auto; width:100%; height:auto;}  
#more h1{font-size:22px; text-align:center; border-bottom:1px solid #999;}

.single_item1{float:left;width:285px; height:355px; padding:20px; margin:0 10px 20px 10px; border:1px solid #666;overflow:hidden;box-sizing: border-box;}
.theimg1{width:100%; height:160px; overflow:hidden; background-color:#000;}
.theimg1 img{ width:100%;transition: transform 0.3s ease;}
.theimg1 img:hover{ border-radius: 7px;transform: scale(1.2);}
.thetitle1{ width:100%; height:56px; line-height:28px; overflow:hidden;font-size:16px; font-weight:bold;text-overflow: ellipsis;}
.thetitle1 a{ color:#000;}
.thedate1{left:20px; color:#aaa; text-align:left; font-size:11px; line-height:40px; heigt:40px;}
.thecontent1{ font-size:13px; line-height:23px; word-break: break-all; padding-top:5px; color:#555;}


.single_item{float:left; width:285px; height:355px; padding:20px; margin:10px; border:1px solid #666; overflow:hidden;box-sizing: border-box;}
.element_left{width:100%; height:165px;}
.element_right{width:100%; height:65px;}

.theimg{width:100%; height:160px; overflow:hidden; background-color:#000;}
.theimg img{ width:100%;transition: transform 0.3s ease;}
.theimg img:hover{ border-radius: 7px;transform: scale(1.2);}
.thetitle{ width:100%; height:56px; line-height:28px; overflow:hidden;font-size:16px; font-weight:bold;text-overflow: ellipsis;}
.thetitle a{ color:#000;}
.thedate{left:20px; color:#aaa; text-align:left; font-size:11px; line-height:40px; heigt:40px;}
.thecontent{ font-size:13px; line-height:23px; word-break: break-all; padding-top:5px; color:#555;}

.get_more{margin:10px; text-align:center; padding-top:10px;}
.more_loader_spinner{width:16px; height:16px; margin:10px auto; background: url(../image/loader.gif) center no-repeat;}
.get_more a{ color:#F00; font-weight:bold; font-size:16px; line-height:60px; margin:20px; padding-bottom:50px; background: url(../image/addmore.gif) no-repeat;background-position:center 5px;}


/*案例导航*/
#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;}