@charset "utf-8";
html 
{background-color: #fff; color: #000; font-size: 12px;}
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1246px; -webkit-text-size-adjust: none;}
*
{margin:0; padding:0; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select 
{font-size: 100%;}
h1,h2,h3,h4,h5,h6,b,strong 
{font-weight: normal;}
address,cite,dfn,em,i,optgroup,var 
{font-style: normal;}
table 
{border-collapse: collapse;  border-spacing: 0; text-align: left;}
caption,th 
{text-align: inherit;}
ul, ol,menu 
{list-style: none;}
fieldset,img 
{border: 0;}
/* img, */
object,input,textarea,button,select 
{  vertical-align: middle;}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu 
{  display: block;}
audio,canvas,video 
{display: inline-block;  *display: inline; *zoom: 1;}
blockquote:before,blockquote:after,q:before,q:after 
{content: "\0020";}
textarea 
{overflow: auto;  resize: vertical;}
input,textarea,button,select,a 
{outline: 0 none; border: none; text-decoration:none; blr:expression(this.onFocus=this.blur());}
button::-moz-focus-inner,input::-moz-focus-inner 
{padding: 0;  border: 0;}
mark 
{background-color: transparent;}
a,ins,s,u,del 
{  text-decoration: none;}
sup,sub 
{vertical-align: baseline;}
hr 
{height: 1px; margin: 0.1rem 0; border: medium none; border-top: 0.02rem solid #cacaca;}
a 
{color: #333; text-decoration: none; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{outline:none;} 
a:link
{text-decoration:none;}
a:hover
{color:#f86a04; text-decoration:none;}
.clear
{height:0px; clear:both;}
.clearfix:after
{content: ""; display: block;  height: 0;  clear:both;  visibility: hidden;}
.clearfix
{ *zoom: 1 }
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
/*效果*/
.trans1
{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans2
{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.trans3
{transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.transb1:after,.transb1:before
{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
/*qq浮动qq*/
.float_qq {width:88px; border:1px solid #0a84c9; background:#fff; right:0px;z-index: 999;}
.float_qq ul li {height:72px; padding:0 4px; cursor:pointer; position:relative; z-index:55;}
.float_qq ul li i {width:100%; height:46px; display:block; background-repeat:no-repeat; background-position:center center;}
.float_qq ul li p {line-height:1; height:25px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;font-family:"SimSun","宋体","Microsoft YaHei","微软雅黑",sans-serif; color:#0a84c9;}
.float_qq ul .li5 p,.float_qq ul .li4a p {border-bottom:none;}
.float_qq ul .li5 {display:none;}
.float_qq ul li.onli p {color:#fff; border-bottom:none;}
.float_qq ul .li1 i {background-image:url(fdqq1a.png);}
.float_qq ul .li1.onli i {background-image:url(fdqq1.png);}
.float_qq ul .li2 i {background-image:url(fdqq2a.png);}
.float_qq ul .li2.onli i {background-image:url(fdqq2.png);}
.float_qq ul .li3 i {background-image:url(fdqq3a.png);}
.float_qq ul .li3.onli i {background-image:url(fdqq3.png);}
.float_qq ul .li4 i {background-image:url(fdqq4a.png);}
.float_qq ul .li4.onli i {background-image:url(fdqq4.png);}
.float_qq ul .li5 i {background-image:url(fdqq5a.png);}
.float_qq ul .li5.onli i {background-image:url(fdqq5.png);}
.float_qq .li4 {position:relative;}
.float_qq .qq_wxA {width: 142px; height: 144px; padding-right:5px;	position: absolute; right: 88px; top: -38px; z-index: 30; display:none;}
.qq_slideA {width:88px; height:72px;background:#0a84c9; position:absolute; left:0px; top:0px; z-index:20;}
/*qq浮动qq——end*/
.huiA
{background:#f2f2f2; overflow:hidden;}
.huiA2
{background:#eaeaea; overflow:hidden;}

/*=======公用样式========*/
.container 
{width: 1246px; margin: 0 auto;}
.header 
{height: 80px; background: #fff;}
.header .header-left 
{float: left;}
.header .header-a 
{position: relative; float: left; margin-top: 20px;}
.header .header-a::after 
{position: absolute; content: ""; height: 44px; top: 6px;right: -17px; border-right: 1px solid #ddd;}
.header .header-a  img 
{width: 100%;}
.header-left .info 
{float: left; margin: 15px 0 0 36px;}
.header-left .info .title 
{color: #777; font-size: 16px; line-height: 27px;}
.header-left .desc 
{margin-top: 4px;}
.header-left .info .number 
{float: left; color: #f86a04; font-size:18px; font-weight: inherit; line-height: 24px;}
.header-left .info .icon-phone 
{display: block; float: left; width: 25px; height: 19px; background: url(t10.png) no-repeat; margin:2px 5px 0 0;}
.nav
{  float: right;}
.nav li 
{margin:0 2px; float: left;}
.nav li a 
{display: block; color: #343434; font-size: 16px; line-height: 80px; padding: 0 15px; position:relative;}
.nav li a:before
{content:""; width:0; height:2px; background:#f86a04; position:absolute; left:0px; bottom:0px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.nav li.active a,.nav li a:hover
{color:#f86a04;}
.nav li.active a:before,.nav li a:hover:before
{width:100%;}
/*标题*/
.titA 
{text-align:center; clear:both; overflow:hidden; padding:30px 0 25px;}
.titA h1
{font-size: 40px;}
.titA h1 span 
{color: #F97200;}
.titA p 
{  padding: 10px 0 0; color:#666;}
.titA2
{color:#fff;} 
.titA2 p 
{color:#fff;} 

.titB
{padding:40px 0 30px;}
.titB h1
{font-size: 34px;}
.titC
{line-height:60px; padding:40px 0 30px; text-align: center;}
.titC h1 
{font-size: 38px;}
.titD
{  text-align: center; padding: 40px 0 36px 0;}
.titD h1 
{line-height: 60px; font-size:40px; font-weight: bold;}
.titD p 
{  color: #f97200; font-size:12px;}
.titE
{  text-align: center; padding: 35px 0 30px 0;}
.titE h1 
{line-height: 50px; font-size:30px;}
.titE p 
{color: #999; font-size:12px;}

/*公用底部*/
.footer 
{background: #090b1a; font-size: 13px; overflow: hidden;}
.footA 
{  padding: 32px 0 25px; color: #787d80; overflow: hidden;}
.footA dl
{width: 180px; margin-right: 51px; float:left;}
.footA dl dt 
{line-height: 36px;  height: 36px; color: #747a7a; margin-bottom: 5px;  font-size: 16px; color: #eee;}
.footA dl dd 
{line-height: 25px;  float: left; width: 50%;}
.footA dl a
{color: #787d80;}
.footA dl a:hover
{color: #fff}
.footA dl.dl2
{width:250px;}
.footA dl.dl2 dd
{width:100%;}
.footA dl.dl3
{width:250px; margin-right:0;}
.footA dl.dl3 dd
{width:100%;}
.footA3
{width:92px; float: right;}
.footA3 img
{width:100%;}
.footA3 p 
{line-height: 24px; font-size: 12px; color: #787d80; text-align: center;}
.flink
{overflow:hidden; color: #787d80; padding-bottom:30px;}
.flink li 
{height:30px; line-height:30px; padding-left:20px; float: left;}
.flink li  a 
{color: #787d80;}
.flink a:hover 
{color: #fff;}
.flink li.ft
{width:85px; padding:0; position:relative;}
.flink li.ft:before
{content:""; width:1px; height:14px; background:#787d80; margin-top:-6px; position:absolute; right:0px; top:50%;}
.footB
{line-height:2; font-size: 13px; text-align: center; color: #787d80; padding:15px 0; overflow:hidden; background: #090b1a; border-top: 1px solid #171a35;}
.footB a 
{color: #787d80;}
/*内页banner*/
.nyban
{width: 100%;  height: 369px; background-repeat:no-repeat; background-position: center center; overflow:hidden;}
.ban_baojia
{background-image:url(ban_baojia.jpg)}
.ban_dingzhi
{background-image:url(ban_dingzhi.png)}
.ban_seo
{background-image:url(ban_seo.png)}
.ban_contact
{background-image:url(ban_contact.png)}
.ban_case
{background-image:url(ban_case.jpg)}
.ban_about
{width: 100%; height: 300px;  background: url(ban_about.jpg) no-repeat center;}
.ban_about h1
{line-height: 300px; text-align: center; color: #fff; font-size: 40px; padding-top: 1px;}
.nyban
{
animation: banxg 1s ease;
-moz-animation: banxg 1s ease;
-webkit-animation: banxg 1s ease;
-o-animation: banxg 1s ease;	
background-size:auto 103%;
transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; -webkit-transition:all 0.5s ease;
}
@keyframes banxg
{
0% {background-size:auto 100%;}
100% {  background-size:auto 103%;}
}
@-moz-keyframes myfirst 
{
0% {background-size:auto 100%;}
100% {  background-size:auto 103%;}
 }