@charset "gb2312";
/* CSS Document */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-style:normal;}
body,html{height:100%;}
.apple{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
body {background:#fff; font-size:62.5%;line-height: 140%; color:#707070; font-family:微软雅黑, Arial, Helvetica, sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
ul,ol,li{list-style-type: none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
input,textarea,select, button,{font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:0.88em;}


a {color: #727171; text-decoration:none;  font-family:微软雅黑, Arial, Helvetica, sans-serif;}
a:hover { text-decoration: none;}
a:focus { background:none; }
:focus{outline:0;}
/*清除样式*/
.clearBoth{ clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}
.verticalAlign{vertical-align:middle; display:inline-block; height:100%; width:1px;margin-left:-1px;}

.fl{ float:left;}
.fr{ float:right;}
.ml10{ margin-left:10px;}
.ml30{ margin-left:90px;}
.mt20{ margin-top:20px;}
.mr30{ margin-right:30px;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w960{ width:960px; margin:0 auto;}
.w316{ width:316px;}
.w560{ width:560px;}
.w400{ width:400px;}
.w590{ width:590px;}
.w444{ width:444px;}
.w700{ width:700px;}
.w360{ width:360px;}
.line30{ line-height:30px;}
.line24{ line-height:24px;}
.bgbai{ background:#fff;}
.bghui{ background:#ddd;}
.margin{ margin:0 auto;}
.pad50{ padding:20px 0 30px;}
.mr10{ margin-right:10px;}
.textc{ text-align:center;}
/*最外层*/
#wrapper{width: 100%; overflow:hidden;}

/*顶部 -------------------------------------------------------------------------------*/
.main_one{ background:url(../images/aboutbg.jpg) center top fixed  no-repeat; height:700px;}
h2.about-title  a{ font-size:30px; color:#fff; line-height:42px; font-weight:600;}
h2.titlegg{ text-align:center;}
h2.titlegg a{  font-size: 24px; color:#000;line-height: 2.5; font-weight:600;}
h2.titlegg em{ width:80px; height:10px; background:url(../images/biao.jpg) no-repeat; display:block;margin:0 auto;}
h2.titlegg i{    font-size: 16px;
    line-height: 2.5;
    color: #000000;}
.yuyue{ background:#1c6196;font-size:16px; letter-spacing:1px;  color:#fff; }
.yuyue h2{ font-size:30px; letter-spacing:1px; font-weight:600; text-align:center; margin:50px auto;}
.yuyue a{ display:block; width:200px; height:40px; background:#fff; color:#1c6196; line-height:40px; text-align:center; margin:30px auto 63px; }
.yuyue ul li{ padding-left:80px; line-height:50px; margin-left:50px;}
.yuyue ul li:nth-child(1){ background:url(../images/1.png) left center no-repeat;}
.yuyue ul li:nth-child(2){ background:url(../images/2.png) left center no-repeat;}
.yuyue ul li:nth-child(3){ background:url(../images/3.png) left center no-repeat;}
.yuyue ul li:nth-child(4){ background:url(../images/4.png) left center no-repeat;}
.yuyue ul li:nth-child(5){ background:url(../images/5.png) left center no-repeat;}
.main_two{ background:#f3f3f3;}
h1.title{ text-align:center;}
h1.title a{ font-size:30px; color:#444444;}
h1.title em{ font-size:14px; color:#b5b5b5; line-height:40px;}
h2.title{ font-size:26px; margin-bottom:50px; color:#000;}
.fwxmlist{ margin-top:10px; }
.fwxmlist ul li{ float:left; width:240px; text-align:center; }
.fwxmlist ul li a.pic{ width:80px; height:80px; display:block; margin:0 auto; border:2px solid #2787d4; border-radius:20px;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}
.fwxmlist ul li a.pic img{ width:58px; height:58px; border-radius:20px; margin-top:11px;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}
.fwxmlist ul li:hover a.pic{ border-radius:100px;}
.fwxmlist ul li:hover a img{ transform: rotateY(180deg); transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.fwxmlist ul li em{ display:block;    font-size: 16px; line-height:60px; font-weight:600; color:#000;}
.fwxmlist ul li i{line-height: 21px;font-size: 16px;color:#282828;}

.anlilist ul li{ float:left; display:inline-block; width:376px; margin-right:35px;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;}
.anlilist ul li:nth-child(1) ,.anlilist1 ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.anlilist ul li:nth-child(2)  ,.anlilist1 ul li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.anlilist ul li:nth-child(3) ,.anlilist1 ul li:nth-child(3){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(4){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(5){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(6){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(6){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(7){ margin-right:0;animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist1 ul li:nth-child(8){animation-name: fadeInUp;animation-delay: 0.3s;}
.anlilist ul li a{ width:371px;  display:block; overflow:hidden; margin:7px 0;}
.anlilist ul li a img{  width:371px; height:260px; overflow:hidden;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}
.anlilist ul li a:hover img{  transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transform:scale(1.3);}
.anlilist ul li em{    font-size: 16px;line-height: 36px; color:#000;}
.anlilist ul li p{line-height: 28px; margin-top:10px;
    white-space: normal;
    color: #666666;
    font-size: 14px;}
.anlilist1 ul li{ float:left; display:inline-block; width:25%;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;position:relative; overflow:hidden; }
.anlilist1 ul li em{ position:absolute; bottom:-90px; transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition:  all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s;/* Opera */ text-align:center; width:80%; left:0; right:0; margin:0 auto; background:rgba(0,0,0,.7); line-height:50px; color:#fff; }
.anlilist1 ul li:hover em{position:absolute; bottom:20px;} 
.anlilist1 ul li a{ margin-right:10px; display:block; margin-bottom:10px; max-height:240px; overflow:hidden;}
.anlilist1 ul li:nth-child(4n) a{ margin-right:0px;}
.anlilist1 ul li a img{ width:100%;}
.m_intl{float:left;width:33px;height:33px;margin-top:100px}
.m_intr{float:right;width:33px;height:33px;margin-top:100px}
.m_intm{margin-left:30px;}
.m_intm ul li{ float:left; display:inline-block; width:24.9%;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;position:relative; overflow:hidden; }
.m_intm ul li em{ position:absolute; bottom:-90px; transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition:  all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s;/* Opera */ text-align:center; width:80%; left:0; right:0; margin:0 auto; background:rgba(0,0,0,.7); line-height:50px; color:#fff; }
.m_intm ul li:hover em{position:absolute; bottom:20px;} 
.m_intm ul li a{ margin-right:10px; display:block; margin-bottom:10px; max-height:240px; overflow:hidden;}

.m_intm ul li a img{ width:100%;}

.leijilist{ margin-top:35px;}
.leijilist ul li{ float:left; width:33%; text-align:center; }
.leijilist ul li a{ width:140px; height:140px; border-radius:50%; border:2px solid #fff; line-height:140px; display:block; margin:0 auto;}
.leijilist ul li a span{height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; }
.leijilist ul li a img{ vertical-align:middle;width:50%;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;}
.leijilist ul li:hover a img{ transform: rotateY(180deg); transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.leijilist ul li em{ display:block;font-size: 32px; margin-top:10px;
    color: #FFFFFF;
    line-height: 1.5;}
.leijilist ul li i{    font-size: 24px;
    color: #FFFFFF;
   }
p.miaoshu{ font-size:14px;}
.main_t{  background:url(../images/about_bg.jpg) repeat-x; height:159px;}
.main_stree{ background:#fff; padding-bottom:50px;}
.main_fourth{ background:url(../images/banner3_fb84.jpg)  center no-repeat;padding-bottom:100px; background-size:100%; }
.newsbox{  width:1000px; overflow:hidden; margin:0 auto; padding:30px 0 0;}
.newsbox ul{ display:block; overflow:hidden;}
.newsbox ul li{overflow:hidden; border-bottom:1px dotted #CCC; width:436px; float:left; line-height:38px; background:url(../images/left_listicon.gif) left center no-repeat; padding-left:10px;margin-right:120px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.newsbox ul li:nth-child(2n){ margin:0;}
.newsbox ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.newsbox ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.newsbox ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.newsbox ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.newsbox ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.newsbox ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.newsbox ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.newsbox ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.newsbox ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
.newsbox ul li a:hover{ color:#19af92;}

.biaoti{ border-top:3px solid #caa58e; display:block; margin-top:35px;}
.nk_title{ background:url(../images/nkhf.jpg) center top no-repeat;}
.nkfy h2 a{ display:block; background:url(../images/ng_title.jpg) bottom repeat-x; line-height:60px; font-size:20px; color:#cb8c2c;}
.nkfy p{ color:#2c2c2c;}

#menu_con{ line-height:38px; width:120px; height:auto;}
#menu_con li{ width:120px; height:38px; text-align:center; background:#c6c5c3; display:inline-block;}
#menu_con li.on {float: left;  width:120px; height:38px; text-align:center;background:#92463d;}
#menu_con li h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px; }
#menu_con li.on h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px;  color:#fff;}
#content { font-size:100%;}
.footer{ background:url(../images/footer.jpg) center top no-repeat; height:auto; padding:75px 0 0; font-size:14px; color:#fff;}
.links dl dt{ font-size:16px; border-bottom:1px solid #fff; line-height:36px; width:170px; }

.fenlei ul li{ background:#adadad; border:1px solid #adadad; width:110px; margin:61px 19px 0; height:30px; float:left; display:inline-block; line-height:30px; text-align: center;font-size:13px;}
.fenlei ul li.hover ,.fenlei ul li:hover{ background:#19af92; border:1px solid #19af92;}
.fenlei ul li.hover a ,.fenlei ul li:hover a{ color:#fff;}
.fenlei ul li a{ color:#fff;}
.fenlei ul li span{ line-height:24px; color:#fff; margin-top:45px; display:block;}
.baolie ul li{ margin-top:30px;}
.baolie ul li a{ font-size:12px; color:#3e3a39; line-height:36px;}
.baolie ul li a img{ display:block; width:960px; height:276px;}
.tbox{  width:1000px; overflow:hidden; margin:0 auto; padding:30px 0 0;}
.tbox ul{ display:block; overflow:hidden;}
.tbox ul li{overflow:hidden; border-bottom:1px dotted #CCC; width:436px; float:left; line-height:38px; background:url(../images/left_listicon.gif) left center no-repeat; padding-left:10px;margin-right:120px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.tbox ul li:nth-child(2n){ margin:0;}
.tbox ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.tbox ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.tbox ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.tbox ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.tbox ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.tbox ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.tbox ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul li a:hover{ color:#19af92;}
.page {
	padding:20px 0 30px;
	margin: 0 auto;
	font-size: 0.18rem
}
.page a {
	padding: 5px 1.56%;
	border-radius: 1px;
	font-size: 12px;
	color: #131313;
	border: #aaa solid 1px;
	margin: 0 5px;
}
.page a:hover {
	background: #1c6196;
	color: #fff
}

.readcount{background:url(../images/icon-see2.jpg) no-repeat left center;height:16px;line-height: 16px;font-weight: bold; float:left; padding-left:30px; width:120px; margin:0 auto;}
.guanggao{}
.guanggao img{ width:100%; height:auto;  }

.newslist{margin-top: 80px;}
.newslist li{display: block;background: #fff;width: 100%;height: 152px;margin-bottom: 5px;}
.newslist li:hover .date{background: #df8b19;color: #fff;}
.newslist li:hover h4{color: #df8b19;}
.newslist .date{width: 108px;height: 132px;float: left;background: #999999;text-align: center;font-family: "Aparajita";color: #ccc;-webkit-transition:color 300ms,background 300ms;-moz-transition:color 300ms,background 300ms;-o-transition:color 300ms,background 300ms;-ms-transition:color 300ms,background 300ms;transition:color 300ms,background 300ms;}
.newslist .date a img{width: 108px;height: 132px;}
.newslist .date1{width: 230px;height: 150px;float: left;background: #999999;text-align: center;}
.newslist .date1 a img{width: 230px;height: 150px;}
.newslist .date i{font-size: 54px;line-height: 50px;padding-top: 28px;display: block;font-family: "DincondMedium";}
.newslist .date span{font-size: 18px;font-family: "DincondMedium";}
.newslist .cont{width: 610px;height: 85px; float:left;padding: 26px 50px 21px 30px;}
.newslist .cont h4{width: 610px;font-size: 15px;padding-bottom: 10px;-webkit-transition:color 300ms;-moz-transition:color 300ms;-o-transition:color 300ms;-ms-transition:color 300ms;transition:color 300ms;}
.newslist .cont p{width: 610px;margin-bottom: 0;color:#666666;}
.page .zhuanjia{ width:500px;margin-top:100px; margin-left:250px;}
.zhuanj h2{ text-align:center;}
.zhuanj h2 em{ margin-left:30px; }
.zhuanj h2 em a{ padding:5px 20px; border-radius:5px; background:#df8b19; font-size:12px; color:#fff;}

.tulist li{display: block;width: 100%; height:500px; padding-top:10px;}
.tulist .date{width: 300px;height: 300px;float: left;text-align: center;}
.tulist .date a img{width: 300px;height: 300px;}
.tulist .cont{width: 800px;height: 85px; float:left;padding: 26px 50px 21px 30px;}
.tulist h4{width: 1200px;font-size: 30px; font-weight:600;padding-bottom: 10px; line-height:100px; text-align:center; background:url(../images/h4title.png) no-repeat;}
.tulist .cont p{width: 800px;margin-bottom: 0;color:#666666;}
.tulist:hover h4 ,.tulist .cont:hover p{ color:#960}
.fa-angle-down {
	margin-left: 10px;
}
.prenext{ line-height:30px;}
.prenext a{ margin-left:10px;  font-size:15px; }

	
			.h2 a{position: relative;width:50%;display: block;float: left;overflow: hidden;}
			
		.h2 a img{max-width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;}
			.h2 a span{position: absolute;width:100%;text-align:center;left:0;top:45%;z-index: 88; color: #fff; font-size:40px;letter-spacing:2px;font-family:Arial, "Microsoft YaHei", "微软雅黑"}
			.h2 a span{font-size: 29px;}
			
		.h2 a .cn{display: none;}
			.h2 a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
			
			.h2 a:hover .en{display: none;}
			.h2 a:hover .cn{display: block;}

.location_nav{ background:#1c6196; height:74px; line-height:74px; color:#fff; font-size:14px;}
.location_nav img{ width:15px; height:15px; margin-right:5px;}
.location_nav a{ color:#fff;}
.nr img{ max-width:100%;}


/* 三列网格布局 */
        .anlilistx ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            list-style: none;
        }
        
        /* 每个新闻项目样式 */
        .anlilistx li {
            background: white;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 20px;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid #e9ecef;
        }
        
        .anlilistx li:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            border-color: #c2d6ef;
        }
        
        /* 标题样式 - 加粗和底色 */
        .anlilistx li em {
            font-style: normal;
            display: block;
            margin-bottom: 15px;
        }
        
        .anlilistx li em a {
            background-color: #ebf8ff;
            color: #2c5282;
            font-weight: 700;
            text-decoration: none;
            padding: 12px 10px;
            border-radius: 8px;
            display: block;
            transition: all 0.2s ease;
            font-size:16px;
            line-height: 1.4;
        }
        
        .anlilistx li em a:hover {
            background-color: #bee3f8;
            color: #1a365d;
        }
        
        /* 新闻摘要样式 */
        .anlilistx li p {
            color: #4a5568;
            font-size:15px;
            margin-bottom: 15px;
            flex-grow: 1;
            line-height: 1.5;
        }
        
        /* 底部装饰线 */
        .anlilistx li .clearBoth {
            height: 1px;
            background: linear-gradient(90deg, transparent, #c2d6ef, transparent);
            margin-top: 10px;
        }