@charset "utf-8";
@font-face { font-family: 'PenRegular';  font-weight: normal; font-style: normal; }
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
p, img, button, h1, h2, h3, h4, h5, h6, ul, li, ol, tbale, tr, td, input {margin: 0px;padding: 0px;border: none;list-style-type: none; font-weight:normal;}
blockquote, q{quotes:none;  }
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; cursor:pointer;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;font:12px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; }
p {word-wrap: break-word;}em{ font-style:normal;}
*{margin:0; padding:0; list-style:none; }
html, body {margin: 0;color: #666;font:12px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0;}
a{ color:#666;text-decoration:none;  }
a:hover{ text-decoration:none;  color:#e70012;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
input:focus,input:hover,select:focus{outline: 0;}
html{    overflow-x: hidden;}

/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.hidden{ overflow:hidden}
.margin{ margin:0 auto;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:block;clear:both;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear_l{clear:left;} .clear_r{clear:right;}
.hide{display:none} .block{display:block !important;} .inline{display:inline !important;}
.txtcenter{vertical-align:middle;}
.prel{position:relative;}
.wrap{ width:1200px; margin:0 auto; position:relative;}
/*引导页*/
#index{width:100%;height:100%;}
.indexbg{width:100%;height:100%;background:#fff url(../images/body_bg.jpg) top center no-repeat;    animation: bg 3s 0.1s linear;-webkit-animation: bg 3s 0.1s linear;  -moz-animation: bg 3s 0.1s linear;text-indent:-9999px;}
@keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@-webkit-keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@-moz-keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}
@-webkit-keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}
@-moz-keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}
#box_indexcon{width:100%;height:100%;position:relative;overflow:hidden;}#box_indexcon #elem-FrontSpecifies_show01-1488339051435,#box_indexcon #FrontSpecifies_show01-1488339051435,#box_indexcon .htmledit{width:100%;height:100%;}
.indexlogo,.wellcom,.wellen,.wellimg,.wellbg,.welltxt,.welltel{position:absolute;left:50%;z-index:9;opacity: 0;}
.indexlogo{width:200px;margin-left:-100px;top:13%;margin-top:-93px;}
.wellcom{width:400px;margin-left:-200px;top:25%;margin-top:-100px;}
.wellen{width:390px;margin-left:-195px;top:35%;margin-top:-100px;}
.wellimg{width:380px;margin-left:-190px;top:42%;margin-top:-100px;}
.wellbg{width:942px;margin-left:-471px;top:55%;margin-top:-100px;}
.welltxt{width:320px;margin-left:-160px;top:61%;text-align:center;margin-top:-100px;}
.welltxt h2{font-size:20px;color:#e60012; letter-spacing:3px;}.welltxt h2 i{font-style:normal;font-size:12px;color:#888;letter-spacing:0;}
.welltel{width:310px;margin-left:-155px;top:75%;text-align:center;background:url(../images/hbk.png) bottom center no-repeat;padding-bottom:0px;height:66px;margin-top:-100px;}
.welltel h2{font-size:16px;color:#666;line-height:30px;display:block;margin-top:-14px;}.welltel h3{font-size:26px;color:#e60012;font-weight:bold;display:block;line-height:36px;}
.star1{z-index:1;position:absolute;width:190px;left:50%;margin-left:-95px;top:5%;}
.star1{-webkit-animation: star 3s linear infinite;-moz-animation: star 3s linear infinite;-o-animation: star 3s linear infinite;animation: star 3s linear infinite;}
@-webkit-keyframes star{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-moz-keyframes star{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-o-keyframes star{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes star{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}

.wellimg a {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color:#e60012;
    font-size: 18px;
	display:inline-block;
    padding:7px 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(187,0,15,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(187,0,15,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(187,0,15,1), 0px 9px 25px rgba(0,0,0,.7);
	width: 140px;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	margin:0 20px;
}

.wellimg a:active {
    -webkit-box-shadow: 0px 3px 0px rgba(187,0,15,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(187,0,15,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(187,0,15,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}

/*首页*/
.header{background: url(../images/head_bg.png) repeat;width:100%;height:120px;position:absolute;left:0;top:0px;z-index:999; }
.header{opacity: 0;top:-120px;}
#box_slogo{padding:20px 0 0 55px;opacity: 0;}
#box_lang{width:98px;height:36px;line-height:36px;font-size:12px;text-align:center;position:absolute;right:271px;top:0;z-index:1;}#box_lang a{color:#fff;display:block;background: url(../images/sbg.png) repeat;}
#box_isearch{width:270px;height:36px;line-height:36px;background: url(../images/sbg.png) repeat;position:absolute;right:0;top:0;}
.top_right{position:relative;opacity: 0; top:-36px;}
.headpp{position:fixed; height:84px;animation: 2s opacity2 0s none; -webkit-animation: 2s opacity2 0s none;-moz-animation: 2s opacity2 0s none;}
.headpp #box_slogo{padding:10px 0 0;}.headpp #box_slogo img{height:64px;}
.headpp .top_right{display:none;}
.headpp #box_snav{padding:0;}
/*nav*/
.nav_width{width:1200px;margin:0 auto;}
.nav_bg{width:100%;height:56px;background:#83c326;opacity: 0;margin-top:80px;}
#box_snav{width:880px; min-height:50px;padding:36px 0 0; opacity: 0;margin-top:-100px;}
#box_snav li a:hover .nline { transform: scaleX(1);}
#box_snav li a .nline {background: #e60012 none repeat scroll 0 0;display: block;height: 3px; transform: scaleX(0); transition: transform 400ms ease-out 0s; width: 100%; position:absolute;top:0;left:0;}
#box_snav li a.selected .nline{background: #e60012 none repeat scroll 0 0;transform: scaleX(1);}
/* Bounce To Bottom */
#box_snav .FrontColumns_navigation01-d2_c1 UL.nav-first LI A{ vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
#box_snav a:before,.FrontColumns_navigation01-d2_c1 .mattblackmenu .selected a:before,.FrontColumns_navigation01-d2_c1 .mattblackmenu a:before.selected { content: "";position: absolute; z-index: -1; top: 0;left: 0; right: 0; bottom: 0;background: url(../images/nav_bg.png) repeat;-webkit-transition:all .4s ease;
	transition:all .4s ease;height:0;}

#box_snav .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:hover, #box_snav .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:focus, #box_snav .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:active{ color: white;}
#box_snav  .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:hover:before, #box_snav  .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:focus:before, #box_snav  .FrontColumns_navigation01-d2_c1 UL.nav-first LI A:active:before,.FrontColumns_navigation01-d2_c1 .mattblackmenu .selected a:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1);  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);height:84px;}
#box_snav .FrontColumns_navigation01-d2_c1 UL.nav-first LI A.selected {height:84px;background: url(../images/nav_bg.png) repeat;-webkit-transition:all .4s ease;
	transition:all .4s ease;}
/*首页切换*/
#box_banner{opacity: 0;}
#box_banner,#box_banner div{width:100%;height:100%;}
.fullban {position:relative;width:100%;height:100%;overflow:hidden;}
.fullban ul {z-index:0;width:100%; height:100%;}
.fullban ul li{width:100%; height:100%;position:relative; z-index:1;zoom: 1;    animation: 2s opacity2 0s none; -webkit-animation: 2s opacity2 0s none; -moz-animation: 2s opacity2 0s none;}
.fullban ul li a{ display:block;width:100%; height:100%;}
.fullban .bd li img{ width:100%;}
.fullban .hd {width:100%;position:absolute;bottom:30px;text-align:center;font-size:0;z-index:1;height:10px;display:none;}
.fullban .hd li {color:#fff; width:10px; height:10px; text-indent:-999999px;width: 8px; height: 8px;border: 1px solid #000; background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom:15px;margin:05px; cursor: pointer;display: inline-block;}
.fullban .hd .on {background:#902228; border:1px solid #902228;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.fullban .prev,.fullban .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-25px;left:15%;z-index:1;width:24px;height:50px;background:url(../images/pnext.png) #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullban .next {left:auto;right:15%;background-position:-24px -0px;}
.fullban .prev:hover,.fullban .next:hover {filter:alpha(opacity=50) !important;opacity:0.5 !important;}

/*indexproducts*/
.zoomIn{ -webkit-animation-name: zoomIn;   animation-name: zoomIn;animation-duration:1.5s;-webkit-animation-duration:1.5s}
.iproducts{background: url(../images/ipbg.jpg) top center no-repeat;border-top:10px solid #949494;background-size:cover;min-height:400px;padding:120px 0 0;}
#index{overflow-x:hidden; }
.pikachoose{width:1200px; margin:0 auto; position:relative;  -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.pika-stage,.pika-stage img{width:100%;overflow:hidden}
.pika-stage a{display:block;overflow:hidden}
.ptitle{ width:356px; position:absolute; left:-362px; height:490px; top:0; z-index:2;background: url(../images/pstbg.png) center repeat; padding:185px 0 0; text-align:center;}
.pline{background: url(../images/pline.png) top center no-repeat; position:relative;}
.ptitle h2{ font-size:22px; color:#949494;  display:block; position:absolute; top:-9px; width:100%; text-align:center;}
.ptitle h3{ font-size:40px; color:#949494;letter-spacing:10px; display:block; padding:65px 0 36px 10px;}
.ptitle p{ font-size:24px; color:#acacac;}
/* Style the thumbnails */
.pika-thumbs{  height:203px; }
.pika-thumbs li{ width: 354px; height:203px; padding: 0; overflow: hidden;float: left; list-style-type: none;cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
.pika-thumbs li .clip img{width:100%;}
/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; position:absolute; z-index:2; right:-166px; top:627px; width:160px;}
.pika-textnav a { text-indent:-99999px; display:block; width:48px; height:48px; float:left; cursor:pointer; margin-right:5px;}
.pika-textnav .previous { background:#727171 url(../images/pico.png) center no-repeat;}
.pika-textnav .next {background:#727171 url(../images/nsico.png) center no-repeat;}
.pika-textnav a:hover.previous {background:#e70012 url(../images/pico.png) center no-repeat;}
.pika-textnav a:hover.next {background:#e70012 url(../images/nsico.png) center no-repeat;}
/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{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; display:none;}
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0;right:-360px; }
.jcarousel-skin-pika .jcarousel-container-vertical { height: 622px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width: 354px; height: 230px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom:6px;}
/*prolist*/
.caption{ position:absolute; left:0; top:0; width:100%; height:675px; z-index:9; text-align:center;vertical-align: top; display: block; overflow: hidden;-webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 1;z-index:0; z-index:1;}
.caption:first-child {clear: left;}
.caption .pas{display:block;}
.caption h4 { position: absolute; width: 100%; padding: 0 1em;  color: #fff;font-size: 30px; font-weight: 400;line-height: 260px; text-align: center; text-overflow: ellipsis; white-space: nowrap; opacity: 0;overflow: hidden; box-sizing: border-box; cursor: pointer; pointer-events: none;-webkit-transition: opacity 0.3s 0.5s linear; -moz-transition: opacity 0.3s 0.5s linear;-o-transition: opacity 0.3s 0.5s linear; transition: opacity 0.3s 0.5s linear;top:0;z-index:9;}
.caption h4:before,
.caption h4:after {content: ''; position: absolute;width: 0;  height: 1px; background: #fff;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: width 0.8s 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: width 0.8s 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: width 0.8s 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: width 0.8s 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);z-index:99;}
.caption h4:before {top: 30%;left: 15%;z-index:99;}
.caption h4:after { bottom:30%; right: 15%;z-index:99;}
.caption p { position: absolute;bottom: 4em; width: 100%; padding: 0 1em; box-sizing: border-box; opacity: 0; font-weight: 400; color: #fff; text-align: center;white-space: nowrap;overflow: hidden; cursor: pointer; -webkit-transition: opacity 0.3s 0.5s linear; -moz-transition: opacity 0.3s 0.5s linear; -o-transition: opacity 0.3s 0.5s linear; transition: opacity 0.3s 0.5s linear;z-index:99;}
.caption p a{color:#fff;display:inline-block; text-align:center;z-index:99;-webkit-animation-name: zoomIn;   animation-name: zoomIn;animation-duration:2.5s;-webkit-animation-duration:2.5s}
.caption p a img{width:100%;}
@-webkit-keyframes zoomIn {
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);}
  50% { opacity: 1;}}

@keyframes zoomIn {
  0% { opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);      transform: scale3d(.3, .3, .3);}
  50% {  opacity: 1; }}

.caption:hover h4,
.caption.hovered h4{ opacity: 1;z-index:99;}
.caption:hover h4:before,
.caption.hovered h4:before,
.caption:hover h4:after,
.caption.hovered h4:after { width: 14em;z-index:99;}
.caption:hover p,
.caption.hovered p { opacity: 1;z-index:99;}
.pika-stage .zhezhao{ position: absolute;z-index:1;overflow: hidden;top: 0px;left: 0px;width:100%;height:100%; cursor:pointer;opacity:0;visibility:hidden; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.pika-stage:hover .zhezhao{filter:alpha(opacity=50); -moz-opacity:0.5; 
-khtml-opacity:0.5;opacity: 0.5; visibility:visible; background:#000;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/*首页产品分类*/
#box_fenlei{padding:120px 0 95px 0;}
#box_fenlei li{float:left;width:168px;margin-right:60px;text-align:center;}
#box_fenlei li a{display:block;font-size:24px;color:#949494; line-height:70px;}#box_fenlei li a:hover{color:#e70012;}
#box_fenlei li a i{display:inline-block;width:168px;height:168px; line-height:168px;background:#727171 url(../images/flbg.jpg) center no-repeat; background-position:0 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#box_fenlei li a:hover i{background-position:-168px 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#box_fenlei li img{vertical-align:middle;display:inline-block;}
#box_fenlei li a img{    margin: 0 auto;-webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}
#box_fenlei li a:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
#box_htitle{width:360px;height:74px;border:1px solid #dedede;position:relative;}
.ititle{ text-align:center;}
.ititle h2{ font-size:24px; color:#d9d9d9;  display:inline-block; text-align:center;background:#fff;padding:0 20px;text-transform:uppercase;margin-top:-10px;}
.ititle h3{ font-size:40px; color:#949494;letter-spacing:10px; display:inline-block; padding:42px 20px 70px 20px;background:#fff;margin:0 0 -35px 0}
.ititle p{ font-size:24px; color:#acacac;}
.rmjingxuan{background:#fff url(../images/rmbg.jpg) bottom center no-repeat; width:100%;height:820px;}
#box_rmlist{margin:150px auto 0 auto; overflow:hidden;}

/*footer*/
.footer{background: url(../images/foot_bg.jpg) top center repeat;min-height:300px;width:100%;color:#fff;text-align:left}
#box_flogo{text-align:center; border-right:1px solid #444545;margin:50px 0;padding-right:40px;}
#box_flogo h2{font-size:12px;text-align:left}#box_flogo h2 strong{    font-size: 26px;letter-spacing: 1px; font-weight: normal;}
#box_fmenu{ padding:50px 0;}
#box_fmenu ul{float:left;padding: 0 0 0 55px;}
#box_fmenu li h2 {font-size: 18px;margin-bottom: 10px;color: #fff;}
#box_fmenu  li{height: 30px;line-height: 30px;font-size: 14px;}
#box_fmenu  li a{color: #ccc;}#box_fmenu  li a:hover{color: #fff;}
#box_fmenu  li  h2 a{color:#fff;}
#box_copyright{color:#666;width:100%;text-align:center;height:39px;line-height:39px;border-top:1px solid #444545;}#box_copyright a{color:#666;}#box_copyright a:hover{color:#fff;}
#box_copyright p{line-height:39px;}
/*返回顶部代码*/
.izl-rmenu {position:fixed; right:0; top:125px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#e60012;}
.izl-rmenu .btn-qq .qq {background-color:#fff; border:solid 1px #DDD; border-right:none; position:absolute;width:159px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;display:none; padding:10px 0}
.izl-rmenu .btn-qq .qq p {font-size:12px; height:25px; line-height:25px; padding:6px 12px}
.izl-rmenu .btn-qq .qq p.fgx {width:100%; height:1px; border-bottom:solid 1px #ddd; font-size:0; overflow:hidden; padding:0; margin:5px 0}
.izl-rmenu .btn-qq .qq p a {color:#333}
.izl-rmenu .btn-qq .qq p:hover a {color:#e60012}
.izl-rmenu .btn-qq .qq p img {float:left; padding-right:5px}
.izl-rmenu .btn-qq:hover{background-color:#c52b24;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-buy{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#D0AB7D !important;}
.izl-rmenu .btn-buy:hover{background-color:#be9768 !important;}
.izl-rmenu .btn-buy,.izl-rmenu .btn-buy:visited{background:url(../images/r_buy.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-wb{background:url(../images/r_wb.png) 0px 0px no-repeat;background-color:#da251c;}
.izl-rmenu .btn-wb:hover{background-color:#b21008;}
.izl-rmenu .btn-wb .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#fff;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666;display:none;text-indent:-9999px;width:72px;height:73px;cursor:pointer;}
.izl-rmenu .btn-top:hover{background-color:#e60012;}
.erweima,.erweima2{position:absolute;top:-90px;left:50%;margin-left:-70px;z-index:1;display:none}
.erweima2{ top:-30px;}
.malink{position:absolute;width:160px;background:url(../images/scltb.png) repeat;padding:10px; height:110px;text-align:center;left:0; top:-110px;display:none;}
.malink a{font-size:14px;color:#333;display:inline-block;line-height:28px;}.malink a:hover{color:#e60012;}

.FrontNews_list01-d1_c1 .newslist .pic a img,.FrontProducts_list01-d3_c1_01 .pic-module .pic a img,.FrontNews_list01-d2_c2 .content .pic a img,#box_imglist .FrontNews_list01-d1_c1 .content:hover .newslist .pic img{transition:All 1s ease-in-out;    -webkit-transition:All 1s ease-in-out;    -moz-transition:All 1s ease-in-out;    -o-transition:All 1s ease-in-out;}
.FrontNews_list01-d1_c1 .newslist .pic a:hover img,.FrontNews_list01-d2_c2 .content .pic a:hover img,#box_imglist .FrontNews_list01-d1_c1 .content:hover .newslist .pic img{transition:All 1s ease-in-out;    -webkit-transition:All 1s ease-in-out;    -moz-transition:All 1s ease-in-out;    -o-transition:All 1s ease-in-out;  transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.FrontNews_list01-d1_c1 .newslist .pic a{display:block;overflow:hidden;}
.FrontProducts_list01-d3_c1_01 .pro-module h1 a:after,.FrontNews_list01-d1_c1 .newstitle li h3 a:after,.FrontNews_list01-d1_c1 .newstitle dl h3 a:after{border-bottom:1px solid #e70012;  content: "";width: 0; position: absolute; bottom: 0; left: 0; transition: all 0.35s ease 0s; }
 .FrontProducts_list01-d3_c1_01 .pro-module h1 a:hover:after,.FrontNews_list01-d1_c1 .newstitle li h3 a:hover:after,.FrontNews_list01-d1_c1 .newstitle dl h3 a:hover:after{width:100%; transition: all 0.35s ease 0s;}
.FrontProducts_list01-d3_c1_01 .pic-module .pic a{position:relative;}
.FrontProducts_list01-d3_c1_01 .pic-module .pic a:after{content: "";position:absolute;height:1px;left:0;right:0;width:100%;background:#fff;opacity:0;top:135px;transition: all 0.5s ease 0s;}
.FrontProducts_list01-d3_c1_01 .pic-module .pic a:hover:after{position:absolute;left:0;right:0;width:100%;height:100%;opacity:0.5;top:0;transition: all 0.5s ease 0s;}
 
/*内页*/
/*in-banner*/
.in-banner { position: relative; width: 100%; background-position: center top;background-repeat: no-repeat;background-attachment: fixed; height: 100vh;text-align:center;}
#box_allbanner{height:500px;overflow: hidden;    animation: 2s opacity2 0s none;-webkit-animation: 2s opacity2 0s none; -moz-animation: 2s opacity2 0s none;}
.in-banner img { position: relative; width: 100%; }
.Wardrobe-banner-text{text-align: center;font-size: 112px;text-transform: uppercase;color: #fff;position: absolute;width: 100%;top: 48%;    font-family: 'PenRegular';    animation: 2s opacity2 0s none; -webkit-animation: 2s opacity2 0s none; -moz-animation: 2s opacity2 0s none;}
.Wardrobe-banner-btn{ text-align: center; display:inline-block;position:absolute;  top: 68%;width:100%;left:0;    animation: 2s opacity2 0s none; -webkit-animation: 2s opacity2 0s none;-moz-animation: 2s opacity2 0s none;}
.Wardrobe-banner-btn h2{height: 50px; line-height: 30px;font-size: 30px;color: #fff;transition:all .5s;-webkit-transition:all .5s;border-bottom:1px solid #fff;padding:0 25px;display:inline-block;}
.Wardrobe-banner-btn:hover{}
#news_list .Wardrobe-banner-text{top:40%;}
#news_list .Wardrobe-banner-btn{top:59%}
.page_content{width:100%;padding:0;opacity: 0;margin-top:120px;}
#about .page_content{padding:50px 0 0;}
/*about*/
.content_1144 {  width: 1200px;  margin: 0 auto;}
.aboutUs .tab { position:relative}
.aboutUs .aboutUs_tab2{ height:590px; width:100%; background:#fbfbfb;    border-top: 1px solid #ebebeb;}
.aboutUs .aboutUs_tab2 .pic_wordMap{ background:url(../images/pic_wordMap.jpg) no-repeat center; width:1258px; height:562px; position:absolute; left:50%; margin-left:-629px; bottom:0;}
.aboutUs .aboutUs_tab2 .abtitle,.honor_bg .abtitle{ text-align:center; color:#e60012; font-size:36px; position:relative; z-index:9; width:334px; margin:0 auto; top:50px;line-height:50px;letter-spacing:3px;}
.aboutUs .aboutUs_tab2 .abtitle span,.honor_bg .abtitle span{ font-family:"PenRegular"; border-bottom:1px solid #e60012; font-size:30px; text-transform:uppercase; display:block;color:#555;letter-spacing:0px;}
.aboutUs .aboutUs_tab2 .TimeAxis{ height:auto;position: absolute;top: 220px; z-index:9; }
.aboutUs .aboutUs_tab2 .TimeAxis_tab{position: relative;top: 150px;}
.aboutUs .aboutUs_tab2 .TimeAxis_tab .TimeAxis_line{ width:100%; height:2px; background:#959595;position: absolute;top: 10px; z-index:9}
.aboutUs .aboutUs_tab2 .TimeAxis ul{ /*width:200000px;*/}
.aboutUs .aboutUs_tab2 .TimeAxis ul li{ height:17px; width:17px; border-radius:50%; border:3px solid #a8a8a8; position:relative; float:left; margin-left:91px; background:#ffffff; cursor:pointer}
#mindscape {width: 1144px;height: 174px;overflow: hidden;}
#monsteck_variketch {width: 1200px;height: 340px;overflow:hidden}
.aboutUs .aboutUs_tab2 .TimeAxis ul li span{ width:1px; height:1px; border-radius:50%; position:absolute; background:#959595;position: relative;margin:7px auto;display: block; transition:all .3s;-webkit-transition:all .3s;}
.aboutUs .aboutUs_tab2 .TimeAxis ul li:hover span{ width:12px; height:12px; margin:2px auto; }
.aboutUs .aboutUs_tab2 .TimeAxis ul li  i{font-size:18px;color:#e60012;position:absolute; top:30px;z-index:1;font-style:normal;left:-12px;}
.span_TimeAxis{width:12px !important; height:12px!important; margin:2px auto !important;}
.AnnualReview{position: absolute;top:100px;z-index: 9; width:560px; left:50%; margin-left:-280px;}
.AnnualReview ul li { position:absolute; top:0; display:none;width:560px;text-align:center;}
.AnnualReview ul li .year{ width:185px; height:35px; background:#e60012; margin:0 auto; text-align:center; line-height:35px; color:#FFF; font-size:18px;    -moz-border-radius: 3px;-webkit-border-radius: 3px;  border-radius: 3px;}
.AnnualReview ul li .TimeAxis_summart{font-size:16px; max-height:140px;color:#666; line-height:24px; margin-top:25px;}
.AnnualReview ul li .TimeAxis_summart p{font-size:16px;line-height:24px;margin-bottom:8px;}
.advbg{background:url(../images/advban.jpg) no-repeat center; width:100%; height:600px;}
#box_advcon{padding:70px 0 0 120px; width:700px;}
#box_advcon h2{color: #e60012;font-size: 36px; letter-spacing: 3px;display:block;margin-bottom:20px;border-bottom:1px solid #e60012;padding-bottom:20px;}
#box_advcon h2 span{    font-family: "PenRegular"; font-size: 30px; text-transform: uppercase; color: #555; letter-spacing: 0px;}
#box_advcon p{font-size:16px;line-height:26px;color:#fff;}
.box_content{}
.box_content p{font-size:16px;line-height:24px;margin-bottom:8px;}
.box_content img{max-width:1200px;}
#box_about1{padding-bottom:50px;}
.honor_bg{ width:100%;height:600px;background:#fff url(../images/honbg.jpg) bottom center no-repeat;}
#box_case{padding:70px 0 0;}
.roundabout-holder{width:550px;height:396px;margin:0 auto;}
.roundabout-moveable-item{width:417px;height:337px;cursor:pointer;border:3px solid #ccc;border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus{border:3px solid rgba(0, 0, 0, 0.2);}
#lightbox-nav-btnNext{background-position: 100% 50% !important;}
#lightbox-nav-btnPrev{background-position: 0% 50% !important;}
/*prolist*/
.all_here{ height:40px;line-height:40px; background:#efefef;font-size:14px;color:#787878; width:100%;}
.hereico{background: url(../images/homeico.png) no-repeat left center; padding-left:25px;}
.all_here div{ line-height:40px;text-align:left;}
.all_here a{color:#787878;}.all_here a:hover{color: #e70012;}
.all_title{background: url(../images/tline.jpg) no-repeat center;margin:40px auto;text-align:center}
#box_tab h2:before {content: "";position: absolute;left: -665px;top: -460px;width: 100px;height: 15px;z-index:99;background:#fff;filter:alpha(opacity=50);opacity: 0.5; background-color: rgba
(255,255,255,0.5);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1s ease-in 1s infinite;-o-animation: searchLights 1s ease-in 1s infinite;animation: searchLights 1s ease-in 1s infinite}
@-webkit-keyframes searchLights {
0% {left:-60px;top:0}
to {left: 160px;top: 0px}
}
@-o-keyframes searchLights {
0% {left:-60px;top:0}
to {left: 160px;top: 0px}
}
@-moz-keyframes searchLights {
0% {left:-60px;top:0}
to {left: 160px;top: 0px}
}
@keyframes searchLights {
0% {left:-60px;top:0}
to {left: 160px;top: 0px}
}
#box_tab{display:inline-block;margin:0 auto;padding:0 30px;text-align:center;background:#fff;position:relative;}
#box_tab h2{font-weight:bold; font-size:24px;color: #e70012; display:block; position: relative;}
#box_tab h3{font-size:18px;text-transform:uppercase;display:block;padding:5px 0 0;color:#ddd;font-weight:normal;font-family: 'PenRegular';}
#box_tab p{font-size:16px;color:#222;border-bottom:1px solid #ddd;display:block;text-align:center;height:30px;line-height:30px;}
.pro_left{width:250px;min-height:300px;}
#box_plstitle{ }
#box_plstitle h2{ width:250px; height:60px; background:#4e4e4e; color:#fff; font-size:22px; text-align:center; line-height:60px;display:block;}
#box_plstitle h2 span{color:#eee;font-size:14px;text-transform:uppercase;}

.pro_content{padding:0 0 60px 0;}
#box_leftxt{}
#box_leftxt p{padding: 18px 0 0 25px;height: 80px;overflow: hidden;color: #fff;background: url(../images/lf_n_ad.jpg) left top no-repeat;}
#box_leftxt p span {display: block;padding: 0 0 0 45px;line-height: 24px;height: 24px;overflow: hidden;background: url(../images/lf_n_tel.jpg) 18px 3px no-repeat;font-size: 14px;}
#box_leftxt p b {font-size: 30px;color: #fff;font-family: Arial;padding: 15px 0 0;display: block;}
#box_left_menu{background: #efefef; padding:10px 0;text-align:left;}
#box_left_menu li{height: 40px; line-height: 40px;}
#box_left_menu li a{    padding-left: 20px;font-size: 15px;  background: url(../images/subnav_01.png) 210px center no-repeat;display:block;}
#box_left_menu li a:hover, #box_left_menu li a.current,#box_left_menu li.selected a  { background: #e70012 url(../images/subnav_01_hover.png) 220px center no-repeat; color: #fff;display:block;}
#box_left_menu  li .mune2 {padding:12px 0px;display:none;}
#box_left_menu li.cur .mune2 {display:block;}
#box_left_menu li .mune2 a {line-height:24px;height:24px;color:#666666;font-size:14px;}
#box_left_menu li .mune2 a.cur,#box_left_menu li .mune2 a:hover {background-position:16px 8px;color:#e70012;}
.pro_menu .menu-first .menu-none{ display:none;}
#box_left_menu  .menu-second li a{ font-size:14px; height:34px;line-height:34px;}

.imgshow_list{ width:910px; position:relative;float:right;min-height:120px;}
.imgshow_list .border_00 .borderContent{padding:0;}
.imgshow_list .FrontProducts_list01-d5_c1 .pic-module .pic a img {width:273px;height:199px;}
.imgshow_list comptitle_00{display:none;}
.imgshow_list .pageJump{margin: 0 auto;}
.proa{    position: absolute; right: 0; bottom: 0; width: 30px;  height: 30px;  color: #fff;text-indent: -9999px; display: block; background: #e70012 url(../images/jtb2.png) center no-repeat;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.proa:hover{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; background-color: #333;}
.pro_right{width:880px;}
#box_products_detail {width: 880px; margin: 0 auto;  position: relative;padding-bottom: 130px;}
#box_products_detail  img{max-width:880px;}
#box_products_detail .wbuy{display:block;background:#e70012 url(../images/buytb.png) 15px center no-repeat; width:80px;height:40px; line-height:40px;padding-left:60px;position:absolute;right:0;top:84px;z-index:9;color:#fff; font-size:16px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#box_products_detail .wbuy:hover{background-color:#c1000f;text-decoration:none;}
.title_return{background: url(../images/batb.gif) left center no-repeat;display:block;padding-left:30px;font-size:14px;position:absolute;right:0;top:28px; line-height:50px;z-index:10;}
.nsmenu_bg{    height: 68px;background: url(../images/nmbg.jpg);position: relative; width: 100%;}
.nsmenu_bg h2{font-size:18px; padding:0 25px;line-height:68px;}
.shipu_content{ width:1320px; margin:0 auto;padding:60px 0;}
.shipu_content .pageJump{width:1200px;margin:0 auto;height:auto;}
.nshere{width:100%; border-bottom:1px solid #ddd; height:68px;line-height:68px;}
.nshere .title_return{line-height:68px;top:0;}
.nshere h2{font-size:18px; float:left;line-height:68px;}
.nshere h2 a{    background: url(../images/homeico.png) no-repeat left center;padding-left: 25px;}
/*news_list*/
.news_list{padding:60px 0; }
.news_list   .pageJump{ margin:0;}
.news_list  .newslist-01{}
.news_list  .mainul { }
.news_list .content{ border-bottom:1px dashed #ddd; padding:0 0 30px 0;margin-bottom:30px; float:left; }
.news_list .content .newstitle{width:100%;display:block;float:left;}
.news_list .content li{ float:left;color:#999;}
.news_list .content li span,.news_list .content li p{color:#666;}.news_list .content li span.keyword{color:#e70012;}
.news_list .content li.date{ padding-left:20px;}
.news_list .newstitle li.title{ width:100%;background:none;text-align: left;padding-bottom: 0; margin:0;}
.news_list .FrontNews_list01-d1_c1 .newstitle ul li.date{float:left;width:auto; text-align:left;    padding-right: 12px;}
.news_list .newstitle li.title a{color: #333;}
.news_list .newstitle li.title a:hover{color:#e70012;text-decoration:underline;}
.FrontNews_list01-d1_c1 .newstitle .fontnews a{color:#333;}
.FrontNews_list01-d1_c1 .newstitle .fontnews a:hover{color:#e70012;}
.news_list .newslist { padding:20px 0 0;float:left}
.news_list .newslist .summary{  height: 114px; width:100%;}
.news_list .newslist .summary h3{ display:none;}
.news_list .newslist .summary p{text-align:left;font-size: 14px;line-height:24px;}
.news_list .FrontNews_list01-d2_c2 .newstitle li h3{border:none;padding:0;margin:0  0 20px 0;font-size: 18px;height: 22px;color: #006bb6; line-height:22px;font-weight:normal;overflow:hidden;}
.news_list  .newstitle li{float: left;text-align: left;font-size:14px;}.news_list  .newstitle li.fontnews{margin-right:12px; }
.news_list  .newstitle li.fontnews a{color:#e70012;}
.news_list  .FrontNews_list01-d2_c2 .content .pic{  float:left;width:360px;height:280px;}
.news_list  .FrontNews_list01-d2_c2 .content .pic a{border:none;display:block;padding:0;overflow:hidden}
.news_list  .FrontNews_list01-d2_c2 .content .pic img{width:360px;height:280px;}
.news_list   .FrontNews_list01-d2_c2 .content .main{ float:left;padding-left:60px;width:780px;position:relative;height:280px;}
.news_list  .newslist .summary a {position: absolute;display: block;width: 82px;height: 20px;line-height: 20px;background: #4e4e4e;color: #fff;z-index: 9;right: 0;bottom: 0;margin: 0;text-align: center;text-indent: 0;font-size: 13px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.news_list  .newslist .summary a:hover{background: #e70012;}
#box_ncontent{padding:60px 0;}
.news_content{width:1000px;margin:0 auto;position:relative;padding:120px 0 0;font-size:14px;}.news_content img{max-width:1000px;line-height: 0; display:inline-block;}.news_content .wrap{width:1000px;}
.news_content p{font-size:14px;margin:0 0 8px 0;line-height:24px;}
.news_content .infoContent p strong{font-size:18px;}
.news_content #newsdetailshow h2{ font-size:24px; text-align:center;line-height: 30px;color: #555;}
.news_content .message{border-bottom:1px dotted #ddd; text-align:center; padding: 0 0 10px 0; margin:10px 0 15px 0;color: #888;}
.news_content .message .date{ margin-left:15px;}
.news_content .page{ margin:30px 0 5px 0;}
.news_content .page a,.news_content .other a{color: #666;}
.news_content .page a:hover,.news_content .other a:hover{color:#e70012}
.news_content  #infoContent p{ margin:15px 0; line-height:24px; font-size:16px;}
.news_content .summary .info { padding: 10px 15px; background: #f5f5f5;margin-bottom: 20px; width: 970px;}
.fancybox-title-float-wrap .child{font:14px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;}
#box_imglist {padding-bottom:60px;}
#box_imglist  .nonono{display:none;}
#box_imglist .FrontNews_list01-d1_c1 .content{width:20%;margin:0;padding:0;border:0;height:auto;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; float: left;height:410px;overflow:hidden;padding-bottom:20px;}
#box_imglist .FrontNews_list01-d1_c1 .content:hover{background:#666;color:#fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#box_imglist .FrontNews_list01-d1_c1 .content .newslist{width:100%;}
#box_imglist .FrontNews_list01-d1_c1 .newslist .pic{float:none;width:100%;}
#box_imglist .FrontNews_list01-d1_c1 .newslist .pic a{float:none;}
#box_imglist .FrontNews_list01-d1_c1 .content:hover a,#box_imglist .FrontNews_list01-d1_c1 .content:hover .summary p{color:#fff;}
#box_imglist .FrontNews_list01-d1_c1 .newslist .pic img{width:100%;height:auto;}
#box_imglist .FrontNews_list01-d1_c1 .newslist .title{padding: 0 20px;}
#box_imglist .FrontNews_list01-d1_c1 .newslist li h3{height: 50px; line-height: 60px;position: relative;}
#box_imglist .FrontNews_list01-d1_c1 .newslist li h3 a{font-size: 20px; color: #333; font-weight: bold;  display: block;}
#box_imglist .FrontNews_list01-d1_c1 .newslist .summary{float:none;padding: 10px 20px 0 20px;margin: 0;}
#box_imglist .FrontNews_list01-d1_c1 .comstyle {padding:0 0 20px 0;}
#box_imglist .pageJump .jump,#box_imglist .pageJump .number{float:none;display:inline-block;}
#box_imglist .FrontNews_list01-d1_c1 ul li.clearBoth{display:none;    width: auto;height: 0; line-height: 0;clear:none;}


/*products cag*/
#products{overflow:hidden;}
.container{ overflow:hidden; zoom:1;animation: bg 1s 0.1s linear;-webkit-animation: bg 1s 0.1s linear; -moz-animation: bg 1s 0.1s linear;}
.proimgcon{ height:100%; width:100%; overflow:hidden;}
.proimgcon .item{width:20%;height:100%;float: left;position:relative;text-align:center;}
.proimgcon .item h2{ font-size:40px; color:#fff;animation: 2s opacity2 0s none; -webkit-animation: 2s opacity2 0s none;-moz-animation: 2s opacity2 0s none;}
.proimgcon .item:hover{}
.proimgcon .item a{display:block;width:100%;height:100%;}
.proimgcon .item .imgout{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.proimgcon .item .img{height:100%;left:0px;position:absolute;top:0;}
.proimgcon .item a:hover .imgout{width:105%;z-index:25;left:-2.5%;}
.proimgcon .item .textimg{position:absolute;right:5%;top:45%;z-index:20;text-align:right; width:95%;}
.proimgcon .item a:hover .textimg{z-index:30;}
.proimgcon .item a img{  transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out;-moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out;}
.proimgcon .item a:hover .img{    animation: bg2 8s 0.1s linear; -webkit-animation: bg2 8s 0.1s linear;-moz-animation: bg2 8s 0.1s linear;}
.proimgcon .item .textimg .timg{display:none; width:140px; height:42px; line-height:42px;
font-size:18px; color:#fff; font-style:normal; text-align:center;
background:#e60012 url(../images/flmt.png) 15px center no-repeat ; padding-left:40px;}
.proimgcon .item .textimg .timg span{ font-family:"宋体";}
.proimgcon .item a:hover .textimg .timg{ display:inline-block;position:relative; top:-50px; right:0;left:auto; }
.proimgcon .item .bg{width:100%;height:100%;position:absolute;left:0;top:0;display:block;background:#000;opacity:0.5;filter:Alpha(opacity=50);z-index:1;}
.proimgcon .item a:hover .bg{display:none;}

@keyframes opacity2{ 0%{opacity:0} 50%{opacity:.8;} 100%{opacity:1;} }
@-webkit-keyframes opacity2{ 0%{opacity:0}50%{opacity:.8;}100%{opacity:1;}}
@-moz-keyframes opacity2{ 0%{opacity:0}50%{opacity:.8;} 100%{opacity:1;}}
 .neibg,.in-banner{animation: bg 3s 0.1s linear;-webkit-animation: bg 3s 0.1s linear;-moz-animation: bg 3s 0.1s linear}
@keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@-webkit-keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@-moz-keyframes bg {0% { transform: scale(1.2,1.2);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1,1);}}
@keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}
@-webkit-keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}
@-moz-keyframes bg2 {0% { transform: scale(1,1);}50% { transform: scale(1.1,1.1);}100% { transform: scale(1.2,1.2);}}


/*向右提示*/
.timg,#box_left_menu li a.current {cursor: pointer;-webkit-transform: rotate(-0deg);-ms-transform: rotate(-0deg);-o-transform: rotate(-0deg);transform: rotate(-0deg);-webkit-animation: bouncedd 2s 1s infinite;-o-animation: bouncedd 2s 1s infinite;animation: bouncedd 2s 1s infinite;}
/* Used to bounce .btn_down on home page */

@-webkit-keyframes bouncedd {
 0%, 10%, 25%, 40%, 50% {-webkit-transform: translateX(0) rotate(-0deg);transform: translateX(0) rotate(-0deg);}
20% {-webkit-transform: translateX(-10px) rotate(-0deg);transform: translateX(-10px) rotate(-0deg);}
30% {-webkit-transform: translateX(-5px) rotate(-0deg);transform: translateX(-5px) rotate(-0deg);}}

@-o-keyframes bouncedd {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0) rotate(-0deg);-o-transform: translateX(0) rotate(-0deg);transform: translateX(0) rotate(-0deg);}
40% {-webkit-transform: translateX(-10px) rotate(-0deg);-o-transform: translateX(-10px) rotate(-0deg);transform: translateX(-10px) rotate(-0deg);}
60% {-webkit-transform: translateX(-5px) rotate(-0deg);-o-transform: translateX(-5px) rotate(-0deg);transform: translateX(-5px) rotate(-0deg);}}

@keyframes bouncedd {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0) rotate(-0deg);-o-transform: translateX(0) rotate(-0deg);transform: translateX(0) rotate(-0deg);}
40% {-webkit-transform: translateX(-10px) rotate(-0deg);-o-transform: translateX(-10px) rotate(-0deg);transform: translateX(-10px) rotate(-0deg);}
60% {-webkit-transform: translateX(-5px) rotate(-0deg);-o-transform: translateX(-5px) rotate(-0deg);transform: translateX(-5px) rotate(-0deg);}}


/*message_list*/
.message_list .textarea { width:400px; height:120px;font: 14px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;}
.message_list .text-oper{ float: left;margin: 0 0 10px 8px;} 
.text-tip .tip-remind{ color:#999;}
.FrontMessages_emit01-d1_c1 table th ,.message_list .FrontMessages_customizeEmit01-d1_c1 table th{
font-weight: normal;
text-align:right;width: 15%;
vertical-align: top;
}
.FrontMessages_emit01-d1_c1 table tr.info .text-tip,.FrontMessages_customizeEmit01-d1_c1 table tr.info .text-tip {
width: 100%;
padding-left: 10px;
}
.FrontMessages_emit01-d1_c1 .input,.FrontMessages_customizeEmit01-d1_c1 .input{border: 1px solid #ddd;height: 24px;line-height: 24px;}
.message_list .FrontMessages_emit01-d1_c1 .input,.message_list .FrontMessages_customizeEmit01-d1_c1 .input{width: 200px;}
.FrontMessages_customizeEmit01-d1_c1 input#messagesTitle{ width:399px;}
.FrontMessages_emit01-d1_c1 .input#verifyCode{ width:120px;}
.message_list  #messagesCategoryId{ height:24px; line-height:24px; font: 14px/1.5  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;}
.message_list  .text-oper img{ display:inline-block;vertical-align: middle; }
.message_list .btn-com-01{
font: 16px/1.5   "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;line-height: 36px; background:#e70012; color:#fff;width: 105px;
height: 36px;border: none;cursor: pointer; margin:5px 0 10px 6px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.message_list .btn-com-01:hover{background:#bb000f ;}
.border_45 .border_45-topr,.border_45 .border_45-footerr{ display:none;}
.border_45 .border_45-midl,.border_45 .border_45-midr{ background:none;}
.message_list  .border_45 .comptitle_45{border-bottom: 1px solid #2b2b2b;padding-left: 20px; display:inline-block; width:960px; margin:0 auto;height: 33px;}
.message_list  .border_45 .comptitle_45 strong{ display:block; width:120px; color:#fff;height: 32px;line-height: 32px;text-align: center;float: left;margin-right: 1px;border: 1px solid #2b2b2b;border-bottom: 1px solid #1d1e1d;
-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0; margin:0 0 1px 0;}
.message_list .center ul{ width:1000px; float:left; }
.message_list .center ul.list,.message_list .center ul.title,.message_list .center ul.list .info{margin-bottom:10px;}
.message_list .center ul.list{border-bottom:1px dashed #ddd;padding-bottom:10px;}
.message_list .center ul.title span{color:#888;}
.message_list .center{ margin:0 0 30px 0;  float:left;  width:1000px;}
.message_list .center li{ float:left; margin-right:15px;}
.message_list .center li.li-title{ color:#005197;}
.message_list .center li.li-con .pic{ display:none;}
.message_list .center li .info span,.message_list .center li.li-bottom span{color:#ef430a ;}
.message_list .center li.li-title,.message_list .center li.li-bottom{ width:100%; }
.message_list  .mestitle{display:none;}

.border_00 .borderContent{padding:0;margin:0;}

.box_mtitle{background: url(../images/titel_bg.jpg) left bottom no-repeat;height:40px; line-height:30px;position: relative; text-align:left;}
.box_mtitle h2{font-size:18px;color:#e70012;padding-left:20px;line-height:28px;text-align:left;float: left;}

@media only screen and (max-width:1440px){
.iproducts{padding:90px 0 0;}
#box_fenlei{ padding: 90px 0 65px 0;}

.pikachoose{ width:880px;}
.jcarousel-skin-pika{right:-261px;}
.jcarousel-skin-pika .jcarousel-clip-vertical,.pika-thumbs li{width:256px;height:146px;}
.jcarousel-skin-pika .jcarousel-item-vertical{margin-bottom:5px;}
.jcarousel-skin-pika .jcarousel-container-vertical{height:448px;}
.pika-textnav{top:453px;    right: -165px;}
.pika-textnav a{width:42px;height:42px;}
.ptitle{width:256px;left: -261px;height:310px;}


.ptitle h2{font-size:18px;top:-10px;}
.ptitle h3{font-size:32px;    padding: 42px 0 30px 10px}
.ptitle p{font-size:18px;}
.pline {background: url(../images/pline2.png) top center no-repeat;}

.caption{height:495px;}
.caption h4{line-height:160px;font-size:24px;}
.caption p{bottom:3em;}
.caption p a{width:50%;}
#box_rmlist{margin: 120px auto 0 auto;}
.rmjingxuan{height:790px;}
#box_imglist .FrontNews_list01-d1_c1 .content{width:25%;}
#box_imglist .FrontNews_list01-d1_c1 .content{height:380px;}
#image .Wardrobe-banner-text{top:38%;}
#image .Wardrobe-banner-btn{ top: 54%;}
#image  #box_allbanner{height:604px !important;}
.proimgcon .item h2{font-size:32px;}
}
@media only screen and (max-width:1366px){
.pikachoose{ width:860px;}
.jcarousel-skin-pika{right:-250px;}
.jcarousel-skin-pika .jcarousel-clip-vertical,.pika-thumbs li{width:245px;height:140px;}
.jcarousel-skin-pika .jcarousel-container-vertical{height:430px;}
.pika-textnav{top:436px;    right: -165px;}
.ptitle{width:240px;left: -245px;height:299px;}
.caption{height:484px;}
.ptitle{width:240px;left: -245px;height:299px;}
.pika-textnav a{width:48px;height:48px;}
.box_content p{font-size:14px;}
}