﻿@charset "utf-8";
/* CSS Document */
/*--简单动态图标---*/
.gknavlist i{-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.gknavcd2 li:hover i,.banjtj .bd li:hover i,.hdcdl li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
ul.newlist li{ line-height: 38px;}
ul.newlist li span{ width:80px;}

.mainCenterOne,.mainCenterTow{ width:100%; background: #fff;padding:0 15px; box-sizing: border-box;}
.mainCenterOne{ width:100%; margin: 0 auto;margin-top:15px; }

.headerline{ width:100%; background: #fcf9f5; padding:15px 10px; box-sizing: border-box;}
.headerline .tit{ width:140px; height: 74px;  line-height: 0; font-size: 0; text-indent: -99; background: url(../images/headline-tit.png) no-repeat; 
	box-sizing: border-box;}
.toutiao{ width:85%;}
.toutiao li h3,.toutiao li p{ width:100%; display: block;}
.toutiao li h3{ font-weight: bold; font-size: 30px; color:#e32929; text-align: center;}
.toutiao li p{ line-height: 30px; color: #777;margin-top:5px; font-size: 18px;}
.toutiao li p a{ color:#777;}

.newBox{ width:100%; margin-top:5px;}
.foucebox{ width:645px; position:relative; height: 434px;}
.foucebox .hd{  width:65px; height: 25px; position:absolute; bottom:10px; right:20px; z-index:999; text-align: center; }
.foucebox .hd a{display:inline-block; }
.foucebox .hd span {line-height: 25px;color: #ededed;color: #f9fcff; font-size: 16px; text-align: center;}
.foucebox .hd span span{ color:#fff; font-weight: bold;}

.foucebox .hd a.prev,.foucebox .hd a.next{ display: block;  width:9px; height: 15px; position: absolute; top:5px; z-index: 99;transition: all 0.2s;}
.foucebox .hd a.prev{ left: 0px; background: url(../images/fous-arrow1.png) no-repeat;}
.foucebox .hd a.next{ right:0px; background: url(../images/fous-arrow2.png) no-repeat;}

.foucebox .bd{ width:645px; height:434px; position:relative;}
.foucebox .bd li{ width:645px; height:434px; }
.foucebox .bd li img{ width:645px; height:auto;}
.foucebox .bd li span{ display:block; position:absolute; bottom:0; left:0; height:44px; line-height:44px; background:url(../images/tm-bg1.png) repeat; width:100%; color:#fff;}
.foucebox .bd li span p{ width:79%; display:block;  text-indent:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.xinwen2{ width:565px;}
.areaCon .hd{ height:45px; background: url(../images/line1.jpg) repeat-x bottom;}
.areaCon .hd li{ float:left; width:183px;  line-height:42px;font-size:22px;}
.areaCon .hd li.last{ background:none;}
.areaCon .hd li a{ width:100%;height: 43px; line-height:42px; display:block;  text-align:center; color: #666;}
.areaCon .hd li.on a,.areaCon .hd li:hover a{background: url(../images/newcurrent.png) no-repeat;font-weight:bold; color:#fff;}


.areaCon .bd{height:130px;margin-top:20px;}
.areaCon .bd li{ line-height:26px; background: none;  padding-left:0 !important;padding-bottom:16px; background:url(../images/arrow1.png) no-repeat 0 8px;}
.areaCon .bd li a{ width:78% !important; margin-left:15px;}
.areaCon .bd li:hover{background:url(../images/arrow2.png) no-repeat 0 8px;}

.sybanner{ width:100%; height: 120px;margin-top:15px; position: relative}
.sybanner .bd li{ width:100%; height: 120px;}

.sybanner .hd{ width:100px; margin: 0 auto; height: 10px; position: absolute; left: 46.5%;bottom:10px; z-index: 99;}
.sybanner .hd li{ width:8px; height: 8px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background: #fff; float: left; margin: 0 3px; cursor: pointer;}
.sybanner .hd li.on{ background:#fc8127;}


.dsyjBox{ width:100%; margin-top:10px;}
.bgTitBox{ width:100%; border-bottom:3px solid #e31714; height: 40px; line-height: 40px; overflow: hidden;zoom:1;padding-bottom:5px;}
.bgTitBox i,.bgTitBox span{ display: block;float:left;}
.bgTitBox i{ width:38px; height: 40px;margin-right:10px; }
.bgTitBox span{ line-height: 40px;  font-size: 30px; font-weight: bold; color: #d8211f;}
.newBoxTow{ width:100%;margin-top:15px;}
.studyList{ width:395px; margin-right:20px;}

.sysmTit{ width:100%; height: 43px; border-bottom:2px solid #d8211f; overflow: hidden;}
.sysmTit h3,.sysmTit span.more{ display: block;}
.sysmTit h3{ width:200px; overflow: hidden;zoom:1; background: url(../images/newcurrent.png) no-repeat; line-height: 43px; }
.sysmTit h3 i,.sysmTit h3 span{ display: block; float: left;}
.sysmTit h3 i{ width:30px; height: 43px;margin-left:10px; margin-right: 8px;}
.sysmTit h3 span{ line-height: 40px; font-weight: bold; color: #fff; font-size: 22px;}
.sysmTit h3 a span{ color: #fff;}

.sysmTit span.more{ width:60px; height: 22px; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px; background: #f2f1f1; text-align: center; font-size: 14px; color: #999;margin-top:10px;}
.sysmTit span.more a{ color: #999;}

.studyList ul{margin-top:5px;}
.studyList ul li a{ width:78%;} 
.studyList2{margin-right:0px;}

.dsrwBox{width:100%; margin-top:10px;}
.renwBox{ width:100%; margin-top:13px}
.renwBox .bd{ width:100%; overflow: hidden;}
.renwBox li{ width:420px; background:#f2f0f0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px; box-sizing: border-box; float: left; margin-right:15px;}
.figureBox{ width:100%;}
.mingre{width:153px; height: 166px; border-radius: 5px;-webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden;}
.mingre img{ width:100%; border-radius: 5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.jes{ width:210px;}
.jes h4,.jes span,.jes p{ display:block; width:100%;}
.jes h4{ font-size: 20px; font-weight: bold; line-height: 26px;}
.jes p{ line-height: 26px; font-size: 17px;margin-top:8px;}
.jes span{ padding:4px 5px;background: url(../images/arrow3.png) no-repeat 92px 8px #fda82e; color: #fff; width:104px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-indent: 10px;margin-top:10px; }
.jes span a{ color: #fff;}
.dsxjiaoBox{ width:100%; margin-top:10px;}
.xuanjiaoBox{ width:100%; margin-top:10px;}
.redbox,.ketang{ width:591px;}
.sysmTit2{ border-bottom:none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff3e0), color-stop(100%,#fffdfb));
background: -webkit-linear-gradient(left,#fff3e0,#fffdfb);
background: -o-linear-gradient(left,#fff3e0,#fffdfb);
background: -moz-linear-gradient(left,#fff3e0,#fffdfb);
background: -mos-linear-gradient(left,#fff3e0,#fffdfb);
background: -ms-linear-gradient(left,  #fff3e0  0%,#fffdfb 100%);
background: linear-gradient(left,#fff3e0,#fffdfb);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3e0', endColorstr='#fffdfb',GradientType=1 ); border-radius:5px; -webkir-border-radius:5px;-moz-border-radius:5px; }
.sysmTit2 h3{ background: none; color: #df120a;}
.sysmTit2 h3 a span{color: #df120a;}
.xuanjiaoBox ul{margin-top: 8px;}
.sytupic{ width:100%;}
.sytupic li{ width:285px; height: 248px; border:4px solid #b61712; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; overflow: hidden;}
.sytupic li img{ border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; width:285px; }
.sySpecial{ width:100%; background:#faf4ea;padding:16px 0}

.specialBox{ width:100%; margin: 0 auto;position: relative;padding:0 10px;box-sizing: border-box;}
.specialBox .hd{ width:100%; z-index: 99; display: none;}
.specialBox:hover .hd{ display: block;}
.specialBox .hd a{ display: block;width: 18px; height: 25px; position: absolute; top:49px;z-index: 99;}
.specialBox .hd a.prev{ left: 12px; background:url(../images/arrow4.png) no-repeat;}
.specialBox .hd a.next{ right: 17px; background:url(../images/arrow5.png) no-repeat;}

.specialBox .bd{ overflow: hidden;margin-top:10px;padding-left:2px; box-sizing: border-box; width: auto;}
.specialBox .bd li{ float:left;width:606px;height:124px;margin-right:17px; }
.specialBox .bd li,.specialBox .bd li img{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.specialBox .bd li:last-child{margin-right:0;}
.specialBox .bd li img{ width:100%;}

.dashij{ width:100%; margin: 10px auto; height: 120px;}
.redziyuanBox{ width:100%;}
.naturalBox{ width:100%; background: url(../images/ziyuanbg.jpg) no-repeat; padding:0 20px 5px 20px; box-sizing: border-box;margin-top:15px;}
.mapBox{ width:100%; margin: 0 auto; height:760px; }
.mapBox img{width:100%;}

.zytit{ width:100%; height: 75px;  position: relative;}
.zytit h3{ display: block; margin: 0 auto; width:200px; height: 40px; line-height: 40px;padding-top:20px; font-size: 30px; font-weight: bold; color: #df0b06; text-align: center;}
.zyBtn{ width:152px; height: 40px; position: absolute; top:15px; right:10px; background:#e3180e; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; overflow: hidden;zoom:1;}
.zyBtn i,.zyBtn span{ display: inline-block; line-height: 40px; float: left;  }
.zyBtn i{ width:30px; height: 43px;margin-left:20px;margin-right:5px;}
.zyBtn span{  font-weight: bold; font-size: 18px; color: #fff; line-height: 40px;}
.tishi{ width:330px; margin:10px auto; overflow: hidden;zoom:1; height: 35px;}
.tishi i,.tishi span{ display: inline-block; float: left;}
.tishi i{ width:23px; height: 35px; margin-right: 10px;}
.tishi span{ line-height: 35px; color: #fff;}

.friendshipBox{ width:100%;margin-top:12px; position: relative;padding-bottom:5px;}
.linklist{margin-top:15px; justify-content: flex-start;}
.linklist li{ background: url(../images/arrow1.jpg) no-repeat left; padding-left:13px; width:183px; font-size: 17px; line-height: 26px; margin-bottom:10px;}

.friendshipBox .hd{width:1080px; position: absolute; top:-2px; left:150px; height: 5px;}
.friendshipBox .hd ul{ justify-content: flex-start;}
.friendshipBox .hd ul li{ width:180px; height: 45px; line-height: 45px; font-size: 18px; color: #444; text-align: center; cursor: pointer;}
.friendshipBox .hd ul li.on,.friendshipBox .hd ul li:hover{ font-weight: bold; color: #d71614; background: url(../images/arrow6.png) no-repeat center bottom;}
.friendshipBox .hd ul li.on a,.friendshipBox .hd ul li:hover a{ color:#d71614;}


.tupicBox{ width:100%; margin:20px auto; position:relative;overflow: hidden;}
.tupicBox .hd{ width:100%; z-index: 99; display: none;}
.tupicBox:hover .hd{ display: block;}
.tupicBox .hd a{ display: block;width: 25px; height: 54px; position: absolute; top:57px;z-index: 99;}
.tupicBox .hd a.prev{ left: 0px; background:url(../images/arrow8.png) no-repeat;}
.tupicBox .hd a.next{ right: 0; background:url(../images/arrow9.png) no-repeat;}
.tupicBox .bd li{width: 287px;  margin-right:18px;  position: relative;padding-bottom:20px;}
.tupicBox .bd li .pic{ width: 287px; height: 180px; width:100%; height: auto;border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.tupicBox .bd li .pic img{border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.tupicBox .bd li .tit{ display: block; width:92%; margin: 0 auto; background: #fff; height: 38px; line-height: 35px; border-bottom:3px solid #d61512; text-align: center; padding:0 5px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: absolute; bottom:0px; left: 15px;}


.hsyzCent{ width:100%;margin-top: 15px;}
.jyjdBox,.yyzhiBox{ width:591px;}

