@charset "utf-8";


/*********************public********************/
*{margin:0;padding:0;}
body{font-family:"微软雅黑";font-size:14px;color:#333;}
ul, li {list-style:none;}
ul{padding:0;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#DB1139;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;zoom:1;height:0;}
img{border:none;max-width:100%;}
.container{max-width:1200px;}
.clearfix {*zoom: 1;}


/*********************header********************/
#mixit{ width:1100px; margin:0px auto}
.w1200{max-width:1200px;margin: 0 auto;}
.sidebar{position: fixed;right: 0;top: 0;left: 0;z-index: 9999;}
.sidebar .w1200{padding: 0 15px;position:relative;}
.scrol-page{padding-top:50px;}
#menu {position: absolute;right:0;top:0;}
#menu li {display: inline-block;position:relative;text-align:center;width:110px;height: 29px;line-height: 29px;margin-top:40px;}
#menu a {color: #000; color: #6b6b6b;height: 100%;width: 100%;}
#menu a .tBox {width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
#menu li .t1 {width: 100%;height: 100%;position: absolute;left: 0;top: 0; transition: all 400ms ease 0s;}
#menu li .t2 {opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;width: 100%;height:100%;color:#E40001;position: absolute;left: 0;top: 20px;transition: all 400ms ease 0s;}
#menu .current .t1, #menu li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;}
#menu .current .t2, #menu li:hover .t2{top: 0;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;}

#header{width: 100%;height: 100px;position:fixed;z-index:1100;background:#fff;top: 0;box-shadow: 0 1px 0 rgba(0,0,0,0.05);
-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-ms-transition: 0.1s ease-in 0s;-o-transition: 0.2s ease-in 0s;}
#header .w1200{position: relative;padding: 0 10px;}
#logo{width:187px;height:49px;display:inline-block;margin:25px 0 0 0;}

/*********************banner********************/
.fullwidthbanner img{max-width:none;}


/*********************service********************/
.title {font-size:3.5em;color:#DF2E00;text-align:center;}
.title2 {font-size:3.5em;color:#fff;text-align:center;}
.infoText {text-align:center;color:#333;}
.infoText2 {text-align:center;color:#fff;}
.servicesBox {position: relative;margin: 80px 0 0 0;}
.servicesBox:before {width: 100%;height: 1px;position: absolute;left: 0;right: 0;content: '';top: 47px;z-index: -1;}
.thumbnail-img {position:relative;display:block;}
.thumbnail-img a>img {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.thumbnail-img .img-nhov{ display:none;}
.thumbnail-img a:hover .img-hov{display:none; }
.thumbnail-img a:hover .img-nhov{ display:block;}
.thumbnail-img img{-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.thumbnail-img img:hover{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);  }

.ab_3{background-image: url(../images/adBg1.jpg);background-repeat: no-repeat;background-position: center 0;text-align: center;
padding:30px 10px;margin-top:50px;overflow: hidden;height:250px;}
.ab_3 h3{color:#fff;line-height:1.8;font-size:34px;}
.viewBtn {border: 2px solid rgba(255,255,255,0.6);color: #fff;line-height: 35px;padding: 0 4%;display: inline-block;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.viewBtn:hover {border: 3px solid #fff;color: #fff;padding: 0 7%;}


/*********************csae********************/
.section{margin-top:40px;}
.section ul li{display:inline;overflow:hidden;position:relative;background:#fff;margin-bottom:10px;}
.section ul li .photo{width:100%;overflow:hidden;}
.section .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#000;top:0px;left:11px;}
.section .text{position:absolute;width:100%;height:100%;left:-300px;top:0px;overflow:hidden;}
.section .text h3{width:100%;margin-top:30px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:1.2em;}
.section .text div{color:#FFFFFF;padding:0 30px;font-size:0.8em;line-height:1.8;}
.col-md-3,.col-xs-6{padding-left:11px;padding-right:0;}
.moreBox{text-align:center;}
.moreBtn {border: 2px solid #717171;line-height: 35px;padding: 0 4%;display: inline-block;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.moreBtn:hover {color: #c11e2b;border: 3px solid #c11e2b;text-decoration: none;padding: 0 8%;}
.moreBox2{padding-top:20px;}
.moreBox3{padding-top:40px;}


/*********************news********************/
#news{padding-bottom:20px;padding-top:20px;background:rgba(0, 0, 0,0.5)!important; color:#FFFFFF}
.ab_new{background-image: url(../images/newbg2.jpg);background-repeat:repeat-x;background-position: center 0;
padding:30px 10px;margin-top:50px;overflow: hidden;height:680px;}
.timecon {width: 58px;height:110px;margin-right:16px;}
.timecon span.spannt {color:#fff;background:#5F5F5F;}
.timecon span {display: block;width: 58px;height: 55px;line-height: 55px;text-align: center;}
.timecon span.spannm {color: #999;background: #fff;font-size: 27px;font-weight: bold;}
.media-heading {font-size:1em;margin-top:5px;}
.subtitle {margin-bottom:15px;font-size:0.86em;margin-top:10px;}
.news_content{font-size:0.86em;line-height:2; color:#FFFFFF}
.spanbtn a {display: block;color: #fff;width: 19px;height: 19px;line-height: 19px;text-align: center;background: #999;}
.newsListBox:hover{ cursor:pointer;}
.newsListBox:hover .timecon span.spannt{ color:#fff; background:#DF2E00; }
.newsListBox:hover .timecon span.spannm{ color:#DF2E00; background:#fff; }
.newsListBox:hover .spanbtn a{ display:block; color:#fff !important; background:#DF2E00;}
.newsListBox:hover .media-heading a{ color:#DF2E00;font-weight:bold;}
.newsList ul{margin-top:50px;}
.newsList ul li{margin-bottom:30px;}
.yuanquan {width: 30px;height: 30px;background:#F66013;border-radius: 25px;margin: 0 auto;text-align: center;color: fff;display: block;margin-top: -15px;}
.yuanquan a{display: block;width:30px;height:30px;line-height:26px;color:#fff;font-size: 2em;}
.yuanquan:hover{background:#666;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
	transition: all 0.6s ease 0s;
	-moz-transition:all 0.6s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.6s ease 0s; /* Safari 和 Chrome */
	-o-transition: all 0.6s ease 0s; /* Opera */
}


/*********************Customer********************/
.Customer ul li{float:left;width:14%;padding:0 7px;margin-top:15px;}
.Customer ul{margin-top:40px;}
.Customer ul li img{border:1px solid #E7E7E7;width:100%;-webkit-filter: grayscale(1);/* Webkit */ filter:gray;/* IE6-9 */ filter: grayscale(1);/* W3C */ }
.Customer ul li img:hover{-webkit-filter: grayscale(0);/* Webkit */ filter:0;/* IE6-9 */ filter: grayscale(0);/* W3C */}

.ab_4{background-image: url(../images/adBg2.jpg);background-repeat: no-repeat;background-position: center 0;text-align: center;
padding:30px 10px;margin-top:50px;overflow: hidden;height:250px;}




.ab_4 h3{color:#fff;line-height:1.8;font-size:34px;}
.n_about_r dl{margin-bottom:10px;}
.n_Signing_tl{border-bottom:1px solid #E3E3E3;padding-bottom:10px;}
.n_Signing{margin-bottom:30px;}

.n_titles{text-align:center;margin-bottom:15px;}
.n_titles h2{margin-bottom:0;}
.n_titles span{width:56px;height:2px;display:inline-block;background:#666666;}

.History{background:#070707 url(../images/about_img3.jpg) no-repeat center top;height:520px;line-height:2.3;}
.n_titless{padding-top:30px;margin-bottom: 60px;}

.Idea ul{margin-top:40px;}
.Idea ul li{height:120px;}
.Idea_img{float:left;width:20%;padding-right:10px;}
.Idea_text{float:left;width:80%;}
.Idea_text h5{margin-top:0;font-weight:bold;margin-bottom:8px;}
.Idea_text p{font-size:0.86em;line-height:1.7;}

.Team{background:url(../images/about_img4.jpg) repeat-y center top;margin-top:30px;color:#fff;text-align:center;line-height:1.8;padding:80px 10px 90px;}
.Team p{margin-bottom:0;}
.n_titles2{margin-top:40px;}
.Activit_l,.Activit_c{width:40%;float:left;padding-right:5px;}
.Activit_r{width:20%;float:left;}
.Activit_b{width:100%;}
.Activit_b1,.Activit_b2{width:50%;float:left;}
.Activit_b1{padding-right:3px;}
.Activit_b2{padding-left:3px;}
.Activit_t{padding-bottom:5px;}


/*********************about********************/
.about{padding:50px 0px;}
.about_content{line-height:1.8;}


/*********************contact********************/
.contactBox {position: relative;background: #333;overflow: hidden;margin:0 0 20px 0;}
.contactBox:hover #dituContent {opacity: 1;}
#dituContent {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;opacity: 0.2;height: 500px;}
.contactBox:after {display: block;content: '';position: absolute;width: 100%;left: 0;top: 0;bottom: 0;z-index: 99;}
.contactBox:hover:after {display: none;}
.mapBox {position: relative;overflow: hidden;}
.contactBox:hover .mapBox:before {margin-top: -248px;}
.contactFoot {position: absolute;left: 0;right: 0;bottom: 0;z-index: 101;padding: 30px 10px;color: #fff;
-webkit-transition: 0.2s ease-in 0s;-moz-transition: 0.2s ease-in 0s;-ms-transition: 0.1s ease-in 0s;-o-transition: 0.2s ease-in 0s;}
.contactBox .contactFoot {background: rgba(0,0,0,0.5);}
.contactFoot dl{margin-bottom:0;	}
.contactFoot dd {padding: 5px 0 0 0;}
.contactFoot dd a {color: #fff;}

.qq{text-align:center;padding:40px 0;}
.qq p{padding:25px 0 10px;font-size:1.2em;}
.qq h4{color:#000;}
.qq_img a:hover img{	
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
	transition: all 0.6s ease 0s;
	-moz-transition:all 0.6s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.6s ease 0s; /* Safari 和 Chrome */
	-o-transition: all 0.6s ease 0s; /* Opera */
}

/*********************footer********************/
.footer{background:#000;text-align:center;color:#fff;padding:10px;line-height:1.8;}
.footer p{margin-bottom:0;}
.f-foot{height:70px;position:relative;display:none;}
#footerBody{height:70px;position:fixed;bottom: 0;text-align: center;width:100%;}
#footerBody .footerdiv{margin:0 auto;height:70px;background-color:#333333;text-align:center;}
#footerBody .footerdiv .f-wd{height:auto;margin:0 auto;}
.footerdiv a{float:left;display:inline-block;width:25%;height:70px;color:#fff;}
.footerdiv a span{text-align:center;height:35px;color:#fff;display:block;margin:0 auto;}
.footerdiv .tel,.footerdiv .dx,.footerdiv .mesa,.footerdiv .map{margin-top:10px;width:65px;}
.footerdiv a .tel{background:url("../images/ico5.png") no-repeat top center;}
.footerdiv a .dx{background:url("../images/ico6.png") no-repeat top center;}
.footerdiv a .mesa{background:url("../images/ico7.png") no-repeat top center;}
.footerdiv a .map{background:url("../images/ico8.png") no-repeat top center;}





/*********************内页新闻********************/
.n_banner{background:url(../images/n_banner_bg.jpg) repeat-x center top;height:296px;width:100%;color:#fff;text-align:center;margin-top:100px;}
.n_banner h1{padding-top:90px;padding-bottom:20px;}
.n_banner p{line-height:2.2;}
.n_news ul li{border-bottom:1px solid #E3E3E3;padding-bottom:20px;}
.n_news .col-md-12{padding-left:0;padding-rigth:0;}
.page{height:30px;line-height:30px;margin-top:20px;text-align:center;margin-bottom:60px;}
.page a,.page span{border:1px solid #E1E1E1;padding:5px 10px;margin:0 2px;}
.page a:hover,.page_current{background:#666;color:#fff;}


.n_datails{margin:40px 0;}
.view-title{font-size:1.3em;text-align:center;font-weight:bold;color:#666666;}
.view-element{text-align:center;color:#666666;border-bottom:1px dashed #E0E0E0;margin: 0 0 10px;padding:15px;}
.view-element a{color:#333;}
.n_content_c{line-height:220%;padding:10px 0 30px 10px;border-bottom:1px dashed #E0E0E0;}



/*********************内页案例********************/
#n_case{padding:100px 0 20px;}
#n_case ul{margin-bottom:50px;}
.n_title{text-align:center;padding:20px 0;}
.n_title a{padding:0 5px;color:#666;}
.n_title span{padding-right:5px;}
.n_title span,.n_title a:hover{color:#000;}
.mix{padding-bottom:30px;}
.mix h3{margin-top:0;}
.info-thumbnail { position: relative; padding: 0 0 1px 0; border: 0; color: inherit; margin-bottom: 0;background-color: transparent;}
.pic_text{padding:10px 0;border-bottom:1px solid #ccc;}
.pic_text{background:url(../images/ico1.jpg) no-repeat center right;}
.info-thumbnail .service { opacity: 0;
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6);
  text-align: center; color: #fff; border-top-right-radius: 4px;
  border-top-left-radius: 4px; border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.info-thumbnail .service:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.info-thumbnail .service .service-name {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;
  -o-transition: -o-transform 0.8s;
  transition: transform 0.8s;
  width: 90%;
}
.service-name h3{font-size:1.3em;font-weight:normal;}
.info-thumbnail .service .service-name .btn-service {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.info-thumbnail .service .service-name .btn-service:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.info-thumbnail-link:hover .info-thumbnail .service {
  opacity: 1;
  filter: alpha(opacity=100);
}
.info-thumbnail-link:hover .info-thumbnail .service .service-name {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*********************内页联系********************/
.n_contact{padding:100px 0 60px;}
.n_about_l h2{padding-bottom:10px;}
.n_about_l p,.n_about_r p{color:#666;}
.n_wx{margin-top:20px;}
.n_wx_l,.n_wx_r{float:left;text-align:center;}
.n_wx_l span,.n_wx_r span{display:block;padding-top:5px;}
.n_wx_l{margin-right:20px;}
.n_about_r .text{width:100%;height:32px;border:1px solid #CCCCCC;color:#999;padding-left:10px;}
.n_about_r p{margin-bottom:15px;}
.submit{width:90px;height:32px;background:#C11E2B;color:#fff;border:none;}
.n_about_r p span{font-size:0.86em;padding-left:10px;}
.n_about_r dl{margin-top:30px; }
.n_about_r dl .col-md-5{padding-left:0;}
.n_about_r dl .col-md-7{padding-right:0;}

/*********************内页详情********************/
.cont_banner{background:url(../images/n_banner_bg.jpg) repeat-x center top;height:296px;width:100%;color:#fff;margin-top:100px;}
.cont_banner a{color:#fff;}
.cont_banner h3{padding-top:60px;}
.cont_b_text{font-size:0.86em;color:#9C9A9A;line-height:2;}
.cont_b_wz{padding:5px 0;}
.cont_banner_btn{margin-top:140px;text-align:right;}
.Return{padding:10px 50px;background:#666666;color:#fff;margin-right:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.Click{padding:10px 50px;background:#C91426;color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.buy_share{margin-top:30px;padding-left: 250px;}
.n_content{padding:50px 0 60px;line-height:2;}
.content_bottom{border-top:1px solid #CCCCCC;margin-top:40px;}
.content_bottom p{margin:10px 0;line-height:220%;}
.content_bottom p a{color:#666666;}
.content_bottom p a:hover{color:#000;}


/*********************内页关于********************/
.n_about{padding:100px 0 60px;}
.Introduction{padding:10px 0 20px;line-height:2.3;}
.Introduction p{text-indent:2em;}

/*********************内页服务********************/
.n_service_tl{text-align:center;}
.n_service{margin-top:30px;}
.n_service_cont{margin:30px 0;}
.n_service_tl p{font-size:26px;margin-top:10px;}
.n_service_cont_l{width:45%;text-align:right;float:left;}
.n_service_cont_r{width:45%;float:right;}
.n_service_cont_c{width:10%;float:left;text-align:center;}
.n_service_cont_l h4{padding-top:10px;}
.n_service_cont_l h4,.n_service_cont_r h4{font-size:25px;}
.n_service_cont_l p,.n_service_cont_r p{font-size:18px;line-height:1.6;color:#666;}
.n_service_02,.n_service_04,.n_service_06{background-color:#F5F5F5;padding:30px 0;}
.n_service_02 ul{margin-top:25px;}
.n_service_02 ul li{margin-bottom:10px;}
.n_service_02 ul li p{font-size:1.2em;margin-top:15px;border-bottom:1px solid #D0D0D0;padding-bottom:10px;}
.n_service_02_p{text-align:center;line-height:2;}
.n_service_03{margin-top:40px;}
.n_service_03 ul{margin:60px 0 20px;}
.n_service_03 ul li{margin-bottom:20px;}
.n_service_03 h3{text-align:center;border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;padding:15px 0;font-size:34px;color:#E40001;}
.n_service_03_l{width:26%;float:left;}
.n_service_03_r{width:74%;float:left;padding-left:10px;}
.n_service_03_r h4{margin-top:20px;}
.n_service_03_r p{font-size:15px;color:#666;line-height:1.7;}
.n_service_04_l{width:37.5%;float:left;}
.n_service_04_r{width:62.5%;float:left;padding-left:40px;}
.n_service04_tl{margin-bottom:40px;}
.n_service_05{padding:30px 0;}
.n_service_05_l{width:40%;float:left;}
.n_service_05_r{width:60%;float:left;padding-left:70px;}
.n_service_05_l img{margin-top:60px;}
.n_service_06 ul li{width:12.5%;float:left;text-align:center;margin-bottom:40px;position: relative;}
.n_service_06 ul li span{background:url(../images/s_ico4.png) no-repeat center top;height:80px;line-height:80px;color:#fff;font-size:35px;display:block;z-index:1;position:relative;}
.n_service_06 ul li p{font-size:18px;margin-top:10px;}
.n_service_06 ul li span:hover{background:url(../images/s_ico5.png) no-repeat center top;}
.n_service_06 ul{position:relative;}
.n_service_06 ul li:before{	width: 100%;height: 1px;background:#DFDFDF;position: absolute;left: 0;right: 0;content: '';top:40px;
}


.n_service_07{padding:30px 0;}
.n_service_07 ul li{text-align:center;font-size:20px;margin-bottom:20px;}
.n_service_07 ul li p{margin-top:50px;line-height:1.6;}
.n_service_07 ul li span{font-size:15px;}


@media (max-width:1199px){
.section{padding-right:10px;}
.Introduct,.n_content,.n_news{padding:0 15px;}
.n_service_05{padding:30px 15px;}
}
@media (max-width:991px){
#menu li{margin-top:20px;width:90px;}
#logo {
	width: 133px;
	height: 33px;
	background: url(../images/logo.png) no-repeat;
	background-size: 133px 33px;
	margin: 20px 0 0 0;
}
#header {
	height: 70px;
}
.scrol-page {
	padding: 60px 0 0 0;
}
.contactFoot {
	position: relative;
}
.contactFoot dl {
	width: auto;
	float: none;
	padding: 10px 0;
	text-align:center;
}
.about_img{
	width: 100%;
	text-align: center;
}
.n_banner,.cont_banner{margin-top:70px;}
.n_about_l,n_about_r{width:100%;float:none;}
.n_about_r dl .col-md-5{padding-left:0;padding-right:0;}
.n_about_r dl .col-md-7{padding-right:0;padding-left:0;}
.cont_banner_btn{margin-top:30px;}
.cont_banner_btn{text-align:left;}
.buy_share{padding-left:0;}
.cont_banner h3{padding-top:20px;}
.team_list{width:33.3%;}
.History{padding:0 15px;}
.n_service_06 ul li{width:25%;}
.n_service_cont_c{display:none;}
.n_service_cont_l,.n_service_cont_r{width:50%;padding:0 15px;}
.Customer ul li {width:25%;}
.n_Signing{padding-left:15px;padding-right:15px;}

}
@media (max-width: 766px) {
.openNav .sidebar {
	right: 0;
	border-left: 1px solid rgba(0,0,0,0.05);
}
.openNav .pageMain {
	margin-right: 60px;
	margin-left: -60px;
}
.sidebar {
	height: 100%;
	width: 120px;
	position: fixed;
	left: auto;
	right: -120px;
	top: 0;
	-webkit-transition: 0.2s ease-in 0s;
	-moz-transition: 0.2s ease-in 0s;
	-ms-transition: 0.1s ease-in 0s;
	-o-transition: 0.2s ease-in 0s;
	z-index: 9999;
	background:#333;
}
.openNav .sidebar {
	right: 0;
}
.openNav .pageMain {
	margin-right: 70px;
	margin-left: -70px;
}
#menu {
	left: 0;
	background-color:#fff;
	background:#333;
}
#menu li {
	display: block;
	width:120px;
}
#menu a {
	height: 35px;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	line-height: 35px;
	text-align:center;
	color:#fff;
}
#menu a b {
	display: none;
}
#logo {
	width: 97px;
	height: 24px;
	background: url(../images/logo.png) no-repeat;
	background-size: 97px 24px;
	margin: 10px 0 11px 0;
	position: fixed;
	left: 10px;
}
#header {
	height: 45px;
}
.navBox {
	width: 45px;
	padding: 15px 0 0 0;
	height: 30px;
	position: absolute;
	left: -45px;
	top: 0;
}
.navOpen {
	height: 12px;
	width: 22px;
	display: block;
	margin: 0 auto;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	position: relative;
	z-index: 1;
}
.navOpen:after {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	overflow: hidden;
	content: '';
	background: #666;
	top: 50%;
	margin-top: -1px;
	z-index: 1;
}
.navBox:before {
	width: 2px;
	height: 18px;
	display: block;
	content: '';
	background: #fff;
	left: 14px;
	top: 15px;
	position: absolute;
	z-index: 333;
}
.servicesBox li {
	width: 50%;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
.servicesBox:before {
	display: none;
}
.servicesBox li:before {
	width: 100%;
	height: 1px;
	background: #eee;
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	top: 47px;
}
.scrol-page {
	padding: 40px 0 0 0;
}
.title{padding:0;}
.n_banner,.cont_banner{margin-top:45px;}
.servicesBox li{height:285px;}

}
@media (max-width:640px) {
	.team_list{width:50%;}
	.f-foot{display:block;z-index:9999;}	
	.mix{width:100%;}
	.Activit_l,.Activit_c,.Activit_r{width:100%;margin-bottom:5px;}
	.n_service_04_r,.n_service_04_l{width:100%;}
	.n_service_04_l{text-align:center;}
	.n_service_04_r{padding:10px;}
	.n_service_05_l{margin-bottom:30px;}
	.n_service_05_r,.n_service_05_l{width:100%;}
	#contact{display:none;}
	.footer{margin-top:40px;}
	.Customer ul li {width:33.33%;}
	.n_titless {margin-bottom:10px;}
	.History{height:560px;line-height:2;font-size:0.86em;}
	.n_titless{padding-top:10px;}
	.fixed_footer{display:none;}
}
@media (max-width:630px) {
	.Idea ul li{width:100%;}
}
@media (max-width:560px) {
.servicesBox li {
	width: 100%;
}
.section ul li{width:100%;height:auto;}

}
@media (max-width:480px) {
	.n_banner h1{padding-top:60px;}
	.n_service_06 ul li{width:50%;}
}



div.pager{
  clear: both;
  padding-top: 10px;
  text-align:right;
  
}
div.pager li{
  display:inline-block;
  
}
.pager a#active{background:#666666;border:1px solid #dcdcdc;color:#fff;margin-left:6px;}
.pager{margin-top:40px;display:block;}
.pager span{padding:3px 8px;background: #DA8404;border: 1px solid #06f;color:#fff;font-weight:bold;margin-left:6px;}
.pager a{padding:3px 8px;background:#f5f5f5;border:1px solid #dcdcdc;color:#000;margin-left:6px;}
.pager a:hover{border: 1px solid #999;}
.pager li > a{border-radius:0;}




.image-row div a span{ display:none;}
.image-row div a:hover span{ display:block; width:100%; background:#FFF; color:#000; height:60px; margin-top:-60px; text-align:center; line-height:60px; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}




/*联系我们*/
.content_main {
z-index: 10;
width: 100%;
padding: 20px 0 0px;
background: url(/PUBLIC/Index/files/images/bgSection.png) repeat;
_background: none;
}
.content_botbox {
border-collapse: separate;
margin: 0 auto;
width: 1200px;
border-spacing: 8px;
}
.content_botbox a.a1 {
background: #00b5dc url(/PUBLIC/Index/files/images/content_bot01.png) no-repeat center 27px;
}
.content_bot_a {
	display:block;
	width:99px;
	height:99px;}
.content_botbox a.a1 {
	background:#00b5dc url(/PUBLIC/Index/files/images/content_bot01.png) no-repeat center 27px;
}
.fcont2{
	background:#6ab259; width:99px; height:99px;
}
.content_botbox a.a3 {
	background:#fb5a4a url(/PUBLIC/Index/files/images/content_bot03.png) no-repeat center 27px;
}
.content_botbox a.a4 {
	background:#CE008B url(/PUBLIC/Index/files/images/content_bot04.png) no-repeat center 27px;
}
.content_botbox a.a1:hover {
	-webkit-transition: all 0.2s ease-in-out 0.01s;
    -moz-transition: all 0.2s ease-in-out 0.01s;
    -o-transition: all 0.2s ease-in-out 0.01s;
    -ms-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
	background:#0497b7 url(/PUBLIC/Index/files/images/content_bot01.png) no-repeat center -76px;
}
.fcont2:hover {
    transition: all 0.2s ease-in-out 0.01s;
	background:#fff;
	
}
.content_botbox a.a3:hover {
	-webkit-transition: all 0.2s ease-in-out 0.01s;
    -moz-transition: all 0.2s ease-in-out 0.01s;
    -o-transition: all 0.2s ease-in-out 0.01s;
    -ms-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
	background:#d53222 url(/PUBLIC/Index/files/images/content_bot03.png) no-repeat center -76px;
}
.content_botbox a.a4:hover {
	-webkit-transition: all 0.2s ease-in-out 0.01s;
    -moz-transition: all 0.2s ease-in-out 0.01s;
    -o-transition: all 0.2s ease-in-out 0.01s;
    -ms-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
	background:#7D0055 url(/PUBLIC/Index/files/images/content_bot04.png) no-repeat center -76px;
}

.content_botbox .text {
padding: 23px 0 0 40px;
background: #EF5A0A;
width: 613px;
vertical-align: top;
}
.content_more {
display: block;
background:rgba(0, 0, 0, 0.3);
height: 205px;
width: 385px;
overflow: hidden;
color: #fff;
font-size: 30px;
text-align: center;
}

.myselfbox {
z-index: 10;
background: #fff;
width: 750px;
margin: 0 auto;
overflow: hidden;
top: -300px;
border-radius: 15px;
box-shadow: 0px 1px 5px #000;
}
.myselfclose {
position: absolute;
right: 15px;
top: 15px;
filter: alpha(Opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}


.f-links{width:1200px; margin:0 auto;  line-height:30px;}
.f-links a{ color:#FFFFFF}
.f-links a:hover{ color:#CCCCCC}