@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; 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(../img/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;}

.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:100px;}
#logo { padding-top: 25px; padding-left:58px; margin-bottom: 6px; width: 31.81034%; min-width: 300px; }
#logo img { width: 222px; height:50px;}
#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: 14px; line-height: 14px; height: 70px; padding-top:30px;padding-left:50px; padding-right:50px; 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:16.55%; 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: 14px; 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("../img/pre.png") no-repeat; width:40px; height:90px; top:192px; left:0; cursor:pointer;}
#banner .DB_next { position:absolute; background:url("../img/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:-200px; 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_imgSet .DB_4_1{position:absolute;left:0px;top:-10px;}
#banner .DB_imgSet .DB_4_2{position:absolute;left:230px;top:200px}
#banner .DB_imgSet .DB_4_3{position:absolute;left:610px;top:40px}

#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("../img/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:185px; height:2px; background:#000; position:absolute; top:-2px;}

.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:14px; color:#928f8f; 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:14px; line-height:24px; font-weight:600;}
.toptxt .right p span { font-family:Verdana, Geneva, sans-serif;}

.bigtitle { position:relative; margin:20px auto; height:50px;}
.bigtitle .left{ position:absolute; left:0;}
.bigtitle .left a{ color:#fff;}
.bigtitle .left h1{ font-size:24px;}
.bigtitle .left span{ display:block; font-size:18px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.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;}

.kehu {width:100%;}
.kehu li{width:16.3%; height:86px; display:inline-block; text-align:center; cursor:pointer; padding-top:45px; border-bottom:2px solid #f7f5f5; overflow:hidden; }
.kehu li img{}
.kehu li.nol{border-bottom:0;}

.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;}


.caselist {width:100%; margin-top:20px; margin-bottom:20px; position:relative;}
.caselist .item {width:32.5%; margin-right:.8%; margin-bottom:.8%; text-align:center; float:left;background:url(../img/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:12px; text-align:left; margin:0 auto; width:90%; line-height:32px;}
.caselist .item p { width:90%; text-align:left;margin:0 auto; line-height:30px;}
.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; }


.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(../img/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:170px; 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; -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:360px;}
.yanjiu .right div {width:90%; padding:0 5%; height:45px;}
.yanjiu .right div h1{ font-size:18px; color:#fff; display:inline-block; margin-top:10px;}
.yanjiu .right div span { color:#fff; font-size:18px;}
.yanjiu .right div i {float:right;}
.yanjiu .right div i a{ color:#fff; font-style:normal; font-size:24px;} 

.yanjiu .right ul{ width:100%;}
.yanjiu .right li{ width:90%; margin:0 auto; color:#fff; position:relative; font-size:14px;}
.yanjiu .right li a { color:#999; line-height:30px; background:none;}
.yanjiu .right li a:hover{ color:#fff; border-bottom:#fff solid 1px;}







#container{ position:relative; width:100%;height:300px; background:url(../img/ie.jpg); background-size:1920px;}
.qq_title{ position:absolute; z-index:10; width:100%; top:50%; margin-top:-140px; text-align:center;}
.qq_title h1{ margin-top:70px; font-size:65px; font-weight:700; color:#fff;}
.qq_title p { font-size: 24px; color:#ccc;}


.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(../img/ico_b11_1.png) no-repeat; width:216px; height:203px; position:absolute;}
.fuwu div.ico11 div.ico_b11_2{ background:url(../img/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(../img/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(../img/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(../img/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(../img/ico_b21_1.png) no-repeat; width:276px; height:157px; position:absolute;}
.fuwu div.ico21 div.ico_b21_2{ background:url(../img/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(../img/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(../img/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(../img/ico_b22_3.png) no-repeat; width:121px; height:111px; position:absolute; top:50px; left:185px;}


.research_banner{ width:100%; max-width:1200px; margin:30px auto;}
.research_banner img{ width:100%;}


.ewm{ position:fixed; z-index:100; top:40%; right:10px; width:80px; height:200px; background:url(../img/ewm.jpg)}
.ewm a{ display:block; width:80px; height:100px;}

footer { margin-top:20px; padding:10px 0; background:#363636; line-height:30px;}
footer p{ line-height:30px; text-align:center; color:#CCC;}

::-webkit-scrollbar{ width: 10px;}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4);
}





/* 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:226px; } 
.about .workpic { position:relative; width:70%;}
.about .workpic .work1 { position:absolute;right:492px;}
.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 { margin-top:20px; font-size:14px; line-height:24px; width:190px; 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:30%; float:left;}
.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;}
#research{ display:block; float:right; line-height:35px; color:#ccc; font-size:12px;}
.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:hover { background:#f7f7f7;}
.newslist li .warperl{width:12%; float:left; position:relative;}
.newslist li .warperl .data{ width:100px; height:100px;border-radius: 5px; background:#f7f7f7; 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:88%; float:right;}
.newslist li .warperr .pic{ width:35%; float:left; }
.newslist li .warperr .pic img { width:90%; height:150px; margin:0 5%;}
.newslist li .warperr .txt{ width:65%; float:right;}
.newslist li .warperr .txt h1 { font-size:22px;line-height:1.5em; margin-bottom:10px;}
.newslist li .warperr .txt p { color:#888; font-size:14px; 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(../img/clock.png) no-repeat 10px center; padding-left:35px; padding-right:10px; display:inline-block; height:40px;}
.newslist li .warperr .info .day b{ font-weight:400;}
.newslist li .warperr .info .day i {color:#90cb91; font-size:18px; display:inline-block; padding:0 10px; text-align:center;font-style:normal;}
.newslist li .warperr .info .click {display:inline-block; width:62px; height:44px;background:url(../img/eyeicos.png) 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;}








.about_out{ width:1200px; margin:0 auto; height:1760px; background:url(../img/aboutus.jpg) center no-repeat;}
.about_out_1{  padding-top:650px; line-height:25px; font-size:14px; font-weight:bold; text-align:center; color:#000;}
.about_out_2{ width:1064px; margin:25px auto;}
.about_left{ width:370px; float:left; line-height:25px; font-size:12px;}
.about_right{ width:365px; float:right; line-height:25px; font-size:12px;}

.about_out_3{ width:1000px; margin:0 auto; padding-top:175px; clear:both;}
.about_out_3_l{ float:left; margin-left:40px; font-size:18px;}
.about_out_3_l p{ margin-bottom:35px; color:#000;}
.about_out_3_l p span{ font-size:14px; margin-left:20px;}

.about_out_3_r{ float:right; width:450px; font-size:18px;}
.about_out_3_r p{ margin-bottom:40px; margin-top:30px; color:#000;}
.about_out_3_r p span{ font-size:14px; margin-left:10px;}





/* contact us */
.contactnei { overflow:hidden; position:relative;}
#mapall { height:645px;}
.contactnei .wraper { width:510px; background:rgba(255,255,255,0.9); position:absolute; top:20px; right:40px; z-index:1; overflow:auto;}
.tit{ padding:10px 20px; line-height:30px; font-family:"微软雅黑"; background:#000;}
.tit h1{ float:left; color:#FFF; font-size:24px;}
.tit h2{ color:#FFF; font-size:24px; text-align:right;}
.fenbu{ padding:10px 20px; line-height:30px; font-size:14px;}
.fenbu h1{ font-size:18px; margin:5px 0; color:#000;}

.fenbu li p input{ width:215px; height:35px; margin-bottom:10px; color:#000; text-indent:5px; border:none; border:#e0dfdf solid 1px;}
.fenbu li p textarea{ width:450px; height:55px; text-indent:5px; color:#000; border:#e0dfdf solid 1px; resize: none;}
.fenbu li p button{ width:100px; height:35px; background:#f60; cursor:pointer; text-align:center; color:#fff; border:none;}


.newsshow {}
.newsshow .left{ width:70%; float:left; padding:10px 2%; overflow:hidden;}
.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 .left img{ width:auto;}
.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*/


.slideBox { display:none;}
.aboutit { display:none;}