*{ padding: 0; margin: 0;}
img{ border: none;}
body{ background: url(../img/bg.png) #0B729C;font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
a{ text-decoration: none; font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
li{list-style: none;}
.scroll-item{
				opacity: 0;
				transform: translateY(40px);
				transition: all 0.7s ease-out;
			}
.scroll-item.show{
				opacity: 1;
				transform: translateY(0);
			     }
.f_12{ font-size: 12px;}
.f_14{ font-size: 14px;}
.f_16{ font-size: 16px;}
.f_18{ font-size: 18px;}
.f_20{ font-size: 20px;}
.f_22{ font-size: 22px;}
.f_24{ font-size: 24px;}
#container1{ width: 1260px; margin: 0 auto; overflow: hidden; background: #fff;box-shadow: 0 3px 100px #000;}
#container2{ width: 1200px; overflow: hidden; margin: 0 auto;}
.w_1200{width: 1200px;}
.head{ height: 150px; background: url(../img/top.png) no-repeat; position: relative;}
.head a{ display: block;  position: absolute; width: 90px; height: 90px; left: 45px; top: 34px;}
.nav{height: 52px; background: url(../img/nav.png) no-repeat;}
.nav ul{}
.nav ul li{ width: 150px; height: 52px; float: left;}
.nav ul li a{ display: block; width: 150px; height: 52px; float: left; color: #fff; text-align: center; line-height: 52px;}
.nav ul li a:hover{ background: url(../img/nav_hover.png) no-repeat; color: #FFFF00;}
.banner{ height: 450px;overflow: hidden;border-radius: 4px;}
.banner img{transition: transform 4s ease;}
.banner:hover img{transform: scale(1.05);}
.content{overflow: hidden;background: ##0b739e;}
.content .news{height: 401px;}
.content .news .n_t{ height: 52px; background: url(../img/top_line.png) no-repeat;}
.content .news .n_m{ height: 300px;}
.content .news .n_m .pic{ width: 463px; height: 300px; float: left;}
.content .news .n_m .news_r{ width: 690px; height: 280px; float: left; background: url(../img/n_bg2.png)no-repeat;padding: 0 24px 20px 23px;}
.content .news .n_m .news_r h2{ width: 690px; height: 51px;}
.content .news .n_m .news_r h2 span{ display: block; float: left; color: #fff; height: 51px; line-height: 51px;}
.content .news .n_m .news_r h2 span font{ font-weight: 100;}
.content .news .n_m .news_r h2 a{ display: block; float: right; color: #fff; font-weight: 100; height: 51px; line-height: 51px;}
.content .news .n_m .news_r h2 a:hover{color: #FFFF00;}
.content .news .n_m .news_r ul{ width: 690px; height: 220px; background: url(../img/n_bg.png) no-repeat; padding-top: 9px;}
.content .news .n_m .news_r ul li{ width: 230px; height: 110px; float: left;}
.content .news .n_m .news_r ul li span{display: block; width: 183px; height: 30px; line-height: 30px; padding-left: 47px; color: #fff;}
.content .news .n_m .news_r ul li a{ display: block; width: 200px; height: 70px; padding: 10px 0 0 20px; color: #fff;}
.content .news .n_m .news_r ul li a:hover{color: #FFFF00;}
.content .tjj{ height: 508px; background:url(../img/tjj_bg.png) no-repeat #0b739e; padding-top: 37px;}
.content .tjj .tjj2{ width: 1062px; height: 412px; background: url(../img/t_bg.png) no-repeat; margin: 0 auto;box-shadow: 10px 10px 20px #083a53; padding: 61px 0 0 74px;display: flex;	}
.content .tjj .tjj2 .notice{ width: 230px; height: 367px; float: left; margin-right: 53px;}
.content .tjj .tjj2 .notice h2{ font-weight: 100; color: #832136; height: 49px;}
.content .tjj .tjj2 .notice ul{ height: 287px;}
.content .tjj .tjj2 .notice ul li{ height: 95px;}
.content .tjj .tjj2 .notice ul li span{ display: block; width: 183px; height: 30px; line-height: 30px; padding-left: 47px; background: url(../img/n_li.png) no-repeat; color: #fff;}
.content .tjj .tjj2 .notice ul li a{display: block; padding: 10px 17px 0 20px; color: #000;}
.content .tjj .tjj2 .notice ul li a:hover{color: #832136;}
.content .tjj .tjj2 .notice p{width: 136px; height: 31px; line-height: 31px; float: right; background: url(../img/n_m.png) no-repeat; text-align: center;}
.content .tjj .tjj2 .notice p a{ color: #fff;}


.content .tjj .tjj2 .teach{ width: 230px; height: 367px;float: left;margin-right: 53px;}
.content .tjj .tjj2 .teach h2{ font-weight: 100; color: #663904; height: 49px;}
.content .tjj .tjj2 .teach ul{ height: 287px;}
.content .tjj .tjj2 .teach ul li{ height: 95px;}
.content .tjj .tjj2 .teach ul li span{ display: block; width: 183px; height: 30px; line-height: 30px; padding-left: 47px; background: url(../img/t_li.png) no-repeat; color: #fff;}
.content .tjj .tjj2 .teach ul li a{display: block; padding: 10px 17px 0 20px; color: #000;}
.content .tjj .tjj2 .teach ul li a:hover{color: #663904;}
.content .tjj .tjj2 .teach p{width: 136px; height: 31px; line-height: 31px; float: right; background: url(../img/t_m.png) no-repeat; text-align: center;}
.content .tjj .tjj2 .teach p a{ color: #fff;}


.content .tjj .tjj2 .work{ width: 230px; height: 367px;float: left;margin-right: 53px;}
.content .tjj .tjj2 .work h2{ font-weight: 100; color: #006245; height: 49px;}
.content .tjj .tjj2 .work ul{ height: 287px;}
.content .tjj .tjj2 .work ul li{ height: 95px;}
.content .tjj .tjj2 .work ul li span{ display: block; width: 183px; height: 30px; line-height: 30px; padding-left: 47px; background: url(../img/w_li.png) no-repeat; color: #fff;}
.content .tjj .tjj2 .work ul li a{display: block; padding: 10px 17px 0 20px; color: #000;}
.content .tjj .tjj2 .work ul li a:hover{color: #006245;}
.content .tjj .tjj2 .work p{width: 136px; height: 31px; line-height: 31px; float: right; background: url(../img/w_m.png) no-repeat; text-align: center;}
.content .tjj .tjj2 .work p a{ color: #fff;}

.notice,.teach,.work{
				flex: 1;								
				border-radius: 6px;
				transition: box-shadow 0.3s, transform 0.3s;
			}
.notice:hover,.teach:hover,.work:hover{
				box-shadow: 0 4px 15px rgba(0,82,165,0.12);
				transform: translateY(-3px);
			}

.content .zyjs2{ width: 1200px; background:url(../img/zyjs_r.png) top right no-repeat #0b739e;}
.content .zyjs2 .zyjs{width: 1136px; height: 526px; background:url(../img/zyjs_bg.png) bottom no-repeat; margin: 0 auto;}
.content .zyjs2 .zyjs h2{ width: 1136px; height: 38px; background: url(../img/zyjs_h2.png) no-repeat;}
.content .zyjs2 .zyjs ul{display: flex;}
.content .zyjs2 .zyjs ul li{ width: 284px; height: 435px; float: left; position: relative;}
.content .zyjs2 .zyjs ul li a{ color: #fff; position: absolute; left: 120px; top: 251px;}
.content .zyjs2 .zyjs ul li a:hover{text-decoration: underline; }

.l_c{background: #0b739e;}
.content .left{ width: 149px; overflow: hidden;background: #0b739e;float: left;}
.content .left h2{ width: 149px; height: 27px;  border-bottom: 1px solid #fff; color: #fff; text-align: center; font-weight: 100; padding-top: 44px;}
.content .left ul{padding-bottom: 90px;}
.content .left ul li{height: 35px; }
.content .left ul li a{display: block;width: 149px; height: 35px; line-height: 35px; color: #fff;text-align: center;background: url(../img/left_li1.png) no-repeat;}
.content .left ul li a:hover{background: url(../img/left_li2.png) no-repeat;}

.content .right{ width: 970px; overflow: hidden; float: left; background: #fff;padding: 25px 39px 0 42px;}
.content .right h3{width: 970px; height: 34px; border-bottom: 1px solid #00357d; font-weight: 100;}
.content .right h3 span{display: block; float: left;}
.content .right h3 p{float: right;}
.content .right h3 p a{ color: #000;}
.content .right h3 p a:hover{color: #ff0000;}
.content .right ul{padding-top: 20px;}
.content .right ul li{width: 948px; height: 36px; line-height: 36px; border-bottom: 1px dashed #a1a1a1; background: url(../img/right_li.png) 0 15px no-repeat;padding-left: 15px;}
.content .right ul li a{ color: #000;display: block; float: left;}
.content .right ul li a:hover{color:#ff0000;}
.content .right ul li span{display: block;float: right;}
.content .right .r_b{ height: 77px; background: url(../img/right_bg.png) bottom no-repeat;margin-bottom: 55px;}
.l_r_b{ width: 1200px; height: 36px; background: url(../img/right_bg2.png) no-repeat; }

.foot{ height: 509px;}
.foot .foot1{ height: 58px; background: url(../img/foot1.png) no-repeat;}
.foot .foot2{height: 250px; padding-top: 28px; background: url(../img/foot2.png) no-repeat;text-align: center; color: #0b739e;}
.foot .foot2 p{ width: 1200px; height: 22px; line-height: 22px; margin-bottom: 20px;}
.foot .foot3{height: 58px; background: url(../img/foot3.png) no-repeat;}
.foot .foot4{height: 115px; background: url(../img/foot4.png) no-repeat; text-align: center; color: #fff;}
.foot .foot4 p{ height: 22px; line-height: 22px;}

.content .news .n_b{height: 49px; background: url(../img/news_bg.png) no-repeat;}