a{
            text-decoration: none !important;
        }
        a.navbar-brand.topnav {
            padding-top: 5px;
        }
        .logo{
                    display: inline-block;
            vertical-align: middle;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: -10px 0px;
            width: 40px;
            border-radius: 50%;
            height: 40px;
            margin-right: 10px;
            background-image: url(../img/logo.jpg);
                
        }
        .menu{
                    margin: 0 -15px;
        }
        .menu>ul {
            display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
            display: -moz-box; /* 老版本语法: Firefox (buggy) */
            display: -ms-flexbox; /* 混合版本语法: IE 10 */
            display: -webkit-flex; /* 新版本语法: Chrome 21+ */
            display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

            justify-content: space-between;
            margin: 5px 0;
        }
        .menu a{
            color:#9a9a9a;
        }
        .menu .nav>li {
            border-right: 1px solid #eee; position:relative;
        }
        .menu .nav>li:last-child {
            border-right: none;
        }
		.menu .nav>li:hover>a{ background-color:#eee;}
		.menu .nav>li ul{ width:150px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    position: absolute;
    top: 100%;
    /* text-align: left; */
    left: -50px;
    display: none;}
		.menu .nav li:hover>ul{ display:block;}
		.menu .nav>li ul li{}
		.menu .nav>li ul li a{display: block;
    text-align: left;
    font-size: 12px;
    padding: 10px 9px;
    color: #000000;}
        .navbar-toggle{
            padding: 5px 10px 1px;
            color: #676363 !important;
            font-size: 12px;
            text-decoration: none !important;
        }
  
        .navbar-toggle .iconfont{
                font-size: 20px;
            vertical-align: middle;
        }
        .intro-header{
                        min-height: 630px;
        }
        
        .product.intro-header{
            background: url(../images/smoke-free-banner-3.jpg);
        }

        footer {
            padding: 0;
            background-color: #f8f8f8;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #9a9a9a;
            font-size: 12px;
        }
        .navbar-fixed-top{
            background: rgba(255,255,255,0.98);
        }
        .intro-message > h3{
            letter-spacing: 10px;
           font-family: "songti"!important;
            font-size: 16px;
            font-weight: lighter;
            text-shadow: none;
        }
        .intro-message > h1 {
            font-size: 30px;
            font-weight: 400;
            text-shadow: none;
        }
        .lead{
            line-height: 24px;
            font-size: 18px;
            letter-spacing: 1px;
             font-family: "AlibabaPuHuiTi"!important;
            color: #616363;
            -webkit-font-smoothing: antialiased;
        }

@font-face {
  font-family: "songti";
  src: url("../fonts/ChillDuanHeiSongProJP_Regular.woff2") format("woff2"),
       url("../fonts/ChillDuanHeiSongProJP_Regular.woff") format("woff"),
       url("../fonts/ChillDuanHeiSongProJP_Regular.ttf") format("truetype"),
       url("../fonts/ChillDuanHeiSongProJP_Regular.eot") format("embedded-opentype"),
       url("../fonts/ChillDuanHeiSongProJP_Regular.svg") format("svg");
	
}
@font-face {
  font-family: "SourceHanSerifCN";
  src: url("../fonts/SourceHanSerifCN-Regular-Alphabetic.woff2") format("woff2"),
       url("../fonts/SourceHanSerifCN-Regular-Alphabetic.woff") format("woff"),
       url("../fonts/SourceHanSerifCN-Regular-Alphabetic.ttf") format("truetype"),
       url("../fonts/SourceHanSerifCN-Regular-Alphabetic.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSerifCN-Regular-Alphabetic.svg") format("svg");
}

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("../fonts/AlibabaPuHuiTi_3_55_Regular.woff2") format("woff2"),
       url("../fonts/AlibabaPuHuiTi_3_55_Regular.woff") format("woff"),
       url("../fonts/AlibabaPuHuiTi_3_55_Regular.ttf") format("truetype"),
       url("../fonts/AlibabaPuHuiTi_3_55_Regular.eot") format("embedded-opentype"),
       url("../fonts/AlibabaPuHuiTi_3_55_Regular.svg") format("svg");
}

        .lead strong{
            color: #0bbbd8;
            
            font-weight: 400;
        }
        .lead .muted{
                color: #9a9a9a;
                font-size: 14px;
        }

        .more{
            display: none;
        }
        .full{
            width: 100%;
            display: block;
            max-width: 768px;
            margin: 0 auto
        }
        .single-content{
            margin-top: 100px;
            padding:20px;
        }

        .single-content h3{
            color:#676363;
        }

        .single-content p{
            font-weight: 400;
        }
        .intro p{
            text-indent:2em;
        }
        .banner{
            position: relative;
        }
        .banner:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.banner h4{
    
                        letter-spacing: 2px;
                        font-weight: 400;
                        margin: 0;
                    
}

.intro-message .btn {
    border: 1px solid #fff;
    background: transparent;
    margin: 20px 10px;
    padding: 5px 10px;
        color: #fff;
    border-radius: 0;
}

.intro-message .btn.primary {
    background: rgba(255, 255, 255, 0.26);
}


/**/
.clear{ clear:both;}
ul{
    list-style: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;}
.index_add1bg{ background:#f5f5f5; padding:50px 0 60px 0;}
.index_add1{ width:1170px; margin:0 auto;}
.index_add1 .bt1{ font-weight:normal; font-size:26px; line-height:36px; color:#004f90; text-align:center;}
.index_add1 .list{}
.index_add1 .list ul li{ float:left; width:calc((100% - 40px)/2); margin:40px 40px 0 0; background:#fff;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.15); box-shadow: 0 1px 10px rgba(0,0,0,.15); text-align:center; border-bottom: 3px solid transparent;}
.index_add1 .list ul li:hover {  border-bottom: 3px solid #337ab7; }
.index_add1 .list ul li:nth-child(2n){ margin-right:0;}
.index_add1 .list ul li .nr_box{}
.index_add1 .list ul li .img{ padding-bottom:62%; position:relative;}
.index_add1 .list ul li .img img{ max-width:100%;  object-fit: cover;height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_add1 .list ul li .txt{ padding:10px 0;}
.index_add1 .list ul li .txt .h2{ font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#333;}
.index_add1 .list ul li:hover .txt .h2{ color:#337ab7;}


.index_add2{ max-width:768px; margin:0 auto;}
.index_add2 ul li{     text-align: center;
    float: left;
    width: 50%;
    margin-bottom: 15px;
    margin-right: 20px;
    width: calc((100% - 48px)/2);}
.index_add2 ul li .img{ height:300px; position:relative; border:1px solid #ccc;}
.index_add2 ul li:hover .img{ border-color:#337ab7;}
.index_add2 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_add2 ul li .h2{ font-size:14px; line-height:24px; margin:5px 0 0 0;}
.index_add2 ul li:nth-child(1){ object-fit: contain;}
.index_add2 ul li:nth-child(2){/* width:calc((100% - 48px)/2); float:right;*/ object-fit: contain;}





.hou01{ margin:90px auto;}
.hou01>h2{ display:block; text-align:center; color:#000;}
.hou01>ul{    background-color: #f2f2f2;padding: 5px 20px 15px 20px;  border: 1px solid lightgrey;   border-radius: 3px; box-sizing:border-box;}
.hou01>ul>li{display: flex;align-items: center;justify-content: space-between;padding: 15px 0; color:#333}
.hou01>ul>li .hou01-l{ width:30%;}
.hou01>ul>li .hou01-r{ width:calc(100% - 30% - 10px);}
.hou01>ul>li span{display: flex;align-items: center;color:#333;font-size: 14px;font-weight:normal;}
.hou01>ul>li span img{ width:24px; margin-right:10px;}
.hou01>ul>li em{ font-style:normal; font-size:12px; color:#666; font-weight:normal;}
.hou01 .input_text{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 2px 1px 5px #ccc;outline:none;box-sizing: border-box;line-height: 1;color: #000;font-size: 15px;font-weight: normal;}

.danxuan{     display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;}
.danxuan  .radio{display: flex;align-items: center;/*width:50%;*/margin: 0;}
.danxuan  .radio label{ display: flex;   align-items: center;}
.danxuan  .radio label .input_text01{width: 52%;padding: 12px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 2px 1px 5px #ccc;outline:none;box-sizing: border-box;line-height: 1;color: #000;font-size: 15px;font-weight: normal;    margin-left: 10px;
    margin-right: 10px;}

.danxuan>label{ margin-right:20px}
.xner{ display: flex;  align-items: center;
justify-content: space-between;flex-wrap: wrap;}
.xner .xne{width:50%;display: flex;align-items: center;padding: 10px 0;justify-content: space-between;}
.xner .xne span{
    /* width: 36%; */
}
.xner .xne .input_text03{width: 56%;padding: 12px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 2px 1px 5px #ccc;outline:none;box-sizing: border-box;line-height: 1;color: #000;font-size: 15px;font-weight: normal;margin-left: 10px;margin-right: 10px;}



.shiue{display: flex;  align-items: center;
justify-content: space-between;flex-wrap: wrap;}
.shue{ width:50%; padding:10px 10px 10px 0; box-sizing:border-box;}


.hou01>a{ display:block; margin-top:1%; background:#1e79c7; border-radius:5px; line-height:40px; text-align:center; color:#fff; font-size:18px;}
.eremt{ text-align:center; width:120px; margin-top:2%}
.eremt img{ width:100%;}
.eremt span{ color:#000; font-size:14px;}