@charset "utf-8";
/**
 *Author: 广州学邦信息技术有限公司
 *tel：020-85645527
 *Domain：www.xuebansoft.com
 *version: v0.1.2016-07-27;
 *介绍:通用的css; 
 */
/* reset */

/*声明 思源字体-Regular*/
@font-face {
    font-family: 'siyuanHei';
    src: url('http://pingtai-prd.oss-cn-shenzhen.aliyuncs.com/frontend-static/NotoSansHans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
*{margin:0;padding:0;}
html,body{width:100%;min-width: 1000px;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,i,b,s,img,q,small,strong,dd,dl,dt,li,ol,ul,form,label,table,tbody,tr,th,td,input,select,button,textarea{ margin: 0; padding: 0;}
body{background:#FDFDFD;}
body,input,button,select,textarea{font: 14px/1.5 PingFangSC-Regular,微软雅黑,Helvetica,Tahoma,Arial,"Hiragino Sans GB",siyuanHei,SimSun,Heiti,sans-serif,tahoma,arial;color: #333;}
a img,:link img,:visited img,img {border: 0;}
em,i{font-style:normal; }
ol,ul,li {list-style: none;}

button{cursor:pointer;_cursor:hand;}
button,input,label{border:none;}
button,input,select,textarea{font-size:12px;}
button::-moz-focus-inner, 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;
}
input,textarea{outline:medium;}

/*clear float*/
.cl:after{content:'.';visibility:hidden;height:0;width:0;display:block;*display:block;_display:inline-block;clear:both; line-height:0; font-size:0;overflow:hidden;}
.cl{zoom:1;}

.l {float:left;}
.r {float:right;}

/* link */
a{color:#333;text-decoration:none; cursor:pointer;}
a:hover{text-decoration: none }
.white{color: white}
.margin-bottom-5{
    margin-bottom: 5px;
}

/*common*/
.wp{width:1000px;margin:0 auto;}


/*header*/
.header{background: #fff; height: 100px; position: relative;  z-index: 9;}
.logo{float: left; width: 240px; margin-top: 33px;}
.logo a{}

.nav{float:left; width: 550px; height: 100px;}
.nav .m{float: left;}
.nav .m a{float: left; padding: 0 15px; font-size: 15px; height: 100px; line-height: 100px;}
.nav li.on a,
.nav .m a:hover{color: #06c;}

.subNav{ width:100%;  position:absolute; left:0; top: 80px; height: 0; line-height: 40px; background:#fff;   z-index: 11; overflow: hidden;}
.subNav .inSubNav{width: 1000px; margin: 0 auto;}
.subNav ul{}
.subNav li{ float:left; opacity:0; filter:alpha(opacity=0);}
.subNav li a{ display:block; padding:0 10px; margin:0 5px; color: #06c;}
.subNav li a:hover{color:#06c; font-weight: bold;}

#sub-product ul{padding-left: 300px; *padding-left: 310px;}
.subNav-show{height: auto;}
.subNav-show li{opacity:1\9\0;filter:alpha(opacity=100); -webkit-animation: left .8s forwards; -ms-animation: left .8s forwards; animation: left .8s forwards}
.subNav-show li:nth-child(1){-webkit-animation-delay:0;animation-delay:0}
.subNav-show li:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.subNav-show li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.subNav-show li:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}
.subNav-show li:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}
.subNav-show li:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}
.subNav-show li:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}
.subNav-animation{-webkit-animation: sub-show .5s; -ms-animation: sub-show .5s; animation: sub-show .5s}
.subNav-animationC{-webkit-animation: sub-close .5s; -ms-animation: sub-close .5s; animation: sub-close .5s}


.headerLink{float: right; width: 210px; margin-top: 33px;}
.headerLink a{width: 90px; height: 32px; line-height: 32px; text-align: center; float: left; background-image: url(../images/buttonbg.png); background-repeat: no-repeat;}
.headerLink a.btn-taste{background-position: 0 0; color: #06c;}
.headerLink a.btn-login{background-position: -110px 0; color: #fff; margin-left: 20px;}
.headerLink a:hover{background-position: -220px 0; color: #fff;}


.footer{background:url(../images/footerbg.jpg) repeat-y center top; padding: 35px 0 30px;}
.botLink{}
.botLink li{float: left; width: 110px; margin: 0 45px; text-align: center;}
.botLink li h4{color: #fff; font-weight: lighter; color: #eee; font-size: 20px; padding-bottom: 10px;}
.botLink li .ulis{padding-top: 8px;}
.botLink li .ulis span{display: block; padding: 3px 0;}
.botLink li .ulis span a{color: #fff; font-size: 16px;}
.botLink li .ulis span a:hover{opacity: 0.8; filter: alpha(opacity=80);}
.botLink .followM h4{ text-align: center;}
.botLink li a.btnjoin{border: 1px solid #fff; border-radius: 30px; padding: 3px 15px; margin-top: 10px; width: 66px; display: block; text-align: center; margin: 0 auto;}

.footer .botAddress{color: #fff; text-align: center; font-size: 16px; padding: 20px 0 0;}

.botOrLink {text-align:center;padding-top: 45px;}
.botOrLink h3{font-size: 30px; line-break: 30px; border-bottom: 1px solid #fff; padding-bottom: 15px; color: #fff; font-weight: lighter;}
.botOrLink .friendLink{margin-top: 15px;}
.botOrLink .friendLink span{padding: 0 5px; color: #fff; font-size: 14px;}
.botOrLink .friendLink span a{color: #fff; }

.copyRight{padding: 15px 0 0; text-align: center;}
.copyRight p{color: #fff; font-size: 14px;}
.copyRight .contactLink{text-align: center;padding-top: 20px;}
.copyRight .contactLink li{display: inline-block;display: inline;padding: 0 20px;}


/*.floatMenu li.on span.fm_hotline{background-position:-90px -147px;}*/


/*.floatMenu li.on .showDiv{display:block;}*/

.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 999;}
.hiddenItem {
    display:none;
}