body { margin:0px auto; padding:0px; color:#222; font-size:15px; font-family:"Microsoft YaHei", Arial, sans-serif; }
a:link { color: #222; text-decoration:none; }
a:visited { color: #222; text-decoration:none; }
a:hover { color: #0be; text-decoration:none; }
img,p, h1, h3, ul, li, dl, dd, dt, h2, h4, h5, form, input { margin:0px; border:0px; padding:0; }
li { list-style:none; }
.wrap { margin:0px 8px; }
.main { width:1180px; margin:0px auto; overflow:hidden; }
/*head2*/
#disnone { display:none; }
.headfixed { position:fixed; width:100%; border-bottom:1px solid #ddd; background-color: #fff; z-index:999; }
.headbox{ width: 100%; height: 40px; background: #373d41; display: flex;justify-content: center;  align-items: center; font-size: 14px;}
.head{ width: 1180px; color: #fff;}
.head a{ cursor: pointer;}
.headleft{ float: left;}
.headright{ float: right;}
.headright>a{ color: white;}
.head2 { width:1180px; margin:0 auto; overflow:hidden; padding:10px; }
.logo { display: inline-block; vertical-align: top; height: 60px; float:left; }
.logo img { height: 100%; }
.navtop { float:right; font-size:16px }
.navtop li { float:left; height:60px; line-height:60px; position:relative; margin:0 0 0 24px; _display:inline }
.navtop li a, .navtop li a:visited { position:relative; color:#383838; padding:8px 5px }
.navtop li a:hover { color:#488bff; border-bottom:1px solid #488bff; }
#mtop{ display:none; }
#mtit h1{height:50px;line-height:50px;font-size:18px;color:#fff;text-align: center; font-weight:normal;background:#2c91e0;}
#mnav{height:40px;line-height:40px;background-color:#fff; border-bottom:5px solid #EDEDED;}
#mnav li{float:left; width:25%;text-align: center; }
#mnav li a{display: block; }
/*bottom*/
#bottom{ text-align:center; padding-top:20px; font-size:12px; color:#aaa; border-top:1px solid #ededed;}
#bottom a{font-size:12px;color:#aaa;padding:0px 5px;}
#bottom p{height:20px;}
#bottom .bottom_list a{color:#666;}
.tongji { margin-left:-999em;overflow:hidden;line-height:8px;height:8px; }
/*online*/
.online { position: fixed; width: 42px; bottom:175px; right:10px; z-index: 99; }
.online li { position: relative; display: block; width: 42px; height: 42px; margin-top: 5px; }
.online li .way { position: relative; display: block; width: 42px; height: 42px; text-align: center; background-color: #E91E63; z-index: 10; font-size: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; cursor: pointer; }
.online li .way .icon { display: inline-block; margin: 10px 0px 0px 3px; }
.online li .way .icon.arrow-top { margin-top: 15px; }
.online li .way p { display: block; line-height: 1; font-size: 12px; color: #fff; }
.online .phone .content { display: block;  *display: none;position: absolute; width: 0px; padding: 0 20px; top:0; right: 0px;/* border-radius: 21px; */opacity: 0; line-height: 42px; color: #fff; font-size: 16px; background-color: #E91E63; z-index: 3; overflow: hidden; white-space: nowrap; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;margin-right:47px; }
.online li:hover .content { *display: block; width: 140px; opacity: 1; }
.online .phone .content span:last-child { padding-left: 10px; }
.online .qq { display: block; *display: none;
position: absolute; width: 0px; height: 150px; padding: 0 20px; top:0; right: 0px;  opacity: 0; line-height: 30px; margin-right:47px;color: #fff; font-size: 14px; background-color: #E91E63; z-index: 3; overflow: hidden; white-space: nowrap; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;  }
.online li:hover .qq{*display: block; width: 100px; opacity: 1; }
.online .qq  p{height:30px;line-height: 30px;padding:0;margin:0 auto;overflow:hidden; text-align:center; vertical-align:middle; }
.online .wx .ewm { display: block;  *display: none;position: absolute; top: 50%; margin-top: -51px; right: 51px; opacity: 0; z-index: 3; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.online .wx:hover .ewm { *display: block; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; white-space: nowrap; }
.online .wx .ewm img { display: block; width: 102px; height: 102px; border: 1px solid #ccc; }
.online .wx .ewm .arrow { display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #ccc; top:50%; margin-top: -5px; right:-10px; }
.online .wx .ewm h4 { display: block; margin-top: 6px; color: #333; font-size: 16px; text-align: center; }
.online .wx .ewm p { display: block; text-align: center; font-size: 12px; color: #666; margin-top: 2px; }
.arrow-top { background:url(../../img/online.png) no-repeat 0px 0px; height:12px; padding-left:22px; }
.contact-icon3 { background:url(../../img/online.png) no-repeat 0px -12px; height:24px; padding-left:30px; }
.contact-icon2 { background:url(../../img/online.png) no-repeat 0px -36px; height:24px; padding-left:26px; }
.contact-icon1 { background:url(../../img/online.png) no-repeat 0px -60px; height:24px; padding-left:25px; }
.bdkf a { background:url(../../img/online-words.jpg) no-repeat center center; }
/*gift*/
#honbao{background: url(/img/hongbao.png) center center no-repeat; width: 140px;height: 185px;position: fixed;left: 0px;bottom: 80px; cursor: pointer;z-index:999;}
#zhezhao{width: 100%;height: 100%;background: #000;overflow: hidden;opacity: 0.5; position: fixed;top: 0px;left: 0px;display: none;z-index:999;}
#lingqi{width: 100%; height: 100%;position: fixed;display: none;z-index:999;}
#lingqi .nro{width: 400px;background: #fff;margin: 13% auto; border-radius: 15px; position: relative; padding: 15px 0px; padding-bottom: 30px;}
#lingqi .nro h3{color: #ff8901; border-bottom: 1px solid #ff8901;width: 80%;margin: 0 auto; height: 50px; line-height: 50px;text-align: center;margin-bottom: 20px;}
#lingqi .nro p{width: 76%;font-size: 14px;margin: 0 auto;margin-top: 5px;height: 20px;}
#lingqi .nro .biaodan{width: 76%;margin:0 auto;}
#lingqi .nro .biaodan input{width: 100%; height: 35px;border-radius: 5px;margin-top: 15px;border:1px solid #ff8901;text-indent: 10px;}
#lingqi .nro .biaodan button{width: 100%;border: none;background: #ff8901;height: 35px;color: #FFFFFF;margin-top: 10px;}
#lingqi .nro .biaodan a{width: 100%;border: none;background: #ff8901;height: 35px;color: #FFFFFF;margin-top: 10px;display: block;line-height:35px;text-align:center;}
#lingqi .nro #guanbi{position: absolute;top: 15px;right: 20px; cursor: pointer;}

/*gift*/
#moban{width: 100%;height: auto;display: inline-table; padding: 50px 0px;}
#moban .list{width: 1180px;margin: 0 auto;height: auto;}
#moban .list li{width: 30%;float: left;border: 1px solid #999;margin: 1.5%;padding-bottom: 15px;cursor: pointer;transition: all 0.5s;}
#moban .list li img{width: 100%;}
#moban .list li h4{font-size: 16px;padding: 10px 20px;color: #0be;}
#moban .list li p{font-size: 14px;padding: 5px 20px;color: #999;}
#moban .list li:hover{border:1px solid #00BBEE;}
.servetitle {margin-bottom: 0;padding-bottom: 40px;width: 1180px;margin: 0 auto;}
.servetitle p {font-size: 30px;color: #333;font-weight: bold;line-height: 30px;text-align: center;margin-bottom: 16px;width: 1180px;}
.servetitle span {font-size: 14px;text-align: center;line-height: 24px;width: 1180px;display: block;}
/*product*/
.banner {width: 100%;height: 500px;overflow: hidden;position: relative;text-align: center;background: url(/img/banner.jpg) center center no-repeat;}
.banner .wenan{margin-top: 255px;}
.banner .wenan h3{font-size: 20px;color: #FFFFFF;margin-left: 35px;}
.banner .wenan button{transition:all 0.5s;cursor:pointer;margin-top: 80px;width: 303px;height: 35px;background: #FFFFFF;margin-left: 35px;border: none;font-size: 16px;font-weight: bold;color: #0060f0;}
.banner .wenan button:hover{background: #0060F0;color: #FFFFFF;}
.banner .wenan p{margin-left: 35px;font-size: 14px; margin-top: 8px;color: #FFFFFF;}
.hide {display: none;}
#zhezhao{z-index:33; width: 100%;height: 100%;background: #000;overflow: hidden;opacity: 0.5; position: fixed;top: 0px;left: 0px;display: none;}
#lingqi{z-index: 44; width: 100%; height: 100%;position: fixed;display: none;}
#lingqi .nro{width: 400px;background: #fff;margin: 13% auto; border-radius: 15px; position: relative; padding: 15px 0px; padding-bottom: 30px;}
#lingqi .nro h3{color: #ff8901; border-bottom: 1px solid #ff8901;width: 80%;margin: 0 auto; height: 50px; line-height: 50px;text-align: center;margin-bottom: 20px;}
#lingqi .nro p{width: 76%;font-size: 14px;margin: 0 auto;margin-top: 5px;height: 20px;}
#lingqi .nro .biaodan{width: 76%;margin:0 auto;}
#lingqi .nro .biaodan input{width: 100%; height: 35px;border-radius: 5px;margin-top: 15px;border:1px solid #ff8901;text-indent: 10px;}
#lingqi .nro .biaodan button{width: 100%;border: none;background: #ff8901;height: 35px;color: #FFFFFF;margin-top: 10px;}
#lingqi .nro #guanbi{position: absolute;top: 15px;right: 20px; cursor: pointer;}
@media screen and (max-width:1180px) {.main,.head2{width:980px;}}
/*@media screen and (max-width:770px) {.main,.head2{width:100%;}.navtop{display:none;}.headfixed { position: absolute;display:none;}#mtop{ display:block; }}*/