*{margin: 0; padding: 0;}
li{ list-style:none}
a{color: black; text-decoration: none;}
body{background-image:url(../img/SY04.png) ;font-family: "微软雅黑";}
.container{width:1200px;margin: 0 auto;}
.header{overflow: hidden;}
.header .top{height: 30px; background-color: #f2f2f2;overflow: hidden;}
.header .top p{float:left; line-height: 30px;font-size: 13px;color: #929292;}
.header .top span{float: right;line-height: 30px;font-size: 13px;font-weight:bold;color: #929292;}
.header .top span b{font-size: 16px; color: #058ce4;}
.header .logo{float: left;margin-top: 12px;padding-bottom: 14px;}
.header .nav{float: right;}
.header .nav ul{}
.header .nav li{float: left; margin: 0 14px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li.on a,
.header .nav li:hover a
{border-bottom:2px solid #4db4f8;}
.header .nav li a{display:block;font-size: 15px; color: #878787; font-weight: bold;padding: 38px 0 6px;}
.banner{position: relative;overflow: hidden;height: 241px;}
.banner img{position: absolute;left: 50%;margin-left: -700px;display: block;}
.middle{margin-bottom: 35px;}
.middle .navBar{background-color:#FFFFFF;overflow:hidden;margin-bottom: 35px;}
.middle .navBar li{float: left;padding: 13px 30px;}
.middle .navBar li:hover{background-color:#058ce4;}
.middle .navBar li:hover a{color: #FFFFFF;}
.middle .navBar li a{ display:block;font-size:12px;}
.middle .content{overflow: hidden;}
.middle .content .subNav{float: left; margin-top:40px;}
.middle .content .subNav p{text-align:center;background-image: url(../img/AB02.png);background-repeat: no-repeat;font-size: 16px;width:220px;height: 37px;line-height: 37px;color:#a2a2a2;margin-bottom: 3px;}
.middle .content .subNav p span{font-size: 13px;}
.middle .content .subNav ul{margin-bottom: 32px;}
.middle .content .subNav li{background-image: url(../img/AB03.png);background-repeat: no-repeat;height: 42px;width:220px;cursor: pointer;box-shadow:10px 12px rgba(30, 166, 255, 0.45)}
.middle .content .subNav li a{display:block;padding: 0 33px;line-height: 42px;color: #FFFFFF;font-size: 15px;}
.middle .content .subNav li:hover a{color:#027bca;}
.middle .content .subNav .contact{position:relative;background-image: url(../img/AB04.png);background-repeat: no-repeat;width: 229px;height: 117px;}
.middle .content .subNav .contact b{position:absolute;right:24px;top:41px;font-size: 17px; color: #333333;font-weight: 300;}
.middle .content .subNav .contact span{position:absolute;display: block;font-size: 12px;color: #FFFFFF;background-color:#828282;width: 214px; height: 24px;text-align: center;line-height: 24px;bottom: 0;border-radius:6px;left: 6px;}
.middle .content .article{float: right;width: 933px; margin-top:40px;}
.middle .content .article .breadCrumb{border-bottom:2px solid #1ea6ff;margin-bottom: 22px;}
.middle .content .article .breadCrumb b{font-size: 14px;padding-bottom: 16px;color:#333333;display: block;}
.middle .content .article .breadCrumb a{color:#666 ;font-weight: 100;}
.middle .content .article .breadCrumb span{color:#1ea6ff;font-weight: 100;}
.middle .content .article .list{margin-bottom: 30px;}
.middle .content .article .list li{overflow: hidden;border-bottom: 1px dashed #cccccc;padding-bottom: 22px;margin-bottom: 22px;}
.middle .content .article .list li:last-child{margin-bottom: 0;}
.middle .content .article .list li .img{float: left;border: 1px solid #cccccc;}
.middle .content .article .list li .img img{display: block; width:167px; height:147px;}
.middle .content .article .list li .text{width: 740px;float: right;}
.middle .content .article .list li .text h2{overflow: hidden;}
.middle .content .article .list li .text h2 a{font-size: 16px;color: #666666;float: left;}
.middle .content .article .list li .text h2 span{float: right;font-size: 13px;color:#999999;font-weight: 100;}
.middle .content .article .list li .text p{ margin-top:10px;margin-bottom:20px;}
.middle .content .article .list li .text p a{font-size: 12px; color:#999999;}
.middle .content .article .list li .more a{font-size: 14px; color: #999999;padding: 8px 16px;background-color: #FFFFFF;border: 1px solid #006699;}
.middle .content .article .list li:hover .more a{color:#FFFFFF;background-color: #006699;border: 1px solid #006699;}

.middle .content .article .page{text-align: center;}
.middle .content .article .page li{display: inline-block;background-color:#e5e5e5;border-radius: 10px;margin-left: 6px;}
.middle .content .article .page li a{font-size: 12px; color: #141414;display: block;padding:13px 19px;}
.middle .content .article .page li.on{background-color:#f5302a;border-radius: 10px;}
.middle .content .article .page li.on a{color: #FFFFFF;}
.middle .content .article .page li:hover{background-color:#f5302a;border-radius: 10px;}
.middle .content .article .page li:hover a{color: #FFFFFF;}
.footer{ background-image:url(../img/SY02.png); height:130px; overflow: hidden; font-size: 14px;color: #fff;}
.footer .left{float: left;padding: 22px 0;}
.footer .left p{margin-bottom: 17px;font-size: 14px;}
.footer .right{float: right;width: 532px;overflow: hidden;}
.footer .right .text{font-size: 14px;float: left;padding:42px 0;}
.footer .right .text span{text-align: right;margin-top: 14px;display: block;}
.footer .right .img{float: right;padding: 14px 0;}