@charset "gb2312";
/* CSS Document */
/*
* Description: 建工国庆
* Update:      20/09/2017
* Author:      yixiaofang
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #fff;  color:#333;font-family:"microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{ text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{width:1000px;margin:0 auto;}
img{display:block;}
.btn{display:block; text-align:center; margin:0 auto; color:#fff;}

/*banner*/
	.banner{ overflow:hidden; position:relative; width:100%; height:610px; background:url(../images/banner.jpg) no-repeat top center;}
	.banner .autoin{ position:relative;height:610px;}
	.ban_01{ margin:0 auto;width:847px; height:635px; background:url(../images/ban_01.png) no-repeat; }
	.ban_02{ z-index:0;width:236px; height:250px; background:url(../images/ban_02.png) no-repeat; position:absolute;  bottom:150px;  right:30px;-moz-animation:ban1 2s ease-in-out ;-ms-animation:ban1 2s ease-in-out ;-o-animation:ban1 2s ease-in-out ;-webkit-animation:ban1 2s ease-in-out ;animation:ban1 2s ease-in-out ;}
	.ban_03{ z-index:2;width:727px; height:337px; background:url(../images/ban_03.png) no-repeat; position:absolute;  bottom:35px;  left:-59px;-moz-animation:ban1 2s ease-in-out ;-ms-animation:ban1 2s ease-in-out ;-o-animation:ban1 2s ease-in-out ;-webkit-animation:ban1 2s ease-in-out ;animation:ban1 2s ease-in-out ;}
	.ban_04{ z-index:4;width:1069px; height:299px; background:url(../images/ban_05.png) no-repeat; position:absolute;  bottom:0;  left:-33px;}
	.ban_05,.ban_06{width:216px;position:absolute;bottom:50px; z-index:3;  height:270px; background:url(../images/ban_06.png) no-repeat;  }
	.ban_05{    left:-297px;}
	.ban_06{   right:-297px;}
	.banner_02{ z-index:3; width:100%; height:65px; background:url(../images/ban_04.png) no-repeat; position:absolute; left:0; bottom:0;}
	.banner_03{ width:224px; height:101px; position:absolute; top:185px; left:-224px; background:url(../images/ban_07.png) no-repeat;transition:all 2s ease-in 0.5s;-webkit-transition:all 2s ease-in 0.5s;-moz-transition:all 2s ease-in 0.5s;-ms-transition:all 2s ease-in 0.5s;-o-transition:all 2s ease-in 0.5s;opacity:0; }
	.banner_04{ width:276px; height:126px; position:absolute; top:59px; right:-276px; background:url(../images/ban_08.png) no-repeat;transition:all 2s ease-in 0.5s;-webkit-transition:all 2s ease-in 0.5s;-moz-transition:all 2s ease-in 0.5s;-ms-transition:all 2s ease-in 0.5s;-o-transition:all 2s ease-in 0.5s;opacity:0; }
	
	.banner_05 { width:637px; text-align:center; height:637px; background:url(../images/ban_09.png) no-repeat top center; position:absolute; bottom:0; left:-637px; z-index:9; }
	.gobanner_wz1{left:20px;opacity:1;}
	.gobanner_wz2{right:-5px;opacity:1;}
	.gobanner_wz3{ left:50%; margin-left:-318px;transform:rotate(0deg) translate(0px,0);-moz-transform:rotate(0deg) translate(0px,0);-ms-transform:rotate(0deg) translate(0px,0);-o-transform:rotate(0deg) translate(0px,0);-webkit-transform:rotate(0deg);animation:zhuan 2s ease-in-out alternate;-moz-animation:zhuan 2s ease-in-out alternate;-ms-animation:zhuan 2s ease-in-out alternate;-o-animation:zhuan 2s ease-in-out alternate;-webkit-animation:zhuan 2s ease-in-out  alternate;}
	.banner_05 .autoin{ width:637px; }
	.ban_con{ padding:340px 0 40px 0;}
	.ban_con span{ display:inline-block; vertical-align:middle; width:58px; height:58px; line-height:54px; color:#fff; font-size:36px; font-weight:bold; background:url(../images/ban_10.png) no-repeat; }
	.banner_05 p{ line-height:48px; color:#fff; font-size:20px;}
	.banner_05 p span{ display:inline-block; vertical-align:middle; width:5px; height:5px; background-color:#fff; border-radius:50%; margin:0 5px;}
	.banner_05 .btn{ width:166px; height:56px; line-height:46px; font-size:20px; color:#f86751; background:url(../images/ban_11.png) no-repeat; }
	.banner_05 .btn:hover{ background:url(../images/ban_11h.png) no-repeat; }
	
	@-webkit-keyframes animate-cloud {
	  from {
		background-position: 1000px 100%;
	  }
	  to {
		background-position: 0 100%;
	  }
	}
	@-moz-keyframes animate-cloud {
	  from {
		background-position: 1000px 100%;
	  }
	  to {
		background-position: 0 100%;
	  }
	}
	@-ms-keyframes animate-cloud {
	  from {
		background-position: 1000px 100%;
	  }
	  to {
		background-position: 0 100%;
	  }
	}
	@-o-keyframes animate-cloud {
	  from {
		background-position: 1000px 100%;
	  }
	  to {
		background-position: 0 100%;
	  }
	}
	.banner_01{ z-index:1; position:absolute; background:url(../images/ban_bg.png);  -webkit-animation: animate-cloud 20s linear infinite;
	   -moz-animation: animate-cloud 20s linear infinite;
	   -ms-animation: animate-cloud 20s linear infinite;
	   -o-animation: animate-cloud 20s linear infinite;
	   animation: animate-cloud 20s linear infinite;width: 100%; bottom:60px; left:0; height:181px; }
	.main{ position:absolute; bottom:20px; left:0;}
	
	@keyframes ban1{
		 0%{ bottom:-102px; right:30px;opacity:0; }
		 form{ bottom:150px; right:30px; opacity:1;}
	}
		
	@-webkit-keyframes ban1{
		 0%{ bottom:-102px; right:30px;opacity:0; }
		 form{ bottom:150px; right:30px; opacity:1;}
	}
	@-moz-keyframes ban1{
		 0%{ bottom:-102px; right:30px;opacity:0; }
		 form{ bottom:150px; right:30px; opacity:1;}
	}
	@-ms-keyframes ban1{
		 0%{ bottom:-102px; right:30px;opacity:0; }
		 form{ bottom:150px; right:30px; opacity:1;}
	}
	@-o-keyframes ban1{
		 0%{ bottom:-102px; right:30px;opacity:0; }
		 form{ bottom:150px; right:30px; opacity:1;}
	}
	
	@keyframes zhuan{
	    from { transform: rotate(0deg); left:-637px; }
	    to { transform: rotate(360deg); left:50%; margin-left:-318px; }	
    }
	@-webkit-keyframes zhuan{
	    from { transform: rotate(0deg); }
	    to { transform: rotate(360deg); }	
	}
	@-moz-keyframes zhuan{
	    from { transform: rotate(0deg); }
	    to { transform: rotate(360deg); }	
	}
	@-ms-keyframes zhuan{
	    from { transform: rotate(0deg); }
	    to { transform: rotate(360deg); }	
	}
	@-o-keyframes zhuan{
	    from { transform: rotate(0deg); }
	    to { transform: rotate(360deg); }	
	}
	@keyframes zhuan2{
		0%{ transform: rotate(0) }
		100%{transform: rotate(360deg) }
	}
	@-webkit-keyframes zhuan2{
		0%{ -webkit-transform: rotate(0)}
		100%{-webkit-transform: rotate(360deg))}
	}
	@-moz-keyframes zhuan2{
		0%{ -webkit-transform: rotate(0)}
		100%{-webkit-transform: rotate(360deg))}
	}
	@-ms-keyframes zhuan2{
		0%{ -webkit-transform: rotate(0)}
		100%{-webkit-transform: rotate(360deg))}
	}
	@-o-keyframes zhuan2{
		0%{ -webkit-transform: rotate(0)}
		100%{-webkit-transform: rotate(360deg))}
	}
	
	
/*spike*/	
	.spike{ width:100%; height:514px; background:url(../images/spi_bg.jpg) no-repeat top center;}
	.spi_con{ padding-top:70px;}
	.spi_d{ width:455px; height:424px; background-color:#fff; border:10px solid #fcf0ca; border-radius:14px; }
	.spi_l{ float:left;}
	.spi_r{ float:right; width:481px;}
	.spi_l h4{ text-align:center; line-height:92px; font-size:38px; color:#8e8e8e;}
	.spi_l h4 em{ color:#ff5f76;}
	.spi_l ul{ padding-left:28px;}
	.spi_l li{ margin-right:39px; text-align:center; color:#fff; width:175px; height:296px; background-color:#ff93a3; float:left; border:3px solid #ff5f76; border-radius:3px; }
	.spi_lit{ padding:22px 0 4px 0; }
	.spi_lit,.spi_lic{ background:url(../images/spi_03.png) no-repeat bottom center;}
	.spi_lit img{ margin:0 auto;}
	.spi_lit p{ color:#fff; line-height:46px; padding-top:9px; font-size:20px;}
	.spi_lic{ padding:9px 0 15px 0;}
	.spi_lic a{ width:120px; height:30px; line-height:30px; border-radius:30px; background-color:#fff; color:#ff5f76; }
	.spi_lic a:hover{ background-color:rgba(255,255,255,0.8);}
	.spi_l li .p1{ line-height:40px; }
	
	.spi_r h4{ line-height:86px; background:url(../images/spi_04.png) 42px 6px no-repeat; font-size:38px; font-weight:bold; color:#fff; padding-left:94px; }
	.s_p{ position:relative; color:#ff5f76; width:395px; margin-left:18px; height:40px; line-height:40px; background-color:#ffecee; padding-left:20px;  }
	.s_p img{ position:absolute; top:-69px; right:-40px;}
	.spi_rcon{ padding-top:13px; position:relative; z-index:2;}
	.spi_rd{ float:left;width:229px; overflow:hidden; padding:0px 16px 0 30px; height:248px;}
	.spi_rd li{ font-size:14px; border-bottom:1px solid #e6e6e6; line-height:20px; color:#4e4e4e; padding:11px 0 9px 0; }
	.spi_rd li em{ color:#ff5f76;}
	
	.spi_rc{ width:180px; float:left;}
	.spi_rc .p1{ margin-bottom:10px; padding-left:26px; height:30px; background:url(../images/spi_06.png) center left no-repeat; }
	.spi_rc .p1 input{ font-size:14px; color:#888888; padding-left:10px; width:144px; height:30px; line-height:30px; background-color:#f7f4f4;}
	.spi_rc .p2{ padding-left:26px; background:url(../images/spi_07.png) left  6px no-repeat; }
	textarea{width:144px; font-size:14px;  height:156px; color:#888888; max-width:154px;max-height:166px; border:1px solid #f7f4f4; background-color:#f7f4f4; padding:5px;}
	.spi_rc .btn{ width:120px; height:32px; line-height:32px; background-color:#ff5f76; border-radius:32px; margin: 20px 0 0 45px;}
	.spi_rc .btn:hover{ background-color:#f88b9b;}	

/*tao_con*/
	.tao_t{ width:100%; height:235px; padding-top:40px; background:url(../images/tao_bg1.jpg) no-repeat top center;}
	.title{ height:171px; position:relative;}
	.title span{ display:block; margin:0 auto; width:171px; height:171px; background:url(../images/tao_01.png) no-repeat; animation:zhuan2 3s infinite linear;}
	.title h3{ width:574px; height:105px; line-height:98px; background:url(../images/tao_02.png) no-repeat; text-align:center; position:absolute;z-index:2; top:70px; left:50%; margin-left:-278px; font-size:40px; color:#fff; }
	.title h3 em{ font-weight:bold; color:#f9e456; }
	.title p{ width:431px; height:42px; background:url(../images/tao_03.gif) no-repeat; position:absolute; top:164px; left:50%; margin-left:-206px; z-index:3; }
	
	/*tao_c1*/
	.tao_c1{ width:100%; height:608px; background:url(../images/tao_bg2.jpg) no-repeat top center;}
	.tao_c{ background-color:#fff; border:10px solid #fcf0ca; border-bottom:none; border-radius:35px 35px 0 0; }	
	.til_tit{padding:42px 0 30px 0; text-align:center;}
	.til_tit h4{ line-height:54px; font-size:36px; font-weight:bold; color:#ff5f76; }
	.til_tit p{ font-size:18px; color:#a2a2a2; line-height:18px; }
	.tao_c ul{ width:849px; height:416px; border-radius:4px; margin:0 auto; padding:30px 0 0 30px; background-color:#ff93a3; border:4px solid #ffd8de; }
	
	
	.secd_c{ border:4px solid #ff5f76; cursor:pointer; position:relative; margin-right:21px; color:#e8faff;  text-align:center; width:251px; height:377px; background-color:#fff; border-radius:14px; float:left; } 
	.sec_t{ height:210px;}
	.sec_t h4{ font-size:20px;font-weight:bold; line-height:24px; color:#ff5f76; padding:25px 0 20px 0; }
	.sec_t p{ text-align:left; color:#000; font-size:14px; line-height:22px; }
	.sec_t p em{ color:#ad0b11;}
	.sec_c,.tao_dc{ line-height:70px; height:82px; }
	.sec_t,.sec_c,.tao_dc{border-bottom:1px solid #a90b05; width:220px; margin:0 auto;overflow:hidden;}
	
	.tao_dc{ line-height:24px; height:94px; }
	.tao_dc b,.tao_dc i{color:#f3913a;font-weight:bold;line-height:60px; font-size:22px;}
	.tao_dc b{padding-left:5px;}
	.tao_dc b,.tao_dc p,.tao_dc i{ float:left;display:inline;}
	.tao_dc p{width:126px;}
	.tao_dc p span{ color:#b8b3af; font-size:24px; text-decoration:line-through;}
	.tao_dc em{ line-height:60px;}
	
	.btna{ overflow:hidden; height:71px; padding-left:20px;}
	.btna .btn{ font-size:16px; color:#fff; line-height:36px;margin:12px auto 0;background-color:#ff5f76;  width:98px; height:36px; border-radius:36px;   float:left;}
	.btna .btn_01{ margin-left:20px; background-color:#9585ed; margin-left:15px;}
	
	
	.tao_c .sec_s p{ color:#fff; font-size:18px; margin-top:11px;}
	.tao_con1 .sec_s{  background:url(../images/sec_06.png) no-repeat;}
	.tao_con1 .sec_s p{  font-size:14px; line-height:14px; margin-top:11px;}
	.sec_c span{float:left;display:inline; width:66px; height:70px; font-size:22px; color:#f3913a; font-weight:bold;}
	.sec_c span.span_01{width:20px;}
	.sec_c em,.tao_dc em{display:inline;font-size:50px; font-family:"Impact"; font-weight:bold; color:#e03f39; }
	.sec_c em{float:left;}
	.secd_c .btn:hover{  color:#fff600;text-shadow: 0 0 5px #fff600, 0 0 10px #fff600, 0 0 15px #fff, 0 0 40px #fff600, 0 0 70px #fff600;}
	.sec_div{  width:265px;  height:403px; background:rgba(0,0,0,0.6) url(../images/sec_04.png) center center no-repeat; position:absolute; top:0; left:0; border-radius:20px; z-index:10;}
	.sec_div.sec_div2{background:rgba(0,0,0,0.6) url(../images/sec_042.png) center center no-repeat; }
	.sec_s{ display:block; width:84px; height:83px; background:url(../images/sec_05.png) no-repeat; position:absolute; top:0px; right:0px;}
	.sec_s p{ color:#fff; font-size:14px;width:87px; font-weight:bold; margin:17px 0 0 14px; transform: rotate(43deg);}
	
	/*tan*/
	.tan{ display:none; width:704px; text-align:left; color:#232323; background-color:#fff; border:6px solid #fc4946; position:fixed; z-index:100; top:50%; left:50%; margin:-250px 0 0 -352px;}
	.tan_t{ padding:10px 0 ; width:677px; border-bottom:1px dashed #bebebe; margin:0 auto;  }
	.tan h5{ font-weight:bold;font-size:20px; line-height:40px;}
	.tan_t p{ font-size:14px; line-height:18px; }
	.tan_c h5{ padding-left:12px;}
	table th{ text-align:center; background-color:#911f20; color:#fff; font-weight:100; font-size:16px;}
	.tan_ta{ width:677px; height:201px; margin:0 auto;overflow-y :auto;} 
	.tan_ta td{ font-size:16px; color:#232323; line-height:35px;  border-bottom:1px dashed #bebebe;}
	.tan_ta td em{ color:#f44f29; font-weight:bold;}
	.tan_ta td i{ text-decoration:line-through;}
	.tan_c a{ display:block; color:#fff; text-align:center; margin:10px auto;  width:130px; height:49px; line-height:49px; background-color:#b00b1a; font-size:20px; border-radius:20px; border-bottom:4px solid #cd9a9a; }
	.tan2 .btna1{ padding-left:163px;}
	.tan2 .btna1 a{ margin-right:110px; float:left; }
	.close{ cursor:pointer;position:absolute;font-family:Helvetica;font-size:30px;color:#8b8b8b;top:-5px;right:0;}
	/*灰背景*/
	.gray{width:100%;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-webkit-opacity:0.5;-o-opacity:0.5; -ms-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;position: absolute;z-index: 99;display: none;left:0;top:0;}  
	
	/*tao_c2*/
	.tao_c2{ width:100%; height:574px; background:url(../images/tao_bg3.jpg) no-repeat top center;}
	.tao_cc1{ border-top:none; border-radius:0;}
	.til_tit1{padding:19px 0 30px 0; }
	
	/*tao_c3*/
	.tao_c3{ width:100%; height:620px; background:url(../images/tao_bg4.jpg) no-repeat top center;}
	.tao_cc2{ border-top:none; border-bottom:10px solid #fcf0ca; border-radius:0 0 35px 35px; padding-bottom:30px;}
	.til_tit1{padding:19px 0 30px 0; }
	
/*huan*/	
	.huan{ width:100%; height:761px; padding-top:62px; background:url(../images/hua_bg.jpg) no-repeat top center; }
	.title1 span{ background:url(../images/hua_01.png) no-repeat;}
	.title1 p{ background:url(../images/hua_02.gif) no-repeat;}
	.hua_d{ width:994px; height:533px; background:url(../images/hua_02.png) no-repeat; margin:57px auto 0; }
	
/*cooperation	*/
	.cooperation{ width:100%; height:100px; padding-top:174px; background:url(../images/coo_bg.jpg) no-repeat top center; }
	
	
/*扉页信息*/
.feiye{height:32px;line-height:32px;text-align:center;font-size:12px;color:#a2b8ea; padding-top:30px;}