﻿.slidebanner{min-height: 300px;}
.nbox .hdb{height: 64px;overflow:hidden;}
.nbox .hdb .title{font-size: 22px;color:#134991;line-height: 64px;font-weight: bold;float: left;}
.nbox .hdb .hmore{float:right;}
.nbox .hdb .hmore a{display: block;background: url(../images/more.png) center right no-repeat;float: right;padding-right: 20px;line-height: 70px;color:#0163ae;}
.nbox .hdb .hmore:hover a{text-decoration:underline;}

.plane1 .cons{padding-top:15px;}
.plane1{padding:15px 0 20px;}

.plane2{background: #c5ddf9;padding:15px 0 34px;}
.box3 .n-con{background: #fff;padding:15px 5px;}

.plane3 .col{width: 25%;float: left;}
.plane3 .col .c-pic{position: relative;}
.plane3 .c-pic .mask{position: absolute;}

.plane4{padding:15px 0 20px;}
.plane4 .hdb .title{color:#333333;}



.plane5{padding:50px 0 30px;background: url(../images/plane5.png) bottom center no-repeat;}
.friendlink{}
.friendlink li{width: 20%;float: left;border:1px solid #237cb8;margin-bottom: 10px;padding:12px 0;}
.friendlink li a{text-align: center;color:#fff;font-size:16px;display: block;line-height:  42px;}
.friendlink li span{height: 52px;width: 52px;display: block;margin: 0 auto;border-radius: 50%;}
.friendlink li.link1 span{background:#fff url(../images/link1.png) center no-repeat;}
.friendlink li.link2 span{background:#fff url(../images/link2.png) center no-repeat;}
.friendlink li.link3 span{background:#fff url(../images/link3.png) center no-repeat;}
.friendlink li.link4 span{background:#fff url(../images/link4.png) center no-repeat;}
.friendlink li.link5 span{background:#fff url(../images/link5.png) center no-repeat;}
.friendlink li.link6 span{background:#fff url(../images/link6.png) center no-repeat;}
.friendlink li.link7 span{background:#fff url(../images/link7.png) center no-repeat;}
.friendlink li.link8 span{background:#fff url(../images/link8.png) center no-repeat;}
.friendlink li.link9 span{background:#fff url(../images/link9.png) center no-repeat;}
.friendlink li.link10 span{background:#fff url(../images/link10.png) center no-repeat;}
.friendlink li:hover span{transform:rotate(360deg);transition:0.5s;}

.quicklink,.tlink{border-left: 1px solid #237cb8;}
.quicklink li,.tlink li{float: left;width: 100%;height: 50px;line-height: 50px;}
.quicklink li a,.tlink li a{height: 50px;line-height: 50px;color:#fff;font-size: 16px;text-align: center;display: block;}
.tlink li.weixin,.tlink li.weibo{height: 75px;line-height: 75px;}
.tlink li.weixin a,.tlink li.weibo a{height: 75px;line-height: 75px;}

.tlink li.weixin a{background: url(../images/weixin.png) center no-repeat;}
.tlink li.weibo a{background: url(../images/weibo.png) center no-repeat;}
.plane5 li:hover a{color:#ff9900;}


@media (max-width: 1300px){

}
@media (max-width: 1024px){
    .quicklink li a,.tlink li a{font-size: 12px;}
}
@media (max-width: 992px){
    .plane5{padding:20px 0 10px;}
    .quicklink li{width: 20%;}
    .tlink li{width: 25%;}
}
@media (max-width: 767px){
    .plane5{background:#176fb2 url(../images/plane5.png) bottom center no-repeat;}
    .friendlink li{width: 50%;}
}
