* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
} 
body {margin:0px auto; background: #fff; color:#333; font-family:微软雅黑,sans-serif; width: 100%; font-size: 12px; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#333; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:hover{color:#b80000; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'Futura';
	src:url('../font/Futura.eot'); 
	src: 
		url('../font/Futura.eot?#iefix') format('embedded-opentype'), 
		url('../font/Futura.woff') format('woff'), 
		url('../font/Futura.ttf') format('truetype'), 
		url('../font/Futura.svg#aGENCYR') format('svg');
}
@font-face {
	font-family: 'cour';
	src:url('../font/cour.eot'); 
	src: 
		url('../font/cour.eot?#iefix') format('embedded-opentype'), 
		url('../font/cour.woff') format('woff'), 
		url('../font/cour.ttf') format('truetype'), 
		url('../font/cour.svg#aGENCYR') format('svg');
}
@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.eot'); 
	src: 
		url('../font/BEBAS.eot?#iefix') format('embedded-opentype'), 
		url('../font/BEBAS.woff') format('woff'), 
		url('../font/BEBAS.ttf') format('truetype'), 
		url('../font/BEBAS.svg#aGENCYR') format('svg');
}

.main{width: 100%; margin: 0 auto; position: relative;}




/* 头部导航 */
.top{position: fixed; left: 0px; top: 0px; background: #fff; width: 100%; height: 80px; z-index: 999999; padding: 0 60px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top .main{width: auto; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.top .main:after{display: block; content: ""; clear: both;}
.top h1{float: left; line-height: 80px;}
.top h1 img{display: inline; vertical-align: middle;}
/*导航*/
.nav {float: right; margin-right: 65px;}
.nav ul{position: relative; z-index: 10;}
.nav ul li{position:relative; margin-left: 55px; float:left; z-index:50; text-align: center;}
.nav ul li a{position: relative; display:block; font-size:16px; height: 80px; line-height: 80px; overflow: hidden; white-space: nowrap;}
/*.nav ul li a:after{position: absolute; left: 50%; margin-left: -10px; bottom: 20px; display: block; content: ""; width: 1px; height: 3px; background: #fff; transition: all 1s;}*/
.nav > ul > li > a:after{position: absolute; left: 50%; margin-left: -10px; bottom: 20px; display: block; content: ""; width: 20px; height: 3px; background: #b80000; opacity: 0;}
.nav > ul > li > a:hover:after,
.nav > ul > li > a.on:after,
.nav > ul > li > a.selected:after{opacity: 1;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{color: #b80000}

* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; margin-left: -25px; width:120px; visibility:hidden; z-index:999999;}
.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}
.nav ul li ul li:before{display: none;}
.nav ul li ul li a{overflow:hidden; border-left: none!important; line-height:45px; height:45px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#b80000; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}

.nav > ul > li > a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


.r_menu_sb{position: fixed; right: 17px; top: 50%; margin-top: 120px; z-index: 999;}
.r_menu_sb i{display: block; color: #b80000; text-align: center;}
.r_menu_sb i:first-child+i{font-size: 30px;}

/*.ewsd-hd .nav a:hover {
height: 60px;
border-bottom: 4px solid #4cb803;
}*/
.nav-active{color: #b80000!important;}
.nav-active:after{width: 20px!important; background: #b80000!important;}


@media screen and (min-width: 992px) and (max-width: 1199px){
	.top{padding: 0 40px;}
	.nav ul li{margin-left: 40px;}
	.right#fp-nav{right: 5px!important;}
	
	.r_menu_sb{right: 5px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.top{padding: 0 25px;}

	.nav{display: none;}
	
	.nav__trigger{right: 15px!important;}
	
	.right#fp-nav{right: 5px!important;}
	
	.r_menu_sb{right: 5px;}
}
@media screen and (max-width: 767px){
	.top{padding:0 15px; height: 60px;}
	.top .main{border: none;}
	.top h1{height: 60px; line-height: 60px;}
	.top h1 img{height: 60%;}
	
	.nav{display: none;}
	
	.nav__trigger{top: 20px!important; right: 5px!important;}
	
	.right#fp-nav{right: 5px!important;}
	
	.r_menu_sb{right: 8px; margin-top: 100px;}
	.r_menu_sb i{font-size: 12px;}
	.r_menu_sb i:first-child+i{font-size: 20px;}
	
	/**/
	#fp-nav ul li,
	.fp-slidesNav ul li,
	#fp-nav ul li a span,
	.fp-slidesNav ul li a span{width: 25px; height: 25px; line-height: 25px;}
}


@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.m_menu_list > li{float: none; width: auto; overflow: hidden;}
	.m_menu_list > li:first-child{margin-bottom: 20px;}
	.m_menu_list > li > a{font-size: 16px;}
	.m_menu_list > li > a:after{margin-top: 10px; margin-bottom: 5px; width: 20px;}
	.m_menu_list > li ul{margin-bottom: 20px; overflow: hidden;}
	.m_menu_list > li ul li{float: left; margin-right: 20px;}
	.m_menu_list > li ul li a{line-height: 28px;}
}
@media screen and (max-width: 767px){
	.m_menu_list > li{float: none; width: auto; overflow: hidden;}
	.m_menu_list > li:first-child{margin-bottom: 20px;}
	.m_menu_list > li > a{font-size: 16px;}
	.m_menu_list > li > a:after{margin-top: 10px; margin-bottom: 5px; width: 20px;}
	.m_menu_list > li ul{margin-bottom: 20px; overflow: hidden;}
	.m_menu_list > li ul li{float: left; margin-right: 20px;}
	.m_menu_list > li ul li a{line-height: 28px;}
}



#ewsd {
}
/*幻灯片*/
.banner{position: relative; height: 100%;}
.banner img {height: 100%;}
.banner .slick-list{height: 100%;}
.banner .slick-list .slick-track{height: 100%;}
.banner .slick-list .slick-track .slick-slide{height: 100%;}
.banner .slick-list .slick-track .slick-slide a{display: block; height: 100%; background-size:cover!important;}

.banner .slick-prev,
.banner .slick-next{background: none;}
.banner .slick-prev{left: 60px;}
.banner .slick-next{right: 60px;}

.banner_zs{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 135px; background: rgba(0,0,0,0.1); z-index: 999;}
.banner_zs em{position: absolute; left: 60px; top: 35px; font-family: "Futura"; text-transform: uppercase; color: #cdcdcd; font-style: normal; font-size: 12px; font-weight: 100; line-height: 28px;}
.banner_zs span{display: block; text-align: center; color: #cdcdcd; font-family: "Futura"; text-transform: uppercase; font-weight: 100;}
.banner_zs span i{display: block; margin-top: 35px; margin-bottom: 10px; font-size: 36px; color: #fff;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.banner_zs{height: 100px;}
	.banner_zs em{left: 15px; top: 25px; line-height: 22px;}
	.banner_zs span i{margin-top: 20px; font-size: 26px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.banner img{width: auto;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.banner img{width: auto;}
	
	.banner_zs{height: 100px;}
	.banner_zs em{left: 15px; top: 25px; line-height: 22px;}
	.banner_zs span i{margin-top: 20px; font-size: 26px;}
}
@media screen and (max-width: 767px){
	.banner .slick-prev i,
	.banner .slick-next i{font-size: 30px;}
	
	.banner img{width: auto;}
	.banner .slick-dots {bottom:100px!important;}
	
	.banner_zs{height: 80px;}
	.banner_zs em{left: 15px; top: 15px; line-height: 22px;}
	.banner_zs span i{margin-top: 15px; font-size: 20px;}
}


/**/
.section {
    position: relative;
    overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.section .fgx{position: absolute; left: 60px; right: 60px; height: 1px; z-index: 999;}
.section .fgx li{position: absolute; top: 0px; width: 1px; height: 1920px; background: rgba(0,0,0,0.03);}
.section .fgx li:first-child{left: 0px;}
.section .fgx li:first-child+li{left: 25%;}
.section .fgx li:first-child+li+li{left: 50%;}
.section .fgx li:first-child+li+li+li{left: 75%;}
.section .fgx li:first-child+li+li+li+li{left: 100%;}

.section_table_cell{display: table-cell; vertical-align: middle; padding: 0 60px;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.section .fgx{left: 40px; right: 40px;}
	
	.section_table_cell{padding: 0 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.section .fgx{left: 25px; right: 25px;}
	
	.section_table_cell{padding: 0 25px;}
}
@media screen and (max-width: 767px){
	.section .fgx{display: none;}
	
	.section_table_cell{padding: 0 15px;}
}





.part1{position: absolute; top: 120px; left: 60px; right: 60px; z-index: 999;}
.part1 h2{padding-bottom: 12px; font-size: 32px; color: #000; line-height: 1; font-weight: normal;}
.part1 h3{font-size: 18px; color: #888; font-family: "Futura"; line-height: 1; text-transform: uppercase; font-weight: 100;}
.part1 h3:after{margin-top: 20px; display: block; content: ""; width: 30px; height: 2px; background: #aa0000;}
.part1 span{position:absolute; right: 0px; bottom: 10px; font-size: 16px;}
.part1 span em{float: right; margin-left: 20px; margin-right: 10px; margin-top: -10px; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ebebeb; transform:rotate(45deg);}
.part1 span i{position: absolute; right: 23px; top: 2px; z-index: 2; color: #cacaca; font-size: 13px;}
.part1 span a{display: block; color: #888;}
.part1 span a:hover{color: #b80000;}
.part1 span a:hover em{border-color: #b80000;}
.part1 span a:hover i{color: #b80000;}
.part1 span em,
.part1 span i{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.part1 ul{position:absolute; right: 0px; bottom: 10px; overflow: hidden;}
.part1 ul li{float: left; margin-left: 45px; font-size: 16px;}

.part101 span{display: none;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.part1 h2{font-size: 24px;}
	.part1 h3{font-size: 14px;}
	.part1 h3:after{margin-top: 15px;}
	.part1 span{font-size: 14px;}
	.part1 span em{margin-left: 15px; margin-right: 7px; margin-top: -8px; width: 35px; height: 35px;}
	.part1 span i{right: 18px; top: 4px;}
	
	.part1 ul li{font-size: 14px; margin-left: 35px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part1{left: 45px; right: 45px;}
	.part1 h2{font-size: 24px;}
	.part1 h3{font-size: 14px;}
	.part1 h3:after{margin-top: 15px;}
	.part1 span{font-size: 14px;}
	.part1 span em{margin-left: 15px; margin-right: 0px; margin-top: -8px; width: 35px; height: 35px;}
	.part1 span i{right: 12px; top: 4px;}
	
	.part1 ul li{font-size: 14px; margin-left: 35px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part1{left: 25px; right: 25px;}
	.part1 h2{padding-bottom: 10px; font-size: 24px;}
	.part1 h3{font-size: 14px;}
	.part1 h3:after{margin-top: 15px;}
	.part1 span{font-size: 12px;}
	.part1 span em{margin-left: 10px; margin-right: 0px; margin-top: -5px; width: 25px; height: 25px;}
	.part1 span i{right: 8px; font-size: 12px;}
	
	.part1 ul li{font-size: 12px; margin-left: 20px;}
}
@media screen and (max-width: 767px){
	.part1{top: 80px; left: 15px; right: 15px;}
	.part1 h2{padding-bottom: 8px; font-size: 18px;}
	.part1 h3{font-size: 12px;}
	.part1 h3:after{margin-top: 10px;}
	.part1 span{font-size: 12px;}
	.part1 span em{margin-left: 10px; margin-right: 0px; margin-top: -5px; width: 25px; height: 25px;}
	.part1 span i{right: 8px; font-size: 12px;}
	
	.part1 ul{display: none;}
	
	.part101 span{display:block;}
}


/*服务范围*/
.section2{position: relative;}
.section2:after{display: block; content: ""; position: absolute; right: 60px; top: 0px; width: 1px; height: 100%; background: #f2f2f2; z-index: 999;}
.pro_box{padding: 0 60px; height: 100%;}
.pro_box .slick-slider,
.pro_box .slick-list,
.pro_box .slick-track{height: 100%;}
.pro_box .pro_list{display:inline; height: 100%; position: relative; background: #fff; border-left: 1px solid #f2f2f2; z-index: 1;}
.pro_box .pro_list a{display: block; height: 100%; position: relative;}
.pro_box .pro_list .con{padding: 100% 30px 0 30px;}
.pro_box .pro_list .con h2{padding-bottom: 15px; font-size: 30px; line-height: 1; color: #333; font-weight: normal;}
.pro_box .pro_list .con h3{padding-bottom: 40px; font-size: 18px; line-height: 1; color: #333; font-family: "Futura"; font-weight: 100;}
.pro_box .pro_list .con h4{padding-bottom: 15px; font-size: 14px; line-height: 28px; color: #333; font-weight: normal;}
.pro_box .pro_list .con p{margin-bottom: 30px; height: 84px; font-size: 14px; line-height: 28px; color: #a9a9a9; }
.pro_box .pro_list .con i{margin-bottom: 80px; display: block; font-size: 80px; color: #eaeaea; font-weight: 100;}
.pro_box .pro_list .con em{font-size: 24px; color: #2b2b2b;}

.pro_box .pro_list .h_bg{position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; background-size:cover!important; opacity: 0.1;}
.pro_box .pro_list:first-child .h_bg{background:url("../images/fw_bg1.jpg") no-repeat center;}
.pro_box .pro_list:first-child+div .h_bg{background:url("../images/fw_bg2.jpg") no-repeat center;}
.pro_box .pro_list:first-child+div+div .h_bg{background:url("../images/fw_bg3.jpg") no-repeat center;}
.pro_box .pro_list:first-child+div+div+div .h_bg{background:url("../images/fw_bg4.jpg") no-repeat center;}
.pro_box .pro_list:first-child+div+div+div+div .h_bg{background:url("../images/fw_bg5.jpg") no-repeat center;}

.pro_box .pro_list a:hover h2,
.pro_box .pro_list a:hover h3,
.pro_box .pro_list a:hover i{color: #b80000;}
.pro_box .pro_list a:hover .h_bg{opacity: 1;}

.pro_box .pro_list .con h2,
.pro_box .pro_list .con h3,
.pro_box .pro_list .con h4,
.pro_box .pro_list .con p,
.pro_box .pro_list .con i,
.pro_box .pro_list .con em,
.pro_box .pro_list .h_bg{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.pro_box .slick-dots{bottom: 20px;}
.pro_box .slick-dots li button{background: #ccc;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.pro_box .pro_list .con{padding-left: 20px; padding-right: 20px;}
	.pro_box .pro_list .con h2{font-size: 24px;}
	.pro_box .pro_list .con h3{padding-bottom: 20px; font-size: 16px;}
	.pro_box .pro_list .con h4{padding-bottom: 10px; line-height: 24px;}
	.pro_box .pro_list .con p{margin-bottom: 30px; font-size: 12px; line-height: 24px;}
	.pro_box .pro_list .con i{margin-bottom: 30px; font-size: 50px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.section2:after{right: 40px;}
	.pro_box{padding: 0 40px;}
	.pro_box .pro_list .con{padding-left: 20px; padding-right: 20px;}
	.pro_box .pro_list .con h2{font-size: 24px;}
	.pro_box .pro_list .con h3{padding-bottom: 30px; font-size: 16px;}
	.pro_box .pro_list .con h4{padding-bottom: 10px; line-height: 24px;}
	.pro_box .pro_list .con p{margin-bottom: 20px; font-size: 12px; line-height: 24px;}
	.pro_box .pro_list .con i{margin-bottom: 60px; font-size: 65px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.section2:after{right: 25px;}
	.pro_box{padding: 0 25px;}
	.pro_box .pro_list .con{padding-left: 20px; padding-right: 20px;}
	.pro_box .pro_list .con h2{font-size: 22px;}
	.pro_box .pro_list .con h3{padding-bottom: 20px; font-size: 14px;}
	.pro_box .pro_list .con h4{padding-bottom: 10px; line-height: 24px;}
	.pro_box .pro_list .con p{margin-bottom: 10px; height: auto; font-size: 12px; line-height: 24px;}
	.pro_box .pro_list .con i{margin-bottom: 40px; font-size: 50px;}
}
@media screen and (max-width: 767px){
	.section2:after{display: none;}
	.pro_box{padding: 0 0;}
	.pro_box .pro_list{border-left: none;}
	.pro_box .pro_list .con{padding: 50% 65px 0 15px;}
	.pro_box .pro_list .con h2{font-size: 20px;}
	.pro_box .pro_list .con h3{padding-bottom: 20px; font-size: 14px;}
	.pro_box .pro_list .con h4{padding-bottom: 10px; line-height: 24px;}
	.pro_box .pro_list .con p{margin-bottom: 10px; height: auto; font-size: 12px; line-height: 24px;}
	.pro_box .pro_list .con i{margin-bottom: 40px; font-size: 50px;}
	
}


/*案例分享*/
.section3{background: #f4f4f4; display: table;}


.list1{margin-left: -20px; margin-top: 100px;}
.list1:after{display: block; content: ""; clear: both;}
.list1 li{float: left; width: 25%;}
.list1 li a{display: block; margin-left: 20px; margin-bottom: 20px; position: relative;}
.list1 li span{display: block; position: relative; padding-bottom: 56.25%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.list1 li .con{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; color: #fff; padding: 30px;}
.list1 li .con:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 0%; display: block; content: ""; background: #b80000; opacity: 0.5; z-index: -1;}
.list1 li .con h2{padding-bottom: 15px; font-size: 24px; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; opacity: 0;}
.list1 li .con h3{font-size: 14px; opacity: 0; font-weight: normal; line-height: 1; font-family: "cour";}
.list1 li .con h3:after{margin-top: 20px; display: block; content: ""; width: 20px; height: 2px; background: #fff;}
.list1 li .con i{position: absolute; right: 30px; bottom: 30px; width: 50px; height: 50px; background: #000; text-align: center; line-height: 45px; font-style: normal; font-size: 34px; font-weight: 100; opacity: 0;}
.list1 li a:hover .con:after{height: 100%;}
.list1 li a:hover .con h2{opacity: 1;}
.list1 li a:hover .con h3{opacity: 0.8;}
.list1 li a:hover .con i{opacity: 1;}
.list1 li .con,
.list1 li .con:after,
.list1 li .con h2,
.list1 li .con h3,
.list1 li .con i{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.list1{margin-top: 170px;}
	.list1 li .con{padding: 25px;}
	.list1 li .con h2{padding-bottom: 10px; font-size: 22px;}
	.list1 li .con h3{font-size: 12px;}
	.list1 li .con h3:after{margin-top: 15px;}
	.list1 li .con i{right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 30px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list1 li .con{padding: 20px;}
	.list1 li .con h2{padding-bottom: 10px; font-size: 20px;}
	.list1 li .con h3{font-size: 12px;}
	.list1 li .con h3:after{margin-top: 15px;}
	.list1 li .con i{right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list1 li .con{padding: 15px;}
	.list1 li .con h2{padding-bottom: 10px; font-size: 16px;}
	.list1 li .con h3{font-size: 12px;}
	.list1 li .con h3:after{margin-top: 10px;}
	.list1 li .con i{right: 10px; bottom: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 20px;}
}
@media screen and (max-width: 767px){
	.list1{margin-left: -15px;}
	.list1 li{width: 50%;}
	.list1 li:nth-child(7),
	.list1 li:nth-child(8){display: none;}
	.list1 li a{margin-left: 15px;}
	.list1 li .con{padding: 15px;}
	.list1 li .con h2{padding-bottom: 10px; font-size: 16px;}
	.list1 li .con h3{font-size: 12px;}
	.list1 li .con h3:after{margin-top: 10px;}
	.list1 li .con i{right: 10px; bottom: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 20px;}
}


/*关于我们*/
.section4{background: url("../images/about_bg.png") no-repeat center bottom; background-size:cover; display: table;}

.about_box{display: table-cell; vertical-align: middle; padding: 0 60px; overflow: hidden;}
.about_con{float: left; width: 44%; margin-top: 30px; }
.about_con p{font-size: 14px; line-height: 32px; color: #888;}
.about_con p span{padding-top: 20px; display: block; font-size: 24px; text-transform: uppercase; color: #222; font-family: "Futura";}
.about_con ul{padding-top: 60px;}
.about_con ul:after{display: block; content: ""; clear: both;}
.about_con ul li{float: left; width: 33.33%;}
.about_con ul li h2{font-family: "BEBAS"; font-size: 70px; color: #222; line-height: 1; font-weight: normal;}
.about_con ul li h2 i{padding-left: 10px; font-size: 20px; font-weight: normal; font-style: normal;}
.about_con ul li span{display: block; padding-top: 15px; font-size: 14px; color: #999;}

.about_list{float: right; width: 50%; overflow: hidden; margin-top: 30px;}
.about_list li{float: left; width: 50%;}
.about_list li a{display: block; position: relative; background: #727272; height: 190px; color: #fff; padding: 25px 35px; z-index: 1;}
.about_list li a:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 0%; height: 100%; background: #b80000; z-index: -1;}
.about_list li h2{font-size: 24px; font-weight: normal; line-height: 1; font-family: "Futura";}
.about_list li h3{padding-top: 20px; font-size: 16px; line-height: 1; font-weight: normal;}
.about_list li h3:after{margin-top: 20px; display: block; content: ""; width: 20px; height: 2px; background: #fff;}
.about_list li i{position: absolute; right: 55px; bottom: -6px; font-size: 90px;}

.about_list li:first-child+li a{background: #c6c6c6;}
.about_list li:first-child+li+li a{background: #9a9a9a;}
.about_list li:first-child+li+li+li a{background: #727272;}

.about_list li a:hover:after{width: 100%;}

.about_list li a:after{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.about_con{margin-top: 170px;}
	.about_con p{font-size: 13px; line-height: 28px;}
	.about_con p span{font-size: 22px;}
	.about_con ul{padding-top: 40px;}
	.about_con ul li h2{font-size: 55px;}
	.about_con ul li h2 i{font-size: 18px;}
	
	.about_list{margin-top: 170px;}
	.about_list li a{padding: 20px 25px; height: 160px;}
	.about_list li h2{font-size: 20px;}
	.about_list li h3{padding-top: 15px; font-size: 14px;}
	.about_list li i{right: 40px; font-size: 50px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.about_con{margin-top: 100px;}
	.about_con p{font-size: 12px; line-height: 24px;}
	.about_con p span{font-size: 22px;}
	.about_con ul{padding-top: 40px;}
	.about_con ul li h2{font-size: 55px;}
	.about_con ul li h2 i{font-size: 18px;}
	
	.about_list{margin-top: 100px;}
	.about_list li a{padding: 20px 25px; height: 160px;}
	.about_list li h2{font-size: 20px;}
	.about_list li h3{padding-top: 15px; font-size: 14px;}
	.about_list li i{right: 40px; font-size: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.about_con{float: none; width: auto; margin-top: 100px;}
	.about_con p{font-size: 12px; line-height: 24px;}
	.about_con p span{font-size: 18px;}
	.about_con ul{padding-top: 40px;}
	.about_con ul li h2{font-size: 40px;}
	.about_con ul li h2 i{font-size: 16px;}
	.about_con ul li span{padding-top: 10px; font-size: 12px;}
	
	.about_list{float: none; width: auto;}
	.about_list li{width: 25%;}
	.about_list li a{padding: 20px 25px; height: 120px;}
	.about_list li h2{font-size: 16px;}
	.about_list li h3{padding-top: 10px; font-size: 14px;}
	.about_list li h3:after{margin-top: 15px;}
	.about_list li i{right: 20px; font-size: 40px;}
}
@media screen and (max-width: 767px){
	.about_con{float: none; width: auto; margin-top: 100px;}
	.about_con p{height: 144px; overflow: hidden; font-size: 12px; line-height: 24px;}
	.about_con ul{padding-top: 20px;}
	.about_con ul li h2{font-size: 30px;}
	.about_con ul li h2 i{font-size: 14px;}
	.about_con ul li span{padding-top: 10px; font-size: 12px;}
	
	.about_list{float: none; width: auto;}
	.about_list li{width: 50%;}
	.about_list li a{padding: 15px 10px; height: 80px;}
	.about_list li h2{font-size: 14px;}
	.about_list li h3{padding-top: 10px; font-size: 14px;}
	.about_list li h3:after{margin-top: 10px;}
	.about_list li i{right: 20px; font-size: 30px;}
}


/*动态视角*/
.section5{background: #f4f4f4; display: table;}

.list2{margin-top: 120px;}
.list2:after{display: block; content: ""; clear: both;}
.list2 li{float: left; width: 25%;}
.list2 li a{display: block; padding-right: 75px; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #ececec;}
.list2 li h2{padding-bottom: 25px; font-size: 20px; font-weight: normal; line-height: 1; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 li span{display: block; padding-bottom: 20px; color: #999; font-size: 14px; line-height: 1; font-family: "cour";}
.list2 li p{color: #999; font-size: 14px; line-height: 28px; height: 56px; overflow: hidden;}
.list2 li i{display: block; padding-top: 15px; font-size: 30px; color: #cacaca;}

.list2 li:first-child+li+li+li+li a,
.list2 li:first-child+li+li+li+li+li a,
.list2 li:first-child+li+li+li+li+li+li a,
.list2 li:first-child+li+li+li+li+li+li+li a{border-bottom: none;}

.list2 li a:hover{background: #ececec;}
.list2 li a:hover h2,
.list2 li a:hover i{color: #b80000;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.list2{margin-top: 190px;}
	.list2 li a{padding-right: 50px; padding-top: 30px; padding-bottom: 20px;}
	.list2 li h2{padding-bottom: 20px; font-size: 18px;}
	.list2 li span{padding-bottom: 15px; font-size: 12px;}
	.list2 li p{font-size: 12px;}
	.list2 li i{padding-top: 10px; font-size: 24px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.list2{margin-top: 160px;}
	.list2 li a{padding-right: 30px; padding-top: 25px; padding-bottom: 25px;}
	.list2 li h2{padding-bottom: 20px; font-size: 18px;}
	.list2 li span{padding-bottom: 15px; font-size: 12px;}
	.list2 li p{font-size: 12px;}
	.list2 li i{padding-top: 10px; font-size: 24px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list2{margin-top: 140px;}
	.list2 li{width: 50%;}
	.list2 li a{padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
	.list2 li h2{padding-bottom: 15px; font-size: 16px;}
	.list2 li span{padding-bottom: 10px; font-size: 12px;}
	.list2 li p{font-size: 12px;}
	.list2 li i{padding-top: 10px; font-size: 24px;}
	.list2 li:nth-child(7),
	.list2 li:nth-child(8){display: none;}
}
@media screen and (max-width: 767px){
	.list2{margin-top: 120px; margin-left: -15px;}
	.list2 li{width: 100%;}
	.list2 li a{padding-right: 65px; padding-left: 15px; padding-top: 15px; padding-bottom: 10px;}
	.list2 li h2{padding-bottom: 10px; font-size: 14px;}
	.list2 li span{padding-bottom: 5px; font-size: 12px;}
	.list2 li p{height: auto; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.list2 li i{padding-top: 0; font-size: 20px;}
	.list2 li:nth-child(5),
	.list2 li:nth-child(6),
	.list2 li:nth-child(7),
	.list2 li:nth-child(8){display: none;}
}




/*联系我们*/
.section6{background:url("../images/lxwm_bg.jpg") no-repeat center; background-size: cover; display: table; color: #fff;}

.part2{text-align: center;}
.part2 h2{font-size: 40px; font-weight: normal; line-height: 1;}
.part2 h3{padding-top: 20px; padding-bottom: 50px; font-size: 18px; line-height: 1; opacity: 0.5; font-family: "Futura"; font-weight: normal; text-transform: uppercase;}
.part2 h4{font-size: 40px; font-family: "Futura"; line-height: 1; font-weight: normal;}

.f_ewm{padding-top: 40px; padding-bottom: 40px; text-align: center;}
.f_ewm li{margin: 0 18px; display: inline-block; border: 1px solid #515151; padding: 10px;}
.f_ewm li span{background: #fff; display: block; padding: 5px; color: #999; line-height: 25px;}
.f_ewm li span img{width: 105px; height: 105px;}

.f_lxwm{width: 1080px; margin: auto;}
.f_lxwm ul{margin-left: -55px;}
.f_lxwm ul:after{display: block; content: ""; clear: both;}
.f_lxwm ul li{float: left; width: 25%;}
.f_lxwm ul li span{display: block; margin-left: 55px; background: #393939; text-align: center; padding-top: 30px; padding-bottom: 20px; border-radius: 5px;}
.f_lxwm ul li i{margin-bottom: 22px; display: block; height: 30px; line-height: 30px; font-size: 30px; font-weight: 100;}
.f_lxwm ul li h2{font-size: 14px; font-weight: normal; line-height: 1;}
.f_lxwm ul li h2 em{font-style: normal; font-family: "Futura";}
.f_lxwm ul li:hover span{background: #313131;}
.f_lxwm ul li span{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.foot{position: absolute; left: 0px; bottom: 0px; right: 0px; background: #1b1b1b; line-height: 50px; text-align: center; color: #a4a4a4;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.part2{margin-top: 40px;}
	.part2 h2{font-size: 28px;}
	.part2 h3{padding-top: 15px; padding-bottom: 20px; font-size: 16px;}
	.part2 h4{font-size: 36px;}
	
	.f_ewm{padding-top: 30px; padding-bottom: 35px;}
	.f_ewm li{margin: 0 15px; padding: 8px;}
	.f_ewm li span img{width: 100px; height: 100px;}
	
	.f_lxwm{width: auto;}
	
	.f_lxwm ul{margin-left: -40px;}
	.f_lxwm ul li span{margin-left: 40px; padding-top: 25px; padding-bottom: 15px;}
	.f_lxwm ul li i{margin-bottom: 20px; font-size: 26px; height: 26px; line-height: 26px;}
	
	.foot{line-height: 40px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part2{margin-top: 40px;}
	.part2 h2{font-size: 28px;}
	.part2 h3{padding-top: 15px; padding-bottom: 30px; font-size: 16px;}
	.part2 h4{font-size: 34px;}
	
	.f_ewm{padding-top: 35px; padding-bottom: 35px;}
	.f_ewm li{margin: 0 15px; padding: 8px;}
	.f_ewm li span img{width: 100px; height: 100px;}
	
	.f_lxwm{width: auto;}
	
	.f_lxwm ul{margin-left: -25px;}
	.f_lxwm ul li span{margin-left: 25px;}
	.f_lxwm ul li i{margin-bottom: 20px; font-size: 26px; height: 26px; line-height: 26px;}
	
	.foot{line-height: 40px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part2{margin-top: 20px;}
	.part2 h2{font-size: 24px;}
	.part2 h3{padding-top: 10px; padding-bottom: 20px; font-size: 14px;}
	.part2 h4{font-size: 32px;}
	
	.f_ewm{padding-top: 35px; padding-bottom: 35px;}
	.f_ewm li{margin: 0 10px; padding: 8px;}
	.f_ewm li span img{width: 90px; height: 90px;}
	
	.f_lxwm{width: auto;}
	
	.f_lxwm ul{margin-left: -10px;}
	.f_lxwm ul li{width: 50%;}
	.f_lxwm ul li span{margin-left: 10px; margin-bottom: 10px; padding-top: 25px; padding-bottom: 25px;}
	.f_lxwm ul li i{margin-bottom: 15px; font-size: 24px; height: 24px; line-height: 24px;}
	
	.foot{line-height: 24px; padding: 10px 0;}
}
@media screen and (max-width: 767px){
	.part2 h2{font-size: 20px;}
	.part2 h3{padding-top: 5px; padding-bottom: 10px; font-size: 14px;}
	.part2 h4{font-size: 30px;}
	
	.f_ewm{padding-top: 30px; padding-bottom: 30px;}
	.f_ewm li{margin: 0 10px; padding: 5px;}
	.f_ewm li span img{width: 80px; height: 80px;}
	
	.f_lxwm{width: auto;}
	
	.f_lxwm ul{margin-left: -10px;}
	.f_lxwm ul li{width: 50%;}
	.f_lxwm ul li span{margin-left: 10px; margin-bottom: 10px; padding-top: 15px; padding-bottom: 10px;}
	.f_lxwm ul li i{margin-bottom: 10px; font-size: 20px; height: 20px; line-height: 20px;}
	.f_lxwm ul li h2{font-size: 12px;}
	
	.foot{line-height: 24px; padding: 10px 0;}
}




/*内页样式表*/
.n_bg{background: #f4f4f4;}
.n_main{margin: 0 auto; width: 1200px; position: relative; padding-left: 185px;}
.n_main:after{display: block; content: ""; clear: both;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_main{width: auto; padding-right: 45px; padding-left: 205px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_main{width: auto; padding-left: 25px; padding-right: 25px;}
}
@media screen and (max-width: 767px){
	.n_main{width: auto; padding: 0 15px;}
}

/**/
.n_foot_bg{margin-top: 50px; position: relative; padding-bottom: 100px; background:url("../images/lxwm_bg.jpg") no-repeat center; background-size: cover; color: #fff;}
.n_foot_bg .n_main{padding: 0px 50px;}
.f_menu{padding-top: 50px; padding-bottom: 40px; text-align: center;}
.f_menu li{position: relative; display: inline-block;padding: 0 20px; }
.f_menu li:after{position: absolute; left: 0px; top: 4px; display: block; content: ""; width: 1px; height: 12px; background: #444;}
.f_menu li a,
.f_menu li a:visited{font-size: 14px; color: #bdbdbd;}
.f_menu li a:hover{color: #fff;}
.f_menu li:first-child:after{display: none;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.n_foot_bg .part2{margin-top: 0px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_foot_bg .n_main{padding: 0 45px;}
	.n_foot_bg .part2{margin-top: 0px;}
	.f_menu{padding-top: 40px; padding-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_foot_bg .n_main{padding: 0 25px;}
	.n_foot_bg .part2{margin-top: 0px;}
	.f_menu{padding-top: 30px; padding-bottom: 30px;}
}
@media screen and (max-width: 767px){
	.n_foot_bg{margin-top: 30px;}
	.n_foot_bg .n_main{padding: 0 15px;}
	.f_menu{padding-top: 20px; padding-bottom: 10px;}
	.f_menu li{padding: 0 10px 5px 10px;}
}

/**/
.n_nav{padding-top: 130px; overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; vertical-align: bottom; border-bottom: 1px solid #e7e7e7;}
.n_nav .n_main{padding: 0px;}
.n_nav h2{float: left; font-size: 28px; line-height: 1; font-weight: normal;}
.n_nav span{float: right; padding-top: 10px; font-size: 14px;}
.n_nav span a{margin: 0 5px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_nav{padding-top: 120px; margin-bottom: 25px; padding-bottom: 25px;}
	.n_nav .n_main{padding: 0 45px;}
	.n_nav h2{font-size: 24px;}
	.n_nav span{padding-top: 0px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_nav{padding-top: 120px; margin-bottom: 25px; padding-bottom: 25px;}
	.n_nav .n_main{padding: 0 25px;}
	.n_nav h2{font-size: 20px;}
	.n_nav span{padding-top: 0px;}
}
@media screen and (max-width: 767px){
	.n_nav{padding-top: 75px; margin-bottom: 20px; padding-bottom: 15px; background: #fafafa;}
	.n_nav .n_main{padding: 0 15px;}
	.n_nav h2{display: none;}
	.n_nav span{float: none; display: block;}
}

.class_list{position: absolute; top: 0px; left: 0px; width: 130px; border-left: 2px solid #555;}
.class_list li a{margin-bottom: 10px; position: relative; display: block; padding-left: 24px; line-height: 45px; font-size: 16px;}
.class_list li a:after{display: block; content: ""; position: absolute; left: -2px; top: 0px; width: 2px; height: 0%; background: #b80000;}
.class_list li a:hover,
.class_list li a.on{background: #fff; color: #b80000;}
.class_list li a:hover:after,
.class_list li a.on:after{height: 100%;}
.class_list li a:after{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.class_list{left: 45px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.class_list{display: none;}
}
@media screen and (max-width: 767px){
	.class_list{display: none;}
}

/*右侧*/
.n_right{min-height: 400px;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_right{}
}
@media screen and (max-width: 767px){
	.n_right{float: none; width: auto; min-height: auto;}
}


/*详细页*/
.title{font-size: 26px; color: #000; font-weight: normal; padding: 25px 0 20px 0; line-height: 1;}
.time{margin-bottom: 15px; color: #888; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}
.time li:first-child:before{display: none;}

.content{font-size: 14px; line-height: 220%;}
.content img{max-width: 100%!important; height: auto!important;}

.fy{margin-top: 30px; overflow: hidden; background: #f9f9f9;}
.fy li{float: left; width: 33.33%; font-size: 14px; border-left: 1px solid #fff; line-height: 60px;}
.fy li a{display: block; text-align: center;}
.fy li a i{margin: 0 10px; color: #000; font-size: 16px;}
.fy li:first-child{border-left: none;}
.fy li:first-child a{text-align: left;}
.fy li:first-child+li+li a{text-align: right;}
.fy li a:hover{background: #eaeaea;}
.fy li a:hover i{color: #b80000;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.title{padding: 20px 0 15px 0; font-size: 22px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.title{padding: 10px 0 15px 0; font-size: 20px;}
	.content{font-size: 13px;}
}
@media screen and (max-width: 768px){
	.title{padding: 0 0 10px 0; font-size: 20px; line-height: inherit;}
	.time{text-align: left;}
	.time li{float: left;}
	.time li:last-child{display: none;}
	.content{font-size: 13px;}
	
	.fy li{float: none; width: auto; line-height: 40px; border-top: 1px solid #fff;}
	.fy li:first-child+li{display: none;}
	.fy li a{padding-left: 15px; text-align: left!important;}
	.fy li i{display: none;}
	.fy li:first-child a:before{float: left; display: inline-block; content: "上一篇："}
	.fy li:first-child+li+li a:before{float: left; display: inline-block; content: "下一篇："}
}


/*合作伙伴*/
.img_list1{overflow: hidden; margin-left: -20px;}
.img_list1 li{float: left; width: 20%;}
.img_list1 li a{display: block; margin-left: 20px; margin-bottom: 20px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.img_list1 li span{display: block; position: relative; padding-bottom: 50%;}
.img_list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.img_list1 li{width: 25%;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.img_list1 li{width: 25%;}
}
@media screen and (max-width: 767px){
	.img_list1{margin-left: -15px;}
	.img_list1 li{width: 50%;}
	.img_list1 li a{margin-left: 15px; margin-bottom: 15px;}
}



/*联系我们*/
.n_part1{font-size: 20px; line-height: 1; padding: 25px 0;}

.n_lxwm{overflow: hidden; margin-left: -22px;}
.n_lxwm li{float: left; width: 33.33%;}
.n_lxwm li div{display: block; margin-left: 22px; margin-bottom: 22px; padding: 30px 20px 20px 20px; border-radius: 5px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
.n_lxwm li div h2{padding-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 1;}
.n_lxwm li div p{font-size: 14px; line-height: 30px;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.n_part1{padding: 20px 0; font-size: 18px;}
	
	.n_lxwm li div{padding: 20px 15px 15px 15px;}
	.n_lxwm li div h2{padding-bottom: 10px; font-size: 14px;}
	.n_lxwm li div p{font-size: 12px; line-height: 24px;}
}
@media screen and (max-width: 767px){
	.n_part1{padding: 20px 0; font-size: 18px;}
	
	.n_lxwm{margin-left: 0px;}
	.n_lxwm li{float: none; width: auto; margin-bottom: 15px;}
	.n_lxwm li div{margin-left: 0px; margin-bottom: 10px; padding: 20px 15px 15px 15px;}
	.n_lxwm li div h2{padding-bottom: 10px; font-size: 14px;}
	.n_lxwm li div p{font-size: 12px; line-height: 24px;}
}



/*服务范围*/
.fwfw_con{overflow: hidden;}
.fwfw_con h2{font-size: 22px; font-weight: bold; line-height: 1;}
.fwfw_con h3{padding-top: 20px; padding-bottom: 40px; font-size: 14px; font-weight: normal;}
.fwfw_con dl{margin-bottom: 20px; margin-left: -30px; padding-top: 5px; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.fwfw_con dl dd{float: left; position: relative; margin-left: 30px; line-height: 50px; font-size: 14px;}
.fwfw_con dl dd a{display: block; position: relative;}
.fwfw_con dl dd a:after{display: block; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #b80000; opacity: 0;}
.fwfw_con dl dd a:hover,
.fwfw_con dl dd a.on{color: #b80000;}
.fwfw_con dl dd a:hover:after,
.fwfw_con dl dd a.on:after{opacity: 1;}
.fwfw_con dl dd a:after{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.fwfw_con ul{overflow: hidden; margin-left: -22px;}
.fwfw_con ul li{float: left; width: 33.33%;}
.fwfw_con ul li a{display: block; margin-left: 22px; margin-bottom: 20px; padding: 30px 20px 0 20px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); overflow: hidden;}
.fwfw_con ul li h4{font-size: 20px; font-weight: normal; line-height: 1;}
.fwfw_con ul li h4:after{margin-top: 15px; margin-bottom: 10px; display: block; content: ""; width: 20px; height: 2px; background: #b80000;}
.fwfw_con ul li h5{margin-bottom: 15px; font-size: 14px; height: 300px; line-height: 30px; overflow: hidden; font-weight: normal; color: #555;}
.fwfw_con ul li h6{margin: 0 -20px; padding: 0 20px; line-height: 50px; background: #f7f7f7; text-align: right; font-size: 14px; color: #b80000; font-weight: normal;}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.fwfw_con h2{font-size: 18px;}
	.fwfw_con h3{padding-top: 10px; padding-bottom: 20px; font-size: 12px; line-height: 24px;}
	
	.fwfw_con dl{margin-bottom: 10px; margin-left: -20px;}
	.fwfw_con dl dd{margin-left: 20px; line-height: 40px;}
	
	.fwfw_con ul{margin-left: -15px;}
	.fwfw_con ul li{width: 50%;}
	.fwfw_con ul li a{margin-left: 15px; margin-bottom: 15px; padding: 20px 20px 0 20px;}
	.fwfw_con ul li h4{font-size: 16px;}
	.fwfw_con ul li h5{margin-bottom: 10px; font-size: 12px; line-height: 24px; height: 240px;}
	.fwfw_con ul li h6{line-height: 40px; font-size: 12px;}
}




/*案例分享*/
.case_main{width: 1200px; margin: 0 auto; position: relative;}
.class_list2{overflow: hidden; padding-bottom: 30px;}
.class_list2 li{float: left; font-size: 16px; margin-right: 45px;}
.class_list2 li a:hover,
.class_list2 li a.on{color: #b80000;}

.img_list2{overflow: hidden; margin-left: -20px;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin-left: 20px; margin-bottom: 20px;}
.img_list2 li span{display: block; position: relative; padding-bottom: 56.25%;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.img_list2 li span em{position: absolute; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(184,0,0,0.8); opacity: 0;}
.img_list2 li span i{position: absolute; left: 50%; top: 100%; margin-left: -20px; margin-top: -20px; font-size: 40px; color: #fff; opacity: 0; z-index: 1;}
.img_list2 li .con h2{padding-top: 20px; padding-bottom: 10px; font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list2 li .con p{line-height: 24px; color: #888;}
.img_list2 li .con i{padding-top: 10px; font-size: 35px; color: #bdbdbd;}


.img_list2 li a:hover span em{height: 100%; opacity: 1;}
.img_list2 li a:hover span i{top: 50%; opacity: 1;}

.img_list2 li span em,
.img_list2 li span i{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.case_main{padding: 0 45px; width: auto;}
	
	.img_list2 li span i{font-size: 30px; margin-left: -15px; margin-top: -15px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.case_main{padding: 0 25px; width: auto;}
	.class_list2{display: none;}
	
	.img_list2{margin-left: -20px;}
	.img_list2 li{width: 33.33%;}
	.img_list2 li a{margin-left: 20px; margin-bottom: 15px;}
	.img_list2 li span i{font-size: 30px; margin-left: -15px; margin-top: -15px; }
	.img_list2 li .con h2{padding-top: 15px; padding-bottom: 10px; font-size: 16px;}
	.img_list2 li .con p{line-height: 22px; height: 44px; overflow: hidden;}
	.img_list2 li .con i{font-size: 25px;}
}
@media screen and (max-width: 767px){
	.case_main{padding: 0 15px; width: auto;}
	.class_list2{display: none;}
	
	.img_list2{margin-left: -15px;}
	.img_list2 li{width: 50%;}
	.img_list2 li a{margin-left: 15px; margin-bottom: 10px;}
	.img_list2 li span i{font-size: 30px; margin-left: -15px; margin-top: -15px; }
	.img_list2 li .con h2{padding-top: 15px; padding-bottom: 5px; font-size: 16px;}
	.img_list2 li .con p{line-height: 22px; height: 44px; overflow: hidden;}
	.img_list2 li .con i{font-size: 25px;}
}


.case_con{margin-bottom: 40px; background: #eeeeee; padding-top: 140px; padding-bottom: 25px;}
.case_con dl{border-left: 2px solid #b80000; padding-left: 30px;}
.case_con dl dt{padding-bottom: 20px; font-size: 30px; line-height: 1;}
.case_con dl dd{line-height: 32px; color: #555; font-size: 14px;}
.case_con dl dd span{position: relative; margin-right: 10px; padding-right: 10px; color: #888;}
.case_con dl dd span:after{position: absolute; right: 0px; top: 3px; display: block; content: ""; width: 1px; height: 13px; background: #d9d9d9;}
.case_con dl p{margin-top: 10px; border-top: 1px solid #dedede; padding-top: 20px; color: #888; font-size: 12px;}

.case_con ul{position: absolute; right: 0px; bottom: 55px; border-radius: 5px; overflow: hidden;}
.case_con ul li{float: left; margin-left: 1px; background: #e6e6e6; width: 70px; height: 60px; line-height: 60px;}
.case_con ul li a{display: block; text-align: center; color: #000;}
.case_con ul li a i{color: #000;}
.case_con ul li a:hover{background: #b80000; color: #fff;}
.case_con ul li a:hover i{color: #fff;}
.case_con ul li a i{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.case_con{margin-bottom: 30px; padding-top: 130px;}
	.case_con dl{padding-left: 25px;}
	.case_con dl dt{padding-bottom: 15px; font-size: 28px;}
	.case_con dl dd{}
	.case_con dl p{padding-top: 15px;}
	
	.case_con ul{right: 45px; bottom: 45px;}
	.case_con ul li{width: 60px; height: 50px; line-height: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.case_con{margin-bottom: 20px; padding-top: 120px;}
	.case_con dl{padding-left: 20px;}
	.case_con dl dt{padding-bottom: 10px; font-size: 24px;}
	.case_con dl dd{font-size: 12px; line-height: 28px;}
	.case_con dl p{padding-top: 10px;}
	
	.case_con ul{right: 25px; bottom: 45px;}
	.case_con ul li{width: 60px; height: 50px; line-height: 50px;}
}
@media screen and (max-width: 767px){
	.case_con{margin-bottom: 20px; padding-top: 90px;}
	.case_con dl{padding-left: 15px;}
	.case_con dl dt{padding-bottom: 10px; font-size: 20px;}
	.case_con dl dd{font-size: 12px; line-height: 28px;}
	.case_con dl p{padding-top: 10px;}
	
	.case_con ul{right: 15px; bottom: 45px;}
	.case_con ul li{width: 50px; height: 40px; line-height: 40px;}
}


/*新闻*/
.news_list1{margin-left: -30px;}
.news_list1:after{display: block; content: ""; clear: both;}
.news_list1 li{float: left; width: 50%;}
.news_list1 li a{display: block; margin-left: 30px; margin-bottom: 20px; background: #fff; padding: 35px 30px 20px 110px; position: relative; border-left: 3px solid #fff;}
.news_list1 li span{position: absolute; left: 0px; top: 40px; width: 110px; text-align: center; font-family: "Futura"; font-size: 14px; color: #888;}
.news_list1 li span b{font-size: 36px; line-height: 1; font-weight: normal; color: #333;}
.news_list1 li span b:after{display: block; content: ""; margin: 10px auto -5px auto; width: 10px; height: 2px; background: #333;}
.news_list1 li h2{padding-bottom: 20px; font-size: 18px; line-height: 1; color: #000; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list1 li p{margin-bottom: 15px; font-size: 13px; line-height: 28px; color: #888;}
.news_list1 li i{font-size: 30px; color: #cacaca; line-height: 1;}

.news_list1 li a:hover{box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); border-left-color: #b80000;}
.news_list1 li a:hover span b{color: #b80000;}
.news_list1 li a:hover span b:after{background: #b80000;}
.news_list1 li a:hover h2,
.news_list1 li a:hover i{color: #b80000;}

.news_list1 li span b,
.news_list1 li span b:after,
.news_list1 li i{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_list1 li a{margin-left: 25px; padding: 30px 25px 15px 100px;}
	.news_list1 li span{top: 30px; width: 100px; font-size: 12px;}
	.news_list1 li span b{font-size: 28px;}
	
	.news_list1 li h2{padding-bottom: 15px;}
	.news_list1 li p{margin-bottom: 10px; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_list1{margin-left: -20px;}
	.news_list1 li a{margin-left: 20px; margin-bottom: 15px; padding: 20px 20px 10px 80px;}
	.news_list1 li span{top: 20px; width: 80px; font-size: 12px;}
	.news_list1 li span b{font-size: 28px;}
	
	.news_list1 li h2{padding-bottom: 10px; font-size: 16px;}
	.news_list1 li p{margin-bottom: 5px; font-size: 12px; line-height: 22px; height: 44px; overflow: hidden;}
}
@media screen and (max-width: 767px){
	.news_list1{margin-left: 0px;}
	.news_list1 li{float: none; width: auto;}
	.news_list1 li a{margin-left: 0px; margin-bottom: 15px; padding: 20px 20px 10px 80px;}
	.news_list1 li span{top: 15px; width: 80px; font-size: 12px;}
	.news_list1 li span b{font-size: 28px;}
	
	.news_list1 li h2{padding-bottom: 10px; font-size: 14px;}
	.news_list1 li p{margin-bottom: 0px; font-size: 12px; line-height: 22px; height: 44px; overflow: hidden;}
}





/**/
.map{}
.map > li{position: relative; border-bottom: 1px solid #e7e7e7; font-size: 16px; padding: 15px 0 15px 15px;}
.map > li:after{position: absolute; left: 0px; top: 23px;display: block; content: ""; width: 5px; height: 5px; background: #000;}
.map > li > ul{overflow: hidden; padding-left: 20px;}
.map > li > ul >li{float: left; margin-right: 30px; padding-top: 15px; padding-bottom: 5px; font-size: 14px;}

.map > li > ul.fw li{float: none;}
.map > li > ul.fw li dl{padding-left: 20px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.map > li > ul.fw li dl dd{float: left; padding-top: 10px; margin-right: 20px; font-size: 12px;}
.map > li > ul.fw li dl dd a{color: #888;}









.pagination{text-align:center; margin:20px 0 30px 0; /*border-top: 1px solid #e7e7e7;*/}
.page li{display: inline-block;}
.pagination a{display: inline-block; *display: inline; margin: 0 2px; height: 32px; line-height: 32px; padding: 0 12px; border: 1px solid #dddddd; background: #fff;}
.pagination a:hover{background: #b80000; border: 1px solid #b80000; color: #fff;}
.pagination a.page-num-current{background: #b80000; border: 1px solid #b80000; color: #fff;}
.page>b{display:inline-block; height: 29px; line-height: 29px; padding: 0 12px; background: #b80000; border: 1px solid #b80000; color: #fff;}

@media screen and (max-width: 767px){
	.pagination{margin: 10px 0 20px 0;}
	.pagination a{height: 25px; line-height: 25px; padding: 0 8px;}
}




/*---------------------------------*/

/**/
.banner .slick-prev{left: -100px; opacity: 0; transition: all 0.8s;}
.banner .slick-next{right: -100px; opacity: 0; transition: all 0.8s;}
.active .banner .slick-prev{left: 60px; opacity: 1; transition: all 0.8s;}
.active .banner .slick-next{right: 60px; opacity: 1; transition: all 0.8s;}

.banner_zs{bottom: -200px; transition: all 0.8s;}
.active .banner_zs{bottom: 0px; transition: all 0.8s;}

.banner .slick-dots{bottom: 0px; opacity: 0; transition: all 0.8s;}
.active .banner .slick-dots{bottom: 160px; opacity: 1; transition: all 0.8s;}
@media screen and (max-width: 767px){
	.active .banner .slick-prev{left: 10px;}
	.active .banner .slick-next{right: 10px;}
}

/**/
.part1{top: -100px;	opacity: 0; transition: all 1s;}
.active .part1{top: 120px; opacity: 1; transition: all 1s;}
@media screen and (max-width: 767px){
	.active .part1{top: 80px; }
}

/*服务范围*/
.pro_box .pro_list{position: relative; left: 100px; opacity: 0; transition: all 0.8s;}
.active .pro_box .pro_list{ left:0px; opacity: 1; transition: all 0.8s;}

.pro_box .pro_list:first-child,
.pro_box .pro_list:first-child+div{left: -150px;}
.active .pro_box .pro_list:first-child{left: 0px; transition-delay: 0.3s;}
.active .pro_box .pro_list:first-child+div{left: 0px;}

.pro_box .pro_list:first-child+div+div{left: 0px;}
.active .pro_box .pro_list:first-child+div+div{left: 0px;}

.active .pro_box .pro_list:first-child+div+div+div+div{ transition-delay: 0.3s;}

/*案例分享*/
.list1 li{position: relative; left: -150px; opacity: 0; transition: all 0.8s;}
.active .list1 li{left: 0px!important; opacity: 1; transition: all 0.8;}

.active .list1 li:first-child,
.active .list1 li:first-child+li+li+li+li{transition-delay: 0.3s;}

.list1 li:first-child+li+li,
.list1 li:first-child+li+li+li,
.list1 li:first-child+li+li+li+li+li+li,
.list1 li:first-child+li+li+li+li+li+li+li{left: 150px;}

.active .list1 li:first-child+li+li+li,
.active .list1 li:first-child+li+li+li+li+li+li+li{transition-delay: 0.3s;}


/*关于我们*/
.about_con{position: relative; left: -200px; opacity: 0; transition: all 0.8s;}
.active .about_con{left: 0px; opacity: 1; transition: all 0.8s;}

.about_con ul li{position: relative; top: 200px; opacity: 0; transition: all 0.8s;}
.active .about_con ul li{top: 0px; opacity: 1; transition: all 0.8s;}
.active .about_con ul li:first-child{transition-delay: 0.7s;}
.active .about_con ul li:first-child+li{transition-delay: 0.8s;}
.active .about_con ul li:first-child+li+li{transition-delay: 0.9s;}

.about_list li{position: relative; left: 150px; opacity: 0; transition: all 0.8s;}
.active .about_list li{left: 0px; opacity: 1; transition: all 0.8s;}
.active .about_list li:first-child+li{transition-delay: 0.3s;}
.active .about_list li:first-child+li+li{transition-delay: 0.4s;}
.active .about_list li:first-child+li+li+li{transition-delay: 0.5s;}


/*动态视角*/
.list2 li{position: relative; left: 200px; opacity: 0; transition: all 0.8s;}
.active .list2 li{left: 0px; opacity: 1; transition: all 0.8s;}
.active .list2 li:first-child+li{transition-delay: 0.1s;}
.active .list2 li:first-child+li+li{transition-delay: 0.2s;}
.active .list2 li:first-child+li+li+li{transition-delay: 0.3s;}
.active .list2 li:first-child+li+li+li+li{transition-delay: 0.4s;}
.active .list2 li:first-child+li+li+li+li+li{transition-delay: 0.5s;}
.active .list2 li:first-child+li+li+li+li+li+li{transition-delay: 0.6s;}
.active .list2 li:first-child+li+li+li+li+li+li+li{transition-delay: 0.7s;}


/*联系我们*/
.i_part2{position: relative; top: -200px; opacity: 0; transition: all 0.8s;}
.active .i_part2{top: 0px; opacity: 1; transition: all 0.8s;}

.i_f_ewm li{position: relative; transition: all 0.8s;}
.i_f_ewm li:first-child{right: 100px;}
.i_f_ewm li:first-child+li{right: -100px;}

.active .i_f_ewm li:first-child{right: 0px; transition: all 0.8s;}
.active .i_f_ewm li:first-child+li{right: 0px; transition: all 0.8s;}

.i_f_lxwm ul li{position: relative; top: 150px; opacity: 0; transition: all 0.8s;}
.active .i_f_lxwm ul li{top: 0px; opacity: 1; transition: all 0.8s;}
.active .i_f_lxwm ul li:first-child{transition-delay: 0.2s;}
.active .i_f_lxwm ul li:first-child+li{transition-delay: 0.3s;}
.active .i_f_lxwm ul li:first-child+li+li{transition-delay: 0.4s;}
.active .i_f_lxwm ul li:first-child+li+li+li{transition-delay: 0.5s;}

.i_foot{bottom: -50px; transition: all 0.8s;}
.active .i_foot{bottom: 0px; transition: all 0.8s; transition-delay: 0.8s;}









/* 右侧导航 */

/*#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    background: rgba(0,0,0,0.1);
}

#fullPage-nav {
    _display: none;
    font-size: 12px;
}

#fullPage-nav li {
    width: 90px;
    height: 21px;
    margin: 10px 0 0;
    vertical-align: middle;
}

#fullPage-nav li a {
    float: right;
    width: 21px;
    height: 21px;
    color: #8F9DA4;
    text-decoration: none;
    text-align: right;
    background: url(../images/dot.png) 5px 5px no-repeat;
}

#fullPage-nav li .active {
    background-position: 0 bottom;
}

#fullPage-nav span {
    display: none;
}*/

.fullPage-tooltip {
    float: left;
    top: 0;
    margin-right: 5px;
    font: 12px "Microsoft Yahei";
    color: #8F9DA4;
    line-height: 21px;
}