.wrap_banner { position: relative; }
.wrap_nav { position: absolute; left: 0px; top: 0px; }

.Banner { position: relative; }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute; top: 55%;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top;  }
.Banner .slide_nav.prev { width: 71px; height: 71px; background-size: 71px 71px; left: 50%; margin: -35px 0 0 -600px; background:url(../images/arrow_left.png) no-repeat left top;  }
.Banner .slide_nav.next {  width: 71px; height: 71px; background-size: 71px 71px; right: 50%; margin: -35px -600px 0 0px; background:url(../images/arrow_right.png) no-repeat left top; }

.Banner .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,.4); border-radius: 5px; display: inline-block;  text-indent:-999em;}
.Banner .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#ffffff;width:10px;height:10px; border-radius: 50px; }
.Banner .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:30px;z-index:999; width: auto; text-align: center; left: 50%;
margin:0 0 0 -600px; display: none;}


.Banner01 .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner01 .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.Banner01 .rslides li:first-child { position: relative; display: block; float: left; }
.Banner01 .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner01 .slide li { position: absolute; width: 100%; left: 0; top: 0; }
.Banner01 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner01 .slide_container img { width: 100%; transform: scale(1); transition: 2s; opacity: 1; } 
.Banner01 .slide_container img:hover { transform: scale(1.2); transition: 2s; opacity: .8; }
.Banner01 .slide_container { position: relative;  }
.Banner01 .slide_nav.prev { left: 50%; margin: -27px 0 0 -600px; }
.Banner01 .slide_nav:active { opacity: 1.0; }
.Banner01 .slide_tabs li a{ width: 6px; height: 6px; background: rgba(255,255,255,.15);   display: inline-block;  text-indent:-999em;}
.Banner01 .slide_tabs li.slide_here a { background:rgba(255,255,255,1);width:6px;height:6px;   }
.Banner01 .slide_tabs li{width:15px;height:15px; display: inline; margin:0 0px 0 10px;  color:#fff;}
.Banner01 .slide_tabs{position:absolute; bottom:20px;z-index:999; width: auto; right: 30px; text-align: center;}
.Banner01 .slider {  width: 94%; padding:5% 3% 3%;overflow:hidden; background:-webkit-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Safari 5.1 - 6.0 */
           background:-o-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* Firefox 3.6 - 15 */
           background:linear-gradient(top,rgba(0,24,55,.02),rgba(0,24,55,.5));/* 标准*/  font-size: 18px; color: #ffffff; position: absolute; left: 0px; bottom: 0px; z-index: 9999; }
.Banner01 { margin: 20px 0 0 0; }
.banner{ width:100%; overflow: hidden; position: relative;}
.close{position:absolute;right:0;bottom:0;width:25px;height:25px;cursor:pointer;display:block;z-index:9999;}
.wrap_content { width:100%; margin: -46px auto 0; overflow: hidden; z-index: 99; position: relative;background: url(../images/bg.png) no-repeat center 47px; background-size: cover;  }
.content{ max-width: 1200px; margin: 0 auto 0; overflow: hidden; }


.mode01 { overflow: hidden; }



.science ul { margin: 0px -33px 0; overflow: hidden; }
.science ul li { width: 20%; float: left; box-sizing:border-box;   }
.science ul li a{ background: url(../images/link_bg_03.png); border: 1px solid #fa9946; display: block; margin: 0 33px; }
.science ul li p { text-align: center; padding: 15px 0 20px 0; font-size: 18px; color: #ffffff; }
.science ul li.li01 span { height: 55px; display: block;  }
.science ul li.li02 span { height: 55px; display: block;  }
.science ul li.li03 span { height: 55px; display: block;  }
.science ul li.li04 span { height: 55px; display: block;  }
.science ul li.li05 span { height: 55px; display: block;   }
.science ul li:hover img {transform: rotateY(360deg); transition: 2s;}
.science ul li img { margin:26px auto; display: block; transition: 2s;}

.news{ width: 60%; float: left; }
.news .title { border-bottom: 5px solid #fb9b00; overflow: hidden;  }
.news .title h2 { font-size: 20px; font-family: "黑体"; float: left; }
.news .title a { font-size: 14px; color: #787878; float: right; margin: 25px 0 0 0;}
.news_con { padding: 12px 20px; background: #ededed; margin: 13px 0 0 0; }
.news_con span { height: 0px; display: block; overflow: hidden; padding-bottom: 56%; }
.news_con span img { width: 100%; }
.news_con p { font-size: 18px; color: #024a92; margin: 15px 0 0 0; height: 31px; overflow: hidden; }
.news ul li { margin: 24px 0 0 0; }
.li_left { margin: 0 90px 0 0; }
.li_right { height: 20px; line-height: 26px; font-size: 16px; color: #024a92; float: right; padding: 0 21px 0 0; background: url(../images/li_right_03.png) no-repeat right bottom; margin: 50px 0 0 0; }
.li_l_date { width: 68px; height: 81px; float: left; background: #c9cacb }
.li_l_date .day { font-size: 30px; text-align: center; color: #024a92; height: 52px; line-height: 52px; }
.li_r { margin: 0 0 0 86px; }
.li_r a { font-size: 18px; color: #014a92; height: 24px; overflow: hidden; display: block; font-weight: bold; transition: 1s; }
.li_r a:hover { margin:0 0 0 10px; transition: 1s; }
.month { font-size: 16px; text-align: center; color: #024a92; }
.li_r_con { line-height: 26px; height: 52px; overflow: hidden; font-size: 14px; color: #787878; margin: 5px 0 0 0; }
.notice_lk{ float: right; width: 35%; }
.notice .title { border-bottom: 5px solid #fb9b00; overflow: hidden;  }
.notice .title h2 { font-size: 20px; font-family: "黑体"; float: left; }
.notice .title a { font-size: 14px; color: #787878; float: right; margin: 25px 0 0 0;}
.notice ul { margin: 13px 0 0 0; }
.notice ul li { margin: 0 0 12px 0; }
.notice ul li p { font-size: 18px; color: #024a92; margin: 0 0 5px 0; }
.notice ul li a { font-size: 18px; color: #130700; height: 29px; overflow: hidden; display: block; }
.no_con { font-size: 14px; color: #787878; line-height: 24px; height: 48px; overflow: hidden; margin: 10px 0 0 0; }

.lk { border-top: 2px solid #fb9b00; }
.lk ul { overflow: hidden; }
.lk ul li { width: 50%; float: left; text-align: center; margin:15px auto 0; }
.lk ul li span { height: 80px; display: block; vertical-align: bottom; }
.lk ul li img { margin: 0 auto; transition: 2s; }
.lk ul li:hover img{ transition: 2s; transform: rotateY(360deg); }
.lk ul li p { font-size: 17px;  margin: 5px auto 0; color: #024a92; height: 48px; overflow: hidden; }
.other { width: 340px; height: 60px; line-height: 60px; text-align: center;  background: url(../images/other_03.png) no-repeat; margin: 10px auto 0; *margin-top: 60px; }
.other a { font-size: 18px; color: #ffffff; }

.mode02 { max-width: 1200px; margin: 0px auto 0; overflow: hidden; }

.Banner1 { position: relative; margin:50px auto; display: none; }
.Banner1 .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner1 .slide li { position: absolute; width: 100%; }
.Banner1 .slide li a img{ width: 100%; }
.Banner1 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner1 .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner1 .slide_nav { position: absolute; top: 55%;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top;  }
.Banner1 .slide_nav.prev { width: 29px; height: 43px; /*background-size:30px 30px;*/ background-size: cover; left: 10px; margin: -15px 0 0 0; background:url(../images/arrow_left_03.png) no-repeat left top;  }
.Banner1 .slide_nav.next {  width: 29px; height: 43px; /*background-size: 30px 30px;*/ background-size: cover; right: 10px; margin:-15px 0 0 0; background:url(../images/arrow_right1.png) no-repeat left top; }

.Banner1 .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,.4); border-radius: 5px; display: inline-block;  text-indent:-999em;}
.Banner1 .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#ffffff;width:10px;height:10px; border-radius: 50px; }
.Banner1 .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0;  color:#fff;}
.Banner1 .slide_tabs{position:absolute; bottom:30px;z-index:999; width: auto; text-align: center; left: 50%;
margin:0 0 0 -600px; display: none;}


.mode03 { max-width: 1200px; margin: 30px auto 15px; overflow: hidden; }



.wrap{ width:1200px;height:326px;position:relative;overflow:hidden;}
.pic{width:564px;height:326px;cursor:pointer;}
.pic1{background:url('../images/img01_03.png');position:absolute;top:0;left:0;z-index:1;}
.pic2{background:url('../images/img02_03.png');position:absolute;top:0;left:564px;z-index:3;}
.pic3{background:url('../images/img03_03.png');position:absolute;top:0;left:724px;z-index:5;}
.pic4{background:url('../images/img04_03.png');position:absolute;top:0;left:884px;z-index:7;}
.pic5{background:url('../images/img05_03.png');position:absolute;top:0;left:1044px;z-index:9;}


.mode04 { max-width: 1200px; margin: 50px auto; }



@media screen  and (max-width:1600px) {
.header { max-width: 1000px; }
.languageIN { max-width: 1000px; }
.content { max-width: 1000px; }
.mode01 {  max-width: 1000px;}
.mode02 {  max-width: 1000px;}
.mode03 {  max-width: 1000px;}
}


@media screen  and (max-width:1400px) {
.Banner .slide_nav.prev { left: 3%; margin-left: 0px; } 
.Banner .slide_nav.next { right: 3%; margin-right: 0px; } 
.content { width: 94%; margin: 0 auto; }
}


/* CSS Document */
@media screen  and (max-width:1200px) {
.content { margin: 0 auto; }
.Banner .slide_tabs { width: 100%; text-align: center; margin: 0px; left: 0px; bottom: 10px; }
.science ul li { height: 227px; }
}

@media screen  and (max-width:1023px) {
	.Banner .slide_nav { top: 50%; }
.science { width: 100%; float: none; }
.science ul li { height: auto; }
.science ul li p { padding: 25px 0 13px 0; }
.news ul li:last-child .news_con{ border-bottom: 0px;  }
.wrap_nav { position: relative; background: #ffffff; }
.news { width: 100%; float: none; }
.news ul { overflow: hidden; }
.news ul li { width: 48%; float: left; }
.news ul li:nth-child(even) { float: right; }
.notice_lk { float: none; width: 100%; margin: 30px 0 0 0; }
.notice ul { overflow: hidden; }

.news_con p { font-size: 22px; }
.li_r a { font-size: 18px; }
.li_r_con { font-size: 14px; }
.notice ul li p { font-size: 24px; }
.notice ul li a { font-size: 20px; height: 48px; }
.no_con { font-size: 18px; }
.lk ul li p { font-size: 20px; }
}


@media screen  and (max-width:970px) {
	.wrap_content { margin: 20px auto; }
.science ul li { width: 33.3%; margin: 0 0 20px 0; }
.science ul li p { font-size: 20px; height: 24px; overflow: hidden; display: block; }
}



@media screen and (max-width:800px) {

}

@media screen and (max-width:700px) {

}



@media screen and (max-width:640px) {
.Banner .slide_nav.prev { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.science ul li p { font-size: 18px; }
.science ul { margin: 0 -5px; }
.science ul li a { margin: 0 5px; }
.news_con p { font-size: 20px; }
.news ul li { width: 100%; float: none; }
.news ul li:nth-child(even) { width: 100%; float: none; }
.li_r a { font-size: 16px; }
.li_r_con { font-size: 12px; }
.li_l_date .day { font-size: 30px; }
.month { font-size: 13px; }
.notice ul li p { font-size: 20px; }
.notice ul li a { font-size: 18px; }
.no_con { font-size: 16px; }
.other a { font-size: 26px; }
.lk ul li p{ font-size: 18px; }
.li_r a { height: auto; }
}


@media screen and (max-width:480px) {
.service_con a img { width: 50px; margin: -25px 0 0 -25px; }
.notice ul li { width: auto; float: none; }
.notice ul li:nth-child(2n) { width: auto; float: none; }
.wrap { display: none; }
.Banner1 { display: block; }
.news_con p { height: auto; }
}

@media screen and (max-width:450px) {
}

@media screen and (max-width:400px) {
.science .title h2 { font-size: 18px; }
.science ul li p { font-size: 14px; }
.science ul li.li01 span { background-size: 37px 28px; }
.science ul li.li01:hover span {  background-size: 37px 28px; }
.science ul li.li02 span { background-size: 20px 28px; }
.science ul li.li02:hover span { background-size: 20px 28px; }
.science ul li.li03 span { background-size: 28px 28px; }
.science ul li.li03:hover span {  background-size: 28px 28px; }
.science ul li.li04 span { background-size: 33px 28px; }
.science ul li.li04:hover span { background-size: 33px 28px; }
}



@media screen and (max-width:360px) {
.Banner01 .slide_tabs { bottom: 0px; }
}