﻿@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: Arial, Verdana, Helvetica, sans-serif;color: #262626;font-size: 14px;}
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;}
/*基础*/
.print{color: #fff;padding: 0 20px;background: #666;line-height: 30px;display: inline-block;margin-top: 10px;display: none}
.content-tag a{color: #666; padding: 4px 8px;  margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;}
.content-tag a:hover{background: #c00000; color: #fff;}
/*设置浮动*/
.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;position: relative; }
.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: #c00000;}
.pglist a:hover {display:inline-block;color: #fff;background: #c00000;}
.pglist .curpage{display:inline-block;color: #fff;background: #c00000;}

/*顶部*/
.magicart_top{background:#fff; height: 35px;text-align: right;line-height: 35px; color: #333;font-size: 14px;border-bottom: 1px solid #efefef}
.magicart_top span{padding: 0 10px}
.magicart_top .fl a{text-transform: none;color: #333}

.magicart_top .fr {display: flex;text-align: right;}
.magicart_top  form input {background: #efefef;border: 1px solid #efefef;width: 300px;border-top: 0;border-bottom: 0;line-height: 35px;font-size: 14px;color: #999;padding: 0 10px;float: left;
}

.magicart_top  form #searchbtn {background: #c00000;color: #fff;padding: 0 15px;line-height: 35px;border: 0;float: left;
}
.magicart_top .fr a{line-height: 35px; color: #333;font-size: 14px;padding: 0 5px;height: 35px;display: inline-block;}
.magicart_top .fr .lan{line-height: 35px; color: #fff;font-size: 14px;padding: 0 25px 0 25px;height: 35px;background: #c00000}

.magicart_head{ margin: 0 auto; position: relative; z-index: 5;  height: 120px;background: #fff}
.magicart_head .logo{ margin: 30px 30px 0 0}
.magicart_head .mid{font-size: 18px;text-transform: uppercase;font-family: 'Arial'; margin: 22px 30px 0 0}
.magicart_head .mid span{font-size: 24px;color: #262626; line-height: 180%;display: block;letter-spacing: 3.5px;}

.magicart_head .right{background: url(../images/pho.png) no-repeat left;margin-top: 25px;height: 62px;}
.magicart_head .right strong{color: #333;font-size: 18px;padding-left:75px;display: block;padding-top: 5px}

.menu{width: 100%;z-index: 1;height: 50px;line-height: 50px;background:#fff;border-top: 1px solid #efefef}
/*.nav li{float: left;position: relative;background-repeat: no-repeat;}
.nav li a{display: inline-block;line-height: 50px;color: #fff;padding: 0 40px;position: relative;font-size: 16px;}
.nav li a:after{content: '';background: #565656;height: 50px;width: 1px;right: 0;position: absolute;top: 0}
.nav li.cur a,.nav li:hover a{background: #c00000;color: #fff}
.nav li:last-child a:after{content: '';background: #565656;height: 50px;width: 0px;right: 0;position: absolute;}
*/
.nav{ height:50px; line-height:50px; position:relative; z-index:2;  }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; }
.nav .nLi h3 a:after{content: '';background: #efefef;height: 50px;width: 1px;right: 0;position: absolute;top: 0}
.nav .nLi:last-child h3 a:after{content: '';background: #565656;height: 50px;width: 0px;right: 0;position: absolute;}

.nav .nLi h3 a{ display:block; padding: 0 40px; font-size:16px; font-weight: normal; position: relative; }
.nav .sub{ display:none; width:200px; left:0; top:50px;  position:absolute; background:#fff;  line-height:40px; padding: 0; border: 1px solid #efefef;box-sizing: border-box; }
.nav .sub li{ zoom:1;position: relative; }
.nav .sub a{ display:block; padding:0 10px;border-bottom: 1px solid #efefef }
.nav .sub a:hover{ background:#c00000; color:#fff;  }
.nav .on h3 a{ background:#c00000; color:#fff;   }
.nav .sub dl{display: none;position: absolute;left: 199px;width: 230px;top: 0;background: #fff;}
.nav .sub li:hover dl{display: block;text-align: left;}

/*导航跟随*/
#mainMenuBar {position: absolute;z-index: 9999}

/*banner*/
.slideBox{position:relative;display:block;width:100%;height:650px;overflow:hidden; z-index: 1;}
.slideBox .bd img{display:block;margin:0 auto;height:650px;}
.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: #c00000;}


/*内页benner*/
.banner {height: 350px;width: 100%;}

/*公用TITLE*/
.magicart_tit{position: relative; z-index: 2; text-align: center;display: block;box-sizing: border-box; width: 100%;font-size: 30px; color: #333;font-weight: bold;margin-bottom: 30px;padding-bottom: 20px}
.magicart_tit b{color: #333333;display: block;font-size: 30px;font-weight: normal;}
.magicart_tit:before{content: '';position: absolute;width: 25px; height: 4px;background: #e41b00;bottom: 0;left: 50%;margin-left: -40px}
.magicart_tit:after{content: '';position: absolute;width: 55px; height: 4px;background: #002060;bottom: 0;left: 50%;margin-left: -10px}
/*公用TITLE_w*/
.magicart_tit_w{position: relative; z-index: 2; text-align: center;display: block;box-sizing: border-box; width: 100%;font-size: 30px; color: #333;font-weight: bold;margin-bottom: 30px;padding-bottom: 20px}
.magicart_tit_w b{color: #fff;display: block;font-size: 30px;font-weight: normal;}
.magicart_tit_w:before{content: '';position: absolute;width: 25px; height: 4px;background: #fff;bottom: 0;left: 50%;margin-left: -40px}
.magicart_tit_w:after{content: '';position: absolute;width: 55px; height: 4px;background: #fff;bottom: 0;left: 50%;margin-left: -10px}

/*公用TITLE*/
.magicart_tit_a{position: relative; z-index: 2; text-align: left;display: block;box-sizing: border-box; width: 100%;font-weight: bold; height: 100px;}
.magicart_tit_a span{position: relative;display: inline-block;text-transform: uppercase;display:block;color: #efefef;font-size: 36px}
.magicart_tit_a b{color: #333333;display: block;font-size: 30px; position: absolute;left: 80px; top: 60px;font-weight: normal;}


/*底部*/
.magicart_foot{background: #444444;  width:100%;color: #fff;height: 400px;overflow: hidden;}
.magicart_foot .left{border-right: 1px solid #696969;width: 23%;box-sizing: border-box;height: 400px;padding:50px 0 ;text-align: left}
.magicart_foot .left dl{padding-left: 10px;box-sizing: border-box;}
.magicart_foot .left dt{font-size: 18px;font-weight: bold;color: #b0b0b0;line-height: 240%;padding-top: 10px}

.magicart_foot .left dd{color: #b0b0b0;line-height: 50px;padding-left: 35px}
.magicart_foot .left .tel{background: url(../images/f_icon01.png) no-repeat 0 15px;}
.magicart_foot .left .phone{background: url(../images/f_icon04.png) no-repeat 0 15px;}
.magicart_foot .left .add{background: url(../images/f_icon03.png) no-repeat 0 15px;}
.magicart_foot .left .email{background: url(../images/f_icon02.png) no-repeat 0 15px;}
.magicart_foot .mid{width: 50%;box-sizing: border-box;height: 400px;padding:40px;display: flex;justify-content:space-between;}
.magicart_foot .mid dl{text-align: left;width: 33.33333%}
.magicart_foot .mid dt{font-size: 16px;color: #b0b0b0;line-height: 240%;font-weight: bold;}
.magicart_foot .mid dt a{font-size: 16px;color: #b0b0b0;line-height: 240%;font-weight: bold;}
.magicart_foot .mid dd a{color: #b0b0b0;line-height:200%;font-size: 14px;}
.magicart_foot .right{width:320px;background: #c00000; height: 400px;box-sizing: border-box;text-align: center;}
.magicart_foot .right .tit{background: url(../images/pho_w.png) no-repeat 0 0 ; height: 62px;padding-left: 70px;line-height: 62px; font-size: 24px;font-weight: bold;display: inline-block;margin-top: 30px}
.magicart_foot .right .guestbook{padding: 0 30px;}
.magicart_foot .right .guestbook label{display: block;text-align: left;position: relative;}
.magicart_foot .right .guestbook label input{width: 95%;padding: 0 10px;color: #999;border: 0;margin: 10px 0;line-height: 34px;box-sizing: border-box;}
.magicart_foot .right .guestbook label textarea{width: 95%;padding: 0 10px;color: #999;border: 0;margin: 10px 0;line-height: 34px;box-sizing: border-box;height: 63px}
.magicart_foot .right .guestbook label .submit{background: #222222;padding: 0 15px;box-sizing: border-box;display: inline-block;width: auto;float: left;margin: 0;font-size: 18px;color: #fff}
.magicart_foot .right .guestbook label img{display: inline-block;float: left;width: 80px; height: 34px}
.magicart_foot .right .guestbook label::after {content: '*';color: #fff;position: absolute;right: 0px;top: 20px;font-size: 12px}
.magicart_foot .right .guestbook label:nth-child(4)::after {content: '*';top: 50px;}
.magicart_foot .right .guestbook label:last-child::after {content: '';display: none;}

.magicart_foot .right .guestbook label .input-text{display: inline-block;float: left;width:27%;margin: 0 10px 0 0 }

.magicart_bq{ width:100%; color: #b0b0b0; line-height: 300%; text-align: left; font-size:0.875rem;background: #fff}
.magicart_bq a{ color: #b0b0b0;display: inline-block;padding-right: 20px }

/*面包削导航*/
.mbx{border-bottom: 1px solid #efefef; line-height: 50px;font-size: 14px;position: relative; box-sizing: border-box;}
.mbx a{line-height: 50px; color: #666; font-size: 14px;}
.mbx .content{padding-left: 30px;box-sizing: border-box;}
.mbx .content:before{content: ''; background:#c00000;display: inline-block; width: 20px; height: 3px;position: absolute;left:0; top: 24px}

/*内页二级导航*/
.navtow{margin: 20px auto 0;display: flex;}
.navtow li{}
.navtow li a{ color: #fff;font-size: 16px;padding: 5px 50px; line-height: 40px; background: #313131;display: inline-block; cursor: pointer;margin-right: 5px}
.navtow li a:hover{ background:#c00000;color: #fff}
.navtow .on{ background: #c00000; color: #fff }



/* 浮动工具 */
.c-tools {position: fixed;z-index: 9999;text-align: center;right: 0;bottom: 30%;margin-bottom: -144px;padding-top: 65px;}
.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: #c00000 url(../images/tools-ico.png) no-repeat;}
.c-tools ul li.msg {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;position: relative;width: 150px;height: 45px;margin: 1px;background: #c00000;position: absolute;right: 0;top: 0;line-height: 45px;font-weight: bold;font-size: 18px;color: #fff;}
.c-tools ul li.msg a{color: #fff;}
.c-tools ul li.msg:hover{background: #c00000;color: #fff;}
.c-tools ul li:hover {background-color: #f9f9f9; background-image:url(../images/tools-ico1.png) }
.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: 165px;padding: 0 10px;background: #fff;color: #333;border: 1px solid #efefef;box-sizing: border-box;}
.c-tools ul li .email {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 200px;padding: 0 10px;background: #fff;color: #333;border: 1px solid #efefef;box-sizing: border-box;}
.c-tools ul li .email a{width: 200px;line-height: 62px}

.c-tools ul li .ewmPic {width: 168px;padding-bottom: 20px;}
.c-tools ul li .ewmPic p{font-size: 14px;}
.c-tools ul li .ewmPic img {display: block;margin-top: 10px;padding-bottom: 10px;width: 100%}
.c-tools ul .tel-ico {background-position: center -140px;}
.c-tools ul .tel-ico span{ height:62px; line-height:62px}
.c-tools ul .ewm-ico {background-position: center -96px;}
.c-tools ul .fac-ico {background-position: center 18px;}
.c-tools ul .fac-ico a{width: 62px; height: 62px; display: inline-block;}
.c-tools ul .email-ico {background-position: center -36px;}
.c-tools ul .email-ico a{width: 62px; height: 62px; display: inline-block;}

.c-tools ul .whats-ico {background-position: center -235px;}
.c-tools ul .whats-ico span{ height:62px; line-height:62px}
.c-tools ul .qq-ico {background-position: center -69px;}

.c-tools ul .top-ico {background-position: center -278px;}


/*下一篇、下一篇*/
.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;
}

/*导航跟随*/
.top-fixed{position:fixed;animation:mymove .5s forwards; z-index:9999;background: #fff;border-bottom: 1px solid #efefef;}

@keyframes mymove{from {top:-114px;}to {top:0px;}}
