@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;}
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; }
.w12{width:1200px;margin:0 auto;}

/*top*/
.logo{}
.top{overflow: hidden;padding: 15px 0;border-top: 2px solid #0061a9;}
.logo{}
.logo img{display: block;}
.search{overflow: hidden;width: 300px;margin-top: 18px;position: relative;}
.search .text{ width: 250px;height: 34px;line-height: 34px;border: 1px solid #d2d2d2;color: #323232;font-size: 14px;color: #666; padding-left: 10px;background: transparent;border-radius: 18px;padding-right:35px;}
.search .btn{position: absolute;right: 12px;top: 10px; width: 17px;height: 16px;background:url(../images/search.png) no-repeat center;border: none;cursor: pointer;}
.nav-box{}
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{position:relative; z-index:1;border-top: 1px solid #0B6DD0;height: 50px;line-height: 50px;background: #044e85;}
.nav{ position:relative; margin:0 auto;  font-family:"微软雅黑"; font-size:18px; }
.nav a{ color:#ffffff;}
.nav h3{ font-size:18px; font-weight:normal;}
.nav .m{ float:left;  position:relative; z-index:1;margin-right: 1px;}
.nav h3 a{ display:block; text-align:center;padding: 0 47px;}
.nav h3 a:hover{background: #0061a9;}
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; top:50px; z-index:1; width:100%; border:1px solid #E6E4E3; border-top:0;  background:#fff;}
.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 #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;}
.nav .sub li a:hover{ color:#044e85;}
/* banner */
.banner{ width:100%;  min-width:1200px;  height:760px;  position:relative; overflow:hidden; background:#fff; }
.banner .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px;  }
.banner .bd li{ width:1200px;  overflow:hidden;position: relative;}
.banner .bd li img{ display:block; width:1200px; height:760px;}
.banner .text{position: absolute;bottom: 0;left: 0;width: 436px;padding: 30px;background: url(images/banner-bg.png);font-size: 26px;line-height: 38px;word-spacing: 2px;}
.banner .text a{color: #fff;}
.banner .tempWrap{ overflow:visible !important }
.banner .tempWrap ul{  margin-left:-1200px !important; /*强制位置*/  }
.banner .hd{ position:absolute; width:1200px; left:50%;margin-left: -600px;  z-index:1; height:23px; bottom:20px; text-align:center;z-index: 99999;overflow: hidden;  }
.banner .hd ul{float: right; padding-right: 70px;box-sizing: border-box;overflow: hidden;}
.banner .hd li{float: left; zoom:1; width:23px; height:23px; line-height:23px;font-size: 16px;font-family: "宋体";color: #fff; overflow:hidden;background: url(../images/banner-d01.png) no-repeat; margin:0 7px; cursor:pointer; }
.banner .hd li.on{background: url(../images/banner-d02.png) no-repeat;width: 57px;color: #0061a9;margin: 0 5px;  }
.banner .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:760px; cursor:pointer;   }
.banner .prev{ left:-50%; margin-left:-600px;  }
.banner .next{ left:50%;  margin-left:600px;  }
.banner .pnBtn .blackBg{ display:block;position:absolute; left:0; top:0; width:100%; height:760px; background:#fff; filter:alpha(opacity=80);opacity:0.8;   }
.banner .pnBtn .arrow{display: block; position:absolute; top:50%;margin-top: -48px; z-index:1; width:49px; height:97px;  }
.banner .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.banner .prev .arrow{ right:10px; background: url(../images/banner-left.png) no-repeat;}
.banner .next .arrow{ left:10px;background: url(../images/banner-right.png) no-repeat; }
/* part1 */
.part1{margin: 35px auto 60px auto;}
.title{border-bottom: 1px solid #b9b9b9;margin-bottom: 30px;}
.title h5{font-size: 28px;color: #044e85;font-family: "宋体";font-weight: bold;float: left;line-height: 50px;}
.title h5 i{font-style: normal;border-bottom: 3px solid #044e85;padding-bottom: 10px;}
.title a{float: right;font-size: 14px;color: #044e85;line-height: 50px;transition: 0.6s all;}
.title a:hover{color: #666;padding-right: 10px;transition: 0.6s all;}
.part1-t{height: 448px;margin-bottom: 48px;}
.part1-t-l{width: 835px;}


/* 本例子css */
.part1-t-l .left{ width: 420px;overflow:hidden; position:relative;}
.part1-t-l .left .hd{display: none;}
.part1-t-l .left .bd{ position:relative; height:100%; z-index:0;}
.part1-t-l .left .bd li{ zoom:1; vertical-align:middle; }
.part1-t-l .left .bd li a{display: block;overflow: hidden;}
.part1-t-l .left .pic{width: 420px;height: 285px;overflow: hidden;}
.part1-t-l .left .pic img{display: block;width: 420px;height: 285px;transition: 0.6s all;}
.part1-t-l .left .text{margin-top: 10px;}
.part1-t-l .left .text p{font-size: 16px;color: #333333;line-height: 26px;height: 52px;overflow: hidden;margin-bottom: 5px;transition: 0.6s all;}
.part1-t-l .left .text i{font-size: 14px;color: #999999;font-style: normal;display: table;}
.part1-t-l .left .text i::after{content: ""; width: 328px;height: 1px;background: #d9d9d9 url(../images/part1-15.png) no-repeat;background-position-x: -328px;  display: block;float: right;margin-left: 20px;margin-top: -9px;transition: 0.6s all;}
.part1-t-l .left:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.part1-t-l .left:hover .text p{color: #044e85;transition: 0.6s all;}
.part1-t-l .left:hover .text i::after{background-position-x: 0; transition: 0.6s all;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.part1-t-l .left .prev,
.part1-t-l .left .next{ position:absolute; left:0; top:50%; margin-top:-65px; display:block; width:32px; height:60px;}
.part1-t-l .left .prev{background: url(../images/banner-left.png) no-repeat;background-size: 100% 100%;}
.part1-t-l .left .next{ left:auto; right:0; background: url(../images/banner-right.png) no-repeat;background-size: 100% 100%; }
.part1-t-l .left .prev:hover,
.part1-t-l .left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.part1-t-l .left .prevStop{ display:none;  }
.part1-t-l .left .nextStop{ display:none;  }

.part1-t-l .right{width: 385px;}
.part1-t-l .right ul{margin-bottom: -26px;}
.part1-t-l .right li{margin-bottom: 26px;}
.part1-t-l .right li a{display: block;overflow: hidden;position: relative;}
.part1-t-l .right li .time{float: left;position: relative;width: 60px;height: 72px;padding: 0 5px; background: url(../images/part1-02.png) no-repeat center;transition: 0.6s all;}
.part1-t-l .right li .time .day{font-size: 18px;color: #333333;text-align: right;font-family: "宋体";font-weight: 700;margin-top: 12px;transition: 0.6s all;}
.part1-t-l .right li .time .year{font-size: 14px;color: #a6a6a6;font-family: "宋体";text-align: right;margin-top: 2px;font-weight: 600;transition: 0.6s all;}
.part1-t-l .right li p{margin-left: 90px;font-size: 16px;line-height: 26px;color: #000000;height: 52px;overflow: hidden;padding-bottom: 14px;border-bottom: 1px solid #d9d9d9;background: url(../images/part1-15.png) no-repeat bottom;background-position-x: -328px;transition: 0.6s all;}
.part1-t-l .right li:hover .time{background: url(../images/part1-02-on.png) no-repeat center;transition: 0.6s all;}
.part1-t-l .right li:hover .time .day{color: #fff;transition: 0.6s all;}
.part1-t-l .right li:hover .time .year{color: #6895b6;transition: 0.6s all;}
.part1-t-l .right li:hover p{color: #044e85;background-position-x: 0;transition: 0.6s all;}



/* 平台登陆 */
.part1-t-r{width: 325px;}
.part1-t-r ul{overflow: hidden;margin-right: -5px;margin-bottom: -5px;}
.part1-t-r li{float: left;width: 160px;height: 116px;margin-right: 5px;margin-bottom: 5px;background: #ebebeb;transition: 0.6s all;}
.part1-t-r li a{display: block;padding:0 10px;}
.part1-t-r li .pic{display: block;margin: 15px auto;width: 47px;height: 47px;border-radius: 50%;}
.part1-t-r li .pic img{display: block;width: 47px;height: 47px;border-radius: 50%;}
.part1-t-r li p{font-size: 16px;color: #333333;text-align: center;transition: 0.6s all;}
.part1-t-r li:hover{background: #044e85;transition: 0.6s all;}
.part1-t-r li:hover p{color: #fff;transition: 0.6s all;}
.part1-t-r li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-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) }
}
/* links */
.part1-b ul{overflow: hidden;margin-right: -30px;}
.part1-b li{float: left;width: 380px;height: 83px;margin-right: 30px;overflow: hidden;}
.part1-b li a{display: block;width: 380px;height: 83px;overflow: hidden;background: url(../images/part1-09.png) no-repeat center;transition: 0.6s all;}
.part1-b li+li a{background: url(../images/part1-11.png) no-repeat center;}
.part1-b li+li+li a{background: url(../images/part1-13.png) no-repeat center;}
.part1-b li p{display: table;margin: 0 auto; height: 83px;line-height: 83px;padding-left: 56px;text-align: center;font-size: 22px;color: #fff;background: url(../images/part1-10.png) no-repeat left center;}
.part1-b li+li p {
    background: url(../images/part1-12.png) no-repeat left center;
}
.part1-b li+li+li p{background: url(../images/part1-14.png) no-repeat left center;}
.part1-b li:hover a{transition: 0.6s all;transform: scale(1.1);}
/* part2 */
.part2
.part2-l{width: 460px;height: 201px;}
.part2-l li{margin-bottom: 16px;}
.part2-l li a{display: block;overflow: hidden; line-height: 18px;}
.part2-l li i{font-style: normal; float: left; font-size: 12px;color: #808080;}
.part2-l li p{color: #343434;font-size: 16px;transition: 0.6s all;float: left;margin-left: 14px;}
.part2-l li p i{font-size: 14px;color: #808080;font-style: normal;margin-right: 16px;transition: 0.6s all;}
.part2-l li:hover p{color: #044e85;transition: 0.6s all;}
.part2-l li:hover p i{margin-right: 26px;transition: 0.6s all;}
.part2-l li p:hover{color: #044e85;transition: 0.6s all;margin-left: 20px;}



/* part3 */
.part3{margin:30px 0;}
.part3-l{width: 460px;height:201px;}
.part3-l .pic{width: 580px;height: 148px;overflow: hidden;margin-bottom: 30px;}
.part3-l .pic img{display: block;width: 580px;height: 148px;}
.part3-l ul{margin-bottom: -16px;}
.part3-l li{margin-bottom: 16px;}
.part3-l li a{display: block;overflow: hidden;line-height: 18px;}
.part3-l li p{color: #343434;font-size: 16px;transition: 0.6s all;float: left;padding-left: 14px;background: url(../images/part3-03.png) no-repeat left center;}
.part3-l li i{font-style: normal;float: right;font-size: 12px;color: #808080;}
.part3-l li p:hover{color: #044e85;transition: 0.6s all;padding-left: 20px;}
/* footer */
.footer{background: #044e85;padding: 20px 0;}
.footer p{font-size: 14px;line-height: 30px;color: #fff;text-align: center;}
/* list */
.list-banner{height: 304px;position: relative;overflow: hidden;}
.list-banner img{display: block;width: 1920px;height: 304px;margin: 0 auto;}
.list-box{margin: 45px auto 70px auto;}
.list-nav{width: 250px;}
.list-nav h5{height: 80px;line-height: 80px;background: #11578b;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(../images/list-nav01.png) no-repeat 20px center;transition: 0.6s all;}
.list-nav li:hover a{background: #0061a9 url(../images/list-nav01-on.png) no-repeat 20px center;color: #fff;transition: 0.6s all;}
.list-nav li.on a{background: #0061a9 url(../images/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 #0750a5;padding-left: 17px;font-size: 14px;color: #999999;}
.position p a{color: #999999;transition: 0.6s all;}
.position p a:hover{color: #044e85;transition: 0.6s all;}
.list ul{margin-bottom: 47px;}
.list li{margin-bottom: 28px;transition: 0.6s all;}
.list li a{display: block;overflow: hidden;background-color: #fcfcfc;border-top: 2px solid #0061a9;padding: 30px;position: relative;}
.list li .text{width: 740px;float: left;}
.list li .text h5{font-size: 16px;color: #333333;margin-bottom: 18px;transition: 0.6s all;}
.list li .text p{font-size: 14px;color: #999999;line-height: 24px;margin-bottom: 20px;}
.list li .text i{display: block; font-style: normal;width: 100px;height: 30px;line-height: 30px;border: 1px solid #0061a9;font-size: 12px;color: #0061a9;text-align: center;transition: 0.6s all;}
.list li .time{float: right;width: 86px;height: 85px;background: url(../images/list01.png) no-repeat center;margin-top: 16px;}
.list li .time .day{font-size: 30px;color: #0061a9;text-align: center;font-family: "times new roman";margin-top: 20px;}
.list li .time .year{font-size: 14px;color: #999999;text-align: center;font-family: "times new roman";margin-top: 10px;}
.list li:hover{box-shadow: 0px 1px 31.36px 0.64px rgba(0, 0, 0, 0.17);transition: 0.6s all;}
.list li:hover .text h5{color: #0061a9;transition: 0.6s all;}
.list li:hover .text i{background: #0061a9;color: #fff;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: #0061a9;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 !important;color: #666666;line-height: 32px !important;text-indent: 32px;}
.show02 img{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: #0061a9;transition: 0.6s all;}

.phone{margin-bottom: 30px;}
.phone h5{height: 60px;
    line-height: 60px;
    background: #044e85;
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.phone ul{background: #fafafa;
    padding: 0 16px;}
.phone li{height: 68px;
    line-height: 68px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    color: #000;}

.links01{position: relative;
    margin-bottom: 16px;}
.links01 h5{    cursor: pointer;
    background: #fafafa;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    color: #666666;
    padding: 0 15px;
    font-weight: normal;
    background: url(../images/links01.png) no-repeat 180px center;}
.links01 ul{transition: 0.6s all;
    display: none;
    position: absolute;
    top: -220px;
    background: #f8f8f8;
    padding: 15px;
    width: calc(100% - 30px);
    z-index: 9999;
    height: 190px;
    max-height: 190px;
    overflow-y: scroll;}
.links01 li a{display: block;
    height: 48px;
    line-height: 18px;
    font-size: 14px;
    color: #999999;
    transition: 0.6s all;}

.links01:hover h5{cursor: pointer;}
.links01:hover ul{display: block;transition: 0.6s all;}
.links01 li a:hover{color: #044e85;transition: 0.6s all;}


.yqlj h6{    height: 60px;
    line-height: 60px;
    background: #044e85;
    font-size: 24px;
    color: #fff;
    text-align: center;
}