html{ padding:0px; margin:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
fieldset,img,input{border:0;}
.clear{ clear: both;}
ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.fl{ float:left;} .fr{ float:right;}
*:focus { outline: none; }
a{ color:#333; font-size:14px; text-decoration:none;}
a:hover{ color:#e50108; font-size:14px; text-decoration:none;}

body{font-size:14px;font-family: "Hiragino Sans GB",PingHei,"Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif;color:#333; text-align:center; width:100%; position:relative;}
.topArea{width:1150px; margin:0 auto; height:105px; position:relative;}
.logo{ width:228px; height:75px; float:left; margin:30px 0 0 0;}
.banner{ width:100%; height:500px; background:url(../images/banner.jpg) no-repeat; background-position: center center;}
.phone_box{ width:138px; height:40px; position:absolute; right:0; top:3px; text-align:left; background:url(../images/phone.png) left top no-repeat; padding-left:30px; font-size:18px; color:#333;}
.top_r{margin-left:328px;padding-left:30px;padding-top: 50px;}
.nav{margin:0 auto;text-align: right;}
.nav .nav_menu{line-height:40px;}
.nav .nav_menu .nav_menu-item{ display:inline-block; position:relative; font-size:18px;}
.nav .nav_menu .nav_menu-item::after{position:absolute;content:"";height:15px;top:12px;border-left:#aaa solid 1px;right: 0;z-index: -1;}
.nav .nav_menu .nav_menu-item:last-child::after{position:absolute;content:"";height:0px; top:12px;border-left:#ccc solid 1px;}
.nav a {display: block;padding: 0 20px;cursor: pointer;text-decoration: none;color: #333333;}
.nav .nav_menu .nav_menu-item a:hover,.nav .nav_menu .nav_menu-item a.hover{ background-color:#e50108; color:#fff;}


.nav_submenu {text-transform: none;display: none;position: absolute;width:96px;left:0px;top:40px;background-color: #ffffff;line-height: 30px;font-size: 14px;z-index: 99;text-align: left;}
.nav_menu-item:hover .nav_submenu {display: block;}
.nav .nav_submenu .nav_submenu-item a:hover{ background-color:#e50108; color:#fff;}
.main{width:1150px; height:auto; margin:0 auto; overflow:hidden;zoom:1;}
.title_box{ text-align:center; position:relative; padding:20px 0 0 0;}
.title_box h3{ font-size:36px; width:268px; color:#e50108; text-align:center; margin:0 auto;}
.title_box ::before{content:"";position: absolute;margin-top: 5px;width: 432px;border-bottom: 1px solid #ddd;height: 20px;left: 0;}
.title_box ::after{content:"";position: absolute;margin-top: 5px;width: 432px;border-bottom: 1px solid #ddd;height: 20px;right: 0;}
.title_p{color: #555;font-size:22px;text-align:center;padding-top: 10px;}
.pro_box{padding: 45px 0 25px 0;}
.pro_box ul li{width: 284px;display:inline-block;text-align:center;}
.pro_box ul li div{ width:85px; height:90px; margin:0 auto; margin-bottom:32px;}
.pro_box ul li p a{ font-size:18px; color:#555; text-decoration:none;}
.pro_box ul li p a:hover{ font-size:18px; color:#e50108; text-decoration:none;}
.pro_box ul li div.pro_img{ width:85px; height:76px; margin:0 auto; margin-bottom:32px;}
.plan_list{ padding:15px 0;}
.plan_list li{ width:280px; height:236px; display:inline-block; margin-right:10px; margin-bottom:8px; position:relative; float:left;}
.plan_list li a{ cursor:pointer;}
.plan_list li:nth-child(3){ margin-right:0;}
.plan_list li:last-child{ margin-right:0;}
/*.plan_list li:nth-child(4n){ margin-right:0;}*/
.shade{ width:280px; height:55px; position:absolute; z-index:1; left:0; bottom:0; background-color:#000; opacity:0.5;filter: alpha(opacity=50); }
.text{ font-size:18px; color:#fff;width:280px; height:55px; position:absolute; z-index:2; left:0; bottom:0; line-height:55px; text-align:left; padding-left:10px;}
.text a,.text a:hover{font-size:18px; color:#fff;}
.plan_list li:nth-child(3){ width:570px;}
.plan_list li:nth-child(3) .shade,.plan_list li:nth-child(3) .text{ width:570px;}
.plan_list li.li_hover:hover .text{ text-align:center;animation:ease-in 1s;}
.plan_list li:last-child div{font-size:18px; color:#fff;width:280px; height:55px; position:absolute; z-index:2; left:0; bottom:0; line-height:55px; text-align:center;bottom: 58px; left: 0px;}
.plan_list li:last-child div a{font-size:18px; color:#fff;}
.caseArea{ background-color:#e3e7ea; padding:20px 0; margin-top:30px;width: 100%; min-width:1150px;}
.case_title{ font-size:36px; width:268px; color:#333; text-align:center; margin:0 auto; margin-bottom:20px;.             }
.case_box{ width:355px; height:400px; background-color:#fff; float:left; margin-right:42px;}
.case_box .case_list{ padding:5px 10px 0 10px; text-align:left;}
.case_box .case_list li{ line-height:28px; text-align:left; background:url(../images/dian_pic.jpg) 0 12px no-repeat;}
.case_box .case_list li a{ color:#555; font-size:14px; cursor:pointer; padding-left:12px;}
.case_box .case_list li a:hover{ color:#e50108; font-size:14px;}
.more{text-align:right; padding-right:12px;}
.more a{ font-size:14px; color:#999; cursor:pointer; }
.more a:hover{ font-size:14px; color:#e50108; }
.case_box:last-child{ margin-right:0;}
.footerArea{ background-color:#333; padding:20px 0;width: 100%; min-width:1150px;}
.footer{ width:1150px; overflow:hidden; zoom:1; margin:0 auto;}
.copyright{ clear:both; line-height:24px; color:#999; font-size:13px; padding-top:15px;}
.footer_box{ border-bottom:#4f4f4f solid 1px; padding:10px 0 10px 0; overflow:hidden;zoom:1;}
.footer_list{width: 160px;text-align:left;list-style:none;float:left;}
.footer_list h3{ font-size:16px; color:#fff; text-align:left; padding:0 0 10px 0;}
.footer_list li{ text-align:left; line-height:28px; color:#dadada;}
.footer_list li a{ color:#dadada; font-size:14px; text-decoration:none;}
.footer_list li a:hover{ color:#fff; font-size:14px; text-decoration:none;}
.adr{float: left;padding-right: 5px;width: 280px;}
.adr p{ line-height:28px; text-align:left; font-size:14px; color:#dadada;}
.weixin_box{width: 100px;height:160px;float:right;}
.weixin_pic{width: 100px;height: 100px;}
.weixin_box p{ text-align:center; font-size:14px; color:#dadada; line-height:32px;}
.onlineBtn{ width:98px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:14px; text-indent:20px; background:#e50108 url(../images/icon.png) 10px center no-repeat; cursor:pointer;}

/* 脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌脙娄脗聽脗路脙楼脗录脗聫 */
.sub_banner{ width:100%; min-width:1150px; height:400px; background:url(../images/sub_banner.jpg) no-repeat; background-position: center center;}
.position{ text-align:left; color:#666; font-size:13px; border-bottom:#ddd solid 1px; padding-bottom:10px;}
.position span{ color:#e50108;}
.position a{ color:#666; font-size:13px; text-decoration:none;}
.position a:hover{ color:#e50108; font-size:13px; text-decoration:none;}
.sub_title{ font-size:30px; color:#555; text-align:center; padding:30px 0 50px 0;}
.sub_main{width:1150px; height:auto; margin:0 auto; overflow:hidden;zoom:1; padding:20px 0;}
.pro_list{ text-align:left; padding:35px 0;}
.pro_list li{ width:49%; display:inline-block; margin-bottom:15px;}
.pro_list li .sub_pro{ width:85px; height:90px; float:left;}
.pro_list li .pro_text{ overflow:hidden; padding-left:15px; padding-right:20px;}
.pro_list li .pro_text h3{ font-size:14px; color:#333; font-weight:bold;}
.pro_list li .pro_text p{ line-height:22px; color:#555; font-size:14px; padding-top:10px;}
.jj_box{ padding:35px 0; text-align:left;}
.jj_box h3{ font-size:18px; color:#333; text-align:left;}
.jj_box p{ font-size:14px; color:#555; text-align:left; line-height:22px; padding:10px 20px 25px 0;}
.list{ padding:15px 10px 0 10px; text-align:left;}
.list li{ line-height:30px; text-align:left; background:url(../images/dian_pic.jpg) 0 12px no-repeat;}
.list li span{ color:#999; float:right; padding:0 10px 0 0; display:inline-block;}
.list li a{ color:#555; font-size:14px; cursor:pointer; padding-left:12px;}
.list li a:hover{ color:#e50108; font-size:14px;}
#FocusBG{width: 100%; height: 500px; min-width:1150px;}
.fullSlide {width:100%;	position:relative;	height: 500px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {	width:100% !important;}
.fullSlide .bd li {	width:100% !important;height:500px;	overflow:hidden;text-align:center;background-position: center top;}
.fullSlide .bd li a {display:block;	height:500px;}
.fullSlide .hd {width:100%;	position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {	text-align:center;}
.fullSlide .hd ul li {	cursor:pointer;display:inline-block;*display:inline;zoom:1;width:13px;height:13px;margin:5px;overflow:hidden; background:url(../images/yd_icon.png) -4px -4px no-repeat; line-height:999;}
.fullSlide .hd ul .on {	 background:url(../images/yd_icon.png) -30px -4px no-repeat;}
.fullSlide .prev,.fullSlide .next {	display:block;	position:absolute;	z-index:1;	top: 50%;	margin-top:-5px;left: 12%;	z-index:1;width:45px;height:45px;background:url(../images/abg.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
	display:none;}
.fullSlide .next {	left:auto;	right: 12%;	background-position:-45px 0px;}

.sub_left{ width:250px; float:left; text-align:left; height:auto;}
.sub_left ul{ text-align:left; list-style:none; padding:30px 0 0 0;}
.sub_left ul li{ line-height:35px; text-align:left; padding-left:30px;}
.sub_left ul li:hover{background-color:#f4f4f4;}
.sub_left ul li a{ font-size:14px; color:#888; display:inline-block;}
.sub_left ul li a:hover{ font-size:14px; color:#555; background-color:#f4f4f4;}
.sub_left ul li.hover{ font-weight:bold; font-size:14px; color:#555; background-color:#f4f4f4;}
.sub_right{ overflow:hidden; height:auto; padding-left:20px; border-left:#ddd solid 1px;}
.sub_menu{ text-align:left; padding:15px 0;}
.sub_menu li{ display:inline-block; text-align:center; padding:0 5px;}
.sub_menu li a{ color:#555; font-size:14px; border:#ddd solid 1px; line-height:30px; text-align:center; display:inline-block; padding:0 8px;}
.sub_menu li a:hover,.sub_menu li a.hover{ color:#fff; background-color:#e50108; border:#e50108 solid 1px;}

.subinfo { font-size:14px; color:#555; text-align:left; line-height:22px;  padding:10px 20px 25px 0;} 
@media all and (min-width:1025px){  
.topArea{width:1250px;}
}