/*孙立宏2020.07.20*/
.Banner{position: relative;z-index: 5;overflow: hidden;}
.slick-slide > a{ display: block; background-color: #fff;position: relative;}
.slick-slide > a:before { content: ''; width: 100%; height: 165px; position: absolute; left: 0px; bottom: 0px;  background: -webkit-linear-gradient( top, rgba(202, 30, 1, 0),rgba(202, 30, 1,0.17) ); /* Safari 5.1 - 6 */
        background: -o-linear-gradient(bottom, rgba(202, 30, 1, 0),rgba(202, 30, 1,0.17)); /* Opera 11.1 - 12*/
        background: -moz-linear-gradient( bottom,  rgba(202, 30, 1, 0),rgba(202, 30, 1,0.17)); /* Firefox 3.6 - 15*/
        background: linear-gradient(to bottom, rgba(202, 30, 1, 0),rgba(202, 30, 1,0.17)); /* 标准的语法 */  }
.slick-slide > a img{opacity: 0.5;transition: opacity 0.2s ease-in-out; }
.slick-current > a img{opacity: 1;  transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.slick-img{display: block;height: 0;padding-bottom: 34%;overflow: hidden;}  
.Banner .slick-list{overflow: visible;}
.Banner .slick-dots { position: absolute; bottom: 25px; }
.Banner .icon-left:before { display: none; }
.Banner .icon-right:before { display: none; }
.Banner .icon-left { left: 145px; }
.Banner .icon-right { right: 175px; }
.Banner .icon-left:after {width: 39px; height: 30px; border-radius: 0px; background: url(../images/arrow_left.png) no-repeat; left: 15px; top: 25px; }
.Banner .icon-right:after {width: 39px; height: 30px; border-radius: 0px; background: url(../images/arrow_right.png) no-repeat; left: 23px; top: 25px; }
.Banner .slick-arrow { width: 80px; height: 80px; margin: -40px 0 0 0; display: none !important; }
.Banner .slick-arrow:hover {background: rgba(0,0,0,.2); border-radius: 50%; }
.slick-dots li { width: 12px; height: 12px; margin: 0 4px; }
.slick-dots li button { background: #ffffff }
.slick-dots li.slick-active button, .slick-dots li:hover button { background: #dc3d21; }
.content{overflow: hidden;position: relative; }

.slick_con { width: 100%; position: absolute; bottom: 0px; }
.slickIn { max-width: 1200px; margin: 0 auto 35px; color: #fff; }









.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;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li a{display: block;}
.banner .flexslider .slides > li a span { height: 0;padding-bottom:31.67%;overflow:hidden; display: block; }
.banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.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 { 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-right: 5px; }

/* Direction Nav */
.banner .flex-direction-nav {*height: 0; display: none;}
.flex-direction-nav a  { text-indent: 99999px; text-decoration:none; display: block; width: 60px; height: 60px; background: #ddf0fb; border: 8px solid #93c1e0; border-radius: 50%;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; margin-top:-35px;color:#fff;font-size: 70px;transition: all 0.35s ease-in-out}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev { left: -20px;  }
.flex-direction-nav .flex-prev:before { content: ''; position: absolute;width:0; 
    height:0; 
    border-top:11px solid transparent;
    border-bottom:11px solid transparent; 
    border-right:13px solid #1d5f9b; left: 20px; top: 20px; }
.flex-direction-nav .flex-next { right:-20px; }
.flex-direction-nav .flex-next:before { content: ''; position: absolute;width:0; 
    height:0; 
    border-top:11px solid transparent;
    border-bottom:11px solid transparent; 
    border-left:13px solid #1d5f9b; left: 25px; top: 20px;  }
.flexslider:hover .flex-prev,.flexslider:hover .flex-next { border-color: #6398c3; background: #ffffff; }
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* 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: -2px; left:0; text-align: center; z-index:9999; }
.flex-control-nav li {  zoom: 1; *display: inline;vertical-align: center; display: inline-block;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.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;}

.scroll .flex-direction-nav { display: none; }
.scroll .flex-control-nav { display: none; }



.wrap_mode01 { background: url(../images/wrap_mode01_03.jpg); padding: 0 0 50px 0; }
/*mode01*/
.listTitle {padding:35px 0 25px 0;  text-align: center;}
.listTitle p { font-family: 'Times New Roman'; color: #999999; margin: 5px 0 0 0; }
.listTitle h2{height: 35px;line-height: 35px; display: inline-block; font-weight: normal; position: relative; }
.listTitle h2:before { content: ''; position: absolute; width: 30px; height: 3px; background: #cccccc; left: -50px; top: 20px; }
.listTitle h2:after { content: ''; position: absolute; width: 30px; height: 3px; background: #cccccc; right: -50px; top: 20px; }


.listTitle1 {padding:35px 0 0px 0;  text-align: left;}
.listTitle1 p { font-family: 'Times New Roman'; color: #999999; margin: 5px 0 0 0; }
.listTitle1 h2{height: 35px;line-height: 35px; display: inline-block; font-weight: normal; position: relative; }
.listTitle1 h2:after { content: ''; position: absolute; width: 30px; height: 3px; background: #cccccc; right: -50px; top: 20px; }


.more{color: #999;padding-top: 8px;}





.liborary li { text-align: center; background: #ffffff; }
.liborary li.color { background: #e7e7e7; }
.liborary li p { color: #666666; margin: 10px 0 0 0; transition: 1s; transform: scale(1);}
.liborary li a { display: block; padding: 19px 0 20px 0; }
.liborary li:hover i{ transition: 1s; transform: rotateY(360deg); display: block;}
.liborary li:hover p { transition: 1s; transform: scale(1.1); color: #ca1e01; }



.news ul { margin:10px -23px 0; }
.n_left { width: 270px; height: 203px; border: 1px solid #eeeeee; float: left; }
.n_right { margin: 0 0 0 295px; }
.n_right h4 { font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; transition: 1s; }
.n_r_con { line-height: 22px; height: 88px; overflow: hidden; color: #999999; margin: 20px 0 20px 0; }
.n_right p { padding: 0 0 0 24px; background: url(../images/clock.png) no-repeat left center; color: #666666; }
.n_left .gp-img-responsive { padding-bottom: 75.5%; }
.news li { margin: 0 0 25px 0; }
.news li:hover h4 { transition: 1s; margin: 0 0 0 10px; }
.news li a { display: block; margin: 0 23px; }
.n_more { text-align: center; }
.n_more a {transition: 1s; display: inline-block; padding: 10px 25px; border: 1px solid #e6e6da; border-radius: 5px; color: #666666; }
.n_more:hover a{ transition: 1s; transform: scale(1.1); color: #ca1e01; border-color: #ca1e01 }
.n_more1 {transition: 1s; text-align: left; padding: 30px 0 33px 0; }
.n_more1 a { display: inline-block; padding: 10px 25px; border: 1px solid #e6e6da; border-radius: 5px; color: #666666; }
.n_more1:hover a { transition: 1s; transform: scale(1.1);  color: #ca1e01; border-color: #ca1e01}
.n_more2 {transition: 1s; text-align: center; padding: 28px 0 48px 0; }
.n_more2 a { display: inline-block; padding: 10px 25px; border: 1px solid #e6e6da; border-radius: 5px; color: #666666; }
.n_more2:hover a { transition: 1s; transform: scale(1.1); color: #ca1e01; border-color: #ca1e01 }


.wrap_mode03 { background: url(../images/notice_bg.jpg) no-repeat left top #f3f3f3; margin: 30px 0 0 0; }
.notice { margin: 0 0 0 630px; }
.notice ul li { margin: 20px 0 0 0; padding: 11px 0 11px 0; border-bottom: 1px dashed #e5e5e5; }
.date { float: left; width: 78px; height: 23px; border: 1px solid #292d30; }
.day { width: 38px; height: 23px; line-height: 23px; text-align: center; display: inline-block; }
.month { background: #292d30; color: #fff; display: inline-block; width: 40px; height: 23px; line-height: 23px; text-align: center; }
.notice ul a { margin: 0 0 0 98px; display: block; transition: 1s; height: 21px; line-height: 21px; overflow: hidden; }
.notice ul a:hover { transition: 1s; margin: 0 0 0 108px; }



.mode04 { max-width: 1335px;  }
.team ul { margin: 0 -12px; }
.team li a{ margin: 0 12px; display: block; position: relative; padding: 0 7px 7px 0;}
.team li a:before {transition: 1s; z-index: -1; width: 209px; height: 209px; content: ''; position: absolute; top: 0px; left: 0px; background: #ca1e01; }
.team li .gp-img-responsive { padding-bottom: 56.5%; }
.team ul p { padding: 20px 25px 24px; height: 48px; line-height: 24px; overflow: hidden; background: #fafafa; }
.team ul p i { height: 48px; line-height: 24px; display: block; overflow: hidden; font-style: normal; }
.team li:hover a:before {transition: 1s; z-index: -1; width: 209px; height: 209px; content: ''; position: absolute; top: 7px; left: 9px; background: #ca1e01;  }



@media screen  and (max-width:1366px) {
.wrap_mode03 { background-size: 56%; }
.notice { margin: 0 0 0 700px; }
.notice ul li { margin: 5px 0 0 0; }
}


@media screen  and (max-width:1365px) {
.notice { margin:0 0 0 50%; }
.team li a:before { display: none; }
}

@media screen  and (max-width:1024px) {
    .wrap_mode03 { background-size:48%}
}
@media screen  and (max-width:1023px) {
.wrap_mode03 { background: #f3f3f3; }    
.notice { margin: 0px; }
.notice ul { overflow: hidden; }
.notice ul li { width: 48%; float: left; }
.notice ul li:nth-child(even) { float: right; }
.n_more1 a { color: #ca1e01; border-color: #ca1e01;  }
}
@media screen  and (max-width:999px) {
}
@media screen  and (max-width:1300px){
}
@media screen  and (max-width:996px) and (min-width:767px) {
}
@media screen  and (max-width:996px) {
}



@media screen and (max-width: 767px) {
.Banner .slick-dots { bottom: 10px; }	
}

@media screen and (max-width:480px) {
    .n_left { width: auto; float: none; height: auto; }
    .n_right { margin: 10px 0 0 0; }
    .n_right h4 { height: auto; }
    .n_r_con { height: auto; margin: 10px 0 10px 0; }
    .notice ul li { width: 100%; float: none; }
    .notice ul li:nth-child(even) { float: none; }
}