﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #222;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #15191c; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none;color: #0680ca;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */}

*::-webkit-input-placeholder {
    color: #c4c4c5;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #c4c4c5;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #c4c4c5;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #c4c4c5;
}
body{overflow: hidden;}
/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}
/* 全局 */
*{transition:background-color ease .3s;-moz-transition:background-color ease .3s;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s}
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-align:justify;text-justify:inter-ideograph;}
/* 浏览器滚动轴修改 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0;}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/* 常用字体大小 */
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f39{font-size: 39px;}
/* 行高 */
.lh1{line-height: 1;} 
.lh15{line-height: 1.5;} 
.lh2{line-height: 2;} 
.lh25{line-height: 2.5;} 
.lh3{line-height: 3;} 
.lh4{line-height: 4;} 
/* 加粗 */
.fw{font-weight: bold;}
/*清除浮动*/
.clearfix:before,.clearfix:after{content: '';display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
/* -- 页面整体布局 -- */
.content{ width:1280px; margin:0 auto;  }
.header ,.footer {width:100%; margin:0 auto;  }
/*分页样式*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: center; }
.pglist a {color: #333333;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #dcdcdc;font-size: 14px;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;border-radius: 2px;-webkit-border-radius: 2px;}
.pglist .hover {display:inline-block;color: #fff;background: #0e6eb8;}
.pglist a:hover {display:inline-block;color: #fff;background: #0e6eb8;}
.pglist .curpage{background: #0e6eb8;color: #fff;}
/*顶部*/
.xzw_top{background: #333333; color: #fff;line-height: 30px;}
.xzw_top .fr{background: url(../icon/icon_tel.png) no-repeat 0 6px;padding-left: 30px;}
.xzw_head{ margin: 0 auto;  z-index: 2;height: 105px;}
.xzw_head .logo{ margin: 18px 0}
.xzw_head .logo img{width: 270px;height: 63px;}
.xzw_head .mid{ font-size: 18px; color: #333 ;margin: 35px 0 0 5px;border-left: 1px solid #a0a0a0;padding-left: 40px;padding-top: 30px;background: url(../images/top01.png) no-repeat 5px bottom;}
.xzw_head .right{display: flex;flex-wrap: nowrap;justify-content: flex-end;padding-top: 36px;}
.xzw_head .right dl{background: url(../images/top02.png) no-repeat;padding-left: 55px;height: 56px;margin-left: 30px;color: #a0a0a0;}
.xzw_head .right dl:nth-child(2){background: url(../images/top03.png)  no-repeat;}
.xzw_head .right dl:nth-child(3){background: url(../images/top04.png)  no-repeat;}

/*nav*/
.nav{ z-index: 2; width:100%; position: relative;}
.nav ul{ text-align:center; display:flex; margin: 0 auto; justify-content:flex-start;}
.nav li{position: relative;}
.nav li a{ color: #333; display: inline-block; font-size: 16px;  line-height: 50px;padding: 0 25.15px;position: relative;}
.nav li a:after{content: '/'; position: absolute;right: 0;color: #d9d9d9;}
.nav li:last-child a::after{content: '';}
.nav li a:hover{color: #576fea; }
.nav .cur{color: #576fea;}
/*导航跟随*/
.stick {position:fixed;top:0;left: 0;width: 100%;box-shadow: 3px 3px 3px rgba(0,0,0,.2); z-index: 999; }

/*banner*/
.slideBox{position:relative;display:block;width:100%;overflow:hidden; z-index: 1;}
.slideBox .bd img{display:block;margin:0 auto;}
.slideBox .prev{display:none;position:absolute;padding:0;left: 50%;margin-left: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url(../images/next_bg_09.png) no-repeat left center;background-position: 0 0;}
.slideBox .next{display:none;position:absolute;padding:0;right: 50%;margin-right: -595px;top: 60%;margin-top: -73px;width: 38px;height: 73px;background: url(../images/next_bg_09.png) no-repeat left center;background-position: right center;}
.slideBox .hd{position:relative;top: -20px;z-index:1;}
.slideBox .hd ul{text-align:center;margin-top: -25px;}
.slideBox .hd ul li{width:50px;height: 8px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff;border-radius: 10px}
.slideBox .hd ul li.on{background: #0680ca;}

/*内页benner*/

.banner {overflow: hidden;line-height: 0;text-align: center;position: relative;}
.banner .catname {position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;color: #fff;}


.banner .catname h2 {font-size: 36px;color: #fff;text-transform: uppercase;line-height: 1;}

.banner .catname h3 {font-size: 30px;line-height: 1.5;font-weight: normal;color: #fff;display: inline-block;padding: 0 20px;position: relative;}
.banner .catname h3::after{content: '';width: 40px;height: 1px;background-color: #fff;position: absolute;right: 0;top: 50%;margin-right: -40px;}

.banner .catname h3::before {content: '';width: 40px;height: 1px;background-color: #fff;position: absolute;left: 0;top: 50%;margin-left: -40px;}
.banner img {visibility: hidden;}

.banner img.show {visibility: visible;}


/*公用TITLE*/
.xzw_tit{text-align: center;padding: 10px 0 30px;position: relative;margin: 0 auto 10px;}
.xzw_tit b{color: #333333;position: relative;padding: 0 20px;letter-spacing: 2px; z-index: 2;font-size: 36px;font-weight: normal;}
.xzw_tit b::before{content: ''; width:20%;border: 1px solid #919191;position: absolute;left: 0%;transform: translateY(-50%); height: 0;top: 50%;z-index: -1;margin-left: -60px;}
.xzw_tit b::after{content: ''; width:20%;border: 1px solid #919191;position: absolute;right: 0%;transform: translateY(-50%); height: 0;top: 50%;z-index: -1;margin-right: -60px;}
.xzw_tit span{display: block;font-weight: lighter; font-size: 16px;}


.xzw_tit_adv{text-align: center;padding: 10px 0 30px;position: relative;margin: 30px auto 10px;}
.xzw_tit_adv i{color: #ff7709;font-style: normal;}
.xzw_tit_adv b{color: #fff;position: relative;padding: 0 20px;letter-spacing: 2px; z-index: 2;}
.xzw_tit_adv b::before{content: ''; width:454px;background: url(../images/adv_t_bg.png);position: absolute;left: 50%;transform: translateX(-50%); height: 42px;top: -10px;z-index: -1;}
.xzw_tit_adv span{display: block;font-weight: lighter;}
.xzw_tit_adv::after{content: '';width: 0;height: 0;border: 10px solid;border-color:#ff7709 transparent transparent;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

/* 内页tit */
.m_tit{color: #36373b;text-align: center;padding: 10px 0 30px;position: relative;}
.m_tit b {position: relative;display: block;}
.m_tit b span{background: #fff;padding: 0 40px;display: inline-block; z-index: 1;position: relative;}
.m_tit b i:first-child::before{content: '';width: 10px; height: 10px;border: 1px solid #c7cdcb;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%) rotate(45deg); z-index: 2;background-color: #fff;right: 50%;margin-right:90px;}
.m_tit b i:last-child::before{content: '';width: 10px; height: 10px;border: 1px solid #c7cdcb;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%) rotate(45deg); z-index: 2;background-color: #fff;left: 50%;margin-left:90px;}
.m_tit b i:first-child::after{content: '';width: 50%; height: 1px; background: #c7cdcb;display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%); z-index: 0;}
.m_tit b i:last-child:after{content: '';width: 50%; height: 1px; background: #c7cdcb;display: inline-block;position: absolute;right: 0;top: 50%;transform: translateY(-50%); z-index: 0;}
.m_tit span{display: block;}

.m_tit01{text-align: left;font-size: 20px;position: relative;padding-bottom: 10px;padding-top:30px;}
.m_tit01 span{text-align: left;font-size: 24px;display: block;}
.m_tit01::after{content: ''; width: 50px; height: 1px;background: #000;position: absolute;left: 0;bottom: 0;}


/* 内页tit */
.tit_m {position: relative;}
.tit_m h3 {text-align: center;font-weight: normal;margin-bottom: 30px;padding-top: 35px;}
.tit_m h3 span {display: block;font-size: 38px;color: #000;padding-bottom: 14px;}
.tit_m h3 em {font-size: 14px;color: #b4b4b4;position: relative;padding: 0 18px;font-style: normal;text-transform: uppercase;}
.tit_m h3 em:before {position: absolute;width: 52px;height: 1px;background: #999;content: "";top: 8px;left: -52px;}
.tit_m h3 em:after {position: absolute;width: 52px;height: 1px;background: #999;content: "";top: 8px;right: -52px;}
/* more */
.more{padding: 8px 30px; background: #576fea;color: #fff;margin: 0 10px;}
.more01{padding: 12px 50px; background: #576fea; color: #fff;margin: 0 10px;border-radius: 30px;}
.more01:hover{padding: 12px 50px; background: #576fea; color: #fff;margin: 0 10px;border-radius: 30px;}
.more02{padding: 8px 30px;  color: #333;margin: 0 10px;border: 1px solid #efefef;}
.more:hover{padding: 8px 30px; background: #576fea;color: #fff;margin: 0 10px;}
.more02:hover{padding: 8px 30px;  color: #333;margin: 0 10px;border: 1px solid #efefef;}

/*底部*/
.xzw_foot{background:#fff;  width:100%;padding-top: 60px;  box-sizing: border-box;border-top: 3px solid #576fea;}
.xzw_foot .fl{ width: 30%;margin-bottom: 40px;box-sizing: border-box;position: relative;}
.xzw_foot .fl .logo_bottom{width: 100%;background-color: #fff;text-align: left;position: relative;}
.xzw_foot .fl .logo_bottom img{}
.xzw_foot .fl dl{}
.xzw_foot .fl dt{font-size: 26px; width: 100%; line-height: 2.5;}
.xzw_foot .fl dd{font-size: 15px;line-height: 3;text-align: left;padding-left: 30px;}
.xzw_foot .fl dd.add{background: url(../icon/add.png) no-repeat left 15px;}
.xzw_foot .fl dd.fax{background: url(../icon/fax.png) no-repeat left 15px;}
.xzw_foot .fl dd.tel{background: url(../icon/tel.png) no-repeat left 15px;}
.xzw_foot .fl dd.email{background: url(../icon/email.png) no-repeat left 15px;}
.xzw_foot .fl dd.phone{background: url(../icon/phone.png) no-repeat left 15px;}

.xzw_foot .fr{ box-sizing: border-box; width: 70%;display: flex;flex-wrap: nowrap;justify-content: flex-end;}
.xzw_foot .fr dl{text-align: left;padding: 0 30px;border-left: 1px solid #cccccc;margin-left: 40px;box-sizing: border-box;min-height: 360px;}
.xzw_foot .fr dl:nth-child(1){width: 25%;}
.xzw_foot .fr dl:nth-child(2){width: 50%;}
.xzw_foot .fr dl:nth-child(2) dd{width: 50%;float: left;}
.xzw_foot .fr dl:nth-child(3){width: 25%;}
.xzw_foot .fr dt a{color: #333;font-weight: bold;line-height: 2.5;}
.xzw_foot .fr dd a{color: #666666;font-size: 15px;line-height: 2.5;}
.xzw_copyright{ width:100%; color: #c9cbcd; line-height: 50px; text-align: center; font-size:14px;background-color: #333333;}
.xzw_copyright a{ color: #c9cbcd }

/*面包削导航*/
.mbx{border-bottom: 1px solid #c7cdcb; line-height: 40px;font-size: 14px;position: relative;padding-left: 10px;margin-top: 10px;box-sizing: border-box;}
.mbx a{line-height: 40px; color: #36373b; font-size: 14px;}
.mbx:before{content: '';;display: inline-block;width: 7px; height: 18px;background: #576fea;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


/* 浮动工具 */
.c-tools {position: fixed;z-index: 9999;text-align: center;right: 0;bottom: 50%;margin-bottom: -144px;}
.c-tools ul li {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;position: relative;width: 62px;height: 62px;margin: 1px;background: #333 url(../images/tools-ico.png) no-repeat;}
.c-tools ul li:hover {background-color: #0e6eb8;}
.c-tools ul li span {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 135px;padding: 0 10px;background: #ff9601;color: #ffffff;}
.c-tools ul li .ewmPic {width: 168px;}
.c-tools ul li .ewmPic img {display: block;margin-top: 10px;padding-bottom: 10px;width: 168px;height: 168px;}
.c-tools ul .tel-ico {background-position: center -22px;}
.c-tools ul .tel-ico span{ height:62px; line-height:62px}
.c-tools ul .ewm-ico {background-position: center 21px;}
.c-tools ul .qq-ico {background-position: center -69px;}
.c-tools ul .top-ico {background-position: center -115px;}
/* 图片放大 */
.img {transition: 0.3s all;overflow: hidden;}
.img:hover {transform: scale(1.05);overflow: hidden;}

/* 推荐资讯 */
.tuijian{}
.tuijian .t{color: #6b6c70;text-transform: uppercase; font-weight: lighter;border-bottom: 1px solid #c7cdcb;padding-bottom: 10px;margin-bottom: 10px;}
.tuijian .t span{color: #576fea;margin-right: 5px;}
.tuijian ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tuijian .item{width: 48%;color: #6b6c70;}
.tuijian .item .l{width: 70%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; float: left; color: #6b6c70;}
.tuijian .item .l a{ color: #6b6c70;}
.tuijian .item .date{width: 30%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; float: right;color: #6b6c70;text-align: right;}

/* navtow */
.navtow {padding: 30px 0;}
.navtow ul{display: flex;flex-wrap: nowrap; justify-content: space-around;}
.navtow li{width: 100%;text-align: center;}
.navtow li{background: #e9eceb;line-height: 50px; margin-right: 5px;cursor: pointer;display: inline-block;}
.navtow li:hover{background: #576fea; color: #fff;position: relative;}
.navtow li:hover::after{content: '';width: 0;height: 0;border:8px solid;border-color:#576fea transparent transparent;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);}
.navtow li:hover a{color: #fff;position: relative;display: block;width: 100%;}
.navtow li.on{background: #576fea; color: #fff;position: relative;}
.navtow li.on::after{content: '';width: 0;height: 0;border:8px solid;border-color:#576fea transparent transparent;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);}
.navtow li.on a {color: #fff;position: relative;display: block;width: 100%;}

/* search */
.search_list dl{border-bottom: 1px solid #c7cdcb;padding: 20px 0 10px;position: relative;}
.search_list dl .pic{width: 180px; height: 135px;float: left;overflow: hidden;}
.search_list dl .pic img{width: 180px; height: 135px;}
.search_list dl .list{width: 980px;float: right;}    
.search_list dl .list dt{line-height: 2;font-size: 18px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search_list dl .list dd{line-height: 2;font-size: 16px;color: #36373b;}
.search_list dl .list .m{position: absolute;right: 0;bottom:20px;background: #9a9c99;padding: 5px 20px;color: #fff;}
.search_list dl:hover .m{background: #576fea;}
.search_list dl:hover dt a{color: #576fea;}
