body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}

body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }

img{vertical-align: middle; border:none;}

ul,ol{list-style:none outside none;}

table{border-collapse:collapse; border-spacing:0;}

button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}

a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }

a:focus {outline: 0 none;}

h1,h2,h3,h4{ font-size:100%; font-weight:normal;}

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}

.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}

.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1;}

.btn{ border: none; cursor: pointer;}

html,body{ width: 100%; height: 100% }

li{ list-style:none;}

em,i{ font-style: normal; }

.box{ width: 1340px; margin: 0 auto; }





/* head */

.head{ background: #fff;  width: 100%; height:120px; position: fixed; left: 0; top: 0; z-index: 99999;  }

h1{ float: left; line-height: 120px; }

.nav_ul{ float: left; width: 798px; margin:0 0 0 92px; }

.nav_ul li{ float: left; padding: 0 25px; }

.nav_ul li a{ display: block; height: 120px; line-height: 120px;  font-size: 16px; }

.what{ float: right; width: 236px; }

.what_i{ display: block; width: 118px; float: left; text-align: center; }

.what_img{ display: block; width: 100%; height: 82px; overflow: hidden; padding-top: 6px; }

.what_img img{ width: 82px; height: 82px; overflow: hidden; }

.what_h3{  height: 32px; line-height: 32px; overflow: hidden; color: #124097; font-size: 14px; font-weight: bold; }



/* news */



.column{ background: #f4f4f4; height: 60px; line-height: 60px; overflow: hidden; }

.position{ float: left;background: url(../images/home1.png) left center no-repeat; padding-left: 26px; }

.position a{background: url(../images/home2.png) left center no-repeat;transition: all 0.5s ease 0s; font-size: 14px; color: #999999; padding: 0 18px; display: inline-block;}

.position a:hover{color: #124097;transition: all 0.5s ease 0s}

.catalog{ float: right; }

.catalog li{ float: left; margin-left:50px; position: relative; height: 60px;  }

.catalog li a{ display: block; font-size: 16px; color: #666666;transition: all 0.5s ease 0s;  }

.catalog li a:hover,.catalog li.for a{ color: #124096; font-weight: bold; transition: all 0.5s ease 0s; }

.catalog li:after{content: ""; position: relative;  display: block; width: 0; height: 2px;background: #124096; transition: all 0.5s ease 0s;  position: absolute; margin-left: -10px; left: 50%; top: 58px;}

.catalog li:hover:after,.catalog li.for:after{ width: 20px; transition: all 0.5s ease 0s; }

.details{ min-height: 500px; }




.day{ width:90px; height: 90px; background: #124096; text-align: center; position: absolute; left: 0; top: 0; color: #fff;  }

.day_i{ display: block; height: 45px; line-height: 45px; padding-top: 13px; font-size: 40px; font-weight: bold; }

.year_i{ display: block; height: 22px; line-height: 22px; font-size: 12px; }

.news_pic dt img{width: 438px; height: 250px; overflow: hidden; transition: all 1s ease 0s;}

.news_pic dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }

.news_pic dd{ float: left; width: 720px; }

.news_word{ height: 96px; line-height: 32px; overflow: hidden; font-size:14px; color: #666666; margin-bottom: 42px; }

.news_tit{ height: 50px; transition: all 0.5s ease 0s; overflow: hidden; line-height: 50px; display: block; font-size:24px; font-weight: bold;   }

.news_see{ display: block; width:152px; height: 38px; line-height: 38px;transition: all 0.5s ease 0s; background: #fb961f url(../images/news_see.png) right center no-repeat;; font-size: 14px; color: #fff; text-indent: 26px;  }

.news_see:hover{ text-indent: 52px; background: #fb961f url(../images/news_see.png) 151px center no-repeat; transition: all 0.5s ease 0s; }



.news_dl{ padding:26px 0;border-bottom: 1px dotted #dedede; position: relative; height: 98px; }

.news_dl dt{ width:94px; height: 104px;transition: all 0.5s ease 0s;  border: 1px solid #dedede; float: left; margin-right:30px;  text-align: center;   }

.news_day{ display: block; height: 65px;transition: all 0.5s ease 0s;  line-height: 65px; background: #dedede; font-size: 30px; font-weight: bold; color: #999999 }

.news_time{ display: block; height:39px;transition: all 0.5s ease 0s;  line-height: 39px; color: #999999; font-size: 14px;  }

.news_dl dd{ width: 1050px; float: left; }

.newstit{ display: block;transition: all 0.5s ease 0s; height: 34px; line-height: 34px; font-size:22px; overflow: hidden; margin-bottom: 14px;  }

.news_ti{  height: 56px; overflow: hidden; line-height: 28px; font-size: 14px; color: #666666; width: 926px; float: left; }

.nsee{ float: right; display: block; height: 28px; transition: all 0.5s ease 0s; line-height: 28px;background: url(../images/nsee.png) center bottom no-repeat; width: 75px; text-align: center; font-size: 14px;  color: #666666 }

.news_tit:hover{ transition: all 0.5s ease 0s; color: #124096 }

.news_dl:hover .newstit{transition: all 0.5s ease 0s; color: #124096}

.news_dlhover { border: 1px solid #fb961f; transition: all 0.5s ease 0s; }

.news_dl:hover .news_day{ background: #fb961f; color: #fff;transition: all 0.5s ease 0s;  }

.news_dl:hover .news_time{ color: #333; }

.news_dl:hover .nsee{ transition: all 0.5s ease 0s; color: #fb961f }

.news_dl:after{content: ""; position: relative;  display: block;visibility:inherit; width: 0; height: 1px;background: #fb961f; transition: all 0.5s ease 0s;  position: absolute;left: 0; top: 150px;}

.news_dl:hover:after{ width: 100%; transition: all 0.5s ease 0s; }



.release{ border-bottom: 1px dotted #dedede; padding: 36px 0 14px 0; text-align: center; margin-bottom: 35px; }

.release h3{ height: 48px; line-height: 48px; font-size: 24px; overflow: hidden; }

.release .rek_i{ display: block; height:40px; line-height: 40px; overflow: hidden; font-size: 14px; color: #999999  }

.piece{ height:60px; line-height: 60px; overflow: hidden;  }

.piece a{ display: block; width: 50%; float: left; background: #f0f0f0; font-size: 14px; padding: 0 14px; box-sizing: border-box; color: #999999; }

.pie_zuo,.pie_you,.spe_round,.agr_right,.index_round,.incu_pic,.link_left,.link_right{background: url(../images/ico.png) left center no-repeat;  }

.pie_zuo{ background-position: -1px 0; transition: all 0.5s ease 0s; width:6px; height: 10px; display: inline-block; margin-right: 12px;  }

.pie_you{background-position: -10px 0; transition: all 0.5s ease 0s; width:6px; height: 10px; display: inline-block;  margin-left: 12px;   }

.piece_right{ text-align:right; }

.news_info{ padding-bottom: 70px; }

.piece_left:hover .pie_zuo{background-position: -1px -11px; transition: all 0.5s ease 0s;}

.piece a:hover{ color: #fff; background:#fb961f; transition: all 0.5s ease 0s; }

.piece_right:hover .pie_you{background-position: -10px -11px; transition: all 0.5s ease 0s;}



.spe_dl{ padding:46px 0; }

.spe_dl dt{ float: left; width: 610px; overflow: hidden; height: 350px; margin-right: 26px; }

.spe_dl dt img{width: 610px; overflow: hidden; height: 350px; }

.spe_dl dd{ float: left; width: 560px; }

.spe_tit{ display: block; }

.spe_zi{ font-size: 14px; height:98px; margin-bottom: 36px; line-height:33px; overflow: hidden; color: #666666;   }

.spe_time{ height:34px; line-height: 34px; overflow: hidden; margin-bottom:15px; font-size: 14px; color: #666;   }

.spe_i{ color: #fb961f; font-weight: bold; }

.spe_tit{ display: block; height: 42px; line-height: 42px; overflow: hidden; font-size: 24px; padding-top: 18px; }

.spe_see{ display: block;transition: all 0.5s ease 0s;  height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; color: #999999; }

.spe_round{ width: 30px;transition: all 0.5s ease 0s; height: 30px; display: block; float: left; margin-right:13px; background-position: -22px 0; }

.spe_can{ float: left; }

.spe_see:hover{ color: #124096; transition: all 0.5s ease 0s; }

.spe_see:hover .spe_round{transition: all 0.5s ease 0s; background-position: -57px 0;}



.spe_ul{ padding-bottom: 60px; margin-left: -30px; }

.spe_ul li{ float: left; margin: 0 0 35px 30px; width: 380px; }



.spe_img{ display: block; width: 380px; height:217px; overflow: hidden;  }

.spe_img img{ width: 380px; height:217px; overflow: hidden; transform: scale(1.1); transition: all 1s ease 0s;}

.spe_div{ background:#f5f5f5; padding: 0 40px; }

.agr_tit{ display: block;transition: all 0.5s ease 0s; height:62px; line-height: 62px; overflow: hidden;  font-size: 16px; padding-bottom: 12px; border-bottom: 1px solid #dedede }

.agr_time{ display: block; height: 46px; line-height: 46px; overflow: hidden; }

.agr_time{ height: 46px; line-height: 46px; overflow: hidden; }

.agr_left{ float: left; display: block; color: #9f9f9f; }

.agr_right{ display: block;transition: all 0.5s ease 0s; float: right; margin-top: 16px; width: 12px; height: 12px; background-position:-97px 0;  }

.spe_ul li:hover .agr_right{ transition: all 0.5s ease 0s; background-position: -114px 0; }

.deve{ text-align: center; padding: 44px 0 20px 0; border-bottom: 1px dotted #dedede; margin-bottom: 30px; }

.deve h3{ font-size: 30px; height:46px; line-height: 46px; overflow: hidden;  }

.deve_i{ display: block; height:40px; line-height:40px; overflow: hidden; font-size: 22px; color: #124097;  }

.spe_word{ padding-bottom: 60px; }

.spe_ul li:hover .agr_tit{ color: #124097; transition: all 0.5s ease 0s; }

.spe_ul li:hover .spe_img img{transform: scale(1); transition: all 1s ease 0s;}



.section{ width: 100%; height: 100%; position:relative;}

.section8{ background-size: cover; }


.index_tit{ text-align: center; height: 210px; line-height: 210px; position: relative; }

.index_en{ font-family:'Arial'; display: block; font-size: 200px; color: #fff; text-transform: uppercase; opacity: .2  }

.index_title{ position: absolute; left: 50%; top: 0; width: 358px; margin-left: -179px; font-size: 36px; color: #f99d1e }

.index_blue{ font-weight: bold; color: #124097; }

.index_round{ margin: 0 0px; background-position: -134px 0; display: inline-block; width: 10px; height: 10px; }

.incuba{ height: 490px;}

.incuba_right{ float: left; height: 490px; width: 950px; padding-left: 40px; background:#fff;  }

.incu_h3{padding-top: 38px; text-align: center; font-size: 24px; color: #124097; height: 46px; line-height: 46px; overflow: hidden; }

.intention{ height: 36px;text-align: center; line-height: 36px; overflow: hidden; font-size:14px; color: #999999  }

.incu_ul{ padding: 26px 0 36px 0; border-bottom: 1px solid #dedede; text-align: center; }

.incu_ul li{ display: inline-block; margin: 0 34px; }

.incu_add{ background-position:0 -41px; width: 33px; height: 40px; display: block; margin: 0 auto 12px;  }

.incu_zi{ height:48px; line-height: 24px; color: #666666; font-size: 14px; text-align: center; }

.incu_call{ background-position:-40px -41px; width: 30px; height: 40px; display: block; margin: 0 auto 12px;  }

.incu_eml{ background-position:-82px -41px; width: 32px; height: 40px; display: block; margin: 0 auto 12px;  }

.incu_ul li:nth-child(3){ margin-top: -10px; }

.feel{ padding:0 96px;  }

.feel_left{ float: left; padding-top: 45px; }

.feel_right{ float: right; font-size: 16px; color: #fff; font-weight: bold; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 67px; background: #f99d1e; }

.feel_what{ float: left; width: 155px; text-align: center; }

.feel_h3{ height:56px; line-height: 56px; font-size: 14px; font-weight: bold;  }

.incuba_left{ float: left;transition: all 1s ease 0s; opacity: 0;	transform: rotateY(-120deg);	transform-origin: right center;	transform-style: preserve-3d; width: 308px; background: #f49c24; height: 490px; padding: 0 33px; box-sizing: border-box; }

.tor_en{ display: block; padding-top: 40px; height:32px; line-height: 32px; overflow: hidden; color: #fff; text-transform: uppercase; font-family: 'Arial'; font-size: 30px;  }

.tor_qi{ height: 24px; line-height: 24px; font-size:16px ; color: #fff; display: block; overflow: hidden; }

.tor{ margin-bottom:18px;  }

.inc_txt{ font-size: 14px; color: #fff; height:60px; line-height: 60px; border: none;  border-bottom: 1px solid #e6c394; background: none; width: 100%; display: block;   }

.inc_area{ font-size: 14px; color: #fff; height:90px; line-height: 28px; border: none; resize: none;  border-bottom: 1px solid #e6c394; background: none; width: 100%; display: block; padding-top: 30px; }

.inc_sub{ display: block; font-size: 14px; color: #fff; text-align:center;border: none;  border-bottom: 1px solid #e6c394; background: none; width: 100%; height: 50px; line-height: 50px; }

.incuba_left input::-webkit-input-placeholder{

    color:#fff;

}

.incuba_left input::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#fff;

}

.incuba_left input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#fff;

}

.incuba_left input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

    color:#fff;

}

.incuba_left textarea::-webkit-input-placeholder{

    color:#fff;

}

.incuba_left textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#fff;

}

.incuba_left textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#fff;

}

.incuba_left textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

    color:#fff;

}



.section7{background: url(../images/pages6.jpg) center top no-repeat; background-size: cover; }

.index_white{ color: #fff; }

.white_round{ background-position: -108px -93px }



.too{ text-align: center; color: #fff; font-size: 22px; margin-top: -40px; }

.link{ margin-top:190px; height:180px; position: relative;   }

.link_scroll{ width: 1340px; height: 180px; overflow: hidden; position: absolute; left: 0; top: 0; }

.link_ul{ width: 10000px; }

.link_scroll li{ float: left; width:260px; height: 180px; overflow: hidden; margin-right:10px;   }

.link_scroll li img{width:260px; height: 180px; overflow: hidden;}



.link_left{ display: block; width:46px; height: 46px;background-position: 0px -92px; position: absolute; left: -72px; top: 50%; margin-top: -23px;  }

.link_right{ display: block; width:46px; height: 46px;background-position: -52px -92px; position: absolute; right: -72px; top: 50%; margin-top: -23px;  }

.section6{background: url(../images/pages5.jpg) center top no-repeat; background-size: cover; }

.round_see{ display: block; width:153px; height: 36px;transition: all 0.5s ease 0s; line-height: 36px; border: 1px solid #124097; border-radius: 20px; text-align: center; margin: -46px auto 0; font-size: 14px; color: #124097;  }

.round_see:hover{ padding: 0 30px; background: #124097; color: #fff; transition: all 0.5s ease 0s; }

.jour{ padding-top: 58px; }

.jour_ul{ width: 1340px; height:400px; overflow: hidden; position: relative;  }

.jour_ul li{ width: 10000px; height: 400px; overflow: hidden; position: absolute; left: 0; top: 0; }

.jour_div{float: left; width:420px; margin-right:40px; height: 400px;   }

.jour_img{ width: 420px; height: 240px; overflow: hidden; display: block; }

.jour_img img{width: 420px; height: 240px; overflow: hidden; transform: scale(1.05); transition: all 1s ease 0s;}

.jour_word{ background: #fff; height: 160px; padding: 0 24px; box-sizing: border-box; }

.jour_time{ display: block; height:24px; line-height: 24px; overflow: hidden; padding-top: 20px; color: #999999;  }

.jour_tit{ height:42px;transition: all 0.5s ease 0s; line-height: 42px; font-size: 16px; font-weight: bold; overflow: hidden; color: #333; display: block;  }

.jour_zi{ height:52px; overflow: hidden; line-height: 26px; color: #999999; font-size: 14px; }

.jour_tab{ text-align: center; padding-top: 66px; height: 14px; }

.jour_tab li{background: url(../images/ico.png) left center no-repeat;  }

.jour_tab li{ display: inline-block; margin:0 11px;  width:14px; cursor: pointer;  transition: all 0.5s ease 0s;height: 14px; background-position:0 -147px; }

.jour_tab li.on{ background-position:-41px -150px; width: 34px; transition: all 0.5s ease 0s;}

.jour_div:hover .jour_tit{ color: #124097; transition: all 0.5s ease 0s; }

.jour_div:hover .jour_img img{transform: scale(1); transition: all 1s ease 0s;}

/* .section5{background: url(../images/pages4.jpg) center top no-repeat; background-size: cover; } */



.star_h3{ font-size: 22px; color: #fff;background: url(../images/index.png) left center no-repeat; padding-left: 24px; height: 40px; line-height: 40px; }

.star_div{ margin:35px 0 20px 0; padding-bottom: 40px; border-bottom: 1px dotted #57585b; height: 186px; position: relative;  }

.star_scroll{ position: absolute; left: 50%; top: 0; width:1200px; margin-left: -600px; height: 186px; overflow: hidden;  }

.star_ul li{ float: left; }

.star_dl dt{ float: left; width: 268px; height: 186px; overflow: hidden; margin-right: 48px; }

.star_dl dt img{width: 268px; height: 186px; overflow: hidden; border-radius: 5px;}

.star_dl dd{ float: left; width: 860px; }

.star_tit{ display: block; height:55px;transition: all 0.5s ease 0s;  line-height: 55px; overflow: hidden; padding-top: 16px; font-size: 28px; color: #fff;  }

.star_tit:hover{ color: #0f6db7; transition: all 0.5s ease 0s; }

.star_blue{ display: block; height:2px; width: 12px; background: #0f6db7; margin-bottom: 24px;  }

.star_zi{ height:62px; line-height: 31px; overflow: hidden; color: #fff; font-size:14px;   }

.star_left,.star_right,.dnSlide-left-btn,.dnSlide-right-btn{background: url(../images/ico1.png) left center no-repeat; }

.star_left{transition: all 0.5s ease 0s;  display: block; position: absolute; left: 0; top: 50%; width:40px; height: 40px; margin-top: -20px; background-position:-1px -1px;   }

.star_right{transition: all 0.5s ease 0s;  display: block; position: absolute; right: 0; top: 50%; width:40px; height: 40px; margin-top: -20px; background-position:-1px -45px;   }

.star_left:hover{ transition: all 0.5s ease 0s; background-position:-46px -1px;  }

.star_right:hover{ transition: all 0.5s ease 0s; background-position:-46px -45px;  }

.dnSlide-main {

	position:relative;

	visibility:hidden;

	padding:0;

	margin:0;

	list-style:none;

	width:100%;

	height:186px;

	margin-left:auto;

	margin-right:auto;

	-webkit-tap-highlight-color:transparent

}

.dnSlide-main.done {

	visibility:visible

}

.dnSlide-main.dn-response {

	width:1122px;

}

.dnSlide-main.dn-response .dnSlide-list {

	width:1122px;

	height:100%;

	margin:0 auto;

	margin-top:20px;

	margin-bottom:0px;

	padding-left:0

}

.dnSlide-main a,.dnSlide-main img {

	display:block;

	border:0;

	 border-radius: 5px;



}

.dnSlide-main .dnSlide-list {

	width:800px;

	height:234px;

	list-style:none;



}



.dnSlide-main .dnSlide-btn:hover {

	opacity:1;

	transition:opacity .3s

}

.dnSlide-main.dnSlide-hide {

	display:none

}

.dnSlide-main .dnSlide-item {

	position:absolute;

	top:0;

	left:0;



}

.dnSlide-left-btn {

	background-position: -101px -1px!important;

	 position: absolute!important;

	left:-70px!important;

	width: 36px!important; height: 36px!important;

	top: 70px!important;

	cursor: pointer!important;

}

.dnSlide-right-btn {

	position: absolute!important;

	background-position: -98px -45px!important;

	right:-70px!important;

	left:auto;

	width: 36px!important; height: 36px!important;

	top: 70px!important;

	cursor: pointer!important;

}

.dnSlide-left-btn:hover{background-position: -143px -1px!important; transition: all 0.5s ease 0s!important;}

.dnSlide-right-btn:hover{background-position: -143px -45px!important; transition: all 0.5s ease 0s!important;}



.section4{ background:#f7f7f7; }

.section4 .index_en{ opacity: .4 }

.brood_ul{ /* border: 1px solid #cfcece;  */width: 1331px; height: 477px;  }

.brood_ul li{background: url(../images/brood1.jpg) center top no-repeat; float: left; width:443px; margin: 0 0.5px 1px; height: 238px; overflow: hidden; position: relative; }

.brood_ul li:nth-child(2){background: url(../images/brood2.jpg) center top no-repeat;}

.brood_ul li:nth-child(3){background: url(../images/brood3.jpg) center top no-repeat;}

.brood_ul li:nth-child(4){background: url(../images/brood4.jpg) center top no-repeat;}

.brood_ul li:nth-child(5){background: url(../images/brood5.jpg) center top no-repeat;}

.brood_ul li:nth-child(6){background: url(../images/brood6.jpg) center top no-repeat;}

.brood_ul li:nth-child(1),.brood_ul li:nth-child(4){ margin-left: 0; }

.brood_ul li:nth-child(3),.brood_ul li:nth-child(6){ margin-right: 0; }

.brood_left,.brood_i,.xing_break,.fol_close,.fol_img,.sign_close,.enroll_close{background: url(../images/ico2.png) center top no-repeat;}

.brood_left{position: relative;transition: all 0.5s ease 0s; z-index: 99999;  margin: 44px 44px 0 47px; float: left; width: 150px; height: 116px; background-position:-1px -2px; padding-top: 46px;  }

.brood_i{ display: block; margin: 0px auto 0; background-position: -1px -168px; width: 67px; height: 59px; }

.brood_right{ float: left; width:174px; position: relative; z-index: 99999;  }

.brood_h3{ font-size: 20px; font-weight: bold; height:66px; line-height: 66px; text-align: center; padding-top: 20px; color: #fff;  }

.brood_inner{ height: 120px; overflow: hidden; }

.brood_inner a{ display: block; height: 30px;transition: all 0.5s ease 0s; line-height: 30px; float: left; width: 50%; text-align: center; color: #fff; font-size: 14px; overflow: hidden; }

.brood_inner a:hover{ font-weight: bold; transition: all 0.5s ease 0s; }

.brood_ul li:nth-child(2) .brood_i{background-position: -85px -168px; width: 80px; height: 64px;}

.brood_ul li:nth-child(3) .brood_i{background-position: -185px -168px; width: 61px; height: 64px;}

.brood_ul li:nth-child(4) .brood_i{background-position: -266px -168px; width: 66px; height: 63px;}

.brood_ul li:nth-child(5) .brood_i{background-position: -344px -168px; width: 58px; height: 60px;}

.brood_ul li:nth-child(6) .brood_i{background-position: -419px -168px; width: 60px; height: 54px;}

.brood_tit{ text-align: center;  transition: all 1s ease 0s; font-size: 22px; height: 118px; line-height: 118px; }

.brood_ul li:after{content: "";visibility:inherit; transition: all 0.5s ease 0s; position: relative;  display: block;width: 0;height: 100%; background: url(../images/indexbj.png) center top repeat;;transition: all 0.5s ease 0s;position: absolute;left: 0px; top: 0px;}

.brood_ul li:hover:after{ width: 100%; transition: all 0.5s ease 0s;  }

.brood_ul li:hover .brood_left{  background-position: -169px -1px;transition: all 0.5s ease 0s; }

.brood_ul li:hover .brood_i{animation: swing 1s infinite linear}

/* .section3{background: url(../images/pages3.jpg) center top no-repeat;background-size: cover;} */

.break{ padding: 112px 0 0 0; }

.break_right{ float: right; width: 670px; height: 380px; overflow: hidden; }

.break_right img{ width: 670px; height: 380px; overflow: hidden;transition: all 1s ease 0s; transform: scale(1.05); }

.break_left{ float: left; width: 620px }

.break_right:hover img{ transform: scale(1); transition: all 1s ease 0s; }

.break_h3{ height: 82px; line-height: 82px; color: #fff; font-size: 22px; }

.break_word{ height:150px; overflow: hidden; margin-bottom: 70px; line-height: 30px; color: #c3c1c1; font-size: 14px;  }

.break_ul{ }

.break_ul li{ display: block; width:33.3%; float: left;background: url(../images/line.jpg) right center no-repeat;  }

.break_ul li:nth-child(3){background: none;}

.break_ul li a{ font-size: 20px; color: #f99d1e;  }

.break_ul li a:hover .xing_tit{transition: all 0.5s ease 0s; transform: translateX(10px); }

.xing_break{ display:block; float: left; background-position:-1px -249px; width: 27px; height: 32px; margin: 0 6px 0 40px;  }

.xing_tit{ display: block; float: left; transition: all 0.5s ease 0s;}

.break_ul li:nth-child(2) .xing_break{background-position:-40px -249px; width: 31px; height: 32px;}

.break_ul li:nth-child(3) .xing_break{background-position:-82px -249px; width: 31px; height: 32px;}

.section2{background: url(../images/pages2.jpg) center top no-repeat;background-size: cover;}

.grow{ text-align: center; font-size: 22px; }

.grow_i{ font-weight: bold; color: #124097 }

.gorw_yellow{ color: #f99d1e; }



.follow{ position: absolute; background:#fff; border-radius: 5px; width:800px; height: 400px; margin: -200px 0 0 -400px; top: 50%; left: 50%;  }

.fol_close{ position: absolute; top: 20px; right: 20px; display: block; background-position:-85px -300px;  z-index: 999; width: 15px; height: 15px; }

.fol_img{ display: block; margin: 52px auto 20px; width: 52px; height: 63px; background-position:-1px -296px;  }

.fol_infor{ display: block; text-align: center; height: 36px; line-height: 36px; overflow: hidden; color: #666666; font-size: 22px; }

.fol_pon{ text-align: center; display: block; height: 28px; line-height: 28px; overflow: hidden; color: #999999; font-size:14px; margin-bottom: 28px;  }

.fol_what{ text-align: center; display: block; }

.fol_sao{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #bdbdbd; }

.flex-control-nav li a,.flex-prev ,.flex-next {background:url(../images/ico1.png) center center no-repeat;}



.flex-control-nav {  text-align: center;z-index: 999999; width: 100%; position: absolute; left: 0; bottom:5%; z-index: 999;  }

.flex-control-nav li{ display: inline-block; margin:0 10px; cursor: pointer;  }

.flex-control-nav li a{ display: block; z-index: 999999; transition: all 0.5s ease 0s; font-size: 0;   width: 16px; height: 16px;  background-position:-2px -176px;  }

.flex-control-nav li a.flex-active{background-position:-26px -176px;width: 29px; height: 16px; margin-top: 0px; transition: all 0.5s ease 0s;  }

.flex-direction-nav{ display: block; }

/* .flex-prev{ position: absolute; left:5%;z-index: 99999;background:url(../images/sy_jtl.png) no-repeat; margin-top: -50px;font-size:0; top: 50%; width: 50px; height: 100px; display: block;  }

.flex-next { position: absolute; right:5%;z-index: 99999;background:url(../images/sy_jtr.png) no-repeat;margin-top: -50px;font-size:0; top: 50%; width: 50px; height: 100px; display: block;  } */



.flexslider {position: relative;width: 100%;height:100%; margin:0 auto; overflow:hidden;}

.slides li .banner_img{ width:100%; height:100%;}

.slides li { position:relative; width:100%; height:100%;}

.slides {width:100%; height:100%;}

.case{  width: 1340px; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}

.science{background:url(../images/bannerbj.png) left center repeat; padding: 30px 0 0 30px; box-sizing: border-box; transition: all 0.8s ease 0s; width: 0px; height: 267px; position: relative; }

.sci1,.sci2,.sci6,.part a{background:url(../images/ico3.png) left top no-repeat;}

.sci1{ display: block; height:40px ; width: 88px; background-position: -1px -217px; margin-bottom: 12px;  }

.sci2{ display: block; height: 38px; background-position: -1px -262px; }

.sci4,.sci5{ display: block; height:34px ; line-height: 34px; font-size: 16px; overflow: hidden; }

.sci3{ width: 26px; height: 2px;  display: block; background: #124097; margin:26px 0 20px 0;  }

.sci6{background-position: -1px -1px;  width: 400px; display:block;height: 0; position: absolute; right: 12px; top: -30px;}

.flex-active-slide .science{ width: 824px;transition: all 0.8s ease 0s; }

.flex-active-slide .sci1{-webkit-animation:fadeInUp 0.8s linear 0.6s both;-moz-animation:fadeInUp 0.8s linear 0.6s both; animation:fadeInUp 0.8s ease 0.6s both;}

.flex-active-slide .sci2{-webkit-animation:fadeInUp 0.8s linear 0.7s both;-moz-animation:fadeInUp 0.8s linear 0.7s both; animation:fadeInUp 0.8s ease 0.7s both;}

.flex-active-slide .sci3{  -webkit-animation:fadeInUp 0.8s linear 0.8s both;-moz-animation:fadeInUp 0.8s linear 0.8s both; animation:fadeInUp 0.8s ease 0.8s both;}

.flex-active-slide .sci4{-webkit-animation:fadeInUp 0.8s linear 0.9s both;-moz-animation:fadeInUp 0.8s linear 0.9s both; animation:fadeInUp 0.8s ease 0.9s both;}

.flex-active-slide .sci5{-webkit-animation:fadeInUp 0.8s linear 1s both;-moz-animation:fadeInUp 0.8s linear 1s both; animation:fadeInUp 0.8s ease 1s both;}

.flex-active-slide .sci6{ height: 212px; transition: all 0.8s ease 1.3s; }



@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}

100%{opacity:1;-moz-transform:translateY(0)}}

.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}



.provide{ display:inline-block;transition: all 0.5s ease 0s; min-width: 388px;background:url(../images/round.png) 13px center no-repeat; height:48px; border: 1px solid #cacaca; margin-bottom:26px;  line-height: 48px; padding: 0 36px; color: #09090b; font-size: 16px; box-sizing: border-box;  }

.vide_case{ top: 68% }

.provide:hover{ color: #fb961f; border: 1px solid #fb961f;transition: all 0.5s ease 0s; }

.part{ top: 84%; text-align: center; }

.part a{ display: inline-block; margin:0 20px;  }

.part .pate{ background-position: -16px -367px; width: 207px; height: 66px; }

.part .stand{ background-position: -296px -367px; width: 207px; height: 66px; }



.sign{ display: none; position:absolute; width:502px; left: 50%; margin-left: -206px; top: 50%; z-index: 999999;  height: 420px; margin-top: -210px; }

.sign_h3,.enroll_h3{ font-size: 28px; color: #fa9d1d; text-indent: 23px; }

.sign_inner{background:url(../images/sign.png) left center no-repeat; width: 502px; height: 377px;}

.sign_ball,.enroll_ball{ width: 100%; display: none;  height: 100%; background: #000; opacity: .7; position:absolute; left: 0; top: 0; z-index: 99999; }

.sign_close{ position: absolute; right:92px; top: 60px; display: block; width:15px; height: 15px; background-position: -85px -300px;}

.sign_form{ padding: 68px 0 0 0; }

.sign_em{ display: block; float: left; width: 95px; font-size: 14px; height: 36px; line-height: 36px; text-align: right; color: #666666; margin-right: 17px; }

.sign_txt{ float: left; width: 228px; height: 34px; border: 1px solid #dedede; background: #f8f8f8; border-radius: 5px; font-size: 14px; color: #d3d3d3; padding-left: 16px; box-sizing: border-box; }

.sign_div{ margin-bottom: 25px; }

.sign_xing{ color: #fa9d1d; height: 36px; line-height: 36px; padding-left: 12px; }

.sign_form input::-webkit-input-placeholder,.enroll_form input::-webkit-input-placeholder{

    color:#d0d0d0;

}

.sign_form input::-moz-placeholder,.enroll_form input::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#d0d0d0;

}

.sign_form input:-moz-placeholder,.enroll_form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#d0d0d0;

}

.sign_form input:-ms-input-placeholder,.enroll_form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

    color:#d0d0d0;

}

.sign_form textarea::-webkit-input-placeholder,.enroll_form textarea::-webkit-input-placeholder{

    color:#d0d0d0;

}

.sign_form textarea::-moz-placeholder,.enroll_form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#d0d0d0;

}

.sign_form textarea:-moz-placeholder,.enroll_form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#d0d0d0;

}

.sign_form textarea:-ms-input-placeholder,.enroll_form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

    color:#d0d0d0;

}



.sign_sub{ transition: all 0.5s ease 0s; display: block; cursor: pointer; background: #fa9d1d; color: #fff; border: 1px solid #fa9d1d; border-radius: 20px; width: 124px; height: 32px; line-height: 32px; font-size: 14px; margin: 8px 0 0 160px; }

.sign_sub:hover{ transition: all 0.5s ease 0s; background: none; color: #fa9d1d }







.enroll{ position: absolute; display: none; left: 50%; top: 50%; margin: -306px 0 0 -375px; z-index: 999999; width: 750px; height: 612px; }

.enroll_inner{background:url(../images/enroll.png) left center no-repeat; width: 750px; height: 570px; }

.enroll_form{ padding: 56px 0 0 34px; }

.sign_area{ height: 124px; width:438px;border: 1px solid #dedede; background: #f8f8f8; border-radius: 5px; font-size: 14px; color: #d3d3d3; padding-left: 16px; box-sizing: border-box; float: left; resize: none;  }

.sign_select{float: left; width: 228px; height: 34px; border: 1px solid #dedede; background: #f8f8f8; border-radius: 5px; font-size: 14px; color: #d3d3d3; padding-left: 16px; box-sizing: border-box;  }

.enroll_sub{transition: all 0.5s ease 0s; display: block; float: left; margin:0 16px 0 123px; width: 124px; height: 32px; line-height: 32px; border: 1px solid #fa9d1d; background: #fa9d1d; font-size: 14px; color: #fff; border-radius: 20px;}

.enroll_res{ transition: all 0.5s ease 0s; float: left;width: 124px; height: 32px; line-height: 32px; border: 1px solid #e4e4e4; background: #e4e4e4; font-size: 14px; color: #999999; border-radius: 20px; }

.enroll_form .sign_div{ margin-bottom: 14px; }

.enroll_bnt{ padding-top: 26px; }

.enroll_img{ position: absolute; right: 158px; top: 90px; }

.enroll_sub:hover{ background:none; color: #fa9d1d; transition: all 0.5s ease 0s; }

.enroll_res:hover{ background:none;  transition: all 0.5s ease 0s; }

.enroll_close{ position: absolute; right:120px; top: 66px; display: block; width:15px; height: 15px; background-position: -85px -300px;}

.grow_img{ text-align: center; padding-top: 100px; }

.grow_img img{ width: auto; height: auto; max-width: 100%; }

.wrap_two{ width: 100%; }

.break_h3{ width: 0;transition: all 1.5s ease 0.2s; overflow: hidden; }

.active .index_en{-webkit-animation:fadeInLeft 1s linear 0s both;-moz-animation:fadeInLeft 1s linear 0s both; animation:fadeInLeft 1s ease 0s both;}

.active .index_title{-webkit-animation:fadeInRight 1s linear 0s both;-moz-animation:fadeInRight 1s linear 0s both; animation:fadeInRight 1s ease 0s both;}

.active .break_right{-webkit-animation:fadeInRight 1.5s linear 0.2s both;-moz-animation:fadeInRight 1.5s linear 0.2s both; animation:fadeInRight 1.5s ease 0.2s both;}



.active .break_h3{ width: 100%; transition: all 1.5s ease 0.2s; }

.active .break_word{-webkit-animation:Left 1.5s linear 0.2s both;-moz-animation:Left 1.5s linear 0.2s both; animation:Left 1.5s ease 0.2s both;}

.active .break_ul li:nth-child(1){-webkit-animation:Left 1.5s linear 0.4s both;-moz-animation:Left 1.5s linear 0.4s both; animation:Left 1.5s ease 0.4s both;}

.active .break_ul li:nth-child(2){-webkit-animation:Left 1.5s linear 0.6s both;-moz-animation:Left 1.5s linear 0.6s both; animation:Left 1.5s ease 0.6s both;}

.active .break_ul li:nth-child(3){-webkit-animation:Left 1.5s linear 0.8s both;-moz-animation:Left 1.5s linear 0.8s both; animation:Left 1.5s ease 0.8s both;}

.active .brood_ul li:nth-child(1){-webkit-animation:fadeInUp 1s linear 0s both;-moz-animation:fadeInUp 1s linear 0s both; animation:fadeInUp 1s ease 0s both;}

.active .brood_ul li:nth-child(2){-webkit-animation:fadeInUp 1s linear 0.2s both;-moz-animation:fadeInUp 1s linear 0.2s both; animation:fadeInUp 1s ease 0.2s both;}

.active .brood_ul li:nth-child(3){-webkit-animation:fadeInUp 1s linear 0.3s both;-moz-animation:fadeInUp 1s linear 0.3s both; animation:fadeInUp 1s ease 0.3s both;}

.active .brood_ul li:nth-child(4){-webkit-animation:fadeInUp 1s linear 0.4s both;-moz-animation:fadeInUp 1s linear 0.4s both; animation:fadeInUp 1s ease 0.4s both;}

.active .brood_ul li:nth-child(5){-webkit-animation:fadeInUp 1s linear 0.5s both;-moz-animation:fadeInUp 1s linear 0.5s both; animation:fadeInUp 1s ease 0.5s both;}

.active .brood_ul li:nth-child(6){-webkit-animation:fadeInUp 1s linear 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}

.active .brood_tit{-webkit-animation:fadeInUp 1s linear 0.8s both;-moz-animation:fadeInUp 1s linear 0.8s both; animation:fadeInUp 1s ease 0.8s both; }

.active .star{-webkit-animation:fadeInUp 1.5s linear 0.2s both;-moz-animation:fadeInUp 1.5s linear 0.2s both; animation:fadeInUp 1.5s ease 0.2s both; }

.active .hatch{-webkit-animation:fadeInUp 1.5s linear 0.4s both;-moz-animation:fadeInUp 1.5s linear 0.4s both; animation:fadeInUp 1.5s ease 0.4s both; }



.section5 .wrap{ top: 55% }

.active .round_see{-webkit-animation:fadeInUp 1.5s linear 0.2s both;-moz-animation:fadeInUp 1.5s linear 0.2s both; animation:fadeInUp 1.5s ease 0.2s both;}

.active .jour_ul{-webkit-animation:fadeInUp 1.5s linear 0.4s both;-moz-animation:fadeInUp 1.5s linear 0.4s both; animation:fadeInUp 1.5s ease 0.4s both;}

.active .jour_tab{-webkit-animation:fadeInUp 1.5s linear 0.6s both;-moz-animation:fadeInUp 1.5s linear 0.6s both; animation:fadeInUp 1.5s ease 0.6s both;}

.active .link_left{-webkit-animation:Left 1.5s linear 0.2s both;-moz-animation:Left 1.5s linear 0.2s both; animation:Left 1.5s ease 0.2s both;}

.active .link_right{-webkit-animation:fadeInRight 1.5s linear 0.2s both;-moz-animation:fadeInRight 1.5s linear 0.2s both; animation:fadeInRight 1.5s ease 0.2s both;}

.active .incuba_left{    transform: rotateY(0); opacity: 1;}



@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(60px)}

100%{opacity:1;-moz-transform:translateY(0)}}

.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}





@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-130px)}

100%{opacity:.2;-webkit-transform:translateX(0)}}

@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-130px)}

100%{opacity:.2;-moz-transform:translateX(0)}}

.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}



@-webkit-keyframes Left{0%{opacity:0;-webkit-transform:translateX(-130px)}

100%{opacity:1;-webkit-transform:translateX(0)}}

@-moz-keyframes Left{0%{opacity:0;-moz-transform:translateX(-130px)}

100%{opacity:1;-moz-transform:translateX(0)}}

.Left{-webkit-animation-name:Left;-moz-animation-name:Left}





@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(130px)}

100%{opacity:1;-webkit-transform:translateX(0)}}

@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(130px)}

100%{opacity:1;-moz-transform:translateX(0)}}

.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight}



@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}

20%{-webkit-transform:rotate(15deg)}

40%{-webkit-transform:rotate(-10deg)}

60%{-webkit-transform:rotate(5deg)}

80%{-webkit-transform:rotate(-5deg)}

100%{-webkit-transform:rotate(0deg)}}

@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}

40%{-moz-transform:rotate(-10deg)}

60%{-moz-transform:rotate(5deg)}

80%{-moz-transform:rotate(-5deg)}

100%{-moz-transform:rotate(0deg)}}

.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing}






.begin .head{ height: 80px; }

.begin h1{ line-height: 80px; }

.begin h1 img{ height: 60px; }

.begin .nav_ul li a{ height: 80px; line-height: 80px; }

.begin .what_img{ height: 50px; }

.begin .what_img img{ height: 50px; width: auto; }

.begin .what_h3{ font-size: 12px; height: 26px; line-height: 26px; }

.begin .flex-prev{ left: 20px; }

.begin .flex-next{ right: 20px; }

.begin .case{ width: 1000px; }

.begin .index_en{ font-size: 100px; }

.begin .index_tit{ height: 100px; line-height: 100px; }

.begin .section2 .wrap,.begin .section3 .wrap{ top: 57% }

.begin .break{ padding-top: 20px; }

.begin .enroll{ top: 53%; }

.begin .brood_ul li{ height: 190px; }

.begin .brood_tit{ height: 30px; line-height: 30px; padding-top: 20px; }

.begin .brood_ul{ height: auto; }

.begin .section4 .wrap{ top: 55%; }

.begin .brood_left{ margin-top: 16px; }

.begin .brood_h3{ padding-top: 0; height: 55px; line-height: 55px; }

.begin .star_div{ margin: 5px 0; padding-bottom: 5px; }

.begin .star_dl dt img{ height: 140px; width: auto;  }

.begin .star_dl dt{ height: 140px; width: 201px; }

.begin .star_tit{ padding-top: 0px; }

.begin .star_blue{ margin-bottom: 18px; }

.begin .star_scroll{ height: 140px; }

.begin .star_div{ height: 140px; }

.begin .jour{ padding-top: 20px; }

.begin .jour_ul li{ height: 350px; }

.begin .jour_tab{ padding-top: 16px; }

.begin .jour_ul{ height: 350px; }

.begin .round_see{ margin-top: 10px; }

.begin .section6 .wrap{ top: 55% }

.begin .jour_img{ height: 196px; }

.begin .link{ margin-top: 80px; }

.begin .too{ margin: 0; }

.begin .link_left{ left: 0; }

.begin .link_right{ right: 0; }

.begin .link_scroll{ width: 1070px; margin-left: -535px; left: 50% }

.begin .incuba_right{ height: 460px; }

.begin .incuba_left{ height: 460px; }

.begin .section8 .wrap{ top: 58% }

.begin .incu_h3{ padding-top: 20px; }

#fp-nav{ display: none; }





.mobile-inner-nav a{-webkit-animation-duration: 0.8s;animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}

@-webkit-keyframes bounceInRight {

from, 60%, 75%, 90%, to { 

	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);	

	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}



from {

	opacity: 0;

	-webkit-transform: translate3d(3000px, 0, 0);

	transform: translate3d(3000px, 0, 0);

}



 60% {

	opacity: 1;

	-webkit-transform: translate3d(-25px, 0, 0);

	transform: translate3d(-25px, 0, 0);

}



75% {

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

	transform: translate3d(10px, 0, 0);

}



90% {

	-webkit-transform: translate3d(-5px, 0, 0);

	transform: translate3d(-5px, 0, 0);

}



 to {

	-webkit-transform: none;

	transform: none;

	 }

}



@keyframes bounceInRight {

 from, 60%, 75%, 90%, to {

	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}



from {

	opacity: 0;

	-webkit-transform: translate3d(3000px, 0, 0);

	transform: translate3d(3000px, 0, 0);

}



60% {

	 opacity: 1;

	 -webkit-transform: translate3d(-25px, 0, 0);

	transform: translate3d(-25px, 0, 0);

}



75% {

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

	transform: translate3d(10px, 0, 0);

}



90% {

	-webkit-transform: translate3d(-5px, 0, 0);

	transform: translate3d(-5px, 0, 0);

}



to {

	-webkit-transform: none;

	transform: none;

	}

}



.mobile{ display: none; }

.mobile{

    width: 100%;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 999;

    display: none;

}

.mobile-inner{

    width: 550px;

    margin-right: auto;

    margin-left: auto;

    background-color: #fafafa;

    position: relative;

}

.mobile-inner img{

    width: 100%;

    margin-bottom: 30px;

}

.mobile-inner p{

    color: #676767;

    line-height: 25px;

    font-size: 16px;

    padding-bottom: 30px;

    padding-right: 30px;

    padding-left: 30px;

    margin:0px;

}

.mobile-inner-header{

    background:none;

    width: 100%;

    height: 50px;

    position: absolute;

    top:6px;

    left: 0px;

}

.mobile-inner-header-icon{

    color: #124096;

    height: 50px;

    font-size:25px;

    text-align: center;

    float:right;

    width: 50px;

    position: relative;

    -webkit-transition: background 0.5s;

    -moz-transition: background 0.5s;

    -o-transition: background 0.5s;

    transition: background 0.5s;

     background: none

}

.mobile-inner-header-icon:hover{

    background:none;

    cursor: pointer;

}

.mobile-inner-header-icon span{

    position: absolute;

    left: calc((100% - 25px) / 2);

    top: calc((100% - 1px) / 2);

    width: 25px;

    height: 1px;

    background-color: #124096;

}

.mobile-inner-header-icon span:nth-child(1){

transform: translateY(4px) rotate(0deg);

    }

.mobile-inner-header-icon span:nth-child(2){

transform: translateY(-4px) rotate(0deg);

    }

    







    

.mobile-inner-header-icon-click span:nth-child(1){

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: clickfirst;

    }       

.mobile-inner-header-icon-click span:nth-child(2){

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: clicksecond;

    }

    





@keyframes clickfirst {

  0% {

      transform: translateY(4px) rotate(0deg);

      

  }



  100% {

    transform: translateY(0) rotate(45deg);

  }

}   







@keyframes clicksecond {

  0% {

      transform: translateY(-4px) rotate(0deg);

  }



  100% {

    transform: translateY(0) rotate(-45deg);

  }

}   



.mobile-inner-header-icon-out span:nth-child(1){

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: outfirst;

    }       

.mobile-inner-header-icon-out span:nth-child(2){

    animation-duration: 0.5s;

    animation-fill-mode: both;

    animation-name: outsecond;

    }



@keyframes outfirst {

  0% {

    transform: translateY(0) rotate(-45deg);

  }



  100% {

    transform: translateY(-4px) rotate(0deg);

  }

}   







@keyframes outsecond {

  0% {

    transform: translateY(0) rotate(45deg);

  }



  100% {

    transform: translateY(4px) rotate(0deg);

  }

}



.mobile-inner-nav{

    background-color: rgba(140,140,140,0.9);

    width: 100%;

    position: absolute;

    top: 56px;

    left: 0px;

    padding: 10px 0 30px 0;

    z-index: 999999;

    display: none;

}

.mobile-inner-nav li{ margin:0 10px ;}

.mobile-inner-nav a{

    display: inline-block;

    line-height: 50px;

    text-decoration: none;

    width: 100%;

   

    color: #FFFFFF;

    border-bottom: solid 1px rgba(255,255,255,0.3);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    font-weight:300;

    font-size: 14px;

}

.mobile-inner-nav a:hover{

    color: rgba(255,255,255,0.4);

    border-bottom: solid 1px rgba(255,255,255,0.2);

}



.cai{ height: 238px; position: relative;display: none;     }

.cai_scroll{ width: 300px; height: 238px; position: absolute; left: 50%; margin-left: -150px; top: 0; overflow: hidden; }

.cai_scroll .brood_right{ float: left; width:100%; position: relative; z-index: 99999;  }

.cai_scroll .brood_h3{ font-size: 20px; font-weight: bold; height:66px; line-height: 66px; text-align: center; padding-top: 20px; color: #fff;  }

.cai_scroll .brood_inner{ height: 120px; overflow: hidden; }

.cai_scroll .brood_inner a{ display: block; height: 30px;transition: all 0.5s ease 0s; line-height: 30px; float: left; width: 50%; text-align: center; color: #fff; font-size: 14px; overflow: hidden; }

.cai_scroll .brood_inner a:hover{ font-weight: bold; transition: all 0.5s ease 0s; }



.cai_scroll  li{background: url(../images/brood1.jpg) center top no-repeat; float: left; width:300px; margin: 0 0.5px 1px; height: 238px; overflow: hidden; position: relative; }









.grow_div{ position: relative;transition: all 0.5s ease 0s; margin-top: 20px; padding: 0 108px; box-sizing: border-box; width: 0; height:328px; background: url(../images/deve.png) center center repeat-x;   }

.grow_scroll{ position: absolute; height: 328px; width:0; left: 50%; margin-left: -852px; top: 0; overflow: hidden;  }

.grow_ul li{ float: left; width: 200px; margin-top: 160px;  position: relative; }

.grow_round{background: url(../images/deve1.png) center top no-repeat; cursor: pointer; width: 10px; height: 10px; display: block; margin: 0 auto 0; }

.grow_time{ display: block; cursor: pointer; text-align: center; font-size: 18px; font-weight: bold; color: #f99d1e; height:46px; line-height: 46px;  }

.grow_ul{ width: 100000px; height: 328px; }

.grow_year{ position: absolute; transition: all 1s ease 0s; left: 0px; top: -160px; width: 405px; z-index: 9999; height: 322px; border: 1px solid #124097; display: none; background: #fff; border-radius: 5px; }

.grow_itme{ display: block; height:62px; line-height: 62px; overflow: hidden; text-align: center; color: #000000; font-size:14px;    }

.grow_pic{ display: block; height: 196px; overflow: hidden; }

.grow_img img{ width: 405px; height: 196px; overflow: hidden; }

.grow_h3{ height: 64px; line-height: 64px; text-align: center; color: #fff;  font-size: 16px; font-weight: bold; background: #124097; }

.grow_ul li:hover .grow_year{ display: block;-webkit-animation:bounceIn 1.5s linear 0s both;-moz-animation:bounceIn 1.5s linear 0s both; animation:bounceIn 1.5s ease 0s both; }



.active .grow_div{ width: 100%; transition: all 2s ease 0.2s; }

.active .grow_scroll{ width:1704px;  transition: all 2s ease 1s; }

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}

50%{opacity:1;-webkit-transform:scale(1.05)}

70%{-webkit-transform:scale(.9)}

100%{-webkit-transform:scale(1)}}

@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}

50%{opacity:1;-moz-transform:scale(1.05)}

70%{-moz-transform:scale(.9)}

100%{-moz-transform:scale(1)}}

.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn}

.begin .active .grow_scroll{ width: 1280px; margin-left: -640px; }

.begin .grow_ul li{ width: 100px; }



.ent_ul{ margin:30px 0 0 -22px; padding-bottom: 80px;  }

.ent_ul li{ float: left; width:280px;transition: all 0.5s ease 0s; height: 290px; margin: 32px 0 0 22px; background: #e9e9e9; }

.ent_hover{ background: #fff; margin: -9px 0 0 -8px; width: 278px; border: 1px solid #efefef; padding: 0 14px; box-sizing: border-box; height: 288px; }

.ent_img{ padding-top:12px; margin-bottom: 34px; display: block; width: 254px; height: 190px; overflow: hidden;  }

.ent_img img{ width:254px; height: 190px; overflow: hidden; transform: scale(1.1,1.1);transition: all 1s ease 0s; }

.ent_line{ display: block; height:2px; width: 14px; background: #1c53ad;  }

.ent_h3{ font-size: 18px;transition: all 0.5s ease 0s; overflow: hidden; height:40px; line-height: 40px; overflow: hidden; }

.ent_ul li:hover .ent_h3{ color: #124096; transition: all 0.5s ease 0s; }

.ent_ul li:hover { background: #124096; transition: all 0.5s ease 0s; }

.ent_ul li:hover .ent_img img{ transform: scale(1); transition: all 1s ease 0s; }

.ent_info{ padding: 30px 0 60px 0; }



.register{ position: fixed;top: 50%; right: 1%; margin-top: -100px; width: 216px; height: 200px; z-index: 999999; cursor: pointer; }

.ball{background: url(../images/entbj.png) center top repeat; display: none; width: 100%; height: 100%; position: fixed; z-index: 999999;}

.draw{background: url(../images/ent2.png) center top no-repeat; display: none;  width: 453px; height: 631px; position: fixed; left: 50%; z-index: 9999999;top: 50%; margin: -315.5px 0 0 -226.6px;}

.draw_close{background: url(../images/ent_close.png) center top no-repeat; width: 28px; height: 28px; position: absolute; top:20px; right: 30px; }

.draw_form{ padding:218px 0 0 34px; width: 412px; box-sizing: border-box; margin: 0 auto  }

.draw_div{ margin-bottom: 14px; }

.draw_sub{ cursor: pointer; width:300px; height: 60px; line-height: 60px; display: block; background: #fadfa5; border-radius: 60px; margin-left: 20px; color: #e81035; font-size: 26px; text-align: center; border: 1px solid #fadfa5  }

.draw_text{ background: #fff; width: 340px; height: 56px; border: none; line-height: 56px; display: block; float: left; font-size: 16px; color: #666666; padding-left: 18px; box-sizing: border-box; }

.draw_xing{ display:block; float: left; height: 56px; line-height: 56px; padding-left:10px; color: #980000  }