/*gunping*/

#pagescroll .section2 { background-color: #fff; background-image: none;}

#pagescroll .section2 .fp-tableCell { vertical-align: top;}

#pagescroll .section2 .war { height: 100%;overflow: hidden; background: url(images/slider3.jpg) 50% 0 no-repeat;}

#pagescroll .section2 .left_box{ width:100%; position:absolute; top:19%; margin-top:9%; right:0px;  

opacity:0; text-align:center;}

#pagescroll .section2 .left_box  dl{ width:195px; text-align:center; line-height:28px; color:#252525; clear:both; margin:0px auto;  margin-left:20px; margin-right:20px; font-size:16px; color:#252525; display:inline-block;}

#pagescroll .section2 .left_box  dl dd { margin-top:30px;}

#pagescroll .section.section2 .war.inner .left_box a dl,

#pagescroll .section.section2 .war.inner .left_box a dl dt img {

	transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;



}



#pagescroll .section.section2 .war.inner .left_box a:hover dl dt img {transform: rotate(360deg);}

#pagescroll .section.section2 .war.inner .left_box a:hover dl { transform: translate(0,-15px);

	-webkit-transform: translate(0,-15px);

	-moz-transform: translate(0,-15px);

	-o-transform: translate(0,-15px);

	-ms-transform: translate(0,-15px);}







#pagescroll .section2 .right_box{position:absolute; top:0px; margin-top:8%; left:0;width:100%;opacity:0;}

#pagescroll .section2 .right_box h4{ line-height:30px; color:#999;}

#pagescroll .section2 .right_box .h1{  color:#999999; text-align:center; }

a.buttom{ display:block; width:130px; height:40px; line-height:40px; text-align:center; background:#f7941d; font-family:"微软雅黑"; font-size:18px; color:#fff; outline-style:none; border-radius:6px; margin:20px 0; }

.home_h1_p { font-family: Arial, Helvetica, sans-serif; font-size:19px; line-height:40px; font-weight:normal; text-align:center;}













#pagescroll .section3 {

	background-color: #fff;

	background-image: url(../images/bgbg1.jpg);

	background-repeat: no-repeat;

	background-position: 105% bottom;

}

#pagescroll .section3 .fp-tableCell { vertical-align: top;}

#pagescroll .section3 .war { height: 100%;overflow: hidden; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section3 .left_box{ width:550px; position:absolute; top:2%; margin-top:0px; left:0px; 

 opacity:0;

}

.op{opacity:1;}

#pagescroll .section3 .right_box{position:absolute; top:5%; margin-top:0px; right:0;width:700px;opacity:0;

}

#pagescroll .section3 .right_box h4{ line-height:30px; height:289px; color:#2f2f2f; width:200px; margin-top:80px; padding-left:30px;writing-mode:vertical-rl; font-size:15px; font-weight:normal; float:left; }

#pagescroll .section3 .right_box h2 { float:left; margin-left:30px; margin-top:50px;}

#pagescroll .section3 .right_box .pplnh1{ margin: 60px 0; color:#999999; font-size:15px;writing-mode: vertical-rl; margin-left:30px; float:left; font-weight:normal;}

a.buttom{

	display: block;

	width: 43px;

	height: 124px;

	line-height: 43px;

	font-size: 15px;

	text-align: center;

	background: #2a826a;

	font-family: "微软雅黑";

	font-size: 18px;

	color: #fff;

	outline-style: none;

	border-radius: 0px;

	margin: 60px 0;

	writing-mode: vertical-rl;

	float: left;

	margin-left: 100px;

	text-decoration: none;

	transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;

}

a:hover.buttom { height:160px;}







#pagescroll .section4 {

	background-color: #fff;

	background-image: url(../images/bgbg2.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	text-align: center;

	

}

#pagescroll .section4 .left_box{ width:100%; position:absolute; top:; margin-top:-22%; left:0px; 

 opacity:0;

}

#pagescroll .section4 .right_box { width:100%; position:absolute; top:; margin-top:11%; left:0px; 

 opacity:0;

}



#pagescroll .section4 .right_box a img {transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

#pagescroll .section4 .right_box a:hover img 

{

	transform: rotate(360deg);

}





#pagescroll .section4 h2 { width: 577px; height: 90px; margin: 0 auto; text-indent: -9999px; background-image: url(images/slider3_title.png);}

#pagescroll .section4 img { /*display: block; margin: 2% auto;*/}

#pagescroll .section4 .txt { line-height: 30px; text-align: center;}

#pagescroll .section4 .fp-controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none;}

#pagescroll .section4 .fp-prev { left: 150px; background: url(images/left_control.png) 50% no-repeat;}

#pagescroll .section4 .fp-next { right: 150px; background: url(images/right_control.png) 50% no-repeat;}





#pagescroll .section5 {

	background-color: #fff;

	background-image: url(../images/bgbg3.png);

	background-repeat: no-repeat;

	background-position: -35% 50%;

}

#pagescroll .section5 .left_box { width:8%; top:-80%; margin-top:-6%; position:absolute;}

#pagescroll .section5 .left_box h2{ width:64px; margin-top:-70px; color:#fff; font-size:15px;writing-mode: vertical-rl; margin-left:0px; font-weight:normal;}

#pagescroll .section5 .right_box { width:91%; top:-100%; margin-top:-17%; right:0px; position:absolute;}

a.buttom_w {

	

	width: 43px;margin-left:0px;

	height: 124px;

	line-height: 43px;

	font-size: 15px;

	text-align: center; border:1px solid #FFF;

	 

	font-family: "微软雅黑";

	font-size: 18px;

	color: #FFF;

	outline-style: none;

	border-radius: 0px;

	margin-top:20px;

	writing-mode: vertical-rl;

	



	text-decoration: none;

	transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;

}

a:hover.buttom_w { height:160px; background: #FFF;color: #2a826a;}









#pagescroll .section6 {

	background-color: #fff;

	background-image: url(../images/bgbg4.png);

	background-repeat: no-repeat;

	background-position: 135% 40%;

}

#pagescroll .section6 .left_box { width:8%; top:-80%; margin-top:-100px; right:0px; margin-top:-6%; position:absolute;}

#pagescroll .section6 .left_box h2{ width:64px; margin-top:-120px; color:#fff; font-size:15px;writing-mode: vertical-rl; margin-left:0px; font-weight:normal;}

#pagescroll .section6 .right_box { width:91%; top:-100%; margin-top:-17%; left:0px; position:absolute;}







#pagescroll .section7 {

	background-color: #fff;



}

#pagescroll .section7 .fp-tableCell { vertical-align: top;}

#pagescroll .section7 .war { height: 100%;overflow: hidden; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section7 .left_box{ width:680px; position:absolute; top:2%; margin-top:0px; left:0px; 

 opacity:0;

}

#pagescroll .section7 .left_box .h1{ margin: 100px 0; color:#000; font-size:15px;writing-mode: vertical-rl; margin-left:30px; float:left; font-weight:normal;}

#pagescroll .section7 .left_box .about_con { margin: 100px 0; width:509px; writing-mode:vertical-rl; font-size:15px; line-height:35px; height:396px;float:left;  }

#pagescroll .section7 .left_box .about_con a { color:#333;}

.op{opacity:1;}

#pagescroll .section7 .right_box{position:absolute; top:5%;  margin-top:0px; right:-2%;width:587px;opacity:0;

}



.about_r {margin:0 auto!important; float:right!important; margin-top:100px!important;}

























#pagescroll .section8 {

	background-color: #fff;



}

#pagescroll .section8 .fp-tableCell { vertical-align: top;}

#pagescroll .section8 .war { height: 100%;overflow: hidden; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section8 .left_box{ width:485px; position:absolute; top:2%; margin-top:0px; right:0px; text-align:left; 

 opacity:0;

}

#pagescroll .section8 .left_box .h1{ margin-top:141px; line-height:61px; font-size:35px; color:#17171el;font-weight:normal; }

#pagescroll .section8 .left_box h3{ margin-top:0px; line-height:32px; font-size:18px; color:#17171el;font-weight:normal; }

#pagescroll .section8 .left_box span { width:61px; float:left; height:4px; background-color:#2a826a; margin-top:15px;}

#pagescroll .section8 .left_box p {width:100%; float:left; line-height:28px; font-size:15px; margin-top:15px; color:#17171e;  }

#pagescroll .section8 .left_box .more { float:left;width:100%; margin-top:20px;}

#pagescroll .section8 .left_box .more img { margin-right:25px; transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

#pagescroll .section8 .left_box .more a:hover img {transform: rotate(360deg);}

#pagescroll .section8 .left_box .about_con { margin: 100px 0; width:449px; writing-mode:vertical-rl; font-size:15px; line-height:35px; height:396px;float:left;  }

.op{opacity:1;}

#pagescroll .section8 .right_box{position:absolute; top:13%;  margin-top:0px; left:-2%; width:840px;opacity:0; background-image:url(../images/dtu.png); background-repeat:no-repeat;

}













#pagescroll .section9 {background-color: #fff;}

#pagescroll .section9 .fp-tableCell { vertical-align: top;}

#pagescroll .section9 .war { height: 100%;overflow: hidden; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section9 .left_box{ width:100px; position:absolute; top:2%; margin-top:0px; left:0px; opacity:0;}

#pagescroll .section9 .left_box .h1{ margin: 100px 0; color:#000; font-size:15px;writing-mode: vertical-rl; margin-left:0px; float:left; font-weight:normal;}



.op{opacity:1;}

#pagescroll .section9 .right_box{position:absolute; top:12%;  margin-top:0px; right:8%;width:1062px; height:417px; opacity:0;}

.anli_con { float:left; width:205px; height:417px; background-color:#237f66; padding-left:50px; padding-right:50px;  }

.anli_con h2 { font-family:"宋体"; font-size:30px; color:#FFF; text-align:left; margin-top:68px; line-height:60px; }

.anli_con p {

	font-size: 15px;

	width: 119px;

	height: 38px;

	line-height: 38px;

	text-align-last: center;

	color: #237f66;

	background-color: #ffffff;

}

.anli_con span {float: left; width:100%; font-size:18px; line-height:52px; color:#FFF;}

.anli_con i {

	font-size: 15px;

	line-height: 35px;

	background-image: url(../images/more1.png);

	background-repeat: no-repeat;

	background-position: right center;

	width: 94px;

	margin-top: 87px;

	float: left;

	color: #FFF;

	font-style: normal;

} 

.anli_img { float:right; width:755px; height:417px; overflow:hidden; }

.anli_img img { width:100%; height:100%; margin:0px 0px; }





#focus .yincang ul li a .anli_con h2, 

#focus .yincang ul li a .anli_con p, 

#focus .yincang ul li a .anli_con span, 

#focus .yincang ul li a .anli_con i, 

#focus .yincang ul li a .anli_img img

{transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}



#focus .yincang ul li a:hover .anli_con h2, 

#focus .yincang ul li a:hover .anli_con p, 

#focus .yincang ul li a:hover .anli_con span, 

#focus .yincang ul li a:hover .anli_con i



{transform: translate(0,-20px);

-webkit-transform: translate(0,-20px);

	-moz-transform: translate(0,-20px);

	-o-transform: translate(0,-20px);

	-ms-transform: translate(0,-20px);}

#focus .yincang ul li a:hover .anli_img img

{ width:120%; height:120%; margin:-10% -10%;}

#focus .yincang ul li a:hover .anli_con p

{ width:170px;}









#pagescroll .section10 {background-color: #fff;}

#pagescroll .section10 .fp-tableCell { vertical-align: top;}

#pagescroll .section10 .war { height: 100%;overflow: hidden; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section10 .left_box{ width:100px; position:absolute; top:2%; margin-top:0px; right:0px; opacity:0;}

#pagescroll .section10 .left_box .h1{ margin: 100px 0; color:#000; font-size:15px;writing-mode: vertical-rl; margin-left:0px; float:right; font-weight:normal;}



.team_more a img {transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

.team_more a:hover img 

{

	transform: rotate(360deg);



}

.op{opacity:1;}

#pagescroll .section10 .right_box{position:absolute; top:30%;  margin-top:0px; left:0px;width:1062px; height:417px; opacity:0;}











#pagescroll .section11 {background-color: #fff; background-image:url(../images/news_bg.png); background-repeat:no-repeat; background-position:2% 25%;}

#pagescroll .section11 .fp-tableCell { vertical-align: top;}

#pagescroll .section11 .war { height: 100%; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section11 .left_box{ width:290px; position:absolute; top:2%; margin-top:0px; left:0px; opacity:0;}

#pagescroll .section11 .left_box .h1{ margin-top:100px; margin-bottom:20px;color:#000; font-size:15px;writing-mode: vertical-rl; margin-left:0px; float:left; font-weight:normal;}





.op{opacity:1;}

#pagescroll .section11 .right_box{position:absolute; top:15%;  margin-top:0px; right:0px;width:949px; height:417px; opacity:0;}



















#pagescroll .section12 {background-color: #237f66; }

#pagescroll .section12 .fp-tableCell { vertical-align: top;}

#pagescroll .section12 .war { height: 100%; background: url(images/slider2.jpg) 50% 0 no-repeat;}

#pagescroll .section12 .left_box{ width:100%; position:absolute; top:0; margin-top:0px; left:0px; opacity:0;}

#pagescroll .section12 .left_box h1{ margin-top:100px; margin-bottom:20px;color:#000; font-size:15px;writing-mode: vertical-rl; margin-left:0px; float:left; font-weight:normal;}





.op{opacity:1;}

#pagescroll .section12 .right_box{position:absolute; top:25%;  margin-top:0px; right:0px;width:100%; height:417px; opacity:0;}



/*gunping end*/













/*cp*/



.limit-box{position:relative;width:100%;margin:20px auto;height:436px;overflow:hidden;}

/* limit-buy-hd */

.limit-buy-hd{position:relative;height:436px; width:120px; top:0px; left:0px;  height:436px;border-bottom:1px solid #e6e6e6;line-height:37px}

.limit-buy-hd h2{float:left;overflow:hidden;display:inline;width:85px;font-size:14px;padding:0 0 0 10px;}

/* limit-buy-nav */

.limit-buy-nav{float:left;width:90px;margin:0px;}

.limit-buy-nav span{float:left; margin-top:318px;width:90px;height:45px; font-family:"宋体";font-size:18px; color:#74baa7;line-height:45px;text-align:center}

.limit-buy-nav em{margin-right:1px;color:#ffffff; font-size:27px; font-family:"宋体";}

.limit-buy-nav i { color:#ffffff; font-size:27px; font-family:"宋体";}

.limit-buy-nav .prev,.limit-buy-nav .next{float:left;overflow:hidden;width:8px;height:9px;margin:0px; width:50%; height:3px; background-color:#ffffff; }



.limit-buy-nav .next{background-position:-52px -180px;background-color:#63a492; }

/* limit-buy-bd */

.limit-buy-bd{overflow:hidden;position:absolute;top:38px;left:110;width:9000px;z-index:1; top:0px; left:120px; }

/* btn-prev */

.btn-prev,.btn-next{overflow:hidden;position:absolute;/*display:none;*/left:24px;width:38px;height:38px;background:url(../images/arrowbg.png) no-repeat 0 0;z-index:10}

.btn-prev{top:181px;}

.btn-next{top:241px; background-position:-51px 0}

.btn-prev:hover{background-position:0 -60px}

.btn-prev:active{background-position:0 -120px}

.btn-next:hover{background-position:-51px -60px}

.btn-next:active{background-position:-51px -120px}

/* products */

.products{float:left;width:100%}

.products ul {transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}



.products li{

	float: left;

	position: relative;

	width: 338px;

	height: 432px;

	margin-right: 25px;

	overflow: hidden;

	background-color: #FFF; border-bottom:3px solid #cebcb3;

border-top-left-radius:1em;

border-top-right-radius:1em;

border-bottom-right-radius:0px;

border-bottom-left-radius:0px;



}

.products li .pic{overflow:hidden;position:relative;width:338px;height:341px;margin:0px auto;overflow:hidden;}

.products li .pic img{height:100%; margin:0px 0px; }

.products li .price{font-size:15px; color:#000000; margin-top:0px;line-height:20px; text-align:left; padding-left:30px;}

.products li .name{ font-size:22px; color:#000000; margin-top:28px;line-height:24px; text-align:left; padding-left:30px;}



.products a li .pic img  {

	

	transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}	

.products a:hover li { border-bottom:3px solid #237f66;}

.products a:hover li .pic img {  height:120%; margin:-10% -10%; }

.products a:hover li .products_xx {opacity:1;}

.products_xx { width:45px; height:3px; background-color:#237f66; position:absolute; left:165px; top:390px; opacity:0;}





/*cp end*/











/*youshi*/

.youshi_num { float:left; width:71px; padding-right:15px; height:100%;}

.youshi_h1 {float:left; width:37px; padding-right:0px; font-size:25px; color:#000000;writing-mode:vertical-rl; height:100%; }

.youshi_p {float:left; width:70px; padding-right:0px; line-height:23px; font-size:15px; color:#5d5d5d;writing-mode:vertical-rl;height:85%;}

.youshi_img {float:right; width:807px;  }



/*youshi end*/

/*map dian*/

.container {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  overflow: hidden;

  animation-delay: 1s; position:relative;

}

.item-1 {left:112px; top:94px; position:absolute;}
.item-1_name {left:112px; top:119px; position:absolute;}

.item-2 {left:132px; top:144px; position:absolute;}
.item-2_name {left:132px; top:169px; position:absolute;}

.item-3 {left:610px; top:212px; position:absolute;}
.item-3_name {left:580px; top:237px; position:absolute;}

.item-4 {left:232px; top:144px; position:absolute;}

.item-5 {left:688px; top:384px; position:absolute;}
.item-5_name {left:668px; top:409px; position:absolute;}

.item-6 {left:685px; top:310px; position:absolute;}
.item-6_name {left:665px; top:335px; position:absolute;}

.item-7 {left:382px; top:141px; position:absolute;}
.item-7_name {left:382px; top:166px; position:absolute;}


.item-8 {left:722px; top:330px; position:absolute;}
.item-8_name {left:722px; top:355px; position:absolute;}

.item-9 {left:596px; top:102px; position:absolute;}
.item-9_name {left:596px; top:127px; position:absolute;}

.item-10 {left:704px; top:195px; position:absolute;}
.item-10_name {left:704px; top:220px; position:absolute;}

.item-10 {   width: 15px; height: 15px;  background: #f583a1;  border-radius: 50%; background-color: #77c8b1; margin: 7px; display: flex;  justify-content: center;  align-items: center;}
@keyframes scale {
 0% {  transform: scale(1); }
 50%, 75% { transform: scale(2.5); }
 78%, 97% {  opacity: 0; }
 98%  100%{  opacity: 1; }}
.item-10:before {  content: '';  width: 15px;  height: 15px;  border-radius: 50%;  background-color: #77c8b1;  opacity: 0.8;  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);  animation-delay: 200ms; transition: 0.5s all ease; transform: scale(1);}

.item-11 {left:508px; top:249px; position:absolute;}
.item-11_name {left:508px; top:274px; position:absolute;}

.item-11 {   width: 15px; height: 15px;  background: #f583a1;  border-radius: 50%; background-color: #77c8b1; margin: 7px; display: flex;  justify-content: center;  align-items: center;}
@keyframes scale {
 0% {  transform: scale(1); }
 50%, 75% { transform: scale(2.5); }
 78%, 97% {  opacity: 0; }
 98%  100%{  opacity: 1; }}
.item-11:before {  content: '';  width: 15px;  height: 15px;  border-radius: 50%;  background-color: #77c8b1;  opacity: 0.8;  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);  animation-delay: 200ms; transition: 0.5s all ease; transform: scale(1);}


.item-12 {left:680px; top:186px; position:absolute;}
.item-12_name {left:680px; top:211px; position:absolute;}
.item-12 {width: 15px; height: 15px; background: #f583a1; border-radius: 50%; background-color: #ee8c68; margin: 7px; display: flex; justify-content: center; align-items: center; }
@keyframes scale {  0% {  transform: scale(1); }
 50%,  75% {  transform: scale(2.5); }
 78%, 97% {  opacity: 0; }
  98%  100%{  opacity: 1; }}
.item-12:before {content: ''; width: 15px; height: 15px; border-radius: 50%; background-color: #ee8c68; opacity: 0.7; animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay: 1000ms; transition: 0.5s all ease; transform: scale(1); }



.item-13 {left:420px; top:142px; position:absolute;}
.item-13_name {left:420px; top:167px; position:absolute;}

.item-13 {   width: 15px; height: 15px;  background: #f583a1;  border-radius: 50%; background-color: #77c8b1; margin: 7px; display: flex;  justify-content: center;  align-items: center;}
@keyframes scale {
 0% {  transform: scale(1); }
 50%, 75% { transform: scale(2.5); }
 78%, 97% {  opacity: 0; }
 98%  100%{  opacity: 1; }}
.item-13:before {  content: '';  width: 15px;  height: 15px;  border-radius: 50%;  background-color: #77c8b1;  opacity: 0.8;  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);  animation-delay: 200ms; transition: 0.5s all ease; transform: scale(1);}

.item-1 { 

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #77c8b1;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

  78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-1:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #77c8b1;

  opacity: 0.8;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 200ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-2 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #eece68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

  78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-2:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #eece68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 400ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-3 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #ff0000;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

  78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-3:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #f583a1;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 600ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-4 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #eead68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-4:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #eead68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 800ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-5 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #ee8c68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-5:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #ee8c68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 1000ms;

  transition: 0.5s all ease;

  transform: scale(1);

}





.item-6 { 

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #eece68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;
}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-6:before {

 content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #eece68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 400ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-7 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #eece68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-7:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #eece68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 400ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-8 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #4d9a85;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-8:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #4d9a85;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 600ms;

  transition: 0.5s all ease;

  transform: scale(1);

}



.item-9 {

  width: 15px;

  height: 15px;

  background: #f583a1;

  border-radius: 50%;

  background-color: #eead68;

  margin: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

}

@keyframes scale {

  0% {

    transform: scale(1);

  }

  50%,

    75% {

    transform: scale(2.5);

  }

 78%, 97% {

    opacity: 0;

  }

  98%  100%{

    opacity: 1;

  }

}

.item-9:before {

  content: '';

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #eead68;

  opacity: 0.7;

  animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

  animation-delay: 800ms;

  transition: 0.5s all ease;

  transform: scale(1);

}

/*map dian end*/











/*anli*/



/* 核心代码 */

.focus{width:1060px;height:417px;position:relative;}

.yincang {width:1060px; height:417px;overflow:hidden; position:absolute;}

.focus ul{height:417px;position:absolute;}

.focus ul li{

	float: left;

	width: 1060px;

	height: 417px;

	overflow: hidden;

	position: relative;

	background-color: #237f66;

	list-style-type: none;

}

/*.focus ul li div{position:absolute;overflow:hidden;}*/

.focus .btn{position:absolute;width:1060px;height:10px;padding:5px 10px;right:0;bottom:-50px;text-align:center;}

.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:16px;height:16px;_font-size:0;margin-left:11px;cursor:pointer;background:#c2c2c2;border-radius:50%;}

.focus .btn span.on{background:#237f66;}

.focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}

.focus .pre{left:0;}

.focus .next{right:0;background-position:right top;}

/*anli end*/











/*team*/



.Box {position: relative;}

.Box .content {width: 1188px;margin: 0 auto;}

		

			.Box .Box_con {position: relative; }

			.Box .Box_con .btnl {position: absolute;}

			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}

			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}

			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}

			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}

			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}

			.Box .Box_con .conbox {position: relative;overflow: hidden;  height:170px; }

			.Box .Box_con .conbox ul {position: relative;list-style: none;}

			.Box .Box_con .conbox ul li {float: left;width: 560px;height: 170px; margin-right:34px;}

			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}

			.Box .Box_con .cur .team_img {width: 170px;height: 170px;overflow:hidden;border-radius:50%; float:left;margin-right:30px;}

			.Box .Box_con .cur .team_img img { width:170px; height:170px;

			transition: all 0.5s;

			 }

			.Box .Box_con a:hover .cur .team_img img { width:120%; height:120%; margin:-10% -10%;}

			

			.Box .BoxSwitch {margin-top: 124px;text-align: center;}

			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 16px;height: 16px;background: #c2c2c2;margin: 0 5px;cursor: pointer; border-radius:50%;}

			.Box .BoxSwitch span.cur {background:#237f66;}

			

			

			.team_con {width: 355px;height: 170px; float:left; text-align:left;}

			.team_con h2 { font-size:22px; color:#237f66; font-weight:normal; line-height:30px; margin-top:21px;}

			.team_con h3 { font-size:17px; color:#212222; font-weight:normal; line-height:22px; }

			.team_con p { font-size:14px; color:#888888; font-weight:normal; line-height:20px; margin-top:14px; }

			.team_more1 .icon.iconfont { font-size:50px!important; color:#363636; float:left; text-align:left; margin-top:-20px;  }

			

			

			.Box .Box_con a .cur .team_con h2,

			.Box .Box_con a .cur .team_con h3,

			.Box .Box_con a .cur .team_con p,

			.Box .Box_con a .cur .team_more1

			

			

			 {transition:All 0.4s ease-in-out;

-webkit-transition:All 0.4s ease-in-out;

-moz-transition:All 0.4s ease-in-out;

-o-transition:All 0.4s ease-in-out;}



			.Box .Box_con a:hover .cur .team_con h2,

			.Box .Box_con a:hover .cur .team_con h3,

			.Box .Box_con a:hover .cur .team_con p,

			.Box .Box_con a:hover .cur .team_more1

	

	 {

		transform: translate(0,-15px);

-webkit-transform: translate(0,-15px);

	-moz-transform: translate(0,-15px);

	-o-transform: translate(0,-15px);

	-ms-transform: translate(0,-15px);}

	

	

	.Box .Box_con a:hover .cur .team_more1 .icon.iconfont { width:150px; text-align:center; color:#FFF; background-color:#267d66; height:32px; line-height:32px; margin-top:10px;}



/*team end*/





/*news*/



.news_more { width:100%; float:left;}

.news_more img { float:left; margin-right:20px;}

.news_more a img {transition:All 0.4s ease-in-out;

	-webkit-transition:All 0.4s ease-in-out;

	-moz-transition:All 0.4s ease-in-out;

	-o-transition:All 0.4s ease-in-out;}

.news_more a:hover img 

{

	transform: rotate(360deg);



}









/*效果*/

.bodyCon08{

}

.bodyCon08 .students{

    margin: 0 auto;

    width: 949px;

    height:424px;

    position: relative;

    

}

.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}

#four_flash{position:relative;width:949px;height:424px; margin:0 auto;position:absolute;bottom:0px;}

#four_flash .flashBg{width:949px;height:424px; margin:0 auto;position:relative;overflow:hidden;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.2);}

#four_flash .flashBg ul.mobile{width:2000%;height:424px; position:absolute;top:15; left:0;}

#four_flash .flashBg ul.mobile li{ margin-top:0px; background-color:#FFF;

	 

	float: left;

	width: 310px;

	height: 424px;

	margin-right: 13px; 

	

	color: #6C6E85;

	transition: all 1s ease 0s;

	list-style-type: none; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);

}

#four_flash .flashBg ul.mobile li:hover{

    

    color: #237f66;

  /*  -webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,1.00);

    box-shadow: 0px 0px 10px 10px rgba(0,0,0,.5);*/

}

#four_flash .flashBg ul.mobile li img{width:310px;height:200px; margin:0px 0px;;}

#four_flash .flashBg ul.mobile li dd{font-size:20px;width:250px;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85;}

#four_flash .flashBg ul.mobile li i {

	padding-left:8%;

	margin-top: 23px;

	float: left;

	line-height: 34px;

	font-size: 28px;

	font-family: "Times New Roman", Times, serif;

	font-style: normal;  width:84%;

}

#four_flash .flashBg ul.mobile li i b { font-size:13px; font-weight:normal;}

#four_flash .flashBg ul.mobile li p{font-size:14px; padding-left:8%; width:84%; line-height:21px;margin-top:10px;}

.news_tu {width:310px;height:200px; overflow:hidden;}

#four_flash .flashBg ul.mobile a li,

#four_flash .flashBg ul.mobile a li img,

#four_flash .flashBg ul.mobile a li p, 

#four_flash .flashBg ul.mobile a li i



 {color:#17171e;

transition:All 0.4s ease-in-out;

-webkit-transition:All 0.4s ease-in-out;

-moz-transition:All 0.4s ease-in-out;

-o-transition:All 0.4s ease-in-out;}

#four_flash .flashBg ul.mobile a:hover li { background-color:#237f66; color:#FFF;}

#four_flash .flashBg ul.mobile a:hover li img { width:120%; height:120%; margin:-10% -10%; }

#four_flash .flashBg ul.mobile a:hover li p, 

#four_flash .flashBg ul.mobile a:hover li i  {color:#FFF;transform: translate(0,-15px);

-webkit-transform: translate(0,-10px);

	-moz-transform: translate(0,-10px);

	-o-transform: translate(0,-10px);

	-ms-transform: translate(0,-10px);}

#four_flash .but_left{background:url(../images/qianxleft.png) no-repeat;width:50px;height:100px;position:absolute; top:318px; left:-345px;}

#four_flash .but_right{background:url(../images/qianxr.png) no-repeat;width:50px;height:100px; position:absolute; top:318px; left:-299px;}

#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}

#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

/*news end*/