body { color:#686868; font-size:14px; font-family:"Arial","Microsoft YaHei"; } /*"HYSong", */
html{ overflow-y:scroll;}
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"microsoft yahei", "宋体";} /*"HYSong", */
/*@font-face {
    font-family: "HYSong";
    src: url("../fonts/HYSongYunLangHeiW.ttf") format("truetype");
}*/

/*@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot');
  src: url('http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts//glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
  url('http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
  url('http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px; 
  width: 15px;
  height: 15px;
  color: #000;
}
.glyphicon-star{
    content: "\e006";
}*/

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }


#loading{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top:0;
  left: 0;
  z-index: 9999;
}
#loading >i{
    width: 64px;
    height: 64px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    /*background: url("../images/spinner-2.gif") no-repeat;*/
}

.container{ overflow:hidden; position:relative; margin: 0 auto; max-width: 1920px; color: #646464;}/*color: #a79d95;*/

.main-header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; height: 115px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.main-header .main_logo{ position: absolute; left: 50%; margin-left: -64px; width: 128px; height: 100%; background: url(../images/icons/logo-1.png) no-repeat center; background-size:100% 40%;}
.main-header .home_btn{ width: 116px; height: 100%; margin-top: 2px;left: 0; position: absolute; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.main-header .home_btn a{ display: block; height: 100%; background: url(../images/icons/home.png) no-repeat center; }
.main-header .menu{ position: absolute; right: 70px; top: 42px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.main-header .menu a{ display: inline-block; position: relative; padding: 0 10px; color: #7b7b7b; font-size: 16px; margin-left: 30px; line-height: 30px; }
.main-header .menu a:hover,.main-header .menu a.active{ color: #000; }
.main-header .menu a::after{ content: ''; position: absolute; bottom: -5px; width: 0; height: 2px; background: #000; left: 50%; margin-left: -11px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.main-header .menu a.active::after{ width: 22px; }
.main-header .home_btn.active{ opacity: 0.3; }
.main-header .home_btn:hover{ opacity: 0.7; }
.main-header.collor_active{ border-bottom: 1px solid #ccc; height: 80px; background: #fff; }
.main-header.collor_active .menu{ top: 25px; }
.main-header.collor_active .main_logo{ background-size:100% 57%; }

img.img-middle{width: 100%; text-align: center; }
img.img-middle.w100{width: 120px}
img.img-middle-52{width: 52%; text-align: center; }
img.img-middle-35{width: 35%; text-align: center; }
img.img-middle-30{width: 30%; text-align: center; }
img.img-middle-20{width: 20%; text-align: center; }

.main-foot{ background: #1b1b1b; padding: 0px 0 0;}
.main-foot .all{ width: 100%; margin: 0 auto;}
.footer {width: 100%; height: 150px;}
.footer .all{ width: 100%; margin: 0 auto; text-align: center}
.main-foot .all.white-bg{ background: #fff; text-align: center; padding-top: 50px; padding-bottom: 40px}
.main-foot .border{ border-bottom: 1px solid #313131; }
.main-foot .code{ padding-bottom: 40px; }
.main-foot .contact .all div{ float: left; position: relative; font-size: 18px; color: #848484; height: 98px; }
.main-foot .contact div a{ color: #848484; }
.main-foot .contact i{ position: absolute; right: 0; width: 1px; background: #848484; height: 34px; top: 50%; margin-top: -17px; }
.main-foot .contact span{ padding-left: 50px; display: inline-block; line-height: 98px; }
.main-foot .contact .tel{ width: 274px; }
.main-foot .contact .mess{ width: 360px; text-align: center; }
.main-foot .contact .add{ width: 366px; text-align: right; }
/*.main-foot .contact .tel span{ background: url(../images/ficon1.png) no-repeat left center; }
.main-foot .contact .mess span{ background: url(../images/ficon2.png) no-repeat left center; }
.main-foot .contact .add span{ background: url(../images/ficon3.png) no-repeat left center; }*/
.main-foot .copy{ height: 84px; line-height: 84px; color: #848484; text-align: center; }
.main-foot .copy span{ margin-left: 20px; }
.main-foot .copy .all{ position: relative; }
.main-foot .copy a{ color: #848484; }
/* .main-foot .copy .btn{ position: absolute; right: 0; top: 50%; margin-top: -17px; }
.main-foot .copy .btn a{ margin-left: 20px; }
.main-foot .copy .btn a:hover{ opacity: 0.8; } */
.fixbtn{ position: fixed; right: 40px; bottom: 28px; z-index: 100; }
.fixbtn a{ margin-left: 20px; width: 30px; height: 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: inline-block; }
.fixbtn a:hover{ opacity: 0.8; }
/*.fixbtn a.sina{ background: url(../images/sina.png) no-repeat center; }
.fixbtn a.dy{ background: url(../images/dy.png) no-repeat center; }
.fixbtn.active a.sina{ background: url(../images/sina2.png) no-repeat center; }
.fixbtn.active a.dy{ background: url(../images/dy2.png) no-repeat center; }*/

.main_mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; display: none; opacity: 0; visibility: hidden; z-index: 1000; }
.main_mask.active{ opacity: 0.5; visibility: visible; }
.small_menu{ display: none; width: 35px; height: 30px; position: absolute; right: 50px; top: 46px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.small_menu span{ display: block; position: absolute; width: 100%; height: 3px; left: 0; background: #888888;/*#000;*/ }
.small_menu .sp1{ top: 0; }
.small_menu .sp2{ top: 13px; }
.small_menu .sp3{ bottom: 0; }
.main-header.collor_active .small_menu{ top: 29px; }
/*.section1 .sublined {margin-top: 15px}*/

.sub_menu{ position: fixed; display: none; right: 0; top: 0; height: 100%; background: #fff; z-index: 10000; transform: translateX(100%); -webkit-transform: translateX(100%); }
.sub_menu.active{ transform: translateX(0); -webkit-transform: translateX(0); }
.sub_menu ul{ padding-top: 60px; }
.sub_menu li{ border-bottom: 1px solid #ddd; }
.sub_menu li a{ line-height: 60px; display: block; font-size: 14px; color: #000; padding-left: 20px; }

/*div.um_icon{width: 100%; padding-left: 50%; margin-bottom: 2px;}
.balloon { margin-left: -35px; background: url(../images/icons-s.PNG) no-repeat; background-position: -96px -193px; width: 75px; height:60px; background-size: 350px 275px;}
*/

/*.myy-glypicon{ width: 75px; padding-left: 50%;}*/
.myy-glyphicon {margin-top: 35px; height: 53px}
.myy-glyphicon > img{ width: 50px }

.myy-glyphicon.gift {height: 43px}
.myy-glyphicon.gift > img{ width: 40px }

@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1024px) {
    .main-foot .all{ width: 100%; box-sizing: border-box; padding: 0 20px; }
    .main-foot .contact .tel{ width: 30%; }
    .main-foot .contact .mess{ width: 35%; }
    .main-foot .contact .add{ width: 35%; }
    .small_menu{ display: block; }
    .sub_menu{ width: 30%; }
    .sub_menu{ display: block; }
    .main_mask{ display: block; }
}
@media only screen and (max-width: 510px) {
    .main-header { height: 70px; }
    .main-header.collor_active{ height: 60px; }
    .main-header .qa_btn,.main-header .home_btn{ width: 90px; }
    .main-header .home_btn a,.main-header .qa_btn a{ background-size: 30px auto; }
    .main-header .main_logo{ margin-left: -49px; width: 98px; background-size: 100% 50%; }
    .main-foot .contact .tel,.main-foot .contact .mess,.main-foot .contact .add{ width: 100%; text-align: left !important; height: 40px !important; }
    .main-foot .contact span{ line-height: 40px; background-size: 20px auto !important; }
    .main-foot .contact i{ display: none; }
    .main-foot .copy{ height: 40px; line-height: 40px; font-size: 10px; }
    .main-foot .code>div img{ width: 100px; }
    .main-foot .code>img{ width: 25%; }
    .main-foot .code{ padding-bottom: 20px; }
    .main-foot .copy .btn{ display: none; }
    .sub_menu{ width: 40%; }

    .icon { margin-left: -35px; background: url(../images/icons-s.PNG) no-repeat; width: 75px; height:60px; background-size: 350px 275px;}
    .balloon { background-position: -96px -193px;}
    .gift { background-position: -96px -103px;}
    .candle { background-position: -1px -103px;}
    .star {background-position: -1px -193px;}

    .small_menu{ width: 26px; height: 20px; position: absolute; right: 50px; top: 46px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
    .small_menu span{ display: block; position: absolute; width: 100%; height: 2px; left: 0; background: #888888;/*#000;*/ }
    .small_menu .sp1{ top: 0; }
    .small_menu .sp2{ top: 9px; }
    .small_menu .sp3{ bottom: 0; }
    .small_menu{ right: 28px; top: 24px !important; }

    img.img-middle-52{width: 52%; text-align: center; }



}