/* 基本样式重置 */
@media (min-width: 1400px){
    .container {
        max-width: 1400px !important;
    }
}
/* 思源字体 */
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Normal.ttf');
    src: url('../font/SourceHanSansCN-Normal.ttf') format("truetype");
}
/* 图标 */
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1591080813050'); /* IE9 */
    src: url('iconfont.eot?t=1591080813050#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('iconfont.woff?t=1591080813050') format('woff'),
    url('iconfont.ttf?t=1591080813050') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1591080813050#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-jiaruwomen:before {
    content: "\e613";
  }
  
  .icon-lujing71:before {
    content: "\e612";
  }
  
  .icon-lujing30:before {
    content: "\e611";
  }
  
  .icon-right:before {
    content: "\e61c";
  }
  
  .icon-qq:before {
    content: "\e634";
  }
  
  .icon-dianhua:before {
    content: "\e602";
  }
  
  .icon-caidan:before {
    content: "\eaf1";
  }
  
  .icon-OrderHistory:before {
    content: "\e65c";
  }  

  
body{
    padding: 0;margin: 0;color: #111;
    /* font-family: 'SourceHanSansCN'; */
    font-family: "宋体";
    overflow-x: hidden;
}
/* body::-webkit-scrollbar{
    width:0;
} */
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
ol,ul{list-style: none;}
p{margin: 0;}
input[type="text"]:focus{
    outline: none;
}
button{
	background-color: transparent;
	border: 0;
	outline: none;
	cursor: pointer;
}
button:disabled{
	cursor: text;
}
* {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}
input::-webkit-input-placeholder {
    color: #CCCCCC;
}
.top20{
    margin-top: 20px;
}
.navbar-light .navbar-toggler{
    border: 0;
    outline: none;
}


/* 头部栏css */
.cake_navbar{
    background-color: #fff;
}
.logo_img{
    height: 55px;
}
.navbar-light .navbar-nav .nav-link{
    color: #333;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
}
.nav-link{
    padding: 0 1rem;
    padding-top: .4rem;
}
.nav-link span{
    padding: 1.5rem 0;
    box-sizing: border-box;
    display: inline-block;
}
.navbar{
    padding: 0rem 1rem;
}
.nav-link span:hover{
    color: #339966;
    font-weight: bold;
}
.my_hover:hover .d_menu{
    display: block;
}
.d_menu{
    font-size: 14px;
    /* box-shadow: 0 0 4px #ccc; */
    border: none;
    overflow: hidden;
    animation:myblx9 .2s;
    -webkit-animation:myblx9 .2s;
    padding: 0;
}
.d_menu li{
    padding: 12px 0;
    border-bottom: 1px solid #fff;
    text-align: center;
    background-color: #339966;
    color: #fff;
}
.d_menu li:last-child{
    border-bottom: none;
}
.d_menu li:hover{
    background-color: #fff;
    color: #339966;
    transition: all .5s;
}
.d_menu a{
    width: 100%;
    display: block;
}
.menu_icon{
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
#m_service, #m_about{
    animation:myblx10 .2s;
    -webkit-animation:myblx10 .2s;
}
.menu_icon>div{
    width: 28px;
    height: 3px;
    background: #339966;
    border-radius: 2px;
    
}
@media (min-width: 576px){
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }
    .logo_img{
        height: 33px;
    }
    .nav-link span{
        font-size: 12px;
    }
    .ser_head span::before{
        font-size: 40px;
    }
}
@media (max-width: 576px){
    .navbar{
        box-shadow: 2px 0 27px #ddd;
    }
    .com_head img{
        height: 18vw;
    }
    .nav-link span{
        padding: .7rem 0;
    }
    .common_top{
        margin-top: 4.4rem!important;
    }
}
.active{
    color: #339966!important;
}
.active span{
    border-bottom: 4px solid #339966;
}
.nav-link:hover{
    color: #339966!important;
}
@media (min-width: 800px){
    .logo_img{
        height: 44px;
    }
    .nav-link span{
        font-size: 14px;
    }
}
@media (max-width: 800px){
    .navbar-expand-sm .navbar-nav .nav-link{
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 960px){
    .logo_img{
        height: 44px;
    }
    .nav-link span{
        font-size: 16px;
    }
    .common_top{
        margin-top: 4rem;
    }
}
@media (min-width: 1080px){
    .logo_img{
        height: 55px;
    }
    .nav-link span{
        font-size: 18px;
    }
    .common_top{
        margin-top: 4.2rem;
    }
}

@media (max-width: 1080px){
    .navbar-expand-sm .navbar-nav .nav-link{
        padding-right: .4rem;
        padding-left: .4rem;
    }
    .dropdown-toggle::after{
        margin-left: 0;
    }
}
.com_head img{
    width: 100%;
}
.common_top{
    margin-top: 5.3rem;
}



/* 底部栏css */
.footer{
    background: #339966;
    color: #fff;
    text-align: center;
    padding: 24px 0;
}
.footer .sele{
    padding-bottom: 13px;
}
.footer .sele a{
    margin: 0 15px;
}
.footer .sele a:hover{
    font-weight: 600;
}
.footer .foot_info{
    padding-bottom: 13px;
}
.footer .foot_info span{
    margin: 0 12px;
}

/* 动画自制 */
@keyframes myblx
{
    0%   {transform: translateY(5px);color: #339966;font-size: 12px;}
    25%  {transform: translateY(0);color: #666}
    50%  {transform: translateY(5px);color: #339966}
    75%  {transform: translateY(0);color: #dc5457}
}
@keyframes myblx2
{
    0%   {transform: translateY(5px);font-size: 12px;}
    25%  {transform: translateY(0);}
    50%  {transform: translateY(5px);}
    75%  {transform: translateY(0);}
}
@keyframes myblx3{
    0% {font-size: 18px;}
    25% {font-size: 12px;}
    50%  {font-size: 15px;}
    75%  {font-size: 25px;}
}
@keyframes myblx4{
    25% {font-size: 16px;}
}
@keyframes myblx5{
    25% {box-shadow: 3px 3px 6px #eee;}
}
@keyframes myblx6{
    0% {width: 165px;}
}
@keyframes myblx7{
    0%   {transform: translateX(-50px);}
}
@keyframes myblx8{
    0%   {transform: translateX(50px);}
}
@keyframes myblx9{
    from {height: 50px;}
    to {height: 120px;}
}
@keyframes myblx10{
    from {height: 50px;}
    to {height: 195px;}
}
@keyframes mymove{
    from {transform: translateY(100px);}
    to {transform: translateY(0);}
}
@keyframes flicker {
    0% {
        transform: rotateZ(0);
    }
    40% {
        transform: rotateZ(-30deg);
    }
    60% {
        transform: rotateZ(0);
    }
    80% {
        transform: rotateZ(15deg);
    }
    100% {
        transform: rotateZ(0);
    }
}