html,body{ margin:0; padding:0;}
body{ font-family:Microsoft Yahei, sans-serif; font-size:14px; color:#777; background-color:#f2f2f2;}
img{ border:0}
ul,li,form,h3{ list-style:none; margin:0; padding:0;}
a,a:link,a:visited{ text-decoration:none; color:#777; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
a:hover{ color:#f61e6f;}

.area_995{ width:995px; margin:0 auto;}
.sp_h100{ height:100px;}
.sp_h20{ height:20px;}
.sp_h30{ height:30px;}
.sp_h45{ height:45px;}

.zwny{ line-height:200%;}
.zwny img {
    display: inline-block;
    height: auto;
    max-width: 638px;
}

.header{ width:100%; position:fixed; left:0; top:0; z-index:9999;}
.header .header_top{ background-color:rgba(255,255,255,0.99); height:100px;}
.header .header_bg{ height:6px; background:url(../images/header_bg.png) repeat-x; }
.header .header_top .header_logo{ float:left; width:210px; height:100px;}
.header .header_top .header_logo a,.header .header_top .header_logo a img{ display:block;}
.header .header_top .header_logo a{ height:68px; margin-top:14px;}
.header .header_top .nav_list{ float:right; height:40px; margin-top:60px; overflow:auto;}
.header .header_top .nav_list a{ font-size:16px; font-weight:bold; color:#777; float:left; margin-left:25px; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
.header .header_top .nav_list a:hover{color:#f61e6f;}
.header .header_top .nav_list a.dhsloc,.header .header_top .nav_list a.dhsloc:hover{color:#f61e6f;}

#container{
	position:relative;
	width:1011px;
	margin:0 auto;
}
.grid{
	width:289px;
	background:#fff;
	margin:8px;
	padding:15px 15px 0px 15px;
	float:left;
	border:1px solid #ddd;
	-webkit-transition: box-shadow 0.3s ease-out; -moz-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out;
}
.grid:hover{
	border:1px solid #bbb;
	box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #ccc;
	-moz-box-shadow:0 0 8px #ccc;
}

.grid h3{ padding:10px 0;}
.grid h3 a{ color:#454545;}
.grid h3 a:hover{ color:#f61e6f;}
.grid h3 span{ font-size:12px; font-weight:normal; display:block; color:#666; height:25px; line-height:25px;}
.grid .c_img{ position:relative;}
.grid .c_img a,.grid .c_img a img{ display:block;}
.grid .c_img a .c_mask{ background-color:#000; position:absolute; width:100%; height:100%; z-index:2; left:0; top:0;}
.grid .c_img a .c_ic{ background:url(../images/ic_zoom.png) 50% no-repeat; position:absolute; width:100%; height:100%; z-index:3; left:0; top:0;}
.grid .c_intro{ display:block; padding:15px 0; margin-top:15px; text-align:justify; line-height:160%; color:#666; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.grid .c_view{ display:block; height:60px; line-height:60px; font-size:16px; color:#666; background:url(../images/ic_face.jpg) right 50% no-repeat;}
.grid .c_view:hover{ color:#f61e6f;}

.footer{ margin-top:30px; clear:both;}
.footer .sharebg{ height:45px; background-color:#333}
.footer .copyright{ font-size:12px; padding:15px 0; text-align:center; line-height:160%;}

.ny_ban{ background:url(../images/nyban.jpg) 50% no-repeat; height:78px;}
.ny_menu{ overflow:auto; padding:15px 0;}
.ny_menu a{ display:block; float:left; margin-right:25px; height:45px; line-height:45px; font-size:18px; color:#555; overflow:auto;}
.ny_menu a:hover{ color:#f61e6f;}
.ny_menu a i{ display:block; height:17px; margin-top:14px; width:28px; float:left; background:url(../images/menu_ic.png) 0 0 no-repeat;  -webkit-transition: background-position 0.3s ease-out; -moz-transition: background-position 0.3s ease-out; transition: background-position 0.3s ease-out;}
.ny_menu a:hover i{ background-position:0 -17px;}
.ny_menu a.menuloc,.ny_menu a.menuloc:hover{ color:#f61e6f;}
.ny_menu a.menuloc i{ background-position:0 -17px;}

.ny_kuan{ border:1px solid #ccc; background-color:#FFF; padding:30px;}
.ny_title{ color:#333; font-size:30px; font-weight:normal;}
.ny_title span{ display:block; font-size:18px; padding-top:10px;}
.ny_title_line{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:10px;}

.rightkf{ position:fixed; right:0; bottom:130px; z-index:10000;}
.rightkf .kfic{ width:50px;}
.rightkf .kfic a{ display:block; width:50px; height:50px; border-bottom:1px solid #fff; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.rightkf .kfic a.icqq{ background:#b5b5b5 url(../images/ic_qq.png) 50% no-repeat;}
.rightkf .kfic a.ictel{ background:#b5b5b5 url(../images/ic_tel.png) 50% no-repeat;}
.rightkf .kfic a.icwx{ background:#b5b5b5 url(../images/ic_wx.png) 50% no-repeat;}
.rightkf .kfic a.icgotop{ background:#b5b5b5 url(../images/ic_gotop.png) 50% no-repeat;}
.rightkf .kfic a:hover{ background-color:#f61e6f;}

.rightkf .wxcode{ position:absolute; bottom:0; right:62px; border:1px solid #d9d9d9; padding:10px 10px 0 10px; width:100px; background-color:#FFF; display:none;}
.rightkf .wxcode img{ display:block;}
.rightkf .wxcode span{ display:block; height:25px; line-height:25px; text-align:center; font-size:12px;}
.rightkf .wxcode .wxcode_face{ position:absolute; right:-8px; bottom:70px;}

.rightkf .fw_tel{ position:absolute; bottom:90px; right:62px; border:1px solid #d9d9d9; padding:15px; width:150px; background-color:#FFF; text-align:center; color:#f61e6f; display:none;}
.rightkf .fw_tel .kf_face{ position:absolute; right:-8px; bottom:30px;}
.rightkf .fw_tel p{ font-family:"Arial Black", Gadget, sans-serif; font-size:20px; margin:0;}

.scott *{ padding:0px; margin:0px;}
.scott { height:30px; text-align:right;}
.scott a,.scott span{ display:inline-block;}
.scott a:link { BORDER: #cccccc 1px solid; padding:2px 10px; margin-left: 4px; height:26px; line-height:26px; color:#888; -webkit-transition:all .6s ease; -moz-transition:all .6s  ease; transition:all 0.6s  ease;}
.scott a:visited { BORDER: #d8d9da 1px solid; height:26px; line-height:26px; BACKGROUND-COLOR: #fff;}
.scott a:hover { BORDER: #349c89 1px solid; BACKGROUND-COLOR: #349c89; COLOR: #fff;}

.scott span.current { BORDER: #0d863c 1px solid; padding:2px 10px; margin-left: 4px; height:26px; line-height:26px; BACKGROUND-COLOR: #0d863c; COLOR: #ffffff;}
.scott span.disabled { BORDER: #cccccc 1px solid; padding:2px 10px; margin-left: 4px; height:26px; line-height:26px; BACKGROUND-COLOR: #fff; COLOR: #999999;}

.np{ margin-top:30px; border-top:1px solid #ddd; padding-top:20px;}
.np span{ display:block; height:30px; line-height:30px;}

.ny_view{ overflow:auto;}
.ny_view .ny_view_left{ width:700px; float:left;}
.ny_view .ny_view_right{ width:265px; float:right;}
.case_view_intro{ font-size:16px; line-height:180%; padding-bottom:25px;}
.ny_view_bottom{ font-size:20px; color:#333; line-height:180%;}
.view_caselist .more_title{ height:45px; line-height:45px; font-weight:normal; text-align:center; border:1px solid #ddd; background-color:#FFF; color:#454545;}
.view_caselist a{ display:block; margin-top:15px; position:relative;}
.view_caselist a img{ display:block; width:100%;}
.view_caselist a h3{ position:absolute; left:0; bottom:0; height:45px; line-height:45px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.6); width:100%; font-weight:normal;  -webkit-transition:all .6s ease; -moz-transition:all .6s  ease; transition:all 0.6s  ease;}
.view_caselist a:hover h3{ background-color:#000; color:#f61e6f;}

.slideBox{ width:933px; height:300px; overflow:hidden; position:relative; margin:20px 0;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ border:1px solid #fff; box-sizing:border-box; background:none;}
		
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:933px; height:300px; display:block;}