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


.Banner{ width:100%; overflow: hidden; position: relative; margin: 60px 0 0 0;}
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%;overflow:hidden; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; text-align:center; }
.slide li a{position: relative;display: block;}
.slide li img{ display:block;}
.slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav { position: absolute; top: 45%; left: 50px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height:60px; width:40px; background:url(../../images/2018images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto;background:url(../../images/2018images/rt.png) no-repeat left top; right: 50px; }
.slide_tabs{position:absolute;right:47%;bottom:25px;z-index:99; display:block;}
.slide_tabs li{width:20px;height:4px;border-radius:5px;margin-left:12px;background-color:#c1c1c1;float:left;color:#fff;}
.slide_tabs li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs li.slide_here{background:#1b6fc7;width:20px;height:4px;}

.slides_till{position: absolute;bottom:15%;width: 100%;left:0;}
.slides_till div{margin:0 auto;position: relative;max-width: 1200px;}
.slides_till div p{position: absolute;right:0;bottom:0;width: 40%;background: rgba(135,128,129,0.35);padding:30px;text-align: left;}
.slides_till div p i{display: block;font-size: 32px;color:#fff;margin-bottom: 20px; font-style: normal;}
.slides_till div p span{display: block;font-size: 18px;line-height: 28px; color:#fff; }





.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:25px auto; }

.articleList01{}
.articleList01 ul li{ width:24%; float:left; overflow:hidden; margin-right:1%;}
.articleList01 ul li:last-child{ margin-right:0;}
.articleList01 ul li h2{ font-size:1.8em; color:#8c0025; font-weight:normal; margin-bottom:25px;}
.articleList01 ul li a.image{ display:block; height:0; padding-bottom:58%; margin-bottom:2%; overflow:hidden;}

.articleList01 ul li a img{ display:block; width:100%; transition: all 0.5s ease;}
.articleList01 ul li a:hover img{opacity: 0.8;transform: scale(1.1);}
.articleList01 dl dd a{ font-size:1.4em; line-height:25px; padding:5px 0;}
.articleList01 dl dd a span{ display:inline-block; width:45px; height:22px; background:url(../../images/2018images/morebg01.jpg) no-repeat  10px 13px; transition: all 0.3s ease}
.articleList01 dl dd a:hover span{ background:url(../../images/2018images/morebg01.jpg) no-repeat  20px 13px; }



.Wrapmode02{ background:#f5f6f9;overflow:hidden;}
.mode02 { max-width:1200px;overflow:hidden; margin:2.2% auto;}
.mode02 .lf{ width:47%; float:left;}
.mode02 .rt{ width:47%; float:right;}

.articleList02{}
.articleTitle02 span{ display:block; width:auto; text-align:center; margin:0 auto;}
.articleTitle02 span.title,.articleTitle03 span.title,.articleTitle04 span.title{ font-size:2.2em; color:#8c0025; border-bottom:#8c0025 1px solid;}
.articleTitle02 span.text,.articleTitle03 span.text,.articleTitle04 span.text{ font-size:2.4em; font-weight: bold;}
.articleList02 ul{ overflow:hidden; margin-top:30px;}
.articleList02 ul li{ width:50%; background:#f5f5f5; float:left; overflow:hidden;}
.articleTitle05 span.title{ font-size:2.2em; color:#8c0025; border-bottom:#8c0025 1px solid;}
.articleTitle05 span.text{ font-size:2.4em; font-weight: bold;}

.articleList02 ul li.li01 .hot_lf{ width:50%; float:left; position:relative;}
.articleList02 ul li.li01 .hot_rt{ width:50%; float:left;}
.articleList02 ul li.li02 .hot_lf{ width:50%; float:right; position:relative;}
.articleList02 ul li.li02 .hot_rt{ width:50%; float:left;}
.articleList02 ul li .hot_rt a{ display:block; height:0; padding-bottom:57%; overflow:hidden;width: 100%;}
.articleList02 ul li .hot_rt img{ display:block;transition: all 0.5s ease;width: 100%;} 
.articleList02 ul li .hot_rt a:hover img{ transform: scale(1.1);}




.articleList02 ul li .hot_lf a{ display:block; padding:6%;}
.articleList02 ul li .hot_lf h2{ font-weight:normal; font-size:1.6em;height: 49px;overflow: hidden;line-height: 24px;}
.articleList02 ul li .hot_lf a:hover h2{}

.articleList02 ul li .hot_lf .rightDate{ font-size:1.2em; color:#989898; display:block; margin:4% 0;}
.articleList02 ul li .hot_lf p{ font-size:1.2em; color:#989898;height: 17px;line-height: 17px;overflow: hidden;}
.articleList02 ul li .hot_rt{ position:relative;}
.articleList02 ul li.li01 .hot_rt .jt{ position:absolute; top:39%; left:0;}
.articleList02 ul li.li02 .hot_rt .jt{ position:absolute; top:39%; right:0;}


.more02{height: 30px;display:inline-block;transition: all 0.3s ease; position:absolute; bottom:1%; right:6%;}
.more02 a{ padding:0;}
.more02 img{width: 30px;display: block;margin:0 auto;}
.more02:hover{transform: rotateZ(90deg);opacity: 0.8}



.Wrapmode03{ background-color: #9f0114; position: relative; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.Wrapmode03_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../../images/2018images/mode03_bg.png) repeat ;z-index:2;}



.mode03 { max-width:1200px;overflow:hidden; margin:2.2% auto;position: relative;z-index:444;}
.articleTitle03 span{ display:block; text-align:center;  margin:0 auto;}
.articleList03 ul{ overflow:hidden; margin-top:40px;width: 103%;}
.articleList03 ul li{ overflow:hidden;  width:25%; float:left; }
.articleList03 ul li a{display: block;margin-right: 30px;border-top:#ffaa33 3px solid; padding:15px 0; }
.articleList03 ul li h2{ font-size:1.6em; font-weight:normal; color:#fff;height: 42px;overflow: hidden;}
.articleList03 ul li span{ font-size:1.2em; color:#ffaa33; display:block; margin:20px 0;}
.articleList03 ul li p{ font-size:1.4em; line-height:25px; color: #fff;height: 50px;overflow: hidden;}
.articleList03 ul li:last-child{ margin-right:0;}

 .more03{ overflow:hidden; margin-top:45px;}
.more03 a{  border-top:#666666 1px solid; font-size:1.6em; display:block; width:300px; height:40px; line-height:40px; text-align:center;margin:0 auto; background:url(../../images/2018images/morebg.png) no-repeat 240px 18px;transition: all 0.5s ease;}
.more03 a:hover,.more03 a:hover{transform: scale(1.1); border-top:#8c0025 1px solid;}

.articleList03 .more03 a.notice{border-top:#fff 1px solid; color: #fff;background:url(../../images/2018images/morebg2.png) no-repeat 240px 18px;}


.Wrapmode04{ overflow:hidden; background: url(../../images/2018images/mode_bg.png) no-repeat center top;background-size: cover;}
.mode04{ max-width:1300px; overflow:hidden; margin:2.2% auto;}
.articleTitle04 span{ display:block; text-align:center; padding:3px 0; margin:0 auto;}



.articleTitle02,.articleTitle03,.articleTitle04{text-align: center;vertical-align: bottom;}
.articleTitle05{text-align: left;}
.articleTitle02 span.text, .articleTitle03 span.text, .articleTitle04 span.text, .articleTitle05 span.text{display: inline-block;font-size: 26px;letter-spacing: 1px;}
.articleTitle02 i, .articleTitle03 i, .articleTitle04 i, .articleTitle05 i{display: inline-block;margin: 0 10px; color:#cccccc;font-size: 30px;font-style: normal;letter-spacing: 2px;font-family: 'Times New Roman',"Arial";font-weight: bold;}




.Wrapmode05{background: #f5f5f5;width: 100%;overflow: hidden;}

.mode05{max-width: 1200px;margin:0 auto;padding:30px 0;overflow: hidden;position: relative;}

.mode05 .lf{width:68.33%;float:left;padding-top: 20px;}

.videoPic{width:100%;height:0;padding-bottom:56.30573248407643%;position:relative;overflow: hidden;}
.video{margin-top: 50px;margin-bottom: 40px;}



.videoPic a>img{ display:block;transition: all 0.5s ease;} 
.videoPic a:hover>img{ transform: scale(1.1);}



.play{position: absolute;left:50%;top:50%;margin:-28px 0 0 -28px;width: 57px;height:57px;}

.mode05 .rt{width:28.4348%;float:right;position: relative;}
.links1{width:100%;overflow:hidden;padding-top:22px;}
.links1 li{width:100%;height:0;padding-bottom:56.0976%;position: relative;margin-bottom:20px;}
.links1 li span{position:absolute;left:0;bottom:0;width:100%;height:40px;color:#fff;font-size:18px;line-height:40px;text-indent:14px;}
.links1 li a{display: block;overflow: hidden;}
.links1 li a img{display: block;width: 100%;}

.links1 li span{background-color:#2b32bb;
  background: -webkit-linear-gradient(left, #2b32bb , #1488cc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #2b32bb, #1488cc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #2b32bb, #1488cc); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #2b32bb , #1488cc); /* 标准的语法 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #2b32bb, endColorstr = #1488cc); }


.links1 li a img{ display:block;transition: all 0.5s ease;} 
.links1 li a:hover img{ transform: scale(1.1);}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;max-width: 1200px;margin: 0 auto;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;vertical:display: table-cell; vertical-align:middle;display:table} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li > a{display: block;height: 0;padding-bottom: 58%;overflow: hidden;border:1px solid #fff;}
.flexslider .slides >li > a > img {width: 100%; max-width: none;display: block;*position: relative;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: none; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin:0 30px 0 0; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 56px; height: 61px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden;  cursor: pointer; color: rgba(0,0,0,0.8);   text-indent:-999em }
.flex-direction-nav .flex-prev { left: -59px; background:url(../../images/2018images/lf.png) no-repeat center center;}
.flex-direction-nav .flex-next { right: -59px; background:url(../../images/2018images/rt.png) no-repeat center center;}
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flexslider .slides > li h4{height: 50px;line-height: 50px;font-size: 20px;font-size: 2rem;position: absolute;bottom: 0;left:0;background:url(../../images/2018images/bg02.png) repeat;text-align: center;font-weight: normal;z-index: 9998;width: 100%;color:#fff;}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-control-nav{display: none;}
.close_btn{position: absolute;right:20px;top:20px;z-index: 99999}

.mode04List{margin-top:40px;margin-bottom: 40px;}



.mode06{margin:30px auto;max-width: 1200px;overflow: hidden;}
.mode06 .lf{width: 46.666%;float: left;overflow: hidden;}
.mode06 .rt{width: 47.08%;float: right;overflow: hidden;}

.integrify_con { overflow: hidden; margin-top: 20px}
.integrify_con li { padding: 0px 0 0px 30px; background: url(../../images/2018images/star_03.png) no-repeat left 14px;margin-bottom: 12px; }
.integrify_con li.first{}
.integrify_con li a {height: 45px;line-height: 45px;overflow: hidden; border-bottom: 1px solid #dedede; display: block; font-size: 16px; font-weight: bold; color:#666666;}
.integrify_con li.first a { border: 0px;color:#1b6fc7; }
.first_con { font-size: 14px; line-height: 24px; border-bottom:1px solid #dedede;color:#999; height: 66px;overflow: hidden; padding-bottom: 12px; }
.integrify_right li a{height: 49px;line-height: 49px;}


.more04{float: right;margin-top: 30px;}
.personnelBox{overflow: hidden;margin-top:20px;}
.personnelList{overflow: hidden;width: 104%;}
.personnelList li{float: left;width: 50%;overflow: hidden;margin-bottom: 20px}
.personnelList li a{display: block;margin-right: 20px;}
.personnel_img{position: relative;height: 0;padding-bottom: 67%;overflow: hidden;}
.personnel_img img{display: block;width: 100%;}
.personnel_img span{display: block;position: absolute;bottom:0;left:0;width: 100%;background-color: #444; background:rgba(0,0,0,0.5);text-align: center;color:#fff;font-size: 16px;height: 40px;line-height: 40px;overflow: hidden;}

.personnel_img01{overflow: hidden;}
.personnel_img01 a{display: block;overflow: hidden;background-color: #ebebeb;}
.personnel_img01_lf{float: left;width: 57.14%;overflow: hidden;height: 0;padding-bottom: 32%;}
.personnel_img01_rt{float:right;width: 33.33%;margin-right: 3%;overflow: hidden; }
.personnel_img01_rt h3{margin-top: 10%;text-align: center;font-size: 18px;font-weight: normal;margin-bottom: 10px;}
.personnel_img01_rt p{font-size: 14px;line-height: 24px;color:#999;height: 72px;overflow: hidden;}
.personnel_img01_lf img{display: block;width: 100%;}












@media screen and (max-width: 1250px) {
  .flex-direction-nav .flex-prev {  left: 10px;margin:0;width: 30px;height: 33px;background-size:100%;}
  .flex-direction-nav .flex-next {  right: 10px;margin:0;width: 30px;height: 33px;background-size:100%;}
  .close_btn{width: 30px;height: 30px;right:50px;top:60px;}
}



@media screen  and (max-width:1200px) {
 .channel{position:static;padding-top:-3px;clear:both;}
 .slide_tabs{right:5px;bottom:15px;}
 .banner { margin: 0px; }
 .slides_till div{width: 90%;}
 .slides_till div p i{font-size: 24px;}
 .slides_till div p span{font-size: 16px;}
 .mode01,.mode02,.mode03,.mode04,.mode05,.mode06{ width: 94%;}
 }

@media screen  and (max-width:1024px) {
	 .slides_till div p i{font-size: 20px;margin-bottom: 10px;}
 .slides_till div p span{font-size: 14px;line-height: 20px;}
 .articleTitle02 i, .articleTitle03 i, .articleTitle04 i, .articleTitle05 i {  margin-left: 0;  font-size: 23px;display: block;}
 .articleTitle02 span.text, .articleTitle03 span.text, .articleTitle04 span.text, .articleTitle05 span.text {
    font-size: 20px;display: block;}
    .articleTitle02, .articleTitle03, .articleTitle04{margin-top: 20px;}
    .mode05 .lf{padding-top: 0;}
   .first_con{height: 42px;}
   .integrify_con li a {    height: 36px;    line-height: 36px;}
   .more04{margin-top: 10px;}
}



@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:44px;}
  
   .articleList01 ul li{ width:46%; margin:1% 2%;}
   .articleList03 ul li{ width:46%; margin:1% 2%;}
  .Banner{ margin:0;}
 .more03{margin-top: 20px;}
   .slides_till{display: none;}
   .video {    margin-top: 18px;    margin-bottom: 0;}
    .mode06 .lf{float: none;width: 100%;}
    .mode06 .rt{float: none;width: 100%;margin-top: 20px;}
    .first_con{height: auto}

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

@media screen and (max-width:640px) {
     .articleList02 ul li{ width:100%; margin-bottom:2%;}
	 .footer_lf{ width:80%;}
	 .footer_lf,.footer_rt{ float:none; margin:0 auto;}
	
	 .logo{overflow: hidden;}
	 .logo a{float: left;width: 45%;}
	 .mode05 .lf{float: none;width: 100%;}
	 .mode05 .rt{float: none;width: 100%;}
	 .links1 li span{font-size: 15px;}
 }

@media screen and (max-width:480px) {
	.articleList03 ul li{ width:100%;}
	.footer_rt{ width:45%;}
	.personnelList {width: 100%;}
	.personnelList li{float: none;width: 100%;}
	.personnelList li a{margin-right: 0;}
	.personnel_img01_lf{float: none;width: 100%;}
	.personnel_img01_rt{float: none;width: 100%;padding-bottom: 10px;}
	.personnel_img01_rt h3{padding:0 20px;margin-top: 10px;}
	.personnel_img01_rt p{padding:0 20px;height: auto;}
	.articleList02 ul li.li02 .hot_rt,.articleList02 ul li.li01 .hot_rt{width: 100%;float: none;}
	.articleList02 ul li.li02 .hot_lf,.articleList02 ul li.li01 .hot_lf{width: 100%;float: none;}
	.articleList02 ul li .hot_lf a{padding:4%;}
	.articleList02 ul li .hot_lf h2{height: auto;}
	.articleList02 ul li .hot_lf p{height: auto;}
	.more02{bottom:16%;}
	.articleList03 ul li h2{height: auto;}
	.articleList03 ul li p{height: auto;}
	.articleList03 ul li span{margin:12px 0;}
	.articleList01 ul li{margin:0;}
	.articleList03 ul{width: 100%;}
	.articleList03 ul li a{margin-right: 0;}

}
@media screen and (max-width:375px) {
	.articleList01 ul li{ width:96%;}
	.more02{ bottom:8%;}
	
}