*{margin:0 auto;padding:0px; }
body{ text-align:left; font-size:12px; font-family:微软雅黑;  color:#666; background:#fff}
ul,dl,ol,li,dt,dd { margin:0px; padding:0px;	list-style:none;}
img {border:0;}
a{color: #0089e1; text-decoration:none;}
a:hover{ color:#0c4da2; }
.clear{ clear:both}
.hide{display:none}
.r{float:right; }

.top1{ width:100%; height:66px; float:left; }

.annwtu1{ width:100%; float:left; text-align:center;  padding-bottom:0px; background-color:#2097d4; }
.container8801{ width:1200px; margin:0 auto; padding-bottom:0px;height:237px; background: url(../image/lannwbj.png) no-repeat left bottom; }
.lantu{ float:left; display:inline; margin-top:48px; margin-left:65px;}
.lanzi{ width:500px; float:left; display:inline; text-align:left; margin-left:50px; margin-top:80px; font-size:14px; color:#FFF;}
.lanzi li{ width:100%; float:left; display:inline; margin-top:15px;}
.lanzi li a{ color:#FFF;}
.lanzi li a:hover{ color:#ff0;}
.lanzi li.dz{ font-size:24px; font-weight:bold;}

.annwtu{ width:100%; float:left; text-align:center; padding-top:35px; padding-bottom:0px}

.lxwmlstleft p.qqzx a{ border: #999 solid 1px; padding:5px 15px;-webkit-border-radius:10px; margin-right:8px; color:#333;transition: 1s;}

.lxwmlstleft p.qqzx a:hover{ border: #000 solid 1px; padding:5px 15px;-webkit-border-radius:10px; margin-right:8px; background-color:#000; color:#FFF;}

.annwtu img{ width:100%; padding:0px; margin:0px;}
.annwtu img.top5{ width:100%; float:left; display:inline; margin-top:-5px;}
.container880{ width:880px; margin:0 auto; padding-bottom:0px; }
.container3{  width:1200px;  margin:0 auto; padding-bottom:0px; }
.ammwtu1{ width:100%; float:left; padding-bottom:20px;}
.annwtitle{  width:30%; float:left; display:inline; height:52px; border-right:dotted #CCC 1px; margin-top:15px;}
.annwtitle p{ width:100%; float:left; font-size:24px; font-weight:bold;} 
.annwtitle span{ width:100%; float:left; font-size:16px; font-weight:100; margin-top:5px;} 



.annwfuwu{ width:65%; float:right; margin-top:15px; height:52px;}
.annwfuwu p{ float:left; font-size:16px; font-weight:bold;}
.annwfuwu a{ width:50px; height:50px; float:right; background: url(../image/an_link.png) no-repeat center center; border:#666 solid 1px;-webkit-border-radius: 50%;transition: 0.5s; margin-left:10px;}
.annwfuwu a.leftb{background: url(../image/anleft.png) no-repeat center center;}
.annwfuwu a.rightb{background: url(../image/anright.png) no-repeat center center;}
.annwfuwu a:hover{ width:50px; height:50px; border:#ff0000 solid 1px;transition: 0.5s; }
.antu2{ width:100%; float:left; display:inline; background-color:#eeeeee; padding-top:40px; padding-bottom:40px;}
.antu3{ width:100%; float:left; display:inline; padding:30px 0px; background-color:#FFF;}
.antu3 ul.antu3t { width:100%; float:left; display:inline; font-size:24px; text-align:center; font-weight:bold; color:#666;}
.ancontent{ width:100%; float:left; margin-top:20px; font-size:14px; line-height:28px;}
.antu{ width:100%;}
.antu img { width:100%;}





.container2{  width:88%;  margin:0 auto;}


.fen{ width:100%; float:left; margin-top:38px;}
.fen li {
    float: left;
    margin-left: 10px;
    height: 42px;
    line-height: 42px;
}
.fen a{ padding:0 18px; height:42px; line-height:42px; display:block; float:left; font-size:12px; background-color:#f0f0f0; margin-right:10px; color:#333333;}
.fen a.aac,.fen a:hover{  color:#fff;background-color:#000000;}

.newsnav{ width:100%; float:left; margin-top:30px; overflow:hidden}
.newsnav ul{width:100%; float:left}

.newsnav ul a{font:400 14px/30px "微软雅黑"; color:#fff; display:block;  width:10%; float:left; text-align:center; background: #0096a5 url(../image/bbb.jpg) right repeat-y;   transition:0.5s}

.newsnav ul a.now,.newsnav ul a:hover{background: #000000 url(../image/bbb.jpg) right repeat-y; color:#FFF; }


.banner{width:100%;float:left; font-family:微软雅黑 }
.newsbanner{ width:100%; height:285px; float:left; background: #ffffff url(../image/nb.jpg) center top;}
.newsbtu{ width:100%; float:left; text-align:left; margin-top:70px;}
ul.newsdq{ width:100%; float:left; display:inline; text-align:left; margin-top:15px; color:#fff; font-size:12px; font-weight:bold;}
ul.newsdq a{ color:#fff;} 
ul.newsdq a:hover{ color:#ffd13e;} 
ul.newsdq1{ width:100%; float:left; display:inline; text-align:left; margin-top:15px; color:#fff; font-size:16px; font-weight:bold;}
.webnb{ display:none}


.casenav{width:90%; float:left}
.casenav ul{width:100%;}
.casenav ul a{ width:15% ;float:left; text-align:center;display:block; font:bold 14px/50px "微软雅黑"; background:#f0f0f0; color:#666; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-right:1.66%; margin-top:10px; transition:0.5s}
.casenav ul a.now,.casenav ul a:hover{background:#010101; color:#fff}

.second_casenav{ width:100%; float:left; height:44px; margin-top:40px; border-top:1px dotted #ccc; background:#f5f5f5;}
.second_casenav p{padding-left:2%; font:14px/44px "微软雅黑"; color:#555; float:left}
.second_casenav a{float:left; margin:0 1.5%; font:14px/44px "微软雅黑"}
.second_casenav a:hover,.second_casenav a.now{ color: #030;}
.second_casenav span{float:left; font:16px/44px "微软雅黑"; color:#333}

.caselist{width:100%; float:left; margin-top:10px;}


.caselist li{width:30%; float:left; margin-right:4.9%; }
.caselist li a{background:#fff; display:block; float:left; padding-bottom:10px;}
.caselist li a:hover{background-color:transparent;transition:1s}
.caselist li img{width:100%}
.caselist li.r{float:right; margin-right:0}

.caselist li h5{font:bold 18px/20px "微软雅黑"; margin-top:15px; padding-left:10px;}
.caselist li span{ font:14px/30px "微软雅黑"; padding-left:10px;}
.caselist li article{width:100%; position:relative; overflow:hidden;}
.caselist li a:hover h5{color:#fff}
.caselist li a:hover span{color:#fff}

.caselist li a:hover  img{ height:auto;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.caselist li img{vertical-align:top; -webkit-transition:0.5s; -moz-transition:0.5s; 

transition:0.5s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); 

transform:translate3d(0,0,0);}
.caselist li summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; 

color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-

index:3; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s; font-size:14px;}
.caselist li a:hover summary{bottom:0;}


.annw{ width:100%; height:650px; float:left; display:inline; background: #09F  url(../image/antb.png) no-repeat;}

.newslist{width:100%; float:left; margin-top:16px;}
.newslist dl{width:48%; padding:10px 0; height:123px; float:left; box-shadow: inset 0 0px 1px #888888;background: #fff; margin-top:19px;}
.newslist dl.dl2{float:right;}
.newslist dl img{width:29%; float:left; margin-left:2.5%;border-radius:50%;}
.newslist dl dt{width:79%; float:left; margin-left:2.5%}
.newslist dl dt p{width:100%; float:left; }
.newslist dl dt p a{font:bold 18px/24px "微软雅黑"; color:#333;}
.newslist dl dt span{width:100%; float:left; font:12px/20px "微软雅黑"; color:#999; margin-top:8px; }
.newslist dl dt li{width:100%; float:left; margin-top:5px;}
.newslist dl dt li a{float:left; font:bold 12px/20px "微软雅黑"; color:#666}
.newslist dl dd{width:13%; float:right; margin-right:2.5%; }
.newslist dl dd p{width:100%; float:left; font:bold 64px/64px Arial, Helvetica, sans-serif; color:#999; text-align:center}
.newslist dl dd span{ float:left; width:100%; text-align:center; font:18px/26px Arial, Helvetica, sans-serif; padding-top:8px; border-top:1px #ddd solid; margin-top:4px; color:#999}
.newslist dl:hover{background:#f1f1f1;}
.newslist dl:hover dt p a,
.newslist dl:hover dt span,
.newslist dl:hover dt li a,
.newslist dl:hover dd p,
.newslist dl:hover dd span{color:#333333}

.service{ width:100%; height:98px; box-shadow: inset 0 0px 1px #333;background: #fff; margin-top:48px; float:left; border-right:0}

.service li{width:25%; height:98px; float:left; background: url(../image/leftno.jpg) left repeat-y}

.service li i{ width:40px; height:40px; float:left; margin:9% 5%; background:#0096a4; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; text-align:center; font: italic 24px/40px Arial, Helvetica, sans-serif;}
.service li p{ width:70%; float:left; font:18px/22px "微软雅黑"; margin-top:9% }
.service li span{width:70%; float:left; font:14px/22px "微软雅黑"}
.service li:hover{background:#0096a4}
.service li:hover i{ background:#fff; color:#e94b40;}
.service li:hover p,.service li:hover span{color:#fff}
.abban1{ width:100%; float:left; display:inline; }
.abban2{ display: none}

.content{width:100%; float:left; margin-top:70px;}
.bt{width:100%; float:left; text-align:center; font:bold 30px/30px "微软雅黑"; color:#000}
.befrom{width:100%; float:left; text-align:center; font:12px/24px "微软雅黑"; color:#666; margin-top:10px;}
.detail{width:100%; float:left; font:14px/28px "微软雅黑"; color:#000; padding:14px 20px 80px;    padding: 14px 20px 80px; box-sizing: border-box;; border-top:1px #ddd solid; margin-top:10px;}

.detail p { width:100%;  text-align:left; margin-top:10px; text-indent:2em; font-size:14px; font-family:"微软雅黑"; line-height:22px; color:#666; float:left; display:inline;}
.detail p b{    display: inline-block; margin-bottom: 20px;}

.detail h2 { width:100%;  text-align:right; margin-top:10px; font-size:14px; font-family:"微软雅黑";  color:#333; float:left; display:inline; font-weight:bold;}
.detail img{ display:inline; margin-top:10px;}

.return{width:100%; float:left; text-align:center;}
.return a{ width:128px; height:37px; display:block; background:#ed7652; text-align:center; font:16px/37px "微软雅黑"; color:#fff; border-radius:19px;-moz-border-radius:19px; -webkit-border-radius:19px;}
.prev_next{width:100%; float:left; margin-top:10px; padding:0;box-shadow: inset 0 0px 1px #333;background: #fff; padding-bottom:10px;}
.prev_next p{ width:80%; float:left; margin-left:15px; margin-top:10px; }
.prev_next a{  font:14px/22px "微软雅黑";}


.bottom{width:100%; float:left;}

.copy{width:100%; float:left; height:45px; font:14px/45px "微软雅黑"; color:#fff; background:#000; margin-top:57px;}
.copy p{float:left}
.copy span{ float:right}
.address{width:100%; float:left; background:url(../image/address_bg.jpg) 50% 50% no-repeat; background-size:cover; -webkit-background-size:cover; padding-bottom:20px; margin-top:-2px}
.bottom_logo{float:left; margin-top:16px;}
.bottom_address{width:40%; float:left;  margin-top:16px; margin-left:1%}
.bottom_address p{font:14px/22px "微软雅黑"; color:#fff}
.bottom_weixin{float:right; width:257px; height:115px; background:url(../image/wexin.png) no-repeat; margin-top:28px; }


p.p1{ width:100%; float:left; text-align: right; margin-top:30px; margin-bottom:10px; font:bold 14px/24px "微软雅黑"; color:#000}
p.p1 a{font: bold 14px/24px "微软雅黑"; color:#000; padding:0 5px}
p.p2{float:left;font:bold 14px/24px "微软雅黑"; color:#000}
p.p3{float:right;font:bold 14px/24px "微软雅黑"; color:#000; margin-bottom:30px;}
.news_hdp{width:100%; float:left; margin-top:40px; }
.news{width:33%;   float:left}
.industry{ margin-left:5%}
.newsbt{width:100%; float:left; font:18px/30px "微软雅黑";}
.newsbt p{float:left; font-weight:bold}
.newsbt a{float:right;font:14px/30px "微软雅黑";}
.companynews{width:100%; float:left; margin-top:20px;}
.companynews li{width:100%; float:left}
.companynews li a{font:14px/28px "微软雅黑"}


.hdp{width:24%; float:right; }
.hdpp{width:100%; float:left; margin-top:20px; height:160px; background:#fc9; position:relative}
.focus{ position:relative; width:100%; background-color: #000; float: left; margin-top:20px;}  
.focus img{ width: 100%} 
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:20px; right:0; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;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; }   


.proyx{ width:48%; float:left; margin-top:20px;}
.proyxr{width:48%; float:right; margin-top:20px;}

ul.yximg{width:40%; float:left;}
ul.yximg img{width:100%}
ul.yxzi{width:56%; float:right}
p.yxtitle{width:100%; float:left;}
p.yxtitle a{font-size:16px; color:#000; font-weight:bold}
p.yxcont{width:100%; float:left; font-size:12px; color:#666; line-height:24px; margin-top:3px; max-height:96px; overflow:hidden}


.shoujils,.shoujils3,.shoujilsr,.shoujils12{width:23%; float:left; margin-right:2.65%; margin-top:20px;}
.shoujilsr,.shoujils12{float:right; margin-right:0;}
ul.shoujiimg{width:100%;}
ul.shoujiimg img{width:100%}
ul.shoujizi{width:100%; text-align:center; margin-top:5px;}
ul.shoujizi a{ font-size:16px; color:#000}

@media (max-width:1920px){
.container2{  width:1300px;  margin:0 auto;}	
}

@media (max-width:1570px){
.container2{  width:1200px;  margin:0 auto;}	

}



@media (max-width:1410px){
.container2{  width:88%;  margin:0 auto;}

.newslist dl{width:48%; padding:10px 0; float:left; box-shadow: inset 0 0px 1px #888888;background: #fff; margin-top:19px;}
.newslist dl.dl2{float:right;}




.service li i{margin:9% 8%}
.service li p,.service li span{width:60%}

.prev_next{width:99%; float:left; margin-top:10px; padding:0; border:1px #ddd solid;border-top:1px #ddd solid}


}




@media (max-width:1225px){
	.container8801{ width:90%; margin:0 auto; padding-bottom:0px;height:237px; background: url(../image/lannwbj.png) no-repeat left bottom; }
	.container3{  width:90%;}
.newslist dl{ width:100%}
.newslist dl img{ width:15%}
.newslist dl dt{width:79%}
.newslist dl dd{width:9%}
.news{width:28%;   float:left}
.hdp{width:34%}

p.yxcont{max-height:72px;}

}
@media (max-width: 1100px){


p.p2{display:none}

.lanzi{ width:300px; float:left; display:inline; text-align:left; margin-left:50px; margin-top:80px; font-size:14px; color:#FFF;}
}

@media (max-width:1024px){
.shoujils,.shoujils3,.shoujilsr,.shoujils12{width:32%; float:left; margin-right:2%; margin-top:20px;}
.shoujils3,.shoujils12{float:right; margin-right:0;}


}

@media (max-width: 900px){
		.abban1{ display: none; }
	.banner{ display:none}
.abban2{ display: block; width:100%;}
.abban2 img{ width:100%}
	
	.casenav{width:100%}
.casenav ul a{font:bold 14px/40px "微软雅黑"; padding:0px 5px;margin-right:0.33%;}

	
.an100 img{ width:100%;}
.container8801{ width:100%;  padding-bottom:0px;height: auto; padding:20px 0px background: none;}
.lantu{ display:none}

	.lanzi{ width:100%; float:left; display:inline; text-align: center; margin-left:0px; margin-top:0px; font-size:14px; color:#FFF;}
	.lanzi li{ margin-top:0px; margin-bottom:10px;}
	.lanzi li.dz{ margin-top:10px; }
	.container880{ width:90%; margin:0 auto; padding-bottom:0px; }
.container3{  width:96%;}
.container2{  width:96%;  margin:0 auto;}

.prev_next a{  font:12px/22px "微软雅黑";}

.newsnav ul a{ width:20%; margin-top:1px;}
.newslist dl dd{ width:12%; margin-right:2%; margin-top:12px;}
.newslist dl dd p{font:bold 48px/48px Arial, Helvetica, sans-serif;}

.newslist dl dt span{ color:#999; font:10px/16px "微软雅黑"; }
.service li i{display:none}
.service li p{margin-top:0; width:100%; text-align:center; }
.service li span{display:none}

.bottom_address{display:none}
.address{padding-bottom:0}

p.p1{font:bold 12px/24px "微软雅黑";}
p.p1 a{font: bold 12px/24px "微软雅黑"; }
.industry{display:none}
.news{width:50%;}
.hdp{width:40%}

.caselist li{width:47.5%; margin-right:0%; }
.caselist li.r{float:left}
.caselist li.r900{float:right; margin-right:0}

 a.urlb{ display:none}

.side{ display:none}

.proyx,.proyxr{ width:100%; float:left; margin-top:20px;}
ul.yximg{width:30%; float:left;}
ul.yxzi{width:67%; float:right}


}

@media (max-width:630px){
p.yxcont{max-height:48px;}

.abban2,.webnb{   display: inline-block; float:left; margin-top:60px;   }
img.w100{ width:100%}
}


@media (max-width:500px){
	.annwfuwu p{ display:none}

	.newsnav ul a{ width:33.33%; margin-top:1px; font-size:12px;}
	.newsnav ul a.rr{ display:none}

.newslist dl{height:63px; }

.fen{ width:100%; float:left; margin-top:38px;}
.fen a{ padding:0 12px; height:36px; line-height:36px; display:block; float:left; font-size:12px; background-color:#f0f0f0; margin-right:5px; color:#333333;}
.fen a.aac,.fen a:hover{  color:#fff;background-color:#000000;}


.newslist dl dt p a{font:bold 14px/24px "微软雅黑"; color:#333;}
.newslist dl dt span{height:15px;overflow:hidden;}

.casenav{width:100%}
.casenav ul a{font:bold 14px/40px "微软雅黑"; width:33%;margin-right:0.33%;}
.detail{width:100%;     box-sizing: border-box; float:left; font:12px/24px "微软雅黑"; color:#000; padding:14px 20px 30px; border-top:1px #ddd solid; margin-top:10px;}

.casenav ul a{padding:0px 0px;}



.newslist dl dt{width:68%; float:right; margin-right:2%;}
.newslist dl dt p a{font:bold 18px/26px "微软雅黑"; color:#333;}


.newslist dl dd{ float:left; width:22%; margin-left:2%; margin-top:0px; }
.newslist dl dd p{width:100%; float:left; font:bold 24px/24px Arial, Helvetica, sans-serif; color:#999; text-align:center}
.newslist dl dd span{ float:left; width:100%; text-align:center; font:16px/26px Arial, Helvetica, sans-serif; padding-top:4px; border-top:1px #ddd solid; margin-top:2px; color:#999}



.detail{font-size:18px}
.bt{ font:bold 30px/36px "微软雅黑";}

.address{background:#028894; margin-top:57px; display:none}
.bottom_weixin{float:right; width:130px; height:63px; background:url(../image/weinxin2.png) no-repeat; margin-top:18px  }
p.p1{display:none}
p.p3{width:88%; text-align:center; margin-top:30px; margin-right:6%}
.service{display:none}
.news_hdp{display:none}
.caselist li{width:100%;}

.webnb{ display:block; width:100%;}
.webnb img{ width:100%;}
.newsbanner{ display:none}

.newsnav{  margin-top:10px;}
 a.urlb{ display:none}
 
 ul.yximg{width:100%; float:left;}
ul.yxzi{width:100%; float:right}
p.yxtitle{text-align:center; margin-top:3px;}
p.yxcont{ max-height:none; text-align:center}
.shoujils,.shoujils3,.shoujilsr,.shoujils12{width:100%; float:left; margin-right:0; margin-top:20px;}
.copy{ display:block; background-color:#000; height:100px}
.copy p{ width:100%; float:left; text-align:center}
.copy span{ width:100%; float:left;text-align:center}
}



.cnblogs_code {
    background-color: #f5f5f5;
    font-family: Courier New!important;
    font-size: 12px!important;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: auto;
    margin: 5px 0;
    color: #000
}

span.cnblogs_code {
    padding: 3px
}

.cnblogs_code div {
    background-color: #f5f5f5
}

.cnblogs_code pre {
    font-family: Courier New!important;
    font-size: 12px!important;
    word-wrap: break-word;
    white-space: pre-wrap
}

.cnblogs_code span {
    font-family: Courier New!important;
    font-size: 12px!important;
    line-height: 1.5!important
}

.cnblogs_code_Collapse {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #fff;
    padding: 2px
}

.cnblogs_code_collapse {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #fff;
    padding: 2px
}

.cnblogs_code_hide {
    display: none
}

.code_img_closed {
    vertical-align: middle;
    padding-right: 5px
}

.code_img_opened {
    vertical-align: middle;
    padding-right: 5px
}

.cnblogs_code_open {
    margin-top: 5px
}

.codeLineNumber {
    -moz-user-select: none;
    color: teal;
    padding-right: 10px
}

.cnblogs_code ol {
    margin-left: 0;
    color: teal
}

.cnblogs_code ol li {
    list-style-image: none
}

.cnblogs_code ol li span {
    color: #000
}

.cnblogs_code_toolbar a:hover,.cnblogs_code_toolbar a:link,.cnblogs_code_toolbar a:visited,.cnblogs_code_toolbar a:active,.cnblogs_code_toolbar a:link img,.cnblogs_code_toolbar a:visited img {
    background-color: #f5f5f5!important;
    border: none!important
}



@media (max-width:480px){
 a.urlb{ display:none}
.newslist dl dt span,.newslist dl dt li{display:none;}

}