/*样式包含 头尾、banner、主体第一行等公共样式*/
@charset "utf-8";
/*全局样式控制*/
*{margin:0;padding:0;}
ul,li{list-style:none;}
img{border:0;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none !important;}
a:focus{outline:none;}
table{border-collapse:collapse;}
.clear{clear:both;}
.left{float: left;}
.right{float: right;}
button{outline: 0;border: none;}
.fl{float: left;}
.fr{float: right;}

/*页面最外层div控制*/
body{font-size: 16px;color: #666;}
.wrapper{width:100%;float:left;font-family:"Microsoft YaHei";overflow:hidden;background: url(bj.png) no-repeat; }
.page-con{max-width: 1200px; width: 100%;margin: 0 auto;}

/*头部*/
.top{width:100%;height:40px;color:#fff;line-height:40px}
.top span{float:left}
.top ul{float:right}
.top ul li{float:left;width:100px}
.top ul li a{color:#fff;float:left;font-size:15px}
.top ul li a i{width:24px;height:40px;float:left;margin-right:10px}
.top ul li a i.email{background:url(email.png) no-repeat 0 7px}
.top ul li a i.oaxt{background:url(oaxt.png) no-repeat 0 7px}
.logo{width:100%;height:170px}
.logo a{float:left;margin-top:53px}
.logo .search{float:right;margin-top:84px;width:295px;height:40px;line-height:40px}
.logo .search #search-k{float:left;width:245px;color:#88a2c0;background-color:#f2f9fc;padding:0 13px;height:40px;border:0;font-size:15px}
.logo .search #search-a{float:left;width:50px;height:40px;line-height:40px;border:0;background:url(search.png) no-repeat 16px 10px #3e76b7}
.phone_menu,.phone-search{display: none;}

/*导航*/
.nav{height:50px;width: 100%;}
.nav .page-con{background:#f7fafd;display: flex;border-bottom: 3px solid #4683ca;}
.nav .page-con>ul>li{float:left;position:relative;height:50px;line-height:50px;}
.nav .page-con>ul>li>a{float: left; color:#333333;font-size: 21px;padding:  0 33px;}
.nav .page-con>ul>li:hover{background-color:#3279ca;}
.nav .page-con>ul>li:hover>a{color: #fff;}
.nav ul{z-index:100}
.nav .page-con li ul{width:100%;position:absolute;top:50px;left: 0;background-color:#fdfdfd;display:none;}
.nav .page-con .nav2 li{width:100%;height:50px;float:left;line-height:50px;text-align:center;}
.nav .page-con li ul a{width:100%;float: left;color:#666666;font-size: 16px;}
.nav .page-con li ul li:hover{background-color:#3279ca;color:#FFFFFF;}
.nav .page-con li ul li:hover a{color:#FFFFFF;}

/* 底部 */
.footer{float: left; width: 100%;height: 217px;background-color: #3279ca;}
.footer .footer-top{margin-top: 33px;position: relative;float: left;}
.footer .footer-top>ul>li{float: left; width: 291px;height: 38px;line-height: 38px;background: url(footer-link-bj.png) no-repeat;margin-right: 12px;padding-left: 15px;}
.footer .footer-top>ul>li:last-child{margin-right: 0;}
.footer .footer-top>ul>li>span{color: #fff;font-size: 16px;}
.footer .footer-top .link2 .link1{display: none;position: absolute;bottom: 38px;left: 0; z-index: 10;background-color: #fff;width: 100%;border: 2px solid #e3e3e3;padding: 20px;overflow-y: auto;height: 280px;border-bottom: 0;}
.footer .footer-top .link2 .link1 ul li{float: left;min-width: 33.33%;margin-top: 15px;line-height: 24px;}
.footer .footer-top .link2 .link1 ul li a{float: left;color: #666;padding-left: 13px;background: url(pic_02.jpg) no-repeat 0 7px;}
.footer .footer-bottom{float: left;margin-top: 43px;color: #fff;width: 100%;}
.footer .footer-bottom .footer-bottom-left{float: left;}
.footer .footer-bottom .footer-bottom-left dl dd{float: left;margin: 0 24px;}
.footer .footer-bottom .footer-bottom-left dl dt{float: left;margin-top: 8px;line-height: 23px;}
.footer .footer-bottom .bottom-sx{width: 1px;height: 66px; float: left;background: url(bottom-sx.png) no-repeat;margin: 0 70px;}
.footer .footer-bottom .footer-bottom-center{float: left;line-height: 31px;}
.footer .footer-bottom .footer-bottom-center a{color: #fff;}
.footer .footer-bottom .footer-bottom-right{float: left;}
.footer .footer-bottom .footer-bottom-right p{padding-left: 29px;line-height: 35px;}
.footer .footer-bottom .footer-bottom-right p.bottom-gywm{background: url(bottom-gywm.png)  no-repeat 0 7px;}
.footer .footer-bottom .footer-bottom-right p.bottom-lxwm{background: url(bottom-lxwm.png)  no-repeat 0 7px;}
.footer .footer-bottom .footer-bottom-right p a{color: #fff;}


/**********************************响应式区域**********************************/

@media screen and (max-width:768px){
    .top{padding-left: 0.1rem;}
    .search,.top-1{display: none;}
    .logo{width: 70%;height: 1.5rem;float: left;    padding-left: 0.1rem;}
    .logo a img{width: 100%;}
    .top span{font-size: 0.2rem;}
    .logo a{margin-top: 0.45rem;}
    .phone_menu{display: block;width: 0.5rem;height: 0.5rem;float: right;background: url(phone_menu.png) no-repeat;background-size: 0.5rem; margin: 0.35rem 0.3rem 0 0;}
    .phone-search{display: block;width: 0.45rem;height: 0.45rem;background: url(phone-search.png) no-repeat;background-size: 0.45rem; float: right;margin: 0.4rem 0.3rem 0 0;}
    .phone-search a{width: 100%;height: 100%;float: left;}
    .nav{display: none; float: left;height: auto; overflow: hidden;position: absolute;z-index: 100; background: #fff;margin-top: 1.5rem;}
    .nav ul{padding: 0 0.3rem;background-color: #fff;}
    .nav .page-con>ul>li{width: 100%;position: static;line-height: 0.3rem;height: auto;line-height: initial;}
    .nav .page-con li ul{display: block;position: static;float: left;}
    .nav .page-con .nav2 li{float: left;width: auto;margin-right: 0.25rem;padding: 0 0.3rem;}
    .nav .page-con>ul>li>a{width: 100%;font-size: 0.23rem;line-height: 0.5rem;padding: 0;font-weight: bold;color: #666;}
    .nav .page-con li ul a{font-size: 0.2rem;color: #2489CE;}
    .footer .footer-bottom .footer-bottom-center{width: 100%; display: block;text-align: center;}
    .footer{height: 3.1rem;}
    .nav .page-con li ul li:hover{background-color:#fff;color:#2489CE;}
    .nav .page-con li ul li:hover a{color:#2489CE;}
    .nav .page-con>ul>li:hover{background-color:#fff;}
    .nav .page-con>ul>li:hover>a{color: #666;}
    .main .content1 .tabBox1{height: auto;}
    .footer .footer-bottom .bottom-sx,.footer .footer-bottom .footer-bottom-left,.footer .footer-bottom .footer-bottom-right{display: none;}
    .footer .footer-bottom .footer-bottom-center,.footer .footer-bottom .footer-bottom-right p a,.footer .footer-top>ul>li>span{font-size: 0.2rem;}
    .footer .footer-top,.footer .footer-top .link2 .link1 ul li{width: 100%;}
    .footer .footer-top>ul>li{width: 45%;    margin: 0.1rem 2.5%;background-size: 100%;position: relative;}
}