@charset "UTF-8";
*{padding: 0; margin: 0; box-sizing: border-box;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,pre,th,td,dl,dd,form,fieldset,legend,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
a{transition: 0.6s; background-color: transparent; text-decoration: none; color: inherit;}
table{border-collapse: collapse;}
button,input,select,textarea{font-size: 100%;}
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input{-webkit-appearance:none;}
mark{background-color: inherit;}
abbr[title]{border-bottom: 1px dotted;}
ol,dl,dt,dd,ul,li{list-style:none;}
img{max-width: 100%; border:0; vertical-align:middle;}
img[data-original]{background: url(../images/loading.gif) center center no-repeat;}
/* em,strong{font-weight: normal;} */
i,em{font-style: normal;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: unset !important;}
.clear:after{display: block; clear: both; content: ""; visibility: hidden;}
.clearfix:after{display: block; clear: both; content: ""; width: 0; height: 0; visibility: hidden;}
.img_scale{overflow: hidden;}
.img_scale:hover img{-moz-animation:amplify 1.5s;-o-animation:amplify 1.5s;-webkit-animation:amplify 1.5s;animation:amplify 1.5s;}
.img_effect{position: relative;}
.img_effect:after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.img_effect:hover:after{transition: 0.6s; left: 400px; width: 200px;}
.video_ico::before{transition: 0.6s; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.video_ico::after{transition: 0.6s; opacity: 0; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ""; width: 100%; height: 50px; background: url(../images/video_ico.png) center no-repeat; background-size: contain;}
.video_ico:hover::before,.video_ico:hover::after{opacity: 1;}
@keyframes amplify{
  0%{transform: scale(1.0);}
  50%{transform:scale(1.03);}
  100%{transform:scale(1.0);}
}
/*.icos_sh{transition: 0.6s; margin: 0 auto; display: block; position: relative; width: 30px; height: 30px; overflow: hidden;}
.icos_sh img{transition: 0.6s; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; object-fit: contain;}
.icos_sh .show{opacity: 1; filter: alpha(opacity=100);}
.icos_sh .hid{opacity: 0; filter: alpha(opacity=0);}
.icos_sh:hover .show{opacity: 0; filter: alpha(opacity=0);}
.icos_sh:hover .hid{opacity: 1; filter: alpha(opacity=100);}*/

body{min-width: 1220px; max-width: 1920px; margin: 0 auto; font-size: 14px; font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background: #fff;}
.keoror_container{overflow: hidden;}
.word_content *{max-width: 100% !important;}
.center{max-width: 1200px; width: 100%; margin: 0 auto;}
#SOHUCS #SOHU_MAIN .module-hot-topic{display: none !important;}
/*==侧边栏==*/
.fix_side{z-index: 10; position: fixed; top: 0; left: 0; min-width: 1220px; width: 100%; padding: 0 10px;}
.fix_side .center{position: relative;}
aside ul{position: absolute; left: 112%; top: 204px; margin-left: 40px;}
aside ul li{position: relative; width: 62px; height: 62px;}
aside ul li>a{width: 100%; height: 100%; font-size: 12px; color: #666666; border: 1px solid #e4e4e4; border-top: none; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
aside ul li:nth-of-type(1) a{border-top: 1px solid #e4e4e4;}
aside ul li i{transition: 0.6s; display: block; width: 25px; height: 25px; margin: 0 auto 4px auto; overflow: hidden;}
aside ul li:nth-of-type(1) i{background: url(../images/aside_ico1.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(2) i{background: url(../images/aside_ico2.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(3) i{background: url(../images/aside_ico3.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(4) i{background: url(../images/aside_ico4.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(5) i{background: url(../images/aside_ico5.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(6) i{background: url(../images/aside_ico6.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(7) i{background: url(../images/aside_ico7_h.png) center no-repeat; background-size: contain;}
aside ul li .fix_tel{transition: 0.6s; opacity: 0; pointer-events: none; position: absolute; top: -62px; left: -119px; width: 120px; padding: 15px 9px; border: 1px solid #ccc; background: #fff;}
aside ul li .fix_tel p{margin-top: 5px; font-size: 12px; line-height: 120%; text-align: center;}
aside ul li .fix_tel p.fix_red{margin-top: 8px; color: #de413a;}
aside ul li .fix_tel .aside_ico{width: 22px; height: 4px; margin: 14px auto; background: url(../images/aside_icon1.png) no-repeat;}
aside ul li .fix_tel span{position: absolute; left: 117px; top: 103px; width: 10px; height: 10px; background: url(../images/aside_icon2.png) center no-repeat;}
aside ul li .fix_erwei{transition: 0.6s; opacity: 0; pointer-events: none; position: absolute; left: -120px; top: -50px; width: 120px; height: 120px; border: 1px solid #ccc; background: #fff;}
aside ul li .fix_erweiss{left: -245px; }
aside ul li .fix_erwei img{width: 100%; height: 100%; object-fit: contain;}
aside ul li:nth-of-type(7)>a{color: #fff; border-color: #f1986e; background: #f1986e;}
aside ul li:hover>a{color: #fff; border-color: #f1986e; background: #f1986e;}
aside ul li:hover:nth-of-type(1) i{background-image: url(../images/aside_ico1_h.png);}
aside ul li:hover:nth-of-type(2) i{background-image: url(../images/aside_ico2_h.png);}
aside ul li:hover:nth-of-type(3) i{background-image: url(../images/aside_ico3_h.png);}
aside ul li:hover:nth-of-type(4) i{background-image: url(../images/aside_ico4_h.png);}
aside ul li:hover:nth-of-type(5) i{background-image: url(../images/aside_ico5_h.png);}
aside ul li:hover:nth-of-type(6) i{background-image: url(../images/aside_ico6_h.png);}
aside ul li:hover .fix_tel,aside ul li:hover .fix_erwei{opacity: 1; pointer-events: auto;}

.back{position: relative; z-index: 1; float: left; display: inline-block; font-size: 14px; padding: 5px 15px; color: #af7b49; letter-spacing: 2px; border: 1px solid #af7b49; background: #fff;}
.back:hover{color: #fff; background: #af7b49;}
.page_con>h1{font-size: 20px; color: #af7b49; height: 31px; line-height: 31px; text-align: center; margin-top: 30px; margin-bottom: 15px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .back{font-size: .30rem; padding: 0 .35rem; height: 35px; line-height: 33px;}
  .page_con>h1{font-size: .40rem; height: 35px; line-height: 35px; margin-top: .827rem;}}
@media only screen and (min-width: 0px) and (max-width: 500px){
  .back{height: 27px; line-height: 25px;}
  .page_con>h1{height: 27px; line-height: 27px;}}

/*==分页==*/
.fenye{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 40px 0;}
.fenye ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.fenye ul li{transition: 0.6s; display: inline-block; font-size: 12px; color: #666666; width: 28px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #cccccc; border-right: none; background: #f8f8f8;}
.fenye ul li:nth-of-type(1),.fenye ul li:nth-last-of-type(-n+2){border-right: 1px solid #cccccc;}
.fenye ul li a,.fenye ul li span{transition: 0s; display: block; width: 100%; height: 100%;}
.fenye ul .fenye-p{width: 50px; margin-right: 5px;}
.fenye ul .fenye-n{width: 50px; margin-left: 5px;}
.fenye ul li.active:hover,.fenye ul li.active{color: #fff; border-color: #de413a; background-color: #de413a;}
.fenye ul li:hover{color: #de413a;}
.fenye ul li.disabled,.fenye ul li.disabled:hover{color: #999999;}

#baguetteBox-overlay{background: rgba(0,0,0,.6);}
#baguetteBox-overlay .full-image img{box-shadow: 5px 5px 27px rgba(35,24,21,0.88);}
#baguetteBox-overlay .full-image figcaption{font-size: 16px; font-family: "宋体"; font-weight: bold; height: 50px; line-height: 50px !important; text-shadow: 1px 1px 1px rgba(35,24,21,0.75);}
@media only screen and (min-width: 0) and (max-width: 1023px){
  #baguetteBox-overlay .full-image figcaption{font-size: .39rem; height: .80rem; line-height: .80rem !important;}}

/*==公共头部样式     开始==*/
.h_top{height: 38px; background: #f2f2f2;}
.h_top .center{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.h_top_l .unlogin_box{display: flex; align-items: center; justify-content: flex-start;}
.h_top_l .unlogin_box a{font-size: 14px; color: #626262; display: flex; align-items: center; justify-content: flex-start;}
.h_top_l .unlogin_box a .pic{margin-right: 8px; display: block; position: relative; width: 17px; height: 17px; overflow: hidden;}
.h_top_l .unlogin_box a .pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.h_top_l .unlogin_box a .pic .show{opacity: 1; filter: alpha(opacity=100);}
.h_top_l .unlogin_box a .pic .hid{opacity: 0; filter: alpha(opacity=0);}
.h_top_l .unlogin_box span{margin: 0 15px; color: #b4b4b4;}
.h_top_l .unlogin_box a:hover{color: #de413a;}
.h_top_l .unlogin_box a:hover .pic .show{opacity: 0; filter: alpha(opacity=0);}
.h_top_l .unlogin_box a:hover .pic .hid{opacity: 1; filter: alpha(opacity=100);}
.h_top_l .logined_box{font-size: 14px; color: #626262;}
.h_top_l .logined_box a{margin-left: 15px;}
.h_top_r{display: flex; align-items: center; justify-content: flex-start;}
.h_top_r a{margin-right: 20px; font-size: 14px; color: #626262;}
.h_top_r a:last-child{margin-right: 0;}
.h_top_r a:hover{color: #de413a;}
.h_mid{position: relative; padding: 30px 0px; display: flex; align-items: center; justify-content: space-between;}
.h_mid .h_logo{height: 63px;}
.h_mid .h_logo img{height: 100%; object-fit: contain;}
.h_mid form{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); height: 40px; display: flex; align-items: center; justify-content: flex-start;}
.h_mid form input[type="text"]{display: inline-block; font-size: 14px; color: #626262; width: 390px; height: 100%; padding-left: 50px; padding-right: 30px; border: 2px solid #de413a; background: url(../images/search.png) 10px center no-repeat; outline: none;}
.h_mid form input[type="text"]::-webkit-input-placeholder {color: #626262;}
.h_mid form input[type="text"]:-moz-placeholder {color: #626262;}
.h_mid form input[type="text"]::-moz-placeholder {color: #626262;}
.h_mid form input[type="text"]:-ms-input-placeholder {color: #626262;}
.h_mid form input[type="text"]::placeholder{color: #626262;}
.h_mid form input[type="submit"]{font-size: 16px; color: #fff; width: 100px; height: 100%; text-align: center; border: none; background: #de413a; outline: none; cursor: pointer;}
.h_mid .h_vr{display: inline-block; font-size: 16px; color: #fff; max-width: 170px; padding: 0px 26px; line-height: 40px; text-align: center; border-radius: 20px; background: #8f9190;}
.h_mid .h_vr:hover{background: #de413a;}
.h_bot{position: relative; min-width: 1220px; width: 100%; height: 43px; padding: 0 10px; border-top: 1px solid #e4e4e4; background: #fff;}
.h_bot .center{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.h_bot.active{z-index: 999; position: fixed; top: 0; left: 0;}
.all_cat{position: relative; height: 100%;}
.cat_sort{width: 165px; height: 100%;}
.cat_sort a{display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #fff; background: #de413a; display: flex; align-items: center; justify-content: center;}
.cat_sort a i{font-size: 20px; margin-left: 15px;}
.cat_box{transition: 0.6s; opacity: 0; pointer-events: none; z-index: 9999; position: absolute; left: 0; top: 42px; width: 1200px; padding: 30px 0; border-top: 2px solid #e7143a; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.8); overflow: hidden;}
.all_cat:hover .cat_box{opacity: 1; pointer-events: auto;}
.cat_item{margin-top: 55px; float: left; width: 295px; padding-left: 35px;}
.cat_item:nth-of-type(-n+4){margin-top: 0;}
.cat_item .item_l{float: left; width: 72px;}
.cat_item .item_l .pic{margin: 0 auto; display: block; position: relative; width: 30px; height: 30px; overflow: hidden;}
.cat_item .item_l .pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.cat_item .item_l .pic .show{opacity: 1; filter: alpha(opacity=100);}
.cat_item .item_l .pic .hid{opacity: 0; filter: alpha(opacity=0);}
.cat_item:hover .item_l .pic .show{opacity: 0; filter: alpha(opacity=0);}
.cat_item:hover .item_l .pic .hid{opacity: 1; filter: alpha(opacity=100);}
.cat_item .item_l span{transition: 0.6s; display: block; margin-top: 15px; width: 100%; font-size: 14px; font-weight: bold; color: #999; text-align: center;}
.cat_item:hover .item_l span{color: #de413a;}
.cat_item .item_r{float: left; width: 186px; padding-left: 10px; border-left: 1px solid #ccc;}
.cat_item .item_r ul{position: relative; margin-top: -20px;}
.cat_item .item_r li{margin-top: 20px; width: 80px; font-size: 12px; line-height: 120%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cat_item .item_r li:nth-of-type(6){position: absolute; top: -20px; right: 0;}
.cat_item .item_r li:nth-of-type(7){position: absolute; top: 14px; right: 0;}
.cat_item .item_r li:nth-of-type(8){position: absolute; top: 48px; right: 0;}
.cat_item .item_r li:nth-of-type(9){position: absolute; top: 82px; right: 0;}
.cat_item .item_r li:nth-of-type(10){position: absolute; top: 116px; right: 0;}
.cat_item .item_r li a{font-size: 12px; white-space: nowrap; /*font-weight: bold;*/ color: #999;}
.cat_item .item_r li a.black{color: #666;}
.cat_item .item_r li a:hover{color: #000;}
.h_nav{height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.h_nav li{height: 100%; margin-right: 30px;}
.h_nav li:last-child{margin-right: 0;}
.h_nav li a{position: relative; font-size: 16px; color: #626262; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.h_nav li a::after{transition: 0.6s; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: -1px; width: 100%; height: 2px; content: ""; background: #de413a;}
.h_nav li:hover a,.h_nav li.active a{color: #de413a;}
.h_nav li:hover a::after,.h_nav li.active a::after{opacity: 1; filter: alpha(opacity=100);}

.ind_banner{height: 600px;}
.ind_banner .swiper-container{width: 100%; height: 100%;}
.ind_banner .swiper-container>.center{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.ind_banner .swiper-slide a{display: block; width: 100%; height: 100%; cursor: default;}
.ind_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.ind_banner .swiper-button-prev{opacity: 0; transition: 0.4s; width: 18px; height: 52px; margin-top: -26px; left: 0; background: url(../images/banner_prev.png) center no-repeat; background-size: contain; outline: none;}
.ind_banner .swiper-button-next{opacity: 0; transition: 0.4s; width: 18px; height: 52px; margin-top: -26px; right: 0; background: url(../images/banner_next.png) center no-repeat; background-size: contain; outline: none;}
.ind_banner:hover .swiper-button-prev{opacity: 1;}
.ind_banner:hover .swiper-button-next{opacity: 1;}

.ind_banner .swiper-pagination{position: absolute; bottom: 20px; line-height: 100%;}
.ind_banner .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 10px 0 0; opacity: 1; display: inline-block; width: 10px; height: 10px; background: #fff;}
.ind_banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.ind_banner .swiper-pagination .swiper-pagination-bullet-active{background: #de413a;}
/*==公共头部样式     结束==*/

/*==首页样式     开始==*/
.ind_main{overflow: hidden;}
.ind_tit{display: flex; justify-content: center; flex-direction: column; align-items: center; overflow: hidden;}
.ind_tit h5{font-size: 24px; font-family: "Arial"; font-weight: normal; color: #adadad; line-height: 100%; text-transform: uppercase;}
.ind_tit h6{margin-top: 5px; font-size: 30px; color: #444444; line-height: 36px;}
.ind_tit h6 span{color: #de413a;}
.ind_tit p{position: relative; font-size: 16px; color: #666666; line-height: 36px; padding: 0 20px;}
.ind_tit p::before{position: absolute; right: 100%; top: 50%; content: ""; width: 960px; height: 1px; background: #dcdcdc;}
.ind_tit p::after{position: absolute; left: 100%; top: 50%; content: ""; width: 960px; height: 1px; background: #dcdcdc;}
.ind_tit i{margin-top: 10px; display: inline-block; width: 32px; height: 10px; background: url(../images/ind_tit_ico.png) center no-repeat; background-size: contain;}
.goods_icon{margin-left: 10px; display: inline-block; font-size: 14px; color: #fff; line-height: 100%; padding: 6px 8px; background: #de413a;}
.designer_pic{width: 60px;}
.designer_pic img{width: 60px; height: 60px; object-fit: cover; border-radius: 50%;}
.designer_pic span{margin-top: 8px; display: block; width: 60px; font-size: 14px; color: #444; text-align: center;}
.view_link{height: 42px; line-height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.view_link i{display: inline-block; width: 35px; height: 100%; background: url(../images/view_link_ico.png) #f1986e center no-repeat;}
.view_link a{z-index: 1; position: relative; font-size: 14px; font-weight: bold; color: #fff; width: 138px; height: 100%; background: #de413a; display: flex; justify-content: center; flex-direction: column; align-items: center; overflow: hidden;}
.view_link a:after{z-index: -1; position: absolute; left: -100%; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.view_link a:hover:after{transition: 0.6s; left: 100%;}

.ind1{padding: 40px 0;}
.ind1_pn1{margin-top: 40px; display: flex; align-items: stretch; justify-content: flex-start;}
.ind1_pn1_list{width: 488px; padding: 38px 28px; border: 1px solid #c3dbdf; border-right-color: transparent;}
.ind1_pn1_list li{float: left; width: 120px; margin-top: 40px; margin-right: 35px;}
.ind1_pn1_list li:nth-of-type(-n+3){margin-top: 0;}
.ind1_pn1_list li:nth-of-type(3n){margin-right: 0;}
.ind1_pn1_list li a{display: block; text-align: center;}
.ind1_pn1_list li a .pic{transition: 0.6s; margin: 0 auto; display: block; position: relative; width: 90px; height: 90px; border-radius: 50%; overflow: hidden;}
.ind1_pn1_list li a .pic img{transition: 0.6s; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 55px; height: 55px; object-fit: contain;}
.ind1_pn1_list li a .pic .show{opacity: 1; filter: alpha(opacity=100);}
.ind1_pn1_list li a .pic .hid{opacity: 0; filter: alpha(opacity=0);}
.ind1_pn1_list li a p{transition: 0.6s; margin-top: 16px; font-size: 16px; color: #666666; line-height: 18px;}
.ind1_pn1_list li:hover a .pic{background: #de413a;}
.ind1_pn1_list li:hover a .pic .show{opacity: 0; filter: alpha(opacity=0);}
.ind1_pn1_list li:hover a .pic .hid{opacity: 1; filter: alpha(opacity=100);}
.ind1_pn1_list li:hover a p{color: #000000;}
.ind1_pn1_pic{width: 712px; height: 530px;}
.ind1_pn1_pic img{width: 100%; height: 100%; object-fit: contain;}
.ind1_pn2{margin-top: 40px;}
.ind1_pn2 li{float: left; position: relative;}
.ind1_pn2 li:nth-of-type(1){width: 592px; margin-right: 6px;}
.ind1_pn2 li:nth-of-type(2){width: 293px; margin-right: 6px;}
.ind1_pn2 li:nth-of-type(3){width: 303px; margin-bottom: 6px;}
.ind1_pn2 li:nth-of-type(4){width: 303px;}
.ind1_pn2 li .pic{display: block; position: relative; width: 100%; overflow: hidden;}
.ind1_pn2 li:nth-of-type(1) .pic,.ind1_pn2 li:nth-of-type(2) .pic{height: 426px;}
.ind1_pn2 li:nth-of-type(3) .pic,.ind1_pn2 li:nth-of-type(4) .pic{height: 210px;}
.ind1_pn2 li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind1_pn2 li .words{position: absolute; left: 0; top: 0; padding-top: 35px; width: 100%; text-align: center;}
.ind1_pn2 li:nth-of-type(3) .words,.ind1_pn2 li:nth-of-type(4) .words{padding: 45px 0 0 40px; text-align: left;}
.ind1_pn2 li .words h5{font-size: 24px; color: #fff;}
.ind1_pn2 li:nth-of-type(3) .words h5{color: #333333;}
.ind1_pn2 li .words p{margin-top: 5px; font-size: 18px; color: #fff;}
.ind1_pn2 li .words a{margin-top: 18px; display: inline-block; font-size: 14px; color: #fff; line-height: 100%; padding: 6px 14px; border: 1px solid #fff; border-radius: 15px;}
.ind1_pn2 li:nth-of-type(3) .words p,.ind1_pn2 li:nth-of-type(3) .words a{color: #666666; border-color: #666666;}
.ind1_pn2 li .words a:hover{color: #e61d38; border-color: #e61d38;}

.ind2{padding-top: 40px; background: #f5f5f5;}
.ind2_pn1{margin-top: 40px; padding: 40px; background: #fff; display: flex; align-items: center; justify-content: space-between;}
.ind2_pn1 .words{width: 450px;}
.ind2_pn1 .words h5{font-size: 48px; font-family: "Arial"; font-weight: normal; color: #000; text-transform: uppercase;}
.ind2_pn1 .words h6{margin-top: 5px; font-size: 30px; font-weight: normal; color: #3d3d3d; display: flex; align-items: center; justify-content: flex-start;}
.ind2_pn1 .words .designer_pic{margin: 25px 0;}
.ind2_pn1 .words p{font-size: 18px; color: #8b8b8b; line-height: 30px; padding: 25px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.ind2_pn1 .words figure{margin-top: 30px;}
.ind2_pn1 .words figure em{display: block; font-size: 18px; font-weight: bold; color: #3d3d3d;}
.ind2_pn1 .words figure span{display: block; font-size: 24px; font-weight: bold; color: #de413a;}
.ind2_pn1 .words .view_link{margin-top: 25px;}
.ind2_pn1 .pic{display: block; position: relative; width: 630px; height: 660px; overflow: hidden;}
.ind2_pn1 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.ind2_pn2{margin-top: 20px;}
.ind2_pn2 .swiper-slide{padding: 10px; background: #fff;}
.ind2_pn2 .swiper-slide a{display: block; position: relative; width: 100%; padding: 37.568% 0; overflow: hidden;}
.ind2_pn2 .swiper-slide a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.ind2_pn2 .swiper-slide .designer_bot{padding: 20px 20px 10px; display: flex; align-items: center; justify-content: flex-start;}
.ind2_pn2 .swiper-slide .designer_bot .designer_pic{margin-right: 20px;}
.ind2_pn2 .swiper-slide .designer_bot .words h5{font-size: 16px; color: #3d3d3d;}
.ind2_pn2 .swiper-slide .designer_bot .words p{margin-top: 5px; font-size: 14px; color: #666666;}
.ind2_pn2 .swiper-slide .designer_bot .words span{margin-top: 5px; display: block; font-size: 18px; font-weight: bold; color: #de413a;}
.ind2_pn2 .swiper-pagination{position: static; padding: 40px 0; line-height: 100%;}
.ind2_pn2 .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 10px 0 0; opacity: 1; display: inline-block; width: 10px; height: 10px; background: #c1c1c1;}
.ind2_pn2 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.ind2_pn2 .swiper-pagination .swiper-pagination-bullet-active{background: #f1986e;}
.ind2_pn3{z-index: 1; position: relative; padding: 102px 0;}
.ind2_pn3::before{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(../images/ind2_pn3_bg.jpg) center no-repeat; background-size: cover;}
.ind2_pn3 li{float: left; width: 265px; margin-right: 46.66px; padding: 23px 30px; border-radius: 10px; background: rgba(255,255,255,0.85);}
.ind2_pn3 li:nth-of-type(4n){margin-right: 0;}
.ind2_pn3 li h5{font-size: 18px; font-family: "Arial"; color: #728297; line-height: 100%; text-transform: uppercase;}
.ind2_pn3 li h6{margin-top: 15px; font-size: 20px; color: #3d3d3d; line-height: 100%;}
.ind2_pn3 li p{margin-top: 12px; font-size: 16px; color: #666666; line-height: 100%;}
.ind2_pn3 li img{margin-top: 20px;  height: 31px; object-fit: contain;}

.ind3{padding-top: 40px;}
.ind3_pn1{margin-top: 40px; display: flex; align-items: stretch; justify-content: flex-start; background: #fff;}
.ind3_pn1_pic{width: 740px;}
.ind3_pn1_pic .swiper-slide{display: block; position: relative; width: 100%; padding: 28.379% 0; overflow: hidden;}
.ind3_pn1_pic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.ind3_pn1_pic .swiper-pagination{padding: 0 20px; position: absolute; bottom: 20px; line-height: 100%; text-align: left;}
.ind3_pn1_pic .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 10px 0 0; opacity: 1; display: inline-block; width: 10px; height: 10px; background: #fff;}
.ind3_pn1_pic .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.ind3_pn1_pic .swiper-pagination .swiper-pagination-bullet-active{background: #f1986e;}
.ind3_pn1_words{width: 460px; border: 1px solid #dadada; border-left: none;}
.ind3_pn1_words .swiper-container{width: 100%; height: 100%;}
.ind3_pn1_words .swiper-slide{padding: 0 40px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind3_pn1_words .swiper-slide h5{font-size: 24px; font-weight: normal; color: #3d3d3d;}
.ind3_pn1_words .swiper-slide ul{margin-top: 35px;}
.ind3_pn1_words .swiper-slide ul li{margin-top: 25px; display: flex; align-items: flex-start; justify-content: flex-start;}
.ind3_pn1_words .swiper-slide ul li:nth-of-type(1){margin-top: 0;}
.ind3_pn1_words .swiper-slide ul li:nth-of-type(4){margin-top: 13px;}
.ind3_pn1_words .swiper-slide ul li img{margin-right: 10px; min-width: 19px; width: 19px; height: 24px; object-fit: contain;}
.ind3_pn1_words .swiper-slide ul li:nth-of-type(4) img{height: 34px;}
.ind3_pn1_words .swiper-slide ul li p{font-size: 16px; color: #666666; line-height: 24px;}
.ind3_pn1_words .swiper-slide ul li p span{color: #de413a;}
.ind3_pn1_words .swiper-slide ul li p em{font-size: 30px; color: #de413a;}
.ind3_pn1_words .swiper-slide a{z-index: 1; position: relative; overflow: hidden; margin-top: 30px; display: block; font-size: 18px; font-weight: bold; color: #fff; width: 100%; line-height: 58px; text-align: center; background: #de413a;}
.ind3_pn1_words .swiper-slide a:after{z-index: -1; position: absolute; left: -100%; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.ind3_pn1_words .swiper-slide a:hover:after{transition: 0.6s; left: 100%;}
.ind3_pn2{z-index: 1; position: relative; margin-top: 40px;}
.ind3_pn2::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(../images/ind3_pn2_bg.jpg) center no-repeat; background-size: cover;}
.ind3_pn2_pic{margin: 0 30px 0 auto; display: block; position: relative; width: 353px; height: 480px; padding: 25px 0 22px 0; overflow: hidden;}
.ind3_pn2_pic img{width: 100%; height: 100%; object-fit: contain; border-radius: 5px; background: #fff;}
.ind3_pn2_pic .words{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 55px 0 22px 30px;}
.ind3_pn2_pic .words h5{font-size: 60px; font-family: "Arial"; font-weight: normal; color: #444444; text-transform: capitalize;}
.ind3_pn2_pic .words h5 em{display: block; text-indent: -4px;}
.ind3_pn2_pic .words h5 span{margin-top: 2px; display: block; font-size: 18px; line-height: 100%; text-transform: uppercase;}
.ind3_pn2_pic .words hr{margin-top: 30px; margin-bottom: 35px; width: 34px; height: 2px; border: none; background: #e8e8e8;}
.ind3_pn2_pic .words h6{font-size: 24px; color: #444444;}
.ind3_pn2_pic .words h6 i{margin: 0 10px; font-weight: normal;}
.ind3_pn2_pic .words h6 span{margin-top: 10px; display: block; font-size: 18px; color: #de413a;}
.ind3_pn2_pic .words p{margin-top: 45px; padding-left: 30px; font-size: 16px; color: #fff;}

.pub_ind_box{padding-bottom: 40px; background: #f5f5f5;}
.pub_ind_pn1{margin-top: 40px; padding: 40px; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.pub_ind_pn1 .words{width: 320px; padding-top: 50px;}
.pub_ind_tit h5{font-size: 48px; font-family: "Arial"; font-weight: normal; color: #000; text-transform: uppercase;}
.pub_ind_tit h6{font-size: 30px; color: #3d3d3d;}
.pub_ind_tit p{margin-top: 4px; font-size: 18px; color: #666666;}
.pub_ind_nav{width: 240px;}
.pub_ind_hd{margin-top: 40px; padding: 18px 0; border-bottom: 1px solid #dbdbdb; display: flex; align-items: center; justify-content: space-between;}
.pub_ind_hd span{position: relative; padding-left: 24px; font-size: 16px; color: #626262;}
.pub_ind_hd span::after{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 14px; height: 14px; background: url(../images/pub_ind_hd_ico.png) center no-repeat; background-size: contain;}
.pub_ind_hd p{font-size: 16px; font-family: "Arial";color: #c4c4c4; text-transform: uppercase;}
.pub_ind_bd{margin-top: 15px;}
.pub_ind_bd li{float: left; width: 50%; padding: 12px 0; padding-right: 10px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.pub_ind_bd li a{font-size: 14px; color: #626262;}
.pub_ind_bd li a:hover{color: #de413a;}
.pub_ind_pn1 .pic{display: block; position: relative; width: 757px; height: 572px; overflow: hidden;}
.pub_ind_pn1 .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pub_ind_pn2{margin-top: 20px; padding: 40px; background: #fff; display: flex; align-items: center; justify-content: space-between;}
.pub_ind_pn2 .pic{width: 656px; height: 660px;}
.pub_ind_pn2 .pic a{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.pub_ind_pn2 .pic a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.pub_ind_pn2 .words{width: 435px; text-align: center;}
.pub_ind_pn2 .words h5{font-size: 30px; font-weight: normal; color: #3d3d3d; display: flex; align-items: center; justify-content: center;}
.pub_ind_pn2 .words p{margin-top: 20px; font-size: 16px; color: #8b8b8b; line-height: 24px;}
.pub_ind_pro{margin: 35px auto 0 auto; width: 370px;}
.pub_ind_pro>a{display: block; position: relative; width: 100%; height: 278px; border: 1px solid #e1e1e1; background: #f9f9f9; overflow: hidden;}
.pub_ind_pro>a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pub_ind_pro figure{margin-top: 25px;}
.pub_ind_pro figure em{display: block; font-size: 18px; color: #3d3d3d;}
.pub_ind_pro figure span{margin-top: 10px; display: block; font-size: 24px; font-weight: bold; color: #de413a;}
.pub_ind_pro .view_link{margin-top: 25px; justify-content: center;}
.pub_ind_pn3{margin-top: 20px; padding: 20px 40px; background: #fff;}
.pub_ind_pn3 li{float: left; width: 363px; margin-right: 15.5px;}
.pub_ind_pn3 li:nth-of-type(3n){margin-right: 0;}
.pub_ind_pn3 li a{display: block; position: relative; width: 100%; height: 273px; overflow: hidden;}
.pub_ind_pn3 li a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pub_ind_pn3 li .words{margin-top: 20px;}
.pub_ind_pn3 li .words h5{font-size: 16px; color: #3d3d3d;}
.pub_ind_pn3 li .words p{margin-top: 5px; font-size: 14px; color: #666666;}
.pub_ind_pn3 li .words span{margin-top: 5px; display: block; font-size: 18px; font-weight: bold; color: #de413a;}

.ind4{padding-top: 40px;}
.ind5 .pub_ind_pn1 .words{order: 2; text-align: right;}
.ind5 .pub_ind_nav{margin-left: auto;}
.ind5 .pub_ind_hd span{order: 2; padding-left: 0; padding-right: 24px;}
.ind5 .pub_ind_hd span::after{left: 100%; transform: translateX(-100%) translateY(-50%);}
.ind5 .pub_ind_bd li{float: right;}
.ind5 .pub_ind_pn2 .pic{order: 2;}

.ind7{padding: 40px 0;}
.ind7_con{margin-top: 40px; position: relative;}
.ind7_con::after{z-index: 1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1240px; height: 100%; background: #fff;}
.ind7_swiper1{position: absolute; left: 0; top: 0; transform: translateX(-50%); margin-left: -20px; width: 1126px;}
.ind7_swiper2{z-index: 2; position: relative; padding: 0 30px;}
.ind7_swiper3{position: absolute; right: 0; top: 0; transform: translateX(50%); margin-right: -20px; width: 1126px;}
.ind7_con .swiper-slide a{display: block; position: relative;}
.ind7_swiper1 .swiper-slide a::after,.ind7_swiper3 .swiper-slide a::after{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.ind7_con .swiper-slide a .pic{display: block; position: relative; width: 100%; height: 421px; overflow: hidden;}
.ind7_con .swiper-slide a .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind7_con .swiper-slide a .words{position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; text-align: center; background: rgba(0,0,0,0.6);}
.ind7_con .swiper-slide a .words h5{font-size: 16px; color: #fff; line-height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind7_con .swiper-slide a .words p{margin-top: 8px; font-size: 14px; color: #fff; line-height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind7_con .swiper-button-prev{width: 28px; height: 28px; margin-top: -14px; left: 0; background: url(../images/btn_prev.png) left center no-repeat; background-size: contain; outline: none;}
.ind7_con .swiper-button-next{width: 28px; height: 28px; margin-top: -14px; right: 0; background: url(../images/btn_next.png) right center no-repeat; background-size: contain; outline: none;}

.ind8{z-index: 1; position: relative; padding: 40px 0;}
.ind8::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(../images/ind8_bg.jpg) center no-repeat; background-size: cover;}
.ind8 .ind_tit p::before,.ind8 .ind_tit p::after{background: #fff;}
.ind8_list{margin-top: 40px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.ind8_list li{width: 28.5%; padding: 20px; margin-right: 7.25%; background: #fff;}
.ind8_list li:nth-of-type(3n){margin-right: 0;}
.ind8_list li .pic{display: block; position: relative; width: 100%; padding: 37.252% 0; overflow: hidden;}
.ind8_list li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind8_list li .words{margin-top: 30px; min-height: 200px;}
.ind8_list li .words dd{margin-top: 8px;}
.ind8_list li .words dd a{position: relative; display: inline-block; max-width: 100%; font-size: 14px; color: #666666; padding-left: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind8_list li .words dd a::after{position: absolute; left: 0; top: 50%; margin-top: -1.5px; content: ""; width: 3px; height: 3px; background: #de413a;}
.ind8_list li .words dd a:hover{color: #de413a;}

.ind9{padding-top: 40px;}
.ind9_pn1{padding: 0px 0 45px; display: flex; align-items: flex-start; justify-content: center;}
.ind9_pn1 h5{margin-bottom: 30px; width: 96%; font-size: 16px; color: #3d3d3d; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.ind9_pn1_l{position: relative; width: 592px; height: 560px;}
.ind9_pn1_l .p_top{margin-bottom: 10px; z-index: 1; position: absolute; left: 0; width: 100%; font-size: 14px; color: #666666; text-align: center;}
.ind9_pn1_l .p_top1{top:60px;}
.ind9_pn1_l .p_top2{top:85px;}
.ind9_pn1_l .get_store_p{z-index: 1; position: absolute; left: 0; top: 120px; width: 100%; height: 34px; text-align: center;}
.ind9_pn1_l .get_store_p a{margin: 0 auto; display: block; font-size: 14px; color: #3d3d3d; width: 148px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #3d3d3d; background: #fff;}
.ind9_pn1_l .get_store_p a:hover{color: #fff; background: #3d3d3d;}
.map_box{position: absolute; left: 3px; top: 88px; width: 560px; height: 465px; background: url(../images/china_map.png) center no-repeat;}
.map_box .point{width: 12px; height: 12px; position: absolute; cursor: pointer;}
.map_box .normal_point{background:url(../images/normal_point_old.png) center no-repeat;}
.map_box .hover_point{background:url(../images/hover_point.png) center no-repeat;}
.map_box .jilin{left:507px; top:112px;}
.map_box .beijing{left:430px; top:160px;}
.map_box .henan{left:385px; top:235px;}
.map_box .shandong{left:440px; top:217px;}
.map_box .shanxi{left:372px; top:180px;}
.map_box .sanxi{left:328px; top:228px;}
.map_box .gansu{left:260px; top:218px;}
.map_box .xinjiang{left:100px; top:150px;}
.map_box .sichuan{left:260px; top:272px;}
.map_box .chongqing{left:292px; top:302px;}
.map_box .hubei{left:372px; top:282px;}
.map_box .hunan{left:372px; top:320px;}
.map_box .jiangsu{left:462px; top:264px;}
.map_box .shanghai{left:485px; top:278px;}
.map_box .zhejiang{left:472px; top:302px;}
.map_box .jiangxi{left:416px; top:330px;}
.map_box .guangdong{left:416px; top:386px;}
.map_box .guangxi{left:360px; top:366px;}
.map_box .yunnan{left:260px; top:366px;}
.map_box .hainan{left:360px; top:444px;}
.map_box .fujian{left:462px; top:340px;}
.map_box .taiwan{left:495px; top:370px;}
.map_box .store_info{display:none; z-index: 1; position:absolute; left: -25px; bottom: 20px; min-width:70px; border:1px solid #d2d2d2;}
.map_box .store_info a{display: block; font-size: 12px; color: #666666; width: 100%; line-height: 120%; text-align: center;}
.map_box .store_info a:hover{color: #de413a;}
.map_box .store_info .info_top{font-size: 14px; color: #414141; height: 30px; line-height: 30px; text-align: center; background: #f2f2f2;}
.map_box .store_info .info_cont{padding: 10px; background:#fff;}
.map_box .store_info .info_cont ul{margin-left: -15px; width: 225px;}
.map_box .store_info .info_cont ul li{margin-left: 15px; margin-bottom: 6px;float: left;  display: block;}
.map_box .store_info .info_cont ul li a{font-size:14px;}
.map_box .store_info .info_cont .info_cont_arrow{position: absolute; left: 25px; bottom: -9px; width: 12px; height: 9px; background: url(../images/info_cont_arrow.png) center no-repeat;}
.ind9_pn1_r{width: 592px; margin-left: 8px;}
.ind9_pn1_hd li{float:left; margin-right: 95px; width: 124px; cursor: pointer;}
.ind9_pn1_hd li:nth-of-type(3n){margin-right: 0;}
.ind9_pn1_hd li .pic{display: block; position: relative; width: 120px; height: 120px; overflow: hidden;}
.ind9_pn1_hd li .pic img{transition: 0.6s; border: 3px solid #e5e5e5; border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind9_pn1_hd li.active .pic img{border-color: #f799a4;}
.ind9_pn1_hd li p{margin-top: 12px; font-size: 14px; color: #444; text-align: center;}
.ind9_pn1_bd{margin: 30px auto 0 auto; position: relative; width: 560px; min-height: 48px; height: 100%; padding: 0 30px;}
.ind9_pn1_bd::before{position: absolute; left: 0; top: 0; content: ""; width: 18px; height: 16px; background: url(../images/ind9_pn1_bd_ico.png) 0 0 no-repeat;} 
.ind9_pn1_bd::after{position: absolute; right: 0; bottom: 0; content: ""; width: 18px; height: 16px; background: url(../images/ind9_pn1_bd_ico.png) -32px 0 no-repeat;}  
.ind9_pn1_bd li{font-size: 14px; color: #666666; opacity: 0; height: 0; line-height: 24px; overflow: hidden;}
.ind9_pn1_bd li.active{opacity: 1; height: 100%;}
.ind9_news_con{margin-top:55px;}
.ind9_news{display: flex; align-items: flex-start; justify-content: flex-start;}
.ind9_news_pic{display: block; position: relative; width: 230px; height: 140px; overflow: hidden;}
.ind9_news_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind9_news_list{margin-left: 20px; overflow: hidden;}
.ind9_news_list li{margin-top: 18px; padding-left:12px;}
.ind9_news_list li:nth-of-type(1){margin-top: 0;}
.ind9_news_list li.active{background:url(../images/news_icon.png) left 1px no-repeat;}
.ind9_news_list li a{display:block; width: 285px; font-size: 14px; color: #666666; line-height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind9_news_list li a:hover{color: #de413a;}

/*==获取体验馆地址弹窗==*/
.index_store_dialog{display: none; position:relative; width:480px; background:#fff;}
.index_store_dialog .dialog_title{background:url(../images/dialog_title_bg.jpg) no-repeat; background-size: 100%;}
.index_store_dialog .dialog_title h5{padding-left:30px; font-size: 20px; color: #fff; line-height: 60px; text-align: center;}
.index_store_dialog .index_store_close{display: block; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url(../images/dialog_close.png) center no-repeat; cursor: pointer;}
.index_store_form{padding:20px 30px; text-align: center;}
.index_store_pos{display: flex; align-items: center; justify-content: flex-start;}
.index_store_pos .pos_ico{display:block; width: 11px; height: 14px; margin-right: 5px; background:url(../images/pos_ico.png) center no-repeat;}
.index_store_pos p{font-size: 14px; color: #000;}
.index_store_pos p span{font-size: 14px; color: #e31d24; cursor: pointer;}
.index_store_select{display: none; font-size: 14px; color: #666666;}
.index_store_select select{margin-right: 10px; padding-left:10px; height: 30px; border: 1px solid #cccccc; outline: none;}
.store_select_box,.store_mobile_box,.index_store_form .ver_code,.address_send{margin-top:15px;}
.store_select_box select{font-size: 14px; width: 338px; height: 42px; padding: 0 6px; border: 1px solid #cccccc; border-radius: 6px; outline: none;}
.store_mobile_box .store_mobile{font-size: 14px; color: #666666; width: 338px; line-height: 42px; padding: 0 6px; border: 1px solid #cccccc; border-radius: 6px; outline: none;}
.index_store_form .ver_code{width: 338px; height: 42px;}
.index_store_form .ver_code>p{font-size: 14px;}
.index_store_form .ver_code .code-box{border-radius: 6px;}
.index_store_form .ver_code .code-box p,.index_store_form .ver_code .code-box span{font-size: 14px; line-height: 42px; border-radius: 6px;}
.index_store_form .ver_code .code-box span{width: 42px; border-radius: 0;}
.index_store_form .form_submit{font-size: 14px; color: #fff; height: 42px; text-align: center; width: 338px; line-height: 40px; border-radius: 6px; background:url(../images/index_store_submit.jpg) center no-repeat; background-size: cover; cursor: pointer; outline: none;}
.index_store_db{margin-top:10px; font-size: 14px; color: #000; text-align: center;}
.index_store_db span{font-size: 12px; color:#e31d24;}

/*==获取体验馆成功后弹窗==*/
.appointment_dialog{display: none; width: 250px; padding: 10px; background: #fff; border-radius: 6px;}
.appointment_dialog .dialog_title{margin-top: 10px;}
.appointment_dialog .dialog_title h5{font-size: 20px; color: #333333; text-align:center;}
.appointment_dialog .appointment_close{display: block; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; background:url(../images/dialog_close1.png) center no-repeat; cursor:pointer;}
.appointment_con{padding-bottom:20px;}
.appointment_con p{margin-top: 10px; font-size: 14px; color: #666666; text-align: center;}
.appointment_weixin{width: 160px; height: 160px; border: 1px solid #cccccc; padding: 10px; margin: 20px auto 10px;}
.appointment_weixin img{width:100%; height: 100%; object-fit: contain;}
@-webkit-keyframes bounceIn{
  	0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}
	80%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
	100% {opacity: 1;-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes bounceIn {
  	0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}
	80%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
	100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
}
.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
.animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible;}

.ind9_pn2{z-index: 1; position: relative; padding: 85px 0; height: 400px; display: flex; align-items: center; justify-content: space-between;}
.ind9_pn2::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(../images/ind9_pn2_bg.jpg);}
.ind9_pn2_l{width: 310px; height: 100%; padding: 0 30px; background: #de413a; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind9_pn2_l h5{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.ind9_pn2_l h5 em{display: block; width: 150px; font-size: 18px; font-family: "Arial"; color: #fff; line-height: 100%; text-transform: uppercase;}
.ind9_pn2_l h5 i{display: block; width: 31px; height: 31px; background: url(../images/ind9_pn2_l_ico.png) center center no-repeat; background-size: contain;}
.ind9_pn2_l h6{margin-top: 10px; font-size: 24px; color: #fff;}
.ind9_pn2_l p{margin-top: 5px; font-size: 16px; color: #fff;}
.ind9_pn2_l hr{margin-top: 30px; display: block; width: 30px; height: 4px; border: none; background: #fff;}
.ind9_pn2_m{width: 640px; height: 100%; padding: 0 40px; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind9_pn2_m h5{width: 100%; font-size: 22px; font-weight: normal; color: #3d3d3d; text-align: center;}
.ind9_pn2_m h5 em{font-weight: bold; color: #de413a;}
.ind9_pn2_m .msg_form{margin-top: 15px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.ind9_pn2_m .msg_form section{margin-top: 10px; width: 100%; height: 42px; display: flex; align-items: center; justify-content: flex-start;}
.ind9_pn2_m .msg_form section:nth-of-type(1){margin-top: 0;}
.ind9_pn2_m .msg_form section #map{width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.ind9_pn2_m .msg_form section select::-ms-expand {display: none;}
.ind9_pn2_m .msg_form section select{margin-right: 10px; width: 180px; height: 100%; font-size: 14px; color: #666666; padding: 0 20px; border: none; background: url(../images/select_ico.png) #f2f2f2 89% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
.ind9_pn2_m .msg_form section select:nth-of-type(4n){margin-right: 0;}
.ind9_pn2_m .msg_form section select option{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]{transition: 0.6s; margin-right: 10px; width: 275px; height: 100%; font-size: 14px; color: #666666; padding: 0 18px; border: 1px solid #f2f2f2; background: #f2f2f2; outline: none;}
.ind9_pn2_m .msg_form section input[type="text"]:nth-of-type(2n){margin-right: 0;}
.ind9_pn2_m .msg_form section input[type="text"]::-webkit-input-placeholder{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]:-moz-placeholder{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]::-moz-placeholder{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]:-ms-input-placeholder{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]::placeholder{color: #666666;}
.ind9_pn2_m .msg_form section input[type="text"]:focus{border-color: #f1986e; box-shadow: 0 0 10px rgba(241,152,110,0.5);}
.ver_code{margin-right: 10px; position: relative; display: inline-block; width: 275px; height: 100%; background: #fff;}
.ver_code>p{font-size: 14px; color: #666666; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); line-height: 100%;}
.ver_code .code-box{display: inline-block; position: relative; width: 100%; height: 100%; color: #fff; border: none; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); outline: none;}
.ver_code .code-box p, .ver_code .code-box span{display: block; position: absolute; left: 0; height: 100%; line-height: 42px; font-size: 14px; color: #fff; text-align: center;}
.ver_code .code-box span{width: 42px; font-family: "宋体"; background: #fff; cursor: pointer;}
.form_submit{transition: 0.6s; font-size: 14px; font-weight: bold; color: #fff; width: 275px; height: 100%; line-height: 100%; border: none; background: rgba(241,152,110,1); outline: none; cursor: pointer;}
.form_submit_default{background: rgba(241,152,110,0.85);}
.ind9_pn2_r{width: 250px; height: 100%; padding: 0 28px; border-left: 1px solid #dadada; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind9_pn2_r h5{margin-bottom: 10px; width: 100%; font-size: 18px; font-weight: normal; color: #626262; border-bottom: 1px solid #dadada; padding-bottom: 15px; display: flex; align-items: center; justify-content: center;}
.ind9_pn2_r h5 i{margin-right: 10px; display: block; width: 20px; height: 20px; background: url(../images/ind9_pn2_r_ico.png) center center no-repeat; background-size: contain;}
.ind9_pn2_r h5 span{font-weight: bold; color: #de413a;}
.ind9_pn2_r ul{width: 100%;}
.ind9_pn2_r ul li{font-size: 14px; color: #898989; height: 36px !important; line-height: 36px !important; overflow: hidden;}

.ind9_pn3{padding-top: 60px; padding-bottom: 30px;}
.ind9_pn3 h5{position: relative; padding-left: 27px; font-size: 18px; font-weight: normal; color: #3d3d3d;}
.ind9_pn3 h5::after{position: absolute; left: 0; top: 4px; content: ""; width: 17px; height: 17px; background: url(../images/ind9_pn3_ico.png) center no-repeat; background-size: contain;}
.ind9_pn3_swiper{margin-top: 18px; position: relative; padding: 20px 0; border-top: 1px solid #dadada;}
.ind9_pn3_swiper .swiper-slide:nth-of-type(2n){margin-top: 20px !important;}
.ind9_pn3_swiper .swiper-slide a{display: block; position: relative; width: 100%; height: 50px; overflow: hidden; cursor: default;}
.ind9_pn3_swiper .swiper-slide a img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; background: #fff;}
.ind9_pn3_swiper .swiper-slide a .show{opacity: 1; filter: alpha(opacity=100);}
.ind9_pn3_swiper .swiper-slide a .hid{opacity: 0; filter: alpha(opacity=0);}
.ind9_pn3_swiper .swiper-slide:hover .show{opacity: 0; filter: alpha(opacity=0);}
.ind9_pn3_swiper .swiper-slide:hover .hid{opacity: 1; filter: alpha(opacity=100);}
.ind9_pn3_swiper .swiper-button-prev{opacity: 1; width: 9px; height: 17px; left: 97.5%; top: -39px; margin-top: 0; background: url(../images/btn_prev2.png) center no-repeat; background-size: contain; outline: none;}
.ind9_pn3_swiper .swiper-button-next{opacity: 1; width: 9px; height: 17px; right: 0; top: -39px; margin-top: 0; background: url(../images/btn_next2.png) center no-repeat; background-size: contain; outline: none;}



/*==首页样式     结束==*/

/*==公共尾部     开始==*/
.f_pn1{z-index: 1; position: relative; padding: 40px 0; display: flex; align-items: center; justify-content: space-between;}
.f_pn1::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #eeeeee;}
.f_pn1 li{display: flex; align-items: center; justify-content: space-between;}
.f_pn1 li .pic{display: block; position: relative; width: 45px; height: 45px; overflow: hidden;}
.f_pn1 li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.f_pn1 li .words{margin-left: 15px;}
.f_pn1 li .words h5{font-size: 16px; color: #3d3d3d;}
.f_pn1 li .words p{margin-top: 5px; font-size: 14px; color: #666666;}
.f_pn2{z-index: 1; position: relative; padding: 40px 0; display: flex; align-items: flex-start; justify-content: space-between;}
.f_pn2::before{position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 1px; background: #d5d5d5;}
.f_pn2::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #eeeeee;}
.f_pn2 .f_logo{height: 96px;}
.f_pn2 .f_logo img{height: 100%; object-fit: contain;}
.f_pn2 .f_nav{width: 640px; display: flex; align-items: flex-start; justify-content: space-between;}
.f_pn2 .f_nav li dl dt{font-size: 16px; font-weight: bold; color: #3d3d3d;}
.f_pn2 .f_nav li dl dd{margin-top: 10px;}
.f_pn2 .f_nav li dl dd a{font-size: 14px; color: #878787;}
.f_pn2 .f_nav li dl dd a:hover{color: #de413a;}
.f_pn2 .f_words li{margin-top: 15px; display: flex; align-items: center; justify-content: flex-start;}
.f_pn2 .f_words li:nth-of-type(1){margin-top: 0;}
.f_pn2 .f_words li .pic{width: 32px; height: 32px;}
.f_pn2 .f_words li .pic img{width: 100%; height: 100%; object-fit: contain;}
.f_pn2 .f_words li .words{margin-left: 10px;}
.f_pn2 .f_words li .words h5{margin-bottom: 2px; font-size: 16px; color: #3d3d3d;}
.f_pn2 .f_words li:nth-of-type(1) .words h5{margin-bottom: 0; font-size: 18px; font-family: "Arial";}
.f_pn2 .f_words li .words p{font-size: 14px; color: #878787;}
.f_pn3{z-index: 1; position: relative; padding: 40px 0;}
.f_pn3::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #e6e6e6;}
.f_pn3_top{display: flex; align-items: center; justify-content: center;}
.f_pn3_top li{line-height: 100%;}
.f_pn3_top li a{display: inline-block; font-size: 14px; color: #666666; line-height: 100%; padding: 0 20px; border-right: 1px solid #b5b5b5;}
.f_pn3_top li:last-child a{border: none;}
.f_pn3_top li a:hover{color: #de413a;}
.f_pn3_mid{margin-top: 15px; display: flex; align-items: center; justify-content: center;}
.f_pn3_mid p{font-size: 14px; color: #666666; margin-right: 20px;}
.f_pn3_mid p:last-child{margin-right: 0;}
.f_pn3_mid a:hover{color: #de413a;}
.f_pn3_bot{margin-top: 15px; display: flex; align-items: center; justify-content: center;}
.f_pn3_bot li{margin-right: 20px;}
.f_pn3_bot li:last-child{margin-right: 0;}
.f_pn3_bot li a{display: block; position: relative; width: 30px; height: 30px; overflow: hidden;}
.f_pn3_bot li a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
/*==公共尾部     结束==*/

/*==内页样式     开始==*/
.page_main{overflow: hidden; background: #f5f5f5;}
.page_img{display: block; position: relative; width: 100%; height: 480px; overflow: hidden;}
.page_img a{display: block; width: 100%; height: 100%; cursor: default;}
.page_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.page_tit{padding-top: 65px; padding-bottom: 35px; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.page_tit figure{position: relative; padding: 0 62px;}
.page_tit figure::before{position: absolute; left: 0; top: 0; content: ""; width: 11px; height: 100%; background: url(../images/page_tit_bg.png) left center no-repeat;} 
.page_tit figure::after{position: absolute; right: 0; top: 0; content: ""; width: 11px; height: 100%; background: url(../images/page_tit_bg.png) -329px center no-repeat;}  
.page_tit figure h5{font-size: 24px; text-transform: uppercase; letter-spacing: 2px;}
.page_tit figure h6{font-size: 24px; letter-spacing: 5px;}
.page_tit p{margin-top: 15px; font-size: 14px; color: #de413a; text-transform: uppercase;}
.page_tit2{text-align: center;}
.page_tit2 i{display: block; margin: 0 auto 10px; width: 68px; height: 18px; background:url(../images/page_tit2_bg1.png) center top no-repeat; background-size: contain;}
.page_tit2 h5{font-size: 32px; font-weight: normal; color: #3d3d3d;}
.page_tit2 h6{font-size: 14px; padding: 5px 0; color: #666; text-transform: uppercase;}
.page_tit2 em{display: block; margin: 10px auto 0; width: 68px; height: 3px; background: url(../images/page_tit2_bg2.png) center top no-repeat; background-size: contain;}
.page_nav_hd{margin-top: 60px; font-size: 16px; color: #626262; border: 1px solid #d3d3d3; background: #fff; display: flex; align-items: center; justify-content: space-between;}
.page_nav_hd .left{padding-left: 20px;}
.page_nav_hd .left span{position: relative; padding-left: 24px;}
.page_nav_hd .left span::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 14px; height: 14px; background: url(../images/page_nav_hd_ico.png) center no-repeat;}
.page_nav_hd .right{display: flex; align-items: center; justify-content: flex-start;}
.page_nav_hd .right li a{padding: 18.5px 20px; display: flex; align-items: center; justify-content: flex-start;font-size:12px;}
.page_nav_hd .right li a i{margin-left: 10px;}
.page_nav_hd .right li:hover a,.page_nav_hd .right li.active a{color: #fff; background: #de413a;}
.page_nav_bd{background: #fff;}
.page_nav_bd li table{width: 100%;}
.page_nav_bd li table tr{transition: 0.6s; width: 100%; padding: 15px 24px; border: 1px solid #d3d3d3; border-top: none; display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li table tr th{margin: 5px 20px 5px 0; display: inline-block; padding: 8px 20px; line-height: 100%;}
.page_nav_bd li table tr th span{display: inline-block; min-width: 2em; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%;}
.page_nav_bd li table tr td{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li table tr td a{margin: 5px; display: inline-block; font-size: 16px; color: #626262; line-height: 100%; padding: 8px 15px; border-radius: 5px;}
.page_nav_bd li table tr td a:hover,.page_nav_bd li table tr td a.active{color: #fff; background: #de413a;}

/*==新品==*/
.new_goods li{transition: 0.6s; float: left; width: 32.5%; padding: 10px; margin-top: 2.5%; margin-right: 1.25%; text-align: center; background: #fff;}
.new_goods li:nth-of-type(-n+3){margin-top: 0;}
.new_goods li:nth-of-type(3n){margin-right: 0;}
.new_goods li .pic{display: block; position: relative; width: 100%; padding: 37.568% 0; overflow: hidden;}
.new_goods li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.new_goods li .words{padding-top: 16px;}
.new_goods li .words h5{font-size: 16px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new_goods li .words h5 span{margin-left: 5px; font-size: 14px; font-weight: normal;}
.new_goods li .words p{margin-top: 7px; font-size: 14px; color: #666666; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.new_goods li .words p i:last-child{display: none;}
.new_goods li .words>span{display: block; margin-top: 5px; font-size: 18px; font-weight: bold; color: #de413a;}
.link_box{margin-top: 15px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.link_box .enter_brand{display: block; width: 100px; font-size: 12px; color: #666; line-height: 28px; border: 1px solid #f2f2f2; border-right-color: #fff; background: #fff;}
.favorite_box{transition: 0.6s; display: block; width: 70px; font-size: 12px; color: #666; line-height: 28px; border: 1px solid #f2f2f2; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.favorite_box .goods_favorite{margin-right: 3px; display: block; width: 15px; height: 12px; background: url(../images/brand_love.png) 0 0 no-repeat;}
.favorite_box .is_favorited{background-position: 0 0;}
.favorite_box .no_favorited{background-position: -16px 0;}
.favorite_box .favorite_text{display: block;}
.new_goods li:hover{box-shadow: 0 0 10px 0 #ccc; -webkit-box-shadow: 0 0 10px 0 #ccc;}
.link_box .enter_brand:hover{color: #de413a; border-color: #de413a;}
.favorite_box:hover{color: #de413a; border-color: #de413a;}

/*==公共详情页==*/
.pub_view_box{margin-top: 40px; margin-bottom: 60px; padding: 24px 20px; background: #fff;}
.pub_view_pn1{display: flex; align-items: flex-start; justify-content: space-between;}
.pub_view_pn1_l{width: 578px;}
.pub_view_pn1_bd li{opacity: 0; display: block; position: relative; width: 100%; height: 0; overflow: hidden;}
.pub_view_pn1_bd li img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pub_view_pn1_bd li.active{opacity: 1; height: 434px;}
.pub_view_pn1_hd{margin-top: 10px; position: relative; padding: 0 30px;}
.pub_view_pn1_hd .swiper-slide{display: block; position: relative; width: 100%; overflow: hidden;padding:1px;}
.pub_view_pn1_hd .swiper-slide:hover a{border-color:#de413a;}
.pub_view_pn1_hd .swiper-slide.active a{border-color:#de413a;}
.pub_view_pn1_hd .swiper-slide a{transition: 0.6s; display: block;width:100%;height: 103px;border:1px solid transparent}
.pub_view_pn1_hd .swiper-slide img{ position: absolute; left: 0; top: 0; width: 100%; height: 103px; object-fit: contain; cursor: pointer;padding:2px;}
.pub_view_pn1_hd .swiper-button-prev{width: 20px; height: 100%; left: 0; top: 0; margin-top: 0; background: url(../images/btn_prev.png) center no-repeat; background-size: 45%; outline: none;}
.pub_view_pn1_hd .swiper-button-next{width: 20px; height: 100%; right: 0; top: 0; margin-top: 0;  background: url(../images/btn_next.png) center no-repeat; background-size: 45%; outline: none;}
div.zoomDiv{z-index: 2; position: absolute; top: 0; left: 0; width: 575px; height: 434px; background: #fff; border: 1px solid #CCC; display: none; text-align: center; overflow: hidden;}
div.zoomMask{width: 150px; height: 150px; position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1;}
.pub_view_pn1_r{width: 552px;}
.pub_view_pn1_r h5{font-size: 18px; color: #3d3d3d;}
.pub_view_pn1_r h5>span{margin-left: 5px; font-size: 14px; font-weight: normal;}
.pub_view_pn1_r .goods_price{margin-top: 20px; position: relative; padding:16px 20px; background: #f7f6f5;}
.pub_view_pn1_r .goods_price li{margin-top: 20px; font-weight: normal; font-size: 14px; color: #858585; line-height: 18px; display: flex; align-items: flex-start; justify-content: flex-start;}
.pub_view_pn1_r .goods_price li:nth-of-type(1){margin-top: 0;}
.pub_view_pn1_r .goods_price li em{display: inline-block; min-width: 85px; font-weight: normal;}
.pub_view_pn1_r .goods_price li:nth-of-type(1) em{line-height: 30px;}
.pub_view_pn1_r .goods_price li:nth-of-type(1) p{font-size: 30px; color: #de413a; line-height: 100%;}
.pub_view_pn1_r .goods_price li p span{color: #de413a;}
.pub_view_pn1_r .goods_price li p a{margin-left: 10px; padding: 0 5px; font-size: 12px; color: #e31d24; border: 1px solid #e31d24; background: #fff;}
/* .pub_view_pn1_r .goods_price .favorite_box{position: absolute; right: 0; bottom: 100%; font-size: 16px; color: #999; width: auto; line-height: 120%; border: none;}
.pub_view_pn1_r .goods_price .favorite_box .goods_favorite{width: 20px; height: 16px; background: url(../images/detail_icon2.png) 0 0 no-repeat;}
.pub_view_pn1_r .goods_price .favorite_box .no_favorited{background-position: 0 0;}
.pub_view_pn1_r .goods_price .favorite_box .is_favorited{background-position: 0 -16px;} */
.pub_view_pn1_r .goods_price .favorite_box{
  position: absolute;
  top: 16px;
  right: 20px;
}
.pub_view_pn1_r .goods_words{padding: 20px;}
.pub_view_pn1_r .goods_words li{margin-top: 23px; font-size: 14px; font-weight: normal; color: #858585; line-height: 18px; display: flex; align-items: flex-start; justify-content: flex-start;}
.pub_view_pn1_r .goods_words li:nth-of-type(1){margin-top: 0;}
.pub_view_pn1_r .goods_words li em{display: inline-block; min-width: 2em; width: 65px; text-align: left; margin-right: 25px; font-weight: normal;}
.pub_view_pn1_r .goods_words li p{display: flex; width: 450px; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.pub_view_pn1_r .goods_words li p i:last-of-type{display: none;}
.pub_view_pn1_r .goods_words li a{transition: 0s; margin: 5px 10px 5px 0; display: block; font-size: 12px; color: #666; line-height: 25px; padding: 0 13px; border: 1px solid #ccc; word-break: break-all;}
.pub_view_pn1_r .goods_words li a.selected{border-color: #e31d24; background: url(../images/goods_select.png) right bottom no-repeat;}
.pub_view_pn1_r .goods_link{margin-top: 20px; display: flex; align-items: center; justify-content: space-between;}
.pub_view_pn1_r .goods_link .view_link i{background-image: url(../images/view_link_vr_ico.png);}
.pub_view_pn1_r .goods_link .view_link a{width: 110px;}
.pub_view_pn1_r .bdsharebuttonbox a{transition: 0.6s; float: left; font-size: 12px; color: #666666; display: flex; align-items: center; justify-content: space-between; height: 20px !important; line-height: 20px !important; border-radius: 50% !important; background-position: unset !important;}
.pub_view_pn1_r .bdsharebuttonbox .bds_more{padding: 0 !important; margin: 0 5px 0 0 !important; border-radius: 0% !important; background: transparent;}
.pub_view_pn1_r .bdsharebuttonbox .bds_tsina{padding: 10px !important; margin: 0 5px 0 0 !important; background: url(../images/user_bdshare.png) 0 0 no-repeat !important;}
.pub_view_pn1_r .bdsharebuttonbox .bds_weixin{padding: 10px !important; margin: 0 5px 0 0 !important; background: url(../images/user_bdshare.png) -25px 0 no-repeat !important;}
.pub_view_pn1_r .bdsharebuttonbox .bds_sqq{padding: 10px !important; margin: 0 5px 0 0 !important; background: url(../images/user_bdshare.png) -75px 0 no-repeat !important;}
.pub_view_pn1_r .bdsharebuttonbox .bds_qzone{padding: 10px !important; margin: 0 !important; background: url(../images/user_bdshare.png) -100px 0 no-repeat !important;}
.pub_view_pn1_r figure{font-size: 14px; color: #666666; display: flex; align-items: center; justify-content: flex-start;}

.pub_view_pn2{margin-top: 35px; border: 1px solid #f2f2f2; border-top: none;}
.pub_view_hd{background: #f2f2f2;}
.pub_view_hd li{transition: 0.6s; min-width: 130px; float: left; font-size: 14px; color: #666666; line-height: 45px; text-align: center; border-top: 3px solid transparent;}
.pub_view_hd li a{display: block;}
.pub_view_hd li:hover,.pub_view_hd .active{border-color: #e31d24; background: #fff;}
.pub_view_pn2_bd dd{opacity: 0; height: 0; padding: 0 20px; overflow: hidden;}
.group_view{padding: 30px 10px; display: flex; align-items: flex-start; justify-content: flex-start;}
.group_view #group_price{display: flex; align-items: flex-start; justify-content: flex-start;}
.group_view #group_price>.view_item .group_choice{display: none;}
.view_item{width: 196px;}
.view_item .pic{display: block; position: relative; width: 100%; padding: 37.756% 0; overflow: hidden;}
.view_item .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.view_item .words{margin-top: 15px; position: relative; padding-right: 15px;}
.view_item .words h5{font-size: 16px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.view_item .words p{margin-top: 3px; font-size: 14px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.view_item .words p i:last-child{display: none;}
.view_item .words span{display: block; margin-top: 5px; font-size: 18px; font-weight: bold; color: #de413a;}
.group_choice{display: block; position: absolute; right: 0; top: 4px;}
.group_choice input[type="checkbox"]{display: block; width: 12px; height: 12px; background: url(../images/choice_icon.png) 0 0 no-repeat; cursor: pointer; outline: none;}
.group_choice input[type="checkbox"]:checked{background-position: -16px 0;}
.group_add{width: 22px; height: 22px; margin: 63px 20px; background: url(../images/group_add_ico.png) center no-repeat;}
.view_item_list li{float: left; margin-top: 20px; margin-right: 20px;}
.view_item_list li:nth-of-type(-n+3){margin-top: 0;}
.view_item_list li:nth-of-type(3n){margin-right: 0;}
.group_checkout{margin: 47.5px 0 47.5px 85px; text-align: center;}
.group_checkout p{font-size: 12px; color: #666; line-height: 120%; text-align: center;}
.group_checkout .goods_total_price{margin: 10px 0; font-size: 16px; font-weight: bold; color: #df2c29;}
.pub_view_pn2_bd .hang_ceiling{margin-top: 20px; margin-bottom: 10px;}
.pub_view_pn2_bd .hang_ceiling li{width: 263px; margin-top: 10px; margin-right: 22px; padding: 0;}
.pub_view_pn2_bd .hang_ceiling li:nth-of-type(-n+4){margin-top: 0;}
.pub_view_pn2_bd .hang_ceiling li:nth-of-type(3n){margin-right: 22px;}
.pub_view_pn2_bd .hang_ceiling li:nth-of-type(4n){margin-right: 0;}
.pub_view_pn2_bd .hang_ceiling li:hover{box-shadow: none; -webkit-box-shadow: none;}
.pub_view_pn2_bd .active{opacity: 1; height: 100%;}
/*==吊顶馆详情页==*/
.room_info{margin-top: 35px; padding: 25px 10px 40px; background: #f7f7f7; display: flex; align-items: flex-start; justify-content: flex-start;}
.room_info .pic{min-width: 86px;}
.room_info .pic img{display: block; margin: 0 auto; width: 86px; height: 86px; object-fit: cover; border: 3px solid #ccc; border-radius: 50%;}
.room_info .pic span{margin-top: 5px; display: block; font-size: 12px; color: #999; text-align: center;}
.room_info .words{margin-left: 30px;}
.room_info .words h5{font-size: 24px; color: #333; line-height: 120%;}
.room_info .words h5 span{margin-left: 20px; font-size: 14px; font-weight: normal; color: #333;}
.room_info .words p{margin-top: 20px; font-size: 14px; color: #333; line-height: 24px;}
/*==吊顶馆详情页==*/

.pub_view_pn3{margin-top: 45px; border: 1px solid #f2f2f2;}
.pub_view_pn3_hd{width: 100%;}
.pub_view_pn3_hd.active{z-index: 999; position: fixed; top: 0; margin-left: -1px; width: 1160px; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.pub_view_pn3_bd li{opacity: 0; height: 0; overflow: hidden;}
.pub_view_pn3_bd li.active{opacity: 1; height: 100%;}
.goods_info{display: flex; align-items: stretch; justify-content: space-between; background: #fafafa;}
.goods_info .con_left{width: 970px; background: #fff;}
.goods_info.active .con_left{padding: 30px;}
.goods_info .con_left .attr_list{padding: 25px 0;}
.goods_info .con_left .attr_list dd{float: left; width: 32.166%; margin-top: 1.75%; margin-right: 1.75%; font-size: 14px; color: #858585; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.goods_info .con_left .attr_list dd:nth-of-type(-n+3){margin-top: 0;}
.goods_info .con_left .attr_list dd:nth-of-type(3n){margin-right: 0;}
.goods_info .con_left .attr_list dd a:hover{color: #de413a;}
.anchor_point{position: relative;}
.anchor_point a{position: absolute; top: -48px;}
.goods_info .con_left .item_desc{padding-bottom: 28px;}
.goods_info .con_left .item_desc .section_desc{margin-bottom: 10px;}
.goods_info .con_right{width: 188px;}
.goods_info .con_right.active{z-index: 999; position: fixed; top: 48px; margin-left: 970px; height: 100%;}
.goods_info .con_right .anchor_list{padding: 10px 0 0 20px;}
.goods_info .con_right .anchor_list dd{margin-bottom: 20px; font-size: 12px; color: #666666; line-height: 20px; padding-left: 20px; background: url(../images/detail_icon.png) no-repeat -172px 5px;}
.goods_info .con_right .anchor_list dd a{display: block;}
.goods_info .con_right .anchor_list dd.active{color: #e31d24; background: url(../images/detail_icon.png) no-repeat -155px -11px;}
.goods_info .con_right .anchor_list dd a:hover{color: #e31d24;}
.spec_info{padding: 0 20px;}
.table_item{margin-top: 20px;}
.spec_info .table_item:nth-last-of-type(1){margin-bottom: 60px;}
.item_table{width: 100%; border: 1px solid #e6e6e6;}
.item_table th{font-size: 12px; font-weight: bold; color: #666; line-height: 36px; padding-left: 20px; background: #ebebeb;}
.item_table td{font-size: 12px; color: #666; line-height: 32px; border: 1px solid #e6e6e6; background: #fff;}
.item_table td.td_l{padding-right: 28px; text-align: right;}
.item_table td.td_r{padding-left: 28px; text-align: left;}
.comment_info{}
.spec_info table{width: 100% !important; margin: 10px 0px; line-height: 24px; font-size: 14px;}
.spec_info table td, .spec_info table th, .spec_info table tr{border: 1px solid #dcdcdc;}
/* .spec_info table td:nth-of-type(1){text-align: right;}
.spec_info table td:nth-of-type(1) span{padding-right: 5px; text-align: right;} */
/*==全屋套餐==*/
.all_decorate{margin-top: 40px;}
.all_decorate li{transition: 0.6s; float: left; width: 581px; padding: 10px; margin-top: 38px; margin-right: 38px; text-align: center; background: #fff;}
.all_decorate li:nth-of-type(-n+2){margin-top: 0;}
.all_decorate li:nth-of-type(2n){margin-right: 0;}
.all_decorate li .pic{display: block; position: relative; width: 100%; padding: 37.568% 0; overflow: hidden;}
.all_decorate li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.all_decorate li .words{padding-top: 16px; padding-bottom: 5px;}
.all_decorate li .words h5{font-size: 16px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.all_decorate li .words h5 span{margin-left: 5px; font-size: 14px; font-weight: normal;}
.all_decorate li .words p{margin-top: 7px; font-size: 14px; color: #666666;}
.all_decorate li .words p i:last-child{display: none;}
.all_decorate li .words>span{display: block; margin-top: 5px; font-size: 18px; font-weight: bold; color: #de413a;}
.all_decorate li:hover{box-shadow: 0 0 10px 0 #ccc; -webkit-box-shadow: 0 0 10px 0 #ccc;}

.all_d_pn1{padding: 60px 0;}
.pikachoose{position: relative; overflow: hidden; background: #f8f8f8;}
.pikachoose .line{position: absolute; left: 963px; top: 0; width: 1px; height: 100%; background: #dedede;}
.pika-stage,.pika-textnav{width: 930px;}
.pika-stage{position: relative; height: 625px; border: 1px solid #e5e5e5;}
.pika-stage a{display: block;}
.pika-stage img{width: 930px; height: 625px; object-fit: contain;}
.pika-imgnav{display: none;}
.pika-imgnav a{position: absolute; text-indent: -5000px; display: block; z-index:3;}
.pika-imgnav a.previous{background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next{background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play{background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause{background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-counter{display: none;position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
.pika-stage .caption{display: none; position: absolute; right: 10px; bottom: 50px; padding: 10px; font-size: 12px; color: #fafafa; border: 1px solid #141414; text-align: right; background: rgba(0,0,0,0.75);}
.pika-stage .caption p{line-height: 14px;}
.pika-textnav{overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a{font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous{float: left; width: auto; display: none;}
.pika-textnav a.next{float: right; width: auto; display: none;}
.pika-aniwrap,.pika-textnav{display: none;}
.pika-loader{background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px;}
.jcarousel-skin-pika{position: absolute; top: 0; right: 0;}
.jcarousel-skin-pika .jcarousel-container-vertical{width: 216px; height: 625px;}
.jcarousel-skin-pika .jcarousel-clip-vertical{width: 216px; height: 625px;}
.pika-thumbs{width: 216px; margin-top: -13.5px !important; overflow: visible !important;}
.pika-thumbs li{margin-top: 13.5px; width: 100%; position: relative; cursor: pointer;}
.pika-thumbs li .clip{display: block; position: relative; width: 100%; padding: 33.797% 0;}
.pika-thumbs li .clip img{opacity: 1 !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.pika-thumbs li.active span{display: block; position: absolute; left: -30px; top: 50%; margin-top: -10px; width: 10px; height: 20px; background: url(../images/room_line.png) center no-repeat;}
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.all_d_pn1 .room_info{margin-top: 60px; padding: 0 20px; background: transparent;}

.all_d_item{margin-bottom: 40px;}
.all_d_item_tit{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #999; display: flex; align-items: center; justify-content: flex-start;}
.all_d_item_tit h5{font-size: 24px; font-weight: normal; color: #2a2a2a; line-height: 30px;}
.all_d_item_tit h5 img{width: 40px; height: 40px; object-fit: contain; margin-right: 8px;}

.all_d_item_tit span{margin-left: 5px; display: inline-block; font-size: 12px; color: #fff; line-height: 120%; padding: 8px 10px; border-radius: 6px; background: #ea4243;}
.all_d_item_list .li_item{float: left; width: 48.75%; margin-right: 2.5%; padding: 15px; background: #f0f0f0;}
.all_d_item_list .li_item:nth-of-type(2n){margin-right: 0;}
.all_d_item_list .li_item .li_item_price{display: flex; align-items: center; justify-content: space-between;}
.all_d_item_list .li_item .li_item_price .item_tit{font-size: 16px; line-height: 120%; border-left: 3px solid #575757; display: flex; align-items: center; justify-content: flex-start;}
.all_d_item_list .li_item .li_item_price .item_tit span{padding: 0 10px; font-size: 16px; font-weight: bold; color: #3d3d3d; line-height: 120%;}
.all_d_item_list .li_item .li_item_price .item_tit .shop_price{color: #ed4f50;}
.all_d_item_list .li_item .li_item_price .item_tit .shop_price em{font-size: 15px; font-weight: bold; line-height: 120%;}
.all_d_item_list .li_item .li_item_price .item_tit .market_price{margin-left: 25px; font-size: 15px; color: #999;}
.all_d_item_list .li_item .li_item_price .item_group_choice input[type="radio"]{display: block; width: 12px; height: 12px; background: url(../images/choice_icon.png) 0 0 no-repeat; cursor: pointer; outline: none;/*-webkit-appearance:radio;*/}
.all_d_item_list .li_item .li_item_price .item_group_choice input[type="radio"]:checked{background-position: -16px 0;}
.all_d_item_list .li_item .li_item_pic{margin-top: 15px; display: block; position: relative; width: 100%; padding: 33.364% 0; overflow: hidden;}
.all_d_item_list .li_item .li_item_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.all_d_item_list .li_item .li_item_words{margin-top: 20px; padding-right: 20px; position: relative;}
.all_d_item_list .li_item .li_item_words h5{font-size: 15px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal}
.all_d_item_list .li_item .li_item_words p{margin-top: 5px; font-size: 14px; color: #666666;}
.all_d_item_list .li_item .li_item_words p i:last-child{display: none;}
.all_d_item_list .li_item .li_item_words span.buy_number{position: absolute; right: 0; top: 0; font-size: 14px; color: #666;}
.all_d_item_list>p{    margin-top: 5px;
  font-size: 14px;
  color: #666666;}
.all_d_pn3{margin-top: 60px; padding-top: 40px; background: #f2f2f2;}
.all_d_pn3 .rich_tit{text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.all_d_pn3 .rich_tit h5{font-size: 24px; color: #666;}
.all_d_pn3 .rich_tit h6{margin-top: 10px; position: relative; font-size: 12px; font-weight: normal; color: #ccc; line-height: 20px;}
.all_d_pn3 .rich_tit h6:before{position: absolute; right: 100%; top: 50%; margin-right: 15px; content: ""; width: 30px; height: 1px; background: #ccc;}
.all_d_pn3 .rich_tit h6:after{position: absolute; left: 100%; top: 50%; margin-left: 15px; content: ""; width: 30px; height: 1px; background: #ccc;}
.rich_list{padding: 40px 0;}
.rich_list li{float: left; width: 275px; margin-top: 25px; margin-right: 20px;}
.rich_list li:nth-of-type(4n-3){margin-left: 20px;}
.rich_list li:nth-of-type(-n+4){margin-top: 0;}

.total_div{margin-top: 40px; margin-bottom: 60px;}
.total{width: 100%; max-width: 1200px; padding: 0 200px; background: #eee; display: flex; align-items: center; justify-content: space-between;}
.total.active{z-index: 9999; position: fixed; bottom: 0;}
.total li{display: block; font-size: 16px; color: #666; height: 60px; line-height: 60px;}
.total li #selectedTotal{font-size: 24px; padding: 0 4px;}
.total li #priceTotal{font-size: 24px;}
.total li:last-child{color: #ed4f50;}

/*==吊顶馆==*/
.hang_ceiling{margin-top: 40px;}
.hang_ceiling li{transition: 0.6s; position: relative; float: left; width: 32.5%; padding: 10px; margin-top: 2.5%; margin-right: 1.25%; background: #fff;}
.hang_ceiling li:nth-of-type(-n+3){margin-top: 0;}
.hang_ceiling li:nth-of-type(3n){margin-right: 0;}
.hang_ceiling li .pic{display: block; position: relative; width: 100%; padding: 37.568% 0; overflow: hidden;}
.hang_ceiling li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.hang_ceiling li .words{padding-top: 16px; padding-bottom: 5px;}
.hang_ceiling li .words h5{font-size: 16px; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hang_ceiling li .words h5 span{margin-left: 5px; font-size: 14px; font-weight: normal;}
.hang_ceiling li .words p{margin-top: 7px; font-size: 14px; color: #666666; line-height: 20px; height: 20px; overflow: hidden;}
/* .pub_view_pn2 li .words p{line-height: 20px; height: 40px; overflow: hidden;} */
.hang_ceiling li .words p i:last-child{display: none;}
.hang_ceiling li .words>span{display: block; margin-top: 5px; height: 19px; font-size: 18px; font-weight: bold; color: #de413a;}
.hang_ceiling li:hover{box-shadow: 0 0 10px 0 #ccc; -webkit-box-shadow: 0 0 10px 0 #ccc;}

/*==聚秀堂 · 720VR==*/
.vr li .words{padding-top: 20px; padding-bottom: 12px;}
.vr li .words p{margin-top: 7px; display: none !important; min-height: 36px; line-height: 18px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*==线下门店==*/
.network{margin-top: 40px; margin-bottom: 60px; padding: 25px 20px 50px 20px; background: #fff;}
.cityList{display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 10px #ccc;}
.cityList-l{position: relative; width: 20%; height: 30px; margin-left: 30px; border: 1px solid #dcdcdc;}
.cityList-l input{transition: 0.6s; width: 100%; height: 100%; line-height: 28px; font-size: 14px; color: #d7d7d7; padding: 0px 30px 0px 5px; border: none; outline: none;}
.cityList-l input:focus{box-shadow: 0 0 10px #ccc}
.cityList-l button{position: absolute; right: 0; top: 0; width: 28px; height: 28px; line-height: 28px; font-size: 18px; color: #d7d7d7; text-align: center; border: none; outline: none; background: transparent; cursor: pointer;}
.cityList-l button i{position: relative; top: -1px;}
.cityList-r{width: 60%;}
.cityList-r form{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.cityList-r form select{width: 100%; height: 60px; padding: 0px 30px; font-size: 14px; color: #656565; border: none; border-left: 1px solid #eee; outline: none; cursor: pointer;}
.networkMap{float: left; width: 67.5%;}
#allmap{width: 100%; height: 800px;}
.mapChose{float: right; width: 32.5%; height: 800px; overflow: hidden;}
.mapChose ul{width: 100%; height: 100%; overflow-y: scroll;}
.mapChose ul::-webkit-scrollbar{width: 10px; height: 10px;}
.mapChose ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 6px; background: #e5e5e5;}
.mapChose ul::-webkit-scrollbar-thumb{border-radius: 6px; background: #e76f30;}
.mapChose li{transition: 0.6s; position: relative; min-height: 200px; padding: 30px 30px 15px 80px; border-bottom: 1px solid #eee; cursor: pointer;}
.mapChose li:hover,.mapChose li.active{background: #fafafa}
.mapChose li i{position: absolute; top: 30px; left: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; font-style: normal; border-radius: 5px; background: #e76f30;}
.mapChose li h6{font-size: 16px; color: #141414; font-weight: normal; min-height: 48px; line-height: 24px;}
.mapChose li p{font-size: 14px; color: #969696; line-height: 24px;}

/*==预约量尺==*/
.design{margin-top: 40px; margin-bottom: 60px; padding: 60px 30px 40px 30px; background: #fff;}
.design_list{margin-top: 60px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; overflow: hidden;}
.design_list li{width: 16.66%; padding: 0 10px; text-align: center;}
.design_list li i{transition: 0.6s; display: block; height: 130px;}
.design_list li:nth-of-type(1) i{background: url("../images/design_list_ico1.png") center center no-repeat; background-size: contain;}
.design_list li:nth-of-type(2) i{background: url("../images/design_list_ico2.png") center center no-repeat; background-size: contain;}
.design_list li:nth-of-type(3) i{background: url("../images/design_list_ico3.png") center center no-repeat; background-size: contain;}
.design_list li:nth-of-type(4) i{background: url("../images/design_list_ico4.png") center center no-repeat; background-size: contain;}
.design_list li:nth-of-type(5) i{background: url("../images/design_list_ico5.png") center center no-repeat; background-size: contain;}
.design_list li:nth-of-type(6) i{background: url("../images/design_list_ico6.png") center center no-repeat; background-size: contain;}
.design_list li h5{margin-top: 10px; font-size: 18px; font-weight: normal; color: #121212;}
.design_list li p{margin-top: 10px; font-size: 14px; color:#666;}
.design_list li:nth-of-type(1):hover i{background-image: url("../images/design_list_ico1_h.png");}
.design_list li:nth-of-type(2):hover i{background-image: url("../images/design_list_ico2_h.png");}
.design_list li:nth-of-type(3):hover i{background-image: url("../images/design_list_ico3_h.png");}
.design_list li:nth-of-type(4):hover i{background-image: url("../images/design_list_ico4_h.png");}
.design_list li:nth-of-type(5):hover i{background-image: url("../images/design_list_ico5_h.png");}
.design_list li:nth-of-type(6):hover i{background-image: url("../images/design_list_ico6_h.png");}
.design_bot{margin-top: 50px; padding: 40px; background: #f5f5f5;}
.design_form{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.design_form section{margin-top: 2%; margin-right: 2%; width: 32%; display: flex; align-items: center; justify-content: flex-start;}
.design_form section:nth-of-type(-n+3){margin-top: 0;}
.design_form section:nth-of-type(3){margin-right: 0;}
.design_form section:nth-of-type(4),
.design_form section:nth-of-type(5),
.design_form section:nth-of-type(6){width: 100%; margin-right: 0;}
.design_form section #map{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.design_form section input[type="text"]{transition: 0.6s; font-size: 16px; color: #999999; width: 100%; line-height: 38px; padding: 0 20px; border: 1px solid #d4d4d4; background: #fff; outline: none;}
.design_form section input[type="text"]::-webkit-input-placeholder,
.design_form section textarea::-webkit-input-placeholder{color: #999999;}
.design_form section input[type="text"]:-moz-placeholder,
.design_form section textarea:-moz-placeholder{color: #999999;}
.design_form section input[type="text"]::-moz-placeholder,
.design_form section textarea::-moz-placeholder{color: #999999;}
.design_form section input[type="text"]:-ms-input-placeholder,
.design_form section textarea:-ms-input-placeholder{color: #999999;}
.design_form section input[type="text"]::placeholder,
.design_form section textarea::placeholder{color: #999999;}
.design_form section input[type="text"]:focus,.design_form section textarea:focus{border-color: #f1986e; box-shadow: 0 0 10px rgba(241,152,110,0.5);}
.design_form section select::-ms-expand{display: none;}
.design_form section select{font-size: 16px; color: #999999; width: 23.5%; line-height: 38px; padding: 0 20px; border: 1px solid #d4d4d4; background: url(../images/select_ico.png) #fff 92% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
.design_form section select option{color: #999999;}
.design_form section textarea{transition: 0.6s; resize: none; font-size: 16px; color: #999999; width: 100%; height: 80px; padding: 10px 20px; border: 1px solid #d4d4d4; background: #fff; outline: none;}
.design_form .ver_code{margin-right: 1%; width: 25%; height: 58px;}
.design_form .ver_code>p{font-size: 16px; color: #999999;}
.design_form .ver_code .code-box p,.design_form .ver_code .code-box span{line-height: 58px; font-size: 16px;}
.design_form .ver_code .code-box span{width: 58px;}
.design_form .form_submit{font-size: 16px; font-weight: normal; width: 19%; height: 58px; margin-right: 1%;}
.design_form section input[type="reset"]{transition: 0.6s; font-size: 16px; color: #fff; width: 19%; height: 58px; border: none; background: #d1d1d1; outline: none; cursor: pointer;}
.design_form section input[type="reset"]:hover{background: #f1986e;}

/*==最新活动==*/
.activity{margin-top: 30px; margin-bottom: 60px;}
.activity li{transition: 0.6s; float: left; width: 380px; margin-top: 30px; margin-right: 30px; background: #fff;}
.activity li:nth-of-type(-n+3){margin-top: 0;}
.activity li:nth-of-type(3n){margin-right: 0;}
.activity li .pic{display: block; position: relative; width: 100%; padding: 28.553% 0; overflow: hidden;}
.activity li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.activity li .words{padding: 30px 20px; border: 1px solid #dadada;}
.activity li .words h5{font-size: 18px; font-weight: normal; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.activity li .words p{margin-top: 15px; position: relative; padding-left: 29px; font-size: 16px; color: #666666; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.activity li .words p::after{position: absolute; left: 0; top: 0; content: ""; width: 19px; height: 19px; background: url(../images/ind3_pn1_ico3.png) center no-repeat; background-size: contain;}
.activity li .words a{display: block; margin-top: 20px; font-size: 16px; color: #de413a; width: 118px; line-height: 38px; text-align: center; border: 1px solid #e1514a;}
.activity li .words a:hover{color: #fff; border-color: #de413a; background: #de413a;}
.activity li:hover{box-shadow: 0 0 10px 0 #ccc; -webkit-box-shadow: 0 0 10px 0 #ccc;}

.activity_view{padding-top: 40px; padding-bottom: 60px;}
.activity_view .pic{display: block; position: relative; width: 100%; padding: 28.417% 0; overflow: hidden;}
.activity_view .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.activity_view .words_box{padding: 25px 40px 45px 40px; border: 1px solid #dadada; background: #fff;}
.activity_view .words h5{font-size: 24px; font-weight: normal; color: #3d3d3d; line-height: 120%;}
.activity_view .words ul{margin-top: 35px;}
.activity_view .words ul li{margin-top: 25px; display: flex; align-items: flex-start; justify-content: flex-start;}
.activity_view .words ul li:nth-of-type(1){margin-top: 0;}
.activity_view .words ul li:nth-of-type(4){margin-top: 13px;}
.activity_view .words ul li img{margin-right: 10px; min-width: 19px; width: 19px; height: 24px; object-fit: contain;}
.activity_view .words ul li:nth-of-type(4) img{height: 34px;}
.activity_view .words ul li p{font-size: 16px; color: #666666; line-height: 24px;}
.activity_view .words ul li p span{color: #de413a;}
.activity_view .words ul li p em{font-size: 30px; color: #de413a;}
.activity_view .design_bot{margin-top: 25px; padding: 38px;}
.activity_view .design_form section:nth-of-type(1){width: 49%;}
.activity_view .design_form section:nth-of-type(2){width: 49%; margin-right: 0;}
.activity_view .design_form section:nth-of-type(3){margin-top: 2%; width: 100%;}

/*==服务中心 联系我们、客户留言==*/
.service{padding-top: 40px; padding-bottom: 60px; display: flex; align-items: flex-start; justify-content: flex-start;}
.service_nav{width: 190px;}
.service_nav li a{display: block; font-size: 16px; color: #626262; line-height: 60px; text-align: center; border-bottom: 1px solid #ebebeb;}
.service_nav li:hover a,.service_nav .active a{color: #de413a; background: #fff;}
.service_con{width: 1010px; min-height: 770px; padding: 60px; background: #fff;}

.contact h5{font-size: 24px; color: #616262;}
.contact ul{margin-top: 25px;}
.contact ul li{font-size: 16px; color: #616262; line-height: 30px;}
.contact #map{margin-top: 35px; width: 100%; height: 500px;}
.contact #map img{max-width: none;}
.BMap_bubble_content p{font-size:14px; color: #4e4e4e; line-height: 180%; max-width: 310px;}
.BMap_bubble_content p:nth-of-type(1){font-size: 16px; font-weight: bold; color: #bf0008; margin-bottom: 5px;}

.mes_form{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.mes_form section{margin-top: 30px; width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.mes_form section:nth-of-type(-n+2){margin-top: 0; width: 48%;}
.mes_form section:nth-of-type(1){margin-right: 4%;}
.mes_form section label{display: inline-block; min-width: 5.5em; font-size: 14px; color: #626262;}
.mes_form section input[type="text"],.mes_form section input[type="email"]{transition: 0.6s; font-size: 14px; color: #7b7b7b; width: 100%; line-height: 34px; padding: 0 10px; border: 1px solid #dddddd; background: #fff; outline: none;}
.mes_form section input[type="text"]:focus,.mes_form section input[type="email"]:focus,.mes_form section textarea:focus{border-color: #de413a; box-shadow: 0 0 10px rgba(222,65,58,0.5);}
.mes_form section select::-ms-expand {display: none;}
.mes_form section select{font-size: 14px; color: #7b7b7b; max-width: 200px; width: 100%; line-height: 34px; padding: 0 10px; border: 1px solid #d7d7d7; background: url(../images/select_ico.png) #fff 95% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
.mes_form section:nth-of-type(3) #map{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.mes_form section:nth-of-type(3) select{margin-right: 2.5%; max-width: 18%; background-position: 94% center;}
.mes_form section:nth-of-type(3) select:nth-of-type(4){margin-right: 0; max-width: 30.8%; background-position: 95% center;}
.mes_form section input[type="email"]{max-width: 460px;}
.mes_form section:nth-of-type(6){align-items: flex-start;}
.mes_form section:nth-of-type(6) label{padding: 10px 0;}
.mes_form section textarea{transition: 0.6s; resize: none; font-size: 14px; color: #7b7b7b; width: 100%; height: 110px; padding: 10px; border: 1px solid #dddddd; background: #fff; outline: none;}
.mes_form .ver_code{margin-left: 5.5em; margin-right: 2.5%; width: 25%; height: 46px;}
.mes_form .ver_code>p{font-size: 16px;}
.mes_form .ver_code .code-box p,.mes_form .ver_code .code-box span{font-size: 16px; line-height: 46px;}
.mes_form .ver_code .code-box span{width: 46px;}
.mes_form .form_submit{font-size: 16px; font-weight: bold; width: 22.5%; line-height: 46px; background: #de413a;}

/*==5D云设计==*/
.vr_5d{position: relative;  width: 100%; height: 900px;}
.vr_bg{width: 100%; height: 100%;}
.vr_login{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.vr_login h5{margin-top: 260px; font-size: 50px; font-weight: normal; color: #fff; text-align: center;}
.vr_login h6{margin-top: 20px; font-size: 20px; font-family: "Ebrima"; font-weight: normal; color: #fff; text-align: center;}
.button_box{margin-top: 70px; text-align: center;}
.button_box a{display: inline-block; width: 178px; height: 58px; line-height: 58px; font-size: 24px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 2px;}
.button_box .start_design{margin-right: 40px;}
.button_box a.on{color: #333; background: #fff;}

/*==登录弹窗==*/
.login_dialog{display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.dialog_mask{display: block; z-index: 9998; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.dialog_box{display: block; z-index: 9999; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 440px; border: 6px solid rgba(0,0,0,0.2); border-radius: 6px;}
.dialog_header{padding: 0 10px 0 20px; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between;}
.dialog_header h5{font-size: 16px; color: #333333; line-height: 30px;}
.dialog_header .dialog_close{display: block; width: 15px; height: 15px; background: url(../images/dialog_close2.png) center no-repeat; cursor: pointer;}
.dialog_content{padding: 10px; background: #fff;}
.dialog_login_box{padding: 20px; margin-right: 25px;}
.dialog_login{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.dialog_login section{width: 100%; position: relative; display: flex; align-items: center; justify-content: flex-start;}
.dialog_login section:nth-of-type(1){margin-top: 0; justify-content: space-between;}
.dialog_login section:nth-of-type(1) h5{font-size: 16px; font-weight: normal; color: #666666; line-height: 20px;}
.dialog_login section:nth-of-type(1) a{font-size: 12px; color: #666666; line-height: 20px;}
.dialog_login section:nth-of-type(2){margin-top: 10px;}
.dialog_login section:nth-of-type(3),.dialog_login section:nth-of-type(4),.dialog_login section:nth-of-type(5){margin-top: 20px;}
.dialog_login section input[type="text"],.dialog_login section input[type="password"]{transition: 0.6s; font-size: 14px; color: #666666; width: 100%; line-height: 40px; padding: 0 10px 0 30px; border: 1px solid #c2c2c2; border-radius: 4px; background: #fff; outline: none;}
.dialog_login section input[type="text"]::-webkit-input-placeholder,
.dialog_login section input[type="password"]::-webkit-input-placeholder{color: #666666;}
.dialog_login section input[type="text"]:-moz-placeholder,
.dialog_login section input[type="password"]:-moz-placeholder{color: #666666;}
.dialog_login section input[type="text"]::-moz-placeholder,
.dialog_login section input[type="password"]::-moz-placeholder{color: #666666;}
.dialog_login section input[type="text"]:-ms-input-placeholder,
.dialog_login section input[type="password"]:-ms-input-placeholder{color: #666666;}
.dialog_login section input[type="text"]::placeholder,
.dialog_login section input[type="password"]::placeholder{color: #666666;}
.dialog_login section input[type="text"]:focus,.dialog_login section input[type="password"]:focus{border-color: #de413a; box-shadow: 0 0 10px rgba(222,65,58,0.5);}
.dialog_login section .phone_icon,.dialog_login section .pass_icon{display: block; width: 18px; height: 22px; position: absolute; top: 9px; left: 6px; background: url(../images/login_ico.png) no-repeat;}
.dialog_login section .phone_icon{background-position: 3px 0;}
.dialog_login section .pass_icon{background-position: -15px 0;}
.dialog_login section .email_icon{display: block; width: 18px; height: 22px; position: absolute; top: 9px; left: 6px; background: url(../images/login_ico2.png) no-repeat;}
.dialog_login section:nth-of-type(5){justify-content: flex-end;}
.dialog_login section:nth-of-type(5) a{font-size: 12px; color: #00bef0; line-height: 100%;}
.dialog_login section input[type="button"]{display: block; margin-top: 15px; width: 100%; line-height: 48px; font-size: 18px; color: #fff; text-align: center; border: none; background: #de413a; border-radius: 6px; cursor: pointer; outline: none;}

/*==登录 微信登录 账号登录 注册==*/
.register{z-index: 1; position: relative; margin: 0 auto; width: 560px; height: 1200px; padding-top: 250px;}
.register::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(../images/reg_bg.jpg) center no-repeat; background-size: cover;}
.reg_top{display: flex; align-items: center; justify-content: space-between;}
.reg_top a{display: inline-block; font-size: 14px; color: #fff; line-height: 18px;}
.reg_bot{margin-top: 20px; padding-top: 25px; border-radius: 10px; background: rgba(255,255,255,0.8);}
.reg_bot .reg_logo{display: block; margin: 0 auto; width: 215px;}
.reg_bot .reg_logo img{width: 100%; object-fit: contain;}

.login_mode_list{padding-top: 90px; padding-bottom: 80px; text-align: center; display: flex; align-items: center; justify-content: center;}
.login_mode_list li{margin-right: 58px;}
.login_mode_list li:last-child{margin-right: 0;}
.login_mode_list li a{display: block;}
.login_mode_list li a .pic{width: 151px; height: 151px; overflow: hidden;}
.login_mode_list li a .pic img{transition: 0.6s; width: 100%; height: 100%; object-fit: contain;}
.login_mode_list li a p{margin-top: 25px; font-size: 16px; color: #515151; line-height: 20px;}
.login_mode_list li:hover a .pic img{transform: scale(0.9);}
.wechat_login{padding-top: 60px; padding-bottom: 40px; text-align: center;}
.wechat_login h5{font-size: 20px; font-weight: normal; color: #606060; line-height: 100%;}
.wechat_login .pic{margin: 20px auto 0 auto; width: 282px; height: 282px; object-fit: contain;}
.wechat_login .pic img{width: 100%; height: 100%; object-fit: contain;}
.wechat_login p{margin-top: 20px; font-size: 14px; color: #606060; line-height: 100%;}
.login_form{padding: 22px 36px 30px;}
.login_form section{position: relative; display: flex; align-items: center; justify-content: flex-start;}
.login_form section:nth-of-type(2){margin-top: 36px;}
.login_form section:nth-of-type(3){margin-top: 30px; justify-content: flex-end;}
.login_form section input[type="text"],.login_form section input[type="password"]{transition: 0.6s; font-size: 16px; color: #666666; width: 100%; line-height: 54px; padding: 0 20px 0 40px; border: 1px solid #c2c2c2; border-radius: 6px; background: #fff; outline: none;}
.login_form section input[type="text"]::-webkit-input-placeholder,
.login_form section input[type="password"]::-webkit-input-placeholder{color: #666666;}
.login_form section input[type="text"]:-moz-placeholder,
.login_form section input[type="password"]:-moz-placeholder{color: #666666;}
.login_form section input[type="text"]::-moz-placeholder,
.login_form section input[type="password"]::-moz-placeholder{color: #666666;}
.login_form section input[type="text"]:-ms-input-placeholder,
.login_form section input[type="password"]:-ms-input-placeholder{color: #666666;}
.login_form section input[type="text"]::placeholder,
.login_form section input[type="password"]::placeholder{color: #666666;}
.login_form section input[type="text"]:focus,.login_form section input[type="password"]:focus{border-color: #de413a; box-shadow: 0 0 10px rgba(222,65,58,0.5);}
.login_form section .phone_icon,.login_form section .pass_icon{display: block; width: 18px; height: 22px; position: absolute; top: 17px; left: 15px; background: url(../images/login_ico.png) no-repeat;}
.login_form section .phone_icon{background-position: 3px 0;}
.login_form section .pass_icon{background-position: -15px 0;}
.login_form section input[type="checkbox"]{margin: 0 10px; cursor: pointer; outline: none; -webkit-appearance:checkbox;}
.login_form section span{font-size: 14px; color: #666666; line-height: 100%;}
.login_form section a{font-size: 14px; color: #de413a; line-height: 100%;}
.login_form section div{display: flex; align-items: center; justify-content: flex-start;}
.login_form section input[type="button"]{display: block; margin: 30px auto 0px; width: 276px; line-height: 48px; font-size: 18px; color: #fff; text-align: center; border: none; background: #de413a; border-radius: 6px; cursor: pointer; outline: none;}
.reg_form section input[type="text"],.reg_form section input[type="password"]{padding: 0 20px;}
.reg_form section:nth-of-type(2) input[type="text"]{width: 61.476%; margin-right: 4.507%;}
.reg_form section .send_vcode{display: block; width: 34.017%; line-height: 54px; font-size: 18px; color: #fff; text-align: center; border: 1px solid #dc9212; border-radius: 6px; background: #ffae22; cursor: pointer;}
.reg_form section:nth-of-type(3),.reg_form section:nth-of-type(4){margin-top: 36px;}
.reg_form section:nth-of-type(5){margin-top: 38px;}

/*==我的预约 我的收藏 修改密码 个人资料==*/
.centering{padding: 60px 0; display: flex; align-items: flex-start; justify-content: space-between;}
.centering_left{width: 195px;}
.centering_left_tit{background: #de413a; display: flex; align-items: center; justify-content: center;}
.centering_left_tit i{margin-right: 15px; display: inline-block; width: 26px; height: 26px; background: url(../images/ico.png) -60px 0 no-repeat;}
.centering_left_tit h5{font-size: 16px; color: #fff; line-height: 48px;}
.centering_left_nav{min-height: 480px; padding: 24px; border: 1px solid #ebebeb; border-top: none; display: flex; align-items: flex-start; justify-content: flex-start;}
.centering_left_nav i{margin-right: 15px; display: inline-block; min-width: 41px; width: 41px; height: 41px; background: url(../images/ico.png) -53px -26px no-repeat;}
.centering_left_nav ul{margin-top: 10px;}
.centering_left_nav ul li{margin-top: 15px; font-size: 16px; color: #626262; line-height: 120%;}
.centering_left_nav ul li:nth-of-type(1){margin-top: 0;}
.centering_left_nav ul li a{display: inline-block; line-height: 120%;}
.centering_left_nav ul li:hover,.centering_left_nav ul .active{color: #de413a;}
.centering_right{width: 952px;}
.centering_right_nav{margin-right: 10px; border-bottom: 1px solid #cdcdcd; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.centering_right_nav li{position: relative;}
.centering_right_nav li::after{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 100%; content: ""; width: 100%; height: 2px; background: #de413a;}
.centering_right_nav li a{display: block; font-size: 16px; color: #626262; line-height: 47px; padding: 0 25px;}
.centering_right_nav li:hover::after,.centering_right_nav li.active::after{opacity: 1;}

.msg_list{padding: 20px 0;}
.msg_list li{margin-top: 20px; padding: 20px; background: #fff;}
.msg_list li:nth-of-type(1){margin-top: 0;}
.msg_list li dl{font-size: 16px; color: #969696;}
.msg_list li dl dt{color: #de413a;}
.msg_list li dl dd{float: left; width: 100%; margin-top: 20px; margin-right: 2%; line-height: 38px; padding: 0 20px; border: 1px solid #d4d4d4;}
.msg_list li dl dd:nth-of-type(2),.msg_list li dl dd:nth-of-type(6){margin-right: 0;}
.msg_list li dl dd:nth-of-type(-n+6){width: 23.5%;}
.msg_list li dl dd:nth-of-type(-n+2){width: 49%;}
.msg_list li dl dd:nth-of-type(7){min-height: 80px; line-height: 120%; padding: 10px 20px;}

.keep_detail{margin-top: 20px;}
.keep_detail .keep_del{transition: 0.6s; opacity: 0; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/del.png) center no-repeat; cursor: pointer;}
.keep_detail li:hover .keep_del{opacity: 1;}

.modify_pass{padding: 45px 25px;}
.modify_pass section{margin-top: 36px; display: flex; align-items: center; justify-content: flex-start;}
.modify_pass section:nth-of-type(1){margin-top: 0;}
.modify_pass section label{display: inline-block; font-size: 14px; color: #333333; min-width: 70px;}
.modify_pass section input[type="password"]{transition: 0.6s; font-size: 14px; color: #666666; width: 260px; line-height: 28px; padding: 0 10px; border: 1px solid #cccccc; background: #fff; outline: none;}
.modify_pass section input[type="password"]:focus{border-color: #de413a; box-shadow: 0 0 10px rgba(222,65,58,0.5);}
.modify_pass .ver_code{margin-right: 20px; width: 195px; height: 32px;}
.modify_pass .ver_code>p{font-size: 14px; color: #999999;}
.modify_pass .ver_code .code-box p,.modify_pass .ver_code .code-box span{line-height: 32px; font-size: 14px;}
.modify_pass .ver_code .code-box span{width: 32px;}
.modify_pass .form_submit{font-size: 14px; font-weight: normal; width: 115px; height: 30px; border: 1px solid #b60b11; background: #de413a; border-radius: 6px;}

.info_form{margin-top: 20px; padding: 45px 50px; background: #fff;}
.info_form section{margin-top: 30px; display: flex; align-items: center; justify-content: flex-start;}
.info_form section:nth-of-type(1){margin-top: 0;}
.info_form section label{min-width: 80px; font-size: 14px; color: #a6a6a6;}
.info_form section input[type="text"]{transition: 0.6s; font-size: 12px; color: #666666; width: 300px; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; background: #fff; outline: none;}
.info_form section input[type="text"]:focus{border-color: #de413a; box-shadow: 0 0 10px rgba(222,65,58,0.5);}
.info_form section input[type="radio"]{margin-right: 5px; cursor: pointer; -webkit-appearance:radio;}
.info_form section span{margin-right: 20px; font-size: 12px; color: #ccc;}
.info_form section select{margin-right: 15px; display: block; width: 85px; line-height: 30px; border: 1px solid #ccc;}
.info_form section input[type="button"]{margin-left: 80px; font-size: 16px; color: #fff; width: 160px; line-height: 36px; text-align: center; border: none; border-radius: 5px; background: #de413a; cursor: pointer; outline: none;}

/*==新闻==*/
.news_box{margin-top: 40px; margin-bottom: 60px; display: flex; align-items: start; justify-content: space-between;}
.news_main{width: 900px; padding: 30px 20px 30px; background: #fff;}
.news_nav li{float: left; margin-right: 65px;}
.news_nav li a{display: block; font-size: 16px; font-weight: bold; color: #666; padding-bottom: 10px; border-bottom: 3px solid transparent;}
.news_nav li a.active,.news_nav li a:hover{color: #de413a; border-color: #de413a;}
.news_list li{padding: 20px 0; border-top: 1px solid #eee; display: flex; align-items: center; justify-content: flex-start;}
.news_list li .news_pic a,.news_list li .news_pic img{display: block; width: 390px; height: 230px; object-fit: cover;}
.news_cont{margin-left: 20px; width: 450px;}
.news_cont h5 a{display: block; font-size: 20px; font-weight: bold; color: #484848; height: 50px; line-height: 25px;}
.news_cont .news_intro{margin: 20px 0 25px; width: 100%; font-size: 14px; color: #666; height: 120px; line-height: 20px; overflow: hidden;}
.news_cont .news_last{display: flex; align-items: center; justify-content: space-between;}
.news_cont .news_last span{display: inline-block; font-size: 14px; color: #999; line-height: 120%;}
.news_cont .news_last span:nth-of-type(2){padding-left: 18px; background: url(../images/time_icon.png) 0 1px no-repeat;}
.news_cont h5 a:hover{color: #de413a;}
.pub_news{width: 280px; padding: 30px 20px; background: #fff;}
.pub_news h5{font-size: 16px; color: #666; padding-bottom: 13px; border-bottom: 1px solid #eee;}
.pub_news_list{margin-top: 20px;}
.pub_news_list li{margin-top: 15px;}
.pub_news_list li a{position: relative; display: block; padding-left: 18px; font-size: 14px; color: #666; line-height: 18px;}
.pub_news_list li a::after{transition: 0.6s; position: absolute; left: 0; top: 6px; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #888;}
.pub_news_list li a:hover{color: #de413a;}
.pub_news_list li a:hover::after{background: #de413a;}

.detail_top{padding-bottom: 20px; border-bottom: 1px solid #eee;}
.detail_top h5{font-size: 24px; color: #484848; text-align: center;}
.detail_top div{margin-top: 20px;}
.detail_top div span,.detail_top div span a{display: inline-block; font-size: 14px; color: #999; line-height: 120%;}
.detail_top div span.detail_eye{float: right; padding-left: 20px; margin-right: 45px; background: url('../images/eye_icon.png') 0 3px no-repeat;}
.detail_top div span.detail_time{float: right; padding-left: 20px; background: url('../images/time_icon.png') 0 1px no-repeat;}
/*.detail_text p{margin-top: 25px; font-size: 14px; color: #666; text-indent: 2em; line-height: 22px;}
.detail_text img{display: block; margin: 30px auto 0;}*/
.detail_top div span a:hover{color: #de413a;}
/*==内页样式     结束==*/
.bd_weixin_popup{padding-bottom: 30px !important;}
.no_goods {
  margin: 100px auto;
  text-align: center;
}
.no_goods img {
  display: block;
  width: 126px;
  margin: 0 auto;
}
.no_goods p {
  width: 120px;
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.no_goods i {
  display: block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: url('/public/static/badissmall/images/aiimg_05.png') no-repeat;
  float: left;
}
/* .detail_cont .detail_text{text-indent: 2em} */
.detail_cont img{max-width: 680px !important; height: auto !important; margin: 10px auto; display: block}
.pagelist{padding-top: 0px; }
.pagelist h5{padding-top: 30px;}
.pub_view_pn1_bd_warp{position: relative;}
.provideo{width: 100%; height: 100%; display: block; background-color: #fff; outline: none; position: absolute; top: 0px; left: 0px; z-index: 50; }
.player{position: absolute; cursor: pointer; bottom: 10px; left: 10px; font-size: 50px; z-index: 10; color: #404040;}
.f_wordspic p{width: 100px; margin-right: 5px; font-size: 12px; text-align: center;}
.f_pn2 .f_pic .bdsharebuttonbox{margin-top: 30px;}
.f_pn2 .f_pic .bdsharebuttonbox a{transition: 0.4s; float: left; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.f_pn2 .f_pic .bdsharebuttonbox .bds_weixin{padding: 15.5px !important; margin: 0 10px 0 0 !important; background: url("../images/share_ico1.png") #a0a0a0 center no-repeat !important;}
.f_pn2 .f_pic .bdsharebuttonbox .bds_tsina{padding: 15.5px !important; margin: 0 10px 0 0 !important; background: url("../images/share_ico2.png") #a0a0a0 center no-repeat !important;}
.f_pn2 .f_pic .bdsharebuttonbox .bds_qzone{padding: 15.5px !important; margin: 0 10px 0 0 !important; background: url("../images/share_ico3.png") #a0a0a0 center no-repeat !important;}
.f_pn2 .f_pic .bdsharebuttonbox .bds_sqq{padding: 15.5px !important; margin: 0 10px 0 0 !important; background: url("../images/share_ico4.png") #a0a0a0 center no-repeat !important;}
.f_pn2 .f_pic .bdsharebuttonbox a:hover{opacity: 1; background-color: #3d3d3d !important;}

.f_pn2 .f_pic .social-share{margin-top: 30px;}
.f_pn2 .f_pic .social-share a{border: none;}
.f_pn2 .f_pic .social-share .icon-weibo:before{transition: 0.6s; border-radius: 50%; background:url("../images/share_ico2.png") #a0a0a0 no-repeat center center;background-size:content;}
.f_pn2 .f_pic .social-share .icon-wechat:before{transition: 0.6s; border-radius: 50%; background:url("../images/share_ico1.png") #a0a0a0 no-repeat center center;background-size:content;}
.f_pn2 .f_pic .social-share .icon-qq:before{transition: 0.6s; border-radius: 50%; background:url("../images/share_ico6.png") #a0a0a0 no-repeat center center;background-size:content;}
.f_pn2 .f_pic .social-share .icon-qzone:before{transition: 0.6s; border-radius: 50%; background:url("../images/share_ico3.png") #a0a0a0 no-repeat center center;background-size:content;}

.f_pn2 .f_pic .social-share .icon-weibo:hover{box-shadow: none;}
.f_pn2 .f_pic .social-share .icon-wechat:hover{box-shadow: none;}
.f_pn2 .f_pic .social-share .icon-qq:hover{box-shadow: none;}
.f_pn2 .f_pic .social-share .icon-qzone:hover{box-shadow: none;}
.f_pn2 .f_pic .social-share .icon-weibo:hover:before{background-color: #3d3d3d;}
.f_pn2 .f_pic .social-share .icon-wechat:hover:before{background-color: #3d3d3d;}
.f_pn2 .f_pic .social-share .icon-qq:hover:before{background-color: #3d3d3d;}
.f_pn2 .f_pic .social-share .icon-qzone:hover:before{background-color: #3d3d3d;}
/* 2020.9.14 */
.he{
	margin-top: 7%;
	background-color: #f2f2f2;
}
.le{
  background: #f5f5f5;
  padding-bottom: 3%;
  margin-bottom: 0 !important;
}
.tuijian {
	margin-bottom: 3%;
}
.tuijian .tuijian-main{
	width: 1200px;
	margin: 0 auto;
	background-color: #f8f8f8;
}
.tuijian h3{
	background-color: #000;
	text-align: center;
}
.tuijian h3 span{
	font-size: 25px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 15px 70px;
	position: relative;
}
.tuijian h3 span::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	width: 50px;
	height: 1px;
}
.tuijian h3 span::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	width: 50px;
	height: 1px;
}
.tuijian .tuijian-main .nr{
	display: flex;
	flex-wrap: wrap;
	align-items: unset;
	align-content: space-between;
	justify-content: space-between;
}
.tuijian .nr{
	padding: 30px 15px 30px 15px;
}
.tuijian .nr .left{
	width: 55%;
	display: flex;
	flex-wrap: unset;
	align-items: center; 
	justify-content: flex-start;
}
.tuijian .left .le-a{
	position: relative;
	padding: 5% 0;
	width: 46%;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
}

.tuijian .left .le-a:hover h5 span{
	color: #c29470;
}
.tuijian .left .le-a img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.tuijian .left .le-a h5{
	position: absolute;
	bottom: 14px;
	padding: 8px 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
	
}
.tuijian .left .le-a h5 span{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: #fff;
	transition: .4s all;
}
.tuijian .left .le-ul{
	padding-left: 20px;
}
.tuijian .left .le-ul li+li{
	margin-top: 24px;
}
.tuijian .left .le-ul li a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	position: relative;
	padding-left: 15px;
	font-size: 14px;
	transition: .4s all;
}
.tuijian .left .le-ul li a:hover{
	color: #c29470;
}
.tuijian .left .le-ul li a::before{
	content: '';
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background-color: #c29470;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.tuijian .nr .right{
	width: 43%;
}
.tuijian .nr .right dl dd a{
	display: flex;
	flex-wrap: wrap;
	align-items: center; 
	justify-content: flex-start;
}
.tuijian .nr .right dl dd a:hover .text h4{
	color: #c29470;
}
.tuijian .nr .right dl dd a:hover .text p{
	color: #c29470;
}
.tuijian .nr .right dl dd a:hover .text span{
	color: #c29470;
}
.tuijian .nr .right dl dd a figure{
	width: 30%;
	position: relative;
}
.tuijian .nr .right dl dd a figure img{
	position: relative;
	width: 100%;
	height: 120px;
	left: 0;
	top: 0;
	object-fit: cover;
}
.tuijian .nr .right dl dd a .text{
	width: 70%;
	padding-left: 8%;
}
.tuijian .nr .right dl dd a .text h4{
	transition: .4s all;
}
.tuijian .nr .right dl dd a .text p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 14px;
	margin: 10px 0 18px 0;
	transition: .4s all;
}
.tuijian .nr .right dl dd a .text span{
	font-size: 14px;
	color: red;
	display: block;
	text-align: right;
	transition: .4s all;
}
.tuijian .nr .right dl dd+dd{
	margin-top: 20px;
}
@media screen and (max-width: 1200px){
	.tuijian .tuijian-main{
		width: 100%;
		padding: 0 .32rem;
	}
}
@media screen and (max-width: 1024px){
	.tuijian .left .le-a{
		width: 94%;
	}
}
@media screen and (max-width: 920px){
	.tuijian .nr .left{
		display: none;
	}
	.tuijian .nr .right{
		width: 100%;
	}
	.tuijian .nr .right dl dd a{
		align-items: unset;
	}
	.tuijian .nr .right dl dd a .text p{
		-webkit-line-clamp: 2;
		margin-bottom: 3%;
	}
	.tuijian h3 span{
		font-size: 18px;
	}
	.tuijian .tuijian-main{
		padding: 0;
	}
}

@media screen and (max-width: 520px){
	.tuijian .nr .right dl dd a figure{
		width: 100%;
	}
	.tuijian .nr .right dl dd a .text{
		width: 100%;
		padding: 3% 0 0 0;
	}
	.tuijian .tuijian-main .nr{
		padding: 4% 0;
	}
	.tuijian .nr .right dl dd{
		padding: 3%;
		border: 1px solid #ccc;
	}
}