@charset "utf-8";
/*--------------------------------------------------
*全局样式定义
--------------------------------------------------*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
/*全局自定义*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,form,p,dl,dt,dd,img,blockquote{padding:0;margin:0;border:0}
fieldset,del,hr{padding:0;margin:0}
select,label,img,input,button,button img{vertical-align:middle}
abbr,acronym,address,cite,q,em,code,var,dfn,ins{font-style:normal;text-decoration:none;border:0}
button,textarea,img{line-height:normal}
ul,ol{list-style:none}
del{font-family:\5B8B\4F53;color:#999;text-decoration:line-through;} /*定义文档中被删除的文本内容*/
table{empty-cells:show} /*Firefox否显示该单元格的边框*/
button.hidefocus::-moz-focus-inner{border:none} /*::-moz-focus-inner无边框*/
iframe{display:inherit}
*:focus{outline:none}
/*div,td{word-wrap:break-word}*/ /*定义元素内单词自动换行,慎用*/
/*td,div{word-break:break-all}*/ /*截断单词自动换行*/
a{cursor:pointer;}
a:link,a:visited{text-decoration:none;} /*未访问的链接/已访问的链接*/
a:hover{color:#c00;} /*鼠标悬停链接*/
a:active{color:#900;} /*被选择的链接*/
a.hidefocus{outline:none;} /*无轮廓*/

.col-xs-1 {width: 100%;}
.col-xs-2 { width:70%; margin:0 auto;}
#container-mid { width:1200px;margin-left:auto;margin-right:auto;margin:0 auto;padding: 35px 0 45px 0;}
.collapsing_header {}

.container{width:1200px;margin-left:auto;margin-right:auto;margin:0 auto;} /*通用主体盒子样式*/
.w{width:1200px;margin:0 auto;}
.clear{clear:both;}
.m-mid { width:100%}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.collapsing_header .full_page_photo {
    position: relative;
	display:block;
}
.collapsing_header .main {
    width: 100%;
   
	z-index: 20;
	position: relative;
}
.collapsing_header .header{display:block;
 border-bottom: solid 0px transparent;
    box-shadow: 0px 2px 8px rgba(26, 26, 51, 0.1);
	position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
	background:#fff;
	}
.header{ width:100%; margin:0 auto;
   
}
.header .inner{*zoom:1;margin:0 auto;overflow:hidden; }
.header .inner:after{content:"\200B";display:block;height:0;clear:both}
.header .head_l { display:block; margin-top:10px;}
.header .head_l li { display:inline-block; }
.header .head_l a.logo{display:block;text-decoration:none;width:203px;height:90px;overflow:hidden}
.header .head_l a.logo:before{display:inline-block;}
.header .head_r { width:1200px;display:block;     margin-top: 15px; height:78px;}
.header .head_r .headinfor {width:130px;float:right; background:#549ce5;-moz-box-shadow: 2px 2px 10px #999999;-webkit-box-shadow: 2px 2px 10px #999999; 
box-shadow: 2px 2px 10px #999999;border-radius:0px 0px 10px 10px; 
-moz-border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px; text-align:center; }
.header .head_r .headinfor span { color:#FFF; font-size:14px; padding:5px 5px 5px 5px; line-height:36px;}
.header .head_r .login_m { margin-right:0px; width:150px; color:#662d5b; /*line-height:65px;*/}
.header .head_r .login_m a{color:#662d5b; line-height:55px;display: inline-block;}
.header .head_r .login_m:hover a{color:#662d5b; border-bottom:0px solid #662d5b;}
.header .head_r .login_m a:hover {color:#662d5b; border-bottom:1px solid #662d5b;}
.login  {
    line-height: 20px;
    font-size: 12px;
	padding-top: 10px;
}
.login a  {
    line-height: 20px !important; 
    font-size: 12px!important;
}
.login a:hover {
   border-bottom:0px solid #662d5b !important;
}
/*——————————————————————————————*/
/*nav layout*/
/*——————————————————————————————*/
.nav { width:1200px; display:block; margin: 0 auto; }
.menubox{position: absolute;zoom:1;z-index:2;padding-top: 10px;}
.menu {font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; width:1200px; margin:0;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; width: 150px;
    /*margin-right: 40px;*/ }
.menu ul li span{ display:block; background:#bea98a; height:60px; width:1px; float:left; margin-top:15px;}
.menu ul li a{display:block; text-align:center; text-decoration:none; height:65px; color:#808080;  font-size:14px; line-height:60px; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;}
.menu ul li ul {display: none;}
.menu ul li:hover a{color:#662d5b; border-bottom:2px solid #662d5b;}
.menu ul li:hover ul {display:block; position:absolute; top:90px;  font-size:12px;}
.menu ul li:hover ul li a {display:block; background:#0e6eb8;  opacity: 0.9;color:#ffffff;font-size:14px; text-decoration:none; font-weight:normal; line-height:42px; height:42px; width:112px;}
.menu ul li:hover ul li a:hover {background:#011f62;opacity: 0.9; color:#ffffff;}
.menu ul li .hide { padding-right:0px; text-align:right; float:right; padding-left:26px; }

.banner {width:100%; margin:0 auto;}
.banner ul {  width:100%; margin:0 auto;}
.banner ul li {display:block; width:100%;height:650px;  margin:0 auto;text-align:center;}
.banner ul li a{display:block;width:100%;height:650px;  margin:0 auto;text-align:center;}
.banner .bg {width:100%; height:300px; margin:0 auto;background: url(../images/n-banner.jpg) scroll center no-repeat;}
#slides{width:100%;}
.slides{position:relative;width:100%;height:680px; }
.slides_box{width:100%;height:680px;}
.slides_box .slides_cnt{position:relative;height:680px;}
.slides_box li{width:100%;height:680px;position:relative;left:0;top:0;overflow:hidden;}
.slides_box li a{display:block;width:100%;height:680px;}
.slides_box li img{width:100%;height:680px;}
.slides .prev{position:absolute;left:0;top:0;width:100px;height:89px;text-indent:-999em;z-index:4;cursor:pointer;outline:none;opacity:0;filter:alpha(opacity=0);background:url(../images/left_arrow.png) no-repeat center center;_background:url(../images/left_arrow.gif) no-repeat center center;}
.slides .next{position:absolute;right:0;top:0;width:100px;height:89px;text-indent:-999em;z-index:4;cursor:pointer;outline:none;opacity:0;filter:alpha(opacity=0);background:url(../images/right_arrow.png) no-repeat center center;_background:url(../images/right_arrow.gif) no-repeat center center;}

.product_content01 {
    padding: 300px 0 10px;
}
.portfolio_strict {}

.portfolio_strict .por { width:23.3%; float:left;position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;}
.portfolio_strict .portfolio_item {
    text-align: center;
    padding: 0px;
    height: 360px;
    overflow: hidden;
    margin-bottom: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.portfolio_strict .portfolio_item figure {
    height: 278px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    background: #fff;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: solid 0px #fff;
	display: block;
}
.portfolio_strict .portfolio_item a:hover figcaption p {
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition: opacity 0s, transform 0.3s;
  transition-delay: 0.05s;
  -ms-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  color: #fff;
  font-weight: 400;
}
.portfolio_strict .portfolio_item a:hover figure .view_button {
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.portfolio_strict .portfolio_item figure svg {
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
.portfolio_strict .portfolio_item figure svg path {
  fill: #fff;
  fill-opacity: 0.5;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.portfolio_strict .portfolio_item figure figcaption {
    position: absolute;
    top: 0;
    z-index: 11;
    padding: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.portfolio_strict .portfolio_item figure figcaption .view_button {
    position: absolute;
    padding: 4px 20px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: -webkit-opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    background: #662d5a;
    color: #fff;
    font-weight: 300;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
}
.portfolio_strict .portfolio_item .portfolio_description {
    padding: 20px 0 14px 0px;
    margin-bottom: 20px;
    
}
.portfolio_strict .portfolio_item .portfolio_description h3 {
    font-size: 18px;
    font-weight:500;
	margin: 0;
    padding: 0 0 6px 0;
    
    line-height: 20px;
    letter-spacing: 1px;
}
.portfolio_strict .portfolio_item .portfolio_description h3 a {
    color: #662d5b;
}
.portfolio_strict .portfolio_item .portfolio_description p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 1px;
}
button.red_btn{ float:right;    
   display: -webkit-inline-box;      
   font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    background-color: #1f354e;
    border: 0;
    border-radius: 0px;
    outline: none;     
	padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3333333;color:#ffffff;    
	 width: 100%;
    height: 50px;}
	
button.red_btn:hover{ background-color:#ea1d24; }

.examples{    margin-top: 24px;}
.slider.slider-horizontal .slider-selection {
	background: #ea1d24;

}
.message-box { height:100%;}
.message-left {
    width: 55.5%;
    float: left;
    height: 100%;
    margin-right: 0.5%;
	overflow:hidden;
	}
.message-right {
    width: 44%;
    float: left;
    height: 100%;
    text-align: center;}

.foot-box { width:100%;padding-bottom:1%;}
.foot-box .copay { width:1200px; margin:0 auto; color:#b2b2b2; text-align:center;}
.foot-box .foot-left {  color:#FFF; font-size:14px;    float: right;
    width: 60%;
    text-align: right;
    margin-top: 2%;}
.foot-box .foot-left p a { padding-left:3%; padding-right:3%; text-decoration:underline; color:#FFF;}
.foot-box .foot-right {float:right; background:#a2d0ff;  height:10em; width:40%;    clip-path: polygon(12.8% 0%,100% 0%,100% 100%,0 100%);}

.out{
    width: 100%;
    height:100%;
    transition:  margin 1s linear;
}
.out .box1{
    width:100%;
    height: 100%;
    background: url("/e/customize/images/banner01_bg.jpg") scroll center;
    position: relative;
	background-size: cover;
}
.out .box2{
    width:100%;
    height: 100%;
    background: url("/e/customize/images/banner02_bg.jpg") scroll center;
	background-size: cover;
}
.out .box3{
    width:100%;
    height: 100%;
    background: url("/e/customize/images/banner03_bg.jpg") scroll center;
	background-size: cover;
}
.out .box4{
    width:100%;
    height: 100%;
   
}
.left1 {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 45%;
    background: url("/e/customize/images/banner_text01.png")scroll center no-repeat;
}
.ship {
     width: 100%;
    height: 250px;
    position: absolute;
    
    top: 45%;
    background: url("/e/customize/images/banner_text01.png")scroll center no-repeat;
    transform: translate(-50px,0);
    -moz-transform: translate(-50px,0);
    -webkit-transform: translate(-50px,0);
    transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -webkit-transition: transform 1s linear;
}
.ll {
    transform: translate(-100px,0);
    -moz-transform: translate(-100px,0);
    -webkit-transform: translate(-100px,0);
    transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -webkit-transition: transform 1s linear;
}
.ling1 {
    width: 100%;
    height: 260px;
    position: absolute;
    top: 45%;
    background: url("/e/customize/images/banner_text02.png")scroll center no-repeat;
}
.quan1 {
   width: 100%;
    height:268px;
    position: absolute;  
    top: 45%;
    background: url("/e/customize/images/banner_text03.png")scroll center no-repeat;
    z-index: 1;
}
.btn{
    width: 28px;
    height: 73px;
    position: fixed;
    right: 30px;
    top: 50%;
    z-index: 12;
}
.btn div:nth-child(1){
    background: rgba(51,51,51,0.6);
}
.btn div{
    width: 10px;
    height: 10px;
    background: rgba(0,0,0,0);
    border:1px solid #000;
    border-radius: 50%;
    margin-top: 10px;
    cursor: pointer;
}

.bottom{
    width:100%;
    height:126px;
    position: absolute;
    left: 0;
    bottom: 0;

}
.x_btn{
    width: 30px;
    height:26px;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    margin: auto;
    background: url("/e/customize/images/arrow_aad9b25.png")no-repeat;
    animation: xia .5s linear infinite alternate;
	-moz-animation: xia .5s linear infinite alternate;
	-webkit-animation: xia .5s linear infinite alternate;
    cursor: pointer;
    z-index: 9;
    display: block;
}
.goods-list { 
     padding-left: 10px;
     padding-right: 10px;
	 margin:0 auto;
	}
.goods-list .item-box {
    float: left;
    margin: 15px 15px;
    width: 30%;
}
.goods-list .item-box .img {
    display: block;
    position: relative;
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.goods-list .item-box:hover .img{z-index:1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);-moz-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.goods-list .item-box .img img {
    width: 100%;
	vertical-align: middle;
height: 354px;
}
.goods-list .item-box .title {
    padding: 5px;
    border: none;
    text-align: center;
	height: 44px;
}
.goods-list .item-box .title a{display:block;padding:8px;color:#662d5b;font-size:14px;text-decoration:none; font-weight:bold;}
.goods-list .item-box .title a:hover{color:#662d5b; text-decoration:underline;font-weight:bold;}
.goods-list .item-box .price{color:#cca802;font-size:14px}
.goods-subject {
    color: #662d5b;
    font-size: 20px;
    line-height: 44px;
}

.goods-subject .txt {
    float: left;
    position: relative;
    padding: 0 15px 0 0;
    background-color: #fff;
    z-index: 1;
} 
@media (max-width: 1800px) {
	 .index_lp { width:100%; background: url(../images/lp_bg.jpg) scroll center; height:708px;}

	 .index_lp .content { float:left; margin-top:10%; margin-right:20%; width:60%; margin-left:15%;}
     .index_lp .lt { width:45%; float:left; background: url(../images/lp_t_bg.png) scroll  right no-repeat #FFF; height:708px;}

	.index_lp .content .container_k { text-align:left; font-size:16px; margin-top:8%; line-height:2.5em;}

}

@media (max-width: 1700px) {
	 .index_lp { width:100%; background: url(../images/lp_bg.jpg) scroll center; height:708px;}

	 .index_lp .content { float:left; margin-top:10%; margin-right:20%; width:60%; margin-left:10%;}
     .index_lp .lt { width:45%; float:left; background: url(../images/lp_t_bg.png) scroll  right no-repeat #FFF; height:708px;}

	.index_lp .content .container_k { text-align:left; font-size:16px; margin-top:8%; line-height:2.2em;}

}

@media (max-width: 1600px) {
	.index_lp .content { float:left; margin-top:10%; margin-right:20%; width:60%; margin-left:10%;}
     .index_lp .lt { width:45%; float:left; background: url(../images/lp_t_bg.png) scroll  right no-repeat #FFF; height:708px;}

	.index_lp .content .container_k { text-align:left; font-size:14px; margin-top:8%; line-height:2.2em;}

}
@media (max-width: 1400px) {
	.index_lp .content { float:left; margin-top:10%; margin-right:20%; width:60%; margin-left:2%;}
     .index_lp .lt { width:45%; float:left; background: url(../images/lp_t_bg.jpg) scroll  right no-repeat #FFF; height:708px;}

	.index_lp .content .container_k { text-align:left; font-size:14px; margin-top:8%; line-height:2.2em;}

}
@media (min-width: 992px) {
	.col-md-1,.col-md-2 { float:left;}
	.col-md-1 { width: 50%;}
	.col-md-2 { width: 40%;}
	.goods-list .item-box {
    width: 30%;
}
.goods-list .item-box .main {
    padding: 20px 10px;
}
}