/*- - - - - - - - -样式属index.html - - - - - - - -*/
	/*页头*/
	#header{height:95px;position:relative;margin:0 auto;background:#fff;border-bottom:1px solid #eeeeee;z-index:2000;}
	#header.header_change{background:url(../images/headerbg.png) repeat left top;}
	#header .center{width:auto;max-width:1545px;min-width:1200px;}
		/*网站标志*/
		#logo{float:left;width:243px;height:43px;margin:20px 0px 0px 102px;}
		/*菜单*/
		#menu{float:right;height:95px;margin-right:30px;}
		#menu ul{float:left;position:relative;}
		#menu ul .lines{position:absolute;top:0px;left:0px;border-top:2px solid #ce1127;}
		#menu ul>li{float:left;position:relative;font-size:14px;margin-left:40px;}
		#menu ul li.hover>a,#menu ul .change a{color:#ce1127;}
		#menu ul>li>a{line-height:95px;text-decoration:none;display:block;}
		#menu ul>li>a:hover{color:#ce1127;}
		#menu ol{width:196px;position:absolute;top:100%;left:-28px;background:#fff;box-shadow:0 7px 12px rgba(0,0,0,0.1);border:1px solid #f5f5f5;border-top:2px solid #ce1127;display:none;}
		#menu ol li a{height:44px;line-height:44px;font-size:12px;padding:0px 8px 0px 28px;border-bottom:1px solid #f5f5f5;display:block;transition:all 0.2s linear;}
		#menu ol li a:hover{color:#fff;padding-left:35px;background-color:#ce1127;text-decoration:none;}
	/*广告*/
	#banner{height:767px;position:relative;overflow:hidden;margin:0 auto;}
	#banner ._slider_next,#banner ._slider_prev{width:33px;height:100%;position:absolute;top:0px;z-index:80;}
	#banner ._slider_prev span,#banner ._slider_next span{width:40px;height:40px;position:absolute;top:50%;margin-top:-27px;background:url(../images/arrow.png) no-repeat left top;background-repeat:no-repeat;}
	#banner ._slider_prev{left:5%;}
	#banner ._slider_prev:hover{background-position:left top;}
	#banner ._slider_prev:hover span{background-position:left bottom;}
	#banner ._slider_next{right:5%;}
	#banner ._slider_next span{background-position:right top;}
	#banner ._slider_next:hover span{background-position:right bottom;}
	/*图片轮播样式*/
	#banner .conbox{width:9999em;position:fixed;overflow:hidden;}
	#banner .conbox .Slide_{float:left;width:100%;text-align:center;overflow:hidden;}
	#banner .conbox .Slide_ a{width:100%;display:block;}
	#banner .conbox .Slide_ img.mainpic{height:100%;margin:0 auto;display:block;margin-left: -952px!important;}
	#banner .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:20px;z-index:99;}
	#banner .switcher a{width:12px;height:12px;line-height:0px;text-align:center;overflow:hidden;font-size:0px;font-family:arial;color:#323232;margin-left:10px;background-color:#dedede;border-radius:10px;cursor:pointer;display:inline-block;}
	#banner .switcher a.cur,#banner .switcher a:hover{color:#fff;background-color:#dd0045;}
	/*快捷链接*/
#quickLink{height:349px;margin:0 auto;background-color:#ce1127;position:relative;}
#quickLink ul{width:891px;margin:0 auto;padding-top:145px;}
#quickLink ul li{float:left;width:320px;line-height:36px;color:#fefffd;margin-right:87px;padding-left:82px;}
#quickLink ul li a{color:#fff;transition: all 0.3s ease-out 0s;}
#quickLink ul li:last-child{margin-right:0px;}
#quickLink ul li .icon{float:left;width:60px;height:60px;margin-right:21px;}
#quickLink ul li strong{line-height:26px;font-size:18px;font-weight:normal;padding-top:8px;display:block;transition: all 0.3s ease-out 0s;}
	/*产品*/
	#product{height:620px;position:relative;overflow:hidden;margin:0 auto;background: #fff;}
	/*关于我们*/
	#about_us{height:480px;background:url(../images/banner2.png) no-repeat center top #ffffff;background-size:cover; padding-bottom:65px;position: relative;}
	#about_us .center{width:1545px;position:relative;}
	#about_us .PartTitle{margin-bottom:27px;padding-top:60px;border-bottom:0;}
	#about_us .PartTitle span{border-bottom:0;}
	#about_us .content{width:590px;line-height:26px;position:relative;color:#6e6c6d;left:20px;margin:0 auto;}
	#about_us .content p{text-indent:2em;}
	#about_us .car{}
	/*新闻中心*/
	#news{
		height: 550px;
    margin: 0 auto;
    position: relative;
    background: #fff;
	}
	#product .center,#news .center{width:1545px;}
	#news .PartTitle{margin-bottom:80px;}
	/*全尺寸AD*/
	#fullsizeAd{height:204px;text-align:center;position:relative;overflow:hidden;margin:0px auto;background-color:#ce1127;}
	/*联系我们*/
	#contact{
		padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
    position: relative;
    height: auto;
	}
	#contact .lianxi{width:1168px;margin:0px auto 20px auto;}
	#contact dl{float:left;width:389px;}
	#contact dl dt{float:left;margin-right:37px;}
	#contact dl dd p{line-height:24px;overflow:hidden;color:#a2a2a2;}
	.share{padding-top:12px;}
	.share a{float:left;width:20px;height:20px;margin-right:30px;background:url(../images/icon_001.png) no-repeat left top;}
	.share .wb{background-position:0px top;}
	.share .wb:hover{background-position:0px bottom;}
	.share .qq{background-position:-20px top;}
	.share .qq:hover{background-position:-20px bottom;}
	.share .wx{position:relative;background-position:-40px top;}
	.share .wx:hover{background-position:-40px bottom;}
	.share .wx:hover .ewm{display:block;}
	.share .ewm{width:186px;height:186px;position:absolute;bottom:20px;left:50%;margin-bottom:10px;margin-left:-105px;padding:10px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,0.2);border:1px solid #fcfcfc;border-color:#979998;display:none;}
	.share .ewm::after{width:0px;height:0px;position:absolute;top:100%;right:50%;margin-right:-8px;border:8px solid transparent;border-top:8px solid #fff;content:"";}
	.share .ewm img{width:100%;height:100%;display:block;}
	.icon_{width:41px;height:40px;margin-top:10px;margin-left:15px;background:url(../images/icon_002.png) no-repeat left top;display:inline-block;}
	.icon_.icon_1x1{background-position:0 0;}
	.icon_.icon_2x1{background-position:-41px 0;}
	.icon_.icon_3x1{background-position:-82px 0;}
	/*留言*/
	#LeaveMessage{
		padding-bottom: 44px;
    background: #fff;
    position: relative;
	}
	#LeaveMessage .mess{width:1168px;margin:0px auto; }
	#LeaveMessage .textarea{float:right;width:730px;height:138px;line-height:22px;overflow:auto;padding:10px 20px 10px 20px;background-color:#f5f5f5;border:0;resize:none;}
	#LeaveMessage .option{width:368px;height:46px;line-height:46px;position:relative;margin-bottom:10px;}
	#LeaveMessage .option .error_tips{width:300px;position:absolute;top:0px;left:100%;background:#ccc;border:1px solid #f00;display:none;}
	#LeaveMessage .option:nth-of-type(3n){width:368px;margin-bottom:0px;}
	#LeaveMessage .option .text{width:348px;height:46px;line-height:46px;padding-left:20px;background-color:#f5f5f5;border:0;}
	#LeaveMessage .textarea:focus,#LeaveMessage .option .text:focus{box-shadow:0 3px 4px rgba(0,0,0,0.4) inset;}
	#LeaveMessage  .btn_send{width:264px;height:54px;line-height:54px;font-size:16px;color:#fefffd;margin:28px auto 0px auto;background-color:#ce1127;border:none;border-radius:30px;display:block;}
	#LeaveMessage  .btn_send:hover{background-color:#bb1023;}
	/*版权*/
	#copyright{line-height:56px;text-align:center;color:#fefffd;background-color:#1b1b1b;position: relative;}
	/*栏目标题*/
	.PartTitle{line-height:24px;text-align:center;font-size:26px;font-weight:normal;color:#6e6c6d;margin-bottom:12px;padding-top:50px;border-bottom:1px solid #dfdfdf;}
	.PartTitle span{width:94px;height:3px;font-size:12px;margin:0px auto -1px auto;padding-bottom:35px;border-bottom:2px solid #cbcbcb;display:block;}
	/**/
	.news{
		float: left;
    width: 380px;
    color: #6e6c6d;
    padding-left: 100px;
    position: relative;
    height: 280px;
	}
	.news:nth-of-type(3n){margin-right:0px;}
	 .news time{line-height:16px;color:#6e6c6d;margin-bottom:0;display:block;}
	 .news time span{line-height:40px;font-size:24px;display:block;}
	.news h5{height:26px;line-height:1.63;overflow:hidden;font-size:16px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;}
	.news p{line-height:2.17;overflow:hidden;font-size:12px;max-height:4.34em;}
	.news time p{
		font-size: 15px;
    line-height: 1;
	}
	 .news h5 a:hover{color:#ce1127;text-decoration:none;}
	/*产品列表*/
	 .ProductList{float:left;margin-bottom:30px;}
	.ProductList li{float:left;width:356px;height:250px;position:relative;margin-right:40px;margin-bottom:20px;}
	.ProductList li strong{height:38px;line-height:38px;text-align:left;position:absolute;overflow:hidden;font-size:16px;font-weight:normal;color:#fff;right:0px;bottom:-38px;left:0px;padding:0px 18px 0px 18px;background:url(../images/heibg2.png) repeat left top;text-overflow:ellipsis;white-space:nowrap;display:none;}
	.ProductList li:nth-of-type(4n){margin-right:0px;}
	.ProductList li .photo{width:354px;height:248px;position:relative;overflow:hidden;border:1px solid #cbcbcb;display:block;}
	.ProductList li .zz{position:absolute;top:177px;right:124px;bottom:177px;left:124px;background:url(../images/heibg2.png) repeat left top;display:none;}
	.ProductList li .icon_fdj{width:48px;height:48px;position:absolute;color:#fff;top:150%;left:50%;margin-top:-24px;margin-left:-24px;background:#db241c url(../images/icon_jia.png) no-repeat center center;}
	.ProductList li .icon_fdj:hover{background-color:#e74a43;}
	/*选项卡*/
	.Tab{text-align:center;position:relative;margin-bottom:57px;}
	.Tab .lines{position:absolute;bottom:0px;border-bottom:2px solid #ce1127;}
	 .Tab li{display:inline;}
	.Tab li a{line-height:50px;color:#434343;margin:0px 7px 0px 7px;padding-right:7px;padding-left:7px;text-decoration:none;display:inline-block;}
	.Tab li a:hover{color:#cc1227;}
	/*按钮更多*/
	 .btn_more{width:240px;height:48px;line-height:48px;text-align:center;font-size:14px;margin:0 auto;border:1px solid #cbcbcb;border-radius:30px;display:block;}
	.btn_more:hover{color:#fff;background-color:#ce1127;text-decoration:none;border-color:#ce1127;}
/*- - - - - - - - -样式属客户案例.html - - - - - - - -*/
	/*广告2*/
	#banner2{height:260px;text-align:center;position:relative;overflow:hidden;margin-bottom:30px;border-bottom:1px solid #eeeeee;}
	/*内容区域*/
	#container{position:relative;margin-top:-30px;}
	/*页尾*/
	#footer{
		padding-top: 57px;
    position: relative;
    background: #fff;
	}
	#footer .foots{
		width: 1200px;
    padding: 0 0 22px 0;
    margin: 0 auto;
	}
		/**/
		#website{float:left;padding-top:10px;}
		#website ul{float:left;}
		#website ul>li{float:left;margin-right:50px;}
		#website ul>li>a{line-height:22px;font-size:16px;font-weight:normal;color:#434343;margin-bottom:10px;text-decoration:none;display:block;}
		#website ul>li>a:hover{color:#ce1127;}
		#website ol li a{line-height:28px;color:#909090;text-decoration:none;display:block;}
		#website ol li a:hover{color:#cc1227;}
		/*电话*/
		#tel{float:right;}
		#tel dl{font-size:32px;text-align:right;color:#ce1127;}
		#tel dl dt{line-height:42px;margin-bottom:24px;letter-spacing:4px;}
		#tel dl dd{line-height:38px;font-size:36px;padding-left:66px;}
		#tel dl dt .icon_tel{width:42px;height:42px;margin-right:16px;vertical-align:middle;background:url(../images/icon_tel.png) no-repeat center top;display:inline-block;}
	/*选项卡2*/
	.Tab2{text-align:center;margin-bottom:80px;padding:24px 0;border-bottom:1px solid #dfdfdf;}
	.Tab2 li{margin:0px 6px 0px 6px;display:inline;}
	.Tab2 li a{height:24px;line-height:24px;padding:0 14px;text-decoration:none;display:inline-block;}
	.Tab2 li a:hover{color:#fefffd;background-color:#ce1127;}
	.Tab2 .change a{color:#fefffd;background-color:#ce1127;}
	/*案例*/
	.case{float:left;width:370px;margin-right:44px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid transparent;}
	.case:hover{border-bottom:2px solid #ff0000;}
	 .case:nth-of-type(3n){margin-right:0px;}
	.case .photo{width:370px;height:380px;overflow:hidden;margin-bottom:18px;background:#000;display:block;}
	.case h4{height:24px;line-height:24px;overflow:hidden;font-weight:normal;color:#a2a2a2;margin-bottom:58px;font-size:16px;}
	 .case h4 a{color:#a2a2a2;text-decoration:none;}
	 .case h4:hover a{color:#ce1127;}
	 .case h4 .icon_arrow{float:right;width:24px;height:24px;background:url(../images/icon_arrow.png) no-repeat right top;}
	 .case h4:hover .icon_arrow{background-color:#ce1127;background-position:left top;}
	.case p{line-height:30px;overflow:hidden;color:#a2a2a2;max-height:56px;display:block;}
	/*翻页*/
	.pages{text-align:center;padding-top:30px;padding-bottom:30px;}
	 .pages li{display:inline;}
	 .pages li a{line-height:38px;padding:0 18px;text-decoration:none;display:inline-block;}
	 .pages li a:hover{color:#fefffd;background-color:#ce1127;}
	 .pages .change a{color:#fefffd;background-color:#ce1127;}
/*- - - - - - - - -样式属新闻资讯.html - - - - - - - -*/
	/*新闻列表*/
	#newsList{width:1200px;overflow:hidden;margin:0 auto;}
	/*文档*/
	.docs{width:1120px;height:106px;margin-top:29px;margin-bottom:29px;padding:48px 40px 48px 40px;background-color:#f5f5f5;}
	 .docs:hover , #newsList .docs:hover a , #newsList .docs:hover p{color:#fefffd;background-color:#ce1127;}
	.docs .photo{float:left;width:296px;height:106px;overflow:hidden;margin-right:67px;background-color:#bfbfbf;}
	.docs time{float:left;height:106px;line-height:32px;position:relative;font-size:30px;margin-top:-10px;margin-right:52px;padding-top:6px;}
	.docs time span{line-height:15px;font-size:16px;display:block;}
	.docs h5{height:33px;line-height:2.06;overflow:hidden;font-size:16px;color:#434343;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;}
	 .docs h5 a{color:#434343;}
	.docs p{line-height:2.07;overflow:hidden;font-size:14px;color:#a2a2a2;max-height:4.14em;}
	.docs .more{float:right;width:42px;height:42px;margin:32px 0 32px 168px;background:url(../images/icon_arrow2.png) no-repeat right top;visibility:hidden;border:1px solid #7d7d7d;}
	.docs:hover .more{background-position:top left;visibility:visible;border:1px solid #fff;}
/*- - - - - - - - -样式属公司简介.html - - - - - - - -*/
	/*简介*/
	#Introduction{width:1200px;margin:0px auto 76px auto;}
	#Introduction .company_name{line-height:76px;text-align:center;font-size:28px;font-weight:normal;color:#434343;margin-bottom:26px;letter-spacing:2px;}
	/*照片展示*/
	#PhotoShow{width:1200px;margin:0px auto 60px auto;}
	/*荣誉*/
	#Honor{width:1200px;margin:0px auto 70px auto;}
	#Honor .pic{width:1200px;height:468px;margin:0 auto;background-color:#bfbfbf;}
	/*标题*/
	.Title{line-height:104px;text-align:center;font-size:40px;color:#000000;margin-bottom:38px;background:url(../images/bg_title.png) no-repeat center top;}
	.Title span{color:#cc1227;}
	/*段落内容样式*/
	 .contents{line-height:30px;overflow:hidden;color:#777;}
	 .contents img{max-width:100%;}
	.contents p{margin-bottom:8px;}
	/*图片列表*/
	.PicList{float:left;}
	 .PicList li{float:left;width:270px;margin-right:40px;}
	 .PicList li:nth-of-type(4n){margin-right:0px;}
	 .PicList li .photo{width:270px;height:194px;display:block;}
	.PicList li strong{height:44px;line-height:44px;overflow:hidden;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;display:block;}
	/*图片列表2*/
	.PicList2{float:left;margin-bottom:69px;}
	 .PicList2 li{float:left;width:580px;margin-right:40px;}
	 .PicList2 li:nth-of-type(2n){margin-right:0px;}
	 .PicList2 li .photo{width:580px;height:194px;display:block;}
	.PicList2 li strong{height:44px;line-height:44px;overflow:hidden;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;display:block;}
	
	



#mservice{ height:auto;background-color: #f9f9f9;}

#mservice .content{ margin:0; height:340px; padding-bottom:0px;}

#mproject .content{ margin:0;background: #fff; height:100%;}

#mpage .content{ margin:0; height:auto;}

#mteam .content{ margin:0; height:auto;}

#mnews .content{ margin:0;height:auto;}

#mcontact .content{ margin:0; height:auto;}

#mpartner .content{ margin:0; height:auto;}

	
/*首页服务*/

#mservice .content > .header{ display:none;}

#servicelist{width:1126px; margin:0px auto;padding:60px 0px 100px 0px; }

#servicelist .serviceitem{ width:42%; padding-left:3%; margin:50px 0 0 30px; height:150px; float:left;}

.service_img{
	width: 100px;
    height: 100px;
    margin: 15px 0;
    float: left;
    text-align: center;
}

#servicelist .serviceitem a img{width:59px;}

#servicelist .serviceitem div{float:left; width:300px;position: relative; margin-top:0px;transition: all 0.6s ease 0s; }

#servicelist .serviceitem:hover div{ margin-top:0px;}



#indexPage #servicelist .serviceitem div{ margin-top:24px;}

#servicelist .serviceitem div p.title{color:#fff;font-size: 18px; text-align:left; display:block;transition: all 0.3s ease-out 0s; height:40px; line-height:40px;}

#servicelist .serviceitem:hover div p.title{color: #fff;padding-left: 24px;}

#servicelist .serviceitem div p.description{ text-align:left;color:rgba(255,255,255,0.8);transition: all 0.3s ease-out 0s; height:40px; line-height:40px;}

#servicelist .serviceitem:hover div p.description{ color:#fff;padding-left: 24px; height:40px; line-height:40px;}

#servicelist .serviceitem .service_info::after {content: ""; display: block;background-color:rgba(255, 255, 255, 0.3); width: 1px; height: auto;transition: all 0.6s ease 0s; position:absolute;left:0px;top: 8px;opacity: 0;}

#servicelist .serviceitem:hover .service_info::after{height:70px; opacity:1}

#indexPage #mservice a.more{ display:none;}


/*首页案例*/

#mproject .content > .header{padding-top:80px; padding-bottom:20px; border-bottom:1px solid #ededed; text-align:center; }

#mproject .content .header p.title{ display:inline-block;position:relative; font-size:26px; color:#444}

#mproject .content .header p.title:after{ content:''; width:100%; height:2px; position:absolute; bottom:-37px; left:0px; background: #CBCBCB;}

.content .header p.subtitle{font-size:13px;color:#c1c1c1;}

#indexPage #mproject a.more{ display:block;    width: 240px;height: 47px;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;}

#indexPage #mproject a.more:hover{text-indent: 90px; color: #5e5e5e;}

#indexPage #mproject a.more i{font-size: 16px;}




#projectlist .projectitem{width:24%; height:490px; padding-bottom:32px; margin-right:1%; background:transparent; position:relative; float:left;}


#projectlist .projectitem{ height: 490px; background:transparent;}

#projectlist{ width:86%; margin:0 auto;    padding-bottom: 100px;}

#projectlist .projectitem a:after{content: '';width: 46px;height: 40px;line-height: 40px;background-image: url(../images/hg.png);margin: 0 auto;margin-left: -20px;margin-top: 0px;display: inline-block;position: absolute;top: 0%;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0; }

#projectlist .projectitem:hover a:after{ top:32%; opacity:1;}


.projectSubList{margin:0 auto;padding: 50px 1% 60px;}


#projectlist .projectitem a .project_info{position:relative;top:auto;left:auto;padding-top:1px;}

#projectlist .projectitem a .project_info p.title{color: #5A5A5A;font-size:16px;transition: all 0.6s ease 0s;}



#projectlist .projectitem a .project_info p.subtitle{color: #ADADAD;height: 30px;line-height: 30px;text-align: center; font-size:13px; margin-top:0px;transition: all 0.6s ease 0s;}

#projectlist .projectitem:hover a .project_info p.subtitle{margin-top: -30px;opacity: 0;}

#projectlist .projectitem a:hover .project_info{ background-color:transparent;}

#projectlist .projectitem a:hover .project_info p.subtitle{color: #ADADAD;}

.project_img{ position:relative; margin-bottom:16px; overflow:hidden;}

.project_img::after {content: ""; display: block; background-color: rgba(0,0,0,0);width: 100%;height: 424px;position: absolute;top: 0;left: 0;z-index: 10;transition: all 0.6s ease 0s;}



#projectlist .projectitem a:hover .project_img::after {background-color: rgba(0,0,0,0.08);}

#projectlist .projectitem a:hover .projectitem_wrapper::after{position: absolute;top: 40%;left: 50%; opacity:1}

.projectSubList{margin:0 auto;padding: 50px 1% 60px;}

#indexPage #mproject a.more{ display:block;    width: 240px;height: 47px;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;}

#indexPage #mproject a.more:hover{text-indent: 90px; color: #5e5e5e;}

#indexPage #mproject a.more i{font-size:13px;}



#category{ padding-top:40px; width:86%;margin:0 auto;padding-bottom:40px;text-align: center;}

#category a{line-height: 16px;
    height: 16px;
    padding: 8px 16px;
    color: #616161;
   
    margin-right: 2px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;}





#projectlist .projectitem{ height: 490px; background:transparent;}

#projectlist{width:86%; margin:0 auto;    padding-bottom: 100px;display: table;}
#projectlist a.more wow{width: 240px;
    height: 47px;
    line-height: 47px;
    display: block;
    margin: 20px auto 0px;
    font-size: 14px;
    text-indent: 100px;border: #dfdfdf 1px solid;border-radius: 30px;}
	
#indexPage #mproject a.more{width: 240px;height: 47px; display:block;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;border:1px #dfdfdf solid;border-radius: 30px;}

#indexPage #mproject a.more:hover{width: 240px;height: 47px; display:block;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;border:1px #dfdfdf solid;border-radius: 30px;}

#indexPage #mproject a.more i{font-size: 16px;}	

#projectlist .projectitem a:after{content: '';width: 46px;height: 40px;line-height: 40px;background-image: url(../images/hg.png);margin: 0 auto;margin-left: -20px;margin-top: 0px;display: inline-block;position: absolute;top: 0%;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}

#projectlist .projectitem:hover a:after{ top:32%; opacity:1;}

#category a{border-radius: 2px; padding-left:30px; padding-right:30px; border-color:transparent; position:relative;}

#category a.active, #category a:hover{background: #ad4949; border-color:#ad4949; color:#FFF; text-decoration:none;}

#category li.hasmore div ul{margin-top: 30px;}

.npagePage  .content > .header{ display:none;}





#mproject #category a:after{content:'';width:3px; height:3px; position:absolute; top:62px; left:50%; background:#a3a3a3; margin-left:-1px; opacity:0}

#mproject #category a:before{ content:'';  height:16px;border-left: 1px solid #ECECEC; position:absolute; top:35px; left:50%;opacity:0}

#mproject #category a.active:after, #category a:hover:after,#category a.active:before, #category a:hover:before{ opacity:1;}

#pages a.active, #pages a:hover {background-color: #ad4949;color: #fff;}

.Pageanli #pages{ padding-bottom:120px;}
#indexPage #projectlist .projectitem{width:24%; height:490px; padding-bottom:32px; margin-right:1%; background:transparent; position:relative;}

#projectlist .projectitem a .project_info{ text-align: center;}

#projectlist .projectitem a .project_info p.title{color: #5A5A5A;font-size: 16px;transition: all 0.6s ease 0s;text-decoration:none;}



#projectlist .projectitem a .project_info p.subtitle{color: #ADADAD;height: 30px;line-height: 30px;text-align: center; font-size:13px; margin-top:0px;transition: all 0.6s ease 0s;}

#projectlist .projectitem:hover a .project_info p.subtitle{margin-top: -30px;opacity: 0;}

#projectlist .projectitem a:hover .project_info{ background-color:transparent;text-decoration:none;}

#projectlist .projectitem a:hover .project_info p.title{color: #5A5A5A; font-size:16px; margin-top:30px;text-decoration:none;}

#projectlist .projectitem a:hover .project_info p.subtitle{color: #ADADAD;}

.project_img{ position:relative; margin-bottom:16px; overflow:hidden;}

.project_img::after {content: ""; display: block; background-color: rgba(0,0,0,0);width: 100%;height: 424px;position: absolute;top: 0;left: 0;z-index: 10;transition: all 0.6s ease 0s;}


#projectlist .projectitem a:hover .project_img::after {background-color: rgba(0,0,0,0.08);}

#projectlist .projectitem a:hover .projectitem_wrapper::after{position: absolute;top: 40%;left: 50%; opacity:1}

.projectSubList{margin:0 auto;padding: 50px 1% 60px;}

#indexPage #mproject a.more{ display:block;width: 240px;height: 47px;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;}

#indexPage #mproject a.more:hover{text-indent: 90px; color: #5e5e5e;}

#indexPage #mproject a.more i{font-size: 16px;}

#projectwrap3{ width:1000px;}

#projectinfo3 .header{ padding-top:0px;}

#projectinfo3 .header p.title{font-size: 18px;color: #525252; line-height: 24px;padding: 26px 0px 0px;}

#projectinfo3 .header p.subtitle{color: #868686;margin: 6px 0 0;font-size: 13px;line-height: 24px;}



.nobanner .npagePage3{ padding-top:24px;}

#projectwrap3{ margin-top:0px;}

#projectinfo3 .header .description{ margin-top:40px;font-size: 13px; line-height: 24px;}

#projecttags3 a{ padding:8px 20px;background: transparent; border:1px solid #f3f3f3;border-radius: 2px; color:#7f7f7f;}

#projecttags3 a:hover{border: 1px solid #ad4949;background: #ad4949; color:#fff;}

#projectib3 #projectlist .projectitem a .project_info p.title{font-size:14px;color: #3D3D3D;}

#projectib3 #projectlist .projectitem a .project_info p.subtitle{color: #ADADAD;}

#projectib3 #projectlist{ width:100%;}

#projectib3 #projectlist .projectitem{width: 184px;margin: 0 8px 20px;}

#projectib3 .project_img::after{height:100%;}

#projectib3 #projectlist .wrapper{ margin-left:0;}

#projectib3 #projectlist .projectitem a .project_info{ border-top: 1px solid #e6e6e6;padding-top: 12px;}

#projectib3 #projectlist .projectitem a img{transform: scale(1, 1);}

#projectib3 #projectlist .projectitem:hover a:after{ top:30%;}

#projectib3 #projectlist .projectitem a .projectitem_wrapper::after{ display:none;}

#projectib3 #projectlist .projectitem:hover a .project_info p.title{ color:#ad4949}






#indexPage #mnews{ width:100%; height:auto;background-color:#fff;}
#indexPage .module {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
    height: 100%;
}


#mnews .content .header { display: block;border-bottom:1px solid rgba(0,0,0,.05);height: 78px;padding:60px 0 0; margin-bottom:80px; text-align:center; }

#mnews .content .header p.title{display:inline-block; margin:0 auto;padding:0 16px 0px; position:relative; text-align:left; font-size:26px; color:#444;}

#mnews .content .header p.title:after{ content:''; display:block; width:100%; height:2px; position:absolute; bottom:-44px; background:#A3A3A3; left:0;}
.content .header p.subtitle{font-size: 13px;color: #a3a3a3;}

#newslist{ padding-bottom:95px; width:1200px; margin:0px auto;}

#newslist .newstitem .news_wrapper { position: inherit; }

#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; }

#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }

#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }

#newslist .separator { display: none; }

#newslist .newstitem{width:360px; height:320px; margin-bottom:20px; position:relative; float:left; margin:0 20px; border-color:transparent; }

#newslist .newstitem a.newscontent{ border-radius: 4px; transition: all 0.3s ease-out 0s;text-align: left;margin-top:0px; position:absolute; width:100%; top:0px;}

#newslist .newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height:80px;width:90px; font-weight: 300;padding: 9px 0; width:100%; position:absolute; left:0px; top:0px;transition:all 0.3s ease 0s;}

#newslist .newstitem .md { color: #BDBDBD; display: inline-block;  position:absolute; bottom:24px;left:38px; font-size: 14px;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }

#newslist .newstitem .md span { display: none; }

#newslist .newstitem .year { color: #8a8a8a;font-size: 28px;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; position: absolute;top:24px; left:38px;}

#newslist .newsbody .description { width: auto; margin-top:8px; font-size:13px; color: #b0b0b0; text-align: left; height: 48px; overflow: hidden; line-height:24px; padding: 0px 20px;transition: all 0.6s ease 0s; }

#mnews .newstitem a.details { display: block; width:40px; height:30px; text-align:center; padding-top:10px; border-radius:0; border:1px solid rgba(255,255,255,.3); position:relative; z-index:2; overflow:hidden; margin-top:238px; margin-left:290px;transition: all 0.6s ease 0s; opacity:0;}

#mnews #newslist .newstitem:hover a.details i { text-indent:0px; color: #fff; }

#mnews #newslist .newstitem i { margin: 0; margin-left:0px; position:absolute; left:18px; top:10px; text-indent: 0px; color:#fff; font-size: 20px; margin: 0;}

#newslist .newstitem:hover p.title { color: #464646; }

#indexPage #mnews a.more { margin: 42px auto; display: none; }

#indexPage #mnews{ background-color:#fff;}

#newslist .newsbody{ width:auto;}

#newslist .newsbody .title{font-size: 16px;line-height: 38px;padding: 40px 20px 0px 20px; margin-top:99px; border-top: 1px solid #dcdcdc;transition: all 0.6s ease 0s;}

#newslist .newstitem:hover .newsbody p.date{top:202px; height:100px; background:#ad4949;transition: all 0.6s ease 0s;}

#newslist .newstitem:hover .md{bottom:34px; color:#fff;}

#newslist .newstitem:hover .year{ top:34px; color:#fff;}

#newslist .newstitem:hover .newsbody .title{ margin-top:14px; border-color:#ad4949;}

#newslist .newstitem:hover .newsbody .description{color:#8A8A8A;}

#mnews .newstitem:hover a.details{ margin-left:154px; opacity:1;}
#mproject a.more::after{content: "";display: block;width: 240px;height: 47px;line-height: 47px;border:2px solid #ad4949;opacity: 0;transition: all 0.5s ease 0s;margin: 0 auto;text-align: center;position: absolute;transform: scale(1, 1);bottom: 98px;margin-left: -3px;border-radius: 90px;}

#mproject a.more:hover::after{opacity:1;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.bgShow{
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #ffffff;
    position: relative;
}

.content .header p {
    text-align: center;
}
.content .header{
    padding-bottom: 50px;
}
#indexPage #mproject a.more:hover{border: 1px solid transparent;}



/*关于*/
#mservice .content{ margin:0; height:340px; padding-bottom:0px;}



.module.bgShow .bgmask{ display:none;}

#mpage .wrapper li{ position:relative;padding: 100px 0px; height:320px;}

#mpage .wrapper li .fimg{ 
background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    bottom: -100px;
    width: 38%;
    height: 515px;
    z-index: 6666;
    background-position: top center;}

#mpage .module-content .description{ width:32%; color:#a3a3a3;margin: 0 auto;line-height: 24px;}

#mpage .module-content .more:hover{
    border-bottom: 1px solid #b6b6b6;
}

#mpage .module-content .more a i{font-size: 16px;}


#mpage .wrapper{ overflow:visible;}

.slider a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i {
    text-indent: 18px;
    color: #707070;
}
.slider a.more i {
    font-size: 16px;
}
.slider a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i {
    text-indent: -10px;
    font-size: 24px;
    color: rgba(255,255,255,.0);
    transition: all ease-out .3s;
}

.slider a.more:hover{
    border-color: #b6b6b6;
    text-indent: 130px;
}
.slider a.more, #indexPage a.details, #sitecontent .npagePage a.details {
    background: rgba(255,255,255,.0);
    width: 360px;
    height: 58px;
    display: block;
    margin: 40px auto 50px;
    line-height: 58px;
    font-size: 20px;
    color: #838383;
    text-indent: 150px;
    border-radius: 30px;
    transition: all ease-out .3s;
	text-decoration: none;
}

#projectlist .projectitem a:hover img {
    transform: scale(1.2, 1.2);
}
#projectlist .projectitem a img {
    float: none;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#projectlist a.more::after {
    content: "";
    display: block;
    width: 240px;
    height: 47px;
    line-height: 47px;
    border: 2px solid #ad4949;
    opacity: 0;
    transition: all 0.5s ease 0s;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    transform: scale(1, 1);
    bottom: 98px;
    margin-left: -3px;
    border-radius: 90px;
}
#projectlist a.more i{
    text-indent: -10px;
    font-size: 16px;
    color: rgba(255,255,255,.0);
    transition: all ease-out .3s;
}
#projectlist a.more:hover i{
    text-indent: 18px;
    color: #707070;
}

#projectitem_1 {
	animation-name:fadeInUp;
	animation-delay:0.1s;
}
#projectitem_2 {
	animation-name:fadeInUp;
	animation-delay:0.2s;
}
#projectitem_3 {
	animation-name:fadeInUp;
	animation-delay:0.3s;
}
#projectitem_4 {
	animation-name:fadeInUp;
	animation-delay:0.4s;
}
#projectitem_5 {
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
#projectitem_6 {
	animation-name:fadeInUp;
	animation-delay:0.6s;
}
#projectitem_7 {
	animation-name:fadeInUp;
	animation-delay:0.7s;
}
#projectitem_8 {
	animation-name:fadeInUp;
	animation-delay:0.8s;
}
#projectitem_9 {
	animation-name:fadeInUp;
	animation-delay:0.9s;
}
#projectitem_10 {
	animation-name:fadeInUp;
	animation-delay:1s;
}
#projectitem_11 {
	animation-name:fadeInUp;
	animation-delay:1.1s;
}
#newsitem_1 {
	animation-name:fadeInUp;
	animation-delay:0.2s;
}
#newsitem_2 {
	animation-name:fadeInUp;
	animation-delay:0.4s;
}
#newsitem_3 {
	animation-name:fadeInUp;
	animation-delay:0.6s;
}
#newsitem_4 {
	animation-name:fadeInUp;
	animation-delay:0.8s;
}
#newsitem_5 {
	animation-name:fadeInUp;
	animation-delay:1s;
}
#newsitem_6 {
	animation-name:fadeInUp;
	animation-delay:1.2s;
}
#newsitem_7 {
	animation-name:fadeInUp;
	animation-delay:1.4s;
}
#newsitem_8 {
	animation-name:fadeInUp;
	animation-delay:1.6s;
}
#newsitem_9 {
	animation-name:fadeInUp;
	animation-delay:1.8s;
}
#newsitem_10 {
	animation-name:fadeInUp;
	animation-delay:2s;
}
#newsitem_11 {
	animation-name:fadeInUp;
	animation-delay:2.2s;
}
#serviceitem_1 {
	animation-name:fadeInUp;
	animation-delay:0.1s;
}
#serviceitem_2 {
	animation-name:fadeInUp;
	animation-delay:0.2s;
}
#serviceitem_3 {
	animation-name:fadeInUp;
	animation-delay:0.3s;
}
#serviceitem_4 {
	animation-name:fadeInUp;
	animation-delay:0.4s;
}
#serviceitem_5 {
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
#serviceitem_6 {
	animation-name:fadeInUp;
	animation-delay:0.6s;
}
#serviceitem_7 {
	animation-name:fadeInUp;
	animation-delay:0.7s;
}
#serviceitem_8 {
	animation-name:fadeInUp;
	animation-delay:0.8s;
}
#serviceitem_9 {
	animation-name:fadeInUp;
	animation-delay:0.9s;
}
#serviceitem_10 {
	animation-name:fadeInUp;
	animation-delay:1s;
}
#serviceitem_11 {
	animation-name:fadeInUp;
	animation-delay:1.1s;
}
#teamitem_1 {
	animation-name:fadeInUp;
	animation-delay:0.1s;
}
#teamitem_2 {
	animation-name:fadeInUp;
	animation-delay:0.2s;
}
#teamitem_3 {
	animation-name:fadeInUp;
	animation-delay:0.3s;
}
#teamitem_4 {
	animation-name:fadeInUp;
	animation-delay:0.4s;
}
#teamitem_5 {
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
#teamitem_6 {
	animation-name:fadeInUp;
	animation-delay:0.6s;
}
#teamitem_7 {
	animation-name:fadeInUp;
	animation-delay:0.7s;
}
#teamitem_8 {
	animation-name:fadeInUp;
	animation-delay:0.8s;
}
#teamitem_9 {
	animation-name:fadeInUp;
	animation-delay:0.9s;
}
#teamitem_10 {
	animation-name:fadeInUp;
	animation-delay:1s;
}
#teamitem_11 {
	animation-name:fadeInUp;
	animation-delay:1.1s;
}
.ProductList li:nth-child(1){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
.ProductList li:nth-child(2){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.6s;
}
.ProductList li:nth-child(3){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.7s;
}
.ProductList li:nth-child(4){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.8s;
}
#news .news:nth-child(1){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
#news .news:nth-child(2){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.7s;
}
#news .news:nth-child(3){
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.9s;
}
#quickLink li:nth-child(1){
	visibility: visible;
	animation-name:fadeInLeft;
	animation-delay:0.5s;
}
#quickLink li:nth-child(2){
	visibility: visible;
	animation-name:fadeInRight;
	animation-delay:0.5s;
}
#about_us .sygyl{
	visibility: visible;
	animation-name:fadeInLeft;
	animation-delay:0.5s;
}
#about_us .sygyr{
	visibility: visible;
	animation-name:fadeInRight;
	animation-delay:0.6s;
}
#footer .foots{
	visibility: visible;
	animation-name:fadeInUp;
	animation-delay:0.5s;
}
#contact .lianxi{
	visibility: visible;
	animation-name:fadeInLeft;
	animation-delay:0.5s;
}
#LeaveMessage .mess{
	visibility: visible;
	animation-name:fadeInRight;
	animation-delay:0.5s;
}
#indexPage #mpartner .wrapper ul li a .par_title {
	display:none;
	text-align:center;
	font-size:14px;
	width:100%;
}
#about_us .sygyl {
    width: 644px;
    float: left;
    margin-top: 44px;
}
#about_us .sygyr {
    width: 668px;
    float: right;
    margin-top: 124px;
}
#about_us .sygyr .sygyrs {
    width: 668px;
    height: 46px;
    line-height: 46px;
    color: #727171;
    font-size: 26px;
}

#about_us .sygyr .sygyrz {
    width: 668px;
    height: 37px;
    line-height: 37px;
    color: #ce1127;
    font-size: 20px;
}
#about_us .sygyr .sygyrx {
    width: 630px;
    height: 37px;
    line-height: 37px;
    color: #949393;
    font-size: 30px;
    padding-left: 38px;
    margin-top: 10px;
    line-height: 38px;
    font-size: 14px;
    background: url(../images/synrbg.png) no-repeat top left;
}
.news:hover time{
    margin-top: 180px;
    height: 100px;
    background: #ad4949;
    transition: all 0.6s ease 0s;
    position: absolute;
    width: 380px;
    color: #fff;
}
.news:hover time span{
	margin-left: 35px;
    margin-top: 20px;
	font-size:28px;
}
.news:hover time span p{
	font-size: 16px;
    color: #fff;
    padding: 0;
}
.news:hover h5{
    margin-top: 14px;
    border-color: #ad4949;
}
.news:hover p{
	color:#8a8a8a;
}
.news h5 {
    font-size: 16px;
    line-height: 38px;
    padding: 40px 20px 0px 20px;
    margin-top: 0;
    border-top: 1px solid #dcdcdc;
    transition: all 0.6s ease 0s;
}
.news p {
    width: auto;
    margin-top: 8px;
    font-size: 13px;
    color: #b0b0b0;
    text-align: left;
    height: 48px;
    overflow: hidden;
    line-height: 24px;
    padding: 0px 20px;
    transition: all 0.6s ease 0s;
}
#quickLink li .icontxt::after {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    width: 1px;
    height: auto;
    transition: all 0.6s ease 0s;
    position: absolute;
    left: 0px;
    top: 8px;
    opacity: 0;
}
#quickLink li:hover .icontxt::after {
    height: 70px;
    opacity: 1;
}

#quickLink li .icontxt {
   float:left;
   position: relative;
}
#quickLink li:hover .icontxt {
    color: #fff;
    padding-left: 24px;
}
#quickLink li .icontxt{
	transition: all ease-out .2s;
}
#quickLink li:hover .icontxt {
    height: 40px;
    line-height: 40px;
    transition: all 0.6s ease 0s;
}