@import url('https://xc-cdn.oss-cn-hongkong.aliyuncs.com/css/picture-layout.css');
.xc_logobar_section1{
width:100%;
float:left;
position:relative;
box-sizing:border-box
}
.xc_logobar_section1_body{
width:1100px;
margin:0 auto
}
.xc_logobar_section1_main{
width:100%;
float:left;
text-align:center
}
.xc_logobar_section1_picture1{
margin:0 auto
}
.xc_logobar_section1_picture1 img{
max-width:100%
}
@media(min-width:240px) and (max-width:479px){
.xc_logobar_section1_body{
width:100%!important
}
.xc_logobar_section1_picture1{
width:100%!important
}
.xc_logobar_section_img{
width:180px!important;
margin:20px auto;
min-height:auto;
clear:both!important;
position:relative!important;
left:0!important;
top:0!important;
right:0!important;
bottom:0!important
}
}
@media(min-width:480px) and (max-width:797px){
.xc_logobar_section1_body{
width:100%!important
}
.xc_logobar_section1_picture1{
width:100%!important
}
.xc_logobar_section_img{
width:240px!important;
margin:20px auto;
min-height:auto;
clear:both!important;
position:relative!important;
left:0!important;
top:0!important;
right:0!important;
bottom:0!important
}
}
@media(min-width:797px) and (max-width:1100px){
.xc_logobar_section1_body{
width:100%!important
}
}

.xc_template_frame_header{
display:block;
position:relative;
}
.xc_template_frame_header img{
width:100%;
height:auto;

}

#section_d4e36adc-9505-4c7b-8791-be48a97923ca{
padding:67px 0 0 0;
margin:0;
background:#1E1E1E no-repeat top center;
background-size:auto;
border-radius:0
}
#section_title_d4e36adc-9505-4c7b-8791-be48a97923ca{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_d4e36adc-9505-4c7b-8791-be48a97923ca{
width:1100px
}
#section_body_d4e36adc-9505-4c7b-8791-be48a97923ca{
height:183px
}
#logobar_section_picture1_d4e36adc-9505-4c7b-8791-be48a97923ca{
width:482px
}
.xc_slider_section{
width:100%;
float:left;
box-sizing:border-box
}
.xc_slider_section_body{
margin:0 auto
}
.xc_slider_section_main{
width:100%;
float:left
}
@media(min-width:240px) and (max-width:479px){
.xc_slider_section_body{
width:100%!important
}
}
@media(min-width:480px) and (max-width:1100px){
.xc_slider_section_body{
width:100%!important
}
}
#section_f98f9863-34ea-47d7-a5f3-fb271b3f7db6{
padding:0;
margin:0;
background:#191919 url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_f98f9863-34ea-47d7-a5f3-fb271b3f7db6{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_f98f9863-34ea-47d7-a5f3-fb271b3f7db6{
width:100%
}
@font-face{
font-family:'cs-ctrl-rhomb';
font-weight:normal;
font-style:normal
}
.xc_content_section15{
width:100%;
float:left;
box-sizing:border-box
}
.xc_content_section15_body{
width:1100px;
margin:0 auto
}
.xc_content_section15_main{
width:100%;
float:left
}
.xc_content_section15_picture1{
float:left;
width:33.3333%
}
.xc_content_section15_picture2{
float:left;
width:33.3333%
}
.xc_content_section15_picture3{
float:right;
width:33.3333%
}
.xc_content_section15_picture1 img,.xc_content_section15_picture2 img,.xc_content_section15_picture3 img{
width:100%;
min-height:auto;
margin:0
}
.ts-banner-image{
backface-visibility:hidden;
-moz-backface-visibility:hidden;
-webkit-backface-visibility:hidden
}
.ts-banner-image>a{
display:block;
line-height:0;
position:relative;
overflow:hidden
}
.ts-banner-image>a:after{
display:table;
content:"";
clear:both
}
.ts-banner-image img{
position:relative;
z-index:1;
transition:all 400ms ease 0s;
-moz-transition:all 400ms ease 0s;
-webkit-transition:all 400ms ease 0s
}
.ts-banner-image .overlay{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
content:"";
z-index:0
}
.ts-banner-image.eff-scale-opacity:hover img{
opacity:.6;
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1)
}
.ts-banner-image.eff-opacity:hover img{
opacity:.6
}
.overlay{
position:absolute;
left:-1px;
right:-1px;
bottom:-1px;
top:-1px;
content:"";
background:transparent!important
}
.eff-border-scale .overlay:after{
z-index:4;
width:auto;
height:auto;
content:"";
position:absolute;
left:-10px;
right:-10px;
top:-10px;
bottom:-10px;
opacity:.5;
border-width:10px;
border-style:solid;
border-color:inherit;
transition:all 200ms ease-out 0s;
-moz-transition:all 200ms ease-out 0s;
-webkit-transition:all 200ms ease-out 0s
}
.eff-border-scale:hover .overlay:after{
left:0;
right:0;
top:0;
bottom:0
}
@media(min-width:240px) and (max-width:479px){
.xc_content_section15_body{
width:100%!important
}
.xc_content_section15_picture1 img,.xc_content_section15_picture2 img,.xc_content_section15_picture3 img{
width:100%;
min-height:auto
}
}
@media(min-width:480px) and (max-width:1100px){
.xc_content_section15_body{
width:100%!important
}
}
#section_771e914f-b31d-4d27-a62b-2ec0584e7b27{
padding:0;
margin:0;
background:#191919 url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_771e914f-b31d-4d27-a62b-2ec0584e7b27{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_771e914f-b31d-4d27-a62b-2ec0584e7b27{
width:100%
}
.xc_content_section14{
width:100%;
float:left;
box-sizing:border-box
}
.xc_content_section14_body{
margin:0 auto
}
.xc_content_section14_main{
width:100%;
float:left
}
.xc_content_section14_picture1{
float:left;
width:100%;
text-align:center
}
.xc_content_section14_picture1 img{
max-width:100%;
min-height:auto;
margin:0 auto
}
@media(min-width:240px) and (max-width:1100px){
.xc_content_section14_body{
width:100%!important
}
}
#section_18e6d9e6-34f2-47c2-ab13-ebeee29bf016{
padding:0;
margin:0;
background:#191919 no-repeat top center;
background-size:auto;
border-radius:0
}
#section_title_18e6d9e6-34f2-47c2-ab13-ebeee29bf016{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_18e6d9e6-34f2-47c2-ab13-ebeee29bf016{
width:1100px
}
.xc_description_section{
width:100%;
float:left;
box-sizing:border-box
}
.xc_description_section_body{
margin:0 auto
}
.xc_description_section_main{
width:100%;
float:left
}
.xc_description_section_img{
float:left;
width:48%;
border:1px solid #ccc
}
.xc_description_section_product_desc{
float:right;
width:48%
}
.xc_description_section_text{
text-align:left;
overflow:hidden;
font-family:Arial;
padding-top:10px;
word-break:break-word;
word-wrap:break-word
}
.xc_description_section_text1{
text-align:left;
overflow:hidden;
font-family:Arial;
padding-top:10px;
word-break:break-word;
word-wrap:break-word
}
.xc_description_section_text2{
text-align:left;
overflow:hidden;
font-family:Arial;
padding-top:10px;
word-break:break-word;
word-wrap:break-word
}
.xc_description_section_text3{
text-align:left;
overflow:hidden;
font-family:Arial;
padding-top:10px;
word-break:break-word;
word-wrap:break-word
}
.xc_description_section_text img{
max-width:100%!important;
height:auto!important
}
.pictureslider.layout6 label:hover{
background:none!important
}
@media(min-width:240px) and (max-width:479px){
.xc_description_section_body{
width:100%!important
}
.xc_description_section_img{
width:100%!important;
padding-top:10px
}
.xc_description_section_product_desc{
width:100%!important;
padding-top:10px
}
#pagallery_outer_3 .big_image div{
height:auto!important
}
.picdescription_row td{
width:100%;
float:left
}
.picdescription_row td .picturemaxwidth500 img{
max-width:300px
}
}
@media(min-width:480px) and (max-width:797px){
.xc_description_section_body{
width:100%!important
}
.xc_description_section_img{
width:100%!important;
padding-top:10px
}
.xc_description_section_product_desc{
width:100%!important;
padding-top:10px
}
#pagallery_outer_3 .big_image div{
height:auto!important
}
.picdescription_row td{
width:100%;
float:left
}
}
@media(min-width:797px) and (max-width:1100px){
.xc_description_section_body{
width:100%!important
}
.xc_description_section_text{
overflow:hidden
}
}
@media(min-width:1100px){
.description_layout_3 .pictureslider.layout3 .big_preview_img div{
height:1000px!important
}
.description_layout_3 .pictureslider.layout3 .big_preview_img{
max-width:1000px!important
}
.xc_description_section_text{
overflow:hidden
}
}
.pictureslider{
padding-top:10px
}
.xc_description_section_img .picdescriptionlistin.picdescription_row:nth-child(2n) .floatleft{
max-width:100%!important
}
.xc_description_section_img .picdescriptionlistin .picdescription_row .floatleft{
max-width:100%!important
}
.picturemaxwidth{
max-width:100%!important
}
#section_body_0f7df858-0ad2-4592-b0c4-31049d45ca64 .xc_description_section_img{
width:100%!important
}
#section_104677b1-ef62-42c7-9be2-b9e2c7458f69 .xc_description_section_img{
width:98%!important;
margin:0 1%
}
#section_104677b1-ef62-42c7-9be2-b9e2c7458f69 .xc_description_section_product_desc{
width:98%!important;
margin:0 1%
}
#section_body_b6d5b4d3-be22-43a6-a70c-374cbf36cf79 .xc_description_section_product_desc{
width:97%!important;
margin:0 1.5%
}
#section_body_b6d5b4d3-be22-43a6-a70c-374cbf36cf79 .xc_description_section_img{
width:97%!important;
margin:0 1.5%
}
.xc_description_section_product_desc{
box-sizing:border-box!important;
overflow:hidden!important
}
.xc_description_section_product_desc img{
max-width:100%!important
}
#pagallery_outer_3 .big_image div{
overflow:hidden!important
}
.lightgallery .hb_scroll .lightgallery_small{
max-width:800px
}
.ht_scroll .lightgallery_small{
max-width:1100px!important
}
#picdes_lis_11 .picdescription_cnt{
width:100%
}
#section_cd7b0f99-a030-45e1-80de-a53494b69e38{
padding:40px 0 40px 0;
margin:0;
background:#FFF url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_cd7b0f99-a030-45e1-80de-a53494b69e38{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_cd7b0f99-a030-45e1-80de-a53494b69e38{
width:1100px
}
.xc_description_section_img{
float:left;
width:100%
}
.xc_description_section_product_desc{
float:right;
width:100%;
padding:0
}
.xc_description_section_product_name{
background:#FFFFFF00 url();
text-align:center;
font-weight:normal;
border:0 #FFFFFF00 solid;
color:#000;
font-family:auto;
font-size:20px;
line-height:normal;
margin-top:0;
margin-bottom:10px
}
.xc_tabs_section{
width:100%;
float:left
}
.xc_tabs_section_body{
margin:0 auto
}
#terms .template_terms_content{
background:#fff;
width:100%;
float:left
}
#terms .template_terms_contentin{
padding:1.5%;
text-align:left;
float:left;
box-sizing:border-box!important;
width:100%;
box-sizing:border-box!important;
overflow:hidden!important
}
#terms input{
display:none;
margin:0;
padding:0
}
#terms label{
display:inline-block;
width:19%;
float:left;
margin:0;
margin-right:1%;
font-weight:600;
text-align:center;
color:#fff;
cursor:pointer
}
#terms label.headlabel5{
width:20%;
margin-right:0
}
#terms label:hover{
color:#fff;
cursor:pointer
}
#tab1:checked ~ #patemplate_termscontent_1,#tab2:checked ~ #patemplate_termscontent_2,#tab3:checked ~ #patemplate_termscontent_3,#tab4:checked ~ #patemplate_termscontent_4,#tab5:checked ~ #patemplate_termscontent_5{
display:block
}
#terms input{
display:none
}
#terms label{
color:#fff;
font-size:13px;
height:44px;
line-height:44px!important;
font-family:Arial
}
#terms .template_terms_contentin_t{
width:100%;
float:left;
position:relative;
color:#fff;
font-size:13px;
height:44px;
line-height:44px!important;
overflow:hidden!important
}
#terms label:hover{
background:#ccc;
font-size:13px;
height:44px;
line-height:44px!important
}
#terms input:checked+label{
background:#ccc;
color:#000
}
.template_terms_contentin img{
max-width:100%!important
}
@media(min-width:240px) and (max-width:479px){
.xc_tabs_section_body{
width:100%!important
}
#terms label{
text-align:left
}
#terms input{
display:none
}
#terms label{
width:auto;
float:left
}
#terms label.headlabel1{
display:none
}
#terms label.headlabel2{
display:none
}
#terms label.headlabel3{
display:none
}
#terms label.headlabel4{
display:none
}
#terms label.headlabel5{
display:none
}
#terms #patemplate_termscontent_1,#terms #patemplate_termscontent_2,#terms #patemplate_termscontent_3,#terms #patemplate_termscontent_4{
display:block;
margin-bottom:10px
}
#terms #patemplate_termscontent_5{
display:block;
text-align:left
}
#terms #tab1:checked ~ #patemplate_termscontent_1 .template_terms_contentin,#terms #tab2:checked ~ #patemplate_termscontent_2 .template_terms_contentin,#terms #tab3:checked ~ #patemplate_termscontent_3 .template_terms_contentin,#terms #tab4:checked ~ #patemplate_termscontent_4 .template_terms_contentin,#terms #tab5:checked ~ #patemplate_termscontent_5 .template_terms_contentin{
display:block
}
#terms #tab1:checked ~ #patemplate_termscontent_1 label:after,#terms #tab2:checked ~ #patemplate_termscontent_2 label:after,#terms #tab3:checked ~ #patemplate_termscontent_3 label:after,#terms #tab4:checked ~ #patemplate_termscontent_4 label:after,#terms #tab5:checked ~ #patemplate_termscontent_5 label:after{
content:"-";
color:#fff;
font-size:16px;
font-family:Arial;
font-weight:bold;
float:right;
margin-right:10px
}
#terms .template_terms_contentin_t{
display:block!important;
width:100%;
min-height:44px;
line-height:44px;
background:#333;
color:#fff;
position:relative;
text-align:left;
background-repeat:repeat!important;
font-family:Arial
}
#terms label i{
display:block;
width:16px;
height:16px;
position:absolute;
top:10px;
right:5px
}
#terms label:after{
content:"+";
color:#fff;
font-size:20px;
font-family:Arial;
font-weight:bold;
float:right;
margin-right:10px
}
#terms label{
display:block;
width:96%!important;
padding:0;
font-weight:600;
text-align:left!important;
color:#fff;
background:0;
cursor:pointer;
padding-left:4%!important
}
#terms label:hover{
color:#fff;
background:0;
cursor:pointer
}
#terms .template_terms_contentin{
display:none
}
}
@media(min-width:480px) and (max-width:797px){
#terms .template_terms_contentin_t{
display:none
}
.xc_tabs_section_body{
width:100%!important
}
}
@media(min-width:797px) and (max-width:1100px){
.xc_tabs_section_body{
width:100%!important
}
}
.patemplate_feedback td{
max-width:200px!important;
word-break:break-all!important;
word-wrap:anywhere!important
}
#section_392a715b-da75-4059-8f81-eca0841856f9{
padding:30px 0 30px 0;
margin:0;
background:#F7F7F7 url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_392a715b-da75-4059-8f81-eca0841856f9{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_392a715b-da75-4059-8f81-eca0841856f9{
width:1100px
}
#terms label{
background:#191919 url();
background-repeat:no-repeat;
font-size:12px;
color:#FFF
}
#terms label:hover{
background:url() #F5CB55!important;
background-repeat:no-repeat;
color:#191919!important
}
#terms input:checked+label{
background:#F5CB55 url()!important;
color:#191919!important
}
.templatepreview_Mobile #terms .template_terms_contentin_t{
background:#F5CB55 url()!important;
color:#191919!important
}
.templatepreview_Mobile #terms .template_terms_contentin_t label{
color:#191919!important
}
#terms .template_terms_contentin{
background:#FFF url() no-repeat;
border:0 solid;
padding:0
}
#terms .template_terms_content{
display:none
}
#terms .template_terms_contentin_t{
display:none
}
.xc_content_section14{
width:100%;
float:left;
box-sizing:border-box
}
.xc_content_section14_body{
margin:0 auto
}
.xc_content_section14_main{
width:100%;
float:left
}
.xc_content_section14_picture1{
float:left;
width:100%;
text-align:center
}
.xc_content_section14_picture1 img{
max-width:100%;
min-height:auto;
margin:0 auto
}
@media(min-width:240px) and (max-width:1100px){
.xc_content_section14_body{
width:100%!important
}
}
#section_3576a776-a99f-4973-97ed-eea98ff8ad5d{
padding:0;
margin:0;
background:#191919 url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_3576a776-a99f-4973-97ed-eea98ff8ad5d{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_3576a776-a99f-4973-97ed-eea98ff8ad5d{
width:1100px
}
.xc_content_section7{
width:100%;
float:left;
box-sizing:border-box
}
.xc_content_section7_body{
margin:0 auto
}
.xc_content_section7_main{
width:100%;
float:left
}
.xc_content_section7_picture_l{
float:left;
width:49.1%
}
.xc_content_section7_picture_r{
float:right;
width:49.1%
}
.xc_content_section7_picture1{
float:left;
width:100%;
margin-bottom:20px
}
.xc_content_section7_picture2{
float:left;
width:100%
}
.xc_content_section7_picture3{
float:left;
width:100%;
margin-bottom:20px
}
.xc_content_section7_picture4{
float:left;
width:100%
}
.xc_content_section7_picture1 img,.xc_content_section7_picture2 img,.xc_content_section7_picture3 img,.xc_content_section7_picture4 img{
width:100%;
min-height:auto
}
@media(min-width:240px) and (max-width:479px){
.xc_content_section7_body{
width:100%!important
}
.xc_content_section7_picture_l,.xc_content_section7_picture_r{
width:100%;
margin-bottom:10px;
float:left
}
.xc_content_section7_picture1 img,.xc_content_section7_picture2 img,.xc_content_section7_picture3 img,.xc_content_section7_picture4 img{
width:100%;
min-height:auto
}
}
@media(min-width:480px) and (max-width:1100px){
.xc_content_section7_body{
width:100%!important
}
}
#section_172d791b-a3c1-4d5a-ba1d-12e0a05c4264{
padding:0;
margin:0;
background:#191919 url('') repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_172d791b-a3c1-4d5a-ba1d-12e0a05c4264{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_172d791b-a3c1-4d5a-ba1d-12e0a05c4264{
width:1100px
}
.xc_content_section14{
width:100%;
float:left;
box-sizing:border-box
}
.xc_content_section14_body{
margin:0 auto
}
.xc_content_section14_main{
width:100%;
float:left
}
.xc_content_section14_picture1{
float:left;
width:100%;
text-align:center
}
.xc_content_section14_picture1 img{
max-width:100%;
min-height:auto;
margin:0 auto
}
@media(min-width:240px) and (max-width:1100px){
.xc_content_section14_body{
width:100%!important
}
}
#section_0d9e2c7c-cadf-40c9-892e-5d46ae67b4b3{
padding:0;
margin:0;
background:#191919 repeat-x top left;
background-size:auto;
border-radius:0
}
#section_title_0d9e2c7c-cadf-40c9-892e-5d46ae67b4b3{
color:#fff;
text-align:left;
font-size:12px;
margin-bottom:0
}
#section_body_0d9e2c7c-cadf-40c9-892e-5d46ae67b4b3{
width:1100px
}