.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 { height: 0px; display: block; overflow: hidden; padding: 0 0 17% 0; }
.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: 50%; margin-top: -36px;  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: 36px; height: 72px; background-size: 36px 72px; left: 0;   background:url(../images/arrow_left_02.png) no-repeat left top;  }
.Banner .slide_nav.next {  width: 36px; height: 72px; background-size: 36px 72px; right: 0;  background:url(../images/arrow_right_03.png) no-repeat left top; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { opacity: 1 }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { opacity: 1 }
.Banner .slide_tabs li a{ width: 8px; height: 8px; background:url(../images/a_03.png); background: rgba(255,255,255,.5); 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:8px;height:8px; border-radius: 50px; }
.Banner .slide_tabs li{width:8px;height:8px; display: inline; margin:0 5px 0 5px;  color:#fff;}
.Banner .slide_tabs{position:absolute; bottom:16px;z-index:999; width: 100%; text-align: center; }
.Banner .slider { position: absolute; left: 0px; bottom: 40px; width: 100%; height: 48px; background: url(../images/slider_03.png); }
.sIn { max-width: 1200px; margin: 0 auto; height: 48px; line-height: 48px; font-size: 20px; color: #ffffff; }

/*图片轮播*/
/*FlexSlider默认样式*/
.news_first{ max-width: 1200px; margin: 0 auto;  overflow: hidden;  position: relative; }
.news_first .flexslider { position: relative; zoom: 1; overflow:hidden; }
.news_first .flexslider ul li{ list-style:none; height: auto !important; position: relative;}
.news_first .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:57%; overflow:hidden;}
.news_first .flexslider ul li .slideTxt{ display: block; font-size: 15px; height: 30px; line-height: 30px;}
.news_first .flexslider ul li img{ border:none; width:100%;}
.news_first .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.news_first .loading .flex-viewport {  }
.news_first .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.news_first .carousel li { margin-right: 5px; }
/*icon小点*/
.news_first .flex-control-nav { display: block; width:auto; height: 17px; line-height: 17px; padding: 0 14px; position: absolute; bottom:50px; right:0;text-align:center;z-index:9;margin-left: -50px;}
.news_first .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.news_first .flex-control-paging li a {  float:left; width:8px; height:8px; display: block; background:#fff; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.news_first .flex-control-paging li a:hover,.news_first .flex-control-paging li a.flex-active {background:#02a068;}
.news_first .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.news_first .slides h4 a:hover{color:#fff;font-size:14px;}
.news_first .flexslider ul li .til_slides{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}


.news_first .flex-direction-nav{ display:none; margin-top: -17px;}



.content { max-width: 1200px; margin: 0 auto; }
.mode01 { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 26px 0 0 0; }
.mode01 .lf { width: 76.7%; float: left; }
.mode01 .md { width: 38.9%; float: left; }
.mode01 .rt { width: 22.2%; float: right; }
.news { margin: 0 38px 0 0; }
.news .title,.wrapnews .title { height: 46px; line-height: 46px; border-bottom: 2px solid #02a068; }
.news .title h2,.wrapnews .title h2 { width: auto; float: left; font-size: 22px; color: #02a068; }
.news .title a,.wrapnews .title a { float: right; font-size: 14px; color: #02a068; }
.news_first { overflow: hidden; margin: 24px 0 18px 0;width: 48%; float: left; }
.news_img { /*! float: left; */ width: auto; }
.news_img span { height: 0px; padding: 0 0 57% 0; display: block; overflow: hidden; }
.news_right { /*! margin: 0 0 0 215px; */ }
.news_right a { font-size: 15px; line-height: 26px; height: 26px; overflow: hidden; display: block; transition: .5s; }
.news_right a:hover { margin-left: 5px; }
.news_right p { font-size: 14px; color: #324470; /*! margin: 18px 0 0 0; */ }
.newsList{ width: 48%; float: right; }
.news ul.ul01{ margin: 14px 0 0 0; }
.news ul li,.newsList ul li {  border-bottom: 1px dashed #dcdcdc; overflow: hidden; height: 47px; line-height: 47px; }
.news ul li span,.newsList ul li span { float: right; font-size: 14px; }
.news ul li a,.newsList ul li a { font-size: 15px; display: block; transition: .5s;  }
.news ul li:hover a,.newsList ul li:hover a { margin-left: 10px; }





.mode02 { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 26px 0 0 0; }
.mode02 .lf { width: 38.9%; float: left; }
.mode02 .md { width: 38.9%; float: left; }
.mode02 .rt { width: 22.2%; float: left; }




.mode03 { margin: 35px auto 40px; }

.link01 ul { overflow: hidden; padding: 16px 0 15px 0; }
.link01 ul li{  text-align: left;  margin: 0 0 18px 0; }
.link01 ul li.li03 { margin:0px; }
.link01 ul a {display: block;  font-size: 20px; background: #eeeeee;height: 100px; line-height: 100px;}
.link01 ul a p {  color: #02a068; padding: 0 0 0 100px;}
.link01 ul img{ display: inline; transition: .2s; transform: scale(1.0); }
.link01 ul li:hover img {  transition: .2s; transform: scale(1.1); }
.link01 ul li:hover a{ font-weight: bold; background: #02a068 }
.link01 ul li:hover a p{ color: #ffffff; }
.link01 ul li.li01 a p { background: url(../images/1.png) no-repeat 40px center; }
.link01 ul li.li02 a p { background: url(../images/2.png) no-repeat 40px center; }
.link01 ul li.li03 a p { background: url(../images/3.png) no-repeat 40px center; }
.link01 ul li.li01:hover a p { background: url(../images/11.png) no-repeat 40px center; }
.link01 ul li.li02:hover a p { background: url(../images/22.png) no-repeat 40px center; }
.link01 ul li.li03:hover a p { background: url(../images/33.png) no-repeat 40px center; }



.contact .title { height: 46px; line-height: 46px; border-bottom: 2px solid #02a068; }
.contact .title h2 { width: auto; float: left; font-size: 21px; color: #02a068; font-weight: normal; }
.contact_con { margin: 15px 0 0 0; font-size: 15px; line-height: 23px; max-height: 184px; overflow: hidden; }
.contact_con p{  line-height: 25px; }
.contact { /*! margin: 10px 0 0 0; */ }




.articleList03 .title { height: 46px; line-height: 46px; border-bottom: 2px solid #02a068; }
.articleList03 .title h2 { width: auto; float: left; font-size: 22px; color: #02a068; }
.articleList03 .title a { float: right; font-size: 14px; color: #02a068; }

.articleList03 { overflow: hidden; height: 255px; }
.articleList03 #main_con1{ max-width: 1200px; height:auto; margin: 12px 0 0 0;}
.con_cont { float: left; margin:6px 0 0 0; }
.articleList03 #main_con1 .con_cont #photo_move { height: auto; margin: auto; max-width: 1200px; background: url(../images/scroll_bg_03.png) no-repeat; position: relative;}
.articleList03 #main_con1 .con_cont .blk_18 > a{ display:block;height:60px;  width:30px; cursor:pointer;background: #02a068;text-align: center;line-height: 60px; transition: all 0.3s ease;}
.articleList03 #main_con1 .con_cont .blk_18 .LeftBotton { position: absolute;left: 0;top: 65px;}
.articleList03 #main_con1 .con_cont .blk_18 .RightBotton {position: absolute;right: 0;top: 65px;}
.articleList03 #main_con1 .con_cont .blk_18 > a:hover{ background-color: #0cbb7d; }
.articleList03 #main_con1 .con_cont #demo { max-width: 1200px; display: block;  float: left;  overflow: hidden; margin: 0px 40px;}
.articleList03 #main_con1 .con_cont #indemo {float: left;  width:1500%;}
.articleList03 #main_con1 .con_cont #demo1, #demo2 { float: left;}
.articleList03 #main_con1 .con_cont .blk_18 .pl { display: block;height: 195px;position: relative;}
.articleList03 #main_con1 .con_cont .blk_18 .pl img { width:260px; height:195px; display:block; /*! margin:7px auto; */ cursor: pointer; }
 
 
.articleList03 #main_con1 .con_cont .blk_18 ul li { float:left; width:260px; /*! height:208px; */ margin: 0 10px; background:url(../images/imgbg.png) no-repeat;}
.articleList03 #main_con1 .con_cont .blk_18 ul li a h2{ font-size:20px; font-weight:normal;}
.articleList03 #main_con1 .con_cont .blk_18 ul li a span.s-img{ display:block; }
.articleList03 #main_con1 .con_cont .blk_18 ul li a span.s-text{display: block; padding:10px 0; font-size:14px; text-align:center; /*! background: #f5f5f5; */position: absolute;bottom: 0;left: 0;width: 100%;}
.articleList03 #main_con1 .con_cont .blk_18 ul li p{ font-size:14px; color:#989898; line-height:22px;}

.articleList03 #main_con1 .con_cont #photo_move2 { height: 160px; margin: auto; width: 991px;}
.articleList03 #main_con1 .con_cont #po_demo {display: inline;  float: left;  margin: 5px 50px;  overflow: hidden;  width: 830px; _margin: 5px 50px; _width:830px; }
.articleList03 #main_con1 .con_cont #indemo2 {float: left;  width: 800%;}
.articleList03 #main_con1 .con_cont #po_demo1, #po_demo2 { float: left;}
.articleList03 #main_con1 .con_cont .blk_18 .po_LeftBotton { display:block; float:left; height:75px;  margin:30px 0px 0 0px;  width:29px; background:url(../images/lf.png) no-repeat; cursor:pointer;_margin:30px 0px 0 0px;}
.articleList03 #main_con1 .con_cont .blk_18 .po_RightBotton {display:block; float:right;  height:75px; margin:30px 0 0 0px; width:29px;background:url(../images/rt.png) no-repeat;cursor:pointer;_margin:30px 0px 0 0px;}












@media screen  and (max-width:1388px) {
.content { max-width: 1000px; margin: 0 auto; padding: 0 15px }



.service_con ul li a { margin-right: 0px; }
.Service .title h2 { font-size: 21px; }
.news .title h2 { font-size: 21px; }
.contact .title h2 { font-size: 20px; }
}


/* CSS Document */
@media screen  and (max-width:999px) {
.content { margin: 0 auto; }
.mode01 .lf { width: auto;  float: none;}
.news { margin: 0px; }
.mode01 .rt { width: 100%; margin: 10px 0 0 0; }
.content { width: auto; }
.Service .title { float: none;  width: auto; text-align: left;  }
.Service .title h2 { padding: 0 0 0 20px; }
.service_con { margin: 0px; }
.service_con ul li a { margin-right: 20px; margin-left: 0px; }
.link01 ul { margin: 0 -10px; }
.link01 ul li { width: 33.3%; float: left; }
.link01 ul li a{ margin: 0 10px; }
.news .title h2 { font-size: 20px; }
.Service .title h2 { font-size: 20px; }
.contact .title h2 { font-size: 19px; }
.news ul li a { font-size: 14px; }
.link01 ul a, .link02 ul a, .link03 ul a { font-size: 18px; }
.contact_con { font-size: 14px; }
.service_con ul li a { font-size: 14px; }
.news_right a { font-size: 14px; }


.mode02 .lf,.mode02 .md,.mode02 .rt{ width: auto; float: none; }
.mode02 .md{ margin: 10px 0; }
}


@media screen  and (max-width:800px) {
.service_con ul li { width: 20%; }
}

@media screen  and (max-width:768px) {
.service_con ul li { width: 33.3%; }
.link01 ul a p { padding: 0 0 0 60px; }
.link01 ul li.li01 a p { background: url(../images/1.png) no-repeat 20px center; }
.link01 ul li.li02 a p { background: url(../images/2.png) no-repeat 20px center; }
.link01 ul li.li03 a p { background: url(../images/3.png) no-repeat 20px center; }
.link01 ul li.li01:hover a p { background: url(../images/11.png) no-repeat 20px center; }
.link01 ul li.li02:hover a p { background: url(../images/22.png) no-repeat 20px center; }
.link01 ul li.li03:hover a p { background: url(../images/33.png) no-repeat 20px center; }
}


@media screen  and (max-width:767px) {
.link01 { width: 100%; float: none; }
.link02 { width: 100%; float: none;margin: 10px 0; }
.link03 { width: 100%; float: none; }
.Service .title h2 { font-size: 19px; }
.news .title h2 { font-size: 19px; }
.news ul li a { font-size: 13px; }
.link01 ul a, .link02 ul a, .link03 ul a { font-size: 16px; }
.contact .title h2 { font-size: 18px; }
.contact_con { font-size: 13px; }
.service_con ul li a { font-size: 13px; }
.news_right a { font-size: 13px; }
}



@media screen and (max-width:639px) {
.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; }
.mode01 .lf { width: 100%; float: none; }
.mode01 .md { width: 100%; float: none; margin: 20px 0; }
.Banner .slide_tabs { bottom: 0px; }

}


@media screen and (max-width:480px) {
.Banner .slider { position: relative; }
.service_con ul li { width: 50%; }
.Service .title h2 { font-size: 18px; }
.news .title h2 { font-size: 18px; }
.news ul li a { font-size: 14px; }
.contact .title h2 { font-size: 17px; }
.contact_con { font-size: 12px; }
.service_con ul li a { font-size: 12px; }
.news_right a { font-size: 12px; }
.link01 ul { margin: 0px; }
.link01 ul li { width: 100%; float: none; }
.link01 ul li a { margin: 0 0 10px 0; }
.link01 ul a p { padding: 0 0 0 100px; }
.link01 ul li.li01 a p { background: url(../images/1.png) no-repeat 40px center; }
.link01 ul li.li02 a p { background: url(../images/2.png) no-repeat 40px center; }
.link01 ul li.li03 a p { background: url(../images/3.png) no-repeat 40px center; }
.link01 ul li.li01:hover a p { background: url(../images/11.png) no-repeat 40px center; }
.link01 ul li.li02:hover a p { background: url(../images/22.png) no-repeat 40px center; }
.link01 ul li.li03:hover a p { background: url(../images/33.png) no-repeat 40px center; }

.news_first{ width: auto; float: none; padding: 20px 0 0 0;}
.newsList{ width: auto; float: none; } 
}

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

@media screen and (max-width:400px) {
	.articleList03 #main_con1 .con_cont #demo{ margin: 0 33px; }
.Banner .slide_nav { top: 40%; }
}



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

}