.hv a:hover { text-decoration: none; color: #003a8a; -webkit-transition: all .5s; transition: all .5s; }
.inn { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma30 { margin: 30px auto; }
.ma50 { margin: 50px auto; }
.mb80 { margin-bottom: 80px; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb50 { padding-bottom: 50px; }
.pb40 { padding-bottom: 40px; }
.pb30 { padding-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pa15 { padding: 15px 0; }
.pa20 { padding: 20px 0; }
.pa30 { padding: 30px 0; }
.pa50 { padding: 50px 0; }
.pa80{padding: 80px 0;}
.inn { width: 1200px; margin-right: auto; margin-left: auto; }
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
body, html { font-family: "Myriad Pro",arial; font-size: 14px; line-height: 2; width: 100%; height: 100%; color: #000;}
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
.menu_top li, .menu_top li a, .menu_top li i, .menu_bottom li a, .menu_top, .nav_left, .hnav.on .nav_left.col-sm-3.on img, .hpro_top li p, .hpro_top li span, .pro_scroll .item > a span { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; }
.m0a { margin: 0 auto; display: block; }
.menu_con li strong,.menu_con li em{transition: all .4s ease-in;}
/* loading */
.loading{width: 100%;height: 100%;overflow: hidden;position: fixed;z-index: 99;left: 0;top: 0;bottom: 0;right: 0;background:#aaaab0;color: #fff;text-align: center;}
.star{position: absolute;width: 100%;left: 0;bottom: 5%;}
.menu_icon{position: fixed;top: 2%;right: 2.5%;z-index: 99;}
.cont_iphone{position: absolute;
    top: 0;
    left: 0;
    /*距离底部的距离为底部盒子的高度，自己也可以设置*/
    overflow-y: scroll;
    width: 100%;
    height: auto;
    -webkit-overflow-scrolling: touch; 
}
.fix_top{position: absolute;left: 0;top: 0;}

.zxjm_p{margin-left: 8%;font-weight: bold;margin-bottom: 10px;font-size: 18px;color: red;}
/*top*/
.navbar-pr{position: absolute;top: 0;left: 0;width: 100%;}
.top{top: 0;left: 0;width: 100%; height: 100%;z-index: 99;padding-top: 3%;transition: all .4s ease-in;}
.topa{z-index: 99;top: 0;left: 0;padding-top: 3%;transition: all .4s ease-in;}
.topa.closed{display: none;}
.top{display: none;}
.top.closed{background-size: cover;display: block;}
.w90{width: 90%;margin-left: auto;margin-right: auto;}
.logo{float: left;}
.menu_icon{float: right;width: 120px;height: 120px;background: url(../images/menu.png) no-repeat center;cursor: pointer;background-size:100%;}
.menu_icon.closed{background: url(../images/closed.png) no-repeat center;cursor: pointer;background-size:100%;}
.menu_con{color: #fff;transition: all .4s ease-in;display: block;left: -100%;position: fixed;opacity: 0;width: 100%;height: 100%;background: url(../images/menu_bg.jpg) no-repeat center;z-index: 99;padding-top: 10%; }
@keyframes menucon{
    0% {left: -100%;opacity: 0;}
    70%{left:20%; opacity: .3}
    100% {left: 0%;opacity: 1;}
}
@keyframes logo{
    0% {margin: -100%;opacity: 0;}
    70%{margin:-0%; opacity: .3}
    100% {margin: 10%;opacity: 1;}
}
.menu_con.closed{animation: menucon 1.2s  ease-in-out;;left: 0%; opacity: 1; }
.menu_con li{position: relative;font-family: David;}
.menu_con li:before{position: absolute;width: 50%;display: block;content:'';height: 2px;background-color: #c78e66;top: 30%;left: -52%;opacity: 0;transition: all .5s linear;}
.menu_con li a{color: #fff;}
.menu_con li strong{display: block;font-weight: normal;opacity: 0;text-transform: uppercase;}
.menu_con li em{display: block;font-style: normal;text-transform: uppercase;font-size: 40px;}
.menu_con li:hover a{color: #c78e66;}
.menu_con li:hover strong{opacity: 1;}
.menu_con li:hover:before{opacity: 1;}
/*首页banner*/
#owl-demobanner .owl-controls .owl-buttons div{display: none;}

/*abouts*/
.abouts_bg{background: url(../images/abouts_bg.jpg) no-repeat center;padding-top: 10%;}
.abouts_con{color: #66584d;}
.abouts_con em{font-style: normal;text-transform: uppercase;font-size: 17px;display: block;letter-spacing: 20px;margin-bottom: 20px;}
.abouts_con strong{font-style: normal;font-size: 88px;font-family: David;text-transform: uppercase;display: block;line-height: 1;}
.abouts_con i{font-style: normal;display: block;font-size: 20px;margin-bottom: 20px;}
.abouts_con ul{margin-bottom: 30px;}
.abouts_con_bottom li{float: left;width: 33%;position: relative;padding-left: 10px;}
.abouts_con_bottom li:after{position: absolute;width: 2px;height: 55px;background: url(../images/icon_abouts.jpg) no-repeat center;display: block;content:'';right: 0;top: 0;}
.abouts_con_bottom li span{display: block;text-align: center;font-size: 35px;line-height: 1;}
.abouts_con_bottom li p{font-size: 13px;}
.abouts_con a.more{display: block;width: 170px;height: 50px;background-color: #372d25;line-height: 50px;text-align: center;color: #fff;margin-bottom: 40px;border-bottom-left-radius: 30px;border-top-right-radius: 30px;}

/*pro*/
.pro_bg{background: url(../images/pro_bg.jpg) no-repeat center top;min-height: 1180px;position: relative;}
.mt200{margin-top: 200px;}
.pt100{padding-top: 50px;}
.pro_ra{z-index: 99;}
.pro_left{color: #fff;position: absolute;z-index: 99;}
.pro_left strong{font-size: 110px;font-family:David;display: block;line-height: 1;text-transform: uppercase;}
.pro_left b{font-size: 66px;text-transform: uppercase;font-family:David;font-weight: normal;}
.pro_left em{font-size: 44px;font-style: normal;text-transform: uppercase;font-family:David;font-weight: normal;}
.pro_left img{margin-top: 50px;margin-bottom: 60px;}
.pro_r{right: 0;bottom: 0;z-index: 99;}
.pro_lefta{z-index: 999;color: #fff;}
.pro_lefta span{display: block;font-size: 40px;}
.pro_lefta span a{color: #fff;}
.pro_lefta p{width: 60%;}
.pro_lefta a.more{display: block;width: 170px;height: 50px;background-color: #372d25;line-height: 50px;text-align: center;color: #fff;margin-bottom: 40px;border-bottom-left-radius: 30px;border-top-right-radius: 30px;margin-top: 50px;}
.owl_pro_con{position: absolute;bottom: 0;left: 0;width: 90%;margin-left:5%;margin-right: auto;bottom: 120px;}
#owl_pro .item{position: relative;}
#owl_pro .owl-pagination{display: none;}
#owl_pro .owl-buttons{position: absolute;bottom: -107px;}
#owl_pro .owl-buttons div{position: static;display: block;padding: 0;margin: 0;width: 120px;height: 80px;border-radius: 0;float: left;margin-right: 10px;line-height: 50;overflow: hidden;}
#owl_pro .owl-buttons div.owl-prev{background: #eae8e8 url(../images/l.png) no-repeat center;}
#owl_pro .owl-buttons div.owl-next{background: #eae8e8 url(../images/r.png) no-repeat center;}

/*pro_b*/
.pro_b{background: url(../images/prob_bg.jpg) no-repeat right top;padding-top: 40px;margin-bottom: 30px;}
.pro_b li{float: left;width: 20%;padding: 0 5px;color: #66584d;text-align:right;}
.pro_b li img{max-width: 100%;}
.pro_b li:nth-child(2n){margin-top: 15px;}
.pro_b li em{font-size: 16px;text-transform: uppercase;letter-spacing: 10px;font-style: normal;display: block;}
.pro_b li span{font-size: 50px;text-transform: uppercase;line-height: 1;font-family: david;}
.pro_b li a.more{display: block;width: 170px;height: 50px;background-color: #372d25;line-height: 50px;text-align: center;color: #fff;border-bottom-left-radius: 30px;border-top-right-radius: 30px;float: right;}
.pro_b li.fr{float: right;}

/*hexin*/
.hexin_bg{background: url(../images/mid.jpg) no-repeat center;}
.mid_t li{color: #66584d;}
.mid_t li strong{display: block;font-size: 110px;font-weight: normal;letter-spacing:10px;line-height: 1;}
.mid_t li em{display: block;font-size: 44px;font-style: normal;text-transform: uppercase;line-height: 1.2;}
.mid_t li span{font-size: 40px;}
.mid_t li b{font-size: 40px;font-weight: normal;}
.mid_t li i{width: 45px;height: 2px;background-color: #372d25;display: block;margin-bottom: 20px;}
.mid_t li p{font-size: 16px;margin-bottom: 30px;}
.mid_t li a.more{display: block;width: 170px;height: 50px;background-color: #372d25;line-height: 50px;text-align: center;color: #fff;border-bottom-left-radius: 30px;border-top-right-radius: 30px;}
.mid_b li:after{position: absolute;display: block;content: '';background: url(../images/mid.png) no-repeat center;width: 5px;height: 45px;right: 0;bottom: 0;}
.mid_b li:first-child:before{position: absolute;display: block;content: '';background: url(../images/mid.png) no-repeat center;width: 5px;height: 45px;left: 0;bottom: 0;}
.mid_b li{height: 60px;text-align: center;line-height: 24px;}
.mid_b li:last-child p{margin-top: -24px;}

/*news*/
.news_bg{background:#271c18 url(../images/news_bg.jpg) no-repeat center bottom;overflow: hidden;}
#owl_news .owl-pagination{display: none;}
#owl_news .owl-controls .owl-buttons div{display: block;padding: 0;margin: 0;line-height: 99;overflow: hidden;width: 105px;height: 200px;}
#owl_news .owl-controls .owl-buttons div.owl-next{background: url(../images/right.png) no-repeat center;}
#owl_news .owl-controls .owl-buttons div.owl-prev{background: url(../images/left.png) no-repeat center;}
#owl_news .item{position: relative;}
#owl_news .item .news_con{position: absolute;width: 100%;text-align: center;bottom: 0;left: 0;z-index: 99;color: #fff;}
.news_con span{font-size: 16px;display: block;}
.news_con p{width: 80%;margin: 0 auto;color: #b8b8b8;margin-bottom: 20px;}
.new_more{background: url(../images/more_bg.jpg) no-repeat center; height: 190px;overflow: hidden;}
.new_more a.more{display: block;width: 170px;height: 50px;background-color: #372d25;line-height: 50px;text-align: center;color: #fff;margin-bottom: 40px;border-bottom-left-radius: 30px;border-top-right-radius: 30px;margin: 70px auto;}
.news_title strong{font-size: 40px;color: #66584d;line-height: 1;}
.news_title p{color: #66584d;font-size: 44px;font-family: David;text-transform: uppercase;}

/*foot*/
.foot_bg{background:#000 url(../images/foot_bg.jpg) no-repeat center bottom;color: #fff;overflow: hidden;}
.foot_bg a{color: #fff;}
.foot_a_left strong{font-size: 44px;font-weight: normal;text-transform: uppercase;font-family: David;line-height: 1;margin-bottom:10px;display: block;}
.foot_a_left p{font-size: 30px;}
.foot_a_right strong{font-weight: normal;font-size: 20px;display: block;margin-bottom: 30px;}
.foot_a_right a{display: block;color: #ccc;line-height: 3;}
.foot_a{margin-bottom: 40px;}
.foot_b li img{display: inline-block; vertical-align: baseline;margin-right: 30px;padding-top: 10px;}
.foot_b li div{display: inline-block; vertical-align: baseline; text-align:left;text-transform: uppercase;font-size: 16px;line-height: 1.7;}
.foot_bot{border-top: 1px solid rgba(255,255,255,.3);padding-top: 80px;padding-bottom: 10px;}

.ftell{position: relative;margin-right: 10px;}
.ftell p{position: absolute;left: -300%;top: 5px;opacity: 1;z-index: 0;display: none;}
.fsea .sousuoa{color: #333;width: 200px;padding-left: 10px;height: 30px;line-height: 30px;float: left;}
.fsea .sousuob{background-color: #c78e66;border: 0;height: 30px;line-height: 30px;float: left;}
.fsea{position: relative;}
.fsea div{position: absolute;top: -110%;right: 0;overflow: hidden;min-width: 240px;display: none;}
.fmobile{position: relative;margin-left: 10px;}
.fmobile span{position: absolute;display: block;right: 0;top: -100px;display: none;}


/*ban*/
.ban_content{position: relative;}
.ban_con {position: absolute;left: 0;width: 100%;z-index: 99;color: #fff;top: 50%;transform: translateY(-50%);}
.ban_con strong{font-size: 50px;font-weight: normal;font-family: david;text-transform: uppercase;display: block;line-height: 1.2;margin-bottom: 30px;}

/*abouts content*/
.abouts_con_bg{background-color: #efedec;padding: 50px;}
.abouts_con_bga{background: url(../images/abouts_bga.jpg); padding-top: 100px;}
.mt100{margin-top: 100px;}
.abouts_con_right em{display: inline-block;width: 100px;height: 1px;background-color: #66584d;margin-right: 10px;}
.abouts_con_right i{font-size: 20px;font-family: david;text-transform: uppercase;}
.abouts_con_right span{font-size: 20px;font-style: italic;}
.abouts_con_right strong{display: block;font-size: 14px;line-height: 3;margin: 20px 0;}
.abouts_con_right p{color: #605f5f;margin-bottom: 20px;}
.abouts_con_d strong{display: block;font-size: 35px;color: #66584d;text-transform: uppercase;line-height: 1;}
.abouts_con_d b{font-size: 35px;}
.abouts_con_b li strong{font-size: 30px;color: #66584d;text-transform: uppercase;line-height: 1;font-family: david;display: block;}
.abouts_con_b li b{display: block;font-size: 30px;font-weight: normal;}
.abouts_con_b li p{color: #777;}
.abouts_con_b li span{font-size: 16px;font-weight: bold;}
/*brand*/
.branda li span{display: block;font-size: 35px;line-height: 1.4;text-transform: uppercase;font-family: david;white-space: nowrap;color: #66584d;}
.branda li i{font-style: normal;font-size: 35px;color: #66584d;}
.branda li strong{font-size: 14px;color: #c78e66;display: block;margin-bottom: 20px;margin-top: 20px;}
.brandb b{font-weight: normal;letter-spacing: 10px;color: #c78e66;text-transform: uppercase;display: inline-block;}
.brandc_con{position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;}
.brandc_con em{display: block;font-style: normal;font-size: 35px;text-transform: uppercase;font-family: david;}
.brandc_con span{font-size: 35px;display: block;color: #c78e66;margin-bottom: 40px;}
.brandc_con b{display: block;}
.brandc_con p{margin-bottom: 20px;}
.brandd b{font-size: 50px;display: block;font-style: normal;line-height: 1.2;}
.brandd b em{display: block;font-style: normal;color: #c78e66;}
.brandd i{font-style: normal;display: block;font-size: 17px;color: #c78e66;text-transform: uppercase;letter-spacing: 10px;margin-bottom: 10px;}
.brandd span{font-size: 20px;margin-bottom: 20px;display: block;}

/*products*/
.side_top { border-bottom: 1px solid #ccc; margin: 20px 0; padding-bottom: 10px; line-height: 45px; }
.side_top span { float: right; margin-right: 30px; }
.side_top li { float: left; margin-right: 30px; }
.side_top li a { padding: 0 15px; display: block; }
.side_top li:hover a, .side_top li.cur a { background-color: #c78e66; color: #fff; }
.side { margin-top: 20px; }
.side li { text-align: center; }
.side li a { display: block; line-height: 55px; border: 1px solid #ccc; margin-bottom: 15px; }
.side li:hover a, .side li.cur a { background-color: #c78e66; color: #fff; }

/*pro*/
.pro_con_a em{display: block;text-transform: uppercase;font-size: 12px;font-family: david;font-style: normal;color: #66584d;margin-top: 30px;}
.pro_con_a span{display: block;font-size: 35px;line-height: 1;margin: 15px 0;}
.pro_con_a i{font-style: normal;text-transform: uppercase;font-size: 35px;line-height: 1;font-family: david;color: #66584d;margin-bottom: 20px;display: block;}
.pro_con_a img{margin-bottom: 20px;}
.pro_title em{font-style: normal;display: block;text-transform: uppercase;}
.pro_title span{display: block;font-size: 35px;line-height: 1.5;}

/*conteny*/
.pdTitle{font-size: 22px;}
.pdTitle b{font-weight: normal;}

.con img{max-width: 100%;}
/*1920*/
@media (min-width: 1441px) {
    .abouts_bg{padding-top: 180px;padding-bottom: 100px;}
    .foot_bg{padding-top: 150px;}
    .brandc_con{padding-top: 10%;}
}
/*1366-1440*/
@media (max-width: 1440px) and (min-width: 1366px) {
    .top,.topa{padding-top: 2%;}
    .logo a img{width: 80%;}
    .menu_icon{width: 100px;height: 100px;}
    .menu_con li em{font-size: 30px;line-height: 1.8;}
    .menu_con li strong{font-size: 16px;}
    .menu_con{margin-top: 0;}
    .brandc_con{padding-top: 5%;}
    /*foot*/
    .foot_bg{padding-top: 100px;}
}
/*1024-1366  pad pro*/
@media (max-width: 1365px) and (min-width: 1024px){
    .menu_con li em{font-size: 25px;line-height: 1.7;}
    .menu_con li strong{font-size: 12px;}
    .logo img{width: 60%;}
    .menu_icon{width: 80px;height: 80px;}
    .menu_con{margin-top: 10px;}
    .pro_b li span{font-size: 35px;}
    .pro_b li em{letter-spacing: 2px;   }
    .pro_b li p{font-size: 12px;}
    .brandc_con span{margin-bottom: 20px;}
}
/*768-1024 pad*/
@media (max-width: 1023px) and (min-width: 768px) {
    .menu_con li:before{display: none !important;}
    .menu_con li em{font-size: 25px;line-height: 1.7;}
    .menu_con li strong{font-size: 12px;}
    .logo img{width: 60%;}
    .menu_icon{width: 60px;height: 60px;}
    .menu_con{margin-top: 10px;}
    /*abouts*/
    .abouts_con strong{font-size: 50px;}
    .pro_bg{min-height: 1100px;}
    .pro_b li{float: left;width: 50%;margin-bottom: 15px;}
    .pro_b li:nth-child(2n){margin-top: 0;}
    .pro_b li.fr{width: 100%;text-align: left;}
    .pro_b li a.more{float: left;}
    .w90{width: 100%;}
    .container{width: 100%;}
    .brandc_con em{font-size: 25px;line-height: 1.5;}
    .brandc_con span{font-size: 22px;margin-bottom: 0;}
    .brandc_con p{font-size: 12px;}
    .branda .text-right{text-align: left;}
}
/*767 mobile*/
@media (max-width: 767px) {
    .navbar-pr{width: auto;height: auto;}
    .menu_con li:before{display: none !important;}
    .navbar-brand{padding: 0;margin-left: 15px;}
    .menu_con li em{font-size: 18px;}
    .logo img{width: 50%;}
    .menu_icon{width: 50px;height: 50px;}
    .mid_t li strong{font-size: 50px;}
    .mid_t li em,.mid_t li span,.mid_t li b{font-size: 20px;}
    .mid_t li a.more{margin-bottom: 20px;}
    .new_more a.more{margin-bottom: 10px;margin-top: 10px;}
    .new_more{height: 70px;}
    #owl_pro .owl-buttons div{width: 80px;height: 40px;}
    /*abouts*/
    .abouts_con_bg{padding: 0 15px;}
    .abouts_con_right em{width: 30px;}
    .abouts_con_right strong{line-height: 2;}
    .mt50{margin-top: 15px;}
    .mt30{margin-top: 10px;}
    .abouts_con em{letter-spacing: 10px;}
    .abouts_con strong{font-size: 30px;}
    .abouts_con a.more{margin-top: 15px;}
    /*pro*/
    .pro_bg{min-height: 620px;}
    .pro_lefta p{width: 100%;}
    .pro_lefta span{font-size: 30px;}
    .pro_lefta a.more{margin: 20px 0;}
    .pro_b li{float: left;width: 50%;margin-bottom: 10px;}
    .pro_b li.fr{width: 100%;text-align: left;}
    .pro_b li a.more{float: left;}
    .pro_b li:nth-child(2n){margin-top: 0;}
    .pro_b li span{font-size: 30px;}
    /*news*/
    #owl_news .item .news_con{position: static;}
    #owl_news .owl-controls .owl-buttons div{top: 0;height: 120px;}
    #owl_news .owl-controls .owl-buttons div.owl-prev{background-size:100%; width: 45px;}
    #owl_news .owl-controls .owl-buttons div.owl-next{background-size:100%; width: 45px;}
    .news_title strong{font-size: 25px;color: #333;}
    .news_title p{font-size: 20px;color: #333;}
    .ma30{margin: 15px 0;}
    /*foot*/
    .foot_bot{padding-top: 20px;}
    .ma50{margin: 20px auto;}
    /*abouts content*/
    .w90{width: 100%;}
    .abouts_con_bga{padding-top: 20px;}
    .mt100{margin-top: 20px;}
    .mb50{margin-bottom: 10px;}
    /*brand*/
    .branda li span,.branda li i{font-size: 22px;}
    .branda .text-right{text-align: left;}
    .brandc_con em{font-size: 22px;}
    .brandc_con span{font-size: 25px;}
    .brandd b{font-size: 25px;display: block;margin-top: 20px;}
    .brandd span{margin-bottom: 10px;}
    .brandc_con em{margin-top: 20px;}
    .ban_con {top: 70%;}
    .ban_con strong{font-size: 18px;}
    .side li a{line-height: 40px;margin-bottom: 10px;}
    .arList li h3{font-size: 14px;line-height: 2;}

    /*手机站*/
    .menu_icon.closed{background: url(../images/menu.png) no-repeat center;background-size: 100%;}
    .menu_con.closed{animation: demo 1.2s  ease-in-out forwards; animation-fill-mode:forwards; }
    /* */

}