.title{ position: relative; }
.title h2{ border-bottom: 1px solid #999999;padding-bottom: 1px; }
.title h2 span{ font-size: 24px;border-bottom: 2px solid #000; }
.title h3{ font-family: "Geometria";font-size: 16px;color: #595656; }
.title .more{ font-size: 16px;color: #898989;position: absolute;top: 0;right: 0; }

.news{ padding: 40px 0;background: #f1f0f0; }
.news .main .yearNav{ margin-top: 30px; }
.news .main .yearNav ul{ display: flex;justify-content: space-between; }
.news .main .yearNav ul li{ width: 15%;text-align: center;padding: 15px 0;background: #cdcdcd;color: #636363; cursor: pointer;}
.news .main .yearNav ul .on{ background: #F39800;color: #fff; }
.news .main .textBox{ margin-top: 30px; }
.news .main .textBox ul{  }
.news .main .textBox ul li{ padding: 20px;display: flex;background: #fff;margin-bottom: 10px;padding-top: 10px;position: relative;padding-right: 40px;transition: all 0.6s; }
.news .main .textBox ul li .left{ position: relative; width: 280px;overflow: hidden;width: 20%;  padding: 0 3%; }
.news .main .textBox ul li .left p{ font-size: 66px;color: #595656;transition: all .8s ease; }
.news .main .textBox ul li .left b{ font-size: 16px;color: #595656;font-weight: bold; transition: all .8s ease; }
.news .main .textBox ul li .left img{ position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 280px;height: 144px; }
.news .main .textBox ul li .right{width: 80%;padding-left: 10px; }
.news .main .textBox ul li .right h5{ font-size: 16px;margin-bottom: 15px; }
.news .main .textBox ul li .right b{ font-size: 14px;margin-bottom: 15px;display: block; }
.news .main .textBox ul li .right p{ color: #595656;margin-bottom: 15px; }
.news .main .textBox ul li .right span{ color: #999999; }
.news .main .textBox ul li .right .more{ font-size: 14px;color: #404040;position: absolute;right: 0;bottom: 20px;padding-right: 20px;background: url(../images/more.png)no-repeat right;background-size: 8px;opacity: 0;transition: all 0.6s; }

/*.news .main .textBox ul li:first-child{padding-bottom: 0;padding-left: 0;padding-top: 0;}
.news .main .textBox ul li:first-child .left{padding-left: 0;}
.news .main .textBox ul li:first-child .right{padding-top: 40px;}*/
.news .main .textBox ul li:hover{ box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);cursor: pointer; }
.news .main .textBox ul li:hover .left p{ color: #F39800; }
.news .main .textBox ul li:hover .left b{ color: #F39800; }
.news .main .textBox ul li:hover .more{ right: 40px;opacity: 1; }
.news .main .page{ display: flex;justify-content: center;margin-top: 20px; }
.news .main .page .last{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.news .main .page .next{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.news .main .page .last p{ width: 100%;height: 100%;background: url(../images/lt.png)no-repeat center;background-size: 10px; }
.news .main .page .next p{ width: 100%;height: 100%;background: url(../images/gt.png)no-repeat center;background-size: 10px; }
.news .main .page ol{ display: flex; }
.news .main .page ol li{ width: 50px;height: 50px;background: #fff;margin: 0 4px;font-size: 18px;color: #595656;line-height: 50px;text-align: center; }
.news .main .page ol .on{ color: #fff;background: #f39800; }
@media only screen and (max-width: 768px) {
	.news .main .textBox ul li .left{ width: auto; }
	.news .main .textBox ul li .left img{ position: static;width: auto;transform: translate(-30%,0); }
	.news .main .textBox ul{ height: auto; }
	.news .main .textBox ul li{padding: 10px;}
	.news .main .textBox ul li .right h5{margin-bottom: 10px;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.news .main .textBox ul li .right p{width: 200px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .main .textBox ul li .right{padding-top: 10px;}
	/*.news .main .textBox ul li:first-child{flex-wrap: wrap;padding: 0;padding-top: 10px;}
	.news .main .textBox ul li:first-child .left{width: 100%;padding: 0;}
	.news .main .textBox ul li:first-child .right{width: 100%;padding: 15px;}
	.news .main .textBox ul li:first-child .right h5{width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.news .main .textBox ul li:first-child .right p{width: 280px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}*/
}

.video{ padding: 40px 0;background: #f1f0f0; }
.video .main .box{ display: flex;margin-top: 40px; }
.video .main .box>div{ width: 150px;margin-right: 10px; }
.video .main .box>div a{ display: block;width: 100%;padding: 15px 0;color: #636363;text-align: center;background: #cdcdcd; }
.video .main .box .on a{ color: #fff;background: #F39800; }
.video .main ul{ display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 30px; } 
.video .main ul li{ width: 33%; padding-right: 5%;margin-bottom: 20px;}
.video .main ul li img{ width: 100%; height: 450px;}
@media only screen and (max-width: 768px) {
	.video .main ul{ flex-wrap: wrap; }
	.video .main ul li{ width: 100%;margin-bottom: 15px;padding-right: 0; }
}
.duty{ padding: 40px 0;background: #f1f0f0; }
.duty .main{ margin-top: 30px;margin-bottom: 40px; }
.duty .main .text{ padding: 15px; }
.duty .main .text p{ text-indent: 2em;font-size: 14px;line-height: 22px;color: #595757;margin-bottom: 8px; }
.duty .main .dutyBox{ padding: 20px;background: #fff; }
.duty .main .dutySwiper img{ width: 100%; }
/*.duty .main ul{ display: flex;flex-wrap: wrap; }
.duty .main ul li{ width: 32%;margin: 0.66% 0.66%;padding: 2.5%;background: #fff;transition: all 0.6s;padding-bottom: 1%; }
.duty .main ul li h6{ font-size: 14px;color: #595757;margin-top: 15px;text-align: center; }
.duty .main ul li .box{ position: relative;overflow: hidden;max-height: 200px; }
.duty .main ul li .box img{ width: 100%;display: block;transition: all 0.6s; }
.duty .main ul li .box p{ width: 100%;height: 100%;background: #000;position: absolute;top: 0;opacity: 0;transition: all 0.6s; }
.duty .main ul li .box span{ position: absolute;display: block;width: 45px;height: 45px;background: url(../images/search.png)no-repeat;background-size: cover;top: -45px;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s; }
.duty .main ul li:hover{ box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.duty .main ul li:hover img{ transform: scale(1.2); }
.duty .main ul li:hover p{ opacity: 0.4; }
.duty .main ul li:hover span{ top: 50%; }
.duty .main .page{ display: flex;justify-content: center;margin-top: 20px; }
.duty .main .page .last{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.duty .main .page .next{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.duty .main .page .last p{ width: 100%;height: 100%;background: url(../images/lt.png)no-repeat center;background-size: 10px; }
.duty .main .page .next p{ width: 100%;height: 100%;background: url(../images/gt.png)no-repeat center;background-size: 10px; }
.duty .main .page ol{ display: flex; }
.duty .main .page ol li{ width: 50px;height: 50px;background: #fff;margin: 0 4px;font-size: 18px;color: #595656;line-height: 50px;text-align: center; }
.duty .main .page ol .on{ color: #fff;background: #f39800; }
@media only screen and (max-width: 768px) {
	.duty .main ul li{ width: 48%; }
	.duty .main ul li h6{text-align: left;}
	.duty .main ul li .box{ max-height: 105px; }
}*/
@media only screen and (max-width: 768px) {
	
}
.activity{ padding: 40px 0;background: #f1f0f0; }
.activity .main{ margin-top: 30px; }
.activity .main ul{ display: flex;flex-wrap: wrap; }
.activity .main ul li{ width: 32%;margin: 0.66% 0.66%;transition: all 0.6s;padding-bottom: 10px;border-bottom: 1px solid #333;margin-bottom: 10px; }
.activity .main ul li>a{display: block;}
.activity .main ul li h6{ font-size: 14px;color: #595757;margin-top: 15px;transition: all 0.6s; }
.activity .main ul li .boxs{ position: relative;overflow: hidden; }
.activity .main ul li .boxs img{ width: 100%;display: block;transition: all 0.6s; }
.activity .main ul li:hover{ border-bottom: 1px solid #F39800; }
.activity .main ul li:hover img{ transform: scale(1.2); }
.activity .main ul li:hover h6{ color: #F39800; }
.activity .main .page{ display: flex;justify-content: center;margin-top: 20px; }
.activity .main .page .last{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.activity .main .page .next{ width: 50px;height: 50px;background: #fff;margin: 0 4px; }
.activity .main .page .last p{ width: 100%;height: 100%;background: url(../images/lt.png)no-repeat center;background-size: 10px; }
.activity .main .page .next p{ width: 100%;height: 100%;background: url(../images/gt.png)no-repeat center;background-size: 10px; }
.activity .main .page ol{ display: flex; }
.activity .main .page ol li{ width: 50px;height: 50px;background: #fff;margin: 0 4px;font-size: 18px;color: #595656;line-height: 50px;text-align: center; }
.activity .main .page ol .on{ color: #fff;background: #f39800; }
@media only screen and (max-width: 768px) {
	.activity .main ul li{ width: 48%; }
}
.news_three .container{ position: relative; }
.news_three .main{ padding: 40px 0;max-width: 750px; }
.news_three .main h4{ margin-bottom: 5px; font-size: 22px;color: #2b2b2a; }
.news_three .main h5{ font-size: 11px;margin-bottom: 20px;color: #2b2b2a; }
.news_three .main p{ line-height: 22px;text-indent: 30px !important; font-size: 15px;color: #595757;margin-bottom: 8px; }
.news_three .main b{ display: block;font-size: 14px;color: #595757;cursor: pointer;line-height: 22px;font-weight: normal; }
.news_three .main img{ margin: 30px 0;max-width: 100%;}
.news_three .main .newsPage{position: relative;}
.news_three .main .pull-right{color: #999;padding: 2px 20px;border: 1px solid #999;border-radius: 15px;background: url(../images/gt02.png)no-repeat right center;background-size: 30px;padding-right: 36px;position: absolute;right: 20px;}
.news_three .leftNews{ position: absolute;top: 95px;right: 0;width: 338px;padding: 30px 20px;background: #f4f4f4;padding-bottom: 60px; }
.news_three .leftNews h6{ font-size: 18px;margin-bottom: 10px; }
.news_three .leftNews h5{ font-size: 18px;margin-bottom: 10px;margin-top: 10px; }
.news_three .leftNews span{ font-size: 12px;line-height: 24px; }
.news_three .leftNews p{ width: 298px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden;color: #999; }
.news_three .leftNews .nearMore{ font-size: 14px;color: #404040;position: absolute;right: 20px;bottom: 30px;line-height: 0.8;padding-right: 20px;background: url(../images/more.png)no-repeat right;background-size: 8px; }
.leftNews .text-cover{width: 100%;height: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media only screen and (max-width: 768px) {
	.news_three .leftNews{ display: none; }
	.news_three .main img{ margin: 20px 0;}
}