@charset "utf-8";

/*text-overflow:ellipsis;currentColor*/
/*body{font-family:"Microsoft YaHei";}*/
.div_wzwidth{ width: 1100px; clear:both; text-align:left; margin:auto; min-width:1100px;}
.div_clear{ clear:both;}
.head_top{ position:fixed; top:30px; left:0px;;  z-index:5000;min-width:1002px;width:100%; text-align:center;}
.head_top .ul_head{ margin-left:auto; margin-right:auto;width:1002px;clear:both;}
.head_top .ul_head .logo{float:left;}
.head_top .ul_head .logo img{max-width:300px;max-height:50px;}
.head_top .ul_head .logo .logo2{display:none;}
.head_top .ul_head .menu{float:right; margin-top:15px;}
.head_top .ul_head a{color:#fff; font-family:"微软雅黑"; font-size:14px; margin-right:30px; font-weight:bold;}
.head_top .ul_head a:hover{color:rgba(255,255,255,0.8)}
.head_top1{ position:fixed;-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd; top:0px; left:0px;height:60px;padding-top:10px;;  z-index:5000;min-width:1002px;width:100%; background-color:#fff; text-align:center;}
.head_top1 .ul_head{ margin-left:auto; margin-right:auto;width:1002px;clear:both; }
.head_top1 .ul_head .logo{float:left; margin-top:-20px;}
.head_top1 .ul_head .logo img{max-width:300px;max-height:50px;}
.head_top1 .ul_head .logo .logo1{display:none;}
.head_top1 .ul_head .logo .logo2{display:block;}
.head_top1 .ul_head .menu{float:right; margin-top:15px;}
.head_top1 .ul_head a{color:#999; font-family:"微软雅黑"; font-size:14px; margin-right:30px; font-weight:bold;}
.head_top1 .ul_head a:hover{color:#000}



.banner{ width:100%;  position:relative;  height:700px; background:#000;}
	.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.banner .bd ul{ width:100% !important;  }
	.banner .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center; background-position:center top;  }
	.banner .bd li a{ display:block; height:700px; }

	.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
	.banner .hd ul{ text-align:center; }
	.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px;border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 8px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 8px;  margin:3px; overflow:hidden; background:#fff;
		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 
	}
	.banner .hd ul .on{ background:#fff;filter:alpha(opacity=100);opacity:1;  }

	.banner .prev,
	.banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px transparent no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.banner .next{ left:auto; right:5%; background-position:-6px -137px; }

	.banner_bottom{margin-top:1px;height:auto; overflow:hidden; white-space:nowrap; text-align:center;}
	.banner_bottom div{width:33.0%;float:left;;position:relative;border-right:solid 1px #fff;}
	.banner_bottom div a img{width:100%;height:100%;}
	.banner_bottom div a img.two{position:absolute; left:0px; top:0px; opacity:0;filter:alpha(opacity=0);
		transition:opacity 0.5s;
		-moz-transition:opacity 0.5s;
		-webkit-transition:opacity 0.5s; /* Safari and Chrome */
		-o-transition:opacity 0.5s; /* Opera */; /* Firefox 4 */
	}
	.banner_bottom div:hover a img.two{opacity:1;}
	.index_nr_1{overflow:hidden; height:auto;padding-top:100px; padding-bottom:100px; margin:auto;}
	.index_nr_1 li:nth-of-type(1){float:left;width:720px;height:430px; background-size:720px 430px; background-repeat:no-repeat; background-position:center center; overflow:hidden;
		transition:background-size 0.5s;
		-moz-transition:background-size 0.5s; /* Firefox 4 */
		-webkit-transition:background-size 0.5s; /* Safari and Chrome */
		-o-transition:background-size 0.5s; /* Opera */}
	.index_nr_1 li:nth-of-type(1):hover{
			background-size:800px 480px;			
			}
	.index_nr_1 li:nth-of-type(2){ width:350px; float:right;}
	.index_nr_1 li:nth-of-type(2) .title{font-size:30px; font-family:"微软雅黑"; margin-bottom:20px; }
	.index_nr_1 li:nth-of-type(2) .nr{color:#666;line-height:200%;min-height:300px; margin-bottom:15px;}
	.index_nr_1 li:nth-of-type(2) .more{position:relative}
	.index_nr_1 li:nth-of-type(2) .more .on{display:none;position:absolute;top:0px; left:0px;}
	.index_nr_1 li:nth-of-type(2) .more:hover .on{display:block;}
.index_nr_2{clear:both;height:auto; overflow:hidden; background-color:#f6f6f6; padding-top:80px; padding-bottom:50px;}
.index_nr_2_1{text-align:center;line-height:200%; font-family:"微软雅黑"}
.index_nr_2_2{margin-top:30px; margin-bottom:30px;}
.index_nr_2_2 li{width:350px;height:450px;float:left; margin-right:25px; margin-top:30px;}
.index_nr_2_2 li:nth-of-type(3),.index_nr_2_2 li:nth-of-type(6){margin-right:0px;}
.index_nr_2_2 li .pic{width:350px; height:350px; position:relative; overflow:hidden;}
.index_nr_2_2 li .pic img{width:350px;height:350px;position:absolute;top:0px;left:0px;z-index:1000;
		transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s;
		-moz-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s; /* Firefox 4 */
		-webkit-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s; /* Safari and Chrome */
		-o-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s; /* Opera */}
.index_nr_2_2 li .pic div{display:none; background-color:rgba(0,0,0,0.7); width:350px; height:350px; position:absolute; z-index:2000; text-align:center; vertical-align:middle;}
.index_nr_2_2 li .pic div a{position:relative;top:180px;display:inline-block; color:#fff;width:70px;height:30px;line-height:30px; border:solid 2px #fff;border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.index_nr_2_2 li .pic div a:hover{background-color:#008C8C;color:#fff; border-color:#008C8C;}
.index_nr_2_2 li .pic:hover div{display:block;}
.index_nr_2_2 li .pic:hover img{width:380px; height:380px; top:-15px; left:-15px;}
.index_nr_2_2 li .title{background-color:#fff; height:100px; }
.index_nr_2_2 li .title a{display:block; font-family:"微软雅黑"; font-size:14px; font-weight:bold; text-align:center;height:16px; overflow:hidden;margin-top:20px;}
.index_nr_2_2 li .title span{display:block; color:#999; font-size:12px; text-align:center; margin-top:15px;}
.index_nr_2_2 li .title a:hover{color:#00B2B2}
.index_nr_2 .div_more1{padding-top:15px; text-align:center;}
.index_nr_2 .div_more1 .a_more1{display:inline-block;min-width:60px; height:35px; background-color:#fff;padding-left:20px;padding-right:30px;line-height:35px; background-image:url(../images/jia.png);background-repeat:no-repeat; background-position:center right;border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 5px; font-family:"微软雅黑"; color:#999;font-size:14px;}
.index_nr_2 .div_more1 .a_more1:hover{background-color:#999;color:#fff; }
.index_nr_1_huan li:nth-of-type(1){float:right;}
.index_nr_1_huan li:nth-of-type(2){float:left;}
.index_middle_ad{height:500px;background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
.index_middle_ad a{display:inline-block; width:100%; height:100%;}

/*首页新闻*/
.index_news{height:auto; padding-top:80px; padding-bottom:50px;}
.index_news .bt{text-align:center;font-family:"微软雅黑"}
.index_news .bt li:nth-of-type(1){font-size:30px; margin-bottom:25px;}
.index_news .bt li:nth-of-type(2){font-size:14px; line-height:200%; margin-bottom:50px;}
.index_news .list{clear:both;}
.index_news .list ul{width:350px;margin-right:25px;float:left; height:auto; background-color:#fff;}
.index_news .list ul:nth-of-type(3){margin-right:0px;}
.index_news .list ul .pic{width:350px; height:210px; overflow:hidden; position:relative;}
.index_news .list ul .pic img{width:350px; height:218px; position:absolute;left:0px; top:0px;transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s;
		-moz-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s;
		-webkit-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s; /* Safari and Chrome */
		-o-transition:width 0.5s,height 0.5s;top 0.5s,left 0.5s; /* Opera */; /* Firefox 4 */}
.index_news .list ul .pic img:hover{width:360px;height:228px;left:0px; top:0px;}
.index_news .list ul .title{margin-left:15px;margin-right:15px; margin-top:15px; overflow:hidden; height:18px; margin-bottom:20px;}
.index_news .list ul .title a{font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
.index_news .list ul .title a:hover{color:#008C8C}
.index_news .list ul .content{height:150px;margin-left:15px; margin-right:15px; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;color:#999;line-height:200%; }
.index_news .list ul .date{color:#999;margin-left:15px; margin-right:15px; margin-bottom:20px;}

.index_about{margin-top:80px; margin-bottom:80px;}
.index_about .title{text-align:center; font-family:"微软雅黑"; font-size:30px;color:#333; position:relative;}
.index_about .title b{display:inline-block; width:30px;border-bottom:solid 2px #333; position:absolute;top:45px;left:535px;}
.index_about .nr{margin-top:30px; margin-bottom:30px; text-align:center;font-family:"微软雅黑"; color:#666;line-height:220%;}
.index_about .pic{text-align:center; max-width:1100px;}
.index_about .pic img{max-width:1100px;}

.index_bottom_pics{width:100%; min-width:1100px; clear:both; overflow:hidden}
.index_bottom_pics li{width:25%;height:auto; float:left;}
.index_bottom_pics li img{width:100%;height:auto;}


.index_bottom_wz{background-color:#262626; min-width:1100px; padding-top:80px; padding-bottom:50px;}
.index_bottom_wz div .left{width:25%; float:left}
.index_bottom_wz .index_news_wz{margin-bottom:30px;}
.index_bottom_wz .index_news_wz div{color:#fff; font-weight:bold; font-family:"微软雅黑";font-size:14px;margin-bottom:25px;}
.index_bottom_wz .index_news_wz li{color:#818181; margin-bottom:25px;color:#aaa;font-size:14px;}
.index_bottom_wz .index_news_wz li a{color:#818181; font-size:14px;display:block; white-space:nowrap; overflow:hidden; margin-bottom:10px;}
.index_bottom_wz .index_news_wz li a:hover{color:#bbb;}
.index_links{margin-top:20px;}
.index_links .title{font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:bold;}
.index_links .list{ margin-top:10px;}
.index_links .list a{color:#bbb; margin-right:10px; font-size:14px;} 


.index_bottom_wz div .right{width:75%;float:left;}
.index_bottom_wz div .index_bottom_3wz{width:242px; float:left; margin-left:30px;}
.index_bottom_wz div .index_bottom_3wz .title{font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:bold; margin-bottom:25px; overflow:hidden;}
.index_bottom_wz div .index_bottom_3wz .nr{color:#818181; font-family:'微软雅黑'; line-height:200%; font-size:14px;}
.foot{background-color:#1b1b1b;height:53px; line-height:53px;}
.foot > div{color:#818181; text-align:center;}
.foot > div a{color:#818181; }

.banner_about{height:1000px; background-position:center top; background-repeat:no-repeat;}

.about_1{height:auto; overflow:hidden; background-color:#f6f6f6;padding-top:90px; padding-bottom:60px;}
.about_1 > ul > .bt{font-family:"微软雅黑"; color:#333; font-size:30px; font-weight:bold; text-align:center;}
.about_1 > ul > .hx{ position:relative; text-align:center;}
.about_1 > ul > .hx > b{display:inline-block; width:15px; border-bottom:solid 1px #333;}
.about_1 > ul > .nr{ padding-top:30px; text-align:center; line-height:200%; font-family:"微软雅黑"; height:auto; overflow:hidden; font-size:14px;}
.about_2{background-color:#fff;}
.qywh_ht{height:auto; overflow:hidden;}
.qywh_ht li{height:500px; background-position:center top; background-repeat:no-repeat;}
.qywh_3{padding-top:45px;padding-bottom:45px;height:auto; }

.banner_case{height:700px; background-repeat:no-repeat; background-position:center top;}
.case_1{padding-top:50px; padding-bottom:30px;}
.case_1 .bt{font-size:24px; font-family:"微软雅黑"; color:#333;  text-align:center; margin-bottom:35px;}
.case_1 .nr{ text-align:center; line-height:200%; font-size:14px; font-family:"微软雅黑"}

/**案例列表***/
.case_list{padding-top:50px; padding-bottom:50px; background-color:#f7f7f7;}
.case_list .case_category{ text-align:center;margin-bottom:10px;}
.case_list .case_category span{font-size:12px; font-weight:"微软雅黑"; color:#818181; font-weight:bold; margin-right:25px; cursor:pointer;}
.case_list .case_category span.is-checked{color:#1ABC9C}

.ul_case_list{margin-top:30px; margin-bottom:30px; overflow:hidden; text-align:justify;padding-left:2%;}
.ul_case_list > li{width:22.2%;float:left;text-align:justify;margin-top:35px; margin-right:2%;}
.ul_case_list > li:nth-of-type(4n){margin-right:0px;}
.ul_case_list > li > .pic{width:100%; height:auto; position:relative; }
.ul_case_list > li > .pic > img{width:100%;height:auto;top:0px;left:0px;z-index:1000;	}
.ul_case_list > li > .pic > div{display:none;width:100%; top:0px;left:0px;vertical-align:middle; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; z-index:2000; text-align:center; vertical-align:middle;}
.ul_case_list > li > .pic > div > a{position:relative;top:40%;;display:inline-block; color:#fff;width:70px;height:30px;line-height:30px; border:solid 2px #fff;border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.ul_case_list > li > .pic > div > a:hover{background-color:#008C8C;color:#fff; border-color:#008C8C;}
.ul_case_list > li > .pic:hover > div{display:table-cell;}
.ul_case_list > li > .title{background-color:#fff; height:100px; }
.ul_case_list > li > .title a{display:block; font-family:"微软雅黑"; font-size:14px; font-weight:bold; text-align:center;height:16px; overflow:hidden;margin-top:20px;}
.ul_case_list > li > .title span{display:block; color:#999; font-size:12px; text-align:center; margin-top:15px;}
.ul_case_list > li > .title a:hover{color:#00B2B2}

.case_ht{background-repeat:no-repeat; background-position:center top; height:400px}

.picview_top{height:120px; background-color:#333; }
.div_picview{background-color:#f6f6f6;padding-top:50px;}
.pic_title{font-size:17px; color:#303030; font-family:"微软雅黑"; font-weight:bold; margin-bottom:30px;}
.pic_title b{border-bottom:solid 2px #303030; display:block; width:20px; margin-top:10px;}
.picview_top .content{line-height:200%; text-align:left;}
.picview_top .content *{max-width:1100px;}

.picview_bottom{float:left;width:800px; margin-top:20px;}
.picview_bottom .title{line-height:200%;}
.picview_bottom .hx b{display:block;border-bottom:solid 1px #808080; width:10px; }
.picview_bottom .desc{color:#818181; line-height:200%; margin-top:30px; margin-bottom:50px;}
.picview_right{float:right; width:250px; margin-top:30px;}
.picview_right li{color:#999; line-height:25px; margin-bottom:25px; font-family:"微软雅黑"; font-size:14px;}
.picview_right li span{color:#333; display:block; font-weight:bold;}
.xg_case{ padding-bottom:40px; text-align:center;}
.xg_case .left{float:left;}
.xg_case .center{ display:inline-block;padding-top:15px;}
.xg_case .right{float:right;}


.contact_1{background-color:#9b9b9b;}
.contact_2{background-color:#9b9b9b;}
.contact_2 ul .bt{color:#fff; font-size:16px;}
.contact_2 ul .hx b{border-bottom:solid 1px #fff;}

.ul_newslist{ margin-top:30px; margin-bottom:30px;}
.ul_newslist li{width:18.5%; float:left; margin-left:17px; height:450px;}
.ul_newslist li:nth-of-type(5n){margin-right:0px;}
.ul_newslist li .pic img{width:100%;}
.ul_newslist li .title{margin-top:20px;}
.ul_newslist li .title a{font-family:"微软雅黑"; font-weight:bold; font-size:14px;}
.ul_newslist li .desc{color:#818181; font-size:14px; line-height:200%; font-family:"微软雅黑" ;max-height:80px;overflow:hidden;margin-bottom:20px;padding-top:10px;};

.ul_newslist li .date span{color:#818181; margin-left:20px;}
.bottom_height{height:30px;}

.news_contact_view{background-repeat:no-repeat; height:450px; background-position:center top;}
.news_view_body{background-color:#f6f6f6; padding-top:25px; padding-bottom:50px;}
.newsview_title{font-family:"微软雅黑"; font-size:24px;height:54px;}
.newsview_title span{color:#aaa;}
.newsview_title h1{display:inline-block; margin-left:25px; font-size:24px;}
.newsview_time{font-size:12px; color:#bebebe; margin-bottom:25px;}
.newsview_content{color:#818181; line-height:200%;}
.newsview_content *{max-width:1100px; min-height:200%;}
.newsview_xgxw{margin-top:30px; border-top:solid 1px #e0e0e0; padding-top:25px;font-family:"微软雅黑"; font-size:14px;}
.newsview_xgxw .left{float:left; width:540px; font-weight:bold;}
.newsview_xgxw a{font-size:14px;}
.newsview_xgxw .right{float:right;width:540px; text-align:right;font-weight:bold;}