@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0;}
a { text-decoration: none; color: #000; outline: none; }
body {margin: 0;padding: 0;min-width: 1200px;font-family: "microsoft yahei";}
input { outline: none; }
.fl {float: left;}
.fr { float: right; }
.clear{zoom: 1;}
.clear:after {clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
.wrap{width:1200px;margin:0 auto;}
/* head */
.head{background: #1f78c8 url(../2020images/head04.png) no-repeat 14% bottom;}
.head .top{padding: 20px 0;}
.logo img{display: block;margin-left:1.5rem;}
.head-r .head-text{float: left;}
.head-r .head-text .pic{float: left;margin: 28px 30px 0 0;}
.head-r .head-text .pic img{display: block;}
.head-r .head-pic{float: left;}
.head-r .head-pic img{display: block;}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:.8;}
            100%{opacity:0;}
        }
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{position:relative; z-index:1;border-top: 1px solid #3183cc;height: 50px;line-height: 50px;}
.nav{ position:relative; margin:0 auto;  font-family:"微软雅黑"; font-size:16px; }
.nav a{ color:#ffffff;}
.nav h3{ font-size:16px; font-weight:normal;}
.nav .m{ float:left;  position:relative; z-index:1;}
.nav h3 a{ display:block; text-align:center;padding: 0 30px;}
.nav h3 a:hover{color: #f4f226;}
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; top:50px; z-index:1; width:100%;border-top:0;  background:#1f78c8;}
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;}
.nav .sub li a{ display:block;font-size: 14px;  border-bottom:1px solid #79aede; padding:8px 0;   line-height:28px; color:#fff;}
.nav .sub li a:hover{ color:#f4f226;}
/* containar */
.containar{background: url(../2020images/bg01.png) no-repeat bottom right;padding: 40px 0 45px 0;    min-height: 600px;}
.left{width: 254px;}
.login{margin-bottom: 20px;}
.login img{display: block;}
.left01{}
.left01 li{height: 55px;line-height: 55px;background: #1faec8;border-radius: 8px;margin-bottom: 5px;}
.left01 li+li{background: #1f7ac8;}
.left01 li+li+li{background: #1fc896;}
.left01 li+li+li+li{background: #1faec8;}
.left01 li+li+li+li+li{background: #1f7ac8;}
.left01 li+li+li+li+li+li{background: #1fc896;}
.left01 li a{display: block;padding-left: 40px;overflow: hidden;}
.left01 li .pic{float: left;width: 34px;height: 55px;line-height: 55px;margin: 0 15px 0 auto;text-align: center;}
.left01 li .pic img{vertical-align: middle;}
.left01 li p{font-size: 16px;color: #fff;font-weight: bold;}
.left01 li:hover p{text-decoration: underline;}
.left01 li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.search{width: 254px;height: 34px;background: url(../2020images/search.png) no-repeat center;margin: 10px 0;overflow: hidden;}
.search .btn{margin-left: 52px;margin-top: 9px;float: left;}
.search .text{margin-left: 20px;float: left;width: 160px;height: 34px;line-height: 34px;border: none;background: transparent;font-size: 12px;color: #999;}
.left02{background: #f8f8f8;padding: 10px;}
.left02 ul{overflow: hidden;margin-right: -10px;margin-bottom: -10px;}
.left02 li{float: left;width: 110px;height: 38px;border: 1px solid #e4e4e4;margin-right: 10px;margin-bottom: 10px;}
.left02 li a{display: block;overflow: hidden;padding: 4px 0;}
.left02 li .pic{float: left;width: 30px;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;}
.left02 li .pic img{vertical-align: middle;}
.left02 li p{float: left;line-height: 30px;padding-left: 8px;border-left: 1px solid #e4e4e4;font-size: 14px;color: #323232;transition: 0.6s all;}
.left02 li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.left02 li:hover p{color: #1f78c8;transition: 0.6s all;}
@-webkit-keyframes circleProgressLoad_right{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(225deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}
}
@-webkit-keyframes circleProgressLoad_left{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(45deg);
	}
	100%{
	-webkit-transform: rotate(225deg);
	}
}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
/* right */
.right{width: 906px;}
.title{border-bottom: 1px solid #e7e7e7;overflow: hidden;padding-bottom: 8px;margin-bottom: 16px;}
.title h5{padding-left: 40px;font-size: 22px;color: #474747;letter-spacing: 3px;float: left;line-height: 30px;}
.title a{float: right;font-size: 12px;color: #999999;margin-top: 15px;transition: 0.6s all;}
.title a:hover{color: #1f78c8;transition: 0.6s all;}
.part1{margin-bottom: 30px;height: 380px;}
.part1 .title h5{background: url(../2020images/title01.png) no-repeat left center;}
.part1-l{width: 438px;margin-bottom: -20px;}
.part1-l li{margin-bottom: 20px;}
.part1-l li a{display: block;overflow: hidden;line-height: 17.5px;}
.part1-l li p{font-size: 16px;color: #333333;padding-left: 10px;background: url(../2020images/part1-01.png) no-repeat left center;float: left;transition: 0.6s all;}
.part1-l li i{font-size: 12px;color: #7f7f7f;float: right;font-style: normal;}
.part1-l li:hover p{padding-left: 6px;color: #1f78c8;transition: 0.6s all;}
/* 本例子css */
.part1-r{ width:438px; height:316px; overflow:hidden; position:relative;}
.part1-r .hd{display: none;}
.part1-r .bd{ position:relative;}
.part1-r .bd li a{display: block;position: relative;}
.part1-r .bd li .pic{overflow: hidden;}
.part1-r .bd li .pic img{display: block;width:438px; height:316px;transition: 0.6s all;}
.part1-r .bd li p{position: absolute;bottom: 0;left: 0;height: 50px;line-height: 50px;width: 408px;padding: 0 15px; background: url(../2020images/part1-03.png);font-size: 14px;color: #fff;text-align: center;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.part1-r .prev,
.part1-r .next{ position:absolute; top:50%; margin-top:-17px; display:block; width:20px; height:35px;}
.part1-r .prev{left: 10px;background: url(../2020images/part1-04.png) no-repeat center;}
.part1-r .next{right:10px;background: url(../2020images/part1-05.png) no-repeat center;}
.part1-r .prevStop{ display:none;  }
.part1-r .nextStop{ display:none;  }
.part1-r .bd li:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.part1-r .bd li:hover p{text-decoration: underline;}
/* part2 */
.part2{height: 390px;}
.part2-l{width: 438px;}
.part2-l .title h5{background: url(../2020images/title02.png) no-repeat left center;}
.part2-l li{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #eaeaea;transition: 0.6s all;}
.part2-l li a{display: block;position: relative;overflow: hidden;}
.part2-l li .time{width: 58px;height: 48px;border: 1px solid #d7d7d7;position: relative;float: left;}
.part2-l li .day{font-size: 20px;color: #1f78c8;text-align: center;margin-top: 2px;}
.part2-l li .year{font-size: 12px;color: #1f78c8;text-align: center;}
.part2-l li p{margin-left: 80px;font-size: 16px;color: #474747;line-height: 24px;height: 48px;overflow: hidden;transition: 0.6s all;}
.part2-l li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.part2-l li:hover .time{background: #1f78c8;border: 1px solid #1f78c8;transition: 0.6s all;}
.part2-l li:hover .day{color: #fff;}
.part2-l li:hover .year{color: #fff;}
.part2-l li:hover p{color: #1f78c8;transition: 0.6s all;}
.part2-r .title h5{background: url(../2020images/title03.png) no-repeat left center;}
/* footer */
.footer{background: #1f78c8;}
.footer .wrap{position: relative;}
.footer p{height: 68px;line-height: 68px;text-align: center;font-size: 12px;color: #fff;    padding: 1.8rem 0 0 0;}
.footer p i{font-style: normal;margin-right: 20px;padding-left: 20px;}
.footer p i+i{background: url(../2020images/footer01.png) no-repeat left center;}
.footer p i+i+i{ackground: url(../2020images/footer02.png) no-repeat left center;}
.footer .ewm-box{position: absolute;right: 0;top: 50%;margin-top: -14px;width: 28px;height: 28px;background: url(../2020images/footer03.png) no-repeat center;}
.footer .ewm{position: absolute;top: -100px;left: 50%;margin-left: -48px; padding-bottom: 5px;display:none;}
.footer .ewm .pic{border: 5px solid #fff;}
.footer .ewm .pic img{display: block;width: 80px;height: 80px;}
.footer .ewm i{display: block; width: 9px;height: 5px;background: url(../2020images/ewm02.png) no-repeat center;margin-left: 42px;}
.footer .ewm-box:hover .ewm{display: block;}
/* list */


.list-nav{width: 250px;}
.list-nav h5{height: 80px;line-height: 80px;background: #1f78c8;font-size: 22px;color: #fff;font-weight: bold;text-align: center;}
.list-nav ul{background: #fafafa;padding: 0 20px;}
.list-nav li{line-height: 50px;height: 50px;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #fff;}
.list-nav li a{padding: 0 18px;text-align: center;display: block;font-size: 18px;color: #333333;background: url(../2020images/list-nav01.png) no-repeat 20px center;transition: 0.6s all;}
.list-nav .list-nav_li>li:hover>a{background: #1f78c8 url(../2020images/list-nav01-on.png) no-repeat 20px center;color: #fff;transition: 0.6s all;}
.list-nav .list-nav_li>li.on>a{background: #1f78c8 url(../2020images/list-nav01-on.png) no-repeat 20px center;color: #fff;transition: 0.6s all;}


.list-nav .list-nav-thr>li:hover>a{background: #1f78c8 url(../2020images/list-nav01-on.png) no-repeat 20px center;color: #fff;transition: 0.6s all;}


.list-r{width: 910px;}
.position{padding: 7px 0;background: #f0f0f0;margin-bottom: 30px;}
.position p{height: 26px;line-height: 26px;border-left: 2px solid #1f78c8;padding-left: 17px;font-size: 14px;color: #999999;}
.position p a{color: #999999;transition: 0.6s all;}
.position p a:hover{color: #1f78c8;transition: 0.6s all;}
.list ul{margin-bottom: 40px;}
.list li{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #eaeaea;}
.list li a{display: block;overflow: hidden;}
.list li p{float: left;font-size: 16px;color: #323232;padding-left: 12px;background: url(../2020images/part1-01.png) no-repeat left center;transition: 0.6s all;}
.list li i{font-size: 12px;color: #7f7f7f;float: right;font-style: normal;}
.list li:hover p{padding-left: 8px;color: #1f78c8;transition: 0.6s all;}
.fanye img{margin: 0 auto;display: block;}
/* list-pic */
.list-pic ul{margin-bottom: 11px;overflow: hidden;margin-right: -28px;}
.list-pic li{float: left;width: 285px;margin-right: 27px;margin-bottom: 36px;}
.list-pic li a{display: block;}
.list-pic li .pic{width: 285px;height: 180px;overflow: hidden;}
.list-pic li .pic img{display: block;width: 285px;height: 180px;transition: 0.6s all;}
.list-pic li p{margin-top: 15px;font-size: 16px;color: #333333;text-align: center;transition: 0.6s all;transition: 0.6s all;}
.list-pic li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.list-pic li:hover p{color: #1f78c8;transition: 0.6s all;}
/* show */
.show01{padding-bottom: 22px;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;}
.show01 h5{font-size: 26px;color: #000000;text-align: center;line-height: 36px;font-weight: normal;margin-bottom: 12px;}
.show01 p{font-size: 14px;color: #999999;text-align: center;}
.show01 p i{font-style: normal;margin: 0 15px;}
.show02{padding-bottom: 70px;}
.show02 p{font-size: 16px;color: #666666;line-height: 32px;text-indent: 32px;}
.show02 img{display: block;margin: 10px auto;max-width: 910px;}
.show03{padding-top: 17px;border-top: 1px solid #cccccc;}
.show03 p{font-size: 16px;color: #333333;line-height: 32px;}
.show03 p a{color: #333;transition: 0.6s all;}
.show03 p a:hover{color: #1f78c8;transition: 0.6s all;}
.list{min-height:500px}
.sub_li{

}
.sub_sub{
position: absolute;
    left: 124px;
    width: 100%;
    border-top: 0;
    background: #1f78c8;
    top: 15px;
 display:none;
}
@media screen and (max-width: 1500px) {
.head-r{
margin-right: 190px
} 
}
@media screen and (max-width: 1300px) {
.head-r{
margin-right: 130px
} 
}