@charset "utf-8";


/*
	
*/

/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.overf { overflow:hidden;}
.hidden {
	display: none !important
}

/* end public */

/* layout */

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; font-size:14px;}
.page_info span{padding:0 2px;font-weight:bold; font-size:14px;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; font-size:14px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:2px 10px;margin:0 3px; font-size:14px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#000; font-size:14px;}
.page_list a.on{color:#fff;border:1px solid #ccc;background:#000; font-size:14px;}

/*response nav*/
#menuTop { height: 45px; position: absolute; top: 0px; width: 100%; text-align: center; z-index: 99; display: none; background: #222; }
#menuTop a { display: inline-block; margin-top: 6px; }

#menuBtn{ height: 36px; width: 36px; background: url(../images/bgmenu.png) no-repeat center top; top: 4px; position: absolute; cursor: pointer; }
#menuBtn { right: 6px; }
#menuBtn:before { content: '导 航'; color: #efefef; position: absolute; line-height: 36px; right: 100%; white-space: nowrap; }
#menuBtn.active:before{ content:'关 闭';}

/*end response nav*/

/* index */
body { background:#fff;/*background:#ebebeb;*/}
a {color:#50565d}
#maincontent {width:100%; margin-left: auto; margin-right: auto;background:#fff; overflow:hidden;}
header, .content ,footer,#banner {  }
.center { width: 100%; max-width: 1200px; }
.center { margin-left: auto; margin-right: auto; }
header {height:100px; position:relative; border-bottom:1px solid #e6e6e6;}
.headerwraper {position:relative; height:70px;}
#logo { padding-top: 15px; padding-left:58px; margin-bottom: 6px; width: 31.81034%; min-width: 300px; }
#logo img { width: 260px; }
#subtit{ position:absolute; left:200px; top:0;}

.nav{ text-transform: capitalize; position: absolute; right: 0px; top:0px; }
.nav ul{ }
.nav li { text-align: center; float:left; position:relative;}
.nav a { display: block; font-size: 18px; font-weight:bold; line-height: 14px; height: 60px; padding-top:40px; padding-left:20px; padding-right:20px; position:relative; border-right:1px solid #e6e6e6; 

			-webkit-transition: background 0.6s ease;
			-moz-transition: background 0.6s ease;
			-o-transition: background 0.6s ease;
			-ms-transition: background 0.6s ease;
			transition: background 0.6s ease;
}
.nav a span { font-size: 10px; display: block; line-height:1.2; margin-top:10px; position:absolute; left:0; width:100%; text-align:center;  font-family:Arial, Helvetica, sans-serif;}
.nav li:hover a { background: #000; color: #fff; }
.nav li:hover a span{ color: #fff; }
.nav a.active {background: #000; color: #fff; }
.nav a.active span{ color: #fff; }
.navtop { text-transform: capitalize; position:fixed;top:0;z-index:1000; width:100%; left:0; height:50px;
 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); 
filter: 
progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=4, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=4, Direction=180);
background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; 

}
.navtop ul { width:100%; max-width:1200px; margin:0 auto;   }
.navtop li { position:relative; text-align: center; float:left; width:13%; height:50px; border-right:1px solid #ccc;transition:width .5s ease-out 0s;  
-moz-transition:width .5s ease-out 0s; 
-webkit-transition:width .5s ease-out 0s; 
-o-transition:width .5s ease-out 0s; }
.navtop li.no {border-right:0;width:16.6%;}
.navtop a { display: block; color:#333; font-size: 18px; font-weight:bold; line-height: 50px; height: 50px; position:relative; 
			-webkit-transition: background 0.6s ease;
			-moz-transition: background 0.6s ease;
			-o-transition: background 0.6s ease;
			-ms-transition: background 0.6s ease;
			transition: background 0.6s ease;}
.navtop a span {font-size:10px; color:#000;}
.navtop a:hover { background: #000; color: #fff; }
.navtop a:hover span{ color: #fff; }
.navtop a.active{ background: #000; color: #fff; }
.navtop a.active span{ color: #fff; }

.empty-placeholder{height:90px}


#banner { width:100%; text-align:center; width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative; }
#banner .DB_prev { position:absolute; background:url(../images/pre.png) no-repeat; width:40px; height:90px; top:192px; left:0; cursor:pointer;}
#banner .DB_next { position:absolute; background:url(../images/next.png) no-repeat; width:40px; height:90px; top:192px; right:0; cursor:pointer;}
#banner #bannerlist { width:100%; height:20px; }
#banner #bannerlist li{width:100px; height:4px; border:1px solid #000; background:#fff; margin-right:10px; display:inline-block; cursor:pointer;}

/*动态*/
#banner .DB_bgSet{position:relative;}
#banner .DB_bgSet li{position:absolute;width:100%;height:500px;display:none}

#banner .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}

#banner .DB_imgSet .DB_1_1{position:absolute;left:0px;top:15px; z-index:12;}
#banner .DB_imgSet .DB_1_2{position:absolute;left:-10px;top:15px;z-index:11;}
#banner .DB_imgSet .DB_1_3{position:absolute;left:350px;top:400px; z-index:8;}
#banner .DB_imgSet .DB_1_4{position:absolute;left:60px;top:50px; z-index:3;}
#banner .DB_imgSet .DB_1_5{position:absolute;left:550px;top:150px}

#banner .DB_imgSet .DB_2_1{position:absolute;left:0px;top:5px; z-index:10;}
#banner .DB_imgSet .DB_2_2{position:absolute;left:60px;top:30px;z-index:8;}
#banner .DB_imgSet .DB_2_3{position:absolute;left:230px;top:400px; z-index:15;}
#banner .DB_imgSet .DB_2_4{position:absolute;left:340px;top:330px; z-index:3;}
#banner .DB_imgSet .DB_2_5{position:absolute;left:610px;top:100px}

#banner .DB_imgSet .DB_3_1{position:absolute;left:0px;top:-10px;}
#banner .DB_imgSet .DB_3_2{position:absolute;left:320px;top:230px}
#banner .DB_imgSet .DB_3_3{position:absolute;left:650px;top:140px}

#banner .DB_menuWrap{position:absolute;width:100%;}
#banner .DB_menuWrap .DB_menuSet{position:absolute;top:480px; left:50%; margin-left:-75px; text-align:center;font-size:0;z-index:999;}
#banner .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline; height:10px; display:inline-block;}


/*end 动态*/



#banner #bannerlist li.active{ border:1px solid #000; background:#000;}
#bannernei{width:100%; height:300px;}
#bannerresearch{width:100%; height:300px;background: #fff; position:relative;}
#bannerresearch .intro {  position: absolute;  left: 0;  top: 50%;  padding: 0 20px;  width: 100%;  text-align: center;}
#bannerresearch .intro h1 {  text-transform: uppercase;  font-size: 85px;  font-weight: 700;  letter-spacing: 0.015em;}
#bannerresearch .intro p {  margin: 0 0 30px 0;  font-size: 24px;}

#bannervideo{width:100%; height:495px; position:relative;}
#bannervideo video {
    width: 100%;
}
#bannervideo .main_title {
    background: url(../images/main_title.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 313px;
    left: 50%;
    margin-left: -188px;
    margin-top: -135px;
    position: absolute;
    top: 50%;
    width: 377px;
}
#bannernei { position:relative; overflow:hidden;}
#bannernei img { position:absolute; left:50%; margin-left:-840px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#bannernei .wrapper { width: 700px; margin: 30px auto; position:absolute; top:50%; left:50%; margin-top:-65px; margin-left:-350px;}
#bannernei .counter { padding: 20px 0; border-radius: 5px;background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;text-align: center; }
#bannernei .count-title { font-size: 60px; font-weight: bold;  margin-top: 10px; margin-bottom: 0; text-align: center; font-family:Arial, Helvetica, sans-serif;color:#fff; display:inline; }
#bannernei .count-text { font-size: 20px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#dadada; }
#bannernei .fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
#bannernei .counter span{ color:#fff; font-size:18px; font-weight:bold;}
.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.deline{ width:100%; background:#c9c9c9; height:1px; margin-top:12px;margin-bottom:12px; position:relative;}
.deline span{ width:105px; height:2px; background:#000; position:absolute; top:-2px; left:2%;}

.toptxt {width:100%; padding-top:18px;}
.toptxt .left{ width:70%; float:left;}
.toptxt .left h1 { font-size:24px; line-height:36px; }
.toptxt .left p { font-size:16px; color:#000; margin-top:12px; line-height:22px; font-weight:500;}
.toptxt .right{ width:30%; text-align:right; float:right;}
.toptxt .right h1 { font-size:36px; font-weight:bolder;  font-family:Verdana, Geneva, sans-serif;}
.toptxt .right p { font-size:12px; line-height:20px; font-weight:600;}
.toptxt .right p span { font-family:Verdana, Geneva, sans-serif;}

.bigtitle { position:relative; margin:0 auto; margin-top:20px; margin-bottom:10px; height:30px;}
.bigtitle .left{ position:absolute; left:0;}
.bigtitle .left a{ color:#fff;}
.bigtitle .left h1{ font-size:24px; margin-bottom:5px; color:#FFF}
.bigtitle .left span{ display:block; font-size:18px; font-style:italic; font-family:Arial, Helvetica, sans-serif;color:#FFF}
.bigtitle .right{ position:absolute; right:0;}
.bigtitle .right a{ font-family:Arial, Helvetica, sans-serif; border:1px #dcdcdc solid; font-size:10px; padding:0 2px;}
.bigtitle .right2{ position:absolute; right:31.75%;}
.bigtitle .right2 a{ font-family:Arial, Helvetica, sans-serif; border:1px #dcdcdc solid; font-size:10px; padding:0 2px;}



.text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: microsoft yahei; }
.photo-container { -webkit-perspective: 1200px;-moz-perspective: 1200px;-ms-perspective: 1200px;-o-perspective: 1200px; /* 透视视图 */ perspective: 1200px; /* 透视视图 */ width:160px; }
.rotate-box { margin:0 auto; position: relative; width:160px; height:70px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;/* 3D 转换 */ transform-style: preserve-3d; /* 3D 转换 */ -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease;-o-transition: 0.5s ease;/* 转换效果持续 1秒 */}
.rotate-box img { width: 100%; height: 100%; }
.text { position: absolute; top: 0; width: 100%; -webkit-transform: rotateY(180deg) translateZ(1px); -moz-transform: rotateY(180deg) translateZ(1px);-ms-transform: rotateY(180deg) translateZ(1px);-o-transform: rotateY(180deg) translateZ(1px);/* 反转180度 并设置z轴让其置于图片背面 */ transform: rotateY(180deg) translateZ(1px); /* 反转180度 并设置z轴让其置于图片背面 */ color: #666; text-align: center; opacity: .06; background: rgba(255,255,255,.9); }
.photo-container:hover .rotate-box { -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); transform: rotateY(180deg); }
.photo-container:hover .text { opacity: 1 }

.casetag { width:100%;}
.casetag li { display:inline-block; padding:6px; font-size:12px; border:1px solid #dcdcdc; margin-right:3px; margin-bottom:4px;}
.casetag li.all {font-size:18px; font-weight:bold;padding:3px;}
.casetag li.hei {font-size:18px;  font-weight:bold;padding:3px; background:#000;}
.casetag li.hei a {color:#fff;}
.casetag li.big {font-size:24px; font-weight:bold;padding:3px;}

.caselista {width:100%; margin-top:35px; margin-bottom:20px; position:relative;}

.caselist {width:100%; margin-top:35px; margin-bottom:20px; position:relative;}
.caselist .item {width:32.5%; margin-right:.8%; margin-bottom:.8%; text-align:center; float:left;background:url(../images/loding.gif) no-repeat center center;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.caselist .item img.lazy {width:100%; }
.caselist .item .bottom{ border-top:1px solid #e2e2e2; background:#f6f6f6; height:30px; text-align:left; padding-top:12px; position:relative;}
.caselist .item h3 { font-size:14px; text-align:left; margin:0 auto; width:90%; line-height:32px;}
.caselist .item p { width:90%; text-align:left;margin:0 auto; line-height:32px; font-size:16px}
.caselist .item p a{ color:#828e9b;}
.caselist .item p a:hover { color:#333;}
.caselist .item .bottom {padding-left:5%;}
.caselist .item .bottom a{ color:#828e9b; }
.caselist .item .bottom a:hover { color:#333;}
.caselist .item .bottom img { margin:0 8px;}
.caselist .item .bottom span{ display:inline-block;width:42px; height:30px; border-left:1px solid #dcdcdc; position:absolute; top:0; right:0; padding-top:12px; text-align:center;}
.caselist .item .imgitem {height:230px; width:100%; overflow:hidden; }
@media screen and (max-width: 1150px) 
{ 
	.caselist .item .imgitem {height:auto; }
}

.view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
}
.view .mask, .view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background:#000;
}


.view div.info {
  display: inline-block;
  text-decoration: none;
  position:absolute;
  width:320px;
  height:80px;
  top:50%;
  left:50%;
  margin-top:-60px;
  margin-left:-160px;
  text-align:center;
  
}
.view a.tit {
	
	font-size:30px;
	display:block;
	margin-bottom:5px;
	
	
	}
.view a{
	color:#fff;
	}

.mask p { width:100%; text-align:center;border-top:1px dashed #acacac;}
.mask p {
	font-size:12px;
	color:#acacac;
	
	}
	
.view a.info:hover {

}
.view-tenth img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.view-tenth .mask {

  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.view-tenth a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;

}
.view-tenth:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.view-tenth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-tenth:hover a.info {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.caselist .item:hover { }

.caseshow { padding-top:30px;}
.caseshow .title{ }
.caseshow .title .logo{ width:30%; text-align:center; float:left; overflow:hidden;}
.caseshow .title .txt{width:70%; float:right;}
.caseshow .title .txt h1{ font-size:40px; color:#000;}
.caseshow .title .txt h3{font-size:18px; margin-top:10px;}
.caseshow .title .txt h3 span { font-size:14px;}
.caseshow .title .txt p{font-size:14px; margin-top:10px; line-height:30px; }
.caseshow .title .txt .tel{ margin-top:20px; font-size:14px; color:#000;}
.caseshow .title .txt .tel span{ display:inline-block; padding:6px 0px; text-align:center; width:200px; font-size:26px; background:#000; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.caseshow .title .txt .tel .share {display:inline-block; margin-top:10px;}
.yanjiuwrap { background:url(../images/bjy_03.jpg); height:495px; padding-top:20px;}
.yanjiu .left{ width:70%;}
.yanjiu .left ul{width:100%;}
.yanjiu .left li{width:31%; margin-right:1.5%; height:200px; display:inline-block; position:relative; margin-bottom:16px; overflow:hidden;}
.yanjiu .left li.no {margin-bottom:0px;}
.yanjiu .left li img { width:100%;}
.yanjiu .left li h1{ position:absolute; width:100%; bottom:0; height:30px; background:#fff; filter:alpha(opacity70); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;line-height:30px; text-align:center;}
.yanjiu .left li h1 a{color:#fff;}

.yanjiu .left li span { font-size:16px; position:absolute; overflow:hidden; top:0;/*top:35%;*/ left:50%; margin-left:-60px; display:block; width:120px; height:35px; text-align:center; margin-top:-5px; -moz-border-radius: 5px; color:#fff;
    -webkit-border-radius: 5px; border-radius:5px; line-height:35px; display:none; background:#000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

.yanjiu .right{ width:30%; background:#171717; height:390px;}
.yanjiu .right div {width:90%; padding:0 5%; height:45px; line-height:45px;}
.yanjiu .right div h1{ font-size:18px; color:#fff; display:inline-block; margin-right:5px;}
.yanjiu .right div span { color:#fff;}
.yanjiu .right div i {float:right;}
.yanjiu .right div i a{ color:#fff; font-style:normal; font-size:12px;} 
.yanjiu .right ul{ width:100%; height:40px; line-height:18px;}
.yanjiu .right li{width:90%; padding:0 5%; color:#fff; position:relative; font-size:12px; padding-bottom:2%; }
.yanjiu .right li a { color:#fff;}

.yanjiu .right li span.time { position:absolute; right:5%; color:#afacac;}
.yanjiu .right li i{ display:none;position:absolute; right:2%; }
.yanjiu .right li:hover { color:#afacac;}
.yanjiu .right li:hover a{ color:#afacac;}

.fuwu { width:100%; margin-top:20px;}
.fuwu ul {width:100%;}
.fuwu li { width:50%; height:320px; position:relative; float:left;}
.fuwu li div.tit1 { position:absolute; left:12px;top:28px;}
.fuwu li div.tit1 h2{ font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
.fuwu li div.tit1 h1{ font-size:30px; margin-bottom:10px; }
.fuwu li div.tit1 h3 a {font-size:12px;}

.fuwu li div.tit2 {position:absolute; right:12px;top:28px;}
.fuwu li div.tit2 h2{ font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
.fuwu li div.tit2 h1{ font-size:30px;  margin-bottom:10px;}
.fuwu li div.tit2 h3 a {font-size:12px;}

.fuwu li span.more a {
    border: 1px solid #dcdcdc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 0 2px;
	position:absolute;
}

.fuwu li span.more a.l { left:12px; bottom:25px;}
.fuwu li span.more a.r { right:12px; bottom:25px;}


.fuwu div.ico11 { position:absolute; right:0; bottom:0; width:300px; height:250px;}
.fuwu div.ico11 div.ico_b11_1{ background:url(../images/ico_b11_1.png) no-repeat; width:216px; height:203px; position:absolute;}
.fuwu div.ico11 div.ico_b11_2{ background:url(../images/ico_b11_2.png) no-repeat; width:206px; height:146px; position:absolute; top:8px; left:8px;}

.fuwu div.ico12 { position:absolute; left:0; bottom:0;width:300px; height:250px;}
.fuwu div.ico12 div.ico_b12_1{ background:url(../images/ico_b12_1.png) no-repeat; width:184px; height:183px; position:absolute; top:5px;left:70px; }
.fuwu div.ico12 div.ico_b12_2{ background:url(../images/ico_b12_2.png) no-repeat; width:133px; height:101px; position:absolute; top:30px; left:107px;}
.fuwu div.ico12 div.ico_b12_3{ background:url(../images/ico_b12_3.png) no-repeat; width:94px; height:106px; position:absolute; top:100px; left:168px;}

.fuwu div.ico21 { position:absolute; right:0; bottom:0; width:300px; height:250px;}
.fuwu div.ico21 div.ico_b21_1{ background:url(../images/ico_b21_1.png) no-repeat; width:276px; height:157px; position:absolute;}
.fuwu div.ico21 div.ico_b21_2{ background:url(../images/ico_b21_2.png) no-repeat; width:205px; height:127px; position:absolute; top:10px; left:34px;}

.fuwu div.ico22 { position:absolute; left:0; bottom:0;width:300px; height:250px;}
.fuwu div.ico22 div.ico_b22_1{ background:url(../images/ico_b22_1.png) no-repeat; width:121px; height:183px; position:absolute; top:5px;left:120px; }
.fuwu div.ico22 div.ico_b22_2{ background:url(../images/ico_b22_2.png) no-repeat; width:45px; height:70px; position:absolute; top:22px; left:158px;}
.fuwu div.ico22 div.ico_b22_3{ background:url(../images/ico_b22_3.png) no-repeat; width:121px; height:111px; position:absolute; top:50px; left:185px;}

footer { background:#363636; min-height:70px; margin-top:15px; padding-bottom:10px;}
footer .top { margin-bottom:5px;}
footer .top .left{ width:100%; padding-top:20px; float:left;}
footer .top .left ul { width:100%;}
footer .top .left li { width:100%; padding-right:3.3%; float:left; }
footer .top .left li h1 { font-size:24px; font-weight:bold;color:#fff; }
footer .top .left li span { font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:15px; display:block;}
footer .top .left li p{ line-height:22px; color:#fff; font-size:14px;}
footer .top .right{ width:20%; float:right; text-align:right;}

footer .bottom p {color:#b9b9ba;}

footer .weblink { }
footer .weblink a{ display:inline-block; margin-left:5px; padding:2px;  margin-bottom:5px;}



/* Default wide-screen styles */
@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}
@media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
}
@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
}
@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
}
@media all and (max-width: 240px) {
    /* styles for smaller devices */
}



/* end index */







/* neiye */
.about {background:#fff; min-height:400px; position: relative; padding-top:20px}
.about h1.tit { height:40px; width:100%;position: relative; margin: 0 30px; font-size:18px; color:#666;}
.about h1.tit span { height:10px; width:60px; background:#000; display:block; position:absolute; top:30px;}
.about .warper { width:96%; position:relative;}

.about .nomarltxt { width:45%; }
.about .nomarltxt h1{ font-size:36px; line-height:50px; margin-bottom:30px;color:#666;}
.about .nomarltxt p{ font-size:16px; line-height:36px;color:#666;}
.about .nomarlpic { width:55%; overflow:hidden;}
.about .warper { margin:30px 2% 0 2%;}

.about .worktxt { width:30%; height:350px;} 
.about .worktxt .worktop { width:100%; text-align:left;} 
.about .worktxt p { font-size:14px; line-height:24px; width:70%; } 
.about .workpic { position:relative; width:70%;}
.about .workpic .work1 { position:absolute;right:62%;}
.about .workpic .work2 {position:absolute; right:0;;}
.about .workpic .work3 {position:absolute;top:138px; right:233px;}
.about .workpic .work4 {position:absolute;top:138px;right:0;}


.about .daypic { position:relative; width:70%;}
.about .daypic .day1 { position:absolute;}
.about .daypic .day2 {position:absolute; top:168px;}
.about .daypic .day3 {position:absolute;left:281px;}
.about .daypic .day4 {position:absolute;left:541px;}
.about .daytxt { width:30%; height:380px;} 
.about .daytxt .daytop { width:100%; text-align:right;} 
.about .daytxt p { font-size:14px; line-height:24px; width:280px; float:right; } 

.about .momenttxt {position:absolute;top:249px;}
.about .moment1 { position:absolute;}
.about .moment2 {position:absolute; left:487px;}
.about .moment3 {position:absolute;left:747px;}
.about .moment4 {position:absolute;top:182px;left:487px;}

.lighttit { height:350px; width:100%; background:#030400; overflow:hidden; text-align:center; position:relative;}
.lighttit .jourpic { position:absolute;left:50%; margin-left:-800px;}
.lighttit .jourtxt { position:absolute; top:50%; left:50%; margin-left:-198px; margin-top:-65px;}

.researchtag{ margin-bottom:20px;}
.researchtag .block {width:23%; float:left; margin-right:2%; }
.researchtag .block h1 {height:32px; background:#000; width:94%; line-height:32px; font-size:14px; padding:0 3%;color:#fff;}
.researchtag .block h1 a {color:#fff;}
.researchtag .block h1 span {color:#fff; margin-right:10px;}
.researchtag ul {width:100%;}
.researchtag li{height:32px;line-height:32px; border-bottom:1px #dcdcdc solid;width:96%; padding:0 2%;}
.researchtag li span{ color:#acacac; margin-right:10px;}


.searchelist { width:100%; position:relative;}
.searchelist .item{ width:24.5%;margin-right:.5%; float:left; position:relative; overflow:hidden;}
.searchelist .item img { width:100%;}
.searchelist .item h1{ position:absolute; width:100%; bottom:0; height:30px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;line-height:30px; text-align:center;}
.searchelist .item h1 a{color:#fff;}

.searchelist .item span { font-size:16px; position:absolute; top:0;/*top:35%;*/ left:50%; margin-left:-60px; display:block; width:120px; height:35px; text-align:center; -moz-border-radius: 5px; color:#fff;
    -webkit-border-radius: 5px; border-radius:5px; line-height:35px; display:none; background:#000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; overflow:hidden;}



.newslist { width:100%;}
.newslist li {width:100%; margin-bottom:50px;}

.newslist li .warperl{width:12%; float:left; position:relative;}
.newslist li .warperl .data{ width:100px; height:100px;border-radius: 5px; position:absolute; left:50%; margin-left:-50px;}


.newslist li .warperl .data1{ width:100px; height:100px;border-radius: 5px;  position:absolute; left:50%; margin-left:-50px;}



.newslist li .warperl .data h1 { color:#acacac;height:70px; line-height:70px; font-size:50px; font-family:Arial, Helvetica, sans-serifl; text-align:center; font-weight:bold;}
.newslist li .warperl .data p { height:30px; line-height:30px; font-size:14px; font-family:Arial, Helvetica, sans-serifl; text-align:center; color:#666; border-top:1px solid #dcdcdc;}
.newslist li .warperr{width:83%; float:right;}
.newslist li .warperr .pic{ width:35%; float:left; }
.newslist li .warperr .pic img { width:90%; margin:0 5%;}
.newslist li .warperr .txt{ width:98%; float:left;}
.newslist li .warperr .txt h1 { font-size:24px;line-height:1.5em;}
.newslist li .warperr .txt p { color:#000; font-size:16px; margin-top:5px; line-height:1.5em; margin-bottom:15px;}
.newslist li .warperr .info { border-top:1px solid #eee; height:44px; line-height:44px; }
.newslist li .warperr .info .day { background:#f7f7f7 url(../images/clock.png) no-repeat 10px center; padding-left:35px; display:inline-block; width:115px; height:44px;}
.newslist li .warperr .info .day i {color:#90cb91; font-size:18px; display:inline-block; width:20px;font-style:normal;}
.newslist li .warperr .info .click {display:inline-block; width:62px; height:44px;background:url("../img/eyeicos.jpg") no-repeat 10px center; padding-left:38px;}


.newslist li .warperra{width:96%; float:right;}
.newslist li .warperra .pic{ width:35%; float:left; }
.newslist li .warperra.pic img { width:90%; margin:0 5%;}
.newslist li .warperra .txt{ width:100%; float:left;}
.newslist li .warperra .txt h1 { font-size:24px;line-height:1.5em;}
.newslist li .warperra .txt p { color:#000; font-size:16px; margin-top:5px; line-height:1.5em; margin-bottom:15px;}
.newslist li .warperra .info { border-top:1px solid #eee; height:44px; line-height:44px; }
.newslist li .warperra .info .day { background:#f7f7f7 url(../images/clock.png) no-repeat 10px center; padding-left:35px; display:inline-block; width:115px; height:44px;}
.newslist li .warperra .info .day i {color:#90cb91; font-size:18px; display:inline-block; width:20px;font-style:normal;}
.newslist li .warperra .info .click {display:inline-block; width:62px; height:44px;background:url("../img/eyeicos.jpg") no-repeat 10px center; padding-left:38px;}



#bannerservice{width:100%; height:300px;background: #fff; position:relative; overflow:hidden;}
#bannerservice .intro {  position: absolute;  left: 0;  top: 50%;  padding: 0 20px;  width: 100%;  text-align: center;}
#bannerservice .intro h1 {  text-transform: uppercase;  font-size: 60px;  font-weight: 700;  letter-spacing: 0.015em; color:#fff;}
#bannerservice .intro p {  margin: 0 0 30px 0;  font-size: 24px;color:#dcdcdc;}



.contactnei { overflow:hidden; position:relative; height:600px;}
#mapall { height:645px;}
.contactnei .wraper {width:630px; height:80%; background:#fff; position:absolute; top:10%;; right:10%; z-index:1;}
.contactnei .wraper .tit { width:92%; padding:10px 4%;  border-bottom:1px dotted #333; padding-bottom:15px; position:relative; background:#000;}
.contactnei .wraper .tit h1{font-size:32px; color:#fff;}
.contactnei .wraper .tit p { font-size:24px;  color:#fff;}
.contactnei .wraper .tit h2 { font-size:28px;position:absolute; right:4%; top:50%; margin-top:-17px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.contactnei .wraper .tit h2 span { display:block; position:absolute; width:60px; height:60px; background:url("../img/24tel.png") no-repeat;left:-75px; top:50%; margin-top:-30px;}

.contactnei .wraper .addr .alltit {width:92%; margin:10px auto; margin-bottom:20px;   border-bottom:1px dotted #333; height:80px;}
.contactnei .wraper .addr .alltit h2 { font-size:14px; color:#acacac;}
.contactnei .wraper .addr .alltit p{ font-size:14px; height:28px; line-height:28px;}
.contactnei .wraper .addr ul{width:100%; margin-top:20px;}
.contactnei .wraper .addr li{width:92%; padding:0 4%; margin-bottom:20px; height:60px;}
.contactnei .wraper .addr li h1{ font-size:18px; height:30px; line-height:30px; display:inline-block; }
.contactnei .wraper .addr li i { font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; font-style:normal; font-weight:bold;}
.contactnei .wraper .addr li p{ font-size:14px; height:28px; line-height:28px;}



.newsshow {}
.newsshow .left{ width:70%; float:left; padding:10px 2%;}
.newsshow .left h1 {width:100%; text-align:center; font-size:26px; color:#000;}
.newsshow .left h3 { height:40px;line-height:40px; font-size:12px; text-align:center;  border-bottom:1px #f1f1f1 solid;}
.newsshow .left p { font-size:14px; line-height:30px;  margin-top:30px;} 
.newsshow .left .share{ width:150px; float:right; margin-top:30px; color:#acacac;}

.newsshow .right{ width:26%; float:right; }
.newsshow .right ul{ width:100%; border-top:5px #000 solid; border-left:1px #f1f1f1 solid;border-right:1px #f1f1f1 solid;border-bottom:1px #f1f1f1 solid;}
.newsshow .right ul li.tit { font-size:18px; color:#000; border-bottom:1px #f1f1f1 solid;}
.newsshow .right ul li { width:88%; height:36px; line-height:36px; padding:0 6%;border-bottom:1px #fff solid;overflow:hidden;}
.newsshow .right ul li a { font-size:14px;}
.newsshow .right ul li:hover {border-bottom:1px #000 dotted;}

/* end neiye*/

@media screen and (max-width: 950px) 
{ 
	.nav a { padding-left:28px; padding-right:28px;}
	.navtop li { text-align: center; float:left; width:16%; border-right:1px solid #ccc;}
}


.slideBox { display:none;}
.aboutit { display:none;}
@media screen and (max-width: 720px) 
{ 
	.center { width: 98%; max-width: 1200px;  }
	#menuTop { display: block;}
	header {height:60px; border:1px #fff solid;}
	
	#header { padding-bottom: 10px; position: static; margin-top: 45px; }
	.deline { display:none;}
	.navtop { }

	.toptxt .left { display:none;}
	.toptxt .right { background:#000; height:120px;}
	.toptxt .right h1{ float:left; font-size:20px; margin-top:5px; margin-left:10px; color:#fff;}
	.toptxt .right p{ float:right; margin-right:10px;color:#fff;}
	.toptxt .right p span {color:#fff;}
	

	.casetit  { display:none;}
	.casetag { display:none;}
	.casewarper { display:none;}
	
	.bigtitle { background:#000; color:#fff; text-align:center; margin-top:0; margin-bottom:5px; height:50px; }
	.bigtitle h1  {color:#fff;}
	.bigtitle .left { position:static; width:100%; text-align:center; padding-top:8px;}
	.bigtitle .right { display:none;}
	.bigtitle .left span { color:#fff; display:inline;}
	.kehu { display:none;}
	.kehutit { display:none;}
	.headerwraper {position:relative; height:60px;}
	#logo { padding-top: 15px; padding-left:0px; position:absolute; left:15%; margin-left:-50px;width:99px; }
	#logo img {height:40px; width:150px;}
	
	/*
	.nav{ text-transform: capitalize; position: absolute; right: 0px; top:0; width:100%; z-index:999;  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); background:#000;}
	.nav ul{ width:100%; }
	.nav li { width:33.33% ;background: #000; height:40px;}
	.nav a {color: #fff;  display:block;font-size: 14px; line-height: 35px; height: 35px; padding-top:0; margin-top: 0px; padding:0;; position:relative;text-align:left; padding-left:5%; width:95%; }
	.nav a span { font-size: 10px; display:inline; line-height:1.2; margin-top:10px; position:relative; left:0; width:100%; text-align:left;  font-family:Arial, Helvetica, sans-serif;}
	
	.nav a:hover { color: #fff;}
	.nav a:hover span{ color: #50565d; }
	.nav a.active {color: #fff; }
	.nav a.active span{ color: #50565d; }
	*/
	 #banner #pre,#next{display:none;}
	 .toptxt { padding-top:10px;}
	.toptxt .left{ width:100%; }
	.toptxt .right{ width:100%; }
	.kehu li{width:49%;padding-top:10px;}	
	.kehu li img{ width:100%; height:50px;;}
	.caselist .item {width:100%;}
	.yanjiuwrap { height:322px;background:url(); padding-top:0px;}
	.yanjiutit { display:none;}
	.yanjiu .left {display:none;}
	.yanjiu .right {width:100%;}
	.fuwu li { width:100%;height: 380px;}
	.fuwu li div.tit1,tit2,tit3,tit4 {width:100%}
	.caselist { margin-top:5px;}
	
	.caselist .item img.lazy {width:100%; }
	
	footer .top .left { width:94%; padding-bottom:0;}
	footer .top .right { display:none;}
	.weblink { display:none;}
	footer .top .left li {margin-bottom:5px;}
	footer .top .left li span {margin-bottom:5px;}
	
	#mapall { display:none;}
	.contactnei .wraper {width:100%; height:600px; background:#fff; position:relative; top:0; right:0; z-index:1;}
	.contactnei .wraper .addr .alltit {min-height:100px; border:0;}


	/* 本例子css -------------------------------------- */
	.slideBox{ position:relative; height:auto; overflow:hidden; margin:10px auto; display:block;}
	.slideBox .hd{ position:absolute; width:100%;  height:27px; bottom:0; left:0; z-index:1; }
	.slideBox .hd img{ width:11px;  }
	.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
	.slideBox .next{ left:auto; right:0;}
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; }
	.slideBox .bd li img{ width:100%;  height:auto;display:block;   }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:27px; line-height:27px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7); ; 
	}
	
	
	/*内页*/
	#bannerservice {display:none;}
	.servicelist {margin-top:18px;}
	#bannerresearch {display:none;}
	.newslist li .warperl { display:none;}
	.newslist li .warperr {width:100%;}
	.newslist li .warperr .pic{ display:none;}
	.newslist li .warperr .txt {width:100%;}
	.newslist li { margin-bottom:10px;}
	.aboutit { display:block;}
	#bannervideo {width:98%;margin:0 auto; height:auto;}
	#bannervideo .main_title { display:none;}
	
	.about .warper { width:98%;}
	.about .nomarltxt { width:100%}
	.about .nomarlpic { width:100%}
	.about .workpic { display:none;}
	.about .worktxt { display:none;}
	.about .daypic { display:none;}
	.about .daytxt { display:none;}
	.lighttit { display:none;}
	.momentwarper { display:none;}
	.about .tit { display:none;}
	
	.fenbu { display:none;}
	
	#bannernei {display:none;}
	
	.newsshow .right{ display:none;}
	.newsshow .left{ width:96%;}
	
	.caseshow .title .logo{display:none;}
	.caseshow .title .txt{width:100%;}
	
	.researchshow .title .logo{display:none;}
	.researchshow .title .txt{width:100%;} 
}

@media screen and (max-width: 320px)  {
    .toptxt .right h1{ font-size:16px;}
}

@media screen and (max-width: 580px) 
{ 
	.navtop a span { display:none;}

}

@media screen and (max-width: 460px) 
{ 
	footer .top .left li { width:100%; float:left;}

	.contactnei {height:auto;}
	.contactnei .wraper {height:100%;} 

	.contactnei .wraper .tit { height:140px;}
	.contactnei .wraper .tit h2 { font-size:28px;position:absolute; left:90px; top:110px; margin-top:0; font-family:Arial, Helvetica, sans-serif; color:#fff;}
	.contactnei .wraper .tit h2 span { display:block; position:absolute; width:60px; height:60px; background:url(../images/24tel.png) no-repeat;left:-75px; top:50%; margin-top:-30px;}
}




/* end layout*/