@charset "UTF-8";
* {margin: 0;padding: 0;font-family:"Microsoft YaHei","微软雅黑";}
a {color: #454648;outline: none;text-decoration: none;}
a:hover {text-decoration: none;outline: none;color: #454648;}
a:focus {text-decoration: none;outline: none;color: #454648;}
ul,ol,li {list-style: none;outline: none;padding-left: 0;text-align: left;}
em,i {font-style: normal;}
input,select,textarea {outline: none;}
body,html {font-size: 14px;color: #000000;position: relative;width:100%; }
button{background: transparent;}
.fl {float: left;}
.fr {float: right;}
p {margin-bottom: 0;}
ul { margin-bottom: 0;}
.h1,.h2,.h3,h1,h2,h3,dl {margin-top: 0;margin-bottom: 0;}
.amap-logo,.amap-copyright { display: none !important;}
/* 头部 */
@font-face {
    font-family: 'joinText';
    src: url('../css/禹卫书法行书简体.ttf');
}
@font-face {
    font-family: 'TamilMN-Bold';
    src: url('../font/TamilMN-Bold-02.ttf');
}
@font-face {
    font-family: 'TamilMN';
    src: url('../font/TamilMN-01.ttf');
}
.header ,.container { width: 100%;position:fixed;top:0;z-index: 9999;background: #fff;}
.header .row {width:80%;margin: auto; display: flex;align-items: center; justify-content: space-between; margin: auto;font-size: 16px;}
.logo {height: 40px;}
.navs {width:55%;display: flex;align-items: center; justify-content: space-around;}
.navs a {color:#000000;font-size: 16px;}
.nav{ display: flex;flex-direction: column;margin:20px 0 0 0;align-items:center;}
.nav.active span{opacity: 1;}
.nav span {width:100%;height:3px;opacity: 0;background: #CC2929;margin:20px 0 0 0}
.navs :hover span {opacity: 1;transition: .5s;}
.n-join {display: flex;align-items: center; flex-direction: column;justify-content:center}
.n-join div {display: flex;align-items: center; }
.n-join a {color:#CC2929;flex-shrink: 0;font-weight: bold;display: flex;align-items: center;justify-content: center;}
/*.n-join a img { width:100px;}*/
.n-join img{width: 16px;margin-left: 8px;}
.quick-nav {width:calc(25%);display: flex;align-items: center;justify-content: flex-end; color:#fff}
.quick-nav img{ width: 24px;height: 24px;}
.n-shop {padding:0.365vw 1.042vw;font-size: 0.833vw; background: #CC2929;border-radius: 18px;display: flex;align-items: center;flex-shrink: 0;color:#fff;}
.n-shop:hover{color:#fff}
.n-shop img{width:18px;height:18px;margin-right: 8px;}
.quick-nav ul{display: flex;margin-left:2.083vw;height: 35px;align-items: center;}
.n-line {margin:0 1.771vw;}
.deep-line { color: #CC2929;}
.disc_center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.disc_end{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.contItem{width:80%;margin-left:auto;margin-right:auto;position:relative;}
.search_box{position:relative;}
.search_box input{display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
.search_boxicon{position:absolute;top:0;right:10px;height:100%;border:0;background:none;}
.contItem{margin:30px auto;}
 .productUl{margin:20px 0;}
/* 底部 */
.footer .row {width:80%;margin: auto; padding-top: 40px;padding-bottom:3%;display: flex;align-items: flex-start;justify-content: space-around;}
.linkc{
	width:80%;margin:0 auto 20px auto;
}
.linkc span{
	font-size:14px;

}
.linkc a{
	    font-size: 12px;
    padding: 0 5px;
}
.ft-navs {width:65%; display: flex;justify-content: space-around;}
.ft-navs dt { padding-bottom: 14px; color:#000000;font-weight: bold;cursor:default }
.ft-navs dt:hover {color:#CC2929}
.ft-navs dd { padding-bottom: 10px; color:rgba(0,0,0,0.65); font-size: 12px; cursor:pointer}
.ft-navs dd a:hover {color:#000000 }
.ft-copyright {width: 100% ;color: #999999;text-align: center; padding-bottom: 20px;}
.ft-copyright a{color: #999999;}
.ft-code .wx { margin-left: 40px;display: flex;flex-direction: column;align-items: center; justify-content: center;}
.ft-code .wx p {padding:12px 0 10px 0; font-weight: bold;}
.ft-code {display: flex;}
.ft-code .wx-img {width: 97px;height:97px}
.footer .scan {padding: 3px 12px; display: flex;align-items: center;letter-spacing: 1px; border:1px solid #CCCCCC;border-radius: 15px;color:#595959;font-size: 12px;}
.scan img { padding-right: 3px;}
.contact-us dd:hover {color: #5A5A5A;cursor:text }
.content-phone {padding-top: 10px; color: #CC2929!important;font-weight: 600;display: flex;align-items: center;}
.content-phone span { font-size: 16px;}
.content-phone img { width:20px;height: 20px;margin-right: 4px;}
.md-content-phone { display: none;}
.h5-content-phone { display: none;}
.deep-footer { background: #fff;border-top:1px solid rgba(0,0,0,0.1)}
.deep-footer .ft-navs dt { color:#000}
.deep-footer .ft-navs dt:hover { color:#B92A2A }
.deep-footer .ft-navs dd:hover {color:#000;}
.deep-footer .wx p,.deep-footer .scan { color:rgba(0,0,0,0.65)}
.web-sp-ico { display: block;}
.h5-sp-ico { display: none;}
@media only screen and (max-width: 1200px){
    .logo{height:28px;}
    .web-sp-ico { display: none;}
    .h5-sp-ico { display: block;}
    .deep-footer { background: #fff;border-top:none;}
    .deep-footer .scan { color:#595959 ;}
    .header, .container {background: #fff !important;box-shadow:  0px 8px 16px -1px rgba(0, 0, 0, 0.07);;}
    .navs,.n-row{ display: none !important;}
    .header .row {width: 90%; padding: 10px 0;justify-content: space-between;}
    .md-menu {  width: 18px;height:18px;display: flex;justify-content: space-around;align-items: center;flex-direction: column;}
    .md-menu div { width:18px;height:2px;background: #000000;}
    .n-shop {padding:6px 18px;font-size: 14px; position: absolute;right:15%;color:#CC2929!important; background: transparent;border:1px solid #CC2929}
    /*.n-shop img { width: 12px;height: 13px;}*/
    .ft-navs { display: none;}
    .ft-code .wx-img { width: 100px;height: 100px;}
    .ft-copyright {width: 90%;margin: auto; font-size: 12px;}
    .footer .row { width:100%;padding:  0; display: flex;flex-direction: column;align-items: center; margin-bottom: 50px;}
    .ft-code { width: 100%;}
    .ft-code .wx {width: 50%; margin :0;padding-bottom:0; }
    .ft-code .wx p { font-size: 14px;}
    .md-content-phone { display: block;margin: 32px 28px;}
    .h5-content-phone {display: flex; padding: 30px 0; justify-content: center;}
}

.banner-wrap img{ width: 100%;}
.h5-nav-wrap {opacity: 0;position: fixed;width:0;right: 0;height:100vh; z-index:999;animation:slide-out-right 1s cubic-bezier(.55,.085,.68,.53) both}
.h5-show-nav { opacity:1;width: 100%;height: 100vh;z-index:999;position: fixed;right: 0; animation:fade-in .3s cubic-bezier(.39,.575,.565,1.000) both ;background: rgba(0, 0, 0, 0.5);}
.row-snav-wrap { width: 50%;height: 100vh;position: absolute;  right: 0;transition: .5s; background: #fff; }

.row-nav-wrap { width:0;height: 100vh;position: absolute;  right: 0;transition: .5s; background: #fff;}

.hd-ipt {width: 80%;margin: 70px auto 0 ;padding: 11px 0; border-radius: 22px;display: flex;align-items: center;justify-content: center; background: #F5F5F5;}
.hd-ipt img {width: 16px;height: 16px;margin-right: 7px; }
.hd-ipt>input {width: 70%;border:none;background: transparent;}
.column-nav { width: 100%;display: flex;flex-direction: column;align-items: center;}
.column-nav li { padding:5px 0;}
@-webkit-keyframes fade-in {  0% {opacity: 0;background: rgba(0, 0, 0, 0.2);}
100% {opacity: 1;background: rgba(0, 0, 0, 0.5);}}
@keyframes slide-out-right{ 0% {width: 100%; transform:translateX(0);opacity:1}100%{ width: 0;transform:translateX(1000px);opacity:0}}

#dots li {cursor: pointer;}