/*html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, 
th, td,
img{border:medium none; margin: 0; padding: 0;}
/*form*/
button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { overflow: auto; vertical-align: top;}
body,button, input, select, textarea { font: 14px/2.14286 'Montserrat', sans-serif; letter-spacing:0.02em; font-weight:300;}
select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;}
h1{ font-weight:600; line-height:1.4em; font-size:35px; letter-spacing:normal;}
h2{ font-weight:300; line-height:1.4286em; font-size:28px; letter-spacing:normal;}
h3{ font-weight:300; line-height:2.14286; font-size:14px;}
h4{ font-weight:300; line-height:1.5385em; font-size:13px;}
h5,h5 a{ font-weight:300; line-height:1.875em; font-size:16px;  letter-spacing:normal;}
h6{ font-weight:600; line-height:1.625em; font-size:16px; letter-spacing:0.02em;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none; font-size:13px; letter-spacing:0.1em;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover { text-decoration: underline; /*color:#fdf0f4;*/ }
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{background: #fdf0f4; color:#000; text-shadow: none;} 
::selection {background: #fdf0f4; color:#000; text-shadow: none;}
/*常用样式*/
.clears{zoom:1;}
.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;} 
.al{ text-align:left;}
.ar{ text-align:right}
.ac{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.underline{ text-decoration:underline;}
.vm { vertical-align: middle; height: 100%;}
.width-100 { width: 100%;}
.pointer {cursor: pointer;}
.hide {display: none;}
.upp{ text-transform:uppercase;}

.div-table{ display:table; height:100%; width:100%;}
.table-cell{ display:table-cell; vertical-align:middle; height:100%;}
img{ max-width:100%;}

.container-fluid{ padding-left:40px; padding-right:40px; max-width:1366px;}
.row{ margin-left:-20px; margin-right:-20px;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:20px; padding-right:20px; transition:all 0.25s;}

.css3-animation{transition: all 0.5s ease, opacity 1s ease; opacity: 0; transform:translateY(10px); }
.css3-animation.scrolltothis{/*animation:imgAnimation  1s ;*/ opacity:1; transform:translateY(0);}
.css3-animation-3d{    transition: all 0.5s ease, opacity 1s ease;   opacity: 0;   transform: translateY(200px) translateZ(-500px) rotateX(90deg);}
.css3-animation-3d.scrolltothis{    transition: all 0.5s ease, opacity 1s ease;   opacity: 1; transform: translateY(0) translateZ(0) rotateX(0deg);}
.css3-animation-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px);}
.css3-animation-txt.scrolltothis{opacity: 1;  transform:translateX(0);}
.css3-animation-txt-y{transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateY(100px);}
.css3-animation-txt-y.scrolltothis{opacity: 1;  transform:translateY(0);}
.css3-animation-txt-right{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(-100px);}
.css3-animation-txt-right.scrolltothis{opacity: 1;  transform:translateX(0);}

@-moz-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}
@-webkit-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}

@keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}

.animation-delay-05{ transition-delay:0.25s;}
.animation-delay-1{ transition-delay:0.5s;}
.animation-delay-15{ transition-delay:0.75s;}
.animation-delay-2{ transition-delay:1s;}
.animation-delay-25{ transition-delay:1.25s;}
.animation-delay-3{ transition-delay:1.5s;}

.opacity-0{ opacity:0;}
.animated{ opacity:1;}
/**/
/**/
.select-container{position:relative;display:inline-block;vertical-align:top}
.select-container .icon-select-arrows{display:block;width:29px;height:28px;position:absolute;top:1px;right:1px;border-left:1px solid #ddd;background-color:#fff;background-size:40px 40px;background-position:top right;z-index:30;cursor:pointer;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAIAAAD3rtNaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0OEZDMDkwN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0OEZDMDkxN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ4RkMwOEU3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4RkMwOEY3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yLNhBAAAAhElEQVR42mL4DwafPn/umzwbSEK4TAwMDL9+/Z40bd6VqzeAJJANFGH69+/fzLlL7t1/BOQASSAbKMKsrm14/ORZBhh48fL1ly9fGYGmMGAAJgZsgGXJ8nX7Dx1DFnK0s2KKCg8w0NOGCwHZQBEmIEhPjlFSlAMKAUkgGyjCgNUXAAEGANEEWEG/zTCLAAAAAElFTkSuQmCC) no-repeat 10px center}
.select-container select{appearance:none;position:relative;z-index:29;cursor:pointer;border:1px solid #ddd;width:100%;outline:0;height:30px;padding:0 42px 0 12px;line-height:28px;border-radius:0;background:#fff;font-family:inherit;color:#333;font-size:14px}
.checkbox,.radio{margin-top:6px; margin-bottom:0; font-size:14px;}
.checkbox.inline,.radio.inline{display:inline-block;vertical-align:top;margin-right:18px}
.checkbox.inline:last-child,.radio.inline:last-child{margin-right:0}
.checkbox label,.radio label{display:block;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer; }
.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{position:absolute;top:0;left:0;visibility:hidden}
.checkbox .custom-checkbox,.checkbox .custom-radio,.radio .custom-checkbox,.radio .custom-radio{display:inline-block;vertical-align:top;margin:0 6px 0 0;width:18px;height:18px;background:#fff;border:1px solid #ccc;position:absolute; left:0;}
.checkbox .custom-checkbox{ background:#fff;transition:box-shadow 180ms ease;box-shadow:inset 0 0 0 12px #fff;top:-2px;}
.checkbox .icon-check{width:11px;height:11px;background-size:cover;position:absolute;top:3px;left:3px;transform:scale(0);transition:all 180ms ease}
.checkbox input[type=checkbox]:checked+.custom-checkbox{border-color:#ccc;box-shadow:none}
.checkbox input[type=checkbox]:checked+.custom-checkbox .icon-check{transform:scale(1)}
.radio .custom-radio{border-radius:18px;background:#2095F0;box-shadow:inset 0 0 0 12px #fff;transition:all 180ms ease;top:-2px}
.radio input[type=radio]:checked+.custom-radio{border-color:#ccc;background:#f7603a;box-shadow:inset 0 0 0 4px #fff}
.icon-check{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23f7603a%22%20d%3D%22M13.483%201.992l-7.186%207.066-3.778-3.715-2.518%202.475%205.037%204.954%201.259%201.237%209.704-9.541-2.518-2.476z%22/%3E%3C/svg%3E');background-repeat:no-repeat}
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox label, .radio label{ padding-left:24px;}

.controls {
  text-align: left;
  position: relative;
}
.controls input[type="text"],
.controls input[type="password"],
.controls input[type="email"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  height:50px;
  padding: 10px 0 9px 0;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight:300;
  /*border-top:none;
  border-left:none;
  border-right:none;*/
  border-bottom: 1px solid #ccc;
  border-radius:0;
  width: 100%;
  color: #333;
  font-weight:normal;
  background-color:transparent;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,.controls input[type="password"]:focus, .controls input[type="password"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #ccc;
  font-weight:normal;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  font-family: 'Montserrat';
  font-weight:400;
  color: #000;
  cursor: text;
  font-weight:normal;
}
.controls .fa-sort,.controls .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #f7603a;
  font-size:24px;
}
.controls .fa{pointer-events: none;}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  font-size:16px;
  font-family: 'Montserrat';
  font-weight:300;
  left: 0;
  top: 14px;
  color: #333;
  display: inline-block;
  padding: 4px 0 4px 0;
  text-transform: capitalize;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
  transition: color 0.3s, top 0.3s, background-color 0.8s;
}
.controls label.active {
  top: -11px;
  color: #333 !important;
  /*background-color:#fff;*/
  font-weight:400;
  text-transform:uppercase;
  font-size:12px;
  font-weight:normal;
  text-transform: uppercase;
}
.controls textarea {
  resize: none;
  height: 140px;
}
.controls button {
  cursor: pointer;
  background-color: #07B3A1;
  border: none;
  color: #fff;
  padding: 12px 0;
}
.controls button:hover {
  background-color: #08ccb7;
}


.btn{ border-radius:0; font-size:13px; font-weight:300; height:50px; padding:15px 15px;}
.btn-lg{ font-size:16px; height:55px; padding:17px 15px;}
.btn-pink{ background-color:#fdf0f4; color:#222; border-color:#000;}
/*body*/
body{-webkit-text-size-adjust:none;/*chrome 字体中文版限制问题*/}
#wrap{}

.page-banner{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;}
.loadone.page-banner{opacity: 1;}
.css3-animation-banner-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px); transition-delay:0.5s;}
.loadone .css3-animation-banner-txt{opacity: 1;  transform:translateX(0);}

.landscape-show{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.85); z-index:9999; color:#fff; display:none;}
.landscape-show img{ max-width:212px;}
.landscape-show p{ font-size:24px; padding-top:30px;}
/*head*/
#wp-header{}
#header{ z-index:9;}
#logo{}
#nav{}


/***/
.mob-navbar-pop{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fdedde;    overflow: auto; z-index:9999; display:none;}
.mob-navbar-pop-main{ padding-top:60px; font-size:12px; position:relative; height:100vh; overflow:hidden;}
.mob-navbar-pop-main a{ color:#000; display:block;}

.mob-navbar{ padding-top:15px;}
.mob-navbar li{ text-transform:uppercase; text-align:center;}
.mob-navbar li a{ display:block; padding:10px 20px; position:relative;}


/**/
.navbar-default{ border-radius:0; background-color:#fdedde; color:#fff; border-bottom:none;}

.mob-menu-pop{ background-color:rgba(0,111,166,0.95); position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; color:#fff; display:none;}
.mob-menu-pop .container-fluid{ max-width:1280px;}


.mob-menu-pop .close-btn{ position:relative;}
.close-btn{ padding-top:20px; display:inline-block; position:absolute; top:10px; left:10px;}
.line-bar{ display:block; background-color:#000; height:2px; width:30px;}
.close-btn .line-bar:first-child{ transform:rotate(45deg);}
.close-btn .line-bar:last-child{ transform:rotate(135deg); margin-top:-2px;}

.mob-menu-pop-top .close-btn{ height:98px; padding-top:45px;}
.mob-menu-pop-top .line-bar{ height:3px; width:40px;}
.mob-menu-pop-top .close-btn .line-bar:last-child{ margin-top:-3px;}
.mob-menu-pop-top li a{ display:block; padding:37px 10px;}

.pc-header{background-color: #fff; -moz-box-shadow: 0 0 13px rgba(73,72,73,.15); -webkit-box-shadow: 0 0 13px rgba(73,72,73,.15); box-shadow: 0 0 13px rgba(73,72,73,.15); padding:20px 0; width:100%; }
.pc-logo{}
.pc-logo img{ max-width:105px;}
.pc-header .btn{ width:100%; max-width:180px;}

.pc-menu-list{ padding-top:10px; text-transform:uppercase;}
.pc-menu-list li{ display:inline-block; padding:0 20px;}
.pc-menu-list li:first-child{ padding-left:0;}
.pc-menu-list li:last-child{ padding-right:0;}

.header-video{ position:relative;}
.header-video video{ vertical-align:middle;}
.header-video-txt{ position:absolute; top:0; bottom:0; left:0; right:0; color:#fff;}
.header-video-txt img{ max-width:350px;}
.header-video-txt h6{ margin-top:20px; margin-bottom:10px;}
.header-video-txt h2{font-family: 'Kristi'; font-weight:400;}

.pc-header.sticky { position: fixed;  top: 0; width:100%;}
.pc-header-wrap{ height:90px;}
/*content*/
#wp-content{}
#content{}
.content{ z-index:8;}

/*.home-banner{ height:100vh; background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ;}
.home-banner {}
.home-banner .swiper-slide{ height:100vh; overflow:hidden;}
.home-banner .swiper-slide video{ min-height:100vh; position:absolute;  min-width:100%; }*/

.home-section{ background-position:center; background-repeat:no-repeat;}
.home-line{ height:4px; background-color:#fdf0f4;}
.home-section p{ margin-bottom:40px;}
.home-section .btn{ min-width:180px;}

.home-section-01{ background-image:url(../../_images/home-section-01.jpg); padding-top:175px; padding-bottom:270px;}
.home-section-01 h2 strong{ font-size:35px; font-weight:400;}
.home-section-01 p strong{font-family: 'Playfair Display';}
.home-section-01 .home-line{ margin:60px 0;}


.home-section-02{ background-image:url(../../_images/home-section-02.jpg); padding-top:150px; padding-bottom:150px;}
.home-section-02 .home-line{ margin:50px 0;}

.home-section-03{ padding-top:80px; padding-bottom:80px;}
.home-section-03 h1{ margin-bottom:50px;}
.home-section-03 h5{ padding-top:15px;}
.home-section-03-line{ margin-top:100px; position:relative;}

.home-section-03-line-top{ padding-bottom:30px;}
.home-section-03 p{ margin-bottom:30px;}
.home-section-03 .btn{ width:100%; margin-top:65px;}

.red-txt{ color:#ed1c24;}

.home-bottom{ background-position:top center; background-repeat:no-repeat; background-image:url(../../_images/home-bottom-bg.jpg);}
.home-contact-us{ padding-top:90px; height:752px;}
.home-contact-us h1{ margin-bottom:30px;}
.contact-us-box{ margin-bottom:30px;}
.contact-us-box h2{ font-size:18px;}
.home-contact-us .btn{ min-width:180px; margin-top:30px;}

.graphic-map{ background-image:url(../../_images/graphic_map.png); background-position:center; background-repeat:no-repeat; height:320px; padding-top:120px; margin-top:50px;}
.graphic-map h2{ font-family: 'Kristi';}

.home-shop-now{ padding-top:150px; padding-bottom:290px;}
.home-shop-now .home-line{ margin:45px 0;}
.home-shop-now p{ margin-bottom:40px;}
.home-shop-now .btn{ min-width:180px;}
.home-shop-now-img{ position:absolute; bottom:-290px;}


.mediaDetail-box{}
.mediaDetail-box h2{ margin-top:50px;}
.mediaDetail-box p{ margin:30px 0;}

.mediaDetail-img{}
.mediaDetail-img p{font-family: 'Playfair Display'; font-weight:400; margin-bottom:0; margin-top:10px;}

.sanjiao-bg{ background-image:url(../../_images/bragel-sanjiao.png); background-position:top left; background-repeat:no-repeat;}


.aboutus-banner{ background-image:url(../../_images/aboutus-banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:707px; position:relative;}
.aboutus-banner-txt{ position:absolute; left:0; top:0; right:0; bottom:0; color:#fff;}
.aboutus-banner-txt h1 img{ max-width:260px;}
.aboutus-banner-txt p{ margin-top:30px;}
.aboutus-banner-txt p strong{font-family: 'Playfair Display';}

.aboutus-line{ position:relative; padding:80px 0;}
.aboutus-line:nth-child(odd){ background-color:#fdedde;}
.aboutus-line.bg-03{ background-color:#fdf0f4;}
.aboutus-line:after{ content:""; display:block; position:absolute; z-index:99; left:50%; bottom:-50px; width:1px; height:100px; background-color:#000;}
.aboutus-line:nth-child(odd):after{ transform:rotate(-30deg);}
.aboutus-line:nth-child(even):after{ transform:rotate(30deg);}
.aboutus-line:last-child:after{ display:none;}
.aboutus-line h1{ font-size:74px; line-height:1em; font-weight:100;}
.aboutus-line p{ margin-bottom:30px;}

.weight-400{ font-weight:400;}

.aboutus-bottom{ padding-bottom:50px;}
.aboutus-bottom h2.aboutus-bottom-title{ margin:40px 0;}
.aboutus-bm-box{ position:relative; padding-left:24px; margin-top:30px;}
.aboutus-bm-box i{ position:absolute; left:0; top:5px; font-size:20px;}
/*foot*/
#wp-footer{}
#footer{}
.footer{ padding-top:50px;}
.footer-logo{}
.footer-logo img{ max-width:105px;}
.footer ul{ padding-top:20px;}
.footer li{ text-transform:uppercase;}
.social-list{ margin:30px 0;}
.social-list dd{ display:inline-block; padding:0 5px;}
.social-list a{ display:block; width:34px; height:34px; border-radius:100%; background-color:#fdf0f2; font-size:18px; text-align:center; padding: 5px 0 0 2px;}
.copy{ padding:35px 0; border-top:1px solid #cccccc; font-size:12px;}

#topcontrol{ border-radius:100%; background-color:#fff; width:40px; height:40px; text-align:center; font-size:24px; padding-top:7px; z-index:9998;
-moz-box-shadow: 0 0 5px rgba(215,215,215,.75); /* outer glow */
-webkit-box-shadow: 0 0 5px rgba(215,215,215,.75); /* outer glow */
box-shadow: 0 0 5px rgba(215,215,215,.75); /* outer glow */
}
#topcontrol i{ vertical-align:top;}

.add-fadeInUp, .add-fadeIn,.add-fadeInDown{ opacity:0;}

/**/
.pop-wrap{ position:fixed; background-color:#fff; top:0; right:0; bottom:0; left:0; z-index:9999; overflow-y:auto; z-index:-999; opacity:0;}
.contact-us-pop{ background-color:transparent;}
.pop-wrap.active{ z-index:9999; opacity:1;}
.pop-wrap-bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:8;}
.pop-main{  position:relative; z-index:9; margin:0 auto;}

.pop-wrap .close-btn{ position:absolute; z-index:999;}
.close-icon{ height:40px; right:0; padding-top:20px; display:inline-block;}
.close-icon .line-bar{ display:block; background-color:#000; height:2px; width:20px;}
.close-icon .line-bar:first-child{ transform:rotate(45deg);}
.close-icon .line-bar:last-child{ transform:rotate(135deg); margin-top:-2px;}

.patents-pop-main{ max-width:1366px; background-color:#fff; padding:20px 0;}
.patents-pop-title{ position:relative;}
.patents-pop-title .close-icon{ position:absolute; top:5px; right:5px;}
.patents-pop-main p{ margin-bottom:10px;}

.patents-pop-main .btn{ width:100%;}
.patents-pop-main .container-fluid{ padding-left:30px; padding-right:30px;}
.patents-pop-main ul{ float:left; min-width:110px;}
.patents-pop-main li{ margin-top:10px;}
.patents-pop-main h6{ margin-top:30px;}

.contact-us-main{ background-color:#fff; max-width:400px; border: 10px solid #fdeff3; background-color: #fff; -moz-box-shadow: 0 0 20px rgba(204,204,204,.6); -webkit-box-shadow: 0 0 20px rgba(204,204,204,.6); box-shadow: 0 0 20px rgba(204,204,204,.6);}
.contact-us-main .close-icon{ padding-top:10px;}
.contact-us-main h1{ margin-top:50px; margin-bottom:15px;}
.contact-us-main p{ margin-bottom:50px;}
@media (max-width:1024px) and (orientation : landscape) {
	.mob .landscape-show{ display:block;}
}
/
@media screen and (min-width:960px) {
	
}

@media screen and (min-width:991px) {
	body{display: flex;  min-height: 100vh;  flex-direction: column;}
	.content{    flex: 1;}
	body.ie{ display:block;}
	.ie .content{ display:block; }
	.mob-menu{ display:none;}
	.tablet-show{ display:none;}
	.aboutus-line h1{ font-size:130px;}
	.aboutus-bottom h2.aboutus-bottom-title{ margin:90px 0;}
	.aboutus-line{ padding:130px 0;}
}
@media screen and (min-width:768px) {
	.mob-show{ display:none;}
	
	.home-section-03-line:before{ content:""; display:block; position:absolute; left:0; top:0; bottom:0; background-color:#fdedde; width:165px;}
	.home-section-03-line-top .col-xs-12:first-child{ float:right;}
	
	.aboutus-line:nth-child(even) .col-xs-12:nth-child(1){ float:right; text-align:right;}
	.aboutus-line:nth-child(even) .col-xs-12:nth-child(2){ float:right; text-align:right;}
}
@media (min-width:768px) and (max-width:991px){
	.container-fluid{ padding-left:40px; padding-right:40px; }
	.row{ margin-left:-10px; margin-right:-10px;}
	.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
	.mob-full{ margin-left:-40px; margin-right:-40px;}
	a{ font-size:12px;}
	h1{ font-size:23px;}
	h2{ font-size:20px;}
	h3{ font-size:14px;}
	h4{ font-size:12px;}
	h5{}
	h6{}
	.home .content{ padding-top:0;}
	
	.home-section-01{ padding-top:55px; padding-bottom:65px;}
	.home-section-01 .home-line{ margin:30px 0;}
	.home-section-01 p{ margin-bottom:30px;}
	.home-section-02{ padding-top:0; padding-bottom:0; background-image:none; }
	.home-section-02 h1{ padding-top:70px;}
	.home-section-02 .home-line{ margin:25px 0;}
	
	.home-section-03{ padding-top:50px;}
	.home-section-03 h1{ margin-bottom:25px;}
	.home-section-03-line{ margin-top:35px; margin-bottom:100px;}
	
	.line-limit{ display:inline;}
	.home-section .btn{ margin-top:0;}
}

@media all and (max-width: 1080px) {
	.home-shop-now-img{ bottom:-260px;}
}
@media all and (max-width: 991px) {
	.tablet-hide{ display:none;}
	.header-banner{ padding-top:60px;}
	.content{ padding-top:60px;}
	
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:-20px; margin-right:-20px; float:none;}
	.nav > li > a{ padding:10px 20px;}
	.navbar-brand{ padding:17px 10px 14px 10px; height:60px; float:none; display:block;}
	.navbar-brand img{ max-width:70px; margin:0 auto;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:transparent;}
	.nav > li{ text-align:center; font-size:14px;}
	.nav .btn-link{ max-width:145px; border-color:#fff; margin:3px auto; padding:5px 20px; text-align:center;}
	.navbar-link{ margin-top:12px; margin-bottom:9px; float:none; position:absolute; margin-left:5px; margin-right:0; padding: 9px 10px; background-color: transparent; background-image: none; border-radius: 0;}
	.navbar-link .icon-bar { display: block; width: 35px; height: 2px; border-radius: 1px; background-color:#000;}
	.navbar-link .icon-bar + .icon-bar {margin-top: 6px;}
	
	.pc-header, .pc-header-wrap{ display:none;}
	
	.home-section-01 h2 strong{ font-size:23px;}
	
	.header-video-txt img{ max-width:162px;}
	
	.home-bottom{ background-image:url(../../_images/home-bottom-bg-tablet.jpg); background-position:top center;}
	.home-contact-us { height:auto; padding-bottom:70px;}
	.home-shop-now{ background-color:#fafafa; height:auto; padding-top:100px; padding-bottom:100px;}
	.home-shop-now-img{ height:auto; bottom:-100px;}
	
	.sanjiao-bg{ background-image:none;}
}
@media all and (max-width: 767px) {
    .container-fluid{ padding-left:20px; padding-right:20px; }
	.row{ margin-left:-10px; margin-right:-10px;}
	.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
	.mob-full{ margin-left:-20px; margin-right:-20px;}
	
	h1{ font-size:23px;}
	h2{ font-size:16px;}
	h3{ font-size:14px;}
	h4{ font-size:13px;}
	h5{}
	h6{}
	
	.mob-hide{ display:none;}
	.mob-show{ display:block;}
	
	.content{ padding-top:60px;}
	.home .content{ padding-top:0;}
	.header-banner{ /*display:none;*/}
	.header-video{ height:320px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../../_images/banner-01.jpg);}
	.header-video .tablet-show{ display:none;}
	.home-section .btn{ width:100%;}
	.home-section-01{ padding-top:0; padding-bottom:45px;}
	.home-section-01 h2{ padding:45px 20px; background-color:#fdedde; margin-left:-20px; margin-right:-20px;}
	.home-section-01 p{ padding-top:30px; margin-bottom:30px;}
	.home-section-02{ padding-top:0; padding-bottom:0; background-image:none;}
	.home-section-02 h1{ padding-top:40px;}
	.home-section-02 .home-line{ margin:25px 0;}
	.home-section-02 .btn{ margin-bottom:20px;}
	
	.home-section-03-line .ar{ text-align:left;}
	.home-section-03-line .tablet-hide{ display:inline;}
	.home-section-03{ padding-top:30px; padding-bottom:30px;}
	.home-section-03 h1{ margin-bottom:25px;}
	.home-section-03-line{ margin-top:30px; margin-bottom:50px; border-bottom:2px solid #000; padding-bottom:40px;}
	.home-section-03-line-top{ padding-bottom:20px;}
	.home-section-03-line p{ margin-bottom:30px;}
	.line-limit{ display:none;}
	.home-section .btn{ margin-top:0;}
	.home-section-03-line img.mob-show{ margin-bottom:20px;}
	
	.home-contact-us{ padding-top:30px;}
	.contact-us-box{ margin-bottom:20px;}
	.home-bottom .btn{ width:100%;}
	.home-shop-now{ padding-bottom:0; padding-top:30px;}
	.home-shop-now .home-line{ margin:30px 0;}
	.home-shop-now p{ margin-bottom:30px;}
	.home-shop-now-img{ position:relative; bottom:0;}
	
	.home-section-03 h5,ar{ text-align:left; padding-top:0; margin-bottom:20px; margin-top:-15px;}
	.mediaDetail-box h2{ margin-top:20px;}
	.mediaDetail-box p{ margin:20px 0;}
	
	.aboutus-line{ padding:30px 0 0;}
	.aboutus-line:after{ display:none;}
}
@media all and (max-width: 480px) {
    
	
}

/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){
	
}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{
	
}