/*程不凡*/


@import url("font.css");

.wrap_1200{ width: 1200px; margin: 0 auto;position: relative;}

.begin,.begin em,.begin div,.begin h2,.begin a,.begin li div{ transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.ttuc{ text-transform: Uppercase;}

.swiper_banner{ margin-top: 103px; position: relative;}

.banner_img{ width: 100%;}

.banner_txt{ position: absolute; left:50%; top: 35%; margin-left: -160px;}

.banner_down{ position: absolute; left:50%; bottom: 110px; margin-left: -17px;}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 50px;}

.swiper-pagination-bullet-active{ background: #fff;}

.header_top{ position: absolute; left: 0; top: 0; width: 100%; height: 81px; z-index: 10;}

.header_top .logo{ margin-left: 35px; margin-top: 29px;}

.header_top .menu{ margin-top: 29px;}

.header_top .menu ul{ margin-top: 6px;}

.header_top .menu ul li{ font-size: 16px; line-height: 36px; color: #fff; margin: 0 12px; padding:0 12px;position: relative; height: 36px;  text-align: center; border-radius:5px;-moz-border-radius:5px;}

.header_top .menu ul li a{ color: #fff;}

.subnav{ width: 209px; background: #fff; position: absolute; left: -14px; top: 36px; padding: 9px 0; display: none;}

.subnav a{ position: relative; width: 209px; height: 36px; display: block;}

.subnav span{ color: #636363; font-size: 16px; line-height: 36px; display: block; padding-left: 15px; text-align: left;}

.subnav i{ width: 0; height: 1px; position: absolute; bottom: 0px; left: 10px; display: block; background: #0aadd4; }

.header_top .menu ul li:hover,.header_top .menu ul li.hover{ background: #0aadd4; }

.header_top .menu ul li:hover a,.header_top .menu ul li.hover a{color: #fff;}

/*.header_top .menu ul li:hover .subnav{ display: block;}*/

.header_top .menu ul li .subnav a:hover span{ color: #000000;}

/*.header_top .home_menu ul li:hover,.header_top .home_menu ul li.hover{ background: none;}*/


.home_part_01 .title{ height: 169px; width: 1128px; margin: 0 auto; position: relative; padding-top: 119px;}

.home_part_01 .p01{ font-size: 30px; line-height: 52px; text-transform: Uppercase; color: #515457; position: absolute; left: 35px; top: 95px;}

.home_part_01 .p02{ font-size: 18px; line-height: 38px; color: #555657; position: absolute; left: 547px; top: 242px;}

.home_part_01 .s01{ width: 60px; height: 1px; background: #a0a0a0; position: absolute; right: 37px; top: 190px;}

.home_part_01 .s02{ font-size: 18px; line-height: 46px; text-transform: Uppercase; color: #a0a0a0; position: absolute; right: 37px; top: 210px;}

.home_part_01 .fuwu{ margin-top: 80px; padding-bottom: 80px;}

.home_part_01 .fuwu li:nth-child(1){ margin-left: 35px;}

.home_part_01 .fuwu li:nth-child(2){ margin-left: 305px;}

.home_part_01 .fuwu li:nth-child(3){ margin-left: 235px;}

.home_part_01 .fuwu li h3{ font-size: 18px; line-height: 40px; text-transform: Uppercase; color: #a0a0a0;}

.home_part_01 .fuwu li h2{ font-size: 24px; line-height: 48px; color: #515457;}

.home_part_01 .fuwu li span{ width: 25px; height: 1px; background: #515457; display: block; margin-top: -10px;}

.home_part_01 .fuwu li:nth-child(1) span{ margin-left: 180px;}

.home_part_01 .fuwu li:nth-child(2) span{ margin-left: 150px;}

.home_part_01 .fuwu li:nth-child(3) span{ margin-left: 155px;}



.home_work .title{ padding-top: 94px; height: 110px;}

.home_work .title span{ width: 60px; height: 1px; background: #a0a0a0; margin: 0 auto; display: block;}

.home_work .title h3{ font-size:12px; line-height: 12px; color: #a0a0a0; margin-top: 36px; text-align: center; }

.home_work .title h2{ font-size:38px; line-height: 54px; color: #515457; text-align: center; font-weight: bold;}

.home_work .list{ margin-top: 27px; margin-bottom: 57px;}

.home_work .list li{ width: 348px; margin: 24px 21px;}

.home_work .list li h4{ display: block;width:348px;height:196px; overflow: hidden; position: relative;}

.home_work .list li h4 img{ display: block; width: 100%;
		transform:scale(1);
-webkit-transform:scale(1);
   -moz-transform:scale(1);
     -o-transform:scale(1);
	              scale(1);
		transition:all 0.5s; 
     -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
width:348px;height:196px;
}

.home_work .list li a:hover h4 img{
	    transform:scale(1.1);
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
	              scale(1.1);
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;	
}

.home_work .list li h2{ font-size: 18px; height: 60px; line-height: 60px; overflow: hidden;color: #3b393a; position: relative; padding: 0 10px; background: #f7f5f5;}

.home_work .list li h2 span{ font-size: 16px; color: #555657;}

.home_work .list li h2 i{ position: relative; z-index: 10;}

.home_work .list li em{ width: 348px; height: 196px; display: block; background: #000000; opacity: 0; position: absolute; left: 0; top: 0;transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.home_work .list li em.on{ opacity: 0.7;transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.home_work .list li p{ font-size:16px; padding-top: 24px; line-height: 24px; color: #a0a0a0;}

.home_work .list li:hover h2{ background: #0aadd4;}

.home_work .list li:hover h2,.home_work .list li:hover h2 span{ color:#fff;}

.home_work .list li:hover em{opacity: 0.7;transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.home_contact{ height: 625px; position: relative;}

.home_contact .bg img{ height: 625px; display: block; width: 100%;}

.home_contact .content{ position: absolute; left: 0; top: 0; width: 100%; height: 268px;}

.home_contact .content .wrap_1200{ position: relative; height: 268px;}

.home_contact h3{ margin-left: 35px; margin-top: 82px; font-size: 14px; line-height: 32px; color: #fff;}

.home_contact h2{ margin-left: 35px; font-size: 38px; line-height: 40px; color: #fff;}

.home_contact ul{ padding-top: 40px;}

.home_contact ul li em{ width: 44px; height: 1px; background: #fff; margin-right: 15px; margin-top: 8px;}

.home_contact ul li span{ font-size: 12px; color: #fff;}

.home_contact ul li p{ padding-top: 20px; font-size: 16px; line-height: 30px; color: #fff;}

.home_contact ul li:nth-child(1){ margin-left: 40px;}

.home_contact ul li:nth-child(2){ margin-left: 200px;}

.home_contact ul li:nth-child(3){ margin-left: 200px;}

.home_contact .biaodan{ width: 1128px; height: 370px; background: url(../image/biaodan_bg.png) no-repeat; position: absolute; left: 36px; top: 230px;}

.footer{ width: 100%; height: 83px; background:#3d3e40; padding-top: 127px;}

.menu_foot{ border-top: solid 1px #4f5053; width: 1130px; margin-left: 35px;}

/*.menu_foot .txt{ font-size: 12px; line-height: 18px; color: #6e6e70; margin-top: 22px;}*/
.menu_foot .txt{
font-size: 12px;
line-height: 18px;
color: #6e6e70;
position: absolute;
left: 0;
top: 12px;
text-align: center;
width: 100%;
}

.menu_foot .txt a:hover{ color: #ffffff;}

.menu_foot a{ color: #6e6e70; margin-left: 20px;}

.menu_foot ul{ margin-top:-40px;text-align: center; }

.menu_foot ul li{ font-size: 16px; line-height: 30px; color: #fff; margin-right: 50px; float: inherit; display: inline-block; }

.menu_foot ul li a{ color: #fff;}


.header_nei{ height: 103px; background: #fff;}

.header_nei .menu ul li a{ color: #595757;}

.banner_nei{ margin-top: 103px; position: relative;}

.banner_nei_img{ width: 1920px; margin: 0 auto ; height: 500px;}

.banner_work_txt{ width:267px; position: absolute; left: 50%; margin-left: 298px; top: 250px;}

.banner_2_txt{ width: 289px; margin-left: 276px;}

.work{ padding-bottom: 143px;}

.nav{ padding-top: 110px; padding-bottom: 87px; border-bottom: solid 1px #a0a0a0;}

.nav ul li{ width: 260px; margin: 0 70px; text-align: center;}

.nav ul li a{ width: 100%; height: 100%; top:0;left:0;}

.nav ul li h3{ font-size: 20px; line-height: 32px;}

.nav ul li h2{ font-size: 26px; line-height: 38px; }

.nav ul li a{ color: #9fa0a0;}

.nav ul li:hover a,.nav ul li.hover a{ color: #000;}

.work_list{ width: 1130px; margin: 0 auto; padding-bottom: 45px;}

.work_list ul{ padding-top: 17px;}

.work_list ul li{ width: 535px; margin-top: 50px; margin-left: 60px;}

.work_list ul li:nth-child(2n-1){ margin-left: 0;}

.work_list ul li h4{ width: 535px; height: 300px; overflow: hidden; position: relative;}

.work_list ul li h4 img{ display: block; width: 100%;
		transform:scale(1);
-webkit-transform:scale(1);
   -moz-transform:scale(1);
     -o-transform:scale(1);
	              scale(1);
		transition:all 0.5s; 
     -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
width:535px;height:301px;
}

.work_list ul li a:hover h4 img{
	    transform:scale(1.05);
-webkit-transform:scale(1.05);
   -moz-transform:scale(1.05);
     -o-transform:scale(1.05);
	              scale(1.05);
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;	
}

.work_list ul li h5{ font-size: 24px; line-height: 40px; color: #515457; padding-top: 17px;}

.work_list ul li p{ font-size:18px; line-height: 32px; max-height: 64px; color: #555657; overflow: hidden;}

.work_list ul li .s01{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; display: block;
filter:alpha(opacity=0); 
		-moz-opacity:0;
	 -khtml-opacity: 0;
			opacity: 0;
		transition:all 0.5s;
     -o-transition:all 0.5s;
-webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
}

.work_list ul li a:hover .s01{
	        transition:all 0.5s; 
		 -o-transition:all 0.5s; 
    -webkit-transition:all 0.5s; 
	   -moz-transition:all 0.5s;
	    filter:alpha(opacity=60); 
		        -moz-opacity:0.6; 
			  -khtml-opacity:0.6; 
			         opacity:0.6; 	
	
	
}

.work_list ul li .s02{ width: 140px; height: 38px; background: url(../image/work_enter.png) no-repeat; position: absolute; left: 50%; top: 30%; margin-left: -70px; margin-top: -19px;
	filter:alpha(opacity=0); 
	        -moz-opacity:0; 
		  -khtml-opacity:0; 
		         opacity:0; 
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
}

.work_list ul li a:hover .s02{
 		top: 50%;
    filter:alpha(opacity=100); 
	        -moz-opacity:1; 
		  -khtml-opacity:1; 
		         opacity:1; 
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
	
}

.home_work ul li .s02{ width: 140px; height: 38px; background: url(../image/work_enter.png) no-repeat; position: absolute; left: 50%; top: 30%; margin-left: -70px; margin-top: -19px;
	filter:alpha(opacity=0); 
	        -moz-opacity:0; 
		  -khtml-opacity:0; 
		         opacity:0; 
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
}

.home_work ul li a:hover .s02{
 		top: 50%;
    filter:alpha(opacity=100); 
	        -moz-opacity:1; 
		  -khtml-opacity:1; 
		         opacity:1; 
		transition:all 0.5s; 
	 -o-transition:all 0.5s; 
-webkit-transition:all 0.5s; 
   -moz-transition:all 0.5s;
	
}



.work_detail_swiper .swiper-wrapper{ width: 934px; height: 525px; margin: 0 auto;}

.work_detail_swiper{ margin-top: 114px;}

.swiper-button-prev{ width: 63px; height: 14px; background: url(../image/prev.png) no-repeat;}

.swiper-button-next{ width: 63px; height: 14px; background: url(../image/next.png) no-repeat;}

.work_detail .content{ margin-top: 60px; margin-bottom: 60px; padding-bottom: 80px;}

.work_detail .content img{ max-width: 1200px;}

.work_detail .back a{ width: 173px; height: 45px; border: solid 1px #a0a0a0; font-size: 18px; line-height: 45px; display: block; color: #a0a0a0; margin: 0 auto;}

.work_detail .back a:hover,.work_detail .back a.hover{ background: #a0a0a0; color: #fff;}


.shuzijishu{ position: relative; padding-bottom: 156px;}

.shuzijishu .u01{ position: relative; height: 730px;}

.shuzijishu .u01 li{ position: absolute;}

.shuzijishu .zfx01{ position: absolute; left: 442px; top: 192px; width: 359px; height: 345px;}

.shuzijishu .zfx02{ position: absolute; left: 496px; top: 213px; width: 296px; height: 296px;}

.shuzijishu .u01 .li01{ left: 466px; top: 140px; width: 97px; height: 39px;}

.small_pic{ width: 250px; height: 140px; position: absolute; left: 0; top: 0; margin-left: 20px; margin-top: 20px; display: none; }

.shuzijishu .u01 .li02{ left: 754px; top: 140px; width: 117px; height: 40px;}

.shuzijishu .u01 .li03{ left: 801px; top: 261px; width: 128px; height: 44px;}

.shuzijishu .u01 .li04{ left: 818px; top: 362px; width: 125px; height: 41px;}

.shuzijishu .u01 .li05{ left: 732px; top: 546px; width: 117px; height: 40px;}

.shuzijishu .u01 .li06{ left: 416px; top: 512px; width: 129px; height: 40px;}

.shuzijishu .u01 .li07{ left: 287px; top: 332px; width: 146px; height: 41px;}

.shuzijishu .u01 li:not(.li00) a img{
		transform:scale(0.95);
-webkit-transform:scale(0.95);
   -moz-transform:scale(0.95);
     -o-transform:scale(0.95);
	              scale(0.95);
		transition:all 0.2s; 
     -o-transition:all 0.2s; 
-webkit-transition:all 0.2s; 
   -moz-transition:all 0.2s;
}
.shuzijishu .u01 li:not(.li00) a:hover img{
		transform:scale(1);
-webkit-transform:scale(1);
   -moz-transform:scale(1);
     -o-transform:scale(1);
	              scale(1);
		transition:all 0.2s; 
	 -o-transition:all 0.2s; 
-webkit-transition:all 0.2s; 
   -moz-transition:all 0.2s;
}

.shuzijishu .service_01{ width: 1130px; margin: 0 auto;}

.process{ width: 1130px; margin: 0 auto; padding-top: 120px; padding-bottom: 273px; }


.service_detail{ padding-bottom: 82px;}

.service_detail .txt{width: 615px;}

.service_detail .part01{ margin-top: 130px;}

.service_detail .part02{ margin-top: 20px;}

.service_detail .part03{ margin-top: 84px;}

.service_detail .part04{ margin-top: 84px;}

.service_detail .part01 .right{ margin-left: 135px; margin-top: 69px;}

.service_detail .part02 .left{ margin-top: 94px;}

.service_detail .part03 .right{ margin-left: 135px; margin-top: 10px;}

.service_detail .part04 .left{ margin-top: 33px;}

.service_detail h3{ font-size: 10px; color: #a0a0a0;}

.service_detail h2{ color: #555657; line-height: 48px;}

.service_detail p{ font-size: 18px; line-height: 32px; color: #555657; padding-top: 40px;}






.star{ position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; text-align: center; background: #fff;display: table;}

.star #canvas{position: absolute; width: 376px; height: 120px; left: 50%; top: 50%; margin-left: -188px; margin-top: -60px; } 


.line{ position: absolute; left: 0; top: 65%; width: 100%; font-size: 24px;}

.line span{ height: 1px; background: #595757; margin-top: 15px; display: block; float: left;}

.loadBegin{ float: left; margin-left: 20px;}

.line_ani {
	animation: line 3s linear 1;
	-webkit-animation: line 3s linear 1;
	animation-fill-mode: forwards;
}

@-webkit-keyframes line {
	0%
	{
		width: 0%;
	}	
	100% {
		width: 90%;
	}
}

@keyframes line {
	0%
	{
		width: 0%;
	}	
	100% {
		width: 90%;
	}
}










/*邹浩*/
.zppic {width:348px;}