﻿body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,table,ul,li,marquee{font-size:12px; margin:0; padding:0;font-family:"微软雅黑";}

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; color:#666 }
img { border: 0 none; vertical-align: top; } 
ul, li { list-style-type: none; }
body, input, select, button, textarea { font-size: 12px;FONT-SIZE: medium Geneva, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
a:focus { outline: none; }
a{ text-decoration:none; color:#666}
.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
.fl { display: inline; float: left; }
.fr{ display: inline;  float: right; }
.clear {float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0;}
.red{ color:#c30000}
/*导航*/
.header{ height:135px;  z-index:10000; width:100%; background:#fff; position:fixed; top:0;}
.topnav{ width:100%; height:35px; line-height:35px; background:#232323}
.topnav ul{ width:420px; margin:0 auto; padding-left:680px;}
.topnav ul li{ float:left; width:80px; text-align:center;}
.topnav ul li a{ color:#ebebeb}

.nav{ width:1100px; height:100px; margin:0 auto; }
.logo{ float:left; padding:20px 20px 19px 20px;}
.menu{ float:left; width:750px; padding:25px 10px 14px 80px;}
.menu ul li{ float:left; width:120px; text-align:center; background:url(../images/index_06.jpg) no-repeat right; height:60px; line-height:60px;}
.menu ul li a{ font-size:16px; }
.menu ul li a:hover{ color:#ffa800;}

.banner{ margin-top:135px; text-align: center; width:100%;}
.nybanner{ width:100%; text-align:center;margin-top: 135px;}
.contactbanner{ width:1100px; margin:0 auto; }


.section{width:1100px; margin:0 auto;overflow:hidden}
/*业务范围*/
.ywfw{ padding-bottom:50px;}
.businessbg{ background:#f2f2f2; height:440px;}
.business{  height:440px;}
.business ul{ float:left; width:25%; text-align:center; padding:50px 0 0px 0;}
.business ul li{ width:246px; height:246px; margin:0 auto; position:relative; overflow:hidden}
.business ul h2{ font-size:14px; color:#5a5f62; font-weight:normal; margin-bottom:15px; display:block; padding-top:25px;}
.business ul span a{ color:#d7d7d7; font-size:16px;}
.business ul li p{ position:absolute; top:50px; text-align:center; width:100%; display:block}
.business ul li p b{ display:block; line-height:50px; color:#444; font-size:16px;}

/*新闻资讯*/
.newsbt{ padding:40px 0 0px 0; text-align:center; width:100%; border-bottom:1px solid #afafaf; }
.newsbtn{  height:40px; padding:50px 0 0 0;}
.newsbtn ul li{ float:left; width:351px; text-align:left; padding-left:15px; font-size:16px; font-weight:bold;}
.newsbtn ul li a{ color:#333}
.newsword{ width:1100px; margin:0 auto; overflow:hidden} 
.newsword ul{ float:left; padding:20px 0px 0px 10px; width:350px; overflow:hidden; line-height:30px;}
.newsword ul li a{ font-size:14px; color:#8c8c8c}
.newsword ul li a:hover{ color:#005b9b}
.newsword ul b{ padding-top:20px; display:block}

.newspage{ padding:20px 20px 60px 20px;}
.newspage a{ display:block; line-height:30px; font-size:14px;}




/*案例*/
.casebt{ padding:45px 5px 25px 5px; font-size:24px;  }
.casebt h2{ color:#005b9b; font-size:24px; font-weight: normal; float:left; padding-right:10px;}
.casebt span{ color:#c3c3c3}
.casebt a{ color:#000;}
.casebg{ background:#eaeaea; padding:5px; overflow:hidden }
.casebg  ul{ float:left; width:840px;}
.casebg  ul li{ float:left; padding:5px; position:relative; overflow:hidden; width:270px; height:186px;}
.caseright{ float:right; padding:5px; position:relative}

.caseFloat{ position:absolute; top:200px; background:rgba(0,0,0,0.8); width:270px; height:186px;}
.caseFloat h2{ color:#fff; text-align:center; padding:25px 0 0 0; font-size:20px; font-weight:normal}
.caseFloat p{ color:#fff; padding:10px; line-height:22px;}
.casebg ul li:hover .caseFloat{ top:5px; transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;-o-transition:top 0.5s; }

.caserightborder{ position:absolute; top:5px; width:236px; height:379px;}
.caseright:hover .caserightborder{ border:2px solid #ca192b;}
.caserightborder a{ display:block; width:236px; height:379px;}





/*变革*/
.changebg{ background:#ca192b; width:100%; height:250px; margin:40px 0 0 0;}
.changebt{ text-align:center; padding:22px 0 28px 0;}
.change{ width:1020px; margin:0 auto; overflow:hidden; height:140px;}
.change ul li{ float:left; padding:15px 15px 5px 15px; display:block;width:76px; text-align:center; color:#fff; }
.change ul li img{width:76px; height:76px; border-radius:38px; margin-bottom:5px; }
.change ul li h2{float:left; padding:0px 35px; display:block;color:#fff; font-weight:normal}
.change ul li h2 img{width:96px; height:96px; border-radius:48px;margin-bottom:5px; }

/*我们的优势*/
.Advantage{ height:300px; margin-top:40px;}
.Advantagebt{ background: url(../images/btbgx.jpg) repeat-x center; height:30px; margin-bottom:40px;}
.Advantagebt b{ background:#fff; height:30px; display:block; line-height:30px; font-size:24px; width:160px; text-align:center; margin:0 auto; font-weight:normal; }
.Advantagebt b a{ color:#000;}
.Advantage_left{ width:380px; height:151px; float:left; border:1px solid #efefef; padding:25px 25px 25px 35px; }
.Advantage_left img{ float:left; padding:15px 0 0px 0;}
.Advantage_left p{ display:block; padding-left:55px; line-height:37px; font-size:16px; float:left; display:block; width:220px;}

.Advantage_right{ float:left;  width:658px; height:202px;}
.Advantagemk{ padding:18px 15px; float:left; width:287px; border:1px solid #efefef; margin-left:10px; margin-bottom:11px;}
.Advantagemk kbd{ float:left;}
.Advantagemk a:hover{ color:#005b9b}
.Advantagemk kbd img{ border:1px solid #efefef; }
.Advantagemk p{ float:left; width:200px; display:block; padding-left:20px; font-size:14px; line-height:28px;}


/*尾部*/
.footer{ background:#333; height:435px;}
.footbt{ padding:40px 0 20px 0; text-align:center}
.footmk{ width:1100px; margin:0 auto}
.footleft{ width:550px; float:left; padding-left:100px;}
.footright{ width:400px; float:right}
.footlist{ float:left; width:100px; padding:30px 0; }
.footlist h2{ color:#e0e0e0;font-size:14px; margin-bottom:7px;}
.footlist li{ line-height:27px;}
.footlist li a{ color:#9a9a9a}
.footnav{ padding-top:20px; float:left}
.footnav li{ float:left; padding-right:40px;}
.footright{ padding:20px 0 0 0;}
.footright h3{ font-size:16px; color:#e0e0e0}
.footright ul{ padding:15px 0;}
.footright ul li{ line-height:30px; background:#232323; border-radius:4px; margin-bottom:10px; padding:0 10px;}
.footright ul li a{ color:#595959}
.footright ul li a span{ color:#767575}
.footright ul li a:hover{ color:#ddd}
.Copyright{ text-align:center; background:#0a0a0a; line-height:35px; color:#ffffff;}
.indexcon{ float:left; width:400px; padding:40px 0 0 50px; line-height:55px; font-size:14px;}
.indexcon h2{ font-size:20px; color:#fff; font-weight:normal;}

.footnavdeg{width:64px; height:64px;transition:transform 1s;-moz-transition:-moz-transform 1s;-webkit-transition:-webkit-transform 1s;-o-transition:-o-transform 1s;}
.footnavdeg:hover{ transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} 














/*我们的客户与伙伴*/
.casesection{width:1140px; margin:0 auto;overflow:hidden}
.caseword{ padding:20px 0 80px 0; overflow:hidden}
.caseword ul{ float:left; padding:0 30px 40px 5px; width:345px;}
.caseword ul p{ display:block; margin:0; background:#f2f2f2; height:87px; padding:10px; color:#ff8400}
.caseword ul p b{ display:block; font-size:16px; padding-bottom:5px; color:#333}

/*发展历程*/
.yearsword{ padding:20px;}
.yearswordbg{ background:url(../images/xxbg.jpg) repeat-y left;}
.yearsnews{ padding-bottom:55px;}
.yearsnews h3{ font-size:16px; font-weight:normal; margin-bottom:10px;}
.yearsnews b{ font-size:26px; font-weight:normal; color:#949494; padding-left:15px; padding-right:15px; float:left; display:block }
.yearsnews span{ display: block; width:10px; height:10px; float:left; background:#bababa; border-radius:5px; margin-top:7px; margin-right:10px;}
.yearsnews kbd{ color:#bababa;font-size:18px; font-family: "微软雅黑" ; font-weight:normal}
.yearsnews p{ color:#888; font-size:14px; line-height:25px; padding-left:110px;}

/*恒昊新闻*/
.news ul{ padding:0 10px 10px 10px;}
.news ul li{ font-size:15px; line-height:26px; border-bottom:1px dashed #ccc; padding-bottom:25px; padding-top:40px;}
.news ul li h2{ font-size:22px; font-weight:normal; margin-bottom:15px;}
.news ul li h2 a{ color:#333}
.news ul li b{  padding:30px 5px 10px 5px;display:block; }
.news ul li b a{ font-size:26px; font-weight:normal; color:#c3c3c3; display:block; background:url(../images/newsmore.jpg) no-repeat right; height:35px; width:450px; line-height:35px; }
.news ul li a:hover{ color:#005b9b}


/*业务范围*/
.yun{ background:#fff; border:1px dashed #adadad; height:300px; padding:20px;}
.yunServer{ width:540px; float:left; height:300px; float:left; padding-left:9px;}
.yunServer h3{ font-size:25px; font-weight:normal; color:#005b9b}
.yunServer ul{ padding:10px 0 0 0;}
.yunServer ul li{ height:135px;}
.yunServer ul li img{ padding:1px; border:1px solid #ddd; float:left;}
.yunServer ul li p{ float:left; width:335px; padding-left:15px; padding-right:10px; font-size:16px; color:#777; line-height:28px;}

/*付款方式*/
.pay{ padding:20px; border:1px solid #eee; width:1065px; font-size:14px; margin:30px 0;}
.pay table td{ padding:15px 0; border-bottom:1px solid #eee}
.pay table td h4{ font-size:20px; font-weight:normal}
.pay table td{font-size:14px;}

/*首页业务范围特效*/
.ywfw_bg{ background:#ffb11b; width:246px; height:246px; position:absolute; border-radius:123px; top:246px;}
.business ul li:hover .ywfw_bg{ display:block; top:0; transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;-o-transition:top 0.5s; }

 

















