﻿
@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: #666;}
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: #666;  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;
}
/* 全局 */
*{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;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content: '';display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;  }
header ,footer { width:100%; margin:0 auto;  }
/*分页样式*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: right; }
.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: #bd1a22;}
.pglist a:hover {display:inline-block;color: #fff;background: #bd1a22;}

/*顶部*/
.msd_top{ height: 35px;  font-size: 14px; line-height: 35px; width: 100%;border-bottom: 1px solid #efefef; color: #939393;position: relative;z-index: 1; background: url(../images/header_top_bg.gif) center;
}
.msd_top .fl{}
.msd_top .fr {width: 50%; position: relative;z-index: 1;text-align: right }
.msd_top .fr a{ font-size: 14px; line-height: 35px;color: #939393;padding: 0 15px;display: inline-block;}
.msd_top .fr span{color: #fff; line-height: 35px; padding: 0 1px;display: inline-block;}
.msd_top .fr .language{padding: 0 15px; background:rgb(189,26,34); line-height: 35px; display: inline-block;color: #fff }

.msd_head{ margin: 0 auto;position: relative; z-index: 2;background:url(../images/head_bg.gif) no-repeat center; height: 142px}
.msd_head .logo{ margin: 35px 0 0}
.msd_head .mid{ font-size: 22px; font-weight: bold; color: #333 ; width: 310px;margin:40px 0 0 20px}
.msd_head .mid strong{ color: #bd1a22; display: block; }

.msd_head .right{ width: 675px }
.msd_head .pho{ margin: 40px 0 0; background: url(../images/pho_ico.png) no-repeat left;padding-left:30px; height: 30px; width: 310px; font-size: 16px; font-weight: bold; text-align: left}
.msd_head .pho i{color: #bd1a22; font-size:24px}


/*nav*/
.nav{ height: 49px; z-index: 2; float: right; margin: 23px 0 0 0; position: relative; }

.nav ul{ text-align:left; display:flex; margin: 0 auto; }
.nav ul li{position: relative;}
.nav ul li:first-child:before{content: ''; background: url(../images/home_ico.png) no-repeat ; width: 20px; height: 25px;display: inline-block; position: relative; left: 18px; top: 8px}

.nav ul>li:first-child{ text-indent: 10px }

.nav ul li:after{content: '|'; font-size: 12px;display: inline-block; color: #fff; position: absolute;right: 0; top: 15px}
.nav li a{ color: #fff; line-height: 49px; display: inline-block; padding: 0 20px; }

.nav li:last-child:after{content: '';display: none}
.nav .cur{background:#9d040c; color: #fff }


/*导航跟随*/
.stick {position:fixed;top:0;left: 0;background: #bd1a22;width: 100%;box-shadow: 3px 3px 3px rgba(0,0,0,.2); z-index: 999;
	margin: 0 auto;
}

/*banner*/
.slideBox{position:relative;display:block;width:100%;height:570px;overflow:hidden; margin-top:-20px; z-index: 1}
.slideBox .bd img{display:block;margin:0 auto;height:570px;}
.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:50px;height: 12px;display:inline-block;margin: 0 3px;cursor:pointer;background: #fff;}
.slideBox .hd ul li.on{background: #bd1a22;}

/*内页benner*/
.mbanner{padding: 175px 0; background-repeat: no-repeat ; background-position: center;}


/*公用TITLE*/
.msd_tit{display: flex; flex-direction:column; position: relative; z-index: 2; margin: 0 auto 30px;align-items: center; text-align: center;}
.msd_tit strong{ font-size: 24px; font-weight: bold; color: #333; padding: 0 30px; position: relative;z-index: 2; display:inline-block;margin: 0 auto;line-height: 40px}
.msd_tit strong:before{content: ''; position: absolute;left: -150px; background: #ccc; height: 1px; width: 150px;top: 18px}
.msd_tit strong:after{content: ''; position: absolute;right: -150px; background: #ccc; height: 1px; width: 150px;top: 18px}
.msd_tit em{font-size: 16px; color: #bd1a22; font-style: normal; font-weight: bold;}

.msd_tit1{display: flex; flex-direction:column; position: relative; z-index: 2; margin: 0 auto 30px;align-items: center; text-align: center;}
.msd_tit1 strong{ font-size: 24px; font-weight: bold; color: #fff; padding: 0 30px; position: relative;z-index: 2; display:inline-block;margin: 0 auto; line-height: 40px}
.msd_tit1 strong:before{content: ''; position: absolute;left: -150px; background: #fff; height: 1px; width: 150px;top: 18px}
.msd_tit1 strong:after{content: ''; position: absolute;right: -150px; background: #fff; height: 1px; width: 150px;top: 18px}
.msd_tit1 em{font-size: 16px; color: #fff; font-style: normal; font-weight: bold;}


/*底部*/
footer{background: #2f2f2f;height: 272px;position: relative;}
.msd_foot{ color: #999}
.msd_foot .left{ width: 490px;padding: 40px 0 0 0}
.msd_foot .left dl{ width: 100%; line-height: 30px }
.msd_foot .left dt{font-weight: bold; color: #9b9b9b;float: left; width: 100px; height: 60px}
.msd_foot .left dt a{color: #9b9b9b;}
.msd_foot .left dd{ float: left}

.msd_foot .left dd a{color: #9b9b9b; font-size: 14px; width: 120px; display: inline-block;}

.msd_foot .mid{ width: 235px; height: 309px; background: url(../images/footer_mid.png); position: relative; text-align: center; font-size: 14px; color: #9b9b9b; z-index: 2}
.msd_foot .mid img{ padding:20px 0 10px}
.msd_foot .mid span{ display: block; line-height: 35px }
.msd_foot .mid .wechat{ width: 112px; border:5px solid #2f2f2f; padding: 0;}

.msd_foot .right{width: 400px; background: url(../images/f_r_bg.png) no-repeat 45px 45px; height: 220px }
.msd_foot .right p{padding: 35px 0 0 75px; font-size: 14px; line-height: 36px}




.msd_bq{ background: #efefef; width:100%; height: 50px;  color: #999; line-height: 50px; text-align: center; font-size:14px; position: relative; z-index: 1}
.msd_bq a{ color: #999 }
.msd_bq .fl{position: absolute; left: 0}
.msd_bq .fr{position: absolute; right: 0}



/*面包削导航*/
.mbx{border-bottom: 1px dashed #efefef; line-height: 40px;font-size: 14px;}
.mbx a{line-height: 40px; color: #666; font-size: 14px;}
.mbx:before{content: ''; background: url(../images/dark-icon2.png) no-repeat 4px 10px;display: inline-block; width: 18px; height: 40px;margin-right:10px; float: left}

/*内页二级导航*/
.navtow{margin: 20px auto}
.navtow a{color: #fff}
.navtow li{ padding: 5px 50px; line-height: 40px; background: #333;display: inline-block; cursor: pointer;}
.navtow li:hover{ background:#bd1a22}
.navtow .on{ background: #bd1a22; color: #fff }



/* 浮动工具 */
.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: #bd1a22;}
.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;}