@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;font-family:"microsoft yahei";}
input{border: 1px solid #ddd;text-align: center;}
textarea {-webkit-appearance: none;font-family:"microsoft yahei";} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{text-decoration:none;color:#333;}
/*body{ background: #303334; }*/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.qiji{color:#333;font: 14px/1.5 "Helvetica Neue",Verdana,Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; margin:50px auto 0; max-width: 750px;}
.qiji img{ max-width: 100%; }

#header{ background: #fff; padding:10px; box-sizing: border-box; height: 50px; text-align: center;position: fixed; width: 100%; z-index: 1000; top: 0; left:0;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
#header.header-hover{ left: 80%; }
#header .logo{ width: 110px; display: inline-block; }
#header .meau{ width: 30px; height:30px; display: inline-block;  background: url(../images/meau-icon.png) no-repeat 0 0; background-size: 100%; position: absolute; z-index: 100; left: 10px; top: 15px;  }

#header .search{ width: 30px; height: 30px; background: url(../images/search-icon.png) no-repeat 0 0; background-size: 100%; position: absolute; z-index: 100; right: 10px; top: 15px;}


.meau-float{ position: fixed; top: 0; left: -100%; box-sizing: border-box; width:100%; height: 100%; overflow: hidden; overflow-y:auto;  background: #fff; z-index: 100000; -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.meau-float-hover{  left: 0; }
.meau-float .search-box{ padding: 10px 25px; /*background: #1e1e1e;*/ box-sizing: border-box; padding-right: 50px; width: 100%; position: relative; }
.meau-float .search-text{ background: none; border:none; height:30px; line-height: 30px; width: 100%; font-size: 14px; /*color: #fff;*/ outline: none;border:1px solid; }
.meau-float .search{ width: 30px; height: 30px; background: url(../images/search-icon1.png) no-repeat 0 0; background-size: 100%; position: absolute; z-index: 100; right: 10px; top: 15px;}

.meau-float .m-nav{ overflow: hidden; margin-top:20px; }
.meau-float .m-nav li{line-height: 40px; font-size: 16px; }
.meau-float .m-nav li a{ display: block;  padding: 0 25px;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;  color: #000; /*font-weight: 700; */}
.meau-float .m-nav li a:hover{ background-color: rgba(0,0,0,0.5); color: #fff; }
.meau-float .bottom{ position: absolute; z-index: 100; bottom:5%; left: 25px; line-height: 1.8;  /*font-weight: 700;*/}
.meau-float .bottom .contact{ margin-bottom: 15px; display: inline-block; }
.meau-float .bottom .blue{ color: #001eff; }
.meau-float .bottom .gray{ color: #757575; }
.meau-float .m-nav .nav-prop{background-color: #f5f5f5;padding-left: 0;}
.bg{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; display: none; }


#footer{ overflow: hidden;text-align: center; }
#footer .return-top{ margin: 100px 0 40px; display: inline-block; }
#footer .return-top:before{ content: ''; display: block; width: 30px; height: 15px; background: url(../images/top-cir.png) no-repeat center center; background-size: 100%; margin:0 auto 10px; }
#footer .tel{ padding: 10px; border-bottom: #e5e5e5 1px solid; border-top: #e5e5e5 1px solid; font-size: 15px; }
#footer .link{ overflow: hidden; padding: 15px 0; border-bottom: #e5e5e5 1px solid; }
#footer .link li{ margin-bottom: 15px; }
#footer .link li  a{ display: block; }
#footer .attend{ overflow: hidden; padding: 15px 0; border-bottom: #e5e5e5 1px solid; }
#footer .attend .con{ margin-top: 10px; }
#footer .attend .wx{ display: inline-block; width: 30px; height: 30px; margin: 0 10px; background: url(../images/weixin-icon.png) no-repeat center center; background-size: 100%; }
#footer .attend .xl{ display: inline-block; width: 30px; height: 30px; margin: 0 10px; background: url(../images/xinlang-icon.png) no-repeat center center; background-size: 100%; }
#footer .copy{ padding: 20px 10px; }


#index .grid{ overflow: hidden; position: relative; }
#index .play{ width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; left: 50%; display: none; margin-left: -40px; z-index: 100;  background: url(../images/play-icon.png) no-repeat 0 0; background-size: 100%; }
#index .video{ width: 100%; vertical-align: middle; }
#index .pic img{ width: 100%; }
#index .product-grid .con{ padding: 15px 20px 50px 20px; font-size: 15px; color: #606060; }
#index .product-grid .t1{ font-size: 25px; text-transform: uppercase; text-align: center; margin-bottom: 10px; color: #303030;}
#index .product-grid .t2{ font-size: 30px; text-align: center; margin-bottom: 20px;color: #303030; }
#index .product-grid .price{ font-size: 30px; text-align: center; margin-bottom: 20px; color: #b4b4b4; }
#index .product-grid .price s{ font-style: normal; font-size: 18px; }
#index .detial-grid .con{ padding: 15px 20px 50px 20px; font-size: 15px; color: #606060; }
#index .detial-grid .t1{ font-size: 30px; text-align: center; margin-bottom: 20px;color: #303030; }
#index .detial-grid .t2{ font-size: 20px; text-align: center; margin-bottom: 15px; padding-bottom: 20px;border-bottom: #dfdedf 1px solid;color: #303030; overflow: hidden; }
#index .detial-grid .t2 span{ float: left; width: 33.33%; text-align: center; }
#index .detial-grid .list p{ margin-bottom: 10px; }
#index .bottom-grid .con{ background: url(../images/qj_index05.jpg) #1e1e1e no-repeat 0 0; background-size: 100% 100%; text-align: center; color: #fff; font-size: 15px; padding: 20px 0; }
#index .bottom-grid .t1{ margin-bottom: 15px; color: #bfa772; font-size: 30px; }
#index .top-flex{display: flex;    flex-direction: column;    align-items: center;    padding-bottom: 30px;margin-top: 20px;}
#index .top-flex .radius{border-radius: 50%;}
#index .top-flex .radius img{    border-radius: 50%;    transform: scale(1.01);    transition: transform 0.6s ease;    will-change: transform;  width: 80%;}
#index .top-flex .p1{margin-top: 20px;    font-size: 20px;    color: #2e2e2e;    margin-bottom: 10px;}
#index .top-flex .p2{font-size: 16px;line-height: 28px;}

#product .banner{ overflow: hidden;  text-align: center;}
#product .main{ padding: 10px; }
#product .grid{ margin-bottom: 50px; overflow: hidden;padding: 0 15px;  }
#product .pic{ text-align: center; }
#product .title{ padding: 20px 10px; text-align: center; border-bottom: #7f7f7f 1px solid; font-size: 25px; }
#product .title span{ text-transform: uppercase; font-size: 10px; }
#product .attr{  line-height: 1.8; border-bottom: #e5e5e5 1px solid; }
#product .price{ padding: 10px 0; overflow: hidden; border-bottom: #7f7f7f 1px solid; }
#product .price li{ float: left; width: 33.333%; border-left: #eeeeee 1px solid; text-align: center; font-size: 12px; box-sizing: border-box; }
#product .price li:first-child{ border-left: none; }
#product .price li span{ font-size: 20px; }
#product .price li i{ font-size: 15px; font-style:normal; }
#product .detail{ overflow: hidden; text-align: center; }

#story{ color: #636363; font-size: 15px; }
#story .banner{ text-align: center;}
#story .pic{ text-align: center; }
#story .grid{ padding:20px; overflow: hidden;   }
#story .indent{text-indent: 30px; }
#story .grid1{ background: #333333; color: #fff;  }
#story .con{ padding:10px 20px; }



#contact{ overflow: hidden; padding: 20px 15px; }
#contact .grid{ overflow: hidden; margin-bottom:30px; }
#contact .grid:last-child{ margin-bottom: 0; }
#contact .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #303030; }
#contact .con{ color:#6c6c6c }
#contact .con p{ margin-bottom: 10px; }
#contact .text,#contact .select{ height: 40px; line-height: 40px; padding:0 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; background: #f6f6f6; border:none; }
#contact .btn{ height: 40px; line-height: 40px; padding:0 10px; display: block; width: 100%; text-align: center; box-sizing: border-box; margin-bottom: 10px; background: #fff; border:#1e1e1e 1px solid;}
#contact .textarea{ height: 100px; line-height: 20px; padding:5px 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; background: #f6f6f6; border:none; }

#answer{ overflow: hidden; padding: 20px 15px; }
#answer .grid{ overflow: hidden; margin-bottom:30px; }
#answer .grid:last-child{ margin-bottom: 0; }
#answer .title{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }
#answer .con{ color:#6c6c6c }
#answer .con p{ margin-bottom: 10px; }
#answer .text,#answer .select{ height: 40px; line-height: 40px; padding:0 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; background: #f6f6f6; border:none; }
#answer .textarea{ height: 100px; line-height: 20px; padding:5px 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; background: #f6f6f6; border:none; }
#answer .btn{ height: 40px; line-height: 40px; padding:0 10px; display: block; width: 100%; text-align: center; box-sizing: border-box; margin-bottom: 10px; background: #fff; border:#1e1e1e 1px solid;}
#answer li{ position: relative; overflow: hidden; border-bottom: #e8e8e8 1px solid; padding: 15px 0 15px 30px; }
#answer li:last-child{ border-bottom: none; }
#answer li:before{ content: 'Q'; display: block; position: absolute; top: 12px; left: 0; background: #e8e8e8; padding: 0 5px; z-index: 100; line-height: 20px; color: #fff; }
#answer li .q{ color: #4f4f4f; font-size: 15px; margin-bottom: 5px; font-weight: 700; }
#answer li .a{ color: #606060; font-size: 14px; }
#answer table{ width: 100%; box-sizing: border-box; border-top: #f4f4f4 1px solid; border-left: #f4f4f4 1px solid; font-size: 12px;}
#answer th{ background: #6f6f6f;color: #fff; text-align: center;}
#answer th,#answer td{  border-bottom: #f4f4f4 1px solid; border-right: #f4f4f4 1px solid; padding: 8px 5px;}
#answer td:first-child{ background: #f9f9f9; font-weight: 700; }


.article1{line-height: 1.5;color: #333;font-size: 12px;padding:15px 10px;max-width: 720px;min-width: 320px; margin:0 auto;}
.article1 .title{font-weight: 700;font-size: 15px;margin-bottom: 10px;margin-top:10px;}
.article1 .pic{text-align: center;padding: 10px 0;}
.article1 .indent{text-indent: 2em;margin-bottom: 10px;}