﻿/*切图：zcy*/
/*网站：*/
/*全局*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}


.pz_top{ position:absolute; left:0; top:0; width:100%; min-width:1200px; z-index:5;}
.pz_banner{ float:left; width:100%; min-width:1200px; overflow:hidden; position:relative; min-height:200px; z-index:2;}
.pz_main{ float:left; width:100%; min-width:1200px; background:#1a1a1a; z-index:4;}
.pz_down{ float:left; width:100%; min-width:1200px; background:#141414;}
.w_0100{ float:left; width:100%;}
.w_1200{ margin:0 auto; width:1200px;}


/*top*/
.top{ width:100%; float:left; height:107px; position:relative; z-index:5;}
.top .logo{ float:left;margin-top:9px;}
.top .logo img{ width:100%; float:left;}
.top .topnav{ float:right; width:80%; margin-top:14px; text-align:right;}
.top .topnav .welcome{ display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#666; line-height:20px; padding-right:14px; background:url(images/top4.jpg) no-repeat right center; vertical-align:top;}
.top .topnav .welcome:hover{ color:white;}
.top .topnav .wx_top{ width:48px; height:20px; display:inline-block; *zoom:1; *display:inline; background:url(images/top1.png) no-repeat center center; background-size:contain; position:relative; vertical-align:top; cursor:pointer; overflow:hidden;}
.top .topnav .wx_top .ewm{ width:139px; height:145px; padding:34px 24px 19px 24px; background:url(images/ewm_bg.png) no-repeat center center; position:absolute; left:50%; top:0px; margin-left:-69px; overflow:hidden; z-index:-1; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.top .topnav .wx_top .ewm img{ width:100%; float:left;}
.top .topnav .wx_top:hover{ background-image:url(images/top1_h.png); overflow:visible;}
.top .topnav .wx_top:hover .ewm{ display:block; z-index:9; opacity:1; top:10px;}
.top .topnav .teltop{ display:inline-block; *zoom:1; *display:inline; padding-left:10px; background:url(images/top4.jpg) no-repeat left center; font-size:16px; color:#666; line-height:20px; font-family:Arial; vertical-align:top;}
.top .topnav .teltop img{ vertical-align:middle; margin:-3px 6px 0 0;}
.top .topnav .teltop:hover{ color:white;}
.search{ height:30px; background:#333; float:right; margin-top:21px; margin-left:48px; overflow:hidden; position:relative; cursor:pointer;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.search .search_k{ width:0; height:30px; float:left; line-height:30px; background:none; font-size:14px; color:white !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.search .search_b{ width:30px; height:30px; float:left; background:url(images/top3.png) no-repeat center center; background-size:contain; cursor:pointer;}
.search .search_i{ width:30px; height:30px; position:absolute; left:0; top:0; cursor:pointer;}
.search.on .search_i{ display:none;}
.search.on .search_k{ width:140px; padding-left:15px;}
.search.on .search_b{ background-image:url(images/top3_h.png); }
.search.on{ margin-left:28px;}

.menu{ z-index:5; position:relative; float:right; height:73px;}
.menu > ul{ float:left; width:100%; position:relative;}
.menu ul .nli{ float:left;z-index:99; height: 73px; padding:21px 0; position:relative; margin:0 8px;}
.menu ul .nli span a{ display:block; float:left; height:31px; line-height:31px; color:#999; font-size:16px; padding:0 35px; position:relative; text-align:center;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ background:#333; color:white;
-moz-border-radius:16px; 
-webkit-border-radius:16px; 
-khtml-border-radius:16px;
border-radius:16px;}
.menu ul .nli.first{ margin-left:0;}
.menu ul .nli.last{ margin-right:0;}


/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:160px;background:#1a1a1a; box-shadow:0 3px 16px rgba(0,0,0,0.15); top:100% !important; text-align: left; padding: 18px 0 8px 0; left: 50%; margin-left: -80px; text-align: center; margin-top:-1px;}
.sub .l2{ width:100%; float: left; padding: 4px 0; position: relative;}

.sub .l2 .l2_a{ padding:0px; line-height: 28px;  width:100%;  display:block;  float:left;  color:#999; background-position:left center; font-size: 14px; border-bottom: dashed 1px rgba(0,0,0,0);}
.sub .l2:hover .l2_a { color:#fff; border-bottom: dashed 1px #fff;}
.sub .ul2 { float:left;  position:absolute; left:96%; top:20px; display:none;  margin:0px;  width:185px; padding:17px 30px 16px 25px;  overflow:hidden; background:url(images/bg_8.png); border-top:solid 2px black; box-shadow:0 3px 16px rgba(0,0,0,0.15);}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:14px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#082b8f; width:165px; padding-left:20px; background:url(images/ico_2_1.png) no-repeat left center;}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.slide_banner{ width:100%; float:left;}
.slide_banner .slick-slide{ width:100%; position:relative; overflow:hidden;}
.slide_banner .slick-slide img{ width:100%; float: left; position: relative; z-index: 3;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
		  transform: scale(1.2);}
.slide_banner .slick-slide.slick-active img {
  -webkit-transform: scale(1);
		  transform: scale(1);
}
.slide_banner .slick-dots {
	bottom: 30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
	z-index:6;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
	background:url(images/banner_ico.png) no-repeat left center;
	overflow:hidden;
	-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
}
.slide_banner .slick-dots li.slick-active{
	background-position:right center;
}

/*phone底部导航*/
.footer{ width:100%; padding:42px 0 38px 0; float:left;}
.footer .logo{ width:161px; float:left; margin-top:7px;}
.footer ul{ float:left;}
.footer ul li{ width:100px; float:left; margin-left:124px;}
.footer ul li dl{ width:100%; float:left;}
.footer ul li dl dt{ width:100%; float:left; padding-bottom:9px; background:url(images/footer1.png) no-repeat left bottom; font-size:14px; color:#ccc; line-height:22px; margin-bottom:12px;}
.footer ul li dl dd{ width:100%; float:left;}
.footer ul li dl dd a{ display:block; width:100%; float:left; font-size:12px; color:#666; line-height:22px;}
.footer ul li dl dd a:hover{ color:white;}
.footer ul li.l1{ width:243px;}
.footer ul li.l1 dd{ width:70%; float:left;}
.footer ul li.l1 dd.nth2{ width:30%;}

.down{ width:100%; padding:15px 0; float:left; border-top:solid 1px #262626;}
.down .down_left{ float:left; font-size:12px; color:#666; line-height:20px;}
.down .down_left a{ color:#666;}
.down .down_left a:hover{ color:#fff;}
.down .down_right{ float:right;}
.down .down_right .down_fx{ float:right;}
.down .down_right .down_fx a{ display:block; float:left; margin:0 9px 0 0 !important; padding:0 !important; width:40px; height:40px; border:solid 1px #262626; background-position: center center; background-size:contain; background-repeat:no-repeat; position:relative;}
.down .down_right .down_fx a.a1{ background-image:url(images/footer2.png);}
.down .down_right .down_fx a.a2{ background-image:url(images/footer3.png);}
.down .down_right .down_fx a.a1:hover{ background-image:url(images/footer2_h.png);}
.down .down_right .down_fx a.a2:hover{ background-image:url(images/footer3_h.png);}
.down .down_right .down_fx a .ewm{ background:url(images/ewm_bg1.png) no-repeat center center; width:137px; height:142px; padding:14px 16px 22px 16px; position:absolute; left:50%; top:-132px; opacity:0; z-index:-1; margin-left:-69px; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.down .down_right .down_fx a .ewm img{ width:100%; float:left;}
.down .down_right .down_fx a:hover .ewm{ opacity:1; z-index:5; top:-142px;}

.down .link_1{ width:239px; height: 40px; border: solid 1px #262626; padding-left: 16px; line-height: 40px; font-size: 12px; color: #999; background: url(images/footer4.png) no-repeat right center; position: relative; float: right; cursor: pointer;}
.down .link_1 ul{ width:100%; position: absolute; left: -1px; bottom: 40px; border: solid 1px rgba(255,255,255,0.2); border-bottom: 0; overflow: hidden; display: none;
-moz-border-top-left-radius:8px; 
 -webkit-border-top-left-radius:8px; 
 -khtml-borde-top-left-radius:8px;
 border-top-left-radius:8px;
 -moz-border-top-right-radius:8px; 
 -webkit-border-top-right-radius:8px; 
 -khtml-borde-top-right-radius:8px;
 border-top-right-radius:8px;}
.down .link_1 ul li{ width:100%; float: left; text-align: center; border-top:  solid 1px rgba(255,255,255,0.2);  margin-top: -1px;}
.down .link_1 ul li a{ color: #bbb; width:100%; float: left; line-height: 28px;font-size: 12px; color: #bbb; background: #060606;}
.down .link_1 ul li:hover a{ color: #aaa; background: #1f1f1f;}
.down .link_1.on{ background-image:url(images/footer4_h.png);}

/*右侧漂浮*/
.pf_right{ width:46px; position:fixed; right:15px; top:50%; margin-top:-92px; z-index:9;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:46px; height:46px; float:left; background:#202020;}
.pf_right ul li a{ display:block; float:right; width:46px; height:46px; position:relative; overflow:hidden;}
.pf_right ul li a img{ float:left;}
.pf_right ul li a .img_1{ display:none;}
.pf_right ul li a .ico{ width:100%px; height:100%; position:absolute; right:0; top:0;}
.pf_right ul li a h5{ width:161px; line-height:46px; text-align:center; color:#888; font-size:16px; display:none; float:left; font-family:Arial,'微软雅黑'; font-style:oblique; letter-spacing:1px;}
.pf_right ul li:hover,.pf_right ul li:hover a .ico{ background:#333;}
.pf_right ul li:hover a{ width:207px; background:#333;}
.pf_right ul li:hover a h5{ display:block;}


/*首页main*/
.c_1200_1{ width:100%; float:left; margin-top:60px;}
.row{ margin:0 -15px;}
.c_1200_1 ul{ width:100%; float:left;}
.c_1200_1 ul li{ width:25%; float:left; padding:0 15px;}
.c_1200_1 ul li .zbox{ width:100%; float:left; padding:25px 20px 62px 20px; text-align:center; height:349px; box-shadow:0 9px 16px rgba(0,0,0,0.14); background:#202020; position:relative;}
.c_1200_1 ul li .zbox .ico{ width:100%; float:left; height:110px;}
.c_1200_1 ul li .zbox .ico img{ height:100%;}
.c_1200_1 ul li .zbox h4{ width:100%; float:left; font-size:20px; color:#ccc; line-height:31px; margin-top:22px;}
.c_1200_1 ul li .zbox h5{ width:100%; float:left; font-size:12px; color:#999; line-height:20px; letter-spacing:2px; font-family:Arial;}
.c_1200_1 ul li .zbox .p{ width:100%; float:left; font-size:14px; color:#999; line-height:26px; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1200_1 ul li .zbox .more{ width:100%; position:absolute; left:0; bottom:62px; padding-top:41px; background:url(images/zico11.png) no-repeat center top; opacity:0; z-index:-5;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1200_1 ul li .zbox .more a{ display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#a9a9a9; line-height:19px; text-transform:uppercase;}
.c_1200_1 ul li .zbox:hover .more{ bottom:48px; opacity:1; z-index:2;}
.c_1200_1 ul li .zbox:hover .p{ opacity:0; z-index:5;}

.c_1200_2{ width:100%; float:left; margin-top:62px;}
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h2{ width:100%; float:left; font-size:30px; color:white; text-transform:uppercase; font-family:Arial; line-height:38px;}
.tit_1 h2 img{ vertical-align:middle; margin:-3px 14px 0 14px;}
.tit_1 h3{ width:100%; float:left; font-size:30px; color:#999; line-height:43px;}
.tit_1 .bian{ width:100%; height:1px; background:#333; margin-top:28px; float:left;}
.tit_1 .ico{ display:inline-block; *zoom:1; *display:inline; width:36px; height:36px; background:#242424; margin-top:-18px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.tit_1 .ico img{ width:100%; float:left;}

.c_1200_2 ul{ width:100%; float:left; margin-top:30px;}
.c_1200_2 ul li{ width:33.333%; float:left; position:relative; overflow:hidden; text-align:center;}
.c_1200_2 ul li img{ width:100%; float:left;
		 transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
 -webkit-transition: all 0.6s linear;
-o-transition: width all 0.6s linear;}
.c_1200_2 ul li:hover img{ opacity:0.8;
	    transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.c_1200_2 ul li .mb{ width:100%; height:100%; background:url(images/zbg1.png) repeat-x left bottom; position:absolute; left:0; top:0;}
.c_1200_2 ul li .title{ width:100%; font-size:20px; color:#e0e0e0; line-height:62px; position:absolute; left:0; bottom:0; padding:0 55px; text-transform:uppercase;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1200_2 ul li .p{ width:100%; font-size:12px; color:#e0e0e0; line-height:27px; position:absolute; left:0; bottom:-120px; height:81px; overflow:hidden; padding:0 60px; opacity:0;
-webkit-transition: all 0.3s ease-out 0.1s; 
-moz-transition: all 0.3s ease-out 0.1s; 
-o-transition: all 0.3s ease-out 0.1s; 
transition: all 0.3s ease-out 0.1s;}
.c_1200_2 ul li:hover .mb{ width:92%; height:92%; background:url(images/zbg1_h.png); left:4%; top:4%;}
.c_1200_2 ul li:hover .mb .bian{ width:94%; height:94%; position:absolute; left:3%; top:3%; border:solid 1px #c2c3c4;}
.c_1200_2 ul li:hover .title{ bottom:62%; line-height:29px;}
.c_1200_2 ul li:hover .p{ bottom:28%; line-height:29px; opacity:1;}


.zbg1{ background:url(images/zbg2.jpg) no-repeat center top; margin-top:60px;}
.c_1200_3{ width:100%; float:left; padding:52px 0 85px 0;}
.slide_pic_1{ width:100%; float:left; margin-top:32px; position:relative;}
.slide_pic_1 .img{ width:100%; float:left; height:220px; overflow:hidden; box-shadow:0 9px 18px rgba(0,0,0,0.09);}
.slide_pic_1 .img img{  width:100%; float:left;
		 transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
 -webkit-transition: all 0.6s linear;
-o-transition: width all 0.6s linear;}
.slide_pic_1 .slick-slide:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.slide_pic_1 .page{ width:100%; float:left; height:220px; overflow:hidden; position:relative; padding:27px 30px 30px 30px; text-align:center; background:#202020; box-shadow:0 9px 18px rgba(0,0,0,0.09);}
.slide_pic_1 .page .bian{ width:100%; height:100%; position:absolute; left:0; top:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_1 .page .ico{ width:100%; height:95px; float:left;}
.slide_pic_1 .page .ico img{ height:100%;}
.slide_pic_1 .page h5{ width:100%; float:left; margin-top:18px; font-size:18px; color:white; line-height:32px;}
.slide_pic_1 .slick-slide:hover .page .bian{ width:94%; height:92%; border:solid 1px #666; left:3%; top:4%;}
.slide_pic_1 .slick-prev,
.slide_pic_1 .slick-next
{
    position: absolute;
	left:50%;
	top:auto;
    bottom: -71px;
    display: block;
    width: 118px;
    height: 31px;
	margin-left:-123px;
	background:url(images/zbtn1.png) no-repeat left center;
	z-index:100; box-shadow:0 5px 8px rgba(0,0,0,0.16);
	-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
}
.slide_pic_1 .slick-next{
	left:auto;
	right:50%;
	margin-left:0px;
	margin-right:-123px;
	background-position:right center;
}
.slide_pic_1 .slick-prev:hover,
.slide_pic_1 .slick-next:hover{ background-image:url(images/zbtn1_h.png);}


.c_1200_4{ width:100%; float:left; margin-top:56px;}
.c_1200_4 ul{ margin-left:-13px; margin-top:11px;}
.c_1200_4 ul li{ width:188px; height:136px; float:left; margin:20px 0 0 13px; float:left; background:#212121; overflow:hidden; position:relative;}
.c_1200_4 ul li img{ width:100%; float:left;
		 transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
 -webkit-transition: all 0.6s linear;
-o-transition: width all 0.6s linear;}
.c_1200_4 ul li:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.c_1200_4 ul li .img_2{ opacity:0; z-index:-1; position:absolute; left:0; top:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1200_4 ul li:hover{ box-shadow:0 9px 18px rgba(0,0,0,0.09);}
.c_1200_4 ul li:hover .img_2{ opacity:1; z-index:2;}
.c_1200_4 ul li:hover .img_1{ opacity:0; z-index:-1;}


.zbg2{ background:url(images/zbg3.jpg) no-repeat center top; margin-top:60px;}
.c_1200_5{ width:100%; float:left; padding:48px 0 60px 0;}
.c_1200_5 .c_592{ width:592px; float:left; margin-top:30px;}
.c_1200_5 .c_592 img{ width:100%; float:left;}
.c_1200_5 .c_593{ width:593px; float:right; margin-top:30px;}
.c_1200_5 .c_593 ul{ width:100%; float:left;}
.c_1200_5 .c_593 ul li{ width:100%; float:left; padding:2px 0; border-bottom:solid #333 1px;}
.c_1200_5 .c_593 ul li a{ display:block; width:100%; float:left; padding:13px 15px 13px 122px; position:relative;}
.c_1200_5 .c_593 ul li a .time{ width:92px; text-align:center; position:absolute; left:0; top:13px; height:62px; border-right:dashed 1px #333;}
.c_1200_5 .c_593 ul li a .time h4{ width:100%; float:left; margin-top:7px; font-size:24px; color:#999; line-height:30px; font-family:Arial;}
.c_1200_5 .c_593 ul li a .time h6{ width:100%; float:left; font-size:12px; color:#999; line-height:23px; font-family:Arial;}
.c_1200_5 .c_593 ul li a h5{ width:100%; float:left; margin-top:6px; font-size:16px; color:#ccc; line-height:29px;}
.c_1200_5 .c_593 ul li a .p{ width:100%; float:left; font-size:12px; color:#999; line-height:25px;}
.c_1200_5 .c_593 ul li:hover a{ background:#212121; border-left:solid 3px white;}
.c_1200_5 .c_593 ul li:hover a h5{ color:white;}
.c_1200_5 .c_593 ul li:hover a .time h4,.c_1200_5 .c_593 ul li:hover a .time h6{ color:#ccc;}


.c_1200_6{ width:100%; float:left; padding:61px 0;}
.c_1200_6 .zbox{ width:100%; float:left; box-shadow:0 9px 16px rgba(0,0,0,0.14);}
.c_1200_6 .c_370{ width:370px; float:left;}
.c_1200_6 .c_370 .c_370_307{ width:370px; float:left; height:307px; background:#212121; padding:49px 64px 20px 64px;}
.c_1200_6 .c_370 .c_370_307 .title{ width:100%; float:left; font-size:24px; color:white; line-height:36px; font-weight:bold; padding-bottom:26px; background:url(images/img3_4.png) no-repeat left bottom;}
.c_1200_6 .c_370 .c_370_307 .title span{ font-size:18px; text-transform:uppercase; font-family:Arial; font-weight:normal; margin-left:10px;}
.c_1200_6 .c_370 .c_370_307 .p{ width:100%; float:left; margin-top:33px; font-size:16px; color:#e5e5e5; line-height:32px;}
.c_1200_6 .c_370 .c_370_164{ width:370px; float:left; height:164px; background:#1c1c1c; padding:31px 64px 20px 64px;}
.c_1200_6 .c_370 .c_370_164 .ewm{ width:100px; height:100px; float:left; background:white; padding:5px;}
.c_1200_6 .c_370 .c_370_164 .ewm img{ width:100%; float:left;}
.c_1200_6 .c_370 .c_370_164 .p{ margin-left:112px; font-size:14px; color:#e5e5e5; line-height:26px; margin-top:49px;}
.c_1200_6 .c_830{ width:830px; float:left; height:471px;}
#bdmap_1{ position:relative; width:100%; height:100%;}


/*内页公用*/
.banner{ width:100%; height:300px; position:relative; text-align:center;}
.banner img{ width:1920px; height:300px; position:absolute; left:50%; top:0; margin-left:-960px; max-width:none;}
.banner .zbg3{ width:100%; height:170px; background:url(images/zbg5.png) repeat-x top left; position:absolute; left:0; top:0;}
.banner h2{ width:100%; float:left; font-size:50px; font-weight:bold; text-transform:uppercase; font-family:Arial; position:absolute; left:0; top:50%; margin-top:15px; line-height:1; color:white;}
.banner h5{ width:100%; float:left; font-size:18px; line-height:1; position:absolute; left:0; top:50%; margin-top:75px; color:white;}

.tit_2{ width:100%; float:left; text-align:center; margin-top:45px; overflow:hidden;}
.tit_2 h4{ width:100%; float:left; font-size:24px; color:white; line-height:32px;}
.tit_2 h6{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:Arial; text-transform:uppercase;}
.tit_2 h6 span{ display:inline-block; *zoom:1; *display:inline; padding:0 65px; position:relative;}
.tit_2 h6 span:before,.tit_2 h6 span:after{ content:''; width:500px; height:1px; background:white; opacity:0.1; position:absolute; top:50%;}
.tit_2 h6 span:before{ left:-500px;}
.tit_2 h6 span:after{ right:-500px;}

.pz_SideLayer{ width:100%; float:left; margin-top:62px; text-align:center;}
.pz_SideLayer li{ display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 18px; position:relative;}
.pz_SideLayer li a{ display:block; float:left; padding:0 10px; font-size:15px; color:#999; line-height:34px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#333; box-shadow:0 5px 8px rgba(0,0,0,0.16);
-moz-border-radius:17px; 
-webkit-border-radius:17px; 
-khtml-border-radius:17px;
border-radius:17px;}
.pz_SideLayer li svg{ display:block; position:absolute; left:-27px; width:20px; height:1px; top:50%; background:white; opacity:0.3;}


/*联系我们*/
.c_1170_6{ width:100%; float:left; padding:37px 0 80px 0;}
.c_1170_6 .content1{ width:100%; float:left; height:450px;}
#bdmap_1 .BMap_pop{ float:right; background-image:url(images/ico4_2.png); background-repeat:no-repeat; border:none !important; width:352px !important; border:0 !important; height:85px; margin:70px 0 0 170px;}
#bdmap_1 .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap_1 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap_1 .BMap_pop div img{display:none;}
#bdmap_1 .iw_poi_content{ font-size: 14px; color: #444; line-height: 22px; padding-left:16px; padding-top:5px;}
#bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap_1 .BMapLabel{ display: none !important;}


.c_1170_6 .content2{ width:100%; float:left; margin-top:126px;}
.c_1170_6 .content2 .c_500{ width:42.74%; float:left;}
.c_1170_6 .content2 .c_500 .title{ width:100%; float:left; font-size:18px; color:white; line-height:26px;}
.c_1170_6 .content2 .c_500 ul{ width:100%; float:left; margin-top:13px;}
.c_1170_6 .content2 .c_500 ul li{ width:100%; float:left; margin-top:10px;}
.c_1170_6 .content2 .c_500 ul li input{ display:block; width:100%; float:left; background:#212121; padding-left:20px; line-height:46px; height:46px; font-size:14px; color:white;}
.c_1170_6 .content2 .c_500 ul li textarea{ display:block; width:100%; float:left; background:#212121; padding:10px 20px; line-height:26px; height:100px; font-size:14px; color:white; border:0;}
.c_1170_6 .content2 .c_500 ul li input:focus,.c_1170_6 .content2 .c_500 ul li textarea:focus{ background:#333;}
.c_1170_6 .content2 .c_500 ul li.l1{ margin-top:29px;}
.c_1170_6 .content2 .c_500 ul li.l1 input{ width:270px; padding-left:0px; line-height:54px; height:54px; font-size:16px; text-align:center; cursor:pointer; box-shadow:0 5px 8px rgba(0,0,0,0.16);
-moz-border-radius:27px; 
-webkit-border-radius:27px; 
-khtml-border-radius:27px;
border-radius:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1170_6 .content2 .c_500 ul li.l1 input:hover{ background:#333;}
.c_1170_6 .content2 .c_500_r .title{ width:100%; float:left; font-size:18px; color:white; line-height:26px;}
.c_1170_6 .content2 .c_500_r{ width:42.74%; float:right;}
.c_1170_6 .content2 .c_500_r .ul{ width:100%; float:left; margin-top:-36px;}
.c_1170_6 .content2 .c_500_r .ul li{ width:100%; float:left; margin-top:60px; padding-left:70px; position:relative;}
.c_1170_6 .content2 .c_500_r .ul li .ico{ width:40px; height:40px; position:absolute; left:0; top:0; background:#333;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1170_6 .content2 .c_500_r .ul li .ico img{ width:100%; float:left;}
.c_1170_6 .content2 .c_500_r .ul li h4{ width:100%; float:left; font-size:16px; color:#ccc; line-height:21px;}
.c_1170_6 .content2 .c_500_r .ul li h5{ width:100%; float:left; font-size:16px; color:#fff; line-height:18px;}
.c_1170_6 .content2 .c_500_r .ul li h5 a{ color:white;}
.c_1170_6 .content2 .c_500_r .ul li .ewm{ width:120px; height:120px; padding:5px; background:white; margin-bottom:10px; float:left;}
.c_1170_6 .content2 .c_500_r .ul li .ewm img{ width:100%; float:left;}
.c_1170_6 .content2 .c_500_r .ul .c_500_230{ width:46%; float:left;}
.c_1170_6 .content2 .c_500_r .ul .c_500_210{ width:42%; float:right;}
.c_1170_6 .content2 .c_500_r .ul li:hover .ico{ background:#1a1a1a;}


/*呈功案例*/
.ul_2{ width:100%; float:left; padding:30px 0 0 0;}
.ul_2 li{ width:33.33%; float:left; padding:0 15px; margin-top:30px;}
.ul_2 li .zbox{ width:100%; float:left; background:#2b2b2b; padding:8px; overflow:hidden; position:relative;}
.ul_2 li .zbox .img{ width:100%; float:left;}
.ul_2 li .zbox .img img{ width:100%; float:left;}
.ul_2 li .zbox .text{ width:100%; float:left; height:94px; text-align:center;}
.ul_2 li .zbox .text .mb{ width:100%; height:100%; background:url(images/zbg6.png); left:0; top:0; position:absolute; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_2 li .zbox .text svg{ display:block; width:30px; height:3px; background:#646464; position:absolute; left:50%; top:80%; margin-left:-15px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_2 li .zbox .text h4{ width:100%; position:absolute; left:0; top:86%; font-size:16px; color:#d6d6d6; line-height:24px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_2 li .zbox .text .p{ width:100%; position:absolute; left:0; top:100%; padding:0 15%; font-size:14px; color:#e0e0e0; line-height:32px; height:128px; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_2 li .zbox .text .more{ width:100%; position:absolute; left:0; top:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_2 li .zbox .text .more a{ display:inline-block; *zoom:1; *display:inline; width:116px; height:32px; line-height:30px; border:solid 1px white; font-size:14px; color:white;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.ul_2 li .zbox:hover .mb{ opacity:1;}
.ul_2 li .zbox:hover svg{ background:white; top:28% !important;}
.ul_2 li .zbox:hover h4{ color:white; font-weight:bold; font-size:20px !important; top:14% !important;}
.ul_2 li .zbox:hover .text .p{ top:28%; margin-top:20px;}
.ul_2 li .zbox:hover .text .more{ top:80%;}
.ul_2 li .zbox .text .more a:hover{ background:white; color:#333;}


/*分页*/
.waik_1{ float:left; width:100%; padding:50px 0 60px 0; text-align:center;}
.pz_fy{ text-align:center; display:inline-block; *zoom:1; *display:inline;}
.pz_fy a { display:block; float:left; width:38px; height:38px; line-height:36px; border:solid 1px #333; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; color:#dbdbdb; font-family:微软雅黑;text-decoration:none; margin:0 5px; font-size:14px; vertical-align:top;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; background-color:#333; text-decoration:none; box-shadow:0 5px 8px rgba(0,0,0,0.16);}
.pz_fy .l_fy{ background:url(images/g_ico4_1.png) center no-repeat; width:100px; height:38px;}
.pz_fy .r_fy{ background:url(images/g_ico5_1.png) center no-repeat;width:100px; height:38px;}


/*新闻中心*/
.c_1200_7{ width:100%; float:left; margin-top:30px;}
.c_1200_7 ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.c_1200_7 ul li{ padding: 20px 0; border-bottom: #4d4f4e solid 1px; overflow: hidden;  }
.c_1200_7 ul li .gameBox{  padding: 10px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.c_1200_7 ul li:hover .gameBox{ padding: 10px 0 10px 10px; background-color: #2b2b2b;}
.c_1200_7 ul li .unionPicture{ float: left; width: 270px; height: 203px; line-height: 0;}
.c_1200_7 ul li .unionIco{ float: right; width: 18px; height: 34px; margin: 85px 31px 0 40px; line-height: 0;}
.c_1200_7 ul li .hot{ padding: 0 90px 0 320px;  }
.c_1200_7 ul li:hover .hot{ padding: 0 80px 0 310px;}
.c_1200_7 ul li .hotBox{  height: 203px; border-right: #4d4f4e solid 1px; padding-right: 75px;}
.c_1200_7 ul li .hot .hotH3{ float: left; width: 100%; padding-top: 42px; color: #fff; font-size: 18px; line-height: 30px;}
.c_1200_7 ul li .hot .hotTime{ margin-top: 4px; color: #999999; line-height: 14px; float:left; width:100%;}
.c_1200_7 ul li .hot .hotDown{ float: left; width: 100%; height: 48px; margin-top: 21px; padding-left: 19px; border-left: #4d4f4e solid 1px; color: #bababa; font-size: 14px; line-height: 24px; overflow: hidden;}
.c_1200_7 ul li:hover .hot .hotDown{ color: #ffffff;}


/*新闻详情*/
.c_1170_1{ width:100%; float:left; padding:58px 0 60px 0;}
.c_1170_1 h1{ width:100%; float:left; text-align:center; font-size:24px; color:#fff; line-height:30px}
.c_1170_1 .main_1{ width:100%; float:left; margin-top:26px; border-top:solid 1px #404040; border-bottom:solid 1px #404040; line-height:53px;}
.c_1170_1 .main_1 .p{ float:left; font-size:14px; color:#a4a4a4;}
.c_1170_1 .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;}
.c_1170_1 .main_1 .btn{ float:right;}
.c_1170_1 .main_1 .btn img{ margin-left:10px; margin-top:-3px; vertical-align:middle;}
.c_1170_1 .main_1 .btn a{ color:#a4a4a4;}
.c_1170_1 .main_1 .btn a:hover{ color:#fff;}
.c_1170_1 .text{ width:100%; float:left; margin-top:36px; padding-bottom:30px; border-bottom:solid 1px #404040; font-size:14px; color:#ccc; line-height:30px; text-indent: 2em;}
.c_1170_1 .text h5{ width:100%; font-weight: bold; margin:22px 0 18px 0; color: #0b75be; text-indent: 0;}
.c_1170_1 .bshare-custom{ width:100%; float:left; margin-top:26px; text-align:center;}
.c_1170_1 .bshare-custom a{display:inline-block;*display:inline; *zoom:1; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.c_1170_1 .bshare-custom a.a1{ background:url(images/btn4_1.png) no-repeat center #333;}
.c_1170_1 .bshare-custom a.a2{ background:url(images/btn4_2.png) no-repeat center #333;}
.c_1170_1 .bshare-custom a.a3{ background:url(images/btn4_3.png) no-repeat center #333;}
.c_1170_1 .main_2{ width:100%; float:left; margin-top:58px;}
.c_1170_1 .main_2 .title{ width:100%; float:left; font-size:18px; color:#fff; line-height:41px;}
.c_1170_1 .main_2 ul{ width:100%; float:left; margin-top:11px;}
.c_1170_1 .main_2 ul li{ width:48.46%; float:left; border-bottom:solid 1px #404040; line-height:41px; padding-right:80px; position:relative;}
.c_1170_1 .main_2 ul li h5{ width:100%; float:left; font-size:14px; color:#ccc; line-height:38px;}
.c_1170_1 .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:41px; color:#777;}
.c_1170_1 .main_2 ul li.l1{ float:right;}
.c_1170_1 .main_2 ul li:hover h5{ color:#fff;}
.c_1170_1 .main_3{ width:100%; float:left; margin-top:18px;}
.c_1170_1 .main_3 h5{ width:50%; float:left; font-size:14px; color:#a4a4a4; line-height:20px;}
.c_1170_1 .main_3 h5 a{ color:#a4a4a4; display:inline-block; *zoom:1; *display:inline; vertical-align:top; max-width:80%;}
.c_1170_1 .main_3 h5.last{ text-align:right;}
.c_1170_1 .main_3 h5:hover,.c_1170_1 .main_3 h5:hover a{ color:white;}


/*案例详情*/
.c_1170_2{ width:100%; float:left; padding:60px 0 0 0;}
.proStaile{ padding: 48px 0 2.56% 0;}
.proStaile h2{ color: #fff; font-size: 24px; line-height: 1.25; text-align: center;}
.proStaile .staileLine{ text-align: center; padding: 28px 0 0 0; line-height: 0;}
.proStaile .staileLine span{ display: inline-block; width: 50px; height: 2px; background: #8d8d8d;}

.slideBack{ background: url("images/zbg7.jpg") 0 center repeat-x;}
.slideOut{ position: relative; padding:0 100px;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #333;
}
.slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 0%;
    z-index: 2;
    opacity: 0.7;
    background: #333;
}
.slide .img2 img{ width:100%; float:left;}
.slide .img3{
    width: 60.64%;
    height: 98%;
    top: 1%;
    left: 20.68%;
    z-index: 3;
}
.slide .img4{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 67%;
    z-index: 2;
    opacity: 0.7;
    background: #333;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
}
.butLeft,
.butRight{ position: absolute; left: 20px; top: 50%; margin-top: -31px; width:32px; height: 62px; background: url("images/btn5.png") no-repeat left center; outline: 0; z-index: 20; opacity:0.15;}
.butRight{ background-position:right center; left:auto; right:20px;}
.butLeft:hover,
.butRight:hover{ opacity:1;}

.proStaileContent .content{ color: #ccc; font-size: 14px; line-height: 30px; text-indent:2em; padding-bottom:50px;}

.zbg4{ background:url(images/zbg8.jpg) no-repeat center center; height:353px; background-size:cover;}
.zbg4 .c600_fx{ width:50%; float:left; text-align:center; height:353px; line-height:353px;}
.zbg4 .c600_fx .bdsharebuttonbox{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle;}
.zbg4 .c600_fx .bdsharebuttonbox a{ display:block; float:left; width:40px; height:40px; margin:0 10px !important; padding:0 !important; background:white;background:rgba(255,255,255,0.2); background-repeat:no-repeat; background-position:center center; background-size:contain;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.zbg4 .c600_fx .bdsharebuttonbox a.a1{ background-image:url(images/zico16.png);}
.zbg4 .c600_fx .bdsharebuttonbox a.a2{ background-image:url(images/zico17.png);}
.zbg4 .c600_fx .bdsharebuttonbox a.a3{ background-image:url(images/zico18.png);}
.zbg4 .c600_fx .bdsharebuttonbox a.a4{ background-image:url(images/zico19.png);}
.zbg4 .c600_fx .bdsharebuttonbox a.a5{ background-image:url(images/zico20.png);}
.zbg4 .c600_tex{ width:50%; float:left; padding:86px 12px 20px 41px;}
.zbg4 .c600_tex .title{ width:100%; float:left; font-size:24px; color:white; line-height:32px; position:relative;}
.zbg4 .c600_tex .title h1{ position:absolute; left:34px; top:-17px;}
.zbg4 .c600_tex .p{ width:100%; float:left; font-size:14px; color:white; line-height:27px; margin-top:48px;}


/*公司介绍*/
.c_1170_4{ width:100%; float:left;}
.c_1170_4 .content1{ width:100%; float:left; padding:60px 0; position:relative;}
.c_1170_4 .content1 .c_586{ width:50%; border-right:solid 1px #313132; padding:9px 43px 9px 0; float:left;}
.c_1170_4 .content1 .c_586 .text{ width:100%; float:left; padding:0 43px 0 52px; background:url(images/bg3.png) no-repeat center top; background-size:contain;}
.c_1170_4 .content1 h4{ width:100%; float:left; font-size:24px; color:white; line-height:30px;}
.c_1170_4 .content1 .p_1{ width:100%; float:left; font-size:14px; color:white; line-height:33px; margin-top:11px;}
.c_1170_4 .content1 .c_586 .text h3{ width:100%; float:left; font-size:24px; color:#444; line-height:48px; margin-top:30px; font-family:Arial; text-transform:uppercase;}
.c_1170_4 .content1 .c_584{ width:50%; float:left; padding-left:42px; padding-right:232px;}
.c_1170_4 .content1 .c_586 .text h3 img{ vertical-align:middle; margin:-3px 18px 0 0;}
.c_1170_4 .content1 .img_1{ position:absolute; right:30px; bottom:0;}
.c_1170_3{ width:100%; float:left; padding:56px 0 60px 0;}
.c_1170_3 .content1{ padding-left:35.98%; position:relative; min-height:283px; padding-bottom:30px; float:left;}
.c_1170_3 .content1 .img{ width:350px; position:absolute; left:0; bottom:-20px; text-align:center;}
.c_1170_3 .content1 h1{ width:100%; float:left; font-size:60px; color:#3c3c3c; line-height:1; text-transform:uppercase;font-family: 'OPENSANS-BOLD';}
.c_1170_3 .content1 h4{ width:100%; float:left; font-size:24px; color:#fff; line-height:31px; margin-top:40px;}
.c_1170_3 .content1 .p{ width:100%; float:left; font-size:14px; color:#fff; line-height:26px; margin-top:17px;}
.c_1170_3 .content2{ width:100%; float:left; position:relative; z-index:6;}
.c_1170_3 .content2 ul{ width:100%; float:left;}
.c_1170_3 .content2 ul li{ width:25%; float:left; text-align:center; padding:33px 30px 35px 30px;}
.c_1170_3 .content2 ul li .ico{ width:100%; height:69px;}
.c_1170_3 .content2 ul li .ico img{ height:100%;}
.c_1170_3 .content2 ul li h4{ width:100%; float:left; margin-top:17px; font-size:22px; color:white; line-height:32px;}
.c_1170_3 .content2 ul li h5{ width:100%; float:left; font-size:18px; color:white; line-height:25px; text-transform:uppercase; font-family:Arial; opacity:0.5;}
.c_1170_3 .content2 ul li.l1{ background:#444444; box-shadow:9px 0 57px rgba(0,0,0,0.25);}
.c_1170_3 .content2 ul li.l2{ background:#333; box-shadow:9px 0 57px rgba(0,0,0,0.25);}
.c_1170_3 .content2 ul li.l3{ background:#272727; box-shadow:9px 0 57px rgba(0,0,0,0.25);}
.c_1170_3 .content2 ul li.l4{ background:#1f1f1f; box-shadow:9px 0 57px rgba(0,0,0,0.25);}
.zbg5{ background:url(images/zbg10.jpg) no-repeat center center; background-size:cover; height:539px; position:relative; width:100%; float:left;}
.zbg5 .c_646{ width:646px; height:361px; float:right; margin-top:89px; overflow:hidden; padding:59px 34px 20px 36px; background:white;background:rgba(255,255,255,0.8);}
.zbg5 .c_646 .title{ width:100%; float:left; font-size:24px; color:balck; line-height:31px;}
.zbg5 .c_646 .p{ width:100%; float:left; font-size:14px; color:balck; line-height:26px; margin-top:17px; text-indent:2em; letter-spacing:1px;}










@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('fonts/OPENSANS-BOLD.eot');
	src: local('?'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}
