@charset "utf-8";
/* CSS Document */

.pormor{ width:100px; height:40px; overflow:hidden;}
.pormor a{ display:block; width:94px; height:34px; text-align:center; line-height:34px; overflow:hidden; text-decoration:none; font-family:"Arial"; position:relative;}
.pormor a em{ display:inline-block; position:absolute; width:100%; height:100%; left:0;}
.pormor a .mor1{ top:0;}
.pormor a .mor2{ top:37px;}


.iban{ height:800px; position:relative; overflow:hidden;}
.baner{ height:800px; position:absolute; top:-800px; left:0; width:100%;}
.baner .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
.baner .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%;}
.baner .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%;}
.banerImg{ background:url(../images/baner.jpg) no-repeat center; height:800px;}
.bg{ background:#000; position:absolute; height:100%; width:100%; left:0; top:800px;}

#baner .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#baner .btn li{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#baner .btn li.on{ background:#000;}


#flashs{ position:relative; height:800px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#000;}



/*storyMain*/
.storyMain{ margin-top:100px;}
.sto_l{ float:left; width:520px; /*margin-top:-100px;*/ /*left:-50%; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;*/ position:relative; height:680px; overflow:hidden;}
.sto_l .thembot{ display:block; width:67px; height:67px; overflow:hidden; position:absolute; top:305px; z-index:99;}
.sto_l .thembot1{ background:url(../images/thembot1.png) no-repeat center top; left:0;}
.sto_l .thembot2{ background:url(../images/thembot2.png) no-repeat center top; right:0;}
.v_cont{ width:520px; height:680px; overflow:hidden; position:relative;}
.v_cont ul{width:100000px; height:680px; position:absolute;left:0px;top:0px;}
.v_cont ul li{ float:left; height:680px;}
.v_cont ul li .intr{ position:relative; height:680px; width:520px; overflow:hidden;}
.v_cont ul li .intr img{ display:block; transition:all 2s;
 -moz-transition: all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;}
.v_cont ul li .intr:hover img{ transform:scale(1.1);
-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1);}
.v_cont ul li .intr .tt{ position:absolute; top:85px; left:67px; color:#fff;}
.v_cont ul li .intr .tt span{ font-size:16px;}
.v_cont ul li .intr .tt h5{ font-size:42px; font-weight:normal; font-family:"Times New Roman"; line-height:42px; margin-top:15px;}
.v_cont ul li .intr .tt em{ font-size:18px; font-weight:bold; font-family:"Arial";}
.v_cont ul li .intr .tt i{ display:block; width:45px; height:0; border-top:1px solid #fff; margin-top:25px;}
.sto_l .page{ position:absolute; color:#fff; font-family:"Arial"; right:40px; bottom:30px; z-index:99;}
.sto_l .page span{ font-size:30px;}
/*.v_cont ul li .intc{ margin-top:58px;}
.v_cont ul li .intc h5{ font-size:24px; color:#222; font-weight:normal; margin-bottom:15px;}
.v_cont ul li .intc p{ font-size:13px; color:#000; line-height:26px;}
.v_cont ul li .intc i{ display:block; width:45px; height:0; border-top:1px solid #222; margin-top:45px;}*/
/*str_r*/
.str_r{ float:right; width:600px; position:relative; /*right:-50%; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;*/}
.str_r .gus{}
.str_r .gus span{ display:block; font-size:42px; color:#222; font-family:"Arial"; line-height:42px; margin-bottom:20px; font-weight:bold;}
.str_r .gus p{ font-size:16px; color:#222; margin:15px 0;}
.str_r .gus i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.str_r .gus h5{ font-size:42px; color:#222; font-family:"Times New Roman"; font-weight:normal; line-height:42px; margin-top:35px;}
.str_r .gus h4{ font-size:24px; color:#222; font-weight:normal;}
.str_r .gus em{ font-size:12px; color:#000; font-family:"Times New Roman";}
.hzcsld{position:absolute; left:0px; top:0px; width:100000px; height:422px;}
.circle{ overflow:hidden; width:680px;float:left;overflow: hidden;}
.circle ul{width:100000px; }
.circle li{ float:left; padding-top:40px; background:#d6d6d6; width:680px;}
.circle li .pc_t{ width:340px; height:382px; float:left;}
.circle li img{ display:block;}
.circle li p{ text-align:center; line-height:18px; margin-top:35px;}
.circle li p a{ font-size:13px; color:#4a4a4a; text-decoration:none;}
.pro_t{ position:relative; width:680px; height:422px; overflow:hidden;}
.str_r .themePro{ margin-top:46px; position:relative; width:680px; height:422px; overflow:hidden;}
.str_r .themePro ul{ float:left;}

/*主题*/
.ryzz{ overflow:hidden}
.ryzz .ztle{ padding-top:100px; padding-bottom:50px;}
.ryzz .ztle img{ display:block; margin:0 auto;}
.ryzz .ztle i{ display:block; width:45px; height:0; border-top:1px solid #bcbcbc; margin:20px auto 0 auto;}
.ryzz .ryzz_content{ overflow:hidden; width:100%; height:390px;}
#box{position:relative; margin:30px auto; width:1200px;}
#box ul{position:relative;width:935px;height:300px; margin:0 auto;}
#box li{position:absolute ;background:#000;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px; height:300px;}
#box li img{width:100%;height:100%;vertical-align:top; position:relative;}
#box li p{ color:#000; position:absolute; z-index:999999; bottom:-30px;}
#box .prev,#box .next{position:absolute;top:50%;width:58px;height:88px;margin-top:-44px;overflow:hidden;cursor:pointer; z-index:100}
#box .prev{left:0px; background:url(../images/thembot1.png) no-repeat center}
#box .next{right:0px; background:url(../images/thembot2.png) no-repeat center}
#box li div{position:absolute;bottom:-630px;width:100%;height:100%;}
#box li div a{ display:block; width:100%; height:100%;}


/*proMain*/
/*.proMain{ padding-top:100px;}
.proMain ul{ height:969px;}
.proMain li{ float:left; position:relative; width:399px; height:322px; margin-right:1px; margin-bottom:1px;}
.proMain li>a{ display:block; width:399px; height:322px; overflow:hidden;}
.proMain li img{ display:block; transition:all 2s;}
.proMain li>a:hover img{ transform:scale(1.1);}
.proMain li.noMr{ margin-right:0;}
.proMain li .fashion{ position:absolute; height:100%; width:700px; padding-left:58px; color:#fff; left:70%; top:0; background:#222; opacity:0;}
.proMain li .fashion span{ font-size:16px; display:block; padding-top:70px; line-height:16px;}
.proMain li .fashion h5{ font-size:42px; font-family:"Times New Roman"; font-weight:normal; line-height:42px; margin-top:15px;}
.proMain li .fashion h4{ font-size:16px; font-family:"Arial"; line-height:16px;}
.proMain li .fashion .pormor{  margin-top:55px;}
.proMain li .fashion .pormor a{ color:#fff; border:3px solid #fff;}
.proMain li .years{ display:block; position:absolute; right:0; top:0px; opacity:0;}
*/

.proMain{ position:relative; margin-top:70px;}
.proMain .pro{ overflow:hidden;}
.proMain .pro li{ float:left; width:399px; margin-right:1px;}
.proMain .pro li a{ display:block; height:300px; background:url(../images/probg.png) no-repeat center bottom; overflow:hidden;}
.proMain .pro li img{ display:block; transition:all 2s;-moz-transition: all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;}
.proMain .pro li img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1);}
.proMain .pro li h5{ font-family:"Arial"; color:#222; font-weight:bolder; margin-top:20px;}
.proMain .pro li h5 span{ font-family:"Times New Roman"; font-weight:normal; }
.proMain .pro li p{font-size:16px;}
/*.proMain .pro li i{ display:block; width:45px; height:0; border-top:1px solid #222;}*/
.proMain .prebot{ text-align:center; font-size:0; margin-top:45px;}
.proMain .pbot{ display:inline-block; width:27px; height:32px; margin:0 18px;}
.proMain .pbot1{ background:url(../images/numbot1.png) no-repeat left center; }
.proMain .pbot2{ background:url(../images/numbot2.png) no-repeat right center;}
.proMain .pbot1:hover{ background-position:right center;}
.proMain .pbot2:hover{ background-position:left center;}

/*countryMain*/
.countryMain{ padding-top:146px;}
.cty_l{ float:left; width:400px; color:#222; position:relative; left:-50%; opacity:0; z-index:999;}
.cty_l h5{ font-weight:normal;}
.cty_l h5 span{ font-size:24px;}
.cty_l h5 p{ font-size:16px; margin:15px 0;}
.cty_l h5 i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.cty_l h4{ margin-top:35px; position:relative; z-index:9;}
.cty_l h4 span{ font-size:42px; font-family:"Times New Roman"; display:block; line-height:42px; font-weight:normal;}
.cty_l h4 p{ font-size:32px; line-height:32px; font-family:"Arial"; width:460px; font-weight:bolder;  position: relative;
  z-index: 9;}
.cty_l h4 em{ display:block; font-family:"Times New Roman"; margin-top:15px; font-weight:normal;}
.cty_l .pormor{  margin-top:80px;}
.cty_l .pormor a{  border:3px solid #222; color:#222;}

/*cty_r*/
.cty_r{ float:left; width:800px; position:relative; right:-50%; opacity:0;}
.cty_r ul{ overflow:hidden;}
.cty_r li{ float:left; width:800px;}
.cty_r li>a{ display:block; width:800px; height:450px; overflow:hidden;}
.cty_r li img{ display:block; transition:all 2s;-moz-transition: all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;}
.cty_r li>a:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1);}
.cty_r li h5{ font-weight:normal; margin-top:30px; line-height:16px; height:16px; overflow:hidden;}
.cty_r li h5 a{ font-size:16px; color:#222; text-decoration:none;}
.cty_r li p{ font-size:13px; color:#222; width:60%; margin-top:20px; margin-bottom:10px;}
.cty_r li i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.cty_r li .out{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
/*number*/
.number{ overflow:hidden; position:absolute; right:0; bottom:24px; width:150px;}
.number a{ width:27px; height:32px; overflow:hidden;}
.number span{ padding:0 24px; font-family:"Arial"; font-size:12px; color:#aaa; float:left;}
.number span em{ font-size:30px; color:#252525;}
.number .numbot1{ background:url(../images/numbot1.png) no-repeat left center;}
.number .numbot1:hover{ background-position:right center;}
.number .numbot2{ background:url(../images/numbot2.png) no-repeat right center;}
.number .numbot2:hover{ background-position:left center;}



/*encounterMain*/
.encounterMain{ height:450px; margin-top:110px;}
.encounterMain .container{ background:#f5f5f5;}
.count_l{ width:400px; float:left; position:relative; height:450px;}
.count_l .coi{ position:absolute; top:0px; left:0; opacity:0; overflow:hidden; width:400px; height:537px;}
.count_l img{ display:block; transition:all 2s;-moz-transition: all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;}
.count_l img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1);}
.count_l .col{ position:absolute; height:100%; width:360px; background:#f5f5f5; left:-360px; top:0;}
/*count_r*/
.count_r{ width:400px; text-align:center; float:left; opacity:0;}
.count_r h5{ font-weight:normal; padding-top:50px; color:#222;}
.count_r h5 span{ font-size:24px; display:block;}
.count_r h5 p{ font-size:16px; margin:15px 0;}
.count_r h5 i{ display:block; width:45px; height:0; border-top:1px solid #222; margin:0 auto;}
.count_r h5 em{ font-size:13px; display:block; margin-top:30px;}
.count_r h4{ color:#222; margin-bottom:30px;}
.count_r h4 span{ margin-bottom:20px;  position:relative;  display:block; width:800px; text-align:left; left:-120px; font-family:"Times New Roman";}
.count_r h4 em{ display:block; font-size:12px; font-family:"Times New Roman"; font-weight:normal;}
.count_r .pormor{  margin:0 auto;}
.count_r .pormor a{ color:#222; border:3px solid #222;}
	

/*legendMain*/
.legendMain{ background:#f5f5f5; position:relative; height:230px; margin-top:192px;}
/*leg_l*/
.leg_l{ padding-left:70px; padding-top:60px; color:#222; position:relative; z-index:9; width:310px;}
.leg_l h5{ font-weight:normal;}
.leg_l h5 span{ font-size:24px;}
.leg_l h5 p{ font-size:16px; margin:15px 0;}
.leg_l h5 i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.leg_l h4{ margin-top:40px;}
.leg_l h4 span{ font-size:42px; font-weight:normal; font-family:"Times New Roman"; display:block; line-height:42px;}
.leg_l h4 p{ font-size:32px; line-height:32px; font-family:"Arial"; margin-bottom:30px; font-weight:bolder;}
.leg_l h4 em{ font-size:12px; font-family:"Times New Roman"; font-weight:normal;}
/*creat*/
.legendMain .creat{ position:absolute; overflow:hidden; width:600px;}
.legendMain .creat dt a{ width:330px; height:410px; overflow:hidden; display:block;}
.legendMain .creat dt img{ display:block;  transition:all 2s; -webkit-transition:all 2s; 
-moz-transition:all 2s; 
-o-transition:all 2s;}
.legendMain .creat dt a:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1);}
.legendMain .creat dd{ margin-top:325px; color:#222;}
.legendMain .creat dd span{ font-size:16px;}
.legendMain .creat dd h5{ font-size:22px; font-weight:normal; line-height:22px; margin-top:20px; margin-bottom:10px;}
.legendMain .creat dd p{ font-size:13px; line-height:13px;}
.legendMain .creat1{ left:0; top:400px; opacity:0;}
.legendMain .creat1 dt{ float:right;}
.legendMain .creat1 dd{ margin-right:357px; text-align:right;}
.legendMain .creat2{ right:0; top:300px; opacity:0;}
.legendMain .creat2 dt{ float:left;}
.legendMain .creat2 dd{ margin-left:358px;}
.legendMain .miss{ position:absolute; right:56px; top:-112px; transition:all 2s;}
.legendMain .miss img{ display:block;  transition:all 2s; -webkit-transition:all 2s; 
-moz-transition:all 2s; 
-o-transition:all 2s;}
.legendMain .miss img:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-o-transform:rotate(360deg);}
.legendMain .miss.role{ transform:rotateX(360deg);  -webkit-transform:rotateX(360deg); 
-moz-transform:rotateX(360deg); 
-o-transform:rotateX(360deg);}


/*GrandMain*/
.GrandMain{ position:relative; margin-top:117px;}
.gra_l{ position:relative;}
.gra_l>a{ display:block; width:124px; height:44px; text-align:center; line-height:44px; overflow:hidden; color:#222; text-decoration:none; border:3px solid #222; position:absolute; top:440px; left:95px;}
.gra_l>a em{ display:inline-block;}
/*.gra_l .poa{ position:relative; left:-50px; opacity:0;}
.gra_l dl{ overflow:hidden; padding-top:95px;}
.gra_l dt{ float:left;}
.gra_l dt img{ display:block;}
.gra_l dd{ margin-left:144px; color:#222;}
.gra_l dd h5{ font-size:62px; line-height:62px; font-weight:normal; font-family:"Times New Roman"}
.gra_l dd p{ font-size:42px; font-weight:bolder; font-family:"Arial"; line-height:42px;}
.gra_l dd span{ font-size:12px; font-family:"Times New Roman";}
.gra_l h4{ padding-left:144px; font-weight:normal; color:#222; margin-top:55px; margin-bottom:90px;}
.gra_l h4 span{ font-size:24px;}
.gra_l h4 p{ font-size:48px;}
.gra_l h4 em{ font-size:13px; display:block; margin-top:35px; margin-bottom:18px;}
.gra_l h4 i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.poa>a{ display:block; width:124px; height:44px; text-align:center; line-height:44px; overflow:hidden; color:#222; text-decoration:none; border:3px solid #222; margin-left:350px;}
.poa>a em{ display:inline-block;}
.back{ position:absolute;}
.back1{ left:550px; top:-120px; opacity:0;}
.back2{ right:40px; top:-70px; opacity:0;}*/


/*lcMain*/
/*.lcMain{ padding-top:112px;}
.lcMain ul{ overflow:hidden;}
.lcMain li{ float:left; text-align:center; color:#222; padding:0 25px; width:190px;}
.lcMain li h5{ font-size:24px; font-weight:normal;}
.lcMain li span{ font-size:14px;}
.lcMain li p{ font-size:10px; color:#666; font-family:"Times New Roman"; line-height:12px; margin-top:15px; margin-bottom:30px;}
.lcMain li i{  display:inline-block; width:45px; height:0; border-top:1px solid #222;}*/

/*Information*/
.Information{ margin-top:105px; margin-bottom:53px;}
.Inf_l{ float:left; width:930px;}
.Inf_l ul{ overflow:hidden;}
.Inf_l li{ float:left; width:270px; position:relative; margin-right:40px;}
.Inf_l li .mar{ display:block; width:270px; height:180px; overflow:hidden;}
.Inf_l li img{ display:block;  transition:all 2s; -webkit-transition:all 2s; 
-moz-transition:all 2s; 
-o-transition:all 2s;}
.Inf_l li .mar:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1);}
.Inf_l li h5{ font-weight:normal; padding-top:30px; padding-bottom:20px; line-height:16px; width:270px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Inf_l li h5 a{ font-size:16px; color:#252525; text-decoration:none;}
.Inf_l li i{ display:block; width:35px; height:0; border-top:1px solid #a4a4a4;}
.Inf_l li p{ font-size:13px; color:#252525; line-height:22px; height:66px; overflow:hidden; margin-top:15px; margin-bottom:56px;}
.Inf_l li .mor{ color:#999; font-family:"Arial";}
.Inf_l li .mous{ position:absolute; padding-left:15px; width:75px; height:90px; background:url(../images/mousbg.png) repeat center; color:#fff; font-family:"Arial"; top:0; left:0;}
.Inf_l li .mous h4{ font-weight:normal; padding-top:10px; padding-bottom:15px; font-size:24px;}
.Inf_l li .mous h4 em{ font-size:12px; display:block;}
.Inf_l li .mous span{ font-size:12px;}
/*Inf_r*/
.Inf_r{ float:right; width:170px; padding:40px 50px; height:320px; background:#f5f5f5; position:relative;}
.Inf_r .fom{ color:#222;}
.Inf_r .fom h5 a{ color:#222;}
.Inf_r .fom h5{ font-size:24px; font-weight:normal;}
.Inf_r .fom h4{ margin-top:40px; margin-bottom:25px;}
.Inf_r .fom h4 span{ font-size:16px; font-weight:normal; font-family:"Times New Roman";}
.Inf_r .fom h4 p{ font-size:14px; font-family:"Arial"; font-weight:bolder;}
.Inf_r .fom i{ display:block; width:45px; height:0; border-top:1px solid #222;}
.Inf_r .number{ left:50px; bottom:50px;}






.changebig{
	opacity:1;
	filter:alpha(opacity=100);
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.8);
		opacity:0.8;	
	}
	50% {
		transform: scale(1);
		opacity:1;	
	}	
	100% {
		transform: scale(0.8);
		opacity:0.8;
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.8);
		opacity:0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity:1;
	}	
	100% {
		-webkit-transform: scale(0.8);
		opacity:0.8;
	}			
}