@charset "utf-8";
@media only screen and (min-width: 320px) and (max-width: 740px) {
.lbt,.pname{width: 100%;}
.content .bx{padding: 0 16px;}
.lx{display: none !important;}
.pname h1{font-size: 24px;}
.detail {padding: 20px 0;}
.detail .pd{font-size: 20px;margin-bottom: 18px;}
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.lbt{width: 31.67%;}
.pname{margin-left: 60px;}
.pname h1{font-size: 24px;}
.detail {padding: 40px 0;}
.detail .pd{font-size: 24px;margin-bottom: 30px;}
}
@media only screen and (min-width: 1200px)  {					
.lbt{width: 31.67%;}
.pname{margin-left: 60px;}
.pname h1{font-size: 30px;}
.detail {padding: 40px 0;}
.detail .pd{font-size: 24px;margin-bottom: 30px;}
}	
.crumbs{color: #5f6368;letter-spacing: .1px;margin-bottom: 10px;font-size: 14px;}
.back a{display: block;color: #185abc;font-weight: 600;margin-bottom: 20px;font-size: 14px;}
.ty{display: flex;border-bottom: 1px solid #dadce0;flex-wrap: wrap;justify-content: space-between;padding-bottom: 30px;}
.lbt {margin-bottom: 20px;}
.lbt img{width: 100%;height: auto;margin-bottom: -5px;}
.lbt .bigimg .slide{display: none;}
.lbt .smallimg{display: flex;}
.lbt .bigimg .slide{border: 1px solid #dadce0;border-radius: 4px;margin-bottom: 10px;overflow: hidden;}
.lbt .smallimg .slide{border: 1px solid #dadce0;overflow: hidden;line-height: 100%;position: relative;
border-radius: 4px;cursor: pointer;margin: 1px 10px 1px 1px;width: 60px;}
.lx{display:flex;flex-wrap:wrap;margin-top: auto;}
.lx li {padding: 11px 12px;border-radius: 4px;margin-bottom: 8px;background-color: #185abc;display:flex;margin-right:5px;align-items: center;}
.lx li a{display: block;font-size: 16px;font-weight: 600;color: #fff;}
.lx li .icon{margin-right: 10px;}
.lx .tm{width:100%;margin-top:10px;}
.lx .tm a{color: #5f6368;font-size: 14px;text-decoration: underline;}
.lx .tm svg{vertical-align: middle;margin-right:5px;}
.pname{margin-bottom: 30px;flex-grow: 1;display: flex;flex-direction: column;}
.pname h1{font-weight: 600;line-height: 36px;color: #202124;margin-bottom: 10px;}
.pname p{font-size: 14px;font-weight: 400;line-height: 20px;color: #5f6368;margin-bottom: 20px;}
.detail .pd{color: #202124;}
.like h1{font-size: 24px;color: #202124;margin-bottom: 17px;}
.like ul{display: flex;flex-wrap: wrap;}
.like ul li{border: 1px solid #dadce0;border-radius: 8px;overflow: hidden;}
.like ul li:hover{box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);}
.like ul li img{width: 100%;height: auto;}
.like ul li .text{padding: 10px 20px 16px 20px;}
.like ul li h2{font-size: 16px;color: #202124;margin-bottom: 7px;line-height: 20px;}
.like ul li p{font-size: 14px;color: #1a73e8;}
.like ul li {width: 220px;margin-right: 12px;}
.like ul{flex-wrap: nowrap !important;width: max-content;}
.like .box{overflow-x: overlay;}
.like .box::-webkit-scrollbar{display: none;}
.lbt .smallimg .slide .playbtn{
display: block;
width: 0.3rem;
height: 0.22rem;
position: absolute;
cursor: pointer;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>') ;
filter: grayscale(100%);
transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
.lbt .bigimg .provideo{
position : relative;
background: #ccc;
width: 100%;
padding-top : 100%;
}
.lbt .bigimg .provideo iframe{
position : absolute;
top : 0; left : 0; right : 0; bottom : 0;
border: none;width: 100%;height: 100%;
}
table{width: 100%;}
table tr:nth-of-type(2n) td{background:#fff;}
table tr:nth-of-type(2n+1) td{background:#e5e5e5;}
table tr td{border: 1px solid #858585 !important;vertical-align: middle;padding:0.15rem 0 0.15rem 0.4rem !important;;color:#333;font-size:0.18rem;}
.screen-reader-response {
display: none;
}
 body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0} a{ text-decoration:none;}
a:hover{text-decoration:none;}  html {
font-size: 100px; }		
.qcfd:before,
.qcfd:after {
display: table;
content: " ";
}
.qcfd:after {
clear: both;
}
@media only screen and (min-width: 320px) and (max-width: 740px) {
.swt-m{display:block;}
.swt-pc{display:none;}
.header .logo{margin-left: 20px;}
.header .xiala{margin-right: 20px;}
.header .logo img{max-width: 25px !important;}
.header .menu-menu-container .menu{flex-direction: column;}
.header .menu-menu-container{display: none;width: 100%;margin-top: 20px;border-top: 1px solid #dadce0;}
.header .menu-menu-container li a{padding: 20px;margin-left: 0 !important;}
.current-post-ancestor a, .current-menu-menu-container-parent a, .current-menu-menu-container-item a, .current_page_item a {
background: #e8f0fe !important;
}
.footer .hcU8B .IMR1pc{flex-wrap: wrap;}
.footer .bx{flex-wrap: wrap;padding: 20px 12px;margin-top: 20px;}
.footer .hcU8B .IMR1pc .k942D {width:100% !important;margin-bottom: 20px;}
.footer .hcU8B .IMR1pc ul {width: 100% !important;}
.footer img{width: 100% !important;margin: 0 0 20px 0 !important;}
.bottom{margin-bottom: 52px;}
.lxw,.lxwm .tea{display: none !important;}
.contactus .lxwm .tea{width: 100%;}
.contactus .lxwm .form .biaodan .inp .ema{width: 100%;margin-bottom: 10px;}
.contactus .lxwm .form .to{font-size: 16px !important;}
.contactus .lxwm .form .biaodan{margin: 21px 0 100px 0 !important;}
.contactus .lxwm .form button{font-size: 14px !important;height: 40px !important;}
.contactus .lxwm .form{position: fixed;display: none;
min-height: 100%;
min-height: -moz-available;          
min-height: -webkit-fill-available;  
min-height: fill-available;
min-width: 100%;
min-width: -moz-available;          
min-width: -webkit-fill-available;  
min-width: fill-available;
max-height: 100vh;
overflow-y: scroll;
z-index: 999999;
left: 0;
top: 0;}
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.swt-pc{display:block;}
.swt-m{display:none;}
.bx{width: 95%; margin:0 auto;}												   
.header .xiala{display: none;}
.header{margin-bottom: 30px;}
.footer .bx{padding: 40px 0;margin-top: 50px;}
.phonefooternav {display: none;}
.contactus .lxwm .tea{width: 31.67%;}
.contactus .lxwm .form{width: 61.5%;}
.contactus .lxwm .form .biaodan .inp .ema{width: 49%;}
.close{display: none;}
.contactus .bx{border-top: 1px solid #dadce0;margin-top:30px;}
}
@media only screen and (min-width: 1200px)  {
.swt-pc{display:block;}
.swt-m{display:none;}
.bx{width: 1200px; margin:0 auto;}
.header .xiala{display: none;}
.header{margin-bottom: 30px;}
.footer .bx{padding: 40px 0;margin-top: 50px;}
.phonefooternav {display: none;}
.contactus .lxwm .tea{width: 31.67%;}
.contactus .lxwm .form{width: 61.5%;}
.contactus .lxwm .form .biaodan .inp .ema{width: 49%;}
.close{display: none;}
.contactus .bx{border-top: 1px solid #dadce0;margin-top:30px;}
}	
.header{padding: 20px 0;border-bottom: 1px solid #dadce0;position: sticky;top: 0;left: 0;background: #fff;z-index: 9999;}
.header .bx{display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.header .logo{display: flex;align-items: center;}
.header .logo img{max-width: 40px;height: auto;margin-right:16px}
.header .logo .logoname{font-size: 16px;font-weight: 700;color: #202124;}
.header .menu-menu-container .menu{display: flex;flex-wrap: wrap;}
.header .menu-menu-container li a.select{color: #185abc;}
.header .menu-menu-container li a{font-size: 18px;font-weight: 500;color: #3c4043; margin-left: 36px;display: block;}
.header .menu-menu-container li:hover a{color: #185abc;}
.current-category-ancestor a,.current-post-ancestor a,.current-menu-item a, .current-menu-menu-container-parent a, .current-menu-menu-container-item a, .current_page_item a {
color: #185abc !important;
}
.footer .bx{display: flex;border-top: 1px solid #dadce0;}
.footer img{width: 280px;margin-right: 20px;height: 100%;}
.footer .hcU8B h1{font-size: 16px;font-weight: 600;color: #202124;margin-bottom: 11px;}
.footer .hcU8B .IMR1pc{display: flex;}
.footer .hcU8B .IMR1pc .k942D {width:51%;}
.footer .hcU8B .IMR1pc ul {width: 49%;}
.footer .hcU8B .IMR1pc .k942D p{font-size: 14px;line-height: 20px;color: #5f6368;margin:  0 40px 14px 0;}
.footer .hcU8B .IMR1pc .k942D a{font-size: 14px;color: #185abc;font-weight: 600;}
.footer .hcU8B .IMR1pc ul li{height: auto;float: left;width: 49%; margin-bottom: 20px;margin-right: 1%;}
.footer .hcU8B .IMR1pc ul li .MdSI6d{color: #202124;margin-bottom: 5px;height: 20px;overflow: hidden;font-size: 14px;font-weight: 600;}
.footer .hcU8B .IMR1pc ul li .bN97Pc{font-size: 14px;color: #5f6368;height: 20px;overflow: hidden;}
.bottom{color: #5f6368;font-size: 14px;background: #f8f9fa;padding:20px;text-align: center;}
.contactus .lxw{font-size: 24px;padding-top: 40px;margin-bottom: 30px;font-weight: 600;color: #202124;}
.contactus .lxwm{display: flex;justify-content: space-between;}
.contactus .lxwm .tea .sana{font-size: 14px;color: #5f6368;margin-top: 3px;margin:0 2px;}
.contactus .lxwm .tea .sana span{font-size:20px;font-weight: 600;color: #202124;margin-right: 6px;}
.contactus .lxwm .tea ul {border-top: 1px solid #dadce0;border-bottom: 1px solid #dadce0;margin: 12px 0;}
.contactus .lxwm .tea ul li {padding: 16px 2px;}
.contactus .lxwm .tea ul li a{color: #5f6368;font-size: 14px;text-decoration: underline;}
.contactus .lxwm .tea svg{vertical-align: middle;margin-right: 6px;}
.contactus .lxwm .tea .adress{display: flex;align-items: center;}
.contactus .lxwm .tea .adress span{display: block;width: 90%;color: #5f6368;font-size: 14px;}
.contactus .lxwm .form{padding: 20px 30px;background: #e8f0fe;border: 1px solid #d2e3fc;border-radius: 4px;}
.contactus .lxwm .form .sale{display: flex;justify-content: space-between;}
.contactus .lxwm .form .to{font-size:20px;font-weight: 600;color: #202124;}
.contactus .lxwm .form .eml{font-size: 14px;color: #5f6368;margin-left: 34px;}
.contactus .lxwm .form .biaodan .tit{font-size: 14px;font-weight: 600;color: #202124;margin-bottom: 10px;}
.contactus .lxwm .form .biaodan .tit span{font-style: italic;color: #c5221f;}
.contactus .lxwm .form .biaodan{margin-top: 21px;}
.close:hover{cursor: pointer;}
.contactus .lxwm .form .biaodan .shuru{font-size: 14px;line-height: 20px;background-color: rgba(246,249,255,1);
border-radius: 4px;border: 1px solid #bdc1c6;padding: 10px 12px; width: 100%;box-sizing: border-box;color: #202124;}
.contactus .lxwm .form .biaodan .requ textarea{height: 90px;}
.contactus .lxwm .form .biaodan .inp{display: flex;justify-content: space-between;margin: 19px 0 10px 0;border-bottom: 1px solid #d2e3fc;
padding-bottom: 10px;flex-wrap: wrap;}
.contactus .lxwm .form .biaodan .inp .tel{display:flex;}
.contactus .lxwm .form .biaodan .inp .tel #code{padding: 10px 6px 10px 52px;font-size: 14px;line-height: 20px;background-color: rgba(246,249,255,1);margin-right: 5px;
border-radius: 4px;border: 1px solid #bdc1c6;width: 100px;box-sizing: border-box;color: #202124;}
.contactus .lxwm .form button{font-size: 18px;font-weight: 600;line-height: 24px;
width: 100%;height: 50px;border-radius: 4px;text-align: center;background-color: #185abc; color: #fff;border-width: 0;}
.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
.phonefooternav ul{display:flex;}
.phonefooternav ul li {width: 50%;background: #494949;}
.phonefooternav ul li:nth-of-type(1){border-right: 1px solid #666;}
.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;font-size: 14px;}
.phonefooternav ul li a svg{margin-right: 5px;vertical-align: middle;}     
.intl-tel-input .country-list{z-index:99999999999 !important;}