body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #666;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #666;text-decoration: none;}
a:hover {color: #fac22c;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
i,em{font-style: normal;}
input, textarea, select {outline: none;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
.f2f2f2{background: #f2f2f2;}
.middle{display: table-cell;    vertical-align: middle;}
.clear{clear: both;}

@font-face{
    font-family: 'Gats'; 
    src:url('../fonts/Gats.eot');
    src:url('../fonts/Gats.woff') format('woff'),
        url('../fonts/Gats.ttf') format('truetype'),
        url('../fonts/Gats.svg') format('svg');
}




/*menu*/
.logo .fff{display: none;filter: grayscale(100%) brightness(400%);}
.navbar .logo img{max-height: 100%;}
.navbar{position: fixed; top: 0px; left: 0px; width: 100%;z-index: 999; color: #333;}
.navbar-nav li{text-align: center;}
.navbar-nav>li>a{color: #333; border-radius: 15px;line-height: 30px;}
.nav_caidan {position: absolute; left: 0px; line-height: 3; background: rgba(0,0,0,0.8); width: 100%; z-index: 9; display: none;}
.nav_caidan a{display: block; color: #fff;}
.nav_caidan a:hover{background: #beac7e;}
.navbar-nav li span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}
.navbar-nav li:hover>a,.navbar-nav li.act>a{background:#fac22c; color: #fff;}
.navbar-nav li:hover .nav_caidan{display: block;}


.head_ico{float: right;}
.head_ico .phone{background: url(../images/index_15.png) left center no-repeat; display: inline-table; padding-left: 35px; line-height: 30px;}
@media (min-width: 1500px){
    .ind_padding{padding-top: 90px;}
    .navbar{height: 90px;}
    .navbar .logo{margin-top: 25px;}
    .navbar .logo img{height: 40px;}
    .navbar-nav li{padding: 30px 0px;}
    .navbar-nav li>a{padding: 0px 30px;}
    .nav_caidan{top: 90px;}
    .head_ico{margin-top: 30px; margin-left: 20px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_padding{padding-top: 80px;}
    .navbar{height:80px;}
    .navbar .logo{margin-top: 22px;}
    .navbar .logo img{height: 36px;}
    .navbar-nav li{padding: 25px 0px;}
    .navbar-nav li>a{padding: 0px 20px;}
    .nav_caidan{top: 80px;}
    .head_ico{margin-top: 25px; margin-left: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_padding{padding-top: 70px;}
    .navbar{height:70px;}
    .navbar .logo{margin-top: 20px;}
    .navbar .logo img{height: 30px;}
    .navbar-nav li{padding: 20px 0px;}
    .navbar-nav li>a{padding: 0px 12px;}
    .nav_caidan{top: 70px;}
    .head_ico{margin-top: 20px; margin-left: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_padding{padding-top: 70px;}
    .navbar{height:66px;}
    .navbar .logo{margin-top: 18px;}
    .navbar .logo img{height: 30px;}
    .navbar-nav li{padding: 20px 0px;}
    .navbar-nav li>a{padding: 0px 10px;}
    .nav_caidan{top: 66px;}
    .head_ico{display: none;}
}
@media (max-width: 767px) {
    .ind_padding{padding-top: 3.6em;}
    .navbar{ height: 3.6em; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; top:0px;}
    .navbar .logo img{ height: 2em; margin-top: 0.8em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 3.5em;  z-index: 10;  background: rgba(0,0,0,0.9); height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid;line-height: 2; padding: 0.6em 0px;}
    .navbar-collapse li a{color: #fff;}
    .head_ico{display: none;}
    
}
@media (min-width: 768px){
    .navbar .logo{float: left;}
    .navbar-nav{float: left;}
    .navbar-collapse.collapse{float: right; padding: 0px;}
    .navbar-nav li{ position: relative;}
    .header_right .navbar-collapse{padding: 0px; float: left;}
}





.footer{background: url(../images/indexbg_07.jpg) center top no-repeat; background-size: cover; position: relative;}
.footer:before{content:""; position: absolute; left: 55%; top: -40px; background: url(../images/shaoerma_03.png) center center no-repeat; width: 33px; height: 36px;}
.foot_logo .img,.foot_nav .nav,.foot_contact .contact,.foot_erweima .img{display: table-cell; vertical-align: middle; width: 800px;}
.foot_logo .img img{max-width: 60%;}
.foot_nav a{line-height: 2.4;}
.foot_contact h3{line-height: 2;}
.foot_contact p{line-height: 2; padding-left: 26px;}
.foot_contact .phone{background: url(../images/index_100.png) center left no-repeat;}
.foot_contact .email{background: url(../images/index_104.png) center left no-repeat;}
.foot_contact .address{background: url(../images/index_108.png) center left no-repeat;}

.footer_top .foot_erweima{float: right; background: url(../images/erweimabg.png) center center no-repeat; background-size: 100%;padding: 10px; text-align:center;}


.footer_bot{background: #fac22c; color: #fff;}
.footer_bot a{color: #fff; display: inline-table;}

@media (min-width: 1500px){
    .footer_top{padding: 20px 0px;}
    .foot_logo .img,.foot_nav .nav,.foot_contact .contact,.foot_erweima .img{height: 230px;}
    .footer_top .foot_logo{width: 25%;}
    .footer_top .foot_nav{width: 20%;}
    .footer_top .foot_contact{width: 38%;}
    .foot_contact h3{font-size: 24px; margin-bottom: 10px;}
    .footer_top .foot_erweima{width: 17%}
    .footer_bot{line-height: 55px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .footer_top{padding: 20px 0px;}
    .foot_logo .img,.foot_nav .nav,.foot_contact .contact,.foot_erweima .img{height: 230px;}
    .footer_top .foot_logo{width: 25%;}
    .footer_top .foot_nav{width: 20%;}
    .footer_top .foot_contact{width: 38%;}
    .foot_contact h3{font-size: 22px; margin-bottom: 10px;}
    .footer_top .foot_erweima{width: 17%}
    .footer_bot{line-height: 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .footer_top{padding: 20px 0px;}
    .foot_logo .img,.foot_nav .nav,.foot_contact .contact,.foot_erweima .img{height: 216px;}
    .footer_top .foot_logo{width: 25%;}
    .footer_top .foot_nav{width: 20%;}
    .footer_top .foot_contact{width: 38%;}
    .foot_contact h3{font-size: 20px; margin-bottom: 10px;}
    .footer_top .foot_erweima{width: 17%}
    .footer_bot{line-height: 45px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer_top{padding: 20px 0px;}
    .foot_logo .img,.foot_nav .nav,.foot_contact .contact,.foot_erweima .img{height: 230px;}
    .footer_top .foot_logo{width: 25%;}
    .footer_top .foot_nav{width: 16%;}
    .footer_top .foot_contact{width: 42%;}
    .foot_contact h3{font-size: 18px; margin-bottom: 10px;}
    .footer_top .foot_erweima{width: 17%}
    .footer_bot{line-height: 40px;}
}
@media (max-width: 767px) {
    .footer_top{padding: 2em 0px 1.2em;}
    .footer_top .foot_logo{display: none;}
    .foot_nav a{display: inline-table; margin-right: 0.6em;}
    .foot_contact{float: left; width: 65%;}
    .foot_contact h3{font-size: 1.2em; margin-bottom: 10px;}
    .footer_top .foot_erweima{width: 30%;}
    .footer_bot{line-height: 2; padding: 0.6em 2%; text-align: center;}
}
@media (min-width: 768px){
    .footer_top li{float: left;}
    .foot_nav a{display: block;}
    .footer_bot .left{float: left;}
    .footer_bot .right{float: right;}
}


.ind_title{position: relative;}
.ind_title h3{text-transform:uppercase;font-family: 'Gats'; line-height: 1; background: url(../images/index_39.png) left bottom no-repeat; padding-bottom: 8px;}
.ind_title h3 span{background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(to right, #fb7b84, #fac22c 65%);}
.ind_title p{font-weight: bold; color: #666666;}
.ind_title a{position: absolute;right: 0px;bottom: 20%; text-align:center; color: #fb7b84; border:1px #fb7b84 solid;}
.ind_titlefff h3{background: url(../images/index_39fff.png) left bottom no-repeat;}
.ind_titlefff h3 span{background: none; color: #fff;}
.ind_titlefff p{color: #fff;}
.ind_titlefff a{background: #fff;}

.ind_titlecenter{text-align:center;}
.ind_titlecenter h3{background: url(../images/index_39.png) center bottom no-repeat;}
@media (min-width: 1500px){
    .ind_title h3{font-size: 60px;}
    .ind_title p{font-size: 36px; padding-top: 10px;}
    .ind_title a{line-height: 48px; width: 150px; border-radius: 24px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_title h3{font-size: 54px;}
    .ind_title p{font-size: 32px; padding-top: 9px;}
    .ind_title a{line-height: 44px; width: 130px; border-radius: 22px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_title h3{font-size: 48px;}
    .ind_title p{font-size: 28px; padding-top: 8px;}
    .ind_title a{line-height: 38px; width: 120px; border-radius: 19px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title h3{font-size: 36px;}
    .ind_title p{font-size: 22px; padding-top: 6px;}
    .ind_title a{line-height: 32px; width: 100px; border-radius: 16px;}
}
@media (max-width: 767px) {
    #fp-nav{display: none;}
    .ind_title h3{font-size: 1.6em;}
    .ind_title p{font-size: 1.2em; padding-top: 0.2em;}
    .ind_title a{line-height: 2; width: 6em; border-radius: 1em;}
}
@media (min-width: 768px){
    
}