@charset "utf-8";
*{margin: 0;padding: 0}
.fl{float: left}
.fr{float: right}
li{list-style: none}
a{color: #333;}
a:hover{text-decoration: none}

header{position: fixed;top: 0;left: 0;overflow: hidden;width: 100%;padding: 20px 0;background-color: #fff;z-index: 99;
/*box-shadow: 0 2px 10px 0 rgba(0,0,0,.1)*/}
.search{margin-top: 2px}
.search .key{width: 85%;height:40px;line-height: 40px;border: none;border: 2px solid #bbb;box-sizing: border-box;
    float: left;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right: none;outline: none;text-indent: 10px;}
.search .btns{width: 15%;height: 40px;background-color: #009fd9;color: #fff;border: none;
    border-top-right-radius:5px;border-bottom-right-radius:5px;}

.nav{overflow: hidden;margin-top: 85px;}
.nav ul li{float: left;font-size: 16px;margin-right: 3%;}
.nav ul li a{color: #555555;border-bottom: 2px solid #fff;line-height: 30px;display: inline-block}
.nav ul li a:hover{color: #000;border-color: #4e6ef2}
.navsj{display: none}


.content{overflow: hidden}
.newsl{padding: 0}
.newsl ul li{border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;}
.newsl ul li h3{font-size: 16px;line-height: 23px}
.newsl ul li h3 a{color: #0000cc;}
.newsl ul li p{line-height: 23px;margin-top: 15px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;
}
.newsl ul li h3 a:hover{text-decoration: underline}

.newsr{padding: 0}
.zxnews{width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 15px;box-sizing: border-box;margin-top: 20px}
.zxnews h2{font-size: 16px;font-weight: bold;margin: 0}
.zxnews ul{margin: 15px 0;}
.zxnews ul li{border-bottom: 1px solid #f3f3f3;overflow: hidden;padding: 8px 0}
.zxnews ul li i{display: inline-block;width: 14px;height: 14px;text-align: center;line-height: 14px;font-style: normal;
background-color: #8eb9f5;font-size: 12px;color: #fff;float: left;margin: 2px 5px 0 0}
.zxnews ul li span{display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}

.zxnews ul li:nth-child(1) i{background-color: #f54545}
.zxnews ul li:nth-child(2) i{background-color: #ff8547}
.zxnews ul li:nth-child(3) i{background-color: #ffac38}

.right{ width:100%; overflow:hidden;margin-top: 20px}
.right .faq{border:1px solid #e5e5e5; margin:15px auto; background:#FFFFFF; padding:0px 20px 10px}
.right h3{ text-align:center; font-size:16px; background:#0F86F3; line-height:40px; color:#FFFFFF}
.right h4{ text-align:center; font-size:16px; line-height:40px; color:#0F86F3;border:1px solid #0F86F3;}

.mess h2{text-align:left; font-size:16px;margin-top: 10px}
.mess span{ color:#F36D00}
.mess .bdxx{overflow: hidden}
.mess{ overflow:hidden;border: 1px solid #e5e5e5;padding: 15px}
.mess dl{margin: 20px 0 0}
.mess label{font-weight: normal;margin-bottom: 0;display: inline-block;float: left;line-height: 28px;}
.mess input{ line-height:28px; font-size:16px; border:1px solid #E5E5E5; width:80%}
.mess a{display: inline-block;text-align:center; font-size:16px; background:#0F86F3; line-height:40px; color:#fff;
width: 100%;margin-top: 25px;}

.page{overflow: hidden;width: 100%;background-color: #f5f5f6;padding: 1.5% 0;margin-top: 3%}
.page a{display: inline-block;width: 36px;height: 36px;line-height: 36px;background-color: #fff;border-radius: 6px;
    text-align: center;color: #3951B3;margin-right: 10px}
.page a.current{background-color: #4e6ef2;color: #fff;}

/*========================================= 翻页 =====================================*/
.page_fanye{overflow: hidden;background-color: #f5f5f6;padding: 1.5% 0;margin-top: 3%;font-size: 0}
.page_fanye a{display: inline-block;height:36px;line-height: 36px;background-color: #fff;border-radius: 6px;font-size: 14px;
    text-align: center;color: #3951B3;margin-right: 10px;padding: 0 15px}
.page_fanye .onpage,.page_fanye a:hover {background-color: #4e6ef2;color: #fff;}
.page_fanye span.current{background-color: #4e6ef2;color: #fff;}
.page_fanye span {display: inline-block;height:36px;line-height: 36px;background-color: #fff;border-radius: 6px;
    text-align: center;color: #3951B3;margin-right: 10px;padding: 0 15px;font-size: 14px;}

/*========================================= 城市 =====================================*/
.header2{border-bottom: 1px solid #ebebeb}
.sitemap{overflow: hidden;margin-top: 95px;}
.sitemap ul{overflow: hidden}
.sitemap ul li {height:30px; line-height:30px; float:left; padding: 0;overflow: hidden}
.sitemap ul li a{display: block}
.sitemap p{margin-top: 30px}

.linkm{padding: 10px 0;background-color: #009fd9;margin-top: 112px;display: none}
.linkm dd{width: 45%}
.linkm dd img{max-width: 100%}
.linkm dt{color: #fff;text-align: center;width: 53%;font-weight: normal}
.linkm dt h3{font-size: 20px;}
.linkm dt p{font-size: 20px;}

.link{background-color: #009fd9;padding: 13px 0;box-sizing: border-box;margin-top: 30px}
.link img{margin-right: 20px}
.link{color: #fff;font-size: 24px}
.link h3{font-size: 30px;margin: 30px 0 20px}

.link_tel{background-color: #009fd9;line-height: 54px;font-size: 20px;color: #fff;display: none}
.link_tels{background: url("../img/tel.png") no-repeat 15px;padding-left: 45px;background-size: 6%}
.link_tels a{color: #fff}

.city_link{padding: 20px 0;background-color: #f5f5f6;margin-top: 30px}
.city_linkl{padding: 0}
.city_linkl dd{font-size: 24px;color: #171717;margin-bottom: 20px}
.city_linkl dd span{color: #009fd9}
.city_linkl dd span a{color: #009fd9}
.city_linkl img{width: 23%;margin-right: 1%}
.city_linkr{padding: 0}
.city_linkr h2{color: #2d2d2d;font-size: 14px;font-weight: bold;margin: 10px 0 15px}
.city_linkr dd{display: flex;justify-content: space-between;flex-wrap: wrap}
.city_linkr span{display: inline-block;/*width: 33.3%;*/line-height: 2}


@media screen and (max-width: 768px) {
    header{padding: 10px 0;}
    .header2{border: none}
    .logo{float: inherit;text-align: center;margin-bottom: 10px}
    .logo img{height: 35px;}
    .nav{margin-top: 102px;}
    .search{padding: 0}
    .search .key{line-height: 35px;height: 35px;width: 80%}
    .search .btns{width: 20%;height: 35px;}
    .nav{display: none}
    .navsj{display: block}
    .sitemap{margin-top:20px;}
    .sitemap p{display: none}
    .sitemap ul li{margin-bottom: 10px}
    .sitemap ul li a{border-radius: 5px;background-color: #f5f5f5;width: 94%;padding-left: 20px}
    .link{display: none}
    .linkm{display: block}
    .link_tel{display: block}
    .city_sitemap{margin-top: 112px}
    .city_link{margin-top: 0}
    .city_linkl dd{margin-bottom: 0}
    .city_linkl img{width: 48%;margin: 2% 2% 0 0}
    .city_linkl dd{font-size: 20px;}
    .city_linkr h2{margin: 15px 0}
}
@media screen and (max-width: 1024px) {
    .newsr{display: none}
}
@media (min-width: 1300px) {
    .container {
        width:1200px
    }
}