@charset "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;position:relative;color:#333;font:14px/2 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#ffa513;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle; }
.textImg img {
	display: inline-block;
    max-width: 100%;
    height: auto;
}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:14px;font-weight: normal;}

.wrap {
  width:1200px;
  margin:0 auto;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.tac {
  text-align: center;
}
.jianju {
  margin-top: 30px;
}

.header {
  padding: 20px 0;
  height: 118px;
}
.logo {
  width: 300px;
  padding: 15px 0;
}
.nav {
  margin-left: 70px;
}
.nav ul li {
  float: left;
}
.nav ul li a { 
  display: block;
  font-size: 16px;
  padding: 43px 8px; 
  margin: 0 10px;
  border-radius: 10px; 
  position: relative;  
}
.nav ul li a:hover,.nav ul li a.active{
  color:#fff;
  background: #ffa513;
}
.nav dl {
	position: absolute;
	z-index: 9999;
	top: 158px;
	display: none; 
}
.nav dl dd{
  background: rgba(0,0,0,0.7);
  position: relative;
}
.nav dl dd a{
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0px 25px;
  border-radius: 0px;
  margin: 0px;
  display: block;
  text-align: center;
 width: 65px;
}
.nav dl dd ul {
  width: 100%;
  position: absolute;
  z-index: 9999;
  left: 100%;
  top: 0;
  display: none;
}
.nav dl dd ul li {
  background: rgba(68, 68, 68, 0.6);
}
.tel {
  
}
.hotline {
  background: url(../images/tel.png) no-repeat left;
  padding-left: 50px;
  line-height: 24px;
}
.hotline span {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.hotline p {
  font-size: 12px;
  color: #999;
} 
.num {
  font-size: 24px;
  line-height: 28px;
}

.flexslider{
	position:relative;
	height:550px;
	overflow:hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.slides{
	position:relative;
	z-index:1;
}
.slides li{
	height:550px;
}
.flex-control-nav{
	position:absolute;
	bottom:10px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	background:url(../images/dot.png) right 0 no-repeat;
	cursor:pointer;
}
.flex-control-nav .flex-active{
	background-position:0 0;
}
.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
}
.flex-direction-nav li a.flex-prev{
	left:40px;
	background:url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next{
	right:40px;
	background:url(../images/next.png) center center no-repeat;
}

.about-box {
  width:100%;
  text-align: center;
}
.title {
  text-align: center;
  padding-bottom: 20px;
  line-height: 30px;
}
.title span {
  font-size: 18px;
  color: #ccc;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.title h3 {
  font-size: 30px;
  color: #333;
  font-weight: bold; 
}
.title em {
  display: inline-block;
  width: 54px;
  height: 2px;
  background: #ffa513;
}
.about-info {
  color: #666;
  line-height: 30px;
}
.about-info a.more {
  font-size: 16px;
  display: inline-block;
  border: 1px solid #444;
  width: 145px;
  height: 36px;
  line-height: 36px;
  margin-top: 25px;
}
.about-info a.more:hover {
  border: 1px solid #ffa513;
}

.adv-box {
  height: 300px;
  background: #444;  
}
.adv-con {
  width: 299px;
  float: left;
  height: 260px;
  border: 1px solid #444;
  border-right: none;
  background: #5e5e5e;
  text-align: center;
  padding-top: 38px;
}
.adv-con img.adv-img {
  display: inline;
}
.adv-con h3 {
  font-size: 22px;
  color: #ccc;
  font-weight: bold;
  padding: 13px 0;
}
.adv-con p {
  font-size: 16px;
  color: #aaa;
  font-weight: bold;
}
.adv-con:hover {
  background: #ffa513;
}
.adv-con:hover h3 {
  color: #fff;
}
.adv-con:hover p {
  color: #d8d8d7;
}

.busin-top {
  width: 805px;
  margin: 0 auto;
}
.busin-bottom {
  width: 1080px;
  margin: 0 auto;
}
.busin-top li,.busin-bottom li {
  width: 255px;
  height: 422px;
  float: left;
  text-align: center;
  margin-right: 20px;
}
.busin-bottom li {
  margin-top: -60px;
  margin-bottom: 20px;
}
.busin-top li:last-child,.busin-bottom li:last-child{
  margin-right: 0px;
}
.busin-top li h3 {
  font-size: 24px;
  color: #fff;
  margin-top: 290px;
}
.busin-bottom li h3 {
  font-size: 24px;
  color: #fff;
  margin-top: 75px;
}
.busin-top li hr,.busin-bottom li hr{
  width:52px;
  height: 1px;
  background: #fff;
  border:none;
}
.busin-top li:nth-child(1){
  background: url(../images/bus1.png) no-repeat;
}
.busin-top li:nth-child(2){
  background: url(../images/bus2.png) no-repeat;
}
.busin-top li:nth-child(3){
  background: url(../images/bus3.png) no-repeat;
}
.busin-bottom li:nth-child(1){
  background: url(../images/bus4.png) no-repeat;
}
.busin-bottom li:nth-child(2){
  background: url(../images/bus5.png) no-repeat;
}
.busin-bottom li:nth-child(3){
  background: url(../images/bus6.png) no-repeat;
}
.busin-bottom li:nth-child(4){
  background: url(../images/bus7.png) no-repeat;
}

.company-box {
  background: url(../images/aboutbg.jpg) no-repeat center fixed;
  height: 500px;
  background-size: cover;
}
.company {
  width: 740px;
}
.com-tit {
  line-height: 30px;
  padding:40px 0;
}
.com-tit span{
  font-size: 18px;
  color: #9d9d9d;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.com-tit h3 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.com-tit em {
  display: inline-block;
  width: 54px;
  height: 2px;
  background: #ffa513;
}
.com-info {
  color:#fff;
  font-size:16px;
}
.com-info h3 {
  font-weight: bold;
}

.honor {
  width: 330px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.honor ul {
  margin:0 auto;
}
.honor ul li {
  width:212px;
  height:300px;
  float:left;
}
.honor ul li img {
  width:212px;
  height:300px;
}
.btnLeft{
  left: 8px;
  background: url(../images/left.png) no-repeat center;
}
.btnRight{
  right: 8px;
  background: url(../images/right.png) no-repeat center;
}
.btnLeft,.btnRight{
  position: absolute;
  top: 40%;
  width: 32px;
  height: 56px;
}

.partner-box {
  width: 990px;
  margin: 0 auto;
}
.partner-box ul li {
  width: 228px;
  height: 128px;
  line-height: 128px;
  float: left;
  border: 1px solid #c3c3c3;
  text-align: center;
  margin:0 23px 20px 0;
}
.partner-box ul li:nth-child(4n+4) {
  margin-right: 0px;
}
.partner-box ul li img {
  display: inline-block;
}
.partner-box ul li img:hover {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  transition: all ease-out .5s;
}

.news-box {
  background: url(../images/newsbg.jpg) no-repeat center;
  height: 650px;
  overflow: hidden;
}
.news-con {

}
.news-left {
  width: 460px;
  background: #fff;
  padding:30px 60px 30px 40px;
}
.news-left ul li {
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  padding: 16px 0;
}
.news-left ul li h3 a{
  font-size: 16px;
  color: #33363d;
}
.news-left ul li h3 span{
  position: absolute;
  top: 0px;
  right: 10px;
  color: #aaa;
} 
.news-left ul li p {
  color: #999;
}
.news-right {
  width: 640px;
}
.news-info {
  background: #ff880e;
  height: 130px;
  color: #fff;
  padding: 30px 20px 0px 20px;
}
.news-info h3 a {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.contact-box ul li{
  width: 380px;
  text-align: center;
  border: 3px solid #e7e7e7;
  padding: 20px 0;
  display: inline-block;
  margin:0 5px;
}
.contact-box ul li:nth-child(1){
  padding: 11px 0;
}
.contact-box ul li .img {
  padding:0px 40px 0 15px;
  margin-top: 10px;
  display: block;
  position: relative;
  width: 42px;
  height: 48px;
  overflow: hidden;
}
.contact-box ul li .img img { 
  position: absolute;
}
.contact-box ul li .img .img1 {
  top: 0;
}
.contact-box ul li .img .img2 {
  top: 50px;
}
.contact-box ul li .info {
  width: 254px;
  text-align: left;
  color: #999;
  line-height: 25px;
}
.contact-box ul li .info span{
  display: block;
  font-size: 18px;
}
.contact-box ul li:hover{
  background: #ff880e;
  border: 3px solid #ff880e;
}
.contact-box ul li:hover .info {
  color: #fff;
}
.contact-box ul li:hover .img .img1 {
  top: -50px;
}
.contact-box ul li:hover .img .img2 {
  top: 0;
}

.footer {
  background: #333;
  overflow: hidden;
  margin-top: 40px;
}
.foot-box {
  padding:40px 0 20px 0;
  overflow: hidden;
}
.foot-nav {
  width: 299px;
  height: 240px;
  text-align: center;
  border-right: 1px solid #474747;
}
.foot-nav:last-child{
  border-right:none;
}
.foot-nav h3 {
  font-size: 16px;
  color: #d4d4d4;
}
.foot-nav h3 i {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 10px;
  border: 1px solid #ff880e;
  border-radius: 50%;
}
.foot-nav ul {
  margin-top: 5px;
}
.foot-nav ul li {
  line-height: 30px;
  padding-left: 15px;
}
.foot-nav ul li a {
  color: #888;
}
.foot-nav ul li a:hover {
  color: #d4d4d4;
}
.copyright {
  text-align: center;
  font-size: 12px;
  color:#7f7f7f;
  border-top: 1px solid #474747;
  padding:10px 0;
  overflow: hidden;
}

.qqserver p img{
	display:inline;
	margin:-5px 5px 0 0;
	vertical-align:middle;
}
.scrollsidebar{
	position: fixed;
	z-index:999;
	top:100px; 
	right: 0;
}
.side_content{
	width:220px;
	float:left;
}
.side_content .side_list{
	width:220px;
}	
.side_title{
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:center;
	background:#ff880e;
}
.side_center{
	border:2px solid #ccc;
	border-top:none;
	padding:10px 12px 5px 12px;
	font-size:12px;
    background: rgba(255,255,255,0.2);
}
.side_center a {
	color:#333;
	text-decoration: none;
}
.side_center .qqserver p{
	padding:6px 0;
	margin:0;
	vertical-align:middle;
}
.msgserver{
	position: relative; 
	border-top:1px dotted #ccc;
	text-align:center;
	margin-top:6px;
	padding:10px 0 3px 0;
}
.msgserver p img{
	height: 120px;
	width: 120px;
}
.msgserver div{
	color: #fff;
    font-size: 14px;
    background: #ff880e;
    height: 45px;
    line-height: 45px;
}