html{ font-family: "微软雅黑";}
body,div,p,a,span,img,ul,li{ padding: 0; margin: 0;}
a{ display: block; text-decoration: none;}
img{ border: none;}
ul,li{ list-style: none;}
/*顶部*/
.huany{ width: 100%; height: 30px; border-bottom: 1px solid #ddd;}
.huany .huany_main{ width: 1200px; height: 30px; line-height: 30px; margin: 0 auto;}
.huany .huany_main .huany_left{ float: left; width: 450px; height: 30px; overflow: hidden;}
.huany .huany_main .huany_left .huany_app{ float: left; color: #555; padding-left: 20px; font-size: 12px; overflow: hidden; background: url(../images/shouji.png) 0 center/13px no-repeat;}
.huany .huany_main .huany_left .huany_app:hover{ color: #f60;}
.huany .huany_main .huany_left span{ float: left; margin: 8px 15px 0; width: 1px; height: 14px; background-color: #ddd; display: block;}
.huany .huany_main .huany_left p{ float: left; font-size: 12px; color: #555; overflow: hidden;}
.huany .huany_main .huany_left .huany_dl{ float: left; margin-left: 25px; overflow: hidden;}
.huany .huany_main .huany_left .huany_dl a{ float: left; font-size: 12px; color: #555; overflow: hidden;}
.huany .huany_main .huany_right{ float: right; height: 30px;}
.huany .huany_main .huany_right>li{ float: left; height: 30px; margin-left: 25px; position: relative;}
.huany .huany_main .huany_right>li>a{ font-size: 12px; float: left; color: #555; height: 30px; overflow: hidden;}
.huany .huany_main .huany_right>li>a:hover{ color: #ff6000;}
.huany .huany_main .huany_right>li:hover .huany_erji{ display: block;}
.huany .huany_main .huany_right>li:hover .huany_ejwx{ display: block;}
.huany .huany_main .huany_right>li:hover .huany_fuw{ display: block;}
.huany .huany_main .huany_right>li>a span{ float: right; width: 12px; height: 30px; display: block; background: url(../images/xiala.png) center right/7px no-repeat;}
.huany .huany_main .huany_right>li:hover a span{ background-position: center left; transform:rotate(180deg); -ms-transform:rotate(7deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.huany .huany_main .huany_right>li .huany_erji{ display: none; width: 170px; padding: 5px 10px 10px; height: auto; border: 1px solid #ddd; border-top: none; position: absolute; top: 30px; left: -10px; z-index: 3; overflow: hidden; background-color: #fff;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_tit{ width: 170px; height: 30px; line-height: 30px; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_tit p{ float: left; width: 75px; height: 30px; font-size: 14px; font-weight: bold; color: #555;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_cont{ width: 170px; height: auto; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_cont ul{ width: 75px; height: auto; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_cont ul li{ width: 75px; height: 25px; line-height: 25px; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_cont ul li a{ width: 75px; height: 25px; color: #555; font-size: 12px; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_erji .huany_erji_cont ul li a:hover{ color: #ff6000;}
.huany .huany_main .huany_right>li .huany_ejwx{ display: none; width: 100px; padding: 10px; height: auto; border: 1px solid #ddd; border-top: none; position: absolute; top: 30px; left: -42px; z-index: 3; overflow: hidden; background-color: #fff;}
.huany .huany_main .huany_right>li .huany_ejwx img{ display: block; width: 100%; height: auto;}
.huany .huany_main .huany_right>li .huany_ejwx p{ width: 100px; height: 25px; line-height: 25px; font-size: 14px; color: #555;}
.huany .huany_main .huany_right>li .huany_fuw{ display: none; width: 90px; padding: 5px 10px 10px; height: auto; border: 1px solid #ddd; border-top: none; position: absolute; top: 30px; left: -26px; z-index: 3; overflow: hidden; background-color: #fff;}
.huany .huany_main .huany_right>li .huany_fuw li{ width: 90px; height: 30px; line-height: 30px; overflow: hidden;}
.huany .huany_main .huany_right>li .huany_fuw li a{ width: 90%; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #555; text-align: center;}
.huany .huany_main .huany_right>li .huany_fuw li a:hover{ color: #ff6000;}
/*header*/
.head{ width: 1200px; clear: both; height: 120px; margin: 0 auto;}
.head .head_logo{ float: left; width: 316px; height: auto; margin-top: 40px; overflow: hidden;}
.head .head_logo .head_logo_img{ float: left; width: 180px; height: auto; overflow: hidden;}
.head .head_logo .head_logo_img img{ width: 100%; height: auto; display: block;}
.head .head_logo .head_logo_sma{ float: left; width: 120px; text-indent: 15px; height: 30px; line-height: 30px; font-size: 22px; margin: 6px 0 0 15px; color: #666; font-weight: bold; border-left: 1px solid #ccc; overflow: hidden;}

.head .head_ss{ float: left; width: 615px; height: 39px; margin: 42px 0 0 40px;}
.head .head_ss .head_ss_left{ float: left; width: 485px; height: 35px; border: 2px solid #f60;}
.head .head_ss .head_ss_left .head_fl{ position: relative; float: left; width: 90px; height: 35px;}
.head .head_ss .head_ss_left .head_fl p{ width: 90px; height: 35px; line-height: 35px; text-indent: 22px; cursor: pointer; font-size: 14px; color: #333; border-right: 1px solid #ddd; background: url(../images/s_xl.png) 58px center/10px no-repeat #fff;}
.head .head_ss .head_ss_left .head_txt{ float: left; width: 280px; height: 35px; line-height: 35px; color: #666; padding: 0 10px; border: none; outline: none; overflow: hidden;}
.head .head_ss .head_ss_left .head_sub{ float: left; width: 95px; height: 35px; border: none; outline: none; cursor: pointer; background-color: #ff6000; overflow: hidden; color: #fff; font-size: 16px;}

.head .head_ss .head_ss_left .head_fl .head_erji{ display: none; position: absolute; top: 35px; left: -2px; z-index: 3; width: 93px; height: auto; overflow: hidden; background-color: #fff; border-bottom: 1px solid #ddd; border-top: 2px solid #FF6000;}
.head .head_ss .head_ss_left .head_fl .head_erji li{ width: 91px; height: 35px; line-height: 35px; text-indent: 22px; font-size: 14px; color: #333; cursor: pointer; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.head .head_ss .head_ss_left .head_fl .head_erji li:hover{ background-color: #FF6000 !important; color: #fff !important; border-left: 1px solid #FF6000 !important; border-right: 1px solid #FF6000 !important;}
.head .head_ss .head_ss_right{ float: right; width: 100px; height: 37px; text-align: center; line-height: 37px; font-size: 14px; color: #333; overflow: hidden; border: 1px solid #ddd; background-color: #fff;}

.head .head_ewm{ float: right; width: 100px; height: 100px; overflow: hidden; margin: 20px 40px 0 0;}
.head .head_ewm img{ width: 70px; height: auto; display: block; margin: 0 auto;}
.head .head_ewm p{ width: 100px; height: 25px; line-height: 25px; color: #555; font-size: 14px; overflow: hidden;}
/*nav*/
.nav{ width: 1200px; height: 45px; clear: both; margin: 0 auto; position: relative;}
.nav .nav_fl{ float: left; width: 230px; height: auto; padding-bottom: 2px; position: absolute; left: 0; top: 0; z-index: 9;}
.nav .nav_fl .nav_fl_tit{ width: 230px; height: 45px; line-height: 44px; font-size: 16px; cursor: pointer; text-indent: 55px; color: #333; background: url(../images/quanbu_2.png) 20px center/18px no-repeat; overflow: hidden;}

.nav .nav_fl .nav_fl_yiji{ display: none; width: 230px; height: auto; padding-bottom: 5px; position: relative;}
.nav .nav_fl .nav_fl_yiji>li{ width: 230px; height: 35px; line-height: 35px;}
.nav .nav_fl .nav_fl_yiji>li>a{ width: 230px; height: 35px; text-indent: 55px; color: #fff; font-size: 14px; background-position: 20px center; background-repeat: no-repeat; overflow: hidden;}
.nav .nav_fl .nav_fl_yiji>li>a:hover{ background-color: #f60;}
.nav .nav_fl:hover .nav_fl_yiji{ display: block;}
.nav_fl_erji{ display: none; width: 731px; height: 534px; background-color: #fff; box-shadow: 0px 3px 10px #ccc; border-top: 2px solid #f60; overflow: hidden; position: absolute; left: 230px; top: 0; z-index: 9;}
.nav_fl_erji .nav_fl_erji_left{ float: left; width: 480px; height: 534px; border-right: 1px solid #e3e3e3; overflow: hidden;}
.nav_fl_erji .nav_fl_erji_left ul{ width: 480px; height: 494px; padding: 20px; overflow: hidden;}
.nav_fl_erji .nav_fl_erji_left ul div{ width: 480px; height: 30px; line-height: 30px; color: #f60; margin-bottom: 10px; font-weight: bold; font-size: 16px;}
.nav_fl_erji .nav_fl_erji_left ul li{ float: left; width: 160px; height: 34px; line-height: 34px;}
.nav_fl_erji .nav_fl_erji_left ul li a{ font-size: 14px; display: inline; color: #333;}
.nav_fl_erji .nav_fl_erji_left ul li a:hover{ color: #f60;}
.nav .nav_fl .nav_fl_yiji>li:hover .nav_fl_erji{ display: block;}

.nav_fl_erji .nav_fl_erji_right{ float: left; width: 240px; height: 494px; padding: 25px 2px; margin-left: -10px; overflow: hidden;}
.nav_fl_erji .nav_fl_erji_right a{ width: 98px; height: 68px;display: block; float:left; text-align:center; vertical-align:middle; overflow: hidden; margin-bottom: 6px; margin-left:22px;}
.nav_fl_erji .nav_fl_erji_right a img{ max-width:98px; max-height:33px;}

.nav .nav_ul{ float: left; height: 45px; overflow: hidden; margin-left: 220px;}
.nav .nav_ul li{ float: left; height: 45px; line-height: 45px; margin-left: 50px;}
.nav .nav_ul li a{ color: #333; height: 45px; font-size: 16px;}
.nav .nav_ul li a:hover{ color: #FF6000;}
.nav .nav_gy{ float: right; height: 45px; overflow: hidden;}
.nav .nav_gy a{ float: left; height: 45px; line-height: 45px; margin-left: 50px; font-size: 16px; color: #333;}
.nav .nav_gy a:hover{ color: #FF6000;}
/*线*/
.xian{ width: 100%; height: 2px; background-color: #f60; overflow: hidden; clear: both;}
/*banner*/
.banner{ width: 100%; height: 530px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.banner img{ display: block; width: 1920px; height: 530px;}

.max_box{ width: 100%; height: auto; clear: both; overflow: hidden; background-color: #f6f6f6;}
/*新品上市*/
.xinp{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.xinp .xinp_tit{ width: 1200px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; color: #333; overflow: hidden; margin-top: 50px;}
.xinp .xinp_cont{ width: 1200px; height: auto; overflow: hidden; margin-top: 40px;}
.xinp .xinp_cont .xinp_cont_box{ float: left; width: 280px; height: 300px; border-radius: 8px; overflow: hidden; margin: 0 10px 20px; position: relative; top: 3px; left: 0;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_box_img{ width: 280px; height: 170px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_box_img img{ width: 100%; height: auto;}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_bot{ width: 258px; height: auto; padding: 10px 10px 15px; border: 1px solid #f2f2f2; border-top: none; background-color: #fff;}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_bot .xinp_cont_box_tit{ width: 258px; height: 45px; font-size: 16px; overflow: hidden; color: #333;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_bot .xinp_cont_box_xinx{ width: 258px; height: 20px; margin-top: 38px; overflow: hidden;}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_bot .xinp_cont_box_xinx div{ float: left; width: 50%; height: 20px; line-height: 20px; color: #b2b2b2; font-size: 14px;}
.xinp .xinp_cont .xinp_cont_box .xinp_cont_bot .xinp_cont_box_xinx p{ float: right; width: 50%; text-align: right; height: 20px; line-height: 20px; color: #b2b2b2; font-size: 14px;}
.xinp .xinp_cont .xinp_cont_box:hover{ top: 0; box-shadow: 0 5px 15px #ccc;}
.xinp .xinp_cont .xinp_cont_box:hover .xinp_cont_bot .xinp_cont_box_tit{ color: #f60;}
/*新品推荐*/
.tuij{ width: 100%; clear: both; height: auto; margin: 50px auto 0; padding-bottom: 50px; overflow: hidden; background: #fff;}
.tuij .tuij_tit{ width: 1200px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; color: #333; overflow: hidden; margin: 43px auto 0;}
.tuij .tuij_cont{ width: 1200px; height: auto; overflow: hidden; margin: 30px auto 0;}
.tuij .tuij_cont .tuij_cont_box{ width: 200px; float: left; height: auto; padding: 10px; overflow: hidden; background-color: #fff; margin: 10px 10px 10px;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_img{ width: 100%; height: 140px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_img img{ width: 100%; height: auto;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_tit{ width: 100%; height: 25px; margin-top: 8px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_gongs{ width: 100%; height: 20px; line-height: 20px; margin-top: 0px; color: #f60; font-size: 16px; overflow: hidden; white-space: nowrap;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_bot{ width: 100%; height: 20px; margin-top: 15px; overflow: hidden;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_bot div{ float: left; width: auto; height: 20px; line-height: 20px; font-size: 14px; color: #b2b2b2;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_bot p{ float: right; width: auto; height: 20px; line-height: 20px; font-size: 14px; color: #b2b2b2;}
.tuij .tuij_cont .tuij_cont_box .tuij_cont_box_bot p img{ float: left; width: 20px; height: 20px; margin-right: 4px;}
.tuij .tuij_cont .tuij_cont_box:hover{ box-shadow: 0 0 10px #ccc;}
.tuij .tuij_cont .tuij_cont_box:hover .tuij_cont_box_tit{ color: #f60;}
/*新品资讯*/
.zixun{ clear: both; width: 1200px; margin: 0 auto 40px; overflow: hidden;}
.zixun .zixun_tit{ width: 1200px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; color: #333; overflow: hidden; margin-top: 50px;}
.zixun .zixun_main{ width: 1200px; height: auto; overflow: hidden; margin-top: 20px;}
.zixun .zixun_main .zixun_main_box{ overflow: hidden; width: 550px; height: 140px; padding: 15px; background-color: #fff; float: left; margin: 20px 10px 0;}
.zixun .zixun_main .zixun_main_box .zixun_cont_img{ width: 140px; height: 140px; overflow: hidden; margin-right: 15px; float: left; display: flex; justify-content: center; align-items: center;}
.zixun .zixun_main .zixun_main_box .zixun_cont_img img{ width: 100%; height: auto;}
.zixun .zixun_main .zixun_main_box .zixun_cont_rig{ float: left; width: 395px; height: 140px; overflow: hidden;}
.zixun .zixun_main .zixun_main_box .zixun_cont_rig .zixun_cont_rig_tit{ width: 100%; height: 38px; line-height: 38px; font-size: 17px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 -webkit-transition: .2s all;
 -moz-transition: .2s all;
 -ms-transition: .2s all;
 -o-t-ransition: .2s all;
 transition: .2s all;
}
.zixun .zixun_main .zixun_main_box .zixun_cont_rig p{ width: 100%; height: 40px; font-size: 14px; margin-top: 10px; color: #999; overflow: hidden;}
.zixun .zixun_main .zixun_main_box .zixun_cont_rig .zixun_cont_rig_more{ display: inline-block; font-size: 15px; margin-top: 20px; color: #333;
 -webkit-transition: .2s all;
 -moz-transition: .2s all;
 -ms-transition: .2s all;
 -o-t-ransition: .2s all;
 transition: .2s all;
}
.zixun .zixun_main .zixun_main_box:hover .zixun_cont_rig .zixun_cont_rig_tit{ color: #f60;}
.zixun .zixun_main .zixun_main_box .zixun_cont_rig .zixun_cont_rig_more:hover{ color: #f60; text-decoration: underline;}

/*footer*/
.footer{ width: 100%; height: 190px; background-color: #202125; clear: both; overflow: hidden;}
.footer .footer_main{ margin: 0 auto; width: 1200px; height: 190px; overflow: hidden;}
.footer .footer_main .footer_main_pingtai{ float: left; width: 400px; height: 190px; overflow: hidden;}
.footer .footer_main .footer_main_pingtai div{ color: #fff; font-size: 18px; overflow: hidden; width: 400px; height: 30px; margin-top: 30px;}
.footer .footer_main .footer_main_pingtai li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer .footer_main .footer_main_pingtai li a{ color: #6b6e81; font-size: 14px; display: inline; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer .footer_main .footer_main_pingtai li a:hover{ color: #fff;}

.footer .footer_main .footer_main_fuwu{ float: left; width: 200px; height: 190px; margin-left: 50px; overflow: hidden;}
.footer .footer_main .footer_main_fuwu div{ color: #fff; font-size: 18px; overflow: hidden; width: 200px; height: 30px; margin-top: 30px;}
.footer .footer_main .footer_main_fuwu li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer .footer_main .footer_main_fuwu li a{ color: #6b6e81; font-size: 14px; display: inline; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer .footer_main .footer_main_fuwu li a:hover{ color: #fff;}

.footer .footer_main .footer_main_guanyu{ float: left; width: 200px; height: 190px; margin-left: 50px; overflow: hidden;}
.footer .footer_main .footer_main_guanyu div{ color: #fff; font-size: 18px; overflow: hidden; width: 200px; height: 30px; margin-top: 30px;}
.footer .footer_main .footer_main_guanyu li{ width: 100px; float: left; height: 30px; overflow: hidden; line-height: 30px;}
.footer .footer_main .footer_main_guanyu li a{ color: #6b6e81; font-size: 14px; display: inline; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.footer .footer_main .footer_main_guanyu li a:hover{ color: #fff;}

.footer .footer_main .footer_ewm{ float: left; width: 290px; height: 190px; overflow: hidden;}
.footer .footer_main .footer_ewm div{ width: 90px; height: 90px; margin: 50px auto 0;}
.footer .footer_main .footer_ewm div img{ width: 90px; height: 90px;}
.footer .footer_main .footer_ewm p{ width: 290px; height: 20px; margin-top: 8px; overflow: hidden; font-size: 12px; color: #fff; text-align: center;}

.footer2{ width: 100%; height: 40px; text-align: center; line-height: 40px; background-color: #1b1c1e; clear: both; font-size: 14px; color: #6b6e81; overflow: hidden;}