/* CSS Document */
/* CSS Document */
html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,button,p,blockquote,th,td,img,iframe,a{ margin: 0px; padding: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
img{ border: 0px; }
li{ list-style: none; }
a{ text-decoration:none;}
ul, li, div{ list-style: none; border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
body{ font: 12px "Arial",'宋体'; color: #000000; background:#f8f8f8;}


#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;min-width: 1180px;}
.header{ width:1180px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header ul li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header ul li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header ul li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../img/tech.png) no-repeat 0 0; cursor:pointer;}
.header ul li a{ color:#666; padding:0 5px;font-family: "宋体"}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;font-family: "宋体"}
.header p a.mobile{ padding-left:22px; background:url(../img/tech.png) no-repeat -114px 0; color:#945d56;}
.header ul li a:hover,.header p a:hover{ color:#f60 !important; text-decoration:underline;}

.top {
	width: 1180px;
	height: 120px;
	margin: 0px auto 0;
	position: relative;
	z-index: 77;
}

.top .logo {
	position: absolute;
	left: 0;
	top: 22px;
	z-index: 77;
}

.top h1 {
	height: 36px;
	position: absolute;
	left: 265px;
	top: 41px;
	border-left: 1px solid #d7d7d7;
	font: 24px/36px "Microsoft Yahei", "\5b8b\4f53";
	text-indent: 12px;
	color: #945d56;
}

.top p {
	font: normal 24px/30px arial;
	position: absolute;
	right: 0;
	top: 20px;
	color: #FF6600;
}

.top span {
	font: normal 16px/24px "microsoft yahei";
	position: absolute;
	top: 50px;
	right: 0;
	color: #666666;
}
.nav {
	width: 100%;
	height: 50px;
	background-color: #945d56;
}

.nav p {
	width: 1180px;
	margin: 0 auto;
	height: 50px;
}

.nav p a {
	color: #ffffff;
	font-family: "microsoft yahei";
	line-height: 50px;
	font-size: 18px;
	display: block;
	float: left;
	width: 118px;
	display: inline-block;
	text-align: center;
}

.nav p a.home {
	background-color: #ffb600;
}

.nav p a:hover {
	background-color: #ffb600;
}
.banner2{
	height: 350px;
	background:url(../img/banner_img1.jpg) center center no-repeat;;
}

.network{
    width: 1180px;
    margin: 0 auto;
}
.tl{
	height: 118px;
	width: 100%;
	text-align: center;
	position: relative;
	padding-top: 30px;
}
.tl h3{
	font:normal 32px/40px "microsoft yahei";
}
.tl i{
	position: absolute;
	width: 55px;
	height: 5px;
	background: #945d56;
	left: 50%;
	top: 80px;
	margin-left: -27px;
}
.tl b{
	display: block;
	margin-top: 18px;
	font:normal 18px/30px arial;
}
.network .content{
	font:normal 18px/38px "microsoft yahei";
	padding-left: 80px;
	padding-bottom: 20px;
}
.network .content b{
	color: #ff6600;
}
.network .content b.ft-22{
	font:normal 22px/42px "microsoft yahei";
}
.network .content b.ft-22-g{
	font:normal 22px/42px "microsoft yahei";
	color: #1495ff;
}
.network .content b.ft-28-g{
	font:normal 28px/48px "microsoft yahei";
	color: #1495ff;
}
.network .content b.ft-32{
	font:normal 32px/52px "microsoft yahei";
}
.container{
	width: 100%;
	background: #f6f6f6;
}
.question{
    width: 1180px;
    margin: 0 auto;
}
.question .content{
	padding-top: 10px;
}
.question .content ul li{
	width: 520px;
	float: left;
	height: 160px;
	padding-left: 30px;
}
.question .content ul li i{
	background: url(../img/question-icon.jpg) no-repeat;
	width: 90px;
	height: 100px;
	float: left;
}
.question .content ul li i.icon1{
	background-position: 0 0;
}
.question .content ul li i.icon2{
	background-position: 0 -100px;
}
.question .content ul li i.icon3{
	background-position: 0 -200px;
}
.question .content ul li i.icon4{
	background-position: 0 -300px;
}
.question .content ul li .txt-rt{
	float: left;
	margin-left: 20px;
	width: 410px;
}
.question .content ul li .txt-rt span{
	font:normal 24px/26px "microsoft yahei";
	color: #000;
}
.question .content ul li .txt-rt p{
	font:normal 16px/26px "microsoft yahei";
	margin-top: 10px;
}

.service_items{
	width: 1100px;
	margin: 80px auto;;
	overflow: hidden;
}
.service_items ul {
	margin-left: 10px;
	width: 1100px;
	margin-top: 20px;
}
.service_items ul li{
	width: 170px;
	float: left;
	height: 280px;
	margin: 0 52px;
}
.service_items ul li:hover i{
	-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
            
}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.service_items ul li i{
	width: 100px;
	height: 88px;
	display: block;
	margin: 0 auto;
}
.service_items ul li i.icon1{
	background: url(../img/icon.png) 10px 5px no-repeat;
}
.service_items ul li i.icon2{
	background: url(../img/icon.png) -135px 5px no-repeat;
}
.service_items ul li i.icon3{
	background: url(../img/icon.png) -285px 5px no-repeat;
}
.service_items ul li i.icon4{
	background: url(../img/icon.png) 10px -190px no-repeat;
}
.service_items ul li i.icon5{
	background: url(../img/icon.png) -135px -190px no-repeat;
}
.service_items ul li i.icon6{
	background: url(../img/icon.png) -285px -190px no-repeat;
}
.service_items ul li span{
	text-align: center;
	margin-top: 4px;
	width: 100%;
	display: inline-block;
	font:normal 24px/36px "microsoft yahei";
	color: #000;
}
.service_items ul li p{
	font:normal 16px/22px "microsoft yahei";
	color: #666;
	margin-top: 10px;
}
.network .content {
    font: normal 18px/38px "microsoft yahei";
    text-align: center;
    padding-bottom: 20px;
}
.network .content b.ft-22{
	font:normal 22px/42px "microsoft yahei";
}
.network .content b.ft-22-g{
	font:normal 22px/42px "microsoft yahei";
	color: #945d56;
}
.network .content b.ft-28-g{
	font:normal 28px/48px "microsoft yahei";
	color: #945d56;
}
.network .content b.ft-32{
	font:normal 32px/52px "microsoft yahei";
}
.choose{
    width: 1180px;
    margin: 0 auto;
}

.choose-box .box{
	float: left;
	width: 320px;
	margin-left: 55px;
}
.choose-box .box .hd{
	height: 100px;
	padding-top: 20px;
	font:normal 30px/44px "microsoft yahei";
	color: #fff;
	text-align: center;
}
.choose-box .box .hd p{
	font:normal 22px/30px arial;
}
.choose-box .box ul{
	border: 1px solid #dcdcdc;
	height: 203px;
	padding-top: 20px;
}
.choose-box .box ul li{
	font:normal 16px/36px "microsoft yahei";
	position: relative;
	margin-left: 27px;
	width: 245px;
	padding-left: 15px;
}
.choose-box .box ul li i{
	position: absolute;
	height: 1px;
	width: 6px;
	top: 18px;
	left: 0;
}
.box-b .hd,.box-b i{
	background: #3686be;
}
.box-g .hd,.box-g i{
	background: #74c53d;
}
.box-y .hd,.box-y i{
	background: #e7a72d;
}
.ft-container{
	height: 600px;
	width: 100%;
	margin-top: 60px;
	background: url(../img/ft-banner.jpg) center 0 no-repeat;
}
.ft-container .tl{
	color: #fff;
}
.contact-box{
    width: 1180px;
    height: 460px;
    margin: 0 auto;
	padding-top: 20px;
}
.contact-box ul{
	width: 1100px;
	float: left;
	padding-top: 20px;
}
.contact-box ul li{
	height: 71px;
	width: 90px;
	border-radius: 50%;
	background: #ed6d00;
	color: #fff;
	margin: 0 46px;
	float: left;
	text-align: center;
	padding-top: 19px;
	font:normal 22px/26px "microsoft yahei";
}
.contact-box .qq-contact{
	text-align: center;
}
.contact-box .qq-contact a{
	height: 64px;
	width: 226px;
	margin-top: 56px;
	text-align: center;
	font:normal 22px/64px "microsoft yahei";
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	background-color: #ed6d00;
}
.contact-box .qq-contact p{
	font:normal 16px/52px "microsoft yahei";
	color: #fff;
}
.ft-container .ft{
	height: 120px;
	background: #2C99D3;
	text-align: center;
}
.ft-container .ft span{
	display: inline-block;
	
	height: 45px;
	background: url(../img/phone-email.png) 0 0 no-repeat;
	font:normal 22px/45px "microsoft yahei";
	color: #fff;
	margin: 38px 20px 0 20px;
	padding-left: 64px;
}
.ft-container .ft span.email{
	background: url(../img/phone-email.png) 0 bottom no-repeat;
}
.footer{
	background: #3d3d3d;
	width: 100%;
}
.foot{
	width: 1180px;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
.foot:after{
	content: '';
	display: block;
	clear: both;
}
.foot .ft-lf{
	float: left;
	width: 900px;
}
.foot .ft-lf p{
	font:normal 14px/30px "microsoft yahei";
	color: #a4a4a4;
	height: 30px;
	margin: 5px 0;
}
.foot .ft-lf p.ft-nav{
	margin-left: -13px;
}
.foot .ft-lf p a{
	color: #a4a4a4;
	margin:0 13px;
}
.foot .ft-lf p em{
	font-weight: bold;
	margin-right: 10px;
	font-style: normal;
}
.foot .ft-lf p a:hover{
	color: #945d56;
}
.foot .ft-lf p b{
	font-weight: bold;
	color: #fff;
}
.foot .ft-lf p a.qq{
	width: 92px;
	height: 22px;
	vertical-align:middle;
	display: inline-block;
	background: url(../img/qqBtn.png) 0 0 no-repeat;
}
.foot .ft-lf p a.qq{
	position: relative;
	cursor: pointer;
}
.foot .ft-lf p a.qq .QQhover {
	 position: absolute;
	 left: 0px;
	 bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	line-height: 20px;
   color: #333;
	background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 500;
	height: 20px;
	 width: 110px;
	 text-align: center;
	 resize: none;
	 cursor: pointer;
     overflow: hidden;
   resize: none;
   font-family: "Microsoft Yahei";
 font-size: 12px;
	}
	.foot .ft-lf p a.qq .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.foot .ft-lf p a.qq:hover .QQhover{
	 display: inline-block;
	}
.foot .ft-rt{
	float: right;
	width: 280px

}
.foot .ft-rt .code{
	float: left;
	width: 108px;
	text-align: center;
	color: #fff;
	margin-right: 30px;
	font:normal 12px/20px "microsoft yahei";
}
.foot .ft-rt .code img{
	width: 108px;
	height: 108px
}
.footer .bottom{
	width: 100%;
	padding:15px 0 5px;
	background: #313131;
	text-align: center;
	color: #a4a4a4;
	font:normal 12px/30px "microsoft yahei";
}
.footer .bottom a{
	color: #945d56;
}
.consult{
	position:fixed;
	right: 0;
	top: 50%;
	margin-top: -60px;
	z-index: 999;
}
.consult span.btn{
	background: url(../img/service.png) 0 -159px no-repeat;
	height: 120px;
	display: block;
	width: 41px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.consult_box{
	height: 188px;
	width: 250px;
	position: absolute;
	right: -252px;
	top: -34px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.consult_box h3{
	text-align: center;
	font:bold 16px/40px "microsoft yahei";
}
.consult_box p{
	position: absolute;
	left: 18px;
	font:normal 14px/16px arial;
	text-indent: 27px;
}
.consult_box p.qq{
	top: 60px;
	background: url(../img/service.png) 0 -290px no-repeat;
}

.consult_box p.email{
	top: 83px;
	background: url(../img/service.png) 0 -317px no-repeat;
}
.consult_box a.btn{
	position:absolute;
	left: 18px;	
	top: 132px;
	color: #fff;
	width: 226px;
	height: 36px;
	font:normal 14px/36px "microsoft yahei";
	text-align: center;  
	background-color: #ff6600;
	border-radius: 2px;
}
.consult_box i{
	height: 15px;
	width: 15px;
	position: absolute;
	right: 2px;
	top: 12px;
	background: url(../img/service.png) 0 -350px;
	cursor: pointer;
}