﻿@charset "utf-8";
body { 
       font-family:"微软雅黑";
	   color:#414141; 
	   font-size:12px; 
	   margin-left:auto; 
	   margin:0 auto; 
	   padding:0;
	   background:url(../images/bj.jpg);
	   }
ul, input, dl, dd,p { 
       padding:0; 
	   margin:0; 
	   list-style-type:none;
	   }
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.clear{
clear:both;
}
.top{ width:100%; height:761px;}
.top01{ width:100%; height:110px; background:url(../images/topbj.png); position:absolute;}

.top02{ width:1100px; height:110px; margin:auto;}
.top02_logo{ width:360px; height:110px; float:left;}
.top02_er{ width:452px; height:110px; float:left;}
.top02_dh{ width: 280px;
height: 80px;
float: right;
padding-top: 12px;}

.top02_dh a { font-family:"微软雅黑"; font-size: 13px; line-height:30px; width:100px; font-style: normal; float:right; color: #ffffff; height:30px; text-decoration: none;}
.top02_dh a:visited {color: #ffffff;}
.top02_dh a:hover {color:#000000; background:#FFDF2E;}
.top02_dh a:active {color: #000000;}



.nav{ width:100%; height:61px; background:url(../images/navbj.png); padding-top:5px; position:absolute; top:110px;}
.nav1{ width:1100px; margin:auto; height:61px;}


.banner{ width:100%; height:761px; position:absolute; z-index:-999;}

.cpan{ width:1200px; height:535px; margin:auto; margin-top:45px;}

.cpan01{ width:250px; height:432px; float:left; background:url(../images/tbj.jpg); line-height:30px; padding:28px 28px 20px 30px; text-align:justify; font-size:13px; color:#7B7B7B;}
.cpan01 a{color:#7B7B7B;}

.cpan02{ width:274px; height:480px; float:left;}
.cpan03{ width:300px; height:480px; float:left;}

.cpan0301{ width:250px; height:120px; background:#323232; color:#747474; line-height:22px; padding:20px 25px 20px 25px; text-align:justify; font-size:13px;}
.cpan0301 a{ line-height:34px; font-size:13px; color:#747474;}
.cpan0301 span{ font-size:20px; font-weight:bold; color:#FFF; line-height:38px;}

.cpan0302{ width:250px; height:119px; background:#E2E2E2; border-bottom:1px solid #C7C7C7; color:#747474; line-height:22px; padding:20px 25px 20px 25px; text-align:justify; font-size:13px;}
.cpan0302 a{ line-height:34px; font-size:13px; color:#747474;}
.cpan0302 span{ font-size:20px; font-weight:bold; color:#1A1A1A; line-height:38px;}

.cpan0303{ width:250px; height:120px; background:#E2E2E2; color:#747474; line-height:22px; padding:20px 25px 20px 25px; text-align:justify; font-size:13px;}
.cpan0303 a{ line-height:34px; font-size:13px; color:#747474;}
.cpan0303 span{ font-size:20px; font-weight:bold; color:#1A1A1A; line-height:38px;}


.cpan04{ width:317px; height:480px; float:left; background:#575757;}
.cpan0401{ width:267px; height:115px; line-height:24px; padding:25px 25px 20px 25px; text-align:justify; font-size:13px; color:#ABABAB;}
.cpan0401 a{ line-height:34px; font-size:13px; color:#ABABAB;}
.cpan0401 span{ font-size:20px; font-weight:bold; color:#FFF; line-height:38px;}

.about{ width:100%; height:800px; background:url(../images/abbj.jpg) center top no-repeat;-webkit-background-size: 100%; margin-top:45px;}
.yuan{ width:1000px; margin:auto; height:225px; text-align:center; padding-top:35px;}
.aboutbt{ width:1000px; padding-top:12px; margin:auto; height:100px; text-align:center; font-size:22px; font-weight:bold; color:#FFF; line-height:32px;}
.aboutbt span{color:#A7A7A7; font-weight:normal; font-size:30px; font-family:Arial, Helvetica, sans-serif;}

.aboutnr{ width:1060px; padding-top:10px; margin:auto; height:180px; text-align:center; font-size:16px; color:#FFF; line-height:24px; text-align:justify;}
.aboutnr a{ color:#FFF;}

.cpbt{ width:100%; padding-top:47px; height:70px; background:url(../images/hbj.png) center top no-repeat; margin-top:45px; text-align:center; font-size:22px; font-weight:bold; color:#444444; line-height:32px;}
.cpbt span{color:#A3A3A3; font-weight:normal; font-size:30px; font-family:Arial, Helvetica, sans-serif;}

.cpnr{ height:760px; width:1100px; margin:auto;}

.gongyi{ width:100%; height:555px; background:url(../images/gybj.jpg) center top no-repeat; padding-top:45px;}

.gongyibt{ width:450px; height:90px; margin:auto; background:url(../images/xbj01.png) center no-repeat; text-align:center; font-size:26px; font-weight:bold; color:#ffffff; line-height:32px;}
.gongyibt span{font-size:16px; color:#ffffff; line-height:72px; font-weight:normal;}

.gongyinr{ width:1100px; margin:auto; padding-top:35px;}
.gongyisp{ width:520px; height:400px; float:left;}
.gongyiimg{ width:580px; height:400px; float:left;}
.xgongyiimg{ width:260px; float:right; height:164px; margin-bottom:28px; margin-left:25px;}


.guanggao{ width:100%; height:160px; text-align:center; background:url(../images/gybj01.jpg) center top no-repeat; font-size:40px; color:#FFF; padding-top:30px;}


.newkuai{ width:100%; background:#FFF; padding-top:45px;}
.newkuai01{ width:450px; height:90px; margin:auto; margin-bottom:20px; background:url(../images/xbj.jpg) center no-repeat; text-align:center; font-size:26px; font-weight:bold; color:#444444; line-height:32px;}
.newkuai01 span{font-size:16px; color:#888888; line-height:72px; font-weight:normal;}

.xwlb a{ font-size:14px; width:970px; margin:auto; height:150px; display:block; background:url(../images/xwlb.jpg) top right no-repeat; color:#8B8B8B; text-decoration:none; }
.xwlb a span{ font-size:16px;line-height:32px; font-weight:bold; color:#696969;}
.xwlb a:visited{color:#8B8B8B;}
.xwlb a:hover{background:#F3F3F3; color:#2F2F2F; background:url(../images/xwlb01.jpg) top right no-repeat;}
.xwlb a:hover span{ font-size:16px;line-height:32px; color:#2F2F2F; font-weight:bold;}
.xwlb a:active{color:#2F2F2F;}
.xwlbsj{ width:210px; float:left; font-size:18px; font-family:Arial; color:#515151; font-weight:bold;}
.xwlbnr{ width:740px; float:left; line-height:26px; font-weight:normal; padding-top:10px;}
.newgd{ width:100%; height:100px; background:#FFF; text-align:center;}


.lxwm{ width:100%; height:320px; background:url(../images/lxbj.jpg) center top no-repeat; padding-top:45px;}
.lxwmbt{ width:450px; height:90px; margin:auto; background:url(../images/xbj01.png) center no-repeat; text-align:center; font-size:26px; font-weight:bold; color:#ffffff; line-height:32px;}
.lxwmbt span{font-size:16px; color:#ffffff; line-height:72px; font-weight:normal;}
.lxwmnr{ width:1140px; margin:auto; padding-top:30px;}

.lxwm01{ width:285px; float:left; height:50px; background:url(../images/d01.png) center top no-repeat; color:#D5D5D5; font-size:13px; font-weight:bold; text-align:center; line-height:20px; padding-top:110px;}
.lxwm02{ width:285px; float:left; height:50px; background:url(../images/d02.png) center top no-repeat; color:#D5D5D5; font-size:13px; font-weight:bold; text-align:center; line-height:20px; padding-top:110px;}
.lxwm03{ width:285px; float:left; height:50px; background:url(../images/d03.png) center top no-repeat; color:#D5D5D5; font-size:13px; font-weight:bold; text-align:center; line-height:20px; padding-top:110px;}
.lxwm04{ width:285px; float:left; height:50px; background:url(../images/d04.png) center top no-repeat; color:#D5D5D5; font-size:13px; font-weight:bold; text-align:center; line-height:20px; padding-top:110px;}
.lxwm04 a{ color:#D5D5D5;}


.footer{ width:100%; height:125px; background:#17181A;}
.footer01{ width:970px; margin:auto;}
.footer02{ width:700px; float:left; line-height:32px; font-size:13px; color:#FFF; padding-top:25px;}
.footer02 a{color:#FFF;}

.footer03{ width:270px; float:left; padding-top:15px; text-align:right;}
/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #FFF;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#FFF;
}
.style10:link {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 16px;
	line-width: 2px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:visited {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:hover {
	font-size: 18px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 12px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 12px;




	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
/*---------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; height: 49px; line-height: 49px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:61px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:0px solid #000;background:url(../images/topbj.png); border-bottom:1px solid #fff; border-top:none; width:120px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:24px; line-height:24px; color:#ffffff; font-size:12px;}
ul.menu ul li a:hover {background-color:#FFDF2E; color:#000; font-size:12px;}
ul.menu ul ul {left:110px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:106px; color:#000000;  font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/topbj.png); color: #ffffff;}
ul.menu .sub {background:url('../images/arrow.gif') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
.product_index{ padding-top:30px; background:#fff;}
.product_index01{width: 90%;
height: auto;
margin: 0 auto;}
.product_index01 h3{font-size: 24px;
margin-top: 0px;
text-align: center;
margin-bottom: 0px;
color: #444;}
.product_index01 p{font-size: 13px;text-align: center;width: 80%;color: #848484;margin: 0px auto;    margin-bottom: 0px;margin-bottom: 10px;
font-family: "Microsoft YaHei";}
.product_index02 ul{border-bottom: none;
margin: 30px auto;display: flex;justify-content: center;
text-align: center;padding-left: 0;list-style: none;}
.product_index02 ul li{white-space: nowrap;
display: inline-block;
float: none;margin-bottom: -1px;position: relative;
}
.product_index02 ul li a{background: #fff;
padding: 8px 30px;border-radius: 0;
white-space: nowrap;
border: #d2d2d2 1px solid;
font-size: 12px;
margin-right: 5px;color: #76838f;text-decoration:none;}
.product_index02 ul li a:hover {
	padding: 8px 30px;
	background: #000;
	color: #fff;
}
.product_index03{margin-right: -10px;overflow: hidden;padding-bottom: 40px;position: relative;display: block;box-sizing: border-box;}
.product_index04{position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;}
.product_index05{opacity: 1;
width: 1696px;
transform: translate3d(0px, 0px, 0px);position: relative;
top: 0;
left: 0;
display: block;}
.product_index06{width: 424px;float: left;
height: 100%;
min-height: 1px;outline: none;display: block;}
.product_index07{margin-right: 10px;
background: none;
box-shadow: none;position: relative;
margin-bottom: 30px;}
.product_index08{border-radius: 0;width: 100%;overflow: hidden;margin: 0;}
.mask {
    position: absolute;
    width: 100%;
    height: 70%;
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    z-index: 2;
}
.product_index08:hover .mask {
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
	height:69.5%;
}
.product_index08 img{transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
width: 100%;display: block;max-width: 100%;
height: auto;
max-height: 290px;}
.widget-title{
    padding: 20px 20px 20px 0px;
    border-bottom: 1px solid #717171;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 14px;
text-align: left;background: #fff;
}
.widget-title a{color: #666;
font-size: 16px;}
.widget-title p{padding-top: 5px;
margin: 0;
font-size: 13px;
color: #848484;}


#box_main {
	margin: 0 auto;
	width: 100%;
	float: none;
	padding-bottom: 50px;
}
#box_main_sub2 {
	width: 100%;
	float: none;
	height: 500px;
	
padding: 10px;
}
#hzkh{ width:98%; margin:0 auto 15px; }
#hzkh h3 { height:39px; line-height:39px; padding:3px 0 1px; background:url(../images/tbg7.gif) left top repeat-x; overflow:hidden;}
#hzkh h3 span { float:right; font-size:12px; font-weight:normal; padding:12px 15px 0 0; }
#hzkh h3 span a { display:inline-block; color:#666; }
#hzkh h3 span a:hover { color:#f00; }
#hzkh h3 strong{ font-size:14px; padding-left:30px; background:url(../images/icon10.gif) 15px center no-repeat;}
#hzkh_cont { padding:15px 0 10px 15px;}
#hzkh_cont li { float:left; width:430px; text-align:center; padding-right:10px; }
#hzkh_cont li img { padding:2px;  }
#hzkh_cont li a { display:block; color:#333; }
#hzkh_cont li span { display:block; font-size:14px; line-height:25px; height:25px; overflow:hidden; }
#hzkh_cont li a:hover { color:#f00; text-decoration:none; }
#hzkh_cont li a:hover img { border:solid 1px #f00 }
#demo { overflow: hidden; width:100%; }
#indemo { float: left; WIDTH: 1000% }
#demo1 { float: left; }
#demo2 { float: left }
.clear {
    clear: both;
}


.wide_wrap{ width:1200px; margin:auto;padding-top: 20px;}
 .area_title {
   color: white;
height: 540px;
width: 1800px;
margin: auto;
padding-top: 31px;
}

 .notothin-cn {
    float: left;
    margin-right: 10px;
    font-size: 18px;
}
.notothin-cn01{margin-top: 2px; float: left;
    margin-right: 10px;
    font-size: 18px;}
.home_server_promise_list li{float: left;
margin-left: 5px;}