﻿
@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, lengend, 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: #262626;}
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: #262626;  word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 全局 */
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;}
/*清除浮动*/

.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;  }
.auto{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: #221a18;}
.pglist a:hover {display:inline-block;color: #fff;background: #221a18;}
.pglist .curpage{display:inline-block;color: #fff;background: #221a18;}

/*顶部*/
.szfjl_top{border-bottom: 1px solid #dbdbdb;line-height: 40px;height: 40px;overflow: hidden;}
.szfjl_top .fl{font-size: 14px;color: #666666}
.szfjl_top .fr{font-size: 14px;color: #666666;text-align: right}
.szfjl_top .fr a{display: inline-block;padding: 0 20px;}

.szfjl_head{ margin: 0 auto; position: relative; z-index: 5;  height: 140px;}
.szfjl_head .logo{ margin: 28px 0 0}
.szfjl_head .mid{box-sizing: border-box;font-size: 18px;font-weight: bold;color: #f96a1b;border-left: 1px solid #efefef;padding: 20px;margin: 20px 0 0 20px}
.szfjl_head .mid strong{font-size: 24px;display: block;letter-spacing: 0;color: #333333}

.szfjl_head .right{}
.szfjl_head .right .pho{background: url(../images/pho.png) no-repeat left; height: 60px;padding-left: 75px;box-sizing: border-box;padding-top: 5px;margin-top: 40px;margin-left: 70px}
.szfjl_head .right .pho strong{font-family: 'Impact';font-size: 26px;display: block;color: #f96a1b}

.navBar{ position:relative; z-index:2;  color:#fff; height:60px; line-height:60px;border-top: 1px solid #dbdbdb;box-sizing: border-box;background: url(../images/nav_bg.gif) center;}
.nav{margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left;  position:relative;  border-top:0; border-bottom:0;box-sizing: border-box; }
.nav .m:after{content: '';position: absolute;height: 60px;width: 1px;background: #dbdbdb;right: 0}
.nav .m:last-child:after{content: '';width: 0}

.nav h3{ float:left;  font-size:100%; font-weight:normal;height: 60px;overflow: hidden; }
.nav h3 a{ display: inline-block; color:#333;  font-size: 16px ;height:60px; overflow:hidden;  padding:0 40px;  }
.nav h3 a:hover{color:#fff;background: #2097b4;display: inline-block;}
.nav .home{background:url(../images/home.png) no-repeat 10px 23px #2097b4;color: #fff;padding-left: 40px}
.nav .home:hover{background:url(../images/home.png) no-repeat 10px 23px #2097b4;color: #fff;padding-left: 40px}
.nav .sub{ display:none; /*默认隐藏*/ width:500px; padding:20px 20px 40px 20px;   position:absolute; left:0; top:60px; background:rgba(32,151,180,0.9);  border-top:0;border-radius: 0 0 10px 10px}
.nav .sub .list{ width:200px;float: left;text-align: left}
.nav .sub .list dd{display: block;position: relative; height: 50px}
.nav .sub .list dd:before{content: '';width: 15px; height: 2px;background: #fff; left: 0;top: 30px;display: inline-block;position: absolute;}
.nav .sub .list dd a{color: #fff;line-height: 50px;padding-left: 25px;}
.nav .sub dt{ width: 257px;float: right;color: #fff;text-align: left}
.nav .sub dt img{ width:100%;display: block;box-sizing: border-box;border: 2px solid #fff}
/*导航跟随*/
#mainMenuBar {position: absolute;z-index: 9999}

/*banner*/
.slideBox{position:relative;display:block;width:100%;height:610px;overflow:hidden; z-index: 1;}
.slideBox .bd img{display:block;margin:0 auto;height:610px;}
.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: -10px;z-index:1;}
.slideBox .hd ul{text-align:center;margin-top: -25px;}
.slideBox .hd ul li{width:40px;height: 8px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff; border-radius: 8px;}
.slideBox .hd ul li.on{background: #f96a1b;}


/*内页benner*/
.mbanner{padding: 200px 0; background-repeat: no-repeat ; background-position: center;}


/*公用TITLE*/
.szfjl_tit{position: relative;color: #000000;text-align: center;margin: 20px auto}
.szfjl_tit span{color: #666666;font-size: 16px;z-index: 1;text-transform: uppercase;display: block;line-height: 240%}
.szfjl_tit strong{font-size: 28px;color: #333333;display: inline-block;position: relative; }
.szfjl_tit strong em{font-style: normal;color: #ff6a00}
.szfjl_tit strong:before{content: '';width: 50px; height: 2px; background: #dadada;position: absolute;left: 0;margin-left: -60px;top: 20px}
.szfjl_tit strong:after{content: '';width: 50px; height: 2px; background: #dadada;position: absolute;right: 0;margin-right: -60px;top: 20px}


.szfjl_tit_01{position: relative;color: #fff;text-align: center;margin: 20px auto}
.szfjl_tit_01 span{color: #fff;font-size: 16px;z-index: 1;text-transform: uppercase;display: block;line-height: 240%}
.szfjl_tit_01 strong{font-size: 28px;color: #fff;display: inline-block;position: relative; }
.szfjl_tit_01 strong em{font-style: normal;color: #ff6a00}
.szfjl_tit_01 strong:before{content: '';width: 50px; height: 2px; background: #fff;position: absolute;left: 0;margin-left: -60px;top: 20px}
.szfjl_tit_01 strong:after{content: '';width: 50px; height: 2px; background: #fff;position: absolute;right: 0;margin-right: -60px;top: 20px}

.szfjl_tit_02{position: relative;color: #000000;text-align: left;border-top: 3px solid #f96a1b;padding-top: 20px}
.szfjl_tit_02 span{color: #666666;font-size: 16px;z-index: 1;text-transform: uppercase;display: block;line-height: 240%}
.szfjl_tit_02 strong{font-size: 28px;color: #333;display: inline-block;position: relative; }
.szfjl_tit_02 strong em{font-style: normal;color: #ff6a00}



/*底部*/
.szfjl_foot{width:100%; color: #fff;padding: 40px 0;background:#2097b4; box-sizing: border-box;text-align: center;padding: 40px 0}
.szfjl_foot .content{padding: 30px 0}
.szfjl_foot .left{width: 390px;text-align: left;background: url(../images/f_l.png) no-repeat left 8px;padding-left: 40px;box-sizing: border-box;}
.szfjl_foot .left dl{font-size: 16px}
.szfjl_foot .left dd{line-height: 40px;}
.szfjl_foot .left dd span{display: block;padding-left:65px}
.szfjl_foot .mid{width: 500px;text-align: center;}
.szfjl_foot .right{width: 390px;padding: 30px 50px;box-sizing: border-box;font-size: 14px}
.szfjl_foot .right ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.szfjl_foot .right ul li{text-align: center;}
.szfjl_foot .right ul li img{padding: 5px; background: #fff;width: 120px;}
.szfjl_foot .right ul li span{text-align: center;display: block;line-height: 30px}

.szfjl_bq{ width:100%; color: #999999; line-height: 300%; text-align: left; font-size:0.875rem;}
.szfjl_bq .t{font-size: 20px;font-weight: bold;color: #999999}
.szfjl_bq a{ color: #999999;display: inline-block;padding-right: 20px }
.szfjl_bq .left{ width: 50% }
.szfjl_bq .right{ width: 50% }
.szfjl_bq .right a{padding-right: 0}
/*面包削导航*/
.mbx{border-bottom: 1px dashed #efefef; line-height: 50px;font-size: 14px;position: relative;padding-left: 30px; box-sizing: border-box;}
.mbx a{line-height: 50px; color: #666; font-size: 14px;}
.mbx:before{content: ''; background:#2097b4;display: inline-block; width: 20px; height: 3px;position: absolute;left:0; top: 24px}

/*内页二级导航*/
.navtow{margin: 20px auto}

.navtow li{ padding: 5px 50px; line-height: 40px; background: #f5f5f5;display: inline-block; cursor: pointer;}
.navtow li a{ color: #333}
.navtow li:hover{ background:#2097b4;color: #fff}
.navtow li:hover a{color: #fff }

.navtow .on{ background: #2097b4; color: #fff }
.navtow .on a{ background: #2097b4; color: #fff }



/* 浮动工具 */
.c-tools2{position: fixed; z-index: 9999;right: 0;top: 190px;}
.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: #2097b4;}
.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{transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 235px;padding: 0 10px;background: #ff9601;color: #ffffff;text-align: left;padding: 10px;line-height: 35px}
.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;}


/*下一篇、下一篇*/
.sx {
    line-height: 30px;
    overflow: hidden;
    margin: 15px 0px;
    padding: 0 0;
}

.sx span {
    overflow: hidden;
    height: 30px;
    display: block;
    margin: 0 0 10px 0
}

.sx a {
    color: #201618;
}
