*{ margin:0; padding:0;}
a{
	text-decoration:none;
	color: #666666;
}
ol,ul{ list-style:none;}
body{ font-family:"微软雅黑";}

/*头部区域开始*/
.header{ width:100%; min-width:1200px; height:100px;  margin:0 auto; overflow:hidden; background:rgba(0,0,0,0.6); position:fixed; z-index:3; left:0; top:0;}
.hd_con{ width:1200px;height:100px; margin:0 auto;display:flex;}
.header .logo{
	float:left;
	align-self:center;
	padding-right: 25px;
}
.header .nav{ float:left;}
.header li{ float:left;}
.header li a{
	display:block;
	font-size:14px;
	line-height:100px;
	color:#FFF;
	text-align:center;
	transition:0.3s;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 100px;
}
.header .tel{ font-size:16px; color:#fff; width:220px; height:40px; background:#e30112; border-radius:20px; text-align:center; line-height:40px;align-self:center;
 margin-left:30px;}

.header li:hover a{ color:#e30112; margin-top:-100px; }
/*头部区域结束*/

/*海报区域*/
@-webkit-keyframes bannerb{
	0%{ top:-700px;}	
	100%{ top:0px;}
}
.banner{ width:100%;min-width:1000px;height:650px; position:relative; margin-top:-100px; z-index:1;animation:bannerb 2s;}
.banner .swiper-slide{ height:650px;}
.swiper-pagination-bullet{ width:60px; height:5px; background:rgba(255,255,255,0.9); border-radius:0;}

/*海报区域*/

/*业务介绍*/
.yewu{ width:1200px; height:300px; margin:50px auto; overflow:hidden;}
.title{position:relative; top:-300px; transition:0.6s;}
.title h1{ font-size:24px; color:#666; font-weight:400; text-align:center;}
.title b{ font-size:10px; color:#ccc; display:block; text-align:center; font-weight:400; margin-top:5px;}
.yewu .fw{ margin:30px auto 0; width:1180px; height:265px;}
.yewu .fw li{ width:280px; height:205px; float:left; background:#fff; margin-right:20px;display:table-cell; text-align:center;transition:0.3s; position:relative; top:500px;
transition:1s;}
.fw li img{ margin-top:30px;}
.fw li:last-child{ margin-right:0;}
.fw li span{ font-size:18px; color:#777; margin-top:20px; display:block;}
.fw li p{ font-size:14px; color:#999; width:250px; margin:30px auto 0;}

.yewu.active .title{top:0;}
.fw.active li{ top:0;}

.yewu .fw li:hover{box-shadow:0 10px 15px rgba(0,0,0,0.2);}
/*业务介绍*/

/*案例展示*/
.anli{ width:100%; min-width:1200px; height:540px; background:#f8f8f8; overflow:hidden;}
.anli .anli_con{ width:1200px; margin:0 auto; height:540px;overflow:hidden;position:relative;}
.anli .title{ position:relative; top:-300px; transition:.6s;}
.anli .title h1{ font-size:24px; color:#666; font-weight:400; text-align:center;}
.anli .title b{ font-size:10px; color:#ccc; display:block; text-align:center; font-weight:400; margin-top:5px;}
.anli .title{ margin-top:30px;}
.anli .show{ width:1200px; margin:40px auto 0; background:#F33}
.anli .show h2{ font-size:16px; color:#666; font-weight:400; margin-top:15px;}
.anli .show i{ font-size:12px; color:#aaa; font-style:normal;margin-top:8px; display:block;}
.anli .show b{ display:block; background:#e0e0e0; width:293px; height:1px; margin-top:22px;transition:.6s;}
.anli .show li{ position:relative; float:left; margin:30px 9px 0 0; transition:1s;}
.anli .show li:nth-child(4){ margin-right:0; margin-top:0;}
.anli .show li:nth-child(8){ margin-right:0;}
.anli .show li:nth-child(1){ margin-top:0;}
.anli .show li:nth-child(2){ margin-top:0;}
.anli .show li:nth-child(3){ margin-top:0;}
.anli .show .jia{ position:absolute; top:-50px; left:125px; opacity:0; transition:.6s; z-index:1;}
.anli .show strong{ width:293px; height:213px; background:rgba(0,0,0,0.4); position:absolute;top:0;left:0; opacity:0;transition:.6s;}
.anli .show li .tt{ width:293px; height:213px; overflow:hidden;}
.show .tt .an{ transition:1s;}

.anli .show li:nth-child(1){ position:relative; left:-300px;}
.anli .show li:nth-child(2){ position:relative; left:-600px;}
.anli .show li:nth-child(3){ position:relative; right:-600px;}
.anli .show li:nth-child(4){ position:relative; right:-300px;}
.anli .show li:nth-child(5){ position:relative; left:-300px;}
.anli .show li:nth-child(6){ position:relative; left:-600px;}
.anli .show li:nth-child(7){ position:relative; right:-600px;}
.anli .show li:nth-child(8){ position:relative; right:-300px;}

.anli .show.active li:nth-child(1){  left:0;transition-delay:0s;}
.anli .show.active li:nth-child(2){  left:0;transition-delay:0.1s;}
.anli .show.active li:nth-child(3){  right:0;transition-delay:0.1s;}
.anli .show.active li:nth-child(4){  right:0;transition-delay:0s;}
.anli .show.active li:nth-child(5){  left:0;transition-delay:0s;}
.anli .show.active li:nth-child(6){  left:0;transition-delay:0.1s;}
.anli .show.active li:nth-child(7){  right:0;transition-delay:0.1s;}
.anli .show.active li:nth-child(8){  right:0;transition-delay:0s;}


.anli.active .title{top:0;}

.anli .show li:hover .an{ transform:scale(1.1);}
.anli .show li:hover strong{ opacity:1;}
.anli .show li:hover .jia{top:90px; opacity:1;}
.anli .show li:hover b{ background:#aaa;}
.anli_con .more{  width:210px; height:45px; border:1px solid #ccc; line-height:45px; text-align:center; position:absolute; 
bottom:70px; left:500px; transition:.3s; display:block;}
.anli_con .more p{ display:block;font-size:14px; color:#ccc;transition:.6s; position:absolute;bottom:0; left:84px;}
.anli_con .more b{ width:0; height:100%; background:#e30112; transition:.3s; display:block;}

.anli_con .more:hover b{ width:210px;}
.anli_con .more:hover p{ color:#fff;}
.anli_con .more:hover{ border:1px solid #e30112;}
/*案例展示*/


/*品牌介绍*/
.pinpai{ height:560px; width:100%; min-width:1200px; margin:40px auto; overflow:hidden;}
.pinpai .title{ position:relative; top:-300px; transition:.6s;}
.pinpai.active .title{ top:0;}
.pinpai .pinpai_top{ height:160px; width:1030px; margin:42px auto;}
.pinpai .pp{ font-size:14px; color:#999; line-height:1.75em; text-align:center; transition:.6s; position:relative; top:200px;}
.pinpai.active2 .pp{top:0;}
.pinpai_top p span{ font-size:18px; color:#e30112;}

.pinpai_top .more{  width:210px; height:45px; border:1px solid #ccc; line-height:45px; text-align:center; transition:.3s; display:block; margin:35px auto 0; position:relative;}
.pinpai_top .more p{ display:block;font-size:14px; color:#ccc;transition:.6s; position:absolute; bottom:0; left:85px;}
.pinpai_top .more b{ width:0; height:100%; background:#e30112; transition:.3s; display:block;}

.pinpai_top .more:hover b{ width:210px;}
.pinpai_top .more:hover p{ color:#fff;}
.pinpai_top .more:hover{ border:1px solid #e30112;}

.pinpai .pinpai_bottom{ width:100%; min-width:1200px; height:295px; background: url(pinpai.jpg) center 0 no-repeat; background-attachment:fixed; background-size:cover; position:relative;}
.pinpai_bottom .pp_c{ width:1200px; height:295px; margin:0 auto; overflow:hidden;}
.pinpai_bottom .pp_c img{ position:absolute; top:-30px; left:15%;}
.pinpai_bottom .pp_c .p1{ font-size:18px; color:#fff; text-align:center; margin-top:90px;}
.pinpai_bottom .pp_c .p2{ font-size:26px; color:#fff; text-align:center; margin-top:10px;}
/*品牌介绍*/

/*新闻动态*/
.news{ width:1200px; height:596px; margin:0 auto; overflow:hidden;}
.news .title{ position:relative; top:-300px; transition:.6s;}
.news.active .title{ top:0;}
.news .list li{ width:100%; height:200px; margin-top:20px; border-bottom:1px solid #e9e9e8;}
.news .list li:nth-child(2){ border:none;}
.news .list li .zuo{ float:left; margin-right:200px; width:673px; height:auto; transition:1s; position:relative; left:-800px;}
.news .list li .h{ display:block; font-size:16px; color:#1e1e1e; font-weight:400; margin-top:20px; transition:.6s;}
.news .list li:hover .h{ color:#e30112; margin-left:10px;}
.news .list li:hover p{ margin-left:10px;}
.news .list li:hover .riqi{ margin-left:10px;}
.news .list li .riqi{ font-size:14px; color:#c4c1c9; font-weight:400; margin-top:8px; display:block;transition:.6s;}
.news .list li p{ font-size:12px; color:#777; width:673px; margin-top:42px; line-height:1.75em; transition:.6s;}
.news .list li img{ float:left; transition:1s; position:relative; right:-400px;}
.news.active2 li:nth-child(1) .zuo{left:0; transition-delay:0s;} 
.news.active3 li:nth-child(1) img{ right:0;transition-delay:0s;}
.news.active2 li:nth-child(2) .zuo{left:0; transition-delay:0.3s;} 
.news.active3 li:nth-child(2) img{ right:0;transition-delay:0.3s;}

.news .more{  width:210px; height:45px; border:1px solid #ccc; line-height:45px; text-align:center; transition:.3s;  margin:50px auto 0;display:block; position:relative;}
.news .more p{ display:block;font-size:14px; color:#ccc;transition:.6s;  position:absolute; bottom:0; left:85px;}
.news .more b{ width:0; height:100%; background:#e30112; transition:.3s; display:block;}

.news .more:hover b{ width:210px;}
.news .more:hover p{ color:#fff;}
.news .more:hover{ border:1px solid #e30112;}
.xx{
	width:100%;
	height:40px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}
/*新闻动态*/

/*合作伙伴*/
.coop{ width:1200px; height:400px; margin:70px auto; overflow:hidden;}
.coop .title{ position:relative; top:-300px; transition:.6s;}
.coop.active .title{ top:0;}
.coop .u_one{ width:1200px; height:146px; margin-top:40px; position:relative; left:-1200px; transition:1s;}
.coop .u_two{ width:1200px; height:146px; padding-top:70px;position:relative; left:-1200px; transition:1s;}
.coop.active ul{ left:0;}
.coop .u_one li{ float:left; margin-right:76px;}
.coop .u_one li:last-child{ margin-right:0;}
.coop .u_two li{ float:left; margin-right:32px;}
/*合作伙伴*/

/*底部区域*/
footer{ width:100%; min-width:1200px; height:256px; background:#2e313a; position:relative;}
footer .fot_con{ width:1200px; height:100%; margin:0 auto; position:relative;}
.fot_con dl{ float:left; margin-left:65px; margin-top:50px;}
.fot_con dl dt a{ font-size:14px; color:#fff; display:block;}
.fot_con dl dt{ margin-bottom:20px;}
.fot_con dl dd a{ font-size:12px;  color:rgba(255,255,255,0.74);display:block;}
.fot_con dl dd{ font-size:12px;  color:rgba(255,255,255,0.74); margin-bottom:8px;}
.fot_con img{ position:absolute; top:50px; right:80px;}
.fot_con b{ font-weight:400; font-size:12px; color:#fff;position:absolute; top:160px; right:110px;}
.fot_con p{ font-size:12px; color:rgba(255,255,255,0.42); position:absolute; left:0; bottom:5px;}

footer i{ width:100%; height:1px; background:#4b505e; position:absolute; bottom:30px;}
/*底部区域*/


/******************************************************************品牌介绍***********************************************************************/
.brand_banner{ min-width:1200px; height:450px; background:url(brand_banner.jpg) no-repeat center;}
.brand_con{ width:1200px; height:auto; margin:70px auto;  overflow:hidden;}
.biaoti{ position:relative;top:-300px; transition:.6s;}
.biaoti.active{top:0;}
.biaoti h2{ font-size:30px; color:#666; font-weight:400; text-align:center;}
.biaoti i{ font-size:14px; color:#ccc; font-style:normal; text-align:center; display:block; margin-top:5px;}
.brand_con .brand_con_top{ height:auto; width:100%; margin-top:40px;border-bottom:1px solid #eee;transition:1s;}
.brand_con_top img{
	float:left;
	position:relative;
	transition:1s;
	margin-right: 20px;
	margin-bottom: 2px;	
}

.brand_con_top .r h1{ font-size:22px; color:#777; font-weight:400;}
.brand_con_top .r p{ font-size:16px; color:#888; margin-top:35px; line-height:1.75em;}

.brand_con .brand_con_cen{ height:240px; width:100%; margin:20px auto;}
.brand_con_cen h3{ font-size:22px; color:#777; font-weight:400;}
.brand_con_cen p{ font-size:16px; color:#888; line-height:1.75em; margin-top:40px;}

.brand_con .brand_con_bottom{
	height:200px;
	width:100%;
}
.brand_con_bottom .b1{ float:left; overflow:hidden;}
.brand_con_bottom .b1 img{ transition:1s;}
.brand_con_bottom .b2{ float:left; margin:0 58px;overflow:hidden;}
.brand_con_bottom .b2 img{ transition:1s;}
.brand_con_bottom .b3{ float:left;overflow:hidden;}
.brand_con_bottom .b3 img{ transition:1s;}
.brand_con_bottom .b1:hover img{ transform:scale(1.2);}
.brand_con_bottom .b2:hover img{ transform:scale(1.2);}
.brand_con_bottom .b3:hover img{ transform:scale(1.2);}


/******************************************************************业务介绍***********************************************************************/
.yewu_banner{ min-width:1200px; height:450px; background: url(business_banner.jpg) no-repeat center;}
.yewu_con{
	height:auto;
	width:1200px;
	overflow:hidden;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.yewu_con .yewu_p{
	font-size:14px;
	color:#888;
	text-align:left;
	line-height:32px;
	width:1124px;
	float: left;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.yewu_list li{ margin-top:40px; width:1200px; height:246px;}
.yewu_list li .you{ float:left; margin:26px 0 0 30px;}
.yewu_list li img{ float:left; margin-left:30px; position:relative; left:-500px; transition:1s;}
.yewu_list li .you{ position:relative; left:750px; transition:1s;}
.yewu_list li:nth-child(1) img.active{ left:0; transition-delay:0s;}
.yewu_list li:nth-child(1) .you.active{ left:0;transition-delay:0s;}
.yewu_list li:nth-child(2) img.active{ left:0; transition-delay:0.3s;}
.yewu_list li:nth-child(2) .you.active{ left:0;transition-delay:0.3s;}
.yewu_list li:nth-child(3) img.active{ left:0; transition-delay:0.6s;}
.yewu_list li:nth-child(3) .you.active{ left:0;transition-delay:0.6s;}
.yewu_list li:nth-child(4) img.active{ left:0; transition-delay:0.9s;}
.yewu_list li:nth-child(4) .you.active{ left:0;transition-delay:0.9s;}
.yewu_list li:nth-child(5) img.active{ left:0; transition-delay:1.2s;}
.yewu_list li:nth-child(5) .you.active{ left:0;transition-delay:1.2s;}
.yewu_list li .you h3{ font-size:22px; color:#666; font-weight:400;}
.yewu_list li .you b{ display:block; width:35px; height:1px; background:#ddd; margin:10px 0;}
.yewu_list li .you p{ font-size:14px; color:#999; line-height:30px; width:685px;}
.yewu_list li:nth-child(2) .you{ margin-top:40px;}
.yewu_list li:nth-child(3) .you{ margin-top:50px;}
.yewu_list li:nth-child(4) .you{ margin-top:60px;}
.yewu_list li:nth-child(5) .you{ margin-top:70px;}

/******************************************************************案例展示***********************************************************************/
.show_banner{ min-width:1200px; height:450px; background: url(show.jpg) no-repeat center;}
.show_con{ height: auto; width:1200px; overflow:hidden; margin:70px auto;}
.show_list{ margin-top:50px;}
.show_list h2{ font-size:22px; color:#666; font-weight:400; margin-top:15px;}
.show_list i{ font-size:16px; color:#aaa; font-style:normal;margin-top:8px; display:block;}
.show_list b{ display:block; background:#e0e0e0; width:390px; height:1px; margin-top:22px;transition:.6s;}
.show_list li{ position:relative; float:left; margin:30px 9px 0 0; transition:1s;}
.show_list li:nth-child(6){margin-right:0; }
.show_list li:nth-child(1){ margin-top:0;}
.show_list li:nth-child(2){ margin-top:0;}
.show_list li:nth-child(3){ margin-top:0;margin-right:0;}
.show_list .jia{ position:absolute; top:-140px; left:170px; opacity:0; transition:.6s; z-index:1;}
.show_list strong{ width:390px; height:282px; background:rgba(0,0,0,0.4); position:absolute;top:0;left:0; opacity:0;transition:.6s;}
.show_list li .tt{ overflow:hidden;}
.show_list .tt .an{ transition:1s;}

.show_list li:hover .an{ transform:scale(1.1);}
.show_list li:hover strong{ opacity:1;}
.show_list li:hover .jia{top:120px; opacity:1;}
.show_list li:hover b{ background:#aaa;}


.xuanxiang{ width:40px; height:40px;  color:#aaa; text-align:center; line-height:40px; display:block; float:left; margin-left:6px;}
.xuanxiang:hover{ background:#aaa; color:#fff;}

/******************************************************************新闻动态***********************************************************************/
.news_banner{ min-width:1200px; height:450px; background: url(news_banner.jpg) no-repeat center;}
.news_con{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.news_con .list li{ width:100%; height:200px; margin-top:40px; border-bottom:1px solid #e9e9e8;}
.news_con .list li:nth-child(4){ border:none;}
.news_con .list li .zuo{ float:left; margin-right:200px; width:673px; height:auto; transition:1s;}
.news_con .list li .h{ display:block; font-size:16px; color:#1e1e1e; font-weight:400; margin-top:20px; transition:.6s;}
.news_con .list li:hover .h{ color:#e30112; margin-left:10px;}
.news_con .list li:hover p{ margin-left:10px;}
.news_con .list li:hover .riqi{ margin-left:10px;}
.news_con .list li .riqi{ font-size:14px; color:#c4c1c9; font-weight:400;  display:block; margin-top:8px;transition:.6s;}
.news_con .list li p{ font-size:12px; color:#777; width:673px; margin-top:42px; line-height:1.75em; transition:.6s;}
.news_con .list li img{ float:left;}

/******************************************************************联系我们***********************************************************************/
.connect_banner{ min-width:1200px; height:450px; background: url(connect_banner.jpg) no-repeat center;}
.connect_con{ width:1200px; height:auto; margin:70px auto 50px; overflow:hidden;}

.cc_ad{ margin-bottom:30px; overflow:hidden; margin-top:40px;}
.connect_con li{ float:left; width:400px; text-align:center;}
.connect_con li .icon{  height:67px; padding-top:10px;  margin:0 auto 40px;}
.connect_con li:hover .icon{ background:url(../images/ty_bg.png) no-repeat center 0px; }
.map{ width:1200px; height:500px; margin:30px 0; position:relative;}
.map img{ position:absolute; top:0; left:0;}
.connect_con input{ border:1px solid #666; width:1000px;  height:40px;}
.connect_con input[type="submit"]{ width:150px; margin-right:30px; background:none; border:1px solid #000; margin-top:30px;}
.connect_con input[type="reset"]{ width:150px;background:none;border:1px solid #000;}
.connect_con input[type="submit"]:hover{ background:#e30112; border-color:#e30112; color:#fff;}
.connect_con input[type="reset"]:hover{ background:#e30112; border-color:#e30112;color:#fff;}

/******************************************************详情********************************************************/
.news_list_o{ width:1100px; height:auto; margin:80px auto;}
.news_list_o h1{ font-size:24px; color:#666; font-weight:400; text-align:center;}
.news_list_o span{ font-size:12px; color:#aaa; display:block; text-align:left; margin-top:20px;}
.news_list_o .tu{ width:879px; height:265px; margin:60px auto;}
.news_list_o p{ font-size:12px; color:#999; line-height:1.75em;}